/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : James Greenwood / james.greenwood@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for Harwoods site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { font:62.5%/1.6 Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; background:#ffffff; 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! */ /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 10px 0; font-size:100%; font-weight:bold;} h1 { font-size:1.2em; font-family:Verdana, Arial, Helvetica, sans-serif; } h1.dealerHeading { font-size:1.5em; font-weight:bold;} h2 { font-size:12px; } h3 { font-size:1.4em; text-transform:uppercase; font-weight:bold;} p { padding:0 0 10px 0; margin:0; } /* ----- IDS ----- */ #container { width:911px; margin:0 auto; text-align:left; font-size:110%; line-height: normal; } #printHeader { display:none;} #header { height:80px; position: relative; } #header #logo { width:204px; height:42px; position: absolute; top: 23px; left: 0px; } #header #headerStrap { width:271px; font-size:12px; text-align:right; position: absolute; top: 30px; right: 10px; } #header #xmasTimes { position:absolute; top:0; right:0; } #header #social { width: 161px; position: absolute; top: 0; right: 0; } #headerFranchise { height:80px; position: relative; } #headerFranchise #logo { width:204px; height:42px; position: absolute; top: 23px; left: 0px; } #headerFranchise #logoFranchise { height:80px; position:absolute; top:0; right:0; } #headerFranchise #xmasTimes { position:absolute; top:0; right: 240px; } #headerFranchise #social { width: 161px; position: absolute; top: 0; right: 282px; } #header #xmasTimes { position:absolute; top:12px; right:0px; } #headerFranchise #xmasTimes { position:absolute; top:12px; right:0px; } #mainImgHome { width: 677px; height: 252px; position: relative; } #mainImgHome .frameTL { position: absolute; top: 0px; left: 0px; z-index: 101; } #mainImgHome .frameTR { position: absolute; top: 0px; left: 657px; z-index: 101; } #mainImgHome .frameBL { position: absolute; top: 232px; left: 0px; z-index: 101; } #mainImgHome .frameBR { position: absolute; top: 232px; left: 657px; z-index: 101; } #slideShowControls { padding: 15px 0px 0px 0px; margin: 0 auto; } #slideShowControls table {} #slideShowControls a { margin-right: 10px; display: block; float: left; width: 15px; height: 15px; background: url(../images/layup/control.gif) no-repeat; } #slideShowControls a.btnPrevious { position: relative; top: -2px; margin-right: 15px; width: 14px; height: 19px; background: url(../images/layup/arrowLeft.gif) no-repeat; } #slideShowControls a.btnNext { position: relative; top: -2px; margin-left: 5px; width: 14px; height: 19px; background: url(../images/layup/arrowRight.gif) no-repeat; } #slideShowControls a.active { background: url(../images/layup/controlActive.gif) no-repeat; } #mainImgHome #master0 { background: #000000; } #mainImgFranchise { width:677px; height:252px; float:left; } #primaryCol { width: 677px; float: right; } .specialOffer { position: absolute; bottom: 0px; right: 0px; } .overlayOffersSmall { width:192px; height:144px; background:url(../images/layup/overlayOffers192x144.png) no-repeat; overflow:hidden; position:absolute; top:0; left:0; } .overlayManagersSpecialSmall { width:192px; height:144px; background:url(../images/layup/overlayManagersSpecial192x144.png) no-repeat; overflow:hidden; position:absolute; top:0; left:0; } .overlayManagersSpecialLarge { width:315px; height:236px; background:url(../images/layup/overlayManagersSpecial315x236.png) no-repeat; overflow:hidden; position:absolute; top:0; left:0; } #jumpsHome { width:649px; padding:20px 15px; float:right; position:relative; } #jumpsHome span { display:none; } #jumpsHome a { display:block; } #jumpsHome #jumpHarwoodFranchises { height: 115px; margin-bottom: 20px; } #jumpsHome #jumpHarwoodFranchises .astonMartin { margin-left: 12px; margin-right: 32px; float: left; display: inline; } #jumpsHome #jumpHarwoodFranchises .astonMartin a { width:88px; height:72px; background:url(../images/layup/spritesJumpsHome.gif) 0px 0px; } #jumpsHome #jumpHarwoodFranchises .astonMartin a:hover { background:url(../images/layup/spritesJumpsHome.gif) 0px -72px; } #jumpsHome #jumpHarwoodFranchises .audi { margin-right: 25px; float: left; display: inline; } #jumpsHome #jumpHarwoodFranchises .audi a { width: 109px; height:72px; background:url(../images/layup/spritesJumpsHome.gif) -127px 0px; } #jumpsHome #jumpHarwoodFranchises .audi a:hover { background:url(../images/layup/spritesJumpsHome.gif) -127px -72px; } #jumpsHome #jumpHarwoodFranchises .bentley { margin-right: 28px; float: left; display: inline; } #jumpsHome #jumpHarwoodFranchises .bentley a { width:73px; height:72px; background:url(../images/layup/spritesJumpsHome.gif) -258px 0px; } #jumpsHome #jumpHarwoodFranchises .bentley a:hover { background:url(../images/layup/spritesJumpsHome.gif) -258px -72px; } #jumpsHome #jumpHarwoodFranchises .jaguar { margin-right: 24px; float: left; display: inline; } #jumpsHome #jumpHarwoodFranchises .jaguar a { width:81px; height:72px; background:url(../images/layup/spritesJumpsHome.gif) -385px 0; } #jumpsHome #jumpHarwoodFranchises .jaguar a:hover { background:url(../images/layup/spritesJumpsHome.gif) -385px -72px; } #jumpsHome #jumpHarwoodFranchises .landRover { float: left; display: inline; } #jumpsHome #jumpHarwoodFranchises .landRover a { width:167px; height:72px; background:url(../images/layup/spritesJumpsHome.gif) -1300px 0; } #jumpsHome #jumpHarwoodFranchises .landRover a:hover { background:url(../images/layup/spritesJumpsHome.gif) -1300px -72px; } #jumpsHome #aftersalesJumps { height: 115px; } #jumpsHome #aftersalesJumps div { display: inline; } #jumpsHome #aftersalesJumps .lotus { margin-left: 54px; margin-right: 70px; float: left; display: inline; } #jumpsHome #aftersalesJumps .lotus a { width:45px; height:72px; background:url(../images/layup/spritesJumpsHome.gif) -1491px 0px; } #jumpsHome #aftersalesJumps .lotus a:hover { background:url(../images/layup/spritesJumpsHome.gif) -1491px -72px; } #jumpsHome #aftersalesJumps .bmw { margin-right: 60px; float: left; display: inline; } #jumpsHome #aftersalesJumps .bmw a { width:46px; height:72px; background:url(../images/layup/spritesJumpsHome.gif) -634px 0px; } #jumpsHome #aftersalesJumps .bmw a:hover { background:url(../images/layup/spritesJumpsHome.gif) -634px -72px; } #jumpsHome #aftersalesJumps .mini { margin-right: 60px; float: left; display: inline; } #jumpsHome #aftersalesJumps .mini a { width:75px; height:72px; background:url(../images/layup/spritesJumpsHome.gif) -709px 0px; } #jumpsHome #aftersalesJumps .mini a:hover { background:url(../images/layup/spritesJumpsHome.gif) -709px -72px; } #jumpsHome #aftersalesJumps .man { margin-right: 60px; float: left; display: inline; } #jumpsHome #aftersalesJumps .man a { width: 62px; height:72px; background:url(../images/layup/spritesJumpsHome.gif) -815px 0px; } #jumpsHome #aftersalesJumps .man a:hover { background:url(../images/layup/spritesJumpsHome.gif) -815px -72px; } #jumpsHome #aftersalesJumps .isuzuSubaru { margin-right: 0px; float: left; display: inline; } #jumpsHome #aftersalesJumps .isuzuSubaru a { width:50px; height:72px; background:url(../images/layup/spritesJumpsHome.gif) -913px 0px; } #jumpsHome #aftersalesJumps .isuzuSubaru a:hover { background:url(../images/layup/spritesJumpsHome.gif) -913px -72px; } #jumpsHome #aftersalesJumps .dodgeChryslerJeep { margin-left: 54px; margin-right: 56px; float: left; display: inline; } #jumpsHome #aftersalesJumps .dodgeChryslerJeep a { width:304px; height:72px; background:url(../images/layup/spritesJumpsHome.gif) -1556px 0px; } #jumpsHome #aftersalesJumps .dodgeChryslerJeep a:hover { background:url(../images/layup/spritesJumpsHome.gif) -1556px -72px; } #jumpsHome #aftersalesJumps .accidentRepairCentre { margin-right: 30px; float: left; display: inline; } #jumpsHome #aftersalesJumps .accidentRepairCentre a { width:59px; height:72px; background:url(../images/layup/spritesJumpsHome.gif) -993px 0px; } #jumpsHome #aftersalesJumps .accidentRepairCentre a:hover { background:url(../images/layup/spritesJumpsHome.gif) -993px -72px; } #jumpsHome #aftersalesJumps .tradePartsShop { margin-right: 14px; float: left; display: inline; } #jumpsHome #aftersalesJumps .tradePartsShop a { width:65px; height:72px; background:url(../images/layup/spritesJumpsHome.gif) -1082px 0px; } #jumpsHome #aftersalesJumps .tradePartsShop a:hover { background:url(../images/layup/spritesJumpsHome.gif) -1082px -72px; } #jumpsHome #aftersalesJumps .tps { float: left; display: inline; } #jumpsHome #aftersalesJumps .tps a { width:113px; height:72px; background:url(../images/layup/spritesJumpsHome.gif) -1166px 0px; } #jumpsHome #aftersalesJumps .tps a:hover { background:url(../images/layup/spritesJumpsHome.gif) -1166px -72px; } #jumpsHomeFranchise { width:657px; float:right; margin:20px 0 0 0; height:313px; } #jumpsHomeFranchise div { float:left; } #jumpsHomeFranchise span { display:none; } #jumpsHomeFranchise a { display:block; } #jumpsHomeFranchise a img.title { position: relative; left: 25px; } /* See individual franchise CSS for primary jump styles */ #jumpsHomeFranchise #secondary { margin:0 0 12px 0; } #jumpsHomeFranchise #secondary .serviceParts a { width:204px; height:111px; background:url(../images/layup/spriteJumpsHomeFranchise.jpg) no-repeat top left; } #jumpsHomeFranchise #secondary .serviceParts a:hover { background:url(../images/layup/spriteJumpsHomeFranchise.jpg) no-repeat bottom left; } #jumpsHomeFranchise #secondary .accidentRepair a { width:227px; height:111px; background:url(../images/layup/spriteJumpsHomeFranchise.jpg) no-repeat -204px top; } #jumpsHomeFranchise #secondary .accidentRepair a:hover { background:url(../images/layup/spriteJumpsHomeFranchise.jpg) no-repeat -204px bottom; } #jumpsHomeFranchise #secondary .accidentManagement a { width:226px; height:111px; background:url(../images/layup/spriteJumpsHomeFranchise.jpg) no-repeat -432px top; } #jumpsHomeFranchise #secondary .accidentManagement a:hover { background:url(../images/layup/spriteJumpsHomeFranchise.jpg) no-repeat -432px bottom; } #homeSecondaryJumps { padding-top:30px; width:911px; } #homeSecondaryJumps .title { background: url(../images/layup/dotsH.gif) repeat-x bottom left; padding-bottom: 8px; margin-bottom: 8px; } #homeSecondaryJumps .title img { margin:0 auto; } #homeSecondaryJumps .box { margin-right: 35px; width: 154px; float: left; } #homeSecondaryJumps .box a { text-decoration: none; font-weight: normal; } #homeSecondaryJumps .box a .heading { display: block; font-weight: bold; padding: 5px 0px 5px 0px; height: 39px; } #homeSecondaryJumps .box a .btnMore { padding: 10px 0px 0px 0px; } #homeSecondaryJumps .box.lastItem { margin-right: 0px; } #mainContentHome { width:657px; padding:5px 0 0 0; float: right; } #mainContentHome h1 { font-size:20px; font-family:"Gill Sans MT", Verdana; } #innerGroup { float:left; background:url(../images/layup/innerGroupBg.gif) left repeat-y; } #innerFranchise { float:left; background:url(../images/layup/innerFranchiseBg.gif) left repeat-y; } #innerInternal{ float:left; width:911px; background:url(../images/layup/innerInternalBg.gif) left repeat-y; } /* ----- LEFT COLUMN ----- */ #leftCol { float: left; width: 224px; } #usedVehicleSearchHome { width:224px; background: url(../images/layup/searchBg.gif) repeat-y; margin-bottom: 10px; } #usedVehicleSearchHome .title { margin: 0px; padding: 0px 0px 15px 0px; } #usedVehicleSearchHome select { width:190px; height:20px; border:1px solid #cbcbcb; margin:0 0 10px 20px; } #usedVehicleSearchHome .btns { padding: 5px 15px 15px 20px; } #usedVehicleSearchHome form { background: url(../images/layup/searchFooter.gif) bottom left no-repeat; } #usedVehicleSearchHome .wantYourCar { margin: 5px 0px; } #usedVehicleSearchHome .box { display:block; margin:15px 0 0 0; padding:10px 0 10px 15px; border-bottom:1px dotted #fff; } #usedVehicleSearchHome .box .location { display:block; margin:15px 0 0 7px; } #usedVehicleSearchHome .box .location p {padding-bottom:5px;} #usedVehicleSearchHome .box .location a { text-decoration:none; font-weight:normal; color:#fff; } #usedVehicleSearchHome .box .location a:hover { text-decoration:none; } #usedVehicleSearchHome .box#vehicleComparison .box { width:54px; height:41px; display:block; background:#ebebeb; float:left; margin:10px 10px 0 0; } #usedVehicleSearch { width:232px; display:block; background:#a7a6a6; } #usedVehicleSearch .title { width:175px; padding:15px 0 20px 16px; } #usedVehicleSearch select { width:190px; height:20px; border:1px solid #cbcbcb; margin:0 0 10px 16px; } #usedVehicleSearchFranchise { width:234px; height:252px; display:block; background:#a7a6a6; float:left; } #usedVehicleSearchFranchise .title { width:174px; height:17px; padding:15px 0 20px 16px; } #usedVehicleSearchFranchise select { width:190px; height:20px; border:1px solid #cbcbcb; margin:0 0 10px 16px; } #usedVehicleSearchFranchise .box { display:block; margin:15px 0 0 0; padding:0 0 0 15px; position: relative; z-index: 99999; border-bottom:1px dotted #fff; } #usedVehicleSearchFranchise .box.border { border-top:1px dotted #fff; padding-top:10px; padding-bottom:10px; } #usedVehicleSearchFranchise .box .location { display:block; margin:15px 0 0 7px; } #usedVehicleSearchFranchise .box .location p {padding-bottom:5px;} #usedVehicleSearchFranchise .box .location a { text-decoration:none; font-weight:normal; color:#fff; } #usedVehicleSearchFranchise .box .location a:hover { text-decoration:none; } #usedVehicleSearchFranchise .box#vehicleComparison .box { width:54px; height:41px; display:block; background:#ebebeb; float:left; margin:10px 10px 0 0; } #leftCol .box { display:block; margin: 0px 0px 10px 0px; width:224px; background: url(../images/layup/searchBg.gif) repeat-y; } #leftCol .box .boxBg { background: url(../images/layup/searchFooter.gif) bottom left no-repeat; } #leftCol .box .title { display: block; margin-bottom: 12px; } #leftCol .box .location { display:block; margin:15px 0 0 7px; } #leftCol .box .location p {padding-bottom:5px;} #leftCol .box .location a { text-decoration:none; font-weight:normal; color:#fff; } #leftCol .box .location a:hover { text-decoration:none; } #leftCol .box#vehicleComparison .box { width:54px; height:41px; display:block; background:#ebebeb; padding:0; float:left; margin:10px 10px 0 0; } .featuredVehicle { } .featuredVehicle a { font-weight: normal; text-decoration: none; color: #000; } .featuredVehicle a:hover { font-weight: normal; text-decoration: none; } .featuredVehicle a .thumb { margin: 0px 15px 10px; display: block; border: 1px solid #fff; width: 192px; min-height: 128px; background: url(../images/layup/noImage192x144.jpg) 0px -10px no-repeat; } * html .featuredVehicle a .thumb { height: 128px; } .featuredVehicle a .featuredContent { font-size: 11px; font-weight: bold; line-height: 20px; display: block; margin: 0px 15px; padding-bottom: 10px; } .featuredVehicle a .featuredContent span { display: block; } .featuredVehicle a .featuredContent .modelVariant {} .featuredVehicle a .featuredContent .price { float: left; } .featuredVehicle a .featuredContent .moreDetails { float: right; color: #fff; text-decoration: underline; } .featuredVehicle a .featuredContent .details { font-size: 10px; font-weight: normal; } .social .boxBg { padding-bottom: 15px; } .social a img { margin-left: 15px; float: left; } .contactInfo a { font-weight: normal; font-size: 14px; } .contactInfo a .content { display: block; padding: 0px 15px 15px;; } .contactInfo a .content span { font-weight: bold; } #siteJumpsFranchise { width:234px; margin:10px 0 55px 0; padding:275px 0 0 0; float:left; } #siteJumpsFranchise .box { display:block; margin:0 0 0 0; padding-left:15px; padding-right:15px; padding-top:10px; margin-top:0px; padding-bottom: 15px; border-bottom:1px dotted #fff; } #siteJumpsFranchise .box .location { display:block; margin:15px 0 0 7px; } #siteJumpsFranchise .box .location p {padding-bottom:5px;} #siteJumpsFranchise .box .location a { text-decoration:none; font-weight:normal; color:#fff !important;} #siteJumpsFranchise .box .location a:hover { text-decoration:none; } #siteJumpsFranchise #taxFreeMilitary {margin: 0px; padding: 33px 0px 39px 7px; width: 215px; height: 111px; } #siteJumpsFranchise #taxFreeMilitary a { display: block; width: 201px; height: 111px; background: url(../images/layup/spriteJumpsHomeFranchise.jpg) -681px 0px no-repeat; } #siteJumpsFranchise #taxFreeMilitary a:hover { background: url(../images/layup/spriteJumpsHomeFranchise.jpg) -681px -111px no-repeat; } /* finance page */ table#inputFinance, table#ouputFinance { background: #EFEFEF; border-color: #AAAAAA !important; height: 185px; } table#inputFinance td { padding: 0px 0px 5px 0px; } table#inputFinance select { width: 154px; } table#inputFinance input { width: 150px; } table#ouputFinance td { padding: 0px 0px 5px 0px; } /* ----- RIGHT COLUMN ----- */ #rightCol { float: right; width: 650px; } #rightColWide { width:672px; float:right; } #offersNav { width:650px; height:39px; } #offersNav a { float:left; } #offersNav div { float:left; } #offersNav span { display:none; } #offersNav .allOffers a { width:103px; height:39px; background:url(../images/layup/spriteOffersNav.jpg) top left; } #offersNav .allOffers a:hover, #offersNav .allOffers .active { background:url(../images/layup/spriteOffersNav.jpg) bottom left; } #offersNav .newOffers a { width:118px; height:39px; background:url(../images/layup/spriteOffersNav.jpg) -103px top; } #offersNav .newOffers a:hover, #offersNav .newOffers .active { background:url(../images/layup/spriteOffersNav.jpg) -103px bottom; } #offersNav .exDemoOffers a { width:205px; height:39px; background:url(../images/layup/spriteOffersNav.jpg) -221px top; } #offersNav .exDemoOffers a:hover, #offersNav .exDemoOffers .active { background:url(../images/layup/spriteOffersNav.jpg) -221px bottom; } #offersNav .aftersaleOffers a { width:152px; height:39px; background:url(../images/layup/spriteOffersNav.jpg) -426px top; } #offersNav .aftersaleOffers a:hover, #offersNav .aftersaleOffers .active { background:url(../images/layup/spriteOffersNav.jpg) -426px bottom; } #offersNav .mediaOffers a { width:125px; height:39px; background:url(../images/layup/spriteOffersNav.jpg) -574px 0; } #offersNav .mediaOffers a:hover, #offersNav .mediaOffers .active { background:url(../images/layup/spriteOffersNav.jpg)-574px -39px; } #offersNav .managersSpecials a { width:151px; height:39px; background:url(../images/layup/spriteOffersNav.jpg) -705px 0; } #offersNav .managersSpecials a:hover, #offersNav .managersSpecials .active { background:url(../images/layup/spriteOffersNav.jpg) -705px -39px; } #offersList {} #offersList .listItem { background:url(../images/layup/dotsH.gif) repeat-x bottom; margin:15px 0 0 0; padding:0 0 15px 0; } #offersList .listItem a { width:650px; display: block; text-decoration: none; font-weight:normal; cursor: pointer; } #offersList .listItem .thumb { width:192px; height:144px; margin:0 10px 0 0; float:left; display: block; } #offersList .listItem .title { font-size:1.2em; font-weight:bold; font-weight:bold; margin:0 0 20px 0; display: block; } #offersList .listItem .description { margin:0 0 15px 0; display: block; } #offersList .listItem .btn { width:173px; height:13px; display: block; } #offersListHoriz { padding-top: 15px; } #offersListHoriz .listItem { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dotted #a6a6a6; } .offerImage { padding-bottom: 10px; } #rightCol #usedCarListingAdjustFinance { position: relative; } #rightCol #usedCarListingAdjustFinance #optionContainer { height: 25px; padding: 4px 0px 20px 0px; } #rightCol #usedCarListingAdjustFinance .adjustFinanceTitle { width: 100px; float: left; background: #A7A6A6; color: #FFFFFF; font-weight: bold; margin-right: 5px; margin-top: -8px; padding: 5px 0px; text-align: center; } #rightCol #usedCarListingAdjustFinance .padding { padding: 0px; } #rightCol #usedCarListingAdjustFinance #btnUpdateFinance { float: right; position: relative; top: 4px; } #rightCol #usedCarListingAdjustFinance label { width: 50px; position: relative; top: 3px; } #rightCol #usedCarListingAdjustFinance label.long { width: 95px; } #rightCol #usedCarListingAdjustFinance select.financeSelect { width: 80px; float: left; } #rightCol #usedCarListingAdjustFinance select.financeSelectLong { width: 65px; float: left; } #rightCol #usedCarListingAdjustFinance input.financeInput { width: 50px; float: left; margin: 0px 10px 0px 0px; } #rightCol #usedCarListingAdjustFinance span.periodMonths { display: block; float: left; width: 50px; padding: 0px 0px 0px 5px; position: relative; top: 3px; } /* GROUP NEWS LISTING STYLES */ #newsEventsList { border-bottom:solid 1px #000; background:url(../images/layup/newsListBorder.gif) left top repeat-y; padding-bottom:20px; } #newsEventsList .listItem { background:url(../images/layup/dotsH.gif) repeat-x bottom; margin:15px auto 0 auto; padding:0 0 15px 0; width:615px; position: relative; } #newsEventsList a#btnShare { width:99px; margin:0px;background:url(../images/layup/spriteUsedCarDetailOptions.gif) no-repeat scroll -426px 0 transparent; position: absolute; bottom: 10px; right: 0px; cursor:pointer; display:block; height:39px; } #newsEventsList a#btnShare:hover { background-position:-426px -39px; } #newsEventsList .listItem.noBorder { background:none; } #newsEventsList .listItem a { width:615px; display: block; text-decoration: none; font-weight:normal; cursor: pointer; } #newsEventsList .listItem .thumb { width:192px; /*height:144px;*/ margin:0 10px 0 0; position:relative; float:left; display: block; } #newsEventsList .listItem .thumb .overlay { position:absolute; right:0; bottom:0; } #newsEventsList .listItem .title { font-size:1.2em; font-weight:bold; margin:0 0 20px 0; display: block; } #newsEventsList .listItem .title .date { float: right; font-weight: normal; } #newsEventsList .listItem .description { margin:0 0 15px 0; display: block; height: 79px; } #newsEventsList .listItem .btn { width:173px; height:13px; display: block; float:left; } .monthTitleBlack { width:650px; height:31px; position:relative; } .monthTitleBlack span { float:right; color:#fff; font-size:15px; font-weight:bold; display:block; padding:6px 6px 0px 0px; } .monthTitleGrey { width:650px; height:31px; position:relative; } .monthTitleGrey span { float:right; color:#FFFFFF; font-size:15px; font-weight:bold; display:block; padding:6px 6px 0px 0px; } #newsEventsList.noBorder { background:none; border:none; } /* --- GROUP PAGE FRANCHISE NEWS BOXES ---*/ .franchiseNewsBadge img{ margin:20px auto 0; } .franchiseNewsList { border-bottom:solid 1px #000; background:url(../images/layup/newsListBorder.gif) left top repeat-y; padding-bottom:20px; } .franchiseNewsList .listItem { margin:15px auto 0 auto; padding:0; width:615px; position:relative; height:140px; } .franchiseNewsList .listItem.noBorder { background:none; } .franchiseNewsList .listItem a { width:615px; display: block; text-decoration: none; font-weight:normal; cursor: pointer; } .franchiseNewsList .listItem .thumb { width:192px; /*height:144px;*/ margin:0 10px 0 0; position:relative; float:left; display: block; } .franchiseNewsList .listItem .thumb .overlay { position:absolute; right:0; bottom:0; } .franchiseNewsList .listItem .title { font-size:1.2em; font-weight:bold; margin:0 0 20px 0; display: block; } .franchiseNewsList .listItem .description { margin:0 0 0 0; padding-bottom:15px; display: block; } .franchiseNewsList .listItem .btn { width:173px; height:13px; display: block; float:left; } .franchiseNewsList .controls { width:34px; height:15px; position:absolute; top:130px; left:580px; } .franchiseNewsList .controls a { width:14px; height:15px; float:left; margin-right:3px; } /* FRANCHISE NEWS LISTING STYLES */ #newsEventsList.franchise { background:none; border:none; } #newsEventsList.franchise .listItem { background:url(../images/layup/dotsH.gif) repeat-x bottom; margin:15px auto 0 auto; padding:0 0 15px 0; width:650px; } /* --- NEWS BAR SEASON TITLES ---*/ .monthTitleBlack.spring { background:url(../images/layup/titleBlackNewsSpring.gif) no-repeat !important; height:31px; background-color: #1d1d1d; } .monthTitleBlack.summer { background:url(../images/layup/titleBlackNewsSummer.gif) no-repeat !important; height:31px; background-color: #1d1d1d; } .monthTitleBlack.autumn { background:url(../images/layup/titleBlackNewsAutumn.gif) no-repeat !important; height:31px; background-color: #1d1d1d; } .monthTitleBlack.winter { background:url(../images/layup/titleBlackNewsWinter.gif) no-repeat !important; height:31px; background-color: #1d1d1d; } .monthTitleBlack.spring.astonMartin { background:url(../images/layup/astonMartin/titleBlackNewsSpring.gif) no-repeat !important; height:31px; background-color: #1d1d1d; } .monthTitleBlack.summer.astonMartin { background:url(../images/layup/astonMartin/titleBlackNewsSummer.gif) no-repeat !important; height:31px; background-color: #1d1d1d; } .monthTitleBlack.autumn.astonMartin { background:url(../images/layup/astonMartin/titleBlackNewsAutumn.gif) no-repeat !important; height:31px; background-color: #1d1d1d; } .monthTitleBlack.winter.astonMartin { background:url(../images/layup/astonMartin/titleBlackNewsWinter.gif) no-repeat !important; height:31px; background-color: #1d1d1d; } .monthTitleBlack.spring.audi { background:url(../images/layup/audi/titleBlackNewsSpring.gif) no-repeat !important; height:31px; background-color: #1d1d1d; } .monthTitleBlack.summer.audi { background:url(../images/layup/audi/titleBlackNewsSummer.gif) no-repeat !important; height:31px; background-color: #1d1d1d; } .monthTitleBlack.autumn.audi { background:url(../images/layup/audi/titleBlackNewsAutumn.gif) no-repeat !important; height:31px; background-color: #1d1d1d; } .monthTitleBlack.winter.audi { background:url(../images/layup/audi/titleBlackNewsWinter.gif) no-repeat !important; height:31px; background-color: #1d1d1d; } .monthTitleBlack.spring.bentley { background:url(../images/layup/bentley/titleBlackNewsSpring.gif) no-repeat !important; height:31px; background-color: #1d1d1d; } .monthTitleBlack.summer.bentley { background:url(../images/layup/bentley/titleBlackNewsSummer.gif) no-repeat !important; height:31px; background-color: #1d1d1d; } .monthTitleBlack.autumn.bentley { background:url(../images/layup/bentley/titleBlackNewsAutumn.gif) no-repeat !important; height:31px; background-color: #1d1d1d; } .monthTitleBlack.winter.bentley { background:url(../images/layup/bentley/titleBlackNewsWinter.gif) no-repeat !important; height:31px; background-color: #1d1d1d; } .monthTitleBlack.spring.jaguar { background:url(../images/layup/jaguar/titleBlackNewsSpring.gif) no-repeat !important; height:31px; background-color: #1d1d1d; } .monthTitleBlack.summer.jaguar { background:url(../images/layup/jaguar/titleBlackNewsSummer.gif) no-repeat !important; height:31px; background-color: #1d1d1d; } .monthTitleBlack.autumn.jaguar { background:url(../images/layup/jaguar/titleBlackNewsAutumn.gif) no-repeat !important; height:31px; background-color: #1d1d1d; } .monthTitleBlack.winter.jaguar { background:url(../images/layup/jaguar/titleBlackNewsWinter.gif) no-repeat !important; height:31px; background-color: #1d1d1d; } .monthTitleBlack.spring.landrover { background:url(../images/layup/landrover/titleBlackNewsSpring.gif) no-repeat !important; height:31px; background-color: #1d1d1d; } .monthTitleBlack.summer.landrover { background:url(../images/layup/landrover/titleBlackNewsSummer.gif) no-repeat !important; height:31px; background-color: #1d1d1d; } .monthTitleBlack.autumn.landrover { background:url(../images/layup/landrover/titleBlackNewsAutumn.gif) no-repeat !important; height:31px; background-color: #1d1d1d; } .monthTitleBlack.winter.landrover { background:url(../images/layup/landrover/titleBlackNewsWinter.gif) no-repeat !important; height:31px; background-color: #1d1d1d; } .monthTitleGrey.spring { background:url(../images/layup/titleGreyNewsSpring.gif) no-repeat; height:31px; background-color: #c4c4c4; } .monthTitleGrey.summer { background:url(../images/layup/titleGreyNewsSummer.gif) no-repeat; height:31px; background-color: #c4c4c4; } .monthTitleGrey.autumn { background:url(../images/layup/titleGreyNewsAutumn.gif) no-repeat; height:31px; background-color: #c4c4c4; } .monthTitleGrey.winter { background:url(../images/layup/titleGreyNewsWinter.gif) no-repeat; height:31px; background-color: #c4c4c4; } #usedCarList {} #usedCarList #searchOverview { width:650px; background:url(../images/layup/dotsH.gif) repeat-x bottom; padding:0 0 10px 0; margin:0 0 20px 0; } #usedCarList #searchOverview #breadcrumbs { float:left; line-height: normal; } #usedCarList #searchOverview #breadcrumbs a { font-weight: normal; text-decoration: none; } #usedCarList #searchOverview #breadcrumbs a:hover { text-decoration:underline; } #usedCarList #searchOverview #breadcrumbs span { font-weight:bold;} #usedCarList #searchOverview #sortBy { width:380px; float:right; } #usedCarList #searchOverview #sortBy label { width:50px; padding:3px 0 0 0; } #usedCarList #searchOverview #sortBy select { width:122px; height:20px; float:left; margin-left:5px; margin-right:5px; } #usedCarList #searchOverview #modelsAvailable { width:450px; float:left; } #usedCarList #searchOverview #pagination { margin:0 0 0 10px; float:right; } #usedCarList #searchOverview #pagination a { color:#000000; font-weight:normal; padding:1px; } #usedCarList #searchOverview #pagination a:hover { background:none; text-decoration:underline; } #usedCarList #searchOverview #pagination .active { font-weight:bold; background:none; } #usedCarList #modelsAvailable span.carTitle { float: left; width: 145px; display: block; padding: 0px 0px 5px 0px; } #usedCarList .listItem { background:url(../images/layup/dotsH.gif) repeat-x bottom; padding:0 0 10px 0; margin:0 0 15px 0; } #usedCarList .listItem a { width:650px; cursor:pointer; font-weight:normal; display:block; text-decoration:none; } #usedCarList .listItem a.btnSave { z-index: 9999; } #usedCarList .listItem a .modelPrice { font-weight:bold; font-size:1.2em; display:block; padding:0 10px 10px 215px; } #usedCarList .listItem a .modelPrice .model { float:left; display:block; } #usedCarList .listItem a .modelPrice .price { float:right; display:block; font-size:14px; font-weight:normal; line-height:22px; } #usedCarList .listItem a .saving { font-weight:bold; font-size:1.2em; display:block; float:right; padding-right: 10px; } #usedCarList .listItem a .description { display:block; } #usedCarList .listItem a .description .thumb { width:192px; /*height:144px;*/ margin:-22px 23px 0 0; float:left; display:block; position:relative; } #usedCarList .listItem a .description .carDetail { margin-top:10px; padding:0px 25px 10px 0; float:left; display:block; } #usedCarList .listItem a .description .carDetail .detail { padding:3px 0 0 0; width:100px; float:left; display:block; } #usedCarList .listItem a .description .carDetail .type { font-weight:normal; padding:3px 0 0 0; float:left; display:block; } #usedCarList .listItem a .description .vehicleLocation { width:380px; font-weight:bold; float:left; display:block; } #usedCarList .listItem a .description .btn { margin:-20px 0 0 0; float:right; } #usedCarList .listItem a .description .extra { margin-top: 6px; } #usedCarList .listItem a .save { margin:-45px 0 0 0; float:right; display:inline; z-index:2; position:relative; } #usedVehicleLocation { width:670px; padding:0 0 10px 0; margin:-10px 0 0 0; } #usedVehicleMainImg { width:315px; height:236px; float:right; position:relative; } #usedVehicleMainImg .overlay { position: absolute; bottom:0px !important; right: 0px !important; z-index: 9999999; } #usedVehicleMainImg .liveChat { width:101px; height:38px; position:absolute; bottom:5px; left:12px; } #usedVehicleModelPrice { width:251px; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; float:left; margin-top: 5px; margin-bottom:18px; border-bottom:1px solid #b2c0be; } #usedVehicleModelPrice .model { font-size:14px; margin-bottom:10px; } #usedVehicleModelPrice .price { font-weight:normal; margin-bottom:10px; } #usedVehicleModelPrice .price .now { font-size:16px; padding-top:10px; } #usedVehicleOptions { float:left; } #usedVehicleOptions ul { padding:0 0 0 15px; margin:0; float:left; width: 150px; } #usedVehicleOptions ul li { padding:11px 0 0 0; margin:0; list-style:none; } #usedVehicleOptions ul li a { padding:0 0 0 15px; text-decoration:none; background:url(../images/layup/usedVehicleBullet.jpg) no-repeat left; } #usedVehicleOptions ul li a:hover { background:url(../images/layup/usedVehicleBulletHover.jpg) no-repeat left; } #relatedUsedVehicleArea { width:670px; margin:0 0 10px 0; } #relatedUsedVehicleArea .title { margin:0 0 20px 0; } #relatedUsedVehicleArea a { cursor:pointer; font-weight:normal; display:block; text-decoration:none; } #relatedUsedVehicleArea .box { width:153px; margin:0 19px 0 0; float:left; } #relatedUsedVehicleArea .last { margin:0; } #relatedUsedVehicleArea .box .thumb { width:153px; height:115px; display:block; } #relatedUsedVehicleArea .box .description { padding:10px 5px 0 5px; display:block; } /* ----- USED DETAIL (NEW) ----- */ #usedVehicleLocation { height:45px; padding:0; margin:0; } .printVehicleLocation { display: none; } #usedMain { width:672px; background:#d4dbda; margin:0 0 9px; padding-bottom: 8px; } #usedMain .leftSide { float:left; padding:15px 0 0 9px; width:244px; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; } #usedMain .leftSide .model { font-size:14px; margin-bottom:10px; } #usedMain .leftSide .price { font-weight:normal; margin-bottom:10px } #usedMain .leftSide .price .now { font-size:16px; padding-top:10px; } #usedMain .leftSide #usedOptions { width:244px; } #usedMain .leftSide #usedOptions a { background:url("../images/layup/usedOptions.gif") no-repeat scroll 0 0 transparent; cursor:pointer; display:block; height:33px; margin:0 0 13px; outline:medium none; width:119px; } #usedMain .leftSide #usedOptions a span { display:none; } #usedMain .leftSide #usedOptions .vehicleEnquiry { background-position:0 0; float:left; } #usedMain .leftSide #usedOptions .valueCar { background-position:-132px 0; float:right; } #usedMain .leftSide #usedOptions .sendFriend { background-position:0 -48px; float:left; } #usedMain .leftSide #usedOptions .saveVehicle { background-position:-132px -48px; float:right; } #usedMain .leftSide #usedOptions .printSpecSheet { background-position:0 -96px; float:left; margin:0; } #usedMain .leftSide #usedOptions .shareOnline { background-position:-132px -96px; float:right; margin:0; } #usedMain #mainImgArea { float:right; padding:15px 12px 0 0; width:400px; } #usedMain #mainImgArea #mainImg { float:left; height:215px; position:relative; width:315px; } #usedMain #mainImgArea #mainImg .overlay { position: absolute; top: 65px; left: 123px; } #usedMain #mainImgArea #thumbs { width:76px; float:right; height:209px; overflow:hidden; } #usedMain #mainImgArea #thumbs .thumb { margin:0 0 19px; } #usedMain #mainImgArea #thumbs .last { margin:0; } #usedMain .rightSide { float:right; width:313px; margin:0 10px 0 0; } #usedMain .rightSide .marque { font-size:17px; font-weight:bold; color:#323232; padding:23px 0 2px 0; } #usedMain .rightSide .model { font-size:15px; font-weight:bold; color:#323232; background:url(../images/layup/dottedBorder.gif) repeat-x bottom left; padding:0 0 25px 0; } #usedMain .rightSide .price { font-size:30px; font-weight:normal; color:#323232; background:url(../images/layup/dottedBorder.gif) repeat-x bottom left; padding:23px 0 25px 0; } #usedMain .rightSide .price span { font-weight:normal; color:#323232; font-size:16px; } #usedMain .rightSide .location { padding:22px 0 0 0; line-height:24px; } #usedMain .rightSide .location strong { font-size:14px; } #usedOptionsBtm { background:url(../images/layup/dottedBorder.gif) repeat-x top left; padding:14px 0 16px 0; height:39px; } #usedOptionsBtm a { background:url(../images/layup/spriteUsedCarDetailOptions.gif) no-repeat scroll 0 0 transparent; cursor:pointer; display:block; height:39px; margin:0 11px 0 0; outline:medium none; float:left; } #usedOptionsBtm a#btnPartEx { background-position:0 0; width:163px; } #usedOptionsBtm a#btnEnquiry { background-position:-163px 0; width:119px; } #usedOptionsBtm a#btnPrint { background-position:-282px 0; width:144px; } #usedOptionsBtm a#btnShare { background-position:-426px 0; width:99px; margin:0px; } #usedOptionsBtm a#btnPartEx:hover { background-position:0 -39px; } #usedOptionsBtm a#btnEnquiry:hover { background-position:-163px -39px; } #usedOptionsBtm a#btnPrint:hover { background-position:-282px -39px; } #usedOptionsBtm a#btnShare:hover { background-position:-426px -39px; } #usedOptionsBtmNew { background:url(../images/layup/dottedBorder.gif) repeat-x top left; padding:14px 0 16px 0; height:39px; } #usedOptionsBtmNew a { background:url(../images/layup/spriteUsedCarDetailOptionsNew.gif) no-repeat scroll 0 0 transparent; cursor:pointer; display:block; height:39px; margin:0 8px 0 0; outline:medium none; float:left; } #usedOptionsBtmNew a#btnPartEx { background-position:0 0; width:135px; } #usedOptionsBtmNew a#btnEnquiry { background-position:-143px 0; width:102px; } #usedOptionsBtmNew a#btnPrint { background-position:-253px 0; width:117px; } #usedOptionsBtmNew a#btnSave { background-position:-378px 0; width:102px; } #usedOptionsBtmNew a#btnShare { background-position:-488px 0; width:88px; margin:0px; } #usedOptionsBtmNew a#btnPartEx:hover { background-position:0 -39px; } #usedOptionsBtmNew a#btnEnquiry:hover { background-position:-143px -39px; } #usedOptionsBtmNew a#btnPrint:hover { background-position:-253px -39px; } #usedOptionsBtmNew a#btnSave:hover { background-position:-378px -39px; } #usedOptionsBtmNew a#btnShare:hover { background-position:-488px -39px; } #usedMain #mainImgAreaLeft { float:left; padding:8px 0px 0 8px; width:315px; } #usedMain #mainImgAreaLeft #mainImg { float:left; height:236px; position:relative; width:315px; margin:0 0 7px 0; } #usedMain #mainImgAreaLeft #mainImg .overlay { position: absolute; top: 65px; left: 123px; } #usedMain #mainImgAreaLeft #mainImg #enlarge { position:absolute; left:0px; bottom:0px; } #usedMain #mainImgAreaLeft #thumbs { width:315px; height:57px; overflow:hidden; position:relative; } #usedMain #mainImgAreaLeft #thumbs .thumb { margin:0 0 19px; } #usedMain #mainImgAreaLeft #thumbs .last { margin:0; } #usedMain #mainImgAreaLeft #thumbs .thumbContainer { width:3000px; } #usedMain #mainImgAreaLeft #thumbs .thumbContainer .thumb { float:left; padding:0 10px 0 0; } #usedMain #mainImgAreaLeft #thumbs #btnPrev { position:absolute; top:0; left:0; } #usedMain #mainImgAreaLeft #thumbs #btnNext { position:absolute; top:0; right:0; } /* CSS copied from Johnsons for thumbnail scroller */ #usedMain #mainImgAreaLeft #thumbs #thumbWindow { position: absolute; overflow: hidden; width: 315px; height: 57px; } #usedMain #mainImgAreaLeft #thumbs #thumbWindow .thumbContainer { width: 3000px; height: 57px; } #usedMain #mainImgAreaLeft #thumbs #thumbWindow #thumbContainer a { display: block; width: 76px; float: left; position: relative; } #usedMain #mainImgAreaLeft #thumbs #thumbWindow #thumbContainer a .frame { display: block; position: absolute; } #usedMain #mainImgAreaLeft #thumbs #thumbWindow #thumbContainer a .noImageThumb { display: block; padding: 3px; } #usedTabs { width:672px; margin:0 0 33px; } #usedTabs ul.domHeadings { width:672px; height:38px; list-style:none; padding:0; margin:0; } #usedTabs ul.domHeadings li { float:left; } #usedTabs ul.domHeadings li a { height:38px; outline:none; display: block; float: left; } #usedTabs ul.domHeadings li a span { display:none; } #usedTabs ul.domHeadings li a.carDetails { width:127px; background:url(../images/layup/spriteUsedTabs.gif) no-repeat 0 0; } #usedTabs ul.domHeadings li a.fullSpec { width:141px; background:url(../images/layup/spriteUsedTabs.gif) no-repeat -127px 0; } #usedTabs ul.domHeadings li a.finance { width:122px; background:url(../images/layup/spriteUsedTabs.gif) no-repeat -268px 0; } #usedTabs ul.domHeadings li a.insurance { width:143px; background:url(../images/layup/spriteUsedTabs.gif) no-repeat -390px 0; } #usedTabs ul.domHeadings li a.approved { width:139px; background:url(../images/layup/spriteUsedTabs.gif) no-repeat -533px 0; } #usedTabs ul.domHeadings li.active a.carDetails { background:url(../images/layup/spriteUsedTabs.gif) no-repeat 0 -38px; } #usedTabs ul.domHeadings li.active a.fullSpec { background:url(../images/layup/spriteUsedTabs.gif) no-repeat -127px -38px; } #usedTabs ul.domHeadings li.active a.finance { background:url(../images/layup/spriteUsedTabs.gif) no-repeat -268px -38px; } #usedTabs ul.domHeadings li.active a.insurance { background:url(../images/layup/spriteUsedTabs.gif) no-repeat -390px -38px; } #usedTabs ul.domHeadings li.active a.approved { background:url(../images/layup/spriteUsedTabs.gif) no-repeat -533px -38px; } #usedTabs .domTabs {} #usedTabs .domContent { background:#f2f4f4; } #usedTabs .domContent .padding { padding:25px 10px; } #usedTabs .domContent table { width:100%; } #usedTabs .domContent table tr {} #usedTabs .domContent table tr td { color:#000; padding:5px; } #usedTabs .domContent table tr td.heading { font-weight:bold; } #usedTabs .domContent table tr.altRow td { background:#fff; } #usedTabs .dt1 { display: block; } #usedTabs .donHeading { display: none; } #usedTabs .printWarranty { display: none; } #relatedUsedVehicleArea { width:670px; margin:0 0 10px 0; } #relatedUsedVehicleArea .title { margin:0 0 20px 0; } #relatedUsedVehicleArea a { cursor:pointer; font-weight:normal; display:block; text-decoration:none; } #relatedUsedVehicleArea .box { width:191px; margin:0 48px 0 0; float:left; } #relatedUsedVehicleArea .last { margin:0; } #relatedUsedVehicleArea .box .thumb { width:191px; height:128px; display:block; } #relatedUsedVehicleArea .box .description { padding:10px 5px 0 5px; display:block; } /* ----- USED CAR DOMTABS ----- */ #usedVehicleSpec { float: left; } #usedVehicleSpec .tabset_print { display: none; } #usedVehicleSpec .tabset_tabs { height: 37px; width: 343px; margin:0px; padding: 0px; list-style:none; } #usedVehicleSpec .tabset_tabs li { list-style: none; display: inline; padding: 0px; float:left; } #usedVehicleSpec .tabset_tabs a { display: inline; float: left; cursor: pointer !important; } #usedVehicleSpec .tabset_tabs #tabCarDetail a { width:107px; height: 38px; background:url(../images/layup/spriteCarDetailDOM.jpg) top left no-repeat; } #usedVehicleSpec .tabset_tabs #tabCarDetail a:hover, #usedVehicleSpec .tabset_tabs #tabCarDetail.active a { background:url(../images/layup/spriteCarDetailDOM.jpg) bottom left no-repeat; } #usedVehicleSpec .tabset_tabs #tabCarDescription a { width:110px; height: 38px; background:url(../images/layup/spriteCarDetailDOM.jpg) -345px 0px no-repeat; } #usedVehicleSpec .tabset_tabs #tabCarDescription a:hover, #usedVehicleSpec .tabset_tabs #tabCarDescription.active a { background:url(../images/layup/spriteCarDetailDOM.jpg) -345px -38px no-repeat; } #usedVehicleSpec .tabset_tabs #tabCarSpec a { width:126px; height: 38px; background:url(../images/layup/spriteCarDetailDOM.jpg) -111px top no-repeat; } #usedVehicleSpec .tabset_tabs #tabCarSpec a:hover, #usedVehicleSpec .tabset_tabs #tabCarSpec.active a { background:url(../images/layup/spriteCarDetailDOM.jpg) -111px bottom no-repeat; } #usedVehicleSpec .tabset_tabs #tabWarranty a { width:106px; height:38px; background:url(../images/layup/spriteCarDetailDOM.jpg) top right no-repeat; } #usedVehicleSpec .tabset_tabs #tabWarranty a:hover, #usedVehicleSpec .tabset_tabs #tabWarranty.active a { background:url(../images/layup/spriteCarDetailDOM.jpg) bottom right no-repeat; } #usedVehicleSpec .tabset_tabs span { display: none; } #usedVehicleSpec .tabset_content { width:323px; height:95px; overflow:auto; background:#ebebeb; border-top:none; padding:25px 10px 10px 10px; } #usedVehicleSpec .tabset_content h1 { font-weight:bold; padding: 0px; } #usedVehicleSpec .tabset_content table {} #usedVehicleSpec .tabset_content td { padding: 3px 0px 3px 0px; color: #000; } #usedVehicleSpec .tabset_content td p { padding:0 0 5px 0; } #usedVehicleSpec .tabset_content .heading { font-weight:bold; } #usedVehicleSpec .contentHeight { background: #EBEBEB; padding-bottom: 10px; } #warranty { margin:20px 0px; } #warranty #title{} #warranty #content { width:640px; float:left; background:#ebebeb; padding:5px 15px; color:#000;} #warranty #content p {padding:0px;} #newCarBoxList {} #newCarBoxList .box { margin:0 24px 18px 0; display:inline; float:left; } #newCarBoxList a { width:192px; cursor:pointer; font-weight:normal; display:block; text-decoration:none; } #newCarBoxList .box a .thumb { width:192px; height:144px; display:block; position:relative; } #newCarBoxList .box a .title { font-weight:bold; padding:9px 0 0 13px; display:block; } #newVehicleOptions { width: 340px; float: left; } #newVehicleOptions ul { padding:0; margin:5px 5px 14px 0; float:left; width: 150px; } #newVehicleOptions ul li { padding:0 0 10px 0; margin:0; list-style:none; } #newVehicleOptions ul li a { font-size:10px; font-weight:normal; padding:0 0 0 11px; text-decoration:none; background:url(../images/layup/usedVehicleBullet.jpg) 0px 3px no-repeat; display: block; } #newVehicleOptions ul li a:hover { background:url(../images/layup/usedVehicleBulletHover.jpg) no-repeat left; } #mapContainer { width:663px; margin:0 0 20px 0; } #dealerLocatorJumps {} #dealerLocatorJumps div { float:left; text-align:center; } #dealerLocatorJumps span { display:none; } #dealerLocatorJumps p { padding-bottom:17px; } #dealerLocatorJumps a { display:block; font-weight:normal; text-decoration:none; padding:1px 0px; } #dealerLocatorJumps .astonMartin { width:126px; height:71px; background:url(../images/layup/spriteFranchiseMapJumpsTop.jpg) no-repeat 27px 0 !important; padding:45px 0px 0px 8px; } #dealerLocatorJumps .audi { width:127px; height:71px; background:url(../images/layup/spriteFranchiseMapJumpsTop.jpg) no-repeat -134px 0 !important; padding:45px 0px 0px 8px; } #dealerLocatorJumps .bentley { width:110px; height:71px; background:url(../images/layup/spriteFranchiseMapJumpsTop.jpg) no-repeat -263px 0 !important; padding:45px 0px 0px 7px; } #dealerLocatorJumps .jaguar { width:136px; height:71px; background:url(../images/layup/spriteFranchiseMapJumpsTop.jpg) no-repeat -400px 0 !important; padding:45px 0px 0px 0px; } #dealerLocatorJumps .landRover { width:88px; height:71px; background:url(../images/layup/spriteFranchiseMapJumpsTop.jpg) no-repeat -546px 0; padding:40px 0px 0px 8px; } #dealerLocatorJumps .lotus { margin-left: 38px; margin-right:17px; } * html #dealerLocatorJumps .lotus { margin-left: 19px;} #dealerLocatorJumps .lotus .badge { display: block; width:81px; height:64px; background:url(../images/layup/spritesJumpsHome.gif) -1474px 0px; } #dealerLocatorJumps .bmw { margin-right: 17px; width:135px; } #dealerLocatorJumps .bmw .badge { display: block; width:69px; height:64px; background:url(../images/layup/spritesJumpsHome.gif) -625px 0px; margin:0 auto; } #dealerLocatorJumps .mini { margin-right: 36px; } #dealerLocatorJumps .mini .badge { display: block; width:90px; height:64px; background:url(../images/layup/spritesJumpsHome.gif) -703px 0px; } #dealerLocatorJumps .man { margin-right: 18px; } #dealerLocatorJumps .man .badge { display: block; width: 98px; height:64px; background:url(../images/layup/spritesJumpsHome.gif) -801px 0px; } #dealerLocatorJumps .isuzuSubaru { margin-right: 0px; width:123px; } #dealerLocatorJumps .isuzuSubaru .badge { margin:0 auto; display: block; width:69px; height:64px; background:url(../images/layup/spritesJumpsHome.gif) -906px 0px; } * html #dealerLocatorJumps .dodge { margin-left: 19px; } #dealerLocatorJumps .dodge { margin-left: 38px; margin-right:17px; } #dealerLocatorJumps .dodge .badge { display: block; width:81px; height:64px; background:url(../images/layup/spritesJumpsHome.gif) -1539px 0px; } #dealerLocatorJumps .chrysler { margin-right: 17px; width:135px; } #dealerLocatorJumps .chrysler .badge { display: block; width:135px; height:64px; background:url(../images/layup/spritesJumpsHome.gif) -1635px 0px; margin:0 auto; } #dealerLocatorJumps .jeep { margin-right: 36px; } #dealerLocatorJumps .jeep .badge { display: block; width:90px; height:64px; background:url(../images/layup/spritesJumpsHome.gif) -1782px 0px; } #dealerLocatorJumps .accidentRepairCentre { margin-right: 18px; } #dealerLocatorJumps .accidentRepairCentre .badge { display: block; width:98px; height:64px; background:url(../images/layup/spritesJumpsHome.gif) -975px 0px; } #dealerLocatorJumps .tradePartsShop { margin-right: 14px; } #dealerLocatorJumps .tradePartsShop .badge { display: block; width:66px; height:64px; background:url(../images/layup/spritesJumpsHome.gif) -1082px 0px; } #dealerLocatorJumps .tps {} #dealerLocatorJumps .tps .badge { display: block; width:123px; height:64px; background:url(../images/layup/spritesJumpsHome.gif) -1159px 0px; } #dealerLocatorJumps .tps p { text-align:center; } /* ----- DEALER LOCATOR LIST ----- */ #dealerList {} #dealerList .listItem { margin:0 2px 20px 2px; float:left; } #dealerList .listItem a { width:314px; text-decoration:none; font-weight:normal; cursor:pointer; border:1px solid #CCCCCC; padding:2px; display:block; } #dealerList .listItem a:hover { border:1px solid #999999; } #dealerList .listItem .title { font-size:18px; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; padding:10px 0 10px 5px; display:block; } #dealerList .listItem .cmsImage { margin:0 !important; display:block; } #dealerList .listItem .btn { font-weight:bold; padding:10px 5px 10px 0; float:right; display:block; } /* ----- CAREERS ----- */ p.dotsH { background:url(../images/layup/dotsH.gif) repeat-x; padding:0 !important; } #vacancySelect { margin:0 0 10px; } #vacancySelect div { float:left; } #vacancySelect select { width:301px; } #vacancySelect #btnUpdate { width:207px; height:20px; border:none; margin:0 0 0 22px; } #vacancySelect .clear { float:none; } #list {} #list .listItem {} #list .listItem a { font-size:11px; font-weight:normal; text-decoration:none; cursor:pointer; display:block; } #list .listItem .title { font-weight:bold; padding:0 0 15px; display:block; } #list .listItem .description { padding:0 0 10px; display:block; } #list .listItem .btn { width:208px; background:url(../images/layup/dotsH.gif) repeat-x; margin:0 0 10px; display:block; } #list .listItem .btn a { width:208px; height:20px; background:url(../images/layup/spriteClickHere.gif) no-repeat 0 0; } #list .listItem .btn a:hover { background:url(../images/layup/spriteClickHere.gif) no-repeat 0 -20px; } #list .listItem p.dotsH { width:209px; } #vacancyDetail { margin:0 0 10px; } #vacancyDetail .heading { font-weight:bold; } #frmCareers {} #frmCareers div { margin:0 0 10px; } #frmCareers .clear { margin:0; } #frmCareers label { width:130px; } #frmCareers select { width:90px; } #frmCareers input { width:176px; } #frmCareers textarea { width:249px; } #frmCareers #btnBrowseUpload { width:136px; height:20px; margin:0 0 0 4px; } #frmCareers #submit { width:320px; height:26px; } #frmCareers .validation-advice { width:299px; } /* ----- CAR CLUB */ #carClubParticulars { width:315px; margin:20px 0 0 0; } #carClubParticulars #frmCarClubLogin { height:152px; background:#a6a6a6 url(../images/layup/carClubLoginBg.gif) no-repeat left top; margin:0 0 25px; } #carClubParticulars #frmCarClubLogin fieldset { padding:55px 0 0 10px; } #carClubParticulars #frmCarClubLogin fieldset div { margin:0 0 10px; } #carClubParticulars #frmCarClubLogin fieldset label { width:68px; } #carClubParticulars #frmCarClubLogin fieldset input { width:220px; } #carClubParticulars #frmCarClubLogin fieldset #btnLogin { width:47px; height:23px; } #carClubParticulars.loginSmall { width:330px; margin:0 0 0 0px; float:right; } #carClubParticulars.loginSmall #frmCarClubLogin { background: #a7a6a6; width: 330px; margin: 0px; height: 120px; } #carClubParticulars.loginSmall #frmCarClubLogin fieldset { padding: 10px 0 0 10px; } #carClubParticulars.loginSmall #frmCarClubLogin h2 { font-size: 16px; font-weight: bold; color: #FFFFFF; } #carClubParticulars.loginSmall #frmCarClubLogin div { } #carClubParticulars.loginSmall #frmCarClubLogin div.btns { width: 47px; float: right; padding-right: 14px; margin-bottom: 0px; } #carClubParticulars.loginSmall #frmCarClubLogin fieldset div { margin:0 0 5px; } form#frmPassword { padding: 20px; background: #e2e2e2; border: 1px solid #bcbcbc; } form#frmPassword div { margin-bottom: 8px; } form#frmPassword label { height: 20px; } .btnJoinCarClub { width:261px; height:31px; display:block; margin:0 0 25px; } #faqs { width:259px; border:1px solid #CCCCCC; } #faqs a { text-decoration:none; font-weight:normal; display:block; } #faqs .padding { padding:23px 18px; display:block; } #faqs .title { margin:0 0 23px; display:block; } #faqs p { padding:0 0 15px; } #frmCarClubReg {} #frmCarClubReg fieldset { width:654px; border:1px solid #aaaaaa; background:#ebebeb; margin:0 0 8px; display:block; } #frmCarClubReg .padding { padding:21px 19px; } #frmCarClubReg .title { font-size:20px; font-family:tahoma, arial; color:#313131; border-bottom:1px solid #fff; padding:0 0 5px; margin:0 0 20px; display:block; } #frmCarClubReg .inActive { color:#b4b4b4; margin:0; } #frmCarClubReg .title span { color:#b4b4b4; font-size:11px; } #frmCarClubReg div { margin:0 0 10px; } #frmCarClubReg label { width:230px; } #frmCarClubReg input { width:248px; } #frmCarClubReg select { width:252px; } #frmCarClubReg .checks {} #frmCarClubReg .checks label { width:150px; float:none; display:inline; } #frmCarClubReg .checks input { width:60px; } #frmCarClubReg #btnFindMyCarDetails { width:139px; height:23px; } #frmCarClubReg .yourDetails { float:left; display:block; } #frmCarClubReg #btnYesCorrect { width:125px; height:23px; margin:0 10px 0 0; float:left; } #frmCarClubReg #btnNoIncorrect { width:125px; height:23px; float:left; } #frmCarClubReg #btnSearch { width:68px; height:25px; margin:10px 0 0 230px; } #frmCarClubReg #btnSubmit { width:55px; height:24px; } #carClubJumps { padding:60px 0 20px; display:block; } .clubContent { width:100%; background:url(../images/layup/clubContentBg.jpg) bottom right no-repeat; padding-bottom:175px; } #questIntro { background:#ececec; padding:15px 15px 5px; margin:15px 0 20px; display:block; } /* car club home jumps */ #carClubJumps a { display: block; } #carClubJumps a#jumpDriving { width: 305px; height: 201px; background: url(../images/layup/jumpDriving.jpg) left top no-repeat; } #carClubJumps a#jumpDriving:hover { background-position: left bottom; } #carClubJumps a#jumpFineDining { width: 292px; height: 201px; background: url(../images/layup/jumpFineDining.jpg) left top no-repeat; } #carClubJumps a#jumpFineDining:hover { background-position: left bottom; } #carClubJumps a#jumpGolf { width: 299px; height: 210px; background:url(../images/layup/jumpGolf.jpg) left top no-repeat; } #carClubJumps a#jumpGolf:hover { background-position: left bottom; } #carClubJumps a#jumpHorseRacing { width: 305px; height: 215px; background: url(../images/layup/jumpHorseRacing.jpg) left top no-repeat; } #carClubJumps a#jumpHorseRacing:hover { background-position: left bottom; } #carClubJumps a#jumpSportingDays { width: 292px; height: 219px; background: url(../images/layup/jumpSportingDays.jpg) left top no-repeat; } #carClubJumps a#jumpSportingDays:hover { background-position: left bottom; } #carClubJumps a#jumpHorseRacingClub {width: 299px; height: 215px; background: url(../images/layup/jumpHorseRacingClub.jpg) left top no-repeat; } #carClubJumps a#jumpHorseRacingClub:hover { background-position: left bottom; } /* car club events listing */ #sortList { background: #a7a5a6; padding: 6px 12px; margin-bottom: 1px; } #sortList label { width: auto; padding: 2px 10px 0px 0px; font-weight: bold; color: #fff; } #sortList select { width: 170px; } #titleBar { background: #1d1d1d; } #titleBar #pagination { float: right; color: #fff; padding: 8px 12px; } #titleBar #pagination a { color: #fff; margin-right: 6px; } #titleBar #pagination .active { text-decoration: underline; } /* car club contact */ #carClubContact {} #carClubContact #featuredEvent { float: left; width: 233px; } #carClubContact #featuredEvent .content { padding: 20px; background: #e3e3e3; } #carClubContact #featuredEvent .content h2 { padding-bottom: 18px; } #carClubContact #featuredEvent .content .thumb { margin-bottom: 12px; } #carClubContact #featuredEvent .btn { padding-top: 40px; } #carClubContact #contactActions { float: right; width: 417px; } #carClubContact #actionEventEnquiry { width: 192px; float: left; margin-left: 16px; } #carClubContact #actionEventEnquiry .content { padding: 14px; } #carClubContact #actionEventEnquiry .content .btn { margin: 0 auto; width: 104px; padding-top: 12px; padding-bottom: 9px; } #carClubContact #actionSurvey { width: 192px; float: left; margin-left: 16px; } #carClubContact #actionSurvey .content { padding: 14px; } #carClubContact #actionSurvey .content .btn { margin: 0 auto; width: 104px; padding-top: 12px; padding-bottom: 9px; } #carClubContact #actionRequestCallBack { width: 192px; float: left; margin-left: 16px; } #carClubContact #actionRequestCallBack .content { padding: 14px; } #carClubContact #actionRequestCallBack .content .btn { margin: 0 auto; width: 104px; padding-top: 12px; padding-bottom: 9px; } #carClubContact #actionContactUs { width: 192px; float: left; margin-left: 16px; } #carClubContact #actionContactUs .content { padding: 14px; } #carClubContact #actionContactUs .content .btn { margin: 0 auto; width: 104px; padding-top: 12px; padding-bottom: 9px; } #carClubContact #actionUpdateAccount { margin-left: 16px; position: relative; } #carClubContact #actionUpdateAccount .case { position: absolute; top: -48px; right: 10px; } /* leaflets on homepage */ #brochures a { display: block; text-decoration: none; font-weight: normal; } #brochures .boxLeft { width: 300px; float: left; } #brochures .boxRight { width: 300px; float: left; } #brochures img { float: left; } #brochures .title { display: block; width: 170px; float: right; font-weight: bold; padding-bottom: 10px; } #brochures .content { display: block; width: 170px; float: right; padding-bottom: 10px; } #brochures .download { display: block; width: 170px; float: right; text-decoration: underline; } /* login pages start */ #mainContent { padding: 0px 0px 0px 00px; width: 677px; } #mainContent h1.frmHeading { font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-weight: normal; text-align: center; } #mainContent h2.frmHeading { font-family: Verdana, Geneva, sans-serif; font-size: 13px; font-weight: normal; text-align: center; font-style: italic; } #mainContent #frmHarwoodsClub { width: 682px; margin: 0 auto; } #mainContent #frmHarwoodsClub form { background: #dedede; border: 2px solid #c7c7c7; font-family: Verdana, Geneva, sans-serif; margin-bottom: 20px; } #mainContent #frmHarwoodsClub form div { margin-bottom: 15px; } #mainContent #frmHarwoodsClub form fieldset.login1 { display: block; width: 295px; margin: 0 auto; padding: 30px 0px 20px 0px; } #mainContent #frmHarwoodsClub form fieldset.login2 { display: block; padding: 15px 10px 15px 10px; } #mainContent #frmHarwoodsClub form fieldset.login2 div { margin-bottom: 0px; } #mainContent #frmHarwoodsClub form fieldset.login2 label { margin-right: 10px; width: 98px; text-align: right; } #mainContent #frmHarwoodsClub form fieldset.login3 { display: block; width: 400px; margin: 0 auto; padding: 20px 0px 20px 0px; } #mainContent #frmHarwoodsClub form fieldset.login3 label { width: 190px; font-size: 12px; } #mainContent #frmHarwoodsClub form fieldset.login3 div { margin-bottom: 10px; } #mainContent #frmHarwoodsClub form fieldset.login3 .vehicleResult { display: block; padding-bottom: 10px; } #mainContent #frmHarwoodsClub form fieldset.login3 .lbl { padding: 0px 10px 0px 0px; } #mainContent #frmHarwoodsClub form fieldset.login3 .checkRadio { left: 0px; } #mainContent #frmHarwoodsClub form fieldset.login3 select { width: 205px; height: 20px; } #mainContent #frmHarwoodsClub form label { width: 115px; font-size: 15px; } #mainContent #frmHarwoodsClub form label.lblLong { width: 241px; } #mainContent #frmHarwoodsClub form fieldset.login1 input, #mainContent #frmHarwoodsClub form fieldset.login2 input { width: 170px; } #mainContent #frmHarwoodsClub form input#btnLoginClub { width: 47px; height: 23px; } #mainContent #frmHarwoodsClub form input#btnSubmitClub { width: 55px; height: 22px; } /* login pages end */ #questTabs { margin:0 0 20px; } #questTabs ul.domHeadings { width:650px; height:62px; list-style: none; padding: 0; margin:0; } #questTabs ul.domHeadings li { float: left; } #questTabs ul.domHeadings li a { height:62px; margin:0 5px 0 0; display: block; display:inline; float: left; } #questTabs ul.domHeadings li a span { display:none; } #questTabs ul.domHeadings li a.howDid { width:180px; background:url(../images/layup/spriteQuestionnaireTabs.gif) no-repeat 0 0; } #questTabs ul.domHeadings li a.aboutYour { width:140px; background:url(../images/layup/spriteQuestionnaireTabs.gif) no-repeat -185px 0; } #questTabs ul.domHeadings li a.yourComments { width:130px; background:url(../images/layup/spriteQuestionnaireTabs.gif) no-repeat -330px 0; } #questTabs ul.domHeadings li a.finishSend { width:185px; background:url(../images/layup/spriteQuestionnaireTabs.gif) no-repeat -465px 0; margin:0; } #questTabs ul.domHeadings li.active a.howDid { width:180px; background:url(../images/layup/spriteQuestionnaireTabs.gif) no-repeat 0 -62px; } #questTabs ul.domHeadings li.active a.aboutYour { width:140px; background:url(../images/layup/spriteQuestionnaireTabs.gif) no-repeat -185px -62px; } #questTabs ul.domHeadings li.active a.yourComments { width:130px; background:url(../images/layup/spriteQuestionnaireTabs.gif) no-repeat -330px -62px; } #questTabs ul.domHeadings li.active a.finishSend { width:185px; background:url(../images/layup/spriteQuestionnaireTabs.gif) no-repeat -465px -62px; margin:0; } #questTabs .domTabs {} #questTabs .domContent { background:#dedede; padding:11px 8px 11px; } #questTabs .dt1 { display: block; } #frmCarClubQuest {} #frmCarClubQuest fieldset { background:#c7c7c7; padding:0 0 10px; margin:0 0 13px; } #frmCarClubQuest .padding { padding:21px 19px; } #frmCarClubQuest .title { font-size:11px; font-weight:bold; font-family:tahoma, arial; color:#313131; border-bottom:1px solid #fff; padding:10px; margin:0 0 20px; display:block; } #frmCarClubQuest .title span { color:#b4b4b4; font-size:11px; } #frmCarClubQuest div { margin:0 0 10px; } #frmCarClubQuest label { width:230px; } #frmCarClubQuest input { width:248px; } #frmCarClubQuest select { width:252px; } #frmCarClubQuest .checks {} #frmCarClubQuest .checks label { width:150px; float:none; display:inline; } #frmCarClubQuest .checks input { width:14px; } #tblActivities { width:100%; } #tblActivities tr {} #tblActivities tr td { padding:5px 0; } #tblActivities tr td input.choiceRadio { width:14px; margin:0; position:relative; left:50%; } #frmCarClubQuest #btnSubmit { width:55px; height:24px; } /* ----- FEEDBACK */ #feedbackList { width:374px; float:left; } #feedbackList .listItem { width:374px; } #feedbackList .title { color:#fff; background:#a7a6a6; padding:4px 8px 4px; display:block; } #feedbackList .description { color:#000; padding:10px 8px 25px; display:block; } #feedbackIntro { background:#ececec; padding:15px 15px 5px; margin:15px 0 20px; display:block; } #feedbackTabs { margin:0 0 20px; } #feedbackTabs ul.domHeadings { width:650px; height:62px; list-style: none; padding: 0; margin:0; } #feedbackTabs ul.domHeadings li { float: left; } #feedbackTabs ul.domHeadings li a { height:62px; margin:0 5px 0 0; display: block; display:inline; float: left; } #feedbackTabs ul.domHeadings li a span { display:none; } #feedbackTabs ul.domHeadings li a.howDid { width:180px; background:url(../images/layup/spriteFeedbackTabs.gif) no-repeat 0 0; } #feedbackTabs ul.domHeadings li a.aboutYour { width:140px; background:url(../images/layup/spriteFeedbackTabs.gif) no-repeat -185px 0; } #feedbackTabs ul.domHeadings li a.yourComments { width:130px; background:url(../images/layup/spriteFeedbackTabs.gif) no-repeat -330px 0; } #feedbackTabs ul.domHeadings li a.finishSend { width:185px; background:url(../images/layup/spriteFeedbackTabs.gif) no-repeat -465px 0; margin:0; } #feedbackTabs ul.domHeadings li.active a.howDid { width:180px; background:url(../images/layup/spriteFeedbackTabs.gif) no-repeat 0 -62px; } #feedbackTabs ul.domHeadings li.active a.aboutYour { width:140px; background:url(../images/layup/spriteFeedbackTabs.gif) no-repeat -185px -62px; } #feedbackTabs ul.domHeadings li.active a.yourComments { width:130px; background:url(../images/layup/spriteFeedbackTabs.gif) no-repeat -330px -62px; } #feedbackTabs ul.domHeadings li.active a.finishSend { width:185px; background:url(../images/layup/spriteFeedbackTabs.gif) no-repeat -465px -62px; margin:0; } #feedbackTabs .domTabs {} #feedbackTabs .domContent { background:#dedede; padding:11px 8px 11px 22px; } #feedbackTabs .dt1 { display: block; } form #feedbackTabs { width:650px; } form #feedbackTabs fieldset { background:#c7c7c7; padding:0 0 10px; margin:0 0 13px; } form #feedbackTabs .title { font-weight:bold; color:#585858; border-bottom:1px solid #dedede; padding:16px; } form #feedbackTabs .choiceRadios { padding:0 0 0 16px; } form #feedbackTabs .choiceRadios div { margin:8px 0; } form #feedbackTabs .choiceRadios .choiceRadio { width:13px; margin:0; } form #feedbackTabs .choiceRadios label { color:#1a1a1a; display:inline; float:none; } form #feedbackTabs table.choiceRadios { margin:0 0 0 16px; } form #feedbackTabs table.choiceRadios tr td { padding:4px 0; } form #feedbackTabs table.choiceRadios tr td .choiceRadio { margin:0 0 0 23px; } #feedbackTabs form textarea { width:344px; } .feedbackControls { padding:10px 0 0; } .feedbackControls a span { display:none; } .feedbackControls a.btnBack { width:68px; height:25px; background:url(../images/layup/spriteBtnBack.gif) no-repeat 0 0; float:left; display:block; } .feedbackControls a.btnBack:hover { background:url(../images/layup/spriteBtnBack.gif) no-repeat 0 -25px; } .feedbackControls .currentStep { width:475px; font-size:12px; color:#5e5d5d; text-align:center; padding:4px 0 0; display:block; float:left; } .feedbackControls a.btnNext { width:68px; height:25px; background:url(../images/layup/spriteBtnNext.gif) no-repeat 0 0; float:right; display:block; } .feedbackControls a.btnNext:hover { background:url(../images/layup/spriteBtnNext.gif) no-repeat 0 -25px; } /* ----- FEEDBACK */ #feedbackList { width:374px; float:left; } #feedbackList .listItem { width:374px; } #feedbackList .title { color:#fff; background:#a7a6a6; padding:4px 8px 4px; display:block; } #feedbackList .description { color:#000; padding:10px 8px 25px; display:block; } #feedbackIntro { background:#ececec; padding:15px 15px 5px; margin:15px 0 20px; display:block; } #feedbackTabs { margin:0 0 20px; } #feedbackTabs ul.domHeadings { width:650px; height:62px; list-style: none; padding: 0; margin:0; } #feedbackTabs ul.domHeadings li { float: left; } #feedbackTabs ul.domHeadings li a { height:62px; margin:0 5px 0 0; display: block; display:inline; float: left; } #feedbackTabs ul.domHeadings li a span { display:none; } #feedbackTabs ul.domHeadings li a.howDid { width:180px; background:url(../images/layup/spriteFeedbackTabs.gif) no-repeat 0 0; } #feedbackTabs ul.domHeadings li a.aboutYour { width:140px; background:url(../images/layup/spriteFeedbackTabs.gif) no-repeat -185px 0; } #feedbackTabs ul.domHeadings li a.yourComments { width:130px; background:url(../images/layup/spriteFeedbackTabs.gif) no-repeat -330px 0; } #feedbackTabs ul.domHeadings li a.finishSend { width:185px; background:url(../images/layup/spriteFeedbackTabs.gif) no-repeat -465px 0; margin:0; } #feedbackTabs ul.domHeadings li.active a.howDid { width:180px; background:url(../images/layup/spriteFeedbackTabs.gif) no-repeat 0 -62px; } #feedbackTabs ul.domHeadings li.active a.aboutYour { width:140px; background:url(../images/layup/spriteFeedbackTabs.gif) no-repeat -185px -62px; } #feedbackTabs ul.domHeadings li.active a.yourComments { width:130px; background:url(../images/layup/spriteFeedbackTabs.gif) no-repeat -330px -62px; } #feedbackTabs ul.domHeadings li.active a.finishSend { width:185px; background:url(../images/layup/spriteFeedbackTabs.gif) no-repeat -465px -62px; margin:0; } #feedbackTabs .domTabs {} #feedbackTabs .domContent { background:#dedede; padding:11px 8px 11px 22px; } #feedbackTabs .dt1 { display: block; } form #feedbackTabs { width:650px; } form #feedbackTabs fieldset { background:#c7c7c7; padding:0 0 10px; margin:0 0 13px; } form #feedbackTabs .title { font-weight:bold; color:#585858; border-bottom:1px solid #dedede; padding:16px; } form #feedbackTabs .choiceRadios { padding:0 0 0 16px; } form #feedbackTabs .choiceRadios div { margin:8px 0; } form #feedbackTabs .choiceRadios .choiceRadio { width:13px; margin:0; } form #feedbackTabs .choiceRadios label { color:#1a1a1a; display:inline; float:none; } form #feedbackTabs table.choiceRadios { margin:0 0 0 16px; } form #feedbackTabs table.choiceRadios tr td { padding:4px 0; } form #feedbackTabs table.choiceRadios tr td .choiceRadio { margin:0 0 0 23px; } #feedbackTabs form textarea { width:344px; } .feedbackControls { padding:10px 0 0; } .feedbackControls a span { display:none; } .feedbackControls a.btnBack { width:68px; height:25px; background:url(../images/layup/spriteBtnBack.gif) no-repeat 0 0; float:left; display:block; } .feedbackControls a.btnBack:hover { background:url(../images/layup/spriteBtnBack.gif) no-repeat 0 -25px; } .feedbackControls .currentStep { width:475px; font-size:12px; color:#5e5d5d; text-align:center; padding:4px 0 0; display:block; float:left; } .feedbackControls a.btnNext { width:68px; height:25px; background:url(../images/layup/spriteBtnNext.gif) no-repeat 0 0; float:right; display:block; } .feedbackControls a.btnNext:hover { background:url(../images/layup/spriteBtnNext.gif) no-repeat 0 -25px; } /* ----- CMS IMAGE ----- */ .cmsImage { float: right; margin: 0px 0px 15px 15px; } .cmsImage.video .image { width:320px; height:240px; position:relative; } .cmsImage.video .image .btn { position:absolute; top:10px; left:10px; z-index:999999; cursor:pointer; } .cmsImage.video .scroller { width:320px; height:57px; margin-top:15px; } .cmsImage.video .scroller .overflow { width:244px; overflow:hidden; height:57px; } .cmsImage.video .scroller .overflow .thumbContain { position:relative; left:0px; width:2000px; height:57px; } .cmsImage.video .scroller .overflow .thumbContain .thumb { width:76px; height:56px; display:block; float:left; margin-right:8px; } .cmsImage.video .scroller .scrollLeft { float:left; width:35px; height:57px; } .cmsImage.video .scroller .scrollRight { float:right; width:35px; height:57px; } .cmsImage img {} /* ----- DEALER LOCATOR ----- */ #map { float: right; } #dealerRight { width: 315px; float: right; margin-top: 15px; } #dealerRight form label { width: 132px; } #dealerRight form select { width: 180px; } #dealerRight form textarea, #dealerRight form input { width: 174px; } #dealerRight form .validation-advice { width: 298px; } #dealerRight form #submit { width:55px; height:24px; border:none;} #dealerRight form #btnMapGo { width: 41px; height: 21px; border: none; } #dealerRight #getDirections h1 { width: 134px; float: left; } #dealerRight #getDirections input.formInput { width: 120px; float: left; } #dealerRight #getDirections input#btnMapGo { float: right; } #dealerLeft { width: 314px; float: left; margin-top: 15px; } #dealerLeft table td { padding: 2px 10px 2px 0px; } /* ----- GLOBAL CLASSES ----- */ .clear { clear:both; display: block !important; } .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;} /* ----- TOP NAVIGATION ----- */ #primaryNav { height:40px; padding:0; margin-bottom: 10px; background: url(../images/layup/navBg.gif) no-repeat; } #primaryNav ul { list-style: none; margin: 0; padding: 0px; } #primaryNav li { float: left; border-right: 1px solid #fff; } #primaryNav li a { font-size: 11px; color: #fff; font-weight:normal; display: block; padding: 13px 18px 14px 19px; text-decoration: none; } #primaryNav li a:hover { text-decoration:underline; } #primaryNav li.last { border:none; } #primaryNav li .active { font-weight:bold; } /* ----- 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 9px no-repeat; padding:6px 0 5px 15px; } #sitemap li a { text-decoration:none; } #sitemap li a:hover { text-decoration:underline; } /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #pageInfo { background:url(../images/layup/dotsH.gif) repeat-x bottom; padding:0 0px 10px 20px; margin:0 0 20px 0; width: 657px; } #pageInfo #breadcrumbs { float:left; line-height: normal; } #pageInfo #breadcrumbs a { font-weight: normal; text-decoration: none; } #pageInfo #breadcrumbs a:hover { text-decoration:underline; } #pageInfo #breadcrumbs span { font-weight:bold;} #pageInfo .btnBack a { float:right; text-decoration:none; } .pagination { float: right; } .pagination a { padding: 0px 4px 0px 4px; text-decoration: none; } .pagination a:hover { text-decoration: none; background:#000000; color:#FFFFFF; } .pagination .active { text-decoration: none; background:#000000; color:#FFFFFF; } .pagination span { display: block; float: left; padding: 0px 2px 0px 2px; } /* ----- FOOTER ----- */ #footer { border-top:1px solid #cbcbcb; padding:10px 0 0 0; margin:40px 0 0 0; } #footer .padding {} #footer a { font-weight:normal; text-decoration:none;} #footer a:hover { text-decoration:underline;} #footer #footerJumps img { float: left; } #footer #footerJumps img.first { margin-left:132px; } #footerJumps { border-top:1px solid #cbcbcb; } /* ----- GLOBAL ----- */ img { display:block; border:0; } address { font-style:normal; } /* ----- LINKS ----- */ a { color:#000000; font-weight:bold; text-decoration:none;cursor:pointer; } a:hover { text-decoration:underline; } /* ----- 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:#000; } .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:55px; height:24px; border:none;} #contactForm { padding: 15px 0px 0px 0px; } #cwCarInsuranceForm div { margin: 0px 0px 4px 0px; } /* accident repair forms */ #accidentRepairForm { background: #ebebeb; border: 1px solid #aaaaaa; padding: 30px 18px 30px 18px; } #accidentRepairForm label { width: 250px; font-weight: bold; } #accidentRepairForm div { margin-bottom: 4px; } /* cms forms */ #contactForm.cmsForm { width:608px; background: #EBEBEB; padding: 20px 20px 0px 20px; border: 1px solid #AAAAAA; } /* Help lookign for form */ #lookingForForm { width:647px; background:#e0e0e0; border:1px solid #999; } #lookingInfo { margin:20px 0; } #lookingForForm h2 { width:627px; padding:10px; background:#323232; color:#fff; text-transform:uppercase; } #lookingForForm #formHolder { padding:10px 10px 20px 10px; } #lookingForForm .columnA { width:280px; float:left; } #lookingForForm .columnB { width:318px; float:right; } #lookingForForm .columnFull { width:632px; margin:0 auto; } #lookingForForm .formItem { margin:10px 0; } #lookingForForm .columnA label { width:123px; padding:3px 10px 0 0; float:left; text-align:right; font-size:0.9em; } #lookingForForm .columnB label { width:150px; padding:3px 10px 0 0; float:left; text-align:right; font-size:0.9em; } #lookingForForm .columnFull label { width:123px; padding:3px 10px 0 0; float:left; text-align:right; font-size:0.9em; } #lookingForForm .columnFull .widthFull { width:480px; } #lookingForForm input { width:140px; float:left; font-size:0.9em; } #lookingForForm select { width:146px; float:left; font-size:0.9em; height:20px; } #lookingForForm span.required { color:#F00; } #lookingForForm .columnFull .btnSubmit { width:78px; height:27px; margin:0 0 0 10px; } #lookingForForm .columnFull #buttons { margin:20px 0 0 0; width:618px; text-align:right; } /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #CC0000; } input.validation-passed, textarea.validation-passed, select.validation-passed {} .validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #000; color : #FFF; font-weight: bold; } #frmCarClubQuest .validation-advice { margin-top:5px !important; width: 470px !important; } /* ----- 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;} #favouritesList {} #favouritesList table { width: 100%; border-collapse: separate !important; } #favouritesList tr { cursor: pointer; border-collapse: separate !important;} #favouritesList td { background: #eee; } #favouritesList th { background: #d7d7d7; padding: 4px 0px 4px 0px; } #favouritesList th.whiteBg { background: #fff; } #favouritesList .info {font-weight:normal;text-decoration:none !important;} #favouritesList .info:hover {position:relative; z-index:25; } #favouritesList .info span{display: none; font-weight:normal !important; text-decoration:none !important;color: #000 !important;} #favouritesList .info:hover span{display:block !important; position:absolute; padding:5px 10px 5px 10px; background: #fff; top:72px; left:0px; width:18.1em; border:1px solid #333; color:#000; text-align: center; text-decoration:none !important; z-index:100;} /* ----- USED CAR SHARE THIS POP UP ----- */ #overlay { width:100%; height:100%; z-index:999; background:url(../images/layup/popUpOverlay.png) repeat; position:fixed; top:0px; left:0px; } #popupContainer { position: relative; z-index: 9999; width:932px; display:none; margin: 0 auto;} #popupContainer #popup { width:393px; height:200px; padding-bottom:30px; z-index:999999; background:url(../images/layup/popUpBg.gif) top left no-repeat #ebebeb; position:absolute; top:300px; left:270px;} #popupContainer #popup .btnClose { position:absolute; top:0px; left:328px; } #popupContainer #popup .btnTwitter{ position:absolute; top:60px; left:48px; } #popupContainer #popup .btnShareFb { position:absolute; top:130px; left:48px; } /* ----- USED CAR PRINT SPEC POP UP ----- */ #popupContainer #popupPrint { width:511px; height:248px; z-index:999999; background:url(../images/layup/printPopupBgAlt.gif) top left no-repeat ; position:absolute; top:300px; left:270px;} #popupContainer #popupPrint .btnClose { position:absolute; top:-5px; left:475px; } #popupContainer #popupPrint #popupContent { padding:60px 20px 0; font-size:13px; color:#282323; text-align:left; } #popupContainer #popupPrint #popupContent form { margin-top:15px; } #popupContainer #popupPrint #popupContent form div { margin-left:40px; } #popupContainer #popupPrint #popupContent form div.float_left { width:160px; margin-bottom:10px;} #popupContainer #popupPrint #popupContent form div.float_right { width:160px; margin-bottom:10px; margin:0px;} #popupContainer #popupPrint #popupContent .checkRadio { width:20px !important; } #popupContainer #popupPrint #popupContent label { width:130px; padding-top:3px; } #popupContainer #popupPrint #popupContent input { width:277px; } #popupContainer #popupPrint #popupContent img.btnSubmit { margin-top:10px; width:55px; height:24px; float:right; margin-right:18px; } /* --- USED CAR DETAILS ---- */ #carInfoNew { background:#d5dbdb; padding:10px; margin-bottom:30px;} #carInfoNew #usedVehicleOptions { width:251px; } #carInfoNew #usedVehicleOptions a { width:119px; height:33px; display:block; } #carInfoNew #usedVehicleOptions a#enquiry { background:url(../images/layup/spriteVehicleEnquiry.gif) no-repeat 0 0 ; margin-bottom:15px; } #carInfoNew #usedVehicleOptions a#valueMy { background:url(../images/layup/spriteVehicleEnquiry.gif) no-repeat -132px 0 ; margin-bottom:15px;} #carInfoNew #usedVehicleOptions a#sendTo { background:url(../images/layup/spriteVehicleEnquiry.gif) no-repeat 0 -48px ; margin-bottom:15px;} #carInfoNew #usedVehicleOptions a#save { background:url(../images/layup/spriteVehicleEnquiry.gif) no-repeat -132px -48px ; margin-bottom:15px;} #carInfoNew #usedVehicleOptions a#print { background:url(../images/layup/spriteVehicleEnquiry.gif) no-repeat 0 -48px ; } #carInfoNew #usedVehicleOptions a#share { background:url(../images/layup/spriteVehicleEnquiry.gif) no-repeat -132px -48px ; } /* ---- CLUB LOGIN ----- */ .width315 { width:315px; } .width315 .text { background:#ececec; padding:10px; margin-top:20px; margin-bottom:20px; } .contactForm { width:295px; background:#ececec; padding:10px; float:right; margin:0 0 20px 20px; } .contactForm div { margin-bottom:15px; float:left; } .contactForm label { float:left; width:100px;} .contactForm select { float:left; width:195px; } .contactForm input { float:left; width:188px; } .contactForm textarea { float:left; width:188px; } .contactForm .checkRadio { float:left; width:20px; } .contactForm .submit { width:55px; height:24px; float:right; } .contactForm .validation-advice { width:285px; } /* ---- ADVANTAGE STOCK STYLES ----- */ .advantageStockJump { margin-bottom: 9px; } #advantageJumps { margin-bottom: 15px; } #advantageJumps a { display: block; float: left; height: 61px; width: 153px; background: url(../images/layup/advantage/spriteCMSJumps.gif) no-repeat; margin: 0px 12px 8px 0px; } #advantageJumps a#jump1 { background-position: 0px 0px; } #advantageJumps a#jump2 { background-position: -153px 0px; } #advantageJumps a#jump3 { background-position: -306px 0px; } #advantageJumps a#jump4 { background-position: -459px 0px; margin-right: 0px; } #advantageJumps a#jump5 { background-position: -612px 0px; } #advantageJumps a#jump6 { background-position: -765px 0px; } #advantageJumps a#jump7 { background-position: -918px 0px; } #advantageJumps a#jump8 { background-position: -1071px 0px; margin-right: 0px; } #advantageJumps a#jump1.active, #advantageJumps a#jump1:hover { background-position: 0px -61px; } #advantageJumps a#jump2.active, #advantageJumps a#jump2:hover { background-position: -153px -61px; } #advantageJumps a#jump3.active, #advantageJumps a#jump3:hover { background-position: -306px -61px; } #advantageJumps a#jump4.active, #advantageJumps a#jump4:hover { background-position: -459px -61px; } #advantageJumps a#jump5.active, #advantageJumps a#jump5:hover { background-position: -612px -61px; } #advantageJumps a#jump6.active, #advantageJumps a#jump6:hover { background-position: -765px -61px; } #advantageJumps a#jump7.active, #advantageJumps a#jump7:hover { background-position: -918px -61px; } #advantageJumps a#jump8.active, #advantageJumps a#jump8:hover { background-position: -1071px -61px; } h1.advantageHeading, .advantageCms .cmsContent h1 { border-bottom: 1px solid #a7a7a7; font-size: 14px; font-weight: normal; padding-bottom: 5px; margin-bottom: 10px } h2.advantageHeading, .advantageCms .cmsContent h2 { background: #a6a6a6; color: #000; font-size: 16px; margin: 7px 0px 5px 0px; padding: 5px 10px; font-size: 17px; font-weight: normal; } /* ----- XMAS OPENING ---- */ #christmasOpening { padding:0 22px; } #christmasOpening .red { color:#b2130b; font-size:13px; font-weight:bold; } #christmasOpening #locationList table { margin:30px 0 20px 12px; width:615px; } #christmasOpening #locationList td { font-weight:bold; font-size:11px; padding-bottom:10px; } #christmasOpening #locationList td a { color:#000; text-decoration:none; } #christmasOpening #timesList table { margin-left:12px; margin-bottom:40px; } #christmasOpening #timesList td { font-size:11px; padding-bottom:10px; } #christmasOpening #timesList .colDate { width: 243px; } #christmasOpening #timesList .colTimesSales { width: 177px; } #xmasOpeningTimes table { width:314px; margin-top:10px; } #xmasOpeningTimes table td { padding:0 0 10px 0 !important; }