#header {
   background:#ff0;
   padding:10px;
}


body {
	top:25px;
   padding:10px;
   padding-bottom:60px;   
   background:url(Images/bgstripe.jpg) repeat-x #990000;
   
}

#pumppages  {
	margin: auto;
	min-height:100%;
	width: 1024px;
	position: relative;
	left: -4px;
	padding:1px;
}

#petersonlogo  {
	visibility: visible;
	position: absolute;
	top: 21px;
	width: 243px;
	height: 89px;
	left: -1px;
}

#mainindex { 
	position:absolute;
	left:100px;
	top:100px;
	}

#midbutton1{
	position:absolute;
	left:100px;
	top:460px;
}

#midbutton2{
	position:absolute;
	left:502px;
	top:460px;
}

#subbutton1{
	position:absolute;
	left:100px;
	top:525px;
	width: 190px;
	height: 153px;
	
}

#subbutton2{
	position:absolute;
	left:300px;
	top:525px;
	
}

#subbutton3{
	position:absolute;
	left:502px;
	top:525px;
}

#subbutton4{
	position:absolute;
	left:702px;
	top:525px;
	width: 190px;
	height: 153px;
}
	
	
td {
	padding-left:5px;
	border:1px solid #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	}
	
td p{
	font: 12px Verdana;
	color: #ffffff;
	padding:0;
	margin:0;
	}

	
h2 {
	font: bold 12px Verdana;
	color: #ffffff;
	padding:0;
	margin:0;
	}
	
a  {
   text-decoration: none;
   color: #000000;
}

a ins  {
   text-decoration: none;
}


#homebutton  {
   left: 240px;
}

#pumpsbutton  {
   left: 306px;
}

#tanksbutton  {
   left: 380px;
}

#drivesbutton  {
   left: 445px;
}

#filtersbutton  {
   left: 520px;
}

#engineaccessoriesbutton  {
   width: 154px;
   left: 600px;
}

#plumbingbutton {
	left: 780px;
}

#techbutton  {
    left: 880px;
}

#contactbutton  {
   left: 940px;
}


#filtersbutton a,
#homebutton a,
#pumpsbutton a,
#plumbingbutton a,
#contactbutton a,
#techbutton a,
#drivesbutton a,
#tanksbutton a,
#engineaccessoriesbutton a,
#leftheader1button a,
#leftheader2button a,
#leftheader3button a,
#rightheader1button a,
#rightheader2button a,
#rightheader3button a{
   font-style: Normal;
   display: block;
   width: 100%;
   text-decoration: none;
   color: #FFCC00;
}

#leftinfo2text p,
#rightinfo1text p,
#leftinfo3text p,
#rightinfo2text p,
#leftinfo1text p,
#rightinfo3text p  {
   font: bold 12px/15px Arial;
   margin: 0px;
   color: #FFFFFF;
   text-align: left;
}

#pumpsbutton,
#drivesbutton,
#techbutton,
#tanksbutton,
#plumbingbutton,
#engineaccessoriesbutton,
#filtersbutton,
#homebutton, #contactbutton {
   font: bold 14px verdana;
   text-align: left;
   visibility: visible;
   position: absolute;
   top:75px;
   height: 23px;
}

#rightheader1button,
#rightheader2button,
#rightheader3button,
#leftheader1button,
#leftheader2button ,
#leftheader3button{
   font: bold 17px/16px Arial;
   text-align: left;
   visibility: visible;
   position: absolute;
   width: 246px;
   height: 16px;
}

#rightinfo1text,
#rightinfo2text,
#rightinfo3text  {
   visibility: visible;
   position: absolute;
   left: 760px;
   width: 230px;
}

#leftinfo1text,
#leftinfo2text,
#leftinfo3text  {
   visibility: visible;
   position: absolute;
   left: 270px;
   width: 230px;
}


#fullbox{
	position:absolute;
	left:250px;
	top:452px;
	}

#fullbox h1{
   font: bold 15px Verdana;
   margin: 0px;
   color: #FFCC00;
   text-align: justify;
   }
  
#fullbox a{
	font: 13px Verdana;
   margin: 0px;
   color: #fff;
   text-align: justify;
   }
	

#rightheader1button  {
   left: 760px;
   top: 450px;
}

#rightheader3button  {
   top: 794px;
   left: 760px;
}

#rightheader2button  {
   top: 640px;
   left: 760px;
}

#leftheader1button  {
   left: 270px;
   top: 452px;
}

#leftheader2button  {
   top: 640px;
   left: 270px;
}

#leftheader3button  {
   top: 794px;
   left: 270px;
}


#maininfotext  {
	visibility: visible;
	position: absolute;
	left: 651px;
	top: 200px;
	width: 352px;
}

#maininfotext h1  {
   font: bold 15px Verdana;
   margin: 0px;
   color: #333333;
   text-align: justify;
}

#maininfotext p  {
   font:11px Verdana;
   margin: 0px;
   color: #333333;
   text-align: justify;
}



#rightinfo1text  {
   top: 467px;
}

#rightinfo2text  {
   top: 657px;
}

#rightinfo3text  {
   top: 811px;
}

#leftinfo1text  {
   top: 469px;
}


#leftinfo2text  {
   top: 657px;
}

#leftinfo3text  {
   top: 813px;
}

#rightphoto1  {
   visibility: visible;
   position: absolute;
   left: 500px;
   top: 433px;
   width: 253px;
   height: 154px;
}

#rightphoto2  {
   visibility: visible;
   position: absolute;
   left: 503px;
   top: 632px;
   width: 248px;
   height: 151px;
}

#rightphoto3  {
   visibility: visible;
   position: absolute;
   left: 524px;
   top: 803px;
   width: 120px;
   height: 97px;
}



#leftphoto2  {
   visibility: visible;
   position: absolute;
   left: 10px;
   top: 635px;
   width: 120px;
   height: 119px;
}



#leftphoto1  {
   visibility: visible;
   position: absolute;
   left: 10px;
   top: 425px;
   width: 182px;
   height: 154px;
}

#leftphoto3  {
   visibility: visible;
   position: absolute;
   left:10px;
   top: 790px;
   width: 120px;
   height: 133px;
}




#mainphoto  {
   visibility: visible;
   position: absolute;
   left: 43px;
   top: 102px;
   width: 532px;
   height: 314px;
}

	
#maininfocolumn {
	top:450px;
	left:400px;
	width:550px;
	position:absolute;
	visibility:visible;
	text-align:left;
}

p {
	font: 12px Verdana;
	color: #ffffff;
	margin: 0 0 10px 0;
}


	
	
#maincolumn{
	top:450px;
	position:absolute;
	padding:1px;
	}


#item {
	position:relative;
	margin:0 0 125px 0;
	width:900px;
	min-height:100%;
	padding:1px;
	}

#itemtext{
	margin:0 0 0 350px;
	top:0px;
	width:600px;
	padding:1px;
	min-height:150px;
}

#itemtext p{
   font:11px Verdana;
   color: #fff;
	}
	
#itemtext h1{
	font:16px Verdana;
    color: #ffcc00;
	}
	
#itemtext h1 a{
	font:16px Verdana;
    color: #ffcc00;
	}
	
	
	
#itemphoto1{
	left:33px;
	top:0px;
	width:250px;
	max-height:150px;
	padding:1px;
	position:absolute;
	clear:both;
	background:#fff;
	border: 4px solid #333;
	height: 149px;
	}
	
	
#itemphoto2{
	left:30px;
	top:200px;
	width:250px;
	padding:1px;
	position:absolute;
	clear:both;
	}


#itemtext table{
	width:600px;
}	

#itemtext td {
	padding-left:5px;
	border:1px solid #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align:left;
	}
	
#itemtext td p{
	font: 12px Verdana;
	color: #ffffff;
	padding:0;
	margin:0;
	}

#itemtext td h2{
	font:bold 12px Verdana;
	color:#ffffff;
	padding:0;
	margin:0;
	}

#itemtext p a{
	font:11px Verdana;
   color: #fff;
   text-decoration:underline;
}

#submenu{
	 visibility: visible;
  	 position: absolute;
   	left: 578px;
   	top: 345px;
   	z-index: 3;
   	width: 400px;
}	

#submenu p{
	font:bold 12px Verdana;
	color:#cc0000;
	padding:5px;
	margin:0;}

#submenu a{
	font:bold 12px Verdana;
	color:#cc0000;
	padding:5px;
	margin:0;
}

#photobutton1{
	background:#FC0;
	width:20px;
	height:20px;
	position:absolute;
	top:180px;
	left:30px;
	text-align:center;
	}	

#photobutton1 a{
	font:12px #333 Verdana, Geneva, sans-serif;
}
	


#photobutton2{
	background:#FC0;
	width:20px;
	height:20px;
	position:absolute;
	top:180px;
	left:60px;
	text-align:center;
	}
	
#photobutton2 a{
	font:12px #333 Verdana, Geneva, sans-serif;
}
	
#photobutton3{
	background:#FC0;
	width:20px;
	height:20px;
	position:absolute;
	top:180px;
	left:90px;
	text-align:center;
	}
	

#photobutton3 a{
	font: 12px #333 Verdana, Geneva, sans-serif;
}












#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(html/Images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(html/Images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }