/* ---------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------- IMGAGERY -------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------- */ body { background: url(../images/layup/lotus/bodyBg.gif) top left repeat; } #outer { background: url(../images/layup/lotus/outerBg.gif) top left repeat-x; } #outerHome { background: url(../images/layup/lotus/outerHomeBg.gif) top left repeat-x; } #container { background: url(../images/layup/lotus/containerBg.jpg) top right repeat-y; } #header { background: url(../images/layup/lotus/headerBg.gif) top left no-repeat; } #header #flags { position: absolute; top: 6px; right: 279px; } #header #flags a.flagGermany { background: url(../images/layup/lotus/spriteFlags.gif) 0px 0px no-repeat; } #header #flags a.flagGermany:hover { background: url(../images/layup/lotus/spriteFlags.gif) 0px -14px no-repeat; } #header #flags a.flagFrance { background: url(../images/layup/lotus/spriteFlags.gif) -16px 0px no-repeat; } #header #flags a.flagFrance:hover { background: url(../images/layup/lotus/spriteFlags.gif) -16px -14px no-repeat; } #header #flags a.flagItaly { background: url(../images/layup/lotus/spriteFlags.gif) -32px 0px no-repeat; } #header #flags a.flagItaly:hover { background: url(../images/layup/lotus/spriteFlags.gif) -32px -14px no-repeat; } #header #flags a.flagSpain { background: url(../images/layup/lotus/spriteFlags.gif) -48px 0px no-repeat; } #header #flags a.flagSpain:hover { background: url(../images/layup/lotus/spriteFlags.gif) -48px -14px no-repeat; } #header #telephone {left:500px; } #primaryNav { background:url(../images/layup/lotus/primaryNavBg.gif) top left no-repeat; } #primaryNav li { background: url(../images/layup/lotus/primaryNavDivider.gif) top right no-repeat; } #primaryNav li a:hover, #primaryNav li .active { background:url(../images/layup/lotus/primaryNavHover.gif) top left repeat-x; } #primaryNav li a { padding-left:11px; padding-right:11px; } #leftCol .vehicleSearch { background: url(../images/layup/lotus/vehicleSearchBg.gif) top left repeat-y; } #leftCol .box { background: url(../images/layup/lotus/leftColBoxBg.gif) top left repeat; } #leftCol .saveCompare { background: url(../images/layup/lotus/leftColBoxBg.gif) top left repeat; } #list .listItem a:hover { background: url(../images/layup/lotus/diagBg.gif) top left repeat; } #list .listItem .imagesAvailable { background: url(../images/layup/lotus/iconCamera.gif) top left no-repeat; } #list .listItem { background: url(../images/layup/lotus/listingDivider.gif) bottom left repeat-x; } #usedVehicleOptions .btnEnquiry a { height: 30px; width: 68px; background:url(../images/layup/lotus/spriteUsedVehicleOptions.gif) 0px 0px no-repeat; margin-right: 2px; } #usedVehicleOptions .btnEnquiry a:hover { background:url(../images/layup/lotus/spriteUsedVehicleOptions.gif) 0px -30px no-repeat; } #usedVehicleOptions .btnSendFriend a { height: 30px; width: 123px; background:url(../images/layup/lotus/spriteUsedVehicleOptions.gif) -68px 0px no-repeat; margin-right: 2px; } #usedVehicleOptions .btnSendFriend a:hover { background:url(../images/layup/lotus/spriteUsedVehicleOptions.gif) -68px -30px no-repeat; } #usedVehicleOptions .btnMakeOffer a { height: 30px; width: 107px; background:url(../images/layup/lotus/spriteUsedVehicleOptions.gif) -191px 0px no-repeat; margin-right: 2px; } #usedVehicleOptions .btnMakeOffer a:hover { background:url(../images/layup/lotus/spriteUsedVehicleOptions.gif) -191px -30px no-repeat; } #usedVehicleOptions .btnSaveCompare a { height: 30px; width: 126px; background:url(../images/layup/lotus/spriteUsedVehicleOptions.gif) -298px 0px no-repeat; margin-right: 2px; } #usedVehicleOptions .btnSaveCompare a:hover { background:url(../images/layup/lotus/spriteUsedVehicleOptions.gif) -298px -30px no-repeat; } #usedVehicleOptions .btnPrint a { height: 30px; width: 84px; background:url(../images/layup/lotus/spriteUsedVehicleOptions.gif) -424px 0px no-repeat; margin-right: 2px; } #usedVehicleOptions .btnPrint a:hover { background:url(../images/layup/lotus/spriteUsedVehicleOptions.gif) -424px -30px no-repeat; } #usedVehicleOptions .btnValue a { height: 30px; width: 128px; background:url(../images/layup/lotus/spriteUsedVehicleOptions.gif) -508px 0px no-repeat; } #usedVehicleOptions .btnValue a:hover { background:url(../images/layup/lotus/spriteUsedVehicleOptions.gif) -508px -30px no-repeat; } #usedVehicleDetails .domHeadings li#tabSpec a { width: 117px; background: url(../images/layup/lotus/spriteUsedCarDomtabs.gif) 0px 0px no-repeat; } #usedVehicleDetails .domHeadings li#tabSpec a:hover { background: url(../images/layup/lotus/spriteUsedCarDomtabs.gif) 0px -35px no-repeat; } #usedVehicleDetails .domHeadings li#tabSpec.active a{ background: url(../images/layup/lotus/spriteUsedCarDomtabs.gif) 0px -35px no-repeat; } #usedVehicleDetails .domHeadings li#tabTechnical a { width: 137px; background: url(../images/layup/lotus/spriteUsedCarDomtabs.gif) -117px 0px no-repeat; } #usedVehicleDetails .domHeadings li#tabTechnical a:hover { background: url(../images/layup/lotus/spriteUsedCarDomtabs.gif) -117px -35px no-repeat; } #usedVehicleDetails .domHeadings li#tabTechnical.active a { background: url(../images/layup/lotus/spriteUsedCarDomtabs.gif) -117px -35px no-repeat; } #usedVehicleDetails .domHeadings li#tabWarranty a { width: 194px; background: url(../images/layup/lotus/spriteUsedCarDomtabs.gif) -254px 0px no-repeat; } #usedVehicleDetails .domHeadings li#tabWarranty a:hover { background: url(../images/layup/lotus/spriteUsedCarDomtabs.gif) -254px -35px no-repeat; } #usedVehicleDetails .domHeadings li#tabWarranty.active a { background: url(../images/layup/lotus/spriteUsedCarDomtabs.gif) -254px -35px no-repeat; } #usedVehicleDetails .domContent { background: url(../images/layup/lotus/usedCarDomtabBg.gif) top left repeat-y; } #financeCalculator { background: url(../images/layup/lotus/financeCalculatorBg.gif) bottom left no-repeat; } #offerOptions { background: url(../images/layup/lotus/diagBg.gif) top left repeat; } #usedVehicleThumbs { background: url(../images/layup/lotus/diagBg.gif) top left repeat; } #dealerMap #dealerDirections { background: url(../images/layup/lotus/diagBg.gif) top left repeat; } #pageInfo { background: url(../images/layup/lotus/diagBg.gif) top left repeat; } .searchInfo { background: url(../images/layup/lotus/diagBg.gif) top left repeat; } .searchInfoBottom { background: url(../images/layup/lotus/diagBg.gif) top left repeat; } #footer #legalInfo { background: url(../images/layup/lotus/footerLegalInfo.gif) top left no-repeat; } #footer #internalLinks { background: url(../images/layup/lotus/footerLinks.gif) top right repeat-x; } /* ---------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------- COLOURS --------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------- */ body { color:#939393; } #pageInfo #breadcrumbs { color: #939393; background: #1e1e1e; } #pageInfo #breadcrumbs a { color: #939393; } #pageInfo #btnBack { background: #1e1e1e; } #pageInfo #btnBack a { color: #939393; } .pagination { background: #1e1e1e; color: #939393; } .pagination a { color: #939393; } .pagination a:hover { background:#000; color:#fff; } .pagination .active { background:#000; color:#fff !important; } .pagination .prev { color: #939393; } .pagination .next { color: #939393; } .pagination .prev:hover { color: #939393; } .pagination .next:hover { color: #939393; } .sortBy label { background: #1e1e1e; color: #939393; } .searchResult { background: #1e1e1e; color: #939393; } #vehicleTitle h1 { color: #dfce11; } #vehicleTitle .price { color: #fff; } #list .listItem a { color: #919191; } #list .listItem .title .price { color: #fff; } #sitemap a { color: #fff; } h1 { font-size: 2.2em; color: #939393; } h2 { font-size: 1.5em; color: #939393; } a { color:#dfce11; } a:visited { color: #736b14; } #footer { background: #e1e1e1 url(../images/layup/footerBg.gif) top left repeat-x; } #footer #footerContainer { color: #2c2c2c; } #footer a { color: #2c2c2c; } #footer #internalLinks { color: #939393; } #footer #internalLinks a { color: #939393; } #primaryNav li a { color: #d3d3d3; } #contactForm { background: #1e1e1e; } /* ---------------------------------------------------------------------------------------------------- */ /* ----------------------------------------- FRANCHISE SPECIFIC --------------------------------------- */ /* ---------------------------------------------------------------------------------------------------- */ #primaryJumps { margin: 21px 9px 0px 20px; height: 127px; } #primaryJumps a { text-decoration: none; cursor: pointer; color: #c2c2c2; } #primaryJumps a:hover { color: #fff; } #primaryJumps .jumpNewCars { float: left; } #primaryJumps .jumpNewCars a { display: block; width: 320px; height: 128px; background: url(../images/layup/lotus/spriteNewCarsJump.jpg) 0px 0px no-repeat; } #primaryJumps .jumpNewCars a:hover { background: url(../images/layup/lotus/spriteNewCarsJump.jpg) 0px -128px no-repeat; } #primaryJumps .jumpNewCars span { display: block; padding: 44px 12px 0px 188px; text-align: right; } #primaryJumps .jumpUsedCars { float: right; } #primaryJumps .jumpUsedCars a { display: block; width: 320px; height: 128px; background: url(../images/layup/lotus/spriteUsedCarsJump.jpg) 0px 0px no-repeat; } #primaryJumps .jumpUsedCars a:hover { background: url(../images/layup/lotus/spriteUsedCarsJump.jpg) 0px -128px no-repeat; } #primaryJumps .jumpUsedCars span { display: block; padding: 44px 188px 0px 20px; } #secondaryJumps { margin: 20px 9px 0px 20px; height: 78px; } #secondaryJumps a { text-decoration: none; cursor: pointer; color: #838383; height: 78px; } #secondaryJumps a:hover { color: #fff; } #secondaryJumps span { display: block; padding: 32px 50px 0px 12px; } #secondaryJumps .jumpServicing { float: left; margin-right: 11px; } #secondaryJumps .jumpServicing a { display: block; width: 212px; height: 78px; background: url(../images/layup/lotus/spriteSecondaryJumps.jpg) 0px 0px no-repeat; } #secondaryJumps .jumpServicing a:hover { background: url(../images/layup/lotus/spriteSecondaryJumps.jpg) 0px -78px no-repeat; } #secondaryJumps .jumpParts { float: left; margin-right: 12px; } #secondaryJumps .jumpParts a { display: block; width: 212px; height: 78px; background: url(../images/layup/lotus/spriteSecondaryJumps.jpg) -212px 0px no-repeat; } #secondaryJumps .jumpParts a:hover { background: url(../images/layup/lotus/spriteSecondaryJumps.jpg) -212px -78px no-repeat; } #secondaryJumps .jumpFinance { float: left; } #secondaryJumps .jumpFinance a { display: block; width: 212px; height: 78px; background: url(../images/layup/lotus/spriteSecondaryJumps.jpg) -424px 0px no-repeat; } #secondaryJumps .jumpFinance a:hover { background: url(../images/layup/lotus/spriteSecondaryJumps.jpg) -424px -78px no-repeat; } /* ----- NEW CAR DETAIL ----- */ #newCarLeft { float: left; width: 307px; } #newVehicleConfiguration { width: 307px; color: #fff; margin-bottom: 12px; } #newVehicleConfiguration #configOptions { background: url(../images/layup/formBoxBg.gif) bottom left no-repeat; } #newVehicleConfiguration ul { list-style: none; margin: 0; padding: 9px 11px 10px 11px; } #newVehicleConfiguration ul li { font-size: 1.5em; padding: 2px 0px 7px 0px; } #newVehicleConfiguration ul li a { background: url(../images/layup/spritePlusMinus.gif) 0px 4px no-repeat; display: block; padding: 0px 0px 0px 18px; color: #939393; text-decoration: none; font-weight: bold; } #newVehicleConfiguration ul li a:hover { background: url(../images/layup/spritePlusMinus.gif) 0px -13px no-repeat; padding: 0px 0px 0px 18px; } #newVehicleConfiguration ul li ul { list-style: none; margin: 0; padding: 0px; } #newVehicleConfiguration ul li ul li { font-size: 11px; padding: 4px 0px 5px 38px; color: #b8b8b8; width: 248px; } #newVehicleConfiguration ul li ul li .description { display: block; width: 140px; } #newVehicleConfiguration ul li ul li .price { display: block; float: right; width: 60px; text-align: right; } #newVehicleConfiguration ul li ul li input { float: right; width: 40px; position: relative; top: -3px; } #newVehicleConfiguration #configTotal { background: url(../images/layup/lotus/diagBg.gif) top left repeat; height: 27px; margin: 0px 1px 0px 1px; padding: 8px 12px 0px 12px; color: #fff; font-size: 1.5em; font-weight: bold; } #newCarRight { float: right; width: 320px; } #newVehiclePhoto { width: 320px; height: 240px; position: relative; padding-top: 11px; background: url(../images/layup/noImage320x240.gif) 0px 11px no-repeat; } #newVehiclePhoto .frame { position: absolute; top: 0; left: 0; z-index:999; } #newVehicleOptions { padding: 20px 2px 6px 2px; margin-bottom: 15px; } #newVehicleOptions select { float: left; width: 238px; font-style: italic; float: left; margin-top: 8px; } #newVehicleOptions #btnDirections { width: 62px; height: 22px; float: left; padding-left: 8px; margin-top: 6px; } /* ---- FRAMES PER FRANCHISE ----- */ #list .listItem .thumb { height: 110px; }