/* CSS Document */

body {
    font-family: Arial, Helvetica, sans-serif,Verdana;
	text-align:center;
	background: #FFFFFF url(http://www.batterywholesales.co.uk/images/site_wrapper.jpg) repeat-x scroll left top;
	margin: 0;
	font-size: 0.72em;
	color: #333333;
/*	background: #e5edf5;*/
	line-height: 18px;
}
form{
margin:0;
padding:0;
}

a:link{
	color: #2b2b2b;
	text-decoration: none;
	}
 
a:visited {
	color: #2b2b2b;
	text-decoration: none;
	}

a:hover{
	color: #619515;
	text-decoration: underline;
	}

a:active {
	color: #2b2b2b;
	}

h1{
font-size:12px;
font-weight:bolder;
line-height:20px;
}
#header{
width:980px;
margin:0 auto;
clear:both;
text-align:left;
}
.top_nav {
	background: #777777 url("http://www.batterywholesales.co.uk/images/ezpages_bg.gif");
	font: bold 14px arial;
	margin: 0em;
/*	padding: 0.5em;*/
	height: 39px;
	}
.tab_nav a {
	color: #ffffff;
	text-decoration: none;
}

.tab_nav li {
	float: left;
	background: url("http://www.batterywholesales.co.uk/images/bg_tabs_left.gif") no-repeat 0 0;
	padding: 0 0 0 5px;
	border-right: 1px solid #527833;
	list-style:none;
}
.tab_nav li a {
	display: block;
	background: url("http://www.batterywholesales.co.uk/images/bg_tabs_right.gif") no-repeat right 0;
	padding: 10px 20px 10px 18px;
}

.tab_nav li:hover {
	background-position: left -40px;
}
.tab_nav li:hover a {
	background-position: right -40px;
}

.tab_nav .tab_active{
	background-position: 0 -78px;
}

.tab_nav .tab_active a {
	background-position: right -78px;
}
.tab_nav li.home-link {
	padding: 0;
}
.tab_nav li.home-link a {
	display: block;
	background: url("http://www.batterywholesales.co.uk/images/home_tab.gif") no-repeat left 0;
	padding: 0px 20px 10px 18px;
	height: 27px;
	width: 2px;
}
.tab_nav li.home-link:hover a {
	background-position: left -39px;
}
.list-style-none {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0;
	margin: 0;
} 
.top-nav-right {
	background: url("http://www.batterywholesales.co.uk/images/top_nav_right_bg.gif") right top;
	height: 39px;
	width: 6px;
	float: right;
}
.float-right {
	float: right;
}

.topper-menu {
	margin: 15px;
}

.topper-menu li {
	font: 11px verdana;
	float: left;	
	margin: 9px 2px 0 14px;
}
#navEZPagesTop ul li{
float:left;
}
#contect{
width:980px;
margin:0 auto;
clear:both;
padding:10px 0;
background-color:#FFFFFF;
text-align:left;
}
#footer{
width:980px;
margin:0 auto;
clear:both;
background-color:#FFFFFF;
border-top:1px solid #004080;
text-align:left;
}
.name{
font-weight:bold;
font-style:italic;
margin-left:50px;
margin-bottom:10px;
margin-top:0;
}
.logo{
float:left;
}
.toptitle{
margin:0 10px;
float:left;
width:685px;
display:inline;
}
.toptitle h1{
text-align:left;
}
.topheader{
width:980px;
text-align:right;
}
.head {
width:980px;
clear:both;
margin:5px auto;
padding:5px auto;

}
.head1 {
background-image: url(images/search-bg1.gif);
height:37px;
width:12px;
float:left;
border-top:#003366 3px solid;
}
.head2 {
background-color:#F5FADD;
height:37px;
width:100%
font-size:14px;
font-weight:bolder;
text-align:center;
}
.dotted-line {
	height: 1px;
	background: url(images/dotted_line.gif) repeat-x 0 0;
}
.line-header {
	font: 1px arial;
	margin: 0 4px;
}

.head3 {
background-image: url(images/search-bg3.gif);
height:37px;
width:12px;
float:left;
border-top:#003366 3px solid;
}
.head2 a{
list-style:none;
margin:0 5px;
font-weight:bolder;
color:#FFFFFF;
line-height:30px;
}
.head2 a:link{
color:#FFFFFF;
}

.search{
background-image: url(images/bg2.gif);
height:40px;
width:255px;
float:left;
font-size:12px;
}
.search1 {
background-image: url(images/bg3.gif);
height:40px;
width:14px;
float:left;
}

#left{
margin-left:10px;
width:200px;
float:left;
display:inline;
}
#mid{
width:750px;
float:left;
margin:5px 10px;
}
#mid_right{
width:740px;
float:left;
margin:0 10px;
}
#right{
width:170px;
float:left;
}
.cate{
background-image: url(images/cate-bg.gif);
height:30px;
width:200px;
line-height:30px;
margin-top:5px;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
}
.cate1{
background-image: url(images/bgnew4.gif);
height:30px;
width:170px;
line-height:30px;
margin-top:5px;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
}
.brand{
border:solid 1px #E6E6E6;
}
.brand ul{
margin-top:0;
}
.brand li{
margin-left:-20px;
list-style-image:url(images/arrow5.gif);
border-bottom:1px dashed #CCCCCC;
line-height:25px;
}

.brand1{
border:solid 1px #0099FF;
}
.brand1 ul{
margin-top:0;
}
.brand1 li{
margin-left:-20px;
list-style-image:url(images/arrow12.gif);
border-bottom:1px dashed #CCCCCC;
line-height:25px;
}
.brand2{
border:solid 1px #E68300;
}
.brand2 ul{
margin-top:0;
}
.brand2 li{
margin-left:-20px;
list-style-image:url(images/arrow12.gif);
border-bottom:1px dashed #CCCCCC;
line-height:18px;
}
.featured{
height:30px;
line-height:30px;
font-size:14px;
font-weight:bolder;
clear:both;
width:728px;
padding-left:10px;
display:blok;
}
.bar{
margin:5px;
width:175px;
float:left;
display:inline;
}
.img{
text-align:center;
width:160px;
height:120px;
margin:0 auto;
}
.img img{
border:#E2E2E2 1px solid;
}
.img img:hover{
border:#C3C3C3 1px solid;
}
.lieup{
margin:5px auto;
line-height:18px;
width:160px;
text-align:center;
background-color:#F5FADD;
border:#C3C3C3 1px solid;
}
.lieup a{
margin:0 3px;

}
.lie{
margin:5px 0px;
line-height:18px;
}
.lie li{
list-style-image:url(images/arrow5.gif);
margin-left:-15px;
}
.hotitem{
width:175px; 
float:left; 
margin-left:6px;  
margin-bottom:8px; 
overflow:hidden; 
padding:2px;
display:inline;
}
.content{
padding-top:15px;
width:100%; 
background-position:left top; 
background-image:url(images/kuang.gif); 
background-repeat:no-repeat;
height:165px;
text-align:center;
overflow:hidden;
white-space:2px;
}

.bottom{
width:100%;
background-position:left bottom; 
background-image:url(images/kuang.gif); 
background-repeat:no-repeat; 
padding-left:50px; 
padding-bottom:10px;
}
.capi{
color:#DD6622;
}
a{
text-decoration:none;
}
h1{
font-size:12px;
clear:both;
text-align:center;
margin-top:5px;
}
h2{
margin-top:5px;
font-size:12px;
clear:both;
border-top:1px dashed #89BC19;
padding-top:5px;
}
h3{
border-top:dashed 1px #CCCCCC;
margin-top:5px;
padding-top:5px;
margin-bottom:5px;
font-size:12px;
clear:both;
}
h4{
margin-top:5px;
margin-bottom:5px;
font-size:12px;
clear:both;
}
.dis{
clear:both;
margin:0 auto;

}

.dis ul{
list-style:none;
margin-left:5px;
}

.dis li{
margin:5px;
float:left;
width:23%;
font-size:11px;
}
.tip{
font-weight:bold;
clear:both;
}
.position{
margin:5px;
padding:5px;
font-size:12px;
}
.img_mid{
float:left;
width:30%;
}
.memo{
float:left;
width:40%;
}
.memo ul li{
list-style:none;
}
.price{
float:left;
font-weight:bold;
}
.descript{
clear:both;
}
.models_detail{
float:left;
margin:2px 0px 6px 3px;
width:24%;
FONT-SIZE: 11px;
}
.brands_detail{
clear:both;
font-size:11px;
margin-left:5px;
color:#0116B3;
font-weight:600;
}
.categories-top-list {
	padding: 4px 0;
	background: url("http://www.batterywholesales.co.uk/images/dotted_line.gif") repeat-x 0 bottom;
}
A.category-top {
	font: 12px arial;
	padding: 0 0 0 9px;
	background: url("http://www.batterywholesales.co.uk/images/arrow.gif") no-repeat 0 4px;
	}
.sideBoxContent{
	font-size: 1em;
	border: 1px solid #E6E6E6;
	border-top: none;
	background-color: #ffffff;
/*	padding: 0.7em 0.4em 1em 0.4em;*/
	padding: 0.7em 0.9em;

	}
.sideBoxContent div, .rightBoxContainer div, .leftBoxContainer div {
	font: normal 11px verdana;
	color: #454545;
	line-height: 17px;
}
.leftBoxContainer, .rightBoxContainer {
	margin: 0em;
	margin: 16px 0 4px 0;
	}

/* --------------------- START TABS --------------------- */

.tabs{
	margin-top:10px;
	padding:0;

}
ul.tabs {
	list-style:none;
	margin:0;
	padding:0;

}
ul.tabs li {
	display:block;
	float:left;
	margin:0 1px 0 0;
}
ul.tabs li a {
	background:url(images/tabs.gif) top left no-repeat;
	padding:0px 0px 5px 8px;
	margin:0;
	display:block;
	text-decoration:none;
}

ul.tabs li a span {
	font-size:12px;
	font-weight:bold;
	color:#000;
	background:url(images/tabs.gif) top right no-repeat;
	padding:5px 10px 0px 0px;	
	text-align:center!important;
	margin:0;
	display:block;
	text-decoration:none;
}
ul.tabs li:hover a, ul.tabs li a.active  {
      background-position:0% -80px;
}

ul.tabs li:hover a span, ul.tabs li a.active span{
	background-position:right -80px;
}

ul.tabs li a.on  {
      background-position:0% -80px;
}

ul.tabs li a.on span {
	background-position:right -80px;
}

/* --------------------- END TABS --------------------- */



div.clear {

	clear:both;

}
div.hideGrp {

	display:none;

}

div.showGrp {
padding-top:0;
margin-top:0;
	display:block;
	border-top:2px solid #FFA01E;
}
.midline{
text-decoration:line-through;
}
.spe{
background-color:#99CCFF;
color:#0000FF;
}
.brandtop{
font-size:14px;
font-weight:bold;
line-height:20px;
}
.brandtop a{
margin:30px 10px;
}
.brands{
margin-left:15px;
margin-top:5px;
}
.zimu{
font-weight:bold;
font-size:12px;
clear:both;
}
.albrands{
clear:both;
margin:0 auto;
}
.albrands ul{
list-style:none;
}
.albrands li{
width:15%;
float:left;
list-style:none;
margin:1px;
}
.trheader{
background-color:#89BC19;
color:#FFFFFF;
font-weight:bold;
font-size:12px;
}
.tb{
font-size:12px;
}
.memo ul li{
list-style:none;
}
.memo ul{
list-style:none;
}
.imgsearch{
width:35%;
text-align:center;
margin-top:30px;
float:left;
}
.searchinfo{
float:left;
width:60%;
margin-bottom:20px;
margin-top:10px;
}
.searchinfo li{
list-style:none;
}
.original{
text-decoration:line-through;
font-size:12px;
color:#FF0000;
}
.special{
font-size:15px;
color:#FF0000;
font-weight:bold;
}
.ah1{color:#000000;font-family:Verdana; font-size:17px;}
.ah1:hover{color:#900; text-decoration:underline;}
.ah2{color:#000000; font-weight:bold; font-size:11px;}
.ah2:hover{color:#900; text-decoration:underline; font-weight:bold;}

a.seacha:link,a.seacha:active,a.seacha:visited{
color:#333333;
}
a.seacha:hover{
color: #619515;
text-decoration: underline;
}

