/******* maincontainer styles *******/
body{
background:#42a1ec url(/images/bg.gif) repeat-x;
color:#333;
font-family: Arial;
margin:0;
padding:0;
font-size:12px;
line-height:140%;
}
#printlogo{
display:none;
}
#wrapper,#wrapper1{
width:960px;
margin:0px auto;
padding-bottom:20px;
}
#maincontainer{
width:960px;
float:left;
background:#ebe9e9 url("/images/content_bg.gif") repeat-y;
} 
#box_top{
width:960px;
float:left;
background:url("/images/header_bg.gif") no-repeat top;
}
#box_bottom{
width:934px;
float:left;
background:url("/images/contentbottom_bg.gif") no-repeat bottom;
padding:13px;
padding-bottom:20px;
min-height:550px;
}
#header,#header1{
float:left;
width:930px;
padding-bottom:0px;
}

#logo{
float:left;
padding-left:20px;
padding-bottom:10px;
}
#search_top{
float:left;
text-align:right;
width:350px;
padding-top:30px;
}
#hright{
float:right;
width:350px;
}
#login{
float:left;
text-align:right;
width:350px;
padding-top:5px;
}


#search_top{
float:left;
text-align:right;
width:350px;
padding-top:30px;
}


#menu{
width:933px;
float:left;

}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#nav {float:left;padding:0; margin:0; list-style:none; height:38px;   z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:inline; float:left; }
#nav li a.top_link {display:inline; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 0px; cursor:pointer;}




/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:-392px; top:35px;  padding:0px;  white-space:nowrap; width:932px;  z-index:300;height:auto;}
#nav li:hover ul.sub li
{display:inline; height:20px; position:relative; float:left; font-weight:normal;}
#nav li:hover ul.sub:hover ul{margin-top:33px;left:0px;}
#nav li:hover ul.sub li a
{ float:left;font-size:12px; padding:8px 15px; color:#fff; text-decoration:none;text-transform:uppercase;background:#06599b;border-right:1px solid #fff;}
#nav li ul.sub li a.fly
{}
#nav li:hover ul.sub li a:hover 
{background:#258dc8;  }
#nav li:hover ul.sub li a.fly:hover
{background:#258dc8 ; }



#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:0px; top:-4px; background: #258ecb; padding:0px;  white-space:nowrap; width:200px; z-index:400; height:auto;display:block;}



#nav li:hover ul.sub li:hover ul li{position:relative;display:block;width:200px;height:23px;}
#nav li:hover ul.sub li:hover ul li a{float:left;border:none;width:180px;padding:4px 10px;border-bottom:1px solid #4eb2e9;background:#258eca;}
#nav li:hover ul.sub li:hover ul li a:hover{background:#06599b;}
#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}




#banner{
float:left;
width:930px;
padding:5px 0px;
}
#brands{
	float:left;
	width:910px;
	background:url("/images/brands_bg.gif") no-repeat;
	height:119px;
	padding:10px;
	}
	.client_logo td{ border:1px solid #c8c8c8;text-align:center;vertical-align:middle;}

#maincontent{
float:left;
width:932px;
padding-bottom:14px;
}
#sidemenu{
float:left;
width:196px;
}
#sidemenu_top{
float:left;
width:182px;
}
#sidemenu_bottom{
float:left;
width:182px;
}
#sidemenu ul{
float:left;
width:182px;
padding:10px 0px;
margin:0px;
list-style-type:none;
background:url("/images/sidemenu_bg.gif") repeat-y;
}
#sidemenu ul li{
float:left;
width:182px;
padding:0px;
margin:0px;
}
#sidemenu ul li a{
display:block;
width:162px;
padding:10px;
color:#183673;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}
#sidemenu ul li a:hover{
background:#06599b;
color:#fff;
text-decoration:none;
}
#side_mailing{
width:162px;
height:101px;
float:left;
margin-top:5px;
background:url("/images/mailist_bg.gif") no-repeat;
padding:10px;
padding-top:40px;
}
#content{
float:left;
width:732px;
background:#fff;
}
#content_top{
float:left;
width:732px;
}
#content_bottom{
float:left;
width:732px;
}
#text{
float:left;
width:700px;
padding:15px;
}
#mediumboxes{
width:340px;
background:url("/images/mediumboxes_bg.gif") repeat-y;
margin-top:10px;
float:left;
}
#mediumboxes_corners{
float:left;
width:340px;
}
#mediumboxes_text{
float:left;
width:320px;
padding:10px;
height:170px;
}

#longboxes{
float:left;
width:700px;
background:url("/images/longboxes_bg.gif") repeat-y;
margin-top:10px;
}
#longboxes_corners{
float:left;
width:700px;
}
#longboxes_text{
float:left;
width:680px;
padding:10px;
}

#lower_boxes{
float:left;
width:932px;
background:url("/images/lowerboxes_bg.gif") no-repeat;
height:182px;
}
#lower_boxes input{
bordr:1px solid #959596;
}
#search{
float:left;
padding:45px 10px 10px 20px;
width:240px;
color:#183673;
}
#search ul{
margin:0px;
padding-left:10px;
}
#search a{
text-transform:uppercase;
color:#183673;
font-size:11px;
}
#search a:hover{
color:#000;
text-decoration:none;
}
#dealer{
float:left;
padding:0px;
width:385px;
color:#626262;
font-size:11px;
}
#dealer a{
color:#183673;
font-size:10px;
}
#dleft{
float:left;
width:200px;
padding-top:30px;
}
#dright{
float:right;
width:164px;
}
#mailing{
float:left;
padding:45px 10px 10px 20px;
width:240px;
color:#183673;
}
#mailing a, #side_mailing a{
color:#183673;
font-size:11px;
}
#footer{
width:932px;
float:left;
padding-left:14px;
color:#fff;
}
#footer a{
color:#afdcff;
font-size:12px;
}
#fleft{
float:left;
width:550px;
color:#afdcff;
}
#fright{
float:right;
width:200px;
text-align:right;
}
.productstable td{
}
.small_productstable{
padding:5px;
}

/*styles for newhomapage*/

#three_boxes{
float:left;
width:930px;
padding:5px 0px;
}
#three_boxes #box1, #three_boxes #box2, #three_boxes #box3{
	float:left;
	background:url("/images/threeboxes_bg.gif") no-repeat;
	width:276px;
	height:147px;
	padding:15px;
		}
#three_boxes #box1{margin-right:5px;}
#three_boxes #box3{float:right;}
#three_boxes #box_content{float:left;width:276px;padding-top:10px;height:70px;}

#four_boxes{
float:left;
width:930px;
padding:5px 0px;
}

#four_boxes #box1, #four_boxes #box2, #four_boxes #box3,#four_boxes #box4{
	float:left;
	background:url("/images/fourboxes_bg.gif") no-repeat;
	width:198px;
	height:147px;
	padding:15px;
	
		}
#four_boxes #box1,#four_boxes #box2{margin-right:5px;}
#four_boxes #box4{float:right;}
#four_boxes #box_content{float:left;width:198px; }
.button_list,.charger_list{float:left;padding:0px;margin:0px;list-style-type:none;padding-top:5px;}
.button_list li{float:left;padding:0px;margin:0px;padding-bottom:0px;padding-bottom:2px;}
.button_list li a,.charger_list li a{float:left;padding:0px;margin:0px;}


.deepcycle{float:left;background:url("/images/b_deepcycle.gif") no-repeat 0px 0px;}
.dualpurpose{float:left;background:url("/images/b_dualpurpose.gif") no-repeat 0px 0px;}
.standby{float:left;background:url("/images/b_standby.gif") no-repeat 0px 0px;}
.starting{float:left;background:url("/images/b_starting.gif") no-repeat 0px 0px;}
.agm{float:left;background:url("/images/b_agm.gif") no-repeat 0px 0px;}
.flooded{float:left;background:url("/images/b_flooded.gif") no-repeat 0px 0px;}
.gel{float:left;background:url("/images/b_gel.gif") no-repeat 0px 0px;}
.silcal{float:left;background:url("/images/b_silcal.gif") no-repeat 0px 0px;}
.deepcycle:hover,.dualpurpose:hover,.standby:hover,.starting:hover,.agm:hover,.flooded:hover,.gel:hover,.silcal:hover{background-position:0px -30px;}

.charger_list li{float:left;padding:0px;margin:0px;padding-bottom:5px;padding-right:0px;}
.ctek{float:left;background:url("/images/b_ctek.gif") no-repeat 0px 0px;}
.delta{float:left;background:url("/images/b_delta.gif") no-repeat 0px 0px;}
.durst{float:left;background:url("/images/b_durst.gif") no-repeat 0px 0px;}
.federal{float:left;background:url("/images/b_federal.gif") no-repeat 0px 0px;}
.sinergex{float:left;background:url("/images/b_singergex.gif") no-repeat 0px 0px;}
.xantrex{float:left;background:url("/images/b_xantrex.gif") no-repeat 0px 0px;}
.ctek:hover,.delta:hover,.durst:hover,.federal:hover,.sinergex:hover,.xantrex:hover{background-position:0px -55px;}
.accessories{float:left;margin:0px;padding:0px;padding-top:5px;padding-left:15px;}
.accessories li a{color:#06379b;line-height:130%;}
.accessories li a:hover{color:#000;text-decoration:none;}
#brands{
	float:left;
	width:910px;
	background:url("/images/brandslogo_bg.gif") no-repeat;
	height:119px;
	padding:10px;
	}
	.client_logo td{ border:1px solid #c8c8c8;text-align:center;vertical-align:middle;}

/*styles for battery brands logos*/
.c-tek_logo{float:left;background:url("/images/b_ctek.gif") no-repeat 0px 0px;}
.delta-q-technologies_logo{float:left;background:url("/images/b_delta.gif") no-repeat 0px 0px;}
.durst_logo{float:left;background:url("/images/b_durst.gif") no-repeat 0px 0px;}
.federal_logo{float:left;background:url("/images/b_federal.gif") no-repeat 0px 0px;}
.sinergex_logo{float:left;background:url("/images/b_singergex.gif") no-repeat 0px 0px;}
.xantrex_logo{float:left;background:url("/images/b_xantrex.gif") no-repeat 0px 0px;}

/*styles for battery brands buttons*/

.amaron{float:left;background:url("/images/b_amaron.gif") no-repeat 0px 0px;}
.deka{float:left;background:url("/images/b_deka.gif") no-repeat 0px 0px;}
.gel-tech{float:left;background:url("/images/b_geltech.gif") no-repeat 0px 0px;}
.lifeline{float:left;background:url("/images/b_lifeline.gif") no-repeat 0px 0px;}
.odyssey{float:left;background:url("/images/b_odyssey.gif") no-repeat 0px 0px;}
.optima{float:left;background:url("/images/b_optima.gif") no-repeat 0px 0px;}
.poweroad{float:left;background:url("/images/b_poweroad.gif") no-repeat 0px 0px;}
.pulse{float:left;background:url("/images/b_pulse.gif") no-repeat 0px 0px;}
.rbw{float:left;background:url("/images/b_rbw.gif") no-repeat 0px 0px;}
.remco{float:left;background:url("/images/b_remco.gif") no-repeat 0px 0px;}
.us-battery{float:left;background:url("/images/b_usbattery.gif") no-repeat 0px 0px;}
.varta{float:left;background:url("/images/b_varta.gif") no-repeat 0px 0px;}

.amaron:hover,.deka:hover,.gel-tech:hover,.lifeline:hover,.odyssey:hover,.optima:hover,.poweroad:hover,.pulse:hover,.rbw:hover,.remco:hover,.varta:hover,.us-battery:hover{background-position:0px -55px;}

/*styles for BIG battery brands buttons*/
.AMARON_big{float:left;background:url("/images/b_amaron_big.gif") no-repeat 0px 0px;}
.DEKA_big{float:left;background:url("/images/b_deka_big.gif") no-repeat 0px 0px;}
.GEL-TECH_big{float:left;background:url("/images/b_geltech_big.gif") no-repeat 0px 0px;}
.LIFELINE_big{float:left;background:url("/images/b_lifeline_big.gif") no-repeat 0px 0px;}
.ODYSSEY_big{float:left;background:url("/images/b_odyssey_big.gif") no-repeat 0px 0px;}
.OPTIMA_big{float:left;background:url("/images/b_optima_big.gif") no-repeat 0px 0px;}
.POWEROAD_big{float:left;background:url("/images/b_poweroad_big.gif") no-repeat 0px 0px;}
.PULSE_big{float:left;background:url("/images/b_pulse_big.gif") no-repeat 0px 0px;}
.RBW_big{float:left;background:url("/images/b_rbw_big.gif") no-repeat 0px 0px;}
.REMCO_big{float:left;background:url("/images/b_remco_big.gif") no-repeat 0px 0px;}
.US-BATTERY_big{float:left;background:url("/images/b_usbattery_big.gif") no-repeat 0px 0px;}
.FEDERAL_big{float:left;background:url("/images/b_federal_big.gif") no-repeat 0px 0px;}
.VARTA_big{float:left;background:url("/images/b_varta_big.gif") no-repeat 0px 0px;}

.AMARON_big:hover,.DEKA_big:hover,.GEL-TECH_big:hover,.LIFELINE_big:hover,.ODYSSEY_big:hover,.OPTIMA_big:hover,.POWEROAD_big:hover,.PULSE_big:hover,.RBW_big:hover,.REMCO_big:hover,.VARTA_big:hover,.US-BATTERY_big:hover,.FEDERAL_big:hover{background-position:0px -75px;}