/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : James Greenwood / james.greenwood@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for Berkshire Ford Centres site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ html { height:100%; } body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; height:100% !important; background:url(../images/layup/bg.jpg) top center repeat-x #FFF; color:#000000; text-align:center; } /* This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text. Declaring the font size in pixels makes it more consistent across browsers. */ td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; } html>body td, html>body textarea, html>body input, html>body select { font-size:11px; } /* some browsers don't inherit the font into tables or textareas! */ /* ----- IDS ----- */ #container { width:960px; min-height:100%; margin:0 auto 30px; text-align:left; font-size:110%; line-height: normal; } * html #container { height:100%; } #printHeader { display:none;} #header { width:960px; height:132px; position:relative; } #header #logo { width:413px; height:75px; position:absolute; left:0; top:24px; } #header #contactDetails { position: absolute; right:0; top:45px; } #header #memberLogin { position: absolute; right:0; top:87px; } /* ----- LEFT COLUMN ----- */ #leftCol { width:264px; float:left; } #leftCol .box { width:264px; } #leftCol .tabs { width:264px; height:45px; } #leftCol .tabs div { float:left; } #leftCol .tabs a { display:block; } #leftCol .tabs span { display:none; } #leftCol .tabs #carsSearchTab a { width:116px; height:45px; background: url(../images/layup/spriteAdvancedSearchDOM.gif) no-repeat 0 -45px; } #leftCol .tabs #carsSearchTab .active { background: url(../images/layup/spriteAdvancedSearchDOM.gif) no-repeat 0 0; } #leftCol .tabs #budgetSearchTab a { width:148px; height:45px; background: url(../images/layup/spriteAdvancedSearchDOM.gif) no-repeat -116px 0; } #leftCol .tabs #budgetSearchTab .active { width:148px; background: url(../images/layup/spriteAdvancedSearchDOM.gif) no-repeat -116px -45px; } #leftCol .usedCarSearch { margin:29px 0 25px 0; position:relative; } #leftCol .usedCarSearch #carSearch { width:264px; background:url(../images/layup/usedSearchBg.gif) no-repeat top left; padding:0 0 10px 0; } #leftCol .usedCarSearch #budgetSearch { width:264px; background:url(../images/layup/usedSearchBudgetBg.jpg) no-repeat; } #leftCol .usedCarSearch label { width:90px; font-size:1.1em; color:#5b5b5b; padding:0 0 0 10px; } #leftCol .usedCarSearch form { padding: 14px 4px 0px 4px; } #leftCol .usedCarSearch form div { margin-bottom:15px;} #leftCol .usedCarSearch form div #advSearchDiv{ clear:both; } #leftCol .usedCarSearch form div.bottom { margin:0; } #leftCol .usedCarSearch select { width:145px; border:1px solid #d0d0d0; font-size: 1.0em; height: 19px; text-align: center; } #leftCol .usedCarSearch input { width:140px; height: 16px; border:1px solid #d0d0d0; font-size: 1.0em; padding:3px 0 0 5px; } #leftCol .usedCarSearch #budgetSearch form { padding:7px 4px 0 4px; } #leftCol .usedCarSearch #budgetSearch form div { margin:0 0 3px 10px; } #leftCol .usedCarSearch #budgetSearch label { padding:3px 0 0 10px; } #leftCol .usedCarSearch #budgetSearch form .radioContainer { width:125px; margin:0; float:left; } #leftCol .usedCarSearch #budgetSearch form .radioContainer label { width:60px; } #leftCol .usedCarSearch #budgetSearch .selectCredit { font-size:1.1em; color:#5b5b5b; padding:0 0 5px 10px; display:block; } #leftCol .usedCarSearch #budgetSearch select { width:224px; } #leftCol .usedCarSearch #budgetSearch input.aprRadio { width:20px; border:none; } #leftCol .usedCarSearch #budgetSearch .yourBudget { width:125px; font-size:12px; padding:0 0 2px 10px; float:left; } #leftCol .usedCarSearch .search { width:83px !important; height:23px !important; margin:0 10px 0 0; border:none; float:right; } #leftCol .usedCarSearch .advancedSearch { width:111px; height:10px; margin:10px 0 0 10px; float:left; } #leftCol .usedCarSearch .shadow { width:283px; height:13px; position:relative; bottom:0px; left:-10px; } #leftCol .usedCarSearch #advSearchDiv {display:none;} #leftCol .box .title { width:262px; } #leftCol .box .btn { width:262px; } #leftCol #liveChat { position:relative; } #leftCol #liveChat #btnOnlineNow { width:82px; height:119px; position:absolute; top:21px; right:19px; } #leftCol .box #myBFC { width:262px; height:124px; background:url(../images/layup/myBFCbg.jpg) no-repeat; padding:15px 0 0 0; } #leftCol .box #myBFC .thumb { width:41px; height:36px; font-size:1.5em; color:#FFF; font-weight:bold; background:url(../images/layup/myBFCnoImgBg.gif) no-repeat; float:left; margin:5px 8px 5px 8px; display:inline; } #leftCol .box #myBFC div.thumb { padding:17px 0 0 30px; } #leftCol .box #myBFC img.thumb { width:71px; height:53px; } #leftCol .box #myBFC #btnSaveCars { width:99px; height:23px; margin:10px 0 0 9px; float:left; display:inline; } #leftCol .box #myBFC #btnCompareCars { width:131px; height:23px; margin:10px 9px 0 0; float:right; display:inline; } #socialNetworkingLinks { margin:0 auto; width:205px;} /* ----- RIGHT COLUMN ----- */ #rightCol { width:672px; float:right; } #offerSelector { width:672px; margin:29px 0 27px 0; } #offerSelector .offerImg { width:613px; height:223px; padding:3px 0 0 0; position:relative; float:left; } #offerSelector .offerImg .frame { position:absolute; top:0; left:-10px; } #offerSelector .selector { width:48px; float:right; position:relative; } #offerSelector .selector .shadow { position:absolute; top:212px; left:0; } #offerSelector .selector a { width:48px; height:42px; text-decoration:none; background:url(../images/layup/offerSelectorBg.gif) no-repeat; margin:0 0 5px 0; display:block; } #offerSelector .selector a.active { width:48px; height:42px; background:url(../images/layup/offerSelectorHoverBg.gif) no-repeat; display:block; } #offerSelector .selector span { font-family:tahoma, verdana; font-weight:bold; font-size:18px; color:#FFF; padding:10px 0 0 18px; display:block; } #rightCol #homeJumps { width:672px; height:182px; margin:0 0 30px 0; } #rightCol #homeJumps .box { margin:0 0 0 16px; float:left; } #rightCol #homeJumps .box .title { width:160px; height:39px; } #rightCol #homeJumps .box .btn { width:160px; height:52px; } #rightCol #homeJumps .box .titleFeatured { width:319px; height:39px; background:url(../images/layup/titleJustArrived.jpg) no-repeat; } #rightCol #homeJumps .box .titleFeatured #featuredSelector { width:80px; color:#FFF; padding:14px 0 0 0; float:right; } #rightCol #homeJumps .box .titleFeatured #featuredSelector .btnBack { float:left; } #rightCol #homeJumps .box .titleFeatured #featuredSelector span { padding:0 5px 0 5px; float:left; } #rightCol #homeJumps .box .titleFeatured #featuredSelector .btnForward { float:left; } #rightCol #homeJumps .box #featuredUsedCar { width:319px; height:152px; background:url(../images/layup/featuredUsedCarBg.jpg) no-repeat; margin:0; } #rightCol #homeJumps .box #featuredUsedCar .thumb { width:162px; height:122px; position:relative; float:left; margin:12px 0 0 14px; padding:2px 0 0 2px; display:inline; } #rightCol #homeJumps .box #featuredUsedCar .thumb .frame { position:absolute; top:0; left:0; } #rightCol #homeJumps .box #featuredUsedCar .model { width:127px; height:27px; color:#002c62; float:right; padding:12px 0 0 0; } #rightCol #homeJumps .box #featuredUsedCar .price { width:127px; color:#002c62; float:right; padding:0 0 9px 0; } #rightCol #homeJumps .box #featuredUsedCar .availableFrom { width:127px; color:#595959; float:right; } #rightCol #homeJumps .box #featuredUsedCar .availableFrom span { color:#e07e00; } #rightCol #homeJumps .box #featuredUsedCar .termsConditions { width:127px; font-size:1.0em; color:#9d9d9d; float:right; padding:0 0 10px 0; } #rightCol #homeJumps .box #featuredUsedCar .btn { width:122px; height:23px; float:right; } #mainContent { width:672px; } #newCarDetail { margin:0 0 13px 0; } #newCarDetail .model { font-size:22px; color:#002c62; font-weight:bold; font-style:italic; margin:0 0 30px 0; float:left; } #newCarDetail .finance { font-size:14px; color:#ce0000; font-weight:bold; font-style:italic; padding:0 0 0 15px; float:right; } #newCarDetail .price { font-size:14px; color:#373737; font-weight:bold; font-style:italic; float:right; } #newCarDetail #mainImg { width:322px; height:241px; position:relative; padding:3px 0 0 3px; float:left; } #newCarDetail #mainImg .frame { position:absolute; top:0; left:0; } #newCarOptions { width:669px; height:100px; margin:0 0 30px 0; } #newCarOptions div { float:left; height: 100px; } #newCarOptions a { display:block; float: left; } #newCarOptions span { display:none; } #newCarOptions .requestBrochure a { width:112px; height:100px; background:url(../images/layup/spriteNewCarOptions.jpg) no-repeat 0 0; } #newCarOptions .requestBrochure a:hover { background:url(../images/layup/spriteNewCarOptions.jpg) no-repeat 0 -100px; } #newCarOptions .viewFordWebsite a { width:111px; height:100px; background:url(../images/layup/spriteNewCarOptions.jpg) no-repeat -112px 0; } #newCarOptions .viewFordWebsite a:hover { background:url(../images/layup/spriteNewCarOptions.jpg) no-repeat -112px -100px; } #newCarOptions .requestTestDrive a { width:111px; height:100px; background:url(../images/layup/spriteNewCarOptions.jpg) no-repeat -223px 0; } #newCarOptions .requestTestDrive a:hover { background:url(../images/layup/spriteNewCarOptions.jpg) no-repeat -223px -100px; } #newCarOptions .questionsAdvice a { width:111px; height:100px; background:url(../images/layup/spriteNewCarOptions.jpg) no-repeat -334px 0; } #newCarOptions .questionsAdvice a:hover { background:url(../images/layup/spriteNewCarOptions.jpg) no-repeat -334px -100px; } #newCarOptions .viewCurrentOffers a { width:111px; height:100px; background:url(../images/layup/spriteNewCarOptions.jpg) no-repeat -445px 0; } #newCarOptions .viewCurrentOffers a:hover { background:url(../images/layup/spriteNewCarOptions.jpg) no-repeat -445px -100px; } #newCarOptions .viewNearlyNewCars a { width:113px; height:100px; background:url(../images/layup/spriteNewCarOptions.jpg) no-repeat -556px 0; } #newCarOptions .viewNearlyNewCars a:hover { background:url(../images/layup/spriteNewCarOptions.jpg) no-repeat -556px -100px; } #newCarFinanceCalculator { float:right; } #newCarFinanceCalculator .tabset_print { display: none; } #newCarFinanceCalculator .tabset_tabs { width:328px; height:45px; margin:0px; padding: 0px; list-style:none; } #newCarFinanceCalculator .tabset_tabs li { list-style: none; display: inline; padding: 0px; float:left; } #newCarFinanceCalculator .tabset_tabs a { display: inline; float: left; cursor: pointer !important; } #newCarFinanceCalculator .tabset_tabs #tabFinanceCalculator a { width:171px; height:45px; background:url(../images/layup/newCarDetailDOM.jpg) no-repeat 0 -45px; } #newCarFinanceCalculator .tabset_tabs #tabFinanceCalculator.active a { width:175px; height:45px; background:url(../images/layup/newCarDetailDOM.jpg) no-repeat 0 0; } #newCarFinanceCalculator .tabset_tabs #tabContactUs a { width:153px; height:45px; background:url(../images/layup/newCarDetailDOM.jpg) no-repeat -175px 0; } #newCarFinanceCalculator .tabset_tabs #tabContactUs.active a { width:157px; height:45px; background:url(../images/layup/newCarDetailDOM.jpg) -171px -45px no-repeat; } #newCarFinanceCalculator .tabset_tabs span { display: none; } #newCarFinanceCalculator .tabset_content { width:328px; height:199px; background:url(../images/layup/newCarDetailFinanceCalculatorBg.jpg) no-repeat; border-top:none; } * html #newCarFinanceCalculator .tabset_content { background:url(../images/layup/newCarDetailFinanceCalculatorBg.jpg) fixed no-repeat; } #newCarFinanceCalculator .tabset_content h1 {} #newCarFinanceCalculator .tabset_content table { } #newCarFinanceCalculator .tabset_content form div { width:136px; margin:4px 0 4px 13px; float:left; display:inline; } #newCarFinanceCalculator .tabset_content td { padding: 3px 0px 3px 0px; color: #FFF; } #newCarFinanceCalculator .tabset_content td p { padding:0 0 5px 0; } #newCarFinanceCalculator .tabset_content label { width:110px; color:#7f8182; padding:0 0 2px 0px; } #newCarFinanceCalculator .tabset_content input { width:110px; height:14px; border:1px solid #7f8182; background:url(../images/layup/inputBg.gif) repeat-x; padding:3px 0 0 5px; } #newCarFinanceCalculator .tabset_content textarea { width:110px; border:1px solid #7f8182; } #newCarFinanceCalculator .tabset_content select { width:110px; height:19px; border:1px solid #7f8182; } #newCarFinanceCalculator .tabset_content #submit { width:83px; height:23px; background:none; border:none; margin:0 25px 0 0; } #newCarFinanceCalculator .tabset_content .heading { font-weight:bold; color:#002c62; } #newCarFinanceCalculator .tabset_content #calculatorForm form { padding:0; } #newCarFinanceCalculator .tabset_content #calculatorForm div { width:112px; margin:4px 0 4px 13px; float:left; display:inline; } #newCarFinanceCalculator .tabset_content #calculatorForm label { width:110px; color:#7f8182; padding:0 0 2px 0px; } #newCarFinanceCalculator .tabset_content #calculatorForm input { width:110px; height:14px; border:1px solid #7f8182; background:url(../images/layup/inputBg.gif) repeat-x; padding:3px 0 0 5px; } #newCarFinanceCalculator .tabset_content #calculatorForm textarea { width:110px; border:1px solid #7f8182; } #newCarFinanceCalculator .tabset_content #calculatorForm select { width:110px; height:19px; border:1px solid #7f8182; } #newCarFinanceCalculator .tabset_content #calculatorForm #submit { width:83px; height:23px; background:none; border:none; margin:0 25px 0 0; } #usedCarInfo { width:672px; font-weight:bold; font-style:italic; margin:0 0 25px 0; } #usedCarInfo .model { font-size:22px;color:#002c62; padding:0 0 15px 0; float:left; } #usedCarInfo .price { font-size:18px; color:#ce0000; float:right; } #usedCarInfo .telephone { font-size:12px; color:#5e5e5e; } #usedCarInfo .telephone span { color:#002c62; } #btnReserve { margin:0 0 15px 0; float:right; } #btnViewVideo { margin:0 15px 15px 0; float:right; } #imgSelector { margin:0 0 11px 0; } #imgSelector #mainImg { width:322px; height:241px; padding:3px 0 0 3px; position:relative; float:left; } #imgSelector #mainImg .frame { position:absolute; top:0; left:0; } #imgSelector #mainImg .overlay { position:absolute; top:0; left:0; } #imgSelector .thumb { width:95px; height:70px; padding:3px 0 0 3px; margin:0 8px 12px 8px; position:relative; float:right; } #imgSelector .bottom { margin:0 8px 0 8px; } #imgSelector .thumb a {} #imgSelector .thumb .frame { position:absolute; top:0; left:0; } #usedCarOptions { width:669px; height:100px; margin:0 0 14px 0; } #usedCarOptions a { display:block; } #usedCarOptions div { float:left; } #usedCarOptions span { display:none; } #usedCarOptions .enquireCar a { width:112px; height:100px; background:url(../images/layup/spriteUsedOptions.jpg) no-repeat 0 0; } #usedCarOptions .enquireCar a:hover { background:url(../images/layup/spriteUsedOptions.jpg) no-repeat 0 -100px; } #usedCarOptions .sendFriend a { width:111px; height:100px; background:url(../images/layup/spriteUsedOptions.jpg) no-repeat -112px 0; } #usedCarOptions .sendFriend a:hover { background:url(../images/layup/spriteUsedOptions.jpg) no-repeat -112px -100px; } #usedCarOptions .printSpecSheet a { width:111px; height:100px; background:url(../images/layup/spriteUsedOptions.jpg) no-repeat -223px 0; } #usedCarOptions .printSpecSheet a:hover { background:url(../images/layup/spriteUsedOptions.jpg) no-repeat -223px -100px; } #usedCarOptions .makeOffer a { width:111px; height:100px; background:url(../images/layup/spriteUsedOptions.jpg) no-repeat -334px 0; } #usedCarOptions .makeOffer a:hover { background:url(../images/layup/spriteUsedOptions.jpg) no-repeat -334px -100px; } #usedCarOptions .saveCompare a { width:111px; height:100px; background:url(../images/layup/spriteUsedOptions.jpg) no-repeat -445px 0; } #usedCarOptions .saveCompare a:hover { background:url(../images/layup/spriteUsedOptions.jpg) no-repeat -445px -100px; } #usedCarOptions .freeHPI a { width:113px; height:100px; background:url(../images/layup/spriteUsedOptions.jpg) no-repeat -556px 0; } #usedCarOptions .freeHPI a:hover { background:url(../images/layup/spriteUsedOptions.jpg) no-repeat -556px -100px; } #usedCarSpecHolder { background:url(../images/layup/usedCarSpecBg2Middle.jpg) repeat-y;} #usedCarSpecHolder .padding { padding:10px 15px 15px 15px; } #usedCarSpec { margin:0 0 13px 0; color:#002C62 !important; } #usedCarSpec a { color:#002C62 !important; } #usedCarSpec .tabset_print { display: none; } #usedCarSpec .tabset_tabs { height:37px; width:669px; margin:0px; padding: 0px; list-style:none; } #usedCarSpec .tabset_tabs li { list-style: none; display: inline; padding: 0px; float:left; } #usedCarSpec .tabset_tabs a { display: inline; float: left; cursor: pointer !important; } #usedCarSpec .tabset_tabs #tabFullDetails a { width:101px; height:37px; background:url(../images/layup/spriteUsedDetailDOM.jpg) no-repeat -85px 0; } #usedCarSpec .tabset_tabs #tabFullDetails.active a { background:url(../images/layup/spriteUsedDetailDOM.jpg) no-repeat -87px -37px; } #usedCarSpec .tabset_tabs #tabFinance a { width:87px; height:37px; background:url(../images/layup/spriteUsedDetailDOM.jpg) no-repeat 0px 0; } #usedCarSpec .tabset_tabs #tabFinance.active a { background:url(../images/layup/spriteUsedDetailDOM.jpg) no-repeat 0px -37px; } #usedCarSpec .tabset_tabs #tabInsurance a { width:101px; height:37px; background:url(../images/layup/spriteUsedDetailDOM.jpg) no-repeat -188px 0; } #usedCarSpec .tabset_tabs #tabInsurance.active a { background:url(../images/layup/spriteUsedDetailDOM.jpg) no-repeat -188px -37px; } #usedCarSpec .tabset_tabs #tabWarranty a { width:99px; height:37px; background:url(../images/layup/spriteUsedDetailDOM.jpg) no-repeat -289px 0; } #usedCarSpec .tabset_tabs #tabWarranty.active a { background:url(../images/layup/spriteUsedDetailDOM.jpg) no-repeat -289px -37px; } #usedCarSpec .tabset_tabs #tabContactUsNow a { width:145px; height:37px; background:url(../images/layup/spriteUsedDetailDOM.jpg) no-repeat -388px 0; } #usedCarSpec .tabset_tabs #tabContactUsNow.active a { background:url(../images/layup/spriteUsedDetailDOM.jpg) no-repeat -388px -37px; } #usedCarSpec .tabset_tabs span { display: none; } #usedCarSpec .tabset_content { width:669px; background:url(../images/layup/usedCarSpecBg2.jpg) no-repeat top; } #usedCarSpec .tabset_content .locationPrice { font-size:12px; color:#002C62; font-style:italic; padding:22px 0 0 17px; } #usedCarSpec .tabset_content .locationPrice span { font-size:14px; color:#002c62; font-weight:bold; } #usedCarSpec .tabset_content h1 { font-weight:bold; padding: 0px; } #usedCarSpec .tabset_content table { width: 315px; } #usedCarSpec .tabset_content table.notCodeweavers { width: auto; margin: 15px; } #usedCarSpec .tabset_content td { width:110px; font-size:12px; color:#002C62; padding: 5px 0px; } #usedCarSpec .tabset_content td p { padding:0 0 5px 0; } #usedCarSpec .tabset_content .heading { font-weight:bold; } #usedCarSpec .tabset_content #finance_content { overflow:auto; } #usedCarSpec .tabset_content #finanaceForm { padding:15px 0 0 17px; } #usedCarSpec .tabset_content #finanaceForm div { width:260px; margin:0 0 10px 0; } #usedCarSpec .tabset_content #finanaceForm label { width:125px; } #usedCarSpec .tabset_content #finanaceForm input { width:100px; } #usedCarSpec .tabset_content #applyFinanceForm { padding:0 17px 0 17px; } #usedCarSpec .tabset_content #applyFinanceForm div { margin:0 0 10px 0; } #usedCarSpec .tabset_content #applyFinanceForm label { width:200px; } #usedCarSpec .tabset_content #applyFinanceForm input, #usedCarSpec .tabset_content #applyFinanceForm select { width:100px; } #usedCarSpecBottom { width:669px; height:15px;} #relatedCars { width:666px; } #relatedCars .title { width:666px; height:40px; } #relatedCars .box { width:302px; height:143px; font-size:12px; background:url(../images/layup/relatedCarBg.jpg) no-repeat; padding:10px 4px 0 4px; margin:0 10px 13px 10px; float:left; } #relatedCars .box a { text-decoration:none; cursor:pointer; display:block; } #relatedCars .box .thumb { width:162px; height:122px; padding:2px 0 0 2px; position:relative; float:left; } #relatedCars .box .thumb .frame { position:absolute; top:0; left:0; } #relatedCars .box .model { width:130px; font-size:12px; color:#002c62; float:right; } #relatedCars .box .price { width:130px; color:#002c62; padding:0 0 9px 0; float:right; } #relatedCars .box .availableFrom { width:130px; color:#595959; padding:0 0 10px 0; float:right; } #relatedCars .box .availableFrom span { font-weight:bold; color:#e07e00; } #relatedCars .box .termsConditions { width:130px; font-size:10px; color:#9d9d9d; padding:0 0 10px 0; float:right; } #relatedCars .box .btn { width:112px; height:23px; margin:0 15px 0 0; float:right; } #offersImg { width:663px; height:167px; padding:2px 0 0 2px; margin:0 0 30px 0; position:relative; } #offersImg .frame { position:absolute; top:0; left:0; } #offersImg .shadowThumb { position:absolute; top:167px; left:-16px;} #offersForm { width:307px; margin:0 0 0 20px; float:right; } #offersForm .title { width:307px; height:39px; } #offersForm fieldset { width:307px; height:315px; background:url(../images/layup/offersFormBg.jpg) no-repeat; padding:79px 0 0 16px; } #offersForm label { width:70px; font-size:12px; font-weight:bold; color:#8c8c8c; padding:5px 0 0 0; } #offersForm input { width:202px; height:19px; color:#8c8c8c; border:1px solid #f2f2f2; padding:4px 0 0 4px; margin:0 0 14px 0; } #offersForm textarea { width:206px; color:#8c8c8c; border:1px solid #f2f2f2; margin:0 0 14px 0; } #offersForm #submit { width:83px; height:23px; margin:0 30px 0 0; border:none; float:right; } .newHirePurchaseForm #lblPeriod { width: 92px; } .newHirePurchaseForm #MaximumTerm { width: 92px; float: left; margin-right: 15px; } .newHirePurchaseForm #lblDeposit { width: 45px; } .newHirePurchaseForm #TotalDeposit { width: 92px; float: left; margin-right: 15px; } .newHirePurchaseForm #lblMileage { width: 92px; } .newHirePurchaseForm #AnnualMileage { width: 92px; float: left; margin-right: 15px; } /* ----- OFFERS TABS ----- */ #offerTabs { position:relative; } #offerTabs ul.domHeadings { padding: 0px; margin:0; list-style: none; } #offerTabs ul.domHeadings li { float: left; } #offerTabs ul.domHeadings li a { padding:0px; display: block; float: left; } #offerTabs ul.domHeadings li a span { display:none; } #offerTabs ul.domHeadings li a#usedTab { width:141px; height:46px; background:url(../images/layup/spriteOffersTabs.gif) no-repeat 0 0; } #offerTabs ul.domHeadings li a#newTab { width:144px; height:46px; background:url(../images/layup/spriteOffersTabs.gif) no-repeat -141px 0; } #offerTabs ul.domHeadings li a#serviceTab { width:98px; height:46px; background:url(../images/layup/spriteOffersTabs.gif) no-repeat -285px 0; } #offerTabs ul.domHeadings li a#allTab { width:70px; height:46px; background:url(../images/layup/spriteOffersTabs.gif) no-repeat -383px 0; } #offerTabs ul.domHeadings li.active a#usedTab { background:url(../images/layup/spriteOffersTabs.gif) no-repeat 0 -46px; } #offerTabs ul.domHeadings li.active a#newTab { background:url(../images/layup/spriteOffersTabs.gif) no-repeat -141px -46px; } #offerTabs ul.domHeadings li.active a#serviceTab { background:url(../images/layup/spriteOffersTabs.gif) no-repeat -285px -46px; } #offerTabs ul.domHeadings li.active a#allTab { background:url(../images/layup/spriteOffersTabs.gif) no-repeat -383px -46px; } #offerTabs .shadow { position:absolute; top:41px; left:-7px; } #offerTabs .domContent { padding:10px 0 0 0; } #offerTabs .domContent .notBox { margin:10px 0; } #offerTabs .domContent .notBox a { text-decoration:none; cursor:pointer; display:block; } #offerTabs .domContent .notBox .title { font-size:13px; padding:0 0 10px; display:block; } #offerTabs .domContent .notBox .thumb { width:663px; height:167px; position:relative; z-index:50; display:block; } #offerTabs .domContent .notBox .thumb .frame { position:absolute; top:-2px; left:-2px; } #offerTabs .domContent .notBox .thumb .shadowThumb { position:absolute; bottom:-5px !important; left:-20px !important; z-index:-1; } #offerTabs .dt1 { display: block; } .map { width:298px; height:224px; padding:3px 0 0 3px; margin:0 0 28px 0; position:relative; float:left; } .map .frame { position:absolute; top:0; left:0; z-index:999;} .mapFrameTop { position:absolute; top:0; left:0; z-index:999;} .mapFrameRight { position:absolute; top:15px; left:301px; z-index:999;} .mapFrameBottom { position:absolute; top:213px; left:0; z-index:999;} .mapFrameLeft { position:absolute; top:15px; left:0; z-index:999;} .map .shadow { position:absolute; top:224px; left:-9px; z-index:-2; } #postcodeSearchHolder { width:264px; padding:0px 0px 30px 0px;} #postcodeSearchHolder input { width:100px;} #postcodeInputHolder { float:left} #postcomeBtnHolder { float:right; padding:0px 14px 0px 0px;} .map .postcodeSearch { position:absolute; top:188px; left:0; } .map .postcodeSearch fieldset { width:298px !important; } .map .postcodeSearch .postcode { width:112px; height:19px; background:url(../images/layup/inputPostcodeBg.gif) no-repeat; border:none; margin:0 10px 0 10px; padding:4px 5px 0 10px; float:left; } .map .postcodeSearch .postcodeHome { float:left; width:90px !important; height:19px; background:url(../images/layup/inputPostcodeBg.gif) no-repeat; border:none; } .map .postcodeSearch .getDirections { width:134px; height:23px; padding:0; border:none; float:right; } .map .postcodeSearch .getDirectionsHome { float:right !important; width:134px; height:23px; padding:0; border:none;} .contactInfo { width:350px; font-size:12px; float:right; } .contactInfo .title { font-size:18px; font-style:italic; color:#002c62; background:url(../images/layup/dotsH.gif) repeat-x bottom; padding:8px 0 8px 0; margin:0 0 10px 0; } .contactInfo .address { margin:0 0 10px 0; float:left; } .contactInfo .telephone { float:right; } .contactInfo .email { float:right; } .contactInfo .mobile { float:right; } .contactInfo .viewMap { float:right; } .contactInfo span { color:#002c62; } .contactInfo a { color:#002c62; font-weight:normal; } /* ----- VEHICLE COMPARISON ----- */ #compareVehicles {} #compareVehicles table th, #compareVehicles table td { text-align:center; } /* ----- CMS IMAGE ----- */ .cmsImage { float:right; margin: 0px 0px 15px 15px; padding:2px 0 0 10px; position:relative; } .cmsImage .frame { position:absolute; top:0; left:0; } .cmsImage img {} /* ----- LIST ----- */ #list {} #list .listItem { width:672px; height:189px; margin:0 0 8px 0; position:relative; } #list .listItem a { text-decoration:none; cursor:pointer; display: block; width:672px; height:189px;} #list .listItem .thumb { width:243px; height:185px; padding:3px 0 0 3px; float:left; position:relative; } #list .listItem .thumb .frame { position:absolute; top:0; left:0; } #list .listItem .thumb .offer { position:absolute; top:0; left:0; } #list .listItem .thumb .shadow { width:254px; height:9px; position:absolute; z-index:-1; top:185px; left:-2px; } #list .listItem .carInfo { width:412px; height:189px; background:url(../images/layup/usedCarListBg.jpg) no-repeat; float:right; position:relative; } #list .listItem .carInfo .model { font-size:16px; color:#474747; font-weight:bold; height:45px; padding:10px 0px 0px 20px; display:block; } #list .listItem .carInfo .carSpec { height:78px; color:#3f3f3f; margin:0 0 0 18px; display:block; font-weight:normal !important; } #list .listItem .carInfo .carSpec .specColumn { width:80px; float:left; padding:0px 5px 0px 0px} #list .listItem .carInfo .carSpec .specColumn span { font-size:11px; padding:2px; display:block; } #list .listItem .carInfo .price { font-size:14px; color:#626262; font-weight:bold; padding:8px 0 0 20px; display:block; } #list .listItem .carInfo .pcm { font-size:18px; color:#00336e; font-weight:bold; padding: 18px 0 0 20px; display:block; } #list .listItem .carInfo .btnDetails { width:83px; height:23px; position:absolute; top:150px; left:311px; } #list .listItem .carInfo .shadow { width:421px; height:9px; position:absolute; top:185px; left:-2px; z-index:-4; } #list .listItem .btnCompare { width:92px; height:23px; position:absolute; top:151px; right:115px; z-index:2; } /* ----- FINANCE FORM AT TOP OF LSITING ----- */ #usedCarListingAdjustFinance { background:#a2b1b5; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; position: relative; } #usedCarListingAdjustFinance .adjustFinanceTitle { float: left; background: #00336E; color: #fff; padding: 5px; font-weight: bold; font-size: 1.1em; width: 110px; } #usedCarListingAdjustFinance #optionContainer { float: left; height: 24px; width: 542px; padding: 0px 0px 0px 10px; } #usedCarListingAdjustFinance label { position: relative; top: 5px; width: 50px; padding: 0; } #usedCarListingAdjustFinance select.financeSelect { float:left; width: 80px; margin-right: 18px; } #usedCarListingAdjustFinance #TotalDeposit { width: 52px; float:left; margin-right: 18px; } #usedCarListingAdjustFinance #btnUpdateFinance { float: right; width: 50px; } #usedCarListingAdjustFinance #btnUpdateFinance a { background: #00336E; color: #fff; display: block; padding: 5px; font-weight: bold; font-size: 1.1em; text-decoration: none; } #usedCarListingAdjustFinance #btnUpdateFinance a:hover { color: #ffba00; } #usedCarListingAdjustFinance span.periodMonths { display:block; float:left; padding:0px 0px 0px 5px; position:relative; top:3px; width:50px; } /* ----- BOX LIST ----- */ #boxList {} #boxList .box { width:214px; height:260px; margin:0 5px 28px 5px; float:left; display:inline; } #boxList .box a { text-decoration:none; cursor:pointer; display: block; } #boxList .box .title { font-size:16px; color:#7d7f7f; text-transform:uppercase; background:url(../images/layup/newCarItemTopBg.jpg) no-repeat top center; display: block; padding:15px 15px 10px 25px; } #boxList .box .thumb { width:208px; height:155px; background:url(../images/layup/noImage208x155.jpg) no-repeat; display: block; position:relative; padding:3px 0 0 3px; } #boxList .box .thumb .frame { display: block; position:absolute; top:0; left:0; } #boxList .box .btn { font-size:16px; color:#004480; padding:10px 0 10px 25px; background:url(../images/layup/newCarItemBottomBg.jpg) no-repeat top center; display:block; } #relatedVehicles {} #relatedVehicles .box {} #relatedVehicles .box a { display: block; } #relatedVehicles .box .thumb { display: block; } #relatedVehicles .box .thumb .frame { display: block; } #relatedVehicles .box .title { display: block; } /* ----- 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; } h1 { font-size:21px; font-style:italic; color:#002c62; } h2 { font-size:15px; color:#e07e00; font-weight:normal; } p { font-size:12px; padding:0 0 10px 0; margin:0; } /* ----- TOP NAVIGATION ----- */ #primaryNav { width:960px; height:43px; background:url(../images/layup/navBg.gif) no-repeat; } #primaryNav ul { list-style:none; margin:0; padding:0; } #primaryNav li { float:left; } #primaryNav li a { height:43px; color:#FFF; text-decoration:none; display:block; float:left; } #primaryNav li a:hover { color:#ffba00; background:url(../images/layup/navHoverBg.gif) no-repeat top center; } #primaryNav li a span { padding:13px 12px 0; display:block; } #primaryNav li .active { color:#ffba00; } /* ----- 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;} /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #breadcrumbs { line-height: normal; background:url(../images/layup/dotsBreadcrumb.jpg) repeat-x bottom; margin:30px 0 50px 0; padding:0 0 10px 0; } #breadcrumbs span { color:#ffa800; padding:0 0 0 3px; } #breadcrumbs a { text-decoration: none; color:#838383; background:url(../images/layup/breadcrumbSeparator.jpg) no-repeat right 5px; padding: 2px 13px 4px 4px; } #breadcrumbs .btnBack { float:right; padding: 0px; margin:0; } #breadcrumbs .btnBack a { font-size:13px; background:url(../images/layup/breadcrumbBackBtn.jpg) no-repeat left 3px; padding:0 0 0 13px; } .pagination { width:669px; height:52px; background:url(../images/layup/paginationBg.gif) no-repeat; margin:0 0 28px 0; } .pagination img { display: inline; position: relative; top:0; } .pagination .padding { padding: 21px 25px 0px 21px; } .pagination .usedListPages { font-size:12px; } .pagination .usedListPages a, .pagination .usedListPages .btn { font-size:12px; text-decoration:none; color:#002c63; padding:0px 7px 0px 7px; } .pagination .usedListPages a:hover { text-decoration:underline; } .pagination .usedListPages .active { color: #747474; } .pagination .sortOptions { width:195px; height:22px; float:right; } .pagination .sortOptions label { width: 55px; float: left; } .pagination .sortOptions select { width: 140px; float: left; color: #002c63; position: relative; top: -3px; } /* ----- FOOTER ----- */ #footer { height:87px; margin-top:-87px; background:url(../images/layup/footerBg.jpg) repeat-x; } #footer #footerInner { width:960px; color:#FFF; margin:0 auto; } #footer #footerInner .padding { padding:30px 0 0 0; } #footer #footerInner a { color:#FFF; font-weight:normal; text-decoration:none; } #footer #footerInner a:hover { text-decoration:underline; } /* ----- GLOBAL ----- */ img { display:block; border:0; } address { font-style:normal; } /* ----- LINKS ----- */ a { color:#e07e00; font-weight:bold; text-decoration:underline;cursor:pointer; } a:hover { text-decoration:none; } /* ----- FORMS ----- */ form { padding:0; margin:0; } fieldset { padding:0; margin:0; border:0px none; } legend { padding:0; margin:0; display:none; } label { display:block; width:260px; padding:3px 0 0 0; float:left; } input, textarea { width:200px; font-size:11px !important;} .required { color:#0033FF;} .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: 83px !important; height:23px; margin:0 30px 0 0; border:none; } #contactTabForm { padding:15px; } #contactTabForm fieldset { display: inline; } #contactTabForm div div { margin:0 0 10px 0; } #contactTabForm label { width:205px; } #contactTabForm select, #contactTabForm textarea, #contactTabForm input { width:155px; } #contactTabForm #submit { width:83px; height:23px; margin:0; } #finanaceForm div { margin:0 0 10px 0; } #applyFinanceForm div { margin:0 0 10px 0; } #applyFinanceSml #applyFinanceForm #detailsLabel { width:90px; } #applyFinance #applyFinanceForm #detailsLabel { width:260px; } #applyFinance textarea { width:200px;} #applyFinance select { width:200px;} #offersContactUs { width:307px; height:532px; background:url(../images/layup/contactUsNowBg.jpg) no-repeat; float:right; margin:0px 0px 20px 20px;} #offersContactUs label {width:90px;} #offersContactUs #padding { padding:118px 16px 0px 16px;} #offersContactUs input {width:175px; } #offersContactUs textarea {width:175px; float:left;} #offersContactUs select {width:180px;} #offersContactUs textarea { height:60px;} .offersContactUsDivs { padding:0px 0px 0px 0px; width:275px; margin:0px 0px 6px 0px !important;} #offersContactUsSubmitHolder { float:right; padding:11px 0px 0px 0px !important; position:relative; right:-20px;} /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #4544e4; 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: #4544e4; 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;} /* ----- CONTACT INFO 05-11-09 ----*/ #contactDirections { margin:10px 0px;} #contactDirections a {color:#002c62; font-weight:normal; text-decoration:underline;} #contactDirections a:hover { text-decoration:none;} #contactDirections .title { color:#002C62; font-weight:bold; } /* ----- INSURANCE / FINANCE USED DETAIL 21-12-09 ----- */ #list .box { cursor:pointer; } #list .box.insurance { margin-bottom: 5px; background: url(../images/layup/btnInsurance.gif) no-repeat; width: 673px; height: 29px; } #list .box.insurance .padding { padding: 7px 0px 0px 165px; color: #3f3f3f; font-size:12px; font-family:Arial, Helvetica, sans-serif; } #list .box.finance { margin-bottom: 25px; background: url(../images/layup/financeBg.jpg) no-repeat; width: 673px; height: 96px; } #list .box.finance .padding { padding: 10px; color:#3f3f3f; font-size:12px; font-family:Arial, Helvetica, sans-serif; } #list .box.finance .padding td, #list .box.finance .padding th { padding: 2px; text-align: center; } #list .box.finance .padding tr.notAvailable td, #list .box.finance .padding tr.notAvailable th { text-align: left; } /*Added by Dan james, for a quick fix*/ .financeTable{float:left; width: 210px; margin-top: 20px; } #cwCarInsuranceForm { padding: 20px; } #cwCarInsuranceForm div { margin-bottom: 5px; } #cwCarInsuranceDetails { padding: 20px; }