/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Motorline Author : John Davies / john.davies@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for Motorline site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { font:62.5%/1.6 verdana, arial, helvetica, sans-serif; margin:0; padding:0; background:#000 url(../images/layup/bodyBg.jpg) top center no-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% verdana, arial, helvetica, sans-serif; } html>body td, html>body textarea, html>body input, html>body select { font-size:11px; } /* some browsers don't inherit the font into tables or textareas! */ /* ----- IDS ----- */ #container { width:960px; margin:0 auto; text-align:left; font-size:110%; line-height: normal; background: #fff url(../images/layup/containerBg.gif) top left repeat-x; } .containerBgNone { background-image: none !important; } #printHeader { display:none;} #header { height: 73px; position: relative; } #header #logo { position: absolute; top: 0px; left: 0px; } #header #badge { position: absolute; top: 15px; right: 11px; } #header #btnsGroupFranchise { position: absolute; top: 0px; right: 110px; width: 565px; } #header #btnGroup { float: right; margin-right: 3px; width: 144px; display: inline; } #header #btnFranchise { float: right; width: 133px; margin-right: 3px; display: inline; } #header #slide { height: 49px; } #header #slide a { float: left; display: inline; } /* ----- LEFT COLUMN ----- */ #leftCol { float: left; width: 300px; padding: 10px 0px 20px 11px; line-height: 140%; } #leftCol .box { width: 300px; min-height: 120px; position: relative; background:url(../images/layup/leftColBoxBg.gif) bottom left no-repeat; margin-bottom: 16px; } #leftCol .box a { display: block; text-decoration: none; font-weight: normal; } #leftCol .justArrived .content { padding: 13px 23px 19px 23px; display: block; } #leftCol .justArrived .item a { width: 254px; } #leftCol .justArrived .item .thumb { display: block; float: left; width: 126px; height: auto; border: 3px solid #c1c1c1; background: url(../images/layup/noImage126x95.gif) top left no-repeat; margin-right: 8px; } #leftCol .justArrived .item .thumbAlt { display: block; float: left; width: 126px; height: 84px; border: 3px solid #c1c1c1; background: url(../images/layup/noImage126x95.gif) top left no-repeat; margin-right: 8px;} #leftCol .justArrived .item .price { display: block; color: #0763a7; font-weight: bold; font-size: 14px; padding-bottom: 12px; } #leftCol .justArrived .item .details { display: block; color: #0763a7; } #leftCol .justArrived .controls { padding-top: 5px; } #leftCol .justArrived .controls .controlItem {} #leftCol .justArrived .controls .controlItem a { display: block; width: 15px; height: 15px; margin-top: 14px; background: url(../images/layup/spriteSquare.gif) 0px 0px no-repeat; float: left; margin-right: 4px; } #leftCol .justArrived .controls .controlItem a:hover { background: url(../images/layup/spriteSquare.gif) 0px -15px no-repeat; } #leftCol .justArrived .controls .controlItem a.active { background: url(../images/layup/spriteSquare.gif) 0px -15px no-repeat; } #leftCol .justArrived .controls .btn { float: right; } #leftCol .lookingFor a { width: 300px; } #leftCol .lookingFor .content { padding: 5px 23px 19px 23px; display: block; } #leftCol .lookingFor .btn { float: right; display: block; margin-top: 45px; } #leftCol .sellCar a { width: 300px; } #leftCol .sellCar .content { padding: 12px 23px 19px 23px; display: block; } #leftCol .sellCar .btn { float: right; display: block; margin-top: 45px; } #leftCol .saveCompare { min-height: 92px; } #leftCol .saveCompare .content { padding: 8px 0px 19px 23px; display: block; } #leftCol .saveCompare .item {float: left; margin-bottom: 4px; } #leftCol .saveCompare .item .thumb { width: 74px; height: 56px; border: 3px solid #c1c1c1; background: url(../images/layup/noImage74x56.gif) top left no-repeat; margin-right: 9px; } #leftCol .saveCompare .item .btns { width: 77px; height: 17px; padding-left: 3px; padding-top: 2px; } #leftCol .saveCompare .item .btns a { float: left; margin-right: 5px; } /* ----- VEHICLE SEARCH ----- */ #leftCol #vehicleSearch { background:url(../images/layup/vehicleSearchBg.gif) 0px 47px no-repeat; position: relative; margin: 0px 0px 33px 0px; width: 300px; min-height: 298px; } #leftCol #vehicleSearch .shadowL { position: absolute; bottom: 0px; left: -13px; } #leftCol #vehicleSearch .shadowR { position: absolute; bottom: 0px; right: -9px; } /* Search Tabs - Tier 1 */ #leftCol #vehicleSearch #tabVehicleSearch { height: 47px; padding-bottom: 11px; } #leftCol #vehicleSearch #tabVehicleSearch .title { float: left; } #leftCol #vehicleSearch #tabVehicleSearch a { float: left; display: block; width: 79px; height: 47px; } #leftCol #vehicleSearch #tabVehicleSearch #tabModel { background: url(../images/layup/spriteTabModelBudget.gif) -158px 0px no-repeat; } #leftCol #vehicleSearch #tabVehicleSearch #tabModel:hover { background: url(../images/layup/spriteTabModelBudget.gif) -158px -47px no-repeat; } #leftCol #vehicleSearch #tabVehicleSearch #tabModel.active { background: url(../images/layup/spriteTabModelBudget.gif) -158px -47px no-repeat; } #leftCol #vehicleSearch #tabVehicleSearch #tabBudget { background: url(../images/layup/spriteTabModelBudget.gif) -237px 0px no-repeat; } #leftCol #vehicleSearch #tabVehicleSearch #tabBudget:hover { background: url(../images/layup/spriteTabModelBudget.gif) -237px -47px no-repeat; } #leftCol #vehicleSearch #tabVehicleSearch #tabBudget.active { background: url(../images/layup/spriteTabModelBudget.gif) -237px -47px no-repeat; } #leftCol #vehicleSearch .tabVehicleSearchHome #tabModel { background: url(../images/layup/spriteTabModelBudget.gif) 0px 0px no-repeat !important; } #leftCol #vehicleSearch .tabVehicleSearchHome #tabBudget { background: url(../images/layup/spriteTabModelBudget.gif) -79px 0px no-repeat !important; } #leftCol #vehicleSearch .tabVehicleSearchHome #tabModel:hover { background: url(../images/layup/spriteTabModelBudget.gif) 0px -47px no-repeat !important; } #leftCol #vehicleSearch .tabVehicleSearchHome #tabModel.active { background: url(../images/layup/spriteTabModelBudget.gif) 0px -47px no-repeat !important; } #leftCol #vehicleSearch .tabVehicleSearchHome #tabBudget:hover { background: url(../images/layup/spriteTabModelBudget.gif) -79px -47px no-repeat !important; } #leftCol #vehicleSearch .tabVehicleSearchHome #tabBudget.active { background: url(../images/layup/spriteTabModelBudget.gif) -79px -47px no-repeat !important; } /* New And Used Vehicle Tabs - Tier 2 */ #leftCol #vehicleSearch #tabNewUsed { height: 13px; padding: 0px 6px 0px 7px; } #leftCol #vehicleSearch #tabNewUsed a { float: left; margin-right: 14px; display: inline; width: 56px; height: 13px; } #leftCol #vehicleSearch #tabNewUsed #tabSpacer { height: 13px; background: url(../images/layup/spriteTabUsedNew.gif) 0px 0px no-repeat; width: 147px; float: left; } #leftCol #vehicleSearch #tabNewUsed #tabUsedModel { background: url(../images/layup/spriteTabUsedNew.gif) -151px 0px no-repeat; } #leftCol #vehicleSearch #tabNewUsed #tabUsedModel:hover { background: url(../images/layup/spriteTabUsedNew.gif) -151px -13px no-repeat; } #leftCol #vehicleSearch #tabNewUsed #tabUsedModel.active { background: url(../images/layup/spriteTabUsedNew.gif) -151px -13px no-repeat; } #leftCol #vehicleSearch #tabNewUsed #tabNewModel { background: url(../images/layup/spriteTabUsedNew.gif) -218px 0px no-repeat; } #leftCol #vehicleSearch #tabNewUsed #tabNewModel:hover { background: url(../images/layup/spriteTabUsedNew.gif) -218px -13px no-repeat; } #leftCol #vehicleSearch #tabNewUsed #tabNewModel.active { background: url(../images/layup/spriteTabUsedNew.gif) -218px -13px no-repeat; } #leftCol #vehicleSearch #tabNewUsedBudget { height: 13px; padding: 0px 6px 0px 7px; } #leftCol #vehicleSearch #tabNewUsedBudget a { float: left; margin-right: 14px; display: inline; width: 56px; height: 13px; } #leftCol #vehicleSearch #tabNewUsedBudget #tabSpacerBudget { height: 13px; background: url(../images/layup/spriteTabUsedNew.gif) 0px 0px no-repeat; width: 147px; float: left; } #leftCol #vehicleSearch #tabNewUsedBudget #tabUsedBudget.active { background: url(../images/layup/spriteTabUsedNew.gif) -151px -13px no-repeat; } /* Vehicle Type Sprites */ #leftCol .vehicleType .typeSmall a { display: block; width: 126px; height: 36px; background:url(../images/layup/spriteVehicleType.gif) top left no-repeat; float: left; margin-bottom: 7px; } #leftCol .vehicleType .typeSmall a:hover { background:url(../images/layup/spriteVehicleType.gif) 0px -36px no-repeat; } #leftCol .vehicleType .typeSmall .active { background:url(../images/layup/spriteVehicleType.gif) 0px -36px no-repeat; } #leftCol .vehicleType .typeFamily a { display: block; width: 125px; height: 36px; background:url(../images/layup/spriteVehicleType.gif) -126px 0px no-repeat; float: right; margin-bottom: 7px; } #leftCol .vehicleType .typeFamily a:hover { background:url(../images/layup/spriteVehicleType.gif) -126px -36px no-repeat; } #leftCol .vehicleType .typeFamily .active { background:url(../images/layup/spriteVehicleType.gif) -126px -36px no-repeat; } #leftCol .vehicleType .typePrestige a { display: block; width: 127px; height: 36px; background:url(../images/layup/spriteVehicleType.gif) -251px 0px no-repeat; float: left; margin-bottom: 7px; } #leftCol .vehicleType .typePrestige a:hover { background:url(../images/layup/spriteVehicleType.gif) -251px -36px no-repeat; } #leftCol .vehicleType .typePrestige .active { background:url(../images/layup/spriteVehicleType.gif) -251px -36px no-repeat; } #leftCol .vehicleType .typeMPV a { display: block; width: 125px; height: 36px; background:url(../images/layup/spriteVehicleType.gif) -378px 0px no-repeat; float: right; margin-bottom: 7px; } #leftCol .vehicleType .typeMPV a:hover { background:url(../images/layup/spriteVehicleType.gif) -378px -36px no-repeat; } #leftCol .vehicleType .typeMPV .active { background:url(../images/layup/spriteVehicleType.gif) -378px -36px no-repeat; } #leftCol .vehicleType .typeGreen a { display: block; width: 127px; height: 36px; background:url(../images/layup/spriteVehicleType.gif) -503px 0px no-repeat; float: left; margin-bottom: 7px; } #leftCol .vehicleType .typeGreen a:hover { background:url(../images/layup/spriteVehicleType.gif) -503px -36px no-repeat; } #leftCol .vehicleType .typeGreen .active { background:url(../images/layup/spriteVehicleType.gif) -503px -36px no-repeat; } #leftCol .vehicleType .type4x4 a { display: block; width: 125px; height: 36px; background:url(../images/layup/spriteVehicleType.gif) -630px 0px no-repeat; float: right; margin-bottom: 7px; } #leftCol .vehicleType .type4x4 a:hover { background:url(../images/layup/spriteVehicleType.gif) -630px -36px no-repeat; } #leftCol .vehicleType .type4x4 .active { background:url(../images/layup/spriteVehicleType.gif) -630px -36px no-repeat; } /* Form styles */ #leftCol .tabInnerContent { padding: 13px 21px 0px 21px; } #leftCol #tabContentModelSearch select { width: 126px; font-size: 0.9em; margin-bottom: 7px; height: 18px; } #leftCol #tabContentModelSearch .btns { margin-top: 7px; height: 28px; } #leftCol #tabContentModelSearch .btnMoreOptions { height: 28px; width: 141px; float: left; cursor: pointer; } #leftCol #tabContentModelSearch .btnFind { height: 28px; width: 57px; float: right; cursor: pointer; } #leftCol #tabContentBudgetSearch label { width: 118px; } #leftCol #tabContentBudgetSearch div { margin-bottom: 10px; } #leftCol #tabContentBudgetSearch .btns { margin-top: 7px; height: 28px; } #leftCol #tabContentBudgetSearch select { width: 126px; font-size: 0.9em; margin-bottom: 7px; height: 18px; } #leftCol #tabContentBudgetSearch .btnFind { height: 28px; width: 57px; float: right; cursor: pointer; } /* ----- RIGHT COLUMN ----- */ #rightCol { float: right; width: 645px; margin-bottom: 24px; overflow:hidden; } #carousel { position: relative; height: 294px; width: 638px; margin-top: 1px; } #jumpFranchises { height: 98px; } #jumpFranchises span { display: none; } #jumpFranchises .jumpHyundai a { float: left; display: block; width: 85px; height: 98px; background:url(../images/layup/spriteFranchises.gif) 0px 0px no-repeat; } #jumpFranchises .jumpHyundai a:hover { float: left; background:url(../images/layup/spriteFranchises.gif) 0px -98px no-repeat; } #jumpFranchises .jumpLexus a { float: left; display: block; width: 78px; height: 98px; background:url(../images/layup/spriteFranchises.gif) -85px 0px no-repeat; } #jumpFranchises .jumpLexus a:hover { float: left; background:url(../images/layup/spriteFranchises.gif) -85px -98px no-repeat; } #jumpFranchises .jumpNissan a { float: left; display: block; width: 77px; height: 98px; background:url(../images/layup/spriteFranchises.gif) -163px 0px no-repeat; } #jumpFranchises .jumpNissan a:hover { float: left; background:url(../images/layup/spriteFranchises.gif) -163px -98px no-repeat; } #jumpFranchises .jumpRenault a { float: left; display: block; width: 77px; height: 98px; background:url(../images/layup/spriteFranchises.gif) -240px 0px no-repeat; } #jumpFranchises .jumpRenault a:hover { float: left; background:url(../images/layup/spriteFranchises.gif) -240px -98px no-repeat; } #jumpFranchises .jumpSkoda a { float: left; display: block; width: 75px; height: 98px; background:url(../images/layup/spriteFranchises.gif) -317px 0px no-repeat; } #jumpFranchises .jumpSkoda a:hover { float: left; background:url(../images/layup/spriteFranchises.gif) -317px -98px no-repeat; } #jumpFranchises .jumpToyota a { float: left; display: block; width: 79px; height: 98px; background:url(../images/layup/spriteFranchises.gif) -392px 0px no-repeat; } #jumpFranchises .jumpToyota a:hover { float: left; background:url(../images/layup/spriteFranchises.gif) -392px -98px no-repeat; } #jumpFranchises .jumpVw a { float: left; display: block; width: 75px; height: 98px; background:url(../images/layup/spriteFranchises.gif) -471px 0px no-repeat; } #jumpFranchises .jumpVw a:hover { float: left; background:url(../images/layup/spriteFranchises.gif) -471px -98px no-repeat; } #jumpFranchises .jumpAllMakes a { float: left; display: block; width: 86px; height: 98px; background:url(../images/layup/spriteFranchises.gif) -546px 0px no-repeat; } #jumpFranchises .jumpAllMakes a:hover { float: left; background:url(../images/layup/spriteFranchises.gif) -546px -98px no-repeat; } #jumpRepairs { float: left; width: 317px; height: 171px; line-height: 140%; } #jumpRepairs a { display: block; width: 200px; height: 121px; text-decoration: none; font-weight: normal; padding: 50px 90px 0px 27px; background:url(../images/layup/jumpRepairs.jpg) top left no-repeat; } #jumpBookService { float: left; width: 317px; height: 171px; background:url(../images/layup/jumpBookService.jpg) top left no-repeat; position: relative; } #jumpBookService .btnBook { position: absolute; top: 50px; left: 24px; } #jumpBookService .btnCall { position: absolute; top: 86px; left: 24px; } #jumpBookService .btnRequest { position: absolute; top: 123px; left: 24px; } #jumpDealer { width: 595px; height: 172px; line-height: 140%; background:url(../images/layup/jumpDealerLocation.jpg) top left no-repeat; padding: 16px 17px 0px 22px; } #jumpDealer .content { float: left; width: 222px; } #jumpDealer .thumb { float: right; border: 3px solid #c1d8e9; } #jumpDealer form { margin-top: 8px; } #jumpDealer select { width: 200px; margin-bottom: 15px; } #jumpDealer .btnFind { height: 28px; width: 57px; } #jumpNewCars { float: left; } #jumpUsedCars { float: right; margin-right: 14px; display: inline; } #homeContent { padding: 15px 25px 0px 25px; } #mainContent { padding: 18px 19px 0px 9px; } /* ----- CMS IMAGE ----- */ .cmsImage { float: left; margin: 0px 10px 10px 0px; border: 3px solid #c1c1c1; background:url(../images/layup/noImage320x240.gif) top left no-repeat; width: 320px; height: 240px; } /* ----- BOX LISTING ----- */ #boxList {} #boxList .box { float: left; margin-right: 6px; } #boxList .box.last { margin-right: 0px !important; } #boxList .box a { display: block; text-decoration: none; width: 201px; cursor: pointer; } #boxList .box .thumb { display: block; border: 3px solid #c1c1c1; background:url(../images/layup/noImage195x146.gif) top left no-repeat; width: 195px; height: 146px; } #boxList .box .title { display: block; color: #0763a7; font-weight: bold; padding: 4px 3px 0px 3px; height: 38px; line-height: 130%; } /* ----- CMS IMAGE ----- */ #newCarOptions { width: 278px; float: right; margin-bottom: 4px; } #newCarOptions a { display: block; height: 28px; width: 278px; } #newCarOptions .btnBrochure a { background:url(../images/layup/spriteNewCarOptions.gif) 0px 0px no-repeat; margin-bottom: 8px; } #newCarOptions .btnBrochure a:hover { background:url(../images/layup/spriteNewCarOptions.gif) 0px -28px no-repeat; } #newCarOptions .btnManufacturerSite a { background:url(../images/layup/spriteNewCarOptions.gif) -278px 0px no-repeat; margin-bottom: 9px; } #newCarOptions .btnManufacturerSite a:hover { background:url(../images/layup/spriteNewCarOptions.gif) -278px -28px no-repeat; } #newCarOptions .btnTestDrive a { background:url(../images/layup/spriteNewCarOptions.gif) -556px 0px no-repeat; margin-bottom: 8px; } #newCarOptions .btnTestDrive a:hover { background:url(../images/layup/spriteNewCarOptions.gif) -556px -28px no-repeat; } #newCarOptions .btnAdvice a { background:url(../images/layup/spriteNewCarOptions.gif) -834px 0px no-repeat; margin-bottom: 9px; } #newCarOptions .btnAdvice a:hover { background:url(../images/layup/spriteNewCarOptions.gif) -834px -28px no-repeat; } #newCarOptions .btnCurrentOffers a { background:url(../images/layup/spriteNewCarOptions.gif) -1112px 0px no-repeat; margin-bottom: 8px; } #newCarOptions .btnCurrentOffers a:hover { background:url(../images/layup/spriteNewCarOptions.gif) -1112px -28px no-repeat; } #newCarOptions .btnValueVehicle a { background:url(../images/layup/spriteNewCarOptions.gif) -1390px 0px no-repeat; margin-bottom: 8px; } #newCarOptions .btnValueVehicle a:hover { background:url(../images/layup/spriteNewCarOptions.gif) -1390px -28px no-repeat; } #newCarOptions .btnNearlyNew a { background:url(../images/layup/spriteNewCarOptions.gif) -1668px 0px no-repeat; margin-bottom: 8px; } #newCarOptions .btnNearlyNew a:hover { background:url(../images/layup/spriteNewCarOptions.gif) -1668px -28px no-repeat; } /* ----- GENERIC LIST ----- */ #genericList .listItem { background: url(../images/layup/dotsH.gif) bottom left repeat-x; padding: 16px 0px 16px 0px; width: 615px; } #genericList .listItem a { display: block; width: 615px; text-decoration: none; cursor: pointer; font-weight: normal; } #genericList .listItem a:hover { background: #f7f7f7; } #genericList .listItem .thumb { display: block; float: left; border: 3px solid #c1c1c1; background:url(../images/layup/noImage195x146.gif) top left no-repeat; width: 195px; height: 146px; } #genericList .listItem .details { display: block; float: left; } #genericList .listItem .title { display: block; padding-left: 17px; color: #0763a7; width: 397px; height: 28px; color: #0763a7; font-weight: bold; font-size: 1.3em; } #genericList .listItem .content { display: block; padding-left: 17px; width: 397px; height: 96px; } #genericList .listItem .btnView { display: block; float: right; padding-left: 122px; } #genericList .listItem .clear { display: block; height: 0; line-height: 0; font-size: 0; } /* ----- LIST ----- */ #list .listItem { background: url(../images/layup/dotsH.gif) bottom left repeat-x; padding: 16px 0px 16px 0px; width: 615px; } #list .listItem .thumb { float: left; border: 3px solid #c1c1c1; background:url(../images/layup/noImage195x146Alt.gif) top left no-repeat; width: 195px; height: auto; position: relative; } #list .listItem .thumb .special { position: absolute; top: -3px; left: -3px; } #list .listItem .thumbAlt .special { position: absolute; top: -3px; left: -3px; } #list .listItem .thumbAlt { float: left; border: 3px solid #c1c1c1; background:url(../images/layup/noImage195x146Alt.gif) top left no-repeat; width: 195px; height: 130px; position: relative; } #list .listItem .thumb a { width: 195px; min-height: 130px; display: block; } #list .listItem .details { float: left; } #list .listItem .title a { display: block; padding-left: 17px; color: #0763a7; text-decoration: none; width: 397px; height: 28px; color: #0763a7; font-weight: bold; font-size: 1.3em; } #list .listItem .price a { display: block; padding-left: 17px; padding-bottom: 5px; text-decoration: none; width: 397px; color: #65a707; font-size: 2.2em; font-weight: bold; } #list .listItem .spec { padding-left: 17px; width: 397px; cursor: pointer; padding-bottom: 11px; } #list .listItem .spec table { width: 100%; } #list .listItem .spec td { font-size: 1.1em; color: #0e446c; padding: 2px 0px 1px 0px; } #list .listItem .btns { padding-left: 17px; width: 397px; } #list .listItem .btnSave { float: left; margin-right: 10px; } #list .listItem .btnCompare { float: left; margin-right: 10px; } #list .listItem .btnView { float: left; padding-left: 122px; } #list .listItem .clear { height: 0; line-height: 0; font-size: 0; } /* ----- USED CAR DETAIL ----- */ #usedVehicleImagery { float: left; width: 326px; margin-right: 11px; cursor:pointer; } #usedVehiclePhoto { position: relative; border: 3px solid #c1c1c1; background:url(../images/layup/noImage320x240.gif) top left no-repeat; width: 320px; height: 240px; } #usedVehiclePhotoSmall { position: relative; border: 3px solid #c1c1c1; background:url(../images/layup/noImage320x213.gif) top left no-repeat; width: 320px; min-height: 213px; margin-bottom:33px; } #usedVehiclePhoto .enlarge { position: absolute; top: 0px; left: 0px; } #usedVehiclePhoto .special { position: absolute; top: -3px; left: -3px; } #usedVehiclePhotoSmall .special { position: absolute; top: -3px; left: -3px; } #usedVehicleThumbs { width: 325px; height: 101px; margin: 6px 0px 0px 0px; position: relative; } #usedVehicleThumbs #prevThumb { position: absolute; top: 0px; left: 0px; z-index: 999; } #usedVehicleThumbs #nextThumb { position: absolute; top: 0px; right: 0px; z-index: 999; } #usedVehicleThumbs #thumbWindow { position: absolute; overflow: hidden; width: 325px; height: 101px; margin-left: 0px; } #usedVehicleThumbs #thumbWindow #thumbContainer { height: 101px; } #usedVehicleThumbs #thumbWindow .thumb { float: left; margin-right: 8px; border: 3px solid #c1c1c1; margin-top: 0px; } #usedVehicleThumbs #thumbWindow .thumbAlt { height:84px; float: left; margin-right: 8px; border: 3px solid #c1c1c1; margin-top: 0px; } #usedVehicleInfo { float: right; width: 278px; } #usedVehicleInfo .title { color: #0763a7; font-weight: bold; font-size: 1.3em; height: 48px; padding-left: 9px; } #usedVehicleInfo .price { color: #65a707; font-size: 2.2em; font-weight: bold; height: 45px; padding-left: 9px; } #usedVehicleInfo .location { color: #0e446d; height: 72px; padding-left: 9px; } #usedCarOptions { width: 278px; } #usedCarOptions a { display: block; height: 28px; width: 278px; } #usedCarOptions .btnEnquiry a { background:url(../images/layup/spriteUsedCarOptions.gif) 0px 0px no-repeat; margin-bottom: 4px; } #usedCarOptions .btnEnquiry a:hover { background:url(../images/layup/spriteUsedCarOptions.gif) 0px -28px no-repeat; } #usedCarOptions .btnSendFriend a { background:url(../images/layup/spriteUsedCarOptions.gif) -278px 0px no-repeat; margin-bottom: 4px; } #usedCarOptions .btnSendFriend a:hover { background:url(../images/layup/spriteUsedCarOptions.gif) -278px -28px no-repeat; } #usedCarOptions .btnPrint a { background:url(../images/layup/spriteUsedCarOptions.gif) -556px 0px no-repeat; margin-bottom: 4px; } #usedCarOptions .btnPrint a:hover { background:url(../images/layup/spriteUsedCarOptions.gif) -556px -28px no-repeat; } #usedCarOptions .btnMakeOffer a { background:url(../images/layup/spriteUsedCarOptions.gif) -834px 0px no-repeat; margin-bottom: 4px; } #usedCarOptions .btnMakeOffer a:hover { background:url(../images/layup/spriteUsedCarOptions.gif) -834px -28px no-repeat; } #usedCarOptions .btnSaveCompare a { background:url(../images/layup/spriteUsedCarOptions.gif) -1112px 0px no-repeat; margin-bottom: 4px; } #usedCarOptions .btnSaveCompare a:hover { background:url(../images/layup/spriteUsedCarOptions.gif) -1112px -28px no-repeat; } #usedCarOptions .btnValueVehicle a { background:url(../images/layup/spriteUsedCarOptions.gif) -1390px 0px no-repeat; margin-bottom: 4px; } #usedCarOptions .btnValueVehicle a:hover { background:url(../images/layup/spriteUsedCarOptions.gif) -1390px -28px no-repeat; } #relatedVehicles { margin-top: 4px; } #relatedVehicles .heading { color: #0763a7; font-weight: bold; font-size: 1.5em; background:url(../images/layup/dotsH.gif) bottom left repeat-x; padding: 0px 0px 6px 0px; margin-bottom: 11px; } #relatedVehicles .box { background: #eeeeee; margin-bottom: 15px; } #relatedVehicles .box a { display: block; width: 293px; text-decoration: none; font-weight: bold; color: #0e446d; } #relatedVehicles .box .thumb { display: block; width: 126px; height: 95px; border: 3px solid #c1c1c1; background: url(../images/layup/noImage126x95.gif) top left no-repeat; float: left; } #relatedVehicles .box .thumbAlt { display: block; width: 126px; height: 84px; border: 3px solid #c1c1c1; background: url(../images/layup/noImage126x95.gif) top left no-repeat; float: left; } #relatedVehicles .box .title { display: block; float: left; padding-left: 8px; padding-top: 7px; width: 153px; height: 40px; } #relatedVehicles .box .price { display: block; float: left; padding-left: 8px; width: 153px; font-size: 1.1em; height: 20px; } #relatedVehicles .box .btn { display: block; float: right; padding-right: 6px; } /* ----- DOMTABS ----- */ .domTabs { padding-bottom: 10px; padding-top: 5px; position: relative; width: 615px; } .domShadowL { position: absolute; bottom: -11px; left: -9px; } .domShadowR { position: absolute; bottom: -11px; right: -8px; } ul.domHeadings { padding: 0px; margin: 0px; list-style: none; height: 47px; } ul.domHeadings li { float: left; } ul.domHeadings li a { display: block; float: left; outline: 0; } ul.domHeadings #tabCarDetails { display: block; width: 135px; height: 47px; background: url(../images/layup/spriteUsedVehicleTabs.gif) 0px 0px no-repeat; } ul.domHeadings #tabCarDetails:hover { background: url(../images/layup/spriteUsedVehicleTabs.gif) 0px -47px no-repeat; } ul.domHeadings li.active #tabCarDetails { background: url(../images/layup/spriteUsedVehicleTabs.gif) 0px -47px no-repeat; } ul.domHeadings #tabSpec { display: block; width: 135px; height: 47px; background: url(../images/layup/spriteUsedVehicleTabs.gif) -135px 0px no-repeat; } ul.domHeadings #tabSpec:hover { background: url(../images/layup/spriteUsedVehicleTabs.gif) -135px -47px no-repeat; } ul.domHeadings li.active #tabSpec { background: url(../images/layup/spriteUsedVehicleTabs.gif) -135px -47px no-repeat; } ul.domHeadings #tabSpec { display: block; width: 133px; height: 47px; background: url(../images/layup/spriteUsedVehicleTabs.gif) -135px 0px no-repeat; } ul.domHeadings #tabSpec:hover { background: url(../images/layup/spriteUsedVehicleTabs.gif) -135px -47px no-repeat; } ul.domHeadings li.active #tabSpec { background: url(../images/layup/spriteUsedVehicleTabs.gif) -135px -47px no-repeat; } ul.domHeadings #tabWarranty { display: block; width: 97px; height: 47px; background: url(../images/layup/spriteUsedVehicleTabs.gif) -269px 0px no-repeat; } ul.domHeadings #tabWarranty:hover { background: url(../images/layup/spriteUsedVehicleTabs.gif) -269px -47px no-repeat; } ul.domHeadings li.active #tabWarranty { background: url(../images/layup/spriteUsedVehicleTabs.gif) -269px -47px no-repeat; } ul.domHeadings #tabDescription { display: block; width: 111px; height: 47px; background: url(../images/layup/spriteUsedVehicleTabs.gif) -365px 0px no-repeat; } ul.domHeadings #tabDescription:hover { background: url(../images/layup/spriteUsedVehicleTabs.gif) -365px -47px no-repeat; } ul.domHeadings li.active #tabDescription { background: url(../images/layup/spriteUsedVehicleTabs.gif) -365px -47px no-repeat; } .domContent { background: url(../images/layup/usedCarTabBg.gif) top left repeat-x; padding: 10px 12px 0px 12px; min-height: 170px; } .domContent .heading { color: #0763a7; font-weight: bold; font-size: 1.5em; background:url(../images/layup/dotsH.gif) bottom left repeat-x; padding: 0px 0px 6px 0px; margin-bottom: 11px; } .domContent table td { padding: 2px 0px 2px 0px; } .dt1 { display: block; } .tabset_print { display: none; } /* finance summary */ #financeSummary { padding-top: 15px; } #financeSummary .heading { color: #0763a7; font-weight: bold; font-size: 1.5em; background: none; padding: 0px; margin-bottom: 4px; } #financeSummary .divider { clear: both; background:url(../images/layup/dotsH.gif) top left repeat-x; display: block; height: 13px; } #tblContainerFinance table {} #tblContainerFinance table th {color: #0763a7; font-weight: bold; font-size: 1.3em; padding: 0px 0px 5px 0px; } #tblContainerFinance table td { padding: 3px 0px 3px 0px; } /* ----- DEALER ----- */ #dealerFranchises { margin-bottom: 25px; width: 617px; } #dealerFranchises span { display: none; } #dealerFranchises .jumpHyundai a { float: left; display: block; width: 76px; height: 112px; background:url(../images/layup/spriteDealerFranchises.gif) 0px 0px no-repeat; } #dealerFranchises .jumpHyundai a:hover { float: left; background:url(../images/layup/spriteDealerFranchises.gif) 0px -112px no-repeat; } #dealerFranchises .jumpLexus a { float: left; display: block; width: 78px; height: 112px; background:url(../images/layup/spriteDealerFranchises.gif) -76px 0px no-repeat; } #dealerFranchises .jumpLexus a:hover { float: left; background:url(../images/layup/spriteDealerFranchises.gif) -76px -112px no-repeat; } #dealerFranchises .jumpNissan a { float: left; display: block; width: 77px; height: 112px; background:url(../images/layup/spriteDealerFranchises.gif) -154px 0px no-repeat; } #dealerFranchises .jumpNissan a:hover { float: left; background:url(../images/layup/spriteDealerFranchises.gif) -154px -112px no-repeat; } #dealerFranchises .jumpRenault a { float: left; display: block; width: 77px; height: 112px; background:url(../images/layup/spriteDealerFranchises.gif) -231px 0px no-repeat; } #dealerFranchises .jumpRenault a:hover { float: left; background:url(../images/layup/spriteDealerFranchises.gif) -231px -112px no-repeat; } #dealerFranchises .jumpSkoda a { float: left; display: block; width: 75px; height: 112px; background:url(../images/layup/spriteDealerFranchises.gif) -308px 0px no-repeat; } #dealerFranchises .jumpSkoda a:hover { float: left; background:url(../images/layup/spriteDealerFranchises.gif) -308px -112px no-repeat; } #dealerFranchises .jumpToyota a { float: left; display: block; width: 79px; height: 112px; background:url(../images/layup/spriteDealerFranchises.gif) -383px 0px no-repeat; } #dealerFranchises .jumpToyota a:hover { float: left; background:url(../images/layup/spriteDealerFranchises.gif) -383px -112px no-repeat; } #dealerFranchises .jumpVw a { float: left; display: block; width: 75px; height: 112px; background:url(../images/layup/spriteDealerFranchises.gif) -462px 0px no-repeat; } #dealerFranchises .jumpVw a:hover { float: left; background:url(../images/layup/spriteDealerFranchises.gif) -462px -112px no-repeat; } #dealerFranchises .jumpAllMakes a { float: left; display: block; width: 80px; height: 112px; background:url(../images/layup/spriteDealerFranchises.gif) -537px 0px no-repeat; } #dealerFranchises .jumpAllMakes a:hover { float: left; background:url(../images/layup/spriteDealerFranchises.gif) -537px -112px no-repeat; } #dealerShowroom { float: left; background: #c1c1c1; padding: 3px; width: 320px; } #dealerShowroom #dealerLocation { padding: 12px 10px 5px 10px; } #dealerShowroom #dealerLocation label { width: 65px; font-weight: bold; color: #222121; float:left; } #dealerShowroom #dealerLocation select { width: 230px; position: relative; top: -2px; height: 19px; } /* google map */ #dealerMap { float: right; background: #c1c1c1; padding: 3px; width: 275px; } #dealerMap #dealerDirections { padding: 6px 0px 2px 10px; } #dealerMap #dealerDirections #directions { float: left; width: 131px; margin-top: 4px; } #dealerMap #dealerDirections #btnDirections { width: 97px; height: 28px; float: right; padding-right: 2px; } /* telephone numbers and times */ #telephoneTimes { width: 303px; float: left; padding: 15px 11px 11px 11px; } #telephoneTimes #telephoneNumbers { padding-bottom: 21px; } #telephoneTimes #telephoneNumbers .number { font-size: 1.3em; text-align: right; margin-bottom: 10px; } #telephoneTimes #telephoneNumbers .number .heading { font-weight: bold; float: left; color: #0763a7; } #telephoneTimes #openingTimes { padding-bottom: 21px; } #telephoneTimes #openingTimes .heading { font-weight: bold; font-size: 1.3em; color: #0763a7; padding-bottom: 14px; } #telephoneTimes #openingTimes table { width: 100%; } #telephoneTimes #openingTimes th { padding: 3px 0px 6px 0px; } #telephoneTimes #openingTimes td { padding: 3px 0px 3px 0px; } #telephoneTimes #address { } #telephoneTimes #address .heading { font-weight: bold; font-size: 1.3em; color: #0763a7; padding-bottom: 14px; } /* contact form */ #dealerForm { width: 257px; float: right; padding: 15px 6px 11px 12px; } #dealerForm .heading { font-weight: bold; font-size: 1.3em; color: #0763a7; padding-bottom: 14px; } #dealerForm form label { width: 80px; } #dealerForm form div { margin: 0px 0px 6px 0px; } #dealerForm input, #dealerForm textarea { width: 171px; } #dealerForm select { width: 175px !important; } #dealerForm input#submit { width:72px; height:28px; } /* ----- OFFFERS ----- */ #offerTabs { width: 617px; height: 47px; background:url(../images/layup/offerTabBg.gif) top left repeat-x; } #offerTabs span { display: none; } #offerTabs a { float: left; display: block; } #offerTabs #newCarOffers { background:url(../images/layup/spriteOffers.gif) 0px 0px no-repeat; width: 143px; height: 47px; margin-right: 15px; } #offerTabs #newCarOffers:hover { background:url(../images/layup/spriteOffers.gif) 0px -47px no-repeat; } #offerTabs #newCarOffers.active { background:url(../images/layup/spriteOffers.gif) 0px -47px no-repeat; } #offerTabs #usedCarOffers { background:url(../images/layup/spriteOffers.gif) -158px 0px no-repeat; width: 142px; height: 47px; margin-right: 15px; } #offerTabs #usedCarOffers:hover { background:url(../images/layup/spriteOffers.gif) -158px -47px no-repeat; } #offerTabs #usedCarOffers.active { background:url(../images/layup/spriteOffers.gif) -158px -47px no-repeat; } #offerTabs #businessOffers { background:url(../images/layup/spriteOffers.gif) -315px 0px no-repeat; width: 126px; height: 47px; margin-right: 18px; } #offerTabs #businessOffers:hover { background:url(../images/layup/spriteOffers.gif) -315px -47px no-repeat; } #offerTabs #businessOffers.active { background:url(../images/layup/spriteOffers.gif) -315px -47px no-repeat; } #offerTabs #aftersalesOffers { background:url(../images/layup/spriteOffers.gif) -459px 0px no-repeat; width: 138px; height: 47px; } #offerTabs #aftersalesOffers:hover { background:url(../images/layup/spriteOffers.gif) -459px -47px no-repeat; } #offerTabs #aftersalesOffers.active { background:url(../images/layup/spriteOffers.gif) -459px -47px no-repeat; } #offerList { margin-top: 10px; } #offerList .offer { float: left; margin-right: 2px; margin-bottom: 4px; } #usedOfferList { margin-top: 10px; } #usedOfferList .offer { float: left; margin-right: 2px; margin-bottom: 4px; } #businessOfferList { margin-top: 10px; } #businessOfferList .offer { float: left; margin-right: 2px; margin-bottom: 4px; } #aftersalesOfferList { margin-top: 10px; } #aftersalesOfferList .offer { float: left; margin-right: 2px; margin-bottom: 4px; } #offerImage { border: 1px solid #e1e1e1; padding: 7px; width: 450px; margin: 0 auto 22px auto; } #offerForm { background: #e4e4e4; float: left; width: 310px; margin-right: 12px; } #offerForm.formWide { width: 616px !important; margin: 0 !important; float: none !important; } #offerForm.formWide .formItem { width: 297px; float: left; min-height: 28px; } * html #offerForm.formWide .formItem { height: 28px; } #offerForm form { padding: 10px 0px 6px 14px; } #offerForm form div { margin-bottom: 6px; } #offerForm label { width: 82px; } #offerForm input { width: 180px; } #offerForm select { width: 184px; } #offerForm textarea { width: 180px; } #offerForm .submit { width: 72px; margin-left: 113px; } #offerForm .validation-advice { width: 258px; } /* ----- TERMS AND CONDITIONS */ .cmsFileList { list-style:none; margin:10px 0; padding:0; } .cmsFileList li { background:url(../images/layup/iconPDF.gif) no-repeat left 5px; padding:10px 0 10px 30px; } .cmsFileList li a { font-size:12px; color:#0763a7; } /* ----- COMPARE VEHICLES ----- */ #compareVehicles .details a { display: block; text-align: center; padding: 3px 0px 6px 0px; } /* ----- 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 15px 0; font-size:100%; font-weight:bold; } h1 { font-size: 1.6em; color: #186dad; } h1.dealerHeading { background: #0763a7; color: #fff; padding: 6px 20px 6px 20px; margin-bottom: 20px; } h2 { font-size: 2.0em; } p { padding:0 0 12px 0; margin:0; } /* ----- TOP NAVIGATION ----- */ #primaryNav { padding: 0px 0px 0px 5px; background:url(../images/layup/primaryNavBg.gif) top left repeat-x; } #primaryNav ul { list-style: none; margin: 0px; padding: 0px; height: 42px; font-size: 1.1em; } #primaryNav li { padding: 0px; margin: 0px; float: left; background:url(../images/layup/primaryNavDivider.gif) top right no-repeat; padding-right: 2px; } #primaryNav li a { display: block; float: left; text-decoration: none; color: #fff; } /* FLOAT LEFT FIXES A KNOWN CLICKABLE IE6 ISSUE */ #primaryNav li span { display: block; padding: 20px 6px 8px 5px; } #primaryNav li a:hover, #primaryNav li .active { color: #0763a7; background: url(../images/layup/primaryNavRight.gif) top right no-repeat; } #primaryNav li a:hover span, #primaryNav li .active span { color: #0763a7; background: url(../images/layup/primaryNavLeft.gif) top left no-repeat; } #primaryNav li.home span { padding-left: 30px; } #primaryNav li.home a:hover span, #primaryNav li.home .active span { background: url(../images/layup/primaryNavLeftHome.gif) top left no-repeat; } #primaryNav li.last { background: none; padding-right: 0px; } /* ----- 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 ----- */ #pageInfo { background: #e4e4e4; padding: 10px 20px 10px 20px; margin: 24px 19px 0px 9px; width: 577px; } #pageInfo .clear { height: 0; line-height: 0; font-size: 0; } #breadcrumbs { float: left; line-height: normal; font-weight: bold; } #breadcrumbs a { font-weight: normal; text-decoration: none;} #breadcrumbs a:hover { text-decoration: underline; } #breadcrumbs .btnBack { float: right; padding: 0px; } #searchInfo { background: #e4e4e4; margin: 8px 19px 0px 9px; width: 617px; } #searchInfo #sortLeft { float:left; margin:0 10px 0 0; } #searchInfo #sortRight { float:left; margin:0 2px 0 0; } #searchInfoBottom { background: #e4e4e4; padding: 0px 0px 0px 0px; margin: 8px 0px 0px; } #searchInfo .clear { height: 0; line-height: 0; font-size: 0; } #searchResult { float: right; } #pagination { float: right; } #pagination .pageNumber { float: right; padding-top: 10px; padding-right: 6px; } #pagination .pageNumber a { padding: 1px 2px 1px 2px; text-decoration: none; font-weight: normal; } #pagination .pageNumber a:hover { text-decoration: none; background:#959595; color:#fff; } #pagination .pageNumber .active { text-decoration: none; background:#959595; color:#fff; } #pagination .btnNext { float: right; margin-left: 2px; width: 53px; } #pagination .btnPrev { float: right; width: 77px; } #paginationBottom { float: right; } #paginationBottom .pageNumber { float: right; padding-top: 10px; padding-right: 6px; } #paginationBottom .pageNumber a { padding: 1px 3px 1px 3px; text-decoration: none; font-weight: normal; } #paginationBottom .pageNumber a:hover { text-decoration: none; background:#959595; color:#fff; } #paginationBottom .pageNumber .active { text-decoration: none; background:#959595; color:#fff; } #paginationBottom .btnNext { float: right; margin-left: 2px; width: 53px; } #paginationBottom .btnPrev { float: right; width: 77px; } #sortBy { float: left; margin-left: 8px; padding-top: 10px; } #sortBy fieldset { display: inline; } #sortBy label { width: 60px; text-align: right; } #sortBy select { width: 120px; height: 19px; position: relative; top: -2px; } #paginationBottom { float: right; width: 615px; } #paginationBottom .pageNumber { float: right; padding-top: 10px; padding-right: 6px; } #paginationBottom .pageNumber a { padding: 1px 3px 1px 3px; text-decoration: none; font-weight: normal; } #paginationBottom .pageNumber a:hover { text-decoration: none; background:#959595; color:#fff; } #paginationBottom .pageNumber .active { text-decoration: none; background:#959595; color:#fff; } #paginationBottom .btnNext { float: right; margin-left: 2px; width: 53px; } #paginationBottom .btnPrev { float: right; width: 77px; } /* ----- FOOTER ----- */ #footer { margin: 0 auto; background:#dadada; padding: 12px 33px 0px 33px; text-align:left; line-height: 150%; color: #474747; } #footer a { font-weight:normal; text-decoration:none; color: #474747; } #footer a:hover { text-decoration:underline; } #footer .franchiseLinks { font-size: 1.1em; } #footer .franchiseLinks a { font-weight: bold; } /* ----- GLOBAL ----- */ img { display:block; border:0; } address { font-style:normal; } /* ----- LINKS ----- */ a { color:#000000; font-weight:bold; text-decoration:underline;cursor:pointer; outline: 0; } 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:#0763a7;} .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:72px; height:28px; border:none; } /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #ff0000; color : #FF3300; } input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; } .validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #0763a7; color : #FFF; font-weight: bold; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } table tr {} table .altRow { background-color:#E4E4E4; } /* ----- 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;} /* ----- RECAPTCHA ----- */ #recaptcha_widget { background: #E4E4E4; width: 464px; } #recaptcha_image { width: 300px; float: left; padding-left: 10px; } #recaptch_options { float: right; padding-right: 10px; } #recaptch_options div { margin-bottom: 0; }