body {
 font: 11px verdana, arial, lucida, helvetica, sans-serif;
 color: #000000;
 background: #C6C8CA;
 margin: 0px 0px 0px 0px;
}

table {
 font: 11px verdana, arial, lucida, helvetica, sans-serif;
 color: #000000;
 margin: 0px 0px 0px 0px;
}

.topNavStrip {
	 width: 760px;
	 background-color: #F5C928;
  	 border-bottom: 1px solid #FFF;
	 padding: 5px 0px 5px 0px;
	 margin-left:auto;
	 margin-right: auto;
	 letter-spacing: -1px;
	 text-align: right;
}

.btmNavStrip {
	 width: 760px;
	 background-color: #000;
  	 border-top: 1px solid #FFF;
	 padding: 5px 0px 5px 0px;
	 margin-left:auto;
	 margin-right: auto;
	 letter-spacing: -1px;
	 text-align: center;
}

.masthead{
	background-image: url("../hydropool_swim_spas_images/hydropool_swim_spas_images_header.jpg");
	background-repeat: no-repeat;
	width: 760px;
	height: 112px;
	margin-left:auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
}


.globalNavStrip{
	width: 760px;
	margin-left:auto;
	margin-right: auto;
}

.contentAreaFlash {
	width: 760px;
	margin-left:auto;
	margin-right: auto;
	background-color: #FFF;
}


.contentArea {
	width: 736px;
	margin-left:auto;
	margin-right: auto;
	padding: 5px 10px 5px 15px;
	line-height: 14px;
	text-align: left;
}


.contentAreaHome {
	background-image: url("../hydropool_swim_spas_images/hydropool_swim_spas_images_body_image.jpg");
	background-repeat: no-repeat;
	width: 760px;
	margin-left:auto;
	margin-right: auto;
	background-color: #173862;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

.contentAreaHomeTemp {
	width: 521px;
	margin-left:auto;
	margin-right: auto;
	background-color: #173862;
	padding: 20px 0px 20px 0px;
	text-align: center;
}


.contentAreaHomeWithoutBGImage {
	width: 760px;
	margin-left:auto;
	margin-right: auto;
	background-color: #FFF;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

.contentAreaHomeWithoutBGImageSerenity {
	width: 760px;
	margin-left:auto;
	margin-right: auto;
	background-color: #C1DBD2;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

.contentAreaHomeText {
	width: 360px;
	padding: 5px 0px 0px 10px;
	text-align: left;
	color: #ffffff;
	font-size: 9px;
	border: 0px solid #ff0000;
}

.contentAreaHomeTextBottom {
	width: 740px;
	padding: 0px 0px 0px 10px;
	text-align: left;
	color: #ffffff;
	font-size: 9px;
	border: 0px solid #ff0000;
}

.contentAreaSerenity {
	width: 740px;
	margin-left:auto;
	margin-right: auto;
	background-color: #C1DBD2;
	padding: 5px 5px 5px 15px;
	line-height: 14px;
}

.contentAreaSwimspas{
width: 740px;
margin-left:auto;
margin-right: auto;
background-color: #BBC0DE;
padding: 5px 5px 5px 15px;
line-height: 14px;
}

.contentAreaSwimspasLanding{
width: 760px;
margin-left:auto;
margin-right: auto;
background-color: #BBC0DE;
padding: 5px 0px 5px 0px;
line-height: 14px;

}

.contentAreaSwimspasLandingText{
font: 13px verdana, arial, lucida, helvetica, sans-serif;
color: #053364;
margin-right: 10px;
text-align: justify;
}





.invalid {
color: red;
}

.legal {
 font: 9px verdana, arial, lucida, helvetica, sans-serif;
 color: #000000;
}

div.FirstLine {
	font: 14px verdana, arial, lucida, helvetica, sans-serif;
	font-weight: bold;
	color: #9FA0A2;
	padding: 20px 0px 0px 25px;
}

div.SecondLine {
	font: 14px verdana, arial, lucida, helvetica, sans-serif;
	font-weight: bold;
	color: #9FA0A2;
	padding: 0px 0px 0px 25px; 
}

div.ThirdLine {
	font: 25px verdana, arial, lucida, helvetica, sans-serif;
	font-weight: bold;
	color: #173862;
	padding: 0px 0px 0px 25px;
}

H1{
font: 16px verdana, arial, lucida, helvetica, sans-serif;
font-weight: bold;
color: #000;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
padding: 0px;
}

H2{
font: 14px verdana, arial, lucida, helvetica, sans-serif;
font-weight: bold;
color: #000;
margin: 0px;
padding: 0px;
}

H3{
font: 13px verdana, arial, lucida, helvetica, sans-serif;
font-weight: bold;
color: #404040;
margin-bottom: 2px;
}

H3.heading{
font: 13px verdana, arial, lucida, helvetica, sans-serif;
font-weight: bold;
color: #EDD018;
margin-bottom: 5px;
}

H4{
font: 28px verdana, arial, lucida, helvetica, sans-serif;
font-weight: bold;
color: #053364;
margin: 2px 0px 0px 0px;
}

H5{
font: 18px verdana, arial, lucida, helvetica, sans-serif;
font-weight: bold;
color: #053364;
margin: 2px 0px 0px 0px;
}

H6{
font: 14px verdana, arial, lucida, helvetica, sans-serif;
font-weight: bold;
color: #053364;
margin-top: 2px;
}


OL {
margin-top: 0;

}




/*************************** LINKS*/

a:link, a:visited  {
color: #0099cc; /*dk blue*/
 text-decoration: underline;
	}
	
a:hover {
 color: #071947; /*blue*/
	text-decoration: none;
	}
	


a.btmNav:link, a.btmNav:visited  {
 text-decoration: none;
 margin: 0px 14px 0px 14px;
 font: 10px verdana, arial, lucida, helvetica, sans-serif;
	color: #fff; 
	}
	
a.btmNav:hover {
 color: #CCC; 
 text-decoration: underline;
	}
	
	/*************************** FORMS*/
	
	 FORM {
 margin: 10px 0px 10px 0px;
 }
	
	INPUT.buttons
{
  font: 11px verdana, arial, lucida, helvetica, sans-serif;
 font-weight: bold;
 color: #000;
 background-color: #E6E6E6;
 border: 1px solid #CCCCCC outset;
 
}


INPUT.input
{
 font: 11px verdana, arial, lucida, helvetica, sans-serif;
 color: #666666;
 background-color: #FFFFFF;
 border: 1px solid #CCCCCC;
 margin: 0px 0px 0px 0px;
}
	
	
SELECT.select
{
 font: 11px verdana, arial, lucida, helvetica, sans-serif;
 color: #666666;
 background-color: #FFFFFF;
 border: 1px solid #CCCCCC;
}

SELECT.SerenityGreen
{
 font: 11px verdana, arial, lucida, helvetica, sans-serif;
 color: #FFFFFF;
 background-color: #32815B;
 border: 1px solid #CCCCCC;
}

SELECT.SwimSpaBlue
{
 font: 11px verdana, arial, lucida, helvetica, sans-serif;
 color: #EEEEEE;
 background-color: #0055A4;
 border: 1px solid #CCCCCC;
}

SELECT.SelfCleanWhite
{
 font: 11px verdana, arial, lucida, helvetica, sans-serif;
 color: #EEEEEE;
 background-color: #000000;
 border: 1px solid #CCCCCC;
}

SELECT.selectsmall
{
 font: 11px verdana, arial, lucida, helvetica, sans-serif;
 color: #666666;
 background-color: #FFFFFF;
 border: 1px solid #CCCCCC;
 width: 160px
}

table.login {
margin: 0px 0px 0px 20px;
}	
	
table.dealerResults {
margin: 0px 0px 0px 0px;
border : thin solid #929397;
border-width : 0px 0px 0px 0px;
width: 100%;
}

table.forms {
margin: 0px 0px 0px 20px;
border : thin solid #929397;
border-width : 0px 0px 0px 0px;
padding: 10px;
}

.row {
border : thin solid #929397;
border-width : 1px 0px 1px 0px;
padding: 4px;
}

.row2 {
border : thin solid #929397;
border-width : 0px 0px 0px 0px;
padding: 4px;
vertical-align: top;
}

.row3 {
border : thin solid #929397;
border-width : 0px 0px 0px 0px;
padding: 4px;
vertical-align: top;
text-align: right;
}

.row4 {
border : thin solid #929397;
border-width : 1px 0px 1px 0px;
padding: 4px;
background: #eeeeee;
}

.row5 {
border : thin solid #929397;
border-width : 0px 0px 0px 0px;
padding: 4px; 
background: #ffffff;
text-align: right;
}

.row6 {
border : thin solid #929397;
border-width : 1px 0px 0px 0px;
padding: 4px; 
background: #ffffff;
}

.row7 {
border : thin solid #929397;
border-width : 1px 0px 1px 0px;
padding: 4px; 
background: #ffffff;
text-align: center;
}
.required {
color: red;
}

.center{
 text-align: center;
}