* { padding: 0; margin: 0; }

body {font-family: Arial, Helvetica, sans-serif; font-size: 13px; background:url(images/background.jpg) repeat-x; background-color: #f3f3f3;}

#wrapper {margin: 0 auto; width: 958px;}
#topnav {width: 958px; color: #333; border: 0px solid #ccc; height: 45px; margin: 0px; background: #DAC8BF; background-image:url(images/topnav.gif);}
#search_box {width: 205px; float: right; height: 23px; margin: 15px 3px 0px 0px; background:none;}
#search_box #s {float: left; color: #333333; padding: 0; margin: 3px -3px 0 2px; border: 0; width: 170px; background: none;}
#search_box #go {float:right; margin: 0px 0px 0 0; background: none;}

 
/* ABOUT, NEWS, CONTACT, PRO SHOP, LOG IN */
#topnavigation {background:url(images/topnavigation.gif) no-repeat; width:380px; height:36px; margin:9px 0px 0px 11px; padding:0; float: left;}
#topnavigation span {display: none;}
#topnavigation li, #topnavigation a {height:36px; display:block;}
#topnavigation li {float: left; list-style:none; display:inline;}
	
	#topnavigation-01 {width: 62px;}
	#topnavigation-02 {width: 63px;}
	#topnavigation-03 {width: 84px;}
	#topnavigation-04 {width: 97px;}
	#topnavigation-05 {width: 72px;}
		
	#topnavigation-01 a:hover {background:url(images/topnavigation.gif) 0px -36px no-repeat;}
    #topnavigation-02 a:hover {background:url(images/topnavigation.gif) -62px -36px no-repeat;}
    #topnavigation-03 a:hover {background:url(images/topnavigation.gif) -125px -36px no-repeat;}
	#topnavigation-04 a:hover {background:url(images/topnavigation.gif) -209px -36px no-repeat;}
    #topnavigation-05 a:hover {background:url(images/topnavigation.gif) -306px -36px no-repeat;}
	
/* END TOP NAV */
		
#mainheader {width: 957px; height: 93px; color: #333; border: 0px solid #ccc; margin: 0px; background: #BD9C8C; background-image:url(images/mainheader.gif);}

/* BATTERY WATERING, MARINE, PINCH VALVES */
    #icons {background:url(images/icons.gif) no-repeat; width:370px; height:92px; margin:0; padding:0; float: right;}
    #icons span {display: none;}
    #icons li, #icons a {height:92px; display:block;}
    #icons li {float: left; list-style:none; display:inline;}

    #icons-01 {width: 119px;}
    #icons-02 {width: 121px;}
    #icons-03 {width: 120px;}
    
    #icons-01 a:hover {background:url(images/icons.gif) 0px -92px no-repeat;}
    #icons-02 a:hover {background:url(images/icons.gif) -119px -92px no-repeat;}
    #icons-03 a:hover {background:url(images/icons.gif) -240px -92px no-repeat;}

/* END ICONS */    


/* PRODUCT TABS */
#tabcontainer {width: 950px; height: 32px; padding: 0 0 0 3px; margin: 10px 0 0; color: #fff; background-image:url(images/tab-background.gif); background-repeat: repeat-x;}
   
    #tabs {background:url(images/tabs.gif) no-repeat; width:554px; height:32px; margin:0; padding:0; float: left;}
    #tabs span {display: none;}
    #tabs li, #tabs a {height:32px; display:block;}
    #tabs li {float: left; list-style:none; display:inline;}

    #tabs-01 {width: 136px;}
    #tabs-02 {width: 141px;}
    #tabs-03 {width: 141px;}
    #tabs-04 {width: 136px;}
	
    #tabs-01 a:hover {background:url(images/tabs.gif) 0px -32px no-repeat;}
    #tabs-02 a:hover {background:url(images/tabs.gif) -136px -32px no-repeat;}
    #tabs-03 a:hover {background:url(images/tabs.gif) -277px -32px no-repeat;}
	#tabs-04 a:hover {background:url(images/tabs.gif) -418px -32px no-repeat;}
	
	ul#tabs li a.millenium {background:url(images/tabs.gif) 0px -64px no-repeat;}
	ul#tabs li a.profill {background:url(images/tabs.gif) -136px -64px no-repeat;}
    ul#tabs li a.profillrv {background:url(images/tabs.gif) -277px -64px no-repeat;}
    ul#tabs li a.qwikfill {background:url(images/tabs.gif) -418px -64px no-repeat;}

/* END PRODUCT TABS */
 
/* CONTENT */
#content {float: left; width: 957px; margin-left:3px; background-color:#f3f3f3;}

/* LEFT NAVIGATION */
#leftnav {background:#f3f3f3; margin-left: 2px; float: left; width: 131px;}

.menu_list {
	width: 150px;
}
.menu_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
       font-weight:bold;
       background: #f3f3f3;
	   border-bottom:#dcdcdc solid 1px; 
}

.menumain a {
color:#000000; text-decoration: none; cursor: pointer; position: relative; padding: 5px 10px; border-bottom:#333333; font-weight: bold; margin: 1px;}

.menu_head:hover {color:#333333;}

.menu_body {
	display:none;
	margin: 7px 0px 5px 20px;
	}
	
.menu_body a {
  display:block;
  padding-left: 4px;
  
  color:#000;
  background-color:#f3f3f3;
  font-size: 11px;
  font-weight:bold;
  text-decoration:none;
}

.menu_body a:hover {
  color: #696969;
  text-decoration:underline;
}

#maincontent {float:right; height:100%; width: 822px; background:#f3f3f3 url(images/contentback.gif) top right no-repeat; z-index:1;}

#contenttop {background:url(images/maincontenttop.gif) top no-repeat; margin: 10px 0px 0px 33px; height:10px;}

#subcontent {background:url(images/maincontentrepeat.gif) repeat-y; width: 764px; margin-left: 45px; z-index: 1; overflow:hidden;}
#innercontentleft{width: 473px; float: left; padding-left: 5px; background:none;}
#innercontentright{float: right; z-index:4; padding-right: 5px;}

#contentbottom {background:url(images/maincontentbottom.gif) bottom no-repeat; clear: both; margin: 0px 0px 10px 33px; height: 10px;}


/* FOOTER */ 
#footer {clear: both; width: 958px; background:url(images/footer.gif) no-repeat; margin: 0 0 0 3px; height: 55px;}


/* BOTTOM LOGOS */
#logos {background:url(images/logos.gif) no-repeat; width:123px; height:55px; margin-right: 8px; padding:0; float: right;}
#logos span {display: none;}
#logos li, #logos a {height:55px; display:block;}
#logos li {float: left; list-style:none; display:inline;}

    #logos-01 {width: 55px;}
    #logos-02 {width: 65px;}
    	
    #logos-01 a:hover {background:url(images/logos.gif) 0px -55px no-repeat;}
    #logos-02 a:hover {background:url(images/logos.gif) -55px -55px no-repeat;}