/* CSS Document */

body {
	
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #f2f2f2;
	 }

*html body {
	
	font-size: x-small; /*for IE5/Win*/
	f\ont-size: small; /*for other IE versions*/
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #f2f2f2;
}

/*PNG Transparebcy fix IE*/
 img, div, map { behavior: url(iepngfix.htc) }


#contents {
z-index: 1;
position: absolute;
width: 100%; /* mandatory to be centered */

}


/*General / Template Layout*/
 .clearit{
	 clear: both;
	 height: 0px;
	 padding: 0px 0px 0px 0px;
	 margin: 0px 0px 0px 0px;
	 line-height: 0px;
	 }
	 
	 
.nopad{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.imagequality{
float: right;
padding: 0px 0px 50px 15px;
margin: 0px 0px 0px 0px;
}

.imagedownloads{
float: right;
padding: 0px 0px 5px 15px;
margin: 0px 0px 0px 0px;
}


.imagespares{
float: left;
padding: 0px 15px 10px 0px;
margin: 0px 0px 0px 0px;
}

.imageabout1{
float: right;
padding: 0px 0px 10px 15px;
margin: 0px 0px 0px 0px;
}
.imageabout2{
float: left;
padding: 0px 15px 40px 0px;
margin: 0px 0px 0px 0px;
}


/*Shadowborders*/	
	
#toprow{background-image: url(resource/bg/dropshadtop.gif);}
#bottomrow{ background-image:url(resource/bg/dropshadbot.gif);}	
#leftcol{ background-image: url(resource/bg/dropshadleft.gif);}
#rightcol{ background-image:url(resource/bg/dropshadright.gif);}

/*head*/

#topnav{
float: left;
text-align: right;
width: 780px;
height: 30px;
}


.topnavtext { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 70%; 
font-weight: normal; 
color: #003366;
text-decoration: none;
padding: 10px 10px 0px 0px;
margin: 0px 0px 0px 0px; }

.topnavlink { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 100%; 
font-style: normal; 
font-weight: normal;
color: #003366; 
text-decoration: underline; }


/*top banner*/

#topbannerouter{
float: left;
width: 780px;
border-color: #78a0bf;
border-style: solid;
border-bottom-width: 1px;
border-top-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#logo{
float: left;
width: 170px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#topbanner{
float: left;
width: 610px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

/*3 NAV LAYOUT*/

.navoff{

width: 170px;
height: 30px;
background-image:url(resource/bg/navoff_bg.gif);
background-repeat: no-repeat;
background-position: top left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

:hover.navoff{
background-image: url(resource/bg/navon_bg.png);
cursor: pointer;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 170px;
height: 30px;

 }
 
 #navon{
background-image: url(resource/bg/navon_bg.png);
cursor: pointer;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 170px;
height: 30px;

 }


.navlink{
font-family: Arial, Helvetica, sans-serif; 
font-size: 85%; 
font-style: normal; 
font-weight: bold;
color: #FFFFFF; 
text-decoration: none;
padding: 10px 0px 0px 10px;
margin: 0px 0px 0px 0px; }

.navlinktext{
font-family: Arial, Helvetica, sans-serif; 
font-size: 100%; 
font-style: normal; 
font-weight: bold;
color: #FFFFFF; 
text-decoration: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
cursor: pointer;
 }



/*3 COLS LAYOUT*/

#containerbg{
float: left;
width: 780px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-image:url(resource/bg/foot_bg.gif);
background-repeat: repeat;
background-position: top left;

}

#colleft{
float: left;
width: 170px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;

}

#colmiddle{
float: left;
width: 420px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#colright{
float: left;
width: 190px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}



/*2 COL LAYOUT*/
#colrightwide{
float: left;
width: 610px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

/*PRODUCT SELECT PAGE*/
#prodselectouter{
float: left;
display: inline;
width: 550px;
padding: 20px 40px 0px 20px;
margin: 0px 0px 0px 0px;
}

.prodselectleftcol{
float: left;
width: 265px;
padding: 0px 10px 0px 0px;
margin: 0px 0px 0px 0px;
}

.prodselectrightcol{
float: left;
width: 265px;
padding: 0px 0px 0px 10px;
margin: 0px 0px 0px 0px;
}

.prodselectbox{
float: left;
width: 265px;
padding: 0px 0px 10px 0px;
margin: 0px 0px 10px 0px;
border-bottom-color:#999999;
border-bottom-style: solid;
border-left-style: none;
border-right-style: none;
border-top-style: none;
border-bottom-width: 1px;

}

.productpumpthumb{
float: left;
width: 80px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.productpumpinfo{
float: left;
width: 180px;
padding: 0px 0px 5px 5px;
margin: 0px 0px 0px 0px;
}


.prodselecttitle{
float: left;
width: 175px;
padding: 0px 0px 0px 10px;
margin: 0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
color: #6fafda;
font-size: 110%;
font-weight: bold;
text-decoration: none;

}

.prodselectteaser{
text-align: justify;
float: left;
width: 175px;
padding: 3px 0px 0px 10px;
margin: 0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 80%; 
font-style: normal; 
font-weight: normal;
color: #000000; 
text-decoration: none;

}

.prodselectmore{
float: left;
text-align: middle;
width: 50px;
padding: 3px 0px 5px 15px;
margin: 0px 0px 0px 0px;
}

/* PROD DETAILS*/

#buttonleft{
float: left;
text-align: right;
width: 305px;
padding: 15px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#buttonright{
float: left;
text-align: left;
width: 305px;
padding: 15px 0px 0px 0px;
margin: 0px 0px 0px 0px;

}

#buttoncenter{
float: left;
text-align: center;
width: 610px;
padding: 15px 0px 0px 0px;
margin: 0px 0px 0px 0px;

}




#chartleft{
float: left;
text-align: left;
width: 285px;
padding: 15px 0px 0px 20px;
margin: 0px 0px 0px 0px;
}

#chartright{
float: left;
text-align: left;
width: 285px;
padding: 15px 10px 0px 10px;
margin: 0px 0px 0px 0px;

}

#pumpleft{
float: left;
text-align: left;
width: 283px;
height: 400px;
padding: 15px 0px 0px 20px;
margin: 0px 0px 0px 0px;
border: solid 1px #CCCCCC;
}

#pumpright{
float: left;
text-align: left;
width: 283px;
height: 400px;
padding: 15px 10px 0px 10px;
margin: 0px 0px 0px 0px;
border: solid 1px #CCCCCC;
}

#pumpleftb{
float: left;
text-align: left;
width: 283px;
height: 430px;
padding: 15px 0px 0px 20px;
margin: 0px 0px 0px 0px;
border: solid 1px #CCCCCC;
}

#pumprightb{
float: left;
text-align: left;
width: 283px;
height: 430px;
padding: 15px 10px 0px 10px;
margin: 0px 0px 0px 0px;
border: solid 1px #CCCCCC;
}

#pumpleftc{
float: left;
text-align: left;
width: 283px;
height: 430px;
padding: 15px 0px 0px 20px;
margin: 0px 0px 0px 0px;
border: solid 1px #CCCCCC;
}

#pumprightc{
float: left;
text-align: left;
width: 283px;
height: 430px;
padding: 15px 10px 0px 10px;
margin: 0px 0px 0px 0px;
border: solid 1px #CCCCCC;
}

#pumpbigpic{
float: left;
text-align: center;
width: 610px;
padding: 20px 0px 0px 0px;
margin: 0px 0px 0px 0px;

}

/* HOMEPAGENEWS*/

#hpnewsbox{
    float: left;
    display: inline;
    width: 380px;
    padding: 0px 0px 0px 0px;
    margin: 20px 20px 0px 20px;
    background-color: #b4cadf;
}
#hpletterbox{
    float: left;
    display: inline;
    width: 380px;
    padding: 0px 0px 0px 0px;
    margin: 20px 20px 0px 20px;
    background-color: #b4cadf;
}
#hpnewsboxtitle{
float: left;
width: 380px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;

}
#hpletterboxtitle{
float: left;
width: 380px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;

}
.hpnewscols{
float: left;
display: inline;
width: 162px;
padding: 0px 0px 0px 0px;
margin: 12px 14px 0px 14px;

}

.hpnewsitems{
float: left;
width: 162px;
padding: 0px 0px 0px 0px;
margin: 12px 14px 10px 14px;
border-bottom-color:#999999;
border-bottom-style: solid;
border-left-style: none;
border-right-style: none;
border-top-style: none;
border-bottom-width: 1px;

}

#hpletterbox .hpnewsitems{
border-style: none;
}
#hpletterbox .hpletterinput{
    width: 158px;
}

.hpnewstitle{
float: left;
width: 162px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 85%; 
font-style: normal; 
font-weight: bold;
color: #000033; 
text-decoration: none;

}

.hpnewsteaser{
float: left;
width: 162px;
padding: 3px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 85%; 
font-style: normal; 
font-weight: bold;
color: #FFFFFF; 
text-decoration: none;

}

.hpnewsmore{
float: left;
text-align: right;
width: 162px;
padding: 3px 0px 5px 0px;
margin: 0px 0px 0px 0px;
}


.hpnewstitle{
float: left;
width: 162px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 80%; 
font-style: normal; 
font-weight: bold;
color: #000033; 
text-decoration: none;

}



/* NEWS PAGE LAYOUT*/


.newsbox{
float: left;
display: inline;
width: 570px;
padding: 0px 0px 0px 0px;
margin: 15px 20px 0px 20px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #999999;


}

.newsboxright{
float: left;
width: 440px;
padding: 0px 10px 10px 0px;
margin: 0px 0px 0px 0px;

}

.newsboxleft{
float: left;
width: 100px;
padding: 0px 20px 10px 0px;
margin: 0px 0px 0px 0px;

}


.newstitle{
float: left;
width: 450px;
padding: 0px 0px 4px 0px;
margin: 0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 100%; 
font-style: normal; 
font-weight: bold;
color: #000033; 
text-decoration: none;

}

.newsdate{
float: left;
width: 450px;
padding: 0px 0px 4px 0px;
margin: 0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 100%; 
font-style: normal; 
font-weight: normal;
color: #000033; 
text-decoration: none;

}


.newsdesc{
float: left;
text-align: justify;
width: 450px;
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;
font: Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: normal;
	color: #999999;

}

.newsmore{
float: left;
text-align: left;
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;


}


.newsitemtitle{
width: 570px;
padding: 0px 0px 4px 0px;
margin: 0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 120%; 
font-style: normal; 
font-weight: bold;
color: #000033; 
text-decoration: none;

}

.newsitemdate{
width: 570px;
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 120%; 
font-style: normal; 
font-weight: normal;
color: #000033; 
text-decoration: none;

}



.newsitemdesc{
text-align: justify;
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;
font: Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: normal;
	color: #999999;

}

.newsimage{
float: left;
padding: 0px 15px 15px 0px;
margin: 0px 0px 0px 0px;


}




/* RIGHT COL BOXES LAYOUT*/

.rightcolboxouter{
float: left;
width: 190px;
padding: 7px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.distribbg{
float: left;
width: 190px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-image: url(resource/boxes/distrib_bg.jpg);
background-repeat: repeat;
background-position: top left;
}

#distform{
float: left;
width: 183px;
padding: 5px 0px 10px 7px;
margin: 0px 0px 0px 0px;

}

.finddist{
float: left;
width: 180px;
padding: 0px 0px 0px 7px;
margin: 0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 70%; 
font-style: normal; 
font-weight: normal;
color: #000066; 
text-decoration: none;

}

.textfield{
border-color: #cccccc;
border-style: solid;
border-width: 1px;
font-size: 12px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px; 

}

/* Right Col Prod Boxes*/
.rightcolprodbox{
float: left;
width: 190px;
background-image: url(resource/boxes/dashkeyrhs.gif);
background-position: bottom left;
background-repeat: no-repeat;
padding: 7px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.rightcolpumpthumb{
float: left;
width: 80px;
background-image: url(resource/boxes/dashkeyrhs.gif);
background-position: bottom left;
background-repeat: no-repeat;
padding: 0px 0px 1px 0px;
margin: 0px 0px 0px 0px;
}

.rightcolpumpname{
float: left;
width: 110px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.rightcolpumpnametext{
background-image: url(resource/boxes/arrow.gif);
background-position: top left;
background-repeat: no-repeat;
padding: 0px 0px 0px 20px;
margin: 10px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%; 
font-style: normal; 
font-weight: bold;
color: #6fafda; 
text-decoration: none;
}

.rightcolpumpnametextlink{
font-style: normal; 
font-weight: bold;
color: #6fafda; 
text-decoration: none;
}

a:hover.rightcolpumpnametextlink{
font-style: normal; 
font-weight: bold;
color: #000066; 
text-decoration: none;
}



/*Form*/
.boxleftcol {
			float: left;
	width: 250px;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 10px;	
	}
	
	 
.formtext{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #6fafda;
	padding: 8px 0px 2px 0px;
	margin: 0px 0px 0px 0px;}
	
		.submit{
		float: left;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;}
	




/* Foot LAYOUT*/

#footouter{
float: left;
width: 780px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-image: url(resource/bg/foot_bg.gif);
background-repeat: repeat;
background-position: top left;
}

#footleftcol{
float: left;
width: 170px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#footrightcol{
float: left;
width: 610px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.footcopyleft { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 70%; 
font-weight: normal; 
color: #CCCCCC;
text-decoration: none;
padding: 5px 0px 5px 10px;
margin: 0px 0px 0px 0px; }


.footnavtext { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 80%; 
font-weight: normal; 
color: #666666;
text-decoration: none;
padding: 10px 10px 10px 10px;
margin: 0px 0px 0px 0px; }

.footnavlink { font-family: Arial, Helvetica, sans-serif; 
font-size: 100%; 
font-style: normal; 
font-weight: normal;
color: #666666; 
text-decoration: none;
padding: 0px 5px 0px 5px;
margin: 0px 0px 0px 0px; }

a:hover.footnavlink { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 100%; 
font-style: normal; 
font-weight: normal;
color: #000066; 
text-decoration: none;
padding: 0px 5px 0px 5px;
margin: 0px 0px 0px 0px; }





	 
	
		 
	 h1{
	 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;	}
	 
	 .h1generic {
	 margin: 0px 0px 0px 0px;
	 padding: 20px 20px 0px 20px;
	 font-family: Arial, Helvetica, sans-serif;
	 color: #6fafda;
	 font-size: 130%;
	 font-weight: bold;
	
	 }

		 
	  h2{
	 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;	}
	 
	  .h2generic {
	 margin: 0px 0px 0px 0px;
	 padding: 20px 20px 0px 20px;
	 font-family: Arial, Helvetica, sans-serif;
	 color: #999999;
	 font-size: 100%;
	 font-weight: bold;
	
	 }
	 
	   .h2charts {
	 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 10px 0px;
	 font-family: Arial, Helvetica, sans-serif;
	 color: #6fafda;
	 font-size: 100%;
	 font-weight: bold;
	
	 }
	
	   .h2support {
	 margin: 0px 0px 0px 0px;
	 padding: 10px 0px 0px 20px;
	 font-family: Arial, Helvetica, sans-serif;
	 color: #6fafda;
	 font-size: 100%;
	 font-weight: bold;
	
	 }
	
	
	   h3{
	 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;	}
	 	   
		   .h3charts {
	 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 10px 0px;
	 font-family: Arial, Helvetica, sans-serif;
	 color: #6fafda;
	 font-size: 100%;
	 font-weight: bold;
	
	 }
	  h4{
	 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;	}
	
/* Text*/

.bodycontact{
text-align: justify;
	font: Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: normal;
	color: #999999;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 0px 0px;}


.bodymidcol{
text-align: justify;
	font: Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: normal;
	color: #999999;
	padding: 15px 20px 0px 20px;
	margin: 0px 0px 0px 0px;}
	
	.bodywidecol{
	text-align: justify;
	font: Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: normal;
	color: #999999;
	padding: 15px 40px 0px 20px;
	margin: 0px 0px 0px 0px;}
	
		.bodywidecollist{
	font: Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: normal;
	color: #000000;
	padding: 10px 0px 0px 50px;
	margin: 0px 0px 0px 0px;}
	
	.bodywidecollist li{
	font: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #000000;
	padding: 0px 0px 3px 3px;
	margin: 0px 0px 0px 0px;}
	
	.bodywidecol{
	text-align: justify;
	font: Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: normal;
	color: #999999;
	padding: 15px 40px 0px 20px;
	margin: 0px 0px 0px 0px;}
	
	.bodylink{
	font: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #000033;
	text-decoration: underline;
	}
	
	.pumpinfo{
	
	font: Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: normal;
	color: #999999;
	padding: 0px 20px 10px 0px;
	margin: 0px 0px 0px 0px;}
	
	
	
	
a.copy1{
	font-weight: normal;
	color: #990000;
	font-size: 100%;
}

.textbox {
    width: 250px; 
    border: 1px solid #999999;
}    

.error {
    color: #f00;
}    
    
/* CMS styles */
.cms_TextBox {
    width: 570px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: small;
}

.cms_FreeTextBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: small;
}

.cms_Button {
    width: 41px;
    height: 11px;
    border: none;
}

.cms_Error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: small;
    color: #f00;
}