html, body {height: 100%;}
body { color: #000; background: #F7F7F7; font: 11px Arial, sans-serif}

a,
a:visited { font-size: 14px; color: #9e2c34; text-decoration: none;}
a:hover { text-decoration: underline}

a:active {outline: none!important; border:0}
a:focus {outline: none!important; border:0}

h1 {font-size: 16px; margin-bottom: 5px;}
h1, h2, h3 {margin:0; padding:0}

.wrapper {width: 960px; margin:0 auto;}

#top-header {background: #FFF;}
#top-header .wrapper { height: 58px;  position:relative;}
#top-header .yahoo-online { background: url(../images/sprite.gif) right -258px no-repeat;}
#top-header .yahoo-offline { background: url(../images/sprite.gif) right -324px no-repeat;}
#top-header .yahoo-status {  width: 40px; height: 38px;display: block; position: absolute; top: 10px; right: 22px; text-indent: -9999px; }

#top-header .infobox { position: absolute; top: 15px; right: 290px; }
#top-header .infobox b {display: block; font-size: 13px; color: #666}
#top-header .infobox a {font-size: 11px; padding: 0 5px 0 8px; background: url(../images/sprite.gif) -243px -214px no-repeat;}

#top-header a.logo { width: 250px; height: 22px; background: url(../images/sprite.gif) 0 0 no-repeat;display: block; position: absolute; top: 15px; text-indent: -9999px }


#top-menu { height: 40px; border-top: 1px solid #EEE; background: #FFF}
#top-menu ul {list-style-type: none; padding:0; margin:0}
#top-menu ul li.right {color: #9e2c33; font-size: 11px; border-left: 1px solid #eeeeee}
#top-menu ul li.left { border-right: 1px solid #eeeeee; }
#top-menu ul li.left { border-right: 1px solid #eeeeee; }

#top-menu ul li.left.home { border-left: 1px solid #eeeeee}
#top-menu ul li.right.cart { border-right: 1px solid #eeeeee}

#top-menu ul li a {line-height: 40px; vertical-align: middle; display: block;}
#top-menu ul li.left a {text-indent: -9999px;}

#top-menu ul li.left.home a {background: url('../images/sprite_menu.gif') 15px 16px no-repeat; width: 65px;}
#top-menu ul li.left.home a:hover {background: #c44e19 url('../images/sprite_menu.gif') 15px -17px no-repeat; }

#top-menu ul li.left.about a {background: url('../images/sprite_menu.gif') 15px -50px no-repeat; width: 102px;}
#top-menu ul li.left.about a:hover {background: #c44e19 url('../images/sprite_menu.gif') 15px -83px no-repeat; }

#top-menu ul li.left.help a {background: url('../images/sprite_menu.gif') 15px -285px no-repeat; width: 78px;}
#top-menu ul li.left.help a:hover {background: #c44e19 url('../images/sprite_menu.gif') 15px -318px no-repeat; }

#top-menu ul li.left.transport a {background: url('../images/sprite_menu.gif') 15px -352px no-repeat; width: 82px;}
#top-menu ul li.left.transport a:hover {background: #c44e19 url('../images/sprite_menu.gif') 15px -385px no-repeat; }

#top-menu ul li.left.garantie a {background: url('../images/sprite_menu.gif') 15px -419px no-repeat; width: 90px;}
#top-menu ul li.left.garantie a:hover {background: #c44e19 url('../images/sprite_menu.gif') 15px -452px no-repeat; }

#top-menu ul li.left.contact a {background: url('../images/sprite_menu.gif') 15px -113px no-repeat; width: 84px;}
#top-menu ul li.left.contact a:hover {background: #c44e19 url('../images/sprite_menu.gif') 15px -146px no-repeat; }

#top-menu ul li.right.cart a {background: url('../images/sprite_menu.gif') right -193px no-repeat; padding: 0 40px 0 15px;}
#top-menu ul li.right.my-account a {background: url('../images/sprite_menu.gif') right -238px no-repeat; padding: 0 40px 0 15px;}

#top-menu ul li.right.cart a,
#top-menu ul li.right.my-account a {font-weight:bold; font-size: 11px;}


#car-select {background: #D46122; height:70px;}
#car-select select {width: 307px; border: 1px solid #000; font:20px bold Arial;margin-top:16px; margin-left: 8px; line-height:20px;padding: 6px;}

#content {}
#content .wrapper { padding: 10px 0;  background: #FFF; border: 4px solid #F4F4F4; border-top: 0}
#content .wrapper .main {padding: 0 10px; width: 620px; display: inline; float: left;}
#content .wrapper .sidebar {padding: 0 10px; width: 300px; display: inline; float: right;}


#content div.wrapper.car-selector { }
#content div.wrapper.car-selector table {width: 100%;}
#content div.wrapper.car-selector tr.table-header {background: #D46122;}
#content div.wrapper.car-selector tr.odd { border-bottom: 1px solid #efefef;}
#content div.wrapper.car-selector tr.odd:hover,
#content div.wrapper.car-selector tr.even:hover {background: #e6e6e6;}
#content div.wrapper.car-selector th {padding: 12px 0; font: bold 12px Arial; color: #FFF}
#content div.wrapper.car-selector th.fix-column {width: 95px; text-align: center; border-left: 1px solid #EFEFEF}
#content div.wrapper.car-selector td {padding: 15px 0 15px 10px; font: bold 11px Tahoma, Arial; color: #666}
#content div.wrapper.car-selector td a {display: block; width: 100%; height: 100%; color: #666}
#content div.wrapper.car-selector td a:hover {color: #000}


#content div.wrapper.product-categories ul { margin:0; padding:0;}
	
#content div.wrapper.product-list {}
#content div.wrapper.shopping-cart table {width: 100%; border-top: 2px solid #D46122;}
#content div.wrapper.product-list table {width: 100%; border-top: 2px solid #D46122; border-bottom: 2px solid #D46122; }
#content div.wrapper.shopping-cart tr.table-header,
#content div.wrapper.product-list tr.table-header {background: #EBEBEB; text-align: left;}
#content div.wrapper.shopping-cart tr.table-header th,
#content div.wrapper.product-list tr.table-header th {padding: 12px 0 12px 10px; font: bold 12px Arial; color: #666; border-bottom: 1px solid #E1E1E1;}
#content div.wrapper.shopping-cart tr.table-header th.fix-column,
#content div.wrapper.product-list tr.table-header th.fix-column {width: 85px; }
#content div.wrapper.shopping-cart td,
#content div.wrapper.product-list td {padding: 15px 0 15px 10px; font: bold 11px Tahoma, Arial; color: #666}

#content div.wrapper.product-list td a {display: block; width: 100%; height: 100%; color: #666}
#content div.wrapper.product-list td a:hover {color: #000}

#content div.wrapper.shopping-cart tr.summary td { font-size: 16px; color: #666; border-top: 2px solid #D46122; }
#content div.wrapper.shopping-cart tr.summary td span#shopping_cart_total {color: #000; font-weight: bold; background: #f7f7f7; padding: 7px;}


/* start footer */

#footer { font: normal 10px Tahoma,Arial, sans-serif ; color: #666; margin-top: 10px; border-top: 1px solid #efefef; padding-bottom: 50px; background: transparent url('../images/sprite.gif') 0 bottom repeat-x}
#footer .footer-menu {background: #F7F7F7 url('../images/sprite.gif') 0 -500px repeat-x}
#footer .left,
#footer .right {height: 40px; line-height: 40px; vertical-align: middle;}
#footer ul.clearfix { list-style-type:none; border-top: 1px solid #efefef; background: #fff; margin:0; padding: 0;}
#footer ul.clearfix li { display: block; float: left; width: 95px;height: 70px; border-right: 1px solid #efefef; border-bottom: 1px solid #efefef;margin-top: 1px;}
#footer ul.clearfix li.last { border-right: 0}
#footer ul.clearfix li a { display: block; width: 50px; height: 50px; margin-top: 10px; margin-left: 22px; text-indent: -9999px;}

/* car manufactures */

.alfa-romeo a {background: url('../images/sprite_car_manufacturers.gif') -60px 0 no-repeat;}
.alfa-romeo a:hover {background: url('../images/sprite_car_manufacturers.gif') -60px -60px no-repeat;}
.audi a {background: url('../images/sprite_car_manufacturers.gif') -120px 0 no-repeat;}
.audi a:hover {background: url('../images/sprite_car_manufacturers.gif') -120px -60px no-repeat;}
.bmw a {background: url('../images/sprite_car_manufacturers.gif') -240px 0 no-repeat;}
.bmw a:hover {background: url('../images/sprite_car_manufacturers.gif') -240px -60px no-repeat;}
.chevrolet a {background: url('../images/sprite_car_manufacturers.gif') -420px 0 no-repeat;}
.chevrolet a:hover {background: url('../images/sprite_car_manufacturers.gif') -420px -60px no-repeat;}
.chrysler a {background: url('../images/sprite_car_manufacturers.gif') -540px 0 no-repeat;}
.chrysler a:hover {background: url('../images/sprite_car_manufacturers.gif') -540px -60px no-repeat;}
.citroen a {background: url('../images/sprite_car_manufacturers.gif') -480px 0 no-repeat;}
.citroen a:hover {background: url('../images/sprite_car_manufacturers.gif') -480px -60px no-repeat;}
.dacia a {background: url('../images/sprite_car_manufacturers.gif') -600px 0 no-repeat;}
.dacia a:hover {background: url('../images/sprite_car_manufacturers.gif') -600px -60px no-repeat;}
.daewoo a {background: url('../images/sprite_car_manufacturers.gif') -660px 0 no-repeat;}
.daewoo a:hover {background: url('../images/sprite_car_manufacturers.gif') -660px -60px no-repeat;}
.daihatsu a {background: url('../images/sprite_car_manufacturers.gif') -720px 0 no-repeat;}
.daihatsu a:hover {background: url('../images/sprite_car_manufacturers.gif') -720px -60px no-repeat;}
.fiat a {background: url('../images/sprite_car_manufacturers.gif') -840px 0 no-repeat;}
.fiat a:hover {background: url('../images/sprite_car_manufacturers.gif') -840px -60px no-repeat;}
.ford a {background: url('../images/sprite_car_manufacturers.gif') -900px 0 no-repeat;}
.ford a:hover {background: url('../images/sprite_car_manufacturers.gif') -900px -60px no-repeat;}
.honda a {background: url('../images/sprite_car_manufacturers.gif') -960px 0 no-repeat;}
.honda a:hover {background: url('../images/sprite_car_manufacturers.gif') -960px -60px no-repeat;}
.hyundai a {background: url('../images/sprite_car_manufacturers.gif') -1020px 0 no-repeat;}
.hyundai a:hover {background: url('../images/sprite_car_manufacturers.gif') -1020px -60px no-repeat;}
.iveco a {background: url('../images/sprite_car_manufacturers.gif') -1140px 0 no-repeat;}
.iveco a:hover {background: url('../images/sprite_car_manufacturers.gif') -1140px -60px no-repeat;}
.jaguar a {background: url('../images/sprite_car_manufacturers.gif') -1200px 0 no-repeat;}
.jaguar a:hover {background: url('../images/sprite_car_manufacturers.gif') -1200px -60px no-repeat;}
.jeep a {background: url('../images/sprite_car_manufacturers.gif') -1260px 0 no-repeat;}
.jeep a:hover {background: url('../images/sprite_car_manufacturers.gif') -1260px -60px no-repeat;}
.kia a {background: url('../images/sprite_car_manufacturers.gif') -1320px 0 no-repeat;}
.kia a:hover {background: url('../images/sprite_car_manufacturers.gif') -1320px -60px no-repeat;}
.lancia a {background: url('../images/sprite_car_manufacturers.gif') -1380px 0 no-repeat;}
.lancia a:hover {background: url('../images/sprite_car_manufacturers.gif') -1380px -60px no-repeat;}
.land-rover a {background: url('../images/sprite_car_manufacturers.gif') -1440px 0 no-repeat;}
.land-rover a:hover {background: url('../images/sprite_car_manufacturers.gif') -1440px -60px no-repeat;}
.mazda a {background: url('../images/sprite_car_manufacturers.gif') -1500px 0 no-repeat;}
.mazda a:hover {background: url('../images/sprite_car_manufacturers.gif') -1500px -60px no-repeat;}
.mercedes a {background: url('../images/sprite_car_manufacturers.gif') -1560px 0 no-repeat;}
.mercedes a:hover {background: url('../images/sprite_car_manufacturers.gif') -1560px -60px no-repeat;}
.mini a {background: url('../images/sprite_car_manufacturers.gif') -1620px 0 no-repeat;}
.mini a:hover {background: url('../images/sprite_car_manufacturers.gif') -1620px -60px no-repeat;}
.mitsubishi a {background: url('../images/sprite_car_manufacturers.gif') -1680px 0 no-repeat;}
.mitsubishi a:hover {background: url('../images/sprite_car_manufacturers.gif') -1680px -60px no-repeat;}
.nissan a {background: url('../images/sprite_car_manufacturers.gif') -1740px 0 no-repeat;}
.nissan a:hover {background: url('../images/sprite_car_manufacturers.gif') -1740px -60px no-repeat;}
.opel a {background: url('../images/sprite_car_manufacturers.gif') -1800px 0 no-repeat;}
.opel a:hover {background: url('../images/sprite_car_manufacturers.gif') -1800px -60px no-repeat;}
.peugeot a {background: url('../images/sprite_car_manufacturers.gif') -1860px 0 no-repeat;}
.peugeot a:hover {background: url('../images/sprite_car_manufacturers.gif') -1860px -60px no-repeat;}
.renault a {background: url('../images/sprite_car_manufacturers.gif') -1920px 0 no-repeat;}
.renault a:hover {background: url('../images/sprite_car_manufacturers.gif') -1920px -60px no-repeat;}
.rover a {background: url('../images/sprite_car_manufacturers.gif') -1980px 0 no-repeat;}
.rover a:hover {background: url('../images/sprite_car_manufacturers.gif') -1980px -60px no-repeat;}
.saab a {background: url('../images/sprite_car_manufacturers.gif') -2040px 0 no-repeat;}
.saab a:hover {background: url('../images/sprite_car_manufacturers.gif') -2040px -60px no-repeat;}
.seat a {background: url('../images/sprite_car_manufacturers.gif') -2100px 0 no-repeat;}
.seat a:hover {background: url('../images/sprite_car_manufacturers.gif') -2100px -60px no-repeat;}
.skoda a {background: url('../images/sprite_car_manufacturers.gif') -2160px 0 no-repeat;}
.skoda a:hover {background: url('../images/sprite_car_manufacturers.gif') -2160px -60px no-repeat;}
.smart a {background: url('../images/sprite_car_manufacturers.gif') -2220px 0 no-repeat;}
.smart a:hover {background: url('../images/sprite_car_manufacturers.gif') -2220px -60px no-repeat;}
.subaru a {background: url('../images/sprite_car_manufacturers.gif') -2280px 0 no-repeat;}
.subaru a:hover {background: url('../images/sprite_car_manufacturers.gif') -2280px -60px no-repeat;}
.suzuki a {background: url('../images/sprite_car_manufacturers.gif') -2340px 0 no-repeat;}
.suzuki a:hover {background: url('../images/sprite_car_manufacturers.gif') -2340px -60px no-repeat;}
.toyota a {background: url('../images/sprite_car_manufacturers.gif') -2400px 0 no-repeat;}
.toyota a:hover {background: url('../images/sprite_car_manufacturers.gif') -2400px -60px no-repeat;}
.volvo a {background: url('../images/sprite_car_manufacturers.gif') -2460px 0 no-repeat;}
.volvo a:hover {background: url('../images/sprite_car_manufacturers.gif') -2460px -60px no-repeat;}
.vw a {background: url('../images/sprite_car_manufacturers.gif') -2520px 0 no-repeat;}
.vw a:hover {background: url('../images/sprite_car_manufacturers.gif') -2520px -60px no-repeat;}

/* end footer */


.add-to-cart {width:81px!important;height: 36px!important; text-indent: -9999px; border: 0; background: url('../images/sprite.gif') 0 -42px no-repeat; cursor: pointer;border:0}
.request-offer {width:146px ;height: 40px; text-indent: -9999px; border: 0; background: url('../images/sprite.gif') 0 -129px no-repeat; cursor: pointer;border:0}

.btn-plus {width:23px ;height: 26px; text-indent: -9999px; border: 0; background: url('../images/sprite.gif') -96px -42px no-repeat; cursor: pointer; margin-right: 1px;}
.btn-minus {width:23px ;height: 26px; text-indent: -9999px; border: 0; background: url('../images/sprite.gif') -96px -87px no-repeat; cursor: pointer; margin-left: 1px;}

.btn-delete {width:81px ;height: 36px; text-indent: -9999px; border: 0; background: url('../images/sprite.gif') -135px -87px no-repeat; cursor: pointer;;}
.btn-update {width:111px ;height: 36px; text-indent: -9999px; border: 0; background: url('../images/sprite.gif') -135px -42px no-repeat; cursor: pointer;}
.btn-send-order {width:81px ;height: 36px; text-indent: -9999px; border: 0; background: url('../images/sprite.gif') 0 -205px no-repeat; cursor: pointer;}

.btn-register {width: 104px; height: 20px; text-indent: -9999px; border: 0; background: url('../images/sprite.gif') 0px -177px no-repeat; cursor: pointer; }
.btn-login {width: 70px; height: 20px; text-indent: -9999px; border: 0; background: url('../images/sprite.gif') -159px -129px no-repeat; cursor: pointer; }
.btn-save {width: 76px; height: 20px; text-indent: -9999px; border: 0; background: url('../images/sprite.gif') -159px -153px no-repeat; cursor: pointer; }

.btn-plus:active,
.btn-minus:active,
.request-offer:active,
.add-to-cart:active {outline: none!important; border:0}

.btn-plus:focus,
.btn-minus:focus,
.request-offer:focus,
.add-to-cart:focus {outline: none!important; border:0}

.quantity { width: 55px; padding: 3px 0; font-weight: bold; background: url('../images/sprite.gif') -159px -177px; text-align: center; border: 1px solid #ccc; border-top-color: #a3a3a3; border-left-color: #a3a3a3; }

.form {}
.form fieldset {border:0; border-left: 1px solid #f7f7f7; padding-left: 10px;}
.form fieldset legend {background: #F7F7F7; color: #D46122; display: block; margin-left: -10px; padding: 10px; font-size: 20px;}
.form fieldset label {color: #666; font-size: 10xp; text-transform: uppercase; display: block; margin-bottom: 5px;}
.form fieldset input.text,
.form fieldset select {border: 1px solid #cecece; border-top: 2px groove #cecece; margin-bottom: 10px; width: 292px; padding: 4px 0; line-height: 11px; vertical-align: middle;}
.form fieldset div.group {background: #F7F7F7; margin-left: -10px; padding-left: 10px}
.form fieldset div.form-controls {margin-top: 10px; border-top: 1px solid #f7f7f7; padding-top: 10px;}

form.register-form {width: 305px;}
form.login-form {width: 305px;}
form.request-details {width: 305px;}
form.request-details textarea {width: 292px; padding: 4px 0; border: 1px solid #cecece; border-top: 2px groove #cecece;}

form .required-field { color: #ff0000}

ul.tabs { /* general settings */
	font-weight: bold;
	border-bottom: 1px solid #CECECE; 
	list-style-type: none;
	padding: 4px 10px;
}

ul.tabs li { /* do not change */
	display: inline;
}

ul.tabs li a { 
padding: 4px 5px; 
border: 1px solid #CECECE; 
background-color: #F7F7F7; 
color: #666; 
text-decoration: none;
border-bottom: none;
}

ul.tabs li.selected a, ul.tabs a:hover { 
	position: relative;
	z-index: 2;
	padding-bottom: 5px;
	background: #fff;
	border-bottom: 0;
}

/* General page css*/
html, body { margin:0; padding:0;}
img { border:0;}
a:active {outline: none!important; border:0}
a:focus {outline: none!important; border:0}

.even { background: #FFF}
.odd { background: #F9F9F9;}

.error-message { color: #ff0000; padding: 3px 0; font-weight: bold; font-size: 12px;}
ul.error-message {list-style-type: none; padding-left: 15px;}
ul.error-message li {text-align: left!important;}
.error-field {border: 1px solid #FF0000!important}

/* General classes */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden;line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix { display: block;}
* html .clearfix { height: 1%;}

.clear { clear:both; overflow:hidden; font-size:1px; height:0;}

.left { float:left; display: inline;}
.right { float:right; display: inline;}

.align-left{text-align: left;}
.align-center{text-align: center;}
.align-right{text-align: right;}

.no_border {border: 0!important;}