/* CSS Document */

* {margin: 0;padding: 0; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; line-height:140%; font-style:normal;  letter-spacing:0.1px; font-size:x-small;voice-family: "\"}\""; voice-family: inherit;font-size:small;}
html>* {font-size:small;}

body {background: url("../images/bg_body.gif") top left repeat-x #202020; color: #eee;}

h1, h2 {text-indent: -7000px;}
h1 {z-index: 20;}
h1 a {display: block; background: url("../images/logo.png") top left no-repeat; width: 270px; height: 66px;}
h1 a:hover {background: url("../images/logo.png") !important;}
h2 {background: url("../images/bg_h2.jpg") bottom left no-repeat #202020; width: 790px; height: 96px; padding: 2px 0;}
h3 {font-size:140%; line-height:100%; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; color: #c00; padding: 0 0 0.2em 0; margin: 0 0 0.6em 0; border-bottom: 1px solid #ccc;}
h4 {font-size:130%; line-height:130%; font-weight: bold; letter-spacing: 1px; color: #c00; padding: 0 0 0.6em 0;}
.cl {clear: left;}
acronym, abbr {cursor: help; border-bottom: 1px dotted #999;}
p {padding: 0 0 1em 0;}
#lang li.hide, #nav li.hide, #lcol li.hide, #footer .address li.hide {display: none;}

a:link, a:visited, a:active {color: #c00; text-decoration: none;}
a:hover {text-decoration: underline; background: none;}

#wrapper {width: 790px; margin: 0 auto 0; position: relative;}

#lang {position: absolute; width:100%; height:25px; top: 0; right: 2px;}
#lang ul {height: 25px; margin: 0; padding: 0; border-left: 1px solid #656565; border-right: 1px solid #454545; position: relative; list-style: none;}
#lang ul li {margin: 0; padding: 0; list-style: none; border-left: 1px solid #454545; border-right: 1px solid #656565; float: right;}
#lang ul li, #lang a {height: 25px; display: block;}
#lang ul li a span {display: none;}

#langEng {height: 25px; width: 102px; background: url("../images/lang_eng.gif") 0 -25px no-repeat;}
#langEng a:hover, #langEngOn {height: 25px; width: 102px; background: url("../images/lang_eng.gif") 0 0 no-repeat;}
#langFra {height: 25px; width: 108px; background: url("../images/lang_fra.gif") 0 -25px no-repeat;}
#langFra a:hover, #langFraOn {height: 25px; width: 108px; background: url("../images/lang_fra.gif") 0 0 no-repeat;}
#langJap {height: 25px; width: 98px; background: url("../images/lang_jap.gif") 0 -25px no-repeat;}
#langJap a:hover, #langJapOn {height: 25px; width: 98px; background: url("../images/lang_jap.gif") 0 0 no-repeat;}

#header {padding: 40px 0 4px 0;}
#thrill {float: left; background: #202020; border-top: 3px solid #c60000; margin: 16px 0 3px 0;}

#basket-search {position: absolute; top: 40px; right: 0; min-width: 350px; border: 1px solid #434546; background: #282828; height: 58px; padding: 6px 8px 0 8px;}
#basket-search p {float: left; margin: 0; padding: 0 10px 0 0; line-height: 160%;}
#basket-search p a {margin-right: 6px; color: #eee; text-decoration: underline;}
#basket-search p a:hover {text-decoration: none;}
#basket-search fieldset {float: left; border:0; margin: 0 0 0 20px; width: 170px;}
#basket-search legend {border:0; margin: 0 0 0.2em 0; line-height: 160%;}
#basket-search form {padding: 0; margin: 0;}
#basket-search form label {display: none;}
#basket-search input {width: 120px; margin: 0 5px 0 0; padding:1px; border: 0;}
#basket-search form #qsearch-go {width: 34px; height: 20px; border: 0; padding:0; margin: 0;}

#nav {clear: left; width: 790px; height: 24px; border: 0; padding: 0; margin: 0; background: url("../images/bg_nav.png") top left repeat-x;}
#nav ul	{width: 662px; height: 24px; margin: 0 64px; padding: 0; position: relative;}
#nav ul li	{margin: 0;	padding: 0;	list-style: none; position: absolute; top: 0; border-left: 1px solid #a30000;}
#nav ul li, #nav a	{height: 24px; display: block; color: #eee;}
#nav ul li a span {display: none;}
#nav li.last {border-right: 1px solid #a30000;}
#navHome {left: 1px; width: 43px; background: url("../images/nav_home.png") left top no-repeat;}
#navNews {left: 45px; width: 43px; background: url("../images/nav_news.png") left top no-repeat;}
#navDirectory {left: 90px; width: 98px; background: url("../images/nav_directory.png") left top no-repeat;}
#navFitment {left: 190px; width: 129px; background: url("../images/nav_fitment.png") left top no-repeat;}
#navDistributors {left: 320px; width: 88px; background: url("../images/nav_distributors.png") left top no-repeat;}
#navFaqs {left: 410px; width: 38px; background: url("../images/nav_faqs.png") left top no-repeat;}
#navLinks {left: 450px; width: 42px; background: url("../images/nav_links.png") left top no-repeat;}
#navContact {left: 494px; width: 62px; background: url("../images/nav_contact.png") left top no-repeat;}
#navJobs {left: 556px; width: 39px; background: url("../images/nav_jobs.png") left top no-repeat;}
#navFrancais {left: 595px; width: 64px; background: url("../images/nav_francais.png") left top no-repeat;}
#nav li:hover {background-position: 0 -24px;}

#page {position: absolute; top: 252px; left: 0; background: url("../images/bg_content.png") bottom left repeat-y; width: 790px;}

#lcol {position: absolute; top: 0; left: 0; padding: 0 0 379px 0; margin: 0; background: url("../images/bg_lcol.png") bottom left no-repeat; width: 140px;}
#lcol ul {list-style: none; text-align: right; padding: 10px 0 0 0; border-bottom: 1px solid #202020; background: url("../images/bg_lnav_ul.png") top left no-repeat; text-transform: uppercase;}
* html #lcol ul {float: left;}
#lcol li {margin: 0; padding:}
#lcol li a.light {list-style: none; display: block; font-size: 92%; min-height: 18px; padding: 3px 12px 3px 0; font-weight: bold; border-top: 1px solid #202020; background: url("../images/bg_lnav_li.png") top left repeat-y; display: block;}
* html #lcol li a.light, * html #lcol li a.dark {height: 18px;}
#lcol li a.dark {list-style: none; display: block; font-size: 92%; min-height: 18px; padding: 3px 12px 3px 0; font-weight: bold; border-top: 1px solid #202020; background: url("../images/bg_lnav_2.png") top left repeat-y; display: block;}
#lcol li:hover {background-position: -140px 0;}
#lcol li a {text-decoration: none; color: #eee;font-size: 92%; font-weight: bold; background: transparent;}
#lcol li a:hover {background-position: -140px 0; text-decoration: none;}

#content {margin: 20px 0 30px 160px;}
* html #content {margin: 20px 0 30px 156px;}

/* styles for index page */
#welcome {width: 598px; padding: 15px; min-height: 250px; border: 1px solid #434546; background: #282828; margin: 0 0 15px 0;}
* html #welcome {height: 250px;}
#welcome p.intro {font-size:140%; line-height:140%; letter-spacing: 0.04em; text-transform: uppercase; font-weight: bold; margin-bottom: 1.4em;}
#welcome p.intro img {float: right; margin: 0 0 0 4px;}

#ul_index {list-style: none; margin: 0; padding: 0;}
#ul_index li {list-style: none; display: inline; margin: 0; padding: 0;}
#ul_index li a {padding: 110px 0 0 10px; color: #eee; font-weight: bold; text-transform: uppercase; text-decoration: none; font-size: 140%;}
#ul_index li a:hover {color: #fff;}
#ul_index li.jap {font-size:80%;}
a.box-contact {width: 190px; height: 30px; margin-right: 15px; background: url("../images/index_contact.png") top left no-repeat; display: block; float: left;}
a.box-contact:hover {background: url("../images/index_contact.png") bottom left no-repeat;}
a.box-offers {width: 190px; height: 30px; margin-right: 15px; background: url("../images/index_offers.png") top left no-repeat; display: block; float: left;}
a.box-offers:hover {background: url("../images/index_offers.png") bottom left no-repeat;}
a.box-products {width: 190px; height: 30px; background: url("../images/index_products.png") top left no-repeat; display: block; float: left;}
a.box-products:hover {background: url("../images/index_products.png") bottom left no-repeat;}

#form_subscribe {float: left; width: 200px;}
#form_subscribe table {margin: 0 0 1em; width: 180px; border: 1px solid #bd0000; background: #f8f8f8;}
#form_subscribe tr {margin: 5px;}
#form_subscribe tr.frm-title {background: #bd0000; color: #fff; margin: 0 0 10px; font-weight: bold;}
#form_subscribe tr.frm-title td {padding: 5px 0;}
#form_subscribe input {margin: 0 5px 5px;}
#form_subscribe td.inputs {padding-top: 5px;}
#form_subscribe td.inputs input {width: 168px; border: 1px solid #434546;}
#form_subscribe .submit {border: 1px solid #666666; background: #ddd; font-weight: bold; text-transform: bold; padding: 0 5px; margin-bottom: 10px;}

#editArea {width: 600px; padding: 25px 15px 30px 15px; min-height: 450px; background: #f8f8f8; margin: 0 0 15px 0; color: #333;}
*html #editArea {height: 450px;}
#editArea ul {list-style-position: inside;}
#editArea li {padding: 0 0 0.7em 20px;}

.pagination .right {float: right; padding-top:2px;}
#results .pagination {background: #f2f2f2; color:#666; padding: 6px 6px 2px 6px; border: 1px solid #ddd; margin: 1.5em 0 0.7em 0;}
.pagination a:link, .pagination a:visited, .pagination a:hover, .pagination p a:active {color: #c00; text-decoration:none; background:#fff; padding:1px 4px; border: 1px solid #ccc;}
.pagination a:hover {background:#c00; color:#fff}
.pagination p span {text-decoration:none; background:#fff; padding:1px 4px; border: 1px solid #ccc; color:#999;}
.pagination * {margin:0;}
a.manufacturer:link, a.manufacturer:visited {float: none; border: 0; background: url("../images/pop_up.gif") 100% 50% no-repeat; color: #c00; font-weight: bold; padding: 0 22px 0 0;}
a.manufacturer:hover, a.manufacturer:active {color: #c00; text-decoration: underline; background: url("../images/pop_up.gif")  100% 50% no-repeat #f8f8f8;}

#results {width: 598px; padding: 25px 15px 30px 15px; background: #f8f8f8; margin: 0 0 15px 0; color: #333;}
#results ul label {display: none;}
#results ul.sort {list-style: decimal; clear: both; width: 100%; border-top: 1px solid #ccc;}
#results ul.sort li {list-style: none; color: #a00;  font-weight: bold; padding: 0.4em 2px 0.4em 0; float: left; clear: none; width: 90px;}
#results ul.sort li img {margin: 0 0 2px 1px;}
#results ol {list-style: none; margin: 0 0 2em 0; clear: both; width: 100%; background: #f8f8f8; border-top:1px solid #ccc;}
#results ol li {list-style: none; border-bottom: 1px solid #ccc; padding: 0.4em 0; float: left; clear: none; width: 100%;}
#results li.odd {background-color: #fff;}
#results li.even {background-color: #f2f2f2;}
#results ol li ul {clear: left;}
#results ol li ul li {padding: 4px 2px 4px 0; border: 0; float: left; width: 90px;}
#results ol li ul li a {font-weight: bold;}
#results li span {display: none;}
#results li.title, #results ul.sort li.title {width: 245px; padding-left: 4px;}
#results li.brand, #results ul.sort li.brand {width: 123px; padding-left: 4px;}
#results li.type, #results ul.sort li.type {width: 118px;}
#results li.price {width: 58px;}
#results ul.sort li.price {width: 106px;}
#results li.basket, #results ul.sort li basket {width: 32px;}

#results li.car, #results ul.sort li.car {width: 125px; padding-left: 4px;}
#results li.model, #results ul.sort li.model {width: 155px; padding-left: 4px;}
#results li.year, #results ul.sort li.year {width: 95px; padding-left: 4px;}
#results li.fitment, #results ul.sort li.fitment {width: 120px; padding-left: 4px;}
#results li.pressure, #results ul.sort li.pressure {width: 75px;}
#results ul.sort li.fitment {width: 106px;}

a.basket:link, a.basket:visited {background: url("../images/btn_basket_sm.gif") top left no-repeat; width: 32px; height: 20px; display: block;}
a.basket:hover {background-position: 0 -20px;}
a.basket span {display: none;}
a.addSm:link, a.addSm:visited {border: 1px solid #c00; background: #f00; color: #fff; font-weight: bold; padding: 0 12px; text-decoration: none; margin-top: 8px;}
a.addSm:hover, a.addSm:active {background-color: #c00; text-decoration: none;}

#display {width: 598px; padding: 25px 15px 30px 15px; min-height: 550px; background: #f8f8f8; margin: 0 0 15px 0; color: #333; position: relative;}
* html #display {height: 550px;}
#display dl {border-top: 1px solid #ccc; padding: 0.8em 0; margin: 0.8em 0; clear: right;}
#display dt {font-weight: bold; margin: 0 0 1.2em 0; color: #c00; font-size: 120%;}
#display dt span {display: none;}
#display dt.image {float: right; width: 200px; border: 4px double #ddd; background: #fff; text-align: center; margin: 0 0 2em 10px; padding: 0;}
#display dd span {font-weight: bold;}
#content .bottom {clear: right; padding: 0.8em 0 1em 0; border: 1px solid #ccc; border-width: 1px 0;}
a.add:link, a.add:visited {border: 1px solid #600; background: #c00; color: #fff; font-weight: bold; padding: 0 12px; text-decoration: none;}
a.add:hover, a.add:active {background-color: #a00; text-decoration: none;}
p.basket {padding-top: 1.2em; border:}

.imgsmall {float: right; margin: 0 0 8px 8px; padding: 10px 10px 24px 10px; border: 1px solid #ccc; background: #fff;}

#footer {text-align: center; width: 630px; margin: 0 auto; padding: 60px 0 30px 0; float: left;}
#footer ul {list-style: none; margin: 0; padding: 0; line-height: 150%;}
#footer li {list-style: none; display: inline; margin: 0; padding: 0;}
#footer a:link, #footer a:active, #footer a:visited {color: #eee; text-decoration: none;}
#footer a:hover {text-decoration: none; background: #2D2D2D;}
#footer li a {margin: 0 -4px 0 0; padding: 0 6px; text-decoration: none; border-left: 1px solid #444;}
#footer li a.first {border-width: 0;}
#footer ul.list {margin-top: 0.4em;}
#footer ul.address {font-size: 92%; color: #999; margin-top: 2em; text-align: center;}
#footer ul.address li ul li ul li {padding:0 6px;}

#footer a.langfra:link, #footer a.langfra:visited {padding-left: 26px; background: url("../images/lang_fra_sm.gif") center left no-repeat;}
#footer a.langfra:hover {background: url("../images/lang_fra_sm.gif") center left no-repeat #2D2D2D;}
#footer a.langjap:link, #footer a.langjap:visited {padding-left: 26px; background: url("../images/lang_jap_sm.gif") center left no-repeat;}
#footer a.langjap:hover {background: url("../images/lang_jap_sm.gif") center left no-repeat #2D2D2D;}
#footer a.langeng:link, #footer a.langeng:visited {padding-left: 26px; background: url("../images/lang_eng_sm.gif") center left no-repeat;}
#footer a.langeng:hover {background: url("../images/lang_eng_sm.gif") center left no-repeat #2D2D2D;}