/* ----- IMPORTED STYLE SHEETS ----- */ @import url("search.css"); /* search style sheet mainly used in left col */ @import url("domTabs.css"); /* gforces GTabs style sheet mainly used in new/used car detail */ @import url("codeweavers.css"); /* codeweavers styles for used detail page */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : Chris Munn / chris.munn@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for West London Motor Group site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { font:62.5%/1.6 verdana, arial, helvetica, sans-serif; margin:0px; padding:0px; color:#000000; text-align:center; } #outer { background:#c7c6c6 url(../images/layup/bodyBg.jpg) top center no-repeat; } /* This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text. Declaring the font size in pixels makes it more consistent across browsers. */ td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; } html>body td, html>body textarea, html>body input, html>body select { font-size:11px; } /* some browsers don't inherit the font into tables or textareas! */ /* ----- IDS ----- */ #container { width: 950px; margin:0 auto; text-align:left; font-size:110%; line-height: normal; } #printHeader { display:none; } #header { height: 101px; position: relative; z-index: 9; } #header #logo { position: absolute; top: 0px; left: 0px; } #header #contactDetails { position: absolute; top: 30px; right: 10px; font-family: Helvetica, Arial, sans-serif; font-size: 1.5em; color: #333333; } /* ----- LEFT COLUMN ----- */ #leftCol { float: left; width: 220px; } #leftCol #leftColContent { width: 220px; background: url(../images/layup/leftColInternalBg.png) no-repeat; position: relative; } #leftCol #leftColContent.noBg { background: none;} #leftCol #leftColContent #columnFiller { position: absolute; top: 0px; left:220px; width: 16px; height: 64px; background: #ffffff; } #leftCol #leftColContent .box { margin: 0px 0px 15px 11px; width: 209px; background: url(../images/layup/leftColBoxBottom.gif) bottom left no-repeat; padding-bottom: 15px; } #leftCol #leftColContent .box .boxBg { background: url(../images/layup/leftColBoxTop.gif) top left no-repeat; padding: 10px 9px 0px 9px; } #leftCol #leftColContent .box.cao { background: none; padding: 0px; margin:0; height:27px; } #leftCol #leftColContent .box.cao .boxBg { background: none; padding: 0px; } #leftCol #leftColContent .box .boxBg img.title { padding-bottom: 10px; } #leftCol #leftColContent .box .boxBg #wishList a { display: block; float: left; padding: 0px 10px 10px 10px; width:74px; height:55px } #leftCol #leftColContent .box .boxBg #wishList .noImage { display: block; width: 76px; height: 57px; position: relative; background:url(../images/layup/noImage70x51.jpg) 3px 3px no-repeat; } #leftCol #leftColContent .box .boxBg #wishList .noImage .thumb { width: 70px; height: 51px; display: block; padding: 3px; } #leftCol #leftColContent .box .boxBg #wishList .noImage .thumb .frame { position: absolute; top: 0px; left: 0px; } #leftCol #leftColContent .box .boxBg .btns { padding: 0px 13px 0px 10px ; } #leftCol #leftColContent .box .boxBg .btns a img { padding-bottom: 7px; } #leftCol #leftColContent .box .boxBg a { text-decoration: none; font-weight: normal; } #leftCol #leftColContent .box .boxBg a span.p { display: block; padding: 0px 0px 15px 0px; } #leftCol #leftColContent .box.stockUpdates .boxBg { padding: 12px 12px 0px 12px; } #leftCol #leftColContent .box .testimonials { background: url(../images/layup/testimonialBg.gif) no-repeat; width: 206px; margin-bottom:20px; } #leftCol #leftColContent .box .testimonials .rating { padding: 7px 13px 6px 13px; font-style: italic; } #leftCol #leftColContent .box .testimonials .rating img { display: inline; } #leftCol #leftColContent .box .testimonials .rating span { position: relative; } #leftCol #leftColContent .box .testimonials .content { padding: 10px; text-align: justify; } #leftCol #leftColContent .box .testimonials .author { width: 180px; height: 23px; background: url(../images/layup/testimonialFoot.gif) no-repeat; position: relative; bottom:-5px; font-style: italic; padding: 6px 13px 0px 13px; } #leftCol #leftColContent .box .controls { padding: 20px 10px 0px 10px; } #leftCol #leftColContent .box .controls img { float: left; margin-right: 6px; } #leftCol #leftColContent .box .controls img.float_right { margin: 0px; } #leftCol #leftColContent .box .jcarousel-prev-vertical { float: left; margin-right: 6px; } #leftCol .cmsImage img { width:192px; height:250px; } /* ----- RIGHT COLUMN ----- */ #rightCol { float: right; width: 714px; background: url(../images/layup/internalTextBg.gif) no-repeat bottom left; padding-bottom: 10px; margin-bottom: 15px; } #rightCol #mainContent { min-height: 370px; padding: 20px 30px 9px 29px; margin-top: 0px; background:#ffffff url(../images/layup/rightColBg.jpg) 0px 0px repeat-x; float: left; width: 655px; } /* float left to fix ie6 spacing issues with inside containers */ #rightCol #mainContentAlt { min-height: 370px; padding: 20px 0 9px; margin-top: 0px; background:#ffffff url(../images/layup/rightColBg.jpg) 0px 0px repeat-x; float: left; width:714px; } #rightCol #homeFlash { margin-bottom: 17px; } #rightCol #strapLine { float: right; padding: 0px 30px 0px 0px; position: relative; top: -20px; background: url(../images/layup/titleFamous.jpg) no-repeat; } /* Testimonial Scroller */ #testimonialScroller { width: 317px; float: right; margin: 0px 0px 20px 10px; } .testimonial { background: url(../images/layup/testimonialTop.gif) top left no-repeat; margin-bottom: 13px; } .testimonial a { display: block; background: url(../images/layup/testimonialBot.gif) bottom left no-repeat; text-decoration: none; font-weight: normal; color: #494947; } .testimonial a .content { display: block; border: 1px solid #dededb; border-top: none; border-bottom: none; padding: 15px 11px; } .testimonial a .rating { display: block; height: 18px; font-style: italic; padding: 5px 11px; } .testimonial a .foot { display: block; height: 16px; font-style: italic; padding: 5px 11px; } .testimonial a .foot span { text-decoration: underline; } .rating .stars { display: block; width: 97px; height: 16px; float: left; margin-right: 6px; background: url(../images/layup/spriteStarRating.gif) no-repeat; } .rating .star0 { background-position: 0px 0px; } .rating .star1 { background-position: 0px -16px; } .rating .star2 { background-position: 0px -32px; } .rating .star3 { background-position: 0px -48px; } .rating .star4 { background-position: 0px -64px; } .rating .star5 { background-position: 0px -80px; } #testimonialScroller .controls a.btnAll { float: right; } #testimonialScroller .controls a.btnDown { float: left; margin-right: 5px; } #testimonialScroller .controls a.btnUp { float: left; } #servicingScroller .testimonial a { display: block; background: url(../images/layup/testimonialBot.gif) bottom left no-repeat; text-decoration: none; font-weight: normal; color: #494947; } /* Testimonial Scroller For Feedback List Page*/ #testimonialfeedbaclList { width: 632px; float: left; margin: 0px 0px 20px 10px; } #testimonialfeedbaclList #testimonialWindow { height: auto; overflow: hidden; border:0px solid #FF0000; } #testimonialfeedbaclList #testimonialWindow .testimonial { background: url(../images/layup/testimonialTopLge.gif) top left no-repeat; margin-bottom: 13px; } #testimonialfeedbaclList #testimonialWindow .testimonial .listFoot { display: block; background: url(../images/layup/testimonialBotLge.gif) bottom left no-repeat; text-decoration: none; font-weight: normal; color: #494947; } #testimonialfeedbaclList #testimonialWindow .testimonial .content { display: block; border: 1px solid #dededb; border-top: none; border-bottom: none; padding: 15px 11px; } #testimonialfeedbaclList #testimonialWindow .testimonial .rating { display: block; height: 18px; font-style: italic; padding: 5px 11px; } #testimonialfeedbaclList #testimonialWindow .testimonial .listFoot { display: block; height: 16px; font-style: italic; padding: 5px 11px; } #testimonialfeedbaclList #testimonialWindow .testimonial .listFoot span { text-decoration: underline; } #testimonialfeedbaclList #testimonialWindow .testimonial .rating .stars { display: block; width: 97px; height: 16px; float: left; margin-right: 6px; background: url(../images/layup/spriteStarRating.gif) no-repeat; } #testimonialfeedbaclList #testimonialWindow .testimonial .rating .star0 { background-position: 0px 0px; } #testimonialfeedbaclList #testimonialWindow .testimonial .rating .star1 { background-position: 0px -16px; } #testimonialfeedbaclList #testimonialWindow .testimonial .rating .star2 { background-position: 0px -32px; } #testimonialfeedbaclList #testimonialWindow .testimonial .rating .star3 { background-position: 0px -48px; } #testimonialfeedbaclList #testimonialWindow .testimonial .rating .star4 { background-position: 0px -64px; } #testimonialfeedbaclList #testimonialWindow .testimonial .rating .star5 { background-position: 0px -80px; } /* testimonial form */ #testimonialFrm { background:#e1e1e1 url(../images/layup/frmTop.gif) top left no-repeat; width: 654px; color: #494a45; } #testimonialFrm form { background: url(../images/layup/frmBot.gif) bottom left no-repeat; padding: 15px; width: 624px; } #testimonialFrm form div.validation-advice { clear: both; width: 245px; } #testimonialFrm form div.boxLeft { width: 276px; float: left; } #testimonialFrm form div.boxLeft label { width: 89px; font-weight: bold; } #testimonialFrm form div.boxLeft input { width: 168px; margin-bottom: 6px; } #testimonialFrm form div.boxLeft select { width: 172px; margin-bottom: 6px; } #testimonialFrm form div.boxRight { width: 348px; float: right; } #testimonialFrm form div.boxRight label { width: 89px; font-weight: bold; } #testimonialFrm form div.boxRight textarea { height: 55px; width: 250px; float: right; margin-bottom: 10px; } #testimonialFrm form div.boxRight input#btnSubmitTestimonial { width: 76px; height: 23px; float: right; } #testimonialFrm form div.frmRating label { width: 89px; font-weight: bold; } #testimonialFrm form div.frmRating a { display: block; float: left; height: 43px; background: url(../images/layup/spriteRating.gif) no-repeat; } #testimonialFrm form div.frmRating #star1Rating { background-position: 0px 0px; width: 44px; } #testimonialFrm form div.frmRating #star2Rating { background-position: -44px 0px; width: 45px; } #testimonialFrm form div.frmRating #star3Rating { background-position: -89px 0px; width: 41px; } #testimonialFrm form div.frmRating #star4Rating { background-position: -130px 0px; width: 49px; } #testimonialFrm form div.frmRating #star5Rating { background-position: -179px 0px; width: 43px; } #testimonialFrm form div.frmRating #star1Rating.active { background-position: 0px -43px; width: 44px; } #testimonialFrm form div.frmRating #star2Rating.active { background-position: -44px -43px; width: 45px; } #testimonialFrm form div.frmRating #star3Rating.active { background-position: -89px -43px; width: 41px; } #testimonialFrm form div.frmRating #star4Rating.active { background-position: -130px -43px; width: 49px; } #testimonialFrm form div.frmRating #star5Rating.active { background-position: -179px -43px; width: 43px; } #scroller { margin: 0px 0px 15px 0; padding: 8px; background: #fff; border: 1px solid #757671; } #scroller .scrollingText { color: #505050; float: left; font-size: 11px; font-weight: bold; height: 34px; overflow: hidden; position: relative; width: 500px;} #scroller .scrollingText #ticker { float: right; height: 34px; position: absolute; top: -8px; width: 999999em; z-index: 5; } #scroller .scrollingText span { float: left; font-size:15px; color:#434343; display: block; padding: 9px 25px 0 15px; } #scroller .scrollingText span span { padding:0px 10px 0px 0px !important; } #scroller .scrollingText span img { margin-bottom:-7px; height:30px !important; display: inline; margin-left:15px; } #scroller .scrollingText span a { color: inherit; } #scroller .scrollingText span a:visited { color: inherit; } /* ----- ADVANCED SEARCH */ .advancedCarSearch {} .advancedSearch div { margin:0 15px 15px 0; float:left; width:200px; } .advancedSearch select { width:200px; } .advancedSearch .validation-advice { width:190px; padding:5px; font-size:10px !important; } #usedSearchPostcode input { width:198px; } /* ----- GROUP HOME SPECIFIC ----- */ #groupJumps { background: url(../images/layup/groupMainJumpsBg.png) no-repeat top left; width: 950px; height: 135px; } #groupJumps .padding { padding: 10px 0px 0px 11px; } #groupJumps a { float: left; display: block; height:95px; background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat; position:relative; } #groupJumps a#jumpPeugeot { width:100px; background-position:0 0; } #groupJumps a#jumpNissan { width:94px; background-position:-103px 0; } #groupJumps a#jumpKia { width:105px; background-position:-200px 0; } #groupJumps a#jumpFiat { width:84px; background-position:-310px 0; } #groupJumps a#jumpHyundai { width:110px; background-position:-397px 0; } #groupJumps a#jumpMazda { width:80px; background-position:-506px 0; } #groupJumps a#jumpPeugeot:hover { background-position:0 -95px; } #groupJumps a#jumpNissan:hover { background-position:-103px -95px; } #groupJumps a#jumpKia:hover { background-position:-200px -95px; } #groupJumps a#jumpFiat:hover { background-position:-310px -95px; } #groupJumps a#jumpHyundai:hover { background-position:-397px -95px; } #groupJumps a#jumpMazda:hover { background-position:-506px -95px; } #groupSecondaryJumps { width: 938px; height: 122px; background: url(../images/layup/groupSecondaryJumpsBg.jpg) no-repeat; padding: 41px 0px 34px 12px; position: relative; } #groupSecondaryJumps .title { position: absolute; top: -4px; left: 293px; background: url(../images/layup/titleFamous.gif) no-repeat; } #groupSecondaryJumps .box { width: 152px; height: 122px; float: left; margin-right: 3px; position: relative; } #groupSecondaryJumps .box.last { margin-right: 0px; } #groupSecondaryJumps .box a.jump { display: block; float: left; padding: 55px 12px 14px 12px; font-weight: normal; text-decoration: none; height: 57px; width: 128px; } #groupSecondaryJumps .box #secondaryJump0 { background: url(../images/layup/jumpPerfCentre.gif) 0px 0px no-repeat; } #groupSecondaryJumps .box #secondaryJump1 { background: url(../images/layup/jumpService.gif) 0px 0px no-repeat; } #groupSecondaryJumps .box #secondaryJump2 { background: url(../images/layup/jumpParts.gif) 0px 0px no-repeat; } #groupSecondaryJumps .box #secondaryJump3 { background: url(../images/layup/jumpValue.gif) 0px 0px no-repeat; } #groupSecondaryJumps .box #secondaryJump4 { background: url(../images/layup/jumpCareers.gif) 0px 0px no-repeat; padding: 55px 8px 14px 8px; width: 136px; } #groupSecondaryJumps .box #secondaryJump5 { background: url(../images/layup/jumpBusiness.gif) 0px 0px no-repeat; } #groupSecondaryJumps .box #secondaryJump0 img { padding: 1px 0px 0px 7px; } #groupSecondaryJumps .box #budgetBuys { background: url(../images/layup/spriteBudgetBuys.gif) 0px 0px no-repeat; } #groupSecondaryJumps .box #secondaryJump0:hover { background: url(../images/layup/jumpPerfCentre.gif) 0px -126px no-repeat; color: #FFFFFF; } #groupSecondaryJumps .box #secondaryJump1:hover { background: url(../images/layup/jumpService.gif) 0px -126px no-repeat; color: #FFFFFF; } #groupSecondaryJumps .box #secondaryJump2:hover { background: url(../images/layup/jumpParts.gif) 0px -126px no-repeat; color: #FFFFFF; } #groupSecondaryJumps .box #secondaryJump3:hover { background: url(../images/layup/jumpValue.gif) 0px -126px no-repeat; color: #FFFFFF; } #groupSecondaryJumps .box #secondaryJump4:hover { background: url(../images/layup/jumpCareers.gif) 0px -126px no-repeat; color: #FFFFFF; } #groupSecondaryJumps .box #secondaryJump5:hover { background: url(../images/layup/jumpBusiness.gif) 0px -126px no-repeat; color: #FFFFFF; } #groupSecondaryJumps .box #budgetBuys:hover { background: url(../images/layup/spriteBudgetBuys.gif) 0px -126px no-repeat; color:#fff; } #groupSecondaryJumps .box #secondaryJump6.bgOn { background: url(../images/layup/jumpSocial.gif) 0px -126px no-repeat; } #groupSecondaryJumps .box #secondaryJump6 { background: url(../images/layup/jumpSocial.gif) 0px 0px no-repeat; float: left; padding: 55px 12px 14px 12px; height: 57px; width: 128px; } #groupSecondaryJumps .box #secondaryJump6 #secondaryJumpFacebook { display: block; width: 54px; height: 19px; position: absolute; background: url(../images/layup/ie6LinkFix.gif); top: 61px; left: 15px; } #groupSecondaryJumps .box #secondaryJump6 #secondaryJumpTwitter { display: block; width: 54px; height: 19px; position: absolute; background: url(../images/layup/ie6LinkFix.gif); top: 61px; left: 85px; } #groupSecondaryJumps .box #secondaryJump6 #secondaryJumpMailing { display: block; width: 128px; height: 22px; position: absolute; background: url(../images/layup/ie6LinkFix.gif); top: 87px; left: 13px; } #groupNews { padding: 10px 32px 15px 32px; } #groupNews div.title { float: left; padding: 5px 40px 0px 0px; } #groupNews p.text { float: left; width: 700px; } #groupNews p.text a { color: #d82a21; font-weight: normal; } #groupHomeText { width: 950px; background: url(../images/layup/groupHomeTextBg.gif) no-repeat top left; padding-top: 23px; margin-bottom: 65px; } #groupHomeText .padding { background: #FFFFFF; padding: 0px 35px 35px 35px; width: 880px; position: relative; } /*---- About Us Flash ----- */ #aboutUsFlash { width:655px; height:270px; position:relative; } #aboutUsFlash .flash { position:absolute; top:0px; left:-29px; width:714px; height:270px; } /* ----- FRANCHISE HOME ----- */ #franchiseFlash { width: 714px; height: 270px; margin-bottom: 32px; position: relative; } #franchiseFlash .frameTL { position: absolute; top: 0px; left: 0px; z-index:9999; } #franchiseFlash .frameTR { position: absolute; top: 0px; right: 0px; z-index:9999;} #franchiseFlash .frameBL { position: absolute; top: 252px; left: 0px; z-index:9999;} #franchiseFlash .frameBR { position: absolute; top: 252px; right: 0px; z-index:9999;} #franchiseFlash #offerLinks { width: 695px; height: 20px; position: absolute; bottom: 0px; left: 10px; } #franchiseFlash #offerLinks .contents { width: 695px; height: 20px; background:url(../images/layup/homeOfferStrip.png) no-repeat; } #franchiseFlash #offerLinks .contents ul { padding: 0px; margin: 0px; list-style: none; float: left; } #franchiseFlash #offerLinks .contents ul li { float: left; border-top: 1px solid #d2cec9; border-left: 1px solid #d2cec9;} #franchiseFlash #offerLinks .contents ul li a { display: block; text-decoration: none; font-weight: normal; color: #bcbbb9; padding: 3px 10px 3px 10px; background: #787772; position: relative; } #franchiseFlash #offerLinks .contents ul li.active a { color: #ffffff; font-weight: bold; background: #000000; } #franchiseFlash #offerImages a.active { display:block !important; } #franchiseFlash #feedback { width:191px; height:270px; background:url(../images/layup/featuredBannerBg.gif) left top repeat-x; position:absolute; top:0px; right:0px; } #franchiseFlash #feedback .padding { padding:23px 18px 0px; height:185px; overflow:hidden; position:relative; } #franchiseFlash #feedback .padding .container { height:5000px; } #franchiseFlash #feedback .padding .starRating { display: block; margin:0 auto 15px auto; width: 115px;height: 20px; background: url(../images/layup/spriteStarRatingBanner.gif) no-repeat; } #franchiseFlash #feedback .padding .starRating .star0 {width: 115px; height: 20px; background: url(../images/layup/spriteStarRatingBanner.gif) no-repeat; background-position: 0px 0px; } #franchiseFlash #feedback .padding .starRating .star1 {width: 115px; height: 20px; background: url(../images/layup/spriteStarRatingBanner.gif) no-repeat; background-position: 0px -20px; } #franchiseFlash #feedback .padding .starRating .star2 {width: 115px; height: 20px; background: url(../images/layup/spriteStarRatingBanner.gif) no-repeat; background-position: 0px -40px; } #franchiseFlash #feedback .padding .starRating .star3 {width: 115px; height: 20px; background: url(../images/layup/spriteStarRatingBanner.gif) no-repeat; background-position: 0px -60px; } #franchiseFlash #feedback .padding .starRating .star4 {width: 115px; height: 20px; background: url(../images/layup/spriteStarRatingBanner.gif) no-repeat; background-position: 0px -80px; } #franchiseFlash #feedback .padding .starRating .star5 {width: 115px; height: 20px; background: url(../images/layup/spriteStarRatingBanner.gif) no-repeat; background-position: 0px -100px; } #franchiseFlash #feedback .padding .text { font-size:15px; color:#929290; padding-bottom:15px; } #franchiseFlash #feedback .padding .text .name { font-size:13px; color:#52524f; display:block; } #franchiseFlash #feedback .btn { position:absolute; right:19px; bottom:25px; } #franchiseJumps { width: 714px; background: url(../images/layup/franchiseHomeTextBg.png) no-repeat; position: relative; padding-bottom: 20px; } #franchiseJumps .padding { padding-top: 16px; } #franchiseJumps a { display: block; float: left; margin-right: 14px; padding-right: 14px; border-right: 1px solid #d5d5d5; } #franchiseJumps a.last { border: none; margin-right: 0px; padding-right: 0px; } #rightCol.franchiseHome { background: url(../images/layup/franchiseInternalBg.gif) no-repeat bottom left; } #rightCol.franchiseHome #mainContent { background: url(../images/layup/franchiseHomeTextBgFoot.png) top left no-repeat; width: 642px; } #franchiseSecondaryJumps { width: 679px; height: 122px; background: url(../images/layup/franchiseSecondaryJumpsBg.jpg) no-repeat; padding: 41px 0px 34px 22px; position: relative; } #franchiseSecondaryJumps .title { position: absolute; top: -4px; left: 162px; background: url(../images/layup/titleFamous.gif) no-repeat; } #franchiseSecondaryJumps .box { width: 152px; height: 126px; float: left; margin-right: 16px; position: relative; } #franchiseSecondaryJumps .box a.jump { display: block; float: left; padding: 55px 10px 10px 10px; font-weight: normal; text-decoration: none; height: 61px; width: 132px; } /* ----- CMS IMAGE ----- */ .cmsImage { float: right; margin: 0px 0px 15px 15px; width: 328px; position:relative; z-index:5; } .cmsImage .thumb { width: 320px; height: 240px; position: relative; padding: 4px; margin-bottom: 15px; } .cmsImage .thumb .frame { position: absolute; top: 0px; left: 0px; z-index:99999;} .cmsImageSmall { width:328px; float:right; margin:0 0 15px 15px; } .cmsImageSmall .thumb { width: 320px; height: 240px; position: relative; padding: 4px; margin-bottom: 15px; } .cmsImageSmall .thumb .frame { position: absolute; top: 0px; left: 0px; z-index:1;} /* ----- BOX LIST ----- */ #boxList { clear: both; } #boxList .box { width: 208px; float: left; position: relative; border-bottom: 1px solid #b4b4b3; padding-bottom: 10px; margin-bottom: 15px; margin-right: 15px; } #boxList .box.lastItem { margin-right: 0px; } #boxList .box a { display: block; text-decoration: none; font-weight: normal; } #boxList .box .thumb { display: block; width: 200px; height: 150px; padding: 4px; margin-bottom: 15px; } #boxList .box .thumb .frame { display: block; position: absolute; top: 0px; left: 0px; } #boxList .box .title { display: block; padding: 0px 5px 0px 5px; } #boxList .box .title .vehicle { display: block; color: #62625c; font-size: 1.1em; text-transform: uppercase; font-weight: bold; padding-bottom: 5px; } #boxList .box .title .btnGo { display: block; width: 37px; height: 23px; background: url(../images/layup/btnGo.gif) no-repeat; float: right; margin-top: 4px; } /* ----- NEW CAR DETAIL ----- */ .detailBanner { padding: 10px 0px 20px 0px; } #vehicleHeading { width: 654px; height: 26px; background: url(../images/layup/newCarHeadingBg.gif) no-repeat; margin-top: 15px; font-size: 1.3em; font-weight: bold; color: #FFFFFF; margin-bottom: 10px; } #vehicleHeading .model { display: block; float: left; padding: 4px 0px 5px 15px; } #vehicleHeading .price { display: block; float: right; border-left: 1px solid #ffffff; padding: 4px 15px 5px 10px; } .usedVehicleTitle { background: url(../images/layup/newCarHeadingBgRed.gif) no-repeat !important; } .usedVehicleTitle .now { color:#000; } #newCarImage { float: left; margin: 0px 0px 15px 0px; width: 328px; } #newCarImage .thumb { width: 320px; height: 240px; position: relative; padding: 4px; float: right; background:url(../images/layup/noImage320x240.jpg) no-repeat; } #newCarImage .thumb .frame { position: absolute; top: 0px; left: 0px; } #locationForm { width: 311px; float: right; padding-top: 4px; } #locationForm #nearestDealer { background: url(../images/layup/nearestDealerBg.gif) no-repeat; width: 291px; margin-bottom: 20px; padding: 40px 10px 0px 10px; position: relative; line-height: normal; min-height:79px; } * html #locationForm #nearestDealer { height:79px; } #locationForm #nearestDealer form { position: absolute; top: 82px; left: 17px; width: 263px; } #locationForm #nearestDealer form input#btnFindDealer { width: 88px; height: 20px; float: right; } #locationForm #nearestDealer form input.dealershipLookup { width: 162px; float: left; } #locationForm #nearestDealer #nearestDealerInner { position:absolute; width:289px; padding:10px 11px 20px; left:0; top:110px; background:url(../images/layup/nearestDealerBtm.gif) no-repeat left bottom #e1e1e1; } #locationForm .contactNumber { font-weight: bold; font-size: 20px; color: #d82a21; margin-bottom: 14px; } #locationForm .contactNumberOffer { font-weight: bold; font-size: 28px; color: #d82a21; margin-bottom: 14px; } #locationForm .contactNumberOffer span { font-size:12px; display:block; } #locationForm #newCarForm { width: 311px; height: 206px; background: url(../images/layup/newcarForm-Bg.gif) no-repeat; margin-bottom: 20px; } #locationForm #newCarForm form { padding: 37px 10px 0px 10px; } #locationForm #newCarForm form label { width: 102px; } #locationForm #newCarForm form input { float: left; margin:0 0 4px; } #locationForm #newCarForm form select { margin:0 0 4px; width: 186px !important; float: left; } #locationForm #newCarForm form input.inputfield { width: 180px; } #locationForm #newCarForm form textarea { width: 180px; height: 18px; float: left; margin:0 0 2px; } #locationForm #newCarForm form div { margin-bottom: 0px; } #locationForm #newCarForm form .requiredLabel { display:none; } #locationForm #newCarForm form div.validation-advice {display:none; } #newcarJumps { width: 330px; float: left; margin-bottom: 14px; } #newcarJumps a { float: left; display: block; margin-right: 2px; } #vehicleCustomise .domContent, #vehicleCustomise .domContent a { color: #FFFFFF; } #vehicleCustomise #configOptions { padding: 0px 6px 0px 6px; margin-bottom: 10px; } #vehicleCustomise #configOptions #colorOptions { border-bottom: 1px solid #34343e; margin-bottom: 5px; padding-bottom: 5px; } #vehicleCustomise #configOptions #colorOptions a { display: block; width: 14px; height: 14px; float: left; margin: 8px 12px 8px 0px; border: 1px solid #FFFFFF; cursor: default; } #vehicleCustomise #configOptions #colorOptions a#clrBlack { background: #000000; } #vehicleCustomise #configOptions #colorOptions a#clrBlue { background: #0a47c9; } #vehicleCustomise #configOptions #colorOptions a#clrGrey { background: #666666; } #vehicleCustomise #configOptions #colorOptions a#clrGreen { background: #8fa980; } #vehicleCustomise #configOptions #colorOptions a#clrRed { background: #932e2e; } #vehicleCustomise #configOptions #colorOptions a#clrSilver { background: #b9b9b9; } #vehicleCustomise #configOptions #colorOptions a#clrWhite { background: #fdfdfd; } #vehicleCustomise #configOptions form table { width: 100%; } #vehicleCustomise #configOptions form table tr td { background: #8b8889; } #vehicleCustomise #configOptions form table tr.subRow td { background: none; border-bottom: none; padding-top: 2px; padding-bottom: 2px; } #vehicleCustomise #configOptions form table td { padding: 4px; border-bottom: 1px solid #696566; } #vehicleCustomise #configOptions form table th { padding: 4px 4px 10px 0px; border-bottom: 1px solid #696566; } #vehicleCustomise #configOptions form table td.plus { background:#8b8889 url(../images/layup/iconPlus.gif) 7px 5px no-repeat; padding: 6px; width: 15px; height: 15px; cursor: pointer; } #vehicleCustomise #configOptions form table td.minus { background:#8b8889 url(../images/layup/iconminus.gif) 7px 5px no-repeat; padding: 6px; width: 15px; height: 15px; cursor: pointer; } #vehicleCustomise #configOptions #vehicleSelect { padding: 13px 0; border-bottom: 1px solid #cdcdcd; margin-bottom: 10px; } #vehicleCustomise #configOptions #vehicleSelect .selectOptions { width: 298px; } #vehicleCustomise #configOptions #vehicleSelect .selectOptions select { width: 298px; height: 20px; margin-bottom: 2px; } #vehicleCustomise #configOptions #vehicleSelect #btnSelectVehicle { width: 90px; height: 25px; margin-top: 8px; } #vehicleCustomise #priceTable { width: 299px; color: #000000; padding-left: 6px; margin-bottom: 10px; } #vehicleCustomise #priceTable table { background: #a5a5a6; border-collapse: separate; width: 299px; text-align: center; } #vehicleCustomise #priceTable table td, #vehicleCustomise #priceTable table th { background: #ececee; padding: 3px 6px 3px 6px; text-align: center; } #vehicleCustomise #priceTable table tbody td { border-right: 1px solid #a5a5a6; } #vehicleCustomise #priceTable table th { border-top: 1px solid #a5a5a6; border-right: 1px solid #a5a5a6; border-bottom: 1px solid #a5a5a6; } #vehicleCustomise #priceTable table tr.top td { padding-top: 15px; } #vehicleCustomise #priceTable table tr.bottom td { padding-bottom: 10px; } #vehicleCustomise #priceTable table tfoot td { background: #8B8889; color: #FFF; font-weight: bold; } #vehicleCustomise #priceTable table tfoot tr.border td { border-top: 1px solid #a5a5a6; border-right: 1px solid #a5a5a6; border-bottom: 1px solid #a5a5a6; } #vehicleCustomise #priceTable table tfoot tr.footPadding { height: 30px; } #vehicleCustomise .btns { float: right; padding-right: 6px; } #vehicleCustomise p.terms { padding: 7px; } #vehicleSpec #newCarOverview table { width: 100%; } #vehicleSpec #newCarOverview table td { padding: 6px 6px 5px 6px; background: #ebebeb; } #vehicleSpec #newCarOverview table tr.altRow td { background: #fafafa; } #vehicleSpec #economyInfo table { width: 100%; } #vehicleSpec #economyInfo table td { padding: 6px 6px 5px 6px; background: #ebebeb; } #vehicleSpec #economyInfo table tr.altRow td { background: #fafafa; } /* finance */ #newCarFinance #financeOptions { width:291px; background: #EBEBEB;} #newCarFinance #financeOptions .title { height:21px; padding:10px 10px 0 10px; background:#444444; border-bottom:1px solid #ddddcf; } #newCarFinance #financeOptions .padding { padding:10px; } #newCarFinance #financeOptions label { width:50px; float:left; padding-top:3px; color:#545454; } #newCarFinance #financeOptions input { width:70px; float:left; } #newCarFinance #financeOptions form div { margin-bottom:5px;} #newCarFinance .purchaseInfo { margin-top:10px; width:291px; } #newCarFinance .purchaseInfo .title { padding:10px 10px 10px; border-bottom:1px solid #fff; font-size:19px; line-height:14px; color:#fff; width:271px; background:#444444; } #newCarFinance .purchaseInfo .title .small { font-size:11px; } #newCarFinance .purchaseInfo table { width:318px; background:#EBEBEB; } #newCarFinance .purchaseInfo td { padding:3px 5px; color:#545454; line-height:16px; } #newCarFinance .purchaseInfo .borderBottom { border-bottom:1px solid #ddddcf; } #newCarFinance .purchaseInfo .borderBR { border-bottom:1px solid #ddddcf; border-right:1px solid #ddddcf; } #newCarFinance .purchaseInfo .heading { font-weight:bold; } #newCarFinance .purchaseInfo .cellBL { background:#FAFAFA; } #newCarFinance .purchaseInfo .cellBR { background:#FAFAFA; } /* company car tax */ #carTaxForm { width: 307px; background: url(../images/layup/nissan/carTaxFormBg.gif) bottom left no-repeat; float: left; margin-top: 15px; } #carTaxForm div { padding: 0px 0px 10px 0px; } #carTaxForm label { width: 95px; padding: 3px 0px 0px 15px; } #carTaxForm select { width: 183px; height: 21px; } #carTaxForm #btnCalculate { width: 90px; height: 25px; float: right; margin: 4px 14px 4px 0px; } #carTaxSummary { float: right; width: 316px; margin-right: 14px; } #carTaxSummary h2 { color: #000; } #carTaxSummary table { width: 100%; } #carTaxSummary table th { text-align: left; } #carTaxSummary table th h2 { padding: 12px 0px 3px 0px; font-size: 1.4em; font-weight: bold; } #carTaxSummary table td { border-bottom: 1px solid #c6c6c6; font-size: 1.2em; } /* ----- CONTACT PAGE ----- */ #contactNumbers { float: right; margin-bottom: 20px; width: 310px; } #contactNumbers td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em; color: #696566; } #contactAddress { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em; color: #000000; float: left; margin-bottom: 20px; width: 310px; } #contactInformation { padding: 15px; background: #e1e1e1; } #contactInformation #contactLeft { width: 281px; float: left; } #contactInformation #contactLeft #map { border: 1px solid #FFFFFF; margin-bottom: 10px; } #contactInformation #contactLeft #googleDirections { margin-bottom: 10px; } #contactInformation #contactLeft #googleDirections label { width: 105px; position: relative; top: 3px; } #contactInformation #contactLeft #googleDirections input { width: 165px; margin-right: 4px; float: right; } #contactInformation #contactLeft #contactForm label { width: 105px; } #contactInformation #contactLeft #contactForm input { width: 165px; } #contactInformation #contactLeft #contactForm textarea { width: 165px; height: 70px; } #contactInformation #contactLeft #contactForm h2 { font-size: 1.6em; font-family: Helvetica, Arial, sans-serif; border-bottom: 1px solid #9f9f9f; padding-bottom: 5px; margin-bottom: 10px; color: #010000; } #contactInformation #contactRight { width: 302px; float: right; background: #696566; } #contactInformation #contactRight .btnPrint { padding: 5px 15px 0px 0px; float: right; } #contactInformation #contactRight #openingHours { padding: 40px 15px 65px 15px; } #contactInformation #contactRight #openingHours h2 { font-size: 1.6em; font-family: Helvetica, Arial, sans-serif; border-bottom: 1px solid #9b9999; padding-bottom: 5px; margin-bottom: 10px; color: #ffffff; } #contactInformation #contactRight #openingHours table { width: 100%; color: #FFFFFF; } #contactInformation #contactRight #openingHours table tr td { padding: 10px; border-bottom: 1px solid #9b9999; } /* ----- DEALER MAP ----- */ #dealerMap { position:relative; width:655px; height:407px; } #dealerMap img { position:absolute; top:0px; left:0px; } #dealerMap a { display:block; width:38px; height:38px; background:url(../images/layup/ie6LinkFix.gif) ; } #dealerMap a#nissanHighWycombe { position:absolute; top:6px; left:8px; } #dealerMap a#kiaHighWycombe { position:absolute; top:3px; left:187px; } #dealerMap a#kiaEastcote { position:absolute; top:43px; left:219px; } #dealerMap a#nissanEastcote { position:absolute; top:43px; left:259px; } #dealerMap a#nissanMillHill { position:absolute; top:93px; left:377px; } #dealerMap a#nissanSlough { position:absolute; top:153px; left:113px; } #dealerMap a#kiaSlough { position:absolute; top:236px; left:152px; } #dealerMap a#peugeotSlough { position:absolute; top:236px; left:190px; } #dealerMap a#kiaRuislip { position:absolute; top:197px; left:235px; } #dealerMap a#nissanRuislip { position:absolute; top:197px; left:273px; } #dealerMap a#nissanHanwell { position:absolute; top:143px; left:329px; } #dealerMap a#nissanShepperton{ position:absolute; top:255px; left:272px; } #dealerMap a#fiatShepperton { position:absolute; top:255px; left:310px; } #dealerMap a#nissanReading { position:absolute; left:8px; top:292px; } #dealerMap a#fiatReading { position:absolute; left:51px; top:292px; } #dealerMap a#hyundaiReading { position:absolute; left:67px; top:293px; display:none; } /* ----- SERVICING PAGE ----- */ #servicingSteps { width: 663px; height: 279px; background: url(../images/layup/servicingBg.jpg) no-repeat; margin-bottom: 35px; } #servicingSteps #servicingTabs { padding-bottom: 16px; } #servicingSteps #servicingTabs a { display: block; float: left; height: 47px; } #servicingSteps #servicingTabs a#servicingStep1 { width: 194px; background: url(../images/layup/spriteServicingTabs.gif) 0px -47px no-repeat; } #servicingSteps #servicingTabs a#servicingStep2 { width: 233px; background: url(../images/layup/spriteServicingTabs.gif) -194px -47px no-repeat; } #servicingSteps #servicingTabs a#servicingStep3 { width: 236px; background: url(../images/layup/spriteServicingTabs.gif) -427px -47px no-repeat; } #servicingSteps #servicingTabs a#servicingStep1.active { background: url(../images/layup/spriteServicingTabs.gif) 0px 0px no-repeat; } #servicingSteps #servicingTabs a#servicingStep2.active { background: url(../images/layup/spriteServicingTabs.gif) -194px 0px no-repeat; } #servicingSteps #servicingTabs a#servicingStep3.active { background: url(../images/layup/spriteServicingTabs.gif) -427px 0px no-repeat; } #servicingSteps #servicingBoxStep1 { margin: 0px 4px 0px 4px; background: url(../images/layup/servicingBoxStep1Bg.jpg) no-repeat; width: 655px; height: 208px; font-family: Helvetica, Arial, sans-serif; font-size: 1.4em; font-weight: bold; } #servicingSteps #servicingBoxStep1 .padding { padding: 25px 0 0 215px; } #servicingSteps #servicingBoxStep1 #registration { width: 200px; } #servicingSteps #servicingBoxStep1 #submit { position: relative; top: 6px; } #servicingSteps #servicingBoxStep1 p { padding-top: 5px; } #servicingSteps #servicingBoxStep1 select { width: 205px; } /* ----- USED LIST ----- */ /* OFFER LIST also uses the styles below so caution when editing */ /* sort options */ #sortOptions { float: right; margin-bottom: 8px; } #sortOptions #returnedResults { float: left; padding-right: 10px; } #sortOptions form, #sortOptions form fieldset { display: block; float: left; } #sortOptions select { position: relative; top: -3px; height: 20px; width: 176px; } /* finance adjuster */ #adjustFinance { color: #FFFFFF; height: 29px; width: 654px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background: #676666; float: left; margin-bottom: 25px; } #adjustFinance .title { width: 111px; background: url(../images/layup/financeTitleBg.gif) no-repeat; padding: 8px 0px 8px 10px; } #adjustFinance.listing .title { width: 111px; background: url(../images/layup/financeTitleBg2.gif) no-repeat; padding: 8px 0px 8px 10px; } #adjustFinance label { padding-left: 7px; padding-top: 3px; } #adjustFinance select { width:75px; height: 20px; } #adjustFinance input { width: 40px; } #adjustFinance div { float:left; padding: 5px 0px 3px 0px; } #adjustFinance div.clear { float: none !important; padding: 0 !important; } #adjustFinance #btnUpdate { width: 48px; height: 20px; float: right; border: none !important; padding-right: 5px; } #list .listItem .stockFormBox { padding: 9px 5px 3px 5px; border: 1px solid #999999; margin-bottom: 10px; background: #e1e1e1; } #list .listItem .stockFormBox label { width: 290px; float: left; position: relative; top: 2px; } #list .listItem .stockFormBox input { float: left; margin-right: 15px; } #list .listItem .stockFormBox img { float: left; position: relative; top: -4px; } /*Rotating Banner styles */ #listingBannerContain { width:655px; margin-bottom: 10px; } #listingBannerContain #banner{ width:649px; height:122px; padding:3px; margin-bottom:1px; position:relative; } #listingBannerContain #banner .frameTop { position:absolute; left:0px; top:-10px; } #listingBannerContain #banner .frameBottom { position:absolute; left:0px; top:120px; } #listingBannerContain #banner .frameLeft { position:absolute; left:0px; top:8px; } #listingBannerContain #banner .frameRight { position:absolute; left:637px; top:8px; } #listingBannerContain .bannerPagination { width:auto; float:right; padding-right:15px; } #listingBannerContain .bannerPagination a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-right:1px; font-weight:normal; text-decoration:none; font-size:15px; display:block; float:left; color:#fff; padding:2px 6px; background:#787772; } #listingBannerContain .bannerPagination a:hover, #listingBannerContain .bannerPagination a.active { background:#000000; } /* list items */ #list { font-family: Verdana, Arial, Helvetica, sans-serif; } #list .listItem { padding-bottom: 30px; } #list .listItem a { display: block; font-weight: normal; text-decoration: none; } #list .listItem .noImage { display: block; float: left; margin: 0px 0px 15px 0px; width: 228px; position: relative; } #list .listItem .noImage .thumb { display: block; width: 200px; height: 150px; padding: 4px; margin-bottom: 15px; background:url(../images/layup/noImage200x150.jpg) 0px 3px no-repeat; } #list .listItem .noImage .thumb .frame { display: block; position: absolute; top: -3px; left: 0px; padding-top: 3px; } #list .listItem .itemDetails { width: 427px; float: right; } #list .listItem .itemDetails .title { display: block; width: 427px; background: url(../images/layup/usedListTitleBg.gif) no-repeat; color: #FFFFFF; font-weight: bold; font-size: 1em; text-transform: uppercase; } #list .listItem .itemDetails .title .price { float: right; } #list .listItem .itemDetails .title .price .plusVat { display: inline; font-size: 8px; padding: 0px; } #list .listItem .itemDetails .title span { display: block; padding: 7px 10px 5px 10px; } #list .listItem .itemDetails .specification { cursor: pointer; } #list .listItem .itemDetails .specification table { width: 427px; } #list .listItem .itemDetails .specification table td { padding: 5px 5px 5px 10px; background: #eaeaea; } #list .listItem .itemDetails .specification table td.border { border-right: 1px solid #FFFFFF; } #list .listItem .itemDetails .specification table tr.altRow td { background: #fafaf9; } #list .listItem .itemDetails .vehicleLocation { width: 160px; float: left; } #list .listItem .itemDetails .vehicleLocation .distance { display: block; color: #5e9101; padding: 10px 0px 10px 0px; } #list .listItem .itemDetails .vehicleLocation .phone { display: block; font-size: 1.6em; color: #d82a21; font-weight: bold; padding-top: 5px; } #list .listItem .itemDetails .btns { width: 256px; padding-right:3px; float: right; margin-top: 5px; } #list.offerList .listItem .itemDetails .btns { width: 270px; float: right; margin-top: 5px; } #list .listItem .itemDetails .btns img { margin-bottom: 5px; } #list .listItem .itemDetails .btns .insuanceBtn a { float:right; width: 122px; height: 34px; padding-top: 5px; margin:0 0 10px; background: url(../images/layup/btnInsuranceQuoteBgAlt.gif) no-repeat; color: #fff; font-weight: bold; font-size: 11px; text-align: center; } .offersListing .listItem .itemDetails .title { background: url(../images/layup/usedListTitleBgRed.gif) no-repeat !important; font-size: 14px !important; } .offersListing .listItem .itemDetails .title span { padding: 5px 10px 5px 10px !important; } .offersListing .listItem .itemDetails .title .price .now { color:#000; } #list.offerList .listItem .itemDetails .title { display: block; width: 427px; background: url(../images/layup/usedListTitleBgRed.gif) no-repeat #c70b00; color: #fff; font-weight: bold; font-size: 14px; } #list .listItem .itemDetails .title .price .now { padding:0px !important; display:inline; } #list .listItem .financeTable table { width: 100%; text-align: center; border-collapse: separate; } #list .listItem .financeTable th, #list .listItem .financeTable td { padding: 8px 0px 8px 0px; } #list .listItem .financeTable th { background: #676666; color: #FFFFFF; font-weight: normal; } #list .listItem .financeTable th.finance { background: #484747; } #list .listItem .financeTable td { background: #ececed; } #list .listItem .financeTable td.purchase { background:#ececed url(../images/layup/cwFinanceCorner.gif) bottom left no-repeat; } .postCodeLookup { width: 219px; float: left; background:#e1e1df url(../images/layup/nearestDealerTop.gif) no-repeat; line-height: normal; } .postCodeLookup form { padding: 30px 10px 0px 10px; } .postCodeLookup form .postcodeFrmBox { padding: 2px 6px 6px 6px; margin-bottom: 10px; height: 20px; } .postCodeLookup form .postcodeFrmBox .dealershipLookup { width: 85px; float: left; } .postCodeLookup form .postcodeFrmBox #btnFindDealer { float: right; width: 88px; height: 20px; } .postCodeLookup form .telephoneNo { color: #fe0003; font-size: 14px; } .offerText { width:150px; float:left; padding-top:5px; min-height: 89px; } .offerTextLong { padding: 5px 0px; } .offerList .vehicleLocation { width:427px !important; } .offerList .listItem { padding:0 0 15px 0 !important; } /*.offerFranchiseTabs { margin:0px; padding:0px; } .offerFranchiseTabs li { float:left; list-style:none; margin:0px; padding:0px; } .offerFranchiseTabs li a { display:block; width:156px; height:91px; background:url(../images/layup/spriteOfferFranchiseTabs.gif) no-repeat; margin-right:10px; } .offerFranchiseTabs li a#tabNissan { background-position:-167px 0; } .offerFranchiseTabs li a#tabKia { background-position:-333px 0; } .offerFranchiseTabs li a#tabPeugeot { background-position:0 0; } .offerFranchiseTabs li a#tabFiat { margin-right:0px; background-position:-500px 0; } .offerFranchiseTabs li.active a#tabNissan { background-position:-167px -91px; } .offerFranchiseTabs li.active a#tabKia { background-position:-333px -91px; } .offerFranchiseTabs li.active a#tabPeugeot { background-position:0 -91px; } .offerFranchiseTabs li.active a#tabFiat { margin-right:0px; background-position:-500px -91px; } .offerFranchiseTabs li a#tabPeugeot:hover { background-position:0 -91px; } .offerFranchiseTabs li a#tabKia:hover { background-position:-333px -91px; } .offerFranchiseTabs li a#tabNissan:hover { background-position:-167px -91px; } .offerFranchiseTabs li a#tabFiat:hover { margin-right:0px; background-position:-500px -91px; }*/ .offerFranchiseTabs { margin:0px; padding:0px; } .offerFranchiseTabs li { float:left; list-style:none; margin:0px; padding:0px; } .offerFranchiseTabs li a { display:block; width:100px; height:91px; background:url(../images/layup/spriteOfferFranchiseTabs.gif) no-repeat; margin-right:11px; } .offerFranchiseTabs li a#tabPeugeot { background-position:0 0; } .offerFranchiseTabs li a#tabNissan { background-position:-111px 0; } .offerFranchiseTabs li a#tabKia { background-position:-221px 0; } .offerFranchiseTabs li a#tabFiat { background-position:-331px 0; } .offerFranchiseTabs li a#tabHyundai { background-position:-441px 0; } .offerFranchiseTabs li a#tabMazda { background-position:-555px 0; margin:0; } .offerFranchiseTabs li.active a#tabPeugeot { background-position:0 -91px; } .offerFranchiseTabs li.active a#tabNissan { background-position:-111px -91px; } .offerFranchiseTabs li.active a#tabKia { background-position:-221px -91px; } .offerFranchiseTabs li.active a#tabFiat { background-position:-331px -91px; } .offerFranchiseTabs li.active a#tabHyundai { background-position:-441px -91px; } .offerFranchiseTabs li.active a#tabMazda { background-position:-555px -91px; } /* list items */ #listHide { font-family: Verdana, Arial, Helvetica, sans-serif; } #listHide .listItem { padding-bottom: 30px; } #listHide .listItem a { display: block; font-weight: normal; text-decoration: none; } #listHide .listItem .noImage { display: block; float: left; margin: 0px 0px 15px 0px; width: 228px; position: relative; } #listHide .listItem .noImage .thumb { display: block; width: 200px; height: 150px; padding: 4px; margin-bottom: 15px; background:url(../images/layup/noImage200x150.jpg) no-repeat; } #listHide .listItem .noImage .thumb .frame { display: block; position: absolute; top: 0px; left: 0px; } #listHide .listItem .itemDetails { width: 427px; float: right; } #listHide .listItem .itemDetails .title { display: block; width: 427px; height: 26px; background: url(../images/layup/usedListTitleBg.gif) no-repeat; color: #FFFFFF; font-weight: bold; font-size: 1em; text-transform: uppercase; } #listHide .listItem .itemDetails .title .price { float: right; } #listHide .listItem .itemDetails .title .price span { display: inline !important; padding: 0px !important; } #listHide .listItem .itemDetails .title .price .plusVat { display: inline; font-size: 8px; padding: 0px; } #listHide .listItem .itemDetails .title span { display: block; padding: 7px 10px 5px 10px; } #listHide .listItem .itemDetails .specification { cursor: pointer; } #listHide .listItem .itemDetails .specification table { width: 427px; } #listHide .listItem .itemDetails .specification table td { padding: 5px 5px 5px 10px; background: #eaeaea; } #listHide .listItem .itemDetails .specification table td.border { border-right: 1px solid #FFFFFF; } #listHide .listItem .itemDetails .specification table tr.altRow td { background: #fafaf9; } #listHide .listItem .itemDetails .vehicleLocation { width: 200px; float: left; } #listHide .listItem .itemDetails .vehicleLocation .distance { display: block; color: #5e9101; padding: 10px 0px 10px 0px; } #listHide .listItem .itemDetails .vehicleLocation .phone { display: block; font-size: 1.6em; color: #d82a21; font-weight: bold; padding-top: 5px; } #listHide .listItem .itemDetails .btns { width: 218px; float: right; margin-top: 5px; } #listHide .listItem .itemDetails .btns img { margin-bottom: 5px; } #listHide .listItem .itemDetails .btns .insuanceBtn a { width: 218px; height: 38px; padding-top: 8px; margin:0 0 10px; background: url(../images/layup/btnInsuranceQuoteBg.gif) no-repeat; color: #fff; font-weight: bold; font-size: 11px; text-align: center; } #listHide .listItem .financeTable table { width: 100%; text-align: center; border-collapse: separate; } #listHide .listItem .financeTable th, #listHide .listItem .financeTable td { padding: 8px 0px 8px 0px; } #listHide .listItem .financeTable th { background: #676666; color: #FFFFFF; font-weight: normal; } #listHide .listItem .financeTable th.finance { background: #484747; } #listHide .listItem .financeTable td { background: #ececed; } #listHide .listItem .financeTable td.purchase { background:#ececed url(../images/layup/cwFinanceCorner.gif) bottom left no-repeat; } #carValuation {} #carValuation a { display: block; font-weight: normal; text-decoration: none; position: relative; } #carValuation .noImage { display: block; float: left; margin: 0px 0px 15px 0px; width: 220px; position: relative; } #carValuation .noImage .thumb { display: block; width: 200px; height: 150px; padding: 4px; margin-bottom: 15px; background:url(../images/layup/noImage200x150.jpg) no-repeat; } #carValuation .noImage .thumb .frame { display: block; position: absolute; top: 0px; left: 0px; } #carValuation .itemDetails { width: 435px; float: right; } #carValuation .itemDetails .title { border-bottom: 1px solid #ffffff; } #carValuation .itemDetails .title h2 { border-bottom: 1px solid #d3d3d3; } #carValuation .itemDetails .valuation { padding: 11px 0px 16px 0px; } #carValuation .itemDetails .results { background: url(../images/layup/valuationTblBg.gif) no-repeat; width: 237px; height: 75px; float: left; } #carValuation .itemDetails .results table { width: 100%; } #carValuation .itemDetails .results table td { padding: 6px 15px 5px 10px; color: #FFFFFF; font-weight: bold; } #carValuation .itemDetails .btns { width: 195px; height: 75px; float: right; } #carValuation .itemDetails .btns img { float: right; margin-left: 6px; } #carValuation .itemDetails .btns img.first { margin-left: 0px; } #step1Banner { margin-bottom:20px; } #step3Banner { padding-top: 7px; } #step3Banner #master0 { position: absolute; left: -7px; } #step3Banner img { position:absolute; left:0px } #step3Banner img.singleImage { position: relative; left: -7px; } /* ----- USED LIST SEO ----- */ .carMake { color:#fff; border-bottom:1px solid #61625c; padding-bottom:0px; margin-bottom:10px; margin-top:10px; display: block; } .carMake span { padding:5px; background:#61625c; display:block; font-size:12px; font-weight:bold; } .carModel { font-size:10px; margin-bottom:20px; line-height: 20px; } .carModel a { color:#67737f; font-weight:normal; } #newTruckSelect { margin-bottom:20px; margin-top:20px;} #newTruckSelect #title { padding: 10px; background:#fff; border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; width:218px; text-align:center; font-size:16px;} #newTruckSelect #selectFranchise { border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; background:#fff; padding:20px; } /* ----- USED CAR DETAIL ----- */ #usedCarImage { float: left; margin: 0px 0px 0px 0px; width: 328px; } #usedCarImage .thumb { width: 320px; height: 240px; position: relative; padding: 4px; padding-bottom: 21px; } #usedCarImage .thumb .frame { position: absolute; top: 0px; left: 0px; } #usedVehicleTabs table { width: 100%; } #usedVehicleTabs table td { padding: 6px 6px 5px 6px; background: #ebebeb; } #usedVehicleTabs table tr.altRow td { background: #fafafa; } #usedVehicleTabs .dt3 table tr td { padding:0; } #usedVehicleTabs .dt3 table tr td div { padding:5px 0 5px 6px; } #usedVehicleTabs .domTabs .domContent.dt2 .padding #thumbContainer { background: #FFFFFF; padding: 5px 0px 5px 10px; } #usedVehicleTabs .domTabs .domContent.dt2 .title { clear: both; font-size: 1.2em; font-family: Helvetica, Arial, sans-serif; font-weight: bold; padding: 15px 0px 5px 0px; width: 235px; } #usedVehicleTabs .domTabs .domContent.dt2 a { display: block; float: left; padding-right: 5px; } #usedVehicleTabs .domTabs .domContent.dt2 img { border: 4px solid #dedddd; } #usedVehicleTabs .domTabs .domContent.dt3 table { width: 260px !important; } /* thumbs */ #usedCarThumbs { margin-bottom: 20px; } #usedCarThumbs a { display: block; float: left; } #usedCarThumbs .thumbImg { float: left; cursor: pointer; width: 70px; height: 51px; background: url(../images/layup/thumbFrame.gif) no-repeat; padding: 4px; margin-right: 5px; } #usedCarThumbs .thumbImg.last { margin-right: 0px; } /* jumps */ .usedJumps a { display: block; float: left; margin-right: 10px; margin-bottom:15px; } .usedJumps a.last { margin-right: 0px; margin-left: 2px; } /* ----- OFFER LIST ----- */ #offerTabs { padding-bottom: 20px; } #offerTabs a { display: block; float: left; height: 42px; } #offerTabs div#offerTab1 a { width: 107px; background: url(../images/layup/spriteOfferTabs.gif) 0px 0px no-repeat; } #offerTabs div#offerTab5 a { width: 125px; background: url(../images/layup/spriteOfferTabs.gif) -107px 0px no-repeat; } #offerTabs div#offerTab2 a { width: 112px; background: url(../images/layup/spriteOfferTabs.gif) -232px 0px no-repeat; } #offerTabs div#offerTab3 a { width: 113px; background: url(../images/layup/spriteOfferTabs.gif) -344px 0px no-repeat; } #offerTabs div#offerTab4 a { width: 115px; background: url(../images/layup/spriteOfferTabs.gif) -457px 0px no-repeat; } #offerTabs div#offerTab6 a { width: 83px; background: url(../images/layup/spriteOfferTabs.gif) -572px 0px no-repeat; } #offerTabs div#offerTab1 a:hover, #offerTabs div#offerTab1 a.active { background: url(../images/layup/spriteOfferTabs.gif) 0px -42px no-repeat; } #offerTabs div#offerTab5 a:hover, #offerTabs div#offerTab5 a.active { background: url(../images/layup/spriteOfferTabs.gif) -107px -42px no-repeat; } #offerTabs div#offerTab2 a:hover, #offerTabs div#offerTab2 a.active { background: url(../images/layup/spriteOfferTabs.gif) -232px -42px no-repeat; } #offerTabs div#offerTab3 a:hover, #offerTabs div#offerTab3 a.active { background: url(../images/layup/spriteOfferTabs.gif) -344px -42px no-repeat; } #offerTabs div#offerTab4 a:hover, #offerTabs div#offerTab4 a.active { background: url(../images/layup/spriteOfferTabs.gif) -457px -42px no-repeat; } #offerTabs div#offerTab6 a:hover, #offerTabs div#offerTab6 a.active { background: url(../images/layup/spriteOfferTabs.gif) -572px -42px no-repeat; } /* overwrite list styles */ #listHide.offerList .listItem { padding-bottom: 50px; } #listHide.offerList .listItem .itemDetails .vehicleLocation { float: none; width: auto; padding-left: 5px; } #listHide.offerList .listItem .itemDetails .btns { float: none; width: auto; } #listHide.offerList .listItem .itemDetails .btns a { float: right; margin-left: 10px; } #listHide.offerList .listItem .itemDetails .btns a.last { margin-left: 0px; float: right; } #listHide.offerList .listItem .itemDetails .offerText { padding: 10px 5px 12px 5px; } /* ----- OFFER DETAIL ----- */ .financeTitle { padding: 10px 0px 10px 0px; } .financeTable.offers { padding-bottom: 15px; } .financeTable.offers table { width: 100%; text-align: center; border-collapse: separate; } .financeTable.offers th, .financeTable.offers td { padding: 8px 0px 8px 0px; } .financeTable.offers th { background: #676666; color: #FFFFFF; font-weight: normal; } .financeTable.offers th.finance { background: #484747; } .financeTable.offers td { background: #ececed; } .financeTable.offers td.purchase { background:#ececed url(../images/layup/cwFinanceCorner.gif) bottom left no-repeat; } #locationForm .btns a { display: block; float: left; padding: 0px 11px 11px 0px; } #offerForm { background:#ececed url(../images/layup/cwFinanceCorner.gif) bottom left no-repeat; padding: 20px 10px 0px 10px; } #offerForm label { text-align: right; width: 140px; margin-right: 10px; } /* ----- SAVE AND COMPARE TABLE ----- */ #compareList tr td { background: #efefef; padding: 10px; } #compareList tr.altRow td { background: none; } #compareList tr th { text-align: center; padding: 10px; } #compareList .noImage { display: block; width: 76px; height: 57px; position: relative; } #compareList .noImage .thumb { width: 70px; height: 51px; display: block; padding: 3px; } #compareList .noImage .thumb .frame { position: absolute; top: 0px; left: 0px; } /* ----- CAREERS */ #navCareers { width:100%; background:#75756d url(../images/layup/careersNavBg.gif) repeat-x; position:relative; margin:0 0 28px; } #navCareers ul { list-style:none; margin:0; padding:0; } #navCareers ul li { padding:0; margin:0 0 0 15px; float:left; display:inline; } #navCareers ul li a { font-size:12px; font-weight:bold; color:#494946; text-decoration:none; display:block; float:left; } #navCareers ul li a span { padding:7px 5px 10px; display:block; } #navCareers ul li a:hover { color:#fff; background:url(../images/layup/careersNavHoverRight.gif) no-repeat right top; } #navCareers ul li a:hover span { background:url(../images/layup/careersNavHoverLeft.gif) no-repeat left top; } #navCareers ul li.active a { color:#fff; background:url(../images/layup/careersNavHoverRight.gif) no-repeat right top; } #navCareers ul li.active a span { background:url(../images/layup/careersNavHoverLeft.gif) no-repeat left top; } #navCareers ul li ul { position:absolute; clear:both; top:32px; margin:0; } #navCareers ul li ul li { background:url(../images/layup/careersNavDivider.gif) no-repeat right 6px; padding:0; margin:0; } #navCareers ul li ul li.end { background:none; } #navCareers ul li ul li a { color:#fff; background:none; padding:6px; } #navCareers ul li ul li a:hover { text-decoration:underline; background:none; } #navCareers ul li.active ul { position:absolute; clear:both; top:32px; margin:0; } #navCareers ul li.active ul li { background:url(../images/layup/careersNavDivider.gif) no-repeat right 6px; padding:0; margin:0; } #navCareers ul li.active ul li.end { background:none; } #navCareers ul li.active ul li a { color:#fff; background:none; padding:6px 15px; } #navCareers ul li.active ul li a:hover { text-decoration:underline; background:none; } #navCareers ul.subNav { padding-left: 15px; } #navCareers ul.subNav li { background:url(../images/layup/careersNavDivider.gif) no-repeat right 6px; margin: 0px; padding: 0px; } #navCareers ul.subNav li a { color: #ffffff; background:none; padding:6px; } #navCareers ul.subNav li a:hover { background: none; text-decoration: underline; } #navCareers ul.subNav li.active a { text-decoration:underline; } .careersPadding { padding:0 30px 0 29px; } .careersPadding table { width:654px !important; } .careersPadding table td { border:none !important; } #currOpp { width:654px; margin:0 0 20px; } #currOpp tr {} #currOpp tr td { font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#75756d; border-right:1px solid #fff; border-bottom:1px solid #fff; background:#e1e1e1; padding:15px; } #currOpp tr td img { margin:0 auto; } #currOpp tr.heading td { font-weight:bold; color:#fff; background:#75756d; } #currOpp tr.heading td.left { background:url(../images/layup/careersCurrentOppTblTopLeft.gif) no-repeat left top #75756d; } #currOpp tr.heading td.right { background:url(../images/layup/careersCurrentOppTblTopRight.gif) no-repeat right top #75756d; } #currOpp tr td.end { border-right:none; } #teamMembers { margin:0 0 38px; } #teamMembers .box { width:148px; margin:0 21px 0 0; float:left; height: 175px; } #teamMembers .end { margin:0; } #teamMembers .box a { color:#494946; text-decoration:none; font-weight:normal; display:block; } #teamMembers .box .thumb { width:148px; height:111px; margin:0 0 16px; position:relative; display:block; } #teamMembers .box .thumb .frame { position:absolute; left:-4px; top:-4px; display:block; } #teamMembers .box .name { font-size:12px; font-weight:bold; display:block; } #teamMembers .box .position { font-size:12px; padding:0 0 10px; display:block; } #teamMembers .box .description { display:block; } #teamLocations {} #teamLocations .title { font-size:14px; color:#64717e; padding:0 0 15px; } #teamLocations .box { width:148px; margin:0 21px 21px 0; float:left; } #teamLocations .end { margin:0 0 21px; } #teamLocations a { color:#494946; text-decoration:none; font-weight:normal; display:block; } #teamLocations .thumb { width:148px; height:111px; margin:0 0 16px; position:relative; display:block; } #teamLocations .thumb .frame { position:absolute; left:-4px; top:-4px; display:block; } #teamLocations .location { font-size:12px; font-weight:bold; display:block; } /* ----- VALUATION ----- */ .valuationTabs { font-size: 1.1em; } .valuationTabs #valuationForm .clear { font-size: 0px; line-height: 0px; height: 0px; } .valuationTabs .domHeadings { height: 43px; background: url(../images/layup/valuationTabBg.gif) top left repeat-x; } .valuationTabs a#tabStep1 { padding: 0; width: 97px; height: 43px; background: url(../images/layup/spriteValuationTab.gif) 0px -43px no-repeat; margin-right: 6px; display: inline; } .valuationTabs a#tabStep1:hover { background: url(../images/layup/spriteValuationTab.gif) 0px 0px no-repeat; } .valuationTabs li.active a#tabStep1 { background: url(../images/layup/spriteValuationTab.gif) 0px 0px no-repeat; } .valuationTabs a#tabStep2 { padding: 0; width: 97px; height: 43px; background: url(../images/layup/spriteValuationTab.gif) -103px -43px no-repeat; margin-right: 6px; display: inline; } .valuationTabs a#tabStep2:hover { background: url(../images/layup/spriteValuationTab.gif) -103px 0px no-repeat; } .valuationTabs li.active a#tabStep2 { background: url(../images/layup/spriteValuationTab.gif) -103px 0px no-repeat; } .valuationTabs a#tabStep3 { padding: 0; width: 97px; height: 43px; background: url(../images/layup/spriteValuationTab.gif) -206px -43px no-repeat; margin-right: 6px; display: inline; } .valuationTabs a#tabStep3:hover { background: url(../images/layup/spriteValuationTab.gif) -206px 0px no-repeat; } .valuationTabs li.active a#tabStep3 { background: url(../images/layup/spriteValuationTab.gif) -206px 0px no-repeat; } .valuationTabs .domContent { background: #d3d2d2 url(../images/layup/valuationTabContentStep1Bg.gif) bottom left no-repeat; border: 0; position: relative; width: 655px; } .valuationTabs .domContent .padding { padding: 10px 18px 0px 18px; } .valuationTabs .domContent .cash { position: absolute; top: -18px; left: 436px; } .valuationTabs .domContent h1 { font-size: 2.0em; } .valuationTabs .domContent form {} .valuationTabs .domContent label { padding: 4px 0px 8px 0px; } .valuationTabs .domContent .width145 { width: 145px; float: left; background: url(../images/layup/dotsV.gif) right 25px no-repeat; margin-right: 12px; } .valuationTabs .domContent .width145 label { width: 145px; } .valuationTabs .domContent .width145 .validation-advice { width:115px; font-size:10px; } .valuationTabs .domContent .width160 { width: 160px; float: left; background: url(../images/layup/dotsV.gif) right 25px no-repeat; margin-right: 12px; } .valuationTabs .domContent .width160 label { width: 160px; } .valuationTabs .domContent .width160 .validation-advice { width:135px; font-size:10px; } .valuationTabs .domContent .width130 { width: 130px; float: left; } .valuationTabs .domContent .width130 label { width: 130px; } .valuationTabs .domContent .width130 .validation-advice { width:115px; font-size:10px; } .valuationTabs .domContent .width600 { width: 600px; } .valuationTabs .domContent .width600 label { width: 560px; font-size:10px; } .valuationTabs .domContent .width600 input { float:right; width:13px; } .valuationTabs .domContent .vehicleDetail { background: #f0eded url(../images/layup/valuationTabContentStep2Bg.gif) bottom left no-repeat; padding: 10px 11px 18px 18px; } .valuationTabs .domContent .vehicleDetail .title { font-size: 1.8em; color: #b00000; padding-bottom: 10px; } .valuationTabs .domContent .vehicleDetail .thumb { float: left; width: 201px; height: 150px; position: relative; padding: 3px; background: #fff url(../images/layup/noImage148x111.jpg) center 16px no-repeat; } .valuationTabs .domContent .vehicleDetail .thumb .frame { position: absolute; top: 0; left: 0; } .valuationTabs .domContent .vehicleDetail .detail { float: right; width: 410px; } .valuationTabs .domContent .vehicleDetail .detail .box { width: 410px; margin: 1px 0px 13px 0px; color:#fff; font-size: 1.3em; background: url(../images/layup/valuationVehicleDetailBg.gif) 0px 0px no-repeat; } .valuationTabs .domContent .vehicleDetail .detail .box .heading { padding: 11px 10px 12px 10px; } .valuationTabs .domContent .vehicleDetail .detail .box .price { float: right; width: 147px; background: url(../images/layup/valuationVehiclePriceBg.gif) top right no-repeat; padding: 11px 10px 12px 10px; } .valuationTabs .domContent .vehicleDetail .options a { float: left; width: 117px; height: 89px; margin-right: 10px; } .valuationTabs .domContent .vehicleDetail .options a#btnLiveChat { background: url(../images/layup/spriteValuationOptions.jpg) 0px 0px no-repeat; } .valuationTabs .domContent .vehicleDetail .options a#btnLiveChat:hover { background: url(../images/layup/spriteValuationOptions.jpg) 0px -89px no-repeat; } .valuationTabs .domContent .vehicleDetail .options a#btnContact { background: url(../images/layup/spriteValuationOptions.jpg) -117px 0px no-repeat; } .valuationTabs .domContent .vehicleDetail .options a#btnContact:hover { background: url(../images/layup/spriteValuationOptions.jpg) -117px -89px no-repeat; } .valuationTabs .domContent .vehicleDetail .options a#btnArrangeInspection { background: url(../images/layup/spriteValuationOptions.jpg) -234px 0px no-repeat; } .valuationTabs .domContent .vehicleDetail .options a#btnArrangeInspection:hover { background: url(../images/layup/spriteValuationOptions.jpg) -234px -89px no-repeat; } .valuationTabs .domContent .vehicleDetail .options a#btnPrint { background: url(../images/layup/spriteValuationOptions.jpg) -351px 0px no-repeat; } .valuationTabs .domContent .vehicleDetail .options a#btnPrint:hover { background: url(../images/layup/spriteValuationOptions.jpg) -351px -89px no-repeat; } .valuationTabs .domContent .vehicleDetail .options a#btnCallback { background: url(../images/layup/spriteValuationOptions.jpg) -468px 0px no-repeat; margin: 0; } .valuationTabs .domContent .vehicleDetail .options a#btnCallback:hover { background: url(../images/layup/spriteValuationOptions.jpg) -468px -89px no-repeat; } .valuationTabs .domContent #frmValuationNoResult { padding-bottom: 20px; } .valuationTabs .domContent #frmValuationNoResult .thumb { display: block; float: left; width: 208px; height: 158px; position: relative; margin: 0px 20px 20px 0px; } .valuationTabs .domContent #frmValuationNoResult .thumb .frame { position: absolute; top: 0px; left: 0px; } .valuationTabs .domContent #frmValuationNoResult .text { float: right; width: 385px; } .valuationTabs .domContent #frmValuationNoResult .options a { float: left; width: 117px; height: 89px; margin-right: 6px; } .valuationTabs .domContent #frmValuationNoResult .options a#btnLiveChat { background: url(../images/layup/spriteValuationOptions2.jpg) 0px 0px no-repeat; } .valuationTabs .domContent #frmValuationNoResult .options a#btnLiveChat:hover { background: url(../images/layup/spriteValuationOptions2.jpg) 0px -89px no-repeat; } .valuationTabs .domContent #frmValuationNoResult .options a#btnContact { background: url(../images/layup/spriteValuationOptions2.jpg) -117px 0px no-repeat; } .valuationTabs .domContent #frmValuationNoResult .options a#btnContact:hover { background: url(../images/layup/spriteValuationOptions2.jpg) -117px -89px no-repeat; } .valuationTabs .domContent #frmValuationNoResult .options a#btnArrangeInspection { background: url(../images/layup/spriteValuationOptions2.jpg) -234px 0px no-repeat; } .valuationTabs .domContent #frmValuationNoResult .options a#btnArrangeInspection:hover { background: url(../images/layup/spriteValuationOptions2.jpg) -234px -89px no-repeat; } .valuationTabs .domContent #frmValuationNoResult .options a#btnPrint { background: url(../images/layup/spriteValuationOptions2.jpg) -351px 0px no-repeat; } .valuationTabs .domContent #frmValuationNoResult .options a#btnPrint:hover { background: url(../images/layup/spriteValuationOptions2.jpg) -351px -89px no-repeat; } .valuationTabs .domContent #frmValuationNoResult .options a#btnCallback { background: url(../images/layup/spriteValuationOptions2.jpg) -468px 0px no-repeat; margin: 0; } .valuationTabs .domContent #frmValuationNoResult .options a#btnCallback:hover { background: url(../images/layup/spriteValuationOptions2.jpg) -468px -89px no-repeat; } /* ----- 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; } .printHeader { display: none; } .float_left { float:left !important; } .float_right { float:right !important; } .align_left { text-align:left !important; } .align_center { text-align:center !important; } .align_right { text-align:right !important; } .align_justify { text-align:justify !important; } .align_bottom { vertical-align:bottom !important; } .image_right { float:right; 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;} .txtBlack { color: #000000; } .txtRed { color: #d82a21; } .width100 { width: 100px; } /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 10px 0; font-size:100%; font-weight:bold;} #groupHomeText h1 { font-size: 2.2em; font-weight: normal; } h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2.1em; color: #62625c; font-weight: normal; } h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em; color: #62625c; font-weight: normal; } p { padding:0 0 10px 0; margin:0; } /* ----- TOP NAVIGATION ----- */ #primaryNav { position: absolute; top: 73px; right: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; } #primaryNav ul { list-style: none; margin: 0px; padding: 0px 30px 0px 0px; height: 28px; float: right; } #primaryNav li { padding: 0px; margin: 0px; float: left; } #primaryNav li a { display: block; text-decoration: none; color: #797979; position: relative; font-size: 1.1em; font-weight: normal; } #primaryNav li a span { display: block; padding: 7px 13px 6px 6px; margin-left: 7px; } #primaryNav li a:hover, #primaryNav li.active a { color: #FFFFFF; background:url(../images/layup/navLeft.gif) top left no-repeat; } #primaryNav li a:hover span, #primaryNav li.active a span { color: #FFFFFF; background:url(../images/layup/navRight.gif) top right no-repeat; } #primaryNav ul li ul.offerDropDown { width:150px !important; } #primaryNav ul li ul.offerDropDown li.arrowLink:hover { background:#62625c !important; } #primaryNav ul li ul.offerDropDown li.arrowLink a:hover { background:url(../images/layup/navArrow.gif) 135px center no-repeat #62625c !important; } #primaryNav ul li ul.offerDropDown li.arrowLink ul li a:hover { background: none !important; } /* ----- DROPDOWN NAV ----- */ #primaryNav li:hover a { color: #FFFFFF; background:url(../images/layup/navLeft.gif) top left no-repeat; } #primaryNav li:hover a span { color: #FFFFFF; background:url(../images/layup/navRight.gif) top right no-repeat; } #primaryNav ul li ul { height: auto; left: -999em; position: absolute; float: none !important; } #primaryNav ul li ul li { float: none !important; } #primaryNav ul li:hover ul, #primaryNav ul li.sfhover ul { left: auto; padding: 2px; margin: 0px 0px 0px 0px; display: block; width: 200px; background: #63635b; } #primaryNav ul li:hover ul li, #primaryNav ul li.sfhover ul li { display: block; padding: 4px 0px 0px 0px; margin: 0px; background: #898981; border-bottom: 1px solid #63635b; border-left: 1px solid #63635b; } #primaryNav ul li:hover ul li a, #primaryNav ul li.sfhover ul li a { padding: 4px 5px 9px 10px; margin: 0px; color: #ffffff; background: none; } #primaryNav ul li:hover ul li a:hover, #primaryNav ul li.sfhover ul li a:hover { padding: 4px 5px 9px 10px; margin: 0px; text-decoration: underline; background: none; } /* ----- DROPDOWN NAV ----- */ #primaryNav ul li ul.dropdownTwo { height: auto; left: -999em; position: absolute; float: none !important; } #primaryNav ul li ul.dropdownTwo li { float: none !important; } #primaryNav ul li:hover ul li:hover ul, #primaryNav ul li.sfhover ul li.sfhover ul { left: 153px; padding: 2px; margin: 0px 0px 0px 0px; display: block; width: 100px; background: #63635b; } #primaryNav ul li:hover ul li, #primaryNav ul li.sfhover ul li { display: block; padding: 4px 0px 0px 0px; margin: 0px; background: #898981; border-bottom: 1px solid #63635b; border-left: 1px solid #63635b; } #primaryNav ul li:hover ul li a, #primaryNav ul li.sfhover ul li a { padding: 4px 5px 9px 10px; margin: 0px; color: #ffffff; background: none; } #primaryNav ul li:hover ul li a:hover, #primaryNav ul li.sfhover ul li a:hover { padding: 4px 5px 9px 10px; margin: 0px; text-decoration: underline; background: none; } #primaryNav ul li ul li, #primaryNav ul li ul li a { float: left !important; width: 198px; } #primaryNav ul li ul.offerDropDown li, #primaryNav ul li ul.offerDropDown li a { float: left !important; width: 148px; } #primaryNav ul li ul li ul li a { float: none !important; } /* ----- SECONDARY NAV ----- */ #secondaryNav { width: 329px; float: right; margin: 0px; } #secondaryNav ul { list-style: none; padding: 0px; margin: 0px; } #secondaryNav ul li { width: 329px; background: url(../images/layup/subLinkTop.gif) no-repeat top left; margin-bottom: 5px; } #secondaryNav ul li a { display: block; text-decoration: none; background: url(../images/layup/subLinkBottom.gif) no-repeat bottom left; padding: 4px; color: #FFFFFF; font-weight: normal; font-size: 1.1em; position: relative; } #secondaryNav ul li a span { display: block; background: #62625c; padding: 5px 10px 5px 10px; } #secondaryNav ul li.file a span {background-image:url("../images/layup/fileIcon.jpg");background-position:5px 4px;background-repeat:no-repeat;padding-left:25px; } /* ----- SITE MAP ----- */ #sitemap { list-style:none; margin:0 0 0 5px; padding:0;} #sitemap ul { list-style:none; margin:10px 0 0px 15px; padding:0;} #sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;} /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #breadcrumbsContainer { line-height: normal; width: 714px; height: 31px; color: #d3d3d0; background: url(../images/layup/breadCrumbsBg.gif) no-repeat; border-bottom: 3px solid #ffffff; } #breadcrumbsContainer a { font-weight: normal; text-decoration: none; padding: 0px 0px 0px 0px; color: #d3d3d0; } #breadcrumbsContainer a:hover { text-decoration: underline; } #breadcrumbsContainer #breadcrumbs { float: right; padding: 8px 30px 0px 0px; } #breadcrumbsContainer #breadcrumbs span { font-weight: bold; } #breadcrumbsContainer a.btnBack { display: block; float: left; padding: 8px 0px 0px 10px; } #breadcrumbsContainer .pagination { float: left; font-size: 0.9em; padding: 8px 0 0 22px; } #breadcrumbsContainer .pagination ul { list-style: none; margin: 0; padding: 0; } #breadcrumbsContainer .pagination ul li { float: left; } #breadcrumbsContainer .pagination a { color: #D3D3D0; margin-left: 4px; padding: 0 4px; text-decoration: none; } #breadcrumbsContainer .pagination a:hover { background: #ffffff; text-decoration: none; color: #686861; } #breadcrumbsContainer .pagination .active { background: #ffffff; text-decoration: none; color: #686861; } #breadcrumbsContainer .pagination span { display: block; float: left; padding: 0 2px; } #breadcrumbsContainer .pagination img { display: inline; } #breadcrumbsContainer .pagination .prevNext img { padding-top: 5px; } #breadcrumbsContainer .pagination .prevNext a:hover { background: none; color: #D3D3D0; } .footerPagination ul { list-style: none; margin: 0; padding: 0; } .footerPagination ul li { float: left; } .footerPagination { float: right; margin-bottom: 20px; } .footerPagination a { color: #000000; margin-left: 4px; padding: 0 4px; text-decoration: none; } .footerPagination a:hover { background: #666666; text-decoration: none; color: #ffffff; } .footerPagination .active { background: #666666; text-decoration: none; color: #ffffff; } .footerPagination span { display: block; float: left; padding: 0 2px; } .footerPagination img { display: inline; } .footerPagination .prevNext img { padding-top: 5px; } .footerPagination .prevNext a:hover { background: none; color: #000000; } /* ----- FOOTER ----- */ #footer { text-align: center; background: url(../images/layup/footerBg.gif) top left repeat-x #555557; color: #c0c0c1; } #footer .padding { width: 950px; margin: 0 auto; text-align: left; padding: 12px 0; } #footer a { font-weight:normal; text-decoration:none; color: #c0c0c1; } #footer a:hover { text-decoration:underline;} #footer div.float_right { width:425px; } #footer div.float_right p { padding-bottom:7px; } #footer .socialFooterIcons {} #footer .socialFooterIcons a, #footer .socialFooterIcons img { float:left; } #footer .socialFooterIcons a { margin-right:8px; } /* ----- GLOBAL ----- */ img { display:block; border:0; } address { font-style:normal; } /* ----- LINKS ----- */ a { color:#000000; font-weight:bold; text-decoration:underline;cursor:pointer; outline: none; } a:hover { text-decoration:none; } /* ----- FORMS ----- */ form { padding:0; margin:0; } fieldset { padding:0; margin:0; border:0px none; } legend { padding:0; margin:0; display:none; } label { display:block; width:260px; float:left; } label.inlineLabel { display:inline; width:auto; float:none; } label.inlineLabel2 { display:inline; width:auto; float:none; position:relative; left:-14px; top:-2px; } input, textarea { width:200px; font-size:11px !important;} .requiredLabel { color:#000000;} .checkRadio { width:20px; position:relative; left:-7px;} #frmContact { margin-bottom:15px;} #frmContact p { padding:7px 0;} #frmContact select { width:204px;} #frmContact div { margin-bottom:10px;} #submit { width:90px; height:25px; border:none;} #valuationForm img.date { display: inline; } #valuationForm label { float:none !important; } #valuationForm #btnNextStep {width: 365px; height: 34px; } div#contactForm { clear: both; } #offerEnquiryForm { background: #e1e1e1; } #offerEnquiryForm form div.formItem { background: url(../images/layup/offerEnquiryFormDivider.gif) top left repeat-x; padding: 12px 0px 0px 0px; } #offerEnquiryForm form label { padding-left: 20px; width: 235px; } #offerEnquiryForm form input { width: 225px; } #offerEnquiryForm form select { width: 231px; } #offerEnquiryForm form textarea { width: 225px; } #offerEnquiryForm form .checkRadioContain label { width: 520px; } #offerEnquiryForm form .checkRadioContain input { width: 20px; } #offerEnquiryForm form .submitContain label { width: 328px; padding-right: 40px; text-align: right; padding-top: 5px; } #offerEnquiryForm form .requiredLabel { color:#fa0008; } #offerEnquiryForm form .submit { width:90px; height:25px; border:none; } #offerEnquiryForm .postCodeLookup { line-height: normal; width: 550px; background: none !important; float: none; margin-bottom: 10px; } #offerEnquiryForm .postCodeLookup div { margin-bottom: 0; } #offerEnquiryForm .postCodeLookup label { width: 273px; padding-top: 1px; font-size:13px; } #offerEnquiryForm .postcodeFrmBox { float: left; width: 216px; height: 26px; padding: 6px 6px 0px 6px; background: url(../images/layup/postcodeFrmBox.gif) top left no-repeat; } #offerEnquiryForm .postcodeFrmBox .dealershipLookup { width: 110px; float: left; } #offerEnquiryForm .postcodeFrmBox #btnFindDealer { float: right; width: 88px; height: 20px; } #offerEnquiryForm .telephoneNo { color: #fe0003; font-size: 14px; } #offerEnquiryForm .nearestDealer { background: #FFF; width: 615px; margin: 0px 20px 15px 20px; } #offerEnquiryForm .nearestDealer .padding { padding: 0px 16px 0px 16px; margin: 0; } #offerEnquiryForm .nearestDealer h2 { font-weight: bold; font-size: 1.2em; color: #000; } #offerEnquiryForm .nearestDealer table { width: 100%; } #offerEnquiryForm .nearestDealer table td { padding: 0px 15px 0px 0px } /* ----- APRAISAL FORM ----- */ form#frmAppraisal { float: left; width: 423px; } form#frmAppraisal div { margin-bottom: 10px; } form#frmAppraisal label { width: 104px; font-size: 13px; } form#frmAppraisal input { width: 312px; background: none; border: none; border: 1px solid #000000; } /* ----- APPLICATION FORM */ #applicationForm {} #applicationForm div { margin:0 0 10px; } #contactInformation #contactLeft #contactForm input#submit { width:90px; height:25px; border:none; } #btnUsedSearch, #btnUsedSearch2, #btnUsedSearch3 { width: 94px; height: 25px; } #btnBudgetResults, #btnBudgetResults2, #btnBudgetResults3, #btnBudgetResults4 { width: 181px; height: 25px; } #btnSend { width: 90px; height: 25px; } /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #990000; color : #FF3300; } input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; } .validation-advice { margin: 5px 0; width:100%; padding: 5px; background-color: #990000; color : #FFF; font-weight: bold; } .allowValidationAdvice .validation-advice { display:block; } /* ----- 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;} /* ----- TOOL TIP ----- */ a.info {font-weight:normal;text-decoration:none !important;} a.info:hover {position:relative; z-index:25; } a.info span { display: none; font-weight:normal !important; text-decoration:none !important;color: #000 !important; font-size:11px; } a.info:hover span { display:block !important; position:absolute; padding:5px 10px 5px 10px; background: #fff; top:22px; left:20px; width:36.2em; border:1px solid #333; color:#000; text-align: center; text-decoration:none !important; z-index:100;} a.valuationTool:hover span { display:block !important; position:absolute; padding:5px 10px 5px 10px; background: #fff; top:22px; left:-190px; width:36.2em; border:1px solid #333; color:#000; text-align: center; text-decoration:none !important; z-index:100;} a.info:hover span td { font-weight:normal !important; } .stepBox a.info span { color:#494946 !important; } .stepBox a.info:hover span { color:#494946 !important; font-size:12px; width:500px; } .stepBox a.info:hover span p { font-size:12px; line-height:15px; } .stepBox a.info:hover span td { font-size:12px !important; } .stepBox a.info:hover .high { top:-95px; } /* servicing */ #serviceSteps { background: url(../images/layup/stepsBg.gif) repeat-x; } #serviceSteps a, #serviceSteps span { display: block; height: 32px; float: left; background: url(../images/layup/spriteSteps.gif) no-repeat; } #serviceSteps .step1 { width: 104px; background-position: 0px -32px; } #serviceSteps .step2 { width: 89px; background-position: -104px -32px; } #serviceSteps .step3 { width: 92px; background-position: -193px -32px; } #serviceSteps .confirm { width: 158px; background-position: -285px 0px; } #serviceSteps .active .step1 { width: 104px; background-position: 0px 0px; } #serviceSteps .active .step2 { width: 89px; background-position: -104px 0px; } #serviceSteps .active .step3 { width: 92px; background-position: -193px 0px; } #serviceText { height: 17px; background: #75756d; width: 575px; font-size: 14px; font-weight: bold; color: #ffffff; padding: 5px 40px 5px 40px; margin-bottom: 20px; } #serviceText.serviceTextPricePromise { margin: 0 !important; } #serviceTextLarge { width: 575px; font-size: 14px; font-weight: bold; padding: 5px 20px; margin-bottom: 20px; } #serviceTextLarge p { font-size:11px; font-weight:normal; } .stepBox #serviceCosts { width: 654px; height: 124px; background: url(../images/layup/serviceCostBg.gif) no-repeat; margin-bottom: 30px; } .stepBox #serviceCosts form { padding: 32px 0px 0px 323px; color: #494946; } .stepBox #serviceCosts form input.vehReg { color: #494946; padding: 0px; margin: 0px; font-size: 28px !important; font-weight: bold; float: left; padding: 3px 5px 4px 5px; border: 3px solid #b2b2b2; text-align: center; margin-right: 7px; margin-bottom: 6px; } .stepBox #serviceCosts form input.btnRegGo { width: 48px; height: 46px; float: left; margin-bottom: 6px; } .stepBox #serviceCosts form a { color: #494946; font-size: 14px; } .stepBox .jumps { margin-bottom: 30px; } .stepBox .jumps a img { float: left; } .stepBox .contentArea { background:#e1e1e1 url(../images/layup/greyBoxTop.gif) top left no-repeat; width: 654px; margin-bottom: 7px; } .stepBox .contentArea .padding { background: url(../images/layup/greyBoxBot.gif) no-repeat bottom left; padding: 10px; margin-bottom: 0px !important; } .stepBox .contentArea .padding table td { padding: 5px 35px 5px 0px; font-weight: bold; color: #494946; vertical-align: top; } .stepBox .btns { margin-bottom: 20px; } .stepBox .contentArea .padding form select { width: 175px; height: 18px; } .stepBox .serviceBox { width: 311px; float: left; background: url(../images/layup/serviceBoxBg.gif) 0px 25px no-repeat; margin-bottom: 15px; } .stepBox .serviceBox fieldset { min-height: 180px; padding: 5px 15px 5px 15px; margin-bottom: 0px !important; } .stepBox .serviceBox fieldset table td { padding: 5px 10px 5px 0px; font-weight: bold; color: #494946; } .stepBox .serviceBox fieldset table { width: 100%; } .stepBox .serviceBox fieldset table input { width: 20px; } .stepBox #formElements { width: 314px; float: left; } .stepBox #formElements .requiredLabel{ display:none } .stepBox #formElements label { width: 115px; text-align: right; margin-right: 8px; } .stepBox #formElements input.inputfield { width: 170px !important; } .stepBox #formElements textarea { width: 170px !important; float: left !important; } .stepBox #formElements input.postcode { width: 100px !important; } .stepBox #formElements select { width: 173px !important; } .stepBox #formElements .dark { background: url(../images/layup/darkBg.gif) no-repeat; padding: 10px 0px 0px 0px; } .stepBox #formElements .dark .garage { margin-bottom: 0px !important; } .stepBox #vehicleDetails { width: 295px; float: right; } .stepBox form { margin-bottom: 0px !important; } /************************** * Contract Hire **************************/ h2.headingMiddle { font-size: 16px; font-weight: normal; text-align: center; padding: 25px 0px; } .chBox { margin-bottom: 25px; } .chBox img { float: left; } .budgetChoice { width: 655px; height: 152px; background: url(../images/layup/contractHire/budgetChoiceBg.gif) no-repeat; } .budgetChoice .padding { padding: 58px 0px 0px 1px; } .budgetChoice a { display: block; height: 70px; float: left; background: url(../images/layup/contractHire/spriteBudgetChoice.gif) no-repeat; } .budgetChoice a.jump1 { width: 162px; background-position: 0px 0px; } .budgetChoice a.jump2 { width: 165px; background-position: -162px 0px; } .budgetChoice a.jump3 { width: 163px; background-position: -327px 0px; } .budgetChoice a.jump4 { width: 163px; background-position: -490px 0px; } .budgetChoice a.jump1:hover, .budgetChoice .active a.jump1 { width: 162px; background-position: 0px -70px; } .budgetChoice a.jump2:hover, .budgetChoice .active a.jump2 { width: 165px; background-position: -162px -70px; } .budgetChoice a.jump3:hover, .budgetChoice .active a.jump3 { width: 163px; background-position: -327px -70px; } .budgetChoice a.jump4:hover, .budgetChoice .active a.jump4 { width: 163px; background-position: -490px -70px; } .bodyChoice { width: 655px; height: 152px; background: url(../images/layup/contractHire/bodyChoiceBg.gif) no-repeat; margin-bottom: 50px; } .bodyChoice .padding { padding: 58px 0px 0px 1px; } .bodyChoice a { display: block; height: 70px; float: left; background: url(../images/layup/contractHire/spriteBodyChoice.gif) no-repeat; } .bodyChoice a.jump1 { width: 69px; background-position: 0px 0px; } .bodyChoice a.jump2 { width: 68px; background-position: -69px 0px; } .bodyChoice a.jump3 { width: 85px; background-position: -137px 0px; } .bodyChoice a.jump4 { width: 84px; background-position: -222px 0px; } .bodyChoice a.jump5 { width: 89px; background-position: -306px 0px; } .bodyChoice a.jump6 { width: 91px; background-position: -395px 0px; } .bodyChoice a.jump7 { width: 88px; background-position: -486px 0px; } .bodyChoice a.jump8 { width: 79px; background-position: -574px 0px; } .bodyChoice a.jump1:hover, .bodyChoice .active a.jump1 { width: 69px; background-position: 0px -70px; } .bodyChoice a.jump2:hover, .bodyChoice .active a.jump2 { width: 68px; background-position: -69px -70px; } .bodyChoice a.jump3:hover, .bodyChoice .active a.jump3 { width: 85px; background-position: -137px -70px; } .bodyChoice a.jump4:hover, .bodyChoice .active a.jump4 { width: 84px; background-position: -222px -70px; } .bodyChoice a.jump5:hover, .bodyChoice .active a.jump5 { width: 89px; background-position: -306px -70px; } .bodyChoice a.jump6:hover, .bodyChoice .active a.jump6 { width: 91px; background-position: -395px -70px; } .bodyChoice a.jump7:hover, .bodyChoice .active a.jump7 { width: 88px; background-position: -486px -70px; } .bodyChoice a.jump8:hover, .bodyChoice .active a.jump8 { width: 79px; background-position: -574px -70px; } #newcarJumps a { display:block; float:left; margin-right: 0px; } #vehicleCustomise { clear: right; background: url(../images/layup/contractHire/quoteFormBg.gif) no-repeat; border-bottom: 1px solid #bdbdbd; color: #ffffff; margin: 0px 0px 5px 5px; } #vehicleCustomise .contractHirePadding{ margin-top:34px; } #vehicleCustomise form { padding: 10px 11px 10px 11px; } #vehicleCustomise form label { width: 155px; } #vehicleCustomise form input { width: 118px; } #vehicleCustomise form input.checkRadio { width: 20px; } #vehicleCustomise form select { width: 122px; } #vehicleCustomise form div { margin-bottom: 8px; } #vehicleCustomise form input.btnSubmitInsQuote { width: 90px; height: 25px; } #vehicleCustomise #tableInsuranceQuotes td { padding:5px 0; } #vehicleCustomise #tableInsuranceQuotes img { width:50px; } #vehicleCustomise #tableInsuranceQuotes img.btnApply { width:39px; height:14px; } .cmsTextArea { float: left; width: 328px; } /* ----- SMART REWARD ----- */ #loginTab { position:absolute; top:0px; right:0px; } #smartRewardLogin { width: 100%; background: #898981; height: 156px; line-height: 140%; color:#fff; } #smartRewardLoginContainer {width:959px; margin:0 auto; text-align:left; font-size:11px; padding: 3px 0px 0px 0px; position: relative; } #smartRewardLoginContainer .btnClose { position: absolute; top: 12px; right: 5px; z-index: 9999px; } #smartRewardLogin form {} #smartRewardLogin input { border: 1px solid #fff; text-align: center; height: 16px; float: left; margin-right: 5px; } #smartRewardLogin .content { height: 28px; } #smartRewardLogin .btnSubmit { width: 58px !important; height: 19px; border: none; float: left; } #smartRewardLogin .btnActivate { width: 77px !important; height: 19px; border: none; float: left; } #smartRewardLogin .btnLogin { width: 58px !important; height: 19px; border: none; float: left; } #smartRewardLogin .enrolment { float: left; padding: 0px; width: 326px; height: 145px; position: relative; } #smartRewardLogin .enrolment .btn { position: absolute; top: 118px; left: 235px;height: 13px; } #smartRewardLogin .enrolment .btn a { width: 72px; text-align: center; display: block; padding: 3px 0px 4px 0px; background: #ECE9D8; text-decoration: none; font-weight: normal; } #smartRewardLogin .enrolment input { width: 120px; } #smartRewardLogin .accountActivation { float: left; padding: 0px; width: 323px; height: 145px; background:url(../images/layup/accountActivation.gif) top right no-repeat; } #smartRewardLogin .accountActivation .padding { padding:59px 30px 26px 30px; color:#fff; line-height:16px;} #smartRewardLogin .accountActivation input { width: 120px; } #smartRewardLogin .members { float: left; width: 304px; height: 145px; background:url(../images/layup/membersLoginBg.gif) no-repeat; line-height:16px} #smartRewardLogin .members .padding { padding:60px 0px 30px 30px; } #smartRewardLogin .members input { width: 90px; } /* ----- FOLLOW US DROP DOWN ----- */ #followUsTab { position:absolute; top:0px; right:150px; } #followUsDropDown { width: 100%; background: #62615c; height: 111px; line-height: 140%; color:#fff; } #followUsContainer { width:959px; height:104px; margin:0 auto; text-align:left; font-size:11px; padding: 7px 0px 0px 0px; position: relative; } #followUsContainer .btnClose { position: absolute; top: 12px; right: 5px; z-index: 9999px; } #followUsContainer .followUs { background:url(../images/layup/followUsBg.gif) no-repeat left top; width:463px; height:89px; float:right; } #followUsContainer .followUs .padding { padding:16px 0 0 18px; } #followUsContainer .followUs p { float:left; padding:30px 0 0; font-size:11px; letter-spacing:-0.035em; } #followUsContainer .followUs .logos { float:left; height:58px; padding-left:26px; } #followUsContainer .followUs .logos a { float:left; margin-right:12px; } /* fiat login */ #smartRewardLoginContainer.fiatContainer .enrolment { width: 274px; } #smartRewardLoginContainer.fiatContainer .accountActivation { width: 310px; } #smartRewardLoginContainer.fiatContainer .accountActivation .padding { padding: 59px 30px 26px 16px; } #smartRewardLoginContainer.fiatContainer .members { width: 292px; background: url(../images/layup/membersLoginBgBorder.gif) -14px 0 no-repeat; } #smartRewardLoginContainer.fiatContainer .members .padding { padding: 60px 0 30px 15px; } #smartRewardLoginContainer.fiatContainer .fiatLogin { width: 80px; float: left; padding-top: 30px; } /* service progress */ #serviceProgress { width:657px; background:url(../images/layup/serviceProgressBottom.gif) left bottom no-repeat #f0eded; font-size:12px; color:#1f1f1f !important; } #serviceProgress p { color:#1f1f1f !important; } #serviceProgress .padding { padding:20px; } #serviceProgress .btn { width:65px; height:34px; position:relative; top:10px; left:10px; } #serviceProgress table { width:100%; margin:20px 0; } #serviceProgress td { background:url(../images/layup/serviceTdDots.gif) right top repeat-y; font-size:12px; padding:0px 5px; } #serviceProgress td.last { background:none; } #serviceProgress td.rowSplit { background:url(../images/layup/rowSplitBg.gif) left center repeat-x; padding:10px 0; height:20px; } #serviceProgress #status { margin-top:20px; line-height:24px; } #serviceProgress #progress {width:494px; float:left; margin:0px 0 20px; } #serviceProgress #progress td { background:none; font-size:11px; padding:0px; } #serviceProgress .title { margin-bottom:20px; } #serviceProgress #leftSide { float:left; width:350px; } #serviceOptions .float_right a.info:hover span { top:22px; left:-410px !important; } #serviceOptions .greyedOut { color:#b8b7b5; } /* careers */ .careersPadding table td { border:none !important; } /* codeweavers examples */ .cwDisclosure {} .cwDisclosure h2 { font-size: 11px; color:#fff; padding-bottom: 4px; } .codeWeaversExample { margin: 5px 0px 15px 0px; clear: both; } #newHirePurchaseForm .codeWeaversExample { clear:both; padding:0 0 15px 0; } .codeWeaversExample h2 { font-size: 12px !important; font-weight: bold !important; padding-bottom: 4px; color: #747474 !important; font-family:Arial, Helvetica, sans-serif !important; } .codeWeaversExample table { width: 100%; border-collapse: separate; } .codeWeaversExample th { background: #484647; color: #fff; font-size: 12px; padding: 5px; } .codeWeaversExample td { background: #676566; color: #fff; font-size: 12px; font-weight: bold; padding: 5px; } .codeWeaversExample tfoot td { background: #fff; color: #676566; border-bottom:1px solid #CCC; padding: 5px; } .micraForm { background:url(../images/layup/micraFormBG.jpg) no-repeat right bottom; padding:20px; } .pixoForm { background:url(../images/layup/nissanPixoBg.gif) no-repeat right bottom #000; padding:20px; } .jukeForm { background:url(../images/layup/nissanJukeBg.jpg) no-repeat left top #000; padding:75px 105px 20px 130px; color:#FFF; } .jukeForm label { width:210px; } .jukeForm h2 { color:#FFF; border-bottom:1px solid #FFF; } /* find dealership form */ #findDealer { width:328px; float:left; clear:left; margin:0 auto 20px; background:url(../images/layup/finddealershipBg.gif) left top no-repeat #e1e1e1; } #findDealer .padding { padding:40px 10px 15px 10px; } #findDealer form { background:url(../images/layup/dealerFindFormBg.gif) no-repeat; padding:6px; margin-top:10px; } #findDealer form input { float:left; } #findDealer form input { width:173px; margin-right:10px; } #findDealer form input.btn { width:88px; height:20px; margin:0px; } #findDealer #nearestDealer { padding:10px 0 0; } #findDealer #nearestDealer div { float:left; } #findDealer #nearestDealer #nearestDealerName { background:#62625c; color:#fff; padding:5px 2px 11px; width:105px; font-size:14px; } #findDealer #nearestDealer span { font-size:11px; font-weight:normal; } #findDealer #nearestDealer #nearestDealerPhone { padding:1px 0 0 5px; font-size:11px; color:#000; width:194px; } #findDealer #nearestDealer #nearestDealerPhone span { color:red; font-size:14px; font-weight:bold; } #findDealer #nearestDealer #nearestDealerAddress { padding:4px 0 0 5px; font-size:11px; color:#000; width:194px; } #findDealer #nearestDealer a { color:#FFF; } #hpcPopupContainer #popup { background: url("../images/layup/popUpBg.png") no-repeat scroll 0 0 transparent; height: 309px; left: 50%; margin-left: -297px; position: absolute; top: 300px; width: 595px; z-index: 999999; } #hpcPopupContainer #popup .btnSlough { left: 90px; position: absolute; top: 114px; } #hpcPopupContainer #popup .btnMillHill { left: 315px; position: absolute; top: 114px; } #hpcPopupContainer #popup .btnClose { left: 450px; position: absolute; top: 40px; } /* Homepage pop up */ #overlay { position:absolute; top:0; left:0px; width:100%; height:100%; background:url(../images/layup/overlayBg.png) repeat; z-index:999; } * html #overlay { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='../images/layup/overlayBg.png'); background: none; } #overlay #homePop { width:633px; height:570px; position:relative; margin:0 auto; top:15%; } #overlay #homePop .btnClose { position:absolute; right:10px; top:10px; cursor:pointer; z-index:2; } #overlay #homePop .popLink { width:150px; height:165px; top:335px; display:block; background: url(../images/layup/ie6LinkFix.gif) repeat left top; position:absolute; } #overlay #homePop .note { left:60px; } #overlay #homePop .pixo { left:240px; } #overlay #homePop .micra { left:435px; } #coverFlowTable { padding:20px 0 0; } #coverFlowTable table { width:100%; margin:10px 0 20px; } #coverFlowTable table th { background:#484647; color:#FFF; font-weight:bold; text-align:left; font-size:11px; border-right:1px solid #FFF; border-bottom:1px solid #FFF; padding:10px; } #coverFlowTable table td { background:#676566; color:#FFF; text-transform:uppercase; font-size:11px; border-right:1px solid #FFF; border-bottom:1px solid #FFF; padding:3px 10px; }