body {
	margin:0 auto;
	background-color:#363636;
	color: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.page {
	margin: auto;
	width: 972px;
	}
.clearAll {
	display: block;
	float: none;
	visibility: hidden;
	margin: 0;
	padding: 0;
	clear: both;
	width: 100%;
	height: 0px;
	overflow: hidden;
	font-size: 1px;
	line-height: 1px;
}
H1 {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color:#ffffff;
	font-size:1.5em;
}
H2 {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color:#ffffff;
	font-size:1.25em;
}
H3 {
	font-family: Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:1.2em;
}
A {
	color:#ffffff;
	background: transparent;
	}
HR {
	color:#3e607d;
	background-color:#3e607d;
}

FORM { display: inline; }


.BlueText {
	color:#96bed5;
	}
.metering {
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
		color:#96bed5;
}
.answer {}

/* TOP */
.pageTop {
	width:975px;
	}
.ISO {
	float:left;
	border-left:3px solid #3e607d;
	height:90px;
	background:#ffffff;
	width:191px;
} 

/* MIDDLE SECTION W/LOGO AND PHOTO */
.header {
	width:975px;
	}
.logo {
	float:left;
	clear:left;
	border:none;
}
.logo IMG{
	border:none;
}
.photo {
	float:right;
}

/* PATH NAV */
.pathNav {
	font-size:11px;
	color:#ffffff;
	margin:0;
	float:right;
	width:770px;
	padding:0;	
	}

/* MAIN CONTENT AREA */
.contentHolder {
	width:972px;
	float:left;
	background:#1e2e3c url(/img/leftBgr.gif) repeat-y left top;
	border-left:3px solid #3e607d;
	min-height:250px;
	}
.content {
	font-size:12px;
	color:#ffffff;
	background-color:#1e2e3c;
	float:right;
	width:720px;
	padding:30px 20px;	
	}
.contentLeft {
	background-color:#ffffff;
	color:#000000 !important;
	float:left;
	clear:left;
	width:192px;
	margin:0;
	padding:0;
	}
.contentLeft .photoContent {
	padding:5px;
	text-align:center;
	font-size: .8em;
	margin-top:10px;
	}
	
/* LIST STYLES */
UL {	
	margin: 0;
	padding-left:20px;
	list-style:none;
	list-style-image: url(/img/list_arrow.gif);
}
UL LI {
	margin:2px 0;
}
UL.fixFloatedUl {
	margin: 0;
	padding: 0;
	list-style: none inside url(/img/list_arrow.gif);
}
UL.fixFloatedUl LI {
	margin: 0;
	padding: 0 0 0 20px;
	text-indent: -8px;
}

.button A IMG {
	border:none;
	margin-bottom:-5px;
	padding-bottom:0;
}

/* TABLE STYLES */

TABLE {
	font-size:12px;
	color:#ffffff;
	}
.page_Pumps TABLE P, .page_WaterTreatmentRelat09A9 TABLE P {
	margin-bottom:15px;
	}
.ImageBorder {
	margin:0 10px 0 0;
	border:5px solid #ffffff !important;
	}
.BlackBorder {
	margin:0 10px 0 0;
	border:5px solid #000000 !important;
	}
.Title {
	font-family: Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:20px;
	font-weight:bold;
	}
.BlueBorder, .content IMG {
	margin:0 8px 0 0;
	border:3px solid #3e607d;
	}




/* MAIN NAVIGATION */
.mainnav {
	background-color:#1e2e3c;
	height:60px;
	width:780px;
	font-size:14px;
	color: #ffffff;
	padding:20px 0 0 0;
	border-top:10px solid #3e607d;
	float:right;
	}
.nav {
	float: right;
	height: 20px;	
	width:525px;
}
.nav A {
	border:none;
	font-size:13px;
	color: #ffffff;
	width:100px;
}
.nav UL {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
}
.nav LI {
	position:relative;
	float: left;
	margin: 0 5px;
	padding: 20px 18px 0 0;
	font-weight: normal;
	background:url(/img/white_tri.gif) no-repeat right bottom;
	background-color: transparent;
	/* check ie6.css for more */
}

.nav LI:hover,
.nav LI.over{
	color: #96bed5;
	background:url(/img/bluedown_tri.gif) no-repeat right bottom;
}
.nav LI A , 
.nav LI A:visited{
	color:#ffffff;	
	text-decoration:none;
	border-left:dotted 2px #ffffff;
	padding:20px 0 0 10px;
	/* check ie6.css for more */
}

.nav LI:hover A,
.nav LI.over A{
	color: #96bed5;
}
.nav A.selected,
.nav A.opened,
.nav LI.selected,
.nav LI.opened{
	color: #96bed5 !important;	
	} 
.nav LI.selected,
.nav LI.opened{
	color: #96bed5;
	background:url(/img/bluedown_tri.gif) no-repeat right bottom;
	} 	
.nav LI UL {
	border:2px solid #1e2e3c;
	border-top:6px solid #1e2e3c;
	background:#ffffff;
	color:#000000;
	display: none;
	position: absolute;
	top: 36px;
	left:10px;
	font-weight:normal;
	font-size:10px;
}
.nav UL UL {
	color: #000000;
	width:240px;
	font-size:10px;
	padding:5px 0;
}
.nav UL UL LI {
 	width:235px;
	background-image:none;
}
.nav LI LI {
	font-weight:bold;	
	margin:0;
	padding:3px 0 3px 5px;
}
.nav LI LI:hover,
.nav LI LI.over,
.nav LI LI.selected {
	color:#ffffff !important;
	background-color:#3e607d;
	border:none;
	margin:0;
	padding:3px 0 3px 5px;
	background-image:none;
	line-height:150%;
}
.nav LI LI A , 
.nav LI LI A:visited{
	color:#000000 !important;
	text-decoration:none;
	border:none;	
	margin:0;
	padding:3px 0 3px 5px;
	line-height:150%;
}
.nav LI LI:hover A,
.nav LI LI.over A,
.nav LI LI A.selected,
.nav LI LI A.opened {
	color:#ffffff !important;
	background-image:none;
	background-color:#3e607d;
	border:none;
	margin:0;
	padding:3px 0 3px 5px;
	line-height:150%;
}
.nav UL UL LI A {
	font-size:11px;
	font-weight:normal;
	border:none;
	margin:0;
	padding:3px 0 3px 5px;
	line-height:150%;
}


/* SHOW/HIDE LEVELS ****************************************** */
/* level 1 */
.nav LI:hover UL,
.nav LI.over UL {
	display: block;
}
/* level 2, 3 and 4 */
.nav LI LI:hover UL,
.nav LI LI.over UL {
	display: block !important;	
}
/* style to get application data sheet on 2 lines in nav */
.nav_ApplicationDataSheet {
	width:95px;
	padding:4px 0 0 10px !important;
	border-left:dotted 2px #ffffff;
}
.nav_ApplicationDataSheet A{
	margin:0 !important;
	padding:0 !important;
	border:none !important;
}

/* FOOTER */

.footerHolder {
	float:left;
	width:972px;
	height:25px;
	background:#3e607d url(/img/leftBgr.gif) repeat-y left top;
	border-left:3px solid #3e607d;
	}
.footer {
	float:right;
	width:780px;
	height:20px;
	text-align:center;
	}
.bottomNav {
	color:#ffffff;
	font-size:11px;
	padding:5px 0 0 0;
	}
.bottomNav a {
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
	}
	
/* COPYRIGHT */
.copyright {
	color:#ffffff;
	font-size: 10px;
	text-align:center;
	padding:5px 0 5px 160px;
}
.page_SiteMap IMG{border:none; background-color:transparent;}
TABLE.SiteMap TD{border:none; background-color:transparent; font-size:12px;}


/* PUMP DETAIL PAGES */

.pumpDownloads {
	width: 270px;
	padding:20px 15px 15px 20px; margin:0;
	vertical-align:top;
	text-align:left;
	background-color:#3e607d;
	color:#ffffff;
}
.pumpDownloads IMG { 
	border:none;
	padding:5px 10px 0 5px; 
	margin-bottom:-3px;
}
.pumpDownloads P { margin:3px 0 10px 0; }


.pumpImage {
	width: 300px;
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 10px 0;
	vertical-align: top;
	text-align: center;
	background: #ffffff;
	border:3px solid #3e607d;
}
.pumpImage IMG {
	margin: 0;
	padding: 0;
	display: block;
	border: none;
	text-align: center;
}

.pumpSpecs {
	padding-left:20px; margin:0;
	text-align:left; 
}

.pumpSpecs TABLE { padding:0; margin:0; width:390px; }
.pumpSpecs TD:first-child { width:155px;}
.pumpSpecs TD { text-align:left; margin:0; padding-bottom:10px; }

.pumpGraph {
	clear: both;
	width:100%;
	padding:20px 0;
	background-color:white;
	text-align:center;
}

.pumpGraph IMG { border:0; }

.pumpTable {
	width:100%;
	background:#ffffff;
	padding:0;
	margin:0;
}

.pumpTable TD {
	font-size:20px;
	font-weight:bold;
	color:#000000; 
	font-family:Arial, Helvetica, sans-serif; 
	vertical-align:top;
	text-align:left;
	padding:5px 0 0 5px;
	margin:0;
	width:75px;
}

.pumpSubTable {
	width:75px;
	padding:0;
	margin:-5px 0 10px 0;
}

.pumpSubTable TD {
	font-size:9px;
	font-weight:normal;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:top;
	text-align:left;
	padding:3px 2px;
	margin:0;
}

.pumpTable .redCell { color:#ffffff; border-bottom:1px solid white; text-align:center; background-color:#df000d; width:8px; }
.pumpTable .rustCell { color:#ffffff; border-bottom:1px solid white; text-align:center; background-color:#bc6b3f; width:8px; }
.pumpTable .tanCell { color:#ffffff; border-bottom:1px solid white; text-align:center; background-color:#bca45c; width:8px; }
.pumpTable .brownCell { color:#ffffff; border-bottom:1px solid white; text-align:center; background-color:#786526; width:8px; }
.pumpTable .pinkCell { color:#ffffff; border-bottom:1px solid white; text-align:center; background-color:#c2888e; width:8px; }
.pumpTable .yellowCell { color:#ffffff; border-bottom:1px solid white; text-align:center; background-color:#f8b210; width:8px; }
.pumpTable .blueCell { color:#ffffff; border-bottom:1px solid white; text-align:center; background-color:#a2aec3; width:8px; }
.pumpTable .blackCell { color:#ffffff; border-bottom:1px solid white; text-align:center; background-color:#000000; width:29px; }


/* SLIDESHOW STYLES */

.slideshowLink {
	float:right;
	background-color:#3e607d;
	color:#ffffff;
	margin:0 5px 30px 40px;
	padding:10px 7px 4px 7px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
}

.slideshowLink IMG { 
	border:1px solid #ffffff;
	margin:7px;
	padding:0;
}

.slideshowLink .launchLink, .slideshowLink .launchLink:hover, 
.slideshowLink .launchLink:active, .slideshowLink .launchLink:visited { 
	font-size:17px;
	font-weight:bold;
	margin:0;
	padding:7px 20px 7px 7px;
	background:url(/img/white_tri.gif) no-repeat right center;
	text-decoration:none;
}

.slideshowHolder {
	width:900px;
	height:600px;
	margin:0;
	padding:0;
	background: #ffffff;
	color:#000000;
}

.slideImage {
	margin: 20px;
	padding: 10px;
	width: 615px;
	height: 480px;
	background:#000000;
	float:left;
	text-align: center;
	vertical-align: middle;
}

.slideImage IMG {
	margin: 0 auto;
	vertical-align: middle;
}

.slideCaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:5px 0 0 0;
}

.slideshowHolder .slideText {
	margin:0;
	padding:20px 20px 20px 0;
	width: 200px;
	height: 500px;
	background:#ffffff;
	float:right;
	text-align:left;
	vertical-align:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.slideshowHolder .slideText .closeButton { margin:-10px -9px 0 0; float:right; }

.slideshowHolder .slideText P { margin:10px auto; }

.slideshowHolder .slideText .slideTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#3e607d;
	margin:0 0 10px 0;
	padding:10px 0 0 0;
}

.slideshowHolder .slideList { 
	border-top:15px solid #1e2e3c;
	background:#3e607d;
	width:850px;
	height:45px;
	padding:0 20px 0 30px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	clear:both;
}

.slideshowHolder .slideList A.pageNavLink {
	background-image:url(/img/slideNumberBox.gif);
	color:#ffffff;
	width:25px; 
	height:21px;
	text-align:center;
	padding:4px 0 0 0;
	margin:-6px 1px 0 1px;
	text-decoration:none;
	display:block;
	float:left;
	clear:none;	
}

.slideshowHolder .slideList B {
	background-color:#96bed5;
	color:#3e607d;
	width:25px; 
	height:21px;
	text-align:center;
	text-decoration:none;	
	padding:4px 0 0 0;
	margin:-6px 1px 0 1px;
	display:block;
	float:left;
	clear:none;
}

.slideshowHolder .slideList A.pageNav .buttonBack {
	width:18px;
	height:15px;
	border:none;
	margin-right:5px;
	padding:0;
	margin:15px 5px 0 0;
	float:left;
	clear:none;
}

.slideshowHolder .slideList A.pageNav .buttonNext {
	width:18px;
	height:15px;
	border:none;
	padding:0;
	margin:0px 0 0 5px;
	float:left;
	clear:none;
}








/* FORMS */

FORM IMG,
.ValidationErrors IMG,
.plain IMG { 
	border:none !important;
}
.FormTable TD{
	border:1px solid #3e607d;
}
.FormTable TH {
	text-align:left;
	color:#ffffff;
	background-color:#3e607d;
}
.FormTable IMG {
	border:none;
}
	
.htmlTextField {
	color: #000000;
}



/* EDITOR STYLES */
.downloadsEditBox .htmlTextField {
	background: #3E607C !important;
	color: #ffffff;
}	
.specsEditBox .htmlTextField {
	background: #1E2E3C !important;
	color: #ffffff;
}





/* PUMPS */

.jsPumpSelection {
	display: block;
	float: left;
	cursor: pointer;
	/* check ie6.css for more */
}
.jsPumpSelection:hover .popupWrap,
.over .popupWrap {
	display: block !important;
}
.popup1 .pumpsPopup {
	margin: 30px 0 0 0px;
}
.popup2 .pumpsPopup {
	margin: 30px 0 0 0px;
}

.pumpsPopup {
	width: 210px;
	overflow: hidden;
	background: #96BED7;
	padding: 5px;
	border: 3px solid #ffffff;
}
.pumpThumb {
	margin: 0 10px 0 0;
	width: 60px;
	height: 80px;
	font-size: 10px;
	text-align: center;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
.pumpThumbImage {
	display: block;
	padding: 3px;
	width: 50px;
	height: 50px;
	background: #ffffff;
	border: 3px solid #3e607d;
	overflow: hidden;
}
.pumpThumb IMG {
	display: block;
	border: none;
}











