/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : John Davies / john.davies@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for Bartletts site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#a3a3a3 url(../images/layup/bodyBg.gif) top left repeat-x; color:#fff; text-align:center; } /* This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text. Declaring the font size in pixels makes it more consistent across browsers. */ td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; } html>body td, html>body textarea, html>body input, html>body select { font-size:11px; } /* some browsers don't inherit the font into tables or textareas! */ /* ----- IDS ----- */ #container { width:900px; margin:0 auto; text-align:left; font-size:110%; line-height: 120%; } #printHeader { display:none;} #header { position: relative; height: 107px; } #header #logo { position: absolute; top: 37px; left: 10px; } #header #badge { position: absolute; top: 8px; right: 6px; } #flash { margin-top: 1px; } #primaryJumps { } #primaryJumps .box { position: relative; float: left; width: 227px; height: 230px; margin-left: -4px; margin-right: 3px; } #primaryJumps .box a { text-decoration: none; cursor: pointer; display: block; } #primaryJumps .box .bg { position: absolute; top: 0px; left: 0px; } #primaryJumps .box .title { position: absolute; top: 5px; right: 5px; } #primaryJumps .box .info { position: absolute; top: 35px; right: 13px; color: #ccfd01; font-weight: normal; background: #000; padding: 3px 3px 3px 3px } #primaryJumps .box .thumb { position: absolute; top: 72px; left: 16px; } #primaryJumps .box .detail { position: absolute; top: 166px; left: 23px; width: 190px; font-weight: normal; } #primaryJumps .box .offerThumb { position: absolute; top: 70px; left: 14px; border: 1px solid #272727 !important; } #primaryJumps .last { margin-right: 0px; margin-left: -5px; position: relative; left: 2px; } #secondaryJumps { } #secondaryJumps a { text-decoration: none; cursor: pointer; display: block; width: 149px; height: 145px; font-weight: normal; } #secondaryJumps .featuredCar { background:url(../images/layup/jumpFeaturedCar.jpg) top left no-repeat; float: left; margin-left: -4px; } #secondaryJumps .featuredCar a { padding: 18px 15px 0px 15px; width: 270px; height: 127px; } #secondaryJumps .featuredCar .thumbnail { width: 134px; float:left; } #secondaryJumps .featuredCar .thumb { display: block; border: 8px solid #0a0a0a; width: 118px; height: 81px; background:url(../images/layup/noImage118x89.gif) top left no-repeat; } #secondaryJumps .featuredCar .link { background: #0d0d0d; padding: 3px 5px 3px 5px; display: block; color: #ccfd01; width: 124px; text-align: center; } #secondaryJumps .featuredCar .detail { display: block; text-align: right; line-height: 120%; padding: 22px 0px 0px 0px; } #secondaryJumps .featuredCar .detail .price { font-weight: bold; font-size: 2.0em; line-height: 120%; } #secondaryJumps .onlineStore { background:url(../images/layup/jumpOnlineStore.jpg) top left no-repeat; margin:0 0 0 3px; float: left; } #secondaryJumps .onlineStore .padding { padding:38px 0 0 13px; display:block; } #secondaryJumps .onlineStore .thumb { display: block; margin-bottom: 5px; } #secondaryJumps .onlineStore .detail { display: block; margin-bottom: 5px; } #secondaryJumps .onlineStore .link { width:125px; text-align:center; background: #000; padding: 3px 0; display: block; margin:0 0 0 2px; color: #ccfd01; } #secondaryJumps .servicing { background:url(../images/layup/jumpServicing.jpg) top left no-repeat; margin:0 0 0 2px; float: left; } #secondaryJumps .servicing .padding { padding:38px 0 0 13px; display:block; } #secondaryJumps .servicing .thumb { display: block; margin-bottom: 5px; } #secondaryJumps .servicing .detail { display: block; margin-bottom: 5px; } #secondaryJumps .servicing .link { width:125px; text-align:center; background: #000; padding: 3px 0; display: block; color: #ccfd01; } #secondaryJumps .scrappage { background:url(../images/layup/jumpScrappage.jpg) top left no-repeat; margin:0 0 0 3px; float: left; } #secondaryJumps .scrappage .padding { padding:38px 0 0 13px; display:block; } #secondaryJumps .scrappage .thumb { display: block; margin-bottom: 5px; } #secondaryJumps .scrappage .detail { display: block; margin-bottom: 5px; } #secondaryJumps .scrappage .link { width:125px; text-align:center; background: #000; padding: 3px 0; display: block; color: #ccfd01; } #secondaryJumps .motability { width:145px; background:url(../images/layup/jumpMotability.jpg) top left no-repeat; margin:0 0 0 4px; float: left; } #secondaryJumps .motability .padding { padding:38px 0 0 13px; display:block; } #secondaryJumps .motability .thumb { display: block; margin-bottom: 5px; } #secondaryJumps .motability .detail { display: block; margin-bottom: 5px; } #secondaryJumps .motability .link { width:125px; text-align:center; background: #000; padding: 3px 0; display: block; color: #ccfd01; } #homeContent { background: #1a1a1a; } #homeLeftCol { float: left; width: 594px; background:url(../images/layup/leftColHomeBg.gif) top left no-repeat; } #homeLeftCol .padding { padding: 0px 60px 0px 18px; } #homeLeftCol .title { height: 36px; padding: 19px 0px 0px 38px; margin-bottom: 16px; } #homeRightCol { float: left; width: 306px; background:url(../images/layup/rightColHomeBg.gif) top left no-repeat; } #homeRightCol .padding { padding: 0px 20px 0px 23px; } #homeRightCol .title { height: 36px; padding: 19px 0px 0px 32px; margin-bottom: 16px; } #homeRightCol .article { background:url(../images/layup/dotsH.gif) bottom left repeat-x; margin-bottom: 10px; } #homeRightCol .article a { cursor: pointer; display: block; text-decoration: none; font-weight: normal; padding-bottom: 16px; } #homeRightCol .article .articleTitle { display: block; margin-bottom: 5px; } #homeRightCol .article .thumb { display: block; border: 5px solid #0d0d0d; width: 253px; margin-bottom: 5px; } #mainContent { background: #676767 url(../images/layup/mainContentBg.gif) top left repeat-x; } #mainContent .padding { padding: 25px 19px 1px 19px; } .cmsImage { float: right; position: relative; margin: 9px 10px 25px 25px; display: inline; } .cmsImage .frame { position: absolute; top: -11px; left: -12px; } /* ----- LOCATION ----- */ #locationAddress { width: 243px; float: left; } #locationAddress .title { margin-bottom: 15px; background: #212121; padding: 2px 2px 2px 2px; color: #cbff04; float: left; font-weight: bold; } #locationMap { width: 618px; float: left; margin-bottom: 30px; } #locationMap .title { margin-bottom: 15px; background: #212121; padding: 2px 2px 2px 2px; color: #cbff04; float: left; font-weight: bold; } #locationMap .map { float: left; border: 9px solid #282828; } #locationMap .showroom { float: left; border-right: 9px solid #282828; border-top: 9px solid #282828; border-bottom: 9px solid #282828; } #managementTeam { width: 280px; float: left; padding-bottom: 80px; } #managementTeam .title { margin-bottom: 15px; background: #212121; padding: 2px 2px 2px 2px; color: #cbff04; float: left; font-weight: bold; } #businessHours { width: 580px; float: left; padding-bottom: 80px; } #businessHours .title { margin-bottom: 15px; background: #212121; padding: 2px 2px 2px 2px; color: #cbff04; float: left; font-weight: bold; } #businessHours .col1 { float: left; border-left: 2px solid #575757; padding-left: 38px; width: 240px; } #businessHours .col2 { float: left; border-left: 2px solid #575757; padding-left: 38px; padding-top: 32px; width: 240px; } /* ----- BOX LIST ----- */ #boxList { margin-top: 28px; } #boxList .box { position: relative; width: 219px; float: left; margin-right: 8px; } #boxList .box a { display: block; text-decoration: none; cursor: pointer; width: 219px; height: 220px; } #boxList .box .bg { position: absolute; top: 0px; left: -4px; } #boxList .last { margin-right: 0px; } #boxList .box .title { position: absolute; top: 27px; left: 20px; } #boxList .box .thumb { position: absolute; top: 56px; left: 18px; } #boxList .divider { clear: both; height: 20px; padding-top: 9px; } /* ----- LISTING ----- */ #listing { margin-top: 20px; } #listing .listItem { float: left; width: 448px; margin-right: 2px; margin-bottom: 20px; } #listing .listItem a { display: block; cursor: pointer; text-decoration: none; font-weight: normal; } #listing .listItem .thumb { display: block; float: left; padding: 14px; border-left: 4px solid #cbff04; margin-right: 1px; width: 139px; height: 104px; background: #2c2c2c url(../images/layup/noImage139x104.gif) 14px 14px no-repeat; } #listing .listItem .title { display: block; float: left; text-transform: uppercase; font-weight: bold; background: url(../images/layup/stripe.gif) top left repeat-x; width: 266px; height:26px; padding: 5px 5px; } #listing .listItem .detail { display: block; float: left; background: #2c2c2c; width: 241px; padding: 6px 15px 6px 20px; height: 85px; } #listing .listItem .btn { float: right; background: #171717; color: #cbff04; text-transform: uppercase; font-weight: bold; padding: 8px 10px 8px 30px; } /* ----- NEW CAR DETAIL ----- */ #newCarOptions { padding-top: 18px; } #newCarOptions .title { background:url(../images/layup/usedCarOptionsBg.gif) top left no-repeat; padding: 13px 0px 13px 14px;height:16px; font-weight: bold; } #newCarOptions a span { display: none; } #newCarOptions .btnBrochure { float: left; } #newCarOptions .btnBrochure a { display: block; height: 74px; width: 181px; background: url(../images/layup/btnBrochure.gif) top left no-repeat; } #newCarOptions .btnBrochure a:hover { background: url(../images/layup/btnBrochure.gif) left -74px no-repeat; } #newCarOptions .btnTestDrive { float: left; } #newCarOptions .btnTestDrive a { display: block; height: 74px; width: 180px; background: url(../images/layup/btnTestDrive.gif) top left no-repeat; } #newCarOptions .btnTestDrive a:hover { background: url(../images/layup/btnTestDrive.gif) left -74px no-repeat; } #newCarOptions .btnManufacturerSite { float: left; } #newCarOptions .btnManufacturerSite a { display: block; height: 74px; width: 181px; background: url(../images/layup/btnManufacturerSite.gif) top left no-repeat; } #newCarOptions .btnManufacturerSite a:hover { background: url(../images/layup/btnManufacturerSite.gif) left -74px no-repeat; } #newCarOptions .btnAdvice { float: left; } #newCarOptions .btnAdvice a { display: block; height: 74px; width: 181px; background: url(../images/layup/btnAdvice.gif) top left no-repeat; } #newCarOptions .btnAdvice a:hover { background: url(../images/layup/btnAdvice.gif) left -74px no-repeat; } #newCarOptions .btnQuote { float: left; } #newCarOptions .btnQuote a { display: block; height: 74px; width: 177px; background: url(../images/layup/btnQuote.gif) top left no-repeat; } #newCarOptions .btnQuote a:hover { background: url(../images/layup/btnQuote.gif) left -74px no-repeat; } /* ----- NEW CAR DETAIL ----- */ #newCarOptionsALT .btnBrochure { float: left; } #newCarOptionsALT .btnBrochure a { display: block; height: 74px; width: 225px; background: url(../images/layup/btnBrochureLarge.gif) top left no-repeat; } #newCarOptionsALT .btnBrochure a:hover { background: url(../images/layup/btnBrochureLarge.gif) left -74px no-repeat; } #newCarOptionsALT .btnTestDrive { float: left; } #newCarOptionsALT .btnTestDrive a { display: block; height: 74px; width: 225px; background: url(../images/layup/btnTestDriveLarge.gif) top left no-repeat; } #newCarOptionsALT .btnTestDrive a:hover { background: url(../images/layup/btnTestDriveLarge.gif) left -74px no-repeat; } #newCarOptionsALT .btnManufacturerSite { display:none; } #newCarOptionsALT .btnAdvice { float: left; } #newCarOptionsALT .btnAdvice a { display: block; height: 74px; width: 225px; background: url(../images/layup/btnAdviceLarge.gif) top left no-repeat; } #newCarOptionsALT .btnAdvice a:hover { background: url(../images/layup/btnAdviceLarge.gif) left -74px no-repeat; } #newCarOptionsALT .btnQuote { float: left; } #newCarOptionsALT .btnQuote a { display: block; height: 74px; width: 225px; background: url(../images/layup/btnQuoteLarge.gif) top left no-repeat; } #newCarOptionsALT .btnQuote a:hover { background: url(../images/layup/btnQuoteLarge.gif) left -74px no-repeat; } #newCarFinance { margin-top: 5px; margin-bottom: 15px; float: left; width: 580px; background: #565656 url(../images/layup/newCarFinanceContentBg.gif) top left repeat-x; padding-bottom: 12px; } #newCarFinance .title { background:url(../images/layup/newCarFinanceBg.gif) top left no-repeat; padding: 13px 0px 20px 14px; font-weight: bold; position: relative; } #newCarFinance .arrowDown { position: absolute; top: 21px; right: 18px; } #otherOptions { margin-top: 5px; width: 296px; background: #333333; float: right; margin-bottom: 15px; } #otherOptions .title { background:url(../images/layup/otherOptionsBg.gif) top left no-repeat; color: #cbff04; text-transform: uppercase; padding: 13px 0px 20px 14px; font-weight: bold; position: relative; } #otherOptions .arrowDown { position: absolute; top: 21px; right: 14px; } #otherOptions .box { width: 295px; height: 105px; border-bottom: 1px solid #1f1f1f; border-right: 1px solid #1f1f1f; } #otherOptions .box a { display: block; width: 203px; height: 86px; text-decoration: none; font-weight: normal; cursor: pointer; padding: 19px 0px 0px 92px; } #otherOptions .box.demoModels { background:url(../images/layup/demoModels.gif) top left no-repeat; } #otherOptions .box.currentOffers { background:url(../images/layup/currentOffers.gif) top left no-repeat; } #otherOptions .box.preReg { background:url(../images/layup/preRegStock.gif) top left no-repeat; } #otherOptions .box .name { display: block; text-transform: uppercase; font-weight: bold; width: 144px; text-align: right; padding-right: 10px; height: 23px; } #otherOptions .box .detail { display: block; width: 141px; padding-left: 18px; } /* ----- USED CAR DETAIL ----- */ #carImagery { margin-top: 5px; margin-bottom: 5px; border-left: 13px solid #0f0f0f; border-right: 13px solid #0f0f0f; border-top: 13px solid #0f0f0f; border-bottom: 13px solid #0f0f0f; background: #171717; padding: 14px 0px 14px 43px; } #carImagery #carPhoto { float: left; background:url(../images/layup/noImage364x273.gif) top left no-repeat; width: 364px; height: 300px; margin-right: 42px; } #carImagery #carPhoto .enlarge { background: #000000; padding: 5px 0px 5px 11px; margin-top: 5px; font-weight: bold; } #carImagery #thumbnails { width: 410px; float: left; } #carImagery #thumbnails .thumb { float: left; background:url(../images/layup/noImage106x80.gif) top left no-repeat; width: 106px; height: 69px; margin-right: 28px; margin-bottom: 30px; } #carImagery #thumbnails .last { margin-bottom: 0px; } #printCarDetails { display: none; } #usedCarOptions { } #usedCarOptions .title { background:url(../images/layup/usedCarOptionsBg.gif) top left no-repeat; padding: 13px 0px 13px 14px; font-weight: bold; } #usedCarOptions a span { display: none; } #usedCarOptions .btnEnquiry { float: left; } #usedCarOptions .btnEnquiry a { display: block; height: 74px; width: 181px; background: url(../images/layup/btnEnquiry.gif) top left no-repeat; } #usedCarOptions .btnEnquiry a:hover { background: url(../images/layup/btnEnquiry.gif) left -74px no-repeat; } #usedCarOptions .btnFriend { float: left; } #usedCarOptions .btnFriend a { display: block; height: 74px; width: 180px; background: url(../images/layup/btnSendFriend.gif) top left no-repeat; } #usedCarOptions .btnFriend a:hover { background: url(../images/layup/btnSendFriend.gif) left -74px no-repeat; } #usedCarOptions .btnPrint { float: left; } #usedCarOptions .btnPrint a { display: block; height: 74px; width: 181px; background: url(../images/layup/btnPrint.gif) top left no-repeat; } #usedCarOptions .btnPrint a:hover { background: url(../images/layup/btnPrint.gif) left -74px no-repeat; } #usedCarOptions .btnAskQuestion { float: left; } #usedCarOptions .btnAskQuestion a { display: block; height: 74px; width: 181px; background: url(../images/layup/btnQuestion.gif) top left no-repeat; } #usedCarOptions .btnAskQuestion a:hover { background: url(../images/layup/btnQuestion.gif) left -74px no-repeat; } #usedCarOptions .btnFavourites { float: left; } #usedCarOptions .btnFavourites a { display: block; height: 74px; width: 177px; background: url(../images/layup/btnFavourites.gif) top left no-repeat; } #usedCarOptions .btnFavourites a:hover { background: url(../images/layup/btnFavourites.gif) left -74px no-repeat; } #usedCarFinance { margin-top: 5px; margin-bottom: 15px; float: left; width: 671px; background: #313131 url(../images/layup/usedCarFinanceContentBg.gif) top left repeat-x; padding-bottom: 20px; } #usedCarFinance .title { background:url(../images/layup/usedCarFinanceBg.gif) top left no-repeat; padding: 13px 0px 20px 14px; font-weight: bold; position: relative; } #usedCarFinance .arrowDown { position: absolute; top: 21px; right: 13px; } #similarVehicles { margin-top: 5px; width: 213px; background: #333333; float: right; padding-bottom: 36px; margin-bottom: 15px; } #similarVehicles .title { background:url(../images/layup/similarVehiclesBg.gif) top left no-repeat; color: #cbff04; text-transform: uppercase; padding: 13px 0px 20px 14px; font-weight: bold; position: relative; } #similarVehicles .arrowDown { position: absolute; top: 21px; right: 12px; } #similarVehicles .box { width: 184px; height: 116px; margin-top: 24px; background:url(../images/layup/stripeLight.gif) top left repeat; margin-left: 13px; } #similarVehicles .box a { display: block; cursor: pointer; text-decoration: none; width: 184px; font-weight: normal; } #similarVehicles .box .thumb { display: block; float: right; background:url(../images/layup/noImage106x80.gif) top left no-repeat; width: 106px; height: 80px; } #similarVehicles .box .name { display: block; float: left; text-transform: uppercase; font-weight: bold; padding: 12px 0px 12px 12px; width: 168px; color: #cbff04; border-left: 4px solid #cbff04; background: #1e1e1e url(../images/layup/iconArrow.gif) right top no-repeat; } /* ----- DOMTABS ----- */ #usedVehicleSpec { float: left; padding-top: 12px; width: 365px; } #usedVehicleSpec .domtab { } #usedVehicleSpec .tabset_print { display: none;} #usedVehicleSpec .tabset_tabs { height: 28px; width: 365px; margin:0px; padding:0px 0px 3px 0px; list-style:none; background:url(../images/layup/dotsHLight.gif) bottom left repeat-x; } #usedVehicleSpec .tabset_tabs li { list-style: none; display: inline; padding: 0px; float:left; margin-right: 2px; font-size: 1.1em; } #usedVehicleSpec .tabset_tabs a { display: inline; background: none; color: #fff; font-weight: bold; float: left; cursor: pointer !important; padding: 7px 17px 7px 17px; margin: 0px; text-decoration: none; } #usedVehicleSpec .tabset_tabs a:hover { font-weight: bold; background: #171616 !important; } #usedVehicleSpec .tabset_tabs .active a { background: #171616; } #usedVehicleSpec .tabset_content { } #usedVehicleSpec .tabset_content h1 { color: #000; padding: 0px; } #usedVehicleSpec .tabset_content table { margin-top: 2px; background:url(../images/layup/dotsHLight.gif) bottom left repeat-x; } #usedVehicleSpec .tabset_content td { height: 28px; padding: 0px; } #usedVehicleSpec .tabset_content .usedSpecifications td {vertical-align:top;background:url(../images/layup/bulletSitemap.gif) no-repeat scroll 5px 4px;} #usedVehicleSpec .tabset_content tr { background: #312f2f; } #usedVehicleSpec .tabset_content tr.trAlt { background: #515151; } #usedVehicleSpec .tabset_content .price { background: none;} #usedVehicleSpec .tabset_content .price td { font-weight: bold; padding: 7px 0px 7px 0px; } #usedVehicleSpec .btn { width: 365px; margin-top: 12px; } #financeCalculator { float: left; margin-right: 15px; margin-top: 12px; display: inline; } #financeCalculator .tab { padding: 0px 0px 3px 0px; margin: 0; list-style: none; background:url(../images/layup/dotsHLight.gif) bottom left repeat-x; height: 28px; } #financeCalculator .tab li { float:left; font-size: 1.1em;display: inline; font-weight: bold; background: #171616; color: #fff; float: left; cursor: default; padding: 7px 17px 7px 17px; } #financeCalculator .tabset_content { } #financeCalculator .tabset_content table { margin-top: 2px; } #financeCalculator .tabset_content tr { background: #312f2f; } #financeCalculator .tabset_content tr.trAlt { background: #515151; } #financeCalculator .tabset_content form { } #financeCalculator .tabset_content select { width: 70px; } #financeCalculator .tabset_content input { width: 67px; } #financeCalculator .tabset_content .terms { background:url(../images/layup/dotsHLight.gif) top left repeat-x;} #financeCalculator .tabset_content .terms td { font-weight: bold; } #usedCarFinance #financeCalculator { margin-left: 20px; } #newCarFinance #financeCalculator { margin-left: 55px; } #usedCarFinance #financeCalculator .tab {width: 251px; } #newCarFinance #financeCalculator .tab {width: 470px; } #newCarFinance #financeCalculator .btn { width: 470px; } #usedCarFinance #financeCalculator .tabset_content td { height: 28px; padding: 0px; } #newCarFinance #financeCalculator .tabset_content td { height: 26px; padding: 0px; } /* ----- CLASSES ----- */ .clear { clear:both; } .hide { display:none; } .show { display:block; } .printShow { display:none; } .float_left { float:left !important; width:180px; } .float_right { float:right !important; } .align_left { text-align:left !important; } .align_center { text-align:center !important; } .align_right { text-align:right !important; } .align_justify { text-align:justify !important; } .align_bottom { vertical-align:bottom !important; } .image_right { float:right; padding:0 0 15px 15px; } .image_left { float:left; padding:0 15px 15px 0; } .image_center { margin:0 auto;} .hand { cursor:pointer; } .green { color: #d0ff1b; font-weight: bold; } .white { color: #fff; font-weight: bold; font-size: 1.3em; } /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;} #mainHeading { position: relative; } #mainHeading h1 { margin: 41px 0px 0px 0px; border-left: 4px solid #cbff04; padding: 15px 0px 13px 14px; color: #cbff04; background: url(../images/layup/titleBg.gif) top left repeat-x; } #mainHeading .arrowDown { position: absolute; top: 19px; left: 510px; } /* ----- TOP NAVIGATION ----- */ #primaryNav { } #primaryNav ul { list-style: none; margin: 0; padding: 0; } #primaryNav li { display: block; float: left; position: relative; z-index: 999; background:url(../images/layup/navDivider.gif) right 12px no-repeat; padding-right: 1px; } #primaryNav li a { display: block; float: left; text-decoration: none; background: #1e1e1e; padding: 12px 12px 13px 12px; margin-top: 12px; } #primaryNav li a:hover { background: #000; border-top: 3px solid #cbff04; color: #cbff04; margin-top: 0px; padding-top: 21px; } #primaryNav li .active { background: #000; border-top: 3px solid #cbff04; color: #cbff04; margin-top: 0px; padding-top: 21px; } #primaryNav li.first a { padding-left: 12px; } #primaryNav li.last a { padding-right: 13px; } #primaryNav li.last { background: none; } #primaryNav .arrow { display: none; background: url(../images/layup/arrow_small.png) no-repeat center top; position: relative; } #primaryNav a:hover .arrow { display: block; width: 96px; height: 39px; position: absolute; bottom: -39px; left: 50%; margin-left: -48px; } #primaryNav .large {background:url(../images/layup/arrow_large.png) center top;} #primaryNav a:hover .large {margin-left:-68px;width:136px;} /* ----- SITE MAP ----- */ #sitemap { list-style:none; margin:0 0 0 5px; padding:0;} #sitemap ul { list-style:none; margin:10px 0 0px 15px; padding:0;} #sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 9px no-repeat; padding:6px 0 5px 15px;} /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #pageInfo { position:relative; padding: 36px 0px 0px 0px; height: 69px;margin-top:1px; width: 900px; background: #000 url(../images/layup/pageInfoBg.gif) bottom left no-repeat; z-index:1 } #pageInfo .arrowDown { position: absolute; bottom: -13px; right: 12px; } #breadcrumbs { float: left; border-left: 4px solid #cbff04; padding: 6px 0px 6px 14px; margin-left: 1px; margin-bottom: 1px; } #breadcrumbs a { font-weight: normal; text-decoration: none; } #breadcrumbs a:hover { text-decoration: underline; } #breadcrumbs .active { font-weight: bold; color: #cbff04; } #pagination { float: right; padding-right: 18px; padding-top: 6px; } #pagination a { padding: 0px 3px 0px 3px; text-decoration: none; font-weight: normal; } #pagination a:hover { text-decoration: none; background:#cbff04; color:#000 !important; } #pagination .active { text-decoration: none; background:#cbff04; color:#000 !important; } #pagination .prev { padding: 0px 2px 0px 0px; font-weight: bold; } #pagination .next { padding: 0px 0px 0px 2px; font-weight: bold; } #pagination .prev:hover, #pagination .next:hover { background: none; text-decoration: underline; color: #fff !important; } #pagination .prev img { display: inline; position: relative; top: 3px; } #pagination .next img { display: inline; position: relative; top: 3px; } #searchInfo { background:url(../images/layup/dotsH.gif) bottom left repeat-x; width: 900px; } #sort { background: #1d1d1d url(../images/layup/dotsV.gif) top right repeat-y; width: 450px; float: left; } #sort .title { font-weight: bold; background: #312f2f; border-left: 4px solid #cbff04; padding: 11px 0px 11px 14px; margin-right: 1px; } #sort form { padding-bottom: 6px; width: 450px; } #sort form div { margin-bottom: 4px; float: left; } #sort form label { font-weight: bold; width: 65px; text-align: right; padding-right: 7px; padding-top: 2px; } #sort form select { width: 130px; } #sort form input { width: 20px; position:relative; left:-7px; top: 0px; } /*#sort .col2 { float: left; padding-right: 30px; width: 150px; } #sort .col2 div { font-weight: bold; margin-bottom: 10px; } #sort .col2 label { font-weight: bold; width: 30px; } #sort .col2 input { width: 20px; position:relative; left:-7px; top: -3px; }*/ #favourites { background: url(../images/layup/dotsV.gif) top right repeat-y; width: 436px; float: left; padding-left: 14px; padding-bottom: 14px; } #favourites .title { font-weight: bold; padding: 11px 0px 15px 0px; } #favourites .thumb { float: left; background:url(../images/layup/noImage100x75.gif) top left no-repeat; width: 100px; height: 75px; margin-right: 8px; } #carDetails { background: #1d1d1d url(../images/layup/dotsV.gif) top right repeat-y; width: 450px; float: left; } #carDetails .title { font-weight: bold; background: #312f2f; border-left: 4px solid #cbff04; padding: 11px 0px 11px 14px; margin-right: 1px; } #carDetails .content { border-left: 4px solid #5f7311; padding: 13px 0px 0px 14px; height: 79px; font-weight: bold; line-height: 130%; } #carDetails .price { font-size: 1.3em; padding-right: 12px; line-height: 130%; } #paginationBottom { padding-right: 18px; padding-top: 12px; background: #252525; width: 882px; height: 23px; } #paginationBottom a { padding: 0px 3px 0px 3px; text-decoration: none; font-weight: normal; } #paginationBottom a:hover { text-decoration: none; background:#cbff04; color:#000 !important; } #paginationBottom .active { text-decoration: none; background:#cbff04; color:#000 !important; } #paginationBottom .prev { padding: 0px 2px 0px 0px; font-weight: bold; } #paginationBottom .next { padding: 0px 0px 0px 2px; font-weight: bold; } #paginationBottom .prev:hover, #paginationBottom .next:hover { background: none; text-decoration: underline; color: #fff !important; } #paginationBottom .prev img { display: inline; position: relative; top: 3px; } #paginationBottom .next img { display: inline; position: relative; top: 3px; } /* ----- FOOTER ----- */ #footer { background: #141414; border-top: 1px solid #353535; padding: 14px 14px 0px 14px; margin-bottom: 10px; } #footer a { font-weight:normal; text-decoration:none;} #footer a:hover { text-decoration:underline;} /* ----- GLOBAL ----- */ img { display:block; border:0; } p { padding:0 0 15px 0; margin:0; } address { font-style:normal; padding: 0px 0px 15px 0px; } /* ----- LINKS ----- */ a { color:#fff; font-weight:bold; text-decoration:underline; } a:hover { text-decoration:none; } /* ----- FORMS ----- */ form { padding:0; margin:0; } fieldset { padding:0; margin:0; border:0px none; display:inline; } legend { padding:0; margin:0; display:none; } label { display:block; width:260px; float:left; } input, textarea { width:200px; font-size:11px !important;} .requiredLabel { color:#cbff04;} .checkRadio { width:20px; position:relative; left:-7px;} #frmContact { margin-bottom:0px;} #frmContact p { padding:7px 0;} #frmContact select { width:204px;} #frmContact div { margin-bottom:10px;} #btnSubmit { width:56px; height:29px; border:none; margin-bottom: 10px; } #btnGetDirections {width:124px;height:29px;border:none;margin:0 0 10px 10px;} /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #ed1b2e; color : #FF3300; } input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #cbff04; color : #000; } .validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #ed1b2e; color : #FFF; font-weight: bold; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } .addressSearch {margin:10px 0;} .addressSearch input {float:left;} .addressSearch #btnSubmit {margin:0 0 0 10px;} #contactFormStyle {text-align:center;margin:10px 0;padding:10px;border-left:2px solid #cbff03;background:#303030;} .contactFormHeading {color:#cbff03;font-weight:bold;margin:3px 0;background:#171717;border-left:2px solid #cbff03;text-align:left;padding:10px;} #contactFormStyle #contactForm {margin:10px auto;text-align:left;width:550px;}