/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author CSS: John Davies / john.davies@gforces.co.uk / G-Forces Web Management Ltd Author PHP: Marlon King / marlon.king@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for John Grose site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ html { height:100% !important; } body { height: 100%; font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#f6f9fd url(../images/layup/bodyBg.gif) top center 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 ----- */ #outer { width: 100%; height: 100%; background:url(../images/layup/outerBg.jpg) top center no-repeat; } #container { width:936px; margin:0 auto; text-align:left; font-size:110%; line-height: normal; } #printHeader { display:none; } #stockPrintHeader { display:none; } #stockPrintTitle { display:none; } #shareOverlay { background: url(../images/layup/popUpOverlay.png) repeat; height:100%; left:0; position:fixed; top:0; width:100%; z-index:999; } #popupContainer { margin: 0 auto; position:relative; width:932px; z-index:9999; } #popupContainer #popup { background: url(../images/layup/shareOverlayBg.gif) no-repeat; height:203px; left:270px; position:absolute; top:300px; width:560px; z-index:999999; } #popupContainer #popup.blue { background: url(../images/layup/shareOverlayBgBlue.gif) no-repeat; } #popupContainer #popup .btnClose { position: absolute; top: 10px; left: 480px; } #popupContainer #popup .btnEmailFriend { position: absolute; top: 50px; left: 40px; } #popupContainer #popup .btnShareFb { position: absolute; top: 120px; left: 40px; } #header { position: relative; height: 92px; } #header #logo { position: absolute; top: 0; left: -5px; } #header #contactDetails { top: 0px; right: 0px; text-align: right; font-size: 1.3em; font-weight: bold; padding-top: 22px; color: #01548c; } #header #contactDetails a { text-decoration: none; font-weight: bold; color: #01548c; } #header #contactDetails a:hover { text-decoration: underline; } #leftCol { float: left; position: relative; width: 203px; background: #fff; padding: 0px 11px 0px 11px; } #leftCol .shadowT { position: absolute; top: 0px; left: -25px; } #leftCol .shadowR { position: absolute; top: 0px; right: -7px; z-index: 9999; } #leftCol .box { width: 203px; margin-bottom: 8px; } #leftCol .usedCarSearch { background: url(../images/layup/usedCarSearchBg.jpg) top left repeat-y; padding: 0px 19px 0px 19px; height: 280px; } #leftCol .usedCarSearch .clear { height: 0; font-size: 0; } #leftCol .usedCarSearch form { padding: 12px 0px 0px 0px; } #leftCol .usedCarSearch select { width:164px; border:1px solid #d0d0d0; margin:0px 0px 16px 0px; height: 20px; font-size: 1.0em; } #leftCol .usedCarSearch .checkRadio { width:18px; position:relative; left:0px; top: -1px; float: right !important; } /*#leftCol .usedCarSearch .checkUsedCars { background:url(../images/layup/titleCars.gif) top left no-repeat; height: 22px; width:165px; margin-bottom: 10px; padding: 2px 0px 0px 0px; } #leftCol .usedCarSearch .checkUsedVans { background:url(../images/layup/titleVans.gif) top left no-repeat; height: 22px; width:165px; margin-bottom: 12px; padding: 2px 0px 0px 0px; } #leftCol .usedCarSearch label { width: 130px; color: #fff; padding-bottom: 12px; padding-top: 2px; }*/ #leftCol .usedCarSearch .checkUsedCars { background:url(../images/layup/titleCars.gif) top left no-repeat; float: left; height: 22px; width:66px; margin-bottom: 10px; margin-top: 3px; padding: 3px 0px 0px 0px; } #leftCol .usedCarSearch .checkUsedVans { background:url(../images/layup/titleVans.gif) top left no-repeat; float: right; height: 22px; width:66px; margin-bottom: 12px; margin-top: 3px; padding: 3px 0px 0px 0px; } #leftCol .usedCarSearch .search { margin-bottom: 8px; } #leftCol .usedCarSearch .advanced { margin-bottom: 7px; margin-top: 4px; } #leftCol .favourites { background: url(../images/layup/favouritesBg.jpg) top left no-repeat; width: 183px; margin-bottom: 8px; padding-top: 58px; padding-left: 20px; } #leftCol .favourites .thumb { width: 72px; height: 54px; background:url(../images/layup/noImageFavourites.gif) top left no-repeat; margin-right: 18px; margin-bottom: 4px; float: left; } #leftCol .favourites .btnRetrieve { background: url(../images/layup/btnRetrieveBg.gif) 0px -25px no-repeat; float: left; margin: 3px 0px 7px 0px; } #leftCol .favourites .btnSave { background: url(../images/layup/btnSaveBg.gif) 0px 0px no-repeat; float: left; margin: 3px 0px 7px 0px; } #leftCol .favourites .btnSave:hover { background: url(../images/layup/btnSaveBg.gif) 0px -25px no-repeat; } #leftCol .favourites .btnSave .active { background: url(../images/layup/btnSaveBg.gif) 0px -25px no-repeat; } #leftCol .favourites .btnView { background: url(../images/layup/btnViewBg.gif) 0px 0px no-repeat; float: left; margin: 3px 0px 7px 0px; } #leftCol .favourites .btnView:hover { background: url(../images/layup/btnViewBg.gif) 0px -25px no-repeat; } #leftCol .favourites .btnView .active { background: url(../images/layup/btnViewBg.gif) 0px -25px no-repeat; } #rightCol { float: left; width: 711px; } #rightCol #mainFlash { } /* ----- HOMEPAGE JUMP POINTS ----- */ #rightCol #franchiseJump { padding-top: 8px; background: #fff; height: 130px; } #rightCol #franchiseJump #jumpMarque { float: left; margin-right: 15px; } #rightCol #franchiseJump #jumpMarque span { display: none; } #rightCol #franchiseJump #jumpMarque a { display: block; height: 79px; width: 99px; } #rightCol #franchiseJump #jumpMarque #jumpFord a { background: url(../images/layup/jumpSelectMarque.gif) 0px 0px no-repeat; height: 79px; width: 99px; float: left; margin-right: 9px; } #rightCol #franchiseJump #jumpMarque #jumpFord a:hover { background: url(../images/layup/jumpSelectMarque.gif) 0px -79px no-repeat; float: left; } #rightCol #franchiseJump #jumpMarque #jumpCitroen a { background: url(../images/layup/jumpSelectMarque.gif) -107px 0px no-repeat; height: 79px; width: 99px; float: left; margin-right: 9px; } #rightCol #franchiseJump #jumpMarque #jumpCitroen a:hover { background: url(../images/layup/jumpSelectMarque.gif) -107px -79px no-repeat; float: left; } #rightCol #franchiseJump #jumpMarque #jumpPeugeot a { background: url(../images/layup/jumpSelectMarque.gif) -213px 0px no-repeat; height: 79px; width: 98px; float: left; margin-right: 9px; } #rightCol #franchiseJump #jumpMarque #jumpPeugeot a:hover { background: url(../images/layup/jumpSelectMarque.gif) -213px -79px no-repeat; float: left; } #rightCol #franchiseJump #jumpMarque #jumpKia a { background: url(../images/layup/jumpSelectMarque.gif) -323px 0px no-repeat; height: 79px; width: 97px; float: left; } #rightCol #franchiseJump #jumpMarque #jumpKia a:hover { background: url(../images/layup/jumpSelectMarque.gif) -323px -79px no-repeat; float: left; } #rightCol #franchiseJump #jumpServiceCentres { float: left; } #rightCol #franchiseJump #jumpServiceCentres span { display: none; } #rightCol #franchiseJump #jumpServiceCentres a { display: block;} #rightCol #franchiseJump #jumpServiceCentres #jumpRoverMg a { background: url(../images/layup/jumpServiceCentres.gif) 0px 0px no-repeat; height: 79px; width: 88px; float: left; margin-right: 9px; } #rightCol #franchiseJump #jumpServiceCentres #jumpRoverMg a:hover { background: url(../images/layup/jumpServiceCentres.gif) 0px -79px no-repeat; float: left; } #rightCol #franchiseJump #jumpServiceCentres #jumpJeepDodgeChrysler a { background: url(../images/layup/jumpServiceCentres.gif) -99px 0px no-repeat; height: 79px; width: 165px; float: left; } #rightCol #franchiseJump #jumpServiceCentres #jumpJeepDodgeChrysler a:hover { background: url(../images/layup/jumpServiceCentres.gif) -99px -79px no-repeat; float: left; } #secondaryJump { padding-top: 2px; padding-left: 11px; background: #fff; } #secondaryJump a { display: block; text-decoration: none; width: 216px; height: 152px; cursor: pointer; font-weight: normal; } #secondaryJump #jumpSpecialOffers { float: left; background:url(../images/layup/jumpSpecialOffers.gif) 0px 53px no-repeat; position: relative; margin-right: 16px; } #secondaryJump #jumpSpecialOffers .description { display: block; position: absolute; top: 80px; left: 68px; width: 132px; } #secondaryJump #jumpMotability { float: left; background:url(../images/layup/jumpMotability.gif) 0px 53px no-repeat; position: relative; margin-right: 16px; } #secondaryJump #jumpMotability .description { display: block; position: absolute; top: 70px; left: 79px; width: 132px; } #secondaryJump #jumpRental { float: left; background:url(../images/layup/jumpRental.gif) 0px 53px no-repeat; position: relative; margin-right: 16px; } #secondaryJump #jumpRental .description { display: block; position: absolute; top: 70px; left: 78px; width: 132px; } #secondaryJump #jumpBookService { float: left; background:url(../images/layup/jumpBookService.gif) 0px 53px no-repeat; position: relative; } #secondaryJump #jumpBookService .description { display: block; position: absolute; top: 70px; left: 74px; width: 132px; } #homeContent { background: #fff; } #homeContent .padding { padding: 0px 18px 10px 18px; } #mainContent { background: #fff; margin: 0px 0px 0px 15px; min-height: 338px; } #mainContent .padding { padding: 20px 14px 10px 8px; } #mainContent .cmsImage { position: relative; float: right; margin: 0px 0px 20px 20px; } #mainContent .cmsImage .frame { position: absolute; top: -13px; left: -13px; } #mainContent .pageBanner { margin-bottom: 6px; } /* ----- BOX LISTING ----- */ #boxListing {} #boxListing .box { float: left; margin-left: 17px; margin-right: 28px; margin-bottom: 40px; display: inline; } #boxListing .box a { display: block; cursor: pointer; width: 178px; text-decoration: none; } #boxListing .box .title { display: block; color: #015389; text-align: right; margin-bottom: 12px; font-size: 1.1em; } #boxListing .box .model { color: #163b5c; } #boxListing .box .thumb { display: block; position: relative; } #boxListing .box .thumb .frame { position: absolute; top: -21px; left: -13px; } /* ----- OFFER TAB LISTING ----- */ #offerTabList { position: relative; top: -35px; width: 674px; } #offerTabList #tabset { background: url(../images/layup/offerTabsetBg.gif) bottom left no-repeat; width: 674px; height: 43px; } #offerTabList #tabset ul { padding: 0; margin: 0px 15px 0px 0px; display: inline; float: right; } #offerTabList #tabset li { display: block; float: left; } #offerTabList #tabset a { display: block; height: 43px; width: 100px; position: relative; cursor: pointer; } #offerTabList #tabset .usedCarsTab a { background:url(../images/layup/offerTabUsedCars.gif) 0px -43px no-repeat; width: 88px; z-index: 5; } #offerTabList #tabset .usedCarsTab a:hover { background:url(../images/layup/offerTabUsedCars.gif) 0px 0px no-repeat; } #offerTabList #tabset .usedCarsTab .active { background:url(../images/layup/offerTabUsedCars.gif) 0px 0px no-repeat; } #offerTabList #tabset .newCarsTab a { background:url(../images/layup/offerTabNewCars.gif) 0px -43px no-repeat; width: 84px; z-index: 4; } #offerTabList #tabset .newCarsTab a:hover { background:url(../images/layup/offerTabNewCars.gif) 0px 0px no-repeat; } #offerTabList #tabset .newCarsTab .active { background:url(../images/layup/offerTabNewCars.gif) 0px 0px no-repeat; } #offerTabList #tabset .usedVansTab a { background:url(../images/layup/offerTabUsedVans.gif) 0px -43px no-repeat; width: 88px; z-index: 3; } #offerTabList #tabset .usedVansTab a:hover { background:url(../images/layup/offerTabUsedVans.gif) 0px 0px no-repeat; } #offerTabList #tabset .usedVansTab .active { background:url(../images/layup/offerTabUsedVans.gif) 0px 0px no-repeat; } #offerTabList #tabset .newVansTab a { background:url(../images/layup/offerTabNewVans.gif) 0px -43px no-repeat; width: 84px; z-index: 2; } #offerTabList #tabset .newVansTab a:hover { background:url(../images/layup/offerTabNewVans.gif) 0px 0px no-repeat; } #offerTabList #tabset .newVansTab .active { background:url(../images/layup/offerTabNewVans.gif) 0px 0px no-repeat; } #offerTabList #tabset .motabilityTab a { background:url(../images/layup/offerTabMotability.gif) 0px -43px no-repeat; width: 92px; z-index: 1; } #offerTabList #tabset .motabilityTab a:hover { background:url(../images/layup/offerTabMotability.gif) 0px 0px no-repeat; } #offerTabList #tabset .motabilityTab .active { background:url(../images/layup/offerTabMotability.gif) 0px 0px no-repeat; } #offerTabList #tabset .frame { z-index: 1000; } #offerTabList #tabset a .frame { position: absolute; left: -20000px; } #offerTabList #tabset a:hover .frame { position: absolute; top: -14px; right: -14px; left: auto; } #offerTabList #tabset .active .frame { position: absolute; top: -14px; right: -14px; left: auto; } #offerTabList .item { margin-top: 8px; } /* ----- RENTAL LISTING ----- */ #rentalListing .listItem { } #rentalListing .listItem .clear { display: block; clear: both; height: 0; min-height: 0; font-size: 0; } #rentalListing .listItem a { display: block; cursor: pointer; font-weight: normal; width: 647px; text-decoration: none; padding: 11px 10px 12px 17px; background: url(../images/layup/dotsH.gif) bottom left repeat-x; } #rentalListing .listItem .thumb { display: block; position: relative; padding-top: 7px; margin-right: 11px; background:url(../images/layup/noImage170x128.gif) 0px 7px no-repeat; width: 178px; height: 134px; float: left; } #rentalListing .listItem .thumb .frame { position: absolute; top: -14px; left: -15px; } #rentalListing .listItem .heading { display: block; position: relative; float: left; width: 440px; padding: 5px 6px 5px 10px; color: #fff; background: #0076b3; font-weight: bold; font-size: 1.1em; } #rentalListing .listItem .heading .btn { float: right; } #rentalListing .listItem .heading .shadow { position: absolute; bottom: -13px; right: 0px; } #rentalListing .listItem .priceDetails { display: block; float: left; width: 260px; padding: 8px 0px 0px 10px; line-height: 130%; } #rentalListing .listItem .priceDetails .priceHeading { background:url(../images/layup/iconArrow.gif) right 2px no-repeat; text-transform: uppercase; font-weight: bold; display: block; width: 96px; padding-bottom: 3px; } #rentalListing .listItem .priceDetails .priceBox { display: block; float: left; width: 80px; } #rentalListing .listItem .priceDetails { display: block; float: left; width: 260px; padding: 8px 0px 0px 10px; line-height: 130%; } #rentalListing .listItem .numberOfPeopleSuitcases { display: block; float: left; width: 260px; padding: 7px 0px 0px 10px; } #rentalListing .listItem .numberOfPeopleSuitcases img { float: left; } #rentalListing .listItem .numberOfPeople { float: left; display: block; width: 260px; } #rentalListing .listItem .numberOfSuitcases { float: left; display: block; width: 260px; } #rentalListing .listItem .callOnUs { display: block; float: right; width: 170px; padding: 8px 0px 0px 10px; line-height: 130%; } #rentalListing .listItem .callOnUs .callOnUsHeading { background:url(../images/layup/iconArrow.gif) right 2px no-repeat; text-transform: uppercase; font-weight: bold; display: block; width: 82px; padding-bottom: 5px; } /* ----- USED CAR LISTING ----- */ #usedCarJumps { background:url(../images/layup/dotsH.gif) bottom left repeat-x; height: 86px; } #usedCarJumps a { float: left; margin-right: 13px; } #usedCarJumps a.last { margin-right: 0px; } #usedCarListingAdjustFinance { margin: 6px 0px 0px 0px; height: 38px; width: 674px; background: url(../images/layup/dotsH.gif) bottom left repeat-x; } #usedCarListingAdjustFinance .adjustFinanceTitle { color: #fff; padding: 2px 8px 2px 8px; font-weight: bold; border-right: 1px solid #fff; } #usedCarListingAdjustFinance div { float:left; } #usedCarListingAdjustFinance form { background: #007ac1; padding-top: 4px; padding-bottom: 4px; width: 674px; } #usedCarListingAdjustFinance fieldset { display: block; } #usedCarListingAdjustFinance label { text-align: right; padding-right: 7px; padding-top: 3px; color: #fff; } #usedCarListingAdjustFinance select { height: 20px; } #usedCarListingAdjustFinance input { } #usedCarListingAdjustFinance #btnUpdate { width: 68px; height: 19px; position: relative; border: none !important; margin-right: 3px; } #usedCarListing .listItem { position: relative; } #usedCarListing .listItem .clear { display: block; clear: both; height: 0; min-height: 0; font-size: 0; } #usedCarListing .listItem a { display: block; cursor: pointer; font-weight: normal; width: 647px; min-height: 143px; text-decoration: none; padding: 11px 10px 10px 17px; background: url(../images/layup/dotsH.gif) bottom left repeat-x; } #usedCarListing .listItem .thumb { display: block; position: relative; padding-top: 7px; margin-right: 18px; background:url(../images/layup/noImage170x128.gif) 0px 7px no-repeat; width: 170px; height: 128px; float: left; } #usedCarListing .listItem .thumb .frame { position: absolute; top: -4px; left: -13px; } #usedCarListing .listItem .thumb .libraryImage { position: absolute; bottom: 2px; right: 2px; } #usedCarListing .listItem .heading { display: block; position: relative; float: left; width: 446px; padding: 7px 0px 7px 10px; background: #0076b3; color:#fff; font-weight: bold; font-size: 1.1em; } #usedCarListing .listItem .heading .shadow { position: absolute; bottom: -13px; right: 0px; } #usedCarListing .listItem .description { display: block; float: left; width: 436px; padding: 10px 10px 0px 10px; min-height: 104px; } #usedCarListing .listItem .priceDetails { display: block; text-transform: uppercase; font-weight: bold; padding-top: 8px; } #usedCarListing .listItem .priceDetails .priceHeading { background:url(../images/layup/iconArrow.gif) right 2px no-repeat; display: block; width: 96px; padding-bottom: 5px; } #usedCarListing .listItem .quoteBox { background: url(../images/layup/dotsH.gif) bottom left repeat-x; width: 674px; padding: 6px 0px 6px 0px; height: 43px; } #usedCarListing .listItem .quoteBox a { display: inline !important; color: #fff !important; width: auto !important; padding: 0 !important; background: none !important; } #usedCarListing .listItem .quoteBox .title { background: #0076b3; float: left; font-size: 1.1em; padding: 6px 9px 6px 9px; width: 170px; margin-left: 7px; display: inline; } #usedCarListing .listItem .quoteBox .detail { float: left; width: 360px; padding-left: 21px; padding-right: 20px; font-weight: bold; } #usedCarListing .listItem .quoteBox .costing { float: left; width: 52px; text-align: right; padding-right: 15px; font-size: 1.1em; font-weight: bold; } /* ----- USED CAR DETAIL ----- */ #usedCarImagery { float: left; position: relative; width: 397px; margin-left: 16px; margin-top: 9px; margin-right: 5px; display: inline; } #usedCarImagery .usedCarPhoto { width: 390px; height: 293px; background: url(../images/layup/noImage390x293.gif) top left no-repeat; } #usedCarImagery .enlarge { position: absolute; bottom: 40px; right: 7px; } #usedCarImagery .libraryImage { position: absolute; bottom: 10px; right: 16px; } #usedCarImagery .frame { position: absolute; top: -9px; left: -8px; } #usedCarImagery .shadowL { position: absolute; top: 340px; left: -13px; } #usedCarImagery .shadowR { position: absolute; top: 340px; right: -5px; } #usedCarImagery .price { font-size:16px; color:#FFF; font-weight:bold; text-align:center; background:#0d2f6c; margin:9px 0 0; padding:8px 8px 7px; position:relative; left:-8px; float:left; } #usedCarImagery .imageControl { margin-top: 9px; float:right; } #usedCarImagery .imageControl span { display: none; } #usedCarImagery .imageControl .btn1 { float: right; } #usedCarImagery .imageControl .btn1 a { background: url(../images/layup/icon1.gif) 0px -34px no-repeat; display: block; height: 34px; width: 37px; } #usedCarImagery .imageControl .btn1 a:hover { background: url(../images/layup/icon1.gif) top left no-repeat; display: block; height: 34px; width: 37px; } #usedCarImagery .imageControl .btn1 .active { background: url(../images/layup/icon1.gif) top left no-repeat; display: block; height: 34px; width: 37px; } #usedCarImagery .imageControl .btn2 { float: right; } #usedCarImagery .imageControl .btn2 a { background: url(../images/layup/icon2.gif) 0px -34px no-repeat; display: block; height: 34px; width: 44px; } #usedCarImagery .imageControl .btn2 a:hover { background: url(../images/layup/icon2.gif) top left no-repeat; display: block; height: 34px; width: 44px; } #usedCarImagery .imageControl .btn2 .active { background: url(../images/layup/icon2.gif) top left no-repeat; display: block; height: 34px; width: 44px; } #usedCarImagery .imageControl .btn3 { float: right; } #usedCarImagery .imageControl .btn3 a { background: url(../images/layup/icon3.gif) 0px -34px no-repeat; display: block; height: 34px; width: 40px; } #usedCarImagery .imageControl .btn3 a:hover { background: url(../images/layup/icon3.gif) top left no-repeat; display: block; height: 34px; width: 40px; } #usedCarImagery .imageControl .btn3 .active { background: url(../images/layup/icon3.gif) top left no-repeat; display: block; height: 34px; width: 40px; } #printTitlePrice { display: none; } #usedCarDetail { float: left; } #usedCarDetail #titlePrice { width: 238px; background: #003366; padding: 8px 8px 4px 10px; color: #fff; font-weight: bold; margin-bottom: 3px; } #usedCarDetail #titlePrice div { padding: 0px 0px 4px 0px; } #usedCarDetail #furtherInfo { width: 243px; background: #006498; padding: 8px 3px 8px 10px; color: #fff; margin-bottom: 3px; line-height: 150%; } #usedCarDetail #liveChat { margin-bottom: 3px; } #usedCarDetail #usedCarOptions { width: 256px; } #usedCarDetail #usedCarOptions div { float: left; margin-bottom: 6px; } #usedCarDetail #printMap { display: none; } #usedCarFinance { float: left; background: url(../images/layup/dotsH.gif) bottom left repeat-x; } #usedCarFinance .tab { padding: 0px 0px 1px 0px; margin: 0; list-style: none; background:url(../images/layup/dotsH.gif) bottom left repeat-x; height: 26px; width: 674px; } #usedCarFinance .tab li { float:left; display: inline; font-weight: bold; background: #003366; color: #fff; float: left; cursor: default; padding: 6px 17px 6px 17px; } #usedCarFinance #adjustFinance { margin: 0px; height: 35px; width: 674px; } #usedCarFinance #adjustFinance .adjustFinanceTitle { color: #fff; padding: 2px 8px 2px 8px; font-weight: bold; border-right: 1px solid #fff; } #usedCarFinance #adjustFinance div { float:left; } #usedCarFinance #adjustFinance form { background: #007ac1; padding-top: 4px; padding-bottom: 4px; width: 674px; } #usedCarFinance #adjustFinance fieldset { display: block; } #usedCarFinance #adjustFinance label { text-align: right; padding-right: 7px; padding-top: 3px; color: #fff; } #usedCarFinance #adjustFinance select { height: 20px; } #usedCarFinance #adjustFinance input { width: 60px; } #usedCarFinance #adjustFinance .totalPrice input { width: 50px !important; border: 1px solid #000; background: #cef0fe; font-weight: bold; text-align: right; height: 15px; } #usedCarFinance #adjustFinance #btnUpdate { width: 68px; height: 19px; position: relative; border: none !important; margin-right: 3px; margin-left: 20px; float: left; } .codeWeaversMain .financeTable { width: 224px; float: left; margin-right: 17px; margin-top: 10px; } .codeWeaversMain .financeTable table { width: 100%; } .codeWeaversMain .financeTable th { background: #007ac1; color: #fff; font-weight: normal; padding: 6px 0px 6px 10px; } .codeWeaversMain .financeTable th a { color: #fff; } .codeWeaversMain .financeTable td { font-weight: normal; padding: 1px 0px 1px 10px; border-bottom: 1px solid #ebebeb; } .codeWeaversMain .btn { float: right; padding-top:4px; } .codeWeaversMain .apr { float: right; font-weight: bold; font-size: 1.1em; padding-top:4px; padding-bottom:4px; } .usedCarCMSGraphic { margin-top: 10px; background: url(../images/layup/usedCarCmsDefault.jpg) top left no-repeat; height: 208px; width: 192px; } .usedCarTerms { font-size: 0.9em; padding-top: 10px; } #similarVehicles { margin-top: 20px; } #similarVehicles .tab { padding: 0px 0px 1px 0px; margin: 0; list-style: none; background:url(../images/layup/dotsH.gif) bottom left repeat-x; height: 26px; width: 674px; } #similarVehicles .tab li { float:left; display: inline; font-weight: bold; background: #003366; color: #fff; float: left; cursor: default; padding: 6px 17px 6px 17px; } #similarVehicles .box { float: left; width: 170px; margin-left: 8px; margin-top: 16px; display: inline; } #similarVehicles .box a { display: block; cursor: pointer; text-decoration: none; width: 170px; font-weight: normal; } #similarVehicles .box .thumb { display: block; position: relative; background:url(../images/layup/noImage170x128.gif) top left no-repeat; width: 170px; height: 128px; } #similarVehicles .box .thumb .frame { position: absolute; top: -11px; left: -13px; } #similarVehicles .box .title { display: block; font-weight: bold; margin-top: 20px; padding: 2px 6px 2px 6px; background: #0082c9; color: #fff; font-size: 1.1em; } #similarVehicles .box .detail { display: block; padding: 2px 6px 2px 6px; font-size: 1.1em; } #similarVehicles .spacer { float: left; width: 66px; height: 146px; background: url(../images/layup/iconArrowCheck.gif) 35px 70px no-repeat; } /* ----- USED CAR DOMTABS ----- */ #usedVehicleSpec { float: left; } #usedVehicleSpec .domtab { background:url(../images/layup/dotsH.gif) bottom left repeat-x; } #usedVehicleSpec .tabset_print { display: none; } #usedVehicleSpec .tabset_tabs { height: 26px; width: 674px; margin:0px; padding: 0px; list-style:none; } #usedVehicleSpec .tabset_tabs li { list-style: none; display: inline; padding: 0px; float:left; margin-right: 3px; } #usedVehicleSpec .tabset_tabs a { display: inline; background: #015389; color: #fff; font-weight: bold; float: left; cursor: pointer !important; padding: 6px 17px 6px 17px; margin: 0px; text-decoration: none; } #usedVehicleSpec .tabset_tabs a:hover { font-weight: bold; background: #003366 !important; } #usedVehicleSpec .tabset_tabs .active a { background: #003366; } #usedVehicleSpec .trAlt { background:#f2f2f2 !important; } #usedVehicleSpec .tabset_content { padding-bottom:2px; background:url(../images/layup/dotsH.gif) top left repeat-x; padding-top: 1px; } #usedVehicleSpec .tabset_content h1 { color: #000; padding: 0px; } #usedVehicleSpec .tabset_content table { margin-top: 3px; } #usedVehicleSpec .tabset_content td { height: 24px; padding: 0px; } #usedVehicleSpec .iconItem { width: 300px; float: left; } /* ----- FINANCE DOMTABS ----- */ #financeTab ul { height: 26px; width: 674px; margin:15px 0px 6px 0px; padding: 0px 0px 1px 0px; list-style:none; background:url(../images/layup/dotsH.gif) bottom left repeat-x; } #financeTab ul li { list-style: none; display: inline; padding: 0px; float:left; margin-right: 3px; } #financeTab ul li a { display: inline; background: #015389; color: #fff; font-weight: bold; float: left; cursor: pointer !important; padding: 6px 17px 6px 17px; margin: 0px; text-decoration: none; } #financeTab ul li a:hover { font-weight: bold; background: #003366 !important; } #financeTab ul li .active a { background: #003366; } #cwCarInsuranceDetails { width: 648px; padding: 4px 8px; clear: both; margin: 0 0 10px; } #cwCarInsuranceDetails label { width: 300px !important; } #cwCarInsuranceDetails div { margin-bottom: 4px; } /* ----- NEW CAR DETAIL ----- */ #modelTable { width: 674px; } #modelTable table { width: 100%; } #modelTable table thead th { background: #007ac1; color: #fff; text-transform: uppercase; padding: 6px 10px 6px 10px; font-size: 1.1em; font-weight: bold; } #modelTable table thead th.youSave { background: #cc0000; color: #fff; } #modelTable table tbody td { background: #fff; padding: 2px 10px 2px 10px; font-size: 1.1em; font-weight: bold; } #modelTable table tbody td.youSave { background: #ff0000; color: #fff; } #modelTable table tbody tr.trAlt td { background: #e0ebfe; } #modelTable table tbody tr.trAlt td.youSave { background: #cc0000; } #modelTable table .goBtn { width: 26px; margin: 0 auto; } #modelTable table .info td { background: url(../images/layup/iconDownArrow.gif) 10px 5px no-repeat; padding: 6px 10px 8px 30px; font-size: 1.0em; } #modelTable table .infoAlt td { background: #e0ebfe url(../images/layup/iconDownArrow.gif) 10px 5px no-repeat !important; padding: 6px 10px 8px 30px; font-size: 1.0em; } #newCarCol1 { width: 382px; margin-right: 10px; float: left; } #newCarCol1 #newCarDetail { width: 100%; background: #bad2f7; margin-bottom: 1px; font-weight: bold; } #newCarCol1 #newCarDetail .makeModel { padding: 6px 10px 0px 10px; font-size: 1.3em; } #newCarCol1 #newCarDetail .price { padding: 6px 10px 6px 10px; } #newCarCol1 #newCarDetail .price td { font-size: 1.3em; color: #CC0000; font-weight: bold; line-height: normal; } #newCarCol1 #newCarPhoto { background: #bad2f7; padding: 10px; position: relative; } #newCarCol1 #newCarPhoto .libraryImage { position: absolute; top: 255px; right: 16px; } #newCarCol1 #newCarPhoto .motability { position: absolute; top: -10px; right: 0; } #newCarCol2 { width: 282px; float: left; } #newCarCol2 #newCarPhoto { background: #bad2f7; padding: 0px; position: relative; } #newCarCol2 #newCarPhoto .libraryImage { position: absolute; top: 180px; right: 16px; } #newCarCol2 #newCarPhoto .motability { position: absolute; top: -10px; right: 0; } #newCarCol2 #newCarOptions {} #newCarCol2 #newCarOptions .btnFurtherAdvice { position:relative; float: left; margin-right: 3px; width: 92px; height: 66px; overflow: hidden; } #newCarCol2 #newCarOptions .btnFurtherAdvice img { position: absolute; top: 0px; left: 0px; } #newCarCol2 #newCarOptions .btnFurtherAdvice a:hover { position: absolute; top: -66px; left: 0px; } #newCarCol2 #newCarOptions .btnFurtherAdvice .active { position: absolute; top: -66px; left: 0px; } #newCarCol2 #newCarOptions .btnBookTestDrive { position:relative; float: left; margin-right: 3px; width: 92px; height: 66px; overflow: hidden; } #newCarCol2 #newCarOptions .btnBookTestDrive img { position: absolute; top: 0px; left: 0px; } #newCarCol2 #newCarOptions .btnBookTestDrive a:hover { position: absolute; top: -66px; left: 0px; } #newCarCol2 #newCarOptions .btnBookTestDrive .active { position: absolute; top: -66px; left: 0px; } #newCarCol2 #newCarOptions .btnGetBrochure { position:relative; float: left; width: 92px; height: 66px; overflow: hidden; } #newCarCol2 #newCarOptions .btnGetBrochure img { position: absolute; top: 0px; left: 0px; } #newCarCol2 #newCarOptions .btnGetBrochure a:hover { position: absolute; top: -66px; left: 0px; } #newCarCol2 #newCarOptions .btnGetBrochure .active { position: absolute; top: -66px; left: 0px; } #newCarCol2 #newCarOptions .frmEnquiry { background: #e7e7e9; position: relative; } #newCarCol2 #newCarOptions .frmEnquiry p { background: #015389; display: block; color: #fff; padding: 5px 10px 5px 10px; } #newCarCol2 #newCarOptions .frmEnquiry form { padding: 15px 10px 0px 10px; } #newCarCol2 #newCarOptions .frmEnquiry form div { margin-bottom:12px; } #newCarCol2 #newCarOptions .frmEnquiry form label { width: 107px; } #newCarCol2 #newCarOptions .frmEnquiry form input, textarea { border: 1px solid #7f9db9; } #newCarCol2 #newCarOptions .frmEnquiry form .submit { border: none; } #newCarCol2 #nearlyNew { margin-top: 1px; } #newCarCol2 #newCarContactNumber {background: #bad2f7; margin-bottom: 1px; font-weight: bold; padding: 8px 10px 8px 10px; font-size: 1.6em; } #newCarCol2 #newCarPricingOptions { margin-top: 1px; background: #015389; } #newCarCol2 #newCarPricingOptions fieldset { display: block; } #newCarCol2 #newCarPricingOptions .checkRadio { width:20px; position: static; margin-left: 3px; } #newCarCol2 #newCarPricingOptions #pricing { padding: 10px 11px 6px 11px; color: #fff; } #newCarCol2 #newCarPricingOptions #pricing p { font-weight: bold; text-transform: uppercase; padding: 6px 0px 0px 0px; } #newCarCol2 #newCarPricingOptions #pricing table { width: 100%; } #newCarCol2 #newCarPricingOptions #pricing thead th { padding: 6px 8px 6px 8px; text-transform: uppercase; } #newCarCol2 #newCarPricingOptions #pricing thead th.customise { background: #fff; color: #015389; font-size: 1.1em; } #newCarCol2 #newCarPricingOptions #pricing thead th.save { background: #de0606; color: #fff; font-size: 1.1em; } #newCarCol2 #newCarPricingOptions #pricing tbody td { background: #fff; color: #000; padding: 5px 8px 5px 8px; } #newCarCol2 #newCarPricingOptions #pricing tbody td.save { background: #f1d1d1; } #newCarCol2 #colorSwatches { background: #00324e; border-top: 1px solid #fff; border-bottom: 1px solid #fff; color: #fff !important; font-weight: bold; padding: 8px 0px 0px 11px; } #newCarCol2 #colorSwatches .title { color: #fff; width: 200px; height: 22px; } #newCarCol2 #colorSwatches .swatch { float: left; width: 17px; height: 18px; margin-right: 11px; margin-bottom: 11px; } #newCarCol2 #extras { border-bottom: 10px solid #003d60; padding-bottom: 5px; } #newCarCol2 #extras .title { color: #fff; font-weight: bold; padding: 8px 11px 8px 11px; text-transform: uppercase; } #newCarCol2 #extras table { width: 100%; } #newCarCol2 #extras thead th { background: #00324e; padding: 4px 14px 4px 14px; color: #fff; text-transform: uppercase; } #newCarCol2 #extras tbody th { background: #024062; padding: 4px 14px 4px 14px; color: #fff; } #newCarCol2 #extras tbody td { padding: 1px 14px 1px 14px; color: #fff; } /* ----- NEW CAR DOMTABS ----- */ #newCarSpec { float: left; margin-top: 13px; } #newCarSpec .domtab { } #newCarSpec .tabset_print { display: none; } #newCarSpec .tabset_tabs { height: 37px; margin:0px; padding: 0px; list-style:none; } #newCarSpec .tabset_tabs li { list-style: none; display: inline; padding: 0px; float:left; margin-right: 1px; text-transform: uppercase; } #newCarSpec .tabset_tabs a { display: inline; background: #015389; color: #fff; font-weight: bold; float: left; cursor: pointer !important; padding: 11px 17px 9px 17px; margin-top: 4px; text-decoration: none; } #newCarSpec .tabset_tabs a:hover { font-weight: bold; background: #bad2f7 !important; color: #000; padding: 15px 17px 9px 17px; margin: 0px; } #newCarSpec .tabset_tabs .active a { background: #bad2f7; color: #000; padding: 15px 17px 9px 17px; margin: 0px; } #newCarSpec .trAlt { background:#f2f2f2 !important; } #newCarSpec .tabset_content { border: 14px solid #bad2f7; padding: 10px 16px 10px 16px; } #newCarSpec .tabset_content h1 { background: url(../images/layup/dotsH.gif) bottom left repeat-x; font-size: 1.0em; color: #000; padding: 0px 0px 8px 0px; margin-bottom: 10px; } #newCarSpec .tabset_content p { padding: 0px 0px 12px 0px; } #newCarSpec .tabset_content table { margin-top: 3px; } #newCarSpec .tabset_content td { height: 24px; padding: 0px; } /* ----- DEALER ----- */ #rightCol #dealerList { } #rightCol #dealerList table { width: 100%; } #rightCol #dealerList th { border: 1px solid #d4d4d4; font-weight: bold; background: #e9e9e9; padding: 8px 6px 8px 6px; } #rightCol #dealerList td { border: 1px solid #d4d4d4; padding: 4px 6px 4px 6px; } #rightCol #dealerList tr.trAlt { background: #f5f5f5; } #dealerDirections { width: 295px; float: left; } #dealerDirections #map { margin: 9px 16px 8px 16px; } #dealerDirections input { width: 170px; float: left; margin-top: 4px; margin-left: 63px; } #dealerDirections #btnGo { width: 26px; height: 26px; float: left; margin: 0px 0px 0px 10px; } #dealerPhoto { width: 373px; float: left; } #dealerPhoto .photo { margin: 9px 16px 8px 16px; } #dealerAddress { width: 295px; float: left; padding: 0px; font-size: 1.1em; } #dealerAddress .padding { padding: 9px 16px 8px 16px; } #dealerAddress address { padding: 10px 0px 10px 0px; } #dealerOpeningTimes { width: 373px; float: left; } #dealerOpeningTimes table { border-collapse: separate; margin: 9px 16px 8px 16px; width: 343px; } #dealerOpeningTimes .emptyCell { background: #fff; } #dealerOpeningTimes th { font-weight: bold; background: #4c4c4c; color: #fff; padding: 5px 0px 5px 5px; text-align: center; } #dealerOpeningTimes tr { } #dealerOpeningTimes td { padding: 3px 0px 3px 5px; } #dealerOpeningTimes .trAlt { background: #eeeeee; } #dealerContact {} #dealerContact form { padding: 10px 16px 10px 16px; } /* ----- BOOK A SERVICE FORM ----- */ .servicingBanner { margin-bottom: 15px; } #bookServiceForm { width: 322px; min-height: 164px; float: right; position: relative; margin: 0px 0px 20px 18px; background: url(../images/layup/bookServiceFormBg.gif) bottom left no-repeat; } #bookServiceForm .title { position: relative; } #bookServiceForm .title .spanner { position: absolute; top: 2px; right: -1px; } #bookServiceForm form { padding: 10px 15px 5px 15px; } #bookServiceForm form label { font-weight: bold; text-transform: uppercase; font-size: 1.1em; display: block; padding-bottom: 6px; } #bookServiceForm form select { width: 182px; } #bookServiceForm form #btnBook { width: 148px !important; height: 21px !important; } #bookServiceForm form div { margin-bottom: 10px; } #bookServiceForm .borderB { position: absolute; bottom: -13px; right: -2px; } /* ----- BOOK A SERVICE DETAIL ----- */ #serviceDetails { width: 674px; } #serviceDetails form {} #serviceOptionsCol1 { width: 322px; float: left; margin-right: 22px; } #serviceOptionsCol2 { width: 322px; float: left; } #serviceOptions { margin-bottom: 6px; } #serviceOptions .borderB { position: relative; bottom: -1px; left: 0px; } #serviceOptions table { width: 100%; border-collapse: separate; } #serviceOptions table th { background: #002a68; color: #fff; padding: 6px 14px 6px 14px; } #serviceOptions table td { background: #eceff3; padding: 3px 14px 3px 14px; font-size: 1.1em; } #serviceOptions table tr.trAlt td { background: #dce2ea; } #serviceOptions .checkRadio { left:0px; } #extraOptions { } #extraOptions .borderB { position: relative; bottom: -1px; left: 0px; } #extraOptions table { width: 100%; border-collapse: separate; } #extraOptions table th { background: #002a68; color: #fff; padding: 6px 14px 6px 14px; } #extraOptions table td { background: #eceff3; padding: 3px 6px 3px 6px; font-size: 1.1em; } #extraOptions table tr.trAlt td { background: #dce2ea; } #extraOptions .checkRadio { left:0px; } #yourCar { margin-bottom: 8px; } #yourCar .borderB { position: relative; bottom: -1px; left: 0px; } #yourCar table { width: 100%; border-collapse: separate; } #yourCar table th { background: #002a68; color: #fff; padding: 6px 14px 6px 14px; } #yourCar table td { background: #eceff3; padding: 3px 14px 3px 14px; font-size: 1.1em; } #servicingSummary { margin-bottom: 8px; } #servicingSummary .borderB { position: relative; bottom: -1px; left: 0px; } #servicingSummary table { width: 100%; border-collapse: separate; } #servicingSummary table th { background: #002a68; color: #fff; padding: 6px 14px 6px 14px; } #servicingSummary table td { background: #eceff3; padding: 3px 14px 3px 14px; font-size: 1.1em; } #servicingSummary table tr.trAlt td { background: #dce2ea; } #servicingSummary table tr td.whiteBg { background: #fff; } #servicingSummary table tr td.totalBg { background: #002a68; color: #fff !important; } #yourDetails { background: #d7d7d7; } #yourDetails div { border-bottom: 1px solid #ffffff; padding: 4px 0px 4px 0px; } #serviceDetails #frmContact div { margin: 0px !important; } #yourDetails label { width: 124px; padding: 1px 0px 0px 15px; font-size: 1.1em; } #yourDetails input { width: 170px; } #yourDetails select { width: 174px !important; } #yourDetails textarea { width: 170px; } #yourDetails .btnBook { background: #fff; height: 42px; } #yourDetails .btnBook input { float: right; width: 98px !important; height: 42px !important; } /* ----- DEALER MAP ------*/ #contactMap { background:url(../images/layup/contactMap.jpg) top left no-repeat; width: 670px; height: 557px; position: relative; } #contactMap a { text-decoration: none; } /* ----- 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; } .hand { cursor:pointer; } .red { color: #cc0000 !important; } .grey { color: #666; } .blue { color: #163b5c; } .font16 { font-size: 1.6em; } .font15 { font-size: 1.5em !important; } .font13 { font-size: 1.3em !important; } .font11 { font-size: 1.1em; } .font9 { font-size: 0.9em !important; } /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;} #homeContent h1 { background: url(../images/layup/titleGoodMorning.gif) top left no-repeat; color: #fff; font-weight: normal; width: 686px; margin-top: 12px; padding-left: 24px; height: 20px; padding-top: 27px; } #mainContent h1 { font-weight: bold; font-size: 1.3em; color: #015389; text-transform: uppercase; } /* ----- TOP NAVIGATION ----- */ #primaryNav { height: 92px; } #primaryNav ul { list-style: none; margin: 0; padding: 0; } #primaryNav li { display: block; float: left; background:url(../images/layup/navDivider.gif) top right no-repeat; padding-right: 2px; position: relative; } #primaryNav li a { display: block; float: left; text-decoration: none; color: #fff; text-transform: uppercase; font-size: 1.1em; cursor: pointer; } #primaryNav li a:hover { background:url(../images/layup/navHover.png) top center repeat-x; position: relative; z-index: 999; } #primaryNav li a .arrow { display: block; padding: 26px 12px 41px 12px; } #primaryNav li a:hover .arrow { display: block; float: left; padding: 26px 12px 41px 12px; background:url(../images/layup/navArrow.gif) top center no-repeat; } #primaryNav li .border { background: #3097c5; width: 1px; height: 25px; display: block; position: absolute; top: 0px; left: 22px; } #primaryNav li a:hover .border { top: -400px; } #primaryNav li .active { background:url(../images/layup/navHover.png) top center repeat-x; } #primaryNav li .active .arrow { display: block; float: left; padding: 26px 12px 41px 12px; background:url(../images/layup/navArrow.gif) top center no-repeat; } #primaryNav li .active .border { top: -400px; } /*SAFARI HACK*/ /*VISIT: http://www.stormdetector.com/hacks/safarihack.html*/ /*PADDING 1 - SAFARI*/ /*PADDING 2 - IE7*/ /*PADDING 3 - IE6*/ /*\*/ html*#primaryNav a .arrow { [color:white; padding:26px 12px 41px 13px; ]padding: 26px 14px 41px 15px; }/*end*/ .dummyend[id]{clear:both;} /*\*/ * html #primaryNav a .arrow { padding: 26px 14px 41px 15px; } /*end*/ /*\*/ html*#primaryNav a:hover .arrow { [color:white; padding:26px 12px 41px 13px; ]padding: 26px 14px 41px 15px; }/*end*/ .dummyend[id]{clear:both;} /*\*/ * html #primaryNav a:hover .arrow { padding: 26px 14px 41px 15px; } /*end*/ /*\*/ html*#primaryNav .active .arrow { [color:white; padding:26px 12px 41px 13px; ]padding: 26px 14px 41px 15px; }/*end*/ .dummyend[id]{clear:both;} /*\*/ * html #primaryNav .active .arrow { padding: 26px 14px 41px 15px; } /*end*/ /* ----- SECONDARY NAVIGATION ----- */ #secondaryNav {} #secondaryNav ul { list-style: none; margin: 0; padding: 0; } #secondaryNav li { } #secondaryNav li a { text-decoration: none; } /* ----- 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 10px no-repeat; padding:6px 0 5px 15px;} /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #pageInfo { border-bottom: 1px solid #e2e6eb; margin: 15px 0px 0px 15px; padding: 2px 2px 0px 2px; background: #fff; position: relative; height: 22px; } #pageInfo .shadow { position: absolute; bottom: -13px; right: 0px; } #breadcrumbs { float: left; color: #fff; } #breadcrumbs a { background: #002a68; text-decoration: none; color: #fff; font-weight: normal; padding: 0px 5px 0px 5px; line-height: 20px; display: block; float: left; } #breadcrumbs a:hover { text-decoration: underline; } #breadcrumbs .active { background: #015389; padding: 0px 5px 0px 5px; line-height: 20px; display: block; float: left; } #back { float: right; } #back a { display: block; background: #015389 url(../images/layup/iconArrowLeft.gif) 10px 5px no-repeat; color: #fff; padding: 3px 10px 3px 30px; text-decoration: none; font-weight: normal; } #back a:hover { text-decoration: underline; } #pagination { float: right; line-height: 20px; } #pagination a { padding: 0px 4px 0px 4px; text-decoration: none; font-weight: normal; color: #000 !important; } #pagination a:hover { text-decoration: none; background:#015389; color:#fff !important; font-weight: bold; } #pagination .active { text-decoration: none; background:#015389; color:#fff !important; font-weight: bold; } #pagination span { display: block; float: left; padding: 0px 2px 0px 2px; } #pagination .prev, #pagination .next { font-weight: bold; } #pagination .prev:hover, #pagination .next:hover { background: none; font-weight: bold; color: #000; text-decoration: underline; color: #000 !important; } #searchInfo { padding: 0px 5px 0px 5px; width: 664px } #searchResults { float: left; font-weight: bold; margin-top: 10px; padding-top: 2px; } #sortBy { float: right; margin-top: 10px; } #sortBy label { width: 56px; font-weight: bold; text-align: right; padding-right: 12px; margin-top: 2px; } #sortBy select { height: 20px; } #resultsPerPage { float: right; margin-top: 10px; } #resultsPerPage label { width: 100px; font-weight: bold; text-align: right; padding-right: 12px; margin-top: 2px; } #resultsPerPage select { height: 20px; } #paginationBottom { float: right; line-height: 20px; } #paginationBottom a { padding: 0px 4px 0px 4px; text-decoration: none; font-weight: normal; color: #000 !important; } #paginationBottom a:hover { text-decoration: none; background:#015389; color:#fff !important; font-weight: bold; } #paginationBottom .active { text-decoration: none; background:#015389; color:#fff !important; font-weight: bold; } #paginationBottom span { display: block; float: left; padding: 0px 2px 0px 2px; } #paginationBottom .prev, #pagination .next { font-weight: bold; } #paginationBottom .prev:hover, #pagination .next:hover { background: none; font-weight: bold; color: #000; text-decoration: underline; color: #000 !important; } /* ----- FOOTER ----- */ #footer { background: url(../images/layup/footerBg.gif) top left no-repeat; color: #fff; margin-top: 10px; } #footer .padding { padding: 16px 24px 17px 24px; } #footer a { font-weight:normal; text-decoration:none; color: #fff; } #footer a:hover { text-decoration:underline; } #footer p { padding:0 0 0px 0; margin:0; } /* ----- GLOBAL ----- */ img { display:block; border:0; } p { padding:0 0 15px 0; margin:0; } address { font-style:normal;} /* ----- LINKS ----- */ a { color:#000000; font-weight:bold; text-decoration:underline; } a:hover { text-decoration:none; } a.toolTips {text-decoration:none !important; font-weight:normal; } a.toolTips:hover {position:relative; z-index:25; } a.toolTips span{display: none; font-weight:normal !important; text-decoration:none !important} a.toolTips:hover span{display:block !important; position:absolute; padding:5px 10px 5px 5px; top:20px; left:-20px; width:25em; border:1px solid #333; color:#000; text-align: left; background-color: #fff; text-decoration:none !important; z-index:100;} .totalCars { font-weight: bold; } /* ----- 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;} .requiredLabel { color:#006699;} .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;} #btnSubmit { width:76px; height:25px; border:none;} #carsAvailable { font-size: 1.2em; background: #006699; color: #fff; text-transform: uppercase; width: 204px; margin-left: 260px; text-align: center; padding: 4px 0px 5px 0px; } #promoForm { padding: 0px 0 0 0px; } #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;} #groupMarques select { width: 205px !important; } #promoForm .carSelects { padding-top:18px;} #promoForm .submitButton { margin:5px 0 20px 0;} #frmEnquiry { margin-bottom:15px;} #frmEnquiry p { padding:7px 0;} #frmEnquiry select { width:305px;} #frmEnquiry input{ width:300px; font-size:11px !important;} #frmEnquiry textarea { width:300px; font-size:11px !important;} #frmEnquiry div { margin-bottom:10px;} #btnSubmit { width:76px !important; height:25px; border:none;} /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #006699; 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: #006699; color : #FFF; font-weight: bold; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } /* ----- CODEWEAVERS ON LISTING PAGE ----- */ .HP_details, .getQuote, .loadingQuote, .PCP_details, .loadingDetails, .noQuote { display: block; padding: 5px; background: #f1f1f1 !important; margin: 1px 7px 0px 7px; width: 649px; } .lpDetails { display: block; padding: 5px; background: #ECEFF8; margin-bottom: 1px; }