/* @override 
	http://localhost:3000/stylesheets/common.css?dev
	http://batteryguys.local/stylesheets/common.css?dev
*/

/* @group Global */
body{
	background: url('/images/body-bg.gif');
	margin:0;
	min-width: 950px;
	margin-bottom: 100px;
}
a img{
	border:none !important;
}
a { color: #339; text-decoration: none;border:none;}

a:hover { text-decoration: underline;}

.btn{
	background: url('/images/button.png') no-repeat;
	padding: 6px;
	text-align:center;
	cursor:pointer;
	font-weight: bold;
	font-size: 13px;
	font-family: Helvetica, Verdana;
	color: #339;
	border:none;
	float:left;
	margin:5px;
}

input.btn{
	width:105px;
	height:28px;
}

input.btn:hover{
	text-decoration: underline;
}

a.btn{
	width:95px;
	height:16px;
}

.btnbar{
	clear:both;
}
.print_hidden{
	display:inherit;
}

.print_visible{
	display:none;
}

body, p, ol, ul, td {
  font-size:   12px;
  color: #333;
  font-family: Helvetica, Verdana;
}

p{
	font-size: 13px;
}

.rounded{
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}

.clearfix{
	clear: both;
}

#content_container{
	width: 850px;
	margin:0px auto;
	padding:0 50px;
	background:#fff;
	min-height: 500px;
	background: url('/images/page-mid.png') repeat-y center;
}

#page_content{
	padding:5px 10px;
}

#content_bottom{
	width: 850px;
	margin:0px auto;
	padding:0px 50px;
	background:#fff;
	height:40px;
	background: url('/images/page-footer.png') no-repeat center top;
}

#header{
	margin:0px auto;
	background: url('/images/header-bg.png') repeat-x top;
}

#header .inner{
	width:850px;
	padding:15px 0 10px 0;
	margin:0px auto;
}

#navigation{
	width:850px;
	height:32px;
	margin:0px auto;
	background: url('/images/nav-bg.png') repeat-x top;
}

#navigation ul li a,#navigation ul li a ul li a,#navigation ul li a ul li a ul li a{
	color:#fff;
	padding: 4px 10px 11px 10px;
	display:block;
}

#blog_categories_list ul li{
	margin-bottom: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #aeaeae;
}
/**
#navigation a:hover { color: #fff; background-color:#000; }

#navigation ul li a{
	color: #fff;
	padding: 4px 10px 11px 10px;
	text-decoration: none;
}

#navigation ul li ul li a:hover{ color: #fff; background-color:#444;}

#navigation ul {
	padding-top: 5px;
}
**/

div.pagination{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 7px;
}

div.pagination span.disabled{
	display:none;
}

div.pagination a{
	background:#669;
	color: #fff;
	padding:3px 6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

/* @end */

#welcome_content{
	padding:15px;
}

#welcome_content #vehicle_filter,#other_links{
	float: left;
	width:170px;
	background: url(/images/find_vehicle_fp.png) no-repeat;
	height:230px;
	padding:10px 15px;
	margin-left: -13px;
	margin-top: -10px;
	color:#fff;
}

#other_links{
	float:right;
	margin-right: -5px;
	margin-left: 10px;
}

#vehicle_filter p.h2{
	color: #fff;
	text-transform: none;
	font-size: 22px;
	margin-bottom: 2px;
}

#vehicle_filter p{
	color: #EEF911;

}
#selectvehicle{
	font-size: 16px;
	font-weight: bold;
	border-top:2px solid #555;
	border-bottom: 2px solid #555;
	padding: 8px 0;
	margin-bottom: 8px;
}

select.filterselect{
	font-size: 16px;
}

#welcome_content #vehicle_filter p.h2,#vehicle_filter p.h2{
	color: #fff;
	text-transform: none;
	font-size: 22px;
	margin-bottom: 2px;
}

#welcome_content .bullets{
	float: left;
	margin-left:20px;
	width:385px;
}
#welcome_content .bullets ul{
	margin-top: 0;
	padding-top: 0;
}

#welcome_note p{
	width: 70%
}


#welcome_content .bullets li{
	font-size: 17px;
	padding: 0px 0 6px 0;
	text-transform: uppercase;
	font-weight: bold;;
	margin-bottom: 6px;
	color: #f97511;
}

/* @group Notices */

#notices{
	clear: both;
	position:fixed;
	top: 5px;
	z-index:1000;
}

.notice h3{
	padding-top: 0;
	margin: -10px 0 10px 0;
}

.notice{
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	z-index:200;
	color:#fff;
	padding:25px 15px;
	margin:5px 20px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	background: url('../images/black-85.png');
	border: 4px solid #444;
	width:760px;
}

.notice .close{
	float: right;
	margin-right: -35px;
	margin-top: -40px;
}

.notice_mid{

}

.notice a{
	font-weight: normal;
	font-size: 0.9em;
	margin-top: 8px;
	display:block;
	color: #444;
	position:relative;
}
/* @end */


form .section label{
	font-weight: bold;
	text-transform: uppercase;
}
.section{
	background:#dedede;
	margin-right:10px;
	padding:6px;
	min-width: 120px;
	margin-bottom: 10px;
	-webkit-border-radius:6px
}

.details .addresses{
	width:352px;
	margin-right: 5px;
	padding:10px;
}

.details .addresses p{
	padding:0;
	margin:0;
}

.left{
	float: left;
}

.right{
	float: right;
}

.section h4{
	margin:0;
	background:#666;
	color:#fff;
	padding:5px;
	margin:-6px -6px 0 -6px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
}

h1{
	color: #aa2222;
	margin:5px 0 4px 0;
}

h2,.h2{
	text-transform: uppercase;
	margin-top: 2px;
	margin-bottom: 3px;
	color:#aa2222;
	font-size:16px;
	font-weight:bold;
}

.h4{
	font-size: 18px;
	font-weight:bold;
	margin-bottom: 5px;
}

.order h2{
	text-align: center;
	font-size: 22px;
}

.order h4{
	text-align: center;
}

table.standard{
	background:#777;
}

table.standard tr td,table.standard tr th{
	padding:4px;
}

table.standard th,table.standard td{
	background:#fff;
	padding:1px 3px;
}

table.standard th{
	background:#ccc;
}

table .notactive, table tr.notactive th, table tr.notactive td{
	background:#ffaaaa;
}

table.wide{
	width:100%;
}

.top_category{
	float: left;
	width:180px;
	margin:2px 2px;
	padding:2px 5px;
	background: url(/images/category_fp.png);
	min-height:170px;
	cursor:pointer;
	padding:8px 11px;

}

.top_category:hover{
	background-position: bottom;
}
.top_category p{
	float: left;
	width:140px;
	font-size: 11px;
	line-height:12px;
	margin-top: 0;
	color:#444;
	margin-bottom: 0;
	padding-top: 3px;
}

.top_category img.title{
	float: left;
	vertical-align:top;
	padding-top: ;
}

.top_category img.category{
	padding-top: 5px;
}

.lightgrey{
	background:#efefef;
	border:1px solid #aaa;
	padding:5px;
}

.vehicle h1,.vehicle h2{
	margin-top: 10px;
	margin-bottom: 9px;
	color:#fff;
}

.vehicle h1,.vehicle h2 a{
	color: #000895;
	font-size: 18px;
}

#vehicle_results div.listoption {
	float: left;
	width: 180px;
	margin-right: 20px;
	border: 1px solid #555;
	margin-bottom: 15px;
	text-align: center;
}
#vehicle_results div.listoption img{
	display:block;
	margin:0px auto;
}

#vehicle_results div.listoption a p{
	margin:0;
	padding: 5px 0;
	background:#ccc;
	font-weight: bold;
	
}

.vehicle h2 .year{
	color:#343434;
}
.vehicle .notes{
	background:#eee;
	border:2px solid #888;
	padding:5px;
	margin-right: 7px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

.vehicle .notes p{
	margin:0;
	font-weight: bold;
}
.vehicle .notes h3{
	margin-top: 0;
	margin-bottom: 2px;
	color:#f00;
	text-transform: uppercase;
	font-size: 14px;
}
/*
.vehicle_filter_page #vehicle_filter{
	background: url(/images/vehicle_filter.png);
	padding:22px;
	width:810px;
	margin:-6px 0 0 -12px;
	
}*/

.vehicle_filter_page #vehicle_filter{
	margin-bottom: 10px;
	padding:10px;
	width:830px;
	margin-left: -7px;
	height:120px;
	background: url(/images/find_vehicle.png) no-repeat;
}

.brand_info{
	float: right;
	margin: 2px 14px 0 0;
	border: 1px solid #333;
	background:#fff;
	text-align:center;
	-moz-box-shadow: 0.2em 0.2em 0.5em rgba(0,0,0,0.2);
	-webkit-box-shadow: 0.2em 0.2em 0.5em rgba(0,0,0,0.2);
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}
.brand_info img{
	border-bottom: 1px solid #333;
	display:block;
	margin: 0px auto;
}

#category_header .brand_info{
	margin: 10px;
}


.vehicle_filter_page #vehicle_filter .brand_info p.h2,
#category_header .brand_info p.h2{
	color: #880000;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	margin-bottom: 3px;
}

.vehicle_filter_page #vehicle_filter p{
	margin:2px 5px 5px 5px;
	color: #fff;
}

.vehicle_filter_page #vehicle_filter #filter_form {
	width:657px;
	float: left;
}


#vehicle_filter .selector{
	float: left;
	margin-right:15px;
	padding:4px;
}

#vehicle_filter .selector label{
	display:block;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
}

#welcome_content #vehicle_filter .selector label{
	color: #ebea2a;
	text-transform: none;
	font-weight: normal;
}

.product_list .product{
	margin-bottom: 20px;
}

.product_list .product_block h3.warning{
	color:#fff;
	background:#f00;
	padding:3px;
	width:804px;
	margin:-4px 0px 0 -12px;
	text-align:center;
}

#vehicle_results.product_list h3.multiwarning{
	color:#fff;
	background:#366;
	padding:3px;
	width:804px;
	margin:0;
	text-align:center;
	
}

#category_content .product_list h3.warning{
width:642px	
	
}

.product_list .product p{
	margin:0;
}

.product_list .product fieldset{
	border:1px solid #aaa;
	-webkit-border-radius:6px;
	-moz-border-radius: 6px;
	min-height: 70px;
}

.product_list .product fieldset p{
	margin:0;
	padding:10px;
}

.product_list .product legend{
	margin:0;
	background:#fff;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	color:#a00;
	padding:2px 8px;
}

.product_list .product .blurb{
	text-transform: uppercase;
	font-weight: bold;
	margin:5px;
	font-size: 11px;
}

.product_list .product .blurb ul{
	padding:0 0 0 15px;
	font-size: 11px;
	margin:0;
}

.product_list .product_image img{
	margin:5px;
	padding:2px;
}

.product_list .product_image{
	float: left;
	text-align: left;
	display:block;
	width:95px;
	padding: 5px 10px 5px 0;
}

.product_list .product_info{
	float: left;
	width:670px;
}

.product_list .product_block{
	background:#fff;
	margin:10px 10px 0 0px;
	border: 1px solid #666;
	padding:2px 10px;
	-moz-box-shadow: 0.2em 0.2em 0.5em rgba(0,0,0,0.2);
	-webkit-box-shadow: 0.2em 0.2em 0.5em rgba(0,0,0,0.2);
	margin-top: 14px;
	
}

.product_list .product_block h3{
	margin: 0px;
	padding: 5px 0px;
	border-bottom:1px solid #aaa;
	font-size: 16px;
}

#category_content .product_list .product_info{
	float: left;
	width:490px;
}

.product_list .product_info fieldset{
width:40%;
margin-right: 10px;
margin-top: 10px;

}
.product_list .product .price{
	font-size:28px;
	font-weight:bold;
	float: left;
	color:#f00;
	text-shadow: #b1b1b1 2px 2px 4px;
}


a.buy {
	margin-left:-6px;
	padding:0px;
	display:block;
}

.vehicle.panel {
	background:url(/images/vehicle_panel_b.png) no-repeat;
	width:820px;
	margin-left: -5px;
	padding:1px 5px 5px 15px;
	margin-bottom: 10px;;

}

#category_content .vehicle.panel {
	background:url(/images/category_vehicle_panel.png) no-repeat;
	width:640px;
	margin-left: -5px;
	padding:1px 5px 5px 15px;
	margin-bottom: 10px;;

}

#category_content .vehicle{
	margin-bottom: 20px;
	padding-bottom: 20px;
	width:750px;
}

/* @group Orders */
.order{
	margin: 5px 20px;
	border:1px solid #aaa;
	padding:10px;
}

.order .addresses p{
	float: left;
	width:50%;
}

.order .totals{
	text-align:right;
}

.order .totals p{
	font-size:18px;
	text-transform: uppercase;
	margin: 8px 0 1px 0;

}

.order .totals .vat{
	margin-top: 0;
	color:#777;
}

.search{
	background:#efefef;
	padding:5px;
	margin-bottom: 10px;
	border:1px solid #888;
}
/* @end */

/* @group Baskets */

.currency{
	text-align:right;
}

#mini_basket{
	text-align: right;
	padding-top: 10px;
	background:url(/images/basket-basket.gif) no-repeat left;
	width:220px;
	float: right;
}

#mini_basket.right a,#live_basket .right a{
	color: #f00;
}

#mini_basket.right a.checkout{
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
}

#mini_basket.right h3{
	font-size: 18px;
	text-transform: uppercase;
	margin:4px 0;
	padding:0;
}

#live_basket{
	height: 140px;
	background:url(/images/basket-bg.png);
	width:100%;
	position:fixed;
	bottom: 0;
	padding-top: 30px;
}

#live_basket .inner{
	width: 100%;
	height:100%;
	margin:0 20px;
}

#live_basket .contents{
	width:70%;
	padding-top: 10px;
	margin: 0px auto;
}

#live_basket .left{
	background: url(/images/basket-basket.png) no-repeat top right;
	width:160px;
	float: left;
}

#live_basket .divider{
	float:left;
}

#live_basket .left p{
	line-height: 12px;
	text-align: right;
	color: #444;
	margin-top: 85px;
	font-size: 11px;
}

#live_basket .right{
	float:right;
	margin-right:120px;
	padding:10px;
}

#live_basket .right a.checkout{
	font-size: 24px;
	text-transform: uppercase;
	font-weight: bold;
}

#live_basket .right h3{
	font-size: 21px;
	color:#000;
	margin:5px 0 1px 0;
}

#live_basket .right p{
	color: #666;
	margin:5px;
}

#live_basket .right p span{
	display:block;
	font-size: 10px;
	margin-top: -5px;
}

#live_basket .order_item{
	width:175px;
	float: left;
	text-align:center;
	padding:5px;
	margin:4px 2px;
}

#live_basket .order_item .remove{
	float: left;
	margin-top: 32px;
}

#live_basket .order_item .add{
	float: right;
	margin-top: 32px;
}

#live_basket .order_item .content{
	float: left;
	width: 142px;
}

#live_basket .order_item .price{
	color:#f00;
	font-weight: bold;
	font-size: 17px;
}

#live_basket span.quantity{
	font-weight: bold;
	color: #ff0000;
}

.checkout .lightgrey{
	width:80%;
	margin: 0px auto;
	padding:5px 20px;
	margin-bottom: 20px;
}

.checkout .lightgrey h3{
	
}

input[type=text]{
	border:1px solid #aaa;
	padding:3px;
	font-size: 12px;
}

textarea{
	border:1px solid #aaa;
	padding:3px;
	font-size: 12px;
}

.checkout p.terms{
	text-align: center;
}

.checkout p.terms span{
	text-align:right;
	float: right;
}


.checkout .footnote{
	margin-left: 218px;
	padding-top: 0;
	width:300px;
	margin-top: -10px;
	color:#555;
}

.checkout #card_type_image{
	margin-left: 218px;
}

.checkout form label{
	width:210px;
	float: left;
	text-align: right;
	padding-top: 5px;
	padding-right: 5px;;
}


/* @end */

/* @group Checkout */

/* @end */

/* @group Stock */
form .inline label{
	float: left;
	width:60px;
	padding-top: 3px;
	text-align:right;
	padding-right:5px;
	clear:none;
}

form .inline input,form .inline select{
	float: left;
	clear:none;
	margin-right:5px;
}

.nostock{
	font-size: 11px;
	text-transform: uppercase;
	margin-top: 10px;
}

.nostock .note{
	display:block;
	color: #666;
	text-shadow: none;
}

/* @end */

/* @group Contact Us */
#contact_us .image{
	float: right;
	margin: -5px -5px 0 0 ;
}

div.buttons{
	width:80%;
	margin:0px auto;
	text-align:center;
	padding: 5px; 0;
	margin-bottom:10px;
	border-top:1px solid #333;
	background:#ccc;
}

a.button{
	background:#eee;
	padding:3px 5px;
	border: 1px solid #888;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	
}

form div.verify p{
	margin-left: 145px;
	width:50%;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 4px;
}

/** remeber **/
#contact_us #contact_details{
 	float: left;
 	width:500px;
}

#contact_us label{
	text-transform: uppercase;
	font-weight: bold;
	color:#444;
}

#contact_us form{
	background:#efefef;
	padding:8px;
	border:1px dashed #aaa;
	margin:5px 0px;
}

#contact_us #contact_details p{
	margin:0;
	padding:0;
}

#contact_us .vcard{
	width: 280px;
	text-align: right;
	float: right;
	padding:20px;
}

#contact_us .vcard div{
	margin-top: 10px;
}

.vcard .tel{
	font-weight: bold;
	color:#f00;
	font-size: 24px;
}

.vcard .type{
	display:none;
}

.vcard{
	color: #555;
	font-size: 14px;
}

.vcard .adr span{
	display:block
}

.vcard .adr span.type{
	display: none;
}

/* @end */
div.allocations{
	background:#aaa;
	border:1px dashed #888;
	padding:5px;
	color: #000;
}

div.allocations h4{
	margin:0;
	padding:0;
	margin-bottom:5px;
}

.instructions{
	font-weight: bold;
	color:#444;
}


#legal_content{
	padding:10px;
}

.footnote{
	font-size: 10px;
	margin:0;
	padding:0;
	display:block;
	color:#888;
}



#other_links ul li{
	padding-bottom: 3px;
	
}

#other_links ul li a{
	color: #ebea2a;
}

#other_links h4{
margin-top: 0;
font-size: 18px;
}

#footer{
	width: 90%;
	margin:0px auto;
}

#footer ul.legals{
	list-style: none;
	margin: 0 auto;
	padding:0 0 4px 0;
	text-align:center;
}
#footer ul.legals li{
	display: inline;
	margin: 0 10px;
	padding: 0;
	color: #333;
	font-weight: bold;
}
#footer ul.legals li a{

}

.admin.options{
	background:#aaa;
	padding:5px;
	border:1px solid #333;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	margin-bottom: 10px;
}

.admin.options a{
	color:#800;
	font-weight: bold;
}

.new_vehicle,.edit_vehicle{
	border:2px dashed #333;
	padding:5px;
	background:#fee;
}

.edit_vehicle .product_mappings .product_select{
	float: left;
}

.edit_vehicle .product_mappings .product_select label{
	width:50px !important;
}

.edit_vehicle .product_mappings .product_select input[type=checkbox]{
	margin: 5px;
	float: left;
}

.edit_vehicle .product_mappings span{
	display:block;
	margin-left: 25px;
	margin-top: 10px;
	font-weight: bold;
}

.new_vehicle .fields .left label,.edit_vehicle .fields .left label{
	width:80px;
	padding-top: 4px;
	text-align:right;
	margin-right: 5px;
	float:left;
}

.checkout .warning{
	color: red !important;
	font-weight: bold;
}

#help_us{
	background: url(/images/help_us.png) no-repeat;
	height:310px;
	width: 840px;
	position:absolute;
	top:0;
	margin-top: -274px;
	z-index:1000;
	color: #ccc;
}
#help_us p{
	color:#aaa;
	font-size: 14px;
}

#help_us .h2{
	color:#fff;
	font-weight: lighter;
	font-size: 20px;
	margin-bottom: 0px;
	margin-top: -2px;
	padding-top: 0px;
}

#help_us .content{
	height:255px;
	padding:10px 25px;
}

#help_us .link{
	margin-left:660px;
}

#help_us .link a{
	color:#fff;
}

/* @group Category */
#category_content #field1data{
	float: left;
	width:160px;
	margin-right: 10px;
	padding:5px;
}

#category_content #field1data ul,#category_content #field1data ul li{
	list-style: none;
	padding:0;
	margin-bottom: 2px;
	padding-bottom: 2px;
	border-bottom: 1px solid #cececf;
}

#category_content #field2data{
	width:620px;
	float: left;
}

#brand_info_content p {
	margin-top: 2px;
}

/* @end */

#vehicle_filter div.help {
	position:absolute;
	width: 400px;
	margin-left: 220px;
	margin-top: -35px;
	background:#fff;
	padding:4px;
	border:1px dashed #aaa;
	font-weight: bold;
	font-size: 12px;
}

#category_header p a.btn {
	font-size: 11px;
}

div.product_info div.layout {
	float: right;
	width: 110px;
	text-align: center;
	padding:5px;
	background:#fff;
	border: 1px solid #333;	
	margin-top: 10px;
	margin-right: 10px;
}

div.product_info div.layout h4 {
 display: block;
 background:#333;
 color:#fff;
 padding:2px;
 margin: -5px;
}

#paypalPaymentDetails {
	text-align: center;
}

#paypalPaymentDetails h3{
	margin-top: 5px;
}

#paypal_complete{
	width:100%;
	margin:0px auto;
	display:block;
	text-align: center;
}

input.paypal_submit{
	border:2px solid #666;
	background: #8bd1ec;
	padding:5px;
	font-size: 16px;
	font-weight: bold;
	cursor:pointer;
}

#save_basket{
	text-align: center;
	border: 2px solid #f00;
	width:300px;
	margin-top: -70px;
	margin-bottom: 10px;
	padding: 5px;;
}

#save_basket label{
	display:block;
}

#save_basket h3{
	font-size: 13px;
	text-transform: uppercase;
	padding: 3px;
	margin:0;
	border-bottom: 1px solid #aaa;
	color: #f00;
}

/* @group Blog */
#blog_content{
	float: left;
	width:70%;
	margin: 10px 2% 0 2%;
}

#blog_sidebar{
	float: left;
	width: 20%;
	margin: 0 2%;
	border-left:  1px solid #ddd;
	padding-left: 10px;
}

#blog_content h2.date{
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
}

p.categories{
	color:#aaa;
}

p.categories h4{
	margin-top: 0;
}
}

#blog_sidebar h4{
	margin: 0 0 5px 0;
	text-transform: uppercase;
}

a.grey{
	color: #aaa;
	
}

.blog_comment{
	padding:5px;
	border-top: 1px solid #999;
	
}

.blog_comment .author{
	margin-top: 5px;
	color:#777;
}

/* @end */

/* @group Tooltip */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background: #fff;
	padding: 5px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-moz-box-shadow: 0.3em 0.3em 0.8em rgba(0,0,0,0.2);
	-webkit-box-shadow: 0.3em 0.3em 0.8em rgba(0,0,0,0.2);
}
#tooltip h3, #tooltip div { margin: 0; }

/* @end */