/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : Matt Mumford / matt.mumford@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for Tates - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { font:62.5%/1.6 verdana, arial, helvetica, sans-serif; margin:0; padding:0; background:#ffffff url(../images/layup/bodyBg.jpg) no-repeat center 560px; 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:960px; min-height:100%; margin:0 auto; text-align:left; font-size:110%; line-height: normal; } * html #container{height: 100%; } #printHeader { display:none;} #header { height: 85px; position: relative; } #header #logo { position: absolute; top: 25px; left: 35px; } #header #btnFacebook { position: absolute; top: 0px; right: 35px; } #header #contactDetailsGroup { position: absolute; top: 4px; right: 7px; } #header #franchiseNumbers { position: absolute; top: -27px; right: -15px; } #header #contactDetails { position: absolute; top: 56px; right: 35px; } #header #contactDetails .number { color:#a8a8a8; font-size:17px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; } #header #contactDetails.number { color:#a8a8a8; font-size:17px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; } #header #badge { position: absolute; top: 0px; right: 0px; } /* ----- LEFT COLUMN ----- */ #leftCol { float: left; width: 280px; margin-right:25px; margin-bottom:20px; } #leftCol .box {} #leftCol .usedCarSearch { width:244px; min-height:310px; position:relative; margin-left:36px; background:#e3001b; } #leftCol .usedCarSearch .carSearchBanner { position:absolute; top:65px; left:-7px;} #leftCol .usedCarSearch select { border:none; width:200px; margin-bottom:10px; margin-left:22px; padding:2px 1px; } #leftCol .usedCarSearch .domContent { padding-top:60px;} #leftCol .usedCarSearch .usedSearchBtns {margin-top:10px;} #leftCol .usedCarSearch .usedSearchBtns .btnUsedSearch {float:right; width:103px; height:39px;} #leftCol .usedCarSearch .usedSearchBtns #btnNewSearch {float:right; width:103px; height:39px;} #leftCol .usedCarSearch #carVanSelect { margin-bottom:10px; height:17px; } #leftCol .usedCarSearch #carVanSelect div { float:left; padding-left:22px; } #leftCol .usedCarSearch #carVanSelect label { padding-top:2px; width:50px; padding-left:4px; color:#fff; } #leftCol .searchBottom { margin-left:36px; } #leftCol #stockUpdates { margin-bottom:20px; float:right; display:block; margin-top:12px; cursor:pointer; } #leftCol #stockUpdates a {} #leftCol #dealerLocations { margin-bottom:8px; float:right; display:block; cursor:pointer; } #leftCol #dealerLocations a { cursor:pointer; } #leftCol #forum { margin-bottom:10px; float:right; } #leftCol #links { width: 223px; float:right; padding-bottom:10px; cursor:pointer; background:url(../images/layup/leftColDash.gif) no-repeat bottom left; } #leftCol .groupLinks { width: 244px; float:left; margin-left:36px; } #leftCol .groupLinks .facebook { margin:20px auto 0 78px; display:none; cursor:pointer; } #leftCol .groupLinks .motability { margin:20px auto 0 44px; cursor:pointer; } #leftCol #saveCompare { width:223px; margin-left:36px; background:blue; float:right; background:url(../images/layup/leftColDash.gif) no-repeat bottom left; padding-top:10px; padding-bottom:10px; } #leftCol #saveCompare .title { margin-bottom:10px; display:block;} #leftCol #saveCompare .saveItem { width:108px; height:57px; margin-bottom:6px; } #leftCol #saveCompare .saveItem .thumb { width:76px; height:57px; float:left; background:url(../images/layup/saveThumb.gif) no-repeat;} #leftCol #saveCompare .saveItem .tickContain { width:32px; height:57px; float:left;} #leftCol #saveCompare .saveItem .tickContain a.cross {display:block; width:32px; height:28px; background:url(../images/layup/spriteTick.gif) right top no-repeat} #leftCol #saveCompare .saveItem .tickContain a.cross:hover {display:block; width:32px; height:28px; background:url(../images/layup/spriteTick.gif) left top no-repeat} #leftCol #saveCompare .saveItem .tickContain a.cross.active {display:block; width:32px; height:28px; background:url(../images/layup/spriteTick.gif) left top no-repeat} #leftCol #saveCompare .saveItem .tickContain a.tick {display:block; width:32px; height:29px; background:url(../images/layup/spriteTick.gif) right bottom no-repeat} #leftCol #saveCompare .saveItem .tickContain a.tick:hover {display:block; width:32px; height:29px; background:url(../images/layup/spriteTick.gif) left bottom no-repeat} #leftCol #saveCompare .saveItem .tickContain a.tick.active {display:block; width:32px; height:29px; background:url(../images/layup/spriteTick.gif) left bottom no-repeat} /* ----- RIGHT COLUMN ----- */ #rightCol { float: right; width: 655px; } #rightCol .padding { /*padding-right:39px; float: left;*/ } #mainImg { width:655px; } #mainImg #video { width:617px; height: 312px; position:relative; margin-bottom: 5px; position: relative; } #mainImg #video .navigation { position: absolute; top: 10px; left: 10px; z-index:100; } #mainImg #video .navigation a { display: block; width: 19px; height: 14px; margin-right: 5px; background: #8d8d8d; float: left; text-decoration: none; color: #ffffff; text-align: center; border: 1px solid #ffffff; } #mainImg #video .navigation a:hover, #mainImg #video .navigation a.active { background: #204782; } #mainImg #video .overlay { position:absolute; left:0; bottom:0; } #mainImg #jumps { width:140px !important; float:right; } #mainImg #jumps a { display:block; } #rightCol #franchiseSelect { width:618px; height:83px; margin:0 0 50px; } #rightCol #franchiseSelect a { float:left; height:83px; display:block; background:url(../images/layup/spriteSelectFranchise.jpg) } #rightCol #franchiseSelect a#renualt { width:120px; background-position:0 0;} #rightCol #franchiseSelect a#renualt:hover { background-position:0 -83px;} #rightCol #franchiseSelect a#hyundai { width:128px; background-position: -120px 0;} #rightCol #franchiseSelect a#hyundai:hover { background-position: -120px -83px;} #rightCol #franchiseSelect a#kia { width:135px; background-position: -248px 0;} #rightCol #franchiseSelect a#kia:hover { width:135px; background-position: -248px -83px;} #rightCol #franchiseSelect a#citroen { width:114px; background-position: -383px 0;} #rightCol #franchiseSelect a#citroen:hover { width:114px; background-position: -383px -83px;} #rightCol #franchiseSelect a#fiat { width:121px; background-position: -497px 0;} #rightCol #franchiseSelect a#fiat:hover { width:121px; background-position:-497px -83px;} #rightCol #homeJumps { width:628px; height:165px; margin-top:25px; } #rightCol #jumps { width:616px; height:155px; margin-top:0px; } #rightCol #offers { width:628px; height:155px; } #rightCol #offers .latestOffer { display: block; float:left; } #rightCol #offers .latestOffer a { padding:40px 0 52px 15px; line-height:18px; display:block; font-weight:normal; text-decoration:none; width:289px; height:60px;} #rightCol #offers .servicing { display: block; float:right; } #rightCol #offers .servicing a { padding:40px 60px 52px 15px; line-height:18px; display:block; font-weight:normal; text-decoration:none; width:242px; height:60px;} #rightCol #offers .latestOfferSmall { display: block; float:left; } #rightCol #offers .latestOfferSmall a { padding:35px 7px 0 16px; line-height:18px; display:block; font-weight:normal; text-decoration:none; width:187px; height:113px;} #rightCol #offers .servicingSmall { display: block; float:left; } #rightCol #offers .servicingSmall a { padding:35px 2px 0 16px; line-height:18px; display:block; font-weight:normal; text-decoration:none; width:191px; height:113px;} #rightCol #offers .customerCareSmall { display: block; float:left; } #rightCol #offers .customerCareSmall a { padding:35px 0px 0 16px; line-height:18px; display:block; font-weight:normal; text-decoration:none; width:191px; height:113px;} #rightCol #homeContent { line-height:18px; margin-bottom:20px;} #homeBanner { position:relative; width:617px; height:312px; } /*#homeBanner ul { position:absolute; top:10px; left:10px; padding:0; margin:0; z-index:6 } #homeBanner li { display:inline; list-style:none; color:#fff; } #homeBanner li a {color:#fff; font-weight:bold; font-size:10px; margin-right:5px; text-decoration:none; padding: 2px 8px; height:11px; border:1px solid #fff; background:#8d8d8d; display:block; float:left; } #homeBanner li a.active, #homeBanner li a:hover { background:#e3001b;}*/ #homeBanner #homeAdvertPagination { position:absolute; top:10px; right:-24px; padding:0; margin:0; z-index:6 } #homeBanner .advertPagination a { width:18px; text-align:center; color:#fff; font-weight:bold; font-size:10px; margin-bottom:5px; text-decoration:none; padding: 2px 0; height:11px; border:1px solid #fff; background:#8d8d8d; display:block; z-index: 7 } #homeBanner .advertPagination a.active, #homeBanner .advertPagination a:hover { background:#e3001b;} #offerFormContainer { width: 295px; float: right; background: #fdb414; } #offerBannerImage { width: 305px; float: left; } #offerFormContainer #offerForm div { float: none; padding-bottom: 8px; margin: 0px !important; } #offerFormContainer #offerForm input { float: left; } #offerFormContainer form .formPadding { padding: 10px 0px 10px 10px; } #offerFormContainer .submit { margin:0px !important; float: right !important;} #offerFormContainer .title { border-bottom: 1px dashed #FFF; margin-bottom: 5px; display: block; padding-bottom: 5px; } #offerBanner {margin-bottom:10px;} #offerFormContain { background:url(../images/layup/offerFormTop.gif) top left no-repeat #e3001b; margin-top:8px; padding:30px 0px 10px 20px; margin-bottom:15px; } #offerForm {} #offerForm div { margin-bottom:10px; width:265px; float:left;} #offerForm label {width:75px; font-weight:bold; padding-top:3px; } #offerForm input {width:181px; border:1px solid #828282;} #offerForm textarea {width:181px; height:43px; border:1px solid #828282;} #offerForm select {width:185px; border:1px solid #828282;} #offerForm .rightField { float:right; padding-right:20px;} #offerForm .submit { float:right; width:125px; height:39px; clear:right; margin-top:5px; border:none; margin-bottom:10px;} #offerForm .validation-failed { border: 1px solid #ff000a; color : #FFFFFF; background: #ff8888 } #offerForm .validation-passed { border: 1px solid #00CC00; color : #000; } #offerForm image.validation-failed { border: 1px solid #ff000a; color : #FF3300; } #offerForm image.validation-passed { border: 1px solid #00CC00; color : #000; } #offerForm small {font-weight:normal;} .offerContact {float:right; color:#E3001B;} .homeJumpOffers { width: 304px; height: 161px; background: url(../images/layup/homeJumpOffers.jpg) no-repeat; position: relative; float: right; margin-top: 2px; } .homeJumpOffers a#offerJumpRenault { display: block; width: 36px; height: 37px; position: absolute; top: 47px; left: 22px; background: url(../images/layup/ie6LinkFix.gif); } .homeJumpOffers a#offerJumpHyundai { display: block; width: 51px; height: 30px; position: absolute; top: 50px; left: 79px; background: url(../images/layup/ie6LinkFix.gif); } .homeJumpOffers a#offerJumpKia { display: block; width: 56px; height: 30px; position: absolute; top: 50px; left: 157px; background: url(../images/layup/ie6LinkFix.gif); } .homeJumpOffers a#offerJumpCitroen { display: block; width: 47px; height: 33px; position: absolute; top: 47px; left: 232px; background: url(../images/layup/ie6LinkFix.gif); } .homeJumpOffers a#offerJumpGroupOffers { display: block; width: 92px; height: 30px; position: absolute; top: 96px; left: 0px; background: url(../images/layup/ie6LinkFix.gif); } /* ----- CMS IMAGE ----- */ .cmsImage { float: right; width:305px; height:228px; margin: 0px 0px 10px 15px; background:url(../images/layup/noImage305x228.gif) no-repeat; } .cmsImageNotCar { float: right; width:305px; height:228px; margin: 0px 0px 10px 15px; background:url(../images/layup/noImageNotCar305x228.gif) no-repeat; } .cmsImage img {} /* ----- CMS OFFER ----- */ .cmsOfferImage { float: right; width:305px; height:156px; margin: 0px 0px 10px 15px; background:url(../images/layup/noImage305x156.gif) no-repeat; } .cmsOfferImage img {} /* ----- LIST ----- */ #list { width:655px; float:left; margin-top:10px; background:url(../images/layup/renault/listItemBg.gif) no-repeat top left; padding-bottom:10px; } #list .listItem { width:655px; padding-top:20px; background:url(../images/layup/renault/listItemBg.gif) no-repeat bottom left; padding-bottom:20px; float:left;} #list .listItem a { display: block; text-decoration:none; } #list .listItem .thumb { display: block; float:left; width:188px; height:141px; padding-right:15px; background:url(../images/layup/noImage188x141.gif) no-repeat; } #list .listItem .thumb a{ display:block; width:188px; height:141px; padding-right:15px; } #list .listItem .thumb .frame { display: block; } #list .listItem .title { display: block; float:left; font-weight:bold; font-size:12px; margin-bottom:10px; } #list .listItem .description { display: block; height:87px; float:left; cursor:pointer; } #list .listItem .description table{ width:450px;} #list .listItem .description td {height:20px;} #list .listItem .btn { display: block; margin-right:15px; float:left;} #list .listItem .price { float:left; display:block; font-size:28px; font-weight:bold; margin-top:-4px;} #list .listItem .price a{ height:30px; padding-right:15px; } #list .listItem .vanDisclaimer { float:right; display:block;width:125px; color:#000; font-size:9px; font-weight:normal; margin-right:20px; display:inline; } #list .listItem .insurance { line-height:18px; cursor:pointer; width:600px; padding-top:15px; } #list .listItem .finance { display:block; line-height:18px; cursor:pointer; padding-top:15px; width:600px; margin-left:15px} #list .listItem .finance strong {margin-right:5px;} #list .listItem .co2 { margin-top:5px; width:160px; height:19px; padding:6px 0 0 28px; font-weight:bold; font-size:12px; color:#fff; } #list .listItem .co2.green { background:url(../images/layup/co2Bg.gif) left top no-repeat; } #list .listItem .co2.red { background:url(../images/layup/co2BgRed.gif) left top no-repeat; } #list .listItem .co2.yellow { background:url(../images/layup/co2BgYellow.gif) left top no-repeat; color:#000; } .nextPrev { background:#e3001b; border:1px solid #d0d0d0; } .width100 { width:100px; font-weight:bold; } .width125 { width:125px;} #newsList { width:655px; float:left; margin-top:10px; padding-bottom:10px; } #newsList .listItem { width:655px; padding-top:20px; background:url(../images/layup/renault/listItemBg.gif) no-repeat bottom left; padding-bottom:20px; float:left;} #newsList .listItem a { display: block; text-decoration:none; } #newsList .listItem .thumb { display: block; float:left; width:188px; height:141px; padding-right:15px; background:url(../images/layup/noImage188x141.gif) no-repeat; } #newsList .listItem .thumb a{ display:block; width:188px; height:141px; padding-right:15px; } #newsList .listItem .thumb .frame { display: block; } #newsList .listItem .title { display: block; float:left; font-weight:bold; font-size:12px; margin-bottom:15px; } #newsList .listItem .description { display: block; height:82px; float:left; cursor:pointer; width:445px; } #newsList .listItem .btn { display: block; margin-right:15px; float:right;} #usedCarListingAdjustFinance { border:1px solid #333; padding:5px; margin-top:15px; } #usedCarListingAdjustFinance div, #usedCarListingAdjustFinance input, #usedCarListingAdjustFinance select { float:left; } #usedCarListingAdjustFinance label { float:left; padding-top:2px; } #usedCarListingAdjustFinance .adjustFinanceTitle { width:640px; height:20px; } #recruitmentList {} #recruitmentList .listItem { margin:0 0 15px; } #recruitmentList .listItem a { width:616px; text-decoration:none; font-weight:normal; cursor:pointer; display:block; } #recruitmentList .listItem .thumb { width:188px; height:140px; padding:4px; border:1px solid #CCCCCC; display:block; float:left; } #recruitmentList .listItem .title { width:403px; text-transform:uppercase; color:#FFF; background:#E3001B; padding:5px 0 5px 5px; margin:0 0 10px; display:block; float:right; } #recruitmentList .listItem .description { width:408px; display:block; float:right; } /* ----- VIDEO DETAIL PAGES ----- */ #videoFlash { margin: 15px 0px 15px 0px; } #newsLeftCol { width: 255px; float: left; margin-right: 30px; } #newsRightCol { width: 365px; float: left; } #newsLeftCol h2, #newsRightCol h2 { color: #6a6a6a; font-size: 17px; border-bottom: 1px solid #6a6a6a; margin-bottom: 15px; padding-bottom: 10px; } #newsLeftCol, #newsRightCol { font-size: 12px; color: #222222; } #videoForm label { width: 154px; } #videoForm label.special { width: 315px; } #videoForm #submit { float: right; } #videoForm .validation-advice { width: 346px; } /* ----- BOX LIST ----- */ #boxList { width:616px; } #boxList .box { width:188px; display:block; float:left; margin-right:26px; margin-bottom:20px;} #boxList .box.last { margin-right:0px; } #boxList .box a { display: block; text-decoration:none; } #boxList .box .thumb { display: block; margin-bottom:5px; width:188px; height:141px; background:url(../images/layup/noImage188x141.gif) no-repeat; } #boxList .box .thumb .frame { display: block; } #boxList .box .title { display: block; margin-bottom:8px; width:188px; height: 28px; } #newCarOptions { width:294px; height:180px; } #newCarOptions a { margin-bottom:4px;} #newCarOptions a.brochure { width:294px; height:30px; display:block;} #newCarOptions a.testDrive { width:294px; height:30px; display:block;} #newCarOptions a.currentOffers { width:294px; height:30px; display:block;} #newCarOptions a.advice { width:294px; height:30px; display:block;} #newCarOptions a.valueMy { width:294px; height:30px; display:block;} #offerList li a {padding:0; margin-bottom:6px;} #offerList li a.newCarOffers{ width:159px; height:43px; display:block; background:url(../images/layup/spriteOffersTabs.gif) no-repeat left top; } #offerList li a.usedCarOffers{ width:145px; height:43px; display:block; background:url(../images/layup/spriteOffersTabs.gif) no-repeat -158px top; } #offerList li a.stockOffers{ width:165px; height:43px; display:block; background:url(../images/layup/spriteOffersTabs.gif) no-repeat -320px top; } #offerList li a.preRegOffers{ width:147px; height:43px; display:block; background:url(../images/layup/spriteOffersTabs.gif) no-repeat -456px top; } #offerList .offerItem { margin-bottom:6px;} #offerList .newCarOffers.listing .offerItem { margin-bottom: 50px; margin-top: 5px; } #offerList .newCarOffers.listing .offerItem { width: 305px; height:228px; float: left; margin-right: 6px; } #offerList .newCarOffers.listing .offerItem a { display: block; } #offerList .newCarOffers.listing .offerItem span { display: block; } #offerList .newCarOffers.listing .offerItem .offerImage { float: left; padding: 5px; } #offerList .newCarOffers.listing .offerItem .offerDetails { width: 415px; float: left; } #offerList .newCarOffers.listing .offerItem .offerTitle { padding: 5px; font-weight: bold; border-bottom: 1px dashed #000; } #offerList .newCarOffers.listing .offerItem .offerText { padding: 5px; } #offerList .newCarOffers.listing .offerItem .offerBtn { position: absolute; top: 20px; right: -8px; } /* ----- USED CAR DETAIL ----- */ #usedCarLocation { padding:10px 0; font-size:12px; } #usedCarPhoto { float: right; position: relative; width: 305px; height:228px;} #usedCarPhoto a { width:305px; height:184px; position:absolute; display:block; left:0; top:0; z-index:999999; background: url(../images/layup/ie6LinkFix.gif); } #usedCarPhoto embed { z-index:999; } /*#usedCarPhoto .enlarge { display: absolute; } #usedCarPhoto .special { display: absolute; }*/ #usedCarThumbs { float: right; } #usedCarThumbs .thumb { float: left; cursor: pointer; } #usedCarTitle { font-weight:bold; font-size:12px; min-height:60px; width:300px;} #usedCarTitle .vanDisclaimer { font-size: 10px; font-weight: normal; display: block; float: left; clear: left; width: 180px; } #usedCarTitle .usedTitle {} #usedCarTitle .usedPrice { float:left; display:block; font-size:28px; font-weight:bold; margin-top:5px; padding-top:15px; color:#e3001b; } #usedCarOptions { width:305px; float:left; margin-top:-34px;} #usedCarOptions a { margin-bottom:5px;} #usedCarOptions a.enquiry { margin-top:5px; float:left; display:block; width:150px; height:30px; background:url(../images/layup/spriteUsedCarOptions.gif) left top no-repeat;} #usedCarOptions a.enquiry:hover { margin-top:5px; float:left; display:block; width:150px; height:30px; background:url(../images/layup/spriteUsedCarOptions.gif) left -98px no-repeat;} #usedCarLocationPrint { display:none; } #usedCarOptions a.sendTo { float:left; display:block; width:150px; height:30px; background:url(../images/layup/spriteUsedCarOptions.gif) left -34px no-repeat;} #usedCarOptions a.sendTo:hover { float:left; display:block; width:150px; height:30px; background:url(../images/layup/spriteUsedCarOptions.gif) left -132px no-repeat;} #usedCarOptions a.printDetails { float:left; display:block; width:150px; height:30px; background:url(../images/layup/spriteUsedCarOptions.gif) left -68px no-repeat;} #usedCarOptions a.printDetails:hover { float:left; display:block; width:150px; height:30px; background:url(../images/layup/spriteUsedCarOptions.gif) left -166px no-repeat;} #usedCarOptions a.makeOffer { margin-top:5px; float:right; display:block; width:150px; height:30px; background:url(../images/layup/spriteUsedCarOptions.gif) right top no-repeat;} #usedCarOptions a.makeOffer:hover { margin-top:5px; float:right; display:block; width:150px; height:30px; background:url(../images/layup/spriteUsedCarOptions.gif) right -98px no-repeat;} #usedCarOptions a.save { float:right; display:block; width:150px; height:30px; background:url(../images/layup/spriteUsedCarOptions.gif) right -34px no-repeat;} #usedCarOptions a.save:hover { float:right; display:block; width:150px; height:30px; background:url(../images/layup/spriteUsedCarOptions.gif) right -132px no-repeat;} #usedCarOptions a.valueMy { float:right; display:block; width:150px; height:30px; background:url(../images/layup/spriteUsedCarOptions.gif) right -68px no-repeat;} #usedCarOptions a.valueMy:hover { float:right; display:block; width:150px; height:30px; background:url(../images/layup/spriteUsedCarOptions.gif) right -166px no-repeat;} #usedCarGuarantee { width:616px; float:left; } #usedCarInfo { width:616px; margin-top:0px; float:left; } #usedCarInfo .domHeadings li a { padding:0; margin-right:9px; display:inline; } #usedCarInfo li a.fullDetails { width:113px; height:30px; background:url(../images/layup/SpriteUsedCarInfoTabs.gif) left top no-repeat; display:block;} #usedCarInfo li a.fullDetails:hover { width:113px; height:30px; background:url(../images/layup/SpriteUsedCarInfoTabs.gif) left bottom no-repeat; display:block;} #usedCarInfo li.active a.fullDetails { width:113px; height:30px; background:url(../images/layup/SpriteUsedCarInfoTabs.gif) left bottom no-repeat; display:block;} #usedCarInfo li a.finance { width:111px; height:30px; background:url(../images/layup/SpriteUsedCarInfoTabs.gif) -121px top no-repeat; display:block;} #usedCarInfo li a.finance:hover { width:111px; height:30px; background:url(../images/layup/SpriteUsedCarInfoTabs.gif) -121px bottom no-repeat; display:block;} #usedCarInfo li.active a.finance { width:111px; height:30px; background:url(../images/layup/SpriteUsedCarInfoTabs.gif) -121px bottom no-repeat; display:block;} #usedCarInfo li a.insurance { width:113px; height:30px; background:url(../images/layup/SpriteUsedCarInfoTabs.gif) -238px top no-repeat; display:block;} #usedCarInfo li a.insurance:hover { width:113px; height:30px; background:url(../images/layup/SpriteUsedCarInfoTabs.gif) -238px bottom no-repeat; display:block;} #usedCarInfo li.active a.insurance { width:113px; height:30px; background:url(../images/layup/SpriteUsedCarInfoTabs.gif) -238px bottom no-repeat; display:block;} #usedCarInfo li a.servicePlan { width:129px; height:30px; background:url(../images/layup/SpriteUsedCarInfoTabs.gif) -357px top no-repeat; display:block;} #usedCarInfo li a.servicePlan:hover { width:129px; height:30px; background:url(../images/layup/SpriteUsedCarInfoTabs.gif) -357px bottom no-repeat; display:block;} #usedCarInfo li.active a.servicePlan { width:129px; height:30px; background:url(../images/layup/SpriteUsedCarInfoTabs.gif) -357px bottom no-repeat; display:block;} #usedCarInfo li a.warranty { width:113px; height:30px; background:url(../images/layup/SpriteUsedCarInfoTabs.gif) -492px top no-repeat; display:block; margin:0 !important; } #usedCarInfo li a.warranty:hover { background:url(../images/layup/SpriteUsedCarInfoTabs.gif) -492px bottom no-repeat; display:block; margin:0 !important;} #usedCarInfo li.active a.warranty { background:url(../images/layup/SpriteUsedCarInfoTabs.gif) -492px bottom no-repeat; display:block; margin:0 !important;} #usedCarInfo .domContent {} #usedCarInfo .domContent .infoContain {width:596px; background:#f8f8f8; border:2px #fff solid; padding:10px; } #usedCarInfo .domContent .infoContain #specTable { width:595px;} #usedCarInfo .domContent .infoContain #optionsTable { } #usedCarInfo .domContent .title { height:20px; font-weight:bold; font-size:18px; color:#353a3a;} #usedCarInfo .domContent td { height:20px; } #usedCarInfo .domContent table { margin:10px 0;} #usedCarInfo .domContent .financeTable { margin:0 0 14px; display:inline; float:left;} #usedCarInfo .domContent .financeTable a.viewAll { display:block; width:180px; height:30px; background:url(../images/layup/SpriteViewAll.gif) left top no-repeat; margin:0 auto; } #usedCarInfo .domContent .financeTable a.viewAll:hover { display:block; width:180px; height:30px; background:url(../images/layup/SpriteViewAll.gif) left bottom no-repeat;} #usedCarInfo .domContent .financeTable td { height:30px !important; } .newHirePurchaseForm { padding:10px 0; } .newHirePurchaseForm div { margin:0 5px 0 0; float:left; } .newHirePurchaseForm label { width:100px; } .newHirePurchaseForm label#lblDeposit { width:60px; } .newHirePurchaseForm input { width:100px; } #relatedVehicles { margin-top:10px;} #relatedVehicles .title { border-bottom:1px dashed #c2c2c2; padding-bottom:15px;} #relatedVehicles .box { width:188px; margin-right:25px; margin-top:15px; float:left;} #relatedVehicles .box.last { margin-right:0px;} #relatedVehicles .box a { display: block; text-decoration:none; } #relatedVehicles .box .thumb { display: block; } #relatedVehicles .box .thumb .frame { display: block; } #relatedVehicles .box .title { display: block; font-size:12px; color:#000; border:none; } #dealerLocator {} #dealerLocator .item { margin-bottom:25px; float:left;} #dealerLocator .item.last { margin-bottom:25px; float:right;} #dealerLocator .item .locationTitle { color:#fff; background:#e3001b; text-decoration:none; float:left;} #dealerLocator .item .locationTitle a{ color:#fff; text-decoration:none; width:274px; display:block; padding:10px; } #dealerLocator .item .location { border: 2px solid #e3001b; width:290px; height:170px; float:left;} #dealerLocator .item .details { float:left; height:120px; padding-top:50px; margin-left:20px; } #dealerDetails {width:616px;} #dealerDetails .map { border: 3px solid #e3001b; width:303px; height:270px; float:left;} #dealerDetails .contactDealer { height:240px; padding:35px 0 0 10px; width:285px; background:url(../images/layup/emailUs.gif) left top no-repeat #e3001b; float:right; } #dealerDetails .contactDealer #contactForm div { float:left; margin-bottom:6px;} #dealerDetails .contactDealer #contactForm label { float:left; width:100px; color:#000; font-weight:bold; padding-top:3px;} #dealerDetails .contactDealer #contactForm label small { font-weight:normal;} #dealerDetails .contactDealer #contactForm input { float:left; width:160px;} #dealerDetails .contactDealer #contactForm textarea { float:left; width:160px;} #dealerDetails .contactDealer #contactForm select { float:left; } #dealerDetails #postCode { float:left; margin-top:10px;} #dealerDetails #postCode input { width:180px; text-align:center; float:left; margin-left:20px; } #dealerDetails #postCode .find { width:62px; height:19px;} #dealerDetails #openingHours { width:303px; float:left; margin-top:20px; padding:0 0 20px; } #dealerDetails #openingHours table { margin-top:5px;} #dealerDetails #openingHours td { width:100px; height:20px;} #dealerDetails #addressDetails { width:290px; float:right; margin-top:20px; padding:0 0 20px; } #dealerDetails #addressDetails .address { margin-top:10px; display:block; line-height:18px; width:150px; float:left;} #dealerDetails #addressDetails table { margin-top:40px; float:left; width:140px; } #dealerDetails #addressDetails td { height:18px;font-weight:bold;} #greenSearch { border-bottom:1px solid #353a3a; padding-bottom:20px;} #greenSearch #rating { float:left; width:212px; height:87px; margin-top:20px; } #greenSearch #ratingText { font-size:11px; color:#000000; float:right; width:360px; padding-top:20px; } #greenSearch #ratingText span { font-weight:bold; font-size:12px; color:#353a3a; } /* ----- COMPARE VEHICLES ----- */ #compareVehicles img { width:115px; height:87px; } /* ----- GLOBAL CLASSES ----- */ .clear { clear:both; display: block; } .clearSmall { clear: both; display: block; height: 0; line-height: 0; font-size: 0; } .hide { display:none; } .show { display:block; } .printShow { display:none; } .printHide { display:block; } .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; margin:0 0 15px 15px; } .image_left { float:left; margin:0 15px 15px 0; } .image_center { margin:0 auto; } .hand { cursor:pointer; } .seo {text-decoration:none;font-weight:normal;} /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 10px 0; font-size:100%; font-weight:bold;} p { padding:0 0 10px 0; margin:0; line-height:18px; } h1 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#e3001b; font-size:16px; font-weight:bold;} h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding-bottom:5px; font-weight:bold;} h3 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; padding-bottom:5px; font-weight:bold;} .welcomeH1 { float:left; margin-bottom:15px;} /* ----- TOP NAVIGATION ----- */ #primaryNav { margin: 0px 0px 10px 0px;background: #e3001b; font-family:Arial, Helvetica, sans-serif; width:100%; font-size:12px; font-weight:bold; } #primaryNav ul { list-style: none; margin: 0 auto; width:960px; padding: 0px; height: 38px; } #primaryNav li { padding: 0px; margin: 0px; float: left; border-right:1px solid #f7b5bd; } #primaryNav li.first { border-left:1px solid #f7b5bd; } #primaryNav li a { display: block; text-decoration: none; padding: 10px 13px 9px 12px; color: #FFFFFF; } #primaryNav li a:hover, #primaryNav li.active a { color: #fff; background:#b40015; } /* ----- SECONDARY NAVIGATION ----- */ #secondaryNav {} #secondaryNav ul { list-style: none; margin: 0; padding: 0; } #secondaryNav li { } #secondaryNav li a { text-decoration: none; } /* ----- DROPDOWN NAV ----- */ #primaryNav ul li ul { left: -999em; position: absolute; z-index:999999; border-top:1px; } #primaryNav ul li:hover ul, #primaryNav ul li.sfhover ul { left: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; display: block; width: 200px; } #primaryNav ul li:hover ul li, #primaryNav ul li.sfhover ul li { display: block; margin: 0px; background: #e3001b; width: 200px; height: 25px; border-bottom: 1px solid #f7b5bd; } #primaryNav ul li:hover ul li.alt, #primaryNav ul li.sfhover ul li.alt { display: block; margin: 0px; background: #cc0018; width: 200px; height: 25px; border-bottom: 1px solid #f7b5bd; } #primaryNav ul li:hover ul li a, #primaryNav ul li.sfhover ul li a { padding: 3px 5px 3px 10px; margin: 0px; color: #fff; background:none; } #primaryNav ul li:hover ul li a:hover, #primaryNav ul li.sfhover ul li a:hover { padding: 3px 5px 3px 10px; margin: 0px; color: #fff; } /* ----- SITE MAP ----- */ #sitemap { list-style:none; margin:0 0 0 5px; padding:0;} #sitemap a {text-decoration:none;} #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;} /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #breadcrumbs { line-height: normal; height: 30px; margin-bottom:10px; width:655px; background:url(../images/layup/listItemBg.gif) left bottom no-repeat; } #breadcrumbs span { display:block; padding-top:2px; } #breadcrumbs a { font-weight: normal; text-decoration: none; float: left; padding: 2px 5px 4px 0px; } #breadcrumbs a.active {font-weight:bold;} #breadcrumbs .btnBack { float: right; padding: 0px; } .pagination { float: right; margin-bottom:5px; margin-top:0px; width:280px; } .pagination ul {padding:0; margin:0; float:right;} .pagination li{ display:inline; list-style:none; } .pagination li a { padding: 2px 5px 2px 5px; text-decoration: none; font-weight:normal; } .pagination li a:hover { text-decoration: none; color:#000; font-weight:bold; } .pagination li .active { text-decoration: none; color:#000; font-weight:bold; } .nextPrev { color:#fff; } .nextPrev:hover { font-weight:normal !important; color:#fff !important;} .found { float:left; width:125px;} .sortBy { float:left; width:250px; } .sortBy select {width:140px; margin-left:10px; margin-top:-3px; border: 1px solid #d0d0d0; float:left;} /* ----- FOOTER ----- */ #footer { background:#ebebeb; margin-top:-215px; border-top:1px solid #bcbcbc; text-align:left;} #footer .padding { width:960px; font-size:11px; margin: 0 auto; padding:0;} #footer .padding #footerInfo { padding-top:20px;} #footer .padding #footerInfo img { margin-bottom:15px; } #footer .padding #footerLinks { float:right; width:261px; height:126px; background:#787878; padding:15px 0 0 15px; } #footer .padding #footerLinks .link { background:url(../images/layup/footerLinkBg.gif) no-repeat left center; padding-left:15px; float:left; width:100px; margin-bottom:5px; width:115px;} #footer .padding #footerLinks .link a { font-weight:bold; color:#fff; } #footer a { font-weight:normal; text-decoration:none;} #footer a:hover { text-decoration:underline;} /* ----- GLOBAL ----- */ img { display:block; border:0; } address { font-style:normal; } /* ----- LINKS ----- */ a { color:#000000; font-weight:bold; text-decoration:underline;cursor:pointer; } a:hover { text-decoration:none; } /* ----- FORMS ----- */ form { padding:0; margin:0; } fieldset { padding:0; margin:0; border:0px none; } legend { padding:0; margin:0; display:none; } label { display:block; width:260px; float:left; } input, textarea { width:200px; font-size:11px !important;} .required { color:#ff000a;} .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:64px; height:23px; border:none;} #feedbackForm div { margin-bottom:10px;} #feedbackForm select { width:204px; } #feedbackForm label { margin-right:10px; } #feedbackForm .checkRadio { width:13px; position:relative; margin-left:30px; top:3px; } /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #ff000a; color : #FFFFFF; background: #ff8888 } input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; background: #ffffff} .validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #e3001b; color : #FFF; font-weight: bold; } .validation-advice-mini { margin: 0px 0; width: auto; padding: 1px; background-color: #e3001b; color : #ffffff; font-weight: bold; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } /* ----- STOCK UPDATES FORM ----- */ #promoForm { padding:12px 0 0 19px; } #promoForm .signupBoxes { margin-bottom:20px; margin-top:10px;} #promoForm .signupBoxes label { float:left; width:450px; position:relative; top:4px;} #promoForm .signupBoxes input { float:left; width: 14px; margin-right: 10px;} #promoForm select { width:125px !important; margin-bottom: 10px; display:block; margin-right:15px;} #promoForm .carSelects { padding-top:18px;} #promoForm .submitButton { margin:5px 0 20px 0;} /* ----- DOMTABS ----- */ .domTabs { padding-bottom: 10px; } .domContent { } .dt1 { display: block; } ul.domHeadings { padding: 0px; margin: 0px; list-style: none; } ul.domHeadings li { float: left; } ul.domHeadings li a { display: block; float: left; padding: 5px 10px 5px 10px; background: #000; color: #FFF; text-decoration: none; font-weight: bold; } ul.domHeadings li a:hover, ul.domHeadings li.active a { background: #BCBCBC; color: #000; } ul.domHeadings li a#newSearch { display: block; float: left; padding:0; background:url(../images/layup/spriteSearchType.gif) left top no-repeat; width:121px; height:54px; } ul.domHeadings li.active a#newSearch { background:url(../images/layup/spriteSearchType.gif) left -54px no-repeat;width:121px; height:54px; } ul.domHeadings li a#usedSearch { display: block; float: left; padding:0; background:url(../images/layup/spriteSearchType.gif) right top no-repeat; width:123px; height:54px; } ul.domHeadings li.active a#usedSearch { background:url(../images/layup/spriteSearchType.gif) right -54px no-repeat;width:123px; height:54px; } /* ---------------------------------------------------------------------*/ /* --------------------- CODEWEAVERS EXAMPLES ------------------------- */ /* ---------------------------------------------------------------------*/ .cwDisclosureHeight { height: 295px !important; margin-top:-295px !important; } .cwDisclosure { clear:both; } .cwDisclosure h2 { font-size: 12px; padding-bottom: 0px; } .cwDisclosure p { padding: 0; } .codeWeaversExample { margin: 15px 0px 5px 0px; } .codeWeaversExample h2 { color: #353a3a; font-size: 11px; padding-bottom: 3px; } .codeWeaversExample table { width: 100%; border-collapse: separate; } .codeWeaversExample td.tableHeading { background: #353a3a; color: #fff; font-size: 0.9em; padding: 3px; } .codeWeaversExample td { background: #686868; color: #fff; padding: 3px; } .codeWeaversExample tfoot td { background: none; color: #353a3a; font-weight: bold; padding: 3px; }