/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : Chris Munn / chris.munn@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for Charters Group site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ html { height: 100% !important; } body { font:62.5%/1.6 tahoma, arial, verdana, helvetica, sans-serif; margin:0; padding:0; color:#000000; text-align:center; height: 100% !important; } div#wrapper { background: url(../images/layup/bodyBg.jpg) no-repeat center top; } /* This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text. Declaring the font size in pixels makes it more consistent across browsers. */ td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; } html>body td, html>body textarea, html>body input, html>body select { font-size:11px; } /* some browsers don't inherit the font into tables or textareas! */ /* ----- IDS ----- */ #container { width:960px; margin:0 auto; text-align:left; font-size:110%; line-height: normal; min-height: 100%; background:#FFF url(../images/layup/containerBg.gif) no-repeat top left; } #containerWrapper { min-height: 800px; } #printHeader { display:none;} #container .home { background: url(../images/layup/homeContainerBg.jpg) no-repeat top left; } #header { position: relative; height: 100px; z-index:999; } #header #leftHeaderBg { position: absolute; width: 38px; height: 119px; left: -38px; top: 0px; background: url(../images/layup/headerLeftBg.jpg) no-repeat; } #header #rightHeaderBg { position: absolute; width: 40px; height: 75px; right: -40px; top: 0px; background: url(../images/layup/headerRightBg.jpg) no-repeat; } #header #logo { position: absolute; top: 0px; left: -28px; } #header #contactDetails { position: absolute; top: 0px; right: 0px; } #header #socialLinks { position: absolute; top: 6px; right: 12px; } /* ----- LEFT COLUMN ----- */ #leftCol { float: left; width: 256px; } #leftCol .box { clear: both; float: right; padding: 0px 0px 20px 0px; background: url(../images/layup/boxTopBg.jpg) top left no-repeat; position: relative; } #leftCol .box .padding { width: 202px; background: url(../images/layup/boxBg.jpg) no-repeat bottom left; margin-top: 5px; padding: 16px 16px 30px 16px; } #leftCol .favImg { float: left; padding: 0px 5px 10px 4px; } #leftCol .favImg a img { width:92px; height:69px; } #leftCol .locationName { display: block; width: 120px; float: left; text-align: right; padding-right: 6px; } #leftCol .news {} #leftCol .news .newsContainer { border: 1px solid #cdcdcd; border-top: none; padding: 10px 5px; height: 313px; overflow-y: scroll; width: 215px; } #leftCol .news .newsContainer .item { padding: 0px 2px 10px 2px; } #leftCol .news .newsContainer .item a { text-decoration: none; font-weight: normal; } #leftCol .news .newsContainer .item .newsTitle { font-size: 12px; font-weight: bold; text-transform: uppercase; display: block; } #leftCol .news .newsContainer .item .text { display: block; } #leftCol .news .newsContainer .peugeot .newsTitle { color: #012355; } #leftCol .news .newsContainer .citroen .newsTitle { color: #da0129; } /* ----- RIGHT COLUMN ----- */ #rightCol { float: right; width: 664px; padding-right: 20px; } #rightCol #largeImage { float: left; border: 1px solid #081534; position:relative; } #rightCol #theFlash { float: left; border: 1px solid #081534; height:230px; background:url(../images/layup/loading.gif) no-repeat 50% 50%; } #rightCol #thumbs { float: right; width: 348px; height:72px; overflow: hidden; position: relative; } #rightCol #thumbLeft { position: absolute; top: 0px; left: 0px; } #rightCol #thumbRight { position: absolute; top: 0px; right: 0px; } #rightCol #thumbContainer { width: 1000px; } #rightCol #thumbContainer a.thumb { display: block; float: left; padding: 0px 4px; } #rightCol #usedJumps { float: right; width: 348px; } #rightCol #usedJumps img { float: left; } #rightCol #namePrice { padding-bottom: 15px; } #rightCol #namePrice { width:664px; float:left; } #rightCol #namePrice h1 { padding: 0; } #rightCol #namePrice .name {float:left;} #rightCol #namePrice .price { float: right; font-weight: bold; font-size: 18px; color: #ce3b19; margin-top: -5px; padding-bottom: 4px; } #rightCol #domJumps { float: right; margin-top: 13px; } #rightCol #contactDetails { float: right; width: 315px; position: relative; } #rightCol #dealerMap { width:555px; margin-left:0px; height:377px; position:relative; background:url(../images/layup/dealerMapLarge.jpg) no-repeat; float:left;} #rightCol #dealerMap a { background:url(../images/layup/clickableFix.gif) repeat; display:block;} #rightCol #dealerMap a.location1 {width:53px; height:53px; position:absolute; top:123px; left:30px; } #rightCol #dealerMap a.location2 {width:53px; height:53px; position:absolute; top:258px; left:210px; } #rightCol #dealerMap a.location3 {width:53px; height:53px; position:absolute; top:8px; left:279px; } #rightCol #dealerMap a.location4 {width:53px; height:53px; position:absolute; top:140px; left:317px; } #rightCol #dealerMap a.location5 {width:67px; height:64px; position:absolute; top:213px; left:290px; } #rightCol #dealerMap a.location6 {width:55px; height:64px; position:absolute; top:213px; left:360px; } #rightCol #dealerMap a.location7 {width:53px; height:53px; position:absolute; top:18px; left:394px; } #rightCol #dealerMap a.location8 {width:53px; height:53px; position:absolute; top:140px; left:370px; } #rightCol #dealerMapPeugeot { width:555px; margin-left:0px; height:377px; position:relative; background:url(../images/layup/dealerMapLargePeugeot.jpg) no-repeat; float:left;} #rightCol #dealerMapPeugeot a { background:url(../images/layup/clickableFix.gif) repeat; display:block;} #rightCol #dealerMapPeugeot a.location1 {width:53px; height:53px; position:absolute; top:123px; left:30px; } #rightCol #dealerMapPeugeot a.location2 {width:53px; height:53px; position:absolute; top:258px; left:210px; } #rightCol #dealerMapPeugeot a.location3 {width:53px; height:53px; position:absolute; top:8px; left:279px; } #rightCol #dealerMapPeugeot a.location4 {width:53px; height:53px; position:absolute; top:140px; left:317px; } #rightCol #dealerMapPeugeot a.location6 {width:55px; height:53px; position:absolute; top:222px; left:323px; } #rightCol #dealerMapPeugeot a.location7 {width:53px; height:53px; position:absolute; top:18px; left:394px; } #rightCol #dealerMapVauxhall { width:555px; margin-left:0px; height:377px; position:relative; background:url(../images/layup/dealerMapLargeVauxhall.jpg) no-repeat; float:left;} #rightCol #dealerMapVauxhall a.location1 { width:53px; height:53px; position:absolute; top:144px; left:317px; } #rightCol #contactBadge { position: absolute; top: 40px; left: 200px; } #rightCol #contactBox { width: 287px; background: #f8f8f8; border: 1px solid #bebebe; padding: 10px; margin-bottom: 10px; } #rightCol #contactBox a { display: block; text-decoration: none; font-weight: normal; padding: 5px 0px 5px 0px; } #rightCol #cmsContainer { float: right; width: 308px; margin: 0px 0px 15px 15px; } /* #rightCol #newCarJumps { padding: 0px 0px 0px 0px } #rightCol #newCarJumps ul { list-style: none; padding: 0px; margin: 0px; width: 154px; } #rightCol #newCarJumps ul li { padding: 0px; margin: 0px; } #rightCol #newCarJumps ul a { text-decoration: none; display: block; padding: 0px 0px 5px 0px; width: 154px; } */ /* ----- NEW CAR LIST */ #newCarFranchiseJumps { width:663px; height:152px; } #newCarFranchiseJumps a { height:152px; float:left; } #newCarFranchiseJumps a.peugeot { width:222px; background:url(../images/layup/spriteNewCars.gif) no-repeat 0 0; display:block; } #newCarFranchiseJumps a.citroen { width:221px; background:url(../images/layup/spriteNewCars.gif) no-repeat -222px 0; display:block; } #newCarFranchiseJumps a.vauxhall { width:220px; background:url(../images/layup/spriteNewCars.gif) no-repeat -443px 0; display:block; } /* ----- NEW CARS 06/2010 ----- */ #rightCol #newCarPhotoForm { width: 630px; height: 280px; background: url(../images/layup/newCarPhotoFormBg.gif) 0px 0px no-repeat; padding: 12px 22px 12px 12px; margin-bottom: 12px; } #rightCol #newCarPhotoForm .title { padding: 0px; } #rightCol #newCarPhotoForm .title h1 { padding-bottom: 5px; } #rightCol #newCarPhoto { float: left; } #rightCol #newCarPhoto .title { padding: 0; } #rightCol #newCarPhoto .title h1 { padding: 0px 0px 12px 0px; } #rightCol #newCarPhoto .thumb { border: 1px solid #000; } #rightCol #newCarEnquiryForm { float: right; width: 294px; } #rightCol #newCarEnquiryForm form { margin: 0px !important; } #rightCol #newCarEnquiryForm h2 { padding-bottom: 3px; } #rightCol #newCarEnquiryForm select { width: 294px; font-weight: bold; } #rightCol #newCarEnquiryForm input { width: 288px; font-weight: bold; } #rightCol #newCarEnquiryForm textarea { width: 288px; font-weight: bold; height: 50px; } #rightCol #newCarEnquiryForm .btnSubmit { width: 87px; height: 27px; float: right; } #rightCol #newCarEnquiryForm form div { margin-bottom: 6px; } #rightCol #newCarJumps { height: 47px; margin-bottom: 20px; } #rightCol #newCarJumps div { float: left; margin-right: 14px; } #rightCol #newCarJumps div.last { margin-right: 0 !important; } #rightCol #cmsContainer #cmsImage { margin: 0px 0px 10px 0px !important; } /* ----- OFFER TABS ----- */ #offerTabs { height: 26px; margin-bottom: 13px; } #offerTabs a { display: block; height: 26px; float: left; margin-right: 1px; } #offerTabs a#offerTab1 { width: 91px; background: url(../images/layup/offerTabs.gif) 0px 0px no-repeat; } #offerTabs a#offerTab2 { width: 121px; background: url(../images/layup/offerTabs.gif) -91px 0px no-repeat; } #offerTabs a#offerTab3 { width: 120px; background: url(../images/layup/offerTabs.gif) -212px 0px no-repeat; } #offerTabs a#offerTab4 { width: 91px; background: url(../images/layup/offerTabs.gif) -332px 0px no-repeat; } #offerTabs a#offerTab1:hover, #offerTabs a#offerTab1.active { background: url(../images/layup/offerTabs.gif) 0px -26px no-repeat; } #offerTabs a#offerTab2:hover, #offerTabs a#offerTab2.active { background: url(../images/layup/offerTabs.gif) -91px -26px no-repeat; } #offerTabs a#offerTab3:hover, #offerTabs a#offerTab3.active { background: url(../images/layup/offerTabs.gif) -212px -26px no-repeat; } #offerTabs a#offerTab4:hover, #offerTabs a#offerTab4.active { background: url(../images/layup/offerTabs.gif) -332px -26px no-repeat; } #offerListSmall .box { border: 1px solid #f6f6f6; float: left; margin-right: 2px; margin-bottom: 2px; } #offerListSmall .box a { display: block; border: 1px solid #e6e6e6; position: relative; } #offerListSmall .box a img { padding: 3px; } #offerCmsImage{border:1px solid #081534; margin:15px auto; text-align:center; width:552px;} /* ----- FRANCHISE HOME PAGE ----- */ #homeTop { height: 350px; width: 960px; float: left; position: relative; z-index: 2; } #homeTop #mainImage { float: right; width:518px; height:291px; border:4px #fff solid; margin-right:20px; } #homeTop #mainFlash { float: right; width:612px; height:277px; margin-top: 5px; } #homeTop .usedCarSearch { margin: 24px 0px 20px 30px; width: 226px; background: url(../images/layup/usedSearchBg.jpg) top left no-repeat; position: absolute; top: 0px; left: 0px; } #homeTop .usedCarSearch #searchTabs #selectCars a { display: block; width: 111px; height: 74px; background: url(../images/layup/spriteUsedCars.jpg) no-repeat left bottom; float: left; } #homeTop .usedCarSearch #searchTabs #selectCars a.active { display: block; background: url(../images/layup/spriteUsedCars.jpg) no-repeat left top; } #homeTop .usedCarSearch #searchTabs #selectVans a { display: block; width: 115px; height: 74px; background: url(../images/layup/spriteUsedVans.jpg) no-repeat left bottom; float: left; } #homeTop .usedCarSearch #searchTabs #selectVans a.active { display: block; background: url(../images/layup/spriteUsedVans.jpg) no-repeat top left; } #homeTop .usedCarSearch fieldset { display: block; } /* ----- GROUP HOME PAGE ----- */ #rightCol #mainImage { float: right; width:518px; height:291px; border:4px #fff solid; margin-right:20px; } #rightCol #mainFlash { float: right; width:612px; height:277px; margin-top: 5px; } #leftCol .usedCarSearch { margin: 19px 0px 20px 0px; width: 226px; background: url(../images/layup/usedSearchBg.jpg) top left no-repeat; right:0px; } #leftCol .usedCarSearch #searchTabs #selectCars a { display: block; width: 111px; height: 74px; background: url(../images/layup/spriteUsedCars.jpg) no-repeat left bottom; float: left; } #leftCol .usedCarSearch #searchTabs #selectCars a.active { display: block; background: url(../images/layup/spriteUsedCars.jpg) no-repeat left top; } #leftCol .usedCarSearch #searchTabs #selectVans a { display: block; width: 115px; height: 74px; background: url(../images/layup/spriteUsedVans.jpg) no-repeat left bottom; float: left; } #leftCol .usedCarSearch #searchTabs #selectVans a.active { display: block; background: url(../images/layup/spriteUsedVans.jpg) no-repeat top left; } #leftCol .usedCarSearch #searchTabsInternal #selectCars a { display: block; width: 111px; height: 74px; background: url(../images/layup/spriteUsedCars.jpg) no-repeat left bottom; float: left; } #leftCol .usedCarSearch #searchTabsInternal #selectCars a.active { display: block; background: url(../images/layup/spriteUsedCars.jpg) no-repeat left top; } #leftCol .usedCarSearch #searchTabsInternal #selectVans a { display: block; width: 115px; height: 74px; background: url(../images/layup/spriteUsedVans.jpg) no-repeat left bottom; float: left; } #leftCol .usedCarSearch #searchTabsInternal #selectVans a.active { display: block; background: url(../images/layup/spriteUsedVans.jpg) no-repeat top left; } #leftCol .usedCarSearch fieldset { display: block; min-height: 163px; } * html #leftCol .usedCarSearch fieldset { height:163px; } #leftCol .offerContain { padding:3px 0 0 3px; height:133px; position:relative; width:223px; } #leftCol .offerContain .frame { position:absolute; top:0px; left:0px; } #leftCol .offerContainBtn { float:right; padding-bottom:20px; } #leftCol .offerContainBtn a { display:block; float:left; width:113px; height:40px;} #leftCol .offerContainBtn a#next { background:url(../images/layup/spriteNextPrev.gif) right top no-repeat;} #leftCol .offerContainBtn a#prev { background:url(../images/layup/spriteNextPrev.gif) left top no-repeat;} #leftCol .offerContainBtn a#next:hover { background:url(../images/layup/spriteNextPrev.gif) right bottom no-repeat;} #leftCol .offerContainBtn a#prev:hover{ background:url(../images/layup/spriteNextPrev.gif) left bottom no-repeat;} #franchiseJumps { width:663px; height:152px; } #franchiseJumps a { height:152px; float:left; margin-top:40px; margin-bottom:5px; } #franchiseJumps a.peugeot { width:222px; background:url(../images/layup/spriteFranchiseJumps.gif) no-repeat 0 0; display:block; } #franchiseJumps a.citroen { width:221px; background:url(../images/layup/spriteFranchiseJumps.gif) no-repeat -222px 0; display:block; } #franchiseJumps a.vauxhall { width:220px; background:url(../images/layup/spriteFranchiseJumps.gif) no-repeat -443px 0; display:block; } #franchiseJumps #openingTimes { background: url(../images/layup/greyBoxGradBg.gif) repeat-x; min-height: 200px; } #franchiseJumps #locations { float: left; width:442px; height:252px; background:url(../images/layup/dealerMap.jpg) no-repeat; position:relative; } #franchiseJumps #locations a {background:url(../images/layup/clickableFix.gif) repeat;} #franchiseJumps #locations a.location1 {width:38px; height:38px; top:91px; left:27px; position:absolute; display:block; } #franchiseJumps #locations a.location2 {width:38px; height:38px; top:182px; left:150px; position:absolute; display:block; } #franchiseJumps #locations a.location3 {width:38px; height:38px; top:14px; left:196px; position:absolute; display:block; } #franchiseJumps #locations a.location4 {width:38px; height:38px; top:103px; left:220px; position:absolute; display:block; } #franchiseJumps #locations a.location5 {width:45px; height:46px; top:165px; left:250px; position:absolute; display:block; } #franchiseJumps #locations a.location6 {width:38px; height:46px; top:165px; left:295px; position:absolute; display:block; } #franchiseJumps #locations a.location7 {width:38px; height:38px; top:22px; left:273px; position:absolute; display:block; } #franchiseJumps #opening { float: right; padding: 12px 30px 0px 0px; text-align: right; } #franchiseJumps .heading { color: #c00b0b; font-weight: bold; font-style: italic; font-size: 20px; text-transform: uppercase; letter-spacing: -0.5px; text-align: left; padding: 10px 0px; } #homeText { float: left; } #homeText .padding { padding: 30px 22px 0px 0px; } #homeText #locations { float: right; margin: 0px 0px 20px 40px; width:210px; text-align: right; } #homeText #locations .heading { color:#C00B0B; font-size:20px; font-style:italic; font-weight:bold; letter-spacing:-0.5px; padding:10px 0px; text-align:left; text-transform:uppercase; } #franchiseHomeJumps { float: right; width: 450px; padding-right: 25px; margin-top: -45px; } #franchiseHomeJumps img { float: left; } #franchiseJumps #featuredCar { width: 442px; height: 128px; background: url(../images/layup/featuredCarBg.gif) no-repeat; } #franchiseJumps #featuredCar .padding { padding:5px 12px 12px 12px; } #franchiseJumps #featuredCar a { display: block; text-decoration: none; font-weight: normal; margin:0; float: none; } #franchiseJumps #featuredCar .moreInfo { float: left; padding-right: 30px; padding-top: 20px; } #franchiseJumps #featuredCar .price { float: left; color: #bb1e25; font-weight: bold; font-size: 12px; padding-top: 20px; } /* ----- USED SEARCH ------ */ .usedCarSearch { margin: 24px 0px 20px 30px; width: 226px; background: #131313 url(../images/layup/usedSearchBg.jpg) top left no-repeat; } .usedCarSearch form { padding: 25px 20px 0px 25px; min-height:159px; } .usedCarSearch fieldset { display: block; } .usedCarSearch .title { padding: 0px 0px 12px 0px; } .usedCarSearch select { width: 181px; margin-bottom: 4px; } .usedCarSearch #vanSearching { display: none; } .usedCarSearch #searchTabs #selectCars a { display: block; width: 111px; height: 74px; background: url(../images/layup/spriteUsedCarsInternal.jpg) no-repeat left bottom; float: left; } .usedCarSearch #searchTabs #selectCars a.active { display: block; background: url(../images/layup/spriteUsedCarsInternal.jpg) no-repeat left top; } .usedCarSearch #searchTabs #selectVans a { display: block; width: 115px; height: 74px; background: url(../images/layup/spriteUsedVansInternal.jpg) no-repeat left bottom; float: left; } .usedCarSearch #searchTabs #selectVans a.active { display: block; background: url(../images/layup/spriteUsedVansInternal.jpg) no-repeat top left; } /* ----- FINANCE */ #financeNav { width:231px; margin:0 0 15px 15px; float:right; } #financeNav ul { list-style:none; padding:0; margin:0; } #financeNav ul li { padding:0; margin:0; } #financeNav ul li a { width:231px; height:29px; font-size:13px; color:#fff; text-decoration:none; background:url(../images/layup/financeNavLinkBg.gif) no-repeat left top; display:block; } #financeNav ul li a:hover, #financeNav ul li.active a { background:url(../images/layup/financeNavLinkHoverBg.gif) no-repeat left top; } #financeNav ul li a span { padding:6px 0 0 56px; display:block; } #passportFinance { width:316px; margin:0 0 72px; } #passportFinance #carImg { width:316px; position:relative; } #passportFinance #carImg .lineOne { width:2px; height:146px; background:#09265e; position:absolute; left:105px; top:0; } #passportFinance #carImg .lineTwo { width:2px; height:146px; background:#09265e; position:absolute; left:207px; top:0; } #passportFinance #payments { width:316px; height:113px; position:relative; } #passportFinance #payments div { list-style:none; padding:0; margin:0; float:left; } #passportFinance #payments div a { width:100%; color:#fff; font-weight:normal; text-decoration:none; text-align:center; background:#0e4194; padding:7px 0; float:left; display:block; } #passportFinance #payments .deposit { width:102px; border-left:2px solid #09265e; border-right:2px solid #09265e; } #passportFinance #payments .monthlyDeposit { width:100px; border-right:2px solid #09265e; } #passportFinance #payments .finalPayment{ width:108px; } #passportFinance #payments div a:hover { background:#09265e; } #passportFinance #payments div div.hover { text-align:center; border-left:2px solid #09265e; border-right:2px solid #09265e; border-bottom:2px solid #09265e; padding:7px; float:none; display:block; } #passportFinance #payments div div.hover span { padding:10px 0; display:block; clear:left; } #passportDetails {} #passportDetails .domtab {} #passportDetails .domtab .tabset_tabs { width:639px; height:41px; list-style:none; margin:0; padding:0; } #passportDetails .domtab .tabset_tabs li { padding:0; float:left; } #passportDetails .domtab .tabset_tabs a { height:41px; cursor:pointer !important; float:left; } #passportDetails .domtab .tabset_tabs span { display: none; } #passportDetails .domtab .tabset_tabs li#tabBenefits a { width:127px; background:url(../images/layup/spriteFinanceTabs.gif) no-repeat 0 0; } #passportDetails .domtab .tabset_tabs li#tabWhy a { width:128px; background:url(../images/layup/spriteFinanceTabs.gif) no-repeat -127px 0; } #passportDetails .domtab .tabset_tabs li#tabHow a { width:129px; background:url(../images/layup/spriteFinanceTabs.gif) no-repeat -255px 0; } #passportDetails .domtab .tabset_tabs li#tabPassport a { width:128px; background:url(../images/layup/spriteFinanceTabs.gif) no-repeat -384px 0; } #passportDetails .domtab .tabset_tabs li#tabWhat a { width:127px; background:url(../images/layup/spriteFinanceTabs.gif) no-repeat -512px 0; } #passportDetails .domtab .tabset_tabs li#tabBenefits.active a { width:127px; background:url(../images/layup/spriteFinanceTabs.gif) no-repeat 0 -41px; } #passportDetails .domtab .tabset_tabs li#tabWhy.active a { width:128px; background:url(../images/layup/spriteFinanceTabs.gif) no-repeat -127px -41px; } #passportDetails .domtab .tabset_tabs li#tabHow.active a { width:129px; background:url(../images/layup/spriteFinanceTabs.gif) no-repeat -255px -41px; } #passportDetails .domtab .tabset_tabs li#tabPassport.active a { width:128px; background:url(../images/layup/spriteFinanceTabs.gif) no-repeat -384px -41px; } #passportDetails .domtab .tabset_tabs li#tabWhat.active a { width:127px; background:url(../images/layup/spriteFinanceTabs.gif) no-repeat -512px -41px; } #passportDetails .domtab .tabset_content { width:639px; background:url(../images/layup/financeTabsContentBg.jpg) no-repeat left bottom #f7f5f5; } #passportDetails .domtab .tabset_content .padding { padding:26px 17px 26px 19px; } #passportDetails .domtab .tabset_content #passportVs {} #passportDetails .domtab .tabset_content #passportVs tr {} #passportDetails .domtab .tabset_content #passportVs tr td { color:#fefefe; font-size:12px; background:#0e4194; border-right:2px solid #051637; padding:3px 0 3px 10px; } #passportDetails .domtab .tabset_content #passportVs tr.headings td { border-bottom:2px solid #fff; border-right:2px solid #051637; background:none; padding:0; } #passportDetails .domtab .tabset_content #passportVs tr.headings td.end { border-right:none; } #passportDetails .domtab .tabset_content #passportVs tr td.img { text-align:center; padding-left:0; } #passportDetails .domtab .tabset_content #passportVs tr td.img img { margin:0 auto; } #passportDetails .domtab .tabset_content #passportVs tr td.end { text-align:center; border-right:#fff 2px solid; padding-left:0; } #passportDetails .domtab .tabset_content #passportVs tr td.end img { margin:0 auto; } #passportDetails .domtab .tabset_content #passportVs tr.altRow td { background:#09265e; } #passportDetails .domtab .tabset_content #passportVs tr.btm td { border-bottom:2px solid #fff; } #passportDetails .domtab .tabset_content #passportVs tr td.first { border-left:2px solid #fff; } /* ----- GLOBAL CLASSES ----- */ .clear { clear:both; display: block; } .clearSmall { clear: both; display: block; height: 0; line-height: 0; font-size: 0; } .hide { display:none; } .show { display:block; } .printShow { display:none; } .printHide { display:block; } .float_left { float:left !important; } .float_right { float:right !important; } .align_left { text-align:left !important; } .align_center { text-align:center !important; } .align_right { text-align:right !important; } .align_justify { text-align:justify !important; } .align_bottom { vertical-align:bottom !important; } .image_right { float:right; margin:0 0 15px 15px; } .image_left { float:left; margin:0 15px 15px 0; } .image_center { margin:0 auto; } .hand { cursor:pointer; } .title { padding: 0px 0px 15px 0px; } .redText { font-weight: bold; color: #c00b0b; } .franColor { font-weight: bold; color: #c00b0b; } /* ----- LISTS / IMAGE FRAMES ----- */ #cmsImage { border: 1px solid #081534; float: right; margin: 0px 0px 15px 15px; } #internalList { } #internalList .listItem { float: left; margin: 0px 0px 25px 0px; padding-right: 12px; width:209px; height:195px } #internalList .listItem a { display: block; text-decoration: none; } #internalList .listItem .itemImage { border: 1px solid #081534; display: block; } #internalList .listItem .itemHeading { display: block; padding: 10px 10px 0px 10px; } .newsList {} .newsList .listItem { margin-bottom: 21px; padding-bottom:25px; border-bottom:1px dotted #CCCCCC; } .newsList .listItem a { text-decoration: none; font-weight: normal; } .newsList .listItem span { display: block; } .newsList .listItem .itemImage { float: left; padding-right: 25px; position:relative; } .newsList .listItem .itemDetails { float: left; width: 466px; } .newsList .listItem .itemDetails .itemPrice { float: right; font-weight: bold; font-size: 18px; color: #ce3b19; width: 107px; text-align: center; } .newsList .listItem .itemDetails .itemPrice img { padding-top: 30px; } .newsList .listItem .itemDetails .itemHeading { color: #c00b0b; font-weight: bold; font-size: 12px; } .newsList .listItem .itemDetails .itemInfo { width: 350px; padding-bottom: 29px; } .newsList .listItem .itemDetails .itemInfo .itemSpec { width: 170px; float: left; padding-top: 10px; } .newsList .listItem .itemDetails .itemInfo .itemSpec .textColor { float: left; color: #bf8ea7; width: 100px; } .newsList .listItem .itemInsurance { float: right; height: 26px; width: 460px; padding-top:2px; } .newsList .listItem .itemInsurance span { text-align: right; padding-top: 5px; padding-right: 15px; } .newsList .listItem .itemFinance { clear: both; height: 101px; width: 664px; } .newsList .listItem .itemFinance span { display: inline; } .newsList .listItem .itemFinance table { float: right; margin-top: 7px; } #relatedVehicles { width: 664px; } #relatedVehicles .listItem { background: #d4e6f4; padding: 12px; position: relative; width: 640px; } #relatedVehicles .altItem { background: #a7d2f5 !important; } #relatedVehicles .listItem a { text-decoration: none; font-weight: normal; } #relatedVehicles .listItem .itemImage { border: 1px solid #000000; display: block; float: left; margin-right: 10px; } #relatedVehicles .listItem .itemPrice { float: right; color: #0c2d83; font-weight: bold; font-size: 12px; width: 73px; } #relatedVehicles .listItem .itemPrice span { display: block; padding: 0px 0px 20px 0px; text-align: right; } #relatedVehicles .listItem .itemHeading { display: block; color: #0c2d83; font-weight: bold; font-size: 12px; padding: 0px 0px 5px 0px; } /* ----- 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; font-weight: bold; color: #c00b0b; } /* ----- TOP NAVIGATION ----- */ #primaryNav {} #primaryNav ul { list-style: none; margin: 0; padding: 0px 25px 0px 0px; float: right; } #primaryNav li { float: left; background: url(../images/layup/navSpacer.gif) right bottom no-repeat; } #primaryNav li a { display: block; float: left; padding: 25px 11px 7px 10px; text-decoration: none; color: #ffffff; } #primaryNav li.active a, #primaryNav li a:hover { background: url(../images/layup/navActive.gif) top center no-repeat; } /* ----- 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 ----- */ #breadcrumbs { height:26px; padding:10px 0px 7px 7px; margin: 0px 0px 15px 73px; background: url(../images/layup/dotsH.gif) repeat-x bottom; width:448px; } #breadcrumbs div { float:left; background:#fff; padding:2px; } #breadcrumbs a { font-weight: normal; text-decoration: none; } #breadcrumbs span { font-weight: bold; } #breadcrumbs #sortBy { width:180px; height:22px; margin:-3px 0 0 0px; color: #BF8EA7; padding-left: 9px; } #breadcrumbs #sortBy label { width: 50px; font-weight: bold; margin-top: 3px; } #financeOptions { width:538px; margin:8px 0 0 0; float:left; } #financeOptions select { display: block; float: left; position: relative; top: -2px; color: #747474; margin-right:15px; } #financeOptions span { display: block; float: left; padding: 0px 4px 0px 4px; } #financeOptions span.first { padding: 0px 4px 0px 0px; } #financeOptions #TotalDeposit { width: 50px; float: left; position: relative; top: -2px; color: #747474; margin-right:6px; } #financeOptions #AnnualMileage { width: 65px; float: left; position: relative; top: -2px; color: #747474; margin-right:6px; } #financeOptions #btnUpdateFinance { width: 105px; height: 32px; position: relative; top: -9px; float: right; } .pagination { width:180px; float: right !important; } .pagination a { padding: 0px 4px 0px 4px; text-decoration: none; font-weight: normal; color: #000 !important; font-weight: bold; display: block; float: left !important; } .pagination a:hover { text-decoration: none; background:#000; color:#fff !important; font-weight: bold; } .pagination .active { text-decoration: none; background:#000; color:#fff !important; font-weight: bold; } .pagination span { display: block; float: left; padding: 0px 2px 0px 2px; } .pagination .prev, #pagination .next { font-weight: bold; } .pagination .prev:hover, #pagination .next:hover { background: none; font-weight: bold; text-decoration: underline; color: #bf8ea7 !important; } #searchResults { color: #bf8ea7; float: left; font-weight: bold; margin-top: 0px; margin-bottom:15px; padding-left: 15px; } /* ----- FOOTER ----- */ #footer { margin-top: -280px; height:280px; background: url(../images/layup/footerBg.jpg) center top no-repeat ; color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; } #footer .padding { width: 960px; margin:0 auto; text-align: left; position: relative; padding:55px 0 0; } #footer a { font-weight:normal; text-decoration:none; color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; } #footer a:hover { text-decoration:underline;} #footer .spacing { position: absolute; top: 127px; left: 67px; width: 880px; } #footer .spacing #footerLinks { padding-top: 4px; } #footer #dealerLocations { padding:10px 0 0; } #footer #dealerLocations ul { border-right:1px solid #b5b5b5; padding:0 15px 0 0; margin:0 15px 0 0; list-style:none; float:left; } #footer #dealerLocations ul.end { border:none; margin:0; padding:0; } #footer #dealerLocations ul li { list-style:none; margin:0; padding:0; } /* ----- GLOBAL ----- */ img { display:block; border:0; } p { padding:0 0 15px 0; margin:0; } address { font-style:normal; } /* ----- LINKS ----- */ a { color:#000000; font-weight:bold; text-decoration:underline;cursor:pointer; } a:hover { text-decoration:none; } /* ----- FORMS ----- */ form { padding:0; margin:0; } fieldset { padding:0; margin:0; border:0px none; } legend { padding:0; margin:0; display:none; } label { display:block; width:135px; float:left; } input, textarea { width:200px; font-size:11px !important;} .requiredLabel { color:#000;} .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:107px; height:34px; border:none;} #btnUsedSearch, #btnUsedSearchVan { width: 63px; height: 23px; } .usedSearchBtns { width: 181px; padding-top: 4px; } /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #ce3b19; color : #FF3300; } input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; } .validation-advice { margin: 5px 0; width:327px; padding: 5px; background: #FAE59D; color : #ce3b19; font-weight: bold; } .vehicleEnquiry .validation-advice { margin: 5px 0; width:357px; padding: 5px; background: #FAE59D; color : #ce3b19; font-weight: bold; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } #dealerImagery {height:276px;} #dealerLocation {font-size:17px;font-weight:bold;padding:5px 0 0 20px;} #dealerDetails {float:left;padding:0 30px 0px 0px;width:306px;} #dealerDetails h2 { display: block; background: #000; color: #fff; padding: 6px 0px 6px 8px; margin-bottom: 10px; } #dealerImagery #dealerMap {float:left; border:2px solid #000;background:#fff; width: 302px !important; height: 225px !important; } #dealerImagery #dealerMap #mapDirections { padding: 6px 0px 0px 5px; color: #000; } #dealerImagery #dealerLocationImage {float:left; border:2px solid #000;background:#fff;margin:0 0 0 30px;} #openingHours {float:left;padding:0 0px;width:304px; } #openingHours h2 { display: block; background: #000; color: #fff; padding: 6px 0px 6px 8px; margin-bottom: 10px; } .dealerContact { display: block; background: #000; color: #fff; padding: 6px 0px 6px 8px; margin-bottom: 10px; font-size: 1.0em; width: 628px; margin-top: 20px; } /* ----- STOCK UPDATES FORM ----- */ #promoForm { padding:12px 0 0 19px; } #promoForm .signupBoxes { margin-bottom:20px; margin-top:10px;} #promoForm .signupBoxes label { float:left; width:450px; position:relative; top:4px;} #promoForm .signupBoxes input { float:left; width: 14px; margin-right: 10px;} #promoForm select { width:125px !important; margin-bottom: 10px; display:block; margin-right:15px;} #promoForm .carSelects { padding-top:18px;} #promoForm .submitButton { margin:5px 0 20px 0;} /* ----- DOMTABS ----- */ #usedVehicleSpec { float: left; margin-top: 13px; } #usedVehicleSpec .title { font-size: 1.4em; font-weight: bold; padding: 24px 24px 24px 8px; float: left; } #usedVehicleSpec .vehiclePrice { font-size: 1.4em; font-weight: bold; padding: 24px 0px 24px 0px; color: #a60000; float: left; } #usedVehicleSpec .domtab { float:left;} #usedVehicleSpec .tabset_print { display: none;} #usedVehicleSpec .tabset_tabs { width: 415px; margin:0px; padding:0px 0px 0px 0px; list-style:none; } #usedVehicleSpec .tabset_tabs li { list-style: none; display: inline; padding: 0px; float:left; margin: 0px; font-size: 1.1em; background: #7ab9ed; border-bottom: 1px solid #a07f3e; } #usedVehicleSpec .tabset_tabs a { display: inline; color: #194e6b; font-weight: bold; float: left; cursor: pointer !important; padding: 11px 17px 11px 17px; margin: 0px; text-decoration: none; } #usedVehicleSpec .tabset_tabs a:hover { font-weight: bold; background: #a7d2f5; } #usedVehicleSpec .tabset_tabs .active a { background: #a7d2f5; } #usedVehicleSpec .tabset_tabs #firstTab { border-right: 1px solid #2f8bbe; } #usedVehicleSpec .tabset_tabs .border { border-right: 1px solid #2f8bbe; } #usedVehicleSpec .tabset_tabs #secondTab { border-right: 1px solid #2f8bbe; } #usedVehicleSpec .trAlt { } #usedVehicleSpec .tabset_content { background: #fae59d; min-height: 125px; } #usedVehicleSpec .tabset_content h1 { color: #000; padding: 0px; } #usedVehicleSpec .tabset_content table { margin-top: 0px; } #usedVehicleSpec .tabset_content td { height: 24px; padding: 0px; } #usedVehicleSpec .tabset_content .price { font-size: 1.5em; font-weight: bold; padding: 13px 0px 11px 0px; } #usedVehicleSpec #domJumps img { float: left; padding-top: 5px; } .newsList .listItem .itemFinance { position:relative; } .newsList .listItem .itemFinance .tip span { display:none !important; text-align:left; } .newsList .listItem .itemFinance .tip:hover { background:none; } .newsList .listItem .itemFinance .tip:hover span { display:block !important; width:575px; position:absolute; top:20px; left:30px; padding:5px; background:#FAEBB9; } .newsList .listItem .itemFinance td { border:1px solid #131313; padding: 0 5px; color:#fff; text-align:center; } .newsList .listItem .itemFinance tr { background:#262626; } .newsList .listItem .itemFinance tr.tableHead { background:#131313;} /* ----- FINANCE PAGES APRIl 2010 ----- */ #financeMenu { width:288px; height:100px; float:right; padding-top:37px; margin-bottom:20px; } #financeMenu a { width:288px; display:block; } /* ----- OFFERS LIST ------ */ #offersList { } #offersList ul { list-style: none; padding: 0; margin:0 0 10px; } #offersList ul li { float: left; display: block; padding:0; margin:0; } #offersList ul li a { height:26px; display: block; } #offersList ul li a span { display:none; } #offerTabs a#offer-used-offers { width: 91px; background: url(../images/layup/offerTabs.gif) 0px 0px no-repeat; } #offerTabs a#offer-aftersales-offers { width: 121px; background: url(../images/layup/offerTabs.gif) -91px 0px no-repeat; } #offerTabs a#offer-motability-offers{ width: 120px; background: url(../images/layup/offerTabs.gif) -212px 0px no-repeat; } #offerTabs a#offer-fleet-offers { width: 91px; background: url(../images/layup/offerTabs.gif) -332px 0px no-repeat; } #offerTabs li a#offer-new-offers { width: 91px; background: url(../images/layup/peugeot/offerTabs.gif) -423px 0 no-repeat; } #offerTabs li a#offer-contract-offers { width: 136px; background: url(../images/layup/offerTabs.gif) -514px 0 no-repeat; } #offerTabs a#offer-used-offers:hover, #offerTabs li.active a#offer-used-offers { background: url(../images/layup/offerTabs.gif) 0px -26px no-repeat; } #offerTabs a#offer-aftersales-offers:hover, #offerTabs li.active a#offer-aftersales-offers { background: url(../images/layup/offerTabs.gif) -91px -26px no-repeat; } #offerTabs a#offer-motability-offers:hover, #offerTabs li.active a#offer-motability-offers { background: url(../images/layup/offerTabs.gif) -212px -26px no-repeat; } #offerTabs a#offer-fleet-offers:hover, #offerTabs li.active a#offer-fleet-offers { background: url(../images/layup/offerTabs.gif) -332px -26px no-repeat; } #offerTabs #offer-new-offers:hover, #offerTabs li.active a#offer-new-offers { background: url(../images/layup/offerTabs.gif) -423px -26px no-repeat; } #offerTabs li a#offer-contract-offers:hover, #offerTabs li.active a#offer-contract-offers { width: 136px; background: url(../images/layup/offerTabs.gif) -514px -26px no-repeat; } /* ----- SERVICE PAGES ----- */ #serviceBoxes { color: #ffffff; font-weight: bold; } #serviceBoxes .domHeadings { list-style: none; padding: 0px; margin: 0px; } #serviceBoxes .domHeadings li { float: left; } #serviceBoxes .domHeadings a { display: block; width: 249px; height: 39px; background: url(../images/layup/spriteServiceTabs.gif) no-repeat; } #serviceBoxes .domHeadings a#serviceTab1 { background-position: 0 0; } #serviceBoxes .domHeadings a#serviceTab2 { background-position: -249px 0; } #serviceBoxes .domHeadings a#serviceTab1:hover, #serviceBoxes .domHeadings .active a#serviceTab1 { background-position: 0 -39px; } #serviceBoxes .domHeadings a#serviceTab2:hover, #serviceBoxes .domHeadings .active a#serviceTab2 { background-position: -249px -39px; } #serviceBoxes .domContent { background: url(../images/layup/serviceBoxBg.gif) no-repeat; padding: 10px; } #serviceBoxes .domContent .boxRight { width: 230px; float: right; padding-right: 80px; } #serviceBoxes .domContent .boxLeft { width: 230px; float: left; padding-left: 40px; } #serviceBoxes .domContent .title { font-size: 14px; margin-bottom: 0px; padding-bottom: 10px; } #serviceBoxes .domContent .txtRed { color: #a90125; } #serviceBoxes .domContent a { display: block; } #showBox { background:url("../images/layup/popoutbox.png"); height:100%; left:0; position:fixed; top:0; width:100%; z-index:9999; } #showBox .position { width: 655px; margin: 0 auto; padding: 210px 0px 0px 200px; } /* ----- FINANCE CALCULATOR ----- */ #financeCalculator { width:664px; margin:20px 0 0 0; } #financeCalculator .header { background:url(../images/layup/financeCalculatorHeader.gif) no-repeat top left; height:23px; color:#514c6c; font-weight:bold; font-size:13px; padding:6px 0 0 76px; } #financeCalculator .content { background:#f9e59e; padding:22px 22px 26px 28px; } #financeCalculator #financeCalculatorLeft { float:left; width:253px; font-family:Verdana, Geneva, sans-serif; } #financeCalculator .slider { background:url(../images/layup/financeCalculatorSlider.gif) no-repeat bottom left; height:37px; width:253px; position:relative; } #financeCalculator .slider .handle { width:44px; height:32px; background:url(../images/layup/financeCalculatorHandle.gif) no-repeat top left; color:#FFF; position:absolute; left:0; text-align:center; padding:2px 0 0 0; cursor:pointer; } #financeCalculator .slider .handle span { display:inline !important; } #financeCalculator #financeCalculatorLeft span { display:block; } #financeCalculator #financeCalculatorLeft .totalPrice { font-size:12px; padding-bottom:3px; } #financeCalculator #financeCalculatorLeft .moveSliders { font-size:11px; padding-bottom:23px; } #financeCalculator #financeCalculatorLeft .titleDeposit { padding-bottom:13px; } #financeCalculator #financeCalculatorLeft .titleTotal { padding-top:16px; padding-bottom:3px; } #financeCalculator #financeCalculatorLeft .titleMoveSliders { padding-bottom:13px; } #financeCalculator #financeCalculatorLeft .titleApr { padding-top:16px; padding-bottom:10px; } #financeCalculator #financeCalculatorRight { float:right; width:340px; padding:3px 0 0 0; } #financeCalculator #financeCalculatorRight table { border:1px solid #edd68a; border-width:0px 1px 1px 1px; width:100%; } #financeCalculator #financeCalculatorRight table td { background:#ebcf6e; border-right:2px solid #fbe49e; border-bottom:2px solid #fbe49e; height:28px; padding:0 0px 0 13px; font-family:Verdana, Geneva, sans-serif; } #financeCalculator #financeCalculatorRight table td.align_right { padding:0 32px 0 0; border-right:none; } #financeCalculator #financeCalculatorRight table .alt td { background:#f2dc90; } #financeCalculator #financeCalculatorRight table .bottom td { border-bottom:none; } #financeCalculator #financeCalculatorRight .btns a { float:left; padding:17px 0 0 0; }