/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : John Davies / john.davies@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet Dennis Horton And Son site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { font:62.5%/1.6 verdana, arial, helvetica, sans-serif; margin:0; padding:0; background:#ffffff url(../images/layup/bodyBg.gif) top left repeat-x; color:#000000; 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:815px; margin:0 auto; text-align:left; font-size:110%; } #printHeader { display:none;} #header { position: relative; height: 103px; } #logo { position: absolute; top: 25px; left: 4px; } #headerTelephone { position: absolute; top: 32px; right: 111px; } #badge { position: absolute; top: 0px; right: 8px; } #leftCol { float: left; margin-top: 8px; width: 184px; } #leftCol .box { background:url(../images/layup/leftColBg.gif) top left repeat-y; } #leftCol .usedCarSearch { position: relative; margin-bottom: 5px; } #leftCol .usedCarSearch .shadowL { position:absolute; top: 36px; left: 0px; } #leftCol .usedCarSearch .shadowR { position:absolute; top: 36px; right: 0px; } #leftCol .usedCarSearch .inner { padding: 12px 0 0 20px ;} #leftCol .usedCarSearch form { margin-top: 0px; } #leftCol .usedCarSearch select { width:142px; border:1px solid #d0d0d0; padding:1px 0px; margin:0px 0px 7px 0px; height: 17px; padding: 0px; font-size: 1.0em; } #leftCol .usedCarSearch .search { width:75px !important; height:31px; margin: 2px 0px 4px 66px; } #leftCol .stockUpdates { text-decoration: none; position: relative; display: block; font-size: 0.9em} #leftCol .stockUpdates .inner {background:url(../images/layup/stockUpdatesBg.jpg) center top no-repeat; padding: 10px 0 11px; display: block; } #leftCol .stockUpdates .text { color: #000; width: 145px; padding:10px 0 10px 18px ; display: block; line-height: 120% !important; } #leftCol .stockUpdates .btn { margin-left: 90px; display: block; } #leftCol .loyaltyCard { text-decoration: none; position: relative; display: block; font-size: 0.9em } #leftCol .loyaltyCard .inner { background:url(../images/layup/loyaltyCardBg.jpg) center top no-repeat; padding: 10px 6px 80px 6px; display: block; } #leftCol .loyaltyCard .text { color: #000; font-weight:bold;width: 137px; margin:0 auto;display: block; line-height: 120% !important; } #leftCol .loyaltyCard .btn { margin-left: 10px; display: block; margin-top: 10px; float: left; display:inline; } #leftCol .loyaltyCard .btn2 { position:absolute; display: block; width:76px;height:30px;top:95px;left:89px;} #leftCol .loyaltyCard .clear { display: block; clear: both; } #leftCol .freeDelivery { text-decoration: none; position: relative; display: block; font-size: 0.9em } #leftCol .freeDelivery .inner {background:url(../images/layup/freeDeliveryBg.jpg) center top no-repeat; padding: 10px 5px 11px; display: block; } #leftCol .freeDelivery .text {color: #000; font-weight:bold;width: 137px; padding: 0px 17px 50px 18px; display: block; line-height: 120% !important;} #leftCol .signUp { cursor: pointer; text-decoration: none; position: relative; display: block; font-size: 0.9em; } #leftCol .signUp .inner { padding: 0px 6px 11px 6px; display: block; background:url(../images/layup/signUpBg.jpg) 6px 1px no-repeat !important; } #leftCol .signUp .text { color: #000; width: 145px; padding: 10px 0 60px;margin:0 auto; display: block; line-height: 120% !important; } #leftCol .signUp .btn { margin-left: 90px; display: block; margin-top: 10px; } #leftCol .contactDetails { margin: 0px; } #leftCol .contactDetails .inner { padding: 20px; display: block; } #leftCol .contactDetails address { line-height: 120%; margin-bottom: 12px; } #leftCol .contactDetails p { font-weight: bold; line-height: 120%; } #leftCol .contactDetails a { text-decoration: none; } #leftCol .contactDetails a:hover { text-decoration: underline; } #leftCol .icons {} #leftCol .icons .inner { padding: 0px 20px 10px 20px; } #leftCol .diamondbrite { float: left; margin-bottom: 12px; margin-right: 5px; } #leftCol .motability { float: left; margin-bottom: 12px; } #leftCol .tuv { float: left; margin-right: 6px; } #leftCol .dealerOfYear { float: left; } #rightCol { float: right; width: 620px; margin-top: 8px; } #rightCol .padding { padding: 0px 0px 0px 9px; } #rightCol #flashBanner { margin-bottom: 5px;} #rightCol #jumpOffer { float: left; height: 192px; margin-bottom: 12px; width: 300px; } #rightCol .jumpNewUsed { margin-bottom: 12px; display: block; float: left; width: 159px; height: 192px; background: url(../images/layup/jumpNewUsed.jpg) top left no-repeat; text-decoration: none; cursor: pointer; font-size: 0.9em; } #rightCol .jumpNewUsed .inner { padding: 5px; display: block; } #rightCol .jumpNewUsed .title { display: block; padding-top: 6px; padding-left: 9px; height: 25px; } #rightCol .jumpNewUsed .text { float:left; color: #006533; width: 110px; padding: 0px 0px 0px 10px !important; display: block; line-height: 120% !important; } #rightCol .jumpNewUsed .arrow { float: left; display: block; width: 18px; margin-top:5px; } #rightCol #jumpPoints { } #rightCol #jumpPoints .inner { padding: 0px 0px 0px 12px; display: block; } #rightCol #jumpPoints .title { height: 20px; display: block; } #rightCol #jumpPoints .thumb { display: block; } #rightCol #jumpPoints .text { float:left; color: #006533; width: 111px; display: block; line-height: 120% !important; } #rightCol #jumpPoints .arrow { float: right; display: block; width: 18px; margin-top:5px; padding-right: 8px; } #rightCol .jumpOnlineStore { display: block; float: left; width: 149px; height: 117px; border-right: 1px solid #c4c4c4; text-decoration: none; cursor: pointer; font-size: 0.9em; } #rightCol .jumpMotability { display: block; float: left; width: 155px; height: 117px; border-right: 1px solid #c4c4c4; text-decoration: none; cursor: pointer; font-size: 0.9em; } #rightCol .jumpAftersales { display: block; float: left; width: 156px; height: 117px; border-right: 1px solid #c4c4c4; text-decoration: none; cursor: pointer; font-size: 0.9em; } #rightCol .jumpFleetSales { display: block; float: left; width: 157px; height: 117px; text-decoration: none; cursor: pointer; font-size: 0.9em; } #rightCol .jumpOnlineStore .thumb { padding-top: 4px; height: 69px; } #rightCol .jumpMotability .thumb { padding-top: 20px; height: 53px; } #rightCol .jumpAftersales .thumb { height: 73px; } #rightCol .jumpFleetSales .thumb { padding-top: 10px; height: 63px; } #rightCol #homeContent { float: left; } #rightCol #homeContent .padding { padding:40px 0; } #rightColInternal { float: left; width: 631px; margin-top: 8px; } #rightColInternal .padding { padding: 0px 0 0px 14px; } #rightColInternal #mainContent { min-height: 1000px; } #rightColInternal #internalInfo { float: right; margin: 0px 0px 20px 20px; } #rightColInternal .internalImage { position: relative; margin-bottom: 10px; } #rightColInternal .internalImage .frame { position: absolute; top: -5px; left: -5px; } #rightColInternal .downloads { border: 1px solid #dbdbdb; width: 298px; margin-bottom: 0px; padding: 10px 10px 5px 10px; } #rightColInternal .downloads .file { height: 38px; } #rightColInternal .downloads .file .icon { float: left; } #rightColInternal .downloads .file .documentTitle { float: left; padding-top: 9px; padding-left: 10px; font-size: 0.9em; } #rightColInternal .downloads .file a { text-decoration: none; } #rightColInternal .downloads .file a:hover { text-decoration: underline; } #rightColInternal #staffPhoto { border: 1px solid #afafaf; margin-top: -140px; float: right; position: relative; z-index: 9999; } #rightColInternal #theTeam {} #rightColInternal #theTeam table { width: 100%; } #rightColInternal #theTeam table td { padding: 5px 0px 5px 0px; } #rightColInternal #theTeam .department { background:#5c5c5c; border-right: 1px solid #ececec; color: #FFFFFF; } #rightColInternal #theTeam .department td {} /* ----- NEW CARS ----- */ #rightColInternal #newCars { font-size: 0.9em; } #rightColInternal #newCars .box { display: block; float: left; padding: 0px; margin-right: 6px; margin-bottom: 25px; text-decoration: none; cursor: pointer; width: 200px; } #rightColInternal #newCars .box .thumb { display: block; float: left; position: relative; } #rightColInternal #newCars .box .thumb .frame { display: block; position: absolute; top: -2px; left: -2px; } #rightColInternal #newCars .box .title { display: block; float: left; padding: 0px 0px 5px 6px; font-weight: bold !important; color: #006533; } #rightColInternal #newCars .box .btn { display: block; float: right; padding: 2px 25px 2px 0px; font-weight: bold; color: #006533; background:url(../images/layup/iconArrow.gif) right 2px no-repeat; } #rightColInternal #newCars .last { margin-right: 0px !important; } #rightColInternal #similarVehicles { margin-top: 18px; } #rightColInternal #similarVehicles h1 { border-bottom: 1px solid #b3b3b3; color: #ff0000; font-size: 0.9em; margin-bottom: 15px; } #rightColInternal #similarVehicles .box { display: block; cursor: pointer; text-decoration: none; border-right: 1px solid #c4c4c4; width: 305px; float: left; } #rightColInternal #similarVehicles .last { border: none; margin-left: 7px; width: 298px; } #rightColInternal #similarVehicles .box .productTitle { display: block; font-weight: bold; font-size: 0.9em; margin-bottom: 15px; height: 15px; } #rightColInternal #similarVehicles .box .thumb { display: block; position: relative; margin-left: 2px; float: left; width: 145px; margin-right: 14px; } #rightColInternal #similarVehicles .box .frame { display: block; position: absolute; top: -4px; left: -4px; } #rightColInternal #similarVehicles .box .description { display: block; font-weight: normal; font-size: 0.9em; line-height: 120%; } #rightColInternal #similarVehicles .box .price { display: block; font-weight: bold; font-size: 0.9em; color: #ff0000; margin-top: 10px; margin-bottom: 10px; } #rightColInternal #similarVehicles .box .btn { display: block; font-size: 0.9em; color: #006533; padding: 2px 25px 2px 0px; text-align: right; margin-right: 8px; font-weight: bold; background:url(../images/layup/iconArrow.gif) right 2px no-repeat; } /* ----- USED CARS ----- */ #rightColInternal .list { text-decoration: none; cursor: pointer !important; display: block; padding: 12px 0px 12px 3px; border-bottom: 1px solid #b3b3b3; } #rightColInternal .list .thumb { float: left; position:relative; display: block; margin-right: 27px; } #rightColInternal .list .thumb .special { position: absolute; top: -5px; right: -15px; z-index: 9999; } #rightColInternal .list .thumb .oneTwoThreeOffer, #rightColInternal #carPhoto .oneTwoThreeOffer { position: absolute; top: 0px; left: 0px; z-index: 9999; } #rightColInternal .list .thumb .frame { position: absolute; top: -4px; left: -4px; display: block; } #rightColInternal .list .detail { float: left; display: block; width: 425px; } #rightColInternal .list .title { color: #000000; display: block; float: left; font-weight: bold; padding: 2px 0px 0px 0px !important; width: 424px; } #rightColInternal .list .title .price { font-weight: bold; display: block; float: right; padding-right: 4px; } #rightColInternal .list .fuelTypeYear { color: #000000; display: block; float: left; font-weight: normal; padding: 2px 0px 6px 0px !important; width: 424px; } #rightColInternal .list .description { float: left; font-weight: normal; line-height: 120%; min-height: 52px; font-size: 0.9em; width: 400px; } #rightColInternal .list .multiplePhotos { float: left; color: #006533; display: block; font-weight: bold; font-size: 0.9em; padding: 0px; height: 18px; padding: 2px 0px 0px 30px; background:url(../images/layup/iconPhoto.gif) top left no-repeat; } #rightColInternal .list .btn { float: right; color: #006533; font-size: 0.9em; font-weight: bold; display: block; padding: 2px 24px 2px 0px; background:url(../images/layup/iconArrow.gif) right 2px no-repeat; } #rightColInternal .list .clear { clear: both; display: block; } #rightColInternal .first { padding: 5px 0px 12px 3px; } #offersList .list { text-decoration: none; display: block; cursor: default !important; padding: 12px 0px 12px 3px; border-bottom: 1px solid #b3b3b3; } #offersList .list .thumb { float: left; position:relative; display: block; margin-right: 27px; } #offersList .list .thumb .frame { position: absolute; top: -4px; left: -4px; display: block; } #offersList .list .detail { float: left; display: block; width: 425px; } #offersList .list .title { color: #000000; display: block; float: left; font-weight: bold; padding: 2px 0px 0px 0px !important; width: 424px; } #offersList .list .description { float: left; font-weight: normal; line-height: 120%; min-height: 52px; font-size: 0.9em; width: 400px; } #offersList .list .description .bullet { display: block; float: left; width: 180px; padding: 7px 0px 0px 15px; background:url(../images/layup/bullet.gif) 5px 9px no-repeat; } #offersList .list .offerActions { margin-top: 10px; display: block; float: left; } #offersList .list .offerActions .requestCallback { background:url(../images/layup/iconCallback.gif) top left no-repeat; padding: 9px 10px 12px 41px; display: block; float: left; } #offersList .list .offerActions .enquireFinance { background:url(../images/layup/iconEnquire.gif) top left no-repeat; padding: 9px 10px 12px 41px; display: block; float: left; } #offersList .list .offerActions .contact { background:url(../images/layup/iconSendToFriend.gif) top left no-repeat; padding: 9px 10px 12px 41px; display: block; float: left; } #offersList .list .btn { float: right; color: #006533; font-size: 0.9em; font-weight: bold; display: block; padding: 2px 24px 2px 0px; background:url(../images/layup/iconArrow.gif) right 2px no-repeat; } #offersList .list .clear { clear: both; display: block; } #offersList .first { padding: 5px 0px 12px 3px; } #offersList .list a { text-decoration: none; font-weight: normal; } #offersList .list a:hover { text-decoration: underline; } #rightColInternal #carPhoto { float:left; position:relative; width: 364px; padding: 0px; margin: 0px 2px 0px 0px; border: 2px solid #ffffff; } #rightColInternal #carPhoto .frame { position:absolute; top: -4px; left: -4px; } #rightColInternal #carPhoto .special { position: absolute; top: 0px; left: 0px; } #rightColInternal #carPhoto .iconEnlarge { position: absolute; top: 3px; right: 3px; } #rightColInternal #thumbnails { float: left; width: 242px; } #rightColInternal #thumbnails .thumb { float: left; margin-right: 2px; margin-bottom: 3px; border: 2px solid #ffffff; } #rightColInternal #thumbnails .thumbRight { float: left; margin-right: 0px; margin-bottom: 3px; border: 2px solid #ffffff; } #printCarDetails { display: none; } #rightColInternal #carOptions { padding: 0; margin: 6px 0px 0px 15px; height: 60px; } #rightColInternal #carOptions ul { padding: 0; margin: 0; } #rightColInternal #carOptions li { list-style: none; float: left; line-height: 110%; padding: 3px 10px 14px 0px; margin-right: 6px; } #rightColInternal #carOptions a { font-size: 0.9em; text-decoration: none; color: #006533; } #rightColInternal #carOptions li.enquire { background:url(../images/layup/iconEnquire.gif) top left no-repeat; border-right: 1px solid #c4c4c4; padding-left: 48px; } #rightColInternal #carOptions li.sendToFriend { background:url(../images/layup/iconSendToFriend.gif) top left no-repeat; border-right: 1px solid #c4c4c4; padding-left: 48px; } #rightColInternal #carOptions li.printSpec { background:url(../images/layup/iconPrint.gif) top left no-repeat; border-right: 1px solid #c4c4c4; padding-left: 48px; } #rightColInternal #carOptions li.makeOffer { background:url(../images/layup/iconMakeOffer.gif) top left no-repeat; border-right: 1px solid #c4c4c4; padding-left: 48px; } #rightColInternal #carOptions li.testDrive { background:url(../images/layup/iconTestDrive.gif) top left no-repeat; padding-left: 48px; padding-right: 0px; margin-right: 0px; } #rightColInternal #newCarOptions { padding: 0; margin: 6px 0px 0px 15px; height: 60px; } #rightColInternal #newCarOptions ul { padding: 0; margin: 0; } #rightColInternal #newCarOptions li { list-style: none; float: left; line-height: 110%; padding: 3px 22px 14px 0px; margin-right: 9px; } #rightColInternal #newCarOptions a { font-size: 0.9em; text-decoration: none; color: #006533; } #rightColInternal #newCarOptions li.makeOffer { background:url(../images/layup/iconMakeOffer.gif) top left no-repeat; border-right: 1px solid #c4c4c4; padding-left: 48px; } #rightColInternal #newCarOptions li.brochure { background:url(../images/layup/iconBrochure.gif) top left no-repeat; border-right: 1px solid #c4c4c4; padding-left: 48px; } #rightColInternal #newCarOptions li.site { background:url(../images/layup/iconSite.gif) top left no-repeat; border-right: 1px solid #c4c4c4; padding-left: 48px; } #rightColInternal #newCarOptions li.testDrive { background:url(../images/layup/iconTestDrive.gif) top left no-repeat; padding-left: 48px; padding-right: 0px; margin-right: 0px; } /* ----- OFFERS NAVIGATION ----- */ #offersNav { } #offersNav ul { list-style: none; padding: 0px; margin: 0px; background: url(../images/layup/offersULbg.gif) repeat-x top left; height: 60px; } #offersNav ul li { float: left; padding: 0px 0px 0px 0px; margin: 0px; } #offersNav ul li a.newCar { background: url(../images/layup/offersNewCar.gif) no-repeat; width: 155px; } #offersNav ul li a.usedCar { background: url(../images/layup/offersUsedCar.gif) no-repeat; width: 150px; } #offersNav ul li a.servicing { background: url(../images/layup/offersServicing.gif) no-repeat; width: 150px; } #offersNav ul li a.business { background: url(../images/layup/offersBusiness.gif) no-repeat; width: 154px; } #offersNav ul li.active a.newCar { background: url(../images/layup/offersNewCarActive.gif) no-repeat; } #offersNav ul li.active a.usedCar { background: url(../images/layup/offersUsedCarActive.gif) no-repeat; } #offersNav ul li.active a.servicing { background: url(../images/layup/offersServicingActive.gif) no-repeat; } #offersNav ul li.active a.business { background: url(../images/layup/offersBusinessActive.gif) no-repeat; } #offersNav ul li.lastItem { float: left; padding: 0px 0px 0px 0px !important; margin: 0px; } #offersNav ul li a { display: block; height: 58px; } #offersNav ul li a.active { display: block; height: 58px; background: url(../images/layup/navOffersActiveBg.gif) no-repeat; } /* ----- DOMTABS ----- */ #financeCalculator { margin-top: 5px; } #financeCalculator .domtab { margin-top: 0px; margin-bottom: 0px; padding: 0px; margin-left: 0px; float: left; position:relative; } #financeCalculator .tabset_tabs { margin:0px 0px 0px 0px; padding:0; list-style:none; } #financeCalculator .tabset_tabs li { list-style: none; display: inline; padding:0px 0px 0px 0px; margin-right: 4px; float:left; position:relative; left: 0px; } #financeCalculator .tabset_print { display: none;} #financeCalculator .tabset_content { font-size: 0.9em; display:none; padding: 0px; background:none !important; border:none !important; position: relative; } #financeCalculator .tabset_content table { border: 6px solid #d9d9d9; } #financeCalculator .tabset_content td { padding: 4px 0px 4px 0px; font-size: 1.0em; font-family: Verdana, Arial, Helvetica, sans-serif !important; } #financeCalculator .tabset_content form { } #financeCalculator .tabset_content select { width: 70px; font-size: 0.9em; font-weight: bold; } #financeCalculator .tabset_content input { width: 67px; font-size: 0.9em !important; font-weight: bold; } #financeCalculator .tabset_content tfoot { height: 39px !important; background:url(../images/layup/domtabDots.gif) top left repeat-x; padding: 0px !important; color: #b1b1b1 !important; } #financeCalculator .tabset_content tfoot td { height: 15px; } #financeCalculator .tabset_content tfoot td a { color:#de0001; text-decoration: none; } #financeCalculator .tabset_content tfoot td a:hover { text-decoration: underline; } #financeCalculator .tabset_tabs a { font-size: 0.9em; color: #000000 !important; font-weight: bold; border-top: 2px solid #d9d9d9; border-left: 2px solid #d9d9d9; background: #d9d9d9; padding:5px 10px 6px 10px; border-right: 2px solid #d9d9d9; display:block; color: #8f8f8f; margin: 0px 2px 0px 0px; text-decoration:none; clear: right; } #financeCalculator .tabset_tabs .active a { font-weight: bold; text-decoration:none; color:#000000 !important; padding:5px 10px 6px 10px; } #financeCalculator .apr { font-weight: bold; font-size: 1.2em; } #usedVehicleDetails { float: left; margin-right: 8px; margin-top: 5px; } #usedVehicleDetails .domtab { margin-top: 0px; margin-bottom: 0px; padding: 0px; margin-left: 0px; float:left; position:relative; } #usedVehicleDetails .tabset_tabs { margin:0px 0px 0px 0px; padding:0; list-style:none; } #usedVehicleDetails .tabset_tabs li { list-style: none; display: inline; padding:1px 0px 0px 0px; margin-right: 4px; float:left; position:relative; left: 0px; } #usedVehicleDetails .tabset_print { display: none;} #usedVehicleDetails .trAlt { background:#d9d9d9 !important; } #usedVehicleDetails .tabset_content { font-size: 0.9em; display:none; padding:0px 0px 0px 0px; background:none !important; border:none !important; position: relative; } #usedVehicleDetails .tabset_content thead h1 { font-size: 13px; margin-top: 10px !important; padding: 0px 10px 12px 10px; } #usedVehicleDetails .tabset_content table { border: 6px solid #d9d9d9; } #usedVehicleDetails .tabset_content thead { height: 0px !important; padding: 0px !important; } #usedVehicleDetails .tabset_content thead td { height: 0px !important; padding: 0px !important; } #usedVehicleDetails .tabset_content thead .price { vertical-align: top; color:#FF0000; font-size: 13px; font-weight: bold; padding: 0 !important; margin: 0px 0px 10px 0px !important;} #usedVehicleDetails .tabset_content tfoot { background:#d9d9d9; height:33px !important; padding: 0px !important; margin-left: 5px !important; color: #de0001 !important; font-size: 0.9em;} #usedVehicleDetails .tabset_content tfoot td { } #usedVehicleDetails .tabset_content td { height: 26px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif !important; font-size: 1.0em; } #usedVehicleDetails .tabset_content form {} #usedVehicleDetails .tabset_content select { width: 70px;} #usedVehicleDetails .tabset_tabs a { font-size: 0.9em; cursor: pointer !important; color: #6b6b6b !important; font-weight: bold; border-top: 2px solid #d9d9d9; border-left: 2px solid #d9d9d9; padding:5px 10px 6px 10px; border-right: 2px solid #d9d9d9; display:block; color: #8f8f8f; margin: 0px 2px 0px 0px; text-decoration:none; clear: right; } #usedVehicleDetails .tabset_tabs a:hover { text-decoration:none; color:#000000 !important; background: #d9d9d9; padding:5px 10px 6px 10px; } #usedVehicleDetails .tabset_tabs .active a { font-weight: bold; text-decoration:none; color:#000000 !important; background: #d9d9d9; padding:5px 10px 6px 10px; } /* ----- CLASSES ----- */ .clear { clear:both; } .hide { display:none; } .show { display:block; } .printShow { display:none; } .float_left { float:left !important; } .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;} .relative { position:relative; } .inline {display:inline;} .hand { cursor:pointer;} .linkFix { text-decoration: none; font-weight: normal; } .clickable { cursor: pointer;} .noHand { cursor: default !important;} /* ----- DEFAULT LIST ----- */ #list {} #list ul { margin:0 0 0 18px; padding:0; list-style:none;} #list li { background:url(../images/layup/dotsH.gif) bottom left repeat-x; padding:15px 20px 20px 0;} #list .listTitle { font-weight:bold; display:block; padding-bottom:6px;} #list .listDetails {} #list .last { background:none;} /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 12px 0; font-size:100%; font-weight:bold;} /* ----- TOP NAVIGATION ----- */ #nav { background:url(../images/layup/navBg.gif) top left no-repeat; height: 31px; font-size: 0.9em; margin-left: 3px; } #nav ul { margin: 0px 0px 0px 8px; padding: 0; } #nav li { position: relative !important; list-style: none; display: inline; padding: 0px; float:left; background:url(../images/layup/navDivider.gif) right 2px no-repeat;} #nav a { font-weight: bold; display:block; margin: 0px 1px 0px 0px; padding: 6px 8px 9px 8px; color:#FFFFFF; text-decoration:none; } #nav a:hover { font-weight: bold; text-decoration:none; color:#ffffff; padding:6px 0px 9px 0px;} #nav a:hover span { background:url(../images/layup/navHover.gif) top left repeat-x; padding:8px 8px 11px 8px;} #nav .active { text-decoration:none; color:#ffffff; padding:6px 0px 9px 0px;} #nav .active span { background:url(../images/layup/navHover.gif) top left repeat-x; padding:8px 8px 11px 8px;} #nav li.last { background: none; } #nav .hotDeal { background: #b5300a !important; } #nav .redHotWebDealsli a { background: url(../images/layup/refreshspring09/redHotWebDealsbk.gif) no-repeat center !important;} #nav .redHotWebDealsli a:hover span {background: url(../images/layup/refreshspring09/redHotWebDealsbk.gif) no-repeat center !important;} #nav .redHotWebDealsli a.active span { background: url(../images/layup/refreshspring09/redHotWebDealsbk.gif) no-repeat center !important;} /* ----- LEFT NAVIGATION ----- */ /* ----- 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 11px no-repeat; padding:6px 0 5px 15px;} #sitemap a { text-decoration: none; } #sitemap a:hover { text-decoration: underline; } /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #pageInfo { border-bottom: 1px solid #a8a8a8; font-size: 0.9em; padding: 13px 0px 7px 0px; margin-bottom: 16px; } #breadcrumbs { font-weight: normal; float: left; } #breadcrumbs a { font-weight: normal; text-decoration: none; } #breadcrumbs a:hover { text-decoration: underline; } #breadcrumbs .active { font-weight: bold; } #searchResults { float: right; font-size: 1.1em; } #pagination { float: right; font-size: 1.1em; margin-top: 6px; } #pagination a { padding: 0px 5px 0px 5px; text-decoration: none; font-weight: normal; } #pagination a:hover { text-decoration: underline; font-weight: bold; } #pagination .active { text-decoration: underline; font-weight: bold; } #pagination span { display: block; float: left; padding: 0px 2px 0px 2px; } #pagination span img { display: inline; } #sort { float: left; margin-top: 6px; width: 160px; } #sort label { font-weight: normal; width: 50px; } #sort select { width: 92px; font-size: 1.0em; float: left; } #backToList { float: right; background: url(../images/layup/iconBack.gif) top left no-repeat; padding: 0px 0px 0px 25px; } #backToList a { text-decoration: none; } #backToList a:hover { text-decoration: underline; } #printStock { float: left; margin-top: 1px; margin-left: 12px; } /* ----- FOOTER ----- */ #footer { font-size: 0.8em; padding: 40px 0px 0px 0px; } #footer .padding {} #footer a { font-weight:normal; text-decoration:none;} #footer a:hover { text-decoration:underline;} /* ----- GLOBAL ----- */ img { display:block; border:0; } p { padding:0 0 12px 0; margin:0; line-height: 120%; } address { font-style:normal;} /* ----- LINKS ----- */ a { color:#000000; 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;} .required { color:#b6220a;} .checkRadio { width:20px; position:relative; left:-7px;} #frmContact { margin-bottom:15px;} #frmContact p { padding:7px 0;} #frmContact select { width:204px;} #frmContact div { margin-bottom:10px;} #submit { width:76px; height:30px; border:none;} #promoForm select { width:125px !important; display:block; margin-right:15px;} #promoForm .carSelects { padding-top:18px;} /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #b6220a; color : #FF3300; } input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; } .validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #b6220a; color : #FFF; font-weight: bold; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } /* ----- OFFER LIST ----- */ #tabOffers {height:79px;background:url(../images/layup/tabOffersback.gif) no-repeat;list-style: none; padding: 0; margin: 0; } #tabOffers ul { margin: 0; padding:0; } #tabOffers li { list-style: none; float: left;display:block; margin:0;} #tabOffers span { display: none; } #tabOffers li a {margin:0 7px 0 0;} #tabOffers #newCarOffers a { display:inline-block; float: left; height: 79px; width: 148px; background:url(../images/layup/newCarOffersTab.gif) bottom no-repeat; } #tabOffers #newCarOffers a:hover { background:url(../images/layup/newCarOffersTab.gif) center no-repeat; } #tabOffers #usedCarOffers a {display: inline-block; float: left; height: 79px; width: 148px; background:url(../images/layup/usedCarOffersTab.gif) bottom no-repeat; } #tabOffers #usedCarOffers a:hover { background:url(../images/layup/usedCarOffersTab.gif) center no-repeat; } #tabOffers #servicingOffers a { margin:0 6px 0 0;display: inline-block; float: left; height: 79px; width: 148px; background:url(../images/layup/servicingOffersTab.gif) bottom no-repeat; } #tabOffers #servicingOffers a:hover { background:url(../images/layup/servicingOffersTab.gif) center no-repeat; } #tabOffers #businessOffers a { margin:0;display: inline-block; float: left; height: 79px; width: 148px; background:url(../images/layup/businessOffersTab.gif) bottom no-repeat; } #tabOffers #businessOffers a:hover { background:url(../images/layup/businessOffersTab.gif) center no-repeat; } #tabOffers #NilDeposit a { display:inline-block; float: left; height: 79px; width: 148px; background:url(../images/layup/nilDepositTab.gif) bottom no-repeat; } #tabOffers #NilDeposit a:hover { background:url(../images/layup/nilDepositTab.gif) center no-repeat; } #tabOffers #Deposit500 a {display: inline-block; float: left; height: 79px; width: 148px; background:url(../images/layup/deposit500Tab.gif) bottom no-repeat; } #tabOffers #Deposit500 a:hover { background:url(../images/layup/deposit500Tab.gif) center no-repeat; } #tabOffers #deposit5001000 a { margin:0 6px 0 0;display: inline-block; float: left; height: 79px; width: 148px; background:url(../images/layup/5001000tab.gif) bottom no-repeat; } #tabOffers #deposit5001000 a:hover { background:url(../images/layup/5001000tab.gif) center no-repeat; } #tabOffers #deposit1000plus a { margin:0;display: inline-block; float: left; height: 79px; width: 148px; background:url(../images/layup/deposit1000PlusTab.gif) bottom no-repeat; } #tabOffers #deposit1000plus a:hover { background:url(../images/layup/deposit1000PlusTab.gif) center no-repeat; } #tabOffersMain .tabOffers .list {background:url(../images/layup/tabDots.gif) bottom repeat-x;border:0;cursor:default !important;padding:0 0 25px; position:relative; min-height:190px;} #tabOffersMain .tabOffers .list ul { margin:0 0 0 18px; padding:0; } #tabOffersMain .tabOffers .list .thumb {padding:1px;border:1px solid #eaeaea;height:150px;width:200px; position:absolute; bottom:29px; left:0px;} #tabOffersMain .tabOffers .list .li {padding-left:15px;display:block;margin:0 0 10px 0;background:url(../images/layup/redHotLiBack.gif) no-repeat 2px 5px;width:172px;float:left;} #tabOffersMain .tabOffers .list .li p {padding:0;} #tabOffersMain .tabOffers .list .title { font-weight:bold !important; display:block !important; padding-bottom:6px !important;display:block !important} #tabOffersMain .tabOffers .list .detail {width:405px;float:right; min-height:160px; position:relative; padding-bottom:30px;} #tabOffersMain .tabOffers .list .tabJumps img {display:block;float:left;margin:0 0 5px} #tabOffersMain .tabOffers .list .tabJumps {display:block; position:absolute; bottom:0px;} .linkFix .detail {width:395px !important;font-weight:normal;} .linkFix .list .last { background:none;} #tabOffers .active a { background-position:top !important;} /* ----- About Us ----- */ #rightColInternal #aboutUs { font-size: 0.9em; } #rightColInternal #aboutUs .box {border-bottom:1px solid #b3b3b3; height:215px;display: block; float: left; padding: 0px;margin-bottom:20px; padding-right: 12px; padding-bottom: 15px; text-decoration: none; cursor: pointer; width: 140px; } #rightColInternal #aboutUs .box .thumb { background:#fff;padding:2px;border:1px solid #000;display: block; position: relative; } #rightColInternal #aboutUs .box .title {display: block; margin:0 0 4px;padding: 0px 0px 2px 6px; font-weight: bold !important; height:35px;color: #000; border-bottom:1px solid #000;clear:both;} #rightColInternal #aboutUs .box .btn { display: block; float: right; padding: 2px 25px 2px 0px; font-weight: bold; color: #006533; background:url(../images/layup/iconArrow.gif) right 2px no-repeat; } #rightColInternal #aboutUs .last { margin-right: 0px !important; } /*-----NEW USED CAR DETAILS 28-05-09 -----*/ .carTitle {display:block; float:left; width:240px; height:15px; color:#fff; font-size:11px; text-align:center; font-weight:bold; background:#009f50; padding:10px 0 15px 0; } #details {width:220px; float:left; height:15px; color:#000; height:200px; font-size:12px; font-weight:bold; padding:10px 10px 15px 10px; } #details table{width:220px; font-size:11px; color:#515151;} #details td{width:110px; padding-bottom:5px;} #details td.heading {font-weight: bold;} #details td.largeHead{font-size:15px; font-weight:bold; color:#515151;} #details td.price { font-size:15px; color:red; font-weight:bold;} #rightColInternal #carPhoto { float:left; position:relative; width: 364px; padding: 0px; margin: 0px 8px 8px 0px; border: 2px solid #ffffff; } #rightColInternal #carPhoto .right{ position:absolute; bottom:5px; right:5px;} #rightColInternal #carPhoto .left{ position:absolute; bottom:5px; left:5px;} /* ----- DOMTABS ----- */ #usedVehicleDetails .trAlt { background:none !important; } /*-----NEW USED CAR LISTINGS 28-05-09 -----*/ #rightColInternal .listBoxFirst { float:left; height:321px; margin-right:45px; margin-bottom:18px; text-decoration: none; cursor: pointer !important; display: block; padding: 0px; border-bottom: 1px solid #b3b3b3; border:1px solid #b6300a; width:172px;} #rightColInternal .listBoxFirst .approved {width:172px; color:#fff; font-size:14px; line-height:12px; font-weight:bold; padding:6px 0 6px 0; text-align:center; background:#b6300a; display:block; margin-bottom:10px;} #rightColInternal .listBoxFirst .thumb { float: left; position:relative; display: block; padding:0 0 5px 12px; width: 148px; height: 111px; } #rightColInternal .listBoxFirst .thumb .special { position: absolute; top: -5px; right: -15px; z-index: 9999; } #rightColInternal .listBoxFirst .thumb .oneTwoThreeOffer, #rightColInternal #carPhoto .oneTwoThreeOffer { position: absolute; top: 0px; left: 0px; z-index: 9999; } #rightColInternal .listBoxFirst .thumb .frame { position: absolute; top: -4px; left: 8px; display: block; } #rightColInternal .listBoxFirst .detail { float: left; display: block; width: 148px !important; margin-left:12px; } #rightColInternal .listBoxFirst .title { line-height:12px; color: #000000; margin-bottom:5px; display: block; float: left; font-weight: bold; padding: 2px 0px 0px 0px !important; font-size:11px; width: 148px; } #rightColInternal .listBoxFirst .price {width:172px; color:#fff; font-size:14px; font-weight:bold; padding:7px 0; text-align:center; background:#b6300a; display:block; } #rightColInternal .listBoxFirst .fuelTypeYear { color: #000000; display: block; float: left; font-weight: normal; padding: 2px 0px 6px 0px !important; width: 148px; } #rightColInternal .listBoxFirst .description { clear:left; float: left; font-weight: normal; line-height: 120%; font-size: 0.9em; width: 148px; } #rightColInternal .listBoxFirst .multiplePhotos { float: left; color: #006533; display: block; font-weight: bold; font-size: 0.9em; padding: 0px; height: 18px; padding: 2px 0px 0px 30px; background:url(../images/layup/iconPhoto.gif) top left no-repeat; } #rightColInternal .listBoxFirst .btn { float: right; color: #006533; font-size: 0.9em; font-weight: bold; display: block; padding: 2px 24px 2px 0px; background:url(../images/layup/iconArrow.gif) right 2px no-repeat; } #rightColInternal .listBoxFirst .clear { clear: both; display: block; } #rightColInternal .listBox { background: url(../images/layup/skodaListBg.jpg) bottom right no-repeat; float:left; margin-right:45px; margin-bottom:20px; text-decoration: none; cursor: pointer !important; display: block; padding: 0px; border-bottom: 1px solid #b3b3b3; border:1px solid #009f50; width:172px;} #rightColInternal .listBox .approved {width:172px; color:#fff; font-size:14px; font-weight:bold; padding:7px 0; text-align:center; background:#009f50; display:block; margin-bottom:10px;} #rightColInternal .listBox .thumb { float: left; position:relative; display: block; padding:0 0 5px 12px; width: 148px; height: 111px; } #rightColInternal .listBox .thumb .special { position: absolute; top: -5px; right: -15px; z-index: 9999; } #rightColInternal .listBox .thumb .oneTwoThreeOffer, #rightColInternal #carPhoto .oneTwoThreeOffer { position: absolute; top: 0px; left: 0px; z-index: 9999; } #rightColInternal .listBox .thumb .frame { position: absolute; top: -4px; left: 8px; display: block; } #rightColInternal .listBox .detail { float: left; display: block; width: 148px !important; padding-left:12px; height: 115px; } #rightColInternal .listBox .title { line-height:12px; color: #000000; margin-bottom:5px; display: block; float: left; font-weight: bold; padding: 2px 0px 0px 0px !important; font-size:11px; width: 148px; } #rightColInternal .listBox .price {width:172px; color:#fff; font-size:18px; font-weight:bold; padding:7px 0; text-align:center; background:#009f50; display:block; } #rightColInternal .listBox .fuelTypeYear { color: #000000; display: block; float: left; font-weight: normal; padding: 2px 0px 6px 0px !important; width: 148px; } #rightColInternal .listBox .description { clear:left; float: left; font-weight: normal; line-height: 120%; font-size: 0.9em; width: 148px; } #rightColInternal .listBox .multiplePhotos { float: left; color: #006533; display: block; font-weight: bold; font-size: 0.9em; padding: 0px; height: 18px; padding: 2px 0px 0px 30px; background:url(../images/layup/iconPhoto.gif) top left no-repeat; } #rightColInternal .listBox .btn { float: right; color: #006533; font-size: 0.9em; font-weight: bold; display: block; padding: 2px 24px 2px 0px; background:url(../images/layup/iconArrow.gif) right 2px no-repeat; } #rightColInternal .listBox .clear { clear: both; display: block; } #rightColInternal .last { margin-right:0px; }