/* reset */
html,body{font-size:86%;line-height:140%}
html,body,form,fieldset{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{margin:0;padding:0}
p,pre,blockquote,ul,ol,dl,address{margin:1em 0 0 0;padding:0}
li,dd,blockquote{margin-left:1em;padding:0}
form label,a span.ir{cursor:pointer}
fieldset{border:none}
input,select,textarea{font-size:100%}
img{display:block;margin:0;padding:0;border:0}
/* reset END */

body{font-family:Arial, Helvetica, sans-serif;background:#CCC;text-align:center;margin:0;padding:0}
h1{font-size:1.6em}
h2{font-size:1.5em}
h3{font-size:1.1em}
h4{font-size:1em}

ul{margin-left:1em}

#wrapper{width:752px;text-align:left;margin:20px auto;border:1px solid #010080;color:#000;background:url(../images/content.gif) 450px 0 repeat-y #FFF}
body.cardetails #wrapper{background:#FFF}
#header{background:#A9AAD5}
#footer{text-align:right;padding-right:20px;clear:both;border-top:1px solid #010080;background:#010080}
#footer p{margin:0;padding:3px 0}

h1{height:80px;position:relative;border-bottom:1px solid #010080;text-align:center}
h1 a,h1 span{position:absolute;top:0;left:0;height:100%}
h1,h1 a,h1 span{width:100%;overflow:hidden}
h1 span{background:url(../images/header.jpg) 0 0 no-repeat transparent}

h2{clear:both;margin-bottom:1em;padding-top:20px}
h3{margin-top:1.5em}

#mainmenu,#submenu{list-style-type:none}

#mainmenu{margin:0 20px;padding:0;border-left:1px solid #010080;border-right:1px solid #010080}
#mainmenu li{display:inline;margin:0;padding:0}
#mainmenu a{display:block;float:left;width:140px;padding:5px 0;text-decoration:none;font-weight:bold;font-size:140%;color:#010080;border-left:1px solid #010080;border-right:1px solid #010080;text-align:center}
#mainmenu a:hover{background:#7C7BC8;color:#FFF}
#mainmenu li.active a,#mainmenu li.active a:hover{background:#4140A0;color:#FFF}

#submenu{clear:both;border-top:1px solid #4140A0;border-bottom:1px solid #010080;background:#4140A0;padding:4px 0 4px 20px;margin:0}
#submenu li{display:inline;margin:0 20px 0 0;padding:0}
#submenu a{color:#CFD0E8;font-weight:bold;font-size:110%;text-decoration:none}
#submenu a:hover{color:#FFF}
#submenu li.active a,#submenu li.active a:hover{color:#FFF}


#content{width:410px;min-height:220px;margin-left:20px;padding-right:300px;padding-bottom:15px;background-position:430px 20px;background-repeat:no-repeat}
#contenttable{margin-left:20px;margin-bottom:15px}

body.cardetails #content{width:710px;margin-left:20px;padding-right:0}

* html #content{height:220px}
#table_stock_available{width:710px;background:#FFF;border-top:1px solid #999;border-left:1px solid #999;border-bottom:1px solid #999}
#table_stock_available caption{font-weight:bold;padding-bottom:1em;font-weight:bold;text-align:left;font-size:120%;background:#FFF}
#table_stock_available th{text-align:center;background:#DDD;padding:3px 10px;border-bottom:3px double #999;border-right:1px solid #999;cursor:pointer}
#table_stock_available td{padding:2px 10px;border-right:1px solid #999;border-bottom:1px solid #999}
#table_stock_available td.model{width:300px}
#table_stock_available td.model span{float:left}
#table_stock_available img{float:right}

#traders_list li{margin-top:1em}
#traders_list p{margin-top:0.5em}

body.home #content{background-image:url(../images/about_us.jpg)}
body.find_your_local_trader #content{background-image:url(../images/find_your_local_trader.jpg)}
body.showroom #content{background-image:url(../images/cars_on_site.jpg)}
body.stock_available #content{background-image:url(../images/stock_available.jpg)}
body.free_car_search #content{background-image:url(../images/free_car_search.jpg)}
body.part_exchange #content{background-image:url(../images/part_exchange.jpg)}
body.special_offers #content{background-image:url(../images/special_offers.jpg)}
body.extra_services #content{background-image:url(../images/peace_of_mind.jpg)}
body.finance #content{background-image:url(../images/finance.jpg)}
body.warranty #content{background-image:url(../images/warranty.jpg)}
body.car_auction_escort_service #content{background-image:url(../images/car_auction_escort_service.jpg)}
body.contact #content{background-image:url(../images/contact_us.jpg)}

input,textarea{border:1px solid #999;width:100%;padding:2px 0}
textarea{height:10em}
input.btn{width:auto;cursor:pointer;;background:#DDD;border-right-width:2px;border-bottom-width:2px;margin-top:1em;margin-left:170px;padding:3px 10px;font-weight:bold;text-transform:uppercase}
fieldset{margin-top:1em;margin-bottom:1em;border-top:1px solid #999;padding-left:10px}
fieldset dt{margin-left:-10px}
legend{font-weight:bold;padding:3px 10px;font-weight:bold;background:#FFF}
dt,dd{float:left;margin-top:1em}
dt{width:150px;clear:left;text-align:right}
dd{width:240px}
dd.radio input{width:auto}
dd.radio label{margin:0 15px 0 3px}

dl#cardescr{clear:both;display:table;margin:0;padding:10px 0}
h2#carinfo,dt.cardescr{font-size:1.5em;text-align:left;background:#000;color:#FFF;font-weight:bold;padding:10px;margin-top:20px;width:690px}
dd.cardescr{width:690px;margin:10px 0;padding:0}
dt.carprice,dd.carprice{width:335px;margin:0 5px;float:left;font-weight:bold;font-size:3em;line-height:1em}
dt.carprice{text-align:right}

dl#cardetails{width:300px;display:table;float:left;margin:0;padding:0}
dl#cardetails dt,dl#cardetails dd{float:left;text-align:left;clear:none;margin:0.2em 0;padding:0}
dl#cardetails dt{width:100px}
dl#cardetails dd{width:200px}

dl.contact{width:400px;display:table;margin:1em 0 0 0;padding:0}
dl.contact dt,dl.contact dd{float:left;text-align:left;clear:none;margin:0.2em 0;padding:0}
dl.contact dt{width:180px;padding-right:20px;clear:left;text-align:right;}
dl.contact dd{width:200px}



#carimages{width:400px;display:table;float:right;margin:0;padding:0}
#carimages a{float:left;margin:0 17px 0 0}
#carimages a.last{margin:0}
#carimages img{border:1px solid #000}
#carimages img.carthumb{width:120px;height:70px;margin-bottom:10px}
#carimages img.carbigimg{clear:left}

#loginwrapper{width:100%;text-align:center}
#loginform{width:400px;margin:50px auto 0 auto;text-align:left;border:1px solid #999;padding:10px}
#loginform dl{margin:0}
#loginform dt,#loginform dd{margin:0;padding:0;float:none;text-align:left}
#loginform input{width:auto}

/* DON'T PUT ANYTHING BELOW THIS LINE !!! THE NEXT 5 LINES MUST BE LAST IN THIS CSS FILE */
#mainmenu:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#mainmenu{display:inline-table}
/* Hides from IE-mac \*/
* html #mainmenu{height:1%}
#mainmenu{display:block}

body.special_offers fieldset{margin-top:1.5em;margin-bottom:1em;border:1px solid #4140A0;border-top:3px double #4140A0;padding-left:10px;padding-bottom:1em}
body.special_offers fieldset fieldset{border:none;border-top:1px solid #4140A0;border-left:1px solid #4140A0;margin-right:10px;padding-left:30px;padding-bottom:0}
body.special_offers fieldset legend{font-weight:bold;padding:3px 10px;font-weight:bold}
body.special_offers fieldset fieldset legend{margin-left:-20px}
body.special_offers fieldset p{width:100px;float:left;padding:0;margin:0.5em 15px 0 0;text-align:center}
body.special_offers fieldset p.cardetails{float:none;width:auto;margin:0;padding-top:0.5em;font-weight:bold;color:#333;text-align:left}
body.special_offers fieldset p.yousave{color:#FF0000;font-weight:bold}