/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : Chris Munn / chris.munn@gforces.co.uk / G-Forces Web Management Ltd Author : John Davies / john.davies@gforces.co.uk / G-Forces Web Management Ltd Author : Matt Mumford / matt.mumford@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for xxxxxxxxxxxxxxxxxxxxxxxxxxxxx site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:url(../images/layup/bg2.jpg) top no-repeat #eeeeee; 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 { min-height:100%; width:960px; margin:0 auto 20px auto; text-align:left; font-size:110%; line-height: normal; } * html #container{height: 100%; } #printHeader { display:none;} #dropDownContainer {} #dropDownContainer #dropdown {} #dropDownContainer #dropdown .top { width:953px; height:20px; } #dropDownContainer #dropdown .left { width:6px; height:266px; float:left; } #dropDownContainer #dropdown .main { width:941px; height:266px; background:url(../images/layup/dropDownBg.jpg) no-repeat; float:left; } #dropDownContainer #dropdown .main #dropOptions { width:802px; height:127px; position:relative; top:135px; left:46px; } #dropDownContainer #dropdown .main #dropOptions div { float:left; } #dropDownContainer #dropdown .main #dropOptions a { display:block; } #dropDownContainer #dropdown .main #dropOptions span { display:none; } #dropDownContainer #dropdown .main .ashford a { width:153px; height:127px; background:url(../images/layup/spriteHomeDrop.jpg) no-repeat 0 0; } #dropDownContainer #dropdown .main .battle a { width:159px; height:127px; background:url(../images/layup/spriteHomeDrop.jpg) no-repeat -153px 0; } #dropDownContainer #dropdown .main .eastbourne a { width:167px; height:127px; background:url(../images/layup/spriteHomeDrop.jpg) no-repeat -312px 0; } #dropDownContainer #dropdown .main .folkestone a { width:171px; height:127px; background:url(../images/layup/spriteHomeDrop.jpg) no-repeat -479px 0; } #dropDownContainer #dropdown .main .maidstone a { width:152px; height:127px; background:url(../images/layup/spriteHomeDrop.jpg) no-repeat -650px 0; } #dropDownContainer #dropdown .main .ashford a:hover { background:url(../images/layup/spriteHomeDrop.jpg) no-repeat 0 -127px; } #dropDownContainer #dropdown .main .battle a:hover { background:url(../images/layup/spriteHomeDrop.jpg) no-repeat -153px -127px; } #dropDownContainer #dropdown .main .eastbourne a:hover { background:url(../images/layup/spriteHomeDrop.jpg) no-repeat -312px -127px; } #dropDownContainer #dropdown .main .folkestone a:hover { background:url(../images/layup/spriteHomeDrop.jpg) no-repeat -479px -127px; } #dropDownContainer #dropdown .main .maidstone a:hover { background:url(../images/layup/spriteHomeDrop.jpg) no-repeat -650px -127px; } #dropDownContainer #dropdown .right { width:6px; height:266px; float:left; } #dropDownContainer #dropdown .bottom { width:953px; height:20px; } #header { height: 31px; position: relative; } #header #logo { position: absolute; top: 0px; left: 0px; display:none; } #header #contactDetails { position: absolute; top: 0px; right: 0px; } #header #badge { position: absolute; top: 0px; right: 0px; display:none;} #wilmothsBranch {background:url(../images/layup/wilmoths.png) no-repeat; margin-left:11px; float:left; width:251px; height:37px; padding:66px 0 0 13px;} #wilmothsBranch a{text-decoration:none;} #wilmothsBranch .locationTitle{font-size:22px; color:#ffffff; font-family:"Century Gothic", verdana, arial; font-weight:bold; text-decoration:none;} #wilmothsBranch .locationTitle a{text-decoration:none;} #chooseLocation{width:941px; margin: 0 auto 15px auto; } #citroenLogo{background:url(../images/layup/logoBg.png) no-repeat; float:right; height:106px; width:119px; padding-left:35px; margin-right:11px; } #usedSearchBtns{padding-left:10px; color:#565353; margin-top:0px; width:300px;} #usedCheckVans{background:url(../images/layup/vans.gif) no-repeat; float:left; width:75px; height:23px;} #usedCheckVans .vans{width:10px; float:left; margin:5px auto 0 8px;} #usedCheckCars{background:url(../images/layup/cars.gif) no-repeat; float:left; width:75px; height:23px;} #usedCheckCars .cars{width:10px; float:left; margin:5px auto 0 8px;} #radioCars{ display: block;float:left;width:75px; height:23px; background: url(../images/layup/spriteRadioButtons.gif) top left no-repeat;} #radioCars:hover{background: url(../images/layup/spriteRadioButtons.gif) bottom left no-repeat ;} #radioCars.active{background: url(../images/layup/spriteRadioButtons.gif) bottom left no-repeat;} #radioVans{ display:block;float:left;width:75px; height:23px; background: url(../images/layup/spriteRadioButtons.gif) top right no-repeat;} #radioVans:hover{background: url(../images/layup/spriteRadioButtons.gif) bottom right no-repeat; } #radioVans.active{background: url(../images/layup/spriteRadioButtons.gif) bottom right no-repeat; } span{text-decoration:none;} #primaryJumps .boxMedium{background:url(../images/layup/box305x225.png) no-repeat; cursor:pointer; width:305px; height:225px; display:inline; float:left; margin-left:11px; margin-bottom:15px;} #primaryJumps .boxMedium a{text-decoration:none;} #primaryJumps .boxMedium .title{float:right; margin-bottom:3px; margin-right:10px; display: block;} #primaryJumps .boxMedium .subTitle{float:left; text-decoration:none; text-align:right; width:295px; padding-right:10px; font-weight:normal; padding-bottom:5px; color:#666; border-bottom:#e4012f 4px solid; display:block;} #primaryJumps .boxMedium .view{ color:#060606; font-weight:normal; text-decoration:none; float:left; margin-top:10px; width:260px; font-size:12px; padding:0 20px;} #primaryJumps .boxMedium .redBold{color:#db002a; font-weight:bold;} #primaryJumps .boxMedium .bold{color:#060606; font-weight:bold;} #primaryJumps .boxMedium .clear { clear: both; display: block; } #primaryJumps .boxMediumImage { display: block;padding-bottom:8px; margin: 0 auto; width: 305px; height: 116px; } /*#secondaryJumps .boxSmall{background:url(../images/layup/box227x225.png) no-repeat; width:227px; height:225px; float:left;margin-left:11px; display:inline;} #secondaryJumps .boxSmall .title{float:right; margin-bottom:3px; margin-right:10px;} #secondaryJumps .boxSmall .subTitle{float:left; font-weight:normal;text-decoration:none; text-align:right; width:220px; padding-right:7px; padding-bottom:5px; color:#666; border-bottom:#e4012f 4px solid; margin-bottom:10px;} #secondaryJumps .boxSmall .view{ color:#333333; font-weight:normal;text-decoration:none; float:left; margin-top:5px; width:200px; font-size:11px; padding:0 10px;} #secondaryJumps .boxSmall .details{float:right; margin-right:10px; margin-top:-10px;} #secondaryJumps .boxSmall .clear { clear: both; display: block; } #secondaryJumps .boxSmallImage {margin: 0 auto; padding-bottom:8px; border-bottom:thin dotted #000000; position:relative; } #secondaryJumps .boxSmallImage .special {position:absolute; top:0; right:0;}*/ #secondaryJumps .boxSmall {background:url(../images/layup/box227x225.png) no-repeat; height:225px; float:left;margin-left:11px; display:inline;} #secondaryJumps .boxSmall a { text-decoration: none; display: block; width: 227px; font-weight: normal; height:225px; position: relative; } #secondaryJumps .boxSmall .clear { clear: both; display: block; } #secondaryJumps .boxSmall .title{float:right; margin-bottom:3px; margin-right:10px; display: block;} #secondaryJumps .boxSmall .subTitle{ display: block;float:left; font-weight:normal;text-decoration:none; text-align:right; width:220px; padding-right:7px; padding-bottom:5px; color:#666; border-bottom:#e4012f 4px solid; margin-bottom:10px;} #secondaryJumps .boxSmallImage { display: block;padding-bottom:8px; margin: 0 auto; border-bottom:thin dotted #000000; position:relative; width: 214px; height: 91px; } #secondaryJumps .special { display: block;position:absolute; top:-5px; right:-10px;} #secondaryJumps .boxSmall .view{ color:#333333; font-weight:normal;text-decoration:none; float:left; margin-top:5px; width:200px; font-size:11px; padding:0 10px;} #secondaryJumps .boxSmall .details{ position: absolute; bottom: 2px; left: 175px; } /* ----- LEFT COLUMN ----- */ #leftCol { float: left; margin-left:10px; width: 270px} #leftCol .box {} #leftCol #usedCarSearch {width:268px; height:214px; margin-top:17px; background:url(../images/layup/leftColSearchBg.png) no-repeat;} #leftCol #usedCarSearch .title{margin-left:10px;margin-top:3px; margin-bottom:3px; display:block;} #leftCol #usedCarSearch .subTitle{display:block; color:#666666; float:left; width:258px; padding-left:10px;padding-bottom:3px; margin-bottom:6px; border-bottom:solid 3px #e4012f;} #leftCol #usedCarSearch select{width:110px; float:left; margin-left:10px; margin-bottom:6px;} #leftCol #usedCarSearch select#location{width:227px;} #leftCol #usedCarSearch .searchNow{margin-left:10px; margin-top:10px; width:230px;} #leftCol #savedVehicles .title{margin-left:10px;margin-top:3px; margin-bottom:3px; display:block;} #leftCol #savedVehicles .subTitle{display:block; color:#666666; float:left; width:258px; padding-left:10px;padding-bottom:3px; margin-bottom:6px; border-bottom:solid 3px #e4012f;} #leftCol fieldset{float:left; width:268px;} #leftCol #dealerLocator {width:268px; height:auto; margin-top:20px; background:url(../images/layup/dealerLocatorTitle.gif); float:left;} #leftCol #dealerLocator .subTitle{display:block; color:#666666; float:left; width:253px; padding-left:15px;padding-bottom:3px; margin-top:36px; margin-bottom:0; border-bottom:solid 3px #e4012f;} ul#downloadLinks { list-style: none; padding: 0px 0px 5px 0px; margin: 0px auto 0 auto; float:left; background:url(../images/layup/dealerLocatorBg.gif) #e95271 repeat-x; width:268px; height:auto; } ul#downloadLinks li { cursor: pointer; color:#fff; margin: 5px 0px 0px 0px; padding-left: 30px; } ul#downloadLinks .closed { height: 40px; margin-left:10px; } ul#downloadLinks .downloadAddress { display: none; padding-left:15px; } ul#downloadLinks .downloadTitle { display: block; font-weight: bold; font-size: 1.1em; padding:10px 0 0 15px; } ul#downloadLinks .open { background: url(../images/layup/minus.gif) no-repeat;height:100px; margin-left:10px; color:#fff; } ul#downloadLinks .closed { background: url(../images/layup/plus.gif) no-repeat; } ul#downloadLinks .open .downloadAddress{display:block;} #leftCol #stock{width:268px; height:173px; margin-top:20px; background:url(../images/layup/stockBg.png) no-repeat; float:left;} #leftCol #stock .title{margin-left:10px;margin-top:3px; margin-bottom:3px; display:block;} #leftCol #stock .subTitle{display:block; color:#666666; font-weight:normal; text-decoration:none; float:left; width:255px; padding-left:13px;padding-bottom:3px; margin-bottom:6px; border-bottom:solid 3px #e4012f;} #leftCol #stock .image { display: block;padding-bottom:8px; margin: 0 auto 5px 13px; float:left; } #leftCol #motability {width:268px; height:203px; margin-top:20px; background:url(../images/layup/motabilityBg.png) no-repeat; float:left;} #leftCol #motability .title{margin-left:10px;margin-top:3px; margin-bottom:3px; display:block;} #leftCol #motability .subTitle{display:block; color:#666666; text-decoration:none; float:left; width:255px; font-weight:normal; padding-left:13px;padding-bottom:3px; margin-bottom:6px; border-bottom:solid 3px #e4012f;} #leftCol #motability .image { display: block;padding-bottom:8px; margin: 0 auto 5px 13px; float:left; } /* ----- RIGHT COLUMN ----- */ #rightCol { float: right; width: 660px; margin-left:10px; } #rightCol #breadcrumbs {width:500px; float:left; margin-top:-80px; text-decoration:none; padding-bottom:10px; border-bottom:dotted 1px #000000; position: relative; } #rightCol #breadcrumbs a{text-decoration:none; } #rightCol #breadcrumbs .home {width:auto; background:url(../images/layup/breadcrumbsOldBg.gif) no-repeat right #dc022f; float:left; padding:3px 10px 2px 5px; color:#fff;} #rightCol #breadcrumbs .last {width:auto; background:url(../images/layup/breadcrumbsLastBg.gif) no-repeat right #ea6782; float:left;padding:3px 10px 2px 5px; color:#fff;} #rightCol #breadcrumbs .current {width:auto; background:url(../images/layup/breadcrumbsCurrentBg.gif) no-repeat right #f6c0cb; float:left;padding:3px 10px 2px 5px; color:#000;} #rightCol .newCarText{width:330px; color:#000;} #rightCol #newCarSpecs{width:320px; float:right; margin-top:15px;} #rightCol #newCarSpecs .newCarFrame { width:289px; height:227px; background:url(../images/layup/newCarFrame.png) no-repeat; display:block; padding: 9px 0px 0px 13px !important; margin: 0px 0px 0px 10px; } #rightCol #newCarSpecs .cmsInternalImage { padding-left: 3px; } #rightCol #newCarSpecs .newCarFrame img {width:275px; height:206px; margin: 0 auto;} #rightCol #newCarSpecs #callUs{padding:10px;background:url(../images/layup/callUs.gif) no-repeat; width:278px; height:30px; margin: 0 auto;} #rightCol #newCarSpecs #callUs p{padding-bottom:5px; color:#fff; font-weight:bold;} #rightCol #newCarSpecs #request{width:101px; height:85px; display:block; background:url(../images/layup/spriteNewCarIcons.gif) 0 0 no-repeat; float:left; } #rightCol #newCarSpecs #request:hover{background:url(../images/layup/spriteNewCarIcons.gif) 0 -169px no-repeat; } #rightCol #newCarSpecs #viewWeb{width:96px; height:85px; display:block; background:url(../images/layup/spriteNewCarIcons.gif) -101px 0 no-repeat; float:left;} #rightCol #newCarSpecs #viewWeb:hover{background:url(../images/layup/spriteNewCarIcons.gif) -101px -169px no-repeat;} #rightCol #newCarSpecs #testDrive{width:98px; height:85px; display:block; background:url(../images/layup/spriteNewCarIcons.gif) -197px 0 no-repeat; float:left;} #rightCol #newCarSpecs #testDrive:hover{background:url(../images/layup/spriteNewCarIcons.gif) -197px -169px no-repeat;} #rightCol #newCarSpecs #advice{width:101px; height:85px; display:block; background:url(../images/layup/spriteNewCarIcons.gif) 0 -85px no-repeat; float:left;} #rightCol #newCarSpecs #advice:hover{background:url(../images/layup/spriteNewCarIcons.gif) 0 -254px no-repeat;} #rightCol #newCarSpecs #download{width:96px; height:85px; display:block; background:url(../images/layup/spriteNewCarIcons.gif) -101px -85px no-repeat; float:left;} #rightCol #newCarSpecs #download:hover{background:url(../images/layup/spriteNewCarIcons.gif) -101px -254px no-repeat;} #rightCol #newCarSpecs #download{width:96px; height:85px; display:block; background:url(../images/layup/spriteNewCarIcons.gif) -101px -85px no-repeat; float:left;} #rightCol #newCarSpecs #download:hover{background:url(../images/layup/spriteNewCarIcons.gif) -101px -254px no-repeat;} #rightCol #newCarSpecs #friend{width:98px; height:85px; display:block; background:url(../images/layup/spriteNewCarIcons.gif) -197px -85px no-repeat; float:left;} #rightCol #newCarSpecs #friend:hover{background:url(../images/layup/spriteNewCarIcons.gif) -197px -254px no-repeat;} #rightCol #newCarSpecs #financeOptions{ display:block; float:left; margin-left:5px; margin-top:15px;} #rightCol #newCarSpecs #currentOffers{ display:block; float:left; margin-left:5px; margin-top:15px;} #rightCol #cmsImage{width:320px; height:auto; margin-bottom:15px; float:right; margin-top:15px;} #rightCol #cmsImage .frame{width:302px; height:227px; margin:0 auto; background:url(../images/layup/newCarFrame.png) no-repeat; display:block; padding-top:9px;} #rightCol #cmsImage .frame img {width:275px; height:206px; margin: 0 auto;} #rightCol #ourLocation{background:url(../images/layup/locationBg.png) no-repeat; color:#444242; width:270px; height:286px; padding-left:15px; padding-top:30px; float:left;} #rightCol #ourLocation .bold{font-weight:bold;} #rightCol #ourLocation .contain{width:253px; height:126px; margin-top:10px; display:block; background:url(../images/layup/location.jpg) no-repeat; float:left; position:relative; margin-bottom:5px; padding-bottom:5px; border-bottom:dotted 1px #8f8d8d; } #rightCol #ourLocation .frame{width:253px; height:126px; background:url(../images/layup/framelocation.png)no-repeat; display:block; position:absolute; top:0; left:0; } #rightCol #ourLocation .photo{width:253px; height:126px; display:block; } #rightCol #ourLocation p{padding-bottom:5px; padding-top:5px;} #rightCol #ourLocation .heading{color:#dc022f; padding-bottom:3px; font-weight:bold;} #rightCol #ourLocation .address{width:125px; height:30px; float:left; display:block;} #rightCol #ourLocation .numbers{width:125px; height:30px; float:left; display:block;} #rightCol #buinsessHours{background:url(../images/layup/businessHoursBg.png) no-repeat; color:#444242; float:left; width:270px; height:247px; padding-left:15px; padding-top:35px;} #rightCol #buinsessHours .heading{color:#dc022f; padding-bottom:3px; font-weight:bold;} #rightCol #mapBack{ background:url(../images/layup/mapBg.png) no-repeat; padding-left:18px; padding-top:35px; width:347px; height:801px; float:right;} #rightCol #mapBack #direction{ margin-top:10px; padding: 0; margin-bottom:15px;} #rightCol #mapBack #direction p{padding:0 3px; margin-bottom:10px;} #rightCol #mapBack #direction fieldset{padding-top:12px;} #rightCol #mapBack #direction input{float:left;} #rightCol #mapBack #direction .go {float:left; margin-left:10px; margin-top:-12px;} #rightCol #mapBack #contactUs {} #rightCol #mapBack #contactUs p{padding:0 3px;} #mainImage { height: 170px; } #mainContent {} #mainContent .padding { padding: 0px 0px 0px 0px; } /* ----- CMS IMAGE ----- */ .internalImage { float: right; margin: 0px 0px 15px 15px; } .internalImage img {} /* ----- LIST ----- */ #rightCol .list {background:url(../images/layup/usedListBg.png) no-repeat; margin-left:-4px; width:640px; margin-bottom:15px; height:204px; display:block; float:left;} #rightCol .list a{text-decoration:none;} #rightCol .list .model{width:270px; height:auto; float:left; margin: 25px 15px 0 25px; display:block; color:#fff; padding-bottom:0; font-weight:normal;} #rightCol .list .price{width:200px; height:auto; float:left; margin: 25px 0 0 auto; display:block; font-weight:bold; color:#fff; padding-bottom:0;} #rightCol .list .saveCar{width:113px; height:34px; float:left; cursor:pointer; margin:20px auto 0 auto; float:left; display:block; padding-bottom:0;} #rightCol .list .photoContain {width:155px; height:116px; display:block; background:url(../images/layup/noImage155x116.gif) no-repeat; float:left; position:relative; margin-top:15px; margin-left:18px; padding-right:10px;} #rightCol .list .frame{width:155px; height:116px; background:url(../images/layup/frame155x116.png)no-repeat; display:block; position:absolute; top:0; left:0; } #rightCol .list .photo{width:155px; height:116px; display:block; } #rightCol .list .details{color:#000; float:left; width:400px; margin-top:15px; height:30px; display:block; margin-bottom:30px; font-weight:normal;} #rightCol .list .location{color:#000; float:left; width:325px; margin-top:15px; font-weight:bold; height:30px; display:block;} #rightCol .list .moreInfo{position:absolute; top:137px; right:17px; z-index:99999;} /* ----- OFFERS */ #list.offers { background:url(../images/layup/usedDetailRepeat.png) repeat-y; width:631px; } #list .box { width:869px; padding:5px; margin:0 auto 30px; position:relative; } #list .box.last { margin-bottom:0px; } #list .box a { display:block; } #list .box .frame { position:absolute; left:0; top:0; display:block; } /* ----- BOX LIST ----- */ #rightCol #boxList { width:650px; padding:0; margin:0 auto 0 -10px; height:auto;} #rightCol #boxList .boxContain {padding:8px 5px 5px 8px; width:194px; height:190px; float:left; margin-bottom:15px;} #rightCol #boxList .boxContain .box {padding:9px;width:182px; height:174px; display:block; position:relative; background:url(../images/layup/boxListBg.png) no-repeat; float:left;} #rightCol #boxList .pageList .box {padding:9px;width:182px; height:174px; display:block; position:relative; background:url(../images/layup/boxListBg2.png) no-repeat; float:left;} #rightCol #boxList .boxContain .boxLabel{width:68px; height:21px; display:block; margin-bottom:-5px; color:#fff; padding:0 0 0 0; background:url(../images/layup/boxLabel.png) no-repeat; float:right;} #rightCol #boxList .boxContain .box .boxImage{ width:188px; height:141px; display:block; } #rightCol #boxList .boxContain .box .model{padding:0px 0 0 4px;display:block; color:#fff; font-size:12px; font-weight:bold;} #rightCol #boxList .boxContain .box .greenCar{position:absolute; top:9px; left:12px;} #rightCol #boxList .boxContain .box .offers{position:absolute; top:-1px; left:-3px;} #boxList .box a {} #boxList .box .thumb {} #boxList .box .thumb .frame {} #boxList .box .title {} /* ----- USED CAR DETAIL ----- */ #rightCol #usedCarDetails{background:url(../images/layup/usedCarDetailsBg.png) no-repeat; width:631px; height:524px; } #rightCol #usedCarDetails .padding{ margin-left:-3px; padding-top:12px; padding-left:13px; float:left;} #rightCol #usedCarDetails #usedCarInfo{background:url(../images/layup/usedCarDetailsInfoBg.gif) no-repeat; width:368px; height:116px; padding:10px 0 0 10px; float:left;} #rightCol #usedCarDetails #usedCarInfo .model{color:#fff; font-weight:bold; padding-bottom:5px;} #rightCol #usedCarDetails #usedCarInfo .desc{color:#fff; font-weight:normal; width:340px; padding-bottom:5px;} #rightCol #usedCarDetails #usedCarInfo .bold{color:#fff; font-weight:bold; padding-bottom:0px;} #rightCol #usedCarDetails #usedCarInfo .price{color:#fff; font-weight:bold; font-size:18px; } #rightCol #usedCarDetails #usedCarInfo .saveCar{color:#fff; padding-top:13px; height:20px; font-weight:bold; font-size:11px; background:url(../images/layup/saveCarBg.gif) no-repeat left; padding-left:35px;} #rightCol #usedCarDetails #usedCarLocation {width:217px; height:108px; color:#fff; background:url(../images/layup/usedCarLocationBg.png) no-repeat; float:left; margin-top:-1px; padding: 10px 0 0 10px;} #rightCol #usedCarDetails #usedCarLocation .bold{color:#fff; font-weight:bold; padding-bottom:3px;} #rightCol #usedCarDetails #usedCarLocation .address{width:200px; padding-bottom:5px;} #rightCol #usedCarDetails #usedCarLocation .telNo{color:#fff; font-weight:bold; font-size:18px; padding-bottom:0;} #rightCol #usedCarDetails #usedCarPhoto {width:367px; height:275px; display:block; background:url(../images/layup/noImage367x275.gif) no-repeat; float:left; position:relative;} #rightCol #usedCarDetails .frame{width:367px; height:275px; background:url(../images/layup/usedCarFrame.png)no-repeat; display:block; position:absolute; top:0; left:0; } #rightCol #usedCarDetails .photo{width:367px; height:275px; } #rightCol #usedCarDetails #thumbScroller { width:367px; height:71px; float:left; clear:left; margin-top:10px; } #rightCol #usedCarDetails #thumbScroller #scrollContain { width:317px; height:71px; overflow:hidden; float:left; position: relative; } #rightCol #usedCarDetails #thumbScroller #scrollContain #thumbnailContain { width:700px; height:71px; top:0px; position:absolute; left:-50px;} #rightCol #usedCarDetails #thumbScroller #scrollContain #thumbnailContain .thumb { display:block; float:left; margin-right:10px; position:relative; } #rightCol #usedCarDetails #thumbScroller #scrollContain #thumbnailContain .thumb . frame { position:absolute; top:0px; left:0px; display:block; } #rightCol #usedCarDetails #right { display:block; width:25px; height:27px; margin-top:20px; background:url(../images/layup/spriteArrows.gif) bottom right;} #rightCol #usedCarDetails #right.active { width:25px; height:27px; background:url(../images/layup/spriteArrows.gif) top right;} #rightCol #usedCarDetails #left { display:block; width:25px; height:27px;margin-top:20px; background:url(../images/layup/spriteArrows.gif) bottom left;} #rightCol #usedCarDetails #left.active { width:25px; height:27px; background:url(../images/layup/spriteArrows.gif) top left;} #rightCol #usedCarIcons {width:225px; height:363px; float:left; margin-left:11px;} #rightCol #usedCarIcons #enquire{width:225px; height:93px; background:url(../images/layup/spriteUsedCarIcons.jpg) 0 0 no-repeat; display:block;} #rightCol #usedCarIcons #enquire:hover { background: url(../images/layup/spriteUsedCarIcons.jpg) 0px -363px no-repeat; } #rightCol #usedCarIcons #send{width:225px; height:90px; background:url(../images/layup/spriteUsedCarIcons.jpg) 0 -93px no-repeat; display:block;} #rightCol #usedCarIcons #send:hover{background:url(../images/layup/spriteUsedCarIcons.jpg) 0 -456px no-repeat;} #rightCol #usedCarIcons #send{width:225px; height:90px; background:url(../images/layup/spriteUsedCarIcons.jpg) 0 -93px no-repeat; display:block;} #rightCol #usedCarIcons #send:hover{background:url(../images/layup/spriteUsedCarIcons.jpg) 0 -456px no-repeat;} #rightCol #usedCarIcons #print{width:225px; height:91px; background:url(../images/layup/spriteUsedCarIcons.jpg) 0 -183px no-repeat; display:block;} #rightCol #usedCarIcons #print:hover{background:url(../images/layup/spriteUsedCarIcons.jpg) 0 -546px no-repeat;} #rightCol #usedCarIcons #value{width:225px; height:89px; background:url(../images/layup/spriteUsedCarIcons.jpg) 0 -274px no-repeat; display:block;} #rightCol #usedCarIcons #value:hover{background:url(../images/layup/spriteUsedCarIcons.jpg) 0 -637px no-repeat;} #rightCol #thumbList { position: relative; margin-top: -67px; float:left;width: 380px; height: 66px; } #rightCol #thumbList #thumbPrev { position: absolute; top: 0; left: 0px; width:32px; height:66px; cursor: pointer; z-index:99999; } #rightCol #thumbList #thumbNext { position: absolute; top: 0; right: 10px; cursor: pointer; width:32px; height:66px; z-index:99999;} #rightCol #thumbList #thumbWindow { width: 380px; height: 66px; overflow: hidden; z-index:99; } #rightCol #thumbList #thumbWindow #thumbImage img { display: inline; margin: 0 1px; z-index:99; } #rightCol #thumbList #thumbWindow #thumbImage { width: 380px; z-index:99;} #rightCol #tabs{background:url(../images/layup/usedDetailRepeat.jpg) repeat-y; width:632px; height:378px;} #rightCol #similarVehicles{background:url(../images/layup/similarVehiclesBg.png) no-repeat; width:632px; height:233px; margin-bottom:15px;} #rightCol #similarVehicles .photoContain {width:155px; height:116px; display:block; background:url(../images/layup/noImage155x116.gif) no-repeat; float:left; position:relative; margin-top:60px; margin-left:25px; padding-right:25px; border-right: dotted 1px #999999;} #rightCol #similarVehicles .frame{width:155px; height:116px; background:url(../images/layup/frame155x116.png)no-repeat; display:block; position:absolute; top:0; left:0; } #rightCol #similarVehicles .photo{width:155px; height:116px; display:block; } #rightCol #similarVehicles .photoContainLast {width:155px; height:116px; display:block; background:url(../images/layup/noImage155x116.gif) no-repeat; float:left; position:relative; margin-top:60px; margin-left:25px; padding-right:25px;} #rightCol #similarVehicles .photoContain .title{text-decoration:none; width:155px; height:31px; margin-top:5px; color:#fff; font-weight:bold; background:url(../images/layup/similarVehicleTitle.jpg) no-repeat; padding-left:18px; padding-top:9px; display:block;} #rightCol #similarVehicles .photoContainLast .title{ text-decoration:none;width:155px; height:31px; margin-top:5px; color:#fff; font-weight:bold; background:url(../images/layup/similarVehicleTitle.jpg) no-repeat; padding-left:18px; padding-top:9px; display:block;} #rightCol a{text-decoration:none;} #usedCarPhoto .enlarge {} #usedCarPhoto .special {} #usedCarThumbs { float: right; } #usedCarThumbs .thumb { float: left; cursor: pointer; } #usedCarTitle {} #usedCarTitle .usedTitle {} #usedCarTitle .usedPrice {} #usedCarOptions {} /* ----- DOM TABS ----- */ #usedVehicleDetails { float: left; margin-right: 2px; font-family:verdana, Arial, Helvetica, sans-serif; font-size:11px; } #usedVehicleDetails .domtab { width:330px; margin-top:5px; margin-left:15px;} #usedVehicleDetails .tabset_tabs { padding: 0; margin:0; list-style:none; } #usedVehicleDetails .tabset_tabs li { float:left; margin-right:5px; } #usedVehicleDetails .tabset_tabs li.last { margin-right:0px; } #usedVehicleDetails .tabset_print { display: none; } #usedVehicleDetails .trAlt { background:#f2f2f2; } #usedVehicleDetails .tabset_content { display:none; } #usedVehicleDetails .tabset_content .padding{border-top:dotted 1px #c7c4c4;} #usedVehicleDetails .tabset_content table { /*border: 5px solid #e1e1e1; */margin-left: 0; margin-top: 3px; } #usedVehicleDetails .tabset_content .title { vertical-align: top; font-size: 1.2em; font-weight: bold; padding-bottom: 10px; padding-top:10px; padding-left: 10px; } #usedVehicleDetails .tabset_content .price { vertical-align: top; color:#FF0000; font-size: 1.4em; font-weight: bold; padding-bottom: 10px; padding-top:10px; padding-left: 6px; float:right; } #usedVehicleDetails .tabset_content td { height: 26px; font-size: 0.9em; font-family:Verdana, Arial, Helvetica, sans-serif; width:82px; } #usedVehicleDetails .tabset_content tfoot {/* background: #e1e1e1;*/ height: 40px; } #usedVehicleDetails .tabset_tabs a:hover { color:#FFF; text-decoration:none; background: #660104; padding:5px 14px 6px 14px; } #usedVehicleDetails .tabset_tabs .active a { color:#FFF; text-decoration:none; background: #660104; padding:5px 14px 6px 14px; } #usedVehicleDetails .tabset_tabs a { font-size: 0.9em; background: #d2959b; color: #FFF; text-decoration:none; cursor:pointer; font-weight: bold; padding:5px 14px 6px 14px; /*border-top: 2px solid #e1e1e1; border-left: 2px solid #e1e1e1; border-right: 2px solid #e1e1e1;*/ display:block; float: left; } #financeCalculator .tabset_tabs a { font-size: 0.9em; background: #660104; color: #FFF; text-decoration:none; font-weight: bold; padding:5px 14px 6px 14px; /*border-top: 2px solid #e1e1e1; border-left: 2px solid #e1e1e1; border-right: 2px solid #e1e1e1;*/ display:block; float: left; } #financeCalculator { float: left; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:5px; margin-left:15px; } #financeCalculator .domtab { } #financeCalculator .tabset_tabs { padding: 0; margin:0; list-style:none; } #financeCalculator .tabset_tabs li { float:left; margin-right:5px; position:relative; } #financeCalculator .tabset_tabs li .calculator { position:absolute; top: -5px; right: 0px; } #financeCalculator .tabset_content table { /*border: 5px solid #e1e1e1;*/ width:240px; margin-left: 0; margin-top: 3px; } #financeCalculator .tabset_content form {border-top:dotted 1px #c7c4c4; width:240px; } #financeCalculator .trBorder {border-top:dotted 1px #c7c4c4; font-size:12px; text-decoration:none; } #financeCalculator .trBorder a{text-decoration:none;} #financeCalculator .trAlt { background:#f2f2f2; } #financeCalculator .tabset_content select { width: 70px; font-size: 1.0em; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; } #financeCalculator .tabset_content input { width: 67px; font-size: 1.0em; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; } #financeCalculator .tabset_content td { height: 26px; width:120px; font-size: 0.9em; font-family:Verdana, Arial, Helvetica, sans-serif; } #financeCalculator .tabset_content .title { vertical-align: top; font-size: 1.2em; font-weight: bold; padding-top: 10px; } #financeCalculator .tabset_content .price { vertical-align: top; color:#FF0000; font-size: 1.2em; font-weight: bold; padding-top: 10px; } /* ----- FULL COLUMN ----- */ #fullCol { width:949px; margin:0 0 0 10px; } #fullCol .padding { background:url(../images/layup/fullColRepeat.png) repeat-y ; padding:10px 40px; } /* ----- OFFER DETAIL */ #offerMain { margin:30px 0 0; } #offerDescription { width:505px; padding:0 25px 0 0; border-right:1px solid #ccc; float:left; } #offerContact { width:305px; float:right; } #offerContact div { margin:0 0 5px; } #offerContact label { width:104px; font-size:11px; } #offerContact input, #offerContact textarea { width:194px; } #offerContact #submit { width:106px; height:36px; float:right; } /* ----- GLOBAL CLASSES ----- */ .clear { clear:both; display: block; } .clearSmall { clear: both; display: block; height: 0; line-height: 0; font-size: 0; } .hide { display:none; } .show { display:block; } .printShow { display:none; } .printHide { display:block; } .float_left { float:left !important; } .float_right { float:right !important; } .align_left { text-align:left !important; } .align_center { text-align:center !important; } .align_right { text-align:right !important; } .align_justify { text-align:justify !important; } .align_bottom { vertical-align:bottom !important; } .image_right { float:right; margin:0 0 15px 15px; } .image_left { float:left; margin:0 15px 15px 0; } .image_center { margin:0 auto; } .hand { cursor:pointer; } .seo {text-decoration:none;font-weight:normal;} .testDrive{margin-bottom:15px;} /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;} h1{font-size:22px; color:#000000; font-family:"Century Gothic", verdana, arial; font-weight:bold; text-decoration:none; margin-top:10px; margin-bottom:15px;} span a{text-decoration:none;} /* ----- TOP NAVIGATION ----- */ #primaryNav { margin:0 auto 0 14px; position:relative; width:918px} #primaryNav ul { list-style: none; margin: 0 auto 0 0; padding: 0; height:46px; width:928px; } #primaryNav ul { list-style: none; margin: 0 auto 0 0; padding: 0; height:46px; width:928px!important; } #primaryNav li { float: left; background:url(../images/layup/primaryNavBg.jpg) repeat-x; height:38px; } #primaryNav .leftSide{position:absolute; top:0; left:0; display:block;} #primaryNav .rightSide{position:absolute; top:0; right:0; display:block;} #primaryNav li .seperator{float:left; width:1px; height:31px; margin-top:4px; display:block} #primaryNav li a { display:block; color:#100f0f; font-weight:normal; float: left; padding: 12px 18px 12px 17px; text-decoration: none; } #primaryNav li a:hover { display:block; color:#fff; font-weight:normal; background: url(../images/layup/navArrow.gif) no-repeat center #dc022f; float: left; padding: 12px 18px 12px 17px; text-decoration: none; } #primaryNav li .active { display:block; color:#fff; font-weight:normal; background: url(../images/layup/navArrow.gif) no-repeat center #dc022f; float: left; padding: 12px 18px 12px 17px; text-decoration: none; } /* ----- SECONDARY NAVIGATION ----- */ #secondaryNav {} #secondaryNav ul { list-style: none; margin: 0; padding: 0; } #secondaryNav li { } #secondaryNav li a { text-decoration: none; } /* #minPrice, #maxPrice{float:right; width:110px; margin: 0 auto 0 20px ;} #model, #marqueDetailID{float:right; width:110px;}*/ /* ----- 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 ----- */ .sort{ width:200px; margin:0 0 5px 0; float:right; } #breadcrumbs {} #pagination { width:250px; margin-bottom:-20px; margin-right:240px; } #pagination ul, .pagination ul {list-style:none; margin: 0 auto; padding:0;} #pagination li, .pagination li {display:inline; margin:0 auto; padding:0} #pagination a, .pagination a { padding: 0px 2px 0px 2px; text-decoration: none; } #pagination a:hover, .pagination a:hover { text-decoration: none; background:#d70000; color:#FFFFFF; } #pagination .active, .pagination .active { text-decoration: none; background:#d70000; color:#FFFFFF; } #pagination span, .pagination span { display: block; padding: 0px 2px 0px 2px; } /* ----- FOOTER ----- */ #footer {height:129px; margin-top:-129px; padding-top:3px; background:url(../images/layup/footer.gif) #fbfafa repeat-x;} #footer .padding {width:960px; margin:0 auto;} #footer a { font-weight:normal; text-decoration:none;} #footer a:hover { text-decoration:underline;} .wilmothFooterLogo{width:779px; height:81px; float:left; background:url(../images/layup/footerLogo.gif) no-repeat top; display:block; margin-left:-33px; padding-top:3px;} .wilmothFooterLogo a{color:#000; text-decoration:none;} .wilmothFooterLogo p{color:#000; width:500px; text-align:left; float:right; margin-right:-50px; margin-top:5px;} /* ----- GLOBAL ----- */ img { display:block; border:0; } p { padding:0 0 15px 0; margin:0; } address { font-style:normal;} /* ----- LINKS ----- */ a { color:#000000; font-weight:bold; text-decoration:underline;cursor:pointer; } a:hover { text-decoration:none; } /* ----- FORMS ----- */ form { padding:0; margin:0; } fieldset { padding:0; margin:0; border:0px none; } legend { padding:0; margin:0; display:none; } label { display:block; width:260px; float:left; } input, textarea { width:200px; font-size:11px !important; } #frmContact input, #frmContact textarea, #frmContact select, #frmValueMyCar input, #frmValueMyCar textarea, #frmValueMyCar select { margin-bottom: 4px; } .required { color:#dc022f;} .checkRadio { width:20px; position:relative; left:-7px;} #frmContact { margin-top:15px; width:500px;} #frmContact label{display:block; width:252px; padding-left:3px; float:left; margin-bottom:5px; } #frmContact input{ width:200px; color:#000000; margin-bottom:5px;} #frmContact textarea{ float:right; width:200px; float:left; color:#000000;} #frmContact p { padding:7px 0;} #frmContact select { width:204px; } #frmContact div { margin-bottom:10px;} #frmContact #submit, #frmValueMyCar #submit { width:106px; height:36px; border:none; margin-top:10px;} .advancedSearch div { padding:5px; } #frmDealer { margin-top:8px; width:320px;} #frmDealer label{display:block; width:105px; padding-left:3px; float:left; margin-bottom:5px; } #frmDealer input{ width:190px; color:#000000; margin-bottom:5px;} #frmDealer textarea{ width:190px; color:#000000;} #frmDealer p { padding:7px 0;} #frmDealer select { width:204px;} #frmDealer div { margin-bottom:3px;} #frmDealer #submit { width:106px; height:36px; border:none; float:right; margin-top:10px;} #contactForm { width:582px; background:url(../images/layup/formBg.gif) no-repeat left top; padding:10px; } #contactFormBottom { width:502px; height:12px; background:url(../images/layup/formBottomBg.gif) no-repeat; } #frmValueMyCar div { margin-bottom:10px; } #frmFinance div { margin-bottom:10px; } /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid red; color : #FF3300; } input.validation-passed, textarea.validation-passed, select.validation-passed {} .validation-advice { margin: 5px 0; width: 452px; padding: 5px ; background-color:#dc022f; color : #FFF; font-weight: bold; } #frmDealer .validation-advice { margin: 0px; padding: 0px 5px 0px 5px; width: 290px !important; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } /* ----- STOCK UPDATES FORM ----- */ #promoForm { padding:12px 0 0 19px; } #promoForm div {margin-bottom:10px;} #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; width:300px; margin-left:195px; } #promoForm .chkbox { width: 30px; } #promoForm #submit { width:106px; height:36px; border:none; margin-top:10px;} /*#savedVehicles {width:93%;margin:0 auto;padding:0 10px 0;margin-left:10px;}*/ #savedVehicles .favouriteImage {width:81px;height:61px;background:url(../images/layup/favouriteBlank.gif) #d6d6d6;float:left;margin:2px 1px 0;} #savedVehicles .favoriteView {text-align:right;} #savedVehicles .favoriteView img {display:inline;padding:3px 0;}