/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : - - - - - - - - - - - - - Author : James Greenwood / james.greenwood@gforces.co.uk / G-Forces Web Management Ltd - - - - - - - - - - - - - - Type: Screen, Projection - - Description : Screen and projection stylesheet for OMC site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { font:62.5%/1.6 Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; background:url(../images/layup/bgSlice.gif) top left repeat; 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 { text-align:left; font-size:110%; line-height: normal; background:url(../images/layup/bg.jpg) no-repeat top center; margin:0 auto; } #containerInner { width:920px; margin:0 auto; } #printHeader { display:none; } #header { width:920px; height:99px; position: relative; z-index: 2; } #header #logo { width:165px; height:57px; position: absolute; top:29px; left: 14px; } #header .separator { width:1px; height:46px; background:url(../images/layup/headerSeparator.jpg) no-repeat; position:absolute; top:36px; left:193px; } #header #badgeFord { width:133px; height:56px; position: absolute; top:35px; left: 201px; } #header #badgeKIA { width:95px; height:55px; position: absolute; top: 34px; left:339px; } #header #contactDetails { width:163px; height:74px; position: absolute; top:7px; right: 18px; } #header #motability { position:absolute; left:445px; top:35px; } #mainImg { float:right; z-index:1; position:absolute; } /*------HOME JUMPS------*/ #homeJumps { margin:0 0 18px 0; } #homeJumps .box { width:288px; margin:0 28px 0 0; float:left; } #homeJumps .last { margin:0; } #homeJumps .box a { background:url(../images/layup/jumpHomeBoxBg.gif) no-repeat bottom left; display: block; text-decoration: none; font-weight:normal; cursor: pointer; } #homeJumps .box .title { width:288px; height:44px; display:block; } #homeJumps .box .thumb { width:276px; padding:5px 6px 10px 6px; display:block; } #homeJumps .box .description { width:170px; padding:0 0 12px 9px; float:left; display:block; } #homeJumps .box .btnBack a { width:42px; height:29px; background:url(../images/layup/spriteBtnBackForward.jpg) no-repeat right -30px; float:right; margin:0 6px 12px 7px; display:inline; } #homeJumps .box .btnBack a:hover { background:url(../images/layup/spriteBtnBackForward.jpg) no-repeat right top; } #homeJumps .box .btnBack span { display:none; } #homeJumps .box .btnForward a { width:42px; height:29px; background:url(../images/layup/spriteBtnBackForward.jpg) no-repeat left -30px; float:right; } #homeJumps .box .btnForward a:hover { background:url(../images/layup/spriteBtnBackForward.jpg) no-repeat left top; } #homeJumps .box .btnForward span { display:none; } #homeJumps .box .btnGo { width:62px; height:42px; background:url(../images/layup/btnGo.jpg) no-repeat 0 0; margin:0 6px 12px 0; float:right; } #leftColHome { width:288px; float:left; } #leftColHome #dealerLocations { margin:0 0 15px 0; } #leftColHome #dealerLocations .title { width:288px; height:44px; } #leftColHome #dealerLocations .inner { width:288px; background:url(../images/layup/boxBgLarge.gif) no-repeat bottom left; display:block; } #leftColHome #dealerLocations .inner .expandBtn a { width:34px; height:34px; background:url(../images/layup/spritePlusMinus.jpg) no-repeat top left; margin:6px 0 6px 6px; float:left; } #leftColHome #dealerLocations .inner .expandBtn a span { display:none; } #leftColHome #dealerLocations .inner .expandBtn .active { background:url(../images/layup/spritePlusMinus.jpg) no-repeat bottom left; } #leftColHome #dealerLocations .inner address { width:200px; padding:15px 32px 12px 6px; background:url(../images/layup/locationBoxDashes.jpg) repeat-x bottom; float:left; } #leftColHome #dealerLocations .inner .last { background:none; } #leftColHome #btnSignUpHere { width:288px; height:87px; } #rightColHome { width:606px; float:right; } #rightColHome #mainContentHome { width:586px; background:#fff; padding:0 10px 0 10px; } #rightColHome #mainContentHomeTop { width:606px; height:15px; background:url(../images/layup/mainContentHomeTop.gif) no-repeat; } #rightColHome #mainContentHomeBottom { width:606px; height:15px; background:url(../images/layup/mainContentHomeBottom.gif) no-repeat top; margin:0 0 76px 0; } /* ----- LEFT COLUMN ----- */ #leftCol { width:209px; margin:6px 0 0 0; float:left; } /*------ADVANCED SEARCH------*/ #usedCarSearch { margin:20px 0 0px 0; position:relative; float:left; z-index:2; } #usedCarSearchInner { width:207px; background:url(../images/layup/advancedSearchBg.png) no-repeat; } #usedCarSearch .title { width:175px; height:14px; padding:13px 0 13px 19px; display:block; } #usedCarSearch .checkRadio { width:20px; position:relative; left:14px; margin:0 60px 10px 0; } #usedCarSearch .vans { width:38px; height:13px; display:block; position:absolute; top:41px; left:40px; } #usedCarSearch .cars { width:37px; height:13px; display:block; position:absolute; top:41px; left:120px; } #usedCarSearch .usedCarSelect { width:174px; height:20px; margin:0 0 6px 17px; } #usedCarSearch #usedSearchBtnAdvanced { float:right; margin:5px 0 5px 0; display:inline; } #usedCarSearch #btnUsedSearch { width:208px; height:56px; border:none; } #leftCol .box { width:208px; margin:0 0 12px 0; } #leftCol .box .title { width:208px; height:44px; } #leftCol .box .boxInner { width:208px; background:url(../images/layup/boxBg.gif) no-repeat bottom left; display:block; } #leftCol .box #locations { padding:0 0 10px 0; } #leftCol .box #locations .expandBtn a { width:34px; height:34px; background:url(../images/layup/spritePlusMinus.jpg) no-repeat top left; margin:6px 0 6px 6px; float:left; } #leftCol .box #locations .expandBtn a span { display:none; } #leftCol .box #locations .expandBtn .active { background:url(../images/layup/spritePlusMinus.jpg) no-repeat bottom left; } #leftCol .box #locations address { width:130px; padding:15px 32px 12px 6px; background:url(../images/layup/locationBoxDashes.jpg) repeat-x bottom; float:right; } #leftCol .box #locations .last { background:none; } #leftCol .box #saveCompare { width:197px; padding:11px 0 11px 11px; } #leftCol .box #saveCompare .description { margin:0 0 8px 0; } #leftCol .box #saveCompare .comparisonBox { width:40px; height:38px; color:#FFF; font-size:2.0em; font-weight:bold; background:url(../images/layup/saveCompareBoxEmpty.jpg) no-repeat; padding:10px 0 0 22px; margin:0 3px 12px 0; position:relative; float:left; } #leftCol .box #saveCompare #btnSave a { width:63px; height:34px; background:url(../images/layup/spriteSave.jpg) no-repeat 0 0; float:left; } #leftCol .box #saveCompare #btnSave a:hover { background:url(../images/layup/spriteSave.jpg) no-repeat 0 -34px; } #leftCol .box #saveCompare #btnSeparator { width:1px; height:25px; background:url(../images/layup/saveCompareBtnSeparator.jpg) no-repeat; margin:5px 5px 0 5px; float:left; } #leftCol .box #saveCompare #btnCompare a { width:112px; height:34px; background:url(../images/layup/spriteCompare.jpg) no-repeat 0 0; float:left; } #leftCol .box #saveCompare #btnCompare a:hover { background:url(../images/layup/spriteCompare.jpg) no-repeat 0 -34px; } #leftCol .box #saveCompare a span { display:none; } #leftCol .box #signUpHere { width:209px; height:87px; } #leftCol .box #sellCar { width:209px; height:87px; } /* ----- RIGHT COLUMN ----- */ #rightCol { width:706px; float:right; } #mainContent { display: inline; width:680px; background:url(../images/layup/mainContentTop.gif) no-repeat top left; padding:6px 13px 0 13px; margin:26px 0 0 0; float:left; } #mainContentBottom { width:706px; height:13px; background:url(../images/layup/mainContentBottom.gif) no-repeat top; float:right; } #contactUsMap { width:317px; float:left; position:relative; margin:9px 0 0 0; } #contactUsMap img { padding:0 0 5px 0; background:url(../images/layup/dots.jpg) repeat-x bottom; } #contactUsMap input { width:174px; margin:13px 0 0 7px; float:left; position:absolute } #contactUsMap #btnGetDirections { float:right; } #contactUsMap #btnGetDirections a { width:121px; height:34px; background:url(../images/layup/spriteGetDirections.jpg) no-repeat 0 0; margin:4px 0 0 9px; display:block; } #contactUsMap #btnGetDirections a:hover { background:url(../images/layup/spriteGetDirections.jpg) no-repeat 0 -34px; } #contactUsMap #btnGetDirections a span { display:none; } #mainImgContactUs { width:313px; height:259px; float:right; position:relative; margin:9px 15px 28px; } #mainImgContactUs .title { padding: 10px 0px 10px 5px; font-size: 1.3em; font-weight: bold; } .contactBox { width:680px; background:url(../images/layup/contactBoxBg.gif) no-repeat top left; padding:0 0 10px 0; margin:0 0 20px 0; } .contactBox .title { width:680px; height:44px; } .contactBox .leftCol { width:241px; padding:9px 80px 0 19px; float:left; } .contactBox .leftCol address { padding:0 0 15px 0; float:left; display:inline; } .contactBox .leftCol a { text-decoration:none; font-weight:normal; } .contactBox .leftCol a:hover { text-decoration:underline; } .contactBox .rightCol { width:231px; padding:9px 100px 0 9px; float:right; } .contactBox .leftCol2 { width:305px; padding:9px 8px 0 19px; float:left; } .contactBox .leftCol2 address { padding:0 0 15px 0; float:left; display:inline; } .contactBox .leftCol2 a { text-decoration:none; font-weight:normal; } .contactBox .leftCol2 a:hover { text-decoration:underline; } .contactBox .rightCol2 { width:234px; padding:9px 96px 0 9px; float:right; } .contactUs {width:396px; background:url(../images/layup/contactBoxBg2.gif) no-repeat top left; padding:0 0 10px 0; margin:0 0 20px 0;} .contactUs label { padding:0px 0px 0px 20px; width:145px;} .contactUsSubmitBtn { float:right; padding:0px 27px 0px 0px;} .contactUsTextPadding { padding:0px 12px 0px 12px;} #formContact { padding:9px 9px 0 19px; margin-bottom:15px;} #formContact .required { color:#000; } #formContact p { padding:7px 0; } #formContact label { width:130px; } #formContact input { width:154px;} #formContact textarea { width:216px; } #formContact .radio { width:20px; position:relative; left:-7px;} #formContact div { margin-bottom:10px;} #submit { width:121px; height:34px; border:none; } /*------OFFERS NAVIGATION------*/ #navOffers { width:678px; height:44px; padding:0 1px 0 1px; } #navOffers span { display:none; } #navOffers div { float:left; } #navOffers a { display:block; } #navOffers .newCarOffers a { width:171px; height:44px; background:url(../images/layup/spriteOffersNav.gif) no-repeat 0 0; } #navOffers .newCarOffers a:hover, #navOffers .newCarOffers .active { background:url(../images/layup/spriteOffersNav.gif) no-repeat 0 -44px; } #navOffers .usedCarOffers a { width:173px; height:44px; background:url(../images/layup/spriteOffersNav.gif) no-repeat -171px 0; } #navOffers .usedCarOffers a:hover, #navOffers .usedCarOffers .active { background:url(../images/layup/spriteOffersNav.gif) no-repeat -171px -44px; } #navOffers .usedVanOffers a { width:174px; height:44px; background:url(../images/layup/spriteOffersNav.gif) no-repeat -344px 0; } #navOffers .usedVanOffers a:hover, #navOffers .usedCarOffers .active { background:url(../images/layup/spriteOffersNav.gif) no-repeat -344px -44px; } #navOffers .aftersalesOffers a { width:160px; height:44px; background:url(../images/layup/spriteOffersNav.gif) no-repeat -518px 0; } #navOffers .aftersalesOffers a:hover, #navOffers .aftersalesOffers .active { background:url(../images/layup/spriteOffersNav.gif) no-repeat -518px -44px; } /*------OFFERS LIST------*/ #offersList { width:678px; padding:0 1px 0 1px; } #offersList .listItem { padding:10px 0 10px 0; background:url(../images/layup/dots.jpg) bottom repeat-x; } #offersList .last { background:none; } #offersList .listItem a { display: block; text-decoration: none; font-weight:normal; cursor: pointer; } #offersList .listItem .thumb { width:386px; height:154px; margin:0 7px 0 0; float:left; } #offersList .listItem .titlePrice { width:285px; font-weight:bold; color:#00509b; padding:5px 0 10px 0; float:right; } #offersList .listItem .titlePrice .title { float:left; } #offersList .listItem .titlePrice .price { float:right; } #offersList .listItem .description { width:285px; padding:0 0 10px 0; float:right; } #offersList .listItem .specification { width:285px; float:right; } #offersList .listItem .specification .includes { width:60px; font-weight:bold; color:#FFF; background:#d56a25; padding:4px; margin:0 0 10px 0; display:block; } #offersList .listItem .specification .column { margin:0 4px 0 0; float:left; } #offersList .listItem .specification .last { margin:0; } #offersList .listItem .specification .column span { background:url(../images/layup/bulletOffers.jpg) no-repeat left top; padding:2px 0 2px 22px; margin:0 0 3px 0; display:block; } /*------USED CAR LIST------*/ #usedCarList { width:680px; } #usedCarList .listItem { font-family:Arial, Helvetica, sans-serif; margin:0 0 10px 0; background:url(../images/layup/usedVehicleListItemBg.jpg) no-repeat; } #usedCarList .listItem a { display: block; text-decoration: none; font-weight:normal; cursor: pointer; } #usedCarList .listItem .model { width:650px; color:#FFF; font-size:1.8em; font-weight:bold; background:url(../images/layup/dotsSquareDouble.jpg) repeat-x bottom; padding:15px 5px 10px 5px; margin:0 10px 10px 10px; display:block; } #usedCarList .listItem .thumb { width:176px; height:131px; margin:0 20px 0 0; padding:5px 0 0 5px; position:relative; float:right; } #usedCarList .listItem .thumb .frame { position:absolute; top:0; left:0; } #usedCarList .listItem .description { width:423px; color:#FFF; background:url(../images/layup/usedVehicleDimples.jpg) no-repeat top left; margin:0 0 10px 15px; padding:5px 20px 0 16px; float:left; } #usedCarList .listItem .price { color:#FFF; font-weight:bold; background:url(../images/layup/usedVehicleDimples.jpg) no-repeat top left; margin:0 0 0 15px; padding:5px 0 10px 16px; float:left; } #usedCarList .listItem .price .priceLarge { font-size:1.4em; } #usedCarList .listItem .location { color:#FFF; font-weight:bold; background:url(../images/layup/usedVehicleDimples.jpg) no-repeat top left; margin:0 0 0 20px; padding:5px 0 10px 16px; float:left; } #usedCarList .listItem .location .locationLarge { font-size:1.4em; } #usedCarList .listItem .furtherDetailsBtn { width:283px; height:34px; background:url(../images/layup/btnViewFurtherDetails.jpg) no-repeat; position:relative; top:0; left:170px; display:block; } #usedCarList .listItem .saveVehicleBtn { width:143px; height:34px; margin:-33px 0 0 16px; float:left; display:inline; position:relative; } #usedCarList .listItem .listItemBottom { width:680px; height:15px; background:url(../images/layup/usedVehicleListItemBottom.jpg) no-repeat; } #pagination { padding:5px 12px 0 0; float:right; } #pagination a { color:#000; font-weight:normal; text-decoration:none; background:none; margin:0; padding:1px 2px 1px 2px; } #pagination a:hover { color:#000; background:none; text-decoration:underline; } #pagination .active { color:#FFF; font-weight:bold; background:#5597d5; } /*------NEW CAR BOX LIST------*/ #searchInfo { float:right;} #searchInfo #sortBy { width:192px; height:27px; background:url(../images/layup/sortByBg.jpg) no-repeat; padding:5px 0 0 8px; margin:0 0 10px 0; float:right; } #searchInfo #sortBy label { width:50px; color:#FFF; padding:3px 0 0 0; } #searchInfo #sortBy select { width:122px; height:20px; } #searchInfo #searchResults { padding:6px 0 0 0; margin:0 10px 0 0; float:left; } #searchInfo #resultsPerPage { padding:6px 0 0 0; display:block; float:left; margin-left:60px; width:185px; } #searchInfo #resultsPerPage label { width:110px; } #usedCarListingAdjustFinance { width:667px; height:26px; background:url(../images/layup/financeCalBg.jpg) no-repeat; padding:6px 5px 0 8px; margin:0 0 20px 0; float:left; } #usedCarListingAdjustFinance .adjustFinanceTitle { font-weight:bold; color:#FFF; padding:3px 0 0 0; margin:0 10px 0 0; float:left; } #usedCarListingAdjustFinance div { margin:0 4px 0 0; float:left; } #usedCarListingAdjustFinance .end { margin:0; } #usedCarListingAdjustFinance label { color:#FFF; padding:3px 0 0 0; width:98px; } #usedCarListingAdjustFinance div a.financeSubmit { text-decoration:none; color:#FFF; border:none; padding:3px 0 0 4px; display:block; } #newCarBoxList {} #newCarBoxList .listItem { margin:0 11px 30px 0; float:left; } #newCarBoxList .listItem a { display: block; text-decoration: none; font-weight:normal; cursor: pointer; } #newCarBoxList .listItem .thumb { width:204px; height:152px; padding:5px 0 0 5px; position:relative; display:block; } #newCarBoxList .listItem .thumb .frame { position:absolute; top:0; left:0; } #newCarBoxList .listItem .title { width:176px; height:23px; text-transform:uppercase; color:#FFF; background:url(../images/layup/newCarTitleBg.jpg) no-repeat; margin:15px 0 0 0; padding:5px 0 0 35px; display:block; } #newCarBoxList .listItem .title span { color:#0f193b; font-weight:bold; } /*------NEW CAR DETAIL------*/ #newCarMainImg { width:322px; height:238px; padding:9px 0 0 0; position:relative; float:left; } #newCarModelPrice { width:351px; height:69px; font-family:Arial, Helvetica, sans-serif; color:#FFF; background:url(../images/layup/newCarDetailTitleBg.jpg) no-repeat; float:right; } #newCarModelPrice .model { font-weight:bold; text-transform:uppercase; padding:37px 0 0 12px; float:left; } #newCarModelPrice .price { font-size:3.6em; padding:13px 12px 0 0; float:right; } #newCarOptions { width:351px; float:right; } #newCarOptions span { display:none; } #newCarOptions .requestBrochure a { width:177px; height:67px; background:url(../images/layup/spriteNewCarOptions.jpg) no-repeat 0 0; float:left; } #newCarOptions .requestBrochure a:hover { background:url(../images/layup/spriteNewCarOptions.jpg) no-repeat 0 -187px; } #newCarOptions .viewFordSite a { width:174px; height:67px; background:url(../images/layup/spriteNewCarOptions.jpg) no-repeat -177px 0; float:right; } #newCarOptions .viewFordSite a:hover { background:url(../images/layup/spriteNewCarOptions.jpg) no-repeat -177px -187px; } #newCarOptions .requestTestDrive a { width:177px; height:55px; background:url(../images/layup/spriteNewCarOptions.jpg) no-repeat 0 -67px; float:left; } #newCarOptions .requestTestDrive a:hover { background:url(../images/layup/spriteNewCarOptions.jpg) no-repeat 0 -254px; } #newCarOptions .furtherAdvice a { width:174px; height:55px; background:url(../images/layup/spriteNewCarOptions.jpg) no-repeat -177px -67px; float:right; } #newCarOptions .furtherAdvice a:hover { background:url(../images/layup/spriteNewCarOptions.jpg) no-repeat -177px -254px; } #newCarOptions .viewCurrentOffers a { width:177px; height:65px; background:url(../images/layup/spriteNewCarOptions.jpg) no-repeat 0 -122px; float:left; } #newCarOptions .viewCurrentOffers a:hover { background:url(../images/layup/spriteNewCarOptions.jpg) no-repeat 0 -309px; } #newCarOptions .viewFinanceOptions a { width:174px; height:65px; background:url(../images/layup/spriteNewCarOptions.jpg) no-repeat -177px -122px; float:right; } #newCarOptions .viewFinanceOptions a:hover { background:url(../images/layup/spriteNewCarOptions.jpg) no-repeat -177px -309px; } /*-----GROUP NEW CAR PAGE---*/ #groupNewCarLinkFord { width: 50%; float:left; } #groupNewCarLinkKia { width: 50%; float:left; } /*------USED CAR DETAIL------*/ #usedCarMainImg { width:322px; height:238px; padding:9px 0 0 0; position:relative; float:left; } #usedCarModelLocationPrice { width:351px; height:69px; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; background:url(../images/layup/usedCarDetailTitleBg.jpg) no-repeat; float:right; } #usedCarModelLocationPrice .model { font-size:1.2em; text-transform:uppercase; padding:17px 0 0 12px; float:left; } #usedCarModelLocationPrice .location { font-size:1.2em; text-transform:uppercase; padding:5px 0 0 12px; margin:-17px 0 0 0; float:left; } #usedCarModelLocationPrice .price { font-size:2.1em; font-weight:normal; padding:22px 20px 0 0; float:right; } #usedCarOptions { width:351px; float:right; } #usedCarOptions span { display:none; } #usedCarOptions .makeEnquiry a { width:177px; height:67px; background:url(../images/layup/spriteUsedCarOptions.jpg) no-repeat 0 0; float:left; } #usedCarOptions .makeEnquiry a:hover { background:url(../images/layup/spriteUsedCarOptions.jpg) no-repeat 0 -187px; } #usedCarOptions .sendFriend a { width:174px; height:67px; background:url(../images/layup/spriteUsedCarOptions.jpg) no-repeat -177px 0; float:right; } #usedCarOptions .sendFriend a:hover { background:url(../images/layup/spriteUsedCarOptions.jpg) no-repeat -177px -187px; } #usedCarOptions .printSpecSheet a { width:177px; height:55px; background:url(../images/layup/spriteUsedCarOptions.jpg) no-repeat 0 -67px; float:left; } #usedCarOptions .printSpecSheet a:hover { background:url(../images/layup/spriteUsedCarOptions.jpg) no-repeat 0 -254px; } #usedCarOptions .saveFavourites a { width:174px; height:55px; background:url(../images/layup/spriteUsedCarOptions.jpg) no-repeat -177px -67px; float:right; } #usedCarOptions .saveFavourites a:hover { background:url(../images/layup/spriteUsedCarOptions.jpg) no-repeat -177px -254px; } #usedCarOptions .bookTestDrive a { width:177px; height:65px; background:url(../images/layup/spriteUsedCarOptions.jpg) no-repeat 0 -122px; float:left; } #usedCarOptions .bookTestDrive a:hover { background:url(../images/layup/spriteUsedCarOptions.jpg) no-repeat 0 -309px; } #usedCarOptions .makeOffer a { width:174px; height:65px; background:url(../images/layup/spriteUsedCarOptions.jpg) no-repeat -177px -122px; float:right; } #usedCarOptions .makeOffer a:hover { background:url(../images/layup/spriteUsedCarOptions.jpg) no-repeat -177px -309px; } #thumbViewer { margin:2px 0 0 0; float:left; } #thumbViewer .thumb { width:85px; height:63px; background:url(../images/layup/usedCarThumb.jpg) no-repeat; margin:0 7px 0 0; float:left; } #thumbViewer .inactive { background:url(../images/layup/usedCarThumbInactive.jpg) no-repeat; } #thumbViewer #thumbNavigator { width:53px; float:left; } #thumbViewer #thumbNavigator span { display:none; } #thumbViewer #thumbNavigator .btnForward a { width:53px; height:31px; background:url(../images/layup/usedCarThumbBtnForward.jpg) no-repeat; margin:0 0 2px 0; display:block; } #thumbViewer #thumbNavigator .btnBack a { width:53px; height:31px; background:url(../images/layup/usedCarThumbBtnBackward.jpg) no-repeat; display:block; } #btnNeedUsValue { float:right; } /*------USED VEHICLE SPECIFICATION------*/ #usedVehicleSpec { margin:0 0 10px 0; } #usedVehicleSpec .tabset_print { display: none; } #usedVehicleSpec .tabset_tabs { height: 56px; width: 675px; margin:0px; padding: 0px; list-style:none; background: url(../images/layup/usedCarDetailDOMTabBg.gif) bottom left no-repeat; } #usedVehicleSpec .tabset_tabs li { list-style: none; display: inline; padding: 0px; float:left; } #usedVehicleSpec .tabset_tabs a { display: inline; float: left; cursor: pointer !important; } #usedVehicleSpec .tabset_tabs #tabCarDetail a { width:116px; height: 42px; background:url(../images/layup/spriteUsedCarDOM.jpg) top left no-repeat; } #usedVehicleSpec .tabset_tabs #tabCarDetail a:hover, #usedVehicleSpec .tabset_tabs #tabCarDetail.active a { background:url(../images/layup/spriteUsedCarDOM.jpg) bottom left no-repeat; } #usedVehicleSpec .tabset_tabs #tabCarSpec a { width:131px; height: 42px; background:url(../images/layup/spriteUsedCarDOM.jpg) -116px top no-repeat; } #usedVehicleSpec .tabset_tabs #tabCarSpec a:hover, #usedVehicleSpec .tabset_tabs #tabCarSpec.active a { background:url(../images/layup/spriteUsedCarDOM.jpg) -116px bottom no-repeat; } #usedVehicleSpec .tabset_tabs #tabWarranty a { width:112px; height:42px; background:url(../images/layup/spriteUsedCarDOM.jpg) -248px top no-repeat; } #usedVehicleSpec .tabset_tabs #tabWarranty a:hover, #usedVehicleSpec .tabset_tabs #tabWarranty.active a { background:url(../images/layup/spriteUsedCarDOM.jpg) -248px bottom no-repeat; } #usedVehicleSpec .tabset_tabs #tabTechnical a { width:145px; height:42px; background:url(../images/layup/spriteUsedCarDOM.jpg) -360px top no-repeat; } #usedVehicleSpec .tabset_tabs #tabTechnical a:hover, #usedVehicleSpec .tabset_tabs #tabTechnical.active a { background:url(../images/layup/spriteUsedCarDOM.jpg) -360px bottom no-repeat; } #usedVehicleSpec .tabset_tabs span { display: none; } #usedVehicleSpec .tabset_content { width:655px; overflow:auto; background: #d9e3ed url(../images/layup/usedCarDetailDOMBg.jpg) bottom left no-repeat; padding: 0px 10px 10px 10px; } #usedVehicleSpec .tabset_content h1 { font-weight:bold; padding: 0px; } #usedVehicleSpec .tabset_content table {} #usedVehicleSpec .tabset_content td { padding:6px 10px; color: #000; } #usedVehicleSpec .tabset_content tr.altRow td { background:#b9cada; } #usedVehicleSpec .tabset_content .leftCol { text-align:left; padding:0 0 0 10px; } #usedVehicleSpec .tabset_content .rightCol { text-align:left; background:url(../images/layup/dotsDashVertical.jpg) repeat-y right; padding:0 5px 0 0; } #usedVehicleSpec .tabset_content tr.altRow .rightCol { background:url(../images/layup/dotsDashVertical.jpg) repeat-y right #b9cada; } #usedVehicleSpec .tabset_content td p { padding:0 0 5px 0; } #usedVehicleSpec .tabset_content .heading {} #usedVehicleSpec .tabset_content #vehicleIconList { padding: 0px 4px; } #usedVehicleSpec .tabset_content .iconItem { width: 314px; float: left; background: #fff; margin: 1px; padding: 2px; } /* ----- CMS IMAGE ----- */ .cmsImage { float: right; margin: 0px 0px 15px 15px; padding:5px 0 0 5px; position:relative; } .cmsImage .frame { position:absolute; top:0; left:0; } .cmsImage img { margin: 5px 5px 0 0; } .offerImage { float:right; width:386px; height:154px; position:relative; } .overlay62x48 { width:62px; height:48px; background:url(../images/layup/overlay62x48.png) no-repeat; overflow:hidden; position:absolute; } .overlay342x258 { width:342px; height:258px; background:url(../images/layup/overlay332x278.png) no-repeat; overflow:hidden; position:absolute; top:-10px; left:-10px; } .overlay332x250 { width:342px; height:258px; background:url(../images/layup/overlay332x250.png) no-repeat; overflow:hidden; position:absolute; top:0px; left:-5px; z-index:999;} .overlay340x286 { width:340px; height:286px; background:url(../images/layup/overlay340x286.png) no-repeat; overflow:hidden; position:absolute; top:-9px; left:-9px; z-index:999; } .overlay337x256 { width:337px; height:256px; background:url(../images/layup/overlay337x256.png) no-repeat; overflow:hidden; position:absolute; top:0; left:-8px; } .overlay186x141 { width:186px; height:141px; background:url(../images/layup/overlay186x141.png) no-repeat; overflow:hidden; position:absolute; top:0px; left:0px; } .overlay214x161 { width:214px; height:161px; background:url(../images/layup/overlay214x161.png) no-repeat; overflow:hidden; position:absolute; top:0px; left:0px; } .overlay402x168 { width:402px; height:168px; background:url(../images/layup/overlay402x168.png) no-repeat; overflow:hidden; position:absolute; top:-7px; left:-8px; } .cmsImage img {} /* ----- 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:2.2em; font-family:tahoma, verdana; color:#00aeee; font-weight:normal; } h1 span { color:#123b63; } p { padding:0 0 18px 0; margin:0; } /* ----- TOP NAVIGATION ----- */ #primaryNav { width:920px; height:42px; position: relative; z-index: 999; } #primaryNav #navLeft { width:14px; height:42px; background:url(../images/layup/navLeft.gif) no-repeat; float:left; } #primaryNav #navRight { width:14px; height:42px; background:url(../images/layup/navRight.gif) no-repeat; float:left; } #primaryNav ul { width:892px; height:42px; background:url(../images/layup/navBg.gif) repeat-x; list-style: none; margin: 0; padding: 0; float:left; } #primaryNav li { padding:11px 2px 11px 2px; background:url(../images/layup/navSeparator.jpg) no-repeat right 15px; float: left; position:relative; } #primaryNav li.end { background:none; padding-left: 3px; padding-right: 1px; } #primaryNav li a { font-family:verdana; text-transform:uppercase; font-size:1.0em; color:#FFF; font-weight:normal; margin:0 0 11px; display:block; text-decoration: none; position:relative; } #primaryNav li a span { display:block; padding:3px 18px; } #primaryNav li a:hover, #primaryNav li .active { color:#454b51; background:url(../images/layup/navHoverRight.jpg) no-repeat top right #FFF; } #primaryNav li a:hover span, #primaryNav li .active span { background:url(../images/layup/navHoverLeft.jpg) no-repeat top left; } /* ----- DROPDOWN NAV ----- */ #primaryNav ul li .dropBtm { width:232px !important; background:none; left:-999em; position: absolute; } #primaryNav ul li:hover .dropBtm, #primaryNav ul li.sfhover .dropBtm { left: auto; padding:0; margin:0; display: block; width: 232px !important; } #primaryNav ul li:hover .dropBtm ul, #primaryNav ul li.sfhover .dropBtm ul { width: 232px !important; height: auto !important; background:url(../images/layup/navDropBg.jpg) no-repeat left top #003668 !important; } #primaryNav ul li:hover .dropBtm ul.oneItem, #primaryNav ul li.sfhover .dropBtm ul.oneItem { width: 232px !important; height: auto !important; background:url(../images/layup/navDropOneItemBg.jpg) no-repeat left top #003668 !important; } #primaryNav ul li:hover .dropBtm ul li, #primaryNav ul li.sfhover .dropBtm ul li { width: 232px !important; background:url(../images/layup/navDropDivider.gif) no-repeat left bottom; padding:0; margin: 0; float:none; display: block; } #primaryNav ul li:hover .dropBtm ul li.btm, #primaryNav ul li.sfhover .dropBtm ul li.btm { background:none; } #primaryNav ul li:hover .dropBtm ul li a, #primaryNav ul li.sfhover .dropBtm ul li a { color:#fff; text-transform:uppercase; background:none !important; padding:10px 5px 10px 10px; margin: 0px; } #primaryNav ul li:hover .dropBtm ul li a:hover, #primaryNav ul li.sfhover .dropBtm ul li a:hover { text-decoration:underline; background:none !important; } /* ----- 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 { width:680px; line-height: normal; background:url(../images/layup/dots.jpg) repeat-x bottom; padding:0 0 10px 0; margin:0 0 10px 0; display:block; } #breadcrumbs a { color:#FFF; text-decoration: none; background:url(../images/layup/breadcrumbsLinkExpansiveRight.jpg) no-repeat top right; margin:0 2px 0 0; float:left; } #breadcrumbs a span { color:#FFF; background:url(../images/layup/breadcrumbsLinkLeft.jpg) no-repeat top left; padding:5px 12px 5px 12px; display:block; } #breadcrumbs .separator { width:1px; height:16px; background:url(../images/layup/breadcrumbsSeparator.jpg) no-repeat; margin:3px 5px 0 5px; float:left; } #breadcrumbs span { font-weight:bold; color:#2e6fab; padding:5px 0 0 0; float:left; } #breadcrumbs .btnBack { float: right; padding: 0px; } #breadcrumbs .pagination { padding:5px 12px 0 0; float:right; } #breadcrumbs .pagination a { color:#000; font-weight:normal; background:none; margin:0; padding:1px 2px 1px 2px; } #breadcrumbs .pagination a:hover { color:#000; background:none; text-decoration:underline; } #breadcrumbs .pagination .active { color:#FFF; font-weight:bold; background:#5597d5; } /* ----- FOOTER ----- */ #footer { height:145px; margin-top:-145px; background:url(../images/layup/footerBg.jpg) repeat-x; } #footer #footerInner { width:670px; margin:0 auto; color:#FFF; position:relative; padding:30px 0 0 250px; } #footer #footerInner #footerLogo { width:237px; height:67px; position:absolute; top:29px; left:0; } #footer #footerInner #footerBadge { width:150px; height:46px; position:absolute; top:38px; right:0; } #footer #footerInner #footerBadge img { display: inline; } #footer #footerInner p { text-align:left; } #footer #footerInner #btnTop { width:107px; height:22px; position:absolute; right:0; top:-22px; } #footer .padding {} #footer a { color:#FFF; font-weight:normal; text-decoration:none;} #footer a:hover { text-decoration:underline; } /* ----- GLOBAL ----- */ img { display:block; border: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:#0033FF;} .checkRadio { width:20px; position:relative; left:-7px;} .radioLatestOffersBg { background:url(../images/layup/contactRadioBg.jpg) no-repeat; } #frmContact { margin-bottom:15px;} #frmContact p { padding:7px 0;} #frmContact select { width:204px;} #frmContact div { margin-bottom:10px;} .width305Left { width:205px; 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 #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;}