@charset "utf-8";
/* CSS Document */

body{
padding:0px;
border:0px;
margin:0px;
font-size:0.9em;
font-family:Arial, Helvetica, sans-serif;
color:#cecece;
background:#363636 url(images/curlybg.png) 330px -50px no-repeat;
background-attachment:fixed;
}

img{border:0px;}

a{
color:#ffffff;
}
a:hover{
color:#90c633;
}

h1{
color:#878787;
font-size:2.6em;
font-weight:normal;
margin:0px;
text-indent:-10000px;
}

h1.introh1{
height:88px;
background:url(images/introh1.png) no-repeat;
}
h1.pumph1{
height:38px;
background:url(images/pumph1.png) no-repeat;
}
h1.techh1{
height:38px;
background:url(images/techh1.png) no-repeat;
}
h1.ctoah1{
height:101px;
background:url(images/ctoah1.png) no-repeat;
margin-bottom:20px;
}



.leftbar{
position:fixed;
width:301px;
background:url(images/navbg.png);
top:0px;
left:0px;
height:100%;
}

.leftbar .logo{
margin:32px 30px 52px 30px;
}

.leftbar ul{
padding:0px;
margin:0px 0px 40px 77px;
list-style:none;
}

.leftbar ul li{
margin:0px;
width:194px;
height:47px;
background:url(images/navon.png) -1000px -1000px no-repeat;
overflow:hidden;
padding:0px 0px 0px 30px;

}
.leftbar ul li.on{
background-position:right 2px;
}
.leftbar ul li a{
text-align:left;
text-indent:-1000px;
display:block;
width:164px;
height:47px;
background:url(images/nav.png) no-repeat;
overflow:hidden;
outline:none;
}

.leftbar ul li a.navpump{background-position:0px -47px;}
.leftbar ul li a.navtech{background-position:0px -94px;}

.leftbar ul li a.navintro:hover{background-position:0px -141px;}
.leftbar ul li a.navpump:hover{background-position:0px -188px;}
.leftbar ul li a.navtech:hover{background-position:0px -235px;}

.blob{
width:205px;
height:39px;
background:url(images/roundedbox.png) no-repeat;
text-align:center;
margin:0px 0px 7px 66px;
color:#FFFFFF;
font-size:1.4em;
line-height:37px;
}
.blob a{
color:#ffffff;
text-decoration:none;
}
.blob a:hover{
color:#3d3e3d;
}

.address{
margin:25px 30px 0px 0px;
color:#ffffff;
text-align:right;
}

.rightcontent{
margin:0px 0px 0px 301px;
}

.pagestart{
padding:33px 0px 50px 50px;
width:630px;
background:#363636;
}

.pagestart2{
padding:0px 0px 0px 50px;
width:630px;
background:#363636;
}

.linebreak{
height:2px;
background:url(images/hr.png);
overflow:hidden;
margin:20px 0px;
}


#tooltip{position:absolute; top:0px; left:0px; display:none; z-index:99; max-width:300px;}

#tooltip .top{
background:#1f1f1f url(images/tooltiptop.png) repeat-x;
padding:15px;
line-height:1.4em;
}
#tooltip .base{
background:url(images/tooltipbase.png) center no-repeat;
height:17px;
overflow:hidden;
}





.intropump{
width:320px;
height:428px;
float:left;
}
.introcol2{
width:265px;
float:right;
}
.introcol2 p{
text-align:justify;
line-height:1.6em;
margin:5px 0px 30px 0px;
}
.lifestyles{
border:5px solid #2b2b2b;
overflow:hidden;
height:272px;
width:255px;
}

#thepump{
outline:none;
}




.toptrans{
width:680px;
height:704px;
}
html > body .toptrans{
background:url(images/toptrans.png) no-repeat;
}
.bottrans{
width:680px;
height:793px;
}
html > body .bottrans{
background:url(images/bottrans.png) no-repeat;
}






#pumppump{
position:relative;
width:382px;
height:510px;
float:left;
overflow:hidden;
}

#pumphovertop{
position:absolute;
height:200px;
width:382px;
top:0px;
left:0px;
z-index:100;
display:none;
background:url(images/blank.png);
}

#pumphoverbot{
position:absolute;
height:305px;
width:382px;
left:0px;
bottom:0px;
z-index:99;
background:url(images/blank.png);
}

#pumpimage3{
display:none;
}


#pumppump img{
position:absolute;
top:0px;
left:0px;
}



.pumppumprightside{
width:171px;
float:right;
margin:0px;
padding:0px;
list-style:none;
}
.pumppumprightside li{
padding:0px;
margin:0px 0px 10px 0px;
list-style:none;
}
.pumppumprightside li a{
outline:none;
}




th{
background:#262626;
color:#ffffff;
font-weight:bold;
font-size:1.2em;
text-align:left;
border-bottom:1px solid #5b5b5b;
}
th.smaller{
font-size:0.8em;
}

td{
border-bottom:1px solid #5b5b5b;
vertical-align:top;
line-height:1.9em;
padding:3px 7px;
color:#878787;
}

table{
margin-bottom:15px;
}
table.tlast{
margin:20px 0px 50px 0px;
}

#pumpback{outline:none;}

.pumpsmall{
width:157px;
height:204px;
float:right;
}
.largewhite{
color:#ffffff;
font-size:1.6em;
line-height:1.4em;
}
.largewhite a{
color:#ffffff;
text-decoration:none;
}
.largewhite a:hover{
color:#cecece;
}

.clear{
clear:both;
}

.absfooter{
float:right;
text-align:right;
line-height:1.7em;
color:#737373; 
font-size:0.75em;
}
.absfooter a{
color:#737373; 
}
.absfooter a:hover{
color:#ffffff;
}

a.next, a.prev, a.totop{
width:21px;
height:21px;
text-indent:-1000px;
display:block;
background:url(images/updown.png) 0px 0px no-repeat;
outline:none;
}
a.next:hover{background-position: 0px -132px;}

a.prev{background-position: 0px -37px;}
a.prev:hover{background-position: 0px -169px;}


a.totop{background-position: 0px -77px; height:31px;}
a.totop:hover{background-position: 0px -209px;}




/****************

JBOX CSS STYLES

****************/
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#jquery-lightbox a{ outline:none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #4b4b4b;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #4b4b4b;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #c4c4c4; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


