@charset "UTF-8"; /* CSS Document */ /* Table of Contents: Global Styles – (body, paragraphs, lists, etc) Header Page Structure Headings Text Styles */ /* Reset --------------------------------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; } body { line-height: 1.5; background: #fff; margin:1.5em 0; } /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight:400; } /* Remove possible quote marks (") from ,
. */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: none; } /* Global Styles --------------------------------------------------------------------------------------- */ html, body { border:0; margin:0; padding:0; font-family:'Arial', Helvetica, Lucida Grande sans-serif; color:#363333; text-align:left; background:url(../images/bDrop_body.gif) repeat-x; background-color:#ffffff; height:100%; font-size:12px; } /* Page Structure --------------------------------------------------------------------------------------- */ #page {width:900px; margin:0 auto; } #topmenu{ position:relative; height: 75px; } #topmenu li{ float: left ;line-height: 18px; } #topmenu li a { color: #888787; display: block; margin: 0; } #topmenu li a:hover,#topmenu li.active a{ color: #072263; text-decoration: none;} #nav, #nav ul{ padding: 0; float:left; list-style: none;} #nav { padding: 0;} #nav a { display: block;} #nav li { float: left; line-height:18px; } #nav li a:hover {background: none;} #nav li ul { position: absolute; width: 15em; left: -999em; } #nav li:hover ul, #nav li.sfhover ul { left: auto; z-index:3000; } #nav li ul li { background: #ffffff; border-bottom:1px dashed #072263; border-left:2px solid #ffffff; line-height:28px; width:10em;} #banner {background:url(../images/bDrop_banner.jpg) no-repeat; height:160px; padding-top:200px; padding-left:28px;} #content .col01 { padding:25px; width:535px; } #content .col02 { float:right; width:307px; } .img { width:240px; height:125px; float:left; margin-right:20px; margin-bottom:10px; } #teaser { list-style:none; padding:0px; clear:both; line-height:0px; margin-top:85px; } #teaser li a { height:114px; display:block; text-decoration:none; text-indent: -9999px;} #footer { background:url(../images/bDrop_footer.gif) no-repeat; padding-top:30px; } #footer .col01, #footer .col02 {float:none; width:250px; font-family:'Arial', Helvetica, Lucida Grande sans-serif; color:#888787; font-size:11px; font-weight:normal; padding:0 0px 10px 25px; line-height:18px; } #footer .col02 { float:right; width:545px; text-align:right; } /* Headings --------------------------------------------------------------------------------------- */ h1, h2, h3 {} .col01 h1 { background:url(../images/hd_home.gif) no-repeat; height:80px; width:535px; text-indent:-9999px; } #banner h1 { background:url(../images/bt_esp.png) no-repeat; height:57px; width:312px; text-indent:-9999px; } /* Text Styles --------------------------------------------------------------------------------------- */ p {font-size:12px; line-height:18px; margin-bottom:18px; } /* Links --------------------------------------------------------------------------------------- */ a, a:link, a:visited, a:hover {text-decoration:none; margin:0; padding:0; } #nav ul li a.home { width: 380px; height: 75px; background: url(../images/bt_home.gif) top no-repeat; text-indent: -9999px; margin:0; padding:0; } #nav ul li a.vehicles { width:67px; height: 75px; background: url(../images/bt_vehicles.gif) top no-repeat; text-indent: -9999px; margin:0; padding:0; } #nav ul li a.finance { width: 78px; height: 75px; background: url(../images/bt_finance.gif) top no-repeat; text-indent: -9999px; margin:0; padding:0;} #nav ul li a.deals { width: 107px; height: 75px; background: url(../images/bt_latest.gif) top no-repeat; text-indent: -9999px; margin:0; padding:0;} #nav ul li a.service { width: 76px; height: 75px; background: url(../images/bt_service.gif) top no-repeat; text-indent: -9999px; margin:0; padding:0;} #nav ul li a.about { width: 66px; height: 75px; background: url(../images/bt_about.gif) top no-repeat; text-indent: -9999px; margin:0; padding:0;} #nav ul li a.links { width: 63px; height: 75px; background: url(../images/bt_links.gif) top no-repeat; text-indent: -9999px; margin:0; padding:0;} #nav ul li a.contact { width: 63px; height: 75px; background: url(../images/bt_contact.gif) top no-repeat; text-indent: -9999px; margin:0; padding:0;} #nav ul li a.home:hover { background: url(../images/bt_home.gif) top no-repeat; } #nav ul li a.vehicles:hover { background: url(../images/bt_vehicles.gif) bottom no-repeat; } #nav ul li a.finance:hover { background: url(../images/bt_finance.gif) bottom no-repeat;} #nav ul li a.deals:hover { background: url(../images/bt_latest.gif) bottom no-repeat; } #nav ul li a.service:hover { background: url(../images/bt_service.gif) bottom no-repeat; } #nav ul li a.about:hover { background: url(../images/bt_about.gif) bottom no-repeat; } #nav ul li a.links:hover { background: url(../images/bt_links.gif) bottom no-repeat; } #nav ul li a.contact:hover { background: url(../images/bt_contact.gif) bottom no-repeat; } #content .col01 a, a:link, a:visited, a:hover {margin:0px; font-family:'Arial', Helvetica, Lucida Grande sans-serif; color:#072263; padding-bottom:2px; } #content .col01 a:hover { color:#072263; border-bottom:dashed 1px; } #teaser .finance a { width:307px; background: url(../images/bt_teaser1.gif) no-repeat left top; margin:0; padding:0; } #teaser .finance a:hover { background: url(../images/bt_teaser1.gif) no-repeat left bottom; margin:0; padding:0; } #teaser .testi a { width:307px; background: url(../images/bt_teaser3.gif) no-repeat left top; margin:0; padding:0; } #teaser .testi a:hover { background: url(../images/bt_teaser3.gif) no-repeat left bottom; margin:0; padding:0; } #teaser .used a { width:307px; background: url(../images/bt_teaser2.gif) no-repeat left top; margin:0; padding:0;} #teaser .used a:hover { background: url(../images/bt_teaser2.gif) no-repeat left bottom; margin:0; padding:0; } #teaser .wanted a { width:307px; background: url(../images/bt_teaser4.gif) no-repeat left top; margin:0; padding:0;} #teaser .wanted a:hover { background: url(../images/bt_teaser4.gif) no-repeat left bottom; margin:0; padding:0; } #footer .col02 a, a:link, a:visited, a:hover {margin-left:25px; font-family:'Arial', Helvetica, Lucida Grande sans-serif; color:#072263; padding-bottom:2px; } #footer .col02 a:hover { color:#072263; border-bottom:dashed 1px; }