/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : Matt Mumford / matt.mumford@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for Lifestyle Europe site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ html { height: 100%; } body { height: 100%; font:62.5%/1.6 verdana, arial, helvetica, sans-serif; margin:0; padding:0; background:url(../images/layup/bodyBg.jpg) top center no-repeat #f3f3eb; color:#000000; text-align:left; } /* 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% verdana, arial, helvetica, sans-serif; } html>body td, html>body textarea, html>body input, html>body select { font-size:11px; } /* some browsers don't inherit the font into tables or textareas! */ /* ----- IDS ----- */ #container { min-height:100%; width:920px; padding:0 20px; margin:0 auto; text-align:left; font-size:110%; line-height: normal; } * html #container{ height: 100%; } #printHeader { display:none;} #header { height: 100px; position: relative; } #header #logo { position: absolute; top: 0px; left: 0px; } #header #amAward { position: absolute; top: 15px; right: 23px; } #header #contactDetails { position: absolute; top: 0px; right: 110px; } #header #badge { position: absolute; top: 0px; right: 0px; } #header #groupBack { position:absolute; left:0; top:0; } #franchiseSelect { height:241px; } #franchiseSelect .titleImg { margin:0 auto; } #franchiseSelect a { height:176px; width:184px; display:block; float:left; margin-top:8px; } #franchiseSelect a#renault { background:url(../images/layup/spriteFranchiseSelect.jpg) 0 -176px no-repeat; } #franchiseSelect a#renault:hover { background:url(../images/layup/spriteFranchiseSelect.jpg) 0 -176px no-repeat; } #franchiseSelect #renault.notactive { background:url(../images/layup/spriteFranchiseSelect.jpg) 0 0px no-repeat; } #franchiseSelect a#subaru { background:url(../images/layup/spriteFranchiseSelect.jpg) -184px -176px no-repeat; } #franchiseSelect a#subaru:hover { background:url(../images/layup/spriteFranchiseSelect.jpg) -184px -176px no-repeat; } #franchiseSelect #subaru.notactive { background:url(../images/layup/spriteFranchiseSelect.jpg) -184px 0px no-repeat; } #franchiseSelect a#ford { background:url(../images/layup/spriteFranchiseSelect.jpg) -368px -176px no-repeat; } #franchiseSelect a#ford:hover { background:url(../images/layup/spriteFranchiseSelect.jpg) -368px -176px no-repeat; } #franchiseSelect #ford.notactive { background:url(../images/layup/spriteFranchiseSelect.jpg) -368px 0px no-repeat; } #franchiseSelect a#commercial { background:url(../images/layup/spriteFranchiseSelect.jpg) -552px -176px no-repeat; } #franchiseSelect a#commercial:hover { background:url(../images/layup/spriteFranchiseSelect.jpg) -552px -176px no-repeat; } #franchiseSelect #commercial.notactive { background:url(../images/layup/spriteFranchiseSelect.jpg) -552px 0px no-repeat; } #franchiseSelect a#mazda { background:url(../images/layup/spriteFranchiseSelect.jpg) -736px -176px no-repeat; } #franchiseSelect a#mazda:hover { background:url(../images/layup/spriteFranchiseSelect.jpg) -736px -176px no-repeat; } #franchiseSelect #mazda.notactive { background:url(../images/layup/spriteFranchiseSelect.jpg) -736px 0px no-repeat; } #availableColours { width: 145px; margin-bottom: 12px; } #availableColours a { display: block; width: 14px; height: 14px; border: 1px solid #000000; float: left; margin: 0px 4px 4px 0px; } #availableColours .colourWhite { background: #FFFFFF; } #availableColours .colourGrey { background: #a5a5a5; } #availableColours .colourBlack { background: #000000; } #availableColours .colourRed { background: #f50000; } #availableColours .colourBlue { background: #569ad1; } #availableColours .colourGreen { background: #218c00; } #availableColours .colourYellow { background: #f7e41e; } #availableColours a.swatch { float: left; width: 14px; height: 14px; margin-right: 4px; margin-bottom: 4px; border: 1px solid #000000; } #availableColours a.swatch:hover { z-index:99999; position:relative;} #availableColours a.swatch span { display:none; } #availableColours a.swatch:hover span { display:block; position:absolute; width:60px; height:60px; top: 20px; border:1px solid #000; z-index:100; } /* ----- LEFT COLUMN ----- */ #leftCol { float: left; width: 231px; } #leftCol.internal { margin-top:21px; } #leftCol .box { float:right; margin-bottom:15px; width:210px; } #leftCol .usedCarSearch { width:210px; min-height:245px; float:right; background:url(../images/layup/searchBg.gif) left bottom no-repeat;} #leftCol .usedCarSearch select { width:180px; margin-bottom:10px; font-size:11px; } #leftCol .usedCarSearch .checkRadio { position: static; margin: 12px 0px 0px 0px; padding: 0; width: 14px; height: 14px; } #leftCol .usedCarSearch .btnUsedSearch { width:120px; height:22px; float:right; } #leftCol .usedCarSearch .domHeadings li a { outline:none; } #leftCol .usedCarSearch .domHeadings li a#carSearch { width:83px; height:31px; background:url(../images/layup/spriteUsedSearchTabs.jpg) 0 -31px no-repeat; } #leftCol .usedCarSearch .domHeadings li a#carSearch:hover { background:url(../images/layup/spriteUsedSearchTabs.jpg) 0 0px no-repeat; } #leftCol .usedCarSearch .domHeadings li.active a#carSearch { background:url(../images/layup/spriteUsedSearchTabs.jpg) 0 0px no-repeat; } #leftCol .usedCarSearch .domHeadings li a#vanSearch { width:127px; height:31px; background:url(../images/layup/spriteUsedSearchTabs.jpg) -83px 0 no-repeat; } #leftCol .usedCarSearch .domHeadings li a#vanSearch:hover { background:url(../images/layup/spriteUsedSearchTabs.jpg) -83px -31px no-repeat; } #leftCol .usedCarSearch .domHeadings li.active a#vanSearch { background:url(../images/layup/spriteUsedSearchTabs.jpg) -83px -31px no-repeat; } #leftCol.internal .usedCarSearch .domHeadings li a#carSearch { width:83px; height:31px; background:url(../images/layup/spriteUsedSearchTabsInternal.jpg) 0 -31px no-repeat; } #leftCol.internal .usedCarSearch .domHeadings li a#carSearch:hover { background:url(../images/layup/spriteUsedSearchTabsInternal.jpg) 0 0px no-repeat; } #leftCol.internal .usedCarSearch .domHeadings li.active a#carSearch { background:url(../images/layup/spriteUsedSearchTabsInternal.jpg) 0 0px no-repeat; } #leftCol.internal .usedCarSearch .domHeadings li a#vanSearch { width:127px; height:31px; background:url(../images/layup/spriteUsedSearchTabsInternal.jpg) -83px 0 no-repeat; } #leftCol.internal .usedCarSearch .domHeadings li a#vanSearch:hover { background:url(../images/layup/spriteUsedSearchTabsInternal.jpg) -83px -31px no-repeat; } #leftCol.internal .usedCarSearch .domHeadings li.active a#vanSearch { background:url(../images/layup/spriteUsedSearchTabsInternal.jpg) -83px -31px no-repeat; } #leftCol .saveCompareBox { float:right; margin-bottom:15px; width:195px; height: 88px; background:url(../images/layup/boxSaveCompare.gif) top right no-repeat; padding: 42px 0px 0px 15px; } #leftCol .saveCompareBox .thumb { float: left; width: 52px; height:39px; margin-right: 9px; margin-bottom: 12px; background:url(../images/layup/noImage52x39.gif) top left no-repeat; border: 1px solid #d9d9d9; } #leftCol .usedCarSearch .domHeadings.searchBy li a { outline:none; height:42px; margin-top:15px; margin-bottom:5px; } #leftCol .usedCarSearch .domHeadings.searchBy li a#modelTab { width:70px; background:url(../images/layup/spriteSearchBy.gif) 0 0 no-repeat; } #leftCol .usedCarSearch .domHeadings.searchBy li a#modelTab:hover { background:url(../images/layup/spriteSearchBy.gif) 0 -42px no-repeat; } #leftCol .usedCarSearch .domHeadings.searchBy li.active a#modelTab { background:url(../images/layup/spriteSearchBy.gif) 0 -42px no-repeat; } #leftCol .usedCarSearch .domHeadings.searchBy li a#budgetTab { width:71px; background:url(../images/layup/spriteSearchBy.gif) -70px 0 no-repeat; } #leftCol .usedCarSearch .domHeadings.searchBy li a#budgetTab:hover { background:url(../images/layup/spriteSearchBy.gif) -70px -42px no-repeat; } #leftCol .usedCarSearch .domHeadings.searchBy li.active a#budgetTab { background:url(../images/layup/spriteSearchBy.gif) -70px -42px no-repeat; } #leftCol .usedCarSearch .domHeadings.searchBy li a#typeTab { width:69px; background:url(../images/layup/spriteSearchBy.gif) -141px 0 no-repeat; } #leftCol .usedCarSearch .domHeadings.searchBy li a#typeTab:hover { background:url(../images/layup/spriteSearchBy.gif) -141px -42px no-repeat; } #leftCol .usedCarSearch .domHeadings.searchBy li.active a#typeTab { background:url(../images/layup/spriteSearchBy.gif) -141px -42px no-repeat; } #leftCol .usedCarSearch .domContent.searchElements { padding: 0 15px; color:#fff; font-size:14px; text-align:center; } #leftCol .usedCarSearch #vanSearchDiv .domHeadings.searchBy li a#modelTab { width:105px; background:url(../images/layup/spriteSearchBy.gif) 0 -84px no-repeat; } #leftCol .usedCarSearch #vanSearchDiv .domHeadings.searchBy li a#modelTab:hover { background:url(../images/layup/spriteSearchBy.gif) 0 -126px no-repeat; } #leftCol .usedCarSearch #vanSearchDiv .domHeadings.searchBy li.active a#modelTab { background:url(../images/layup/spriteSearchBy.gif) 0 -126px no-repeat; } #leftCol .usedCarSearch #vanSearchDiv .domHeadings.searchBy li a#budgetTab { width:105px; background:url(../images/layup/spriteSearchBy.gif) -105px -84px no-repeat; } #leftCol .usedCarSearch #vanSearchDiv .domHeadings.searchBy li a#budgetTab:hover { background:url(../images/layup/spriteSearchBy.gif) -105px -126px no-repeat; } #leftCol .usedCarSearch #vanSearchDiv .domHeadings.searchBy li.active a#budgetTab { background:url(../images/layup/spriteSearchBy.gif) -105px -126px no-repeat; } #leftCol .usedCarSearch .domContent.searchElements #searchTypeContain {} #leftCol .usedCarSearch .domContent.searchElements #searchTypeContain a { width:55px; height:42px; display:block; float:left; margin-right:7px; margin-bottom:8px;} #leftCol .usedCarSearch .domContent.searchElements #searchTypeContain a#small { background:url(../images/layup/spriteSearchType.gif) 0 0 no-repeat; } /*#leftCol .usedCarSearch .domContent.searchElements #searchTypeContain a#small:hover { background:url(../images/layup/spriteSearchType.gif) 0 -144px no-repeat; }*/ #leftCol .usedCarSearch .domContent.searchElements #searchTypeContain a#small.active { background:url(../images/layup/spriteSearchType.gif) 0 -144px no-repeat; } #leftCol .usedCarSearch .domContent.searchElements #searchTypeContain a#medium { background:url(../images/layup/spriteSearchType.gif) -64px 0 no-repeat; } #leftCol .usedCarSearch .domContent.searchElements #searchTypeContain a#medium:hover { background:url(../images/layup/spriteSearchType.gif) -64px -144px no-repeat; } #leftCol .usedCarSearch .domContent.searchElements #searchTypeContain a#medium.active { background:url(../images/layup/spriteSearchType.gif) -64px -144px no-repeat; } #leftCol .usedCarSearch .domContent.searchElements #searchTypeContain a#large { background:url(../images/layup/spriteSearchType.gif) -127px 0 no-repeat; margin-right:0px; } #leftCol .usedCarSearch .domContent.searchElements #searchTypeContain a#large:hover { background:url(../images/layup/spriteSearchType.gif) -127px -144px no-repeat; } #leftCol .usedCarSearch .domContent.searchElements #searchTypeContain a#large.active { background:url(../images/layup/spriteSearchType.gif) -127px -144px no-repeat; } #leftCol .usedCarSearch .domContent.searchElements #searchTypeContain a#fourByFour { background:url(../images/layup/spriteSearchType.gif) 0 -51px no-repeat; } #leftCol .usedCarSearch .domContent.searchElements #searchTypeContain a#fourByFour:hover { background:url(../images/layup/spriteSearchType.gif) 0 -195px no-repeat; } #leftCol .usedCarSearch .domContent.searchElements #searchTypeContain a#fourByFour.active { background:url(../images/layup/spriteSearchType.gif) 0 -195px no-repeat; } #leftCol .usedCarSearch .domContent.searchElements #searchTypeContain a#mpv { background:url(../images/layup/spriteSearchType.gif) -64px -51px no-repeat; } #leftCol .usedCarSearch .domContent.searchElements #searchTypeContain a#mpv:hover { background:url(../images/layup/spriteSearchType.gif) -64px -195px no-repeat; } #leftCol .usedCarSearch .domContent.searchElements #searchTypeContain a#mpv.active { background:url(../images/layup/spriteSearchType.gif) -64px -195px no-repeat; } #leftCol .usedCarSearch .domContent.searchElements #searchTypeContain a#estate { background:url(../images/layup/spriteSearchType.gif) -127px -51px no-repeat; margin-right:0px; } #leftCol .usedCarSearch .domContent.searchElements #searchTypeContain a#estate:hover { background:url(../images/layup/spriteSearchType.gif) -127px -195px no-repeat; } #leftCol .usedCarSearch .domContent.searchElements #searchTypeContain a#estate.active { background:url(../images/layup/spriteSearchType.gif) -127px -195px no-repeat; } #leftCol .usedCarSearch .domContent.searchElements #searchTypeContain a#sportsCar { width:87px; margin-right:6px; background:url(../images/layup/spriteSearchType.gif) 0px -102px no-repeat; } #leftCol .usedCarSearch .domContent.searchElements #searchTypeContain a#sportsCar:hover { background:url(../images/layup/spriteSearchType.gif) 0px -246px no-repeat; } #leftCol .usedCarSearch .domContent.searchElements #searchTypeContain a#sportsCar.active{ background:url(../images/layup/spriteSearchType.gif) 0px -246px no-repeat; } #leftCol .usedCarSearch .domContent.searchElements #searchTypeContain a#convertible { width:87px; background:url(../images/layup/spriteSearchType.gif) -95px -102px no-repeat; margin-right:0px; } #leftCol .usedCarSearch .domContent.searchElements #searchTypeContain a#convertible:hover { background:url(../images/layup/spriteSearchType.gif) -95px -246px no-repeat; } #leftCol .usedCarSearch .domContent.searchElements #searchTypeContain a#convertible.active{ background:url(../images/layup/spriteSearchType.gif) -95px -246px no-repeat; } #leftCol .fuelCalc { height:237px; background:url(../images/layup/leftColFuelCalBg.gif) no-repeat; color:#565656; } #leftCol .fuelCalc .padding {padding:53px 12px 0 12px; border:none;} #leftCol .fuelCalc label { float:left; width:auto; font-weight:bold; } #leftCol .fuelCalc input { } #leftCol .fuelCalc div {border-bottom: 1px solid #e4e4e4; padding: 6px 0px 6px 0px; width:186px; } #leftCol .fuelCalc div.last { border:none !important; } #leftCol .fuelCalc .checkRadio { width:14px; height: 14px; padding: 0; margin: 0; } #leftCol .fuelCalc span.clear { display: block; clear: both; } /* ----- RIGHT COLUMN ----- */ #rightCol { float: right; width: 675px; } #rightCol.internal { width:670px; min-height:385px; background:url(../images/layup/rightColInternal.jpg) 0 0 no-repeat; margin:14px 14px 0 0; display:inline; } #rightCol.internal .padding { padding:21px;} #rightCol #homeJumps{ } #rightCol #homeJumps a { display:block; float:left; width:215px; height:82px; margin-right:7px; margin-bottom:15px; } #rightCol #homeJumps a#carZone { background:url(../images/layup/spriteHomeJumps.gif) 0 0 no-repeat; } #rightCol #homeJumps a#quadBikes { background:url(../images/layup/spriteHomeJumps.gif) -222px 0 no-repeat; } #rightCol #homeJumps a#parts { background:url(../images/layup/spriteHomeJumps.gif) -444px 0 no-repeat; } #rightCol #homeJumps a#motability { background:url(../images/layup/spriteHomeJumps.gif) 0 -97px no-repeat; } #rightCol #homeJumps a#aftersales { background:url(../images/layup/spriteHomeJumps.gif) -222px -97px no-repeat; } #rightCol #homeJumps a#recruitment { background:url(../images/layup/spriteHomeJumps.gif) -444px -97px no-repeat; } #rightCol #homeJumps a#lifestyleLadies { background:url(../images/layup/spriteHomeJumps.gif) -222px 0 no-repeat; } #rightCol #offerTabs { width:656px; height:174px; margin-bottom:30px; background:url(../images/layup/homeOfferTabBg.gif) left top no-repeat; } #rightCol #offerTabs .domtab { padding:7px 11px 0 0; } #rightCol #offerTabs .domtab ul { padding:0px; float:right; margin:0;} #rightCol #offerTabs .domtab li { display:inline; float:left; list-style:none; } #rightCol #offerTabs .domtab li a { display:block; height:28px; } #rightCol #offerTabs .domtab li a#renaultOffer { width:86px; background:url(../images/layup/groupHomeOfferTabs.gif) 0 0 no-repeat; } #rightCol #offerTabs .domtab li a#renaultOffer:hover { background:url(../images/layup/groupHomeOfferTabs.gif) 0 -28px no-repeat; } #rightCol #offerTabs .domtab li.active a#renaultOffer { background:url(../images/layup/groupHomeOfferTabs.gif) 0 -28px no-repeat; } #rightCol #offerTabs .domtab li a#subaruOffer { width:86px; background:url(../images/layup/groupHomeOfferTabs.gif) -88px 0 no-repeat; } #rightCol #offerTabs .domtab li a#subaruOffer:hover { background:url(../images/layup/groupHomeOfferTabs.gif) -88px -28px no-repeat; } #rightCol #offerTabs .domtab li.active a#subaruOffer { background:url(../images/layup/groupHomeOfferTabs.gif) -88px -28px no-repeat; } #rightCol #offerTabs .domtab li a#fordOffer { width:86px; background:url(../images/layup/groupHomeOfferTabs.gif) -175px 0 no-repeat; } #rightCol #offerTabs .domtab li a#fordOffer:hover { background:url(../images/layup/groupHomeOfferTabs.gif) -175px -28px no-repeat; } #rightCol #offerTabs .domtab li.active a#fordOffer { background:url(../images/layup/groupHomeOfferTabs.gif) -175px -28px no-repeat; } #rightCol #offerTabs .domtab li a#commercialOffer { width:87px; background:url(../images/layup/groupHomeOfferTabs.gif) -263px 0 no-repeat; } #rightCol #offerTabs .domtab li a#commercialOffer:hover { background:url(../images/layup/groupHomeOfferTabs.gif) -263px -28px no-repeat; } #rightCol #offerTabs .domtab li.active a#commercialOffer { background:url(../images/layup/groupHomeOfferTabs.gif) -263px -28px no-repeat; } #rightCol #offerTabs .domtab li a#mazdaOffer { width:87px; margin-right:0px; background:url(../images/layup/groupHomeOfferTabs.gif) -351px 0 no-repeat; } #rightCol #offerTabs .domtab li a#mazdaOffer:hover { background:url(../images/layup/groupHomeOfferTabs.gif) -351px -28px no-repeat; } #rightCol #offerTabs .domtab li.active a#mazdaOffer { background:url(../images/layup/groupHomeOfferTabs.gif) -351px -28px no-repeat; } #rightCol #offerTabs .tabset_content {} #rightCol #offerTabs .tabset_content .offerGraphic { width:372px; float:left; border-right:2px solid #fff;} #rightCol #offerTabs .tabset_content .offerPhoto { float:right; margin-right:6px; } #rightCol #smallInternalList { width: 328px; float: right; margin-left: 10px; margin-bottom: 10px; } #rightCol #smallInternalList .listItem { float: left; border: 1px solid #f7f7f7; width: 101px; margin: 0px 6px 6px 0px; } #rightCol #smallInternalList .listItem a { text-decoration: none; border: 1px solid #f2f2f2; display: block; float: left; font-weight: normal; } #rightCol #smallInternalList .listItem a img { } #rightCol #smallInternalList .listItem a span.listHeading { display: block; text-align: center; } #rightCol #recruitmentFlash { margin-top: 10px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align: center; } /* ----- IMAGE LISTS/FRAMES ----- */ #rightCol #internalList a { cursor: pointer; text-decoration: none; } #rightCol #internalList span { display: block; line-height: 120%; } #rightCol #internalList .listItem { width: 145px; height: 143px; background: url(../images/layup/frame140x105.gif) no-repeat; float: left; padding-right: 11px; padding-bottom: 11px; } #rightCol #internalList .frame { padding: 3px 0px 0px 2px; } #rightCol #internalList .noImage { width: 140px; height: 105px; background: url(../images/layup/noImage140x105.jpg) no-repeat; } #rightCol #internalList .itemHeading { padding: 3px 0px 0px 10px; } /* ----- CUSTOMER CARE PAGES ----- */ #rightCol #customerCare {} #rightCol #customerCare #logoCustomerCare { padding: 0px 0px 30px 150px; } #rightCol #customerCare #pageTitle { font-size: 21px; } #rightCol #customerCare #pageTitle .italicBold { font-weight: bold; font-style: italic; } #rightCol #customerCare .fontTop { font-size: 14px; } #rightCol #customerCare #winBackMoney { float: right; margin-top: -40px; } #rightCol #customerCare .customerBox { width: 280px; float: left; } #rightCol #offersList09Menu {} #rightCol #offersList09Menu ul {margin:0;padding:0 5px;list-style:none;background:url(../images/layup/offersList09MenuBack.gif) no-repeat;height:32px;} #rightCol #offersList09Menu ul li {display:block;margin:0;padding:0;block;float:left;height:22px;} #rightCol #offersList09Menu ul li a {text-decoration:none;display:block;float:left;height:22px;padding:8px 7px 2px;color:#04185f; background:#fff;} #rightCol #offersList09Menu ul li a:hover {background:#04185f;color:#fff;} #rightCol #offersList09Menu .active a {background:#04185f;color:#fff;cursor:default;} #rightCol #offersList09 {text-align:center;width:623px;} #rightCol #offersList09 .listItem {margin:10px auto;width:615px;height:130px;background:#f3f3f3;} #rightCol #offersDetail09 {padding:0 0 25px;} #rightCol #offersDetail09 .offersDetailMainImage {padding: 10px 0 0;width:615px;margin:0 auto;height:130px;} #rightCol #offersDetail09 .offerEnquiryForm {width:315px;float:left;padding:20px 0;} #rightCol #offersDetail09 .offerEnquiryForm .title {margin:px 0 10px;} #rightCol #offersDetail09 .offerEnquiryForm div {margin-bottom:10px;} #rightCol #offersDetail09 #btnSubmit {width:68px;float:right;} #rightCol #offersDetail09 input {width:165px;} #rightCol #offersDetail09 select {width:165px;} #rightCol #offersDetail09 .checkRadio {width:15px;} #rightCol #offersDetail09 label {width:130px;} #rightCol #offersDetail09 .offerAvailableAt {padding:20px 0;float:right;width:290px;} #rightCol #offersDetail09 .offerAvailableAt .locations {color:#001a6e;font-size:100%;padding:15px 0;} #rightCol #offersDetail09 .offerAvailableAt .locations div {height:30px;font-weight:bold;width:290px;} #rightCol #offersDetail09 .offerAvailableAt .location {float:left;} #rightCol #offersDetail09 .offerAvailableAt .phoneNumber {float:right;} #rightCol #offersDetail09 .offerTitle {font-size:180%;font-weight:bold;} #rightCol #offersDetail09 .offerSpecs ul {margin:15px 0 15px 25px;padding:0;} #rightCol #offersDetail09 .offerSpecs ul li {font-weight:bold;font-size:120%;} #rightCol #dealerLocator { margin-top: 10px; } #rightCol #dealerLocator table { width: 100%; border-collapse:separate; margin-bottom: 15px; } #rightCol #dealerLocator table th { vertical-align: top; line-height: 110%; height: 37px; } #rightCol #dealerLocator table td { font-size: 1.0em !important; } #rightCol #dealerLocator table tbody td { height: 32px; } #rightCol #dealerLocator .altRow { background:#f4f4f4; } #rightCol #dealerLocator .blue { font-weight: bold; color: #27438f; } #rightCol #dealerLocator .purple { font-weight: bold; color: #362C79; } #rightCol #dealerLocator .red { font-weight: bold; color: #d3030b; text-transform: none; } #rightCol #dealerLocator table a { text-decoration: none; } #rightCol #dealerLocator table a:hover { text-decoration: underline; } #rightCol #contactPhoneNumbers { margin-bottom: 20px; border: 1px solid #ececec; padding: 1px; } #rightCol #contactPhoneNumbers table { width: 100%; } #rightCol #contactPhoneNumbers th { background: #ccc; font-size: 1.1em; padding: 5px 6px 5px 6px; } #rightCol #contactPhoneNumbers td { padding: 4px 6px 4px 6px; } #rightCol #contactPhoneNumbers .trAlt { background:#ececec; } #mainContent { line-height:18px; } #mainContent h1 { font-weight:bold; font-size:17px; padding-bottom:20px;} #coverFlow { background:url(../images/layup/coverflowBg.gif) top left no-repeat; width: 656px; height: 252px; padding: 0px 0px 0px 5px; float: right; position: relative; margin:15px 35px 15px 0; display:inline; } /* ----- CMS IMAGE ----- */ .cmsImage { float: right; margin: 0px 0px 15px 15px; } .cmsImage img {} /* ----- LIST ----- */ #list {} #list .listItem { margin-top:20px; padding-bottom:20px; background:url(../images/layup/listItemBottom.gif) left bottom no-repeat; min-height:155px;} #list .listItem a { display: block; text-decoration:none; font-weight:normal; } #list .listItem .thumb { float:left; position:relative; margin:0 10px 10px 0; display: block; clear:both; width:143px; height:107px; border:1px solid #fff; background:url(../images/layup/noImage143x107.gif) no-repeat; } #list .listItem .thumb .overlay { position:absolute; left:0; top:0; } #list .listItem .title { margin-bottom:10px; display: block; background:url(../images/layup/usedListTitleBg.gif) no-repeat; float:left; width:464px; padding:9px 35px 0 15px; height:27px; color:#fff; font-size:12px; font-weight:normal; } #list .listItem .price { margin-bottom:10px; float:right; width:92px; height:28px; color:#fff; padding:7px 0 0 18px; background:url(../images/layup/usedListPriceBg.gif) no-repeat; font-size:18px; font-weight:normal;} #list .listItem .info { width:470px; float:left; padding-top:5px; display:block; } #list .listItem .ratings { width:208px; height:70px; display:block; float:left; margin-top:20px; color:#008c6c; } #list .listItem .ratings .largeText { font-size:17px; line-height:14px; } #list .listItem .ratings .smallText { font-size:9px; } #list .listItem .ratings .emissions { width:68px; margin-right:2px; height:60px; font-weight:bold; padding:11px 0 0 0; background:url(../images/layup/spriteUsedListRatings.gif) 0 0 no-repeat; float:left; display:block; text-align:center; } #list .listItem .ratings .taxBand { width:68px; margin-right:2px; height:65px; line-height: 90%; font-weight:bold; padding:6px 0 0 0; background:url(../images/layup/spriteUsedListRatings.gif) -70px 0 no-repeat; float:left; display:block; text-align:center; } #list .listItem .ratings .insurance { width:68px; height:60px; font-weight:bold; padding:11px 0 0 0; background:url(../images/layup/spriteUsedListRatings.gif) -140px 0 no-repeat; float:left; display:block; text-align:center; } #list .listItem .jumps { float:right; width:257px; height:73px; margin-top:20px; } #list .listItem .jumps a { display:block; height:73px; float:left; } #list .listItem .jumps a.enquire { width:63px; background:url(../images/layup/spriteUsedListJumps.gif) no-repeat 0 0; } #list .listItem .jumps a.reserve { width:63px; background:url(../images/layup/spriteUsedListJumps.gif) no-repeat -63px 0; } #list .listItem .jumps .reserved { float: left; width: 63px; height: 73px; background:url(../images/layup/spriteUsedListJumps.gif) no-repeat -317px 0;} #list .listItem .jumps a.orderOnline { width:63px; background:url(../images/layup/spriteUsedListJumps.gif) no-repeat -254px 0; } #list .listItem .jumps a.value { width:63px; background:url(../images/layup/spriteUsedListJumps.gif) no-repeat -126px 0; } #list .listItem .jumps a.live { width:65px; background:url(../images/layup/spriteUsedListJumps.gif) no-repeat -189px 0; } #list .listItem .jumps a.enquire:hover { background:url(../images/layup/spriteUsedListJumps.gif) no-repeat 0 -73px; } #list .listItem .jumps a.reserve:hover { background:url(../images/layup/spriteUsedListJumps.gif) no-repeat -63px -73px; } #list .listItem .jumps a.orderOnline:hover { background:url(../images/layup/spriteUsedListJumps.gif) no-repeat -254px -73px; } #list .listItem .jumps a.value:hover { background:url(../images/layup/spriteUsedListJumps.gif) no-repeat -126px -73px; } #list .listItem .jumps a.live:hover { background:url(../images/layup/spriteUsedListJumps.gif) no-repeat -189px -73px; } #list .listItem .btnContain { height:43px; clear:both; display:block; } #list .listItem .btn { display: block; float:left; } #list .listItem td { padding: 5px 3px; text-align: center; color:#70705e; background:#ddddcf; border-bottom:1px solid #b3b3a1; } #list .listItem .moreDetails { float:right; margin-right:2px;} #list .listItem .titleFull { margin-bottom:10px; display: block; background:url(../images/layup/listTitleFull.gif) no-repeat; float:left; width:572px; padding:7px 35px 0 15px; height:28px; color:#fff; font-size:18px; font-weight:normal; } #list .listItem .text { line-height:16px; padding-bottom:10px; float:left; width:460px; } #usedCarListingAdjustFinance { background:#ddddcf; color:#545454; width:601px; height:65px; padding:15px 10px 0 15px; } #usedCarListingAdjustFinance .adjustFinanceTitle { font-size: 1.4em; font-weight: bold; float: none; margin: 0px 0px 12px 0px; } #usedCarListingAdjustFinance label {width:auto; float:left; padding-top:2px; } #usedCarListingAdjustFinance input { float:left; width:105px;} #usedCarListingAdjustFinance select { float:left; width:105px; height:18px;} #usedCarListingAdjustFinance div { float:left; margin-right:6px; } #usedCarListingAdjustFinance div.last { margin-right:0px !important; } /* ----- OFFER LISTING ----- */ #offersListH a { cursor: pointer; text-decoration: none; font-weight: normal; } #offersListH span { display: block; } #offersListH .listItem { height: 130px; padding-right: 36px; padding-bottom: 20px; } #offersListH .noImage { width: 168px; height: 126px; } #offersListH .frame { float: left; } #offersListH .itemText { display: block; float: left; width: 329px !important; margin: 5px 20px 0px 20px; } #offersListH .itemHeading { display: block; font-weight: bold; padding-bottom: 5px; } #offersListH .itemOffer { display: block; float: left; } /* ----- BOX LIST ----- */ #boxList {} #boxList .box {} #boxList .box a { display: block; } #boxList .box .thumb { display: block; } #boxList .box .thumb .frame { display: block; } #boxList .box .title { display: block; } /* ----- NEW CAR LIST ----- */ #newCarPhoto { position:relative; z-index:1; width:308px; height:231px; float:right; margin:0 0 15px 15px; background:url(../images/layup/noImage308x231.gif) no-repeat; } #newCarPhoto .frame { position:absolute; top:0px; left:0px; } #newCarListTable { margin-bottom:20px; } #newCarListTable td { color:#463a8c; background:#e7e7df; text-align:center; } #newCarListTable .hover td { background:#cfcfc8; } #newCarListTable .tableTL {background:url(../images/layup/newCarTableTL.gif) 0 0 no-repeat #463a8c; } #newCarListTable .mainColour { background:#463a8c; } #newCarListTable .altColour { background:#00ac8e; } /* ----- NEW CAR DETAILS ----- */ #newCarDetailsPhoto { float:left; width:287px; height:216px; margin:0 0 15px 0; position:relative; background:url(../images/layup/noImage287x216.jpg) no-repeat; } #newCarDetailsPhoto .frame { position:absolute; top:0px; left:0px; } #newCarDetailsInfo { float:right; width:321px; } #newCarDetailsInfo .domtabs { padding:0px; margin:0px; } #newCarDetailsInfo .domtabs li { list-style:none; float:left; display:inline; } #newCarDetailsInfo .domtabs li a { display:block; height:32px; outline:none; margin-right:2px; } #newCarDetailsInfo .domtabs li a#overview { width:81px; background:url(../images/layup/spriteNewDetailsTabs.gif) 0 0 no-repeat; } #newCarDetailsInfo .domtabs li a#overview:hover { background:url(../images/layup/spriteNewDetailsTabs.gif) 0 -32px no-repeat; } #newCarDetailsInfo .domtabs li.active a#overview { background:url(../images/layup/spriteNewDetailsTabs.gif) 0 -32px no-repeat; } #newCarDetailsInfo .domtabs li a#features { width:73px; background:url(../images/layup/spriteNewDetailsTabs.gif) -83px 0 no-repeat; } #newCarDetailsInfo .domtabs li a#features:hover { background:url(../images/layup/spriteNewDetailsTabs.gif) -83px -32px no-repeat; } #newCarDetailsInfo .domtabs li.active a#features { background:url(../images/layup/spriteNewDetailsTabs.gif) -83px -32px no-repeat; } #newCarDetailsInfo .domtabs li a#spec { width:86px; background:url(../images/layup/spriteNewDetailsTabs.gif) -158px 0 no-repeat; } #newCarDetailsInfo .domtabs li a#spec:hover { background:url(../images/layup/spriteNewDetailsTabs.gif) -158px -32px no-repeat; } #newCarDetailsInfo .domtabs li.active a#spec { background:url(../images/layup/spriteNewDetailsTabs.gif) -158px -32px no-repeat; } #newCarDetailsInfo .domtabs li a#economy { margin-right:0px !important; width:75px; background:url(../images/layup/spriteNewDetailsTabs.gif) -246px 0 no-repeat; } #newCarDetailsInfo .domtabs li a#economy:hover { background:url(../images/layup/spriteNewDetailsTabs.gif) -246px -32px no-repeat; } #newCarDetailsInfo .domtabs li.active a#economy { background:url(../images/layup/spriteNewDetailsTabs.gif) -246px -32px no-repeat; } #newCarDetailsInfo .tabset_content { background:#ddddcf url(../images/layup/newDetailInfoBottom.gif) left bottom no-repeat; height:178px; margin-top:2px; width:313px; padding:4px 4px 0 4px; overflow-y:scroll; overflow-x:hidden; } #newCarDetailsInfo .tabset_content td { padding:4px 0 4px 15px; } #newCarDetailsInfo .tabset_content .altRow { background:#d0d0c1; } #newCarJumps { width:307px; margin:10px 0 0 10px; float:right; clear:right; } #newCarJumps a { margin:0 0 10px; display:block; float:left; } #newCarJumps a#enquire { width:104px; background:url(../images/layup/spriteNewDetailJumps.gif) 0 0 no-repeat; } #newCarJumps a#brochure { width:105px; background:url(../images/layup/spriteNewDetailJumps.gif) -104px 0 no-repeat; } #newCarJumps a#offers { width:104px; background:url(../images/layup/spriteNewDetailJumps.gif) -209px 0 no-repeat; } #newCarJumps a#reserve { width:104px; background:url(../images/layup/spriteNewDetailJumps.gif) -313px 0 no-repeat; } #newCarJumps a#testDrive { width:104px; background:url(../images/layup/spriteNewDetailJumps.gif) -417px 0 no-repeat; } #newCarJumps a#liveChat { width:105px; background:url(../images/layup/spriteNewDetailJumps.gif) -521px 0 no-repeat; } #newCarJumps a#enquire:hover { background:url(../images/layup/spriteNewDetailJumps.gif) 0 -77px no-repeat; } #newCarJumps a#brochure:hover { background:url(../images/layup/spriteNewDetailJumps.gif) -104px -77px no-repeat; } #newCarJumps a#offers:hover { background:url(../images/layup/spriteNewDetailJumps.gif) -209px -77px no-repeat; } #newCarJumps a#reserve:hover { background:url(../images/layup/spriteNewDetailJumps.gif) -313px -77px no-repeat; } #newCarJumps a#testDrive:hover { background:url(../images/layup/spriteNewDetailJumps.gif) -417px -77px no-repeat; } #newCarJumps a#liveChat:hover { background:url(../images/layup/spriteNewDetailJumps.gif) -521px -77px no-repeat; } #newOptions { width:310px; height:78px; margin:10px 0; float:right; clear:right; } #newOptions a { display:block; height:78px; float:left; background:url(../images/layup/spriteNewOptions.gif) no-repeat; } #newOptions a span { display:none; } #newOptions a.enquire { width:63px; background-position:0 0; } #newOptions a.send { width:62px; background-position:-63px 0; } #newOptions a.value { width:63px; background-position:-125px 0; } #newOptions a.live { width:62px; background-position:-188px 0; } #newOptions a.book { width:60px; background-position:-250px 0; } #newCarFinance .domtabs { padding:0px; margin:0px; } #newCarFinance .domtabs li { list-style:none; float:left; display:inline; } #newCarFinance .domtabs li a { display:block; height:42px; margin-bottom:1px; } #newCarFinance .domtabs li a#customise { margin-right:2px; width:219px; background:url(../images/layup/spriteNewCarFinanceTabs.gif) 0 0 no-repeat; } #newCarFinance .domtabs li a#customise:hover { background:url(../images/layup/spriteNewCarFinanceTabs.gif) 0 -42px no-repeat; } #newCarFinance .domtabs li.active a#customise { background:url(../images/layup/spriteNewCarFinanceTabs.gif) 0 -42px no-repeat; } #newCarFinance .domtabs li a#compare { width:155px; background:url(../images/layup/spriteNewCarFinanceTabs.gif) -221px 0 no-repeat; } #newCarFinance .domtabs li a#compare:hover { background:url(../images/layup/spriteNewCarFinanceTabs.gif) -221px -42px no-repeat; } #newCarFinance .domtabs li.active a#compare { background:url(../images/layup/spriteNewCarFinanceTabs.gif) -221px -42px no-repeat; } #newCarFinance .tabset_content { background:#ddddcf url(../images/layup/newCarFinanceBottom.gif) no-repeat left bottom; width:606px; padding:10px; clear:both; } #newCarFinance .tabset_content #financeOptions { width:318px; background:#c8c8b8 url(../images/layup/financeOptionsBottom.gif) left bottom no-repeat;} #newCarFinance .tabset_content #financeOptions .title { height:21px; padding:10px 10px 0 10px; background:url(../images/layup/financeOptionsTitleBg.gif) left top no-repeat #b0b0a2; border-bottom:1px solid #ddddcf; } #newCarFinance .tabset_content #financeOptions .padding { padding:10px; } #newCarFinance .tabset_content #financeOptions label { width:56px; float:left; padding-top:3px; color:#545454; } #newCarFinance .tabset_content #financeOptions input { width:81px; float:left; } #newCarFinance .tabset_content #financeOptions form div { margin-bottom:5px;} #newCarFinance .tabset_content #availableOptions { width:276px; background:#c8c8b8 url(../images/layup/availableOptionsBottom.gif) left bottom no-repeat; padding-bottom:20px;} #newCarFinance .tabset_content #availableOptions .title { height:21px; padding:10px 10px 0 10px; background:url(../images/layup/financeOptionsTitleBg.gif) left top no-repeat #b0b0a2; } #newCarFinance .tabset_content #availableOptions .borderBR { border-bottom:1px solid #ddddcf; border-right:1px solid #ddddcf; } #newCarFinance .tabset_content #availableOptions .borderBottom { border-bottom:1px solid #ddddcf; } #newCarFinance .tabset_content #availableOptions .menuTop td { background:#76766c; font-weight:bold; color:#fff; } #newCarFinance .tabset_content #availableOptions .menuTop td img { margin-right:10px; } #newCarFinance .tabset_content #availableOptions td { padding:5px 3px 5px 3px; color:#272723; } #newCarFinance .tabset_content #totalOptions { margin-top:10px; background:#acaca0; margin-bottom:10px;} #newCarFinance .tabset_content #totalOptions .borderR { border-right:1px solid #ddddcf; } #newCarFinance .tabset_content #totalOptions .borderBR { border-bottom:1px solid #ddddcf; border-right:1px solid #ddddcf; } #newCarFinance .tabset_content #totalOptions .borderBottom { border-bottom:1px solid #ddddcf; } #newCarFinance .tabset_content #totalOptions td { padding:5px 3px 5px 3px; color:#fff; font-weight:bold; } #newCarFinance .tabset_content #totalOptions .total { background:#7a7a72; } #newCarFinance .tabset_content #totalOptions .totalOTR td { background:#3f3f3a; } #newCarFinance .tabset_content .purchaseInfo { margin-top:10px; width:318px; } #newCarFinance .tabset_content .purchaseInfo .title { padding:10px 10px 10px; border-bottom:1px solid #ddddcf; font-size:19px; line-height:14px; color:#fff; width:298px; background:url(../images/layup/purchaseInfoTop.gif) left top no-repeat #62625a; } #newCarFinance .tabset_content .purchaseInfo .title .small { font-size:11px; } #newCarFinance .tabset_content .purchaseInfo table { width:318px; background:#c8c8b8; } #newCarFinance .tabset_content .purchaseInfo td { padding:3px 5px; color:#545454; line-height:16px; } #newCarFinance .tabset_content .purchaseInfo .borderBottom { border-bottom:1px solid #ddddcf; } #newCarFinance .tabset_content .purchaseInfo .borderBR { border-bottom:1px solid #ddddcf; border-right:1px solid #ddddcf; } #newCarFinance .tabset_content .purchaseInfo .heading { font-weight:bold; } #newCarFinance .tabset_content .purchaseInfo .cellBL { background:url(../images/layup/purchaseInfoBL.gif) no-repeat left bottom #c8c8b8; } #newCarFinance .tabset_content .purchaseInfo .cellBR { background:url(../images/layup/purchaseInfoBR.gif) no-repeat right bottom #c8c8b8; } #newCarFinance .tabset_content .financeText { background:#ddddcf; padding:15px; color:#545454; margin-top:4px; } #newCarFinance .tabset_content .financeText .apr { float:right; font-size:16px; font-weight:bold; } /* ----- USED CAR DETAIL ----- */ #detailLocation { font-size: 12px; margin:0px 0px 10px; color:#fff; height:21px; padding:8px 14px 0px; background:url(../images/layup/locationBg.gif) no-repeat; } #vehicleImages { float:left; width:300px; margin-bottom:10px; } #vehicleImages #mainPhoto { width:300px; height:225px; position:relative; background:url(../images/layup/noImage300x225.gif) no-repeat; } #vehicleImages #mainPhoto .offerBanner { position:absolute; top:0px; left:0px; } #vehicleImages #mainPhoto .offerBanner .message { position: absolute; top: 0; left: 0; width: 280px; padding-left: 10px; padding-right: 10px; padding-top: 8px; color: #fff; font-size: 1.4em; font-weight: bold; } #vehicleImages #thumbnails { width:300px; margin:10px 0; } #vehicleImages #thumbnails .thumb { width:30px; height:21px; display:block; float:left; margin-right:3px; } #vehicleImages #thumbnails .thumb.last { margin-right:0px!important; } #vehicleDetails { width:298px; float:right; position:relative; padding-top:36px; margin-right:2px; margin-bottom:20px; } #vehicleDetails #title { width:298px; height:39px; padding-top:5px; line-height:12px; background:url(../images/layup/carTitleBg.gif) no-repeat; color:#fff; position:absolute; top:0px; left:0px; font-size:13px; font-weight: bold; text-align:center; } #vehicleDetails table { background:#ddddcf; } #vehicleDetails tr.altRow { background:#d0d0c1; } #vehicleDetails td { padding:4px 0 3px 13px; font-size:11px; color:#5a5a52; } #vehicleDetails #usedPrice { width:298px; height:26px; margin-top:10px; padding-top:6px; font-weight:bold; color:#fff; text-align:center; font-size:18px; background:url(../images/layup/usedPriceBg.gif) no-repeat; } #fuelSavings { width:292px; height:25px; font-size:13px; color:#3a3a3a; font-weight:bold; padding:10px 0 0 334px; margin:10px 0; background:url(../images/layup/fuelSavingsBg.gif) no-repeat; } #usedDetailJumps { width:629px; height:87px; margin-bottom:15px; } #usedDetailJumps a { height:87px; display:block; float:left; } #usedDetailJumps a#enquire { background:url(../images/layup/spriteUsedDetailJumps.gif) no-repeat 0 0; width:79px; } #usedDetailJumps a#saveCompare { background:url(../images/layup/spriteUsedDetailJumps.gif) no-repeat -79px 0; width:78px; } #usedDetailJumps a#sendTo { background:url(../images/layup/spriteUsedDetailJumps.gif) no-repeat -157px 0; width:78px; } #usedDetailJumps a#valueMy { background:url(../images/layup/spriteUsedDetailJumps.gif) no-repeat -235px 0; width:78px; } #usedDetailJumps a#makeOffer { background:url(../images/layup/spriteUsedDetailJumps.gif) no-repeat -313px 0; width:78px; } #usedDetailJumps a#findDealer { background:url(../images/layup/spriteUsedDetailJumps.gif) no-repeat -391px 0; width:78px; } #usedDetailJumps a#reserve { background:url(../images/layup/spriteUsedDetailJumps.gif) no-repeat -469px 0; width:78px; } #usedDetailJumps a#liveChat { background:url(../images/layup/spriteUsedDetailJumps.gif) no-repeat -547px 0; width:79px; } #usedDetailJumps #reserved { float: left; width: 78px; height: 87px; background:url(../images/layup/spriteUsedDetailJumps.gif) no-repeat -626px 0; } #usedDetailJumps a#enquire:hover { background:url(../images/layup/spriteUsedDetailJumps.gif) no-repeat 0 -87px; } #usedDetailJumps a#saveCompare:hover { background:url(../images/layup/spriteUsedDetailJumps.gif) no-repeat -79px -87px; } #usedDetailJumps a#sendTo:hover { background:url(../images/layup/spriteUsedDetailJumps.gif) no-repeat -157px -87px; } #usedDetailJumps a#valueMy:hover { background:url(../images/layup/spriteUsedDetailJumps.gif) no-repeat -235px -87px; } #usedDetailJumps a#makeOffer:hover { background:url(../images/layup/spriteUsedDetailJumps.gif) no-repeat -313px -87px; } #usedDetailJumps a#findDealer:hover { background:url(../images/layup/spriteUsedDetailJumps.gif) no-repeat -391px -87px; } #usedDetailJumps a#reserve:hover { background:url(../images/layup/spriteUsedDetailJumps.gif) no-repeat -469px -87px; } #usedDetailJumps a#liveChat:hover { background:url(../images/layup/spriteUsedDetailJumps.gif) no-repeat -547px -87px; } #usedDetailInfo { margin-bottom:20px;} #usedDetailInfo .domtab ul { margin:0px; padding:0px; } #usedDetailInfo .domtab li { list-style:none; display:inline; float:left; } #usedDetailInfo .domtab li a { display:block; height:42px; margin-right:2px; margin-bottom:1px; } #usedDetailInfo .domtab li a#finance { width:137px; background:url(../images/layup/spriteUsedDetailTabs.gif) 0 0 no-repeat; } #usedDetailInfo .domtab li a#finance:hover { background:url(../images/layup/spriteUsedDetailTabs.gif) 0 -42px no-repeat; } #usedDetailInfo .domtab li.active a#finance { background:url(../images/layup/spriteUsedDetailTabs.gif) 0 -42px no-repeat; } #usedDetailInfo .domtab li a#insurance { width:141px; background:url(../images/layup/spriteUsedDetailTabs.gif) -139px 0 no-repeat; } #usedDetailInfo .domtab li a#insurance:hover { background:url(../images/layup/spriteUsedDetailTabs.gif) -139px -42px no-repeat; } #usedDetailInfo .domtab li.active a#insurance { background:url(../images/layup/spriteUsedDetailTabs.gif) -139px -42px no-repeat; } #usedDetailInfo .domtab li a#spec { width:115px; background:url(../images/layup/spriteUsedDetailTabs.gif) -282px 0 no-repeat; } #usedDetailInfo .domtab li a#spec:hover { background:url(../images/layup/spriteUsedDetailTabs.gif) -282px -42px no-repeat; } #usedDetailInfo .domtab li.active a#spec { background:url(../images/layup/spriteUsedDetailTabs.gif) -282px -42px no-repeat; } #usedDetailInfo .domtab li a#technical { width:126px; background:url(../images/layup/spriteUsedDetailTabs.gif) -399px 0 no-repeat; } #usedDetailInfo .domtab li a#technical:hover { background:url(../images/layup/spriteUsedDetailTabs.gif) -399px -42px no-repeat; } #usedDetailInfo .domtab li.active a#technical { background:url(../images/layup/spriteUsedDetailTabs.gif) -399px -42px no-repeat; } #usedDetailInfo .domtab li a#warranty { width:88px; background:url(../images/layup/spriteUsedDetailTabs.gif) -527px 0 no-repeat; } #usedDetailInfo .domtab li a#warranty:hover { background:url(../images/layup/spriteUsedDetailTabs.gif) -527px -42px no-repeat; } #usedDetailInfo .domtab li.active a#warranty { background:url(../images/layup/spriteUsedDetailTabs.gif) -527px -42px no-repeat; } #usedDetailInfo .nonCommercial li a#finance { width:137px; background:url(../images/layup/spriteUsedDetailTabsAlt.gif) 0 0 no-repeat; } #usedDetailInfo .nonCommercial li a#finance:hover { background:url(../images/layup/spriteUsedDetailTabsAlt.gif) 0 -42px no-repeat; } #usedDetailInfo .nonCommercial li.active a#finance { background:url(../images/layup/spriteUsedDetailTabsAlt.gif) 0 -42px no-repeat; } #usedDetailInfo .nonCommercial li a#insurance { width:141px; background:url(../images/layup/spriteUsedDetailTabsAlt.gif) -139px 0 no-repeat; } #usedDetailInfo .nonCommercial li a#insurance:hover { background:url(../images/layup/spriteUsedDetailTabsAlt.gif) -139px -42px no-repeat; } #usedDetailInfo .nonCommercial li.active a#insurance { background:url(../images/layup/spriteUsedDetailTabsAlt.gif) -139px -42px no-repeat; } #usedDetailInfo .nonCommercial li a#spec { width:115px; background:url(../images/layup/spriteUsedDetailTabsAlt.gif) -282px 0 no-repeat; } #usedDetailInfo .nonCommercial li a#spec:hover { background:url(../images/layup/spriteUsedDetailTabsAlt.gif) -282px -42px no-repeat; } #usedDetailInfo .nonCommercial li.active a#spec { background:url(../images/layup/spriteUsedDetailTabsAlt.gif) -282px -42px no-repeat; } #usedDetailInfo .nonCommercial li a#technical { width:126px; background:url(../images/layup/spriteUsedDetailTabsAlt.gif) -399px 0 no-repeat; } #usedDetailInfo .nonCommercial li a#technical:hover { background:url(../images/layup/spriteUsedDetailTabsAlt.gif) -399px -42px no-repeat; } #usedDetailInfo .nonCommercial li.active a#technical { background:url(../images/layup/spriteUsedDetailTabsAlt.gif) -399px -42px no-repeat; } #usedDetailInfo .nonCommercial li a#warranty { width:88px; background:url(../images/layup/spriteUsedDetailTabsAlt.gif) -527px 0 no-repeat; } #usedDetailInfo .nonCommercial li a#warranty:hover { background:url(../images/layup/spriteUsedDetailTabsAlt.gif) -527px -42px no-repeat; } #usedDetailInfo .nonCommercial li.active a#warranty { background:url(../images/layup/spriteUsedDetailTabsAlt.gif) -527px -42px no-repeat; } #usedDetailInfo .tabset_content { width:626px; clear:both; } #usedDetailInfo .tabset_content #financeCalc { background:#ddddcf; color:#545454; width:626px; height:88px; } #usedDetailInfo .tabset_content #financeCalc .padding { padding:15px 10px 0 15px; } #usedDetailInfo .tabset_content #financeCalc label {width:auto; float:left; padding-top:2px; } #usedDetailInfo .tabset_content #financeCalc input { float:left; width:105px;} #usedDetailInfo .tabset_content #financeCalc select { float:left; width:105px; height:18px;} #usedDetailInfo .tabset_content #financeCalc div { float:left; margin-right:10px; } #usedDetailInfo .tabset_content #financeCalc div.last { margin-right:0px !important; } #usedDetailInfo .figuresTable { float:left; width:206px; height: 500px; margin:4px 4px 0 0; background:#ddddcf; } #usedDetailInfo .figuresTable.last { margin-right:0px !important; } #usedDetailInfo .figuresTable .padding { background:#62625a; padding:10px; color:#fff; height: 45px; } #usedDetailInfo .figuresTable h1 { font-size:16px; font-weight:bold; } #usedDetailInfo .figuresTable td { padding:4px 8px; color:#545454; text-transform:capitalize; } #usedDetailInfo .figuresTable .financeBtn { padding:0 4px; margin:15px 0; float:left; width:198px; } #usedDetailInfo .financeText { background:#ddddcf; width:596px; padding:15px; color:#545454; margin-top:4px; } #usedDetailInfo .financeText .apr { float:right; font-size:16px; font-weight:bold; } #relatedVehicles { width:606px; background:#ddddcf; float:left; padding:10px;} #relatedVehicles .box { float:left; margin-top:1px; width:146px; margin-right:7px;} #relatedVehicles .box.last { margin-right:0px !important; } #relatedVehicles .box a { display: block; text-decoration:none; font-weight:normal; } #relatedVehicles .box .thumb { display: block; width:143px; height:107px; border:1px solid #fff; margin-bottom:10px; background:url(../images/layup/noImage143x107.gif) no-repeat; } #relatedVehicles .box .title { display: block; color:#000; float:left; } /* ------ SERVICING */ #servicingContainer { width:626px; background:#f3f3eb; } #servicingContainer .padding { padding:0 16px; } #servicingContainer .banner { margin:0 0 16px 5px; display:block; } #servicingContainer #currentStep { width:626px; height:47px; margin:0 0 21px; } #servicingContainer #currentStep.one { background:url(../images/layup/servicingCurrentPageOne.gif) no-repeat left top; } #servicingContainer #currentStep.two { background:url(../images/layup/servicingCurrentPageTwo.gif) no-repeat left top; } #servicingContainer #currentStep.three { background:url(../images/layup/servicingCurrentPageThree.gif) no-repeat left top; } #servicingContainer #currentStep a.select { width:233px; height:47px; float:left; display:block; } #servicingContainer #currentStep a.more { width:206px; height:47px; float:left; display:block; } #servicingContainer #currentStep a.online { width:187px; height:47px; float:left; display:block; } #servicingContainer #servicingSelect {} #servicingContainer #servicingSelect a { margin:0 0 0 17px; float:left; display:block; } #modelIntervalSelect {} #modelIntervalSelect .box { width:145px; height:200px; float:left; margin:0 0 12px 9px; display:inline; } #modelIntervalSelect .ford { background:url(../images/layup/servicingMoreFord.gif) no-repeat left top; } #modelIntervalSelect .mazda { background:url(../images/layup/servicingMoreMazda.gif) no-repeat left top; } #modelIntervalSelect .renault { background:url(../images/layup/servicingMoreRenault.gif) no-repeat left top; } #modelIntervalSelect .subaru { background:url(../images/layup/servicingMoreSubaru.gif) no-repeat left top; } #modelIntervalSelect form { padding:114px 0 0 10px; } #modelIntervalSelect form div { margin:0 0 35px; } #modelIntervalSelect form .btm { margin:0; } #modelIntervalSelect form select { width:131px; } #servicePricing {} #servicePricing a.box { width:145px; height:81px; text-decoration:none; background:url(../images/layup/servicingMoreBook.gif) no-repeat left top; margin:0 0 12px 9px; padding:0; float:left; display:inline; } #servicePricing a.box span { font-size:30px; color:#49494a; font-weight:bold; text-align:center; display:block; } #morePackages {} #morePackages .box { width:138px; height:263px; margin:0 0 0 16px; float:left; display:inline; } #morePackages .gold { background:url(../images/layup/servicingMorePackageGold.gif) no-repeat left top; } #morePackages .silver { background:url(../images/layup/servicingMorePackageSilver.gif) no-repeat left top; } #morePackages .goldPlus { background:url(../images/layup/servicingMorePackageGoldPlus.gif) no-repeat left top; } #morePackages .silverPlus { background:url(../images/layup/servicingMorePackageSilverPlus.gif) no-repeat left top; } #morePackages .price { height:35px; font-size:26px; color:#49494a; font-weight:bold; text-align:center; padding:40px 0 0; } #morePackages .points { height:98px; padding:0 0 0 25px; } #morePackages .points ul { margin:0; padding:0; } #morePackages a.btnWhatsIncluded { width:125px; height:34px; margin:0 0 11px 6px; display:block; } #morePackages a.btnBook { width:125px; height:34px; margin:0 0 0 6px; display:block; } #additionalServiceOptions { width:281px; float:left; margin:0 0 0 16px; display:inline; } #additionalServiceOptions #addServicContainer { width:281px; background:url(../images/layup/additionalServiceOptionsBg.gif) no-repeat left bottom; margin:0 0 30px; } #additionalServiceOptions ul { list-style:none; margin:0 15px 0 19px; padding:0; } #additionalServiceOptions ul li { font-weight:bold; border-bottom:1px solid #bfbfbf; padding:0 0 4px; margin:0 0 4px; } #additionalServiceOptions ul li .price { float:right; } #additionalServiceOptions .totalPrice { font-weight:bold; padding:10px 15px 10px 37px; } #bookServiceOnline { width:295px; background:url(../images/layup/bookServiceOnlineBg.gif) no-repeat left bottom; float:right; display:inline; margin:0 15px 0 0; } #bookServiceOnline form {} #bookServiceOnline form div { margin:0 0 7px; } #bookServiceOnline form div span { width:123px; text-align:right; font-weight:bold; padding:0 18px 0 0; display:block; } #bookServiceOnline form label { width:123px; text-align:right; font-weight:bold; padding:0 18px 0 0; } #bookServiceOnline form input, #bookServiceOnline form textarea { width:139px; } #bookServiceOnline form select { width:144px; } #bookServiceOnline form .btnBookNow { width:91px; height:25px; } /* ----- LOYALTY LOGIN */ .loyaltyBox { width:301px; height:168px; float:left; } .loyaltyBox.account { background:url(../images/layup/loyaltyBoxAccountActivation.gif) no-repeat left top; margin:0 24px 0 0; } .loyaltyBox.members { background:url(../images/layup/loyaltyBoxMembers.gif) no-repeat left top; } .loyaltyBox form {} .loyaltyBox form fieldset { padding:76px 0 0; } .loyaltyBox .activation form fieldset { padding:63px 0 0; } .loyaltyBox .invitation form fieldset { padding:44px 0 0; } .loyaltyBox.account input { width:90px; margin:0 0 14px 15px; float: left; } .loyaltyBox.members input { width:130px; margin:0 5px 14px 15px; } .loyaltyBox form #btnActivateYourAccount { width:168px; height:22px; margin:0 0 0 10px; } .loyaltyBox form #btnLogin { width:129px; height:22px; margin:0 0 0 86px; } /* ----- HOME PAGE FRANCHISES ----- */ #homeFranchiseJumps { width: 670px; float: right; margin-top: 310px; margin-right: 25px; display: inline; margin-bottom: 20px; } #homeFranchiseJumps img { float: left; margin-right: 12px; } #homeFranchiseJumps img.last { margin-right: 0px; } #homeOfferScroller { width: 637px; float: right; margin-right: 45px; display: inline; border: 1px solid #c1c1c1; height: 150px; position: relative; margin-bottom: 20px; } #homeOfferScroller #offerWindow { width: 615px; height: 130px; overflow: hidden; margin: 10px; position:relative; z-index:8; } #homeOfferScroller .offerListing { width: 999em; height: 130px; margin-left: 0px; } #homeOfferScroller .offerListing img { float: left; } #homeOfferScroller .controls { position: absolute; top: 0px; left: 0px; } #homeOfferScroller .controls .btnPrev { position: absolute; top: 45px; left: -13px; } #homeOfferScroller .controls .btnNext { position: absolute; top: 45px; left: 637px; } #homeLatestOffers { width: 660px; border: 1px solid #c1c1c1; background: #e2e1dc; float: right; margin-right: 35px; display: inline; padding-top: 7px; padding-bottom: 7px; } #homeLatestOffers .homeOfferThumbs { } #homeLatestOffers .homeOfferThumbs .title { float: left; } #homeLatestOffers .homeOfferThumbs a { display: block; float: left; margin-left: 7px; margin-top: 4px; } #homeLatestOffers .homeOfferThumbs a img { border: 1px solid #c1bfc4; width: 99px; } #homeLatestOffers .homeOfferThumbs a.offerMargin { padding-right: 22px; } /* ----- RESERVE CAR ----- */ #reserveCar {} #reserveCar #vehicleDetails { width:316px; float:left; background:#e7e7e7; position:relative; padding: 0; margin: 0;} #reserveCar #vehicleDetails .padding { padding:27px 0 0 0;} #reserveCar #vehicleDetails .thumb { float:left; width:139px; height:110px; margin-right:10px; padding-left: 10px; padding-top: 10px; } #reserveCar #vehicleDetails .details { float:left; padding-top:7px; width:142px; } #reserveCar #vehicleDetails .details .title { font-size:11px; padding-bottom:5px; line-height:13px; } #reserveCar #vehicleDetails .details ul { margin:0 0 0 15px; padding:0; } #reserveCar #vehicleDetails .details li { padding:0; margin:0; } #reserveCar #vehicleDetails .details .price { font-size:17px; font-weight:bold; padding:0; } #reserveCar #amountPay { width:307px; float:right; background:url(../images/layup/amountPayBg.gif) left top no-repeat;; position:relative; color:#424242; line-height:13px;} #reserveCar #amountPay .padding { padding:40px 15px 9px 15px;} #reserveCar #yourDetails { width:633px; float:left; margin:20px 0px; background:url(../images/layup/yourDetailsBg.gif) left top no-repeat;; position:relative; color:#424242; line-height:13px;} #reserveCar #yourDetails .padding { padding:40px 15px 0px 15px;} #reserveCar #yourDetails .padding div { width:300px; margin-bottom:10px; } #reserveCar #yourDetails input { float:left; width:152px; } #reserveCar #yourDetails label { width:80px; float:left; padding-top:2px; font-weight:bold; font-size:0.9em; } #reserveCar #yourDetails .float_right label { width:134px; float:left; margin-right:5px; padding-top:2px; font-weight:bold; text-align:right; } #reserveCar #yourDetails .float_right select { width:152px; } #reserveCar #yourDetails .btnReserve { float:right; width:125px; height:31px; margin-right:15px; } /* ----- SAVE AND COMPARE ----- */ #saveCompareTbl { border: 1px solid #ccc; margin-bottom: 12px; } #saveCompareTbl table { width: 100%; border-collapse: separate; } #saveCompareTbl th { font-size: 1.1em; background: #dedede; padding: 6px 2px 6px 2px; } #saveCompareTbl th.noBg { background: none !important; } #saveCompareTbl td { font-size: 1.0em; padding: 3px 2px 3px 2px; } #saveCompareTbl tr.trOut { background: #f4f4f4; } #saveCompareTbl tr.trOver { background: #ebebeb; } /* ----- CUSTOMER CARE */ #customerCare {} #customerCare #logoCustomerCare { padding: 0px 0px 30px 150px; } #customerCare #pageTitle { font-size: 21px; } #customerCare #pageTitle .italicBold { font-weight: bold; font-style: italic; } #customerCare .fontTop { font-size: 14px; } #customerCare #winBackMoney { float: right; margin-top: -40px; } #customerCare .customerBox { width: 280px; float: left; } #customerCare form { padding: 0px 0px 50px 0px; } #customerCare fieldset { display: block; } #customerCare #contactSales div { margin:0 0 15px; } #customerCare .formTitle { font-size: 17px; font-style: italic; color: #FFF; text-align: center; width: 625px; height: 29px; background: url(../images/layup/formHeadingGrnBg.gif) no-repeat; } #customerCare #serviceTable { width: 625px; } #customerCare #serviceTable tr { background: #e9f1d2; } #customerCare #serviceTable tr.altRow { background: #fbfcf6; } #customerCare #serviceTable tr td { padding: 5px 15px 5px 20px; } #customerCare form input.csInput, #customerCare form select.csInput { border: 1px solid #d4e3a7; } #customerCare form textarea.csTextArea { width: 585px; height: 54px; border: 1px solid #d4e3a7; margin: 10px 0px 10px 0px; } #customerCare form textarea.csTextAreaSmall { width: 233px; height: 54px; border: 1px solid #d4e3a7; } #customerCare form select { width: 193px; } #customerCare form input.longField { width: 193px; } #customerCare form input.shortField { width: 125px; } #customerCare form label.shortLabel { width: 78px; float: left; display: block; padding-top: 2px; } #customerCare form label.mediumLabel { width: 146px; float: left; display: block; padding-top: 2px; } #customerCare form label.longLabel { width: 475px; float: left; display: block; padding-top: 2px; } #customerCare form label.select { padding-top: 2px; } #customerCare form .checkRadioLabel { width: 24px; float: left; } #customerCare form .radioLabel { width: 129px; float: left; } #customerCare form .checkRadio { float: left; top: -3px; left: 0px; } #customerCare form .radioGrp { width: 157px; float: left; } #customerCare form .otherRadio { float: right; } #customerCare form .validation-advice { margin: 5px 0; width:260px; padding: 5px; background-color: #4b5090; color : #FFF; font-weight: bold; } #btnSurvey { width: 135px; height: 29px; margin-bottom: 10px; } /* ----- GLOBAL CLASSES ----- */ .clear { clear:both; display: block; } .clearSmall { clear: both; display: block; height: 0; line-height: 0; font-size: 0; } .hide { display:none; } .show { display:block; } .printShow { display:none; } .printHide { display:block; } .float_left { float:left !important; } .float_right { float:right !important; } .align_left { text-align:left !important; } .align_center { text-align:center !important; } .align_right { text-align:right !important; } .align_justify { text-align:justify !important; } .align_bottom { vertical-align:bottom !important; } .image_right { float:right; margin:0 0 15px 15px; } .image_left { float:left; margin:0 15px 15px 0; } .image_center { margin:0 auto; } .hand { cursor:pointer; } .seo {text-decoration:none;font-weight:normal;} /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 10px 0; font-size:100%; font-weight:bold;} p { padding:0 0 10px 0; margin:0; line-height:16px; } h1 { font-size:17px; } h2 { font-size:17px; color:#007b61; } /* ----- TOP NAVIGATION ----- */ #primaryNav { margin: 3px 0px 4px 0px; height:50px; position:relative; z-index:9999999; } #primaryNav ul { list-style: none; margin: 0px; padding: 0px; height:50px; } #primaryNav li { padding: 0px 2px 0px 0px; margin: 0px; float: left; background:url(../images/layup/primaryNavSpacer.jpg) right top no-repeat; z-index:999999; } #primaryNav li a { display: block; text-decoration: none; padding:0px; color: #e0ddee; float:left; } #primaryNav li a span { padding: 18px 5px; height:14px; float:left; } #primaryNav li a:hover span, #primaryNav li.active a span { color: #43368a; background:url(../images/layup/primaryNavHoverRight.jpg) no-repeat right top; } #primaryNav li a:hover, #primaryNav li.active a { background:url(../images/layup/primaryNavHoverLeft.jpg) no-repeat left top; } /* ----- SECONDARY NAVIGATION ----- */ #secondaryNav {} #secondaryNav ul { list-style: none; margin: 0; padding: 0; } #secondaryNav li { } #secondaryNav li a { text-decoration: none; } /* ----- DROPDOWN NAV ----- */ #primaryNav ul li ul { width:158px; left: -999em; top:50px; position: absolute; clear:both; } #primaryNav ul li:hover ul, #primaryNav ul li.sfhover ul { left: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; display: block; width: 158px; z-index:9999999; } #primaryNav ul li:hover ul li, #primaryNav ul li.sfhover ul li { display: block; padding:0 3px; margin: 0px; background:url(../images/layup/dropDownBg.jpg) repeat-y ; width: 152px; } #primaryNav ul li:hover ul li.firstLast, #primaryNav ul li.sfhover ul li.firstLast {background:none; height:3px; padding:0px; border:none;} #primaryNav ul li.sfhover.active ul li a span, #primaryNav ul li.active ul li a span { color:#fff !important ;} #primaryNav ul li.sfhover ul li a span, #primaryNav ul li:hover ul li a span { background:url(../images/layup/dropDownArrow.gif) right no-repeat !important; padding:0px 20px 0 0; !important; margin:0px !important; width:120px !important; height:auto; } #primaryNav ul li:hover ul li a, #primaryNav ul li.sfhover ul li a { padding: 7px 3px 7px 3px!important; margin: 0px; color: #e0ddee; background:url(../images/layup/dropDownSpacer.gif) left bottom repeat-x; height: auto; width:146px; } #primaryNav ul li:hover ul li a:hover, #primaryNav ul li.sfhover ul li a:hover { padding: 7px 3px 7px 3px; margin: 0px; background:url(../images/layup/dropDownSpacer.gif) left bottom repeat-x !important; } #primaryNav ul li.sfhover ul li a:hover span, #primaryNav ul li:hover ul li a:hover span { color: #e0ddee; text-decoration:underline; } #primaryNav ul li.sfhover ul li a.lastLink, #primaryNav ul li:hover ul li a.lastLink { background:none; } /* ----- DOUBLE DROPDOWN NAV ----- */ #primaryNav ul li ul.doubleDropdown { width:416px; left: -999em; top:50px; position: absolute; clear:both; } #primaryNav ul li:hover ul.doubleDropdown, #primaryNav ul li.sfhover ul.doubleDropdown { left: auto; padding: 0px; margin: 0px ; display: block; width: 296px; z-index:99999; border-left: 3px solid #ece4f3; border-top: 3px solid #ece4f3; border-right: 2px solid #ece4f3; border-bottom: 5px solid #ece4f3 } #primaryNav ul li:hover ul.doubleDropdown li, #primaryNav ul li.sfhover ul.doubleDropdown li { display: block; padding:0px; margin: 0px; background:url(../images/layup/dropDownBg.gif) repeat-y ; border-right: 1px solid #ece4f3; width: 147px; float: left; } #primaryNav ul li:hover ul.doubleDropdown li.firstLast, #primaryNav ul li.sfhover ul.doubleDropdown li.firstLast {background:none; height:3px; padding:0px; border:none;} #primaryNav ul li.sfhover.active ul.doubleDropdown li a span, #primaryNav ul li.active ul.doubleDropdown li a span { color:#fff !important ;} #primaryNav ul li.sfhover ul.doubleDropdown li a span, #primaryNav ul li:hover ul.doubleDropdown li a span { background:url(../images/layup/dropDownArrow.gif) 130px no-repeat !important; margin:0px !important; padding: 0px 10px 0px 10px; width:136px !important; height:auto; } #primaryNav ul li:hover ul.doubleDropdown li a, #primaryNav ul li.sfhover ul.doubleDropdown li a { padding: 7px 0px 7px 0px!important; margin: 0px; color: #e0ddee; float: left; background:url(../images/layup/dropDownSpacer.gif) left bottom repeat-x; width:146px; } #primaryNav ul li:hover ul.doubleDropdown li a:hover, #primaryNav ul li.sfhover ul.doubleDropdown li a:hover { padding: 7px 0px 7px 0px; margin: 0px; background:url(../images/layup/dropDownSpacer.gif) left bottom repeat-x !important; } #primaryNav ul li.sfhover ul.doubleDropdown li a:hover span, #primaryNav ul li:hover ul.doubleDropdown li a:hover span { color: #e0ddee; text-decoration:underline; } #primaryNav ul li.sfhover ul.doubleDropdown li a.lastLink, #primaryNav ul li:hover ul.doubleDropdown li a.lastLink { background: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 11px no-repeat; padding:6px 0 5px 15px;} /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #breadcrumbs { line-height: normal; height: 26px; margin-bottom:10px; background:url(../images/layup/breadcrumbBg.gif) left bottom repeat-x;} #breadcrumbs a { text-decoration: none; text-transform:capitalize; float: left; padding: 2px 5px 4px 0px; font-weight:bold; } #breadcrumbs .current { font-weight:normal; display:block; padding-top:2px; } #breadcrumbs .spacer { float:left; display:block; padding:6px 5px 0 5px; } #breadcrumbs .btnBack { float: right; padding: 0px; } .paginationContain { line-height: normal; height:26px; margin-bottom:10px; background:url(../images/layup/breadcrumbBg.gif) left bottom repeat-x;} .paginationContain { color:#362c79; font-weight:bold; } .paginationContain .sortBy { margin-left:30px; float:left; width:160px; } .paginationContain .sortBy label { width:52px; float:left; } .paginationContain .sortBy select { width:100px; float:left; } .pagination { float: right; } .pagination ul { padding:0; margin:0; } .pagination li { display:inline; list-style:none; } .pagination a { padding: 0px 4px 0px 4px; text-decoration: none; color:#362c79; } .pagination a:hover { text-decoration: none; background:#362c79; color:#FFFFFF; } .pagination .active { text-decoration: none; background:#362c79; color:#FFFFFF; } .pagination span { display: block; float: left; padding: 0px 2px 0px 2px; } /* DEALER DETAILS */ #locationImages { background: url(../images/layup/locationsFrame.gif) no-repeat; width: 624px; height: 246px; padding-bottom: 20px; } #map { float: left; padding: 7px 0px 0px 8px; } #dealerImage { float: right; padding: 7px 8px 0px 0px; } #address { width: 300px; float: left; padding-left: 5px; } #address h2 { height: 27px; width: 292px; padding-left: 12px; padding-top: 9px; background: url(../images/layup/addressHeadingBg.gif) top left no-repeat; } #address p { padding: 0px 12px 0px 12px; } #directions { height: 27px; width: 292px; padding-left: 12px; padding-top: 9px; background: url(../images/layup/addressHeadingBg.gif) top left no-repeat; margin-top: 15px; } #openingTimes { width: 295px; margin-left: 5px; } #openingTimes h2 { height: 27px; width: 292px; padding-left: 12px; padding-top: 9px; background: url(../images/layup/openingTimesHeadingBg.gif) top left no-repeat; } #openingTimes p { padding: 0px 12px 0px 12px; } #openingTimes table { width: 289px; margin: 0px 6px 0px 6px; } #openingTimes td { padding: 4px 0px 4px 0px; text-align:center; } /* ----- FOOTER ----- */ #footer { margin-top:-174px; height:174px; background:url(../images/layup/footerBg.jpg) no-repeat top center; } #footer .padding { width:920px; padding:30px 20px 0px; margin: 0 auto; color:#666666; } #footer a { font-weight:normal; text-decoration:none; color:#666666;} #footer a:hover { text-decoration:underline;} #externalLinks { padding:0 0 0 75px; margin:0 0 8px; } #externalLinks a { height:50px; background:url(../images/layup/ie6LinkFix.gif) repeat; float:left; display:block; } #externalLinks a.fsa { width:46px; } #externalLinks a.raa { width:79px; } #externalLinks a.am { width:85px; } #externalLinks a.carDealer { width:69px; } #externalLinks a.motability { width:127px; } #externalLinks a.motorIndustry { width:129px; } #externalLinks a.motorAllied { width:78px; } #externalLinks a.institute { width:119px; } #externalLinks a.skill { width:88px; } /* ----- GLOBAL ----- */ img { display:block; border:0; } address { font-style:normal; } /* ----- LINKS ----- */ a { color:#000000; font-weight:bold; text-decoration:underline;cursor:pointer; outline: none; } a:hover { text-decoration:none; } /* ----- FORMS ----- */ form { padding:0; margin:0; } fieldset { padding:0; margin:0; border:0px none; } legend { padding:0; margin:0; display:none; } label { display:block; width:260px; float:left; } input, textarea { width:200px; font-size:11px !important;} .required { color:#00b89e;} .checkRadio { width:20px; position:relative; left: 0px; margin: 0; } #frmContact { margin-bottom:15px;} #frmContact p { padding:7px 0;} #frmContact select { width:204px;} #frmContact div { margin-bottom:10px;} #submit { width:55px; height:18px; border:none;} #cwCarInsuranceForm { margin-bottom:15px; padding: 15px 10px 10px 10px; } #cwCarInsuranceForm p { padding:7px 0;} #cwCarInsuranceForm select { width:204px;} #cwCarInsuranceForm div { margin-bottom:10px;} #cwCarInsuranceForm label { display:block; width:340px; float:left; } #yourDetails .validation-advice { width: 283px !important; clear: both; margin: 8px 0px 0px 0px; float: left; } /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #FF0000; 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: #00b89e; color : #FFF; font-weight: bold; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } /* ----- STOCK UPDATES FORM ----- */ #promoForm { padding:12px 0 0 19px; } #promoForm .signupBoxes { margin-bottom:20px; margin-top:10px;} #promoForm .signupBoxes label { float:left; width:450px; position:relative; top:4px;} #promoForm .signupBoxes input { float:left; width: 14px; margin-right: 10px;} #promoForm select { width:125px !important; margin-bottom: 10px; display:block; margin-right:15px;} #promoForm .carSelects { padding-top:18px;} #promoForm .submitButton { margin:5px 0 20px 0;} /* ----- DOMTABS ----- */ .domTabs { padding-bottom: 10px; } .domContent { } .dt1 { display: block; } ul.domHeadings { padding: 0px; margin: 0px; list-style: none; } ul.domHeadings li { float: left; } ul.domHeadings li a { display: block; float: left; } ul.domHeadings li a:hover, ul.domHeadings li.active a { } #journey { position: absolute; top: 45px; right: 180px; } #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;} /* ----- 09/03/2009 NEW LAYOUT ------ */ .searchOptions { margin-top: 12px !important; } #facebookTwitterBlog { position: relative; } #facebookTwitterBlog a { float: left; } #facebookTwitterBlog .facebook { position: absolute; top: 22px; left: -20px; } #facebookTwitterBlog .twitter { position: absolute; top: 22px; left:53px; } #facebookTwitterBlog .blog { position: absolute; top: 22px; left:125px; } #homeFlashJumps { position: relative; float:right; margin-right:35px; display:inline; } #homeFlashJumps .btnNewCars { height: 48px; width: 157px; margin-bottom: 7px; } #homeFlashJumps .btnNewCars a { display: block; height: 48px; width: 157px; background: url(../images/layup/homeNewCars.png) top left no-repeat; cursor: pointer; } #homeFlashJumps .btnNewCars a:hover { background: url(../images/layup/homeNewCarsHover.png) top left no-repeat; cursor: pointer; } #homeFlashJumps .btnUsedCars { height: 48px; width: 157px; margin-bottom: 7px; } #homeFlashJumps .btnUsedCars a { display: block; height: 48px; width: 157px; background: url(../images/layup/homeUsedCars.png) top left no-repeat; cursor: pointer; } #homeFlashJumps .btnUsedCars a:hover { background: url(../images/layup/homeUsedCarsHover.png) top left no-repeat; cursor: pointer; } #homeFlashJumps .btnMotability { height: 48px; width: 157px; margin-bottom: 7px; } #homeFlashJumps .btnMotability a { display: block; height: 48px; width: 157px; background: url(../images/layup/homeMotability.png) top left no-repeat; cursor: pointer; } #homeFlashJumps .btnMotability a:hover { background: url(../images/layup/homeMotabilityHover.png) top left no-repeat; cursor: pointer; } #homeFlashJumps .btnTestDrive { height: 48px; width: 157px; margin-bottom: 7px; } #homeFlashJumps .btnTestDrive a { display: block; height: 48px; width: 157px; background: url(../images/layup/homeTestDrive.png) top left no-repeat; cursor: pointer; } #homeFlashJumps .btnTestDrive a:hover { background: url(../images/layup/homeTestDriveHover.png) top left no-repeat; cursor: pointer; } #homeFlashJumps .btnServicing { height: 48px; width: 157px; } #homeFlashJumps .btnServicing a { display: block; height: 48px; width: 157px; background: url(../images/layup/homeServicing.png) top left no-repeat; cursor: pointer; } #homeFlashJumps .btnServicing a:hover { background: url(../images/layup/homeServicingHover.png) top left no-repeat; cursor: pointer; } #jumpStockUpdates { width: 207px; height: 94px; padding-right: 18px; float: left; margin-bottom: 2px; } #jumpDealerMembers { position: relative; top: -26px; float: left; } #franHomeJumps { float: left; } #cmsBanner { margin-bottom:20px; } /* ------ INVOICES ----- */ #invoice { border: 1px solid #000; background: #fff; margin-top: 7px; width:640px; float:right; padding: 15px 15px 0px 15px; font-size: 1.1em; } #invoice #invoiceLogo { width: 204px; margin: 0 auto 20px auto; } #invoice .invoiceRef { float: right; font-weight: bold; font-size: 1.6em; } #invoice .invoiceDate { padding-bottom: 12px; } #invoice .invoicePersonalDetails { padding-bottom: 12px; } #invoice .invoiceItems { padding-bottom: 40px; } #invoice .invoiceItems table { width: 100%; } #invoice .invoiceItems td { font-size: 1.1em; padding-bottom: 12px; } #invoice .invoiceFooter { text-align: center; font-size: 0.9em; } .invoicePay { margin-top: 8px; float:right; } /* ----- OFFER DETAILS SEP 2010 ----- */ #promise { float:right; margin:20px 7px 20px 0px; } #offerJumps { float:left; width:353px; margin:20px 0 20px 7px;} #offerJumps a { float:left; height:79px; background:url(../images/layup/ford/spriteOfferJumps.gif); display:block; } #offerJumps a#enquire { background-position:0px 0px; width:71px; } #offerJumps a#sendTo { background-position:-71px 0px; width:70px;} #offerJumps a#value {background-position:-141px 0px; width:70px;} #offerJumps a#liveChat {background-position:-211px 0px; width:71px;} #offerJumps a#testDrive {background-position:-282px 0px; width:71px;} #offerJumps a#enquire:hover { background-position:0px -79px; } #offerJumps a#sendTo:hover { background-position:-71px -79px; } #offerJumps a#value:hover {background-position:-141px -79px; } #offerJumps a#liveChat:hover {background-position:-211px -79px; } #offerJumps a#testDrive:hover {background-position:-282px -79px; } /* ----- NEW CAR SPRITES SEP 2010 ----- */ #newDetailJumps { width:310px; height:83px; float:right; } #newDetailJumps a { float:left; display:block; background:url(../images/layup/ford/spriteNewCarDetailJumps.jpg); height:83px; } #newDetailJumps a#enquire { width:63px; background-position:0 0; } #newDetailJumps a#sendTo { width:62px; background-position:-63px 0; } #newDetailJumps a#valueMy { width:64px; background-position:-125px 0; } #newDetailJumps a#liveChat { width:62px; background-position:-188px 0; } #newDetailJumps a#testDrive { width:60px; background-position:-249px 0; } #newDetailJumps a#enquire:hover { width:63px; background-position:0 -83px; } #newDetailJumps a#sendTo:hover { width:62px; background-position:-63px -83px; } #newDetailJumps a#valueMy:hover { width:64px; background-position:-125px -83px; } #newDetailJumps a#liveChat:hover { width:62px; background-position:-188px -83px; } #newDetailJumps a#testDrive:hover { width:60px; background-position:-249px -83px; } #newLocation { width:607px; background:url(../images/layup/newLocationBg.jpg) left top repeat-x; } #newLocation #info { padding-left:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-size:12px; } #newLocation #info .large { font-size:21px; font-weight:bold; margin-bottom:25px; } #newLocation #info p { margin-bottom:10px; line-height:18px; } /* ----- DIRECTION FOOTER LINKS ----- */ .directionsFooterLinks { padding-bottom:25px; line-height:22px; } /* ---------------------------------------------------------------------*/ /* --------------------- CODEWEAVERS EXAMPLES ------------------------- */ /* ---------------------------------------------------------------------*/ #footer.cwDisclosureHeight { background: url(../images/layup/footerBg2.jpg) top center no-repeat; } .cwDisclosureHeight { height: 250px !important; margin-top:-250px !important; } .cwDisclosure {} .cwDisclosure h2 { font-size: 12px; padding-bottom: 4px; color: #666666; } .cwDisclosure ul { padding: 0; margin: 0px 0px 15px 25px; } .codeWeaversExample { margin: 5px 0px 15px 0px; } .codeWeaversExample h2 { color: #000; font-size: 11px; padding-bottom: 3px; } .codeWeaversExample table { width: 100%; border-collapse: separate; } .codeWeaversExample td.tableHeading { background: #DDDDCF; color: #000; font-size: 0.9em; padding: 3px; font-weight: normal; } .codeWeaversExample td { background: #f2f2f2; color: #000; padding: 3px; font-weight: normal; } .codeWeaversExample tfoot td { background: none; color: #000; font-weight: normal; padding: 3px; }