/* CSS Document */
*{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption,{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 12px;
	vertical-align: baseline;
	background: transparent;
}
a img{border: 0;}
body {
	margin: 0px;
	padding: 0px;
}
h1 {
	margin-top: 10px;
}
h2 {
	margin-top: 0px;
}
ul {
	margin-left: 20px;
}
.col {
	width: 190px;
	float: left;
	color: #000;
	margin-right:10px;
}
.col a {
	color: #000;
}
.vstrip {
	background-image: url(../images/SwimSchoolTest-Home-v2_33.jpg);
	background-repeat: repeat-y;
	background-position: left;
}
.pagebg{
	background-image: url(../images/pagebg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #000;
	padding: 5px;
}
#footer a {
	color: #000;
}

#footer .ontrix a {
	color: #3397cc;
	text-decoration:none;
}
.ontrix {
	color: #3397cc;
}
.pagebody{
padding:10px;
padding-left:30px;
}
#leftmenu a{
	width:140px;
	color:#cc0000;
	font-weight:bold;
	text-decoration: none;
	font-size: 13px;
}
.leftmenubg {
	background-image: url(../images/leftbg.jpg);
	background-repeat: repeat-y;
	background-position: left;
}

#leftmenu p{
	margin-bottom: 13px;
}
.floatleft {
	float: left;
}

a{	color: #3397cc;
	text-decoration:underline;}


h1, h2, h3, h4, h5, h6 {color:#3D5876;}


#main_content{
	width:97%;
	padding:0px 12px 10px 12px;
	float:left;
}
#main_content h1{
	font-size:1.8em;
	color:#3D5876;
	font-weight:bold;
	padding:0px;
	margin:0px 0px 25px 0px;
	width:500px;
	z-index:1;
	float:left;
}
#main_content h2{
	width:400px;
	float:left;
	background:url(../images/title_arr.jpg) no-repeat 0px 8px;
	text-transform:uppercase;
	font-size:1em;
	color:#3D5876;
	margin:0px;
	padding:8px 20px;
	clear:both;
	z-index:1;
}
.left_column{
	padding:10px;
	padding-left:30px;	
	padding-right:10px;
	width:200px;
	background-image: url(../images/leftbg.jpg);
	background-repeat: repeat-y;
	background-position: right;	
	
}
.left_column1{
	padding:10px;
	padding-left:30px;	
	padding-right:10px;
	width:300px;
	background-image: url(../images/leftbg.jpg);
	background-repeat: repeat-y;
	background-position: right;	
	
}
.left_column2{
	padding:10px;
	padding-right:10px;
	width:330px;
	background-image: url(../images/leftbg.jpg);
	background-repeat: repeat-y;
	background-position: right;	
	
}
.left_title{
	background:url(../images/left_nav_bg.gif) repeat-x 0px 0px;
}
.left_title h1{
	color:#fff;
	font-size:13px;
	padding:8px 28px;
	margin:0px;
}
.title
{
font-family:verdana;
font-size:18px;
color:#990000;
padding-top:10px;
padding-bottom:10px;
}
.hr{
	background:url(../images/hr.jpg) repeat-x;
	height:9px;
}
h3,h1{font-size:18px;padding:0px 0px 0px 0px; margin:0px;color:#3D5876;}
.curve1{
	background:url(../images/curve1.jpg) no-repeat top left; width:930px; height:37px;}
.curve_mid{
	background:url(../images/curve-mid.jpg) repeat-y top left; text-align:center;}
.curve2{
	background:url(../images/curve2.jpg) no-repeat top left; width:930px; height:20px;}
	/*
.pro_curve1{
	background:url(../images/pro_cur1.gif) no-repeat top left; width:925px; height:37px;}
.pro_curve_mid{
	background:url(../images/pro_mid.gif) repeat-y top left; padding:15px 15px 15px 0px;}
.pro_curve2{
	background:url(../images/pro_cur2.gif) no-repeat bottom left; height:20px;}
.pro_curve1 h3{
	font-size:15px; color:#1567cb; padding:0px 0px 0px 20px; margin:0px;
}*/
.curve1 h2{
	font-size:16px;padding:0px 0px 0px 220px; margin:0px;color:#333366;
}

.ListTableHeaderRowLight { background-color: #cad9ef; color: #233e99;height: 20px; }
.bottomline { color: #233e99; font-weight: bold; padding-left: 5px; padding-bottom: 2px; padding-top: 2px; height: 20px; border-bottom: solid 1px #8ba4d4; margin-bottom: 10px; }

.bodyTXT { color: Black; }


#shopping_main .tab_heading1{
	background:#D1E9FE; font-size:12px;
	font-weight:bold;
	color:#000;
	text-align:left;
	height:25px;
	width:auto;
	margin:0px;
	
	}
#shopping_main .tab_lf1{width:10%; margin-right:4px; height:21px;padding:4px 4px 2px 4px;text-align:center; border-right:1px solid #fff;}
#shopping_main .tab_lf2{width:15%; margin-right:4px; height:21px;padding:4px 4px 2px 4px;text-align:center; border-right:1px solid #fff;}
#shopping_main .tab_lf3{width:29%; margin-right:4px; height:21px;padding:4px 4px 2px 4px;text-align:center; border-right:1px solid #fff;}
#shopping_main .tab_lf4{width:10%; margin-right:4px; height:21px;padding:4px 4px 2px 4px;text-align:center; border-right:1px solid #fff;}
#shopping_main .tab_lf5{width:10%; margin-right:4px; height:21px; padding:4px 4px 2px 4px;text-align:center;}
#shopping_main .tab_lf6{width:10%; height:21px; padding:4px 4px 2px 4px;text-align:center;}
#shopping_main .tab_lf3_new{width:46%; margin-right:4px; height:18px;padding:4px 4px 2px 4px;text-align:center; border-right:1px solid #fff;}
#shopping_main .table-row1 {color: #000000;  border-right: solid #D1E9FE 1px; border-left: solid #D1E9FE 1px; border-bottom: solid #D1E9FE 1px;  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; background:#fff;   padding: 0; text-align: left; width: 100%; overflow:auto; font-size:12px; color:#707070;}
#shopping_main .tab_lf6{width:39%; margin-right:4px; height:18px;padding:4px 4px 2px 4px;text-align:left; border-right:1px solid #fff;}
a.button{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/btn.jpg) repeat-x 0px 0px;
	padding:5px 5px;
	font-weight:bold;
	color:#fff;
	border:1px solid #0241a0;
	display:block;
	text-align:center;
	margin-right:8px;
	float:left;
	text-decoration:none;
}
a.button:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/btn.jpg) repeat-x 0px -25px;
	padding:5px 5px;
	font-weight:bold;
	color:#fff;
	border:1px solid #0241a0;
	display:block;
	text-align:center;
	margin-right:8px;
	float:left;
	text-decoration:none;
}
input.button{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/btn.jpg) repeat-x 0px 0px;
	padding:5px 5px;
	font-weight:bold;
	color:#fff;
	border:1px solid #0241a0;
	display:block;
	text-align:center;
	margin-right:8px;
	float:left;
	text-decoration:none;
}
input.button:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/btn.jpg) repeat-x 0px -25px;
	padding:5px 5px;
	font-weight:bold;
	color:#fff;
	border:1px solid #0241a0;
	display:block;
	text-align:center;
	margin-right:8px;
	float:left;
	text-decoration:none;
}
input.button_center{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/btn.jpg) repeat-x 0px 0px;	
	font-weight:bold;
	color:#fff;
	border:1px solid #0241a0;	
	padding:5px 5px;
	/*display:block;
	text-align:center;*/
	text-decoration:none;
}

input.button_center1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/btnr.gif) repeat-x 0px 0px;	
	font-weight:bold;
	color:#fff;
	border:1px solid #670802;	
	padding:5px 5px;
	/*display:block;
	text-align:center;*/
	text-decoration:none;
}
.tab{color:#2A67B3;}
.tab_heading2{
	background:#D1E9FE; font-size:12px;
	font-weight:bold;
	color:#000;
	text-align:left;
	height:25px;
	width:auto;
	margin:0px;
	}
.tab_heading2 td{padding:5px;}	
.tab_row2 td{padding:5px;}	
.small{font-size:12px;}
.header {
	background-image: url(../images/SwimSchoolTest-Home-v2_02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#login {
	float: right;
	width: 350px;
	padding: 10px;
	text-align: right;
	color: #B70B01;
	font-weight: bold;
}
#login a {
	color: #B60B01;
	text-decoration: none;
	font-size:13px;
}
#login a:hover {
	color: #081742;
	text-decoration: none;	
}
legend,legend.title{color:#000000;font-size:14px;font-weight:bold;}
.vrating{	
	width:160px;
	height:32px;		
	background: url(../images/star-matrix2.gif) no-repeat 0 0;
	padding-left:160px;
	padding-top:12px;
}
.rating{
	width:160px;
	height:32px;
	margin:0 0 30px 0;
	padding:0;	
	list-style:none;
	clear:both;
	position:relative;
	background: url(../images/star-matrix2.gif) no-repeat 0 0;
	

}
/* add these classes to the ul to effect the change to the correct number of stars */
.star0 {background-position:0 0}
.star1 {background-position:0 -32px}
.star2 {background-position:0 -64px}
.star3 {background-position:0 -96px}
.star4 {background-position:0 -128px}
.star5 {background-position:0 -160px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:32px;
	height:32px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:32px;}
ul.rating li.three a {left:64px;}
ul.rating li.four a {left:96px;}
ul.rating li.five a {left:128px;}
ul.rating li a:hover {
	z-index:2;
	width:160px;
	height:32px;
	overflow:hidden;
	left:0;	
	background: url(../images/star-matrix2.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}
#msgloader{width:370px;height:160px;background-color:white;border:4px solid #B50801;padding:30px;padding-top:50px;}
#msgloader1{width:370px;height:160px;background-color:white;border:4px solid #B50801;padding:30px;padding-top:50px;}
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:375px; 
  height:203px;
  padding:10px;
  background-color:#ffffff;
}