a:link {
	
	text-decoration: none;
	color: #09C1F0;
}
a:visited {
	text-decoration: none;
	color: #09C1F0;
}
a:hover {
	text-decoration: underline;
	color: #07A6CD;
}
a:active {
	text-decoration: none;
	color: #07A6CD;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #046279;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	color:#FFFFFF;
}
a.inlink:link {
	color : #0066FF;
	text-decoration : None;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a.inlink:visited {
	color : #0066FF;
	text-decoration : None;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a.inlink:hover {
	color : #0066FF;
	text-decoration : underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a.inlink:active {
	color : #0066FF;
	text-decoration : None;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*
 -------------- Login Box Starts Here ---------------------
*/

#subnav-loginbox-index {
background-image: url(images/loginbox-bg.jpg);
background-repeat: repeat-x;
width: 253px;
height:37px;
margin: 0px 2px 0 0;
padding: 0 0 0 0;
}
#subnav-loginbox-index #img a{
background-image: url(images/myaltra.gif); 
background-repeat: no-repeat; 
width: 77px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 9px; 
margin-left: 15px;
margin-top: 9px;
}


#subnav-loginbox-index #img2 a{
background-image: url(images/requestquote.gif); 
background-repeat: no-repeat; 
width: 124px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 7px; 
margin-left: 115px;
margin-top: -9px;
}

/*
 -------------- Flash Framing Starts Here ---------------------
*/
#mainflash-bottom {
background-image: url(images/home-bottomframe.jpg);
background-repeat: no-repeat;
width: 485px;
height: 15px;
padding: 80px 0 0 0;
margin: 1px 0 0 0;
float:left;
z-index: 2;
}
#mainflash-bottom blockquote {
background-image: url(images/quote.gif);
background-repeat: no-repeat;
overflow: hidden;
width: 460px;
height: 0px;
padding: 36px 0 0 0;
margin: -50px 0 0 0px;
z-index: 1;
}

#mainflash-right {
background-image: url(images/home-rightframe.jpg);
background-repeat: no-repeat;
width: 15px;
height: 85px;
padding: 0px 0 0 0;
margin: 1px 0 0 0;
float:right;
background-position: right;
z-index: 2;
}
#mainflash-bottomright {
background-image: url(images/home-rightbottomframe.jpg);
background-repeat: no-repeat;
width: 253px;
height: 9px;
padding: 0px 0 0 0;
margin: 3px 0 0 0px;
float:left;
background-position: left;
}
#loginspacing {
margin-top: 1px;
}
/*
 -------------- Sub Navigation Starts Here ---------------------
*/

#subnav {
width:240px;
padding: 0px;
margin: 0px;
z-index: 1;
float:left;
background-color: #404040;
}
#subnavbg {
width:240px;
position: relative;
padding:0 0 0 0;
margin: 1px 0 0 0;
background-color: #404040;
z-index: 1;
}
#subnavbody {
width:240px;
padding:0;
margin: 0;
background-image: url(images/subnav_body.jpg);
background-repeat:repeat-y;
z-index: 3;
}
#subnav-loginbox {
background-image: url(images/loginbox-bg.jpg);
background-repeat: repeat-x;
width: 240px;
height:36px;
margin: 1px 0 0 0;
}
#subnav-loginbox #img a{
background-image: url(images/myaltra.gif); 
background-repeat: no-repeat; 
width: 77px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 9px; 
margin-left: 5px;
margin-top: 10px;
}
#subnav-space {
height: 10px;
width: 77px;
margin: 0px;
padding-top: 13px;
}

#subnav-loginbox #img2 a{
background-image: url(images/requestquote.gif); 
background-repeat: no-repeat; 
width: 124px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 7px; 
margin-left: 105px;
margin-top: -9px;
}

#subnav-footer {
width:240px;
height: 100px;
padding-left:0px;
margin-left: 0px;
background-image: url(images/subnav_footer.jpg);
background-color: #404040;
background-repeat:no-repeat;
z-index: 2;
}
#subnavtextwrapper {
width:222px;
padding-left:0px;
padding-right: 0px;
padding-top: 8px;
padding-bottom: 0px;
margin: 0;
}


#subnav-galleryslideshow {
width:240px;
height: 300px;
padding:0 0 0 0;
margin: 3px 0 0 0;
background-color: #404040;
z-index: 1;
background-image: url(images/galleryslideshow_bg.jpg);
background-repeat: no-repeat;
background-position: bottom;
float:left;
}
#subnav-galleryslideshow-about {
width:240px;
height: 520px;
padding:0 0 0 0;
margin: 3px 0 0 0;
background-color: #404040;
z-index: 1;
background-image: url(images/galleryslideshow_bg.jpg);
background-repeat: no-repeat;
background-position: bottom;
float:left;
}
#subnav-galleryslideshow-contact {
width:240px;
height: 423px;
padding:0 0 0 0;
margin: 3px 0 0 0;
background-color: #404040;
z-index: 1;
background-image: url(images/galleryslideshow_bg.jpg);
background-repeat: no-repeat;
background-position: bottom;
float:left;
}
#subnav-galleryslideshow-affiliates {
width:240px;
height: 425px;
padding:0 0 0 0;
margin: 3px 0 0 0;
background-color: #404040;
z-index: 1;
background-image: url(images/galleryslideshow_bg.jpg);
background-repeat: no-repeat;
background-position: bottom;
float:left;
}
#subnav-galleryslideshow h3 a { background-image: url(images/viewgallery.gif); 
background-repeat: no-repeat; 
width: 113px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 8px; 
}
#subnav-galleryslideshow-about h3 a { background-image: url(images/viewgallery.gif); 
background-repeat: no-repeat; 
width: 113px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 8px; 
}
#subnav-galleryslideshow-contact h3 a { background-image: url(images/viewgallery.gif); 
background-repeat: no-repeat; 
width: 113px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 8px; 
}
#subnav-galleryslideshow-affiliates h3 a { background-image: url(images/viewgallery.gif); 
background-repeat: no-repeat; 
width: 113px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 8px; 
}
#subnav-galleryslideshow-about h3 a { background-image: url(images/viewgallery.gif); 
background-repeat: no-repeat; 
width: 113px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 8px; 
}
#subnav-galleryslideshow-about h4{ background-image: url(images/apsp_logo.jpg); 
background-repeat: no-repeat; 
width: 170px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 67px; 
margin: 0;
float: left;
}
#subnav-galleryslideshow-contact h4{ background-image: url(images/apsp_logo.jpg); 
background-repeat: no-repeat; 
width: 170px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 67px; 
margin: 0;
float: left;
}
#logofloat {
width: 70px;
float: left;

}
#subnav-galleryslideshow-affiliates h4{ background-image: url(images/apsp_logo.jpg); 
background-repeat: no-repeat; 
width: 170px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 67px; 
margin: 0;
float: left;
}
#subnav-wrap {
background-color: #404040;
margin-top: -1px;
}

/*
 ------------------------- Footer Starts Here -----------------------
*/

/* footer style */
#footer {width: 790px; height: 34px; background-color: #056A83; margin:0; padding:0; overflow: hidden; background-image: url(images/footer.jpg);
background-repeat:no-repeat;}
#footer #copyright{ width:700px;
height: 34px;
padding:0 0 0 0;
margin:0 0 0 0;
margin-top: 0px;
float: inherit; }
#footer #copyright #text1, #text2 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-align: center; color: #FFFFFF; }
#footer #copyright #text1, #text2 a { color: #FFFFFF; text-decoration: none; }
#footer #copyright #text1 { width: 135px; height: 11px; float: left; margin-left: 10px;}
#footer #copyright #img { width: 90px; height: 11px; margin-top: 2px; float: left; }
#footer #copyright #img a { background-image: url(images/branding.gif); background-repeat: no-repeat; width: 90px; height: 0; overflow: hidden; display: block; padding-top: 11px; margin-top: 2px; }
#footer #copyright #text2 { width: 450px; height: 20px; float: left; margin-left: 1px; }
#footer #copyright #text2 strong{ font-size: 12px; }
#footer-text {
width:790px;
height: 34px;
background-image: url(images/footer.jpg);
background-repeat:no-repeat;
padding:0;
margin:0 0 0 0;
margin-top: 0px;
float: inherit;
}
#textspace {
width:790px;
height: 44px;
padding:0px;
margin-top: 0px;
float: inherit;
}
/*
 -------------------- Category Page White Box ---------------------
*/

#catpage-box {
width:480px;
padding:5px 0 15px 0;
margin: 1px 0 0 0;
background-color: #404040;
z-index: 1;
background-image: url(images/subnav_footer.jpg);
background-repeat: repeat-x;
background-position: bottom;
float:left;
}
#catpage-textbox {
width:456px;
padding:5px 10px 0 0;
margin: 0 10px 0 0;
z-index:2;
float:right;

}
#catpage-foot {
width:480px;
height: 100px;
padding:0;
margin-left: 0px;
float: left;
background-image: url(images/subnav_footer.jpg);
background-repeat: repeat-x;
background-color: #404040;
z-index: 1;
position: absolute;
bottom: 100px;
}

/*
 ---------------------Start Content Pages-------------------------
*/
#blackbox {
height: 229px;
width: 456px;
border: 2px solid black;
border-color:#000000;
}
/* About Us Page */
#content-about h2 { background-image: url(images/h3-aboutus.jpg); 
background-repeat: no-repeat; 
width: 456px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 229px; 
margin: 0px;
}
#content-about ul #left {
width: 200px;
float: left;
background-color: red;
}
#content-about ul #right {
width: 200px;
float: right;
}
/* Testimonials Page */
#content-testimonials h2 { background-image: url(images/h3_testimonials.jpg); 
background-repeat: no-repeat; 
width: 456px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 229px; 
margin: 0px;
}
#content-testimonials ul { 
display: block; 
padding-top: 30px; 
margin-top: 0px;

}
/* Construction Page */
#content-construction h2 { background-image: url(images/h3_construction.jpg); 
background-repeat: no-repeat; 
width: 456px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 229px; 
margin: 0 0 0 0;
}

/* Construction --> Financing */
#content-financing h2 { background-image: url(images/h3-financing.jpg); 
background-repeat: no-repeat; 
width: 456px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 229px; 
margin: 0px;
}

/* Construction --> During Construction */
#content-expectations h2 { background-image: url(images/h3_expectations.jpg); 
background-repeat: no-repeat; 
width: 456px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 229px; 
margin: 0px;
}
#content-expectations h3 { 
color: #FFFFFF; 
font-size: 14px; 
padding: 0;
margin: 0 0 0 5px; 
text-align: left; 
clear: both; 
}
#content-expectations #blurb-div { 
margin: 10px 0 10px 0; 
background-image: url(images/blockquote.gif); 
background-repeat: no-repeat; 
width: 457px; 
height: 60px; 
}
#content-expectations #blurb { 
padding: 12px 0 0 20px; 
width: 400px; 
text-align: left; 
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 14px; 
line-height: 16px; 
font-weight: bold; 
font-style: italic; 
letter-spacing: -.01em; 
color: #333; 
}
/* Construction --> Pool Ownership */
#content-ownership h2 { background-image: url(images/h3_poolownership.jpg); 
background-repeat: no-repeat; 
width: 456px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 229px; 
margin: 0px;
}
#content-ownership h3 { 
color: #FFFFFF; 
font-size: 14px; 
padding: 0;
margin: 5px 0 0 130px; 
text-align: left; 
clear: both; 
}
#content-ownership img { 
float: left;
margin-right: 10px; 
}

/* Construction --> Design Features */
#content-designfeatures h2 { 
background-image: url(images/h3_designfeatures.jpg); 
background-repeat: no-repeat; 
width: 456px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 229px; 
margin: 0px;
}
#content-designfeatures h3 { 
color: #FFFFFF; 
font-size: 14px; 
padding: 0; 
margin: 5px 0 0 130px; 
text-align: left; 
clear: both; 
}
#content-designfeatures img { 
float: left; 
margin-right: 10px; 
}
/* Construction --> Design Gallery */


/* get an estimate page styles */
#content-estimate h2 { background-image: url(images/h3_estimate2.jpg); background-repeat: no-repeat; width: 456px; height: 0; overflow: hidden; display: block; padding-top: 229px; margin: 0px;}
#content-estimate form { text-align: left; margin: 0; padding: 0; }
#content-estimate table { padding-top: 10px; padding-bottom: 10px; }
#content-estimate form span { font-size: 10px; color: red; }
#content-estimate form select { width: 218px; }
#content-estimate table { width: 457px;}
#content-estimate #submit-button { margin-top: 5px; width: 70px; text-align: right; margin-bottom: 20px; }
#content-estimate #submit-button #submit { width: 70px; height: 21px; margin: 0; padding: 0; border: 0; background-color: transparent; background-image: url(images/continuebutton.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; cursor: pointer; }
#content-estimate #submit-button #submit:hover { background-image: url(images/continuebutton.gif); background-position: right top; }


/* Service*/
#content-service h2 { 
background-image: url(images/h3_service2.jpg); 
background-repeat: no-repeat; 
width: 456px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 229px; 
margin: 0px;
}
#content-fullservice h2 { 
background-image: url(images/h3-energy-consumption.jpg); 
background-repeat: no-repeat; 
width: 456px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 229px; 
margin: 0px;
}
#content-fullservice a { 
color: #09C1F0; 
text-decoration: none; 
}
#content-fullservice ul li { 
color: #FFFFFF; 

}
#content-chemfillservice h2 { 
background-image: url(images/h3-system-hydraulics.jpg); 
background-repeat: no-repeat; 
width: 456px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 229px; 
margin: 0px;
}
#content-poolrepairservice h2 { 
background-image: url(images/h3_poolrepair.jpg); 
background-repeat: no-repeat; 
width: 456px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 229px; 
margin: 0px;
}
#content-sparepairservice h2 { 
background-image: url(images/h3_sparepair.jpg); 
background-repeat: no-repeat; 
width: 456px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 229px;
margin: 0px; }
#content-poolinspection h2 { 
background-image: url(images/h3_poolinspection2.jpg); 
background-repeat: no-repeat; 
width: 456px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 229px; 
margin: 0px;
}
#content-equipmain h2 { 
background-image: url(images/h3-service06.jpg); 
background-repeat: no-repeat; 
width: 456px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 229px; 
margin: 0px;
}
#content-drainfill h2 { 
background-image: url(images/h3_drainfill.jpg); 
background-repeat: no-repeat; 
width: 456px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 229px; 
margin: 0px;
}
#content-tilecleaning h2 { 
background-image: url(images/h3_tilecleaning2.jpg); 
background-repeat: no-repeat; 
width: 456px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 229px; 
margin: 0px;
}
#content-wasptreatment h2 { 
background-image: url(images/h3_wasp2.jpg); 
background-repeat: no-repeat; 
width: 456px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 229px; 
margin: 0px;
}
/*
 -------------------- Articles----------------------------
*/
#content-articles { width: 457px; 
float: right; 
padding-bottom: 0px; 
}
#content-articles h2 { 
background-image: url(images/h3_articles2.jpg); 
background-repeat: no-repeat; 
width: 456px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 227px; 
}

/* login page styles */
#content-login h2 { background-image: url(images/h2_accountlogin.jpg); background-repeat: no-repeat; width: 456px; height: 0; overflow: hidden; display: block; padding-top: 229px; margin: 0px;}
#content-login p { margin: 0; padding: 5px 0 0 0; }
#content-login form { margin: 10px 0 0 0; padding: 0; width: 250px; padding: 5px; background-color: #90BDC2; border: 1px solid #056C86; }
#content-login form label { width: 70px; text-align: right; float: left; padding: 7px 6px 0 0; }
#content-login form div input { margin: 5px 0 0 0; }
#content-login form div { overflow: auto; }
#content-login form input { margin: 5px 0 0 155px; }
#content-login #login-left { width: 290px; float: left; }
#content-login #login-right { width: 137px; float: left; }
#content-login #login-right h3 { background-image: url(images/h3-benefits2.gif); background-repeat: no-repeat; width: 109px; height: 0; overflow: hidden; display: block; padding: 27px 0 0 0; margin: 10px 0 5px 0; }
#content-login #login-right ul { margin: 0 0 0 20px; padding: 0; }
#content-login form .submit { margin: 5px 0 0 150px; }
#content-login form .submit { background-image: url(images/submit.gif); background-position: top left; background-repeat: no-repeat; width: 78px; height: 33px; background-color: transparent; border-width: 0; color: #FFF; cursor: pointer; }
#content-login form .submit:hover { background-position: top right; }

/* construction login */
#content-construction-login h2 { 
background-image: url(images/h2_accountlogin.jpg); 
background-repeat: no-repeat; 
width: 456px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 229px; 
margin: 0px;
}
#content-construction-login p { 
margin: 0; 
padding: 5px 0 0 0; 
}
#content-construction-login form { 
margin: 10px 0 0 0; 
padding: 0; 
width: 250px; 
padding: 5px; 
background-color: #90BDC2; 
border: 1px solid #056C86; 
}
#content-construction-login form label { width: 70px; text-align: right; float: left; padding: 7px 6px 0 0; }
#content-construction-login form div input { margin: 5px 0 0 0; }
#content-construction-login form div { overflow: auto; }
#content-construction-login form input { margin: 5px 0 0 155px; }
#content-construction-login #construction-login-left { width: 290px; float: left; }
#content-construction-login #construction-login-right { width: 137px; float: left; }
#content-construction-login #construction-login-right h3 { background-image: url(images/h3-benefits2.gif); background-repeat: no-repeat; width: 109px; height: 0; overflow: hidden; display: block; padding: 27px 0 0 0; margin: 10px 0 5px 0; }
#content-construction-login #construction-login-right ul { margin: 0 0 0 20px; padding: 0; color:#FFFFFF;}
#content-construction-login form .submit { margin: 5px 0 0 150px; }
#content-construction-login form .submit { background-image: url(images/submit.gif); background-position: top left; background-repeat: no-repeat; width: 78px; height: 33px; background-color: transparent; border-width: 0; color: #FFF; cursor: pointer; }
#content-construction-login form .submit:hover { background-position: top right; }

/* customer account index */
#content-customerindex h2 { background-image: url(images/h2_myaccount.jpg) ; background-repeat: no-repeat; width: 456px; height: 0; overflow: hidden; display: block; padding-top: 229px; margin: 0px;} 
#content-customerindex h3 { font-size: 18px; padding: 0; margin: 5px 0 0 0; color: #006983; }
#content-customerindex ul { list-style-type: none; margin: 0 0 0 10px; padding: 0; }
#content-customerindex ul li { padding: 2px 0 2px 0; border: 1px dotted #333333; border-left: none; border-right: none; border-top: none; width: 170px;}
#content-customerindex #customerindex-left { width: 180px; float: left; }
#content-customerindex #customerindex-right { width: 200px; float: left; }
#content-customerindex #customerindex-right p { background-image: url(images/customer-index.gif); background-repeat: no-repeat; width: 150px; height: 0; overflow: hidden; display: block; padding: 120px 0 0 0; margin: -10px 0 0 0; }
#content-customerindex #customerindex-right-construction p { background-image: url(images/customer-index.gif); background-repeat: no-repeat; width: 150px; height: 0; overflow: hidden; display: block; padding: 120px 0 0 0; margin: -20px 0 0 0; }

/* account password reminder page styles */
#content-password-reminder { width: 457px; float: right; padding-bottom: 20px; }
#content-password-reminder h2 { background-image: url(images/h2_accountlogin.jpg); background-repeat: no-repeat; width: 456px; height: 0; overflow: hidden; display: block; padding-top: 229px; margin: 0px;}
#content-password-reminder p { margin: 10px 0 0 0; }
#content-password-reminder form { background-color: #90BDC2; border: 1px solid #056C86; overflow: auto;  }
#content-password-reminder form { width: 300px; text-align: left; padding: 10px; margin: 0; }
#content-password-reminder .submit { background-image: url(images/go-button2.gif); background-position: top left; background-repeat: no-repeat; width: 36px; height: 28px; background-color: transparent; border-width: 0; color: #FFF; cursor: pointer; margin: 0 0 0 10px; font-size: 13px; }
#content-password-reminder .submit:hover { background-position: top right; }

/* update account password page styles */
#content-password-update { width: 457px; float: right; padding-bottom: 0px; }
#content-password-update h2 { background-image: url(images/h2_accountlogin.jpg); background-repeat: no-repeat; width: 456px; height: 0; overflow: hidden; display: block; padding-top: 229px; margin: 0px;}
#content-password-update p { margin: 0; padding: 0; color: maroon; }
#content-password-update form { text-align: left;  background-color: #90BDC2; border: 1px solid #056C86; overflow: auto; }
#content-password-update form { width: 350px; text-align: left; padding: 10px; margin: 10px 0 0 0; }
#content-password-update .submit { background-image: url(images/go-button2.gif); background-position: top left; background-repeat: no-repeat; width: 36px; height: 28px; background-color: transparent; border-width: 0; color: #FFF; cursor: pointer; margin: 0; font-size: 13px; }
#content-password-update .submit:hover { background-position: top right; }

/* update account profile page styles */
#content-update-profile h2 { background-image: url(images/h2_accountlogin.jpg); background-repeat: no-repeat; width: 456px; height: 0; overflow: hidden; display: block; padding-top: 229px; margin: 0px;}
#content-update-profile p { margin: 0; padding: 0; color: maroon; }
#content-update-profile form { background-color: #90BDC2; border: 1px solid #056C86; overflow: auto;  }
#content-update-profile form { width: 420px; text-align: left; padding: 10px; margin: 0; margin: 10px 0 0 0; }
#content-update-profile .submit { background-image: url(images/submit-large.gif); background-position: top left; background-repeat: no-repeat; width: 114px; height: 37px; background-color: transparent; border-width: 0; color: #FFF; cursor: pointer; margin: 0; font-size: 13px; }
#content-update-profile .submit:hover { background-position: top right; }

/* customer log out page */
#content-logout p { margin: 5px 0 0 5px; padding: 0; }
#content-logout h2 { background-image: url(images/thankyou.gif); background-repeat: no-repeat; width: 138px; height: 0; overflow: hidden; display: block; padding-top: 27px; margin: 10px 0 0 0; }

#content-contact h2 { background-image: url(images/h3-contact.jpg); background-repeat: no-repeat; width: 456px; height: 0; overflow: hidden; display: block; padding-top: 229px; margin: 0px;}
#content-contact #left-content { width: 225px; float: left; margin-right: 7px; }
#content-contact #right-content { width: 225px; float: right; }
#content-contact ul { padding: 0; margin: 0; list-style-type: none; }
#content-contact ul { margin-bottom: 0px; text-align: left; line-height: 16px; }
#content-contact .contact { font-weight: bold; width: 225px; background-color: #111111; font-size: 12px; letter-spacing: .05em; }
/*
 -------------------- Start of Sub Navigation Links - Construction----------------------------
*/
#underline { margin-left: 10px; }
#underline-service { margin-left: 10px; }
#content-navigation-construction { width: 160px; margin-right: 5px; float: left;  }
#content-navigation-construction ul { list-style-type: none; padding: 0; margin: 0; } 
#content-navigation-construction ul li { margin-bottom: 2px; margin-top: 5px; width: 160px; }

#content-navigation-construction h3 { background-image: url(images/li-construction.gif); background-repeat: no-repeat; background-position: top right; width: 164px; height: 0; overflow: hidden; display: block; margin-top: 15px; padding-top: 20px; padding-left: 10px;}
#content-navigation-construction ul #design-gallery a { background-image: url(images/li_designgallery.gif); background-repeat: no-repeat; background-position: top right; width: 121px; height: 0; overflow: hidden; display: block; padding-top: 15px; margin-left: 10px}
#content-navigation-construction ul #design-gallery a:hover { background-image: url(images/li_designgallery.gif); background-repeat: no-repeat; background-position: top left; }
#content-navigation-construction ul #estimate a { background-image: url(images/li_estimate.gif); background-repeat: no-repeat; background-position: top right; width: 128px; height: 0; overflow: hidden; display: block; padding-top: 15px; margin-left: 10px;}
#content-navigation-construction ul #estimate a:hover { background-image: url(images/li_estimate.gif); background-repeat: no-repeat; background-position: top left; }
#content-navigation-construction ul #expectations a { background-image: url(images/li_construction.gif); background-repeat: no-repeat; background-position: top right; width: 171px; height: 0; overflow: hidden; display: block; padding-top: 15px; margin-left: 10px;}
#content-navigation-construction ul #expectations a:hover { background-image: url(images/li_construction.gif); background-repeat: no-repeat; background-position: top left; }
#content-navigation-construction ul #ownership a { background-image: url(images/li_ownership.gif); background-repeat: no-repeat; background-position: top right; width: 201px; height: 0; overflow: hidden; display: block; padding-top: 15px; margin-left: 10px;}
#content-navigation-construction ul #ownership a:hover { background-image: url(images/li_ownership.gif); background-repeat: no-repeat; background-position: top left; }
#content-navigation-construction ul #design-features a { background-image: url(images/li_designfeatures.gif); background-repeat: no-repeat; background-position: top right; width: 130px; height: 0; overflow: hidden; display: block; padding-top: 15px; margin-left: 10px;}
#content-navigation-construction ul #design-features a:hover { background-image: url(images/li_designfeatures.gif); background-repeat: no-repeat; background-position: top left; }
#content-navigation-construction ul #financing a { background-image: url(images/li_financing.gif); background-repeat: no-repeat; background-position: top right; width: 76px; height: 0; overflow: hidden; display: block; padding-top: 15px; margin-left: 10px;}
#content-navigation-construction ul #financing a:hover { background-image: url(images/li_financing.gif); background-repeat: no-repeat; background-position: top left; }
/* Service Sub Navigation */
#content-navigation{ width: 160px; margin-right: 5px; float: left;  }
#content-navigation ul { list-style-type: none; padding: 0; margin: 0; } 
#content-navigation ul li { margin-bottom: 2px; margin-top: 5px; width: 160px; }
#content-navigation h3 { background-image: url(images/li-service.gif); background-repeat: no-repeat; background-position: top right; width: 88px; height: 0; overflow: hidden; display: block; margin-top: 15px; padding-top: 20px; padding-left: 10px;}
#content-navigation ul #energy-consumption a { background-image: url(images/li_energyconsumption.gif); 
background-repeat: no-repeat; 
background-position: top right; 
width: 216px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 15px; 
margin-left: 10px;
}
#content-navigation ul #energy-consumption a:hover { 
background-image: url(images/li_energyconsumption.gif); 
background-repeat: no-repeat; 
background-position: top left; 
}
#content-navigation ul #system-hydraulics a { background-image: url(images/li_hydraulics.gif); 
background-repeat: no-repeat; 
background-position: top right; 
width: 220px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 15px; 
margin-left: 10px;
}
#content-navigation ul #system-hydraulics a:hover { 
background-image: url(images/li_hydraulics.gif); 
background-repeat: no-repeat; 
background-position: top left; 
}
#content-navigation ul #pool-repair a { background-image: url(images/li_poolrepair.gif); 
background-repeat: no-repeat; 
background-position: top right; 
width: 150px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 15px; 
margin-left: 10px;
}
#content-navigation ul #pool-repair a:hover { 
background-image: url(images/li_poolrepair.gif); 
background-repeat: no-repeat; 
background-position: top left; 
}
#content-navigation ul #spa-repair a { background-image: url(images/li_sparepair.gif); 
background-repeat: no-repeat; 
background-position: top right; 
width: 140px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 15px; 
margin-left: 10px;
}
#content-navigation ul #spa-repair a:hover { 
background-image: url(images/li_sparepair.gif); 
background-repeat: no-repeat; 
background-position: top left; 
}
#content-navigation ul #pool-inspection a { background-image: url(images/li_poolinspection.gif); 
background-repeat: no-repeat; 
background-position: top right; 
width: 114px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 15px; 
margin-left: 10px;
}
#content-navigation ul #pool-inspection a:hover { 
background-image: url(images/li_poolinspection.gif); 
background-repeat: no-repeat; 
background-position: top left; 
}
#content-navigation ul #equipment-maintenance a { background-image: url(images/li_equipmentmaintenance.gif); 
background-repeat: no-repeat; 
background-position: top right; 
width: 171px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 15px; 
margin-left: 10px;
}
#content-navigation ul #equipment-maintenance a:hover { 
background-image: url(images/li_equipmentmaintenance.gif); 
background-repeat: no-repeat; 
background-position: top left;
}
#content-navigation ul #drain-fill a { background-image: url(images/li_drainfill.gif); 
background-repeat: no-repeat; 
background-position: top right; 
width: 167px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 15px; 
margin-left: 10px;
}
#content-navigation ul #drain-fill a:hover { 
background-image: url(images/li_drainfill.gif); 
background-repeat: no-repeat; 
background-position: top left; 
}
#content-navigation ul #tile-cleaning a { background-image: url(images/li_tilecleaning.gif); 
background-repeat: no-repeat; 
background-position: top right; 
width: 93px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 15px; 
margin-left: 10px;
}
#content-navigation ul #tile-cleaning a:hover { 
background-image: url(images/li_tilecleaning.gif); 
background-repeat: no-repeat; 
background-position: top left; 
}
#content-navigation ul #wasp-treatment a { background-image: url(images/li_wasptreatment.gif); 
background-repeat: no-repeat; 
background-position: top right; 
width: 118px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 15px; 
margin-left: 10px;
}
#content-navigation ul #wasp-treatment a:hover { 
background-image: url(images/li_wasptreatment.gif); 
background-repeat: no-repeat; 
background-position: top left; 
}
#content-navigation ul #map a { background-image: url(images/li_map.gif); 
background-repeat: no-repeat; 
background-position: top right; 
width: 118px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 15px; 
margin-left: -20px;
}
#content-navigation ul #map a:hover { 
background-image: url(images/li_map.gif); 
background-repeat: no-repeat; 
background-position: top left; 
}
#content-navigation ul #careers a { background-image: url(images/li_careers.gif); 
background-repeat: no-repeat; 
background-position: top right; 
width: 118px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 15px; 
margin-left: 10px;
float: left;
}
#content-navigation ul #careers a:hover { 
background-image: url(images/li_careers.gif); 
background-repeat: no-repeat; 
background-position: top left; 
}
#content-navigation ul #testimonials a { background-image: url(images/li_testimonials.gif); 
background-repeat: no-repeat; 
background-position: top right; 
width: 93px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 15px; 
margin-left: 10px;
float: left;
}
#content-navigation ul #testimonials a:hover { 
background-image: url(images/li_testimonials.gif); 
background-repeat: no-repeat; 
background-position: top left; 
}

#content-links h2 { background-image: url(images/h3_affiliates.jpg); background-repeat: no-repeat; width: 456px; height: 0; overflow: hidden; display: block; padding-top: 250px; margin: 0px;}
#content-links td { text-align: center; }
#content-links #logo1 a { background-image: url(images/logo-jandy.gif); background-position: top right; background-repeat: no-repeat; width: 98px; height: 0; overflow: hidden; display: block; padding-top: 90px; margin: 0; }
#content-links #logo1 a:hover { background-position: top left; }
#content-links #logo2 a { background-image: url(images/logo-polaris.gif); background-position: top right; background-repeat: no-repeat; width: 98px; height: 0; overflow: hidden; display: block; padding-top: 90px; margin: 0;}
#content-links #logo2 a:hover { background-position: top left; }
#content-links #logo3 a { background-image: url(images/logo-pentair.gif); background-position: top right; background-repeat: no-repeat; width: 98px; height: 0; overflow: hidden; display: block; padding-top: 90px; margin: 0; }
#content-links #logo3 a:hover { background-position: top left; }
#content-links #logo4 a { background-image: url(images/logo-starite.gif); background-position: top right;  background-repeat: no-repeat; width: 98px; height: 0; overflow: hidden; display: block; padding-top: 90px; margin: 0; }
#content-links #logo4 a:hover { background-position: top left; }
#content-links #logo5 a { background-image: url(images/logo-raypak.gif); background-position: top right; background-repeat: no-repeat; width: 80px; height: 0; overflow: hidden; display: block; padding-top: 90px; margin: 0; }
#content-links #logo5 a:hover { background-position: top left; }
#content-links #logo6 a { background-image: url(images/logo-srsmith.gif); background-position: top right; background-repeat: no-repeat; width: 98px; height: 0; overflow: hidden; display: block; padding-top: 90px; margin: 0; }
#content-links #logo6 a:hover { background-position: top left; }
#content-links #logo7 a { background-image: url(images/logo-fafco.gif); background-position: top right; background-repeat: no-repeat; width: 98px; height: 0; overflow: hidden; display: block; padding-top: 90px; margin: 0; }
#content-links #logo7 a:hover { background-position: top left; }
#content-links #logo8 a { background-image: url(images/logo-goldline.gif); background-position: top right; background-repeat: no-repeat; width: 98px; height: 0; overflow: hidden; display: block; padding-top: 90px; margin: 0; }
#content-links #logo8 a:hover { background-position: top left; }
#content-links #logo9 a { background-image: url(images/logo-zodiac.gif); background-position: top right; background-repeat: no-repeat; width: 40px; height: 0; overflow: hidden; display: block; padding-top: 90px; margin: 0; }
#content-links #logo9 a:hover { background-position: top left; }
#content-links #logo10 a { background-image: url(images/logo-hayward.gif); background-repeat: no-repeat; background-position: top right; width: 45px; height: 0; overflow: hidden; display: block; padding: 90px 0 0 0; margin: 0; }
#content-links #logo10 a:hover { background-position: top left; }
#content-links #logo11 a { background-image: url(images/logo-pebbletec.gif); background-repeat: no-repeat; background-position: top right; width: 98px; height: 0; overflow: hidden; display: block; padding: 90px 0 0 0; margin: 0;  }
#content-links #logo11 a:hover { background-position: top left; }
#content-links #logo12 a { background-image: url(images/logo-interfab.gif); background-repeat: no-repeat; background-position: top right; width: 98px; height: 0; overflow: hidden; display: block; padding: 90px 0 0 0; margin: 0; }
#content-links #logo12 a:hover { background-position: top left; }
#content-links #logo13 a { background-image: url(images/logo-npt.gif); background-repeat: no-repeat; background-position: top right; width: 98px; height: 0; overflow: hidden; display: block; padding: 75px 0 0 0; margin: 0; }
#content-links #logo13 a:hover { background-position: top left; }
#content-links #logo14 a { background-image: url(images/logo-paramount.gif); background-repeat: no-repeat; background-position: top right; width: 98px; height: 0; overflow: hidden; display: block; padding: 90px 0 0 0; margin-top: 0; }
#content-links #logo14 a:hover { background-position: top left; }
#content-links #logo15 a { background-image: url(images/logo-apsp.gif); background-repeat: no-repeat; background-position: top right; width: 80px; height: 0; overflow: hidden; display: block; padding: 90px 0 0 0; margin: 0; }
#content-links #logo15 a:hover { background-position: top left; }
#content-links #logo16 a {  }
#content-links #logo16 a:hover { background-position: right top; }


/* select account type page styles */
#account-type h2 { background-image: url(images/h2_accountlogin.jpg); background-repeat: no-repeat; width: 456px; height: 0; overflow: hidden; display: block; padding-top: 229px; margin: 0px;}
#account-type p { margin: 0; padding: 5px 0 0 0; }
#account-type ul { list-style-type: none; margin: 5px 0 0 0; padding: 0; }
#account-type ul li a {text-decoration: none; margin: 10px 0 0 0; }

/* map page style */
#content-map h2 { background-image: url(images/h3-map.jpg); background-repeat: no-repeat; width: 456px; height: 0; overflow: hidden; display: block; padding-top: 229px; margin: 0px}
#content-map #map-box { width: 455px; background-color: #A9CBD4; border: 1px solid #006983; }
#content-map #map-box #mapContainer { width: 350px; height: 350px; margin-left: 28px; margin-top: 10px; margin-bottom: 10px; }
#content-map p { margin-top: -5px; }
#content-map h3 {color: #006983; font-size: 18px; padding: 0; margin: 5px 0 5px 0; text-align: left; }

/* careers page styles */
#content-careers h2 { background-image: url(images/h3_careers2.jpg); background-repeat: no-repeat; width: 456px; height: 0; overflow: hidden; display: block; padding-top: 229px; margin: 0px;}
/* careers page form styles */
#career-content { width: 454px; }
#career-content form { margin: 0; padding: 10px 0 0 10px; }
#career-content label { font-size: 13px; }
#career-content #name-textarea { margin: 0 0 0 126px; }
#career-content #email-textarea { margin: 5px 0 0 75px; }
#career-content #address-textarea { margin: 5px 0 0 67px; }
#career-content #city-textarea { margin: 5px 0 0 137px; }
#career-content #state-textarea { margin: 5px 0 0 129px; }
#career-content #zip-textarea { margin: 5px 0 0 115px; }
#career-content #phone-textarea { margin: 5px 0 0 75px; }
#career-content #method-textarea { margin-top: 5px; }
#career-content #interest-textarea { margin: 5px 0 0 54px; }
#career-content #resume-textarea { margin: -15px 0 0 171px; }
#career-content #name:focus, #career-content #email:focus, #career-content #address:focus, #career-content #city:focus, #career-content #state:focus, #career-content #zip:focus, #career-content #phone:focus, #career-content #resume:focus { border: 1px solid #000; }
#career-content #name { margin-left: 5px;  }
#career-content #email { margin-left: 5px; }
#career-content #address { margin-left: 5px; }
#career-content #city { margin-left: 5px; }
#career-content #state { margin-left: 5px; }
#career-content #zip { margin-left: 5px; }
#career-content #phone { margin-left: 5px; }
#career-content #method { margin-left: 5px; }
#career-content #interest { margin-left: 5px; }
#career-content #resume-label { margin: 5px 0 0 115px; }
#career-content #submit-button { margin-top: 5px; width: 210px; text-align: right; }
#career-content #memo-label { margin-top: 8px; margin-left: 71px; }
#career-content #account { margin-left: 3px; }
#career-content #invoice { margin-left: 2px; }
#career-content #payment { margin-left: 1px; }
#career-content #memo { margin-left: 100px; margin-top: -23px; }
#career-content select { width: 203px; }
#career-content textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#career-content #submit-resume-button { margin: 0; padding: 0; }
#career-content #submit-resume-button { margin-top: 5px; width: 70px; text-align: right; margin-bottom: 20px; margin-left: 171px; }
#career-content #submit-resume-button #submit { width: 70px; height: 21px; margin: 0; padding: 0; border: 0; background-color: transparent; background-image: url(images/continuebutton.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; cursor: pointer; }
#career-content #submit-resume-button #submit:hover { background-image: url(images/continuebutton.gif); background-position: right top; }


/*
 -------------------- Sub Navigation - Articles----------------------------
*/
#content-navigation-articles{ width: 160px; margin-right: 5px; float: left;  }
#content-navigation-articles ul { list-style-type: none; padding: 0; margin: 0; } 
#content-navigation-articles li { margin-bottom: 2px; margin-top: 5px; width: 160px; }
#content-navigation-articles h3 { background-image: url(images/li-service.gif); background-repeat: no-repeat; background-position: top right; width: 88px; height: 0; overflow: hidden; display: block; margin-top: 15px; padding-top: 20px; padding-left: 16px;}
#content-navigation-articles ul #ringaroundtile a { background-image: url(images/li_ringaroundtile.gif); 
background-repeat: no-repeat; 
background-position: top right; 
width: 216px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 15px; 
margin-left: 16px;
}
#content-navigation-articles ul #ringaroundtile a:hover { 
background-image: url(images/li_ringaroundtile.gif); 
background-repeat: no-repeat; 
background-position: top left; 
}
#content-navigation-articles ul #conditioner a { background-image: url(images/li_conditioner.gif); 
background-repeat: no-repeat; 
background-position: top right; 
width: 220px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 15px; 
margin-left: 16px;
}
#content-navigation-articles ul #conditioner a:hover { 
background-image: url(images/li_conditioner.gif); 
background-repeat: no-repeat; 
background-position: top left; 
}
#content-navigation-articles ul #goosebumps a { background-image: url(images/li_goosebumps.gif); 
background-repeat: no-repeat; 
background-position: top right; 
width: 150px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 15px; 
margin-left: 16px;
}
#content-navigation-articles ul #goosebumps a:hover { 
background-image: url(images/li_goosebumps.gif); 
background-repeat: no-repeat; 
background-position: top left; 
}
#content-navigation-articles ul #howmuchwater a { background-image: url(images/li_howmuchwater.gif); 
background-repeat: no-repeat; 
background-position: top right; 
width: 140px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 15px; 
margin-left: 16px;
}
#content-navigation-articles ul #howmuchwater a:hover { 
background-image: url(images/li_howmuchwater.gif); 
background-repeat: no-repeat; 
background-position: top left; 
}
#content-navigation-articles ul #waspsbegone a { background-image: url(images/li_waspsbegone.gif); 
background-repeat: no-repeat; 
background-position: top right; 
width: 114px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 15px; 
margin-left: 16px;
}
#content-navigation-articles ul #waspsbegone a:hover { 
background-image: url(images/li_waspsbegone.gif); 
background-repeat: no-repeat; 
background-position: top left; 
}
#content-navigation-articles ul #familyfriends a { background-image: url(images/li_familyfriends.gif); 
background-repeat: no-repeat; 
background-position: top right; 
width: 171px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 15px; 
margin-left: 16px;
}
#content-navigation-articles ul #familyfriends a:hover { 
background-image: url(images/li_familyfriends.gif); 
background-repeat: no-repeat; 
background-position: top left;
}
#content-navigation-articles ul #timeclocks a { background-image: url(images/li_timeclocks.gif); 
background-repeat: no-repeat; 
background-position: top right; 
width: 167px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 15px; 
margin-left: 16px;
}
#content-navigation-articles ul #timeclocks a:hover { 
background-image: url(images/li_timeclocks.gif); 
background-repeat: no-repeat; 
background-position: top left; 
}
#content-navigation-articles ul #waterlevel a { background-image: url(images/li_waterlevel.gif); 
background-repeat: no-repeat; 
background-position: top right; 
width: 93px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 15px; 
margin-left: 16px;
}
#content-navigation-articles ul #waterlevel a:hover { 
background-image: url(images/li_waterlevel.gif); 
background-repeat: no-repeat; 
background-position: top left; 
}
#content-navigation-articles ul #freezedamage a { background-image: url(images/li_freezedamage.gif); 
background-repeat: no-repeat; 
background-position: top right; 
width: 118px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 15px; 
margin-left: 16px;
}
#content-navigation-articles ul #freezedamage a:hover { 
background-image: url(images/li_freezedamage.gif); 
background-repeat: no-repeat; 
background-position: top left; 
}
#content-navigation-articles ul #warmingwaters a { background-image: url(images/li_warmingwaters.gif); 
background-repeat: no-repeat; 
background-position: top right; 
width: 118px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 15px; 
margin-left: 16px;
}
#content-navigation-articles ul #warmingwaters a:hover { 
background-image: url(images/li_warmingwaters.gif); 
background-repeat: no-repeat; 
background-position: top left; 
}
#content-navigation-articles ul #gardenersbeware a { background-image: url(images/li_gardenersbeware.gif); 
background-repeat: no-repeat; 
background-position: top right; 
width: 118px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 15px; 
margin-left: 16px;
}
#content-navigation-articles ul #gardenersbeware a:hover { 
background-image: url(images/li_gardenersbeware.gif); 
background-repeat: no-repeat; 
background-position: top left; 
}


/* customer pay bill form */
#content-pay  h2 { background-image: url(images/h2_paybill.jpg); background-repeat: no-repeat; width: 456px; height: 0; overflow: hidden; display: block; padding-top: 229px; margin: 0px;}
#content-pay form { margin: 10px 0 0 0; }
#content-pay form legend { color: #006983; font-size: 14px; }
#content-pay form div { padding: 0; margin: 0 0 5px 0; overflow: auto;  }
#content-pay form label { width: 150px; text-align: right; float: left; padding: 2px 6px 0 0; }
#content-pay form #billinginfo label { float: none;  }
#content-pay form .paymentamount { font-size: 26px; width: 155px; }
#content-pay form .paymentamountlabel { background-image: url(images/paymentamountlabel.gif); background-repeat: no-repeat; width: 200px; height: 0; overflow: hidden; display: block; padding-top: 30px; margin: 0; }

#content-receipt h2 { background-image: url(images/h3_receipt.jpg); background-repeat: no-repeat; width: 456px; height: 0; overflow: hidden; display: block; padding-top: 229px; margin: 0px;}
#content-receipt p { margin: 0; padding: 0; }
#content-receipt h3 { font-size: 15px; padding: 0; margin: 10px 0 0 0; color: #07A6CD; }
#content-receipt table { margin: 0 0 10px 0; }
#content-receipt .red { color: red; margin-top: 10px; }


#content-customercaremanual h2 { background-image: url(images/h3-customercaremanual.jpg); background-repeat: no-repeat; width: 456px; height: 0; overflow: hidden; display: block; padding-top: 229px; margin: 0px;}
#content-customercaremanual p { margin: 0 0 10px 0; padding: 5px 0 0 0; }
#content-customercaremanual ol { padding: 0; margin: 0; text-align: left; list-style-type: none; }
#content-customercaremanual ol li ol { margin: 0 0 0 20px; list-style-type: none; }
#content-customercaremanual ol li a { color: #09C1F0; text-decoration: none; margin: 10px 0 0 0; }
#content-customercaremanual ol li a:hover { color: #07A6CD; }
#content-customercaremanual a { color: #09C1F0; text-decoration: none; margin: 10px 0 0 0; }
#content-customercaremanual a:hover { color: #09C1F0; }
#content-customercaremanual h4, #content-customercaremanual h5 { margin: 5px 0 0 0; padding: 0; }
#content-customercaremanual h4 a:hover { color: #FFFFFF; }
#content-customercaremanual h4 a { color: #F1F1F1; margin: 0; padding: 0; font-size: 12px; text-transform: uppercase; text-align: left; }
#content-customercaremanual h5 { color: #111111; margin: 0; padding: 0; font-size: 12px; text-align: left; font-weight: normal; text-decoration: underline; }
#content-customercaremanual .question { margin: 0; padding: 0; font-weight: bold; }
#content-customercaremanual .answer { margin: 0; padding: 0; margin-bottom: 20px; }
#content-customercaremanual .clear { margin: 0; padding: 0; }
#content-customercaremanual hr { border: 1px solid #999999; border-top: none; border-left: none; border-right: none; }
#content-customercaremanual h3, #content-customercaremanual h3 a { color: #07A6CD; font-size: 18px; padding: 0; margin: 5px 0 5px 0; text-align: left; }
#content-customercaremanual h3 a:hover { color: #07A6CD;; }

/* account password reminder page styles */
#content-password-reminder h2 { background-image: url(images/h2_accountlogin.jpg); background-repeat: no-repeat; width: 456px; height: 0; overflow: hidden; display: block; padding-top: 229px; margin: 0px;}
#content-password-reminder p { margin: 10px 0 0 0; }
#content-password-reminder form { background-color: #90BDC2; border: 1px solid #056C86; overflow: auto;  }
#content-password-reminder form { width: 300px; text-align: left; padding: 10px; margin: 0; }
#content-password-reminder .submit { background-image: url(images/go-button2.gif); background-position: top left; background-repeat: no-repeat; width: 36px; height: 28px; background-color: transparent; border-width: 0; color: #FFF; cursor: pointer; margin: 0 0 0 10px; font-size: 13px; }
#content-password-reminder .submit:hover { background-position: top right; }

/* update account password page styles */
#content-password-update h2 { background-image: url(images/h2_accountlogin.jpg); background-repeat: no-repeat; width: 456px; height: 0; overflow: hidden; display: block; padding-top: 229px; margin: 0px;}
#content-password-update p { margin: 0; padding: 0; color: maroon; }
#content-password-update form { text-align: left;  background-color: #90BDC2; border: 1px solid #056C86; overflow: auto; }
#content-password-update form { width: 350px; text-align: left; padding: 10px; margin: 10px 0 0 0; }
#content-password-update .submit { background-image: url(images/go-button2.gif); background-position: top left; background-repeat: no-repeat; width: 36px; height: 28px; background-color: transparent; border-width: 0; color: #FFF; cursor: pointer; margin: 0; font-size: 13px; }
#content-password-update .submit:hover { background-position: top right; }

/* contact customer service page styles */
#content-customerservice h2 { background-image: url(images/h3_customerservice.jpg); background-repeat: no-repeat; width: 456px; height: 0; overflow: hidden; display: block; padding-top: 229px; margin: 0px;}
#content-customerservice form { text-align: left; margin: 0; padding: 0; }
#content-customerservice table { padding-top: 10px; padding-bottom: 10px; }
#content-customerservice form span { font-size: 10px; color: red; }
#content-customerservice form select { width: 218px; }
#content-customerservice table { width: 457px;}
#content-customerservice #submit-button { margin-top: 5px; width: 70px; text-align: right; margin-bottom: 20px; }
#content-customerservice #submit-button #submit { width: 70px; height: 21px; margin: 0; padding: 0; border: 0; background-color: transparent; background-image: url(images/continuebutton.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; cursor: pointer; }
#content-customerservice #submit-button #submit:hover { background-image: url(images/continuebutton.gif); background-position: right top; }

/* form errors */
input.form-error, textarea.form-error, select.form-error {border: 1px solid maroon !important; background-color: #F4B1B1;}



/* design gallery page styles */
#content-designgallery h2 { background-image: url(images/h3-designgallery.jpg); background-repeat: no-repeat; width: 456px; height: 0; overflow: hidden; display: block; padding-top: 229px; margin: 0px}
#content-designgallery p { margin: 0 0 10px 0; padding: 5px 0 0 0; }
#content-designgallery ul { margin: 0 auto; padding: 0; list-style-type: none; width: 243px; }
#content-designgallery ul li { float: left; margin-left: 5px; }
#content-designgallery ul li a { text-decoration: none; margin: 10px 0 0 0; }
#content-designgallery ul li a:hover  { color: #055164; }
#content-designgallery p { clear: both; text-align: left; }
#content-designgallery  .thumbnails { clear: both; width: auto; }
#content-designgallery  .thumbnails li { float: left; padding: 1px; }
#content-designgallery  .thumbnails li img { width: 142px; height: 71px; border: 0px solid #FFF; }
#content-designgallery  .thumbnails li a img:hover { cursor: }
#content-designgallery #back { float: left; }
#content-designgallery #next { float: right; }
#content-designgallery #back a, #content-designgallery #next a {text-decoration: none; }
#content-designgallery #back a:hover, #content-designgallery #next a:hover { color: #006983; }


/*
 -------------------- Sub Navigation - My Altra Login----------------------------
*/

#content-navigation-myaltra{ width: 160px; margin-right: 5px; float: left;  }
#content-navigation-myaltra ul { list-style-type: none; padding: 0; margin: 0; } 
#content-navigation-myaltra li { margin-bottom: 2px; margin-top: 5px; width: 160px; }
#content-navigation-myaltra h3 { background-image: url(images/li-service.gif); background-repeat: no-repeat; background-position: top right; width: 88px; height: 0; overflow: hidden; display: block; margin-top: 15px; padding-top: 20px; padding-left: 10px;}
#myaltraheader-construction h3 { background-image: url(images/li-construction.gif); background-repeat: no-repeat; background-position: top right; width: 164px; height: 0; overflow: hidden; display: block; margin-top: 15px; padding-top: 20px; padding-left: 10px;}
#content-navigation-myaltra ul #construction-myaltra a { background-image: url(images/li_constructionmyaltra.gif); 
background-repeat: no-repeat; 
background-position: top right; 
width: 99px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 15px; 
margin-left: 10px;
}
#content-navigation-myaltra ul #construction-myaltra a:hover { 
background-image: url(images/li_constructionmyaltra.gif); 
background-repeat: no-repeat; 
background-position: top left; 
}
#content-navigation-myaltra ul #service-myaltra a { background-image: url(images/li_servicemyaltra.gif); 
background-repeat: no-repeat; 
background-position: top right; 
width: 52px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 15px; 
margin-left: 10px;
}
#content-navigation-myaltra ul #service-myaltra a:hover { 
background-image: url(images/li_servicemyaltra.gif); 
background-repeat: no-repeat; 
background-position: top left; 
}
#content-navigation-myaltra ul #paymybill-myaltra a { background-image: url(images/li_paymybillmyaltra.gif); 
background-repeat: no-repeat; 
background-position: top right; 
width: 78px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 15px; 
margin-left: 10px;
}
#content-navigation-myaltra ul #paymybill-myaltra a:hover { 
background-image: url(images/li_paymybillmyaltra.gif); 
background-repeat: no-repeat; 
background-position: top left; 
}

#content-navigation-myaltra ul #updateprofile-myaltra a { background-image: url(images/li_updateprofilemyaltra.gif); 
background-repeat: no-repeat; 
background-position: top right; 
width: 130px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 15px; 
margin-left: 10px;
}
#content-navigation-myaltra ul #updateprofile-myaltra a:hover { 
background-image: url(images/li_updateprofilemyaltra.gif); 
background-repeat: no-repeat; 
background-position: top left; 
}
#content-navigation-myaltra ul #customercare-myaltra a { background-image: url(images/li_customercaremyaltra.gif); 
background-repeat: no-repeat; 
background-position: top right; 
width: 169px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 15px; 
margin-left: 10px;
}
#content-navigation-myaltra ul #customercare-myaltra a:hover { 
background-image: url(images/li_customercaremyaltra.gif); 
background-repeat: no-repeat; 
background-position: top left; 
}
#content-navigation-myaltra ul #logout-myaltra a { background-image: url(images/li_logoutmyaltra.gif); 
background-repeat: no-repeat; 
background-position: top right; 
width: 56px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 15px; 
margin-left: 10px;
}
#content-navigation-myaltra ul #logout-myaltra a:hover { 
background-image: url(images/li_logoutmyaltra.gif); 
background-repeat: no-repeat; 
background-position: top left; 
}
#content-navigation-myaltra ul #customerhandbook-myaltra a { background-image: url(images/li_customerhandbookmyaltra.gif); 
background-repeat: no-repeat; 
background-position: top right; 
width: 187px; 
height: 0; 
overflow: hidden; 
display: block; 
padding-top: 15px; 
margin-left: 10px;
}
#content-navigation-myaltra ul #customerhandbook-myaltra a:hover { 
background-image: url(images/li_customerhandbookmyaltra.gif); 
background-repeat: no-repeat; 
background-position: top left; 
}



/*
 -------------------- Start of Header Classes----------------------------
*/
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #378041;
	text-decoration: none;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #0066FF;
	}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #006983;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #378041;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #FFFFFF;
	font-weight: lighter;
}
.h7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #52B45F;
	font-weight: lighter;
	text-decoration: none;
}
.h8{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #378041;
}
.h9{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.h10{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}
ul li {color: #FFFFFF;}
#header { height: 155px; padding: 0 0 0 0; margin: 0;}
#header h1 { padding: 0 148px 0 148px; margin:0; }
#header h1 a{ 
	position: absolute;
	top: 5px;
	width: 712px;
	text-indent: -9000px;
	text-decoration: none;
	margin: 0 0 0 125px;
	padding: 55px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:55px; /* IE5/Win */
	background: transparent url(images/altra.jpg) no-repeat;
	z-index: 2;
}
#header h2 { 
padding: 0; 
margin: 0; 
}
#header h2 a { 
	position: absolute;
	top: 60px;
	width: 712px;
	text-indent: 0px;
	text-decoration: none;
	margin: 0 0 0 273px;
	padding: 53px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:53px; /* IE5/Win */
	background: transparent url(images/logo.jpg) no-repeat;
	z-index: 2;
}
 
	
#bodybg {
	margin: 0;
	width: 790px;
	padding: 0 0 0 0;
	background: #FFF url(images/body.jpg) repeat-y left top;
	z-index: 1;
	
	}	
	
#maintable {
	margin: -8px 0 0 0;
	padding: 0;
	}
ul#nav {
	position: relative;
	top: 50px;
	left: 0px;
	width: 780px;
	margin: 0;
	padding: 0 0 0 0;
	height: 34px;
	list-style-type: none;
	overflow: hidden;
	z-index: 2;
}

body#about ul#nav { background: transparent url(images/tabmatrix.png) no-repeat 0px -125px; }
body#contact ul#nav  { background: transparent url(images/tabmatrix.png) no-repeat 0px -250px; }
body#construction ul#nav  { background: transparent url(images/tabmatrix.png) no-repeat 0px -375px; }
body#service ul#nav  { background: transparent url(images/tabmatrix.png) no-repeat 0 -500px; }
body#careers ul#nav  { background: transparent url(images/tabmatrix.png) no-repeat 0 -625px; }
body#affiliates ul#nav  { background: transparent url(images/tabmatrix.png) no-repeat 0 -750px; }

ul#nav li a {
	position: absolute;
	top: 0px;
	width: 780px;
	text-indent: -8000px;
	text-decoration: none;
	margin: 0;
	padding: 34px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:34px; /* IE5/Win */
	background: transparent url(images/tabmatrix.png) no-repeat;
	background-color: #046279;
	z-index: 2;
}

body#home li#hom a 			{ background-position: 0 0px; width: 140px; left: 0px; }
body#home li#hom a:hover		{ background-position: 0px -47px; }
body#home li#abo a 			{ background-position: -120px 0px; left: 120px; }
body#home li#abo a:hover		{ background-position: -120px -141px; }
body#home li#con a 			{ background-position: -240px 0; left: 240px; }
body#home li#con a:hover		{ background-position: -240px -235px; }
body#home li#constr a 			{ background-position: -360px 0; left: 360px; }
body#home li#constr a:hover		{ background-position: -360px -329px; }
body#home li#ser a 			{ background-position: -520px 0; left: 520px; }
body#home li#ser a:hover		{ background-position: -520px -423px; }
body#home li#aff a 			{ background-position: -650px 0; left: 650px; }
body#home li#aff a:hover		{ background-position: -650px -517px; }







#headerTwo { width:800px; height: 155px; margin: auto;}
#headerTwo h1 { padding: 0 148px 0 148px; margin:0;}
#headerTwo h1 a{ 
	position: absolute;
	top: 5px;
	width: 712px;
	text-indent: -9000px;
	text-decoration: none;
	margin: 0 0 0 -104px;
	padding: 55px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:55px; /* IE5/Win */
	background: transparent url(images/altra.jpg) no-repeat;
	z-index: 2;
}
#headerTwo h2 {padding: 0;margin: 0;}
#headerTwo h2 a { 
	position: absolute;
	top: 60px;
	width: 712px;
	text-indent: 0px;
	text-decoration: none;
	margin: 0 0 0 44px;
	padding: 53px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:53px; /* IE5/Win */
	background: transparent url(images/logo.jpg) no-repeat;
	z-index: 2;
}