/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Essex Auto Group CSS Author : John Davies / john.davies@gforces.co.uk / G-Forces Web Management Ltd PHP Author : Marlon King / marlon.king@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for Essex Auto Group site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ html { height: 100%; overflow-y: scroll; } body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background: #0161a5; 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 ----- */ #outer { width: 100%; height: 100%; background: url(../images/layup/bodyBg.gif) top left repeat-x; min-height: 535px; line-height: 120%; } #container { width:959px; margin:0 auto; text-align:left; font-size:110%; } #printHeader { display:none;} #header { position: relative; background:url(../images/layup/headerBg.gif) top left no-repeat; height: 105px; width: 959px; } #header #logo { position: absolute; top: 0px; left: 0px; } #header #badge { position: absolute; top: 33px; right: 10px; } #header #faceBookIcon { position: absolute; top: 0px; right: 300px; } #header #youtubeIcon { position: absolute; top: 0px; right: 404px; } #header #btnSmartRewardLogin { position: absolute; top: 0px; right: 10px; } #header #contactDetails { position: absolute; top: 48px; right: 0px; } #header #contactDetailsFranchise { position: absolute; top: 44px; left: 414px; } #header #contactDetailsMota { height:31px; font-size:16px; font-weight:bold; color:#614401; background:url(../images/layup/motability/contactDetails.gif) no-repeat left top; position: absolute; top: 48px; left: 516px; } #header #contactDetailsMota span { font-size:16px; font-weight:bold; color:#614401; padding:18px 53px 0 17px; display:block; float:left; } #header #contactDetailsMota span.end { padding:18px 0 0; } #header .fordLogoJump {position:absolute;top:12px;left:20px;width:178px;height:84px;display:block;} #borderT { height: 15px; position: relative; z-index: 1; } #borderB { height: 25px; } #inner { background: #fff url(../images/layup/containerBg.gif) top left repeat-y; padding: 0px 10px 0px 10px; margin-top: -5px; width: 939px; } #homeContent { padding: 12px 11px 0px 11px; } #mainContent { padding: 18px 11px 0px 11px; } /* ----- CMS AREA ----- */ #internalDetails { float: right; margin: 0px 0px 15px 15px; } #internalDetail .cmsImage { width: 320px; height: 240px; } .downloadsArea { width: 543px; border: 1px solid #bfbfbf; padding: 7px 6px 3px 6px; background: #ececec; } .downloadsArea ul { padding: 0; margin: 0px 0px 0px 0px; } .downloadsArea li { list-style: none; float: left; width: 270px; padding-bottom: 8px; } .downloadsArea a { text-decoration: none; } .downloadsArea img { display: inline; position: relative; top: 4px; margin-right: 6px; } /* ----- SMART REWARD ----- */ #smartRewardLogin { width: 100%; background: #fde40e; height: 156px; line-height: 140%; } #smartRewardLoginContainer {width:959px; margin:0 auto; text-align:left; font-size:110%; padding: 3px 0px 0px 0px; position: relative; } #smartRewardLoginContainer .btnClose { position: absolute; top: 12px; right: 5px; z-index: 9999px; } #smartRewardLogin form {} #smartRewardLogin input { border: 1px solid #fff; text-align: center; height: 16px; float: left; margin-right: 5px; } #smartRewardLogin .content { height: 28px; } #smartRewardLogin .btnSubmit { width: 58px !important; height: 19px; border: none; float: left; } #smartRewardLogin .btnActivate { width: 77px !important; height: 19px; border: none; float: left; } #smartRewardLogin .btnLogin { width: 58px !important; height: 19px; border: none; float: left; } #smartRewardLogin .enrolment { float: left; padding: 0px 30px 0px 30px; width: 262px; height: 151px; background:url(../images/layup/rewardDivider.gif) top right no-repeat; position: relative; } #smartRewardLogin .enrolment .btn { position: absolute; top: 118px; left: 235px;height: 13px; } #smartRewardLogin .enrolment .btn a { width: 72px; text-align: center; display: block; padding: 3px 0px 4px 0px; background: #ECE9D8; text-decoration: none; font-weight: normal; } #smartRewardLogin .enrolment input { width: 120px; } #smartRewardLogin .accountActivation { float: left; padding: 0px 30px 0px 30px; width: 262px; height: 151px; background:url(../images/layup/rewardDivider.gif) top right no-repeat; } #smartRewardLogin .accountActivation input { width: 120px; } #smartRewardLogin .members { float: left; padding: 0px 0px 0px 30px; width: 278px; height: 151px; } #smartRewardLogin .members input { width: 97px; } /* ----- LEFT COL ----- */ #leftCol { float: left; width: 183px; margin-right: 10px; position: relative; } #leftCol .box { margin-top: 3px; } #leftCol .dealerLocator { background:url(../images/layup/jumpDealerLocator.jpg) top left no-repeat; width: 183px; height: 77px; } #leftCol .dealerLocator form { padding: 42px 0px 0px 15px; } #leftCol .dealerLocator select { float: left; width: 118px; margin-right: 6px; } #leftCol .dealerLocator #btnGo { width: 30px; height: 20px; } #leftCol .myFavourites { margin-top: 3px; background:url(../images/layup/jumpFavourites.jpg) top left no-repeat; background-color:#515151; padding: 30px 14px 0px 6px;} #leftCol .myFavourites .btn { float:right; margin: 10px 0px 14px 8px;} #leftCol .myFavourites .thumb { float:left; margin: 8px 0px 0px 11px;} #leftCol .myFavourites .last { margin: 8px 0px 0px 0px;} #leftCol .myFavourites #noFavourites { width: 150px; padding: 8px 0px 0px 11px; } /* ----- RIGHT COL ----- */ #rightCol { float: left; width: 159px; margin-left: 10px; position: relative; } #rightCol #usedCarSearch { border-bottom: 3px solid #fff; } #rightCol #usedCarSearch .tabs { height: 27px; } #rightCol #usedCarSearch .tabs #carsSearchTab { float: left; display: block; width: 61px; height: 27px; border-right: 2px solid #fff; background: url(../images/layup/tabSearchCars.gif) no-repeat; cursor: pointer; } #rightCol #usedCarSearch .tabs #commercialSearchTab { float: left; display: block; width: 96px; height: 27px; background: url(../images/layup/tabSearchCommercial.gif) no-repeat; cursor: pointer; } #rightCol #usedCarSearch .tabs #carsSearchTab.active { background: url(../images/layup/tabSearchCars.gif) 0px -27px no-repeat; } #rightCol #usedCarSearch .tabs #commercialSearchTab.active { background: url(../images/layup/tabSearchCommercial.gif) 0px -27px no-repeat; } #rightCol #usedCarSearch #carSearch { padding: 11px 0px 4px 10px; background: #fee647 url(../images/layup/usedCarSearchTabBg.gif) bottom left repeat-x; min-height: 185px; } #rightCol #usedCarSearch #commercialSearch { padding: 11px 0px 4px 10px; background: #fee647 url(../images/layup/usedCarSearchTabBg.gif) bottom left repeat-x; min-height: 185px; display: none; } #rightCol #usedCarSearch select { width:140px; border:1px solid #d0d0d0; padding:1px 0px; margin:0px 0px 3px 0px; height: 18px; padding: 0px; } #rightCol #usedCarSearch .greenCarsOnly { width: 57px; position: relative; padding-bottom: 5px; } #rightCol #usedCarSearch .greenCarsOnly input { width:20px; position: absolute; top: 12px; left: 20px; } #rightCol #usedCarSearch .hotDealOnly { width: 57px; position: relative; padding-bottom: 5px; } #rightCol #usedCarSearch .hotDealOnly input { width:20px; position: absolute; top: 12px; left: 20px; } #rightCol #usedCarSearch .exDemoOnly { width: 57px; position: relative; padding-bottom: 5px; } #rightCol #usedCarSearch .exDemoOnly input { width: 20px; position: absolute; top: 12px; left: 20px; } #rightCol #usedCarSearch .advanced { padding-top: 11px; } #rightCol #usedCarSearch .search { padding-top: 11px; } #rightCol #usedCarSearch .optionsLeft { float: left; width: 57px; line-height: normal; color: #fff; } #rightCol #usedCarSearch .btnsRight { float: right; width: 82px; padding-right: 10px; } #rightCol .box { border-bottom: 4px solid #fff; } #rightCol .contactNumbers { } #rightCol .contactNumbers table { width: 100%; } #rightCol .contactNumbers td { padding-top: 3px; padding-bottom: 3px; } #rightCol .locationDetails { } #rightCol .locationDetails .locationMap { position: relative; height: 99px; } #rightCol .locationDetails .locationMap #location1 { position: absolute; top: 9px; left: 39px; cursor: pointer; } #rightCol .locationDetails .locationMap #location2 { position: absolute; top: 21px; left: 70px; cursor: pointer; } #rightCol .locationDetails .locationMap #location3 { position: absolute; top: 50px; left: 15px; cursor: pointer; } #rightCol .locationDetails .locationMap #location4 { position: absolute; top: 21px; left: 36px; cursor: pointer; } #rightCol .locationDetails .locationMap #location5 { position: absolute; top: 32px; left: 89px; cursor: pointer; } #rightCol .locationDetails .locationMap #title { position: absolute; bottom: 0px; left: 0px; height: 19px; width: 149px; font-weight: bold; color: #fff; padding: 6px 0px 0px 10px; background-color: #000; filter:alpha(opacity=60); opacity: 0.6; -moz-opacity:0.6; } /* ----- MIDDLE COL ----- */ #middleCol { float: left; width: 577px; position:relative; z-index:1; } #middleCol #flashImage { position:relative; } #middleCol #flashImage .overlay { position:absolute; right:0; top:0; } #middleCol #approvedPartService { float: left; background: url(../images/layup/jumpApprovedPartService.gif) top left no-repeat; width: 277px; height: 99px; margin-bottom: 12px; } #middleCol #approvedPartService span { display: none; } #middleCol #approvedPartService .approvedPartServiceJag { float: left; height: 54px; margin-top: 45px; } #middleCol #approvedPartService .approvedPartServiceJag a { display: block; height: 54px; width: 91px; background:url(../images/layup/jumpApprovedPartServiceJag.gif) top left no-repeat; } #middleCol #approvedPartService .approvedPartServiceJag a:hover { height: 54px; background:url(../images/layup/jumpApprovedPartServiceJag.gif) 0px -54px no-repeat; } #middleCol #approvedPartService .approvedPartServiceLandrover { float: left; height: 54px; margin-top: 45px; } #middleCol #approvedPartService .approvedPartServiceLandrover a { display: block; height: 54px; width: 91px; background:url(../images/layup/jumpApprovedPartServiceLandrover.gif) top left no-repeat; } #middleCol #approvedPartService .approvedPartServiceLandrover a:hover { height: 54px; background:url(../images/layup/jumpApprovedPartServiceLandrover.gif) left -54px no-repeat; } #middleCol #approvedPartService .brandJumpAutomart { float: left; height: 66px; margin-top: 0px; border-top: 1px solid #d3d3d3; } #middleCol #approvedPartService .brandJumpAutomart a { display: block; height: 98px; width: 94px; background:url(../images/layup/jumpAutomart.gif) top left no-repeat; } #middleCol #approvedPartService .brandJumpAutomart a:hover { height: 98px; background:url(../images/layup/jumpAutomart.gif) left -98px no-repeat; } #middleCol #approvedPartService .approvedPartServiceVolvo { float: left; height: 66px; margin-top: 30px; } #middleCol #approvedPartService .approvedPartServiceVolvo a { display: block; height: 66px; width: 75px; background:url(../images/layup/jumpApprovedPartServiceVolvo.gif) top left no-repeat; } #middleCol #approvedPartService .approvedPartServiceVolvo a:hover { height: 66px; background:url(../images/layup/jumpApprovedPartServiceVolvo.gif) left -67px no-repeat; } #middleCol #watchOurVideo { float: left; width: 298px; height: 99px; margin-bottom: 12px; } #middleCol #latestOffersVideos { width: 327px; float: left; margin-right: 11px; } #middleCol #latestOffersVideos .tabs { height: 28px; margin-bottom: 1px; } #middleCol #latestOffersVideos .tabs #latestOffersTab { margin-right: 7px;} #middleCol #latestOffersVideos .tabs #videosTab { margin-right: 7px;} #middleCol #latestOffersVideos .tabs div { float: left; display: block; cursor: pointer; } #middleCol #latestOffersVideos .tabs span { display: block; padding: 8px 13px 8px 13px; } #middleCol #latestOffersVideos .tabs .nonActive { background: url(../images/layup/tabWhiteRight.gif) top right no-repeat; color: #797979; font-weight: bold; font-size: 1.3em; } #middleCol #latestOffersVideos .tabs .nonActive span { background: url(../images/layup/tabWhiteLeft.gif) top left no-repeat; } #middleCol #latestOffersVideos .tabs .active { background: url(../images/layup/tabBlueRight.gif) top right no-repeat; color: #fff; font-weight: bold; font-size: 1.3em; } #middleCol #latestOffersVideos .tabs .active span { background: url(../images/layup/tabBlueLeft.gif) top left no-repeat; } #middleCol #latestOffersVideos .controls { height: 34px; border-bottom: 1px solid #d8d8d8; padding: 4px 0px 0px 0px; background: url(../images/layup/homeOffersBg.gif) no-repeat; } #middleCol #latestOffersVideos #buttonControls { padding: 7px 0px 7px 0px; float: right; } #middleCol #latestOffersVideos .controls span { display: none; } #middleCol #latestOffersVideos .controls .btnUsed { float: left; width: 37px; } #middleCol #latestOffersVideos .controls .btnUsed a { background:url(../images/layup/offerNavUsed.gif) top left no-repeat; height: 15px; display: block; } #middleCol #latestOffersVideos .controls .btnUsed a:hover { background:url(../images/layup/offerNavUsed.gif) 0px -15px no-repeat; height: 15px; display: block; } #middleCol #latestOffersVideos .controls .btnNew { float: left; width: 36px; } #middleCol #latestOffersVideos .controls .btnNew a.active { background-position: 0px -34px; } #middleCol #latestOffersVideos .controls .btnNew a { background:url(../images/layup/spriteOfferTabs.gif) 0px 0px no-repeat; height: 34px; display: block; } #middleCol #latestOffersVideos .controls .btnNew a:hover { background:url(../images/layup/spriteOfferTabs.gif) 0px -34px no-repeat; height: 34px; display: block; } #middleCol #latestOffersVideos .controls .btnCommercial { float: left; width: 75px; } #middleCol #latestOffersVideos .controls .btnCommercial a { background:url(../images/layup/spriteOfferTabs.gif) -105px 0px no-repeat; height: 34px; display: block; } #middleCol #latestOffersVideos .controls .btnCommercial a:hover { background:url(../images/layup/spriteOfferTabs.gif) -105px -34px no-repeat; height: 34px; display: block; } #middleCol #latestOffersVideos .controls .btnAftersales { float: left; width: 61px; } #middleCol #latestOffersVideos .controls .btnAftersales a { background:url(../images/layup/spriteOfferTabs.gif) -180px 0px no-repeat; height: 34px; display: block; } #middleCol #latestOffersVideos .controls .btnAftersales a:hover { background:url(../images/layup/spriteOfferTabs.gif) -180px -34px no-repeat; height: 34px; display: block; } #middleCol #latestOffersVideos .controls .btnScrappage { float: left; width: 69px; } #middleCol #latestOffersVideos .controls .btnScrappage a { background:url(../images/layup/spriteOfferTabs.gif) -36px 0px no-repeat; height: 34px; display: block; } #middleCol #latestOffersVideos .controls .btnScrappage a:hover { background:url(../images/layup/spriteOfferTabs.gif) -36px -34px no-repeat; height: 34px; display: block; } #middleCol #latestOffersVideos .controls .btnUsed { float: left; width: 37px; } #middleCol #latestOffersVideos .controls .btnUsed a { background:url(../images/layup/spriteOfferTabs.gif) -243px 0px no-repeat; height: 34px; display: block; } #middleCol #latestOffersVideos .controls .btnUsed a:hover { background:url(../images/layup/spriteOfferTabs.gif) -243px -34px no-repeat; height: 34px; display: block; } #middleCol #latestOffersVideos .controls .btnScrollRight { float: right; margin-right: 0px; margin-left: 6px; display: inline; } #middleCol #latestOffersVideos .controls .btnScrollLeft { float: right; margin-right: 5px; display: inline; } #middleCol #latestOffersVideos #wallpapers { position: relative; } #middleCol #latestOffersVideos #wallpapers .btnDownload { position: absolute; top: -3px; right: -3px; } #middleCol #latestOffersVideos #offersCmsArea ul { padding: 0px; margin: 0px 0px 0px 17px; } #middleCol #news { width: 238px; float: left; } #middleCol #news .tabs { height: 28px; margin-bottom: 1px; } #middleCol #news .tabs #franchiseNewsTab { margin-right: 7px; } #middleCol #news .tabs #eagNewsTab { } #middleCol #news .tabs div { float: left; display: block; cursor: pointer; } #middleCol #news .tabs span { display: block; padding: 8px 13px 8px 13px; } #middleCol #news .tabs .nonActive { background: url(../images/layup/tabWhiteRight.gif) top right no-repeat; color: #797979; font-weight: bold; font-size: 1.2em; } #middleCol #news .tabs .nonActive span { background: url(../images/layup/tabWhiteLeft.gif) top left no-repeat; } #middleCol #news .tabs .active { background: url(../images/layup/tabBlueRight.gif) top right no-repeat; color: #fff; font-weight: bold; font-size: 1.2em; } #middleCol #news .tabs .active span { background: url(../images/layup/tabBlueLeft.gif) top left no-repeat; } #middleCol #news #franchiseNews { } #middleCol #news #eagNews { } #middleCol #news .article { background: #f3f3f3; height: 184px; position: relative; } #middleCol #news .article a { display: block; height: 164px; width: 214px; text-decoration: none; font-weight: normal; cursor: pointer; padding: 10px 12px 10px 12px; } #middleCol #news .article .title { display: block; font-weight: bold; padding-bottom: 8px; height: 24px; } #middleCol #news .article .thumb { display: block; float: left; position: relative; background:url(../images/layup/noImage150x113.gif) top left no-repeat; width: 150px; height: 112px; margin: 0px 0px 0px 30px; display: inline; } #middleCol #news .article .frame { position: absolute; top: -16px; left: -14px; } #middleCol #news .article .link { display: block; text-decoration: underline; font-weight: bold; position: absolute; bottom: 10px; right: 10px; } #middleCol #news .controls { height: 27px; border-bottom: 1px solid #d8d8d8; padding: 11px 0px 0px 0px; } #middleCol #news .controls .btnScrollRight { float: right; margin-right: 7px; margin-left: 6px; display: inline; } #middleCol #news .controls .btnScrollLeft { float: right; margin-right: 6px; display: inline; } /* motability offers */ #middleCol #offerSelector { margin-bottom: 20px; padding-bottom: 15px; padding-top: 20px; border-bottom: 1px solid #d9d9d9; font-size: 1.1em; font-weight: bold; } #middleCol #offerSelector label { width: 280px; } #middleCol #offerSelector select { width: 235px; height: 20px; position: relative; top: -3px; } #middleCol #motabiltyOfferList {} #middleCol #motabiltyOfferList .box { width: 287px; float: left; margin-right: 3px; margin-bottom: 20px; } #middleCol #motabiltyOfferList .box.endRow { margin-right: 0px; } #middleCol #motabiltyOfferList .box a { display: block; width: 287px; text-decoration: none; font-size: 1.1em; } #middleCol #motabiltyOfferList .box a .thumb { display: block; width: 287px; height: 162px; background: #737373; margin-bottom: 4px; } #middleCol #motabiltyOfferList .box a .title { display: block; background: #b8b7b4; padding: 4px 10px 5px 10px; } /* ----- FULL COL ----- */ #fullCol { float: left; width: 745px; } #fullCol #franchiseJumps { width: 745px; margin-bottom: 22px; height: 171px; } #fullCol #franchiseJumps a { display: block; background-image: url(../images/layup/spriteFranchiseJumps.jpg); background-repeat: no-repeat; float: left; } #fullCol #franchiseJumps a#jumpFord { background-position: 0px 0px; width: 110px; height: 94px; } #fullCol #franchiseJumps a#jumpFord:hover { background-position: 0px -171px; } #fullCol #franchiseJumps a#jumpMazda { background-position: -110px 0px; width: 83px; height: 94px; } #fullCol #franchiseJumps a#jumpMazda:hover { background-position: -110px -171px; } #fullCol #franchiseJumps a#jumpFiat { background-position: -193px 0px; width: 88px; height: 94px; } #fullCol #franchiseJumps a#jumpFiat:hover { background-position: -193px -171px; } #fullCol #franchiseJumps a#jumpKia { background-position: -281px 0px; width: 104px; height: 94px; } #fullCol #franchiseJumps a#jumpKia:hover { background-position: -281px -171px; } #fullCol #franchiseJumps a#jumpVolvo { background-position: -385px 0px; width: 87px; height: 94px; } #fullCol #franchiseJumps a#jumpVolvo:hover { background-position: -385px -171px; } #fullCol #franchiseJumps a#jumpSeat { background-position: -472px 0px; width: 103px; height: 94px; } #fullCol #franchiseJumps a#jumpSeat:hover { background-position: -472px -171px; } #fullCol #franchiseJumps a#jumpSkoda { background-position: -575px 0px; width: 80px; height: 94px; } #fullCol #franchiseJumps a#jumpSkoda:hover { background-position: -575px -171px; } #fullCol #franchiseJumps a#jumpMotability { background-position: -655px 0px; width: 90px; height: 94px; } #fullCol #franchiseJumps a#jumpMotability:hover { background-position: -655px -171px; } #fullCol #franchiseJumps a#jumpLandrover { background-position: 0px -94px; width: 134px; height: 77px; } #fullCol #franchiseJumps a#jumpLandrover:hover { background-position: 0px -265px; } #fullCol #franchiseJumps a#jumpJaguar { background-position: -134px -94px; width: 139px; height: 77px; } #fullCol #franchiseJumps a#jumpJaguar:hover { background-position: -134px -265px; } #fullCol #franchiseJumps a#jumpFordDirect { background-position: -274px -94px; width: 119px; height: 77px; } #fullCol #franchiseJumps a#jumpFordDirect:hover { background-position: -274px -265px; } #fullCol #franchiseJumps a#jumpFordPrivilege { background-position: -393px -94px; width: 115px; height: 77px; } #fullCol #franchiseJumps a#jumpFordPrivilege:hover { background-position: -393px -265px; } #fullCol #franchiseJumps a#jumpB2B { background-position: -508px -94px; width: 124px; height: 77px; } #fullCol #franchiseJumps a#jumpB2B:hover { background-position: -508px -265px; } #fullCol #franchiseJumps a#jumpShop { background-position: -632px -94px; width: 114px; height: 77px; } #fullCol #franchiseJumps a#jumpShop:hover { background-position: -632px -265px; } #fullCol #latestOffersVideos { width: 327px; float: left; margin-right: 11px; } #fullCol #latestOffersVideos .tabs { height: 28px; margin-bottom: 1px; } #fullCol #latestOffersVideos .tabs #latestOffersTab { margin-right: 7px; } #fullCol #latestOffersVideos .tabs #videosTab { margin-right: 7px; } #fullCol #latestOffersVideos .tabs #scrappageTab { margin-right: 7px; } #fullCol #latestOffersVideos .tabs div { float: left; display: block; cursor: pointer; } #fullCol #latestOffersVideos .tabs span { display: block; padding: 8px 13px 8px 13px; } #fullCol #latestOffersVideos .tabs .nonActive { background: url(../images/layup/tabWhiteRight.gif) top right no-repeat; color: #797979; font-weight: bold; font-size: 1.3em; } #fullCol #latestOffersVideos .tabs .nonActive span { background: url(../images/layup/tabWhiteLeft.gif) top left no-repeat; } #fullCol #latestOffersVideos .tabs .active { background: url(../images/layup/tabBlueRight.gif) top right no-repeat; color: #fff; font-weight: bold; font-size: 1.3em; } #fullCol #latestOffersVideos .tabs .active span { background: url(../images/layup/tabBlueLeft.gif) top left no-repeat; } #fullCol #latestOffersVideos .tabs #scrappageTab.active { background: url(../images/layup/tabGreenRight.gif) top right no-repeat !important; color: #fff; font-weight: bold; font-size: 1.3em; } #fullCol #latestOffersVideos .tabs #scrappageTab.active span { background: url(../images/layup/tabGreenLeft.gif) top left no-repeat; } #fullCol #latestOffersVideos .controls { height: 30px; border-bottom: 1px solid #d8d8d8; padding: 4px 0px 0px 0px; } #fullCol #latestOffersVideos .controls span { display: none; } #fullCol #latestOffersVideos .controls .btnFord { float: left; width: 41px; height:30px; } #fullCol #latestOffersVideos .controls .btnFord a { background:url(../images/layup/offerNavFord.gif) top left no-repeat; height: 30px; display: block; } #fullCol #latestOffersVideos .controls .btnFord a:hover { background:url(../images/layup/offerNavFord.gif) 0px -30px no-repeat; height: 30px; display: block; } #fullCol #latestOffersVideos .controls .btnFord .active { background:url(../images/layup/offerNavFord.gif) 0px -30px no-repeat; height: 30px; display: block; } #fullCol #latestOffersVideos .controls .btnMazda { float: left; width: 35px; } #fullCol #latestOffersVideos .controls .btnMazda a { background:url(../images/layup/offerNavMazda.gif) top left no-repeat; height: 30px; display: block; } #fullCol #latestOffersVideos .controls .btnMazda a:hover { background:url(../images/layup/offerNavMazda.gif) 0px -30px no-repeat; height: 30px; display: block; } #fullCol #latestOffersVideos .controls .btnMazda .active { background:url(../images/layup/offerNavMazda.gif) 0px -30px no-repeat; height: 30px; display: block; } #fullCol #latestOffersVideos .controls .btnFiat { float: left; width: 31px; } #fullCol #latestOffersVideos .controls .btnFiat a { background:url(../images/layup/offerNavFiat.gif) -2px top no-repeat; height: 30px; display: block; } #fullCol #latestOffersVideos .controls .btnFiat a:hover { background:url(../images/layup/offerNavFiat.gif) -2px -30px no-repeat; height: 30px; display: block; } #fullCol #latestOffersVideos .controls .btnFiat .active { background:url(../images/layup/offerNavFiat.gif) -2px -30px no-repeat; height: 30px; display: block; } #fullCol #latestOffersVideos .controls .btnKia { float: left; width: 39px; } #fullCol #latestOffersVideos .controls .btnKia a { background:url(../images/layup/offerNavKia.gif) top left no-repeat; height: 30px; display: block; } #fullCol #latestOffersVideos .controls .btnKia a:hover { background:url(../images/layup/offerNavKia.gif) 0px -30px no-repeat; height: 30px; display: block; } #fullCol #latestOffersVideos .controls .btnKia .active { background:url(../images/layup/offerNavKia.gif) 0px -30px no-repeat; height: 30px; display: block; } #fullCol #latestOffersVideos .controls .btnVolvo { float: left; width: 28px; } #fullCol #latestOffersVideos .controls .btnVolvo a { background:url(../images/layup/offerNavVolvo.gif) top left no-repeat; height: 30px; display: block; } #fullCol #latestOffersVideos .controls .btnVolvo a:hover { background:url(../images/layup/offerNavVolvo.gif) 0px -30px no-repeat; height: 30px; display: block; } #fullCol #latestOffersVideos .controls .btnVolvo .active { background:url(../images/layup/offerNavVolvo.gif) 0px -30px no-repeat; height: 30px; display: block; } #fullCol #latestOffersVideos .controls .btnScrappage { float: left; width: 41px; } #fullCol #latestOffersVideos .controls .btnScrappage a { background:url(../images/layup/offerNavScrappage.gif) top left no-repeat; height: 30px; display: block; } #fullCol #latestOffersVideos .controls .btnScrappage a:hover { background:url(../images/layup/offerNavScrappage.gif) 0px -30px no-repeat; height: 30px; display: block; } #fullCol #latestOffersVideos .controls .btnScrappage .active { background:url(../images/layup/offerNavScrappage.gif) 0px -30px no-repeat; height: 30px; display: block; } #fullCol #latestOffersVideos .controls .btnMotability { float: left; width: 31px; } #fullCol #latestOffersVideos .controls .btnMotability a { background:url(../images/layup/offerNavMotability.gif) top left no-repeat; height: 30px; display: block; } #fullCol #latestOffersVideos .controls .btnMotability a:hover { background:url(../images/layup/offerNavMotability.gif) 0px -30px no-repeat; height: 30px; display: block; } #fullCol #latestOffersVideos .controls .btnMotability .active { background:url(../images/layup/offerNavMotability.gif) 0px -30px no-repeat; height: 30px; display: block; } #fullCol #latestOffersVideos .controls .btnSeat { float: left; width: 36px; } #fullCol #latestOffersVideos .controls .btnSeat a { background:url(../images/layup/offerNavSeat.gif) top left no-repeat; height: 30px; display: block; } #fullCol #latestOffersVideos .controls .btnSeat a:hover { background:url(../images/layup/offerNavSeat.gif) 0px -30px no-repeat; height: 30px; display: block; } #fullCol #latestOffersVideos .controls .btnSeat .active { background:url(../images/layup/offerNavSeat.gif) 0px -30px no-repeat; height: 30px; display: block; } #fullCol #latestOffersVideos .controls .btnSkoda { float: left; width: 33px; } #fullCol #latestOffersVideos .controls .btnSkoda a { background:url(../images/layup/offerNavSkoda.gif) top left no-repeat; height: 30px; display: block; } #fullCol #latestOffersVideos .controls .btnSkoda a:hover { background:url(../images/layup/offerNavSkoda.gif) 0px -30px no-repeat; height: 30px; display: block; } #fullCol #latestOffersVideos .controls .btnSkoda .active { background:url(../images/layup/offerNavSkoda.gif) 0px -30px no-repeat; height: 30px; display: block; } #fullCol #latestOffersVideos .controls .btnScrollRight { float: right; margin-right: 0px; padding-top: 3px; display: inline; } #fullCol #latestOffersVideos .controls .btnScrollLeft { float: right; margin-right: 10px; padding-top: 3px; display: inline; } #fullCol #news { width: 407px; float: left; } #fullCol #news .tabs { height: 28px; margin-bottom: 1px; } #fullCol #news .tabs #eagCommunityTab { margin-right: 7px; } #fullCol #news .tabs #latestNewsTab { margin-right: 7px; } #fullCol #news .tabs #careersTab { } #fullCol #news .tabs div { float: left; display: block; cursor: pointer; } #fullCol #news .tabs span { display: block; padding: 8px 13px 8px 13px; } #fullCol #news .tabs .nonActive { background: url(../images/layup/tabWhiteRight.gif) top right no-repeat; color: #797979; font-weight: bold; font-size: 1.3em; } #fullCol #news .tabs .nonActive span { background: url(../images/layup/tabWhiteLeft.gif) top left no-repeat; } #fullCol #news .tabs .active { background: url(../images/layup/tabBlueRight.gif) top right no-repeat; color: #fff; font-weight: bold; font-size: 1.3em; } #fullCol #news .tabs .active span { background: url(../images/layup/tabBlueLeft.gif) top left no-repeat; } #fullCol #news #franchiseNews { } #fullCol #news #eagNews { } #fullCol #news .article { background: #f3f3f3; height: 184px; } #fullCol #news .article a { display: block; height: 164px; width: 383px; text-decoration: none; font-weight: normal; padding: 10px 12px 10px 12px; } #fullCol #news .article .title { display: block; font-weight: bold; padding-bottom: 8px; } #fullCol #news .article .thumb { display: block; float: left; background:url(../images/layup/noImage190x143.gif) top left no-repeat; width: 190px; height: 143px; margin: 0px 12px 8px 0px; } #fullCol #news .article .link { display: block; text-decoration: underline; font-weight: bold; padding-top: 12px; } #fullCol #news .controls { height: 30px; border-bottom: 1px solid #d8d8d8; padding: 4px 0px 0px 0px; } #fullCol #news .controls .btnScrollRight { float: right; margin-right: 7px; margin-left: 6px; display: inline; } #fullCol #news .controls .btnScrollLeft { float: right; margin-right: 6px; display: inline; } /* ----- GENERIC LISTS ----- */ #internalList h1 { padding: 18px 11px 15px 11px; } #internalList .listType1 { float: left; margin-bottom: 14px; } #internalList .listType1 a { text-decoration: none; font-weight: normal; cursor: pointer; } #internalList .listType1 .itemImage { float: left; width: 150px; height: 113px; display: block; background: url(../images/layup/noImage150x113.gif) no-repeat; border: 4px solid #b8b7b4; } #internalList .listType1 .itemDetails { float: left; width: 419px; height: 121px; background: #e8e8e8; } #internalList .listType1 .itemDetails .itemHeading { display: block; background: #b8b7b4; color: #FFF; padding: 8px 12px 8px 12px; font-weight: bold; } #internalList .listType1 .itemDetails .itemInfo { display: block; padding: 10px 12px 0px 12px; } #internalList .listType1 .itemReadMore { display: block; clear: both; color: #000; font-weight: bold; margin-top: 1px; } #internalList .listType1 .itemReadMore .padding { padding: 7px 12px 7px 12px; background: #e8e8e8; display: block; } #internalList .listType2 { float: left; margin-bottom: 14px; width: 282px; padding-right: 6px; } #internalList .listType2 a { text-decoration: none; font-weight: normal; cursor: pointer; } #internalList .listType2 .itemImage { float: left; width: 150px; height: 113px; display: block; background: url(../images/layup/noImage150x113.gif) no-repeat; border-right: 4px solid #b8b7b4; border-bottom: 4px solid #b8b7b4; border-left: 4px solid #b8b7b4; } #internalList .listType2 .itemHeading { display: block; background: #b8b7b4; color: #FFF; padding: 8px 12px 8px 12px; font-weight: bold; } #internalList .listType2 .itemDetails { float: left; width: 124px; height: 117px; background: #e8e8e8; } #internalList .listType2 .itemDetails .itemInfo { display: block; padding: 10px 12px 0px 12px; } #internalList .listType2 .itemReadMore { display: block; clear: both; color: #000; font-weight: bold; margin-top: 1px; } #internalList .listType2 .itemReadMore .padding { padding: 7px 12px 7px 12px; background: #e8e8e8; display: block; } #internalList .listType3 { float: left; margin-bottom: 14px; } #internalList .listType3 .itemImage { float: left; width: 283px; height: 159px; display: block; background:url(../images/layup/noImage283x159.gif) top left no-repeat; border: 4px solid #b8b7b4; } #internalList .listType3 .itemDetails { float: left; width: 286px; height: 167px; background: #e8e8e8; } #internalList .listType3 .itemDetails .itemHeading { display: block; background: #b8b7b4; color: #FFF; padding: 8px 12px 8px 12px; font-weight: bold; } #internalList .listType3 .itemDetails .itemInfo { display: block; padding: 10px 12px 0px 12px; } #boxList { margin: 18px 0px 0px 0px; } #boxList .box { float: left; margin-right: 2px; margin-bottom: 20px; } #boxList .box a { display: block; cursor: pointer; text-decoration: none; } #boxList .box .thumb { border: 1px solid #b8b7b4; width: 283px; height: 159px; background:url(../images/layup/noImage283x159.gif) top left no-repeat; display: block; } #boxList .box .title { display: block; margin-top: 4px; background: #b8b7b4; padding: 6px 0px 6px 10px; } #boxList2 { margin: 18px 0px 0px 0px; } #boxList2 .box { float: left; margin-right: 4px; margin-bottom: 20px; } #boxList2 .box a { display: block; cursor: pointer; text-decoration: none; } #boxList2 .box .thumb { border: 1px solid #b8b7b4; width: 186px; height: 140px; background:url(../images/layup/noImage283x159.gif) top left no-repeat; display: block; } #boxList2 .box .title { display: block; margin-top: 4px; background: #b8b7b4; padding: 6px 0px 6px 10px; } /* ----- NEW CAR LIST ----- */ #newCarList { } #newCarList .box { width: 191px; height: 115px; float: left; position: relative; } #newCarList .empty { background:url(../images/layup/newListEmptyBg.gif) repeat-x; } #newCarList .box .thumb { position: absolute; top: 0px; left: 0px; display: block; width: 191px; height: 115px; overflow: hidden; } #newCarList .box .thumb img { position: absolute; top: 0px; left: 0px; } #newCarList .box .thumb a:hover { position: absolute; top: -115px; left: 0px; } #newCarList .box .title { position: absolute; top: 85px; left: 10px; font-size: 1.1em; width: 165px; } #newCarList .box .title a { text-decoration: none; } #newCarList .box .title a:hover { text-decoration: none; } /* ----- NEW CAR DETAIL ----- */ #newCarPhoto { margin-top: 6px; height: 413px; position: relative; margin-bottom:10px; } #newCarPhoto #newCarOptionsBox { height: 50px; width: 576px; text-align: center; position:absolute; bottom: 0px; left: 0px; background-color: #000; filter:alpha(opacity=20); opacity: 0.2; -moz-opacity:0.2; z-index: 1; } #newCarPhoto #newCarOptions { width: 576px; text-align: center; position:absolute; bottom: 12px; left: 0px; z-index: 2; } #newCarPhoto #newCarOptions .wrap { width:576px; display: table; margin: 0 auto; } #newCarPhoto #newCarOptions .wrap .btn { display: table-cell; float: left; margin: 0 2px; position:relative; } #newCarPhoto #newCarOptions .wrap .clickableArea { position: absolute; top: 0px; left: 5px; } #newVehicleForm { float:right; width:263px; margin:0 0 25px 34px; position:relative; right:-10px; } #newVehicleForm #formHeading { font-size:1.4em; border:none; margin-bottom:0px; } #newVehicleForm #frmContactNew input { width:217px; } #newVehicleForm #frmContactNew textarea { width:217px; } #newVehicleForm #frmContactNew select { width:223px; } #newVehicleForm #frmContactNew label { width:223px; font-size:11px; padding-bottom:3px; } #newVehicleForm #frmContactNew fieldset { float:left; } .offerList { padding:20px 0 30px; } .offerList a { display:block; margin:0 29px 19px 0px; float:left; } .offerList a.last { margin-right:0px; } /* ----- USED CAR LIST ----- */ #usedCarList {} #usedCarList .listItem { float: left; border-bottom: 1px solid #e3e3e3; position: relative; } #usedCarList .listItem.greenCar { background: #dfffe1; } #usedCarList .listItem.featured { background: #ffe2e2; } #usedCarList .listItem a { display: block; padding: 10px 0px 10px 12px; width: 565px; cursor: pointer; text-decoration: none; font-weight: normal; color: #000; } #usedCarList .listItem .thumb { display: block; float: left; background:url(../images/layup/noImage162x122.gif) top left no-repeat; width: 162px; height: 122px; padding-right: 16px; } #usedCarList .listItem .thumb .special { position: absolute; top: 6px; left: 6px; } #usedCarList .listItem .title { display: block; float: left; width: 380px; padding: 0px 0px 12px 0px; font-weight: bold; } #usedCarList .listItem .description { display: block; float: left; width: 380px; } #usedCarList .listItem .priceLocation { display: block; padding: 15px 0px 0px 0px; } #usedCarList .listItem .priceLocation .price { display: block; float: right; color: #ff0000; font-weight: bold; font-size: 1.2em; padding-right: 7px; } #usedCarList .listItem .priceLocation .location { display: block; float: left; } #usedCarList .listItem .btn { display: block; float: right; padding-top: 20px; } #usedCarList .listItem .clear { display: block; clear:both; } #usedCarList .listItem .greenCarIcon { position: absolute; top: 3px; right: 10px; } #usedCarList .listItem .featuredIcon { position: absolute; top: 5px; right: 10px; } #usedCarListFavs {} #usedCarListFavs .listItem { float: left; border-bottom: 1px solid #e3e3e3; padding:10px 0px; position: relative; } #usedCarListFavs .listItem .thumb { display: block; float: left; background:url(../images/layup/noImage162x122.gif) top left no-repeat; width: 162px; height: 122px; padding-right: 16px; } #usedCarListFavs .listItem .title { display: block; float: left; width: 380px; padding: 0px 0px 12px 0px; font-weight: bold; } #usedCarListFavs .listItem .description { display: block; float: left; width: 380px; } #usedCarListFavs .listItem .priceLocation { display: block; padding: 15px 0px 0px 0px; } #usedCarListFavs .listItem .priceLocation .price { display: block; float: right; color: #ff0000; font-weight: bold; font-size: 1.2em; padding-right: 7px; } #usedCarListFavs .listItem .priceLocation .location { display: block; float: left; } #usedCarListFavs .listItem .delete a { display:block; position: absolute; top: 0px; right: 0px; font-weight:normal; padding: 0px; text-decoration:none; padding-top:10px;} #usedCarListFavs .listItem .emailFavourites { display: block; float: left; padding-top: 14px; font-weight: bold; } #usedCarListFavs .listItem .emailFavourites .checkRadio { width:20px !important; position:relative; left:-2px; top: 2px; } #usedCarListFavs .listItem .btn { display: block; float: right; padding-top: 20px; } #usedCarListFavs .listItem .clear { display: block; clear:both; } #list {} #list .listItem { margin:0 0 25px; width:577px; } #list .listItem a { display:block; text-decoration:none; font-weight:normal; } #list .listItem .title a { float:left; width:380px; height:26px; background:url(../images/layup/listTitleBg.jpg) no-repeat left top; color:#fff; font-size:20px; padding:4px 0 0 14px; line-height:1; } #list .listItem .price a { float:right; width:166px; height:25px; background:#b32624; color:#fff; font-size:18px; text-align:right; padding:5px 14px 0 0; line-height:1; } #list .listItem .content { border:1px solid #cfcfcf; border-top:none; padding:10px 7px 10px 9px; } #list .listItem .thumb { float:left; width:197px; height:148px; padding:2px; border:1px solid #cfcfcf; margin:0 0 2px; } #list .listItem table { width:351px; cursor:pointer; margin:0 0 3px; } #list .listItem table tr {} #list .listItem table tr td { padding:9px 0 8px 11px; border-bottom:4px solid #fff; background:#e3e3e3 no-repeat left top; } #list .listItem table tr td.lhs { width:165px; background-image:url(../images/layup/listTableLHS.gif) ;border-right:4px solid #fff; } #list .listItem table tr td.rhs { background-image:url(../images/layup/listTableRHS.gif); } #list .listItem .locationCO2 { width:351px; height:46px; background:url(../images/layup/listLocationCO2Bg.gif) no-repeat left top; } #list .listItem .locationCO2 .location { float:left; font-size:13px; color:#083a5a; width:169px; padding:4px 0 0 10px; display:block; line-height:1.1; } #list .listItem .locationCO2 .location span { font-size:22px; color:#d32f33; display:block; } #list .listItem .locationCO2 .co2 { float:right; margin:8px 8px 0 0; width:100px; height:29px; display:block; background:url(../images/layup/listCO2Bg.gif) no-repeat left top; font-size:13px; color:#fff; font-weight:bold; padding:8px 0 0 64px; line-height:1; } #list .listItem .locationCO2 .hotDeals { float:right; margin:0; width:134px; height:34px; display:block; padding:4px 0 0 0; line-height:1; } #list .listItem .options {} #list .listItem .options a { float:left; width:90px; height:41px; display:block; background:url(../images/layup/spriteListOptions.gif) no-repeat; margin:8px 6px 0 0; } #list .listItem .options .saveLater { background-position:0 0; } #list .listItem .options .enquireNow { background-position:-97px 0; } #list .listItem .options .bookTestDrive { background-position:-193px 0; } #list .listItem .options .findOutMore { background-position:-290px 0; } #list .listItem .options .liveChat { width:auto; height:auto; margin:0; float:right; } /* ----- USED CAR DETAIL ----- */ #usedCarPhoto { float: left; background: url(../images/layup/noImage360x270.gif) 3px 3px no-repeat; position: relative; width: 360px; height: 270px; margin-right: 10px; padding: 3px; border: 1px solid #d0d0c3; margin-top: 8px; } #usedCarPhoto #iconEnlarge { position: absolute; top: -5px; left: -5px; } #usedCarPhotoPrint { display: none; } #usedCarThumbsPrint { display: none; } #printUsedCarLocation { display: none; } #usedCarDetail { float: left; width: 199px; } #usedCarLocation { height: 125px; margin-top: 8px; } #usedCarModel { font-size: 1.1em; font-weight: bold; padding: 10px 0px 12px 8px; float:left; } #printUsedCarModel { display: none; } #printUsedCarModelPrice { display: none; } #usedCarModelPrice { font-size: 1.1em; font-weight: bold; padding: 10px 0px 12px 8px; color:#ff0000; float:left; } #similarVehicles { margin-top: 18px; padding-left: 0px; } #similarVehicles .tab { padding: 0px 0px 1px 0px; margin: 0; list-style: none; background:url(../images/layup/dotsH.gif) bottom left repeat-x; height: 29px; width: 577px; } #similarVehicles .tab li { float:left; font-size: 1.1em;display: inline; font-weight: bold; background: #054e89; color: #fff; float: left; cursor: default; padding: 9px 17px 8px 17px; } #similarVehicles .box { float: left; width: 162px; margin-right: 35px; margin-top: 4px; } #similarVehicles .box a { display: block; cursor: pointer; text-decoration: none; width: 162px; font-weight: normal; padding-bottom: 10px; color: #000; } #similarVehicles .box .thumb { display: block; background:url(../images/layup/noImage162x122.gif) top left no-repeat; width: 162px; height: 122px; } #similarVehicles .box .title { display: block; font-weight: bold; padding: 10px 0px 5px 5px; } #similarVehicles .box .detail { display: block; padding: 0px 0px 0px 5px; } #similarVehicles .box.last { margin-right: 0px; } /* ----- DOMTABS ----- */ #usedVehicleSpec { float: left; margin-right: 7px; } #usedVehicleSpec .domtab { background:url(../images/layup/dotsH.gif) bottom left repeat-x; } #usedVehicleSpec .tabset_print { display: none; } #usedVehicleSpec .tabset_tabs { height: 29px; width: 400px; margin:0px; padding:0px 0px 1px 0px; list-style:none; background:url(../images/layup/dotsH.gif) bottom left repeat-x; } #usedVehicleSpec .tabset_tabs li { list-style: none; display: inline; padding: 0px; float:left; margin-right: 3px; font-size: 1.1em; } #usedVehicleSpec .tabset_tabs a { display: inline; background: #91b1cb; color: #fff; font-weight: bold; float: left; cursor: pointer !important; padding: 9px 17px 8px 17px; margin: 0px; text-decoration: none; } #usedVehicleSpec .tabset_tabs a:hover { font-weight: bold; background: #054e89 !important; } #usedVehicleSpec .tabset_tabs .active a { background: #054e89; } #usedVehicleSpec .trAlt { background:#f2f2f2 !important; } #usedVehicleSpec .tabset_content { background:url(../images/layup/dotsUsedCarDetail.gif) bottom left repeat-x; } #usedVehicleSpec .tabset_content h1 { color: #000; padding: 0px; } #usedVehicleSpec .tabset_content table { margin-top: 3px; } #usedVehicleSpec .tabset_content td { height: 24px; padding: 0px; } #usedVehicleSpec .tabset_content .price { font-size: 1.5em; color: #ff0000; font-weight: bold; padding: 8px 0px 8px 0px; } #topFeatures { float: left; } #topFeatures .tab { padding: 0px 0px 1px 0px; margin: 0; list-style: none; background:url(../images/layup/dotsH.gif) bottom left repeat-x; height: 29px; width: 170px; } #topFeatures .tab li { float:left; font-size: 1.1em; display: inline; font-weight: bold; background: #054e89; color: #fff; float: left; cursor: default; padding: 9px 17px 8px 17px; } #topFeatures .tabset_print { display: none;} #topFeatures .tabset_content { background:url(../images/layup/dotsH.gif) bottom left repeat-x; padding-bottom: 10px; } #topFeatures .tabset_content table { margin-top: 3px; } #topFeatures .tabset_content ul { padding: 0px; margin: 0px 0px 0px 18px; } #topFeatures .tabset_content li { padding: 5px 0px 5px 0px; line-height: 130%; } #usedTitle { float:left; width:380px; height:26px; background:url(../images/layup/listTitleBg.jpg) no-repeat left top; color:#fff; font-size:20px; padding:4px 0 0 14px; line-height:1; margin:0 0 13px; } #usedPrice { float:right; width:166px; height:25px; background:#b32624; color:#fff; font-size:18px; text-align:right; padding:5px 14px 0 0; line-height:1; margin:0 0 13px; } #usedImagery { float:left; width:322px; margin:0 0 14px; } #usedImagery #usedMain { width:316px; height:237px; padding:2px; border:1px solid #cfcfcf; margin:0 0 14px; } #usedImagery #thumbContainer { width:322px; height:70px; position:relative; overflow:hidden; } #usedImagery #thumbContainer .controls { background:#fff; width:31px; position: absolute; z-index:10; top: 0px; right: 0px; } #usedImagery #thumbContainer .controls a.btnBack { width:31px; height:33px; display:block; background:url(../images/layup/usedThumbsBtnBack.gif) no-repeat left top; margin:0 0 4px; } #usedImagery #thumbContainer .controls a.btnNext { width:31px; height:33px; display:block; background:url(../images/layup/usedThumbsBtnNext.gif) no-repeat left top; } #usedImagery #thumbContainer #innerThumbs { left: 0px; width:10000px; height:70px; position: absolute; top:0; z-index:5; } #usedImagery #thumbContainer #innerThumbs .box { width:87px; height:65px; float:left; padding:2px; border:1px solid #cfcfcf; margin:0 4px 0 0; } #usedLocationDetails { width:237px; height:239px; padding:2px; border:1px solid #cfcfcf; float:right; margin:0 0 1px; line-height:1.2; } #usedLocationDetails .padding { padding:13px; background:#e3e3e3; height:213px; } #usedLocationDetails .ref { font-size:14px; color:#000; font-weight:bold; padding:0 0 10px; } #usedLocationDetails .model { font-size:14px; color:#000; font-weight:bold; padding:0 0 10px; } #usedLocationDetails .location { font-size:13px; color:#000; padding:0 0 10px; } #usedLocationDetails .location span { font-size:16px; color:#056297; font-weight:bold; } #usedLocationDetails .telephone { font-size:13px; color:#000; padding:0 0 12px; } #usedLocationDetails .telephone span { font-size:20px; color:#d32f33; font-weight:bold; } #usedLocationDetails .approved { width:165px; margin:0 auto; } #usedLocationDetails .hotDeals { width:168px; margin:0 auto; } #usedOptions { margin:0 0 14px; height:51px; padding:14px 0; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; } #usedOptions a { display:block; float:left; width:93px; height:51px; background:url(../images/layup/spriteUsedOptions.gif) no-repeat; margin:0 4px 0 0; } #usedOptions a.saveLater { background-position:0 0; } #usedOptions a.valueMyCar { background-position:-97px 0; } #usedOptions a.bookTestDrive { background-position:-194px 0; } #usedOptions a.enquireNow { background-position:-291px 0; } #usedOptions a.sendToFriend { background-position:-388px 0; margin:0 3px 0 0; } #usedOptions a.printDetails { background-position:-485px 0; float:right; margin:0; } #usedVehicleTabs { margin:0 0 20px; } #usedVehicleTabs ul.domtabs { margin:0; padding:0; list-style:none; } #usedVehicleTabs ul.domtabs li { float:left; margin:0; padding:0; } #usedVehicleTabs ul.domtabs li a { display:block; height:40px; background:url(../images/layup/spriteUsedTabs.gif) no-repeat; } #usedVehicleTabs ul.domtabs li a#tab1 { width:191px; background-position:0 0; } #usedVehicleTabs ul.domtabs li a#tab2 { width:188px; margin:0 5px 0 6px; background-position:-196px 0; } #usedVehicleTabs ul.domtabs li a#tab3 { width:187px; background-position:-390px 0; } #usedVehicleTabs ul.domtabs li.active a#tab1, #usedVehicleTabs ul.domtabs li a#tab1:hover { background-position:0 -40px; } #usedVehicleTabs ul.domtabs li.active a#tab2, #usedVehicleTabs ul.domtabs li a#tab2:hover { background-position:-196px -40px; } #usedVehicleTabs ul.domtabs li.active a#tab3, #usedVehicleTabs ul.domtabs li a#tab3:hover { background-position:-390px -40px; } #usedVehicleTabs .tabset_content { padding:3px 0 0; } #usedVehicleTabs .tabset_content #tblCarDetails { width:100%; } #usedVehicleTabs .tabset_content #tblCarDetails tr {} #usedVehicleTabs .tabset_content #tblCarDetails tr td { background:#e3e3e3; padding:8px 10px; font-size:11px; color:#000; border-bottom:4px solid #fff; border-right:4px solid #fff; } #usedVehicleTabs .tabset_content #tblCarDetails tr td .align_right { float:right; } #usedVehicleTabs .tabset_content #tblCarDetails tr td.border { border-right:none; } #usedVehicleTabs .tabset_content #tblSpecification { width:100%; } #usedVehicleTabs .tabset_content #tblSpecification tr {} #usedVehicleTabs .tabset_content #tblSpecification tr td { background:#e3e3e3; padding:8px 10px; font-size:11px; color:#000; border-bottom:4px solid #fff; border-right:4px solid #fff; } #usedVehicleTabs .tabset_content #tblSpecification tr td.border { border-right:none; } #usedVehicleTabs .tabset_content #tblFeatures { width:100%; } #usedVehicleTabs .tabset_content #tblFeatures ul { margin:0; padding:0; } #usedVehicleTabs .tabset_content #tblFeatures ul li { float:left; padding:0 10px 10px 0; list-style:none; background:#e3e3e3; padding:8px 10px; font-size:11px; color:#000; border-bottom:4px solid #fff; border-right:4px solid #fff; } #relatedVehicles { margin:0 0 20px; } #relatedVehicles .box { float:left; width:162px; margin:0 35px 0 0; } #relatedVehicles .box.last { margin:0; } #relatedVehicles .box a { display:block; text-decoration:none; font-weight:normal; } #relatedVehicles .box .thumb { width:162px; height:122px; margin:0 0 12px; display:block; } #relatedVehicles .box .details { display:block; font-size:11px; color:#000; padding:0 5px; } /* ----- FEATURED CARS ----- */ #featuredCar { margin-top: 18px; padding-left: 0px; } #featuredCar .primaryTitle { float: left; margin-right: 5px; width: 550px; } #featuredCar .download { float: left; } #featuredCar .box { float: left; width: 170px; margin-right: 30px; margin-top: 8px; } #featuredCar .box a { display: block; cursor: pointer; text-decoration: none; width: 170px; font-weight: normal; padding-bottom: 10px; color: #000; } #featuredCar .box .thumb { display: block; background:url(../images/layup/noImage162x122.gif) 3px 3px no-repeat; width: 162px; height: 122px; padding: 3px; border: 1px solid #dedede; } #featuredCar .box .title { display: block; font-weight: bold; padding: 0px 0px 8px 10px; font-size: 1.2em; border-bottom: 1px solid #dedede; margin-bottom: 2px; } #featuredCar .box .detail { display: block; padding: 7px 0px 7px 10px; height: 26px; } #featuredCar .box .priceLink { display: block; background:url(../images/layup/essexAutoMart/priceLinkBg.gif) top left no-repeat; width: 150px; height: 22px; padding: 8px 10px 0px 10px; font-size: 1.1em; } #featuredCar .box .priceLink .price { font-weight: bold; float: left; color: #eba90a; } #featuredCar .box .priceLink .link { font-weight: bold; float: right; color: #fff; } #featuredCar .box.last { margin-right: 0px; } /* ----- LOCATIONS ----- */ #dealerDirections { width: 272px; float: left; margin-bottom: 11px; } #dealerShowroom { width: 272px; float: right; margin-bottom: 11px; } #dealerAddress { width: 272px; float: left; margin-bottom: 11px; background: #e8e8e8; min-height: 220px; } #dealerAddress .content { padding: 5px 11px 8px 11px; font-size: 1.1em; line-height: 130%; } #dealerAddress address { padding-bottom: 15px; } #dealerOpeningTimes { width: 272px; float: right; margin-bottom: 11px; background: #e8e8e8; min-height: 220px; } #dealerOpeningTimes .content { padding: 5px 11px 8px 11px; line-height: 130%; } #dealerOpeningTimes table { width: 100%; } #dealerOpeningTimes td { font-size: 1.1em; } #dealerContactUs { float: left; background: #e8e8e8; } #dealerContactUs .content { padding: 12px 11px 0px 11px; line-height: 130%; } /* ----- GROUP OFFER BADGES ----- */ #offerGroupBadges { height: 82px; margin-top: 14px; } #offerGroupBadges div { float: left; } #offerGroupBadges span { display: none; } #offerGroupBadges .offerBadgeFord a { display: block; height: 62px; width: 73px; background:url(../images/layup/spriteOfferBadgeFord.gif) top left no-repeat; } #offerGroupBadges .offerBadgeFord a:hover { background:url(../images/layup/spriteOfferBadgeFord.gif) 0px -62px no-repeat; } #offerGroupBadges .offerBadgeFord .active { background:url(../images/layup/spriteOfferBadgeFord.gif) 0px -62px no-repeat; } #offerGroupBadges .offerBadgeMazda a { display: block; height: 62px; width: 60px; background:url(../images/layup/spriteOfferBadgeMazda.gif) top left no-repeat; } #offerGroupBadges .offerBadgeMazda a:hover { background:url(../images/layup/spriteOfferBadgeMazda.gif) 0px -62px no-repeat; } #offerGroupBadges .offerBadgeMazda .active { background:url(../images/layup/spriteOfferBadgeMazda.gif) 0px -62px no-repeat; } #offerGroupBadges .offerBadgeFiat a { display: block; height: 62px; width: 55px; background:url(../images/layup/spriteOfferBadgeFiat.gif) top left no-repeat; } #offerGroupBadges .offerBadgeFiat a:hover { background:url(../images/layup/spriteOfferBadgeFiat.gif) 0px -62px no-repeat; } #offerGroupBadges .offerBadgeFiat .active { background:url(../images/layup/spriteOfferBadgeFiat.gif) 0px -62px no-repeat; } #offerGroupBadges .offerBadgeKia a { display: block; height: 62px; width: 73px; background:url(../images/layup/spriteOfferBadgeKia.gif) top left no-repeat; } #offerGroupBadges .offerBadgeKia a:hover { background:url(../images/layup/spriteOfferBadgeKia.gif) 0px -62px no-repeat; } #offerGroupBadges .offerBadgeKia .active { background:url(../images/layup/spriteOfferBadgeKia.gif) 0px -62px no-repeat; } #offerGroupBadges .offerBadgeJaguar a { display: block; height: 62px; width: 68px; background:url(../images/layup/spriteOfferBadgeJaguar.gif) top left no-repeat; } #offerGroupBadges .offerBadgeJaguar a:hover { background:url(../images/layup/spriteOfferBadgeJaguar.gif) 0px -62px no-repeat; } #offerGroupBadges .offerBadgeJaguar .active { background:url(../images/layup/spriteOfferBadgeJaguar.gif) 0px -62px no-repeat; } #offerGroupBadges .offerBadgeLandrover a { display: block; height: 62px; width: 70px; background:url(../images/layup/spriteOfferBadgeLandrover.gif) top left no-repeat; } #offerGroupBadges .offerBadgeLandrover a:hover { background:url(../images/layup/spriteOfferBadgeLandrover.gif) 0px -62px no-repeat; } #offerGroupBadges .offerBadgeLandrover .active { background:url(../images/layup/spriteOfferBadgeLandrover.gif) 0px -62px no-repeat; } #offerGroupBadges .offerBadgeVolvo a { display: block; height: 62px; width: 58px; background:url(../images/layup/spriteOfferBadgeVolvo.gif) top left no-repeat; } #offerGroupBadges .offerBadgeVolvo a:hover { background:url(../images/layup/spriteOfferBadgeVolvo.gif) 0px -62px no-repeat; } #offerGroupBadges .offerBadgeVolvo .active { background:url(../images/layup/spriteOfferBadgeVolvo.gif) 0px -62px no-repeat; } #offerGroupBadges .offerBadgeAutomart a { display: block; height: 62px; width: 79px; background:url(../images/layup/spriteOfferBadgeAutomart.gif) top left no-repeat; } #offerGroupBadges .offerBadgeAutomart a:hover { background:url(../images/layup/spriteOfferBadgeAutomart.gif) 0px -62px no-repeat; } #offerGroupBadges .offerBadgeAutomart .active { background:url(../images/layup/spriteOfferBadgeAutomart.gif) 0px -62px no-repeat; } #offerGroupBadges .offerBadgeSeat a { display: block; height: 62px; width: 58px; background:url(../images/layup/spriteOfferBadgeSeat.gif) top left no-repeat; } #offerGroupBadges .offerBadgeSeat a:hover { background:url(../images/layup/spriteOfferBadgeSeat.gif) 0px -62px no-repeat; } #offerGroupBadges .offerBadgeSeat .active { background:url(../images/layup/spriteOfferBadgeSeat.gif) 0px -62px no-repeat; } #offerGroupBadges .offerBadgeSkoda a { display: block; height: 62px; width: 58px; background:url(../images/layup/spriteOfferBadgeSkoda.gif) top left no-repeat; } #offerGroupBadges .offerBadgeSkoda a:hover { background:url(../images/layup/spriteOfferBadgeSkoda.gif) 0px -62px no-repeat; } #offerGroupBadges .offerBadgeSkoda .active { background:url(../images/layup/spriteOfferBadgeSkoda.gif) 0px -62px no-repeat; } /* ----- OFFER TABS ----- */ #offerFranchiseTabs { height: 58px; margin-top: 17px; background:url(../images/layup/spriteOfferBg.gif) left 20px repeat-x; } #offerFranchiseTabs div { float: left; } #offerFranchiseTabs span { display: none; } #offerFranchiseTabs .offerTabNewCars a { display: block; height: 38px; width: 141px; background:url(../images/layup/spriteOfferNewCars.gif) top left no-repeat; margin-right: 4px; } #offerFranchiseTabs .offerTabNewCars a:hover { background:url(../images/layup/spriteOfferNewCars.gif) 0px -38px no-repeat; } #offerFranchiseTabs .offerTabNewCars .active { background:url(../images/layup/spriteOfferNewCars.gif) 0px -38px no-repeat; } #offerFranchiseTabs .offerTabUsedCars a { display: block; height: 38px; width: 141px; background:url(../images/layup/spriteOfferUsedCars.gif) top left no-repeat; margin-right: 4px; } #offerFranchiseTabs .offerTabUsedCars a:hover { background:url(../images/layup/spriteOfferUsedCars.gif) 0px -38px no-repeat; } #offerFranchiseTabs .offerTabUsedCars .active { background:url(../images/layup/spriteOfferUsedCars.gif) 0px -38px no-repeat; } #offerFranchiseTabs .offerTabServicing a { display: block; height: 38px; width: 95px; background:url(../images/layup/spriteOfferServicing.gif) top left no-repeat; margin-right: 4px; } #offerFranchiseTabs .offerTabServicing a:hover { background:url(../images/layup/spriteOfferServicing.gif) 0px -38px no-repeat; } #offerFranchiseTabs .offerTabServicing .active { background:url(../images/layup/spriteOfferServicing.gif) 0px -38px no-repeat; } #offerFranchiseTabs .offerTabAftersales a { display: block; height: 38px; width: 91px; background:url(../images/layup/spriteOfferAftersales.gif) top left no-repeat; margin-right: 4px; } #offerFranchiseTabs .offerTabAftersales a:hover { background:url(../images/layup/spriteOfferAftersales.gif) 0px -38px no-repeat; } #offerFranchiseTabs .offerTabAftersales .active { background:url(../images/layup/spriteOfferAftersales.gif) 0px -38px no-repeat; } #offerFranchiseTabs .offerTabScrappage a { display: block; height: 38px; width: 86px; background:url(../images/layup/spriteOfferScrappage.gif) top left no-repeat; } #offerFranchiseTabs .offerTabScrappage a:hover { background:url(../images/layup/spriteOfferScrappage.gif) 0px -38px no-repeat; } #offerFranchiseTabs .offerTabScrappage .active { background:url(../images/layup/spriteOfferScrappage.gif) 0px -38px no-repeat; } #dealershipMap { position: relative; } #dealershipMap span { display: none; } /* ----- COMPANY SERVICES ----- */ #tblCompanyServices { padding:20px 0 0; } #tblCompanyServices .title { font-size:16px; font-weight:bold; padding:0 0 15px; color:#000; } #tblCompanyServices table { width:100%; } #tblCompanyServices table tbody tr { cursor:pointer; } #tblCompanyServices table th { background:url(../images/layup/companyServicesTableHeadingBg.gif) repeat-x #002e4d; padding:9px 7px; font-size:10px; color:#fffefe; border-right:1px solid #d5d5d5; } #tblCompanyServices table th.details { border:none; color:#161616; background:url(../images/layup/companyServicesTableHeadingDetailsBg.gif) repeat-x #eaa90a; } #tblCompanyServices table td { font-size:10px; color:#262b2d; padding:9px 7px; border-right:1px solid #d5d5d5; } #tblCompanyServices table td.heading { font-weight:bold; } #tblCompanyServices table td .marker { width:14px; margin:0 auto; } #tblCompanyServices table td.details { background:#ecebeb; border:none; } #tblCompanyServices table tr.altRow td { background:#efefef; } /* ----- FEEDBACK FORUM ----- */ #feedbackForum {} #feedbackForum .title { font-size:16px; color:#010101; padding:0 0 14px; margin:0 0 14px; border-bottom:1px solid #c8c8c8; } #feedbackForum .title .required { float:right; font-size:12px; color:#010101; } #feedbackForum .title .required span { color:#005a9b; } #feedbackForum form { width:100%; border:1px solid #c8c8c8; background:#f2f2f2; margin:0 0 15px; } #feedbackForum form fieldset { padding:18px; } #feedbackForum form .title { font-size:12px; color:#255f8c; border-bottom:1px dashed #c8c8c8; margin:0 0 14px; } #feedbackForum form div { margin:0 0 10px; } #feedbackForum form div.clearSml { margin:0; } #feedbackForum form label { width:auto; font-size:12px; color:#000000; } #feedbackForum form input, #feedbackForum form textarea { width:258px; float:right; } #feedbackForum form select { float:right; width:262px; } #feedbackForum form .rateYour select { margin:0 0 10px; } #feedbackForum form .btnSubmit { float:right; width:58px; height:19px; } #feedbackForum .showAll { display:block; padding:15px 0; text-decoration:underline; font-size:12px; color:#010101; font-weight:normal; } #feedbackForum .showAll.btm { padding:0 0 15px; } #feedbackForum .listItem { margin:0 0 15px; width:555px; } #feedbackForum .listItem .titleArea { width:555px; height:30px; background:url(../images/layup/feedbackListItemTitleBg.jpg) no-repeat left top; } #feedbackForum .listItem .titleArea .title { line-height:1; color:#fff; float:left; font-size:14px; font-weight:bold; padding:10px 0 0 10px; border:none; margin:0; } #feedbackForum .listItem .titleArea .date { float:right; padding:10px 10px 0 25px; line-height:1; font-size:14px; color:#fff; font-weight:bold; } #feedbackForum .listItem .titleArea .rating { padding:8px 0 0; width:90px; float:right; } #feedbackForum .listItem .titleArea .rating .star { float:left; width:16px; height:15px; background:url(../images/layup/spriteFeedbackRating.jpg) no-repeat right top; } #feedbackForum .listItem .titleArea .rating .star.on { background:url(../images/layup/spriteFeedbackRating.jpg) no-repeat left top; } #feedbackForum .listItem .content { padding:3px; border:1px solid #cfcfcf; border-top:none; } #feedbackForum .listItem .content .description { padding:16px 12px; background:#e3e3e3; color:#1e1e1e; font-size:11px; } /* ----- CLASSES ----- */ .clear { clear:both; } .clearSml { clear: both; height: 0; font-size: 0px; min-height: 0; } .hide { display:none; } .show { display:block; } .printShow { display:none; } .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; padding:0 0 15px 15px; } .image_left { float:left; padding:0 15px 15px 0; } .image_center { margin:0 auto; } .hand { cursor:pointer; } .cornerL { position: absolute; top: 0px; left: 0px; } .cornerR { position: absolute; top: 0px; right: 0px; } .red { color: #ff0000; font-weight: bold; } .noBg { background-image: none !important; } .font8 { font-size: 0.8em; font-weight: normal; } .red { color: #FF0000; } .noMargin { margin:0 !important; } /* ----- 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.5em; } h2 { font-size: 1.3em; } h3 { font-size: 1.1em; padding: 0px 0px 2px 0px; } /* ----- TOP NAVIGATION ----- */ #primaryNav { background:url(../images/layup/navBg.gif) top left repeat-y; padding-top: 3px; } #primaryNav ul { list-style: none; margin: 0; padding: 0; } #primaryNav li { display: block; background:url(../images/layup/navDivider.gif) bottom left no-repeat; width: 183px; line-height: 120%; } #primaryNav li a { display: block; text-transform: uppercase; text-decoration: none; color: #fff; width: 166px; padding: 8px 0px 9px 17px; } #primaryNav li a:hover { background:url(../images/layup/navHover.gif) top left repeat-x; } #primaryNav li a span { background:url(../images/layup/iconArrow.gif) 0px 4px no-repeat; padding-left: 14px; } #primaryNav li a:hover span { background:url(../images/layup/iconArrow.gif) 0px 4px no-repeat; } #primaryNav li .active { background:url(../images/layup/navHover.gif) top left repeat-x; } #primaryNav li .active span { background:url(../images/layup/iconArrowDown.gif) 1px 3px no-repeat; } #primaryNav li.last { background: none; } #primaryNav li.green a {background:url(../images/layup/navBgGreen.gif) top left repeat-y; } #primaryNav li.green a:hover { background:url(../images/layup/navBgGreenHover.gif) top left repeat-y !important; } #primaryNav li.green .active { background:url(../images/layup/navBgGreenHover.gif) top left repeat-y !important; } #primaryNav ul ul { list-style: none; margin: 0; padding: 0; background: #006198 url(../images/layup/navInnerBg.gif) bottom left repeat-x; } #primaryNav li li { background: none !important; } #primaryNav li li a { font-weight: normal; text-transform: none; padding: 7px 0px 7px 31px; width: 152px; } #primaryNav li li a:hover { background: #003256; text-decoration: none; } #primaryNav li li .active { background: #003256; text-decoration: none; } /* ----- SITE MAP ----- */ #sitemap { list-style:none; margin:0 0 0 5px; padding:0;} #sitemap ul { list-style:none; margin:10px 0 0px 15px; padding:0;} #sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;} /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #pageInfo { border-bottom: 1px solid #e3e3e3; padding: 11px 12px 9px 12px; } #breadcrumbs { float: left; } #breadcrumbs a { font-weight: normal; text-decoration: none; color: #000 !important; } #breadcrumbs a:hover { text-decoration: underline; } #breadcrumbs .active { font-weight: bold; color: #000; } #searchInfo, .searchInfo { border-bottom: 1px solid #e3e3e3; padding: 11px 12px 9px 12px; width: 553px; } #searchInfo fieldset, .searchInfo fieldset { display: inline; } #sortBy { float: left; } #sortBy label { width: 50px; font-weight: bold; margin-top: 4px; } #sortBy select { height: 20px; width: 105px; } #location { float: left; margin-left:3px; } #location label { width: 50px; font-weight: bold; margin-top: 4px; } #location select { height: 20px; width: 105px; } /*ATTEMPT 1*/ /*#byLocationContainer { position: relative; z-index: 9999; width: 134px; float: left; } #byLocation { position: absolute; top: 19px; left: 12px; background: #005d93; width: 134px; } #byLocation input { width: 17px; } #byLocation label { font-size: 0.9em; font-weight: bold; color: #ffdb03; width: 105px; padding-left: 5px; padding-top: 3px; }*/ /*ATTEMPT 2*/ /*#byLocation { margin-top: 15px; } #byLocation div { width: 180px; float: left; height: 25px; border-top: 1px solid #ccc; padding-top: 4px; } #byLocation input { width: 17px; float: left; } #byLocation label { font-weight: bold; width: 120px; padding-top: 3px; float: left; }*/ #pagination, .pagination { float: right; margin-top: 4px; } #pagination a, .pagination a { padding: 0px 2px 0px 2px; text-decoration: none; font-weight: normal; color: #000 !important; } #pagination a:hover, .pagination a:hover { text-decoration: none; background:#db0000; color:#fff !important; font-weight: bold; } #pagination .active, .pagination .active { text-decoration: none; background:#db0000; color:#fff !important; font-weight: bold; } #pagination span, .pagination .span { display: block; float: left; padding: 0px 2px 0px 2px; } #pagination .prev, #pagination .next, .pagination .prev, .pagination .next { font-weight: bold; } #pagination .prev:hover, #pagination .next:hover, .pagination .prev:hover, .pagination .next:hover { background: none; font-weight: bold; color: #000; text-decoration: underline; color: #000 !important; } #back { float: right; padding-right: 10px; } #back a { text-decoration: none; font-weight: bold; } #back a:hover { text-decoration: underline; } #pageInfoBottom { padding: 20px 0px 20px 0px; } #paginationBottom { float: right; } #paginationBottom a { padding: 0px 4px 0px 4px; text-decoration: none; font-weight: normal; color: #000 !important; } #paginationBottom a:hover { background: #db0000; color: #fff !important; font-weight: bold; } #paginationBottom .active { background: #db0000; color: #fff !important; font-weight: bold; } #paginationBottom .prev, #paginationBottom .next { font-weight: bold; } #paginationBottom .prev:hover, #paginationBottom .next:hover { background: none; font-weight: bold; color: #000; text-decoration: underline; color: #000 !important; } /* ----- FOOTER ----- */ #footer { background: #fff; padding: 16px 20px 0px 20px; } #footer p { } #footer .padding {} #footer a { font-weight:normal; text-decoration:none;} #footer a:hover { text-decoration:underline;} /* ----- GLOBAL ----- */ img { display:block; border:0; } p { padding:0 0 15px 0; margin:0; } address { font-style:normal;} /* ----- LINKS ----- */ a { color:#000000; font-weight:bold; text-decoration:underline; } 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;} .requiredLabel { color: #4881ae; } .checkRadio { width:20px !important; position:relative; left:-7px;} #frmContact { margin-bottom:15px;} #frmContact p { padding:7px 0;} #frmContact select { width:204px;} #frmContact div { margin-bottom:10px;} #btnSubmit { width:58px !important; height:19px !important; border:none; } #btnSubmitBlue { width:61px !important; height:27px !important; border:none; margin-bottom: 0 !important; } #btnReset { width:61px !important; height:27px !important; border:none; margin-right: 10px; margin-bottom: 0 !important; } /* ----- ALL FORMS WITH frmContact AS ID ----- */ #frmContact { background: url(../images/layup/formBg.gif) no-repeat; padding-top: 5px; } #frmContact fieldset { display: block; background: url(../images/layup/formFootBg.gif) no-repeat bottom; } #frmContact fieldset div { padding: 0px 20px 5px 20px; border-bottom: 1px solid #dba820; margin-bottom: 5px; } #frmContact fieldset div.clear { padding: 0px; border-bottom: none; margin-bottom: 0px; } #frmContact fieldset div label { margin-top:4px; } #frmContact fieldset div.submitDiv { border-bottom: none; } #contactForm { margin-top: 12px; } /* ----- ALL FORMS WITH frmContact AS ID ----- */ #formVehicleValuation {} #formVehicleValuation { margin-bottom:15px;} #formVehicleValuation p { padding:7px 0;} #formVehicleValuation select { width:204px;} #formVehicleValuation div { margin-bottom:10px;} /* ----- ALL FORMS WITH frmContactNew AS ID ----- */ #contact-form { background:#e8e8e8; padding:12px; margin:0 0 20px; } #frmContactNew { } #formHeading { border-bottom: 1px solid #c8c8c8; padding: 0px 0px 10px 0px; margin-bottom: 12px; } #formHeading .required { font-size: 0.7em; float: right; padding-top: 2px; } #frmContactNew fieldset { width: auto; background: #f8f8f8 url(../images/layup/formBgNew.gif) top left repeat-x; border: 1px solid #c8c8c8; padding: 15px 19px 10px 19px; margin-bottom: 10px; } #frmContactNew .title { display: block; color: #4881ae; background: url(../images/layup/frmContactTitleBg.gif) bottom left repeat-x; font-size: 1.3em; padding: 0px 0px 5px 0px; margin-bottom: 12px; font-weight: bold; } #frmContactNew label { font-size: 1.1em; padding-right: 2px; padding-top: 3px; width: 235px; } #frmContactNew input { width: 246px; margin-bottom: 10px; } #frmContactNew textarea { width: 246px; margin-bottom: 10px; } #frmContactNew select { width: 250px; margin-bottom: 10px; } #frmContactNew .checkRadio { width:20px !important; position:relative; left:0px; margin-left: -4px;} #frmContactNew .widthAuto { width: auto !important; } #frmContactNew .width70 { width: 70px !important; } #frmContactNew .width85 { width: 85px !important; } #frmContactNew .width98 { width: 98px !important; } #frmContactNew .width135 { width: 135px !important; } #frmContactNew .validation-advice { width: auto !important; background: none !important; margin: 0px 0px 12px 0px !important; padding: 0px !important; font-size: 1.1em !important; color : #db0000 !important; font-weight: bold !important; } .cmsForm { margin-bottom: 40px; padding-top: 15px; } .cmsForm .title { font-size: 16px; font-weight: bold; padding-bottom: 15px; } .cmsForm .columnL { width: 270px; float: left; } .cmsForm .columnR { width: 275px; float: right; } .cmsForm label { width: 85px; text-align: right; padding-right: 10px; } .cmsForm select { width: 165px; } .cmsForm input { width: 160px; } .cmsForm input.btnFrmSubmit { width: 61px; height: 27px; float: right; padding-right: 12px; } .cmsForm .item { margin-bottom: 10px; } .cmsForm .signup { margin-bottom: 10px; } .cmsForm .signup label { width: 170px; float: right; } .cmsForm .signup input { float: right; left: 0px; } .cmsForm .btns { clear: both; } .cmsForm .clearSmall { display: block; font-size: 0px; height: 0px; line-height: 0px; clear: both; } /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #db0000; 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: #db0000; color : #FFF; font-weight: bold; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } /* Calender */ .calendar { background-color:#ffffff; } /* footer links */ #footer ul { width: 150px; float: left; padding: 5px 0px 0px 0px; margin: 0px; border-right: 1px solid #696969; list-style: none; } #footer ul li { padding: 0px 5px 3px 15px; } /* ----- TOOL TIP ----- */ a.tip { position:absolute; top:0; left:0; font-weight:normal; } a.tip .tooltip { display:none !important; text-align:left; } a.tip:hover { background:none; } a.tip:hover .tooltip { display:block !important; width:208px; font-size:12px; color:#333; position:absolute; top:30px; left:0; z-index:99999; } .tooltip .space { font-weight:normal !important; padding: 0px 7px 0px; background:url(../images/layup/tipBg.gif) left top repeat-y; } /* ----- OFFER SPRITE ----- */ #offerJumps {height:93px; margin-bottom:20px;} #offerJumps a { display:block; width:100px; height:93px; float:left; } #offerJumps .offerFord { background:url(../images/layup/motability/spriteOfferJumps.jpg) 0 0 no-repeat; width:104px; } #offerJumps .offerMazda { background:url(../images/layup/motability/spriteOfferJumps.jpg) -104px 0 no-repeat; width:72px; } #offerJumps .offerKia { background:url(../images/layup/motability/spriteOfferJumps.jpg) -176px 0 no-repeat; width:92px;} #offerJumps .offerFiat { background:url(../images/layup/motability/spriteOfferJumps.jpg) -268px 0 no-repeat; width:77px;} #offerJumps .offerVolvo { background:url(../images/layup/motability/spriteOfferJumps.jpg) -345px 0 no-repeat; width:73px;} #offerJumps .offerSeat { background:url(../images/layup/motability/spriteOfferJumps.jpg) -418px 0 no-repeat; width:91px;} #offerJumps .offerSkoda { background:url(../images/layup/motability/spriteOfferJumps.jpg) -509px 0 no-repeat; width:65px;} #offerJumps .offerFord:hover { background:url(../images/layup/motability/spriteOfferJumps.jpg) 0 -93px no-repeat; width:104px; } #offerJumps .offerMazda:hover { background:url(../images/layup/motability/spriteOfferJumps.jpg) -104px -93px no-repeat; width:72px; } #offerJumps .offerKia:hover { background:url(../images/layup/motability/spriteOfferJumps.jpg) -176px -93px no-repeat; width:92px;} #offerJumps .offerFiat:hover { background:url(../images/layup/motability/spriteOfferJumps.jpg) -268px -93px no-repeat; width:77px;} #offerJumps .offerVolvo:hover { background:url(../images/layup/motability/spriteOfferJumps.jpg) -345px -93px no-repeat; width:73px;} #offerJumps .offerSeat:hover { background:url(../images/layup/motability/spriteOfferJumps.jpg) -418px -93px no-repeat; width:91px;} #offerJumps .offerSkoda:hover { background:url(../images/layup/motability/spriteOfferJumps.jpg) -509px -93px no-repeat; width:65px;} #offerJumps.nonMotaOfferJumps {} #offerJumps.nonMotaOfferJumps {height:93px; margin-bottom:20px;} #offerJumps.nonMotaOfferJumps a { display:block; width:100px; height:93px; float:left; } #offerJumps.nonMotaOfferJumps .offerFord { background:url(../images/layup/spriteOfferJumps2.jpg) 0 0 no-repeat; width:98px; } #offerJumps.nonMotaOfferJumps .offerMazda { background:url(../images/layup/spriteOfferJumps2.jpg) -98px 0 no-repeat; width:75px; } #offerJumps.nonMotaOfferJumps .offerKia { background:url(../images/layup/spriteOfferJumps2.jpg) -250px 0 no-repeat; width:93px; } #offerJumps.nonMotaOfferJumps .offerFiat { background:url(../images/layup/spriteOfferJumps2.jpg) -173px 0 no-repeat; width:77px;} #offerJumps.nonMotaOfferJumps .offerVolvo { background:url(../images/layup/spriteOfferJumps2.jpg) -343px 0 no-repeat; width:74px;} #offerJumps.nonMotaOfferJumps .offerSeat { background:url(../images/layup/spriteOfferJumps2.jpg) -417px 0 no-repeat; width:92px;} #offerJumps.nonMotaOfferJumps .offerSkoda { background:url(../images/layup/spriteOfferJumps2.jpg) -509px 0 no-repeat; width:65px;} #offerJumps.nonMotaOfferJumps .offerFord:hover { background:url(../images/layup/spriteOfferJumps2.jpg) 0 -93px no-repeat; } #offerJumps.nonMotaOfferJumps .offerMazda:hover { background:url(../images/layup/spriteOfferJumps2.jpg) -98px -93px no-repeat; } #offerJumps.nonMotaOfferJumps .offerKia:hover { background:url(../images/layup/spriteOfferJumps2.jpg) -250px -93px no-repeat; } #offerJumps.nonMotaOfferJumps .offerFiat:hover { background:url(../images/layup/spriteOfferJumps2.jpg) -173px -93px no-repeat; } #offerJumps.nonMotaOfferJumps .offerVolvo:hover { background:url(../images/layup/spriteOfferJumps2.jpg) -343px -93px no-repeat; } #offerJumps.nonMotaOfferJumps .offerSeat:hover { background:url(../images/layup/spriteOfferJumps2.jpg) -417px -93px no-repeat; } #offerJumps.nonMotaOfferJumps .offerSkoda:hover { background:url(../images/layup/spriteOfferJumps2.jpg) -509px -93px no-repeat; } #socialLinks{position:relative;z-index:101;} .viewVideo { position: absolute; top: -45px; right: 20px; }