@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0; background: url(images/bg.jpg) repeat-x #d3d3d3; font-family:"Trebuchet MS", Verdana, Arial, "Lucida Sans"; font-size:13px; color:#6b6b6b; line-height:20px}
body img{ border:0} 
a { text-decoration:none; color:#0099cc}
a:hover{color:#6b6b6b;}
h1,h2,h3{ margin:0; padding:0; font-weight:normal; line-height: normal}
h1{ color:#333333; font-size:24px}
h2{ color:#333333; font-size:18px}
#main{ background:url(images/bg.png); width:902px; margin:0 auto; padding-left:33px; padding-right:33px; padding-bottom:33px}
#header{ height:143px}
.clear{ clear:both}
#logo{ width:441px; float:left; padding-right:30px}
#nav{ float:left; width:430px; padding-top:36px}
#nav ul{ height:48px}
#nav ul, #nav li, #sidenav ul, #sidenav li, .buttons, .buttons li, .counter ul, .counter li{ padding:0; margin:0; list-style:none}
#nav li{ float:left; padding-right:25px; padding-bottom:12px; padding-top:12px;}
#nav a { color:#aaaaaa; text-decoration:none;  text-transform:uppercase; font-size:14px}
#nav a:hover{ color:#0099cc}
#bottommenu { background:url(images/dash.gif) top repeat-x; }
#bottommenu a { color:#666666}
#headerimg{ border:8px solid #eeeeee; height:228px}
#content{ padding-top:17px}
.left{ float:left; width:596px}
.right{ float:left; width:266px; padding-left:40px}

#sidenav li{ background:url(images/dash.gif) top repeat-x; padding-top:12px; padding-bottom:12px}
#sidenav a{ font-size:17px; color:#666666; display:block; background: url(images/smallarrow.jpg) right 5px no-repeat}
#sidenav a:hover{color:#0099cc}
#contactdiv{ background:#eeeeee; padding:22px; color:#666666; font-size:15px}
.map{ background:url(images/map.jpg) right no-repeat; height:120px}
.numbers{ padding-top: 13px; background: url(images/dash.gif) top repeat-x}


/*.footer{ width:960px; margin:0 auto; padding-top:33px; padding-bottom:33px}*/
.footer{ width:960px; margin:0 auto; padding-top:15px;}
.footer a {color:#6b6b6b; text-decoration:underline}
.footer a:hover{color:#0099cc; text-decoration:none}
.footerleft{ float:left; width:60$}
.footerright{ float: right; width:40%; text-align:right} 

#greyfooter.footer{background:#e8e8e8;}
#greyfooter .footerleft{ padding-left:29px}

#greyfooter .footerright{ padding-right:29px}

#howtofindus{ display:block; background: url(images/arrow.jpg) right 8px no-repeat; padding-right:25px}
.padright29px{ padding-right:29px;}
.clear1{ height:1px; clear:both}
.bgrounded{ background:url(images/bgshades.jpg) top repeat-x; height:1%}
#content.bgrounded{ padding-top:0}

#gallery{ float:left; width:440px}
#galleryimg{ border-right:8px solid #666666}mm

#numbering{ border-right:8px solid #666666; height:28px}
#pager{ float:right}

#numbering a, .counter a{ color:#FFFFFF; background:#666666; display:block; width:28px; height:24px; text-align:center; padding-top:4px; float:left}
#pager a:hover, #pager a.activeSlide, .counter a:hover{ background:#0099cc;}

#contentright{ float:left; padding-left:29px; width:404px; padding-top:24px; padding-right:29px}
.carname{ padding-bottom:10px}
.carname h1{ float:left; width:289px}
#backtolist{ float:right}

.specs div{ background:url(images/dash.gif) top repeat-x; padding-top:10px; padding-bottom:10px}
.specs label{ width:84px; float:left; display:block; color:#a4a4a4; padding-bottom:10px}
.specs span{  width:320px; display:block; }
.buttons li{ float:left; padding-right:15px; padding-top:29px}

#headerwithsearch { padding-bottom:25px}
#headerwithsearch h1{ float:left; width:300px}
#carsearcher{ float:right; width:540px }
#carsearcher span{ display:block}
#carsearcher label{float:left; display:block; color:#a4a4a4; padding-bottom:10px; padding-left:29px}
#carsearcher .text{ width:125px; border:1px solid #cccccc; font-family:"Trebuchet MS", Verdana, Arial, "Lucida Sans"; color:#000000; padding-left:3px; padding-right:3px}
#text{ width:130px}
#carsearcher div{ float:left; padding-left:29px; display:inline}
.select{ width:100px; border:1px solid #cccccc; font-family:"Trebuchet MS", Verdana, Arial, "Lucida Sans"; color:#000000; padding-left:3px; padding-right:3px}
.adjustcontainer{ padding:29px}
.unit{ width:416px; float:left; padding-left:12px;  padding-bottom:29px}
.unitimage{ float:left; width:166px; border:8px solid #cccccc;}
.onaunit{ float:left; padding-left:16px; width:212px}
.onaunit h2{ padding-bottom:5px}
.onaunit label{ padding-bottom:4px}
.onaunit span{ display:block; width:128px; float:left}
.onaunit div{ clear:both; padding-top:3px; padding-bottom:0}
.counter{ height:32px; }
.counter ul{ float:left; }
.counter li{ float:left; padding-right:5px}

#selected{background:#0099cc;}