/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : James Greenwood / james.greenwood@gforces.co.uk / G-Forces Web Management Ltd Author : Matt Mumford / matt.mumford@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for Caffyn's site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; min-height:100% !important; margin:0; padding:0; background:url(../../images/layup/group09/bgHome.jpg) repeat-x #f9f9f9; color:#000000; text-align:center; } /* This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text. Declaring the font size in pixels makes it more consistent across browsers. */ td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; } html>body td, html>body textarea, html>body input, html>body select { font-size:11px; } /* some browsers don't inherit the font into tables or textareas! */ /* ----- IDS ----- */ #container { width:960px; min-height:100%; margin:0 auto; text-align:left; font-size:110%; line-height: normal; } * html #container { height:100%; } #printHeader { display:none;} #header { height:146px; position: relative; } #header #logo { position:absolute; left:7px; top:12px; } #header #strap { position:absolute; right:5px; top:52px; } /* ----- FRANCHISE JUMPS ----- */ #franchiseJumps { width: 960px; height:50px; margin:0 0 20px 0; padding-left: 0px; display: none; } #franchiseJumps div { float:left; } #franchiseJumps a { display:block; margin-right:35px; } #franchiseJumps span { display:none; } #franchiseJumps .audi a { width:82px; height:50px; outline:none; background:url(../../images/layup/group09/spriteFranchiseJumps.jpg) no-repeat 0 0; } #franchiseJumps .chevrolet a { width:84px; height:50px; outline:none; background:url(../../images/layup/group09/spriteFranchiseJumps.jpg) no-repeat -83px 0; } #franchiseJumps .chrysler a { width:97px; height:50px; outline:none; background:url(../../images/layup/group09/spriteFranchiseJumps.jpg) no-repeat -166px 0; } #franchiseJumps .ford a { width:87px; height:50px; outline:none; background:url(../../images/layup/group09/spriteFranchiseJumps.jpg) no-repeat -324px 0; margin-right:36px; } #franchiseJumps .jaguar a { width:87px; height:50px; outline:none; background:url(../../images/layup/group09/spriteFranchiseJumps.jpg) no-repeat -411px 0; margin-right:36px; } #franchiseJumps .landRover a { width:77px; height:50px; outline:none; background:url(../../images/layup/group09/spriteFranchiseJumps.jpg) no-repeat -498px 0; margin-right:36px; } #franchiseJumps .nissan a { width:62px; height:50px; outline:none; background:url(../../images/layup/group09/spriteFranchiseJumps.jpg) no-repeat -575px 0; margin-right:36px; } #franchiseJumps .skoda a { width:64px; height:50px; outline:none; background:url(../../images/layup/group09/spriteFranchiseJumps.jpg) no-repeat -704px 0; margin-right:36px; } #franchiseJumps .vauxhall a { width:68px; height:50px; outline:none; background:url(../../images/layup/group09/spriteFranchiseJumps.jpg) no-repeat -768px 0; margin-right:36px; } #franchiseJumps .volvo a { width:65px; height:50px; outline:none; background:url(../../images/layup/group09/spriteFranchiseJumps.jpg) no-repeat -836px 0; margin-right:36px; } #franchiseJumps .vw a { width:59px; height:50px; outline:none; background:url(../../images/layup/group09/spriteFranchiseJumps.jpg) no-repeat -901px 0; margin-right:0px; } /*#franchiseJumps .usedCarCentre a { width:59px; outline:none; height:50px; background:url(../../images/layup/group09/spriteFranchiseJumps.jpg) no-repeat -901px 0; }*/ #franchiseJumps .audi a:hover { background:url(../../images/layup/group09/spriteFranchiseJumps.jpg) no-repeat 0 -50px; } #franchiseJumps .chevrolet a:hover { background:url(../../images/layup/group09/spriteFranchiseJumps.jpg) no-repeat -83px -50px; } #franchiseJumps .chrysler a:hover { background:url(../../images/layup/group09/spriteFranchiseJumps.jpg) no-repeat -166px -50px; } #franchiseJumps .ford a:hover { background:url(../../images/layup/group09/spriteFranchiseJumps.jpg) no-repeat -324px -50px; } #franchiseJumps .jaguar a:hover { background:url(../../images/layup/group09/spriteFranchiseJumps.jpg) no-repeat -411px -50px; } #franchiseJumps .landRover a:hover { background:url(../../images/layup/group09/spriteFranchiseJumps.jpg) no-repeat -498px -50px; } #franchiseJumps .nissan a:hover { background:url(../../images/layup/group09/spriteFranchiseJumps.jpg) no-repeat -575px -50px; } #franchiseJumps .skoda a:hover { background:url(../../images/layup/group09/spriteFranchiseJumps.jpg) no-repeat -704px -50px; } #franchiseJumps .vauxhall a:hover { background:url(../../images/layup/group09/spriteFranchiseJumps.jpg) no-repeat -768px -50px; } #franchiseJumps .volvo a:hover { background:url(../../images/layup/group09/spriteFranchiseJumps.jpg) no-repeat -836px -50px; } #franchiseJumps .vw a:hover { background:url(../../images/layup/group09/spriteFranchiseJumps.jpg) no-repeat -901px -50px; } /* #franchiseJumps .usedCarCentre a:hover { background:url(../../images/layup/group09/spriteFranchiseJumps.jpg) no-repeat -901px -50px; } */ /* ----- OFFER LIST ----- */ #offersFranJumpsOutter { margin:15px 0px; float: left; width: 779px; } #offersFranJumpsOutter select { width: 150px; } #offersListHoriz a { display: block; padding: 0px 0px 20px 0px; } /* ----- OFFER DETAIL */ #offerBgNew {} #offerBgNew #mainImg { width:650px; margin:0 auto; } #offerBgNew #makeEnquiry { width:355px; padding:20px 0 0; float:left; } #offerBgNew #frmContact {} #offerBgNew #frmContact label { width:142px; } #offerBgNew #frmContact .validation-advice { width:333px; } #offerBgNew p { line-height:normal; padding-bottom:15px;} #availableAt { width:310px; padding:20px 0 0; float:right; } /* ----- LEFT COLUMN ----- */ #leftCol { width:216px; float:left; } #leftCol .box {} #leftCol .usedCarSearch {} /* ----- INTERNAL SEARCH ----- */ #internalSearch .domTabs { width:216px; margin:0 0 4px 0; padding:0; } #internalSearch ul.domHeadings { width:216px; height:58px; } #internalSearch ul.domHeadings li { float:left; } #internalSearch ul.domHeadings li a { padding:0 !important; display:block; float:left; outline:none; } #internalSearch ul.domHeadings li a span { display:none; } #internalSearch ul.domHeadings li a#tabUsed { width:71px; height:58px; background:url(../../images/layup/group09/spriteInternalSearchTabs.jpg) no-repeat 0 0; } #internalSearch ul.domHeadings li a#tabNew { width:70px; height:58px; background:url(../../images/layup/group09/spriteInternalSearchTabs.jpg) no-repeat -71px 0; } #internalSearch ul.domHeadings li a#tabGreen { width:75px; height:58px; background:url(../../images/layup/group09/spriteInternalSearchTabs.jpg) no-repeat -141px 0; } #internalSearch ul.domHeadings li.active a#tabUsed { background:url(../../images/layup/group09/spriteInternalSearchTabs.jpg) no-repeat 0 -58px; } #internalSearch ul.domHeadings li.active a#tabNew { background:url(../../images/layup/group09/spriteInternalSearchTabs.jpg) no-repeat -71px -58px; } #internalSearch ul.domHeadings li.active a#tabGreen { background:url(../../images/layup/group09/spriteInternalSearchTabs.jpg) no-repeat -141px -58px; } #internalSearch .domContent { width:216px; height:310px; background:url(../../images/layup/group09/internalSearchBg.jpg) no-repeat; border:none; } #internalSearch .domContent .padding { padding:0 15px 0 11px; } #internalSearch .dt1 { display: block; } #internalSearch .domContent form div { margin:0 0 5px 0; } #internalSearch .domContent form label { width:190px; height:21px; } #internalSearch .domContent form select { width:188px; background:#e5f0f7; border:1px solid #d0d0d0; } #internalSearch .domContent form .submit { width:160px; height:29px; border:none; margin:10px 0 5px 15px; } #internalSearch .domContent form .btnAdvancedSearch { width:151px; height:13px; margin:0 0 0 20px; display:block; } /* ----- RECRUITMENT MENU ----- */ #recruitMenu { width:196px; height:270px; background:url(../../images/layup/group09/recruitMenuTop.jpg) no-repeat; border:none; padding: 40px 15px 0px; } #recruitMenuBottom { margin-bottom:5px;} #recruitMenu select { width:180px; text-align:center; padding:1px 0px; font-size:12px; } #recruitMenu .search { width:113px; height:26px; margin-top:7px; } #recruitMenu #currentJobs { width:100px; height:57px; margin-top:2px; padding-top:12px; } #recruitMenu #login { width:100px; height:57px; margin-top:0px; padding-top:12px; } #recruitMenu #register { width:100px; height:60px; margin-top:0px; padding-top:12px; } #recruitMenu #myRecruitment { width:100px; height:57px; margin-top:0px; padding-top:12px; } #recruitMenu #logout { width:100px; height:57px; margin-top:0px; padding-top:12px; } #recruitMenu .clickHere { display:block; margin-top:10px; } #exclusiveDeal { width:216px; margin:0 0 20px 0; } /* ----- RIGHT COLUMN ----- */ #rightCol { width:715px; padding:0 0 20px 0; float:right; } #mainContent {} /* ----- RECRUITMENT ----- */ .red { color:#c6131b; font-size:13px; font-weight:bold; padding-left:15px; padding-top:10px; } .red a { color:#c6131b; } .searchResults { font-size:13px; color:#0c6e9d; font-weight:bold; padding-left:15px; padding-top:10px; } .jobItem { width:717px; margin-top:30px; float:left; } .jobItem a { text-decoration:none; font-weight:normal; } .jobItem .top { width:680px; height:25px; background:url(../../images/layup/group09/jobItemTop.png) no-repeat; display:block; float:left; padding:10px 22px 0 15px; color:#fff; font-size:13px; font-weight:bold;} .jobItem .jobTitle { float:left; display:block; } .jobItem .closingDate { float:right; display:block; } .jobItem .listingDetails { display:block; width:717px; float:left; position:relative; background:url(../../images/layup/group09/jobItemRepeat.gif) repeat-y left top; height:80px; float:left; } .jobItem .listingDetails .padding { display:block; width:685px; float:left; padding:7px 10px 0 15px; line-height:16px; } .jobItem .listingDetails .padding p { padding-bottom:6px;} .jobItem .listingDetails .padding .contact { position:absolute; left:15px; bottom:-10px; display:block; } .jobItem .listingDetails .padding .apply { position:absolute; bottom:-10px; right:20px; display:block; } .jobItem .listingDetails .padding .viewDetails { position:absolute; bottom:-10px; right:110px; display:block; } .jobItem .listingDetails .end { width:7px; background:url(../../images/layup/group09/jobItemEnd.png) repeat-y; height:100%; display:block; float:right; } /* ----- RECRUITMENT APPLICATION FORM ----- */ #applicationDetail { background: #88a5c3; color: #fff; padding: 2px; margin-bottom: 10px; } #applicationDetail td { font-weight: bold; } #applicationFormContainer { border: 1px solid #88a5c3; width: 713px; background:url(../../images/layup/group09/applicationBg.gif) top left repeat-y; } #applicationNav { width: 159px; float: left; background: #88a5c3; padding-top: 2px; padding-left: 2px; } #applicationNav ul { padding: 0; margin: 0; list-style: none; } #applicationNav li { display: block; font-size: 1.1em; } #applicationNav a { color:white; display: block; padding: 6px 0px 6px 6px; text-decoration: none; width: 153px; } #applicationNav a:hover { background: #eaeaea; color: #0d75a0; } #applicationNav .active { background: #eaeaea; color: #0d75a0; } #applicationForm { float: left; background: #eaeaea; width: 532px; padding: 10px 10px 0px 10px; color: #000; } #applicationForm form fieldset { position: relative; border: 1px solid #c2c2c2; background: #fff; display: block; padding: 10px 10px 4px 10px; width: 510px; } #applicationForm form legend { border:1px solid #c2c2c2; color: #9a9a9a; display: inline; background: #fff; font-weight: bold; position: absolute; top: -9px; left: 3px; padding: 2px 5px; } #applicationForm form label { display:inline; width: auto; font-size: 1.1em; padding-top: 3px; padding-right: 7px; } #applicationForm form div { padding-right: 14px; margin-bottom: 8px; } #applicationForm form div .clearFix { clear: both; margin: 0 !important; height: 0 !important; font-size: 0 !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; } #applicationForm form div .clear { padding: 0 !important; margin: 0 !important; } #applicationForm form div.noPadding { padding-right: 0; } #formHook { width: 532px !important; padding: 0 !important; margin: 0 !important; } #personalInformation { width: 532px !important; padding: 0 !important; margin: 0 !important; } #previousEmployer { width: 532px !important; padding: 0 !important; margin: 0px 0px 15px 0px !important; } #contactInformation { width: 532px !important; padding: 0 !important; margin: 0 !important; } .employmentRecord { width: 532px !important; padding: 0 !important; margin: 0 !important; } #hookEmployment { width: 510px !important; padding: 0 !important; margin: 0 !important; } .employmentRecord { width: 510px !important; padding: 0 !important; margin: 0 !important; } #referees { width: 532px !important; padding: 0 !important; margin: 0 !important; margin: 0px 0px 15px 0px !important; } #refereesOther { width: 532px !important; padding: 0 !important; margin: 0 !important; margin: 0 !important; } #applicationDetails { width: 532px !important; padding: 0 !important; margin: 0 !important; margin: 0 !important; } #educationTraining { width: 532px !important; padding: 0 !important; margin: 0 !important; margin: 0 !important; } #hookEducation { width: 510px !important; padding: 0 !important; margin: 0 !important; } #hookCourses { width: 510px !important; padding: 0 !important; margin: 0 !important; } #fsa { width: 510px !important; padding: 0 !important; margin: 0 !important; } #educationTraining { width: 510px !important; padding: 0 !important; margin: 0 !important; } .educationRecord { width: 510px !important; padding: 0 !important; margin: 0 !important; } .coursesRecord { width: 510px !important; padding: 0 !important; margin: 0 !important; } #drivingLicence { width: 532px !important; padding: 0 !important; margin: 0px 0px 15px 0px !important; } #workEntitlement { width: 532px !important; padding: 0 !important; margin: 0px 0px 15px 0px !important; } #criminalOffences { width: 532px !important; padding: 0 !important; margin: 0px 0px 15px 0px !important; } #emergencyContact { width: 532px !important; padding: 0 !important; margin: 0px 0px 15px 0px !important; } #workEntitlement { width: 532px !important; padding: 0 !important; margin: 0 !important; margin: 0 !important; } #equalOpportunites { width: 532px !important; padding: 0 !important; margin: 0 !important; margin: 0 !important; } #hobbies { width: 532px !important; padding: 0 !important; margin: 0 !important; } #formBtns { height: 18px; margin: 0px 0px 8px 0px !important; padding: 0 !important; } #formBtns a { margin-left: 10px; } #formHook { margin: 0 !important; padding: 0 !important; } #applicationForm p { font-size: 1.1em; } #applicationForm .formLogo { width: 154px; margin: 0px auto 10px auto; } /* ----- RECRUITMENT VACANCIES LIST ----- */ #applicationsList { width: 100%; border: 1px solid #88a5c3; } #applicationsList th { padding: 5px 6px 5px 6px; background: #88a5c3; color: #fff; } #applicationsList td { padding: 4px 6px 4px 6px; } /* ----- RECRUITMENT LOGIN ----- */ #registrationForm {} #registrationForm label { font-weight: bold; } /* ----- FLEXI SERVE ----- */ #getQuote { width:250px; height:175px; float:left; background:url(../../images/layup/group09/flexiQuoteBg.jpg) no-repeat; padding:80px 182px 0 40px; } #getQuote label { font-weight:bold; color:#fff; float:left; width:70px; padding-top:2px;} #getQuote select { font-weight:bold; width:180px; float:left; padding:1px 0px; border:1px solid #d0d0d0; background:#e5f0f7; color:#3d3d3d; font-weight:normal; text-align:center; } #getQuote div { float:left; margin-bottom:5px;} #getQuote .radioButtons { float:left; width:100px; } #getQuote .radioButtons label { width:40px; float:left; padding:0px;} #getQuote .radioButtons input { width:25px; float:left; margin:0px; padding:0px; } #getQuote .btnGetQuote { width:100px; height:26px; margin-top:5px; } #getQuoteChoose { width:250px; height:175px; float:left; background:url(../../images/layup/group09/flexiQuoteChooseBg.jpg) no-repeat; padding:80px 182px 0 40px; } #getQuoteChoose label { font-weight:bold; color:#fff; float:left; width:70px; padding-top:2px;} #getQuoteChoose select { font-weight:bold; width:180px; float:left; padding:1px 0px; border:1px solid #d0d0d0; background:#e5f0f7; color:#3d3d3d; font-weight:normal; text-align:center; } #getQuoteChoose div { float:left; margin-bottom:5px;} #getQuoteChoose .radioButtons { float:left; width:100px; } #getQuoteChoose .radioButtons label { width:40px; float:left; padding:0px;} #getQuoteChoose .radioButtons input { width:25px; float:left; margin:0px; padding:0px; } #getQuoteChoose .btnGetQuote { width:100px; height:26px; margin-top:5px; } #bulletPoints { float:right; width:240px; margin-top:35px; } #bulletPoints img { margin-bottom:20px; } #healthCheck { margin-top:25px; width:171px; line-height:15px; margin-right:10px; font-size:10px; float:left; display:block; text-decoration:none; font-weight:normal; background:url(../../images/layup/group09/spriteFlexiOffers.gif) 0px 0px no-repeat; } #healthCheck .link { color:#20a1b0; text-decoration:underline; } #healthCheck a { height: 190px; text-decoration:none; padding:0px 15px 20px 15px; display:block; font-weight:normal;} #essentialService { margin-top:25px; width:171px; margin-right:10px; line-height:15px; font-size:10px; float:left; display:block; text-decoration:none; font-weight:normal; background:url(../../images/layup/group09/spriteFlexiOffers.gif) -184px 0px no-repeat; } #essentialService .link { color:#6ebf1e; text-decoration:underline; } #essentialService a { height: 190px; text-decoration:none; padding:0px 15px 20px 15px; display:block; font-weight:normal;} #months12 { margin-top:25px; width:171px; margin-right:10px; line-height:15px; font-size:10px; float:left; display:block; text-decoration:none; font-weight:normal; background:url(../../images/layup/group09/spriteFlexiOffers.gif) -368px 0px no-repeat; } #months12 .link { color:#bf1e1e; text-decoration:underline; } #months12 a { height: 190px; text-decoration:none; padding:0px 15px 20px 15px; display:block; font-weight:normal;} #months24 { margin-top:25px; width:171px; line-height:15px; font-size:10px; float:left; display:block; text-decoration:none; font-weight:normal; background:url(../../images/layup/group09/spriteFlexiOffers.gif) -551px 0px no-repeat; } #months24 .link { color:#ff5700; text-decoration:underline; } #months24 a { height: 190px; text-decoration:none; padding:0px 15px 20px 15px; display:block; font-weight:normal;} .boxBg { margin: 105px 0px 0px 0px; background: url(../../images/layup/group09/flexiBoxFoot.gif) no-repeat 0px bottom; } #chooseService { width:354px; background:url(../../images/layup/group09/chooseServiceBg.gif) repeat-y; float:left; } #chooseService #serviceTable { width:341px; margin-left:3px; margin-top:1px; } #chooseService #serviceTable th { height:30px; border-top:1px solid #fff; border-bottom:1px solid #fff; } #chooseService #serviceTable td { height:30px; border-top:1px solid #fff; border-bottom:1px solid #fff; } #chooseService #serviceTable tr { background:#b2c8dd; } #chooseService #serviceTable tr.alt { background:#ccdbe9; } #chooseService #serviceTable .leftCell { width:185px; border-right:1px solid #fff; padding:0px 15px;} #chooseService #serviceTable .rightCell { width:98px; padding:0px 15px;} #quoteBuilder { width:354px; font-size:12px; background:url(../../images/layup/group09/quoteBuilderBg.gif) no-repeat left bottom; min-height:271px; float:right; } #quoteBuilder .padding { padding: 15px 15px 15px; } #quoteBuilder td { font-size:12px; border:1px solid #fff; padding:5px; } #quoteBuilder table { width:280px; margin:0 0 10px; } #quoteBuilder table tfoot td { font-size: 13px; background:#004990; color:#FFF; font-weight: bold; text-align: right; } /* ----- LOCATIONS MAP PAGE ----- */ #mapLocations { position: relative; width: 697px; height: 296px; } #mapLocations a { display: block; width: 19px; height: 19px; position: absolute; background: url(../../images/layup/group09/ie6LinkFix.gif); } #mapLocations a span { display: none; position: relative; } #mapLocations a:hover { display: inline; background: url(../../images/layup/group09/ie6LinkFix.gif); z-index: 1; } #mapLocations a:hover span { display: block; } #mapLocations a span img { position: absolute; } #mapLocations #locAlton { top: 76px; left: 55px; } #mapLocations #locHaslemere { top: 102px; left: 126px; } #mapLocations #locWorthing { top: 213px; left: 211px; } #mapLocations #locBrighton { top: 207px; left: 273px; } #mapLocations #locHaywards { top: 137px; left: 273px; } #mapLocations #locLewes { top: 188px; left: 313px; } #mapLocations #locUckfield { top: 140px; left: 339px; } #mapLocations #locSevenoaks { top: 25px; left: 354px; } #mapLocations #locTunbridge { top: 91px; left: 375px; } #mapLocations #locEastbourne { top: 232px; left: 376px; } #mapLocations #locTonbridge { top: 58px; left: 378px; } #mapLocations #locAshford { top: 73px; left: 538px; } #mapLocations #locFolkestone { top: 103px; left: 607px; } #mapLocations #locHailsham { top: 189px; left: 371px; } #mapLocations #locAlton span img { top: -35px; left: -12px; } #mapLocations #locHaslemere span img { top: -36px; left: -12px; } #mapLocations #locWorthing span img { top: -47px; left: -53px; } #mapLocations #locBrighton span img { top: -38px; left: -14px; } #mapLocations #locHaywards span img { top: -37px; left: -12px; } #mapLocations #locLewes span img { top: -36px; left: -12px; } #mapLocations #locUckfield span img { top: -37px; left: -12px; } #mapLocations #locSevenoaks span img { top: 6px; left: -29px; } #mapLocations #locTunbridge span img { top: -35px; left: -56px; } #mapLocations #locEastbourne span img { top: -37px; left: -53px; } #mapLocations #locTonbridge span img { top: -37px; left: -12px; } #mapLocations #locAshford span img { top: -37px; left: -28px; } #mapLocations #locFolkestone span img { top: -37px; left: -78px; } #mapLocations #locHailsham span img { top: -36px; left: -29px; } #mapOverlay { background: url(../../images/layup/group09/overlay.png); width: 697px; height: 261px; position: absolute; z-index: 2; } #mapOverlay a { display: block; width: 697px; height: 261px; } *html #mapOverlay { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='../../images/layup/group09/overlay.png'); background: none; } #mapDetails { position: absolute; top: 5px; right: 0px; background: url(../../images/layup/group09/detailsOverlay.png); height: 251px; z-index: 99999; } *html #mapDetails { background: #6a89a5; } #mapDetails #overlayClose { position: absolute; top: 0px; left: 0px; z-index: 99; } #mapDetails #elementTitle { text-transform: uppercase; color: #FFFFFF; font-size: 12px; font-weight: bold; border-bottom: 1px solid #4a6277; padding-bottom: 5px; margin-bottom: 5px; } #mapDetails .padding { padding: 1px 20px 0px 25px; } #mapDetails ul { list-style: none; margin: 0px; padding: 0px; } #mapDetails ul.small { width: 206px; } #mapDetails ul.long { width: 455px; } #mapDetails ul li { color: #FFF; font-size: 11px; font-weight: bold; border-bottom: 1px solid #4a6277; padding: 5px 0px 5px 60px; margin-right: 20px; margin-bottom: 1px; width: 145px; float: left; } #mapDetails ul li a { color: #000; font-size: 11px; font-weight: bold; display: inline; width: auto; height: auto; position: relative; z-index: 99999999; background: none; text-decoration: none; } #mapDetails ul li.audi { background: url(../../images/layup/group09/badgeAudi.gif) no-repeat 3px 4px; } #mapDetails ul li.chrysler { background: url(../../images/layup/group09/badgeChrysler.gif) no-repeat 0px 4px; } #mapDetails ul li.nissan { background: url(../../images/layup/group09/badgeNissan.gif) no-repeat 10px 4px; } #mapDetails ul li.volvo { background: url(../../images/layup/group09/badgeVolvo.gif) no-repeat 11px 4px; } #mapDetails ul li.chevrolet { background: url(../../images/layup/group09/badgeChevrolet.gif) no-repeat 6px 4px; } #mapDetails ul li.jaguar { background: url(../../images/layup/group09/badgeJaguar.gif) no-repeat 7px 4px; } #mapDetails ul li.volkswagen { background: url(../../images/layup/group09/badgeVw.gif) no-repeat 12px 4px; } #mapDetails ul li.ford { background: url(../../images/layup/group09/badgeFord.gif) no-repeat 4px 4px; } #mapDetails ul li.usedcarcentre { background: url(../../images/layup/group09/badgeCaffyns.gif) no-repeat 12px 4px; } #mapDetails ul li.landrover { background: url(../../images/layup/group09/badgeLandrover.gif) no-repeat 10px 4px; } #mapDetails ul li.vauxhall { background: url(../../images/layup/group09/badgeVauxhall.gif) no-repeat 12px 4px; } #mapDetails ul li.skoda { background: url(../../images/layup/group09/badgeSkoda.gif) no-repeat 12px 4px; } /* ----- USED CAR LIST ----- */ #list { margin-top:20px;} #list .listItem { margin:0 0 20px 0; } #list .listItem a { text-decoration:none; font-weight:normal; cursor:pointer; display:block; } #list .listItem .thumb { width:140px; height:106px; padding:4px 0px 0px 4px; display:block; position:relative; float:left; } #list .listItem .thumb .frame { position:absolute; top:0; left:0; } #list .listItem .modelDetails { width:564px; height:108px; margin-top:1px; background:url(../../images/layup/group09/usedListBg.gif) no-repeat; display:block; float:left; } #list .listItem .model { width:536px; font-size:13px; font-weight:bold; text-transform:uppercase; color:#2e2e2e; padding:7px 0 2px; display:block; float:left; margin-left:15px; } #list .listItem .model span { font-size:12px; text-transform:none; } #list .listItem .details { width:536px; font-size:11px; color:#2e2e2e; padding:0px; display:block; float:left; margin-left:15px; } #list .listItem .leftCol { width:135px; font-size:11px; padding:0 0 0 0; display:block; float:left; line-height:20px; margin-left:15px; } #list .listItem .rightCol { width:200px; font-size:11px; padding:0; display:block; float:left; line-height:20px; } #list .listItem .priceInfo { display:block; width:165px; height:60px; float:right; margin-right:10px; } #list .listItem .priceInfo .cost { width:165px; height:25px; text-align:center; background:url(../../images/layup/group09/priceBg.png) no-repeat; display:block; font-size:18px; color:#fff; padding:3px 0 0 0; } #list .listItem .priceInfo .moreInfo { width:165px; height:32px;display:block; } .sortContain { float:left; margin-top:5px; width: 357px; } .sortContain .results { width: 200px; float:left; } .sortContain .results label { width:100px; float:left; padding-top:2px; } .sortContain .results select { float:left; width:80px; text-align:center; margin-left:10px; border:1px solid #d0d0d0; padding:1px 0px; } .sortContain .sort { width: 157px; float: left; } .sortContain .sort label { width: 50px; float: left; } .sortContain .sort select { float: left; } #motabilityForm { padding: 15px 0px 0px 25px; } #motabilityForm form fieldset { display: block; } #motabilityForm form label { width: 145px; } #motabilityForm form input { width: 164px; margin-bottom: 10px; } #motabilityForm form select { width: 168px; margin-right: 30px; margin-bottom: 10px; } #motabilityForm form #motaSubmit { float: right; width: 79px; height: 32px; padding-right: 120px; } #motabilityForm form #prefContact { width: 245px; float: left; margin-left: 145px; display: inline; } #motabilityForm form .checkRadio { width:20px; position:relative; left:-7px; margin-bottom: 0px; top: 2px; } #motaContent { padding: 15px 0px 0px 20px; } #bookByPhone { font-size:11px; } #bookByPhone .title { color:#004990; font-size:12px; font-weight:bold; padding:0px; } #bookByPhone .padding { padding: 10px 0px 10px 0px; width: 305px; } #bookByPhone ul { margin: 0; padding: 0; list-style: none; } #bookByPhone li { display: block; float: left; width: 151px; padding: 0px 0px 14px 0px; font-size: 1.1em; text-transform: uppercase; } #didYouKnow { } #didYouKnow .title { color:#004990; font-size:12px; font-weight:bold; padding:0px; } #didYouKnow .padding { padding: 10px 0px 10px 0px; width: 305px; } /* ----- USED CAR DETAIL ----- */ .price { height:40px; font-size:28px; text-align:center; color:#fff; font-weight:bold; background:url(../../images/layup/group09/priceRight.gif) right top no-repeat; margin:7px 20px 0 0; float:right; display:block; } .price .padding { background:url(../../images/layup/group09/priceLeft.gif) no-repeat left top; padding:4px 6px 0; } .model { font-size:20px; color:#49759c; text-transform:uppercase; font-weight:bold; } .location { font-size:15px; color:#49759c; margin:0 10px 0 0; padding:5px 0 0; display:block; float:left; } .telephone { font-size:15px; color:#229ed2; display:block; float:left; } .telephone span { font-size:19px; font-weight:bold; } /* ----- THUMB VIEWER ----- */ #thumbViewer { margin:24px 0 30px 0; float:left; } #thumbViewer .mainImg { width:312px; height:234px; padding:7px 0 0 8px; position:relative; } #thumbViewer .mainImg .frame { position:absolute; top:0; left:0; } #thumbViewer .thumbs { width:307px; height:71px; background:url(../../images/layup/group09/usedDetailThumbsBg.jpg) no-repeat; margin:0 0 0 10px; } #thumbViewer .thumbs .padding { padding:16px 0 0 4px; } #thumbViewer .thumbs .thumb { width:65px; height:49px; margin:0 5px 0 5px; float:left; position:relative; } #thumbViewer .thumbs .thumb .frame, #thumbViewer .thumbs .thumb .overlay { position:absolute; top:0; left:0; } /* ----- USED DETAIL FORM ----- */ #frmUsedDetail { width:363px; height:252px; background:url(../../images/layup/group09/usedDetailFormBg.jpg) no-repeat; margin:0 0 15px 0; position:relative; float:right; } #frmUsedDetail fieldset { padding:40px 0 0 27px; } #frmUsedDetail div { margin:0 0 4px 0; } #frmUsedDetail label { width:111px; } #frmUsedDetail select { width:186px; } #frmUsedDetail input { width:181px; } #frmUsedDetail textarea { width:181px; height:55px; } #frmUsedDetail .submit { width:165px; height:33px; position:absolute; top:232px; right:2px; border:none; } #frmUsedDetail .enquirySubmit { width:165px; height:33px; border:none; } #frmUsedDetail .required { color:#696969; } /* ----- USED DETAIL OPTIONS ----- */ #usedDetailOptions { width:365px; height:51px; float:right; } #usedDetailOptions div { float:left; } #usedDetailOptions span { display:none; } #usedDetailOptions a { display:block; } #usedDetailOptions .emailFriend a { width:178px; height:51px; background:url(../../images/layup/group09/spriteUsedDetailOptions.jpg) no-repeat 0 0; } #usedDetailOptions .emailFriend a:hover { background:url(../../images/layup/group09/spriteUsedDetailOptions.jpg) no-repeat 0 -51px; } #usedDetailOptions .printSpecSheet a { width:187px; height:51px; background:url(../../images/layup/group09/spriteUsedDetailOptions.jpg) no-repeat -178px 0; } #usedDetailOptions .printSpecSheet a:hover { background:url(../../images/layup/group09/spriteUsedDetailOptions.jpg) no-repeat -178px -51px; } /* ----- USED DETAIL SPECIFICATION ----- */ #usedDetailSpec { width:454px; float:left; } #usedDetailSpec .tabset_print { display: none; } #usedDetailSpec .tabset_tabs { width:454px; height:31px; list-style:none; padding:0px; margin:0; float:left; } #usedDetailSpec .tabset_tabs li { list-style:none; display:inline; padding:0px; float:left; } #usedDetailSpec .tabset_tabs a { display: inline; float: left; cursor: pointer !important; } #usedDetailSpec .tabset_tabs span { display:none; } #usedDetailSpec .tabset_tabs #tabCarDetail a { width:134px; height:31px; background:url(../../images/layup/group09/spriteUsedDetailDOM.jpg) no-repeat 0 -31px; } #usedDetailSpec .tabset_tabs #tabCarDetail.active a { background:url(../../images/layup/group09/spriteUsedDetailDOM.jpg) no-repeat 0 0; } #usedDetailSpec .tabset_tabs #tabCarSpec a { width:167px; height:31px; background:url(../../images/layup/group09/spriteUsedDetailDOM.jpg) no-repeat -134px -31px; } #usedDetailSpec .tabset_tabs #tabCarSpec.active a { background:url(../../images/layup/group09/spriteUsedDetailDOM.jpg) no-repeat -134px 0; } #usedDetailSpec .tabset_tabs #tabWarranty a { width:148px; height:31px; background:url(../../images/layup/group09/spriteUsedDetailDOM.jpg) no-repeat -301px -31px; } #usedDetailSpec .tabset_tabs #tabWarranty.active a { background:url(../../images/layup/group09/spriteUsedDetailDOM.jpg) no-repeat -301px 0; } #usedDetailSpec .tabset_content { width:454px; background:url(../../images/layup/group09/usedDetailSpecBg.jpg) no-repeat left top; } #usedDetailSpec .tabset_content .contentBottom { width:454px; height:16px; background:url(../../images/layup/group09/usedDetailSpecBottomBg.jpg) no-repeat bottom left; } #usedDetailSpec .tabset_content .padding { padding:10px; } #usedDetailSpec .tabset_content .model { font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#000; padding:15px 0 10px 11px; display:block; } #usedDetailSpec .tabset_content table { width:437px; margin:0 11px 0 6px; } #usedDetailSpec .tabset_content table tr { background:#e5f0f8; } #usedDetailSpec .tabset_content table tr.alt { background:#fff; } #usedDetailSpec .tabset_content table tr td { height:30px; color:#000; padding:0 0 0 5px; } #usedDetailSpec .tabset_content table tr td.heading { color:#49759c; font-weight:bold; } /* ----- FINANCE CALCULATOR ----- */ #financeCalculator { width:261px; height:327px; background:url(../../images/layup/group09/financeCalculatorBg.jpg) no-repeat; float:right; } #financeCalculator .padding { padding:31px 0 0 10px; } #financeCalculator table { width:241px; } #financeCalculator table tr { background:#e5f0f8; } #financeCalculator tr.alt { background:#fff; } #financeCalculator table tr td { height:30px; color:#000; padding:0 0 0 8px; } #financeCalculator table tr td.heading { color:#49759c; font-weight:bold; } #financeCalculator select { width:98px; } #financeCalculator .illustrative { color:#4ea5ca; padding:15px 0 0 8px; display:block; } /* ----- FORMS ----- form { padding:0; margin:0; } fieldset { padding:0; margin:0; border:0px none; } legend { padding:0; margin:0; display:none; } label { display:block; width:260px; float:left; } input, textarea { width:200px; font-size:11px !important;} .required { color:#0033FF;} .checkRadio { width:20px; position:relative; left:-7px;} #frmContact { margin-bottom:15px;} #frmContact p { padding:7px 0;} #frmContact select { width:204px;} #frmContact div { margin-bottom:10px;} #submit { width:55px; height:18px; border:none;}*/ /* Anti spam hidden input */ .mapsitna { display: none !important; } /* ----- CMS IMAGE ----- */ .cmsImage { border:3px solid #FFF; margin:0px 0px 15px 15px; float:right; } .cmsImage img {} /* ----- BOX LIST ----- */ #boxList {} #boxList .box { width: 154px; height:135px; margin-top:20px; margin-right:33px; float:left; } #boxList .box.last { margin-right:0px;} #boxList .box a { display: block; text-decoration:none; } #boxList .box .thumb { display: block; position:relative; } #boxList .box .thumb .frame { display: block; position:absolute; top:-4px; left:-4px; } #boxList .box .title { display: block; width:139px; text-transform:uppercase; padding:10px 0px; text-align:center; font-size:11px; font-weight:bold; color:#1d99cd; margin-bottom:20px; } /* ----- NEW CAR DETAILS ----- */ #newCarImage { margin:7px 0 30px 0; float:left; } #newCarImage .mainImg { width:312px; height:234px; padding:6px 0 0 8px; position:relative; } #newCarImage .mainImg .frame { position:absolute; top:0; left:0; z-index:99999;} #newCarOptions { width:350px; height:214px; float:left; background:url(../../images/layup/group09/newCarOptionsBg.jpg) no-repeat; margin-top:7px; padding:20px; } #newCarOptions span { display:block; } #newCarOptions a { display:block; } #newCarOptions .title { color:#000; font-weight:bold; font-size:25px; padding-left:15px; } #newCarOptions .cost { color:#000; font-size:19px; padding-left:15px; margin-top:-5px; } #newCarOptions a#requestBrochure { height:57px; width:265px; background:url(../../images/layup/group09/spriteNewCarOptions.jpg) 0px 0px no-repeat; } #newCarOptions a#testDrive { height:54px; width:265px; background:url(../../images/layup/group09/spriteNewCarOptions.jpg) 0px -57px no-repeat; } #newCarOptions a#viewSite { height:56px; width:265px; background:url(../../images/layup/group09/spriteNewCarOptions.jpg) 0px -111px no-repeat; } #newCarContact { position:relative; background:url(../../images/layup/group09/newCarContactRepeat.jpg) repeat-y; width:662px; padding:3px 27px; } #newCarContact form { margin-top:20px;} #newCarContact div { margin-bottom:10px; } #newCarContact label {width:80px; padding-top:2px;} #newCarContact input { width:183px; border: 1px solid #e3e9ef; background:#edf5f9 } #newCarContact select { width:185px; border: 1px solid #e3e9ef; background:#edf5f9} #newCarContact textarea {border: 1px solid #e3e9ef; background:#edf5f9; height:127px; } #newCarContact .submit { position:absolute; bottom:-37px; right:-1px; width:169px; height:32px; border:none; } #newCarContact .validation-advice { width:272px !important; } #newCarDetails { padding: 20px 10px 0px; color:#2e2e2e; } #newCarDetails .title { color:#000; font-weight:bold; font-size:25px; } #newCarDetails .cost { color:#000; font-size:19px; } .titlePrint, .costPrint { display:none; } #newDetailEnquiry { padding:0 0 0 40px; position:relative; } #newDetailEnquiry .title { position:absolute; left:20px; top:-50px; } #newDetailEnquiry label { font-size:11px; } #newDetailEnquiry select { width:50px; padding:0; margin:0; height:18px; } #newDetailEnquiry textarea { height:45px; padding:0; margin:0; width:270px;} #newDetailEnquiry #enquireChk { background:url(../../images/layup/group09/enquireChkBg.jpg) no-repeat; width:87px; height:49px; margin-top:8px; float:left; } #newDetailEnquiry #enquireChk .checkRadio { width:17px; left:0px !important; margin-top:15px; } #newDetailEnquiry #brochureChk { margin-left:5px; background:url(../../images/layup/group09/brochureChkBg.jpg) no-repeat; width:87px; height:49px; margin-top:8px; float:left; } #newDetailEnquiry #brochureChk .checkRadio { width:17px; left:0px !important; margin-top:15px; } #newDetailEnquiry #testDriveChk { margin-left:5px; background:url(../../images/layup/group09/testDriveChkBg.jpg) no-repeat; width:87px; height:49px; margin-top:8px; float:left; } #newDetailEnquiry #testDriveChk .checkRadio { width:17px; left:0px !important; margin-top:15px; } #newDetailEnquiry #submit {width:165px; height:33px; border:none; float:right; margin:8px 0 0; } #newDetailEnquiry .validation-advice { display:none !important; } #newDetailEnquiry .failed-required { background:url(../../images/layup/group09/required.gif) no-repeat left top #fff; } /* ----- USED CAR DETAIL ----- */ #usedCarPhoto { float: left; position: relative; } #usedCarPhoto .enlarge { position: absolute; } #usedCarPhoto .special { position: absolute; } #usedCarThumbs { float: right; } #usedCarThumbs .thumb { float: left; cursor: pointer; } #usedCarTitle {} #usedCarTitle .usedTitle {} #usedCarTitle .usedPrice {} #usedCarOptions {} #usedCarThumbs { float: left; width: 332px; } #usedCarThumbs { position: relative; margin-top: 20px; } #usedCarThumbs #thumbPrev { position: absolute; top: 0px; left: 0px; cursor: pointer; z-index: 999; } #usedCarThumbs #thumbNext { position: absolute; top: 0px; right: 0px; cursor: pointer; z-index: 999; } #usedCarThumbs #thumbWindow { width: 332px; height: 82px; overflow: hidden; position: relative; } #usedCarThumbs #thumbWindow #thumbImage img { display: inline; } #usedCarThumbs #thumbWindow #thumbImage { width: 3000px; padding: 8px 0px 0px 8px; height: 74px; } #usedCarThumbs #thumbWindow #thumbImage .thumb { display: block; position: relative; float: left; width: 112px; height: 66px; } #usedCarThumbs #thumbWindow #thumbImage .frame { display: block; position: absolute; top: -8px; left: -8px; } #relatedVehicles {} #relatedVehicles .box {} #relatedVehicles .box a { display: block; } #relatedVehicles .box .thumb { display: block; } #relatedVehicles .box .thumb .frame { display: block; } #relatedVehicles .box .title { display: block; } /* ----- OFFER LIST ----- */ #offerFranchiseSelect { width:703px; height: 65px; padding:34px 0 0 12px; margin-bottom:20px; background:url(../../images/layup/group09/offerFranchiseBg.gif) no-repeat; } #offerFranchiseSelect a { height:51px; display:block; float:left; } #offerFranchiseSelect a#allMakes { width:47px; background:url(../../images/layup/group09/spriteFranchiseOffers.gif) left top no-repeat; margin-right: 5px; } #offerFranchiseSelect a#audi { width:49px; background:url(../../images/layup/group09/spriteFranchiseOffers.gif) -47px top no-repeat; margin-right: 5px; } #offerFranchiseSelect a#chevrolet { width:57px; background:url(../../images/layup/group09/spriteFranchiseOffers.gif) -96px top no-repeat; margin-right: 5px; } #offerFranchiseSelect a#chrysler { width:67px; background:url(../../images/layup/group09/spriteFranchiseOffers.gif) -153px top no-repeat; margin-right: 5px; } #offerFranchiseSelect a#ford { width:61px; background:url(../../images/layup/group09/spriteFranchiseOffers.gif) -220px top no-repeat; margin-right: 5px; } #offerFranchiseSelect a#jaguar { width:58px; background:url(../../images/layup/group09/spriteFranchiseOffers.gif) -281px top no-repeat; margin-right: 5px; } #offerFranchiseSelect a#landrover { width:55px; background:url(../../images/layup/group09/spriteFranchiseOffers.gif) -339px top no-repeat; margin-right: 5px; } #offerFranchiseSelect a#nissan { width:43px; background:url(../../images/layup/group09/spriteFranchiseOffers.gif) -394px top no-repeat; margin-right: 5px; } #offerFranchiseSelect a#skoda { width:38px; background:url(../../images/layup/group09/spriteFranchiseOffers.gif) -482px top no-repeat; margin-right: 4px; } #offerFranchiseSelect a#vauxhall { width:43px; background:url(../../images/layup/group09/spriteFranchiseOffers.gif) -522px top no-repeat; margin-right: 4px; } #offerFranchiseSelect a#volvo { width:42px; background:url(../../images/layup/group09/spriteFranchiseOffers.gif) -565px top no-repeat; margin-right: 4px; } #offerFranchiseSelect a#volkswagen { width:39px; background:url(../../images/layup/group09/spriteFranchiseOffers.gif) -607px top no-repeat; margin-right: 4px; } #offerFranchiseSelect a#usedCarCentre { width:44px; background:url(../../images/layup/group09/spriteFranchiseOffers.gif) -646px top no-repeat; } #offerFranchiseSelect a#allMakes.active { background:url(../../images/layup/group09/spriteFranchiseOffers.gif) left bottom no-repeat; } #offerFranchiseSelect a#audi.active { background:url(../../images/layup/group09/spriteFranchiseOffers.gif) -47px bottom no-repeat; } #offerFranchiseSelect a#chevrolet.active { background:url(../../images/layup/group09/spriteFranchiseOffers.gif) -96px bottom no-repeat; } #offerFranchiseSelect a#chrysler.active { background:url(../../images/layup/group09/spriteFranchiseOffers.gif) -153px bottom no-repeat; } #offerFranchiseSelect a#ford.active { background:url(../../images/layup/group09/spriteFranchiseOffers.gif) -220px bottom no-repeat; } #offerFranchiseSelect a#jaguar.active { background:url(../../images/layup/group09/spriteFranchiseOffers.gif) -281px bottom no-repeat; } #offerFranchiseSelect a#landrover.active { background:url(../../images/layup/group09/spriteFranchiseOffers.gif) -339px bottom no-repeat; } #offerFranchiseSelect a#nissan.active { background:url(../../images/layup/group09/spriteFranchiseOffers.gif) -394px bottom no-repeat; } #offerFranchiseSelect a#skoda.active { background:url(../../images/layup/group09/spriteFranchiseOffers.gif) -482px bottom no-repeat; } #offerFranchiseSelect a#vauxhall.active { background:url(../../images/layup/group09/spriteFranchiseOffers.gif) -522px bottom no-repeat; } #offerFranchiseSelect a#volvo.active { background:url(../../images/layup/group09/spriteFranchiseOffers.gif) -565px bottom no-repeat; } #offerFranchiseSelect a#volkswagen.active { background:url(../../images/layup/group09/spriteFranchiseOffers.gif) -607px bottom no-repeat; } #offerFranchiseSelect a#usedCarCentre.active { background:url(../../images/layup/group09/spriteFranchiseOffers.gif) -646px bottom no-repeat; } #offerList { width:647px; background:url(../../images/layup/group09/offerTypeBg.gif) top left no-repeat; padding:0px 56px 0px 12px; } #offerType { height:35px; border-bottom:1px solid #cbe8f4; margin-bottom:10px; } #offerType a { display:block; float:left; height:35px; } #offerType a.last { margin-right:0px; } #offerType a#allOffers { width:105px; background:url(../../images/layup/group09/spriteOfferType.gif) left top no-repeat; } #offerType a#newOffers { width:105px; background:url(../../images/layup/group09/spriteOfferType.gif) -125px top no-repeat; } #offerType a#usedOffers { width:105px; background:url(../../images/layup/group09/spriteOfferType.gif) -244px top no-repeat; } #offerType a#finance { width:79px; background:url(../../images/layup/group09/spriteOfferType.gif) -360px top no-repeat; } #offerType a#partsAccessories { width:165px; background:url(../../images/layup/group09/spriteOfferType.gif) -444px top no-repeat; } #offerType a#servicing { width:87px; background:url(../../images/layup/group09/spriteOfferType.gif) -624px top no-repeat; } #offerType a#allOffers:hover, #offerType a#allOffers.active { background:url(../../images/layup/group09/spriteOfferType.gif) left bottom no-repeat; } #offerType a#newOffers:hover, #offerType a#newOffers.active { background:url(../../images/layup/group09/spriteOfferType.gif) -125px bottom no-repeat; } #offerType a#usedOffers:hover, #offerType a#usedOffers.active { background:url(../../images/layup/group09/spriteOfferType.gif) -244px bottom no-repeat; } #offerType a#finance:hover, #offerType a#finance.active{ background:url(../../images/layup/group09/spriteOfferType.gif) -360px bottom no-repeat; } #offerType a#partsAccessories:hover, #offerType a#partsAccessories.active{ background:url(../../images/layup/group09/spriteOfferType.gif) -444px bottom no-repeat; } #offerType a#servicing:hover, #offerType a#servicing.active{ background:url(../../images/layup/group09/spriteOfferType.gif) -624px bottom no-repeat; } #offerList .listItem { width:645px; padding-bottom:10px; margin-bottom:10px; border-bottom:#929292 dotted 1px; float:left; } #offerListBottom { float:left; } #contactCallBack { list-style: none; margin: 0; padding: 0; } #contactCallBack li { font-size: 1.1em; font-weight: bold; clear: both; } #contactCallBack li .contactLink { position: relative; top: -15px; left: 0; float: left; width: 80px; margin-right: 20px; display: inline; } #contactCallBack li .callbackLink { position: relative; top: -20px; left: 0; float: left; width: 80px; display: inline; } /* ----- GLOBAL CLASSES ----- */ .clear { clear:both; display: block; } .clearSmall { clear: both; display: block; height: 0; line-height: 0; font-size: 0; } .hide { display:none; } .show { display:block; } .printShow { display:none; } .printHide { display:block; } .float_left { float:left !important; } .float_right { float:right !important; } .align_left { text-align:left !important; } .align_center { text-align:center !important; } .align_right { text-align:right !important; } .align_justify { text-align:justify !important; } .align_bottom { vertical-align:bottom !important; } .image_right { float:right; margin:0 0 15px 15px; } .image_left { float:left; margin:0 15px 15px 0; } .image_center { margin:0 auto; } .hand { cursor:pointer; } .seo {text-decoration:none;font-weight:normal;} /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 10px 0; color:#2e2e2e; font-size:100%; font-weight:bold;} h1 { font-size:19px; } .imageTitle { margin-bottom:10px; display:block; } p { padding:0 0 10px 0; margin:0; line-height:16px; } /* ----- TOP NAVIGATION ----- */ #primaryNav { width:960px; height:34px; } #primaryNav ul { height:34px; list-style:none; margin:0px; padding:0px; } #primaryNav li { padding:0px; margin:0px; float:left; } #primaryNav li a { text-decoration:none; color:#FFFFFF; outline:none; background:url(../../images/layup/group09/navRightBgHP.jpg) no-repeat right top; display:block; padding-top:11px; padding-bottom:11px; } #primaryNav li a span { background:url(../../images/layup/group09/navLeftBgHP.jpg) no-repeat left top; padding:11px 19px 11px 17px; } #primaryNav li a:hover, #primaryNav li .active { color:#0d75a0; background:url(../../images/layup/group09/navHoverRightBgHP.jpg) no-repeat right top; } #primaryNav li a:hover span, #primaryNav li .active span { background:url(../../images/layup/group09/navHoverLeftBgHP.jpg) no-repeat left top; } /* ----- SECONDARY NAVIGATION ----- */ #secondaryNav {} #secondaryNav ul { list-style: none; margin: 0; padding: 0; } #secondaryNav li { } #secondaryNav li a { text-decoration: none; } /* ----- DROPDOWN NAV ----- */ #primaryNav ul li ul { left: -999em; position: absolute; z-index:999999; } #primaryNav ul li:hover ul, #primaryNav ul li.sfhover ul { left: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background:#88a5c5; display: block; width: 170px; } #primaryNav ul li:hover ul li, #primaryNav ul li.sfhover ul li { display: block; padding: 0px 0px 0px 0px; margin: 0px; width: 170px; } #primaryNav ul li:hover ul li a, #primaryNav ul li.sfhover ul li a { padding: 8px 5px 3px 10px; margin: 0px; color: #fff; background:#88a5c5; border-bottom: 1px solid #fff; } #primaryNav ul li:hover ul li a:hover, #primaryNav ul li.sfhover ul li a:hover { padding: 8px 5px 3px 10px; margin: 0px; color: #fff; background:#415a76; } /* ----- 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/group09/bulletSitemap.gif) 0px 10px no-repeat; padding:6px 0 5px 15px;} /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #breadcrumbs { width:960px; height:26px; line-height:normal; margin:0 0 26px 0; } #breadcrumbs .padding { padding:3px 20px 0 33px; } #breadcrumbs a { font-weight:bold; text-decoration:none; padding:0 5px 0 0px; } #breadcrumbs a:hover { text-decoration:underline; } #breadcrumbs .btnBack { float:right; padding:0px; } .pagination { float:right; margin-top:5px; } .pagination a { text-decoration:none; padding:3px 7px 3px 7px; display:block; float:left; } .pagination a:hover { text-decoration:underline; } .pagination a.active { text-decoration: none; background:#000000; color:#000000; background:url(../../images/layup/group09/pagiActiveBg.jpg) no-repeat; } #pagination { float:right; margin-top:5px; margin-bottom:10px; } #pagination a { text-decoration:none; padding:3px 7px 3px 7px; display:inline; } #pagination a:hover { text-decoration:underline; } #pagination a.active { text-decoration: none; background:#52b3dc; color:#FFFFFF; } /* ----- FOOTER ----- */ #footer { width:100%; height:129px; margin-top:-129px; background:url(../../images/layup/group09/footerBg.jpg) repeat-x; } #footer #footerInner { width:960px; height:129px; color:#60828c; margin:0 auto; } #footer #footerInner .padding { padding:34px 15px 0 19px; } #footer #footerInner a { color:#60828c; font-weight:normal; text-decoration:none; } #footer #footerInner p { font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; padding:0 0 5px 0; } #footer #footerInner a:hover { text-decoration:underline; } /* ----- GLOBAL ----- */ img { display:block; border:0; } address { font-style:normal; } /* ----- LINKS ----- */ a { color:#000000; font-weight:bold; text-decoration:underline;cursor:pointer; outline:none; } a:hover { text-decoration:none; } /* ----- FORMS ----- */ form { padding:0; margin:0; } fieldset { padding:0; margin:0; border:0px none; } legend { padding:0; margin:0; display:none; } label { display:block; width:260px; float:left; } input, textarea { width:200px; font-size:11px !important;} .required { color:#0033FF;} .checkRadio { width:20px; position:relative; left:-7px;} #frmContact { margin-bottom:15px;} #frmContact p { padding:7px 0;} #frmContact select { width:204px;} #frmContact div { margin-bottom:10px;} #submit { width:55px; height:18px; border:none;} #frmAppRegister { margin-bottom:15px;} #frmAppRegister p { padding:7px 0;} #frmAppRegister select { width:204px;} #frmAppRegister div { margin-bottom:10px;} /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #4544e4; color : #FF3300; } input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; } .validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #4544e4; color : #FFF; font-weight: bold; } #frmUsedDetail .validation-advice{ display:none; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } /* ----- STOCK UPDATES FORM ----- */ #promoForm { padding:12px 0 0 19px; } #promoForm .signupBoxes { margin-bottom:20px; margin-top:10px;} #promoForm .signupBoxes label { float:left; width:450px; position:relative; top:4px;} #promoForm .signupBoxes input { float:left; width: 14px; margin-right: 10px;} #promoForm select { width:125px !important; margin-bottom: 10px; display:block; margin-right:15px;} #promoForm .carSelects { padding-top:18px;} #promoForm .submitButton { margin:5px 0 20px 0;} /* ----- DOMTABS ----- */ .domTabs { padding-bottom: 30px; } .domContent { border: 1px solid #333333; } .dt1 { display: block; } ul.domHeadings { padding: 0px; margin: 0px; list-style: none; } ul.domHeadings li { float: left; } ul.domHeadings li a { display: block; float: left; padding: 5px 10px 5px 10px; background: #000; color: #FFF; text-decoration: none; font-weight: bold; } ul.domHeadings li a:hover, ul.domHeadings li.active a { background: #BCBCBC; color: #000; } /* ----- MOTABILITY PAGE ----- */ #motabilityJumps img { float: left; } #motabilityContainer { padding-left: 10px; } /* ----- DEALER LIST ----- */ #locationList {} #locationList .box { float: left; width: 231px; padding:0 5px 0 0; height:100px; } #locationList .box a { text-decoration: none; font-size: 1.0em; } #locationList .box a:hover { text-decoration: underline; } #locationList .box .thumb { float: left; width: 90px; } #locationList .box .links { } #locationList .box .links ul { padding: 0; margin: 0; list-style: none; } #locationList .box .links li {} #locationList .box.last {} /* ----- DEALER DETAIL FOR HAILSHAM ----- */ #dealerImages { background: url(../images/layup/dealerBgFoot.gif) repeat-y bottom left; margin: 0px 0px 10px 0px; padding-bottom: 6px; } #dealerBg { background: url(../../images/layup/group09/dealerBg.gif) no-repeat top left; padding: 7px 13px 13px 8px; } #dealerLeft { width: 235px; float: left; padding-left: 20px; } #dealerRight table .altRow { background: #eeeded; } #dealerRight table thead { text-align: center; } #dealerRight table td { border: 3px solid #FFF; } #dealerRight #dealerForm { padding-top: 10px; } #dealerRight #dealerForm label { width: 150px; } #dealerRight p { padding: 0px 0px 8px 0px !important; } .dealer { float: left; padding-left: 5px; } #map { float: left; } #dealerLeft { float: left; padding-left: 20px; width: 235px; } #dealerRight { float: right; width: 400px; } #dealerRight #submit { width: 59px; height: 36px; } #listText { width:715px; background:url(../../images/layup/listTextTop.gif) left top no-repeat #d1e2ed; margin-top:20px; } #listText .padding { padding:20px; color:#000; line-height:16px; }