@charset "UTF-8";
/* Basic GP Navigation CSS - Add new ID'd as appropriate */

ul#navigation li {
	display:inline;
	padding: 0px;
	z-index: 5;
	outline:none;
}

#navigation li a {
	height: 46px;
	top: 167px;
	display: block;
	overflow: hidden;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	color:#006627;
	font-size:12px;
	letter-spacing:-1px;
	line-height:175%;
	text-indent:-5000px;
	outline:none;
}

#navigation li a:hover {
	background-position: 0 -46px;
	z-index: 5;
}

#home a {
	background-image: url(../images/nav_home.jpg);
width: 117px;
	left: 0px;
}

#homeON a {
	width: 117px;
	left: 0px;
	background: url(../images/nav_homeON.jpg);
	text-indent: -1000em;
}

#about a {
	background-image: url(../images/nav_about.jpg);
	width: 129px;
	left: 367px;
}

#aboutON a {
	width: 129px;
	left: 367px;
	background-image: url(../images/nav_aboutON.jpg);
	text-indent: -1000em;
}


#faq a {
	background-image: url(../images/nav_faq.jpg);
	width: 114px;
	left: 253px;
}

#faqON a {
		width: 114px;
	left: 253px;
	background-image: url(../images/nav_faqON.jpg);
	text-indent: -1000em;
}

#products a {
	background-image: url(../images/nav_products.jpg);
	width: 137px;
	left: 117px;
}

#productsON a {
	width: 137px;
	left: 117px;
	background-image: url(../images/nav_productsON.jpg);
	text-indent: -1000em;
}



#contact a {
	background-image: url(../images/nav_contact.jpg);
	width: 129px;
	left: 496px;
}

#contactON a {
	width: 129px;
	left: 496px;
	background-image: url(../images/nav_contactON.jpg);
	text-indent: -1000em;
	
}

#navigation2 li a {
	height: 173px;
	top: 480px;
	display: block;
	overflow: hidden;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	color:#006627;
	font-size:12px;
	letter-spacing:-1px;
	line-height:175%;
	text-indent:-5000px;
	outline:none;
}

#navigation2 li a:hover {
	background-position: 0 -173px;
	z-index: 5;
}



#navigation2_prod li a {
	height: 173px;
	top: 531px;
	display: block;
	overflow: hidden;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	color:#006627;
	font-size:12px;
	letter-spacing:-1px;
	line-height:175%;
	text-indent:-5000px;
}

#navigation2_prod li a:hover {
	background-position: 0 -173px;
	z-index: 5;
}


/* CSS Document */

#pump_new a {
	text-indent: -1000em;
	background: url(../images/panel_new.jpg) no-repeat left top;
	width: 128px;
	height: 178px;
	display: block;
	overflow: hidden;
	font-size:10px;
}

#pump_new a:hover {
	background-position: 0px 0px;
} 

#pump_1  a {
	text-indent: -1000em;
	background: url(../images/panel1.jpg) no-repeat left top;
	width: 139px;
	height: 178px;
	display: block;
	overflow: hidden;
	font-size:10px;
}

#pump_1 a:hover {
	background-position: 0px -178px;
}
#pump_2 a {
	text-indent: -1000em;
	background: url(../images/panel2.jpg) no-repeat left top;
	width: 135px;
	height: 178px;
	display: block;
	overflow: hidden;
	font-size:10px;
	
}

#pump_2  a:hover {
	background-position: 0px -178px;
}


#pump_3 a {
	text-indent: -1000em;
	background: url(../images/panel3.jpg) no-repeat left top;
	width: 137px;
	height: 178px;
	display: block;
	overflow: hidden;
	font-size:10px;
	
}

#pump_3 a:hover {
	background-position: 0px -178px;
}


#pump_4 a {
	text-indent: -1000em;
	background: url(../images/panel4.jpg) no-repeat left top;
	width: 151px;
	height: 178px;
	display: block;
	overflow: hidden;
	font-size:10px;
	
}

#pump_4 a:hover {
	background-position: 0px -178px;
}



#pump_5 a {
	text-indent: -1000em;
	background: url(../images/panel5.jpg) no-repeat left top;
	width: 135px;
	height: 178px;
	display: block;
	overflow: hidden;
	font-size:10px;
	
}

#pump_5 a:hover {
	background-position: 0px -178px;
}


#pump_6 a {
	text-indent: -1000em;
	background: url(../images/panel6.jpg) no-repeat left top;
	width: 137px;
	height: 178px;
	display: block;
	overflow: hidden;
	font-size:10px;

}

#pump_6 a:hover {
	background-position: 0px -178px;
}


.navigation3 li a {
	
	background: url(../images/dots.png) no-repeat 3px 26px;
 outline:none;
	display: block;
	overflow: hidden;
	width:167px;
	font-family: Verdana, Helvetica, sans-serif;
	color:#3d5c6e;
	font-size:12px;
	letter-spacing:-1px;
	line-height:175%;
	margin: 0px 0 0px 32px;
	padding:4px 0 4px 10px;
	
	
}

.navigation3 li a:hover {
	width:167px;
background: url(../images/dots2.jpg) no-repeat 3px 0px;

color:#3d5c6e;
	padding:4px 0 4px 10px;
	z-index: 5;
}

.custom {
background-color:#f6f6f7;
padding:10px 5px 10px 0px;
width:180px;
}

.navigation_custom li a {
	
	background: url(../images/dots.png) no-repeat 3px 26px;
 outline:none;
	display: block;
	overflow: hidden;
	width:167px;
	font-family: Verdana, Helvetica, sans-serif;
	color:#3d5c6e;
	font-size:12px;
	letter-spacing:-1px;
	line-height:175%;
	margin: 0px 0 0px 5px;
	padding:4px 0 4px 5px;
	font-weight:bold;
	
}

.navigation_custom li a:hover {
	width:167px;
background: url(../images/dots2.jpg) no-repeat 3px 0px;

color:#3d5c6e;
	padding:4px 0 4px 5px;
	z-index: 5;
}

.navigation4 li a {
	
	background: url(../images/dots.png) no-repeat 3px 26px;
 outline:none;
	display: block;
	overflow: hidden;
	width:167px;
	font-family: Verdana, Helvetica, sans-serif;
	color:#3d5c6e;
	font-size:12px;
	letter-spacing:-1px;
	line-height:175%;
	margin: 0px 0 0px 10px;
	padding:4px 0 4px 10px;
	
	
}

.navigation4 li a:hover {
	width:167px;
background: url(../images/dots2.jpg) no-repeat 3px 0px;
color:#3d5c6e;
	padding:4px 0 4px 10px;
	z-index: 5;
}


#navigation5 li a {
	padding: 6px 0 7px 10px;
	
 font-weight:bold;
	display: block;
	overflow: hidden;
outline:none;
	font-family: Verdana, Helvetica, sans-serif;
	color:#3d5c6e;
	font-size:10px;
	letter-spacing:-1px;
	line-height:130%;
	
	
	
}

#navigation5 li a:hover {
padding: 6px 0 7px 10px;

color:#5f8bb3;
	 font-weight:bold;
	
}

#navigation6 li a {
	padding: 6px 0 6px 35px;
	
 font-weight:bold;
	display: block;
	overflow: hidden;
	width:210px;
	font-family: Verdana, Helvetica, sans-serif;
	color:#3d5c6e;
	font-size:12px;
	letter-spacing:-1px;
	
	clear:both;
	outline:none;
	
}

#navigation6 li a:hover {
padding: 6px 0 6px 35px;

color:#5f8bb3;
	 font-weight:bold;
	
}
.navigation6 {
	padding: 6px 0 6px 35px;
	
 font-weight:bold;
	display: block;
	overflow: hidden;
	width:210px;
	font-family: Verdana, Helvetica, sans-serif;
	color:#3d5c6e;
	font-size:12px;
	letter-spacing:-1px;
	line-height:120%;
	clear:both;
	outline:none;
	
}



#navigation7 li a {
	
	outline:none;
 text-indent:-5000px;
	
	
	width:156px;
	height:35px;
	font-family: Verdana, Helvetica, sans-serif;
	color:#3d5c6e;
	margin:4px 0 10px 0;
	
}

#navigation7 li a:hover {
	
background-position: 0 -35px;


}

#contact2 a {
	background-image: url(../images/nav_right2.jpg);
	width: 156px;
	left: 70px;
}
#contact3 a {
	background-image: url(../images/nav_right3.jpg);
	width: 156px;
	left: 70px;
}


#image a {
	background-image: url(../images/nav_right1.jpg);
	width: 156px;
	left: 70px;
}


#back a {
	background-image: url(../images/nav_right3.jpg);
	width: 156px;
	left: 70px;
}
.right1 a {background: url(../images/nav_right1) no-repeat;}

.right2 a {background: url(../images/nav_right2) no-repeat;}

.right3 a {background: url(../images/nav_right3) no-repeat;}

.pad {
	margin-bottom:10px;
	margin-top:10px;
	padding: 6px 0 7px 10px;
	
 font-weight:bold;
	display: block;
	overflow: hidden;
outline:none;
	font-family: Verdana, Helvetica, sans-serif;
	color:#3d5c6e;
	font-size:10px;
	letter-spacing:-1px;
	line-height:130%;
	}
.pad2 {
	padding:40px 0 0 0;
	}