/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Peter Vardy Author : John Davies / john.davies@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for Peter Vardy site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { height: 100%; font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:url(../images/layup/bodyBg.gif) repeat-x; color:#000000; text-align:center; } html {height: 100%; } /* This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text. Declaring the font size in pixels makes it more consistent across browsers. */ td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; } html>body td, html>body textarea, html>body input, html>body select { font-size:11px; } /* some browsers don't inherit the font into tables or textareas! */ * html #container{height: 100%; } /* ----- IDS ----- */ #outer { width: 100%; height: 100%; } #container { min-height: 100%; width:921px; margin:0 auto; text-align:left; font-size:110%; line-height: 120%; } #printHeader { display:none;} #header { position: relative; background:url(../images/layup/headerBg.jpg) top left no-repeat; height: 144px; } #header #logo { position: absolute; top: 25px; left: 27px;} #header #contactDetails { position: absolute; top: 57px; right: 0px; width: 310px; } #header #backtoGroup { position:absolute; top:0px; right:0px;} #header #sundayClosed { position: absolute; top: 25px; right: 0px;} #innerContainer { width:921px; margin-top:5px; } #header #contactDetailsGroup { position: absolute; top: 30px; right: 0px; width: 375px; line-height: normal; } #header #contactDetailsGroup a { color: #f7f7f7; text-decoration: none; font-weight: normal; } #header #contactDetailsGroup .salesAdvisor { width: 215px; float: left; } #header #contactDetailsGroup .bookService { width: 160px; float: right; } #header #contactDetailsGroup span { color: #ced2d5; font-size: 22px; font-weight: bold; } #header #contactDetailsGroup span.title { font-size: 14px; font-weight: normal; } #header #skype {width:290px; position:absolute; top:83px; left:617px; height:45px;} /* ----- HOMEPAGE JUMPS ----- */ #primaryJumps { height: 147px; float: left; margin-bottom:0px; background:url(../images/layup/selectMarque.gif) bottom center no-repeat; margin-left:5px; } #primaryJumps span { display: none; } #primaryJumps div { float:left; } #primaryJumps .starCars a { background:url(../images/layup/jumpStarCars.jpg) left top no-repeat; width: 205px; height: 126px; display: block; } #primaryJumps .starCars a:hover { background:url(../images/layup/jumpStarCars.jpg) left -126px no-repeat; width: 205px; height: 126px; display: block; } #primaryJumps .bmw a { background:url(../images/layup/jumpBmw.jpg) left top no-repeat; width: 118px; height: 126px; display: block; } #primaryJumps .bmw a:hover { background:url(../images/layup/jumpBmw.jpg) left -126px no-repeat; width: 118px; height: 126px; display: block; } #primaryJumps .mini a { background:url(../images/layup/jumpMini.jpg) left top no-repeat; width: 124px; height: 126px; display: block; } #primaryJumps .mini a:hover { background:url(../images/layup/jumpMini.jpg) left -126px no-repeat; width: 124px; height: 126px; display: block; } #primaryJumps .vauxhall a { background:url(../images/layup/jumpVauxhall.jpg) left top no-repeat; width: 99px; height: 126px; display: block; } #primaryJumps .vauxhall a:hover { background:url(../images/layup/jumpVauxhall.jpg) left -126px no-repeat; width: 99px; height: 126px; display: block; } #primaryJumps .chevrolet a { background:url(../images/layup/jumpChevrolet.jpg) left top no-repeat; width: 101px; height: 126px; display: block; } #primaryJumps .chevrolet a:hover { background:url(../images/layup/jumpChevrolet.jpg) left -126px no-repeat; width: 101px; height: 126px; display: block; } #primaryJumps .vxr a { background:url(../images/layup/jumpVXR.jpg) left top no-repeat; width: 101px; height: 126px; display: block; } #primaryJumps .vxr a:hover { background:url(../images/layup/jumpVXR.jpg) left -126px no-repeat; width: 101px; height: 126px; display: block; } #primaryJumps .peterVardyVans a { background:url(../images/layup/jumpPeterVardyVans.jpg) left top no-repeat; width: 122px; height: 126px; display: block; } #primaryJumps .peterVardyVans a:hover { background:url(../images/layup/jumpPeterVardyVans.jpg) left -126px no-repeat; width: 122px; height: 126px; display: block; } #primaryJumps .servicing a { background:url(../images/layup/jumpServicing.jpg) left top no-repeat; width: 122px; height: 126px; display: block; } #primaryJumps .servicing a:hover { background:url(../images/layup/jumpServicing.jpg) left -126px no-repeat; width: 122px; height: 126px; display: block; } #primaryJumps .driveAway a { background:url(../images/layup/jumpDriveaway.jpg) left top no-repeat; width: 122px; height: 126px; display: block; } #primaryJumps .driveAway a:hover { background:url(../images/layup/jumpDriveaway.jpg) left -126px no-repeat; width: 122px; height: 126px; display: block; } #secondaryJumps { margin-left: 10px; } 3#dealerLocatorHome { float: left; width: 215px; } #dealerLocatorHome .dealerLocator { background:url(../images/layup/leftColBoxBg.gif) top left repeat-y; margin-left: 0px; color: #fff; } #dealerLocatorHome .dealerLocator .title { font-weight: bold; } #dealerLocatorHome .dealerLocator .content { padding: 0px 17px 0px 22px; } #dealerLocatorHome .dealerLocator form { padding: 7px 17px 7px 22px; } #dealerLocatorHome .dealerLocator form select { width: 166px; height: 17px !important;} #dealerLocatorHome .dealerLocator .btn { padding-bottom: 4px; padding-left: 102px; } #secondaryJumps .box { float: left; /*background: url(../images/layup/boxBg225.gif) top left repeat-y; margin-left: 1px;*/ } #secondaryJumps .box a { cursor: pointer; display: block; color: #fff; text-decoration: none; font-weight: normal; } #secondaryJumps .box .thumb { display: block; padding: 8px 17px 8px 20px; } #secondaryJumps .box .title { display: block; font-weight: bold; padding: 8px 17px 0px 20px; } #secondaryJumps .box .content { display: block; padding: 0px 17px 6px 20px; } #secondaryJumps .boxSpacer { float: left; width: 210px; background: #fff; height: 126px; } #leftCol #offerBox { width:208px; height:185px; margin-top:2px; background:url(../images/layup/leftColOfferBg.gif) no-repeat top left; float:left; } #leftCol #offerBox #offer {width:203px; height:149px; padding:4px 0 0 5px; } #leftCol #offerBox .previous {width:102px; height:29px; margin-left:1px; background:url(../images/layup/spriteNextPrev.jpg) no-repeat left top; display:block; float:left;} #leftCol #offerBox .previous:hover {background:url(../images/layup/spriteNextPrev.jpg) no-repeat left bottom;} #leftCol #offerBox .next {width:102px; height:29px; background:url(../images/layup/spriteNextPrev.jpg) no-repeat right top; display:block; float:left;} #leftCol #offerBox .next:hover {background:url(../images/layup/spriteNextPrev.jpg) no-repeat right bottom;} /* ----- HOME PAGE BANNER TABS ----- */ #rightCol #mainFlash { height: 234px; position: relative; margin-top: 10px; } #rightCol #mainFlash #tab1 { } #rightCol #mainFlash #tab2 { display: none; } #rightCol #mainFlash #tab3 { display: none; } #rightCol #mainFlash #tab4 { display: none; } #rightCol #mainFlash #theHomeTabs { width: 13px; height: 175px; position: absolute; top: 0px; right: 5px; z-index: 999; } #rightCol #mainFlash #theHomeTabs a { color: #FFF; text-decoration: none; font-weight: bold; margin-top: 4px; display: block; width: 13px; background: url(../images/layup/homeTabGrey.gif) no-repeat; height: 39px; } #rightCol #mainFlash #theHomeTabs a span { display: block; padding: 12px 0px 0px 3px; } #rightCol #mainFlash #theHomeTabs a:hover, #rightCol #mainFlash #theHomeTabs a.active { background: url(../images/layup/homeTabBlack.gif) no-repeat; } #rightCol #mainFlash #theHomeBanners { padding: 0px 0px 0px 7px; } #rightCol #mainFlash .homeBannerFrame { position: absolute; top: -7px; left: 0px; z-index: 1; } #rightCol #countdown { width:690px; height:64px; padding:10px 0; margin-left:4px; } /* ----- MAIN CONTENT AREA ----- */ #homeContent { padding: 12px 25px 10px 10px; } #mainContent { padding: 2px 6px 10px 6px; line-height: normal; } /* ----- LEFT COLUMN ----- */ #leftCol { float: left; width: 211px; padding-left: 5px; } #leftCol #vehicleSearch { background:url(../images/layup/vehicleSearchBg.jpg) top left no-repeat; padding: 7px 0px 0px 18px; height:228px; } #leftCol #vehicleSearch .title { padding-bottom: 6px; } #leftCol #vehicleSearch form { margin-left: 6px; } #leftCol #vehicleSearch form div { margin-bottom: 7px; } #leftCol #vehicleSearch form span { color: #fff; font-weight: bold; position: relative; top: -2px; margin-right: 8px; } #leftCol #vehicleSearch select { width:162px; border:1px solid #d0d0d0; padding:1px 0px; font-size: 1.0em; } #leftCol #vehicleSearch .checkRadio { width:18px !important; margin: 0px; padding: 0; position: relative; left: 0; } #leftCol #vehicleSearch .search { width: 95px !important; height: 35px; float: left; margin-top:-6px;} #leftCol #vehicleSearch .advanced { width: 64px !important; line-height: 120%; float: left; padding-left: 3px; font-size: 0.9em; } #leftCol #vehicleSearch .advanced a { color: #fff; text-decoration: underline; font-weight: normal; } #leftCol #vehicleSearch .advanced a:hover { text-decoration: none; } #leftCol .box { float: left; background:url(../images/layup/leftColBoxBg.gif) top left repeat-y; width: 210px; color: #fff; } #leftCol .box .title { font-weight: bold; display: block; } #leftCol .box .content { padding: 8px 17px 0px 22px; display: block; } #leftCol .box form { padding: 10px 17px 0px 22px; display: block; } #leftCol .box form select { width: 166px; height: 17px !important;} #leftCol .box .btn { padding: 11px 22px 6px 22px; display: block; } #leftCol .box .thumb { padding: 0px 22px 0px 0px; display: block; } #leftCol .box .clear { display:block; clear: both; } #leftCol .box a { cursor: pointer; color: #fff; text-decoration: none; font-weight: normal; width: 210px; display: block; } #leftCol .dealerLocator a { width: auto; display: inline; } #leftCol .box.twitter { background:url(../images/layup/leftColBoxBg.gif) repeat-y top left } #leftCol .box.twitter a { color: #2daad1; text-decoration: none; } #leftCol .box.twitter .padding { display: block; padding: 5px 25px 10px 25px; overflow:hidden; width:139px; } #leftCol .socialNetworkingLinks { width: 200px; height: 168px; position: relative; left: 5px; margin-bottom: 8px; } #leftCol .socialNetworkingLinks img { } #leftCol .socialNetworkingLinks a { position: absolute; display: block; height: 39px; width:40px; background: url(../images/layup/ie6LinkFix.gif); top: 71px; } #leftCol .socialNetworkingLinks a.facebookLink { left:23px; } #leftCol .socialNetworkingLinks a.twitterLink { left:80px; } #leftCol .socialNetworkingLinks a.youTubeLink { left:137px; } #leftCol .saveCompareBox { position: relative; left: 5px; margin-bottom: 8px; background: url(../images/layup/saveCompareFoot.jpg) no-repeat bottom left; padding-bottom: 12px; } #leftCol .saveCompareBox a { outline: none; } #leftCol .saveCompareBox .btnRetrieve img { margin-left: 45px; } #leftCol .saveCompareBox #favThumbBox { padding-left: 14px; padding-top: 5px; width: 197px; } #leftCol .saveCompareBox #favThumbBox .thumb { float: left; margin: 0px 9px 9px 0px; border: 1px solid #fff; } #leftCol .saveCompareBox #favThumbBox .thumb a {} #leftCol .saveCompareBox .btns { padding: 0 21px 0 13px; } /* ----- RIGHT COLUMN ----- */ #rightCol { float: left; width: 700px; } #rightCol #internalDetails { float: right; margin: 18px 12px 45px 28px; display: inline; width: 319px; } #rightCol .cmsImage { width: 337px; height: 252px; position: relative; border: 1px solid #000; float:right; margin:0px 0px 15px 15px; } #rightCol .cmsImage .special { position: absolute; top: 0px; right: 0px; } #rightCol .sublinkContain { width:339px; height:auto; float:right; clear:right; margin-top:15px; color:#fff; margin:0px 0px 15px 15px; } #rightCol .sublinkContain .top { width:339px; height:5px; } #rightCol .sublinkContain .bottom { width:339px; height:5px; } #rightCol .sublinkContain .link { width:298px; height:20px; padding-top:5px; padding-left:20px; margin:2px 2px 2px 0px; float:right; background:url(../images/layup/subLink.jpg) no-repeat; } #rightCol .sublinkContain .link a {color:#fff; text-decoration:none;} #usedCarOffer { margin-left: 6px; margin-bottom: 12px; } /* ----- SAVE COMPARE SECTION ----- */ #compareVehicles table { border-collapse: separate; } #compareVehicles table thead th { background: #eeeced; padding: 10px; } #compareVehicles table thead th.noBg { background: none; } #compareVehicles table thead th a { text-decoration: none; } #compareVehicles table thead th .compareVehicle a { display: block; width: 101px; height: 78px; margin-bottom: 8px; position: relative; background: url(../images/layup/noImage101x78.gif) no-repeat; } #compareVehicles table thead th .compareVehicle a img { width: 101px; height: 78px; } #compareVehicles table thead th .compareVehicle a .frameMedium { position: absolute; top: 0px; left: 0px; } #compareVehicles table tbody td { background: #eeeced; padding: 5px 10px; font-weight: normal; } #compareVehicles table tbody .altRow td { background: #cdcbcc; } #compareVehicles table tbody .priceRow td { background: url(../images/layup/tblPriceBg.gif); color: #fff; font-weight: bold; } /* ----- MOTABILITY PAGES ----- */ #rightCol #motabilityJumps { margin-bottom: 10px; } #rightCol #motabilityJumps img { float: left; } #rightCol #motabilityOffersBox { float: right; margin-left: 10px; } #rightCol #motabilityOffersBox .box { background:#cdcdcd url(../images/layup/motaOfferBoxBg.gif) no-repeat; margin-bottom: 4px; } #rightCol #motabilityOffersBox .box a { background: url(../images/layup/motaOfferBoxFootBg.gif) no-repeat bottom; display: block; text-decoration: none; width: 312px; } #rightCol #motabilityOffersBox .box span { display: block; } #rightCol #motabilityOffersBox .box .padding { padding: 7px 11px 10px 11px; } #rightCol #motabilityOffersBox .box .padding .itemTitle { font-size: 14px; background: url(../images/layup/dotsH2.gif) bottom repeat-x; padding-bottom: 5px; margin-bottom: 5px; } #rightCol #motabilityOffersBox .box .padding .itemContent { font-size: 14px; color: #b20000; } #rightCol #motabilityOffersBox .box .padding .itemDesc { font-weight: normal; padding-top: 5px; } #rightCol #motabilityImageLarge { position: relative; padding: 13px 0px 20px 0px; width:352px; } #rightCol #motabilityImageLarge .frame { position: absolute; top: 0px; left: 0px; } #rightCol #motabilityImageLarge .cmsImageMotability { padding-left: 13px; height: 239px; } #rightCol .titleLarge { font-weight: bold; font-size: 16px; color: #000; border-bottom: 1px solid #cccccc; margin-bottom: 10px; padding-bottom: 5px; } #rightCol #motabilityOffersBox .titleLarge { color: #cd0000; } /* ----- OFFER DETAIL PAGE ----- */ #rightCol .offerFrame { padding-bottom: 65px !important; width: 366px; float: left; } #rightCol #detailOfferJumps { z-index: 999; position: absolute; left: 11px; bottom: 16px; } #rightCol #detailOfferJumps img { float: left; } #rightCol #contactForm {} #rightCol #contactForm #callUsNow { padding: 0px 0px 5px 0px; } #rightCol #contactForm .padding { background: url(../images/layup/offerDetailFormBg.gif) no-repeat; width: 320px; height: 243px; } #rightCol #contactForm .padding #formFootBg { height: 10px; background: url(../images/layup/offerDetailFormFootBg.gif) no-repeat bottom; height: 243px;} #rightCol #contactForm .padding form input, #rightCol #contactForm .padding form textarea { width: 181px !important; } #rightCol #contactForm .padding form input#btnSubmit2 { width:93px !important; height:32px; border:none; float: left;} #rightCol #contactForm .padding form textarea { height: 37px; } #rightCol #contactForm .padding form label { width: 95px !important; } #rightCol #contactForm .padding form input.radioButton { width: 40px !important; float: left; margin-top: 0px; } #rightCol #contactForm .padding #formHeading { font-weight: bold; padding: 10px 5px 5px 5px; margin: 0px 10px 10px 11px; background: url(../images/layup/dotsH.gif) repeat-x bottom; } #rightCol #contactForm .padding form { padding: 0px 5px 0px 5px; margin: 0px 10px 0px 11px; } #rightCol #contactForm .padding div { margin-bottom: 6px !important; } #rightCol #offerList2 {} #rightCol #offerList2 .listItem { width: 227px; float: left; height: 194px; margin-bottom: 20px; } #rightCol #offerList2 .lastItem { width: 220px; } #rightCol #offerList2 .listItem span { display: block; } #rightCol #offerList2 .listItem .itemHeading { color: #d50000; font-size: 12px; font-weight: bold; border-bottom: 1px solid #e6e6e6; margin: 0px 10px 5px 5px; padding-bottom: 5px; height: 26px; } #rightCol #offerList2 .listItem .itemImage { position: relative; } #rightCol #offerList2 .listItem .frame { position: absolute; top: 0px; left: 0px; } #rightCol #offerList2 .listItem .cmsOfferImage { padding: 8px 0px 0px 8px; } #rightCol #offerList2 .listItem a { text-decoration: none; cursor: pointer; display: block; } /* ----- ABOUT US LIST ----- */ #aboutUsList .listItem { background: url(../images/layup/dotsH.gif) repeat-x bottom; margin-bottom: 10px; padding-bottom: 10px; } #aboutUsList .listItem a { text-decoration: none; font-weight: normal; cursor: pointer; } #aboutUsList .listItem span { display: block; } #aboutUsList .listItem .itemImage { float: left; background: url(../images/layup/frameAboutList.gif) no-repeat; /*width: 206px; height: 74px;*/ padding: 6px; } #aboutUsList .listItem .itemDetails { width: 439px; float: right; } #aboutUsList .listItem .itemDetails .itemHeading { font-weight: bold; font-size: 13px; border-bottom: 1px solid #dfdfdf; margin-bottom: 10px; padding-bottom: 5px; } #aboutUsList .listItem .itemDetails .float_right { font-weight: bold; } /* ----- FINANCE PAGE ----- */ #financeJumps a { display: block; padding-right: 21px; float: left; padding-bottom: 15px; } #financeJumps .lastItem { padding-right: 0px; } /* ----- CHARITY PAGES ----- */ #charityBanner { margin-bottom: 23px; } .charityForm { float: right; width: 320px; margin-left: 15px; padding-left: 21px; background: url(../images/layup/charityFormShadow.gif) top left no-repeat; } .charityForm label { width: 96px; font-size: 1.1em; } .charityForm input { width: 214px; } .charityForm textarea { height: 100px; width: 214px; } .charityForm #btnSubmit { width: 97px; height: 31px; } .charityForm .validation-advice { width: 288px; } #charityLeft { width:317px; margin:0 1px 24px 0; float:left; } #charityLeft .titleTop { width:303px; color:#fff; font-weight:bold; background:#000000; padding:7px 0 6px 14px; display:block; } #charityLeft .titeBottom { width:317px; color:#fff; height:71px;display:block; } #charityLeft .titeBottom .padding { padding:37px 5px 16px 12px; display:block; } #charityLeft .titeBottom.howToApply { background:url(../images/layup/charityTitleAreaHowToApply.gif) no-repeat left top; } #charityLeft .titeBottom.whoDoWeFund { background:url(../images/layup/charityTitleWhoDoWeFund.gif) no-repeat left top; } #charityLeft .titeBottom.whatDoWeDo { background:url(../images/layup/charityTitleWhatDoWeDo.gif) no-repeat left top; } #charityLeft .titeBottom.ourLatestProjects { background:url(../images/layup/charityTitleAreaOurLatestProject.gif) no-repeat left top; } #charityRight { width:345px; margin:0 0 24px; float:left; } #charityRight #charityNav { width:345px; height:235px; } #charityRight #charityNav a { width:345px; height:59px; text-decoration:none; outline:none; display:block; } #charityRight #charityNav a span { color:#fff; padding:40px 5px 0 41px; display:block; } #charityRight #charityNav a.ourLatestprojects { background:url(../images/layup/spriteCharityNav.gif) no-repeat 0 0; } #charityRight #charityNav a.whatDoWeDo { background:url(../images/layup/spriteCharityNav.gif) no-repeat 0 -59px; } #charityRight #charityNav a.howToApply { background:url(../images/layup/spriteCharityNav.gif) no-repeat 0 -118px; } #charityRight #charityNav a.whoDoWeFund { height:58px; background:url(../images/layup/spriteCharityNav.gif) no-repeat 0 -177px; } #charityRight #charityNav a.ourLatestprojects:hover, #charityRight #charityNav a.ourLatestprojects.active { background:url(../images/layup/spriteCharityNav.gif) no-repeat -345px 0; } #charityRight #charityNav a.whatDoWeDo:hover, #charityRight #charityNav a.whatDoWeDo.active { background:url(../images/layup/spriteCharityNav.gif) no-repeat -345px -59px; } #charityRight #charityNav a.howToApply:hover, #charityRight #charityNav a.howToApply.active { background:url(../images/layup/spriteCharityNav.gif) no-repeat -345px -118px; } #charityRight #charityNav a.whoDoWeFund:hover, #charityRight #charityNav a.whoDoWeFund.active { background:url(../images/layup/spriteCharityNav.gif) no-repeat -345px -177px; } img.charityImg { width:155px; height:117px; border:1px solid #dadada; padding:6px 7px; margin:0 15px; float:right; } h3.charity { font-size:23px; color:#000; font-weight:bold; background:url(../images/layup/charityDotsH.gif) repeat-x left bottom; padding:0 0 5px; margin:0 0 8px; } #charityMain { width:690px; height:301px; margin:0 0 4px; position:relative; } #charityMain .overlay { width:255px; height:301px; color:#fff; background:url(../images/layup/charityMainImgOverlay.png) no-repeat left top; position:absolute; left:0; top:0; } * html #charityMain .overlay { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='../images/layup/charityMainImgOverlay.png'); background: none; } #charityMain .padding { padding:177px 15px 0; } #projectBox { width:690px; margin:0 0 5px; } #projectBox a { text-decoration:none; font-weight:normal; cursor:pointer; display:block; } #projectBox .title { font-size:11px; color:#fff; background:#000; padding:5px 0 5px 11px; display:block; } #projectBox .padding { border:1px solid #cbcbcb; padding:16px 10px; display:block; } #projectBox .leftSide { width:470px; font-size:11px; color:#000; background:url(../images/layup/charityDotsSquareV.gif) right top repeat-y; padding:0 10px 0 0; float:left; display:block; } #projectBox .leftSide .projectTitle { font-size:23px; font-weight:bold; azimuth:0 0 5px; display:block; } #projectBox .leftSide .subTitle { font-weight:bold; padding:0 0 12px; display:block; } #projectBox .leftSide .description { padding:0 0 17px; display:block; } #projectBox .thumb { width:155px; height:117px; border:1px solid #cbcbcb; margin:10px 0 0; padding:6px; display:block; float:right; } #charityBoxList { margin:0 0 25px; } #charityBoxList .box { width:227px; margin:0 3px 0 0; float:left; } #charityBoxList .end { margin:0 0 0 1px; } #charityBoxList .box a { width:auto; text-decoration:none; font-weight:normal; cursor:pointer; display:block; } #charityBoxList .box .title { font-size:11px; color:#fff; font-weight:bold; background:#000; padding:5px 0 5px 10px; display:block; } #charityBoxList .box .padding { border:1px solid #cbcbcb; padding:11px 11px 10px 10px; display:block; } #charityBoxList .box .thumb { width:205px; height:155px; background:url(../images/layup/charityDotsH.gif) repeat-x left bottom; padding:0 0 9px; margin:0 0 10px; display:block; } #charityBoxList .box .subTitle { height:20px; font-size:11px; color:#000; font-weight:bold; text-transform:none; background:none; padding:0; display:block; } #charityBoxList .box .description { height:63px; font-size:11px; display:block; } #charityBoxList .box .btn { width:92px; height:22px; display:block; } #howToApplyPoints {} #howToApplyPoints .icon { width:49px; display:block; float:left; } #howToApplyPoints .description { width:625px; padding:0 0 15px; float:right; } #howToApplyPoints .description h2 { font-size:11px; font-weight:bold; padding:0 0 10px; display:block; } a.faq { font-size:20px; cursor:pointer; font-weight:bold; text-decoration:none; display:block; } a.faq:hover { color:#cc0000; } table#fundingAchievements { margin:0 0 45px; } table#fundingAchievements p { padding:0 0 10px !important; } #latestUpdates { width:344px; height:130px; color:#fff; background:url(../images/layup/charityJumpLatestUpdates.gif) no-repeat left top; margin:0 1px 11px 0; float:left; } #latestUpdates .padding { padding:14px 0 0 11px; } #latestUpdates .title { width:310px; font-size:23px; font-weight:bold; } #latestUpdates .subTitle{ width:310px; font-size:11px; font-weight:bold; padding:0 0 15px; display:block; } #latestUpdates .description{ width:255px; font-size:11px; display:block; } #videoDiary { width:343px; height:130px; color:#fff; background:url(../images/layup/charityJumpVideoDiary.gif) no-repeat left top; margin:0 0 11px; float:left; } #videoDiary .padding { padding:14px 0 0 11px; } #videoDiary .title { width:310px; font-size:23px; font-weight:bold; } #videoDiary .subTitle { width:310px; font-size:11px; font-weight:bold; padding:0 0 15px; display:block; } #videoDiary .description { width:240px; font-size:11px; display:block; } #whoElseHaveWeHelped {} #whoElseHaveWeHelped .title { font-size:11px; font-weight:bold; color:#fff; background:#000; padding:5px 0 5px 10px; margin:0 0 3px; display:block; } #whoElseHaveWeHelped #boxList {} #whoElseHaveWeHelped #boxList .box { width:176px; border:1px solid #cbcbcb; margin:0; float:left; } #whoElseHaveWeHelped #boxList .divider { width:77px; padding:48px 0 0; display:block; float:left; } #whoElseHaveWeHelped #boxList .box a { width:auto; text-decoration:none; font-weight:normal; cursor:pointer; padding:11px 11px 10px 10px; display:block; } #whoElseHaveWeHelped #boxList .box .thumb { width:155px; height:117px; background:url(../images/layup/charityDotsH.gif) repeat-x left bottom; padding:0 0 9px; margin:0 0 10px; display:block; } #whoElseHaveWeHelped #boxList .box .title { height:20px; font-size:11px; color:#000; text-transform:none; background:none; padding:0; display:block; } #whoElseHaveWeHelped #boxList .box .description { height:63px; font-size:11px; display:block; } #whoElseHaveWeHelped #boxList .box .btn { width:92px; height:22px; display:block; } /* ----- NEW CAR DETAIL ----- */ #newCarInfo {width:655px; border: 1px solid #d9d9d9; background:url(../images/layup/newCarInfoBg.jpg) repeat-x top left #f9f9f9; height:315px; padding:10px 15px 20px 15px;} .newCarTitle { font-size: 23px; float:left; font-weight:bold; color: #ca2121; width: 450px; padding-bottom: 4px; margin-bottom: 1px; line-height: 140%; } .newCarListPrice { font-size: 18px; font-weight:bold; color: #ca2121; float:right; padding-bottom:0px; padding-top:7px; } #newCarImage { border:1px #d3d3d3 solid; width:319px; height:239px; float:left; margin-right:17px; } #newCarVideo { width:309px; float:right; } #newCarEnquiry { border:1px #d3d3d3 solid; width:303px; height:237px; padding:48px 0px 0px 10px; float:left; background:#fdfdfd url(../images/layup/newCarEnquiryBg.gif) no-repeat top left; } #newCarEnquiry input {width:288px; height:13px; margin-bottom:8px; font-weight:bold; color:#545454; } #newCarEnquiry textarea {width:288px; height:65px; margin-bottom:8px;} #newCarEnquiry .submit {float:right; width:58px; height:20px; margin-bottom:0px !important; padding-left:0px !important; margin-right:10px;} #newCarOptions { width:688px; height:88px;float:left; margin-top:20px; margin-bottom:20px;} #newCarOptions div {float:left;} .newCarFeaturesList { list-style: none; padding: 0; margin: 0px 0px 12px 0px; } .newCarFeaturesList li { font-weight: bold; padding: 0px 0px 0px 2px; } .newCarListPrice .title { color: #fff; background: #333333; font-weight: bold; padding: 3px 4px 3px 4px; width: 112px; display: block; float: left; } .newCarListPrice .price { font-weight: bold; font-size: 1.7em; text-align: right; padding-top: 1px; width: 100px; float: left; } .freeTextField { font-weight: bold; font-size: 2.2em; padding-top: 1px; float: left; line-height: 140%; color: #cc0000; } .newCarVardyPrice { height: 37px; line-height: 220%; } .newCarVardyPrice .title { color: #fff; background: #333333; font-weight: bold; padding: 2px 4px 2px 4px; width: 112px; display: block; float: left; } .newCarVardyPrice .price { font-weight: bold; font-size: 2.2em; text-align: right; padding-top: 1px; width: 100px; float: left; } .newCarYouSave { height: 37px; line-height: 170%; } .newCarYouSave .title { color: #fff; background: #cc0000; font-weight: bold; padding: 2px 4px 2px 4px; width: 112px; text-transform: uppercase; display: block; float: left; } .newCarYouSave .price { font-weight: bold; font-size: 2.2em; color: #cc0000; text-align: right; padding-top: 1px; width: 100px; float: left; } .newCarOptions { position: relative; } .newCarOptions .frame { position:absolute; top: 0px; left: -16px; z-index: 0; } .newCarOptions ul { margin: 0px; padding: 7px 0px 0px 0px; list-style: none; width: 319px; } .newCarOptions li { display: block; width: 100px; padding-left:0; float: left; height: 42px; position: relative; z-index: 99999; } .newCarOptions li a { display: block; width: 100px; height: 42px; cursor: pointer; } .dealerLocation { margin:15px 0; padding:10px 0; border-top:1px solid #474747; border-bottom:1px solid #474747; } .dealerLocation #dealerImage { width:138px; height:103px; float:left; margin:0 5px 0 0; } .dealerLocation #dealerText { float:left; } /* ----- NEW CAR MODELS LIST ----- */ #newCarModels { } #newCarModels .box { width: 205px; margin-right: 36px; float: left; } #newCarModels .box a { display:block; width: 205px; color: #fff; cursor: pointer; text-decoration: none; } #newCarModels .thumb { width: 205px; height: 154px; margin-bottom: 3px; display: block; } #newCarModels .title { font-size: 1.0em; background: #cc0000; padding: 3px 0px 3px 9px; margin-bottom: 3px; display: block; } #newCarModels .box.last { margin-right: 0px; } #newCarModels .newCarDottedHeading { width: auto !important; } /* ----- BOX LIST ----- */ #boxList { } #boxList .box { float: left; margin-right: 19px; margin-left: 8px; display: inline; margin-bottom: 34px; } #boxList .box a { display: block; width: 205px; cursor: pointer; text-decoration: none; font-weight: bold; color: #666; } #boxList .box a:hover { text-decoration: underline; } #boxList .box .thumb { display: block; background:url(../images/layup/noImage205x154.gif) top left no-repeat; width: 205px; height: 154px; position: relative; } #boxList .box .thumb .frame { position: absolute; top: -14px; left: -13px; } #boxList .box .title { display: block; padding: 0px 6px 0px 12px; height: 45px; background:url(../images/layup/bulletArrowRed.gif) 0px 3px no-repeat; text-transform: uppercase; } #boxList .box.last { margin-right: 0px; } .newCarBox { width:207px; height: 178px; float:left; margin-right:32px; margin-bottom:35px; } .newCarBox.last { margin-right:0px; } .newCarBox a {font-weight:bold; color:#fff; text-decoration:none; cursor:pointer;} .newCarBox .title { display:block; width:192px; height:30px; background:url(../images/layup/newCarTitleBg.jpg) no-repeat; padding:5px 0px 0px 15px; } .newCarBox .image { border-top: 1px solid #3a3a3a; border-left: 1px solid #3a3a3a; border-right: 1px solid #3a3a3a; display:block; width:205px; height:153px; } .newCarBoxLarge { width:326px; height:189px; float:left; margin:0 33px 0 0; } .newCarBoxLarge.last { margin:0; } .newCarBoxLarge a { color:#fff; } .newCarBoxLarge .image { width:326px; height:154px; background: url(../images/layup/noImage326x154.gif) no-repeat left top; position:relative; display:block; } .newCarBoxLarge .image .frame { position:absolute; top:0; left:0; display:block; width:326px; height:154px; } .newCarBoxLarge .title { display:block; width:311px; height:30px; background:url(../images/layup/vxr/newCarTitleBig.gif) no-repeat; padding:5px 0px 0px 15px; } /* ----- OFFER LIST ----- */ #tabOffers { height: 51px; background:url(../images/layup/tabNewOffersBg.jpg) bottom left no-repeat; list-style: none; padding: 0; margin: 0; } #tabOffers ul { margin: 0; padding:0; } #tabOffers li { list-style: none; float: left; } #tabOffers li.active a { display: none !important } #tabOffers span { display: none; } #tabOffers #newVauxhallOffers a { display: block; float: left; height: 40px; width: 172px; background:url(../images/layup/tabNewVauxhallOffers.jpg) 0px 0px no-repeat; } #tabOffers #newVauxhallOffers a:hover { background:url(../images/layup/tabNewVauxhallOffers.jpg) 0px -40px no-repeat; } #tabOffers #newChevroletOffers a { display: block; float: left; height: 40px; width: 172px; background:url(../images/layup/tabNewChevroletOffers.jpg) 0px 0px no-repeat; } #tabOffers #newChevroletOffers a:hover { background:url(../images/layup/tabNewChevroletOffers.jpg) 0px -40px no-repeat; } #tabOffers #newBmwOffers a { display: block; float: left; height: 40px; width: 172px; background:url(../images/layup/tabNewBmwOffers.jpg) 0px 0px no-repeat; } #tabOffers #newBmwOffers a:hover { background:url(../images/layup/tabNewBmwOffers.jpg) 0px -40px no-repeat; } #tabOffers #newMiniOffers a { display: block; float: left; height: 40px; width: 172px; background:url(../images/layup/tabNewMiniOffers.jpg) 0px 0px no-repeat; } #tabOffers #newMiniOffers a:hover { background:url(../images/layup/tabNewMiniOffers.jpg) 0px -40px no-repeat; } #tabOffers #starCarOffers a { display: block; float: left; height: 40px; width: 126px; background:url(../images/layup/tabStarCarOffers.jpg) 0px 0px no-repeat; } #tabOffers #starCarOffers a:hover { background:url(../images/layup/tabStarCarOffers.jpg) 0px -40px no-repeat; } #tabOffers #starCarOffers.active { background:url(../images/layup/tabStarCarOffers.jpg) 0px -40px no-repeat !important; height: 40px; width: 126px; } #tabOffers #motabilityOffers a { display: block; float: left; height: 40px; width: 140px; background:url(../images/layup/tabMotabilityOffers.jpg) 0px 0px no-repeat; } #tabOffers #motabilityOffers a:hover { background:url(../images/layup/tabMotabilityOffers.jpg) 0px -40px no-repeat; } #tabOffers #motabilityOffers.active { background:url(../images/layup/tabMotabilityOffers.jpg) 0px -40px no-repeat !important; height: 40px; width: 140px; } #tabOffers #contractHireOffers a { display: block; float: left; height: 40px; width: 159px; background:url(../images/layup/tabContractHireOffers.jpg) 0px 0px no-repeat; } #tabOffers #contractHireOffers a:hover { background:url(../images/layup/tabContractHireOffers.jpg) 0px -40px no-repeat; } #tabOffers #contractHireOffers.active { background:url(../images/layup/tabContractHireOffers.jpg) 0px -40px no-repeat !important; height: 40px; width: 159px; } #tabOffers #newCarOffers a { display: block; float: left; height: 40px; width: 132px; background:url(../images/layup/tabNewCarOffers.jpg) 0px 0px no-repeat; } #tabOffers #newCarOffers a:hover { background:url(../images/layup/tabNewCarOffers.jpg) 0px -40px no-repeat; } #tabOffers #newCarOffers.active { background:url(../images/layup/tabNewCarOffers.jpg) 0px -40px no-repeat !important; height: 40px; width: 132px; } #tabOffers #partnersOffers a { display: block; float: left; height: 40px; width: 128px; background:url(../images/layup/tabPartnersOffers.jpg) 0px 0px no-repeat; } #tabOffers #partnersOffers a:hover { background:url(../images/layup/tabPartnersOffers.jpg) 0px -40px no-repeat; } #tabOffers #partnersOffers.active { background:url(../images/layup/tabPartnersOffers.jpg) 0px -40px no-repeat !important; height: 40px; width: 128px; } #offerList { } #offerList .offer { margin-bottom: 10px; position: relative; } #offerList .offer .frame { position: absolute; top: 0; left: 0; } .offerBox { width:317px; height:237px; border:1px solid #b5b5b5; margin-bottom:50px; float:left;} .offerBox.last { float:right;} /* ----- DEALER ----- */ #rightCol #dealerList { } #rightCol #dealerList table { width: 100%; } #rightCol #dealerList th { border: 1px solid #d4d4d4; font-weight: bold; background: #e9e9e9; padding: 8px 6px 8px 6px; } #rightCol #dealerList td { border: 1px solid #d4d4d4; padding: 4px 6px 4px 6px; } #rightCol #dealerList tr.trAlt { background: #f5f5f5; } #dealerMapLinks { width:; height:; position:relative; } #dealerMapLinks a { display:block; background:url(../images/layup/ie6LinkFix.gif) no-repeat 0 0; height:75px; position:absolute; } #dealerMapLinks a.location1 { left:429px; top:62px; width:81px; } #dealerMapLinks a.location2 { left:511px; top:62px; width:70px; } #dealerMapLinks a.location3 { left:581px; top:62px; width:81px; } #dealerMapLinks a.location4 { left:301px; top:88px; width:89px; } #dealerMapLinks a.location5 { left:205px; top:186px; width:81px; } #dealerMapLinks a.location6 { left:287px; top:186px; width:75px; } #dealerMapLinks a.location7 { left:136px; top:285px; width:80px; } #dealerMapLinks a.location8 { left:217px; top:285px; width:75px; } #dealerMapLinks a.location9 { left:504px; top:165px; width:79px; height:70px; } #dealerMapLinks a.location10 { left:584px; top:165px; width:76px; height:70px; } #dealerMapLinks a.location11 { left:504px; top:236px; width:81px; height:76px; } #dealerMapLinks a.location12 { left:585px; top:236px; width:75px; height:76px; } #dealerMapLinks a.location13 { left:504px; top:313px; width:156px; } #dealerDirections { background:url(../images/layup/dealerGetDirectionsBg.gif) top left no-repeat; width: 270px; height: auto; float: left; clear:left; padding: 52px 0px 0px 18px; margin-bottom: 3px; } #dealerDirections #map { margin-bottom: 10px; } #dealerDirections input { width: 170px; float: left; margin-top: 6px; margin-left: 35px; } #dealerDirections #btnGo { width: 35px; height: 30px; float: left; margin: 0px 0px 0px 10px; } #dealerPhoto { background:url(../images/layup/dealerShowroomBg.gif) top left no-repeat; width: 375px; height: 269px; float: right; padding: 52px 0px 0px 23px; margin-bottom: 3px; } #dealerAddress { background:url(../images/layup/dealerAddressBg.gif) top left no-repeat; height: 117px; width: 255px; float: left; padding: 52px 10px 0px 23px; color: #fff; margin-bottom: 3px; font-size:14px; } #dealerAddress address { padding: 10px 0px 10px 0px; } #dealerOpeningTimes { background:url(../images/layup/dealerOpeningTimes.gif) top left no-repeat; width: 370px; height: 120px; float: left; padding: 48px 12px 0px 12px; color: #fff; margin-bottom: 3px; } #dealerOpeningTimes table { border-collapse: separate; } #dealerOpeningTimes .emptyCell { background: #000; } #dealerOpeningTimes th { font-weight: bold; background: #4c4c4c; padding: 5px 5px 5px 5px; text-align: center; } #dealerOpeningTimes tr { background: #333333; } #dealerOpeningTimes td { padding: 3px 5px 3px 5px; } #dealerOpeningTimes .trAlt { background: #262626; } #dealerContactUs { background: #ededed; width: 673px; margin-left: 5px; } #dealerContactUs .padding { padding: 8px 20px 0px 20px; } #dealerContactUs #btnSubmit { width: 70px; height: 36px; } #dealerCmsText { background: #ededed; width: 673px; margin-left: 5px; margin-bottom:20px; } #dealerCmsText .padding { padding: 8px 20px 0px 20px; } #dealerCmsText #btnSubmit { width: 70px; height: 36px; } #dealerTitle { width:637px; height:35px; padding:9px 18px 0px; margin-left:5px; margin-bottom:10px; background:url(../images/layup/dealerTitleBg.gif) left top no-repeat; color:#fff; font-size:20px; } #dealerTitle.commercial { background:url(../images/layup/vans/dealerTitleBg.gif) left top no-repeat; color:#000; } #homeJump { width:288px; float:left; margin-bottom:6px; } /* --------------------------- SAVE & COMPARE ------------------------- */ /*#compareVehicles td { font-size:11px; background:#e7e7e7; padding:8px 4px; border-right:1px solid #fff; } #compareVehicles .altRow td { background:#dadada; } #compareVehicles .price td {background:#4f4f4f; color:#fff; } #compareVehicles .price .amount { font-size:16px; font-weight:bold; }*/ /* ----- VIDEO LIST ----- */ #video { margin-bottom: 10px; } #videoList { margin-top: 7px; } #videoList .box { float: left; display: inline; width: 229px; height: 172px; margin-bottom: 2px; background: url(../images/layup/videoListBg.gif) top left no-repeat; } #videoList .box a { display: block; width: 227px; height: 160px; cursor: pointer; text-decoration: none; font-weight: bold; color: #666; padding: 12px 0px 0px 2px; color: #fff; } #videoList .box a:hover { text-decoration: none; } #videoList .box .title { display: block; height: 23px; font-size: 1.1em; padding: 0px 13px 9px 14px; } #videoList .box .thumb { display: block; position: relative; padding-bottom: 9px; } #videoList .box .thumb .frame { position: absolute; top: 0px; left: 0px; } #videoList .box .content { display: block; height: 39px; font-size: 1.0em; padding: 0px 15px 9px 18px; font-weight: normal; } #videoList .box.last { margin-right: 0px; } /* ----- LIST ----- */ #list {} #list .listItem { float: left; margin-bottom: 20px; position:relative; } #list .listItem a { display: block; cursor: pointer; text-decoration: none; font-weight: normal; border: 1px solid #b5b5b5; color: #fff; padding: 0px 0px 0px 0px; width: 683px; } #list .listItem .clear { display: block; clear:both; } #list .listItem .title { display: block; background:#333; color:#fff; float: left; width: 463px; font-weight: bold; font-size: 1.3em; padding: 7px 0px 7px 10px; margin-bottom: 10px; } #list .listItem .price { display: block; font-weight: bold; float: right; font-size: 1.3em; background:#333; color:#fff; padding:7px 15px 7px 0px; width:195px; height:16px; } #list .listItem .price { background: #333333; color: #FFFFFF; display: block; float: right; font-size: 1.2em; font-weight: bold; height: 16px; padding: 7px 10px 7px 0; width: 200px; } #list .listItem .thumb { display: block; float: left; background:url(../images/layup/noImage151x113Car.gif) top left no-repeat; border:1px solid #444; display:inline; margin-left:10px; width: 151px; height: 113px; position:relative; margin-right: 10px; margin-bottom:10px; } #list .listItem .thumb .special { position: absolute; top: -4px; right: -4px; z-index: 999; } #list .listItem .financeExample { display: block; float: left; width: 483px; height: 19px; padding: 6px 10px 0px 10px; background:url(../images/layup/financeExample.gif) top left no-repeat; color: #000; } #list .listItem .financeExample .financeTitle { display: block; width: 150px; float: left; font-size: 1.3em; color:#000; } #list .listItem .financeExample .financeDeposit { display: block; width: 113px; float: left; margin-left:90px; display:inline; margin-top:0px; color:#000; } #list .listItem .financeExample .financeDeposit .loading {display:block; margin-left:0px; margin-top:-3px;} #list .listItem .financeExample .financeMonthlyPayments { display: block; width: 200px; float: left; color:#000; } #list .listItem .spec { display: block; float: left; width: 505px; height: 84px; color:#000; background:url(../images/layup/usedCarListSpecBox.gif) top left no-repeat; margin-bottom: 6px; } #list .listItem .specDetails { display: block; float: left; width: 505px; height: 84px; background:url(../images/layup/usedCarListSpecBox2.gif) top left no-repeat; margin-bottom: 6px; } #list .listItem .specItem { display: block; height: 21px; padding: 7px 10px 0px 10px; float: left; width: 147px; } #list .listItem .specList { display: block; height: 21px; padding: 7px 10px 0px 10px; float: left; } #list .listItem .btns { padding:0 10px 0 0; display:block; height:28px; } #list .listItem .btnSaveCompare { display:block; width:108px; height:28px; z-index:10; position:absolute; bottom:8px; right:131px; background:url(../images/layup/btnSaveCompareList.gif) no-repeat 0 0; border:none; } #list .listItem .btnSaveCompare:hover { background:url(../images/layup/btnSaveCompareList.gif) no-repeat 0 -28px; } #list .listItem .btnMoreInfo { display:block; width:108px; height:28px; background:url(../images/layup/btnMoreInfoList.gif) no-repeat 0 0; margin:0 0 0 12px; position:absolute; bottom:8px; right:11px; border:none; } #list .listItem .btnMoreInfo:hover { background-position:0 -28px; } /* ----- NEWS LIST ----- */ #newsList {} #newsList .listItem { float: left; background: #000 url(../images/layup/listItemBg.gif) top left no-repeat; margin-bottom: 3px; } #newsList .listItem a { display: block; cursor: pointer; text-decoration: none; font-weight: normal; color: #fff; padding: 7px 12px 0px 12px; width: 663px; } #newsList .listItem .borderB { position: relative; height: 12px; display: block; } #newsList .listItem .borderB img { position: absolute; top: 0; left: -12px; height: 12px; width: 687px; } #newsList .listItem .clear { display: block; clear:both; } #newsList .listItem .title { display: block; float: left; width: 659px; font-weight: bold; font-size: 1.3em; padding: 3px 0px 11px 0px; margin-bottom: 10px; background:url(../images/layup/dotsWhite.gif) bottom left repeat-x; } #newsList .listItem .bullet { background:url(../images/layup/bulletArrowRedBlack.gif) 0px 6px no-repeat; padding-left: 12px; } #newsList .listItem .date { display: block; font-weight: bold; float: right; } /* ----- LIST ----- */ #newCarOfferList {} #newCarOfferList .listItem { float: left; background: #000 url(../images/layup/listItemBg.gif) top left no-repeat; margin-bottom: 3px; } #newCarOfferList .listItem a { display: block; cursor: pointer; text-decoration: none; font-weight: normal; color: #fff; padding: 12px 12px 0px 12px; width: 663px; } #newCarOfferList .listItem .borderB { position: relative; height: 12px; display: block; } #newCarOfferList .listItem .borderB img { position: absolute; top: 0; left: -12px; height: 12px; width: 687px; } #newCarOfferList .listItem .clear { display: block; clear:both; } #newCarOfferList .listItem .thumb { display: block; float: left; background:url(../images/layup/noImage153x115.gif) top left no-repeat; width: 153px; height: 115px; position:relative; margin-right: 3px; } #newCarOfferList .listItem .thumb .frame { position: absolute; top: -1px; left: -1px; } #newCarOfferList .listItem .title { display: block; float: left; width: 500px; font-weight: bold; font-size: 1.3em; padding: 3px 0px 11px 0px; margin-bottom: 10px; margin-left: 3px; background:url(../images/layup/dotsWhite.gif) bottom left repeat-x; } #newCarOfferList .listItem .bullet { background:url(../images/layup/bulletArrowRedBlack.gif) 0px 6px no-repeat; padding-left: 12px; } #newCarOfferList .listItem .price { display: block; float: left; width: 486px; height: 20px; padding: 6px 10px 0px 10px; font-size: 1.1em; background:url(../images/layup/financeExample.gif) top left no-repeat; color: #fff; } #newCarOfferList .listItem .col1 { float: left; width: 200px; } #newCarOfferList .listItem .col2 { float: left; width: 143px; } #newCarOfferList .listItem .col3 { float: left; width: 143px; text-align: right; } #newCarOfferList .listItem .btn { float: right; margin-top: 22px; } /* ----- WHAT CAR REVIEW ----- */ #whatCarReview { width: 285px; height: 223px; background: url(../images/layup/whatCarReview.gif) top left no-repeat; float: left; padding: 0px 0px 0px 30px; } #whatCarReview .title { font-weight: bold; padding: 9px 0px 0px 0px; height: 18px; margin-bottom: 15px; color: #fff; text-transform: uppercase; font-size: 1.3em; } #whatCarReview div { margin-bottom: 12px; } #whatCarReview label { color: #fff; font-weight: bold; } #whatCarReview select { width: 250px; } #whatCarReview .btnReview { width: 126px; height: 27px; float: right; margin-right: 35px; } /* ----- USED CAR DETAIL ----- */ #usedCarImagery { width:655px; border: 1px solid #d9d9d9; background:url(../images/layup/usedCarImageryBg.jpg) repeat-x top left #eaeaea; padding:10px 15px 20px 15px; } #carPhoto { border:1px #444444 solid; width:309px; height:232px; float:left; margin-right:10px; background:url(../images/layup/noImage309x232Car.gif) no-repeat; } #carPhoto .reduced {width:84px; height:84px; position:absolute; float:left;} #carPhoto .enlarge { position: absolute; bottom: 5px; right: 7px; z-index: 2; } #carPhoto .special { position: absolute; top: 16px; right: -4px; z-index: 999; } #thumbnails { width: 330px; margin-top: 0px; float:left; } #thumbnails .thumb { display:block; float: left; width: 96px; height: 72px; border:1px #444444 solid; margin-left:12px; margin-bottom:6px; display:inline; } #usedDetailOptions { width:688px; height:88px;float:left; margin-top:5px; margin-bottom:10px;} #usedDetailOptions a { float:left; display:block; } #usedDetailOptions .whatCar { height:88px; width:107px; background:url(../images/layup/usedDetailOptions.jpg) left top no-repeat; } #usedDetailOptions .testDrive { height:88px; width:98px; background:url(../images/layup/usedDetailOptions.jpg) -107px top no-repeat; } #usedDetailOptions .enquiry { height:88px; width:128px; background:url(../images/layup/usedDetailOptions.jpg) -205px top no-repeat; } #usedDetailOptions .insuranceQuote { height:88px; width:131px; background:url(../images/layup/usedDetailOptions.jpg) -333px top no-repeat; } #usedDetailOptions .sendTo { height:88px; width:96px; background:url(../images/layup/usedDetailOptions.jpg) -464px top no-repeat; } #usedDetailOptions .print { height:88px; width:128px; background:url(../images/layup/usedDetailOptions.jpg) -560px top no-repeat; } /* new used detail options to include facebook */ #usedDetailOptions2 { width:688px; height:79px; margin-top:17px; margin-bottom:16px; } #usedDetailOptions2 a { float:left; display:block; height:79px; background-image:url(../images/layup/usedDetailOptions2.jpg); background-repeat: no-repeat; } #usedDetailOptions2 .enquiry { width:327px; background-position: 0px 0px; margin-right: 22px; } #usedDetailOptions2 .googlePlus { width: 77px; background-position: -349px 0px; margin-right: 10px; } #usedDetailOptions2 .shareThis { width: 77px; background-position: -436px 0px; margin-right: 10px; } #usedDetailOptions2 .whatCar { width: 77px; background-position: -523px 0px; margin-right: 10px; } #usedDetailOptions2 .print { width: 77px; background-position: -610px 0px; } .specialOffer { display:block; position:absolute; z-index:999; } #printCarDetails { display: none; } #usedCarOptions { height: 82px; float: left; margin-top: 3px; } #usedCarOptions a { float: left; } #usedCarFinanceQuote { background:url(../images/layup/usedCarFinanceQuote.gif) top left no-repeat; width: 648px; height: 91px; padding: 0px 14px 0px 14px; margin-left: 5px; margin-top: 5px; } #usedCarFinanceQuote .titleBtns { background:url(../images/layup/dotsWhite.gif) bottom left repeat-x; text-transform: uppercase; position: relative; color: #fff; line-height: 120%; font-size: 1.3em; font-weight: bold; height: 23px; padding-top: 2px; margin-bottom: 2px; } #usedCarFinanceQuote .title { float: left; padding-top: 1px; } #usedCarFinanceQuote .btnApplyForFinance { float: right; margin-right: 1px; } #usedCarFinanceQuote .btnAdjustFinance { float: right; } #usedCarFinanceQuote table { color: #fff; width: 100%; } #usedCarFinanceQuote td { border-right: 1px solid #000; padding: 2px 5px 2px 5px; } #usedCarFinanceQuote tr { background: #272727; } #usedCarFinanceQuote tr.trAlt { background: #666666; } #usedCarFinanceQuote #adjustFinance { background: none; margin: 5px 0px 5px 0px; height: 31px; } #usedCarFinanceQuote #adjustFinance input { width: 50px; } #usedCarFinanceQuote #adjustFinance #btnUpdate { width: 82px; height: 29px; position: relative; margin-top: -5px; margin-left: 8px; float: left; border: none !important; } .domTab #block10, .domTab #block20, .domTab #block30, .domTab #block40, .domTab #block50 { display: block; } .domTab2 { margin-top: 15px; } .domTab2 .domHeadings2 { display: block; width: 688px; background: url(../images/layup/dotsH.gif) repeat-x bottom; } .domTab2 .domHeadings2 a.active, .domTab2 .domHeadings2 a:hover { display: inline; float: left; padding: 5px 10px 5px 10px; text-decoration: none; background: #990000; } .domTab2 .domHeadings2 a { color: #FFF; display: inline; float: left; padding: 5px 10px 5px 10px; margin-right: 2px; text-decoration: none; background: #333; } .newPCPTable, .newLeasePurchaseTable,.newHirePurchaseTable {width:218px;float:left;margin-right:6px;} .newHirePurchaseForm {clear:both;margin: 0px 0 20px 0;padding:4px;background:#f3f3f3;} .newHirePurchaseForm label#lblPeriod { width: 88px !important; padding-top: 3px; } .newHirePurchaseForm label#lblDeposit { width: 60px !important; padding-top: 3px; padding-left: 15px; } .newHirePurchaseForm label#lblMileage { width: 80px !important; padding-top: 3px; padding-left: 15px; } .newHirePurchaseForm fieldset { display: block; } .newHirePurchaseForm #btnUpdate {margin:0 0 0 20px; width: 68px; height: 19px; } .newPCPTable td,.newLeasePurchaseTable td,.newHirePurchaseTable td {border-bottom:1px dotted #ccc;padding:3px 0;} .newPCPTable h1,.newLeasePurchaseTable h1,.newHirePurchaseTable h1 {font-size:12px;font-weight:normal;text-decoration:underline;padding:0;} .newHirePurchaseForm select { float: left; } .newHirePurchaseForm input { width: 70px; float: left; } .newPurchaseButtonBg {color:#fff;padding:4px 0 0;text-align:center;text-decoration:none;background: #990000;height:20px;display:block;width:197px;margin:25px auto;} .newPurchaseTerms {float:left;width:445px;font-size:10px;margin:20px 0;} .newApr {float:right;width:215px;text-align:right;font-size:165%;font-weight:bold;margin:20px 0;} #similarContain { float:left; } #similarVehicles { width:655px; background:#f9f9f9; border:1px solid #c3c3c3; padding:10px 15px; } #similarVehicles .box { width:151px; float:left; margin-right:17px; } #similarVehicles .box a {text-decoration:none; font-weight:normal; } #similarVehicles .box span {display:block; float:left; font-size:12px;} #similarVehicles .box.last {margin-right:0px;} #similarVehicles .box .image { background:url(../images/layup/noImage151x113Car.gif) no-repeat; width:151px; height:113px; border:1px solid #888888; display:block;} #similarVehicles .box .title {font-weight:bold; color:#ca2121; padding:6px 0px; } #similarVehicles .box .text { padding:0px 0px 6px 0px;} /* ----- DOMTABS ----- */ #usedVehicleSpec { background:url(../images/layup/usedVehicleSpecTabBg.gif) top left repeat-x; margin-bottom: 20px; } #usedVehicleSpec .tabset_tabs { height: 54px; width: 100%; margin:0px; padding:0px; list-style:none; } #usedVehicleSpec .tabset_tabs li { list-style: none; display: inline; padding: 0px; float:left; margin-right: 0px; } #usedVehicleSpec .tabset_tabs li a { display: block; width: 110px; height: 54px; float: left; cursor: pointer !important; background-image: url(../images/layup/tabUsedCarDetails.gif); background-repeat: repeat; } #usedVehicleSpec .tabset_tabs li a#carSpec { background-position: 0px -54px; margin-right: 5px; } #usedVehicleSpec .tabset_tabs li a#carSpec:hover { background-position: 0px 0px; } #usedVehicleSpec .tabset_tabs li.active a#carSpec { background-position: 0px 0px; } #usedVehicleSpec .tabset_tabs li a#techInfo { background-position: -110px -54px; margin-right: 5px; } #usedVehicleSpec .tabset_tabs li a#techInfo:hover { background-position: -110px 0px; } #usedVehicleSpec .tabset_tabs li.active a#techInfo { background-position: -110px 0px; } #usedVehicleSpec .tabset_tabs li a#ecoInfo { background-position: -220px -54px; margin-right: 6px; } #usedVehicleSpec .tabset_tabs li a#ecoInfo:hover { background-position: -220px 0px; } #usedVehicleSpec .tabset_tabs li.active a#ecoInfo { background-position: -220px 0px; } #usedVehicleSpec .tabset_tabs li a#managersComments { background-position: -330px -54px; margin-right: 6px; } #usedVehicleSpec .tabset_tabs li a#managersComments:hover { background-position: -330px 0px; } #usedVehicleSpec .tabset_tabs li.active a#managersComments { background-position: -330px 0px; } #usedVehicleSpec .tabset_tabs li a#finance { background-position: -440px -54px; margin-right: 5px; margin-top: 0; } #usedVehicleSpec .tabset_tabs li a#finance:hover { background-position: -440px 0px; } #usedVehicleSpec .tabset_tabs li.active a#finance { background-position: -440px 0px; } #usedVehicleSpec .tabset_tabs li a#addedExtras { background-position: -550px -54px; width: 111px; } #usedVehicleSpec .tabset_tabs li a#addedExtras:hover { background-position: -550px 0px; } #usedVehicleSpec .tabset_tabs li.active a#addedExtras { background-position: -550px 0px; } #usedVehicleSpec .tabset_print { display: none; } #usedVehicleSpec .tabset_content { width:686px; background: #f9f9f9; border-left: 1px solid #c2c2c2; border-right: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2; padding: 10px 0px; } #usedVehicleSpec .tabset_content h1 { color: #c0292e; padding: 0px 0px 8px 0px; font-size: 1.5em; } #usedVehicleSpec .tabset_content h2 { color: #c0292e; padding: 0px 0px 8px 0px; font-size: 1.5em; } #usedVehicleSpec .tabset_content table { width: 100%; } #usedVehicleSpec .tabset_content td { padding: 8px 20px 8px 20px; font-size: 1.1em; } #usedVehicleSpec .tabset_content tr.trAlt td { background:#cdcdcd !important; } #usedVehicleSpec .tabset_content .paddedContent { padding: 0px 20px; } #usedVehicleSpec .tabset_content tr { } #usedVehicleSpec .details {width:346px; margin-left:0px; margin-top:10px; float:left; font-weight:bold;} #usedVehicleSpec .details div {margin-left:10px; } /* TAB - VEHICLE OVERVIEW */ #tabCarDetail .titlePrice { border-bottom:1px solid #c3c3c3; text-transform: uppercase; padding-bottom: 15px; margin-bottom: 5px; } #tabCarDetail .title { color:#ca2121; font-weight:bold; font-size: 1.7em; padding-bottom: 5px; } #tabCarDetail .price { font-size: 1.7em; font-weight: bold; } #tabCarDetail .price span span { font-size: 0.7em; font-weight: normal; } #tabCarDetail .borderTop { padding-top:10px; } #tabCarDetail .borderTop table { border-top:1px solid #c3c3c3; margin-top:5px; } #tabCarDetail .borderTop table td { padding:8px 0; } /* TAB - TECH INFO */ #tabExtras .techItem { margin-bottom: 2px; } #tabExtras .techItem .techHeading a { background: #af191a url(../images/layup/iconPlus.gif) 619px 6px no-repeat; color: #fff; font-size: 1.3em; display: block; text-decoration: none; padding: 9px 10px 8px; } #tabExtras .techItem.active .techHeading a { background: #af191a url(../images/layup/iconMinus.gif) 619px 6px no-repeat; } #tabExtras .techItem table { } #tabExtras .techItem td { background: #fff; padding: 10px 11px; border: 1px solid #f9f9f9; } /* TAB - ECO */ #tabEcoInfo { } #tabEcoInfo .paddedContent { padding: 0px 11px !important; } #tabEcoInfo .leftSide { float: left; width: 436px; border-right: 1px solid #c3c3c3; padding-right: 10px; } #tabEcoInfo .rightSide { float: right; width: 206px; } #tabEcoInfo td { padding: 5px 10px !important; font-size: 1.0em !important; } #tabEcoInfo tr.trAlt td { background: #e2e2e2 !important; } #tabEcoInfo .co2Diagram { margin-top: 15px; } /* SHARE POPUP */ #shareOverlay { position: absolute; width: 100%; z-index: 99999; height: 100%; background: url(../images/layup/overlayBg.png) top left repeat; } * html #shareOverlay { background: none; } #shareOverlay .btnClose { height:20px; text-align: right; padding-right: 5px; padding-top: 4px; } #shareOverlay .btnClose a { font-size: 1.2em; color: #fff; text-decoration:none; } #shareOverlay .btnClose a span { color:#F60; } #shareOverlay .sharePopUp { width: 346px; height: 162px; margin:300px auto 0 auto; background: url(../images/layup/sharePopUpBg.gif) top left no-repeat; } #shareOverlay .sharePopUp .inner { margin-left: 30px; margin-top: 7px; } #shareOverlay .sharePopUp .inner a { float: left; margin-right: 19px; } /* CONTACT POPUP */ #contactOverlay { position: absolute; width: 100%; z-index: 99999; height: 100%; font-size: 1.1em; background: url(../images/layup/overlayBg.png) top left repeat; text-align: left; } * html #contactOverlay { background: none; } #contactOverlay .btnClose { height:20px; text-align: right; padding-right: 5px; padding-top: 4px; } #contactOverlay .btnClose a { font-size: 1.2em; color: #fff; text-decoration:none; } #contactOverlay .btnClose a span { color:#F60; } #contactOverlay .contactPopUp { width: 765px; height: 542px; margin:150px auto 0 auto; background: url(../images/layup/contactPopUpBg.gif) top left no-repeat; } #contactOverlay .contactPopUp .inner { margin-left: 30px; margin-top: 7px; } #contactOverlay .contactPopUp .inner .contactForm { width: 383px; float: left; border-right: 1px solid #949494; } #contactOverlay .contactPopUp .inner .contactForm form { margin: 0; } #contactOverlay .contactPopUp .inner .contactForm div { margin-bottom: 17px; position: relative; } #contactOverlay .contactPopUp .inner .contactForm div.clear { margin: 0; } #contactOverlay .contactPopUp .inner .contactForm label { width: 100px; } #contactOverlay .contactPopUp .inner .contactForm input { width: 248px; } #contactOverlay .contactPopUp .inner .contactForm select { width: 254px; } #contactOverlay .contactPopUp .inner .contactForm textarea { width: 248px; } #contactOverlay .contactPopUp .inner .contactForm input#btnSubmit { width: 114px !important; height: 40px !important; float: right; margin-right: 26px; } #contactOverlay .contactPopUp .inner .contactForm .validation-advice { width:373px; padding: 5px; background-color: #cc0000; color : #FFF; font-weight: bold; position: absolute; top: 22px; left: 0; } #contactOverlay .contactPopUp .inner .contactInfo { float: right; width: 272px; margin-right: 51px; } #contactOverlay .contactPopUp .inner .contactInfo .liveChat { margin-bottom: 20px; } #contactOverlay .contactPopUp .inner .contactInfo .callUs { margin-bottom: 20px; width: 232px; height: 79px; background: url(../images/layup/popupCallus.gif) top left no-repeat; padding: 40px 20px 0px 20px; } #contactOverlay .contactPopUp .inner .contactInfo .callUs .btnSkype { float: right; } #contactOverlay .contactPopUp .inner .contactInfo .callUs p { line-height: 120%; padding: 0px 0px 5px 0px; font-size: 1.1em; } #contactOverlay .contactPopUp .inner .contactInfo .findYourNearest { margin-bottom: 20px; } #contactOverlay .contactPopUp .inner .contactInfo .share { width: 251px; height: 52px; padding: 41px 0px 0px 21px; background: url(../images/layup/popupShare.gif) top left no-repeat; } #contactOverlay .contactPopUp .inner .contactInfo .share a { float: left; margin-right: 6px; } /* ----- FINANCE TAB ----- */ #finance { float:right; margin-top:16px;} #financeCalc { width:271px; border: 1px solid #c2c2c2; height:315px; background:url(../images/layup/domtabBg.gif) top left repeat-x #f9f9f9; padding:10px; } #frmFinance div {float:left; width:90px; margin-top:5px; } #financeCalc #hirePurchase div {float:left; width:90px; margin-top:5px; } #financeInfo { margin-bottom:10px;} #financeInfo div { clear:left; padding-bottom:18px; } /* ----- PRESS RELEASE ----- */ #pressList {} #pressList .listItem { width:688px; border-bottom:1px solid #CCCCCC; padding:0 0 15px; margin:0 0 15px; } #pressList .listItem a { text-decoration:none; font-weight:normal; cursor:pointer; display:block; } #pressList .listItem .thumb { width:221px; height:164px; padding:3px 0 0 3px; position:relative; display:block; float:left; } #pressList .listItem .thumb .frame { position:absolute; left:0; top:0; display:block; } #pressList .listItem .rightSide { width:442px; color:#3b3b3b; font-size:11px; font-weight:bold; float:right; display:block; } #pressList .listItem .rightSide .title { font-size:16px; display:block; } #pressList .listItem .rightSide .date { padding:0 0 10px; display:block; } #pressList .listItem .rightSide .description { height:109px; display:block; } #pressList .listItem .rightSide .link { text-align:right; color:#b50101; display:block; } /* ----- FEEDBACK POP-UP */ #feedbackPop { width:422px; background:url(../images/layup/feedbackBg.jpg) no-repeat left bottom; } #feedbackPop #head { width:422px; height:59px; } #feedbackPop .area { width:396px; font-size:12px; background:#fff; border:1px solid #CCCCCC; padding:4px 0; margin:0 0 20px 11px; } #feedbackPop .area span { padding:4px 0 0 8px; display:block; } #feedbackPop #smileyRating { width:186px; float:right; } #feedbackPop #smileyRating a { margin:0 10px 0 0; float:left; display:block; } .feedbackTabs { margin:0 0 0 5px; } .feedbackTabs ul.domHeadings { padding: 0px; margin: 0px; list-style: none; } .feedbackTabs ul.domHeadings li { float: left; } .feedbackTabs ul.domHeadings li a { height:53px; outline:none; display: block; float: left; } .feedbackTabs ul.domHeadings li a span { padding:0 !important; display:none !important; } .feedbackTabs ul.domHeadings li a.bug { width:128px; background:url(../images/layup/spriteFeedbackTabs.jpg) no-repeat 0 0; } .feedbackTabs ul.domHeadings li a.siteContent { width:130px; background:url(../images/layup/spriteFeedbackTabs.jpg) no-repeat -128px 0; } .feedbackTabs ul.domHeadings li a.suggestion { width:129px; background:url(../images/layup/spriteFeedbackTabs.jpg) no-repeat -258px 0; } .feedbackTabs ul.domHeadings li a.compliment { width:129px; background:url(../images/layup/spriteFeedbackTabs.jpg) no-repeat -387px 0; } .feedbackTabs ul.domHeadings li a.other { width:128px; background:url(../images/layup/spriteFeedbackTabs.jpg) no-repeat -516px 0; } .feedbackTabs ul.domHeadings li.active a.bug { background:url(../images/layup/spriteFeedbackTabs.jpg) no-repeat 0 -53px; } .feedbackTabs ul.domHeadings li.active a.siteContent { background:url(../images/layup/spriteFeedbackTabs.jpg) no-repeat -128px -53px; } .feedbackTabs ul.domHeadings li.active a.suggestion { background:url(../images/layup/spriteFeedbackTabs.jpg) no-repeat -258px -53px; } .feedbackTabs ul.domHeadings li.active a.compliment { background:url(../images/layup/spriteFeedbackTabs.jpg) no-repeat -387px -53px; } .feedbackTabs ul.domHeadings li.active a.other { background:url(../images/layup/spriteFeedbackTabs.jpg) no-repeat -516px -53px; } .feedbackTabs .domTabs {} .feedbackTabs .domContent { background:#c6c6c6; margin:0 8px 0 5px; } .feedbackTabs .domContent .padding { padding:8px 6px; } .feedbackTabs .domContent h2 { font-weight:bold; font-size:13px; color:#000; padding:0 0 15px; } .feedbackTabs .domContent ul.issues { list-style:none; padding:0 40px 15px 0; margin:0; float:left; } .feedbackTabs .domContent ul.issues a { color:#166db2; } #optionsBtns { width:422px; height:40px; padding:28px 0 0; } #optionsBtns div a { height:28px; background:url(../images/layup/ie6LinkFix.gif) repeat; display:block; } #optionsBtns .btnCancel { width:73px; margin:0 13px 0 9px; display:inline; float:right; } #optionsBtns .btnSend { width:68px; display:inline; float:right; } /* ----- CLASSES ----- */ .clear { clear:both; } .clearSmall { clear:both; display: block; line-height: 0px; height: 0px; font-size: 0px; } .hide { display:none; } .show { display:block; } .printShow { display:none; } .float_left { float:left !important; } .float_right { float:right !important; } .align_left { text-align:left !important; } .align_center { text-align:center !important; } .align_right { text-align:right !important; } .align_justify { text-align:justify !important; } .align_bottom { vertical-align:bottom !important; } .image_right { float:right; padding:0 0 15px 15px; } .image_left { float:left; padding:0 15px 15px 0; } .image_center { margin:0 auto;} .hand { cursor:pointer; } .red { color: #ff0000; } .divider { background:url(../images/layup/dotsWhite.gif) bottom left repeat-x; display: block; height: 10px; } .borderRight { border-right: 1px solid #c4c4c4; } .titleRed { font-weight: bold; font-size: 14px; color: #d50000; } .titleBlue { color: #0476d7; } .titleGreen { color: #78bd40; } /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold; } h1 {font-size:14px;} h2 {font-size:14px;} /* ----- NEW CAR LIST ----- */ #newCarList { } #newCarList .box { width: 191px; height: 115px; float: left; position: relative; } #newCarList .box .thumb { position: absolute; top: 0px; left: 0px; display: block; width: 191px; height: 115px; overflow: hidden; } #newCarList .box .thumb img { position: absolute; top: 0px; left: 0px; } #newCarList .box .thumb a:hover { position: absolute; top: -115px; left: 0px; } #newCarList .box .title { position: absolute; top: 85px; left: 10px; font-size: 1.1em; } #newCarList .box .title a { text-decoration: none; } #newCarList .box .title a:hover { text-decoration: none; } #primaryNav { background: url(../images/layup/navBg.gif) top left no-repeat; height: 41px; position:relative; z-index:1000;} #primaryNav ul { list-style: none; margin: 0px; padding: 5px 0px 0px 16px; } #primaryNav li { float: left; background:url(../images/layup/navDivider.gif) top right no-repeat; padding-right: 3px; } #primaryNav li.last{ background:none; } #primaryNav li a { display: block; text-decoration: none; font-weight: bold; color: #fff; padding: 8px 16px 10px 16px; } #primaryNav li a:hover { background:url(../images/layup/navHover.gif) top left repeat-x; } /*#primaryNav li.last { background: none; }*/ #primaryNav li .active { background:url(../images/layup/navHover.gif) top left repeat-x; } #primaryNav ul li ul { left: -999em; position: absolute; } #primaryNav ul li:hover ul, #primaryNav ul li.sfhover ul { left: auto; top:32px; padding: 0px 0px 4px 0px; display: block; float:left; width: 184px; background:url(../images/layup/dropDownBottom.gif) no-repeat bottom center; } #primaryNav ul li:hover ul li, #primaryNav ul li.sfhover ul li { display: block; padding: 0px 0px 0px 0px; margin: 0px; background: url(../images/layup/dropDownBg.gif) repeat-x; width: 184px; border-top:1px solid #4c4c4c; } #primaryNav ul li:hover ul li a, #primaryNav ul li.sfhover ul li a { padding: 10px 5px 6px 10px; margin: 0px; color: #FFFFFF; } #primaryNav ul li:hover ul li a:hover, #primaryNav ul li.sfhover ul li a:hover { background:url(../images/layup/dropDownHoverBg.gif) repeat-x; } /* ----- SECONDARY NAVIGATION ----- */ #secondaryNav {} #secondaryNav ul { list-style: none; margin: 0; padding: 0; } #secondaryNav li { } #secondaryNav li a { text-decoration: none; } /* ----- SITE MAP ----- */ #sitemap { list-style:none; margin:0 0 0 5px; padding:0;} #sitemap ul { list-style:none; margin:10px 0 0px 15px; padding:0;} #sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;} /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #pageInfo { background:url(../images/layup/dotsH.gif) bottom left repeat-x; margin: 0px 6px 14px 6px; padding: 13px 0px 10px 0px; } #pageInfo a { } #breadcrumbs { float: left; } #breadcrumbs a { font-weight: normal; text-decoration: none; } #breadcrumbs a:hover { text-decoration: underline; } #breadcrumbs .active { font-weight: bold; color: #cc0000; } #breadcrumbs h1.active { font-size:11px; display:inline; } #back { float: right; } #back a { text-decoration: none; font-weight: bold; padding-right: 18px; } #back a:hover { text-decoration: underline; } #pagination { float: right; padding-right: 18px; margin-top:12px; width:250px; } #pagination a { padding: 0px 3px 0px 3px; text-decoration: none; font-weight: normal; } #pagination a:hover { text-decoration: none; background:#d80000; color:#fff !important; } #pagination .active { text-decoration: none; background:#d80000; color:#fff !important; } #pagination .prev { padding: 0px 2px 0px 0px; font-weight: bold; } #pagination .next { padding: 0px 0px 0px 2px; font-weight: bold; } #pagination .prev:hover, #pagination .next:hover { background: none; text-decoration: underline; color: #000 !important; } #adjustFinance { background: #333333; margin: 0px 0px 0px 7px; margin-bottom:0px; width: 679px; } #adjustFinance .title { background: #000000; width: 105px; text-transform: uppercase; color: #fff; font-weight: bold; padding: 8px 6px 0px 6px; font-size: 1.1em; } #adjustFinance form { padding: 0px; margin: 0px; } #adjustFinance label { color: #fff; padding-left: 7px; padding-top: 3px; width: 80px; } #adjustFinance input#btnUpdate { margin: 0px; position: relative; top: 1px; } #adjustFinance select { width:70px; text-align: right; height: 20px; } #adjustFinance select#AnnualMileage { margin-right: 10px; } #adjustFinance input { width: 35px; } #adjustFinance div { float:left; height:23px;padding-top:5px;} #adjustFinance #btnUpdate { width: 82px; height: 29px; position: relative; margin-top: -5px; margin-left: 42px; float: right; border: none !important; } #searchInfo { margin: 0px 7px 0px 7px; padding: 0px 0px 4px 0px; width: 686px; } #searchResults { float: left; font-weight: bold; padding-top: 13px; padding-right:15px; width:140px; } #sortBy { float: right; padding: 10px 0px 6px 15px; background: url(../images/layup/dotsV.gif) top left repeat-y; width:191px;} #sortBy label { width: 50px; font-weight: bold; margin-top: 3px; } #sortBy select { height: 20px; } #paginationBottom { float: right; padding: 20px 18px 20px 0px; } #paginationBottom a { padding: 0px 3px 0px 3px; text-decoration: none; font-weight: normal; } #paginationBottom a:hover { text-decoration: none; background:#d80000; color:#fff !important; } #paginationBottom .active { text-decoration: none; background:#d80000; color:#fff !important; } #paginationBottom .prev { padding: 0px 2px 0px 0px; font-weight: bold; } #paginationBottom .next { padding: 0px 0px 0px 2px; font-weight: bold; } #paginationBottom .prev:hover, #paginationBottom .next:hover { background: none; text-decoration: underline; color: #000 !important; } #usedListOfferSort { padding:11px 0 11px 6px; } #usedListOfferSort .option1, #usedListOfferSort .option2, #usedListOfferSort .option3 { width:156px; height:24px; margin:0 3px 0 0; float:left; font-size:14px; font-weight:bold; color:#FFF; padding:9px 0 0 70px; } #usedListOfferSort .option1 { color:#000; background:url(../images/layup/usedListOffer1.gif) no-repeat left top; padding-left:63px; width:163px; } #usedListOfferSort .option2 { background:url(../images/layup/usedListOffer2.gif) no-repeat left top; padding-left:54px; width:172px; } #usedListOfferSort .option3 { margin-right:0px; background:url(../images/layup/usedListOffer3.gif) no-repeat left top; } #usedListOfferSort input { float:left; width:14px; height:14px; margin:0px; padding:0px; position:relative; top:2px; } #usedListOfferSort label { float:left; line-height:normal; width:130px !important; padding:0 0 0 5px; } /* ----- FOOTER ----- */ /*#footer { color: #000; height:25px; margin-top:-20px; } #footer a { font-weight:normal; text-decoration:none; color: #000; } #footer a:hover { text-decoration:underline;} #footer .padding { width:921px; margin:0 auto;}*/ /* NEW FOOTER*/ #footerWrapper { height:305px; background:url(../images/layup/footerBg.gif) repeat-x; margin:-305px 0 0; } #footer { width:921px; text-align:left; color: #fff; margin:0 auto; } #footer a { font-weight:normal; text-decoration:none; color: #fff; } #footer a:hover { text-decoration:underline;} #footer .padding { padding:30px 0 0; } #footer .title { font-size:15px; font-weight:bold; display:block; padding:0 0 15px; } #footer #siteLinks { float:right; } #footer #siteLinks ul { margin:0 20px 0 0; padding:0; list-style:none; float:left; } #footer #siteLinks ul.end { margin:0; } #footer #siteLinks ul li { padding:0; margin:0; } #footer #siteLinks ul li.title { padding:0 0 15px; } #footer #siteLinks ul li a {} /* ----- GLOBAL ----- */ img { display:block; border:0; } p { padding:0 0 12px 0; margin:0; } address { font-style:normal;} /* ----- LINKS ----- */ a { color:#000000; font-weight:bold; text-decoration:underline; } a:hover { text-decoration:none; } /* ----- FORMS ----- */ form { padding:0; margin:0; } fieldset { padding:0; margin:0; border:0px none; } legend { padding:0; margin:0; display:none; } label { display:block; width:260px; float:left; } input, textarea { width:200px; font-size:11px !important;} .requiredLabel { color:#cc0000;} .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;} #btnSubmit { width:99px; height:41px; border:none;} form#cwCarInsuranceForm { padding: 10px; } form#cwCarInsuranceForm div { margin-bottom: 5px; } .carSelects select { width:120px !important; } .carSelects .selectCar { float:left; width:120px; margin-right:20px; } #noCurrentOffers h2 { margin-top: 15px; font-size: 1.6em; } #noCurrentOffers .heading { padding-left: 25px; } #noCurrentOffers .text { padding-left: 25px; } /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #cc0000; color : #FF3300; } input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; } .validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #cc0000; color : #FFF; font-weight: bold; } #hirePurchase { padding: 0px; } #hirePurchase input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } #hirePurchase input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #cc0000; color : #FF3300; } #hirePurchase input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; } #hirePurchase .validation-advice { margin: 5px 0; width:270px; padding: 5px; background-color: #cc0000; color : #FFF; font-weight: bold;position:absolute; top: 40px; left: 200px; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } #contactFormStyle {margin:0 6px;width:567px;padding:20px;background:#f8f6f7;} .starCars {float:left !important;margin:15px 30px 45px 13px !important;} #mainContent #cmsImage { width: 317px; height: 237px; position: relative; border: 1px solid #000; float:right; margin:0px 0px 15px 15px; } #pressFileList { background: url(../images/layup/downloadArea.gif) bottom left no-repeat; padding-bottom: 20px; margin-bottom: 12px; width: 319px; float: right; clear: left; margin: 0px 0px 15px 15px; } #pressFileList ul { list-style: none; padding: 0; margin: 0; } #pressFileList ul li { width: 120px; padding-bottom: 4px; width: 319px; clear: both; } #pressFileList ul li a { display: block; border: 1px solid #fff; padding-top: 9px; padding-bottom: 8px; padding-left: 50px; font-size: 1.3em; text-decoration: none; background: url(../images/layup/iconFile.gif) 4px 0px no-repeat; } #pressFileList ul li a:hover { border: 1px solid #e7e7e7; } .tweetContainer { padding: 5px; } #tacsBox { position:absolute; left:400px; top:150px; width:600px; background:#000000; padding:20px; color:#fff; z-index:9002; text-align: left; } #tacsBox #closeLink { float:right; position:relative; top:-10px; left:10px; cursor:pointer; } #popupBlanket { position:absolute; z-index: 9001; top:0px; left:0px; width:100%; } #popUpOverlay { background: url(../images/layup/popUpOverlayBg.png); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999; } #popUpContainer { left: 0; position: absolute; top: 0; z-index: 99999; height: 100%; width: 100%; } #popUpContainer .btnClosePopUp { margin: 120px auto 0; width: 600px; } #popUpContainer .btnClosePopUp img { float: right; } #popUpContainer table#tblSales { margin: 0 auto; border: 1px solid #ffffff; text-align: left; } #popUpContainer table#tblService { margin: 0 auto; border: 1px solid #ffffff; text-align: left; } /* OFFER LIST AND DETAILS PAGES MARCH 2010 */ /* ----- DOMTABS ----- */ #offerListTabs { float: left; width: 688px; padding: 14px 0px 0px 0px; margin-top: 2px; } #offerListTabs .titlePrice {border-bottom:1px solid #c3c3c3; font-size:12px; padding:3px 0px; margin-left:10px; margin-bottom:10px; width:346px; float:left;} #offerListTabs .title { float: left; width:265px; color:#ca2121; font-weight:bold; } #offerListTabs .price { float: right; color:#ca2121; font-weight:bold; } #offerListTabs .domtab { } #offerListTabs .tabset_print { display: none;} #offerListTabs .tabset_tabs { height: 35px; width: 688px; margin:0px; padding:0px; list-style:none; } #offerListTabs .tabset_tabs li { list-style: none; display: inline; padding: 0px; float:left; margin-right: 0px; } #offerListTabs .tabset_tabs a { height:35px; display: block; float: left; cursor: pointer !important; margin: 0px; } #offerListTabs .trAlt { background:#e2e2e2 !important; } #offerListTabs .contentHeight { } #offerListTabs .tabset_content { width:688px; padding-top:20px; } #offerListTabs .tabset_content h1 { color: #000; padding: 0px; } #offerListTabs .tabset_content table { width: 364px; float: left; } #offerListTabs .tabset_content td { height: 17px; padding: 5px 0px 5px 10px; width: 138px; } #offerListTabs .tabset_contentFullWidth td { height: 17px; padding: 0px; width: 306px; padding: 0px 4px 0px 4px; } #offerListTabs .tabset_content tr { } #offerListTabs .details {width:346px; margin-left:0px; margin-top:10px; float:left; font-weight:bold;} #offerListTabs .details div {margin-left:10px; } #offerListTabs .fullWidth {width:346px; margin-left:10px;} #offerDetails { font-size:11px !important; } .offerFrame { position:absolute; left:0px; top:0px; } #offerOptions { width:318px; height:125px; float:right; clear:right; margin-left:15px; } #offerOptions a { display:block; height:36px; width:317px; } #offerOptions a#testDrive { background:url(../images/layup/spriteOfferOptions.jpg) 0 0 no-repeat;} #offerOptions a#contactUs { background:url(../images/layup/spriteOfferOptions.jpg) 0 -37px no-repeat;} #offerOptions a#request { background:url(../images/layup/spriteOfferOptions.jpg) 0 -74px no-repeat;} #offerOptions a#testDrive:hover { background:url(../images/layup/spriteOfferOptions.jpg) -317px 0 no-repeat;} #offerOptions a#contactUs:hover { background:url(../images/layup/spriteOfferOptions.jpg) -317px -37px no-repeat;} #offerOptions a#request:hover { background:url(../images/layup/spriteOfferOptions.jpg) -317px -74px no-repeat;} #offerDetails #offerForm { width:689px; background:url(../images/layup/offerFormTop.gif) 0 0 no-repeat; margin-top:20px; } #offerDetails #offerForm .padding { padding:20px; } #offerDetails #offerForm label {width:85px; padding-top:2px; float:left; text-align:right; margin-right:10px;color:#680000; } #offerDetails #offerForm input { float:left; width:230px; } #offerDetails #offerForm select { float:left; width:234px; } #offerDetails #offerForm div { padding-bottom:10px; float:left; } #offerDetails #offerForm .submit { width:99px; height:41px; float:right; } /* ACADEMY SITE */ #academyBanner { margin-bottom:20px; } #academyRightSide { width:275px; float:right; } #academyLeftSide { width:393px; padding-right:10px; float:left; background:url(../images/layup/dotsBlackRepeatY.gif) right top repeat-y; } #academyForm { background:#e0e0e0; width:390px; } #academyForm .padding { padding:20px 30px; margin:0px; float:left; } #academyForm .padding div { margin-bottom:5px; float:left; width:330px; } #academyForm label { float:left; width:120px; margin-right:5px; text-align:right; } #academyForm label span { color:#F00; } #academyForm input { float:left; width:199px; } #academyForm textarea { float:left; width:199px; } #academyForm select { float:left; width:205px; } #academyForm span.req { color:#F00; } #academyForm .reqText { display:block; font-size:10px; padding-top:10px; width:100px; float:left; } #courseDates { margin-bottom:20px; } #courseDates table { width:275px; } #courseDates td.month { font-size:16px; color:#8d8558; font-weight:bold; padding:3px; } #courseDates td { padding:3px; background:#fff; } #courseDates .altRow td { background: #efefef; } #vacancies { } #vacancies .padding { background:url(../images/layup/vacanciesBg.gif) right bottom no-repeat; font-size:14px; line-height:22px; padding:10px; height:200px; } #vacancies a { font-weight:normal; text-decoration:none; } #newCarList { margin-bottom:25px;} #newCarList .box { margin-top:25px; width:331px; height:206px;} #newCarForm .clearSmall { padding:0px; } #newCarForm { margin-bottom: 12px; width: 690px; } #newCarForm form .column { width: 330px; float: left;} #newCarForm form div { margin: 0px; padding: 6px 0px; } #newCarForm form label { display:block; width:115px; float:left; padding-right: 6px; text-align: right; font-size:11px; } #newCarForm form select { width: 198px; } #newCarForm form input, .formLayout_wide form textarea { width: 194px; } #newCarForm form .clear { margin: 0 !important; padding: 0 !important; } #newCarForm .required { color:#F00; } #newCarForm .requiredKey span{ color:#F00; } /* ----- GHOST OVERLAY ----- */ #ghostOverlay { position: absolute; width: 100%; z-index: 99999; height: 100%; background: url(../images/layup/ghostOverlay.png) top left repeat; } * html #ghostOverlay { background: none; } #ghostOverlay .btnClose { height:20px; text-align: right; padding-right: 15px; } #ghostOverlay .btnClose a { font-size: 1.2em; color: #fff; text-decoration:none; } #ghostOverlay .btnClose a span { color:#F60; } #ghostOverlay .mainImage { width: 656px; margin:100px auto 0 auto; } /* ---------------------------------------------------------------------*/ /* --------------------- CODEWEAVERS EXAMPLES ------------------------- */ /* ---------------------------------------------------------------------*/ .cwDisclosure { width:400px; } .cwDisclosure h2 { font-size: 12px; padding-bottom: 4px; } .codeWeaversExample { margin: 0px 0px 10px 0px; } .codeWeaversExample h2 { color: #CC0000; } .codeWeaversExample table { width: 100%; border-collapse: separate; } .codeWeaversExample th { background:#af191a; color: #fff; padding: 3px 6px; text-align:right; vertical-align: top; line-height: 100%; font-size: 1.0em !important; } .codeWeaversExample td { background: #d6d6d6; text-align:right; padding: 5px 6px !important; font-size: 1.0em !important; } .codeWeaversExample tfoot td { padding: 3px; background: none; } #cwFinanceOptions { background: #d6d6d6; width: 100%; height: 32px; } form#cwFinanceOptions .title { float: left; border-right: 1px solid #f9f9f9; padding: 9px 15px 8px; font-size: 1.1em; font-weight: bold; } form#cwFinanceOptions .term { float: left; padding: 6px 0px; width: 160px; } form#cwFinanceOptions .term label { font-size: 1.0em; padding-top: 3px; padding-left: 15px; } form#cwFinanceOptions .deposit { float: left; padding: 6px 0px; width: 154px; } form#cwFinanceOptions .deposit label { font-size: 1.0em; padding-top: 3px; } form#cwFinanceOptions .mileage { float: left; padding: 6px 0px; width: 172px; } form#cwFinanceOptions .mileage label { font-size: 1.0em; padding-top: 3px; } #cwFinanceOptions label { padding-right: 5px; padding-left: 0px; font-size: 1.1em; width: auto; } #cwFinanceOptions input { width: 65px; height: 15px; } #cwFinanceOptions select { width: 90px; height: 20px; } #cwFinanceOptions .float_right { height: 28px; padding-top: 5px; margin-right: 5px; } #cwFinanceDetailedOutput { margin-top: 20px; width: 100%; } #cwFinanceDetailedOutput .financeTable { width: 214px; float: left; margin-right: 1px; background: #d6d6d6; } #cwFinanceDetailedOutput .financeTable th { border-bottom: 1px solid #fff; color: #fff; background: #af191a; font-size: 1.3em; line-height: 150%; font-weight: bold; text-align: left; padding: 9px 15px 9px 15px; } #cwFinanceDetailedOutput .financeTable th a.tooltip { text-decoration: none; color:#fff; float: right; } #cwFinanceDetailedOutput .financeTable th a.tooltip:hover { position:relative; z-index:25; } #cwFinanceDetailedOutput .financeTable th a.tooltip span { display: none; font-weight:normal !important; text-decoration:none !important;color: #000 !important;} #cwFinanceDetailedOutput .financeTable th a.tooltip:hover span { display:block !important; position:absolute; padding:5px 10px 5px 10px; background: #fff; font-size: 0.8em; top: 32px; right: -15px; width:195px; color:#000; text-align: center; text-decoration:none !important; z-index:100; } #cwFinanceDetailedOutput .financeTable td { border-bottom: 1px solid #fff; padding: 6px 10px 6px 15px; font-size: 1.0em; } #cwFinanceDetailedOutput .financeTable.last { margin: 0; } #cwFinanceDetailedOutput .terms { background: #d6d6d6; padding: 10px 17px; border-top: 11px solid #f9f9f9; } #cwFinanceDetailedOutput .terms .apr { font-size: 1.4em; float: right; height: 60px; margin-left: 40px; font-weight: bold; } #cwFinanceDetailedOutput .financeTable.cwFinancePcp, #cwFinanceDetailedOutput .financeTable.cwFinancePcpNotAvailable { margin-right: 0; width: 214px; } #contactJumps .padding { padding:10px 28px 0; width:632px; } #contactJumps .btnDealerLocator { display:block; margin-bottom:15px; } #contactJumps p { font-size:18px; line-height:22px; font-family:Arial, Helvetica, sans-serif; } #contactJumps p a { font-weight:bold; text-decoration:none; } #contactJumps .socialJumps { padding:0 0 20px; } #contactJumps .socialJumps img { float:left; }