@charset "utf-8";

/*----------------------------------------
	Battery2u - Re-design 2011
	Author: Abigail Sinclair @ NW Online
----------------------------------------*/

/* --------------------------------------
				  Reset
---------------------------------------*/
html { margin-bottom:1px }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del,
dfn, em, font, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0; padding: 0; border: 0; outline: 0;
 font-weight: inherit; font-style: inherit;
 font-size: 100%; font-family: inherit; 
 vertical-align: baseline;
}
:focus { outline: 0 }
table { border-collapse: separate; border-spacing: 0 }
caption, th, td { text-align: left; font-weight: normal }
blockquote:before, blockquote:after,
q:before, q:after { content: "" }
blockquote, q { quotes: "" "" }
* a:hover, * a:active { outline:none }	
.clear {  clear: both;  height: 0;}
li li, li p, td p, blockquote p {	font-size:1em }
.floatleft {	float:left;}
.floatright {	float:right;}
.center {	text-align:center;}
.right {	text-align:right;}
img {	border: 0;	vertical-align:bottom;}
p {	line-height:1.4em;	margin:1em 0 1em 0}
ol, ul {	list-style:none; }
input, select{	font-size: 11px;}
legend {	display:none;}
strong {	font-weight:bold;}

/* --------------------------------------
				Main CSS
---------------------------------------*/

body { 	font: 0.8em "Arial", Gadget, sans-serif; color: #333; padding: 0; margin: 0 auto; background: #0f3967 url("../img/bg_body.png") 0 0 repeat-x; height: 100% }

a { text-decoration:none; color: #09C;; }
a:hover { text-decoration:none;	color: #F90; }
p { color: #666; }

.orange {color: #F60;}
.white { color: #fff;}

.with_border { border: 1px solid #ccc; margin: 2px 0 0 10px }
.with_margin { border: 1px solid #ccc; margin: 0 5px 0 10px }
.text_wrap .with_border { margin: 0 0 10px }

/****************************
	    Form Components
****************************/

.btn_green { cursor:pointer; padding: 4px 10px; margin: 0 8px 0 0; float: left; width: auto; font: bold 12px sans-serif;	color: #fff; border: 1px solid #539231; background: #fff url('../img/btn_sprite.png') 0 0 repeat-x;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.btn_blue { cursor:pointer; padding: 4px 4px; margin: 0 8px 0 0; float: left; width: auto; font: bold 12px sans-serif; color: #fff; border: 1px solid #0b4f90; background: #fff url('../img/btn_sprite.png') 0 -25px repeat-x;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.input { border-top: 1px solid #c0c0c0;	border-right: 1px solid #e4e4e4; border-left: 1px solid #c0c0c0; border-bottom: 1px solid #e4e4e4; padding: 4px; margin: 10px 0; font: normal 12px sans-serif; color: #666;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
	
/****************************
	 Layout Components
****************************/

#index_wrap { width: 980px;	display: block;	height: 100%; margin: 0 auto; padding: 0;}
#page_wrap { width: 970px; float: left;	margin: 0 auto;	padding: 0 10px 10px; background: #fff; -moz-box-shadow: 0 0 3px 2px #0a2f58; -webkit-box-shadow: 0 0 3px 2px #0a2f58; box-shadow: 0 0 3px 2px #0a2f58;   }

#head_wrap { width: 970px; height: 80px; float: left; clear: both; margin: 0; padding: 0; background: #fff;}
#nav_wrap {	width: 970px; height: 31px;	float: left; clear: both; margin: 0; padding: 0; background: #3d3d3d url('../img/nav_tils.png') 0 0 repeat-x; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#drop_wrap { width: 970px; height: 56px; float: left; clear: both;	margin: 0; padding: 0; border-bottom: 1px solid #ccc;	background: #f1f1f1 url('../img/bg_drop_tile.jpg') center center repeat-x;}
#main_wrap { width: 970px; float: left; padding: 10px 0 0 0; margin: 0;	background: #fff;}
#leftcol_wrap { width: 180px; float: left; padding: 0; margin: 0 10px 0 0;}
#rightcol_wrap { width: 590px; float: left; padding: 0; margin: 0; _width:565px;}
#foot_wrap { width: 970px; float: left; padding: 20px 0 0 0; margin: 0;	background: #fff;}

/****************************
	  Footer Components
****************************/

#foot_bar { width: 950px; height: 38px;	float: left; padding: 0; margin: 0; background: url('../img/footer_sprite.jpg') 0 0 repeat-x;}
#foot_sub_wrap { width: 950px; padding: 10px 0 0 0;	float: left; margin: 0;}
#foot_sub {	width: 950px; float: left; padding: 0; margin: 0; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; background: #f7f7f8 url('../img/footer_sprite.jpg') 0 -38px repeat-x;}
	
.footer { font: normal 11px/21px sans-serif;}
.footer a { font: bold 11px/21px sans-serif; color: #666;}
.footer a:hover { font: bold 11px/21px sans-serif; color: #06C;}

#foot_sub_left { width: 365px; float: left;	margin: 0; padding: 0 0 0 15px;	text-align: left;}
#foot_sub_right { width: 365px;	float: right; margin: 0; padding: 0 15px 0 0; text-align: right;}
#foot_sub_mid { width: 190px; float: left; margin: 0; padding: 0; text-align: center;}

.foot_sec {	width: 20%;	float: left; padding: 10px 15px; margin: 0;}
.foot_sec h4 { font: bold 12px/21px sans-serif; color: #06C; padding: 0 0 0 10px; margin: 0;}

.foot_sec ul{ padding: 0; margin: 0; list-style-type: none;}
.foot_sec li { line-height: 21px; }
.foot_sec li a{	list-style-type: none;	padding: 0 0 0 10px; margin: 0;	 font: bold 11px/21px sans-serif; color: #666;}
.foot_sec li a:hover{ list-style-type: none; padding: 0 0 0 10px; margin: 0;  line-height: 24px;	font: bold 11px/21px sans-serif; color: #06C;}

/****************************
	  Header Components
****************************/

#head_logo { width: 228px; height: 59px; display: block; float: left; margin-top: 10px; overflow: hidden; background: url('../img/logo.gif') 0 0 no-repeat }
#head_logo a { width: 228px; height: 59px; display: block }	
	
#head_search { margin: 5px 0 0 90px; float: left; width: 316px; height: 75px }

#c_panel { width: 280px; height: 12px; float: right; margin: 10px 0 0 ; padding: 0; background: #fff }
#c_panel ul { float: right }
#c_panel li { display: inline }
#c_panel li a { float: left; width: auto; padding: 0 0 0 16px; text-decoration: none; font-size: 11px;}
#c_panel li a:hover {	color: #F90; text-decoration: none;}

#head_tel { width: 216px; height: 42px; display: block;	float: right; overflow: hidden; margin: 10px 0 0; text-indent: -2000px; background: url('../img/telno.gif') 0 0 no-repeat }
	
/****************************
	  Drop Components
****************************/
div#nd_delivery { width: 970px; height: 56px; background: url('../img/order3pm.jpg') 0 0 no-repeat; margin: 0 0 10px }
#battery_search_wrap { width: 610px; height: 67px; float: left; margin: 0; padding: 20px;}

.bs_inner a { float: left; width: 140px; text-align: center; margin: 5px; padding: 0; color: #fff; font: bold 12px/22px sans-serif; background: #fefefe url(../img/hp_button_tiler.gif) 0 0 repeat-x; border: 1px solid #1e66a9; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }
.bs_inner a:hover { background: #fff url(../img/hp_button_hover.gif) 0 0 repeat-x; border: 1px solid #539231;}

#batter_title { width: 549px; height: 54px; float: left; margin: -10px 0 0 -5px; padding: 0; overflow: hidden; text-indent: -2000px; background: url("../img/sprite.jpg") 0 -122px no-repeat }
#battery_search { width: 630px; height: 25px; float: left; margin: 0; padding: 0;}

.form_list { padding: 3px; font-size: 11px; color: #2c94c5; margin: 0 5px 0 0; border: 1px solid #9ab5d0;}

	
/****************************
		Right Column
****************************/

.rightcol_head { width: 570px; display: block; margin: 0; padding: 0 10px; font: bold 12px/28px Arial, Helvetica, sans-serif; color: #fff; background: #3d3d3d url('../img/head_bg.png') 0 0 repeat-x; _width:560px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px;}

.sub_cat_text h1 { width: 570px; display: block; margin: 0; padding: 0 10px; font: bold 12px/28px Arial, Helvetica, sans-serif; color: #fff; background: #3d3d3d url('../img/head_bg.png') 0 0 repeat-x; _width:560px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.sub_cat_text h2 { font: bold 15px/20px Arial, Helvetica, sans-serif; }

.rightcol_main { width: 590px; float: left;	margin: 0; padding: 0; }
.rightcol_main_products { width: 590px; float: left; margin: 0; padding: 0 }

.rightcol_main_products ul#subcats { margin: 10px 0 }
.rightcol_main_products ul#subcats li { float: left; margin: 0 3px 10px; width: 189px}
.rightcol_main_products ul#subcats li .img_wrap { border: 1px solid #ccc; padding: 1px; margin: 0 0 5px; width: 184px; overflow: hidden }
.rightcol_main_products ul#subcats li .img_wrap img { width: 184px; }
.rightcol_main_products ul#subcats li .img_wrap:hover { border: 1px solid #feb715; }
.rightcol_main_products ul#subcats li a { color: #1d5990 }
.rightcol_main_products ul#subcats li a:hover { text-decoration: underline }



div.login { padding: 10px }
div.login h2 { font: bold 13px/18px Arial, Helvetica, sans-serif; color: #333; padding: 0 0 5px; border-bottom: 1px solid #d5d5d5 }
div.login div#new_customer { width: 280px; float: left; margin: 0 10px 0 0 }
div.login div#new_customer a.btn { display: block; float: left; margin: 0 2px 0 0; font: bold 11px/24px sans-serif; height: 26px; color: #fff; background: #1364af url('../img/btn_blue.gif') 0 0 repeat-x; border: 1px solid #0b4f90; padding: 0 10px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: 1px 1px 1px #0b4f90 }


div.login div#current { width: 280px; float: left; margin: 0 }
div.login div#current .row { height: 30px; margin: 0 0 3px }
div.login div#current a { font-size: 11px }
div.login div#current .label { float: left; width: 100px; font: bold 12px/24px Arial, Helvetica, sans-serif; color: #555 }
div.login div#current input[type="text"],div.login div#current input[type="password"]  { float: left; width: 150px; border: 1px solid #d5d5d5; height: 24px; font: 12px/24px Arial, Helvetica, sans-serif; color: #555 }

div.login div#current input[type="submit"],
div.regsiter_form input[type="submit"],
div.regsiter_form input[type="button"] { font: bold 11px/24px Arial, Helvetica, sans-serif; color: #fff; padding: 0 5px; display: block; background: #6bb049 url('../img/btn_green.gif'); border: 1px solid #539231; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; height: 26px; *width: 150px; *line-height: 22px; margin: 0 0 0 100px; text-shadow: 1px 1px 1px #539231;}

div.regsiter_form input[type="button"] { margin: 0 }

div.regsiter_form input[type="submit"] { margin: 10px 0 0 0 }

div.regsiter_form { padding: 10px; margin: 10px 0; border: 1px solid #ececec }
div.regsiter_form td { font: 12px/18px Arial, Helvetica, sans-serif; color: #666; height: 26px }
div.regsiter_form input.text, div.regsiter_form input[type="text"] { border: 1px solid #d7d7d7; !important; height: 22px; font: 12px/22px Arial, Helvetica, sans-serif #555 }

#cat_boxes { width: 590px; padding: 0; margin: 0; *margin: 0 0 10px; text-align: right; }
.cat_box { width: 280px; height: 122px; float: left; margin: 0 10px 10px 0; padding: 0 10px 0 0; position: relative }
.cars { background: url('../img/topbox_sprite.jpg') 0 0 no-repeat; }
.vans { background: url('../img/topbox_sprite.jpg') -289px 0 no-repeat; margin-right: 0}
.hgv { background: url('../img/topbox_sprite.jpg') 0 -121px no-repeat;}
.motorcycle { background: url('../img/topbox_sprite.jpg') -289px -121px no-repeat; margin-right: 0}

.cat_box h2 { height: 0; text-indent: -9999px; margin: 0; padding: 0; display: none }
.cat_box p { bottom: 39px; right: 10px; position: absolute; color: #333 }
.cat_box a.btn { position: absolute; right: 10px; bottom: 10px; font: bold 13px/26px Arial, Helvetica, sans-serif; color: #fff; padding: 0 10px; display: block; background: #6bb049 url('../img/btn_green.gif'); border: 1px solid #539231; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer }

#leftcol_wrap .f_guides { margin: 10px 0 }
#leftcol_wrap .f_guides .leftcol_head { margin-bottom: 5px }
#leftcol_wrap #cat_boxes { width: 180px; padding: 0; margin: 0; *margin: 0 0 10px; text-align: right; }
#leftcol_wrap .cat_box { width: 169px; height: 122px; float: left; margin: 0 0 10px 0; padding: 0 10px 0 0; position: relative; border: 1px solid #cfcfcf; background:#fff url(../img/sprite_titles.jpg) right 0 no-repeat }
#leftcol_wrap .vans { background-position: right -244px  }
#leftcol_wrap .hgv { background-position: right -366px }
#leftcol_wrap .motorcycle { background-position: right -122px }

#leftcol_wrap .cat_box h2 { height: 0; text-indent: -9999px; margin: 0; padding: 0; display: none }
#leftcol_wrap .cat_box p { bottom: 39px; right: 10px; position: absolute; color: #333 }
#leftcol_wrap .cat_box a.btn { position: absolute; right: 10px; bottom: 10px; font: bold 13px/26px Arial, Helvetica, sans-serif; color: #fff; padding: 0 10px; display: block; background: #6bb049 url('../img/btn_green.gif'); border: 1px solid #539231; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer }


ul.seo_list { padding: 10px; width: 570px; float: left;}
ul.seo_list li { float: left; width: 250px; background: url(../img/seo_arrow.gif) left center no-repeat; margin: 0 0 3px 0; line-height: 20px; padding-left: 20px; white-space: nowrap; overflow: hidden;}

ul.seo_list.single_col li { width: 550px;}
ul.seo_list.double_col li { width: 250px;}

ul.seo_list li a { color: #2e79bc; }
ul.seo_list li a:hover { color: #222; }
ul.seo_list li:hover { background: url(../img/se_arrow-hover.gif) left center no-repeat;}
	
.seo_section h2 { font: bold 14px/20px sans-serif; margin: 0 0 10px 0;}
.seo_section h3 { font: bold 12px/18px sans-serif; margin: 0 0 10px 0;}

.seo_section p a { text-decoration: none; coloe: #06f;}
.seo_section p a:hover { text-decoration: underline; color: #000;}


/****************************
		Left Column
****************************/

.leftcol_head {	width: 170px; display: block; margin: 0; padding: 0 5px; color: #fff; font: bold 11px/24px Arial, Helvetica, sans-serif; background: #3d3d3d url('../img/head_bg.png') 0 0 repeat-x; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
#leftcol_wrap ul{ padding: 0; margin: 0 0 15px; list-style-type: none;}
#leftcol_wrap li { margin: 0 }
#leftcol_wrap li a { list-style-type: none; border-bottom: 1px solid #fff; padding: 0 0 0 5px; margin: 0; display: block; background: #E5E5E5; font: normal 12px/24px sans-serif; color: #444;}
#leftcol_wrap li.go_back a { background: #b1d1ef url(../img/blue_arrow.gif) 6px 9px no-repeat; color: #0b457c; padding-left: 15px}
#leftcol_wrap li a:hover{ list-style-type: none; border-bottom: 1px solid #fff; padding: 0 0 0 5px; margin: 0; display: block; background: #666; color: #fff;}
#leftcol_wrap li.go_back a:hover { padding-left: 15px }
#leftcol_wrap li ul { margin: 0 0 1px; border-top: 1px solid #8f8f8f;  border-bottom: 1px solid #b0b0b0}
#leftcol_wrap li ul li { list-style-type: none; background: #fff; margin: 0; display: block; font: normal 12px/24px sans-serif;}
#leftcol_wrap li ul li a { list-style-type: none; padding: 0 0 0 10px; margin: 0; display: block; background: #fff; line-height: 24px; color: #1d5990;  border-bottom: 1px solid #dedede;}
#leftcol_wrap li ul li:last-child a { border: none }
#leftcol_wrap li ul li a:hover { list-style-type: none;  padding: 0 0 0 10px; margin: 0; display: block; background: #fdc62f; line-height: 24px; color: #000;}

.leftcol_ad_wrap { width: 175px; padding: 10px 0; margin: 0; float: left; clear: both;}



/* -----------------------------------
	Third Column (AKA Right Column)
------------------------------------*/
#third_col { width: 180px; float: left; display: block; margin: 0 0 0 10px}
#third_col div.section { width: 180px; float: left; position: relative; margin: 0 0 10px 0;}
#third_col div.section span.head { width: 158px; display: block; font: bold 11px/25px 'Tahoma', sans-serif; color: #462a09; padding: 0 10px; margin: 0; background: #fda32a url('../img/head_orange.png') 0 0 repeat-x; border: 1px solid #c8873b; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;}

#third_col div.section span.lblue { background: #83b8d3; border: 1px solid #6da2bd; }

#third_col div.section span.noborder  { border: none;}
#third_col div.section p { display: block; width: 160px; float: left; text-align: left; color: #666; font: normal 11px/16px 'Tahoma', sans-serif; margin: 0 0 5px 0; padding: 0 10px;}

#third_col div.section ul#location li { width: 190px; float: left; position: relative; margin: 0 0 10px 0; border-bottom: 1px dotted #ececec; color: #666; font: normal 11px/16px 'Tahoma', sans-serif;}

#third_col div.section span.noborder.seven { height: 40px; text-indent: -9999px; overflow: hidden; background: url('../imgres/lc_title_seven.gif') center center no-repeat; padding: 10px 0;}
#third_col div.section span.noborder.comp  { height: 20px; text-indent: -9999px; overflow: hidden; background: url('../imgres/lc_title_competition.gif') center center no-repeat; padding: 10px 0;}

#basket { width: 178px; margin: 0; padding: 0; border: 1px solid #d3d3d3; border-top: none; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px;-moz-border-radius-bottomleft: 3px;-moz-border-radius-bottomright: 3px;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px; }
#basket_top { width: 158px; padding: 10px; border-bottom: 1px solid #d3d3d3; background: url('../img/basket.gif') 132px 12px no-repeat }
#basket_btm { width: 168px;	padding: 5px; height: 26px }


#third_col div.section #basket_top p { float: none; font: 12px/18px Arial, Helvetica, sans-serif; color: #666; margin: 0; padding: 0 }
#third_col div.section #basket_top p span.total { color: #d47f05 }

#basket_btm input.btn_blue,
#basket_btm input.btn_green { display: block; float: left; margin: 0 2px 0 0; font: bold 11px/24px sans-serif; height: 26px;color: #fff; background: #1364af url('../img/btn_blue.gif') 0 0 repeat-x; border: 1px solid #0b4f90; padding: 0; width: 82px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: 1px 1px 1px #0b4f90 }
	
#basket_btm input.btn_green { background: #6bb049 url('../img/btn_green.gif'); border: 1px solid #539231; text-shadow: 1px 1px 1px #539231; float: right }

ul#feat_brands { width: 175px; margin: 0; padding: 5px 0 5px 5px; background: #ededed; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px;-moz-border-radius-bottomleft: 3px;-moz-border-radius-bottomright: 3px;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px; height: 105px }
ul#feat_brands li { float: left; margin: 0 4px 5px 0 }

div.secured_payment { width: 158px; margin: 0; padding: 10px 10px 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px;-moz-border-radius-bottomleft: 3px;-moz-border-radius-bottomright: 3px;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px; height: 105px; border: 1px solid #d3d3d3; border-top: none }

/* Breadcrumb */

#bc_wrap { width: 580px; height: 20px;	position: relative; margin: 0 0 10px; padding: 0 5px; white-space: nowrap !important; overflow: hidden; background: #eaeaea}
#bc_wrap.full { width: 960px; margin: 0 }
p.bc { font: bold 11px/19px sans-serif; color: #777; margin: 0; padding: 0; width: auto;}
p.bc a, p.bc a:visited { float: left; display: inline; width: auto; max-width: 200px; color: #2c82d3; float: left; padding: 0 10px 0 5px; background: url('../img/bc_arrow.gif') right 7px no-repeat; margin: 1px 0 0 0; text-decoration: none; white-space: nowrap !important; overflow: hidden !important; cursor: pointer; font: 11px/19px Arial, Helvetica, sans-serif }
	
p.bc a { margin: 0; line-height: 19px}
p.bc a.last { background: none }
p.bc a.root_mid { color: #777 }
p.bc a.mid_last, p.bc a.mid_mid { color: #0e4981 }

p.bc span.root_left { padding: 0;  margin: 0; float: left; width: 0;	height: 0;}

/* Navigation */
#topmenu{ margin: 0; padding: 0; float: left; width: 940px; list-style:none; text-align: center;}
#topmenu li { display: inline; z-index:80; float: left;}
#topmenu li a { float: left; width: auto; color: #FFF; font: bold 12px/17px sans-serif; padding: 7px 10px; text-decoration: none; border-right: 1px solid #3d3d3d; border-left: 1px solid #5d5d5d }
	
#topmenu li:first-child a { border-left: none }
#topmenu li:last-child  a { border-right: none }
	
#topmenu li a:hover { color: #000; text-decoration: none; background: #fdc62f url('../img/btn_sprite.png') 0 -50px repeat-x;}
#topmenu li a.current{ color: #000; text-decoration: none; background: #fdc62f url('../img/btn_sprite.png') 0 -50px repeat-x;}

/*-----------------------------
	Product Details & Results
------------------------------*/

#pd_img_wrap { width: 220px; height: 440px; overflow: hidden; float: left; background: #fff; margin: 0 10px 0 0 }
#pd_img_wrap img { max-width: 220px; *width: 220px; }
#pd_details { width: 338px; float: left; background: #f4f5f4 url('../img/bg_prod_info.jpg') 0 0 repeat-x; padding: 10px; margin: 0; border: 1px solid #e4e4e4;}
#pd_details select { border: 1px solid #d4d4d4; margin: 0 0 10px; padding: 2px }
#pd_related { padding: 0 10px; float: left; clear: both; width: 780px }
#pd_text { padding: 10px 0; clear: both; width: 590px }
#pd_text h1 { font: bold 12px/26px sans-serif; color: #666 !important; margin: 0 0 5px 0; padding: 0;}
#pd_text h2 { font: bold 14px/18px sans-serif; color: #666; margin: 0 0 5px 0; padding: 0;}
#pd_text p { color: #444; margin: 5px 0 10px }

#pd_related h1{ font: bold 12px/26px sans-serif; color: #666 !important; margin: 0 0 20px 0; padding: 0;}
#pd_related h2{ font: bold 14px/18px sans-serif; color: #666; margin: 0 0 20px 0; padding: 0;}

#pd_related p {margin: 5px 0 0 0; padding: 5px 0;}

.rp_wrap { width: 170px; float: left; padding: 0; margin: 0; text-align: center; height: 210px;}
.rp_wrap h3 { color: #06C; font: bold 12px/12px sans-serif;}
.rp_wrap h3 a{ color: #06C; font: bold 12px/12px sans-serif; text-decoration: underline;}
.rp_wrap h3 a:hover { color: #F90; font: bold 12px/12px sans-serif; text-decoration: underline;}
.rp_wrap p { margin: 8px 0 10px; padding: 0; font: normal 12px/15px sans-serif;}

.rp_btn { margin: 5px auto 10px auto; padding: 5px 0; width: 110px; display: block;}
.rp_btn a {font: bold 12px/12px sans-serif; color: #090; text-decoration: underline;}
.rp_btn a:hover {font: bold 12px/12px sans-serif; color: #090; text-decoration: none;}

.img_related {border: 1px solid #e7e7e7;}

#pd_details h1 { font: bold 16px/26px sans-serif; color: #666; letter-spacing: -1px}
#pd_details p.pprice { font: bold 15px/20px sans-serif; color: #393; padding: 0; margin: 5px 0; }

.pd_tabspec { padding: 15px; width: 750px; float: left; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; background: #f4f5f4 url('../img/bg_prod_info.jpg') 0 0 repeat-x }

#pd_spectabs h2 { font: bold 12px/12px sans-serif; color: #666; margin: 0px 0 10px;}
#pd_spectabs { width: 780px; float: left; clear: both; padding: 10px 0; margin: 0;}
#pd_spectabs ul.subsection_tabs { list-style: none; margin: 0; padding: 0 10px;	clear: both; border-bottom: 1px solid #e7e7e7; height: 31px; clear: both;}
#pd_spectabs ul.subsection_tabs li.tab { float:left; width: auto; margin-right: 7px; text-align:center; display:inline;_width:150px}
#pd_spectabs ul.subsection_tabs li.tab a { display: block; height: 18px; padding: 8px 12px 4px; background: url('../img/tab_nav.gif') 0 0 repeat-x; margin: 0 0 1px 0; border: 1px solid #fba02d; border-bottom: 1px solid #e7e7e7; color: #2a2a2a; text-shadow: rgba(255,255,255,0.4); font: bold 14px/14px sans-serif ;}
	
#pd_spectabs ul.subsection_tabs li.tab a:hover { color: #fff;}
#pd_spectabs ul.subsection_tabs li.tab a.active { background: #fff; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #fff; color: #06C;}
#pd_spectabs ul.subsection_tabs li.source_code { float:right; width: auto;}

.spec_left { width: 450px; float: left; padding: 0; margin: 0;}
.pd_spec_a { width: 450px; float: left;  border: 1px dotted #F00; border: 1px solid #CCC;}
.pd_spec_a li { background: #fff;  border-top: 1px dotted #ccc; padding: 3px;}

.pd_spec_l { display: inline-block; clear: left; width: 150px; font: bold 12px/18px sans-serif;}
.pd_spec_r { display: inline-block; width: 250px; font: normal 12px/18px sans-serif;}	

.pd_spec_a ul > li:first-child {  border: none; } 

.pd_row_b { background: #F9F9F9 !important;}
#last { border: none !important;}

ul > li:first-child {  border: none; }


.pd_spec_b { float: right; border: 1px solid #ccc; background: #fff;  width: 216px; padding: 4px}
.pd_spec_b h3 { color: #333; font: bold 12px sans-serif; margin: 0;} 
.pd_spec_b img { margin: 4px 0px 10px; border: 1px dotted #393; padding: 1px; background: #fff; border: 1px dotted #ccc;}

/*Product Results*/
#pr_wrap { width: 590px; padding: 10px 0; float: left;}
#pr_top { width: 560px;	padding: 10px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; height: 15px; float: left;	clear: both; background: transparent url('../img/bg_prod_info.jpg') 0 0 repeat-x;}
.pr_top_title { width: 440px; float: left; margin: 0; padding: 0; color: #666; font: bold 12px sans-serif;}
.pr_top_price { width: 150px; float: left; margin: 0; padding: 0; color: #666; font: bold 12px sans-serif;}

.pr_row { width: 580px; padding: 5px; border-bottom: 1px dotted #ccc; float: left; clear: both; background: #fff;}

.pr_img { float: left; width: 155px; padding: 5px 5px 5px 0; height: 116px; overflow: hidden;}
.pr_desc { float: left; width: 270px; padding: 5px; overflow: hidden;}
.pr_desc h3 { color: #0c6fc2; font: bold 12px/18px sans-serif; margin: 0 0 5px; padding: 0; text-decoration:underline;}
.pr_desc h3 a { color: #0c6fc2; text-decoration: underline; }
.pr_desc h3 a:hover { color: #F60; text-decoration: underline; }
.pr_desc p { color: #666; font: normal 12px/18px sans-serif; margin: 0; padding: 0;}
.pr_price { padding: 0; overflow: hidden; font: bold 18px/22px sans-serif; color: #090;}
.pr_price span.vat { font: 12px Arial, Helvetica, sans-serif; color: #666 }
.pr_view { width: 100px; padding: 30px 15px 5px; overflow: hidden; float: left;}

div.extra_details { width: 130px; float: left; text-align: right; padding: 5px 0 0 }
div.extra_details div.container span.rating { width: 35px; float: left }

div.extra_details div.container { font: 11px/18px Arial, Helvetica, sans-serif; color: #666 }
div.extra_details div.container div.rate_box { border: 1px solid #ededed; padding: 2px 4px; margin: 5px 0 }
div.extra_details div.container ol.rating { float: left;}
ol.rating{ display: inline-block;width:80px; height:16px; margin:0 0 0; padding:0; list-style:none !important; position:relative; background: url('../img/rating_sprite.gif') no-repeat 0 0;}
ol.nostar { background-position:0 0}
ol.onestar { background-position:0 -16px}
ol.twostar { background-position:0 -32px}
ol.threestar { background-position:0 -48px}
ol.fourstar { background-position:0 -64px}
ol.fivestar { background-position:0 -80px}
ol.rating li { cursor: pointer; float:left; text-indent: 9999em; list-style:none !important; list-style-type:none !important; margin: 0; padding: 0;}
ol.rating li a { position:absolute; left:0; top:0; width:16px; height:16px; text-decoration:none; z-index: 200; list-style:none !important; list-style-type:none !important;}
ol.rating li.one a { left:0}
ol.rating li.two a { left:16px;}
ol.rating li.three a { left:32px;}
ol.rating li.four a { left:48px;}
ol.rating li.five a { left:64px}
ol.rating li a:hover { z-index:1; width:80px; height:16px; overflow:hidden; left:0; background: url('../img/rating_sprite.gif') no-repeat 0 0}
ol.rating li.one a:hover { background-position:0 -96px;}
ol.rating li.two a:hover { background-position:0 -112px;}
ol.rating li.three a:hover { background-position:0 -128px}
ol.rating li.four a:hover { background-position:0 -144px}
ol.rating li.five a:hover { background-position:0 -160px}


/*checkout*/
.basket_wrap { width: 590px; padding: 0; margin: 0; float: left;}
.basket_head {width: 581px; float: left; clear: both; padding: 10px 0 10px 9px; border-bottom: 1px solid #ededed }
.basket_head span.white { color: #333 }

.checkout-row1 { width: 581px; float: left; clear: both; padding: 10px 0 10px 9px; background: #F9F9F9; border-bottom: 1px dotted #CCC;}
.checkout-row2 { width: 581px; float: left; clear: both; padding: 10px 0 10px 9px; background: #FFF; border-bottom: 1px dotted #CCC;}

.rhr1 { float: left; width: 400px; padding: 0; margin: 0; overflow: hidden;}
.rhr2 {	float: left; width: 50px; padding: 0; margin: 0; text-align: center;}
.rhr3 {	float: right; width: 110px;	padding: 0;	margin: 0;}
.rhr4 {	float: left; width: auto; padding: 0; margin: 0 5px 0 0;}
	
.basket-total {	font-size: 16px; color: #7bab3d; font-weight: bold;}
.results-head-subrow { width: 581px; float: left; clear: both; padding: 5px 0 5px 9px; background: #f3f3f3; border-bottom: 1px dotted #ccc; color: #333;}
.basket_footer {	width: 590px; padding: 10px 0; margin: 0; float: left;}


.form-container { width: 581px; padding: 15px 0px 15px 10px; float: left; margin: 10px 0 0 0; background: #F7F7F7; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1;}
.detail-row-top { width: 521px; float: left; padding: 0; margin: 0;}

.contactfield { width: 330px; border-right: #dddddd 1px solid; border-left: #bcbcbc 1px solid; border-bottom: #dddddd 1px solid; border-top: #bcbcbc 1px solid; padding: 4px; font: normal 12px sans-serif; color: #666;}
.contactlabel { float: left; clear: left; display: inline; width: 130px; padding: 2px 0 2px 6px; margin: 0 10px 10px 0; font: normal 12px sans-serif; color: #666;}
.contactfieldwrap {	margin-bottom: 5px;	color: #000;}
#Description p { margin:0px; padding:0px; font: normal 12px/18px sans-serif }

.sitemap_left { float:left }
.sitemap_right { float:right; margin-right:30px; width:200px }
.sm_item { padding:5px }

.sitemap_left h2 ,.sitemap_right h2 { font-size:24px; font-weight:bold }
.sm_item a h3 ,.sm_item a h3 { font-size:18px; padding-bottom:5px; padding-top:5px; color:#000 }

/*checkout*/
.main-col-full-results {width: 723px;padding: 0;margin: 0;float: right;}

.results-head-row {width: 581px;float: left;clear: both;padding: 10px 0 10px 9px;background-color: #333;background-image: url('../img/results-head-row-bg.jpg');background-repeat: repeat-x;}
.checkout-row1 {width: 581px;float: left;clear: both;padding: 10px 0 10px 9px;background: #F9F9F9;border-bottom: 1px dotted #CCC;}
.checkout-row2 {width: 581px;float: left;clear: both;padding: 10px 0px 10px 9px;background: #FFF;border-bottom: 1px dotted #CCC;}

.rhr1 { float: left;width: 290px;padding: 0;margin: 0;overflow: hidden;}
.rhr2 {float: left;width: 50px;padding: 0;margin: 0;text-align: center;}
.rhr3 {	float: right;width: 110px;	padding: 0;	margin: 0;}	
.rhr4 {	float: left;width: auto;padding: 0;margin: 0 5px 0 0;}

.results-head-subrow { float: left; clear: both; width: 581px; line-height: 40px;}

.removeitem {height: 31px;width: 99px;border: none;background: #fff url('../img/button-remove-item-36.gif') left top no-repeat;
	display: block;clear: both;float: left;}	
.refreshbasket {height: 31px;width: 116px;border: none;background: #fff url('../img/button-refreshbasket.gif') left top no-repeat;display: block;margin-right: 10px;clear: both;float: left;}	
.continue {	height: 31px;width: 133px;border: none;background: #fff url('../img/button-continue-shopping.gif') left top no-repeat;
	display: block;float: left;clear: both;cursor: default;}
.button-checkout {height: 31px;width: 90px;border: none;background: #fff url('../img/button-checkout.jpg') left top no-repeat;margin-right: 10px;display: block;clear: both;float: right;}

.basket-total {font-size: 16px; color: #7bab3d; font-weight: bold;}
.btn_remove { display: block;width: 25px;height: 25px;text-indent: -999px;overflow: hidden; }

/*Checkout Process*/
#cp_custom { float: left; width: 590px; padding: 10px 0;}
#cp_custom .cp_left { float: left; width: 290px;}
#cp_custom .cp_right { float: left; width: 290px; padding: 0 0 0 10px }

#cp_custom ul { float: left; margin: 0 0 10px 0; padding: 0; width: 290px;}
#cp_custom ul li { font: normal 12px/25px sans-serif; background: #f6f6f6;border-bottom: 1px dotted #CCC; padding: 0 10px; color: #666;clear:both}
#cp_custom ul li.title { font: bold 12px/30px sans-serif; background: #333;border-bottom: 1px dotted #CCC; color: #fff; margin: 10px 0 0 0}
#cp_custom ul li span.left { float: left; width: 120px}
#cp_custom ul li span.right { float: left; width: 270px}

#cp_custom ul#details { float: right; width: 290px }
#cp_custom ul#details li { float: left; width: 270px; background: #fff; padding: 0 10px; color: #666; font: normal 12px/25px sans-serif;}
#cp_custom ul#details li:first-child { border: none !important;}
#cp_custom ul#details li.title { font: bold 12px/30px sans-serif; background: #0e85d7;border-bottom: 1px dotted #0e85d7; color: #fff; margin: 10px 0 0 0}

#cp_custom ul#details span.left { float: left; width: 140px; color: #333; text-align: left; padding: 0 10px 0 0; font-weight: bold;} 
#cp_custom ul#details span.right { float: left; width: 80px; padding: 0 0 0 10px; text-align: left;}

div#homepage_seo { padding: 25px 0 0; clear: both }
div#homepage_seo h2 { font: bold 15px/18px Arial, Helvetica, sans-serif; color: #333 }
div#homepage_seo h3 { font: bold 13px/16px Arial, Helvetica, sans-serif; color: #3C3C3C }


.form_wrap .row label { float: left; width: 120px; color: #444;}
.form_wrap .row textarea { float: left; width: 250px; height: 100px; border: 1px solid #cecece; padding: 10px; font: normal 12px/20px sans-serif; margin: 0 0 10px}
.form_wrap .row input[type=submit]{position: relative; left: 0; padding: 3px 7px; font: bold 12px sans-serif;}

ul#carBrands { margin: 5px 0 0 5px; overflow: hidden }
ul#carBrands li { width: 100px; float: left; margin: 0 5px 5px 0; text-align: center; border: 1px solid #ccc; padding: 10px 5px 5px; height: 100px; text-transform: uppercase }
ul#carBrands li img { width: 50px }
ul#carBrands li .img_wrap { margin-bottom: 10px }