/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : Chris Munn / chris.munn@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for Johnson Cars ltd site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ html { height: 100%; } body { height: 100%; font:62.5%/1.6 Tahoma, helvetica, arial, verdana, sans-serif; margin:0; padding:0; background:#ffffff url(../images/layup/bodyBgFaded.gif) no-repeat center top; 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! */ * html #container{ height: 100%; } /* ----- IDS ----- */ #container { min-height: 100%; width:943px; margin:0 auto; text-align:left; font-size:110%; line-height: normal; } #printHeader { display:none;} #header { height: 100px; position: relative; } #header #logo { position: absolute; top: 18px; left: 24px; } #header #btnGroup { position: absolute; top: 67px; left: 125px; } #header #contactDetails { position: absolute; top: 0px; right: 0px; } #header #headerJumps { position: absolute; top: 45px; left: 450px; } #header #headerJumps img { float: left; margin-right: 25px; } #header #badge { position: absolute; top: 36px; right:0; } #overlayPopUp { width:100%; height:100%; background:url(../images/layup/overlay.png) repeat; position:fixed; top:0px; left:0px; z-index:1000; } #popUpContent { position: absolute; top: 135px; left: 0px; height: 100%; width: 100%; text-align: center; z-index: 1001; } #popUpContent .position { width: 921px; margin: 0 auto; text-align: left; position: relative; } #overlayFrm { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../images/layup/overlay.png); z-index: 99999; } #overlayFrm #formContainer { width: 535px; margin: 150px auto 0 auto; font-family: Arial, Helvetica, sans-serif; } #overlayFrm #formContainer form { background: url(../images/layup/frmPopUpBox.png) no-repeat; width: 535px; height: 450px; text-align: left; } #overlayFrm #formContainer form .containerFrm { padding: 20px 35px 0px 34px; } #overlayFrm #formContainer form h2 { padding: 4px 0px 36px 0px; color: #fff; font-size: 16px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; display:block; height:54px; } #overlayFrm #formContainer form div { padding: 0px 0px 13px 15px; } #overlayFrm #formContainer form label { font-size: 15px; width: 140px; } #overlayFrm #formContainer form div input { width: 280px; position: relative; border:1px solid #abadb3; } #overlayFrm #formContainer form span { color: #ff0000; } #overlayFrm #formContainer form .txt { font-size: 12px; } #overlayFrm #formContainer form .btns { padding-top: 39px; } #overlayFrm #formContainer form .btns a { width: 85px; height: 41px; float: right; position: relative; } #overlayFrm #formContainer form .btns input { width: 85px; height: 41px; float: right; margin-left: 16px; position: relative; border:none; } #overlayFrm #formContainer .validation-advice { display:none !important; } #overlayFrm #formContainer input.validation-failed, #overlayFrm #formContainer textarea.validation-failed, #overlayFrm #formContainer select.validation-failed { background:url(../images/layup/requiredLabel.gif) no-repeat left top #ccf1fb; border:1px solid #00B9EC; } #overlayFrm #formContainer .message { position: relative; padding: 0px; margin: 0px; } #overlayFrm #formContainer .message span { font-weight: bold; font-size: 11px; text-align: center; position: absolute; top: -46px; left: 15px; display: block; background: #dfdfdf; color: #47ac28; border: 1px solid #999; padding: 5px 10px; width: 415px; } /* ----- LEFT COLUMN ----- */ #leftCol { float: left; width: 324px; } /* searchbox generic */ #leftCol #searchBox { width: 324px; position: relative; z-index: 9; } #leftCol #searchBox #contactMembers { clear: both; } #leftCol #searchBox #contactMembers a { display: block; float: left; height: 32px; background: url(../images/layup/spriteContactTabs.gif) no-repeat; outline: none; } #leftCol #searchBox #contactMembers #contactTabSales { width: 104px; margin-right: 5px; background-position: 0px 0px; } #leftCol #searchBox #contactMembers #contactTabService { width: 105px; background-position: -109px 0px; } #leftCol #searchBox #contactMembers #contactTabParts { width: 105px; float: right; background-position: -219px 0px; } #leftCol #searchBox #contactMembers #contactTabSales:hover, #leftCol #searchBox #contactMembers #contactTabSales.active { background-position: 0px -32px; } #leftCol #searchBox #contactMembers #contactTabService:hover, #leftCol #searchBox #contactMembers #contactTabService.active { background-position: -109px -32px; } #leftCol #searchBox #contactMembers #contactTabParts:hover, #leftCol #searchBox #contactMembers #contactTabParts.active { background-position: -219px -32px; } #leftCol #searchBox #searchBoxContent { width: 324px; background: url(../images/layup/searchBoxBg.jpg) no-repeat; } #leftCol #searchBox #searchBoxContentBg { background: url(../images/layup/searchBoxRepeatBg.jpg) bottom left repeat-y; } #leftCol #searchBox #searchBoxContent #seachBoxFooterBg { min-height: 318px; background: url(../images/layup/searchBoxFootBg.jpg) bottom left no-repeat; } #leftCol #searchBox #searchBoxContent .padding { padding: 12px 12px 10px 12px; min-height: 275px; } #leftCol #searchBox #searchBoxContent .title { padding: 10px 0px 9px 8px; } #leftCol #searchBox #searchBoxContent .title a.closeTab { width:19px; height:19px; display:block; float:right; margin-right:10px; position:relative; top:-3px; display:inline; } #leftCol #searchBox #searchBoxContent .centerContent { min-height: 183px; } #leftCol #searchBox #searchBoxContent .moreOptionsContainer { padding: 10px; color: #FFFFFF; border-top:1px solid #ffe6a1; } #leftCol #searchBox #searchBoxStand { width: 324px; height: 57px; background: url(../images/layup/searchBoxBgInternal.png) no-repeat; } #leftCol #searchBox #searchBoxStand a { display: block; padding: 15px 20px 0px 20px; z-index: 9999; } #leftCol #searchBox #searchBoxStand .facebookJump { float: right; } #leftCol #searchBox #searchBoxStand .twitterJump { float: left; } #leftCol #searchBox #searchBoxContent .bottomOptions { height: 59px; } #leftCol #searchBox #searchBoxContent .bottomOptions .bottomPadding { padding: 13px 10px 0px 10px; } #leftCol #searchBox #searchBoxContent .bottomOptions label.newCars { color: #FFFFFF; width: 50px; float: left; } #leftCol #searchBox #searchBoxContent .bottomOptions label.usedCars { color: #FFFFFF; width: 55px; float: left; } #leftCol #searchBox #searchBoxContent .bottomOptions label.preReg { color: #FFFFFF; width: 45px; float: left; } #leftCol #searchBox #searchBoxContent .bottomOptions input { float: left; top: -3px; width: 20px; } #leftCol #searchBox #searchBoxContent .bottomOptions .searchResults { font-size: 14px; font-weight: bold; color: #fefefe; } #leftCol #searchBox #searchBoxContent .bottomOptions .btnView { width: 61px !important; height: 27px !important; float: right; position: relative; top: -14px; } /* model search */ #leftCol #searchBox #searchBoxContent #modelSearch #modelSelectOptions select { float: left; margin: 5px 0px 0px 10px; width: 135px; border: 1px solid #e58d03; } #leftCol #searchBox #searchBoxContent #modelSearch .moreOptions { position: absolute; top: 238px; left: 177px; } /* budget search */ #leftCol #searchBox #searchBoxContent #budgetSearch .centerContent { padding: 0px 10px 0px 8px; height: 183px; } #leftCol #searchBox #searchBoxContent #budgetSearch .centerContent p { font-weight: bold; color: #825f00; font-size: 11px; } #leftCol #searchBox #searchBoxContent #budgetSearch .centerContent p.textPad { padding: 8px 0px 8px 0px; } #leftCol #searchBox #searchBoxContent #budgetSearch .centerContent label { width: 125px; font-weight: bold; color: #FFFFFF; font-size: 15px; padding: 0px 0px 15px 0px; } #leftCol #searchBox #searchBoxContent #budgetSearch .centerContent label.selectLabel { padding: 0px 0px 8px 0px; } #leftCol #searchBox #searchBoxContent #budgetSearch .centerContent select { width: 154px; border: 1px solid #e58d03; } #leftCol #searchBox #searchBoxContent #budgetSearch .centerContent #monthlyBudgetContainer { float: right; width: 148px; height: 30px; background: url(../images/layup/monthlyBudgetBg.gif) no-repeat; } #leftCol #searchBox #searchBoxContent #budgetSearch .centerContent #monthlyBudgetContainer #monthlyBudget { width: 129px; background: none; border: none; font-size: 22px; font-weight: bold; color: #e58d03; margin-left: 25px; text-align: right; width: 118px; } /* lifestyle search */ #leftCol #searchBox #searchBoxContent #lifestyleSearch .moreOptions { position: absolute; top: 238px; left: 177px; } #leftCol #searchBox #searchBoxContent #lifestyleSearch .centerContent .box { width: 150px; height: 78px; float: left; margin-bottom: 0px; position: relative; } #leftCol #searchBox #searchBoxContent #lifestyleSearch .centerContent .box.budget { background: url(../images/layup/budgetBg.gif) no-repeat; } #leftCol #searchBox #searchBoxContent #lifestyleSearch .centerContent .box.passenger { background: url(../images/layup/transBg.gif) no-repeat; } #leftCol #searchBox #searchBoxContent #lifestyleSearch .centerContent .box.fuel { background: url(../images/layup/fuelBg.gif) no-repeat; } #leftCol #searchBox #searchBoxContent #lifestyleSearch .centerContent .box.colour { background: url(../images/layup/colourBg.gif) no-repeat; } #leftCol #searchBox #searchBoxContent #lifestyleSearch .centerContent .box.budget #sliderWindow { width: 139px; height: 23px; position: relative; margin: 25px 0px 0px 6px; } #leftCol #searchBox #searchBoxContent #lifestyleSearch .centerContent .box.budget #sliderWindow #sliderLeft { position: absolute; top: 0px; left: 0px; cursor: pointer; } #leftCol #searchBox #searchBoxContent #lifestyleSearch .centerContent .box.budget #sliderWindow #sliderRight { position: absolute; top: 0px; cursor: pointer; margin-right: 10px; } #leftCol #searchBox #searchBoxContent #lifestyleSearch .centerContent .box.fuel #sliderWindow3 { width: 139px; height: 23px; position: relative; margin: 36px 0px 0px 6px; } #leftCol #searchBox #searchBoxContent #lifestyleSearch .centerContent .box.fuel #sliderWindow3 #sliderLeft2 { position: absolute; top: 0px; left: 0px; } #leftCol #searchBox #searchBoxContent #lifestyleSearch .centerContent .box.colour #colourPicker { padding: 36px 0px 0px 8px; } #leftCol #searchBox #searchBoxContent #lifestyleSearch .centerContent .box.colour a { display: block; float: left; width: 12px; height: 12px; margin: 0px 6px 0px 0px } #leftCol #searchBox #searchBoxContent #lifestyleSearch .centerContent .box.colour a#clrWhite { background: #FFFFFF; border: 1px solid #e58d03; } #leftCol #searchBox #searchBoxContent #lifestyleSearch .centerContent .box.colour a#clrGrey { background: #a5a5a5; border: 1px solid #FFFFFF; } #leftCol #searchBox #searchBoxContent #lifestyleSearch .centerContent .box.colour a#clrBlack { background: #000000; border: 1px solid #FFFFFF; } #leftCol #searchBox #searchBoxContent #lifestyleSearch .centerContent .box.colour a#clrRed { background: #f50000; border: 1px solid #FFFFFF; } #leftCol #searchBox #searchBoxContent #lifestyleSearch .centerContent .box.colour a#clrBlue { background: #569ad1; border: 1px solid #FFFFFF; } #leftCol #searchBox #searchBoxContent #lifestyleSearch .centerContent .box.colour a#clrGreen { background: #218c00; border: 1px solid #FFFFFF; } #leftCol #searchBox #searchBoxContent #lifestyleSearch .centerContent .box.colour a#clrYellow { background: #f7e41e; border: 1px solid #FFFFFF; margin-right: 0px; } #leftCol #searchBox #searchBoxContent #lifestyleSearch .centerContent .box .dontMindInput { position: absolute; bottom: 7px; right: -6px; } #leftCol #searchBox #searchBoxContent #lifestyleSearch .centerContent .box.budget .dontMindInput, #leftCol #searchBox #searchBoxContent #lifestyleSearch .centerContent .box.passenger .dontMindInput { bottom: 5px; } #leftCol #searchBox #searchBoxContent #lifestyleSearch .centerContent .box .dontMindInput .checkRadio { width: 25px; margin: 0px; } #leftCol #searchBox #searchBoxContent #lifestyleSearch .centerContent .box .dontMind { position:absolute; bottom:8px; right:26px; } /* members area */ #leftCol #searchBox #searchBoxContent #membersLogin { width: 300px; height: 269px; background: #e58d03; } #leftCol #searchBox #searchBoxContent #membersLogin #membersLoginBox { padding: 40px 12px 0px 12px; } #leftCol #searchBox #searchBoxContent #membersLogin #membersLoginBox .title { padding-left: 0px; } #leftCol #searchBox #searchBoxContent #membersLogin #membersLoginBox .membersInput { background: none; border: none; width: 260px; height: 25px; background: url(../images/layup/membersTextBoxBg.gif) top left no-repeat; font-size: 14px; font-weight: bold; color: #e58d03; padding: 7px 8px 1px 8px; margin-bottom: 5px; } #leftCol #searchBox #searchBoxContent #membersLogin #membersLoginBox #btnLogin { width: 42px; height: 14px; float: right; margin-right: 20px; margin-top: 8px; } /* contact us box */ #leftCol #searchBox #searchBoxContent .contactAddresses { background: #ffffff; height: 215px; padding: 10px; } #leftCol #searchBox #searchBoxContent .contactAddresses p { font-weight: bold; font-size: 15px; color: #40c0e3; } #leftCol #searchBox #searchBoxContent .contactAddresses p .heading { font-size: 14px; color: #9a9a9a; } #leftCol #searchBox #searchBoxContent .contactAddresses a {} #searchBtns a{ } /* generic leftcol boxes */ #leftCol .box { width: 324px; margin-bottom: 35px; line-height: 1.5em; color: #3c3c3c; cursor: pointer; } #leftCol .box a { display: block; text-decoration: none; font-weight: normal; color: #3c3c3c; } #leftCol .box a .title { display: block; padding: 0px 0px 5px 0px; } #leftCol .box .padding { display: block; padding: 0px 0px 0px 24px; } #leftCol .box .content { display: block; } #leftCol .box .more { display: block; color: #00b9ec; font-weight: bold; text-transform: uppercase; font-size: 1.2em; } /* specific box classes */ #leftCol .box.lhsOffer { background: url(../images/layup/offerFrameLHS.gif) no-repeat; margin-left: 20px; width: 281px; } #leftCol .box.lhsOffer a { display: block; } #leftCol .box.lhsOffer img { display: block; padding: 3px; width: 275px; height: 120px; } /* lhs slideshow on offer fix */ #masterLHS0, #masterLHS0 div { background: none !important; width: 307px !important; height: 135px !important; } /* stockupdates */ #leftCol .box.stockUpdates { background: url(../images/layup/boxStockUpdate.gif) 210px 0px no-repeat; padding: 20px 0px 0px 0px; } #leftCol .box.stockUpdates a { height: 70px; } #leftCol .box.stockUpdates a .title { background: url(../images/layup/titleStockUpdate.gif) no-repeat; width: 131px; height: 16px; } #leftCol .box.stockUpdates .content { padding-right: 100px; } /* part exchange */ #leftCol .box.partEx { background: url(../images/layup/boxPartEx.gif) 215px 20px no-repeat; padding: 0px 0px 0px 0px; } #leftCol .box.partEx a { height: 100px; } #leftCol .box.partEx a .title { background: url(../images/layup/titlePartEx.gif) no-repeat; width: 226px; height: 16px; } #leftCol .box.partEx .content { padding-right: 120px; } /* social */ #leftCol .box.social { padding: 15px 0px 0px 0px; height: 130px; clear: both; } #leftCol .box.social .title { background: url(../images/layup/titleKeepUpToDate.gif) no-repeat; width: 226px; height: 16px; padding-bottom: 10px; } #leftCol .box.social .content { padding-bottom: 10px; } #leftCol .box.social a { display: block; float: left; } /* feedback forum */ #leftCol .box.feedback { background: url(../images/layup/boxForum.gif) 230px 0px no-repeat; padding: 0px 0px 0px 0px; } #leftCol .box.feedback a { height: 100px; } #leftCol .box.feedback a .title { background: url(../images/layup/titleForum.gif) no-repeat; width: 144px; height: 16px; } #leftCol .box.feedback .content { padding-right: 100px; } /* fuel economy */ #leftCol .box.fuelEcon { background: url(../images/layup/boxFuelEconBg.gif) no-repeat; width: 281px; height: 225px; margin-left: 20px; font-size: 10px; color: #828282; } #leftCol .box.fuelEcon .padding { padding: 40px 10px 0px 10px; } #leftCol .box.fuelEcon .heading { font-weight: bold; color: #3c3c3c; font-size: 11px; } #leftCol .box.fuelEcon .fuelType { float: right; width: 113px; height: 13px; } #leftCol .box.fuelEcon .clear { margin-bottom: 8px; } #leftCol .box.fuelEcon .mpgInput { width: 45px; } #leftCol .box.fuelEcon .mpgResults { float: right; font-size: 14px; font-weight: bold; color: #8ec106; } /* save and compare */ #leftCol .box.saveCompare { width: 302px; margin-left: 20px; } #leftCol .box.saveCompare .title { background: url(../images/layup/titleSaveCompare.gif) no-repeat; width: 164px; height: 16px; margin-bottom: 8px; } #leftCol .box.saveCompare a.thumbItem { display: block; width: 91px; height: 69px; float: left; position: relative; margin: 0px 3px 3px 0px; } #leftCol .box.saveCompare a .frame { display: block; position: absolute; top: 0px; left: 0px; } #leftCol .box.saveCompare a .noImage { display: block; width: 85px; height: 64px; padding: 3px 0px 0px 3px; background: url(../images/layup/favFiller.gif) 3px 3px no-repeat; } #leftCol .box.saveCompare .buttons { float: right; padding-right: 20px; padding-top: 5px; width: 135px; } #leftCol .box.saveCompare .buttons a { float: left; width: 65px; } /* service revolution */ #leftCol .box.serviceRevolution { background: url(../images/layup/boxServiceRevolution.gif) 210px 4px no-repeat; } #leftCol .box.serviceRevolution a { height:100px; } #leftCol .box.serviceRevolution a .title { width:171px; height:16px; background:url(../images/layup/titleServiceRevolution.gif) no-repeat left top; display:block; } /* ----- RIGHT COLUMN ----- */ #rightCol { float: right; width: 606px; } #rightCol .padding { padding: 33px 0px 0px 0px; } #rightCol .padding.usedCars { padding: 0px 0px 0px 0px; } #rightCol .padding.newCars { padding: 0px 0px 0px 0px; } /* home advert area */ #rightCol #homeAdvert { width: 494px; height: 331px; float: right; position: relative; } #rightCol #homeAdvert #headerJumps { position: absolute; top: 320px; left: 275px; } #rightCol #homeAdvert #headerJumps img { float: left; margin: 0px 10px 0px 0px; } #rightCol #homeAdvert .frame { position: absolute; top: 0px; left: 0px; } #rightCol #homeAdvert .advertImages { padding: 46px 0px 0px 12px; } #rightCol #homeAdvert .advertPagination { height: 23px; position: absolute; top: 264px; right:0; background: #c5c6c0; } #rightCol #homeAdvert .advertPagination a { display: block; float: left; color: #FFFFFF; font-size: 14px; text-decoration: none; padding: 1px 7px 1px 7px; margin: 0px 1px 0px 1px; border: 1px solid #c5c6c0; } #rightCol #homeAdvert .advertPagination a.active, #rightCol #homeAdvert .advertPagination a:hover { border: 1px solid #FFF; background: #e58d03; } /* home secondary jumps */ #rightCol #homeSecondaryJumps { width: 597px; height: 129px; padding-left: 11px; } #rightCol #homeSecondaryJumps a { display: block; float: left; width: 271px; height: 129px; text-decoration: none; font-weight: normal } #rightCol #homeSecondaryJumps a .padding { display: block; padding: 46px 90px 0px 0px; } #rightCol #homeSecondaryJumps #jumpTestDrive a { background: url(../images/layup/jumpTestDrive.gif) no-repeat; margin-right: 48px; } #rightCol #homeSecondaryJumps #jumpService a { background: url(../images/layup/jumpService.gif) no-repeat; } #rightCol #homeSecondaryJumps #jumpLatestOffers a { background: url(../images/layup/jumpLatestOffers.gif) no-repeat; margin-right: 48px; } /* dealer locator new */ #rightCol #imageAndButtonHolder { width:268px; margin:0px 0px 26px 21px; float:right; background:url(../images/layup/dealerLocatorContactUsBg.gif) no-repeat; } #rightCol #imageAndButtonHolder .dealerLocatorImage { position:relative; width:268px; height:195px; padding:4px 0px 0px 4px} #rightCol #imageAndButtonHolder .dealerLocatorImage .frame { position:absolute; top:4px; left:4px;} #rightCol #imageAndButtonHolder .dealerLocatorImage .framedImage {} #rightCol #imageAndButtonHolder .selectionBox { padding:10px 0px 0px 30px;} #rightCol #imageAndButtonHolder .buttonHolder { padding:50px 0px 0px 0px;} #rightCol #imageAndButtonHolder .buttonHolder .right { float:right; width:100px; height:45px;} #rightCol #imageAndButtonHolder .buttonHolder .right .box {} #rightCol #imageAndButtonHolder .buttonHolder .left { float:left; width:100px; height:45px;} #rightCol .detailsHolder { width:606px; padding:0px 0px 5px 0px; page-break-after:always;} #rightCol .detailsHolder .phoneNumbers { width:257px; float:left; padding:4px 0px 10px 0px;} #rightCol .detailsHolder .phoneNumbers .left { width:148px; float:left;} #rightCol .detailsHolder .phoneNumbers .right { width:108px; float:left;} #rightCol .detailsHolder .openingTimes { float:right; padding:5px 0px 10px 0px; width:304px; background:url(../images/layup/bitBg.gif) top repeat-x; } #rightCol .detailsHolder .openingTimes th { width:82px; text-align:center; padding:0px 0px 6px 0px; font-size:110%; color:#585858;} #rightCol .detailsHolder .openingTimes td { width:82px; padding:0px 0px 6px 0px;} #rightCol .detailsHolder .openingTimes .center { text-align:center;} #rightCol .detailsHolder .openingTimes .title { width:58px !important;} #rightCol .detailsHolder { border-top: 1px solid #c2c2c2; padding: 20px 0px; } #rightCol .detailsHolder .box { width: 181px; padding-right: 15px; margin-right: 15px; border-right: 1px solid #c2c2c2; float: left; } #rightCol .detailsHolder .last { margin-right: 0px; padding-right: 0px; border: none; } #rightCol .detailsHolder .box p { font-size: 17px !important; padding: 0px 0px 0px 0px; font-family: Verdana, Geneva, sans-serif !important; } #rightCol .detailsHolder .box h1 { font-size: 14px !important; padding: 0px 0px 10px 0px; font-weight: normal !important; font-family: Verdana, Geneva, sans-serif !important; } #rightCol .detailsHolder .box td { font-size: 12px !important; padding-bottom: 6px; } #rightCol .detailsHolder .phoneNumbersDropDown { float:left; width:278px; margin:0 0 10px; background:url(../images/layup/telDropDownBtm.gif) no-repeat left bottom #ca0005; min-height:117px; padding:0px; color:#FFF; } * html #rightCol .detailsHolder .phoneNumbersDropDown { height:117px; } #rightCol .detailsHolder .phoneNumbersDropDown .padding { padding:0px 15px 8px 15px !important; min-height:71px; width:248px !important; } * html #rightCol .detailsHolder .phoneNumbersDropDown .padding { height:71px; } #rightCol .detailsHolder .phoneNumbersDropDown form, #rightCol .detailsHolder .phoneNumbersDropDown fieldset { width:246px !important; } #rightCol .detailsHolder .phoneNumbersDropDown label { font-size:11px; width:246px; } #rightCol .detailsHolder .phoneNumbersDropDown select { font-size:11px; margin:6px 0px; width:246px; } #rightCol .detailsHolder .phoneNumbersDropDown span { font-size:12px; line-height:16px; } #rightCol .detailsHolder .phoneNumbersDropDown span.tel, #rightCol .detailsHolder .phoneNumbersDropDown span.fax { font-size:12px; display:block; text-align:right; width:64px; float:left; } #rightCol .detailsHolder .phoneNumbersDropDown span.telNumber, #rightCol .detailsHolder .phoneNumbersDropDown span.faxNumber { font-weight:bold; float:left; width:175px; text-align:left; float:left; padding-left:6px; } #rightCol .detailsHolder .phoneNumbersDropDown span.clearSmall { font-size:0px; line-height:0px; } #rightCol .detailsHolder .address { width:257px; float:left;} #rightCol .detailsHolder .address p { padding-bottom:3px;} #rightCol .detailsHolder .address .left { float:left; width:134px;} #rightCol .detailsHolder .address .right { float:right; width:105px;} #rightCol .detailsHolder .address .right .box { padding:6px 0px 0px 0px;} #rightCol .detailsHolder .openingTimesChristmas {float:right; padding:0px 0px 10px 0px; width:305px; } #rightCol .detailsHolder .openingTimesChristmas table { width:285px; } #rightCol .detailsHolder .openingTimesChristmas th { width:82px; text-align:center; padding:0px 0px 6px 0px; font-size:110%; color:#585858;} #rightCol .detailsHolder .openingTimesChristmas td { width:82px; padding:0px 0px 6px 0px;} #rightCol .detailsHolder .openingTimesChristmas .center { text-align:center;} #rightCol .detailsHolder .openingTimesChristmas .title { width:58px !important;} #rightCol #dealerLocatorContactUs {width:606px; background:url(../images/layup/bitBg.gif) top repeat-x; padding:25px 0px 10px 0px;} #rightCol #dealerLocatorContactUs .locationDetails { font-size: 14px !important; color:#ec1d23; padding: 0px 0px 20px 0px; font-weight: bold; font-family: Verdana, Geneva, sans-serif !important; } #rightCol #dealerLocatorContactUs .locationDetails p { font-size:12px !important; padding-bottom:3px; } #rightCol #dealerLocatorContactUs .locationDetails span { font-size:12px; color:#000; } #rightCol #dealerLocatorContactUs .left { float:left; width:312px;} #rightCol #dealerLocatorContactUs .left .box { padding-bottom:10px} #rightCol #dealerLocatorContactUs .left .box label { width:115px !important;} #rightCol #dealerLocatorContactUs .left .box label.long { width:223px !important} #rightCol #dealerLocatorContactUs .left .box input { width:173px;} #rightCol #dealerLocatorContactUs .left .box select { width:109px;} #rightCol #dealerLocatorContactUs .left .box textarea { width:173px;} #rightCol #dealerLocatorContactUs .left .box .submit { width:121px; height:35px; padding:4px 0px 0px 27px;} #rightCol #dealerLocatorContactUs .right { float:right; width:264px; margin-top:10px;} #rightCol #mapContainer { float: right; width: 260px; height: 276px; padding: 3px; position: relative; background:url(../images/layup/dealerLocatorMapBg.gif) no-repeat; } #rightCol #mapContainer #frameLeft { position: absolute; top: 3px; left: 3px; } #rightCol #mapContainer #frameRight { position: absolute; top: 3px; right: 3px; } #rightCol #getDirections { padding: 10px 0px 0px 15px; } #rightCol #getDirections #directions { float: left; width: 131px; } #rightCol #getDirections #btnDirections { width: 91px; height: 19px; float: right; padding-right: 10px; } #rightCol .iframeFull { width: 606px; height: 493px; position: relative; } #rightCol .iframeFull .position { position: absolute; left: -337px; background: #fff; width: 943px; } #rightCol .iframeFull .iframeBox { padding: 0px 20px; } #rightCol .iframeFull .cmsContent { padding: 20px 40px; } #rightCol .iframeFull .iframeBox iframe { border: none; } /* members stock updates new */ .membersStockUpdatesFromHolder { width:580px; margin:0px 0px 22px 0px} .membersStockUpdatesFromHolder .container { background:url(../images/layup/memberStockUpdatesMiddleBg.gif) repeat-y; padding:0 !important; margin:0;} .membersStockUpdatesFromHolder .container .padding { margin:0px 2px 0px 2px; padding:0 !important} .membersStockUpdatesFromHolder .padding2 { padding:11px 17px 0px 17px !important;} .membersStockUpdatesFromHolder .container .titlePadding { padding:0px 0px 0px 17px;} .membersStockUpdatesFromHolder .container .box { padding:9px 0px 5px 17px;} .membersStockUpdatesFromHolder .container .box label { width:150px;} .membersStockUpdatesFromHolder .container .box input { width:147px;} .membersStockUpdatesFromHolder .container .box select { width:151px;} .membersStockUpdatesFromHolder .container .box span { padding:0px 8px 0px 0px;} .membersStockUpdatesFromHolder .container .checkRadio {margin:0px 0px 0px 5px; padding:0;} .membersStockUpdatesFromHolder .container .yourDetails {} .membersStockUpdatesFromHolder .container .blue { background:#e8f5fe;} .membersStockUpdatesFromHolder .container .carSelectBoxes { float:left; margin:0px 11px 11px 0px;} .membersStockUpdatesFromHolder .container .carSelectBoxes select { width:125px;} .membersStockUpdatesFromHolder .container .carSelectBoxes .logo { padding:0px 0px 5px 44px;} .membersStockUpdatesFromHolder .container .carSelectBoxes.end {margin:0;} .membersStockUpdatesFromHolder .container .holdCtrlBox { float:right; width:258px; background:#e8f5fd; padding:12px 0px 0px 12px; margin:30px 0px 0px 0px;} .membersStockUpdatesFromHolder .container .box2 { padding:9px 0px 5px 17px; background:#e8f5fd;} .membersStockUpdatesFromHolder .container .box2 label { width:353px;} .membersStockUpdatesFromHolder .container .submitHolder { padding:11px 0px 0px 223px} /* book a service new */ .bookAServiceHolder { width:580px; margin:0px 0px 22px 0px} .bookAServiceHolder .container { background:url(../images/layup/memberStockUpdatesMiddleBg.gif) repeat-y; padding:0 !important; margin:0;} .bookAServiceHolder .container .padding { margin:0px 2px 0px 2px; padding:0 !important} .bookAServiceHolder .padding2 { padding:11px 17px 0px 17px !important;} .bookAServiceHolder .container .titlePadding { padding:0px 0px 0px 17px;} .bookAServiceHolder .container .box { padding:9px 0px 5px 17px;} .bookAServiceHolder .container .box label { width:150px;} .bookAServiceHolder .container .box input { width:147px;} .bookAServiceHolder .container .box select { width:151px;} .bookAServiceHolder .container .box span { padding:0px 8px 0px 0px;} .bookAServiceHolder .container .checkRadio {margin:0px 0px 0px 5px; padding:0;} .bookAServiceHolder .container .yourDetails {} .bookAServiceHolder .container .blue { background:#e8f5fe;} .bookAServiceHolder .container .long textarea { width:305px; height:71px;} .bookAServiceHolder .container .box.radioBox { padding:3px 0px 3px 0px !important;} .bookAServiceHolder .container .box2 { padding:9px 0px 5px 17px;} .bookAServiceHolder .container .box2 label { width:353px;} .bookAServiceHolder .container .submitHolder { padding:11px 0px 0px 223px} .bookAServiceHolder .container .serviceBox { width: 135px; float: left; margin-bottom: 15px; } .bookAServiceHolder .container .serviceBox.long { width: 145px; font-size: 11px; } .bookAServiceHolder .container .serviceBox label { width: 90px; float: left; margin-left: 5px; position: relative; top: -1px; } .bookAServiceHolder .container .serviceBox.long label { width: 110px; } .bookAServiceHolder .container .serviceBox input { float: left; left: 0px !important; margin: 0px; width: auto; height: 13px; } /* part exchange valuation */ .partExchangeValuationHolder { width:580px; margin:0px 0px 22px 0px} .partExchangeValuationHolder .container { background:url(../images/layup/memberStockUpdatesMiddleBg.gif) repeat-y; padding:0 !important; margin:0;} .partExchangeValuationHolder .container .padding { margin:0px 2px 0px 2px; padding:0 !important} .partExchangeValuationHolder .padding2 { padding:11px 17px 0px 17px !important;} .partExchangeValuationHolder .container .titlePadding { padding:0px 0px 0px 17px;} .partExchangeValuationHolder .container .box { padding:9px 0px 5px 17px;} .partExchangeValuationHolder .container .box label { width:150px;} .partExchangeValuationHolder .container .box input { width:147px;} .partExchangeValuationHolder .container .box .short { width:45px !important;} .partExchangeValuationHolder .container .box select { width:151px;} .partExchangeValuationHolder .container .box span { padding:0px 8px 0px 0px;} .partExchangeValuationHolder .container .checkRadio {margin:0px 0px 0px 5px; padding:0;} .partExchangeValuationHolder .container .yourDetails {} .partExchangeValuationHolder .container .blue { background:#e8f5fe;} .partExchangeValuationHolder .container .long textarea { width:305px; height:71px;} .partExchangeValuationHolder .container .box.radioBox { padding:3px 0px 3px 0px !important;} .partExchangeValuationHolder .container .box2 { padding:9px 0px 5px 17px; background:#e8f5fd;} .partExchangeValuationHolder .container .box2 label { width:353px;} .partExchangeValuationHolder .container .box .sideRadios { float:left; width:76px;} .partExchangeValuationHolder .container .box .sideRadios label { float:right; width:49px;} .partExchangeValuationHolder .container .box.twoDropDowns select { width:72px !important; margin-right:3px} .partExchangeValuationHolder .container .box .radioTitle { float:left; padding:0px 16px 0px 9px;} .partExchangeValuationHolder .container .box .radioTitle p { padding:0;} .partExchangeValuationHolder .container .box .vehicleConditionRadios { width:15px !important; margin:0 !important; padding:0 !important; display:inline;} .partExchangeValuationHolder .container .submitHolder { padding:11px 0px 0px 223px} /* dealer group locator new */ .dealerGroupLocatorLinkHolder { margin:0px 0px 18px 0px; font-family:Tahoma, Arial, Helvetica, sans-serif !important;} .dealerGroupLocatorLinkHolder .link { padding:10px 0px 10px 0px; border-bottom:1px solid #e5e5e5;} .dealerGroupLocatorLinkHolder .link .left { width:127px; padding:15px 0; float:left; } .dealerGroupLocatorLinkHolder .link .right { width:475px; float:right; padding:3px 0px 15px;} .dealerGroupLocatorLinkHolder .link .right p { font-size:12px; padding-bottom:2px; line-height:156%; color:#231f20;} .dealerGroupLocatorLinkHolder .link .right a { font-size:12px; font-weight:normal; color:#1e4486;} .dealerGroupLocatorLinkHolder .link .right h1 { padding-bottom:3px; font-family:Tahoma, Arial, Helvetica, sans-serif !important;} .dealerGroupLocatorLinkHolder .link .right h1 a { font-size:20px; } /* specific group locator new */ .specificDealerGroupLocatorLinkHolder { margin:0px 0px 18px 0px; font-family:Tahoma, Arial, Helvetica, sans-serif !important; } .specificDealerGroupLocatorLinkHolder .link { padding:20px 0px 10px 0px; border-bottom:1px solid #e5e5e5;} .specificDealerGroupLocatorLinkHolder .link .left { width:210px; float:right; padding:0px 0px 0px 0px; font-size: 18px; } .specificDealerGroupLocatorLinkHolder .link .left table td { font-size: 17px !important; padding: 0px 0px 10px 14px; } .specificDealerGroupLocatorLinkHolder .link .right { width: 380px;; padding:3px 0px 0px 0px; float: left; border-right: 1px solid #e6e6e6; padding-right: 15px; } .specificDealerGroupLocatorLinkHolder .link .right p { padding-bottom:2px; line-height:156%; color:#231f20;} .specificDealerGroupLocatorLinkHolder .link .right a { font-weight:normal; color:#1e4486;} .specificDealerGroupLocatorLinkHolder .link .right h1 { padding-bottom:3px; font-family:Tahoma, Arial, Helvetica, sans-serif !important; } .breaker { background:url(../images/layup/bitBg.gif) repeat-x; height:2px; margin:21px 0px 21px 0px;} .specificDealerGroupLocatorLinkHolder .link .itemJumps { padding-top: 15px; } .specificDealerGroupLocatorLinkHolder .link .itemJumps a { display: block; height: 45px; float: left; margin-right: 15px; background: url(../images/layup/spriteDealerTabs.gif) no-repeat !important; } .specificDealerGroupLocatorLinkHolder .link .itemJumps a.jump1 { width: 103px; background-position: 0px 0px !important; } .specificDealerGroupLocatorLinkHolder .link .itemJumps a.jump2 { width: 113px; background-position: -118px 0px !important; } .specificDealerGroupLocatorLinkHolder .link .itemJumps a.jump3 { width: 123px; margin-right: 0px; background-position: -246px 0px !important; } .specificDealerGroupLocatorLinkHolder .link .itemJumps a.jump1:hover { background-position: 0px -45px !important; } .specificDealerGroupLocatorLinkHolder .link .itemJumps a.jump2:hover { background-position: -118px -45px !important; } .specificDealerGroupLocatorLinkHolder .link .itemJumps a.jump3:hover { background-position: -246px -45px !important; } /* ----- CMS IMAGE ----- */ .internalImage { float: right; margin: 0px 0px 15px 15px; position: relative; } .internalImage .frame { position: absolute; top: 0px; left: 0px; z-index:1; } .internalImage .noImage { width: 320px; height: 240px; padding: 3px 0px 0px 3px; background: url(../images/layup/noImage320x240.jpg) 3px 3px no-repeat; } .internalImage .noImageSmall { width: 320px; height: 209px; padding: 3px 0px 0px 3px; background: url(../images/layup/noImage320x209.jpg) 3px 3px no-repeat; } /* ----- USED LIST PAGE ----- */ /* sort options */ #rightCol #sortOptions { position: relative; } #rightCol #sortOptions .position { position: absolute; top: -57px; left: 13px; width:590px; } #rightCol #sortOptions form { width: 200px; float: left; } #rightCol #sortOptions label { width: 45px; color: #747474; } #rightCol #sortOptions select { float: left; position: relative; top: -3px; width:130px; } /* finance options */ #rightCol #financeOptions { position: relative; color: #747474; } #rightCol #financeOptions .position { width: 606px; height: 44px; background: url(../images/layup/usedFinanceBg.gif) no-repeat; position: absolute; top: -25px; left: 0px; } #rightCol #financeOptions .position .padding { padding: 12px 12px 0px 98px; } #rightCol #financeOptions #btnUpdateFinance { float: right; width: 98px; height: 23px; position: relative; top: -2px; } #rightCol #financeOptions label { width: 40px; position: relative; top: 3px; } #rightCol #financeOptions label.long { width: 75px; } #rightCol #financeOptions select.financeSelect { width: 45px; float: left; } #rightCol #financeOptions select.financeSelectLong { width: 65px; float: left; } #rightCol #financeOptions input.financeInput { width: 50px; float: left; margin: 0px 10px 0px 0px; } #rightCol #financeOptions span.periodMonths { display: block; float: left; width: 50px; padding: 0px 0px 0px 5px; position: relative; top: 3px; } /* ----- USED LIST ----- */ #rightCol #usedList { margin: 0; } */ #rightCol #usedList.newsList { margin: 0px 0px 0px 0px; } #rightCol #usedList .listItem { background: url(../images/layup/dotsH.gif) repeat-x bottom; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; } #rightCol #usedList .listItem .itemDetails { height: 148px; } #rightCol #usedList .listItem .itemImage { margin-right: 15px; width: 194px; height: 148px; float: left; } #rightCol #usedList .listItem .itemImage a { display: block; width: 194px; height: 148px; position: relative; } #rightCol #usedList .listItem .itemImage a .frame { position: absolute; top: 0px; left: 0px; } #rightCol #usedList .listItem .itemImage a .noImage { display: block; width: 188px; height: 142px; padding: 3px 0px 0px 3px; background: url(../images/layup/noImage188x142Alt.jpg) 3px 3px no-repeat } #rightCol #usedList .listItem .itemImage a .noImageSmall { display: block; width: 188px; height: 123px; padding: 3px 0px 0px 3px; background: url(../images/layup/noImage188x123.jpg) 3px 3px no-repeat } #rightCol #usedList.newsList .listItem .itemImage a .noImage { display: block; width: 188px; height: 142px; padding: 3px 0px 0px 3px; background: url(../images/layup/noImageNews188x142.jpg) 3px 3px no-repeat } #rightCol #usedList .listItem .itemContent { width: 297px; float: left; } #rightCol #usedList .listItem .itemContent a { font-weight: normal; text-decoration: none; } #rightCol #usedList .listItem .itemContent .itemHeading { display: block; color: #231f20; font-size: 13px; padding: 0px 0px 10px 0px; } #rightCol #usedList .listItem .itemContent table td { padding: 0px 4px 1px 0px; } #rightCol #usedList .listItem .priceOptions { width: 96px; float: right; text-align: right; } #rightCol #usedList .listItem .priceOptions .price { line-height: 15px; height: 40px; } #rightCol #usedList .listItem .priceOptions a { color: #d20b0b; text-decoration: none; font-size: 18px; } #rightCol #usedList .listItem .priceOptions a span { font-weight: normal; font-size: 11px; } #rightCol #usedList .listItem .priceOptions .priceButtons a { display: block; margin-top: 10px; float: right; } #rightCol #usedList .listItem .itemContent .co2 { color: #FFFFFF; font-weight: bold; font-size: 12px; padding: 10px 0px 0px 0px; } #rightCol #usedList .listItem .itemContent .co2 .co2Value { width: 138px; height: 20px; padding: 5px 0px 0px 15px; float: left; margin-right: 20px; } #rightCol #usedList .listItem .itemContent .co2 .co2Value.green { background: url(../images/layup/mpgGreen.gif) no-repeat; } #rightCol #usedList .listItem .itemContent .co2 .co2Value.orange { background: url(../images/layup/mpgOrange.gif) no-repeat; } #rightCol #usedList .listItem .itemContent .co2 .co2Value.red { background: url(../images/layup/mpgRed.gif) no-repeat; } #rightCol #usedList .listItem .itemContent .co2 .taxBand { width: 38px; height: 38px; text-align:center; background: url(../images/layup/taxDisc.gif) no-repeat; float: left; position: relative; top: -6px; } #rightCol #usedList .listItem .itemContent .co2 .taxBand span { display: block; padding: 4px 0px 0px 0; font-size: 11px; color: #000000; } #rightCol #usedList .listItem .itemContent .co2 .insuranceGroup { width: 38px; height: 37px; text-align:center; margin-left:21px; background: url(../images/layup/insuranceGroupBg.gif) no-repeat; float: left; position: relative; top: -6px; } #rightCol #usedList .listItem .itemContent .co2 .insuranceGroup span { display: block; padding: 19px 0 0; font-size: 11px; color: #fff; } /* used list finance */ #rightCol #usedList .listItem .finance { width: 606px; min-height:90px; background: url(../images/layup/financeBg.gif) no-repeat; position: relative; top: 5px; color: #FFFFFF; } #rightCol #usedList .listItem .finance .financeFrame { position: absolute; top: -18px; left: 0px; z-index: 99999; } #rightCol #usedList .listItem .finance .financeFrame span { width: 204px !important; height: 18px !important; } #rightCol #usedList .listItem .finance .getFinance { width: 175px; float: left; padding: 30px 0px 0px 15px; } #rightCol #usedList .listItem .finance .financeExample { width: 380px; float: right; padding: 30px 11px 0px 0px; } #rightCol #usedList .listItem .finance .financeBottom { /*margin-top:4px;*/ float:left; } /* ----- USED DETAIL ----- */ .internalImage.usedDetail { float:left !important; margin: 0px 0px 12px 0px; } .internalImage.usedDetail .fuelBar { width:275px; color:#fff; font-weight:bold; font-size:14px; height:18px; background:url(../images/layup/fuelBarBg.gif) no-repeat; padding:7px 0px 5px 45px ; position:absolute; bottom:80px; } .internalImage.usedDetail .newCarFuelBar { width:275px; color:#fff; font-weight:bold; font-size:14px; height:18px; background:url(../images/layup/fuelBarBg.gif) no-repeat; padding:7px 0px 5px 45px ; position:absolute; bottom:0px;} .internalImage .special { position: absolute; top: -1px; left: -1px; z-index: 99999; } .internalImage #thumbs { width: 325px; height: 70px; margin: 10px 0px 0px 0px; position: relative; } .internalImage #thumbs #prevThumb { position: absolute; top: 0px; left: 0px; } .internalImage #thumbs #nextThumb { position: absolute; top: 0px; right: 0px; } .internalImage #thumbs #thumbWindow { position: absolute; overflow: hidden; width: 278px; height: 70px; margin-left: 23px; } .internalImage #thumbs #thumbWindow #thumbContainer { width: 3000px; height: 70px; } .internalImage #thumbs #thumbWindow a { display: block; width: 94px; float: left; position: relative; } .internalImage #thumbs #thumbWindow a .frame { display: block; position: absolute; } .internalImage #thumbs #thumbWindow a .noImageThumb { display: block; padding: 3px; } #printThumbs { display: none; } /* location and price */ /* mpg calculator */ #locationPrice #mpgCalculator { width: 268px; height: 150px; } #locationPrice .green { background: url(../images/layup/usedMPGGreen.gif) top left no-repeat !important; } #locationPrice .orange { background: url(../images/layup/usedMPGOrange.gif) top left no-repeat !important; } #locationPrice .red { background: url(../images/layup/usedMPGRed.gif) top left no-repeat !important; } #locationPrice #mpgCalculator #mpgTop { width: 268px; height: 52px; position: relative; font-weight: bold; } #locationPrice #mpgCalculator #mpgTop .mpg { position: absolute; top: 20px; left: 25px; font-size: 12px; color: #FFFFFF; } #locationPrice #mpgCalculator #mpgTop .price { position: absolute; top: 14px; left: 180px; font-size: 11px; } #locationPrice #mpgCalculator #mpgTop .insuranceGroup { position:absolute; top:30px; left:232px; color:#fff; font-size:11px; } #locationPrice #mpgCalculator #mpgBottom { color: #455e01; font-weight: bold; padding: 8px 12px 0px 12px; } #locationPrice #mpgCalculator #mpgBottom span { font-size: 14px; } #locationPrice #mpgCalculator #mpgBottom div { margin: 0px 0px 4px 0px; } /* used car jumps */ #usedJumps { margin: 0px 0px 12px 0px; height: 45px; } #usedJumps div { float: left; margin-right: 6px; } #usedJumps .btnEnquiry a { display: block; width: 100px; height: 45px; background: url(../images/layup/usedJumpEnquiry.gif) 0px -45px no-repeat; } #usedJumps .btnEnquiry a:hover { background: url(../images/layup/usedJumpEnquiry.gif) 0px 0px no-repeat; } #usedJumps .btnTellFriend a { display: block; width: 95px; height: 45px; background: url(../images/layup/usedJumpFriend.gif) 0px -45px no-repeat; } #usedJumps .btnTellFriend a:hover { background: url(../images/layup/usedJumpFriend.gif) 0px 0px no-repeat; } #usedJumps .btnPrint a { display: block; width: 90px; height: 45px; background: url(../images/layup/usedJumpPrint.gif) 0px -45px no-repeat; } #usedJumps .btnPrint a:hover { background: url(../images/layup/usedJumpPrint.gif) 0px 0px no-repeat; } #usedJumps .btnFavourites a { display: block; width: 118px; height: 45px; background: url(../images/layup/usedJumpSave.gif) 0px -45px no-repeat; } #usedJumps .btnFavourites a:hover { background: url(../images/layup/usedJumpSave.gif) 0px 0px no-repeat; } #usedJumps .btnTestDrive { margin-right: 0px; } #usedJumps .btnTestDrive a { display: block; width: 80px; height: 45px; background: url(../images/layup/usedJumpDrive.gif) 0px -45px no-repeat; } #usedJumps .btnTestDrive a:hover { background: url(../images/layup/usedJumpDrive.gif) 0px 0px no-repeat; } #usedJumps .btnPartExchange a { display: block; width: 90px; height: 45px; background: url(../images/layup/usedJumpValue.gif) 0px -45px no-repeat; } #usedJumps .btnPartExchange a:hover { background: url(../images/layup/usedJumpValue.gif) 0px 0px no-repeat; } #usedJumps.newCars div { float: left; margin-right: 5px; } #usedJumps.newCars div.last { float: left; margin-right: 0px; } #usedJumps .btnNewEnquiry a { display: block; width: 100px; height: 45px; background: url(../images/layup/usedJumpEnquiry.gif) 0px -45px no-repeat; } #usedJumps .btnNewEnquiry a:hover { background: url(../images/layup/usedJumpEnquiry.gif) 0px 0px no-repeat; } #usedJumps .btnNewPrint a { display: block; width: 86px; height: 45px; background: url(../images/layup/newJumpPrint.gif) 0px -45px no-repeat; } #usedJumps .btnNewPrint a:hover { background: url(../images/layup/newJumpPrint.gif) 0px 0px no-repeat; } #usedJumps .btnNewBrochure a { display: block; width: 104px; height: 45px; background: url(../images/layup/newJumpBrochure.gif) 0px -45px no-repeat; } #usedJumps .btnNewBrochure a:hover { background: url(../images/layup/newJumpBrochure.gif) 0px 0px no-repeat; } #usedJumps .btnNewFavourites a { display: block; width: 118px; height: 45px; background: url(../images/layup/usedJumpSave.gif) 0px -45px no-repeat; } #usedJumps .btnNewFavourites a:hover { background: url(../images/layup/usedJumpSave.gif) 0px 0px no-repeat; } #usedJumps .btnNewTestDrive { margin-right: 0px; } #usedJumps .btnNewTestDrive a { display: block; width: 80px; height: 45px; background: url(../images/layup/usedJumpDrive.gif) 0px -45px no-repeat; } #usedJumps .btnNewTestDrive a:hover { background: url(../images/layup/usedJumpDrive.gif) 0px 0px no-repeat; } #usedJumps .btnNewPartExchange a { display: block; width: 90px; height: 45px; background: url(../images/layup/usedJumpValue.gif) 0px -45px no-repeat; } #usedJumps .btnNewPartExchange a:hover { background: url(../images/layup/usedJumpValue.gif) 0px 0px no-repeat; } /* used car tabs */ #vehicleOverview { background: url(../images/layup/vehicleOverviewBg.gif) 0px 0px repeat-y; margin-bottom: 10px; } #vehicleSpec { width: 265px; float: left; } #vehicleRelated { width:290px; padding:0 10px 0 0; float:right; } #vehicleRelated .listItem { margin:0 0 11px; } #vehicleRelated .listItem a { display:block; text-decoration:none; font-weight:normal; } #vehicleRelated .listItem .thumb { width:85px; height:64px; position:relative; padding:3px; display:block; float:left; } #vehicleRelated .listItem .thumb .frame { position:absolute; left:0; top:0; display:block; } #vehicleRelated .listItem .rightSide { width:195px; display:block; float:right; } #vehicleRelated .listItem .rightSide .title { font-size:13px; font-weight:bold; margin:0 0 5px; display:block; } #vehicleRelated .listItem .rightSide .price { font-size:16px; font-weight:bold; color:#d20b0b; margin:0 0 5px; display:block; } #vehicleRelated .listItem .rightSide .description { font-size:11px; display:block; } .tabHeading { font-family:Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; color: #898989; text-transform: uppercase; letter-spacing: -1px; padding: 0px 0px 10px 0px; } #vehicleSpec td { padding: 0px 0px 4px 0px; } .moreDetails { float: right; padding-right: 20px; } #optionalExtras { margin: 0px 0px 0px 16px; width: 290px; float: left; } #optionalExtras #tabExtraOptions { border-bottom: 3px solid #828282; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; } #optionalExtras #tabExtraOptions span { font-size: 14px; font-weight: bold; } #optionalExtras #tabOptions .moreDetails { padding-right: 0px; } #optionalExtras #simpleSimilar .thumbItem { position: relative; width: 97px; float: left; } #optionalExtras #simpleSimilar .thumbItem .frame { position: absolute; top: 0px; left: 0px; } #optionalExtras #simpleSimilar .thumbItem .noImage { display: block; padding: 3px; } #optionalExtras #simpleSimilar .thumbContent { width: 193px; float: left; } #optionalExtras #simpleSimilar .thumbContent .thumbHeading { font-weight: bold; } #optionalExtras #simpleSimilar .thumbContent .thumbPrice { font-weight: bold; font-size: 14px; color: #d20b0b; padding: 5px 0px 15px 0px; } #financeSummary { border-top:3px solid #828282; padding-top: 5px; color: #747474; } #financeSummary .tabText { font-size: 12px; font-weight: bold; } #financeSummary #financeBoxes { padding: 20px 0px 0px 0px; } #financeSummary #financeBoxes .financeBox { width: 190px; float: left; } #financeSummary #financeBoxes .financeBox .title { color: #e58d03; font-size: 12px; font-weight: bold; } #financeSummary #financeBoxes .financeBox td { padding: 4px 4px 4px 0px; } /* ----- RELATED VEHICLES ----- */ #relatedVehicles a { display: block; } #relatedVehicles .itemBox { width: 135px; margin-right:10px; border-right:1px solid #828282; position: relative; float: left; } #relatedVehicles .itemBox span { display:block; } #relatedVehicles .itemBox.last { border:none; margin-right:0px; } #relatedVehicles .itemBox .itemThumb { margin: 0px 0px 10px 0px; } #relatedVehicles .itemBox .itemThumb .frame { position: absolute; top: -3px; left: -3px; } #relatedVehicles .itemBox .price { font-size: 14px; font-weight: bold; color: #D20B0B; } #relatedVehicles .itemBox p { font-weight:bold; color:#464646; } #relatedVehicles .itemBox h1 { font-size:14px !important; font-family:Verdana, Arial, Helvetica, sans-serif; } #relatedVehicles .itemBox a { text-decoration:none; } /* ----- FRANCHISE JUMPS ----- */ #rightCol #franchiseJumps { padding: 40px 0px 0px 0px; } #rightCol #franchiseJumps a { display: block; width: 303px; height: 110px; float: left; padding: 46px 0px 0px 0px; } #rightCol #franchiseJumps #newVehicle a { background: url(../images/layup/jumpNewCarBg.gif) no-repeat; } #rightCol #franchiseJumps #usedVehicle a { background: url(../images/layup/jumpUsedCarBg.gif) no-repeat; } /* ----- OFFER LIST ----- */ #rightCol #offerList {} #rightCol #offerList .listItem { background: url(../images/layup/offerFrame.gif) no-repeat; width: 301px; height: 156px; float: left; margin: 0px 2px 2px 0px; } #rightCol #offerList .listItem a { display: block; padding: 3px 0px 0px 3px; text-decoration: none; color: #FFF; font-size: 12px; } #rightCol #offerList .listItem a .itemImage { display: block; width: 295px; height: 129px; } #rightCol #offerList .listItem a .itemHeading { display: block; padding: 4px 10px 5px 5px; text-align: center; } /* ----- OFFER DETAIL ----- */ #rightCol #offerContainer { position: relative; width: 606px; height: 340px; } #rightCol #offerContainer .frame { position: absolute; top: -46px; left: 50px; } #rightCol #offerContainer .offerImage { padding: 0px 0px 0px 62px; } #rightCol #offerForm { padding: 0px 0px 20px 0px; } #rightCol #offerForm form { float: left; padding: 0px 0px 0px 30px; width:310px; } #rightCol #offerForm div { margin: 0px 0px 10px 0px; } #rightCol #offerForm label { width: 95px; } #rightCol #offerForm select { width: 204px; } * html #rightCol #offerForm select { width: 206px; } #rightCol #offerLocations { float: right; } #rightCol #offerForm #offerLocations { color: #231f20; font-size: 14px; text-align:left; font-weight: bold; width: 255px; line-height: 150%; } #rightCol #offerForm #offerLocations .offerHeading { color: #e58d03; } #rightCol #offerContent { padding: 0px 0px 12px 30px; } /* ----- BOX LIST ----- */ #boxList {} #boxList .listItem { width: 194px; height: 173px; position: relative; margin: 0px 8px 8px 0px; float: left; } #boxList .listItem a { display: block; text-decoration: none; } #boxList .listItem .frame { position: absolute; top: 0px; left: 0px; } #boxList .listItem .noImage { display: block; width: 188px; height: 143px; padding: 3px 0px 0px 3px; background: url(../images/layup/noImage188x143.jpg) 3px 3px no-repeat; } #boxList .listItem .itemText { display: block; z-index: 99999; position: absolute; bottom: 9px; left: 20px; font-weight: bold; color: #FFFFFF; font-size: 12px; } #boxList.dealerList .listItem { width: 298px; height: 258px; position: relative; margin: 0px 6px 6px 0px; float: left; } #boxList.dealerList .listItem.lastItem { margin: 0px 0px 10px 0px; } #boxList.dealerList .listItem .noImage { display: block; width: 292px; height: 219px; padding: 3px 0px 0px 3px; background: url(../images/layup/noImageDealer.jpg) 3px 3px no-repeat; } #boxList.dealerList .listItem .itemText { display: block; z-index: 99999; position: absolute; bottom: 12px; left: 20px; font-weight: bold; color: #FFFFFF; font-size: 12px; } /* ----- CAREERS LIST ----- */ #careersList {} #careersList .careersItem { margin: 0px 0px 20px 0px; } #careersList .careersItem a { font-weight: normal; color: #00B9EC; } #careersList .careersItem .careersTitle { font-size: 18px; font-weight: bold; margin: 0px 0px 5px 0px; color: #00B9EC; } #careersList .careersItem .careersIntro { margin: 0px 0px 5px 0px; } /* ----- SMALL CMS IMAGE ----- */ .internalImage213x172 { float: right; margin: 0px 0px 15px 15px; position: relative; } .internalImage213x172 .frame { position: absolute; top: -3px; left: -3px; z-index:1; } /* ----- DOWNLOADS LIST ----- */ #downloadList { width: 326px; background: url(../images/layup/downloadListBgTop.gif) no-repeat; margin: 15px 0px 0px 0px; } #downloadsFooter { width: 326px; height: 16px; background: url(../images/layup/downloadListBgBot.gif) no-repeat; } #downloadList ul { padding: 18px 0px 0px 19px; margin: 0px; list-style: none; } #downloadList ul li { background: url(../images/layup/downloadArrow.gif) no-repeat; padding: 0px 0px 5px 20px; } #downloadList ul li a { font-weight: normal; text-decoration: none; } #downloadList ul li a span { font-weight: bold; } /* ----- SUB PAGE LIST ----- */ #subPageList { border-top: 1px solid #e6e6e6; padding-top: 20px; } #subPageList .article { width: 605px; padding-bottom: 24px; } #subPageList .article a { width: 605px; display: block; text-decoration: none; font-weight: normal; cursor: pointer; } #subPageList .article .thumb { display: block; float: left; position: relative; width: 75px; height: 69px; background: url(../images/layup/noImage75x69.gif) top left no-repeat; } #subPageList .article .thumb .frame { position: absolute; top: -2px; left: -2px; } #subPageList .article .right { display: block; float: left; width: 514px; padding-left: 16px; } #subPageList .article .right .title { display: block; font-size: 1.4em; font-weight: bold; width: 514px; color:#313131; padding-bottom: 4px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;} #subPageList .article .right .details { display: block; font-size: 1.0em; width: 514px; line-height: 160%; } #subPageList .article .right .link { display: block; font-size: 1.0em; width: 514px; line-height: 160%; text-decoration: underline; } /* ----- SERVICE REVOLUTION ----- */ #revolutionOffersList { border-top: 2px solid #c3c3c3; border-bottom: 2px solid #c3c3c3; padding: 15px 0px 20px 0px; margin-bottom: 25px; } #revolutionOffersList h2 { font-size: 1.8em; } #revolutionOffersList .box { width: 131px; height: 98px; position: relative; float: left; margin-right: 15px; } #revolutionOffersList .box a { display: block; width: 131px; height: 98px; background: url(../images/layup/noImage131x98.gif) top left no-repeat; } #revolutionOffersList .box .frame { position: absolute; top: -1px; left: -1px; } #revolutionServiceSteps { background: #ebebeb url(../images/layup/revolutionServiceStepsBg.gif) bottom left no-repeat; width: 587px; } #revolutionServiceSteps #stepGauge { width: 587px; height: 88px; } #revolutionServiceSteps #stepGauge.step1 { background: url(../images/layup/spriteRevolutionSteps.gif) 0px 0px no-repeat; } #revolutionServiceSteps #stepGauge.step2 { background: url(../images/layup/spriteRevolutionSteps.gif) 0px -88px no-repeat; } #revolutionServiceSteps #stepGauge.step3 { background: url(../images/layup/spriteRevolutionSteps.gif) 0px -176px no-repeat; } #revolutionServiceSteps #stepGauge.step4 { background: url(../images/layup/spriteRevolutionSteps.gif) 0px -264px no-repeat; } #revolutionServiceSteps #stepGauge.step5 { background: url(../images/layup/spriteRevolutionSteps.gif) 0px -352px no-repeat; } #revolutionServiceSteps .stepContent { padding: 20px 36px; } #revolutionServiceSteps .stepContent h3 { color: #0a69ad; font-size: 1.7em; } #revolutionServiceSteps .stepContent h3 span { font-size: 0.7em; font-weight: normal; } #revolutionServiceSteps .stepContent p { font-size: 1.1em; color: #747474; } #revolutionServiceSteps .stepContent .btns { padding-top: 38px; } #revolutionServiceSteps .stepInnerContent { background: #f4f4f4; padding: 0px 15px 0px 15px; color: #747474; } #revolutionServiceSteps .stepInnerContent table { width: 100%; } #revolutionServiceSteps .stepInnerContent tr { border-bottom: 1px solid #ebebeb; } #revolutionServiceSteps .stepInnerContent table td { font-size: 1.1em; padding: 7px 5px 7px 5px; color: #747474; } #revolutionServiceSteps .stepInnerContent .checkRadio { width: 14px; height: 14px; position: static; } #revolutionServiceSteps .stepInnerContent .boxLeft { width: 235px; float: left; } #revolutionServiceSteps .stepInnerContent .boxRight { width: 235px; float: right; } #revolutionServiceSteps .stepInnerContent label { width: 78px; } #revolutionServiceSteps .stepInnerContent input.inputfield { width: 145px; } #revolutionServiceSteps .stepInnerContent select.inputfield { width: 149px; } #revolutionServiceSteps .stepInnerContent .boxLeft div, #revolutionServiceSteps .stepInnerContent .boxRight div { margin-bottom: 10px; } #revolutionServiceSteps .stepInnerContent .boxLeft, #revolutionServiceSteps .stepInnerContent .boxRight { margin-bottom: 10px; } #revolutionServiceSteps .stepInnerContent textarea { width: 384px; height: 52px; margin-bottom: 10px; } #revolutionServiceSteps .stepInnerContent label.lblLong { width: 395px; } #revolutionServiceSteps table#tblSummary { width: 100%; } #revolutionServiceSteps table#tblSummary td { font-size: 12px; color: #747474; padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid #9e9e9e; } #revolutionServiceSteps table#tblSummary tr.total td { border: none; border-top: 2px solid #9e9e9e; } /* ----- NEW CAR PAGES ----- */ #rightCol .nearlyNewCars { margin: 0px 0px 10px 0px; display: block; } #rightCol #nearlyNewTable {} #rightCol #nearlyNewTable table { background: #eeeeee; } #rightCol #nearlyNewTable table tr th { color: #747474; font-family: Helvetica, Arial, sans-serif; font-size: 18px; padding: 10px 5px 10px 5px; text-transform: uppercase; } #rightCol #nearlyNewTable table tr.altRow { background: #FFFFFF; } #rightCol #nearlyNewTable table tr td { color: #242424; font-weight: bold; font-size: 12px; padding: 5px; border-top: 1px solid #d8d8d8; } #newVarOptions { margin:0 0 17px; } #newVarOptions a { height:45px; display:block; float:left; } #newVarOptions a span { display:none; } #newVarOptions a.carOffer { width:90px; background:url(../images/layup/spriteNewVarOptions.gif) no-repeat 0 0; margin:0 11px 0 0; } #newVarOptions a.callMe { width:95px; background:url(../images/layup/spriteNewVarOptions.gif) no-repeat -102px 0; margin:0 9px 0 0; } #newVarOptions a.value { width:90px; background:url(../images/layup/spriteNewVarOptions.gif) no-repeat -206px 0; margin:0 9px 0 0; } #newVarOptions a.vehicle { width:100px; background:url(../images/layup/spriteNewVarOptions.gif) no-repeat -305px 0; margin:0 10px 0 0; } #newVarOptions a.request { width:104px; background:url(../images/layup/spriteNewVarOptions.gif) no-repeat -415px 0; margin:0 8px 0 0; } #newVarOptions a.test { width:80px; background:url(../images/layup/spriteNewVarOptions.gif) no-repeat -527px 0; } #newVarOptions a.carOffer:hover { background:url(../images/layup/spriteNewVarOptions.gif) no-repeat 0 -45px; } #newVarOptions a.callMe:hover { background:url(../images/layup/spriteNewVarOptions.gif) no-repeat -102px -45px; } #newVarOptions a.value:hover { background:url(../images/layup/spriteNewVarOptions.gif) no-repeat -206px -45px; } #newVarOptions a.vehicle:hover { background:url(../images/layup/spriteNewVarOptions.gif) no-repeat -305px -45px; } #newVarOptions a.request:hover { background:url(../images/layup/spriteNewVarOptions.gif) no-repeat -415px -45px; } #newVarOptions a.test:hover { background:url(../images/layup/spriteNewVarOptions.gif) no-repeat -527px -45px; } #relatedOffers {} #relatedOffers .box { margin-bottom: 10px; } #relatedOffers .box a { text-decoration:none; font-weight:normal; display:block; } #relatedOffers .box .thumb { margin:3px 3px 0; position:relative; display:block; } #relatedOffers .box .thumb .frame { position:absolute; left:-3px; top:-3px; display:block; } #relatedOffers .box .title { font-weight:bold; text-align:center; color:#fff; padding:3px; background:url(../images/layup/relatedOffersTitleBg.gif) no-repeat left bottom #828282; display:block; } #relatedOffers .box .titleSml { font-weight:bold; text-align:center; color:#fff; padding:3px; background:url(../images/layup/relatedOffersTitleBgSmall.gif) no-repeat left bottom #828282; display:block; } #availableColours { width: 145px; margin-bottom: 12px; } #availableColours a { display: block; width: 14px; height: 14px; border: 1px solid #000000; float: left; margin: 0px 4px 4px 0px; } #availableColours .colourWhite { background: #FFFFFF; } #availableColours .colourGrey { background: #a5a5a5; } #availableColours .colourBlack { background: #000000; } #availableColours .colourRed { background: #f50000; } #availableColours .colourBlue { background: #569ad1; } #availableColours .colourGreen { background: #218c00; } #availableColours .colourYellow { background: #f7e41e; } #availableColours a.swatch { float: left; width: 14px; height: 14px; margin-right: 4px; margin-bottom: 4px; border: 1px solid #000000; } #availableColours a.swatch:hover { z-index:99999; position:relative;} #availableColours a.swatch span { display:none; } #availableColours a.swatch:hover span { display:block; position:absolute; width:60px; height:60px; top: 20px; border:1px solid #000; z-index:100; } #simpleNewSimilar { padding: 15px 0px 0px 0px; border-top: 3px solid #828282; margin: 10px 10px 0px 0px; } #simpleNewSimilar .thumbItem { position: relative; width: 97px; float: left; } #simpleNewSimilar .thumbItem .frame { position: absolute; top: -1px; left: -1px; } #simpleNewSimilar .thumbItem .noImage { display: block; padding: 2px; } #simpleNewSimilar .thumbContent { width: 150px; float: left; } #simpleNewSimilar .thumbContent .thumbHeading { font-weight: bold; } #simpleNewSimilar .thumbContent .thumbPrice { font-weight: bold; font-size: 14px; color: #d20b0b; padding: 5px 0px 15px 0px; } #simpleNewSimilar #similarVehicleButton { padding: 10px 10px 0px 0px; } #configure { margin: 0px 0px 0px 16px; width: 290px; float: left; } #configure .configRow { min-height: 25px; border-top: 1px solid #c3c3c3; font-weight: bold; font-size: 14px; padding: 5px 10px 0px 10px; } #configure .configRow.white { background: #FFFFFF; } #rightCol .newCars .domContent.dt1 .padding { padding: 12px 0px 10px 13px; } #rightCol .newCars .domContent.dt1 .padding #financeSummary { padding: 5px 15px 0px 0px; } #configure .configRow .price { float: right; } #configure .configRow .price.red { color: #d20b0b; } #configure .tabHeading { padding: 0px 0px 10px 10px; } #configure #configureHeadings { padding: 5px 15px 0px 0px; } #configure #configureOptions { min-height: 160px; margin: 0px 13px 0px 13px; } #configure #configureOptions ul { padding: 0px; margin: 0px; list-style: none; } #configure #configureOptions ul li { float: left; width: 205px; background: url(../images/layup/plus.gif) no-repeat 0px 2px; padding: 0px 0px 0px 15px; } #configure #configureOptions ul li.open { background: url(../images/layup/minus.gif) no-repeat 0px 2px; } #configure #configureOptions ul li a { text-decoration: none; display: block; padding: 0px 0px 5px 0px; } #configure #configureOptions ul li.open {} #configure #configureOptions ul li.open .listItem { float: right; } #configure #configureOptions ul li ul { padding: 0; } #configure #configureOptions ul li ul li { background: none; } #configure #configureOptions ul li ul li .checkRadio { position: static; } /* ----- NEW CAR DETAILS ----- .newCarImage { float: left; margin: 0px 15px 15px 0px; position: relative; } .newCarImage .frame { position: absolute; top: 0px; left: 0px; } .newCarImage .noImage { width: 320px; height: 240px; padding: 3px 0px 0px 3px; background: url(../images/layup/noImage320x240.jpg) 3px 3px no-repeat; } #newCarInfo { float:right; width:265px; font-size:12px; text-align:justify; } #newCarInfo .title { font-weight:bold; font-size:14px; color:#231f20; text-align:left; float:left; margin-bottom:10px; display:block; width:265px; } #chooseVariant { width:472px; height:32px; background:url(../images/layup/chooseVariantBg.gif) no-repeat; float:left; margin-top:10px; margin-bottom:10px; padding-top:13px; padding-left:135px;} #chooseVariant input { float:left; } #chooseVariant select { float:left; width:350px; padding:2px 0px; margin-right:20px; } #chooseVariant input#view { width:86px; height:21px; } #newCarOptions { float:left; background:url(../images/layup/newCarOptionBg.gif) no-repeat; width:150px; height:273px; margin-right:15px; } #newCarForm { float:left; background:url(../images/layup/newCarFormBg.gif) no-repeat; width:322px; height:273px; }*/ /* ----- NEW CAR DETAIl /*NEW ----- */ #newDetailImage { margin:0 15px 15px 0; padding:3px 0 0 3px; position:relative; float:left; } #newDetailImage.newCar { margin:0px 0px 15px 15px; padding:3px 0 0 3px; position:relative; float:right; } #newDetailImage .frame { position:absolute; top:0; left:0; } #newDetailImage .noImage { display: block; width: 320px; height: 240px; background: url(../images/layup/noImage320x240.jpg) no-repeat; } p.newDetail { font-size:12px; } #chooseVariant { width:607px; height:45px; background:url(../images/layup/chooseVariantBg.gif) no-repeat; margin:0 0 10px 0; } #chooseVariant .padding { padding:13px 0 0 132px; } #chooseVariant select { width:357px; padding:2px 0px; margin-right:11px; float:left; } #chooseVariant input#view { width:96px; height:21px; float:left; } #newDetailOptions { width:150px; height:273px; background:url(../images/layup/newDetailsOptionsBg.gif) no-repeat; margin:0; float:left; } #newDetailOptions .padding { padding:14px 17px 0 16px; } #newDetailOptions a { display:block; } #newDetailOptions span { display:none; } #newDetailOptions .vehicleEnquiry a { display: block; width:118px; height:55px; background:url(../images/layup/spriteNewDetailOptions.gif) no-repeat 0px 0px; } #newDetailOptions .requestBrochure a { display: block; width:118px; height:59px; background:url(../images/layup/spriteNewDetailOptions.gif) no-repeat 0px -55px; } #newDetailOptions .testDrive a { display: block; width:118px; height:55px; background:url(../images/layup/spriteNewDetailOptions.gif) no-repeat 0px -115px; } #newDetailOptions .vehicleEnquiry a:hover { background:url(../images/layup/spriteNewDetailOptions.gif) no-repeat -118px 0px; } #newDetailOptions .requestBrochure a:hover { background:url(../images/layup/spriteNewDetailOptions.gif) no-repeat -118px -55px; } #newDetailOptions .testDrive a:hover { background:url(../images/layup/spriteNewDetailOptions.gif) no-repeat -118px -115px; } #vehicleEnquiryContainer { float: right; width: 605px; background: #efefef; background:#eeeeee url(../images/layup/newCarFrmTopBg.gif) top left no-repeat; position: relative; } #vehicleEnquiryContainer form { background: #efefef; background: url(../images/layup/newCarFrmBotBg.gif) bottom left no-repeat; } #vehicleEnquiryContainer fieldset { display: block; padding: 10px; } #vehicleEnquiryContainer label { width: 160px; } #vehicleEnquiryContainer div { margin-bottom: 6px; } #vehicleEnquiryContainer input, textarea, select { font-size:11px; width:250px; } #vehicleEnquiryContainer textarea { width:250px !important; } #vehicleEnquiryContainer input#submit { width: 121px; } #vehicleEnquiryContainer .validation-advice { width: 402px; } #callMeBackContainer { float: right; width: 605px; background: #efefef; background:#eeeeee url(../images/layup/newCarFrmTopBg.gif) top left no-repeat; position: relative; } #callMeBackContainer form { background: #efefef; background: url(../images/layup/newCarFrmBotBg.gif) bottom left no-repeat; } #callMeBackContainer fieldset { display: block; padding: 10px; } #callMeBackContainer label { width: 160px; } #callMeBackContainer div { margin-bottom: 6px; } #callMeBackContainer input, textarea, select { font-size:11px; width:250px; } #callMeBackContainer textarea { width:250px !important; } #callMeBackContainer input#submit { width: 121px; } #callMeBackContainer .validation-advice { width: 402px; } #valueVehicleContainer { float: right; width: 605px; background: #efefef; background:#eeeeee url(../images/layup/newCarFrmTopBg.gif) top left no-repeat; position: relative; } #valueVehicleContainer form { background: #efefef; background: url(../images/layup/newCarFrmBotBg.gif) bottom left no-repeat; } #valueVehicleContainer fieldset { display: block; padding: 10px; } #valueVehicleContainer label { width: 160px; } #valueVehicleContainer div { margin-bottom: 6px; } #valueVehicleContainer input, textarea, select { font-size:11px; width:250px; } #valueVehicleContainer textarea { width:250px !important; } #valueVehicleContainer input#submit { width: 121px; } #valueVehicleContainer .validation-advice { width: 402px; } #brochureContainer { float: right; width: 605px; background: #efefef; background:#eeeeee url(../images/layup/newCarFrmTopBg.gif) top left no-repeat; position: relative; } #brochureContainer form { background: #efefef; background: url(../images/layup/newCarFrmBotBg.gif) bottom left no-repeat; } #brochureContainer fieldset { display: block; padding: 10px; } #brochureContainer label { width: 160px; } #brochureContainer div { margin-bottom: 6px; } #brochureContainer input, textarea, select { font-size:11px; width:250px; } #brochureContainer textarea { width:250px !important; } #brochureContainer input#submit { width: 121px; } #brochureContainer .validation-advice { width: 402px; } #testDriveContainer { float: right; width: 605px; background: #efefef; background:#eeeeee url(../images/layup/newCarFrmTopBg.gif) top left no-repeat; position: relative; } #testDriveContainer form { background: #efefef; background: url(../images/layup/newCarFrmBotBg.gif) bottom left no-repeat; } #testDriveContainer fieldset { display: block; padding: 10px; } #testDriveContainer label { width: 160px; } #testDriveContainer div { margin-bottom: 6px; } #testDriveContainer input, textarea, select { font-size:11px; width:250px; } #testDriveContainer textarea { width:250px !important; } #testDriveContainer input#submit { width: 121px; } #testDriveContainer .validation-advice { width: 402px; } #contactUsContainer { float: right; width: 605px; background: #efefef; background:#eeeeee url(../images/layup/newCarFrmTopBg.gif) top left no-repeat; position: relative; } #contactUsContainer form { background: #efefef; background: url(../images/layup/newCarFrmBotBg.gif) bottom left no-repeat; } #contactUsContainer fieldset { display: block; padding: 10px; } #contactUsContainer label { width: 160px; } #contactUsContainer div { margin-bottom: 6px; } #contactUsContainer input, textarea, select { font-size:11px; width:250px; } #contactUsContainer textarea { width:250px !important; } #contactUsContainer input#submit { width: 121px; } #contactUsContainer .validation-advice { width: 402px; } #frmNewDetail { width:322px; height:272px; background:url(../images/layup/newDetailContactBg.gif) no-repeat; float:left; } #frmNewDetail fieldset { padding:37px 25px 0 21px; } #frmNewDetail div { margin:0 0 6px 0; } #frmNewDetail label { width:67px; padding:3px 0 0 0; } #frmNewDetail select, #frmNewDetail input, #frmNewDetail textarea { width:198px; border:1px solid #e58d03; } #frmNewDetail #submit { width:121px; height:35px; border:none; margin:0 10px 0 0; float:right; } #frmNewDetail textarea { height: 50px; } #frmNewDetail input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } #frmNewDetail input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #00B9EC; color : #FF3300; } #frmNewDetail input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; } #frmNewDetail #offerForm .validation-advice { margin: 5px 0; width:276px; padding: 5px; background-color: #4544e4; color : #FFF; font-weight: bold; } #frmNewDetail .validation-advice { margin: 5px 0; width:257px; padding: 5px; background-color: #e58d03; color : #FFF; font-weight: bold; } /* ----- DEALER LOCATOR DETAIL ----- */ #dealerImagery { width: 606px; height: 282px; background: url(../images/layup/contactUsBg.gif) no-repeat; position: relative; } #dealerImagery #dealerLocation { width: 320px; height: 276px; float: left; padding: 3px; } #dealerImagery #dealerLocation #locationImage { height: 240px; } #dealerImagery #dealerLocation #locationImage .frame { position: absolute; top: 3px; left: 3px; } #dealerImagery #dealerLocation #mapLocation { padding: 10px 0px 0px 20px; } #dealerImagery #dealerLocation #mapLocation label { width: 75px; font-weight: bold; color: #FFFFFF; } #dealerImagery #dealerLocation #mapLocation select { width: 185px; position: relative; top: -2px; } #dealerImagery #getDirections { padding: 10px 0px 0px 15px; } #dealerImagery #getDirections #directions { float: left; width: 131px; } #dealerImagery #getDirections #btnDirections { width: 91px; height: 19px; float: right; padding-right: 10px; } #dealerImagery #mapContainer { float: right; width: 260px; height: 276px; padding: 3px; position: relative; } #dealerImagery #mapContainer #frameLeft { position: absolute; top: 3px; left: 3px; } #dealerImagery #mapContainer #frameRight { position: absolute; top: 3px; right: 3px; } /* telephone numbers and times */ #dealerDetails #telephoneTimes { width: 295px; float: left; padding: 15px; } #dealerDetails #telephoneTimes .heading { font-weight: bold; font-size: 14px; color: #e58d03; } #dealerDetails #telephoneTimes .number { float: right; font-size: 14px; text-align: right; margin-bottom: 10px; } #dealerDetails #telephoneTimes th, #dealerDetails #telephoneTimes td { padding: 5px 0px 0px 0px; text-align:right; } #dealerDetails #telephoneTimes .width70 { width: 70px; } #dealerDetails #telephoneTimes .width95 { width: 95px; } #dealerDetails #telephoneTimes .width85 { width: 85px; } #dealerDetails #telephoneTimes #tblTimes { padding: 0px 0px 15px 0px; } #dealerDetails #telephoneTimes address { line-height: 20px; padding: 5px 0px 0px 0px; } #dealerDetails #telephoneTimes #printPage { float: right; } /* contact form */ #dealerDetails #dealerForm { width: 265px; float: right; padding: 15px 0px 15px 0px; } #dealerDetails #dealerForm .heading { font-weight: bold; font-size: 14px; color: #e58d03; } #dealerDetails #dealerForm label { width: 80px; } #dealerDetails #dealerForm div { margin: 0px 0px 5px 0px; } #dealerDetails #dealerForm input, #dealerDetails #dealerForm textarea, #dealerDetails #dealerForm select { width: 175px; } #dealerDetails #dealerForm input#submit { width:121px; height:35px; } ul#dealers { margin:5px 0; } ul#dealers li { padding:7px 0; } ul#dealers li a { font-size:13px; color:#40ccf1; text-decoration:none; } ul#dealers li a:hover { text-decoration:underline; } .feedbackItem { background: url(../images/layup/feedbackBoxTop.gif) top left no-repeat; width: 598px; margin-bottom: 16px; } .feedbackItem .title { height: 22px; font-weight: bold; color: #fff; padding: 6px 10px 0px 10px; } .feedbackItem .comment { padding: 10px 10px 10px 10px; } .feedbackItem .name { font-weight: bold; padding: 0px 10px 0px 10px; } .feedbackItem .btm { position: relative; top: 5px; } /* ----- 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;} .width85 { width: 85px; } .width65 { width: 65px; } .width55 { width: 55px; } .width95 { width: 95px; } .width70 { width: 70px; } .width430 { width: 430px; } .width110 { width: 110px; } .defaultList { padding: 0; margin: 0px 0px 12px 16px; } .defaultList li { background: url(../images/layup/bullet.gif) 0px 1px no-repeat; padding: 0px 0px 8px 20px; } /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;} h1, h2 { color: #3c3c3c; font-size: 14px; font-family: Helvetica, arial, sans-serif; } h3 { color: #3c3c3c; font-size: 14px; } h1 { font-size:19px !important;} .dealerGroupLocatorLinkHolder .link .right h1 a { color: #3C3C3C; text-decoration: none; } .dealerGroupLocatorLinkHolder .link .right h1 a:hover { text-decoration: underline; } .orangeBold { color:#e58d03; padding:0px 0px 10px 0px; font-weight:bold; font-size:115%;} .greyBold { color:#393939; padding:0px 0px 10px 0px; font-weight:bold; font-size:115%} .italic {font-style:italic} .bold { font-weight:bold;} .boldBig { font-weight:bold; font-size:110%} /* ----- TOP NAVIGATION ----- */ #primaryNav { width: 606px; height: 36px; float: right; font-size: 11px; background: url(../images/layup/primaryNavBg.gif) no-repeat; } #primaryNav ul { list-style: none; margin: 0; padding: 0px 0px 0px 10px; } #primaryNav li { float: left; } #primaryNav li a { display: block; float: left; padding: 11px 6px 12px 7px; text-decoration: none; color: #FFFFFF; font-weight: normal; } #primaryNav li a:hover, #primaryNav li.active a { background: #86d6eb; } /* ----- SECONDARY NAVIGATION ----- */ #secondaryNav {} #secondaryNav ul { list-style: none; margin: 0; padding: 0; } #secondaryNav li { } #secondaryNav li a { 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 10px no-repeat; padding:6px 0 5px 15px;} /* ----- GFORCES TABS ----- */ .domTabs { } .domContent { float: left; width: 606px; background: #eeeeee; } #rightCol .domContent .padding { padding: 12px 13px 10px 13px; width: 580px; } .dt1 { display: block; } ul.domHeadings { padding: 0px; margin: 0px; list-style: none; width: 610px; float: left; height: 34px; } ul.domHeadings li { float: left; } ul.domHeadings li a { display: block; float: left; background: #000; color: #FFF; text-decoration: none; font-weight: bold;} ul.domHeadings li a span { display: none; } #rightCol .domContent .padding #contactAddresses p { font-weight: bold; font-size: 14px; color: #cc8102; } #rightCol .domContent .padding #contactAddresses p .heading { font-size: 18px; color: #E48D03; } /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #breadcrumbs { font-weight: bold; position: absolute; top: 45px; left: 355px; width:515px; } #breadcrumbs a { text-decoration: none; font-weight: bold; } .pagination { float: left; } .pagination.bottom ul { float: right; } .pagination.bottom .typicalAPR { color: #e58d03; font-size: 13px; font-weight: bold; } .pagination ul { padding: 0px; margin: 0px; list-style: none; } .pagination ul li { padding: 0px; margin: 0px; float: left; } .pagination a { display: block; padding: 0px 4px 0px 5px; text-decoration: none; font-weight: normal; margin-right: 1px; } .pagination a.nextPrev, .pagination a.nextPrev:hover { background: none; } .pagination a:hover { text-decoration: underline; background:#e58d03; color:#FFFFFF; } .pagination .active { text-decoration: none; background:#e58d03; color:#FFFFFF; font-weight: bold; } .newsPagination { height: 45px; } .newsPagination ul { float: right; } .newsPagination ul li { display: inline; } .newsPagination ul li a { display: inline; font-weight: bold; font-size: 12px; padding: 0px 8px 0px 8px; border-right: 1px solid #e2e2e2; text-decoration: none; color: #4c4c4c; } .newsPagination ul li a:hover { color: #6fdef2; } .newsPagination ul li a.nextPrev { border: none; } .newsPagination ul li a.nextPrev:hover { text-decoration: underline; color: #4c4c4c; } .newsPagination ul li a.active { color: #6fdef2; } /* ----- FOOTER ----- */ #footer { text-align: center; padding-bottom:10px; margin-top: -126px; background: url(../images/layup/footerBg.gif) repeat; color: #FFFFFF;} #footer .padding { width:943px; margin:0 auto; text-align:left; font-size:110%; line-height: normal; } #footer a { font-weight:normal; text-decoration:none; color: #FFFFFF;} #footer a:hover { text-decoration:underline;} #footer #footerContent { padding: 10px 20px 0px 20px; } #footer #footerContent #footerLogo { width: 197px; float: left; } #footer #footerContent #siteDetails { width: 220px; height:125px; float: left; border-left: 3px solid #FFFFFF; padding: 0px 15px 0px 15px; } #footer #footerContent #siteDetailsLarge { width:450px; height:125px; float: left; border-left: 3px solid #FFFFFF; padding: 0px 15px 0px 15px;} #footer #footerContent #dealerLinks { width:200px; height:140px; float:left; padding: 0px 15px 0px 15px; border-left: 3px solid #FFFFFF; line-height:18px;} #footer #footerContent #dealerLinks .title { font-size:16px; font-weight:bold; padding-bottom:5px; } #footer #footerContent #footerLinks { width: 200px; height:140px; float: left; border-left: 3px solid #FFFFFF; padding: 0px 0px 0px 15px; } #footer #footerContent #footerLinks .title { font-size:16px; font-weight:bold; padding-bottom:5px; } #footer #footerContent #footerLinks a { display: block; float: left; width: 90px; padding: 1px 0px 1px 0px; } /* ----- 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;cursor:pointer; } a:hover { text-decoration:none; } /* ----- FORMS ----- */ form { padding:0; margin:0; } fieldset { padding:0; margin:0; border:0px none; } legend { padding:0; margin:0; display:none; } label { display:block; width:260px; float:left; } input, textarea { width:200px; font-size:11px; color: #000 !important; } .required { color:#00B9EC;} select.required { color: #000;} .checkRadio { width:20px !important; position:relative; left:-7px;} #frmContact { margin-bottom:15px;} #frmContact p { padding:7px 0;} #frmContact select { width:204px; color: #000; } #frmContact div { margin-bottom:0px;} #submit { width:121px; height:35px; border:none;} #calculate { width: 64px; height: 12px; float: right; } .formDefault { width: 580px; margin-bottom: 17px; } .formDefault .formInner { background:url(../images/layup/formDefaultBg.gif) top left repeat-y; width: 576px; padding: 0px 2px 0px 2px; } .formDefault h2 { padding: 0px 0px 10px 18px; font-size: 1.5em; } .formDefault form div { padding: 5px 18px 5px 18px; } .formDefault form .altRow { background: #e8f5fe; } .formDefault form label { width: 168px; font-size: 1.1em; padding-top: 2px; } .formDefault form .required { color: #e58d03; } .formDefault form select { width: 155px; } .formDefault form select.select76 { width: 76px; } .formDefault form input { width: 149px; } .formDefault form textarea { width: 300px; height: 80px; } .formDefault form .clear { clear:both; display: block; padding: 0 !important; margin: 0 !important; } .formDefault form .submit { margin: 10px auto 0px auto; display: block; } .bookAServiceHolder { margin-bottom: 15px !important; } #whatCarForm { padding-top: 20px; padding-left: 20px; } #whatCarForm div { margin-bottom: 10px; } #whatCarForm label { width: 165px; } #whatCarForm select { width: 204px; } /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #00B9EC; color : #FF3300; } input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; } #offerForm .validation-advice { margin: 5px 0; width:352px; padding: 5px; background-color: #4544e4; color : #FFF; font-weight: bold; } .validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #00B9EC; color : #FFF; font-weight: bold; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } /* ----- STOCK UPDATES FORM ----- */ #promoForm { padding:12px 0 0 19px; } #promoForm .signupBoxes { margin-bottom:20px; margin-top:10px;} #promoForm .signupBoxes label { float:left; width:450px; position:relative; top:4px;} #promoForm .signupBoxes input { float:left; width: 14px; margin-right: 10px;} #promoForm select { width:125px !important; margin-bottom: 10px; display:block; margin-right:15px;} #promoForm .carSelects { padding-top:18px;} #promoForm .submitButton { margin:5px 0 20px 0;} /* ----- NEW CAR OFFER BANNER ----- */ #newOfferBannerWrapper { padding-bottom:10px; display:block; height:44px; overflow:hidden; position:relative; width:606px; } .newOfferBanner { color:#FFFFFF; background:url(../images/layup/nearlyNewCarsBg.gif) no-repeat; text-decoration: none; font-size:140%; padding: 12px 0px 0px 14px; } #rightCol ul li { list-style: none; } #rightCol .padding .cmsContent ul li { background:url(../images/layup/iconBulletPointGroup.gif) no-repeat left; padding:3px 0px 3px 19px;} #rightCol .padding .newDetail ul li { background:url(../images/layup/iconBulletPointGroup.gif) no-repeat left; padding:3px 0px 3px 19px;} #rightCol .padding #offerContent ul li { background:url(../images/layup/iconBulletPointGroup.gif) no-repeat left; padding:3px 0px 3px 19px;} /* ----- USED CAR DETAIL MARCH 2010 ----- */ #locationPrice { float: right; width: 268px; margin: 0px 0px 12px 0px; } #locationPrice #modelDetails { width: 258px; height: 173px; padding: 0 0 0 10px; margin-bottom:0px; background:url(../images/layup/modelDetailsBg.gif) no-repeat; } #locationPrice #modelDetails #liveChat { float:right; width:150px; height:32px; } #locationPrice .modelHeading { font-size: 17px; color: #231f20; display: block; padding: 5px 0px 0px 0px; } #locationPrice .modelLocation { font-size: 11px; color: #747474; display: block; padding: 0px 0px 5px 0px; clear: left; } #locationPrice .modelLocation a { text-decoration:underline; } #locationPrice .modelLocation span { color: #d20b0b; } #locationPrice .modelTel { font-size: 21px; color: #d20b0b; display: block; padding: 0px 0px 6px 0px; } #locationPrice .modelPrice { font-size: 30px; color: #d20b0b; display: block; width:125px; float:left; padding-top:0px; height: 45px; } #locationPrice .priceSave { font-size: 21px; color: #d20b0b; display: block; } /* whatcar rating */ #locationPrice #whatCar { width:103px; height:57px; margin-right:10px; background:url(../images/layup/whatCarBg.gif) no-repeat; float:right; } #locationPrice #whatCar.newCar { margin-bottom: 3px; background:url(../images/layup/whatCarBg2.gif) no-repeat; } #locationPrice #whatCar #starContain { margin-left:8px; margin-top:31px; float:left; } #locationPrice #whatCar .star { width:11px; display:block; height:10px; background:url(../images/layup/spriteWhatCarStar.gif) left -20px no-repeat; float:left; margin-right:2px; } #locationPrice #whatCar .star.active { background:url(../images/layup/spriteWhatCarStar.gif) left top no-repeat; } /* ----- NEW and USED CAR DETAIL NOVEMBER 2010 ----- */ #vehicleImagery { float:left; width:328px; margin-bottom:8px; } #vehicleImagery .image { position:relative; width:326px; height:246px; margin-bottom:9px; background:url(../images/layup/noImage326x246.jpg) no-repeat center; } #vehicleImagery .image.smaller { padding:3px; width:320px; height:209px; } #vehicleImagery .image .frame { position:absolute; top:0; left:0; } #vehicleImagery .vehicleThumbs { position:relative; height:68px; width:324px; margin-bottom:10px; } #vehicleImagery .vehicleThumbs #btnPrev { position:absolute; top:0; left:0; } #vehicleImagery .vehicleThumbs #btnNext { position:absolute; top:0; right:0; } #vehicleImagery .vehicleThumbs .thumbs { position:absolute; top:1px; left:24px; overflow:hidden; width:276px; } #vehicleImagery .vehicleThumbs .thumbsNoImages { position:absolute; top:1px; left:24px; width:276px; overflow: hidden; } #vehicleImagery .vehicleThumbs #thumbContainer { width:4000px; } #vehicleImagery .vehicleThumbs #thumbContainer .thumb { float:left; margin-right:7px; position:relative; } #vehicleImagery .vehicleThumbs #thumbContainer .thumb .frame { position:absolute; top:0; left:0; } #vehicleOptions a { float:left; display:block; height:39px; width:107px; background:url(../images/layup/spriteCarOptions.gif) no-repeat; margin-right:3px; margin-bottom:9px; } #vehicleOptions a#btnValue { background-position:0 0; } #vehicleOptions a#btnTestDrive { background-position:-107px 0; } #vehicleOptions a#btnEnquiry { background-position:-214px 0; } #vehicleOptions a#btnSaveCompare { background-position:-321px 0; } #vehicleOptions a#btnPrint { background-position:-428px 0; } #vehicleOptions a#btnBrochure { background-position:-535px 0; } #vehicleOptions a#btnNegotiate { background-position:-642px 0; } #vehicleOptions .last { margin-right:0px !important; } #vehicleDetails { float:right; width:268px; } #vehicleDetails .title { background:url(../images/layup/newDetailTitleTopBg.gif) no-repeat top left; width:268px; margin-bottom:5px; padding-top:9px; line-height:18px; } #vehicleDetails .title .padding { background:url(../images/layup/newDetailTitleBottomBg.gif) no-repeat bottom left; padding:0px 17px 9px; } #vehicleDetails .title h1 { padding:0px; color:#231f20; font-size:15px !important; font-weight:normal; font-family:Tahoma, Geneva, sans-serif; } #vehicleDetails .price { float:left; width:129px; height:44px; background:url(../images/layup/newDetailPriceBg.gif) no-repeat top left; color:#d20b0b; font-size:24px; font-family:Tahoma, Geneva, sans-serif; padding:13px 0 0 29px; margin-bottom:8px; } #vehicleDetails .contactDetails { z-index:999; width: 268px; height: 38px; position: relative; text-transform:uppercase; color:#e58d03; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; font-size:12px; margin-bottom:-22px; } #vehicleDetails .contactDetails a { text-decoration:none; color:#e58d03; } #vehicleDetails .contactDetails span { font-size:19px; font-weight:normal; display:block; line-height:24px; } #vehicleDetails #dealersNearYouList { position: absolute; top: 0px; left: -1px; } #vehicleDetails #dealersNearYouList .padding { padding: 60px 20px 0px; width: 230px; background: url(../images/layup/dealersNearYouTop.gif) top left no-repeat; } #vehicleDetails #dealersNearYouList p { color: #ffffff; font-size: 14px; font-family: Tahoma, Geneva, sans-serif; padding: 0px 0px 10px 0px; font-weight: normal; } #vehicleDetails #whatCarBox { float: right; width: 103px; height: 57px; background: url(../images/layup/newDetailWhatCar.gif) no-repeat; } #vehicleDetails #whatCarBox a { display: block; width: 103px; height: 57px; position: relative; } #vehicleDetails #whatCarBox a span { display: block; width: 63px; height: 15px; background: url(../images/layup/stars.gif) no-repeat; position: absolute; top: 27px; left: 9px; } #vehicleDetails #whatCarBox a span.stars0 { background-position: 0px 0px; } #vehicleDetails #whatCarBox a span.stars1 { background-position: 0px -15px; } #vehicleDetails #whatCarBox a span.stars2 { background-position: 0px -30px; } #vehicleDetails #whatCarBox a span.stars3 { background-position: 0px -45px; } #vehicleDetails #whatCarBox a span.stars4 { background-position: 0px -60px; } #vehicleDetails #whatCarBox a span.stars5 { background-position: 0px -75px; } #vehicleDetails .greenDetails { margin-top:13px; width:268px; height:164px; background:url(../images/layup/newCarDetailGreenBg.gif) no-repeat top left; } #vehicleDetails .greenDetails.empty { background:url(../images/layup/newCarDetailGreenBgEmpty.gif) no-repeat left top; } #vehicleDetails .greenDetails .topSection { width:268px; height:52px; position:relative; font-weight:bold; } #vehicleDetails .greenDetails .topSection .co2 { position:absolute; width:140px; height:25px; top:19px; left:25px; color:#FFF; font-size:13px; } #vehicleDetails .greenDetails .topSection .tax { position:absolute; width:38px; height:20px; top:14px; left:173px; color:#000; text-align:center; } #vehicleDetails .greenDetails .topSection .insuranceGroup { position:absolute; width:20px; height:14px; top:30px; right:20px; color:#FFF; text-align:center; } #vehicleDetails .greenDetails .greenDetailsTable { color:#455e01; } #vehicleDetails .greenDetails .greenDetailsTable table { width:244px; margin:16px 0 0 11px; } #vehicleDetails .greenDetails .greenDetailsTable table td { font-weight:bold; font-family:Verdana, Geneva, sans-serif; vertical-align:top; font-size:10px; padding:0px; height:21px; } #vehicleDetails .greenDetails .greenDetailsTable table td.larger { font-size:14px; text-align:right; } #relatedVehiclesContainer { float:left; margin:0 0 0 16px; width:290px; } #relatedVehiclesContainer .listItem { margin-bottom:11px; } #relatedVehiclesContainer .listItem a { display:block; height:70px; width:290px; text-decoration:none; position:relative; } #relatedVehiclesContainer .listItem .thumb { position:relative; height:70px; width:91px; display:block; float:left; } #relatedVehiclesContainer .listItem .thumb .frame { position:absolute; top:0; left:0; } #relatedVehiclesContainer .listItem .details { float:left; width:195px; padding:0 0 0 4px; font-family:Verdana, Geneva, sans-serif; } #relatedVehiclesContainer .listItem .details span { display:block; } #relatedVehiclesContainer .listItem .details .btnView { float:right; } #relatedVehiclesContainer .listItem .details .title { font-size:13px; padding-bottom:6px; } #relatedVehiclesContainer .listItem .details .price { color:#d20b0b; font-size:15px; padding-bottom:5px; } #relatedVehiclesContainer .listItem .details .location { font-weight:normal; } #relatedVehiclesContainer .listItem .details .btnView { position:absolute; right:0px; bottom:4px; } #financeSummaryContainer { border-top:2px solid #C3C3C3; color:#747474; padding-top:5px; } #vehicleOverviewContainer { background:url(../images/layup/vehicleOverviewBgNew.gif) repeat-y scroll 0 0 transparent; margin-bottom:10px; } /* ---------------------------------------------------------------------*/ /* --------------------- CODEWEAVERS EXAMPLES ------------------------- */ /* ---------------------------------------------------------------------*/ .cwDisclosure {} .cwDisclosure h2 { font-size: 12px; padding-bottom: 4px; color: #fff; } .cwDisclosure p { padding-bottom: 5px; } .usedCars, .newCars .codeWeaversExample { top: 0px; } .codeWeaversExample { margin: 0px 0px 10px 0px; position: relative; top: 30px; } .usedCars .codeWeaversExample { margin: 0px 0px 30px 0px; position: relative; top: 15px; } .codeWeaversExample h2 { color: #231F20; font-size: 11px; padding-bottom: 3px; } .codeWeaversExample table { width: 100%; border-collapse: separate; } .codeWeaversExample td.tableHeading { background: #e58e03; color: #fff; font-size: 0.9em; padding: 3px; } .codeWeaversExample td { background: #feba01; color: #553400; padding: 3px; } .codeWeaversExample tfoot td { background: none; color: #231F20; font-weight: bold; padding: 3px; }