@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_body2.gif) repeat-x; background-color:#ffffff; height:100%; font-size:12px; } /* Page Structure --------------------------------------------------------------------------------------- */ #vehicles, #birdsville, #esperance, #classic, #freewind, #huntsman, #leisure, #longreach, #nullabor, #used, #service, #contact, #about, #finance, #links, #deals, #testimonials, #trade {width:900px; margin:0 auto; } #enquiry {width:500px; padding:25px; } #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;} #vehicles #banner, #birdsville #banner, #esperance #banner, #classic #banner, #freewind #banner, #huntsman #banner, #leisure #banner, #longreach #banner, #nullabor #banner, #used #banner, #service #banner, #contact #banner, #about #banner, #finance #banner, #links #banner, #deals #banner, #testimonials #banner, #trade #banner {background:url(../images/bDrop_vehicle.jpg) no-repeat; height:127px; padding-top:58px; padding-left:485px; } #birdsville #banner {background:url(../images/bDrop_birdsville.jpg) no-repeat; } #esperance #banner {background:url(../images/bDrop_esperance.jpg) no-repeat; } #classic #banner {background:url(../images/bDrop_classic.jpg) no-repeat; } #freewind #banner {background:url(../images/bDrop_freewind.jpg) no-repeat; } #huntsman #banner {background:url(../images/bDrop_huntsman.jpg) no-repeat; } #leisure #banner {background:url(../images/bDrop_leisure.jpg) no-repeat; } #longreach #banner {background:url(../images/bDrop_longreach.jpg) no-repeat; } #nullabor #banner {background:url(../images/bDrop_nullabor.jpg) no-repeat; } #service #banner {background:url(../images/bDrop_service.jpg) no-repeat; } #contact #banner {background:url(../images/bDrop_contact.jpg) no-repeat; } #used #banner, #trade #banner {background:url(../images/bDrop_used.jpg) no-repeat; } #about #banner {background:url(../images/bDrop_about.jpg) no-repeat; } #finance #banner {background:url(../images/bDrop_finance.jpg) no-repeat; } #links #banner {background:url(../images/bDrop_links.jpg) no-repeat; } #deals #banner {background:url(../images/bDrop_deals.jpg) no-repeat; } #testimonials #banner {background:url(../images/bDrop_testimonials.jpg) no-repeat; } #content .col01 { padding:25px; width:535px; } #content .col02 { float:right; width:307px; } #content, #newmotor { padding:25px; } #product {height:150px; margin:0 auto; width:800px;} #product ul { margin: 0; padding: 0; list-style-type: none; list-style-image: none; list-style-position: outside; display:block;} #product ul li { float: left; margin: 0; padding: 0; } #product ul li a { height:150px; display: block; margin: 0; padding: 0;} #product2 {height:150px; margin:0 auto; width:600px; } #product2 ul { margin: 0; padding: 0; list-style-type: none; list-style-image: none; list-style-position: outside; display:block;} #product2 ul li { float: left; margin: 0; padding: 0; } #product2 ul li a { height:150px; display: block; margin: 0; padding: 0;} #latest {height:300px; margin:15px 5px 0 5px; } #latest ul { margin: 0; padding: 0; list-style-type: none; list-style-image: none; list-style-position: outside; display: block;} #latest ul li { float: left; margin:10px 10px; padding: 0;} #latest ul li a { height:300px; display: block; margin: 0; padding: 0; } #insurance { height:65px; margin:15px 5px 0 5px; } #insurance ul { margin: 0; padding: 0; list-style-type: none; list-style-image: none; list-style-position: outside; display: block;} #insurance ul li { float: left; margin:10px 10px; padding: 0;} #target { height:65px; margin:15px 5px 0 5px; } #target ul { margin: 0; padding: 0; list-style-type: none; list-style-image: none; list-style-position: outside; display: block;} #target ul li { float: left; margin:10px 10px; padding: 0;} #target ul li a { height:65px; display: block; margin: 0; padding: 0; } #slideshow { position:relative; height:125px; } #slideshow DIV { position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 125px; background-color: #FFF;} #slideshow DIV.active { z-index:10; opacity:1.0;} #slideshow DIV.last-active { z-index:9;} #slideshow DIV IMG { height: 125px; display: block; border: 0; } .img, #contact .img { width:240px; height:125px; float:left; margin-right:20px; margin-bottom:10px; position:relative; } #contact .img { width:200px; height:200px; } .break, .break2 {clear:both; background:url(../images/bDrop_break.gif) top no-repeat; height:12px; margin:20px 0;} .break2 {background:none; height:15PX;} .gallery {float:right; width:350px; margin:21px 0 25px 25px;} #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, h4 {} .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; } #banner h2 a { background:url(../images/bt_compare.png) no-repeat; height:60px; width:296px; text-indent:-9999px; display:block; } #vehicles h1, #birdsville h1, #esperance h1, #classic h1, #freewind h1, #huntsman h1, #leisure h1, #longreach h1, #nullabor h1, #used h1, #service h1, #contact h1, #about h1, #finance h1, #links h1, #deals h1, #testimonials h1, #trade h1 { background:url(../images/hd_vehicles.gif) no-repeat; height:40px; width:535px; text-indent:-9999px; } #vehicles h1 {height:40px;} #birdsville h1 { background:url(../images/hd_birdsville.gif) no-repeat; height:40px; } #esperance h1 { background:url(../images/hd_esperance.gif) no-repeat; } #classic h1 { background:url(../images/hd_classic.gif) no-repeat; } #used h1 { background:url(../images/hd_used.gif) no-repeat; } #enquiry h1 { background:url(../images/hd_enquire.gif) no-repeat; } #freewind h1 { background:url(../images/hd_freewind.gif) no-repeat; } #leisure h1 { background:url(../images/hd_leisure.gif) no-repeat; } #longreach h1 { background:url(../images/hd_longreach.gif) no-repeat; } #nullabor h1 { background:url(../images/hd_nullabor.gif) no-repeat; } #service h1 { background:url(../images/hd_service.gif) no-repeat; } #contact h1 { background:url(../images/hd_contact.gif) no-repeat; } #about h1 { background:url(../images/hd_about.gif) no-repeat; } #finance h1 { background:url(../images/hd_finance.gif) no-repeat; } #links h1 { background:url(../images/hd_links.gif) no-repeat; } #deals h1 { background:url(../images/hd_deals.gif) no-repeat; } #testimonials h1 { background:url(../images/hd_testimonials.gif) no-repeat; } #trade h1 { background:url(../images/hd_trade.gif) no-repeat; } #trade h1.wanted { background:url(../images/hd_wanted.gif) no-repeat; } .overview h2, .features h2, .floorplans h2 { background:url(../images/hd_overview.gif) no-repeat; height:30px; width:535px; text-indent:-9999px; } .features h2 { background:url(../images/hd_features.gif) no-repeat; } .floorplans h2 { background:url(../images/hd_floorplans.gif) no-repeat; } #tellafriend h2 a { background:url(../images/bt_tellafriend.png) no-repeat; height:28px; width:100px; text-indent:-9999px; text-decoration:none; display:block; } #enquire h2 a { background:url(../images/bt_enquiry.png) no-repeat; height:28px; width:129px; text-indent:-9999px; text-decoration:none; display:block;} h2 { font-size:18px; line-height:18px; margin-bottom:11px; font-weight:bold; color:#072263; } h3 {color:#dd0419; font-size:14px; line-height:21px; margin-bottom:11px; font-weight:bold; font-style:italic; } h4 {color:#072263; font-size:12px; line-height:18px; margin-bottom:11px; font-weight:bold;} h4.red {color:#dd0419; } /* Text Styles --------------------------------------------------------------------------------------- */ p {font-size:12px; line-height:18px; margin-bottom:18px; } .list {font-size:12px; line-height:18px; margin:5px 15px 10px 10px; list-style:disc; padding:0 0 0 10px; list-style-position: outside; display:block; } /* Links --------------------------------------------------------------------------------------- */ a, 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:visited, a:hover, #content a, a:visited, a:hover {margin:0px; font-family:'Arial', Helvetica, Lucida Grande sans-serif; color:#072263; padding-bottom:2px; } #content .col01 a:hover, #content a:hover { color:#072263; border-bottom:dashed 1px; } #tellafriend h2 a, #tellafriend h2 a:visited, #tellafriend h2 a:hover, #enquire h2 a, #enquire h2 a:visited, #enquire h2 a:hover {margin:0px; padding:0; border-bottom:none } #product ul li a.esperance { width: 200px; height: 150px; background: url(../images/bt_esperance.jpg) top no-repeat; text-indent: -9999px; } #product ul li a.birdsville { width: 200px; height: 150px; background: url(../images/bt_birdsville.jpg) top no-repeat; text-indent: -9999px; } #product2 ul li a.classic { width: 200px; height: 150px; background: url(../images/bt_classic.jpg) top no-repeat; text-indent: -9999px; } #product ul li a.freewind { width: 200px; height: 150px; background: url(../images/bt_freewind.jpg) top no-repeat; text-indent: -9999px; } #product ul li a.huntsman { width: 200px; height: 150px; background: url(../images/bt_huntsman.jpg) top no-repeat; text-indent: -9999px; } #product ul li a.lseeker { width: 200px; height: 150px; background: url(../images/bt_lseeker.jpg) top no-repeat; text-indent: -9999px; } #product2 ul li a.longreach { width: 200px; height: 150px; background: url(../images/bt_longreach.jpg) top no-repeat; text-indent: -9999px; } #product2 ul li a.nullabor { width: 200px; height: 150px; background: url(../images/bt_nullabor.jpg) top no-repeat; text-indent: -9999px; } #latest ul li a.wan, #latest ul li a.wan:hover { width: 106px; height: 149px; background: url(../images/bt_wan.gif) top no-repeat; text-indent: -9999px; border-bottom:none; } #latest ul li a.cmt1, #latest ul li a.cmt1:hover { width: 106px; height: 149px; background: url(../images/bt_cmt1.gif) top no-repeat; text-indent: -9999px; border-bottom:none;} #latest ul li a.cmt2, #latest ul li a.cmt2:hover { width: 106px; height: 149px; background: url(../images/bt_cmt2.gif) top no-repeat; text-indent: -9999px; border-bottom:none;} #latest ul li a.cmt3, #latest ul li a.cmt3:hover { width: 106px; height: 149px; background: url(../images/bt_cmt3.gif) top no-repeat; text-indent: -9999px; border-bottom:none;} #latest ul li a.cmt4, #latest ul li a.cmt4:hover { width: 106px; height: 149px; background: url(../images/bt_cmt4.gif) top no-repeat; text-indent: -9999px; border-bottom:none;} #latest ul li a.cmt5, #latest ul li a.cmt5:hover { width: 106px; height: 149px; background: url(../images/bt_cmt5.gif) top no-repeat; text-indent: -9999px; border-bottom:none;} #latest ul li a.cmt6, #latest ul li a.cmt6:hover { width: 106px; height: 149px; background: url(../images/bt_cmt6.gif) top no-repeat; text-indent: -9999px; border-bottom:none; } #latest ul li a.cmt7, #latest ul li a.cmt7:hover { width: 106px; height: 149px; background: url(../images/bt_cmt7.gif) top no-repeat; text-indent: -9999px; border-bottom:none;} #latest ul li a.cmt8, #latest ul li a.cmt8:hover { width: 106px; height: 149px; background: url(../images/bt_cmt8.gif) top no-repeat; text-indent: -9999px; border-bottom:none;} #latest ul li a.cmt9, #latest ul li a.cmt9:hover { width: 106px; height: 149px; background: url(../images/bt_cmt9.gif) top no-repeat; text-indent: -9999px; border-bottom:none;} #latest ul li a.cmt10, #latest ul li a.cmt10:hover { width: 106px; height: 149px; background: url(../images/bt_cmt10.gif) top no-repeat; text-indent: -9999px; border-bottom:none;} #insurance ul li.racv { width: 101px; height: 65px; background: url(../images/ic_racv.gif) top no-repeat; text-indent: -9999px; } #insurance ul li.oamps { width: 128px; height: 65px; background: url(../images/ic_oamps.gif) top no-repeat; text-indent: -9999px; } #insurance ul li.cmca { width: 79px; height: 65px; background: url(../images/ic_cmca.gif) top no-repeat; text-indent: -9999px; } #insurance ul li.cil { width: 91px; height: 65px; background: url(../images/ic_cil.gif) top no-repeat; text-indent: -9999px; } #insurance ul li.apia { width: 89px; height: 65px; background: url(../images/ic_apia.gif) top no-repeat; text-indent: -9999px; } #insurance ul li.mhia { width: 128px; height: 65px; background: url(../images/ic_mhia.gif) top no-repeat; text-indent: -9999px; } #target ul li a.vic, #target ul li a.vic:hover { width: 84px; height: 65px; background: url(../images/ic_vic.gif) top no-repeat; text-indent: -9999px; } #target ul li a.explore, #target ul li a.explore:hover { width: 75px; height: 65px; background:url(../images/ic_explore.gif) no-repeat; text-indent: -9999px; } #target ul li a.discover, #target ul li a.discover:hover { width: 76px; height: 65px; background: url(../images/ic_discover.gif) top no-repeat; text-indent: -9999px; } #target ul li a.camps, #target ul li a.camps:hover { width: 77px; height: 65px; background: url(../images/ic_camps.gif) top no-repeat; text-indent: -9999px; } #target ul li a.rvclub, #target ul li a.rvclub:hover { width: 148px; height: 65px; background: url(../images/ic_rvclub.gif) top no-repeat; text-indent: -9999px; } #footer .col02 a, 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; } #banner h2 a, #banner h2 a:visited, #banner h2 a:hover {margin:0; padding:0px; }