/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : Chris Munn / chris.munn@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for Motorsales site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background: url(../images/layup/bodyBg.jpg) repeat-y center; 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 ----- */ #wrapper { height: 100%; width: 100%; background: url(../images/layup/wrapperBg.gif) no-repeat top center; } #container { width: 925px; margin:0 auto; text-align:left; font-size:110%; line-height: normal; } #printHeader { display:none; } #header { height: 101px; position: relative; margin-bottom: 7px; } #header #logo { position: absolute; top: 16px; left: 25px; } #header #contactDetails { position: absolute; top: 46px; right: 21px; color: #d84a27; text-align: right; font-size: 2.7em; font-weight: bold; } #header #btnGroup { position: absolute; top: 0px; right: 16px; } /* ----- LEFT COLUMN ----- */ #leftCol { float: left; width: 231px; } #leftCol .box { width: 231px; background: url(../images/layup/boxBgTop.gif) top left no-repeat; position: relative; margin-bottom: 4px; line-height: 18px; } #leftCol .box a { display: block; color: #FFF; text-decoration: none; font-weight: normal; } #leftCol .box .padding { padding: 5px 20px 5px 20px; } #leftCol .boxFoot { background: url(../images/layup/boxBgBottom.gif) no-repeat; height: 19px; } #leftCol .box #usedCarSearch { height: 49px; } #leftCol .box .usedCars { background: url(../images/layup/spriteUsedNewSearch.gif) top left; height: 49px; } #leftCol .box .newCars { background: url(../images/layup/spriteUsedNewSearch.gif) bottom left; height: 49px; } #leftCol .box #usedCarSearch #usedSearch { cursor: pointer; width: 90px; float: left; padding: 17px 0px 14px 24px; } #leftCol .box #usedCarSearch #newSearch { cursor: pointer; width: 101px; float: right; padding: 17px 0px 14px 0px; } #leftCol .box #newOffersForm { display: none; } #leftCol .box #usedSearchForm select, #leftCol .box #newOffersForm select { width: 165px; margin-top: 4px; } #leftCol .box #usedSearchForm .usedSearchBtns, #leftCol .box #newOffersForm .usedSearchBtns { padding: 10px 0px 0px 0px; } #leftCol .box.boxJump { padding: 12px 0px 0px 0px; } #leftCol .box.boxJump span { display: block; } #leftCol .box.boxJump .boxText { padding: 5px 0px 0px 0px; } #leftCol .box.boxJump .icon { position: absolute; top: 15px; right: 15px; } #leftCol .offerScroll { width: 231px; position: relative; margin-bottom: 3px; } #leftCol .offerScroll a { display: block; outline: none; } #leftCol .offerScroll a .frame { position: absolute; top: 0px; left: 0px; } #leftCol .offerScroll a .thumb { display: block; padding: 10px 0px 0px 8px; height: 157px; } #leftCol .offerScroll a .thumb img { width: 212px; } #leftCol .offerScroll a .thumb .frame img { width: auto; } #leftCol .offerScroll a#ofrPrev { display: block; float: left; width: 114px; height: 49px; background: url(../images/layup/spriteOfferPrevNext.gif) no-repeat 0px 0px; } #leftCol .offerScroll a#ofrNext { display: block; float: left; width: 117px; height: 49px; background: url(../images/layup/spriteOfferPrevNext.gif) no-repeat -114px 0px; } #leftCol .offerScroll a#ofrPrev:hover { background: url(../images/layup/spriteOfferPrevNext.gif) no-repeat 0px -49px; } #leftCol .offerScroll a#ofrNext:hover { background: url(../images/layup/spriteOfferPrevNext.gif) no-repeat -114px -49px; } /* PNG title backgrounds - (See ie6.css for ie6 filter hack) */ #leftCol .box #usedSearchForm .titleVehicleSearch { background: url(../images/layup/titleVehicleSearch.png) no-repeat; width: 122px; height: 18px; } #leftCol .box #newOffersForm .titleOffersSearch { background: url(../images/layup/titleOffersSearch.png) no-repeat; width: 112px; height: 18px; } #leftCol .box .titleStockUpdate { background: url(../images/layup/titleStockUpdates.png) no-repeat; width: 110px; height: 19px; } #leftCol .box .titleLocation { background: url(../images/layup/titleLocation.png) no-repeat; width: 69px; height: 18px; } #leftCol .box .titleOnlineShop { background: url(../images/layup/titleOnlineShop.png) no-repeat; width: 100px; height: 19px; } /* ----- RIGHT COLUMN ----- */ #rightCol { float: right; width: 690px; color: #363636; } #rightCol .padding { padding: 0px 0px 0px 15px; } #rightCol #mainImage { position: relative; height: 245px; } #rightCol #mainImage .frame { position: absolute; top: 0px; left: 0px; } #rightCol #mainImage .ctrls { position: relative; height: 36px; float: right; background: #fff url(../images/layup/mainImageCtrlBorderB.gif) bottom left repeat-x; z-index: 9999; } #rightCol #mainImage .ctrls .borderL { position: absolute; top: 0px; left: 0px; } #rightCol #mainImage .ctrls .borderR { position: absolute; top: 0px; right: 0px; } #rightCol #mainImage .ctrls a { display: block; float: left; color: #fff; padding: 4px 20px 4px 20px; line-height: 120%; background: #fae15d; text-decoration: none; font-size: 1.6em; } #rightCol #mainImage .ctrls a:hover { background: #e47f33; } #rightCol #mainImage .ctrls a.first { padding-left: 40px; } #rightCol #mainImage .ctrls a.last { padding-right: 40px; } #rightCol #mainImage .ctrls ul { list-style: none; padding: 0; margin: 0; } #rightCol #mainImage .ctrls li { float: left; } #rightCol #franchiseJumps { height: 141px; background: url(../images/layup/franchiseBg.gif) no-repeat; position: relative; } #rightCol #franchiseJumps .padding { padding: 21px 0px 0px 14px; } #rightCol #franchiseJumps .padding img { float: left; padding: 0px 1px 0px 1px; } #rightCol #franchiseJumps #franchiseTitle { position: absolute; top: -28px; left: 0px; } #rightCol #homeJumps { margin-top: 9px; margin-bottom: 15px; } #rightCol #homeJumps img { float: left; } /* ----- DEALER LOCATION PAGE ----- */ #rightCol #googleMap { background: url(../images/layup/mapBg.gif) no-repeat; padding: 8px; float: left; } #rightCol #locatorForm { width: 321px; height: 455px; margin-bottom:15px; background: url(../images/layup/locatorFormBg.png) no-repeat; float: right; } #rightCol #locatorForm .padding { padding: 20px 10px 20px 38px; } #rightCol #locatorForm .padding form { padding-top: 10px; } #rightCol #locatorForm .padding input, #rightCol #locatorForm .padding textarea { margin-top: 7px; width: 230px; } #rightCol #locatorForm .padding textarea { height: 43px; } #rightCol #locatorForm .padding a { display: block; } #rightCol #locatorForm .btnSubmit { display: block; width: 105px; height: 39px; background: url(../images/layup/btnSubmit.png) no-repeat; position: relative; top: 4px; left: -41px; } #rightCol #getDirections { width: 332px; float: left; font-weight: bold; color: #d84a27; } #rightCol #getDirections form { padding: 10px 0px 0px 8px; } #rightCol #getDirections label { width: 95px; padding-top: 3px; } #rightCol #getDirections input { width: 155px; float: left; } #rightCol #openingHours, #rightCol #address { width: 332px; height: 146px; background: url(../images/layup/contactBoxesBg.png) no-repeat; float: left; margin: 20px 0px 0px 0px; color: #d84a27; } #rightCol #address { float: right; } #rightCol #openingHours .padding, #rightCol #address .padding { padding: 20px 20px 20px 20px; } #rightCol #openingHours table { margin: 10px 0px 0px 0px; } #rightCol #openingHours td { padding: 0px 4px 4px 4px } #rightCol #address p { padding: 4px 0px 0px 0px; line-height: 18px; } #rightCol #dealerTelephone { background: url(../images/layup/contactBoxesSmallBg.png) no-repeat; width: 332px; height: 55px; float: left; margin: 20px 0px 0px 0px; color: #d84a27; } #rightCol #dealerTelephone .padding { padding: 20px 20px 20px 20px; } #rightCol #dealerEmail { background: url(../images/layup/contactBoxesSmallBg.png) no-repeat; width: 332px; height: 55px; float: right; margin: 20px 0px 0px 0px; color: #d84a27; } #rightCol #dealerEmail .padding { padding: 20px 20px 20px 20px; } #rightCol #dealerEmail a { color: #d84a27; } /* ----- CMS IMAGE ----- */ #cmsImage { float: right; margin: 0px 0px 15px 15px; position: relative; } #cmsImage .frame { position: absolute; top: 0px; left: 0px; } #cmsImage .itemImage { padding: 8px; background: url(../images/layup/noImage316x237.gif) 8px 8px no-repeat; width: 316px; height: 237px; } /* ----- LIST ----- */ #list {} #list .listItem { margin-bottom: 8px; padding-bottom: 8px; } #list .listItem a { display: block; text-decoration: none; font-weight: normal; } #list .listItem .cmsImage { display: block; width: 245px; float: left; position: relative; } #list .listItem .thumb { display: block; padding: 8px; height: 153px; width: 204px; background: url(../images/layup/noImage204x153.gif) 8px 8px no-repeat; } #list .listItem .frame { display: block; position: absolute; top: 0px; left: 0px; } #list .listItem .itemDetails { display: block; width: 430px; float: left; } #list .listItem .itemDesc { display: block; width: 330px; float: left; } #list .listItem .itemDesc .label { display: block; float: left; width: 125px; margin-bottom: 3px; } #list .listItem .itemDesc .value { display: block; float: left; margin-bottom: 3px; } #list .listItem .itemBtns { display: block; width: 100px; float: left; } #list .listItem .itemBtns .itemPrice { font-weight: bold; font-size: 18px; color: #d03713; display: block; padding: 10px 0px 15px 0px; text-align: center; } #list .listItem .itemBtns a { display: block; float: left; width: 100px; } #list .listItem .itemHeading { font-weight: bold; font-size: 18px; color: #d03713; display: block; padding: 10px 0px 15px 0px; } /* ----- BOX LIST ----- */ #boxList {} #boxList .box { float: left; width: 220px; position: relative; height: 215px; margin-right: 4px; } #boxList .box.lastItem { margin-right: 0px !important; } #boxList .box a { display: block; float: left; text-decoration: none; } #boxList .box .frame { display: block; position: absolute; top: 0px; left: 0px; } #boxList .box .thumb { display: block; padding: 8px; height: 153px; width: 204px; background: url(../images/layup/noImage204x153.gif) 8px 8px no-repeat } #boxList .box .title { display: block; padding: 7px 10px 10px 15px; } /* ----- BOX LIST GREEN CARS ----- */ #boxListEco {} #boxListEco .box { float: left; width: auto; position: relative; margin-right:15px; margin-bottom:75px; } #boxListEco .box.last { margin-right:0px !important; } #boxListEco .box a { display: block; float: left; font-weight:normal; text-decoration: none; } #boxListEco .box .more { color:#5b9400; font-weight:bold; font-size:12px; margin-top:15px; } #boxListEco .box span { display:block; } #boxListEco .box .image { margin-bottom:20px;} #boxListEco .box .desc ul { padding:0px; margin:0px 0px 0px 13px; } #boxListEco .box .desc li { margin-bottom:8px; } #boxListEco .box .frame { display: block; position: absolute; top: 0px; left: 0px; } #boxListEco .box .thumb { display: block; padding: 8px; height: 153px; width: 204px; background: url(../images/layup/noImage204x153.gif) 8px 8px no-repeat } #boxListEco .box .title { display: block; padding: 7px 10px 10px 15px; } /* ----- SERVICING LIST ----- */ #jumpServicing {width: 668px; height: 217px; padding:0; } #jumpServicing .box { float: left; width: 334px; height: 146px; padding: 0px; } #jumpServicing .box span { display: none; } #jumpServicing .saverService { background: url(../images/layup/spriteServicing.gif) no-repeat 0 0; position:relative; float:left; } #jumpServicing .saverPlusService { background: url(../images/layup/spriteServicing.gif) no-repeat -334px 0; position:relative; float:left; } #jumpServicing .superService { background: url(../images/layup/spriteServicing.gif) no-repeat -668px 0; position:relative; float:left; } #jumpServicing .superiorService { background: url(../images/layup/spriteServicing.gif) no-repeat -1002px 0; position:relative; float:left; } #jumpServicing a.whatsIncluded { background:url(../images/layup/btnWhatsIncludedNew.gif) top left no-repeat; width: 142px; height: 37px; display: block; position:absolute; top:93px; left:14px; } #jumpServicing a.whatsIncluded:hover { background:url(../images/layup/btnWhatsIncludedNew.gif) bottom left no-repeat; width: 142px; height: 37px; display: block; position:absolute; top:93px; left:14px; } #jumpServicing a.bookService { background:url(../images/layup/btnBookServiceNew.png) top left no-repeat; width: 123px; height: 37px; display: block; position:absolute; top:99px; right:0px;} /* ----- RELATED VEHICLES ----- */ #relatedVehicles { width: 675px; height: 253px; background: url(../images/layup/relatedVehiclesBg.png) no-repeat; position: relative; } #relatedVehicles .padding { padding: 60px 0px 0px 25px; } #relatedVehicles .box { float: left; width: 150px; position: relative; height: 180px; margin-right: 7px; } #relatedVehicles .box.lastItem { margin-right: 0px !important; } #relatedVehicles .box a { display: block; float: left; text-decoration: none; font-weight: normal; } #relatedVehicles .box .frame { display: block; position: absolute; top: 0px; left: 0px; } #relatedVehicles .box .thumb { display: block; padding: 8px 8px 8px 11px; height: 96px; width: 130px; background: url(../images/layup/noImage130x96.gif) 11px 8px no-repeat; } #relatedVehicles .box .title { display: block; padding: 7px 10px 10px 15px; } /* ----- NEW CAR LIST ----- */ #newCarList { background: url(../images/layup/newCarListBg.gif) no-repeat; width: 642px; } #newCarList .padding { padding: 8px 8px 0px 8px !important; width: 626px; } #newCarList table { width: 626px; border-collapse: collapse; } #newCarList table th { color: #FFF; font-size: 18px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 4px; } #newCarList table tr { background: #fadd52; } #newCarList table td { border-top: 1px solid #FFF; font-weight: bold; font-size: 14px; color: #d03713; } #newCarList table tr.altRow { background: #f9b846; } #newCarList table thead tr { background: none; } #newCarList table td.viewBtn div { position: relative; width: 103px; height: 37px; } #newCarList table td.viewBtn a { display: block; position: absolute; top: 0px; left: 15px; width: 103px; height: 37px; } /* ----- NEW CAR DETAIL ----- */ .newCarImage { float: left !important; margin: 0px !important; } #newCarForm { width: 321px; float: right; } #newCarJumps { width: 321px; } #newCarJumps a { display: block; float: left } #newCarText { width: 322px; padding: 5px; } #newCarDetailPrice { height: 46px; width: 280px; background:url(../images/layup/newCarPrices.gif) top left no-repeat; padding: 44px 28px 0px 28px; } #newCarDetailPrice table { width: 100%; height: 37px; } #newCarDetailPrice table td { height: 37px; font-weight: bold; font-size: 1.4em; color: #d03713; } #newCarDetailPriceContract { height: 46px; width: 280px; background:url(../images/layup/contractPrice.gif) top left no-repeat; padding: 44px 28px 0px 28px; } #newCarDetailPriceContract table { width: 100%; height: 37px; } #newCarDetailPriceContract table td { height: 37px; font-weight: bold; font-size: 1.4em; color: #d03713; } #newCarDetailFinance { height: 46px; width: 280px; background:url(../images/layup/newCarFinance.gif) top left no-repeat; padding: 44px 28px 0px 28px; } #newCarDetailFinance table { width: 100%; height: 37px; } #newCarDetailFinance table td { height: 37px; font-weight: bold; font-size: 1.4em; color: #d03713; } #financeText { width: 322px; padding: 5px; background:#f9cf2b; } /* ----- USED CAR DETAIL ----- */ #usedDetail #usedCarPhoto { float: left; margin: 0px 0px 0px 0px; position: relative; width: 332px; } #usedDetail #usedCarPhoto .frame { position: absolute; top: 0px; left: 0px; } #usedDetail #usedCarPhoto .itemImage { padding: 8px; background: url(../images/layup/noImage316x237.gif) 8px 8px no-repeat; width: 316px; height: 237px; } #usedDetail #usedCarThumbs { float: left; width: 332px; } #usedDetail #usedCarThumbs { position: relative; margin-top: 7px; } #usedDetail #usedCarThumbs #thumbPrev { position: absolute; top: 0px; left: 0px; cursor: pointer; z-index: 999; } #usedDetail #usedCarThumbs #thumbNext { position: absolute; top: 0px; right: 0px; cursor: pointer; z-index: 999; } #usedDetail #usedCarThumbs #thumbWindow { width: 332px; height: 82px; overflow: hidden; position: relative; } #usedDetail #usedCarThumbs #thumbWindow #thumbImage img { display: inline; } #usedDetail #usedCarThumbs #thumbWindow #thumbImage { width: 1000px; padding: 8px 0px 0px 8px; height: 74px; } #usedDetail #usedCarThumbs #thumbWindow #thumbImage .thumb { display: block; position: relative; float: left; width: 112px; height: 66px; } #usedDetail #usedCarThumbs #thumbWindow #thumbImage .frame { display: block; position: absolute; top: -8px; left: -8px; } #usedDetail #detailsJumps { width: 343px; float: right; } #usedDetail #detailsJumps #domTabs { width: 340px; line-height: normal; float: right; } #usedDetail #detailsJumps #domTabs #domHeadings { width: 340px; height: 48px; } #usedDetail #detailsJumps #domTabs .carDetails { background: url(../images/layup/spriteDomTabs.png) 0px 0px no-repeat; } #usedDetail #detailsJumps #domTabs .carSpec { background: url(../images/layup/spriteDomTabs.png) 0px -48px no-repeat; } #usedDetail #detailsJumps #domTabs .carWarranty { background: url(../images/layup/spriteDomTabs.png) 0px -96px no-repeat; } #usedDetail #detailsJumps #domTabs #domHeadings #carDetails { display: block; width: 117px; height: 48px; float: left; cursor: pointer; position: relative; } #usedDetail #detailsJumps #domTabs #domHeadings #carSpec { display: block; width: 123px; height: 48px; float: left; cursor: pointer; position: relative; } #usedDetail #detailsJumps #domTabs #domHeadings #carWarranty { display: block; width: 100px; height: 48px; float: left; cursor: pointer; position: relative; } #usedDetail #detailsJumps #domTabs #contentBoxes { background: url(../images/layup/domTabBoxBg.png) repeat-y; height: 185px; } #usedDetail #detailsJumps #domTabs #contentBoxes #carDetailsBox .padding, #usedDetail #detailsJumps #domTabs #contentBoxes #carSpecBox .padding, #usedDetail #detailsJumps #domTabs #contentBoxes #carWarrantyBox .padding { padding: 10px 12px 10px 12px; margin: 0px 8px 0px 8px; height: 93px; color: #FFF; overflow: auto; } #usedDetail #detailsJumps #domTabs #contentBoxes #carDetailsBox table { width: 100%; } #usedDetail #detailsJumps #domTabs #contentBoxes #carDetailsBox td { padding: 4px; border-bottom: 1px solid #ee7d61; } #usedDetail .price { float: right; color: #d03713; font-weight: bold; font-size: 18px; padding: 10px; } #usedDetail .heading { color: #d03713; font-weight: bold; font-size: 18px; padding: 10px; } #usedDetail #usedJumps { float: left; height:104px; width:676px; } #usedDetail #usedJumps a { display: block; float: left; height:104px; } #usedDetail #usedJumps a#jumpTestDrive { width:116px; background:url(../images/layup/spriteUsedCarJumps.gif) left top no-repeat; } #usedDetail #usedJumps a#jumpTestDrive:hover { background:url(../images/layup/spriteUsedCarJumps.gif) left bottom no-repeat; } #usedDetail #usedJumps a#jumpVehicleEnquiry { width:112px; background:url(../images/layup/spriteUsedCarJumps.gif) -116px top no-repeat; } #usedDetail #usedJumps a#jumpVehicleEnquiry:hover { background:url(../images/layup/spriteUsedCarJumps.gif) -116px bottom no-repeat; } #usedDetail #usedJumps a#jumpValueMy { width:112px; background:url(../images/layup/spriteUsedCarJumps.gif) -228px top no-repeat; } #usedDetail #usedJumps a#jumpValueMy:hover { background:url(../images/layup/spriteUsedCarJumps.gif) -228px bottom no-repeat; } #usedDetail #usedJumps a#jumpSaveTo { width:111px; background:url(../images/layup/spriteUsedCarJumps.gif) -340px top no-repeat; } #usedDetail #usedJumps a#jumpSaveTo:hover { background:url(../images/layup/spriteUsedCarJumps.gif) -340px bottom no-repeat; } #usedDetail #usedJumps a#jumpSendTo { width:110px; background:url(../images/layup/spriteUsedCarJumps.gif) -451px top no-repeat; } #usedDetail #usedJumps a#jumpSendTo:hover { background:url(../images/layup/spriteUsedCarJumps.gif) -451px bottom no-repeat; } #usedDetail #usedJumps a#jumpPrint { width:115px; background:url(../images/layup/spriteUsedCarJumps.gif) -561px top no-repeat; } #usedDetail #usedJumps a#jumpPrint:hover { background:url(../images/layup/spriteUsedCarJumps.gif) -561px bottom no-repeat; } /* ----- FRANCHISE HOME PAGES ----- */ #franchiseCarJumps { position: relative; height: 140px; } #franchiseCarJumps #jumpNewOffers { position: relative; width: 336px; height: 168px; display: block; background: url(../images/layup/franchiseNewOffersBg.png) no-repeat; left: 0px; position: absolute; top: -28px; } #franchiseCarJumps #jumpUsedCars { position: relative; width: 336px; height: 168px; display: block; background: url(../images/layup/franchiseUsedCarsBg.png) no-repeat; right: 0px; position: absolute; top: -28px; } #franchiseCarJumps #clickHereLeft { position: absolute; top: 125px; left: -4px; } #franchiseCarJumps #clickHereRight { position: absolute; top: 125px; right: -4px; } /* ----- DOM TABS ----- */ #usedVehicleDetails { float: left; margin-right: 2px; font-family:Verdana, Arial, Helvetica, sans-serif; } #usedVehicleDetails .domtab { } #usedVehicleDetails .tabset_tabs { padding: 0; margin:0; list-style:none; } #usedVehicleDetails .tabset_tabs li { float:left; margin-right:5px; } #usedVehicleDetails .tabset_tabs li.last { margin-right:0px; } #usedVehicleDetails .tabset_print { display: none; } #usedVehicleDetails .trAlt { background:#f2f2f2; } #usedVehicleDetails .tabset_content { display:none; } #usedVehicleDetails .tabset_content table { /*border: 5px solid #e1e1e1; */margin-left: 3px; margin-top: 3px; } #usedVehicleDetails .tabset_content .title { vertical-align: top; font-size: 1.2em; font-weight: bold; padding-bottom: 10px; padding-top:10px; padding-left: 10px; } #usedVehicleDetails .tabset_content .price { vertical-align: top; color:#FF0000; font-size: 1.2em; font-weight: bold; padding-bottom: 10px; padding-top:10px; padding-left: 6px; } #usedVehicleDetails .tabset_content td { height: 26px; font-size: 0.9em; font-family:Verdana, Arial, Helvetica, sans-serif; } #usedVehicleDetails .tabset_content tfoot {/* background: #e1e1e1;*/ height: 40px; } #usedVehicleDetails .tabset_tabs a:hover { color:#FFF; text-decoration:none; background: #000; padding:5px 14px 6px 14px; } #usedVehicleDetails .tabset_tabs .active a { color:#FFF; text-decoration:none; background: #000; padding:5px 14px 6px 14px; } #usedVehicleDetails .tabset_tabs a { font-size: 0.9em; background: #AAAAAA; color: #FFF; text-decoration:none; font-weight: bold; padding:5px 14px 6px 14px; /*border-top: 2px solid #e1e1e1; border-left: 2px solid #e1e1e1; border-right: 2px solid #e1e1e1;*/ display:block; float: left; } #financeCalculator { padding: 10px 15px 15px 15px; } #financeCalculator td { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; } /* ----- OFFER TABS ----- */ #offerTabs .padding { padding: 0; } #offerTabLinks { padding: 0; margin: 0; list-style: none; height: 55px; background: url(../images/layup/tabOffersBg.gif) bottom right no-repeat; width: 655px; margin-bottom: 10px; } #offerTabLinks li { float: left; } #offerTabLinks span { display: none; } #offerTabLinks a { display: block; height: 48px; } #offerTabLinks #offerNew a { width: 159px; background: url(../images/layup/spriteOffers.gif) 0px 0px no-repeat; } #offerTabLinks #offerUsed a { width: 158px; background: url(../images/layup/spriteOffers.gif) -159px 0px no-repeat; } #offerTabLinks #offerContract a { width: 195px; background: url(../images/layup/spriteOffers.gif) -317px 0px no-repeat; } #offerTabLinks #offerNew.active a { background: url(../images/layup/spriteOffers.gif) 0px -48px no-repeat; } #offerTabLinks #offerUsed.active a { background: url(../images/layup/spriteOffers.gif) -159px -48px no-repeat; } #offerTabLinks #offerContract.active a { background: url(../images/layup/spriteOffers.gif) -317px -48px no-repeat; } /* ----- OFFER BOX LIST ----- */ .offerBoxList {} .offerBoxList .box { float: left; width: 220px; position: relative; height: 169px; margin-bottom: 5px; } .offerBoxList .box.lastItem { margin-right: 0px !important; } .offerBoxList .box a { display: block; float: left; text-decoration: none; } .offerBoxList .box .frame { display: block; position: absolute; top: 0px; left: 0px; } .offerBoxList .box .thumb { display: block; padding: 8px; height: 153px; width: 204px; background: url(../images/layup/noImage204x153.gif) 8px 8px no-repeat } /* ---- OFFER CAR DETAIL 25-02-10 ----- */ #offerCarDetail { width:627px; float:left; background:url(../images/layup/newDetailsBg.jpg) top left no-repeat; padding:30px 24px 0 24px; } #offerCarDetail #offerCarForm { width:275px; float: right; } #offerCarDetail #contactForm { background:none; width:275px; height:auto; } #offerCarDetail #contactForm .padding { padding-top:0px; padding-bottom:0px; } #offerCarDetail #contactForm .padding form { padding-top: 10px; } #offerCarDetail #contactForm .padding input, #offerCarDetail #contactForm .padding textarea { margin-top: 7px; width: 230px; } #offerCarDetali #contactForm .padding textarea { height: 43px !important; } #offerCarDetail #contactForm .padding a { display: block; } #offerCarDetail #recaptchContain { float:left; margin-top:5px; margin-bottom:0px; } #offerCarDetail #recaptchContain p { padding:0px; font-size:10px;} #offerCarDetailBottom { width:675px; float:left; margin-top:-4px; margin-bottom: 20px; } #offerCarOptions { height: 98px; float:left; margin-bottom:20px; margin-top: 16px; width: 332px; } #offerCarOptions a { display:block; float:left; height: 98px; } #offerCarOptions #testDrive { width: 85px; background:url(../images/layup/spriteOfferCarJumps.gif) 0px 0px no-repeat;} #offerCarOptions #brochure { width: 91px; background:url(../images/layup/spriteOfferCarJumps.gif) -86px top no-repeat;} #offerCarOptions #finance { width: 81px; background:url(../images/layup/spriteOfferCarJumps.gif) -176px top no-repeat;} #offerCarOptions #valueMy { width: 75px; background:url(../images/layup/spriteOfferCarJumps.gif) -257px top no-repeat;} #offerCarOptions #testDrive:hover { background:url(../images/layup/spriteOfferCarJumps.gif) 0px -98px no-repeat;} #offerCarOptions #brochure:hover { background:url(../images/layup/spriteOfferCarJumps.gif) -86px -98px no-repeat;} #offerCarOptions #finance:hover { background:url(../images/layup/spriteOfferCarJumps.gif) -176px -98px no-repeat;} #offerCarOptions #valueMy:hover { background:url(../images/layup/spriteOfferCarJumps.gif) -257px -98px no-repeat;} #newCarDetailText { padding:0 5px; } #newCarDetailText #viewLatestDeals { float:right; margin-top:5px; } /* COMPARE VEHICLES PAGES */ #compareVehicles table td { padding: 5px; } #compareVehicles table .frameMedium img { padding: 1px; border: 2px solid #f8c513;} #compareVehicles table .details a { text-decoration: none; display: block; padding: 5px; color: #AA0000; } /* ----- ONLINE SHOP HOLDING PAGE ----- */ #frmShopOpening { width:674px; background:url(../images/layup/formComingSoonBg.gif) no-repeat left top; } #frmShopOpening fieldset { padding:55px 0 0 28px; } #frmShopOpening div { margin:0 0 10px; } #frmShopOpening input { width:232px; } #frmShopOpening select { width:235px; } #frmShopOpening .required { color:#000; } #frmShopOpening #submit { width:99px; height:36px; position:relative; left:-31px; } #frmShopOpening .validation-advice { width:auto; border:none; background:none; text-align:center; } /* ----- 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;} .specialOffer { position: absolute; top: -10px; left: -10px; z-index: 999; display: block; } /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;} h1 { font-size: 14px; color: #00b7e3; padding: 0px 0px 10px 0px; } h1.homeHeading { font-size: 22px; color: #00b7e3; } /* ----- TOP NAVIGATION ----- */ #primaryNav { float: right; } #primaryNav ul { list-style: none; margin: 0; padding: 0; } #primaryNav li { float: left; } #primaryNav li a { display: block; float: left; padding: 0px 0px 0px 15px; text-decoration: none; font-size: 14px; color: #FFF; } #primaryNav li a:hover, #primaryNav li a.active { background: url(../images/layup/homeNavLeft.jpg) no-repeat top left; } #primaryNav li a span { display: block; padding: 20px 25px 14px 10px; } #primaryNav li a:hover span, #primaryNav li a.active span { background: url(../images/layup/homeNavRight.jpg) no-repeat top right; } /* ----- 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 11px no-repeat; padding:6px 0 5px 15px;} /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #breadcrumbs { padding: 10px 0px 15px 0px; } #breadcrumbs a { font-weight: normal; text-decoration: none; } #breadcrumbs .backPage a { float: right; font-weight: bold; } #breadcrumbs span { font-weight: bold; } .pagination { float: right; width: 219px; } .pagination ul { float: right; list-style: none; margin: 0px; padding: 0px 15px 0px 0px; } .pagination li { float: left; display: inline; margin: 0px; padding: 0px; } .pagination li img { display: inline; position: relative; top: -3px; } .pagination a { padding: 0px 3px 0px 3px; text-decoration: none; color: #cc2823; } .pagination a:hover { text-decoration: none; background:#cc2823; color:#FFFFFF; } .pagination .active { text-decoration: none; background:#cc2823; color:#FFFFFF; } .pagination span { display: block; float: left; padding: 0px 2px 0px 2px; } .pagination .nextPrev, .pagination .nextPrev:hover { background: none; } #sortBy { width: 167px; float: right; } #sortBy label { display: block; float: left; width: 40px; } #sortBy select { float: left; position: relative; top: -3px; } #searchResults { width: 116px; float: right; } /* ----- FOOTER ----- */ #footer { background: url(../images/layup/footerBg.gif) no-repeat center; text-align:center; height: 133px; color: #383e3f; font-size:110%; line-height: normal; } #footer .padding { padding: 17px 0px 0px 160px; } #footer #footerWrapper { width: 925px; text-align: left; margin:0 auto; line-height: normal; position: relative; } #footer #footerWrapper #footerLogo { position: absolute; top: 19px; left: 19px; } #footer a { color: #383e3f; font-weight:normal; text-decoration:none;} #footer a:hover { text-decoration:underline;} #footer p { padding:0 0 5px; } /* ----- FOOTER LARGE (LOCATION PAGE) ----- */ #footerLarge { background: url(../images/layup/footerLargeBg.gif) no-repeat center; text-align:center; height: 275px; color: #383e3f; font-size:110%; line-height: normal; } #footerLarge .padding { padding: 17px 0px 0px 160px; } #footerLarge #siteLinks { margin-bottom:10px; } #footerLarge #siteLinks ul { border-right:1px solid #d84a27; margin:0 0 10px 0; list-style:none; padding:0 10px 0 10px; float:left; } #footerLarge #siteLinks ul.end { border:none; margin:0; padding:0; } #footerLarge #siteLinks ul li { padding:0; margin:0; } #footerLarge #siteLinks ul li a {} #footerLarge #footerWrapper { width: 925px; text-align: left; margin:0 auto; line-height: normal; position: relative; } #footerLarge #footerWrapper #footerLogo { position: absolute; top: 19px; left: 19px; } #footerLarge a { color: #383e3f; font-weight:normal; text-decoration:none;} #footerLarge a:hover { text-decoration:underline;} #footerLarge p { padding:0 0 5px; } /* ----- GLOBAL ----- */ img { display:block; border:0; } p { padding:0 0 15px 0; margin:0; } address { font-style:normal;} /* ----- LINKS ----- */ a { color:#000000; font-weight:bold; text-decoration:underline;cursor:pointer; } a:hover { text-decoration:none; } /* ----- FORMS ----- */ form { padding:0; margin:0; } fieldset { padding:0; margin:0; border:0px none; } legend { padding:0; margin:0; display:none; } label { display:block; width:260px; float:left; } input, textarea { width:200px; font-size:11px !important;} .required { color:#d84a27;} .checkRadio { width:20px !important; position:relative; left:-7px;} #frmContact { margin-bottom:15px;} #frmContact p { padding:7px 0;} #frmContact select { width:204px;} #frmContact div { margin-bottom:10px;} #submit { width: 100px; height: 37px; border:none;} .btnSubmit { display: block; width: 105px; height: 39px; background: url(../images/layup/btnSubmit.png) no-repeat; position: relative; top: 15px; left: -41px; } .btnSearch { display: block; width: 103px; height: 34px; background: url(../images/layup/btnSearch.png) no-repeat; float: right; position: relative; top: -5px; right: -21px; } .btnSignUp { display: block; width: 103px; height: 38px; background: url(../images/layup/btnSignUp.png) no-repeat; position: absolute; bottom: 5px; right: 0px; } .btnFindUs { display: block; width: 103px; height: 38px; background: url(../images/layup/btnFindUs.png) no-repeat; position: absolute; bottom: 5px; right: 0px; } .btnViewShop { display: block; width: 103px; height: 38px; background: url(../images/layup/btnViewShop.png) no-repeat; position: absolute; bottom: 5px; right: 0px; } .btnSubmit span, .btnViewShop span, .btnFindUs span, .btnSearch span, .btnSignUp span { display: none !important; } #btnFind { width: 64px !important; height: 24px; margin-top: -3px; } /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #d84a27; color : #FF3300; } input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; } .validation-advice { margin: 5px 0; width:448px; padding: 5px; background-color: #d84a27; border: 2px solid #000; 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;} /* The main calendar widget. DIV containing a table. */ .calendar { position: relative; display: none; border: 1px solid; border-color: #fff #000 #000 #fff; font-size: 11px; cursor: default; background: Window; color: WindowText; font-family: tahoma,verdana,sans-serif; } .calendar table { border: 1px solid; border-color: #fff #000 #000 #fff; font-size: 11px; cursor: default; background: Window; color: WindowText; font-family: tahoma,verdana,sans-serif; width: 300px !important; } /* Header part -- contains navigation buttons and day names. */ .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */ text-align: center; padding: 1px; border: 1px solid; border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; background: ButtonFace; } .calendar .nav { background: ButtonFace url(menuarrow.gif) no-repeat 100% 100%; } .calendar thead .title { /* This holds the current "month, year" */ font-weight: bold; padding: 1px; border: 1px solid #000; background: ActiveCaption; color: CaptionText; text-align: center; } .calendar thead .headrow { /* Row containing navigation buttons */ } .calendar thead .daynames { /* Row containing the day names */ } .calendar thead .name { /* Cells containing the day names */ border-bottom: 1px solid ButtonShadow; padding: 2px; text-align: center; background: ButtonFace; color: ButtonText; } .calendar thead .weekend { /* How a weekend day name shows in header */ color: #f00; } .calendar thead .hilite { /* How do the buttons in header appear when hover */ border: 2px solid; padding: 0px; border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; } .calendar thead .active { /* Active (pressed) buttons in header */ border-width: 1px; padding: 2px 0px 0px 2px; border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow; } /* The body part -- contains all the days in month. */ .calendar tbody .day { /* Cells containing month days dates */ width: 2em; text-align: right; padding: 2px 4px 2px 2px; } .calendar tbody .day.othermonth { font-size: 80%; color: #aaa; } .calendar tbody .day.othermonth.oweekend { color: #faa; } .calendar table .wn { padding: 2px 3px 2px 2px; border-right: 1px solid ButtonShadow; background: ButtonFace; color: ButtonText; } .calendar tbody .rowhilite td { background: Highlight; color: HighlightText; } .calendar tbody td.hilite { /* Hovered cells */ padding: 1px 3px 1px 1px; border-top: 1px solid #fff; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #fff; } .calendar tbody td.active { /* Active (pressed) cells */ padding: 2px 2px 0px 2px; border: 1px solid; border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow; } .calendar tbody td.selected { /* Cell showing selected date */ font-weight: bold; border: 1px solid; border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow; padding: 2px 2px 0px 2px; background: ButtonFace; color: ButtonText; } .calendar tbody td.weekend { /* Cells showing weekend days */ color: #f00; } .calendar tbody td.today { /* Cell showing today date */ font-weight: bold; color: #00f; } .calendar tbody td.disabled { color: GrayText; } .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */ visibility: hidden; } .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */ display: none; } /* The footer part -- status bar and "Close" button */ .calendar tfoot .footrow { /* The in footer (only one right now) */ } .calendar tfoot .ttip { /* Tooltip (status bar) cell */ background: ButtonFace; padding: 1px; border: 1px solid; border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow; color: ButtonText; text-align: center; } .calendar tfoot .hilite { /* Hover style for buttons in footer */ border-top: 1px solid #fff; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #fff; padding: 1px; background: #e4e0d8; } .calendar tfoot .active { /* Active (pressed) style for buttons in footer */ padding: 2px 0px 0px 2px; border-top: 1px solid #000; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #000; } /* Combo boxes (menus that display months/years for direct selection) */ .calendar .combo { position: absolute; display: none; width: 4em; top: 0px; left: 0px; cursor: default; border: 1px solid; border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; background: Menu; color: MenuText; font-size: 90%; padding: 1px; z-index: 100; } .calendar .combo .label, .calendar .combo .label-IEfix { text-align: center; padding: 1px; } .calendar .combo .label-IEfix { width: 4em; } .calendar .combo .active { padding: 0px; border: 1px solid #000; } .calendar .combo .hilite { background: Highlight; color: HighlightText; } .calendar td.time { border-top: 1px solid ButtonShadow; padding: 1px 0px; text-align: center; background-color: ButtonFace; } .calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm { padding: 0px 3px 0px 4px; border: 1px solid #889; font-weight: bold; background-color: Menu; } .calendar td.time .ampm { text-align: center; } .calendar td.time .colon { padding: 0px 2px 0px 3px; font-weight: bold; } .calendar td.time span.hilite { border-color: #000; background-color: Highlight; color: HighlightText; } .calendar td.time span.active { border-color: #f00; background-color: #000; color: #0f0; } /* ----- OVER 60's CLUB ----- */ .fullWidthForm { width:639px; min-height:580px; background:url(../images/layup/fullWidthFormBg.jpg) top left no-repeat; padding:18px 18px 0px; } .fullWidthForm form { margin-top:15px; } .fullWidthForm form div { width:318px; margin-bottom:10px; float:left; } .fullWidthForm form div.fullWidth { width:639px; } .fullWidthForm form label { width:90px; float:left; text-align:right; padding:2px 5px 0px 0px; } .fullWidthForm form input { border: 1px solid #7f9db9; float:left; } .fullWidthFormBottom { width:675px; height:31px; background:url(../images/layup/fullWidthFormBottom.jpg) no-repeat; } .fullWidthForm form .formSeperator { margin:20px 0px; float:left; } .fullWidthForm form .calenderInput { width: 170px; } .fullWidthForm form .calenderBtn { float:left; margin-left:12px;} .fullWidthForm form .submit { position:absolute; right:-22px; top:5px; border:none; width:101px; height:34px; } .fullWidthForm .validation-advice { width:283px !important; float:none !important; clear:both; } /* ----- RECAPTCHA ----- */ #recaptcha_widget { width: 231px; } #recaptcha_widget div{ margin-bottom:0 !important; } #recaptcha_image { width: 200px !important; float: left; padding-left: 0px !important; } #recaptcha_image img { width: 200px; height: 39px; margin-top:10px; } #recaptch_options { width: 200px; float: left; padding-right: 10px; } #recaptch_options div { margin-bottom: 0; } /* ---- NEW CAR DETAIL 13-01-10 ----- */ #newCarDetail { width:627px; float:left; background:url(../images/layup/newDetailsBg.jpg) top left no-repeat; padding:30px 24px 0 24px; } #newCarDetail #newCarForm { width:275px; } #newCarDetail #contactForm { background:none; width:275px; height:auto; } #newCarDetail #contactForm .padding { padding-top:0px; padding-bottom:0px; } #newCarDetail #contactForm .padding form { padding-top: 10px; } #newCarDetail #contactForm .padding input, #newCarDetail #contactForm .padding textarea { margin-top: 7px; width: 230px; } #newCarDetail #contactForm .padding textarea { height: 43px; } #newCarDetail #contactForm .padding a { display: block; } #newCarDetail #recaptchContain { float:left; margin-top:5px; margin-bottom:0px; } #newCarDetail #recaptchContain p { padding:0px; font-size:10px;} #newCarDetail #offersRanging { width:294px; height:67px; float:left; margin:15px 0 0 3px; padding:30px 16px 0; background:url(../images/layup/offersRangingBg.png) no-repeat; } #newCarDetail #offersRanging table { width:295px; border:1px solid #f9c718; } #newCarDetail #offersRanging td { text-align:center; width:33%; color:#000; padding:3px 0px;font-weight:bold; } #newCarDetail #offersRanging td.title { color:#fff; border-right:1px solid #f9c718; } #newCarDetail #offersRanging td.amount { background:#f9c718; border-right:1px solid #d13713; font-size: 1.5em; } #newCarDetailBottom { width:675px; float:left; margin-top:-4px; } #newCarOptions { height:102px; float:left; margin-bottom:20px; } #newCarOptions a { display:block; float:left; height:102px } #newCarOptions #testDrive { width:116px; margin-top:10px; background:url(../images/layup/spriteNewCarJumps.gif) left top no-repeat;} #newCarOptions #brochure { width:112px; margin-top:10px; background:url(../images/layup/spriteNewCarJumps.gif) -116px top no-repeat;} #newCarOptions #finance { width:112px; margin-top:10px; background:url(../images/layup/spriteNewCarJumps.gif) -228px top no-repeat;} #newCarOptions #valueMy { width:116px; margin-top:10px; background:url(../images/layup/spriteNewCarJumps.gif) -345px top no-repeat;} #newCarOptions #testDrive:hover { background:url(../images/layup/spriteNewCarJumps.gif) left bottom no-repeat;} #newCarOptions #brochure:hover { background:url(../images/layup/spriteNewCarJumps.gif) -116px bottom no-repeat;} #newCarOptions #finance:hover { background:url(../images/layup/spriteNewCarJumps.gif) -228px bottom no-repeat;} #newCarOptions #valueMy:hover { background:url(../images/layup/spriteNewCarJumps.gif) -345px bottom no-repeat;} #newCarOptions #viewLatestDeals { float:left; margin-top:5px; } #newCarDetailText { float:left; padding:0 5px; } /* ----- FUNDING METHODS ----- */ .fundingBox { width:681px; float:left; background:url(../images/layup/fundingBoxBg.gif) repeat-y; min-height:150px; } .fundingBox .padding { padding:0 30px !important; } .fundingBox .padding .title { color:#d84a27; font-size:14px; font-weight:bold; padding-bottom:5px; } .fundingBox .padding .image { float:right; padding:15px 0 15px 15px; } .fundingBox p { font-size:12px; } .fundingBoxBottom { float:left; width:681px; margin-bottom:20px; } /* ----- SERVICING MARCH 2010 ----- */ #servicing { width: 682px; float: left; font-size:12px; } #servicing .title { font-size:27px; color:#e57f35; font-weight:bold; } #servicing .subtitle { font-size:14px; color:#00b7e3; font-weight:bold;} #servicing li { list-style:none; padding-bottom:5px; } #servicing #domTabs { width: 682px; line-height: normal; float: right; margin-bottom:20px; } #servicing #domTabs #domHeadings { width: 682px; height: 107px; } #servicing #domTabs #domHeadings a { display:block; float:left; } #servicing #domTabs #domHeadings #offer1 { width: 150px; height: 107px; float: left; background:url(../images/layup/spriteServiceTabs.gif) 0px 0px no-repeat; } #servicing #domTabs #domHeadings #offer1.active { background:url(../images/layup/spriteServiceTabs.gif) 0px -107px no-repeat; } #servicing #domTabs #domHeadings #offer2 { width: 136px; height: 107px; background:url(../images/layup/spriteServiceTabs.gif) -150px 0px no-repeat;} #servicing #domTabs #domHeadings #offer2.active { background:url(../images/layup/spriteServiceTabs.gif) -150px -107px no-repeat;} #servicing #domTabs #domHeadings #offer3 { width: 153px; height: 107px; background:url(../images/layup/spriteServiceTabs.gif) -286px 0px no-repeat;} #servicing #domTabs #domHeadings #offer3.active { background:url(../images/layup/spriteServiceTabs.gif) -286px -107px no-repeat;} #servicing #domTabs #domHeadings #offer4 {width: 240px; height: 107px; background:url(../images/layup/spriteServiceTabs.gif) -439px 0px no-repeat; } #servicing #domTabs #domHeadings #offer4.active { background:url(../images/layup/spriteServiceTabs.gif) -439px -107px no-repeat;} #servicing #domTabs #contentBoxes { background: url(../images/layup/domTabServiceBoxBg.jpg) repeat-y; } #servicing #domTabs #contentBoxesTop { } #servicing #domTabs #contentBoxes .content { width:635px; margin:0 auto; } #servicing #domTabs #contentBoxes .content .padding { padding:15px; float:left; background:url(../images/layup/serviceTabContentTop.gif) no-repeat 0 0 #fff; } #servicing #domTabs #contentBoxes .content .padding .title { font-size:13px; margin-bottom:10px; border-bottom:1px solid #bfbfbf; color:#000; font-weight:normal; } #servicing #domTabs #contentBoxes .content .padding ul.blue { margin:0; padding:0;} #servicing #domTabs #contentBoxes .content .padding ul.blue li{ width:275px; float:left; font-size:12px; margin:10px 0 0 0; padding:0 0 0 25px; list-style:none; background:url(../images/layup/iconBlueTick.gif) no-repeat left center;} #servicing #domTabs #contentBoxes .content .padding ul.orange { margin:0; padding:0;} #servicing #domTabs #contentBoxes .content .padding ul.orange li{ width:275px; float:left; font-size:12px; margin:10px 0 0 0; padding:0 0 0 25px; list-style:none; background:url(../images/layup/iconOrangeTick.gif) no-repeat left center;} #servicing #domTabs #contentBoxes .content .padding .orangeText { color:#d84a27;} #servicing #domTabs #contentBoxes .content .padding .blueText { color:#00b7e3;} #servicing #domTabs #contentBoxes .content .padding .btnBookService { float:right; position:relative; margin:30px 0; } #servicing #domTabs #contentBoxes .content .padding .btnBookService .btn { position:absolute; right:-40px;} /*------ Directions Pages footer links -------*/ ul.directionsFooterLinks{list-style:none;} ul.directionsFooterLinks li{ float: left; width: 150px; list-style:none; text-align:center; border-right: solid 1px #383E3F;} ul.directionsFooterLinks li.last{ border: none } ul.directionsFooterLinks li a{}