/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : Anthony Bliss / anthony.bliss@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for WLMG site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; width:100%; height:100%; margin:0; padding:0; background:url(../images/layup/background.gif) top repeat-x #ffffff; color:#000000; text-align:center; } /* This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text. Declaring the font size in pixels makes it more consistent across browsers. */ td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; } html>body td, html>body textarea, html>body input, html>body select { font-size:11px; } /* some browsers don't inherit the font into tables or textareas! */ /* ----- IDS ----- */ #container {background:url(../images/layup/containerBack.gif) top no-repeat #fff; width:966px; margin:0 auto; text-align:left; font-size:110%; line-height: normal; } #printHeader { display:none;} #header { height: 98px; position: relative; } #header #logo { position: absolute; top: 0px; left: 0px; } #header #contactDetails { position: absolute; top: 0px; right: 0px; display:none; } #header #badge { position: absolute; top: 0px; right: 0px; } #header #badgeNissan { position: absolute; top: 0px; right: 102px; } #header #badgeGtr { position: absolute; top: 20px; right: 0px; } /* ----- LEFT COLUMN ----- */ #leftCol { padding:13px 15px;float: left; width: 210px; } #leftCol .box {padding:0px 18px 0;/*height:185px;*/} #leftCol #searchNewsContain {min-height:284px; background:url(../images/layup/vehicleSearchNewsBack.jpg) no-repeat #000000;} #leftCol .usedCarSearch { margin-bottom:6px; /*background:url(../images/layup/vehicleSearchBack.jpg) no-repeat left top;*/} #leftCol .usedCarSearch select { width:175px; border:1px solid #d0d0d0; padding:1px 0px; margin:0px 0px 3px 0px; height: 19px; padding: 0px; font-size: 1.0em; } #leftCol .usedCarSearch .search { position:absolute; bottom: 32px; left: -1px; width:181px !important; height:42px;} #leftCol .usedCarSearch .advancedSearch {background:#383838;border:1px solid #b0afaf;display:block;color:#fff;text-decoration:none;padding:3px 6px ;margin-top:5px; width:108px;float:right;text-align:center;} #leftCol #usedSearchBtns {padding:5px 0 0;} #leftCol .newsletterSignUp {padding-top:10px; height:200px;} #leftCol .newsletterSignUp input {width:162px;background:#fff;border:1px solid #000000;color:#353535;margin:1px 0;padding:2px 0 0 10px;} #leftCol .valueMyCar { padding-top:0px; padding: 0; } #leftCol .btnUsedSearch {width:84px !important;height:26px;float:right;margin:0 !important;padding:0 !important;border:0 !important;} #leftCol .newsletterBtn {margin-top:5px !important;} #leftCol .dealerLocator {background:url(../images/layup/leftDealerLocatorBack.jpg) no-repeat left top #000000; height:auto; padding-bottom:15px;} #leftCol .dealerLocator ul { list-style: none; margin: 0; padding: 0; } #leftCol .dealerLocator li { margin:0; padding:0; width:174px; float:left;} #leftCol .dealerLocator li .kia { text-decoration: none; height:17px; line-height:normal; display:block;padding:5px 3px 2px 35px;background:#666666 url(../images/layup/dealerLocatorKia.png) no-repeat left;border-bottom:1px solid #797778;color:#fff;} #leftCol .dealerLocator li .nissan { text-decoration: none; height:17px; line-height:normal; display:block;padding:5px 3px 2px 35px;background:#666666 url(../images/layup/dealerLocatorNissan.png) no-repeat left;border-bottom:1px solid #797778;color:#fff;} #leftCol .dealerLocator li .fiat { text-decoration: none; height:17px; line-height:normal; display:block;padding:5px 3px 2px 35px;background:#666666 url(../images/layup/dealerLocatorFiat.png) no-repeat left;border-bottom:1px solid #797778;color:#fff;} #leftCol .dealerLocator li a { text-decoration: none; height:17px; line-height:normal; display:block; padding:5px 0px 2px 0px; background:#666666;border-bottom:1px solid #797778;color:#fff;} #leftCol .dealerLocator li .icons {float:right; margin-right:2px;} #leftCol .dealerLocator ul li ul {background:#333333;} #leftCol .dealerLocator ul li ul li a{padding:10px 0 10px 10px;margin:0;display:block;color:#fff; height:auto; background:#333333; border-bottom:none; margin-bottom:-14px;} /* ----- RIGHT COLUMN ----- */ #rightCol { float: right; width: 713px;padding:13px 12px 0 0; } #mainImage { height: 367px;padding:0 0 10px; } #mainImage .homeFranchiseJumps { height:106px; margin:0 auto; position:relative; } #mainImage .homeFranchiseJumps a { height:106px; outline:none; display:block; float:left; } #mainImage .homeFranchiseJumps a#jumpPeugeot { width:125px; background: url(../images/layup/spriteFranchiseJumps5.jpg) 0 0 no-repeat; } #mainImage .homeFranchiseJumps a#jumpNissan { width:101px; background: url(../images/layup/spriteFranchiseJumps5.jpg) -125px 0px no-repeat; } #mainImage .homeFranchiseJumps a#jumpKia { width: 128px; background: url(../images/layup/spriteFranchiseJumps5.jpg) -226px 0px no-repeat; } #mainImage .homeFranchiseJumps a#jumpFiat { width:94px; background: url(../images/layup/spriteFranchiseJumps5.jpg) -354px 0px no-repeat; } #mainImage .homeFranchiseJumps a#jumpMotability { width:132px; background: url(../images/layup/spriteFranchiseJumps5.jpg) -448px 0px no-repeat; } #mainImage .homeFranchiseJumps a#jumpHighPerformance { width: 133px; background: url(../images/layup/spriteFranchiseJumps5.jpg) -580px 0px no-repeat; } #mainImage .homeFranchiseJumps a#jumpPeugeot:hover { background: url(../images/layup/spriteFranchiseJumps5.jpg) 0 -106px no-repeat; } #mainImage .homeFranchiseJumps a#jumpNissan:hover { background: url(../images/layup/spriteFranchiseJumps5.jpg) -125px -106px no-repeat; } #mainImage .homeFranchiseJumps a#jumpKia:hover { background: url(../images/layup/spriteFranchiseJumps5.jpg) -226px -106px no-repeat; } #mainImage .homeFranchiseJumps a#jumpFiat:hover { background: url(../images/layup/spriteFranchiseJumps5.jpg) -354px -106px no-repeat; } #mainImage .homeFranchiseJumps a#jumpMotability:hover { background: url(../images/layup/spriteFranchiseJumps5.jpg) -448px -106px no-repeat; } #mainImage .homeFranchiseJumps a#jumpHighPerformance:hover { width: 133px; background: url(../images/layup/spriteFranchiseJumps5.jpg) -580px -106px no-repeat; } #specialImage {} #mainContent {} #mainContent .padding { padding: 0px 0px 0px 0px; } /* ----- FLYOUT DIV STYLES ----- */ #floatingContent { width: 683px; height: 215px; position: relative; } #floatingContent .padding { padding: 20px 20px 20px 20px; position: relative; z-index: 9999; } #floatingContent .padding #closeBtn a { display: block; height: 40px; width: 40px; position: absolute; top: 0px; right: 0px; } #floatingContent #dropDownBg { position: absolute; top: 0px; left: 0px; z-index: 1; } /* ----- 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; } .liveChat{float:right;} .bold{font-weight:bold;} .enlargeImage{cursor:pointer; margin-top:-19px;} .phoneNo{ float:left; background:url(../images/layup/phoneIcon.jpg) no-repeat left; width:120px; padding-left:20px; font-size:14px; color:#000000; font-weight:bold; height:15px; line-height:16px; margin-top:5px;} .located{float:right; font-size:14px; font-weight:bold; height:15px; line-height:16px; margin:5px auto;} .telStrong { font-size: 1.2em; color: #FF0000 !important; display: block; padding: 0px 0px 8px 0px; font-weight: bold; } .redText { color: #d22129; } .uppercaseText { text-transform: uppercase; } ul.cmsList { margin: 0px; padding: 0px 0px 15px 15px; } ul.cmsList li { margin: 0px; padding: 0px 0px 6px 10px; } /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;} h1 {font-size:240%;letter-spacing:-1px; width:auto; } .home {padding:0;} /* -------- USED CAR CLEARANCE PAGE ----- */ #usedCarClearance { background: #fff301; } #usedCarClearance .boxContent { padding: 10px; } /* ----- TOP NAVIGATION ----- */ #primaryNav {height:27px;float:left;} #primaryNav ul { list-style: none; margin: 0; padding: 0 0 0 15px; } #primaryNav li { float: left; margin:0 5px 0 0; position: relative; z-index:9999; } #primaryNav li a { display: block; float: left; text-decoration: none;color:#fff; font-size: 11px; } #primaryNav li a span {display:block;padding: 6px 3px 7px; } #primaryNav li a:hover {background:url(../images/layup/navSpanBack.gif) no-repeat right top;color:#000;} #primaryNav li a:hover span {background:url(../images/layup/navABack.gif) no-repeat left top; } #primaryNav li.active a {background:url(../images/layup/navSpanBack.gif) no-repeat right top;color:#000;cursor:default;} #primaryNav li.active a span {background:url(../images/layup/navABack.gif) no-repeat left top; } #primaryNav li ul li a { border-bottom:1px solid #8d0000; background: #a10000; color: #FFF; } #primaryNav li ul li a:hover { background: #910000; color: #FFF; } #primaryNav li ul { margin:0; padding:0; display:none; position:absolute; top:25px/* distance away from the main nav bar */; } #primaryNav li>/**/ul { top:25px /* distance away from the main nav bar for firefox */ ; } #primaryNav .nav_child ul { margin:0 0 0 180px /* moves second drop down away from first */; display:block; padding:0; display:none; position:absolute; top:0; } #primaryNav li:hover ul ul, #primaryNav li.over ul ul { display:none; } #primaryNav li:hover ul, #primaryNav li li:hover ul, #primaryNav li.over ul, #primaryNav li li.over ul, #primaryNav ul li ul li a { padding: 2px 0px; display:block; width:174px; /* width of the drop-downs */left:0;margin:0;line-height:15px; } #primaryNav ul li ul li a { padding: 5px 0px 5px 10px; } /* ----- SECONDARY NAVIGATION ----- */ #secondaryNav {} #secondaryNav ul { list-style: none; margin: 0; padding: 0; } #secondaryNav li { } #secondaryNav li a { text-decoration: none; } /* ------ SPECIAL OFFERS NAVIGATION ----- */ #specialOffersNav {position:relative;z-index:4000;width:180px;float:right;background:url(../images/layup/specialOfferNavBack.gif) repeat-x top #000000;} #specialOffersNav ul { list-style: none; margin: 0; padding: 0; height:27px;position:relative;z-index:44000;} #specialOffersNav li {position:relative; display:block; float: left; margin:0;padding:0; margin-right:-3px /* fixes inline list bug */; } #specialOffersNav li a { display: block; float:left;display: inline; padding: 6px 10px;text-decoration: none;color:#fff;text-transform:uppercase;} #specialOffersNav li .smallLogo{float:left; margin-right:4px;} #specialOffersNav li ul { margin:0; padding:0; display:none; position:absolute; top:25px/* distance away from the main nav bar */; } #specialOffersNav li>/**/ul { top:25px /* distance away from the main nav bar for firefox */ ; } #specialOffersNav .nav_child ul { margin:0 0 0 180px /* moves second drop down away from first */; display:block; padding:0; display:none; position:absolute; top:0; } #specialOffersNav li:hover ul ul, #specialOffersNav li.over ul ul { display:none; } #specialOffersNav li:hover ul,#specialOffersNav li li:hover ul, #specialOffersNav li.over ul, #specialOffersNav li li.over ul, #specialOffersNav ul li ul li a { padding:2px 0px 2px 0px;display:block; width:98px;/* width of the drop-downs */left:0;margin:0;line-height:15px; } #specialOffersNav .nav_child a {padding:6px 6px; width:168px;color:#fff;background:#e61219;margin:0;border-bottom:1px solid #616161;} #specialOffersNav .nav_child a:hover { background:#a50a0f; } /* ----- INTERNAL IMAGE ----- */ .internalImage {float:right;background:url(../images/layup/internalImageBack.gif);width:315px;height:236px;position:relative;margin:0 0 10px 15px;} .internalImage .image {position:absolute;top:6px;left:8px;} /* ----- NEW CARS DETAIL IMAGE ----- */ .newCarImageDetails {float:right;width:333px;margin:0 0 10px 15px;} .newCarImageDetails .internalImage {background:url(../images/layup/newCarsImageBack.gif);width:333px;height:262px;float:right;margin:0 0 10px;} .newCarImageDetails .internalImage .image {position:absolute;top:14px;left:10px;} .newCarBtns {width:333px;float:right;height:96px;background:url(../images/layup/newCarBtns1.gif) no-repeat right top} .newCarBtnsBack {background:url(../images/layup/newCarBtns2.gif) no-repeat right bottom;padding:10px;} .newCarBtns .brochureBtn {display:block;width:156px;height:76px;background:url(../images/layup/spriteNewCarBrochureBtn.gif) bottom;} .newCarBtns .brochureBtn:hover,.newCarBtns .testDriveBtn:hover {background-position:top !important;} .newCarBtns .testDriveBtn {display:block;width:151px;height:76px;background:url(../images/layup/spriteNewCarTestDriveBtn.gif) bottom;} .brochureBtn,.testDriveBtn {float:left;} /* ----- BOX LIST ----- */ #boxList {} #boxList .box {width:202px;height:189px;position:relative;float:left;background:url(../images/layup/boxListBack.gif) no-repeat;margin:0 20px 40px 0;} #boxList .last {margin-right:0;} #boxList .box a {display:block; width: 202px; height: 189px; } #boxList .box .image {position:absolute;display:block;top:6px;left:6px;height:141px;width:188px;} #boxList .box .title {text-transform:uppercase;color:#fff;height:25px;padding:7px 0 0;width:188px;position:absolute;left:6px;top:149px;font-weight:bold;display:block;text-indent:10px;font-size:110%;} /* ----- USED CAR LIST ----- */ #usedList {padding:10px 0;background:url(../images/layup/dotsH.gif) repeat-x top center;} #usedList .listItem {min-height:136px;background:url(../images/layup/usedListItemBackTop.gif) top no-repeat;margin:0 0 10px;} #usedList .listItem a,#usedList .listItem span {display:block;text-decoration:none;color:#fff;} #usedList .listItem .padding {background:url(../images/layup/usedListItemBackBot.gif) bottom no-repeat;padding:10px 10px 13px;} #usedList .listItem .image {float:left; width:149px;height:112px;} #usedList .listItem .image img {width:149px;height:112px;} #usedList .listItem .itemDetails {background:#f5f5f5;margin-left:12px;float:left; width:406px;} #usedList .listItem .itemHeading {text-transform:uppercase;height:27px;background:#181717;width:405px;font-size:12px;line-height:27px;} #usedList .listItem .itemMake {background:#c8181f;color:#fff;width:75px;float:left;height:27px;text-align:center;margin-right:5px;} #usedList .listItem .itemDesc {background:#f4f4f4;padding:11px 9px;width:387px;color:#333;font-weight:normal;} #usedList .listItem .itemDesc ul { padding: 0px; margin: 0px; } #usedList .listItem .itemDesc li{list-style:none;} #usedList .listItem .itemDesc span{color:#000;} #usedList .listItem .priceDetails {float:right;width:105px;padding:0px 0 0px 0px;background:#181717;text-align:center;} #usedList .listItem .price {margin:0px 0 9px 0;background:#c8181f;font-size:15px;border-bottom:1px solid #fff;border-left:0;border-right:0;} #usedList .listItem .oldPrice {margin:0;background:#c8181f; font-size: 1.1em; padding: 6px 0px 6px 0px; } #usedList .listItem .logo {margin:0px 0 0px 0; } /* ----- USED CAR DETAIL ----- #usedCarDetail {} #usedCarDetail h1 {padding:10px 0 0 0; width:auto; margin-right:15px; float:left; font-size:24px;} #usedCarDetail .price {width:330px;font-size:250%; padding:10px 0 0 0; font-size:24px; float:left; width:20%;} #usedCarDetail .vehicleLocation {float: left; width: 480px;} #usedCarDetail #usedCarDetailLeft {width:685px;float:left;} #usedCarDetail #usedCarDetailRight {width:340px;float:left;padding:0 0 0 14px;position:relative;top:-20px;} #usedCarDetail #usedCarDetailLeft .imageBack {background:url(../images/layup/mainImageJumpsBack.gif) no-repeat;height:286px;width:492px;position:relative; float:left; } #usedCarDetail #usedCarDetailLeft .image {position:absolute;top:12px;left:12px; width:307px;height:230px;} #usedCarDetail .usedCarThumbs {margin:10px 0 0;background:url(../images/layup/newCarBtns1.gif) top no-repeat;width:333px;} #usedCarDetail .usedCarThumbs .padding {background:url(../images/layup/newCarBtns2.gif) bottom no-repeat;padding:9px 10px;} #printCarDetails { display: none; } #usedCarDetail .usedCarThumbs .thumb {width:99px;height:74px;display:block;float:left;margin:0 6px 7px 0;} #usedCarDetail .usedCarThumbs .last {margin-right:0;}*/ /* ----- STOCK Carousel ----- */ .carousel-component .carousel-list li { width:307px; height:254px; /*500 + 2 + 2 + 1 + 1 */ margin-left:-40px;} .carousel-component .carousel-list li a { display:block; border:2px solid #e2edfa; outline:none; list-style:none; display:inline; -moz-outline:none; } .carousel-component .carousel-list li a:hover { border: 2px solid #87bf4e; } .carousel-component .carousel-list li.active a { border:2px solid #708fc7; } .carousel-component .carousel-list li img { border:1px solid #999; display:block; } .carousel-component .carousel-prev { position:absolute; bottom:0px; z-index:3; cursor:pointer; left:5px; } .carousel-component .carousel-next { position:absolute; bottom:0px; z-index:3; cursor:pointer; right:5px; } .carousel-component .enlargeCarousel { position: absolute; top: 210px; z-index:3; right: 3px; } /* ----- USED CAR JUMPS ----- */ /*#usedCarDetail .usedCarJumps {float:right; margin:14px 14px 8px 0;} #usedCarDetail .usedCarJumps .padding {padding:0;} #usedCarDetail .usedCarJumps .padding a {float:left;} #usedCarDetail .usedCarJumps .padding .vehicleEnquiry {background:url(../images/layup/spriteUsedCarJumps2.jpg) 0 0 no-repeat;display:block;height:48px;width:145px; clear:left; margin-bottom:3px;} #usedCarDetail .usedCarJumps .padding .vehicleEnquiry:hover {background-position:0 -48px;clear:left;margin-bottom:3px;} #usedCarDetail .usedCarJumps .padding .sendToFriend { background:url(../images/layup/spriteUsedCarJumps2.jpg) -145px 0 no-repeat;display:block;height:48px;width:145px;clear:left;margin-bottom:3px;} #usedCarDetail .usedCarJumps .padding .sendToFriend:hover {background-position:-145px -48px;clear:left;margin-bottom:3px;} #usedCarDetail .usedCarJumps .padding .specSheet {background:url(../images/layup/spriteUsedCarJumps2.jpg) -290px 0 no-repeat;display:block;height:48px;width:145px;clear:left;margin-bottom:3px;} #usedCarDetail .usedCarJumps .padding .specSheet:hover {background-position:-290px -48px;clear:left;margin-bottom:3px;} #usedCarDetail .usedCarJumps .padding .makeOffer {background:url(../images/layup/spriteUsedCarJumps2.jpg) -435px 0 no-repeat;display:block;height:48px;width:145px;clear:left;margin-bottom:3px;} #usedCarDetail .usedCarJumps .padding .makeOffer:hover {background-position:-435px -48px;clear:left;margin-bottom:3px;} #usedCarDetail .usedCarJumps .padding .valueVehicle {background:url(../images/layup/spriteUsedCarJumps2.jpg) -580px 0 no-repeat;display:block;height:48px;width:145px;clear:left;margin-bottom:3px;} #usedCarDetail .usedCarJumps .padding .valueVehicle:hover {background-position:-580px -48px;clear:left;margin-bottom:3px;} */ /* ----- RELATED CARS ----- #releatedCars {padding:0 0 10px 0;position:relative; width:165px; float:left; margin-left:25px;} #releatedCars a,#releatedCars span {display:block;text-decoration:none;font-weight:normal;} #releatedCars .relatedItem { position:relative;height:93px;width:112px; background:url(../images/layup/relatedCarsImageBack.gif) no-repeat top;margin:3px auto 2px auto; padding:7px 7px 0 7px} #releatedCars .last {margin-right:0;} #releatedCars .relatedImage {width:110px;height:83px; } #releatedCars .model{width:126px; font-weight:bold; margin: 0 auto;} #releatedCars .cost{width:126px; margin: 0 auto;} #releatedCars .relatedDesc {padding:8px;margin:0 9px 0 7px;color:#fff;background:#2e2e2e;} #releatedCars .viewMoreBtn {position:absolute;top:118px;right:15px;width:69px;height:67px;} */ /* ------ DOM TABS CONTAINER ---- */ #usedCarDetail .domTabsContainer {margin:20px 0 10px 0;background:url(../images/layup/newCarBtns1.gif) 0 21px no-repeat;width:333px; float:left; } #usedCarDetail .domTabsContainer .padding {background:url(../images/layup/newCarBtns2.gif) bottom no-repeat;padding:0 10px 13px; } /* ----- GENERIC LISTS ----- */ #internalList h1 { padding: 18px 11px 15px 11px; } #internalList .listType1 { float: left; margin-bottom: 14px;background:url(../images/layup/internalListItemBackBot.gif) bottom no-repeat;padding:8px 8px 12px;width:697px;} #internalList .listType1 a { text-decoration: none; font-weight: normal; cursor: pointer; } #internalList .listType1 .itemImage { float: left; width: 149px; height: 112px; display: block; padding: 10px 0px 0px 8px;} #internalList .listType1 .itemDetails { float: left; width: 540px; } #internalList .listType1 .itemHeading { display: block; background: #181717; color: #FFF; padding: 8px 12px 8px 12px; font-weight: bold;margin:0 0 10px; } #internalList .listType1 .itemDetails .itemInfo { display: block; padding: 10px 12px 0px 12px; } #internalList .listType1 .itemReadMore { display: block; clear: both; color: #fff; font-weight: bold; margin:5px 5px 0 10px} #internalList .listType1 .itemReadMore .padding { padding: 7px 12px 7px 12px; background:#c8181f; display: block; } /* ----- DOM TABS ----- */ .domTabsContainer { } .domTabsContainer .domtab {background:url(../images/layup/blackBackRepX.gif) repeat-x top #363636;color:#fff;padding:0 0 10px;display:block;} .domTabsContainer .tabset_print { display: none; } .domTabsContainer .tabset_tabs { padding: 0; margin:0 0 15px; list-style:none;height:46px;background:url(../images/layup/domTabsBack.gif) repeat-x;} .domTabsContainer .tabset_tabs a {width:94px;color:#000000;display:block;height:46px;text-transform:uppercase;text-decoration:none;} .domTabsContainer .tabset_tabs .carDetails a {background:url(../images/layup/spriteUsedCarDoms.gif) no-repeat bottom;} .domTabsContainer .tabset_tabs .specifications a {background:url(../images/layup/spriteUsedCarDoms2.gif) no-repeat bottom;} .domTabsContainer .tabset_tabs .warranty a {background:url(../images/layup/spriteUsedCarDoms3.gif) no-repeat bottom;} .domTabsContainer .tabset_tabs a:hover {background-position:top;} .domTabsContainer .tabset_tabs li { float:left; margin-right:5px; } .domTabsContainer .tabset_tabs li.active a {background-position:top;} .domTabsContainer .tabset_tabs li.last { margin-right:0px; } .domTabsContainer .tabset_content { display:none; } .domTabsContainer .tabset_content table { } .domTabsContainer .tabset_content table p {padding:0 0 5px !important;} .domTabsContainer .tabset_content .title { vertical-align: top; font-size: 1.2em; font-weight: bold; padding-bottom: 10px; padding-top:10px; padding-left: 10px; } .domTabsContainer .tabset_content .price { vertical-align: top; color:#FF0000; font-size: 1.2em; font-weight: bold; padding-bottom: 10px; padding-top:10px; padding-left: 6px; } .domTabsContainer .tabset_content td { height: 26px; color:#fff; } .domTabsContainer .tabset_content tfoot {/* background: #e1e1e1;*/ height: 40px; } /* ----- FINANCE CALCULATOR ----- */ #financeCalculator .trAlt {background:#424242;} #financeCalculator td {width:100%;padding:3px;color:#fff;} #financeCalulatorContain{height:286px; width:auto;} #financeCalculator {width:333px;height:276px;background:url(../images/layup/financeCalcBg.gif) no-repeat;position:relative; float:right; margin-top:20px; margin-left:10px;} #financeCalculator .padding {background:url(../images/layup/blackBackRepX.gif) repeat-x bottom #0b0b0b;color:#fff;padding:8px 12px;width:282px;position:absolute;top:34px;left:12px;} #financeCalculator .title {font-size:13px;text-transform:uppercase;font-weight:bold;height:20px;background:url(../images/layup/dotsHFinance.gif) repeat-x bottom;} #financeCalculator #financeCalcTable {background:url(../images/layup/dotsHFinance.gif) repeat-x bottom;} /* ----- DEALER LOCATOR ----- */ #dealerLocatorMain {background:url(../images/layup/dealerLocatorMainBack.jpg) top no-repeat #7b7b7b;color:#fff;padding:0 20px 20px;} #dealerLocatorMain .dealershipInfo {background:url(../images/layup/dealerInfoBack.jpg) no-repeat;height:66px;padding:0px 0;} #dealerLocatorMain .dealershipInfo h2 {padding:0;font-size:20px;font-weight:bold;text-transform:uppercase;letter-spacing:-1px;line-height:20px;} #dealerLocatorMain .dealershipInfo h2 span {font-size:17px;letter-spacing:normal;} #dealerLocatorMain .dealerMap {width:315px; height:236px; background:#fff; border:8px solid #fff;float:left; margin-bottom:15px;} #dealerLocatorMain .dealerImage {width:315px; height:236px; background:#fff; border:8px solid #fff;float:left; margin-bottom:15px;} #dealerLocatorMain .dealerMap #getDirections{color:#000000; width:300px;} #dealerLocatorMain h3 {background:#ae080c;font-size:20px;padding:0;font-weight:bold;text-transform:uppercase;letter-spacing:normal;text-indent:5px;margin:0 0 5px;} #dealerLocatorMain .dealerLeft {float:left;width:330px;margin-right:10px;} #dealerLocatorMain .dealerLeft p{padding-left:10px;} #dealerLocatorMain .dealerRight {float:right;width:331px;} #dealerLocatorMain .dealerRight p{padding-left:10px;} #dealerLocatorMain .dealerRight ul {list-style:none;margin:0;padding:0;} #dealerLocatorMain .dealerRight ul li{width:330px;float:left;font-weight:normal; font-size:11px;} #dealerLocatorMain .dealerRight ul li span{float:left;} #dealerLocatorMain .dealerRight ul li .businessHours{width:134px;} #dealerLocatorMain .dealerRight ul li .times{width:64px;border-right:1px solid #646464;} #dealerLocatorMain .dealerRight ul li .last{width:65px; margin-right:-3px;} #dealerLocatorMain .dealerRight ul li .day{width:128px; padding-left:5px; border-right:1px solid #646464;} #dealerLocatorMain .dealerLeft ul {list-style:none;margin:5px 0 15px 0;padding:0;} #dealerLocatorMain .dealerLeft ul li{width:250px;float:left;font-weight:bold; font-size:14px; margin-bottom:5px;} #dealerLocatorMain .dealerLeft ul li span{width:110px; float:left;margin-bottom:5px;} .row{background:#393637;} .altRow{background:#454444;} .rowLast{margin-bottom:20px; background:#393637} #dealerLocatorMain a {color:#fff;} #openingTimes{ margin:0 auto 20px auto;} #openingTimes td{ font-size:11px; text-align:center;color:#fff; } #openingTimes .day{text-align:left; padding-left:4px;} #openingTimes .alt1{background:#3a3738;} #openingTimes .alt2{background:#454444;} #dealerEmail { margin:0 auto 0px auto;} #dealerEmail td{ font-size:11px; padding: 0px 0px 5px 0px; } /* ------ SPECIAL OFFERS MAIN ----- */ #specialOffersMain {margin:10px 0 20px; padding-bottom:5px; background:url(../images/layup/smallPrint.gif) no-repeat bottom right;} #specialOffersMain .specialOffersListItem {margin: 0 0 40px;} #specialOffersMain .specialOfferLeft {float:left;width:355px;} #specialOffersMain .specialOfferJumps {} #specialOffersMain .specialOffersJump .box {width:102px;height:36px;float:left;color:#fff; padding: 4px 4px 4px 8px;font-weight:bold;text-transform:uppercase;} #specialOffersMain .specialOffersJump .first {background:url(../images/layup/specialOffersFirst.jpg) no-repeat;} #specialOffersMain .specialOffersJump .second {background:url(../images/layup/specialOfferSecond.jpg) no-repeat;} #specialOffersMain .specialOffersJump .third {background:url(../images/layup/specialOfferThird.jpg) no-repeat;} #specialOffersMain .specialOfferHeading {font-size:150%;color:#fd0002;font-weight:bold;} #specialOffersMain .image {} #specialOffersMain .specialOfferPrice {color:#d12127;font-size:250%;font-weight:bold;line-height:24px;} #specialOffersMain .specialOfferPrice span {font-size:80%;} #specialOffersMain .specialOfferRight {float:right;width:333px;} #specialOffersMain .specialOfferRight .padding {background:url(../images/layup/specialOfferBg.gif) top no-repeat;padding:15px 25px 13px; } #specialOffersMain .specialOffersUl {font-size:90%;margin:0;padding:20px 0 20px 40px;} #specialOffersMain .specialOfferPreFix {font-size:230%;letter-spacing:-1px;line-height:24px;} #specialOffersMain .specialOfferRate {color:#6e004b;font-size:100%;font-weight:bold;padding:15px 0;} #specialOffersMain .specialOfferCall {color:#6e004b;font-size:110%;font-weight:bold;text-transform:uppercase;letter-spacing:-1px;} #specialOffersMain .specialOfferCall span {font-size:28px;color:#d3242b;} /* ----- OFFERS SLIDE SHOW ----- */ #specialImage #thumbnails { height: 90px; width: 713px; background: url(../images/layup/specialOffersBg.gif) no-repeat; margin-top:20px; } #specialImage #thumbnails .btnLeft, #specialImage #thumbnails .btnRight { float: left; padding-top: 24px; } #specialImage #thumbnails #thumbWindow { float: left; height: 90px; overflow: hidden; position: relative; } #specialImage #thumbnails #thumbContainer { width: 2000px; } #specialImage #thumbnails .thumb { padding-top: 4px; float: left; } #specialImage #thumbnails .thumb a { display: block; float: left; height: 81px; position: relative; width: 92px; text-decoration: none; } #specialImage #thumbnails .thumb a:hover, #specialImage #thumbnails .thumb a.active { background: url(../images/layup/specialOffersBgActive.gif) no-repeat top left; } #specialImage #thumbnails .btnLeft a:hover, #specialImage #thumbnails .btnRight a:hover { background: none; } #specialImage #thumbnails .thumb a .thumbImg { display: block; padding: 8px 0px 0px 2px; } #specialImage #thumbnails .thumb a .thumbText { font-weight: normal; text-align: center; color: #000; display: block; margin: 0px 8px 0px 8px; } #specialImage #thumbnails .thumb a:hover .thumbText, #specialImage #thumbnails .thumb a.active .thumbText { color: #FFF; background: #595454; } /* ----- 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 {border-top:1px solid #f3f3f3;height:35px;} #breadcrumbs a {display:block;padding:4px 6px;background:#333333;color:#fff;float:left;text-decoration:none;text-transform:uppercase;} #breadcrumbs .active {background:#c82327;cursor:default;} #breadcrumbs a:hover {background:#c82327;} .pageInfo {float:right;width:277px;} .sort {float:right;padding:5px 0;height:23px;} .sort label {width:50px;} .bottom {padding:10px 0;} .pagination { height:20px; } .pagination ul {list-style:none;margin:0;float:right;padding:0;} .pagination ul li {display:block;float:left;} .pagination a { padding: 0px 3px 0px 3px;margin:0 0px; text-decoration: none; } .pagination a:hover { text-decoration: none; background:#c8181f; color:#FFFFFF; } .pagination a.active { text-decoration: none; background:#c8181f; color:#FFFFFF !important; } .pagination span { display: block; float: left; padding: 0px 2px 0px 2px; } /* ----- FOOTER ----- */ #footer {background:url(../images/layup/footerBg.jpg) top repeat-x #0d0d0d;min-height:141px; width:100%;} #footer .padding {padding:30px 18px 25px;width:966px;margin:0 auto;color:#fff;} #footer .padding .footerLeft {width:650px;float:left;text-align:left;} #footer .padding .footerLeft span {color:#e20613;} #footer a { font-weight:normal; text-decoration:none;color:#fff;} #footer a:hover { text-decoration:underline;} #footer .padding .footerLeft span a {color:#e20613;} /* ----- 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; display:inline; } legend { padding:0; margin:0; display:none; } label { display:block; width:260px; float:left; padding-left:10px; } input, textarea { width:185px; font-size:11px !important;} .requiredLabel { color:#c82327;} .checkRadio { width:20px; position:relative; left:-7px;} #frmContact { margin-bottom:15px;} #frmContact p { padding:7px 0;} #frmContact select { width:189px;} #frmContact div { margin-bottom:10px;} #detailsLocator{} #contactForm { padding: 25px 10px 0px 10px; margin-bottom: 50px; border: 1px solid #CFCFCF; position: relative; width: 691px; } #contactForm #formFootImage { position: absolute; bottom: -50px; right: -50px; } #btnSubmit { width:84px; height:26px; border:none; float:right; margin-right:9px;} .usedCarSearch a#usedRadio { display: block; width: 85px; height: 20px; background: url(../images/layup/usedSearchBg.png) no-repeat; float: left; margin-right: 8px; } .usedCarSearch a#newRadio { display: block; width: 81px; height: 20px; background: url(../images/layup/newSearchBg.png) no-repeat; float: left; } .usedCarSearch a#usedRadio.active { background: url(../images/layup/usedSearchBgActive.png) no-repeat; } .usedCarSearch a#newRadio.active { background: url(../images/layup/newSearchBgActive.png) no-repeat; } .dealerRight #contactForm fieldset { display: block; } .dealerRight #contactForm label { width: 125px; } .dealerRight #contactForm .validation-advice { width: 312px !important; } #dealerLocatorMain .dealerRight select{width:189px;} #map{width:315px; height:215px; } .valueMyVehicle { background: url(../images/layup/valueMyVehicleBg.jpg) repeat-x scroll left top; } .valueMyVehicle h1 { font-size: 1.7em !important; text-transform: uppercase; } .valueMyVehicle p { font-size: 1.1em !important; width: 380px; padding: 0px 0px 26px 0px; } .valueMyVehicle label { width: 228px; } .offerForm { width: 369px; float: right; margin: 0px 0px 15px 15px; color: #ffffff; background: #d2232a; } .offerForm form#frmContact { padding: 0px 24px 0px 29px; } .offerForm form#frmContact label { width: 170px; padding: 0px; } .offerForm form#frmContact input.inputfield { width: 136px; } .offerForm form#frmContact select { width: 140px; } .offerForm form#frmContact input#submit { width: 116px; height: 37px; } .offerForm form#frmContact .validation-advice { width: 300px; } .picasoForm { width: 380px; float: right; margin: 0px 0px 15px 15px; color: #ffffff; background: #d2232a; } .picasoForm form#frmContact { padding: 0px 24px 0px 29px; } .picasoForm form#frmContact label { width: 147px; padding: 0px; } .picasoForm form#frmContact input.inputfield { width: 166px; } .picasoForm form#frmContact textarea { width: 166px; height: 68px; } .picasoForm form#frmContact select { width: 170px; } .picasoForm form#frmContact input#submit { width: 88px; height: 31px; } .picasoForm form#frmContact .validation-advice { width: 300px; } .cubeForm { width: 403px; float: right; margin: 0px 0px 15px 15px; color: #ffffff; background: url(../images/layup/cubeEnquiryFormRepeat.jpg) top left repeat-y; font-size: 1.1em; } .cubeForm .cubeFormInner { background: url(../images/layup/cubeEnquiryForm.jpg) top left no-repeat; min-height: 367px; } .cubeForm .cubeFormInner p { padding: 0px 0px 20px 0px !important; } .cubeForm .cubeFormInner form#frmContact { padding: 0px 37px 0px 47px; } .cubeForm .cubeFormInner form#frmContact div { margin-bottom: 13px !important; } .cubeForm .cubeFormInner form#frmContact label { width: 170px; padding: 0px; } .cubeForm .cubeFormInner form#frmContact input.inputfield { width: 136px; } .cubeForm .cubeFormInner form#frmContact select { width: 140px; } .cubeForm .cubeFormInner form#frmContact input#submit { width: 116px; height: 37px; } .cubeForm .cubeFormInner form#frmContact .validation-advice { width: 300px; } .jukeForm { color: #ffffff; background:#000000 url(../images/layup/nissanJukeBg.jpg) no-repeat; } .jukeForm form { padding: 70px 0px 0px 155px; } .jukeForm form h2 { font-size: 22px; } .jukeForm form label { padding: 0px; width: 185px; } .jukeForm form #submit { width: 107px; height: 40px; } /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #4544e4; color : #FF3300; } input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; } .validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #ae080c; color : #FFF; font-weight: bold; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } /* ----- STOCK UPDATES FORM ----- */ #promoForm { padding:12px 0 0 19px; } #promoForm .signupBoxes { margin-bottom:20px; margin-top:10px;} #promoForm .signupBoxes label { float:left; width:450px; position:relative; top:4px;} #promoForm .signupBoxes input { float:left; width: 14px; margin-right: 10px;} #promoForm select { width:125px !important; margin-bottom: 10px; display:block; margin-right:15px;} #promoForm .carSelects { padding-top:18px;} #promoForm .submitButton { margin:5px 0 20px 0;} /* ------ NEW USED CAR DETAILS 04-06-09 ----- */ #usedCarDetail .usedCarJumps {float:left; margin:14px 14px 8px 0;} #usedCarDetail .usedCarJumps .padding {padding:0;} #usedCarDetail .usedCarJumps .padding a {float:left; margin-right:6px; } #usedCarDetail .usedCarJumps .padding .vehicleEnquiry {background:url(../images/layup/spriteUsedCarJumps2.jpg) 0 0 no-repeat; display:block; height:48px; width:127px; margin-bottom:3px;} #usedCarDetail .usedCarJumps .padding .vehicleEnquiry:hover {background-position:0 -48px; margin-bottom:3px;} #usedCarDetail .usedCarJumps .padding .sendToFriend { background:url(../images/layup/spriteUsedCarJumps2.jpg) -145px 0 no-repeat; display:block; height:48px; width:127px; margin-bottom:3px;} #usedCarDetail .usedCarJumps .padding .sendToFriend:hover {background-position:-145px -48px; margin-bottom:3px;} #usedCarDetail .usedCarJumps .padding .specSheet {background:url(../images/layup/spriteUsedCarJumps2.jpg) -290px 0 no-repeat; display:block; height:48px; width:127px; margin-bottom:3px;} #usedCarDetail .usedCarJumps .padding .specSheet:hover {background-position:-290px -48px; margin-bottom:3px;} #usedCarDetail .usedCarJumps .padding .makeOffer {background:url(../images/layup/spriteUsedCarJumps2.jpg) -435px 0 no-repeat; display:block; height:48px; width:127px; margin-bottom:3px;} #usedCarDetail .usedCarJumps .padding .makeOffer:hover {background-position:-435px -48px; margin-bottom:3px;} #usedCarDetail .usedCarJumps .padding .valueVehicle {background:url(../images/layup/spriteUsedCarJumps2.jpg) -580px 0 no-repeat; display:block; height:48px; width:127px; margin-bottom:3px;} #usedCarDetail .usedCarJumps .padding .valueVehicle:hover {background-position:-580px -48px; margin-bottom:3px;} #usedCarDetail {} #usedCarDetail h1 {padding:10px 0 0 0; width:auto; margin-right:15px; float:left; font-size:24px;} #usedCarDetail .price {width:330px;font-size:250%; padding:10px 0 0 0; font-size:24px; float:left; width:20%;} #usedCarDetail .vehicleLocation {float: left; width: 650px; margin-bottom:10px; background:#000; font-size:12px; font-weight:bold; color:#fff; padding:3px;} #usedCarDetail #usedCarDetailLeft {width:685px;float:left;} #usedCarDetail #usedCarDetailRight {width:340px;float:left;padding:0 0 0 14px;position:relative;top:-20px;} #usedCarDetail #usedCarDetailLeft .imageBack {background:url(../images/layup/mainImageFrame.gif) no-repeat;height:215px;width:317px;position:relative; float:left; } #usedCarDetail #usedCarDetailLeft .image {position:absolute;top:5px;left:5px; width:307px;height:230px; background:url(../images/layup/noImage307x205.gif) no-repeat;} #usedCarDetail #usedCarDetailLeft #usedCarThumbs {margin:0; width:356px; height:auto; float:right; height:auto;} #usedCarDetail #usedCarDetailLeft #usedCarThumbs .padding {background:url(../images/layup/newCarBtns2.gif) bottom no-repeat;padding:9px 10px;} #printCarDetails { display: none; } #usedCarDetail #usedCarDetailLeft #usedCarThumbs .thumb { display:block; width:99px;height:74px;display:block;float:left; margin:0 15px -2px 0; position:relative;} #usedCarDetail #usedCarDetailLeft #usedCarThumbs .thumb .frame { display:block; width:105px; height:73px; position:absolute; top:0px; left:0px;} #usedCarDetail #usedCarDetailLeft #usedCarThumbs .thumb .frame img { width:105px; height:73px;} #usedCarDetail #usedCarDetailLeft #usedCarThumbs .thumb.last {margin-right:0;} #releatedCars { width:685px; height:175px; float:left; margin-left:2px; margin-top:15px;} #releatedCars a,#releatedCars span {display:block;text-decoration:none;font-weight:normal;} #releatedCars .relatedItem { height:93px; width:112px; background:url(../images/layup/relatedCarsImageBack.gif) no-repeat top; margin:3px 11px 10px auto; padding:7px 7px 0 7px; float:left;} #releatedCars .last {margin-right:0;} #releatedCars .relatedImage {width:110px;height:83px; margin-bottom:12px; display:block; background:url(../images/layup/noImage110x83.gif) no-repeat; } #releatedCars .model{width:112px; font-weight:bold; margin: 0 auto;} #releatedCars .cost{width:112px; margin: 0 auto;} #releatedCars .relatedDesc {padding:8px;margin:0 9px 0 7px;color:#fff;background:#2e2e2e;} #releatedCars .viewMoreBtn {position:absolute;top:118px;right:15px;width:69px;height:67px;} /* ----- PEUGETOT LAUNCH EVENING ----- */ #launchEvening, #newPeugeotLocation { line-height:18px; } #launchEvening .formTop, #newPeugeotLocation .formTop { position:absolute; top:154px; left:0px; } #launchEvening #formContain { background:url(../images/layup/launchFormBg.gif) left bottom no-repeat; width:693px; padding: 45px 10px 20px; clear:both; } #launchEvening #formContain #formRight { float:right; width:346px; } #launchEvening #formContain #formLeft, #newPeugeotLocation #formContain #formLeft { float:left; width:330px; } #launchEvening #formContain #formLeft div, #newPeugeotLocation #formContain #formLeft div { margin-bottom:10px; float:left; } #launchEvening #formContain #formRight div, #newPeugeotLocation #formContain #formRight div { margin-bottom:10px; float:left; } #launchEvening #formContain #formRight label, #newPeugeotLocation #formContain #formRight label { width:96px; } #launchEvening #formContain label, #newPeugeotLocation #formContain label { width:90px; font-weight:bold; float:left; padding:0px; } #launchEvening #formContain select, #newPeugeotLocation #formContain select { float:left; width:229px; } #launchEvening #formContain input, #newPeugeotLocation #formContain input { float:left; width:225px; } #launchEvening #formContain textarea, #newPeugeotLocation #formContain textarea { float:left; width:225px; } #newPeugeotLocation #formContain #formRight { float:right; width:332px; } #newPeugeotLocation #formContain { background:url(../images/layup/launchFormBg.gif) left bottom no-repeat; width:693px; padding: 12px 10px 20px; clear:both; } #newPeugeotLocation #formContain fieldset { display: block; } /* ----- HPC POP UP ----- */ #overlay { width:100%; height:100%; z-index:999999; background:url(../images/layup/popUpOverlay.png) repeat; position:absolute; top:0px; left:0px; } #hpcPopupContainer { position: relative; z-index: 9999999; width:932px; margin: 0 auto;} #hpcPopupContainer #popup { width:595px; height:309px; z-index:999999; background:url(../images/layup/popUpBg.png) no-repeat; position:absolute; top:300px; left:270px;} #hpcPopupContainer #popup .btnClose { position:absolute; top:40px; left:450px; } #hpcPopupContainer #popup .btnSlough { position:absolute; top:114px; left:90px; } #hpcPopupContainer #popup .btnMillHill { position:absolute; top:114px; left:315px; } /* ----- SPORTAGE POP UP 12-10-2010 ----- */ #popupContainer { position: relative; z-index: 9999999; width:932px; display:none; margin: 0 auto;} #popupContainer #popupSportage { width:427px; height:254px; z-index:999999; cursor:pointer; background:url(../images/layup/sportagePopUp.gif) no-repeat; position:absolute; top:300px; left:270px;} #popupContainer #popupSportage .mainLink { width:385px; height:354px; position:absolute; top:0px; left:0px; display:block; background:url(../images/layup/ie6LinkFix.gif); z-index:999999; } #popupContainer #popupSportage .btnClose { position:absolute; top:0px; left:391px; }