* { margin:0; padding:0; } body { margin:0; padding:0; font-family:Arial; font-size:1em; color:#333; background-color:#ccc; /* background:#c0c0c0 url(../images/patterns/34936.png) fixed; color:black; */ } a { text-decoration:underline; font-weight:bold; color:#006; } a:hover { color:#777; } h1, h2, h3, h4 { font-family:Verdana, Arial; font-variant:small-caps; font-weight:bold; color:#333; } h1 { margin-bottom:12px; padding-bottom:7px; font-size:1.5em; /* border-bottom:2px dashed #FFCC00; */ } h2 { margin-bottom:10px; padding-bottom:5px; font-size:1.3em; } h3 { margin-bottom:9px; padding-bottom:3px; font-size:1.2em; } h4 { margin-bottom:7px; padding-bottom:1px; font-size:1em; } hr { display:none; } .hr1{ clear:both; width:100%; margin:17px 0 0 0; padding:0; border-top:2px solid #333; /* border-bottom:2px solid #ffcc00; */ } .hr2{ clear:both; width:100%; margin:17px 0 0 0; padding:0; border-top:2px solid #ffcc00; /* border-bottom:2px solid #ffcc00; */ } img { border:none; } .frame { border:2px solid #333; } form { margin:0; padding:0; } .left { float:left; } .right { float:right; } .clear { clear:both; } /* ul, ol { margin-left:1.5em; } */ .cash { background-color:/* #E6FFD8 */#00B200; color:#f2f2f2; } .cashtxt { color:#00B200; font-weight:bold; } .sold { background-color:/* #FED7C8 */#B20000; color:#f2f2f2; } .soldtxt { color:#B20000; font-weight:bold; } /* WRAPPER */ #wrapper { position:relative; width:944px; height:auto; margin:0 auto; padding:0 10px; border:none; background:transparent url(../images/bg.png) repeat-y 0 0; /* background-color:white; */ } /* TOP */ #top { width:944px; height:156px; margin:0; padding:0; border:none; /* background-color:#6A6A5A; */ background:transparent url(../images/header.png) no-repeat -396px -66px; } images/ /* logo */ #top #logo { /* background-color:white; */ } #top #logo img { position:absolute; z-index:10; top:16px; left:20px; width:360px; margin:0; padding:7px; } /* display area */ #top #display { position:absolute; z-index:10; top:1px; left:609px; width:340px;/* height:150px; */ margin:0; padding:7px 0 0 0; text-align:right; background-color:transparent; color:white; /* border:1px dotted red; */ } #top #display img { float:right; padding-left:15px; } #top #display p.phone { float:right; padding-top:9px; padding-bottom:5px; font-size:1.3em; font-weight:bold; } #top #display p.hours { float:right; padding-top:5px; font-size:.9em; font-weight:bold; border-top:1px dashed #666; } #top #display .container { position: relative; left: 1px; top: 1px; color: #000; } #top #display .text { position: absolute; left: -1px; top: -1px; color: white;} /* main nav */ #top #mainnav { position:absolute; z-index:10; top:118px; left:10px; width:855px; height:24px; margin:0; padding:9px 20px 0 17px; text-align:center; overflow:hidden; font-size:.9em; color:black; white-space:nowrap; background-color:transparent; /* border:1px dotted red; */ } #top #mainnav ul { list-style-type:none; } #top #mainnav ul li { float:left; margin:0; padding:0 17px 0 0px; /* background-color:red; */ } #top #mainnav ul li a { display:block; padding-bottom:1px; text-decoration:none; font-weight:bold; font-variant:small-caps; color:#333; border-bottom:2px dotted #FFCC00 !important; } #top #mainnav ul li a:hover { text-decoration:none; font-weight:bold; color:#999; border-bottom:1px dotted #ccc !important; } /* MAIN */ #main { position:relative; width:905px; min-height:400px; height:auto !important; height:400px; margin:0; padding:10px 17px 26px 17px; font-size:.9em; /* background-color:white; */ /* border:1px dotted red; */ } #main ol, #main ul { margin-left:1.5em; margin-bottom:17px; }/* RESET LISTS MARGINS SO BULLETS AND NUMBERS WILL BE VISIBLE/ALIGNED */ #main table { border-collapse:collapse; } /* LEFT */ #left { position:relative; float:left; width:662px; margin:0; padding:/* 20px 22px */0; font-size:1em; line-height:1.5em; /* border:1px dotted red; */} #left p { margin-bottom:17px; } #left .title { display:block; padding-top:2px; font-weight:bold; font-variant:small-caps; text-align:center; color:#eaeaea; background-color:#333; border-bottom:2px solid #ffcc00; } #left .isolate { background-color:#eaeaea; border:2px solid #333; } /* featured vehicle box */ #left #featured-vehicle { /* float:right; */ width:280px; height:/* 340px */auto; margin-left:15px; text-align:center; border:2px solid #333; background-color:#eaeaea; } #left #featured-vehicle img { width:260px; margin-top:5px; border:2px solid white; } #left #featured-vehicle h3 { margin-bottom:0px; } #left #featured-vehicle ul.stats { margin:0 11px 8px 10px; padding:0; list-style-type:none; text-align:right; } #left #featured-vehicle ul.stats li { border-bottom:1px dotted #333; } #left #featured-vehicle ul.stats li span { float:left; font-weight:bold; } #left #featured-vehicle p { margin-bottom:10px; } /* vehicles grid/table */ #left table.vehicle-grid { width:100%; margin-bottom:17px; border-collapse:collapse; border:2px solid #333; background-color:#999999; color:#121212; } #left table.vehicle-grid tr th { font-variant:small-caps; font-weight:bold; color:#eaeaea; background-color:#333; border-bottom:2px solid #ffcc00; } #left table.vehicle-grid tr th a { text-decoration:none; color:#eaeaea; border-bottom:1px dotted #FFCC00; } #left table.vehicle-grid tr td { border-bottom:1px dotted #333; } #left table.vehicle-grid tr.alt { background-color:/* #eaeaea */#CCCCCC; } /* #left table.vehicle-grid tr.cash { background-color:#E6FFD8; } #left table.vehicle-grid tr.sold { background-color:#FED7C8; } */ #left table.vehicle-grid tr:hover { background-color:/* #D0D8F8 */#333333; color:#fff; } #left table.vehicle-grid tr .pic, #left table.vehicle-grid tr .year, #left table.vehicle-grid tr .make, #left table.vehicle-grid tr .model, #left table.vehicle-grid tr .color, #left table.vehicle-grid tr .miles, #left table.vehicle-grid tr .price { padding:3px 4px 0 3px; } /* GROUP STYLE border-bottom:1px dashed #ccc;*/ #left table.vehicle-grid tr .pic { width:16px; } #left table.vehicle-grid tr .year { width:65px; text-align:left; } #left table.vehicle-grid tr .make { width:75px; text-align:left; } #left table.vehicle-grid tr .model { width:auto; text-align:left; } #left table.vehicle-grid tr .color { width:75px; text-align:center; } #left table.vehicle-grid tr .miles { width:70px; text-align:right; } #left table.vehicle-grid tr .price { width:80px; text-align:right; } /* vehicle page */ #left .vehicle { text-align:left; margin-bottom:17px; } /*#left .vehicle .images { width:646px; margin-bottom:17px; padding:6px; background-color:#eaeaea; border:2px solid #333; } #left .vehicle .images .img-main img { width:503px; border:2px solid white; } #left .vehicle .images .img-sm { float:right; clear:right; } #left .vehicle .images .img-sm p, #left .vehicle .images .img-sm .img-sm-1 img, #left .vehicle .images .img-sm .img-sm-2 img, #left .vehicle .images .img-sm .img-sm-3 img { width:127px; margin-bottom:12px; border:1px dotted #d00; } #left .vehicle .images .img-sm p { margin-bottom:0; line-height:1.2em; font-size:.9em; border:none !important; }*/ #left .vehicle .images { width:646px; height:382px; margin-bottom:17px; padding:6px; background-color:#eaeaea; border:2px solid #333; } #left .vehicle .images p { padding-left:7px; line-height:1.2em; font-size:.9em; border:none !important; } #left .vehicle .images .img-main img { float:left; clear:left; width:503px; border:2px solid white; } #left .vehicle .images .img-sm .img-sm-1 img, #left .vehicle .images .img-sm .img-sm-2 img, #left .vehicle .images .img-sm .img-sm-3 img { width:127px; margin-left:7px; margin-bottom:12px; border:1px dotted #d00; } #left .vehicle .features { float:right; clear:right; width:300px; margin-bottom:17px; text-align:left; } #left .vehicle .features p { margin-bottom:0; padding:2px 7px 3px 7px; font-size:.9em; line-height:1.4em; } #left .vehicle .financing { float:right; clear:right; width:300px; margin-bottom:17px; text-align:center; } #left .vehicle .financing p { margin-bottom:0; padding:2px 6px; font-size:.9em; } #left .vehicle .stats { float:left; width:340px; margin-bottom:17px; } #left .vehicle .stats ul { margin:0 0 0 0; padding:1px 6px 5px 6px; list-style-type:none; text-align:right; font-size:.9em; } #left .vehicle .stats ul li { display:block; border-bottom:1px dotted #333; } #left .vehicle .stats ul li.alt { background-color:#ccc; } #left .vehicle .stats ul li.last { border:none; } #left .vehicle .stats ul li span { float:left; font-weight:bold; } /* RIGHT (HOMEPAGE) */ #right { position:relative; float:right; width:208px; margin:0; padding:/* 20px */0; font-size:.9em; } #right p { margin-bottom:9px; } #right img { margin-bottom:9px; } #right h3 { border-bottom:1px dashed #000066; } /* vehicles menu */ #right ul.vehicles-side-nav { list-style-type:square; list-style-image:url(../images/bullet1.gif); margin-left:1.5em; } #right ul.vehicles-side-nav a { text-decoration:none; } /* questions form */ #right .question-form { margin-bottom:20px; } #right .question-form h3 { font-size:.9em; } #right .question-form ul { list-style-type:none; margin:0; } #right .question-form ul li { padding-bottom:5px; } #right .question-form label { font-weight:bold; } #right .question-form input { width:146px; } #right .question-form select { width:148px; } #right .question-form input.btn { width:146px; } /* BOTTOM */ #bottom { clear:both; width:924px; height:40px; margin:0; padding:40px 10px 20px 10px; } #bottom p { margin:0 5px; padding:0; font-size:.7em; text-align:left; color:black; } #bottom p a { text-decoration:none; color:black; } #bottom p a:hover { text-decoration:none; color:#c0c0c0; }