/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : Matt Mumford / matt.mumford@gforces.co.uk / G-Forces Web Management Ltd Author : Chris Munn (Based on Matt Mumford's Initial Styles) / chris.munn@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for Wessex Garages site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:url(../images/layup/bodyBg.jpg) no-repeat top center #ffffff; color:#000000; } /* 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; text-align:left; font-size:110%; line-height: normal; } * html #container{height: 100%; } #printHeader { display:none;} #header { height: 101px; position: relative; } #header #logo { position: absolute; bottom: 0px; left: 0px; } #header #contactDetails { position: absolute; bottom: 0px; right: 0px; } #header #badge { position: absolute; top: 12px; left: 360px; } #header #buttons { position:absolute; top:0px; right:25px; } #header #buttons a { float:left; } #header #btnBackGroup { position:absolute; left:0; top:0; } /* ----- LEFT COLUMN ----- */ #leftCol { float: left; width: 227px; padding-left:13px; margin-bottom:25px; } #leftCol .lastUpdated { width:225px; font-family:"Century Gothic", verdana, arial; color:#78756b; margin-bottom:10px; } #leftCol .box { width:227px; background:url(../images/layup/leftColBg.gif) repeat-y; } #leftCol .usedCarSearch {} #leftCol .usedCarSearch ul.domHeadings { padding: 0px; margin: 0px; list-style: none; } #leftCol .usedCarSearch ul.domHeadings li { float: left; } #leftCol .usedCarSearch ul.domHeadings li a { display: block; float: left; height:65px; padding:0px; margin:0px; } #leftCol .usedCarSearch ul.domHeadings li a.vehicleSearch { width:83px; background:url(../images/layup/spriteUsedSearch.gif) 0px 0px no-repeat; } #leftCol .usedCarSearch ul.domHeadings li.active a.vehicleSearch { background:url(../images/layup/spriteUsedSearch.gif) 0px -65px no-repeat; } #leftCol .usedCarSearch ul.domHeadings li a.budgetSearch { width:74px; background:url(../images/layup/spriteUsedSearch.gif) -83px 0px no-repeat; } #leftCol .usedCarSearch ul.domHeadings li.active a.budgetSearch { background:url(../images/layup/spriteUsedSearch.gif) -83px -65px no-repeat; } #leftCol .usedCarSearch ul.domHeadings li a.offerSearch { width:70px; background:url(../images/layup/spriteUsedSearch.gif) -157px 0px no-repeat; } #leftCol .usedCarSearch ul.domHeadings li.active a.offerSearch { background:url(../images/layup/spriteUsedSearch.gif) -157px -65px no-repeat; } #leftCol .usedCarSearch ul.domHeadings li a.car { width:88px; height:31px; background:url(../images/layup/spriteCarVanSearch.gif) 0px -31px no-repeat; } #leftCol .usedCarSearch ul.domHeadings li.active a.car { background:url(../images/layup/spriteCarVanSearch.gif) 0px 0px no-repeat; } #leftCol .usedCarSearch ul.domHeadings li a.van { width:114px; height:31px; background:url(../images/layup/spriteCarVanSearch.gif) -88px 0px no-repeat; } #leftCol .usedCarSearch ul.domHeadings li.active a.van { background:url(../images/layup/spriteCarVanSearch.gif) -88px -31px no-repeat; } #leftCol .usedCarSearch .domTabs { padding-bottom: 0px; } #leftCol .usedCarSearch .domContent { border: none; margin-bottom:10px; float:left; } #leftCol .usedCarSearch .dt1 { display: block ; } #leftCol .usedCarSearch .domContent.vehicleSearch .domHeadings { margin-left:13px; margin-top:5px; } #leftCol .usedCarSearch .domContent.vehicleSearch .searchContain { background:url(../images/layup/searchBg.gif) repeat-y; margin-bottom:10px; margin-left:13px; } #leftCol .usedCarSearch .domContent.vehicleSearch .searchContain select { width:182px; margin:3px 10px; border:1px solid #d0d0d0; } #leftCol .usedCarSearch .domContent.vehicleSearch .searchContain input { width:180px; margin:3px 10px; } #leftCol .usedCarSearch .domContent.vehicleSearch .searchContain .numberCars { padding-left:13px; margin-top:5px; margin-bottom:5px; float:left; } #leftCol .usedCarSearch .domContent.vehicleSearch .searchContain .numberCars img { float:left; margin-right:15px; } #leftCol .usedCarSearch .domContent.vehicleSearch .searchContain .numberCars .amount { float:left; display:block; font-size:24px; margin-top:-4px; color:#444242; } #leftCol .usedCarSearch .domContent.vehicleSearch .usedSearchBtns { width:202px; margin:10px 0px 0px 13px; } #leftCol .usedCarSearch .domContent.vehicleSearch .usedSearchBtns #btnUsedSearchCar, #leftCol .usedCarSearch .domContent.vehicleSearch .usedSearchBtns #btnUsedSearchVan { width:202px; height:29px; margin-bottom:5px; } #leftCol .usedCarSearch .domContent.budgetSearch .domHeadings { margin-left:13px; margin-top:5px; } #leftCol .usedCarSearch .domContent.budgetSearch .searchContain { background:url(../images/layup/searchBg.gif) repeat-y; margin-bottom:10px; margin-left:13px; } #leftCol .usedCarSearch .domContent.budgetSearch .searchContain select { width:182px; margin:3px 10px; border:1px solid #d0d0d0; } #leftCol .usedCarSearch .domContent.budgetSearch .searchContain input { width:180px; margin:3px 10px; border:1px solid #d0d0d0; } #leftCol .usedCarSearch .domContent.budgetSearch .searchContain .numberCars { padding-left:13px; margin-top:5px; margin-bottom:5px; float:left; } #leftCol .usedCarSearch .domContent.budgetSearch .searchContain .numberCars img { float:left; margin-right:15px; } #leftCol .usedCarSearch .domContent.budgetSearch .searchContain .numberCars .amount { float:left; display:block; font-size:24px; margin-top:-5px; color:#444242; } #leftCol .usedCarSearch .domContent.budgetSearch .usedSearchBtns { width:202px; margin:10px 0px 0px 13px; } #leftCol .usedCarSearch .domContent.budgetSearch .usedSearchBtns #btnUsedSearchCar2, #leftCol .usedCarSearch .domContent.budgetSearch .usedSearchBtns #btnUsedSearchVan2 { width:202px; height:29px; margin-bottom:5px; } #leftCol .usedCarSearch .domContent.offerSearch .domHeadings { margin-left:13px; margin-top:5px; } #leftCol .usedCarSearch .domContent.offerSearch .searchContain { background:url(../images/layup/searchBg.gif) repeat-y; margin-bottom:10px; margin-left:13px; } #leftCol .usedCarSearch .domContent.offerSearch .searchContain select { width:182px; margin:3px 10px; border:1px solid #d0d0d0; } #leftCol .usedCarSearch .domContent.offerSearch .searchContain input { width:180px; margin:3px 10px; border:1px solid #d0d0d0; } #leftCol .usedCarSearch .domContent.offerSearch .searchContain .numberCars { padding-left:13px; margin-top:5px; margin-bottom:5px; float:left; } #leftCol .usedCarSearch .domContent.offerSearch .searchContain .numberCars img { float:left; margin-right:15px; } #leftCol .usedCarSearch .domContent.offerSearch .searchContain .numberCars .amount { float:left; display:block; font-size:24px; margin-top:-5px; color:#444242; } #leftCol .usedCarSearch .domContent.offerSearch .usedSearchBtns { width:202px; margin:10px 0px 0px 13px; } #leftCol .usedCarSearch .domContent.offerSearch .usedSearchBtns #btnUsedSearchCar3, #leftCol .usedCarSearch .domContent.offerSearch .usedSearchBtns #btnUsedSearchVan3 { width:202px; height:29px; margin-bottom:5px; } #leftCol .usedCarSearch .domContent.greenSearch ul.domHeadings li.active a.car { width:88px; height:25px; background:url(../images/layup/titleCars.gif) 0px 0px no-repeat; } #leftCol .usedCarSearch .domContent.greenSearch .domHeadings { margin-left:13px; margin-top:5px; } #leftCol .usedCarSearch .domContent.greenSearch .searchContain { background:url(../images/layup/searchGreenBg.gif) repeat-y; margin-bottom:10px; margin-left:13px; } #leftCol .usedCarSearch .domContent.greenSearch .searchContain select { width:182px; margin:3px 10px; border:1px solid #d0d0d0; } #leftCol .usedCarSearch .domContent.greenSearch .searchContain input { width:180px; margin:3px 10px; border:none; } #leftCol .usedCarSearch .domContent.greenSearch .searchContain .numberCars { padding-left:13px; margin-top:5px; margin-bottom:5px; float:left; } #leftCol .usedCarSearch .domContent.greenSearch .searchContain .numberCars img { float:left; margin-right:15px; } #leftCol .usedCarSearch .domContent.greenSearch .searchContain .numberCars .amount { float:left; display:block; font-size:24px; margin-top:-5px; color:#444242; } #leftCol .usedCarSearch .domContent.greenSearch .usedSearchBtns { width:202px; margin:10px 0px 0px 13px; } #leftCol .usedCarSearch .domContent.greenSearch .usedSearchBtns #btnUsedSearchCar4, #leftCol .usedCarSearch .domContent.greenSearch .usedSearchBtns #btnUsedSearchVan4 { width:202px; height:29px; margin-bottom:5px; } #leftCol .usedCarSearch .domContent.greenSearch .title {margin-left:14px; margin-bottom:10px;} #leftCol .stockUpdate { } #leftCol .stockUpdate .padding { background:url(../images/layup/stockUpdateBg.jpg) top left no-repeat; width:214px; padding-top:54px; display:block; padding-left:13px; padding-bottom:10px; } #leftCol .ourLocations .padding { background:url(../images/layup/ourLocationsBg.jpg) top left no-repeat; width:214px; padding-top:67px; display:block; padding-left:13px; padding-bottom:10px; } #leftCol .ourLocations .padding .location { padding-bottom:7px; float:left; } #leftCol .ourLocations .padding .location .location { padding: 9px 0 7px 13px; float:left; } #leftCol .ourLocations .padding .location .title { width:214px; font-weight:bold; float:left; margin-bottom:5px; color:#bb1313; } #leftCol .ourLocations .padding .location .title a { font-weight:bold; color:#bb1313; text-decoration:none; } #leftCol .ourLocations .padding .location .title img { float:left; } #leftCol .ourLocations .padding .location .title span { float:left; margin-left:20px; margin-top:-3px; } #leftCol .ourLocations .padding .location .address { float:left; margin-left:30px; } #leftCol .ourLocations .padding form {} #leftCol .ourLocations .padding form div { margin:0 10px 0 0; float:left; } #leftCol .ourLocations .padding form select { width:116px; } #leftCol .ourLocations .padding form .btnGo { width:40px; height:23px; } #leftCol .saveCompare .padding { background:url(../images/layup/saveCompareBg.jpg) top left no-repeat; width:214px; padding-top:54px; display:block; padding-left:13px; padding-bottom:10px; } #leftCol .saveCompare .padding .frame { position:relative; display:block; float:left; margin-right:21px; margin-bottom:18px; background:url(../images/layup/saveCompareThumb.gif) no-repeat; width:53px; height:40px;} #leftCol .saveCompare .padding .frame.last { margin-right:0px; } #leftCol .saveCompare .padding .frame .image { position:absolute; top:1px; left:1px; height:38px; width:51px; } #leftCol .saveCompare .padding .button { padding-bottom:10px; margin-top:-5px; float:left; } /* ----- RIGHT COLUMN ----- */ #rightCol { float: right; width: 700px; margin-left:15px; } #rightCol .mainScroller { width:675px; float:left; margin-top:26px; margin-left:7px; position:relative; display:inline; } #rightCol .mainScroller .mainImage{ width:596px; height:238px; padding-left:26px; padding-top:5px; } #rightCol .mainScroller .frame{ width:675px; height:269px; background:url(../images/layup/mainImageFrame.png) no-repeat; position:relative;} #rightCol .mainScroller .arrowLeft { position:absolute; left:-10px; top:120px; z-index: 9999; cursor: pointer; width:20px; height:20px; } #rightCol .mainScroller .arrowRight { position:absolute; right:-10px; top:120px; z-index: 9999; cursor: pointer; } #rightCol #franchiseSelect { width:689px; height:92px; margin-bottom:10px; float:left; } #rightCol #franchiseSelect a { display:block; float:left; height:92px; } #rightCol #franchiseSelect a#nissan { width:140px; background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat 0px 0px; } #rightCol #franchiseSelect a#nissan:hover { background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat 0px -92px; } #rightCol #franchiseSelect a#kia { width:138px; background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -140px 0px; } #rightCol #franchiseSelect a#kia:hover { background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -140px -92px; } #rightCol #franchiseSelect a#fiat { width:138px; background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -279px 0px; } #rightCol #franchiseSelect a#fiat:hover { background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -279px -92px; } #rightCol #franchiseSelect a#abarth { width:137px; background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -417px 0px; } #rightCol #franchiseSelect a#abarth:hover { background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -417px -92px; } #rightCol #franchiseSelect a#commercial { width:136px; background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -554px 0px; } #rightCol #franchiseSelect a#commercial:hover { background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -554px -92px; } #rightCol #homeJumps { width:688px; margin-bottom:18px; border-bottom: 1px solid #e9e9e9; float:left; } #rightCol #homeJumps .box { float:left; width:222px; height:136px; margin-right:11px; margin-bottom:20px; } #rightCol #homeJumps .box.last { margin-right:0px; } #rightCol #bottomJumps { width:689px; float:left; padding-bottom:9px;} #rightCol #bottomJumps .box { float:left; width:333px; margin-right:23px; } #rightCol #bottomJumps .box.last { margin-right:0px; } #rightCol #mainContent { font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:35px; } #rightCol #mainContentInternal { background: #FFF; font-family:Verdana, Arial, Helvetica, sans-serif; width: 665px; padding: 0px 8px 10px 9px; } #rightCol #contentTopBg { background: url(../images/layup/mainContentTop.png) no-repeat; height: 16px; width: 682px; } #rightCol #contentBotBg { background: url(../images/layup/mainContentBot.png) no-repeat; height: 16px; width: 682px; } #rightCol.internal { margin-top: 26px; } /* ----- OFFER DETAIL ----- */ #offerDetail {} #offerDetail #model { height:40px; background:url(../images/layup/modelNameLeft.gif) no-repeat left top; margin:0 0 20px 0; display:block; float:left; } #offerDetail #model span { font-size:16px; font-weight:bold; text-transform:uppercase; color:#FFF; background:url(../images/layup/modelNameRight.gif) no-repeat right top; padding:10px 17px 17px; display:block; } #offerDetail #mainImg { width:656px; height:257px; padding:4px; border:1px solid #e5e5e5; margin:0 0 25px 0; } #offerDetail .box { width:314px; margin:0 14px 0 0; float:left; } #offerDetail .end { margin:0; } #offerDetail .box .title { width:314px; height:39px; margin:0 0 15px 0; } #offerDetail .box p { padding:0 5px 5px 10px; } #offerDetail .box #frmContact { padding:0 0 5px 10px; } #offerDetail .box #frmContact #specialOffers { width:240px; } /* ----- CMS IMAGE ----- */ .cmsImage { float: right; margin: 0px 0px 15px 15px; position: relative; } .cmsImage .frame { position: absolute; top:-6px; left: -6px; padding: 0px; z-index: 9999;} .cmsImage #master0 { padding: 6px; } /* ----- CMS IMAGE ----- */ .newCarOptions { float: right; clear: right; } .newCarOptions a { display: block; } .newCarOptions span { display: none; } .newCarOptions .btnEnquiry, .newCarOptions .btnBookTest, .newCarOptions .btnCurrentOffers { float: left; } .newCarOptions .btnEnquiry a { background:url(../images/layup/spriteNewCarOptions.gif) 0px 0px no-repeat; width: 98px; height: 65px; } .newCarOptions .btnEnquiry a:hover { background:url(../images/layup/spriteNewCarOptions.gif) 0px -65px no-repeat; } .newCarOptions .btnBookTest a { background:url(../images/layup/spriteNewCarOptions.gif) -98px 0px no-repeat; width: 99px; height: 65px; } .newCarOptions .btnBookTest a:hover { background:url(../images/layup/spriteNewCarOptions.gif) -98px -65px no-repeat; } .newCarOptions .btnCurrentOffers a { background:url(../images/layup/spriteNewCarOptions.gif) -197px 0px no-repeat; width: 98px; height: 65px; } .newCarOptions .btnCurrentOffers a:hover { background:url(../images/layup/spriteNewCarOptions.gif) -197px -65px no-repeat; } /* ----- LIST ----- */ #list {} #list .listItem {} #list .listItem a { display: block; } #list .listItem .thumb { display: block; } #list .listItem .thumb .frame { display: block; } #list .listItem .title { display: block; } #list .listItem .description { display: block; } #list .listItem .btn { display: block; } /* ----- BOX LIST ----- */ #boxList {} #boxList .listItem { width: 196px; float: left; margin-right: 22px; margin-bottom: 25px; } #boxList .listItem a { display: block; text-decoration: none; font-weight: normal; } #boxList .listItem .title { display: block; font-size: 16px; font-weight: bold; border-bottom: 2px solid #eeeeee; padding: 0px 0px 6px 0px; } #boxList .listItem .listImage { display: block; background: url(../images/layup/noImage196x147.gif) no-repeat; width: 196px; height: 147px; } #boxList .listItem .btnView { display: block; padding: 0px 0px 5px 0px; background: url(../images/layup/dotsH2.gif) bottom left repeat-x; } #boxList .listItem .offerAvailable { display: block; color: #bb1313; font-weight:bold; padding: 2px 0px 5px 0px; background: url(../images/layup/dotsH2.gif) bottom left repeat-x; } /* ----- OFFERS LIST ----- */ #offerList {} #offerList .listItem { margin: 15px 0px 15px 0px; } #offerList .listItem a { display: block; text-decoration: none; font-weight: normal; } #offerList .listItem a.offerBox { width: 215px; height: 174px; float: left; background: url(../images/layup/offerBoxbg.gif) no-repeat; position: relative; } #offerList .listItem a.offerBox .padding { display: block; padding: 10px; } #offerList .listItem a.offerImage { float: right; } #offerList .listItem a.offerImage img { border: 1px solid #efefef; padding: 2px; } #offerList .listItem .btnMoreInfo { position: absolute; bottom: 10px; left: 10px; } /* ----- USED CAR DETAIL ----- */ #usedImagery #vehiclePrice2 { height: 45px; float: right; font-weight: bold; font-size: 2em; color: #FFF; width: 200px; padding: 5px 10px 0px 10px; } #usedImagery #vehicleTitle { height: 40px; width:420px; float: left; font-weight: bold; font-size: 1.2em; padding: 10px 10px 0px 10px; } #usedImagery { width: 665px; height: 300px; margin-bottom: 4px; background:url(../images/layup/usedImagesBg.gif) no-repeat; } #usedImagery #usedCarPhoto { float: left; position: relative; padding: 0px 0px 10px 10px; width: 317px; height: 236px; background: url(../images/layup/noImage317x236.gif) 10px 0px no-repeat; } #usedImagery #usedCarPhoto .cornerTR { position: absolute; top: 0px; left: 312px; } #usedImagery #usedCarPhoto .cornerTL { position: absolute; top: 0px; left: 10px; } #usedImagery #usedCarPhoto .cornerBR { position: absolute; bottom: 10px; left: 312px; } #usedImagery #usedCarPhoto .cornerBL { position: absolute; bottom: 10px; left: 10px; } #usedImagery #usedCarPhoto .enlarge { position: absolute; top:0px; left:0px; } #usedImagery #usedCarPhoto .special { position: absolute; top:0px; left:10px; } #usedImagery #usedCarPhoto .specialOffer { position: absolute; top:0px; left:10px; } #usedImagery #usedCarThumbs { float: right; width: 325px; } #usedImagery #usedCarThumbs .thumb { float: left; cursor: pointer; position: relative; padding: 0px 12px 12px 0px; background: url(../images/layup/noImage150x112.gif) no-repeat; width: 150px; height: 112px; } #usedImagery #usedCarThumbs .thumb .cornerTR { display: block; position: absolute; top: 0px; left: 135px; } #usedImagery #usedCarThumbs .thumb .cornerTL { display: block; position: absolute; top: 0px; left: 0px; } #usedImagery #usedCarThumbs .thumb .cornerBR { display: block; position: absolute; bottom: 12px; left: 135px; } #usedImagery #usedCarThumbs .thumb .cornerBL { display: block; position: absolute; bottom: 12px; left: 0px; } #usedImagery #usedCarThumbs .thumbSmall { float: left; cursor: pointer; position: relative; padding: 0px 14px 12px 0px; background: url(../images/layup/noImage94x71.gif) no-repeat; width: 94px; height: 71px; } #usedImagery #usedCarThumbs .thumbSmall .cornerTR { display: block; position: absolute; top: 0px; left: 79px; } #usedImagery #usedCarThumbs .thumbSmall .cornerTL { display: block; position: absolute; top: 0px; left: 0px; } #usedImagery #usedCarThumbs .thumbSmall .cornerBR { display: block; position: absolute; bottom: 12px; left: 79px; } #usedImagery #usedCarThumbs .thumbSmall .cornerBL { display: block; position: absolute; bottom: 12px; left: 0px; } #usedJumps { width: 665px; height: 65px; float: left; } #usedJumps a { display: block; text-decoration: none; height: 65px; float: left; } #usedJumps a#jumpMakeEnquiry { width: 134px; background: url(../images/layup/spriteUsedJumps.gif) 0px 0px; } #usedJumps a#jumpSendFriend { width: 132px; background: url(../images/layup/spriteUsedJumps.gif) -134px 0px; } #usedJumps a#jumpSpecSheet { width: 134px; background: url(../images/layup/spriteUsedJumps.gif) -266px 0px; } #usedJumps a#jumpMakeOffer { width: 132px; background: url(../images/layup/spriteUsedJumps.gif) -400px 0px; } #usedJumps a#jumpMakeEnquiry:hover { background: url(../images/layup/spriteUsedJumps.gif) 0px -65px; } #usedJumps a#jumpSendFriend:hover { background: url(../images/layup/spriteUsedJumps.gif) -134px -65px; } #usedJumps a#jumpSpecSheet:hover { background: url(../images/layup/spriteUsedJumps.gif) -266px -65px; } #usedJumps a#jumpMakeOffer:hover { background: url(../images/layup/spriteUsedJumps.gif) -400px -65px; } #jumpDriveAway { float: right; padding: 32px 0px 0px 0px; } #calcValue { float: right; width: 183px; } #similarVehicles { width: 665px; margin:0 0 20px; } #similarVehicles .box { width: 170px; float: left; margin-top: 15px; } #similarVehicles .box.lastItem { width: 150px; } #similarVehicles .box a { display: block; text-decoration: none; } #similarVehicles .box .thumb { display: block; position: relative; background:url(../images/layup/noImage149x111.gif) no-repeat; width: 149px; height: 111px; } #similarVehicles .box .thumb .frame { display: block; position: absolute; top: -1px; left: -1px; } #similarVehicles .box .itemDetails { display: block; padding: 10px; background: #f9f8f8; width: 130px; margin-top: 5px; } #similarVehicles .box .itemDetails span { display: block; } #similarVehicles .box .itemDetails .title { display: block; color: #bb1313; } /* USED CAR LIST */ #sortUsedCars { padding: 10px 0px 10px 0px; } #sortUsedCars label { width: 60px; font-weight: bold; } #rightCol #financeOptions { position: relative; } #rightCol #financeOptions .padding { padding: 0px; } #rightCol #financeOptions #btnUpdateFinance { float: right; width: 66px; height: 28px; } #rightCol #financeOptions label { width: 50px; position: relative; top: 3px; } #rightCol #financeOptions label.long { width: 95px; } #rightCol #financeOptions select.financeSelect { width: 45px; float: left; } #rightCol #financeOptions select.financeSelectLong { width: 65px; float: left; } #rightCol #financeOptions input.financeInput { width: 50px; float: left; margin: 0px 10px 0px 0px; } #rightCol #financeOptions span.periodMonths { display: block; float: left; width: 50px; padding: 0px 0px 0px 5px; position: relative; top: 3px; } #rightCol #financeOptions #optionContainer { width: 480px; height: 25px; background: url(../images/layup/financeBg.gif) no-repeat; float: left; padding: 4px 0px 0px 115px; } .usedList { margin: 20px 0px 0px 0px; } .usedList .listItem { width:665px; margin: 0px 0px 12px 0px; background:url(../images/layup/listItemBg.gif) no-repeat left top; border-bottom:1px solid #A5A2A2; } .usedList .listItem a { display: block; text-decoration: none; font-weight: normal; background: #f6f4f4; } .usedList .listItem .itemTitle { display: block; width: 498px; height: 24px; float:left; background: url(../images/layup/usedItemTitle.gif) no-repeat; font-size: 12px; font-weight: bold; padding: 13px 10px 0px 10px; } .usedList .listItem .itemTitleNone { display: block; width: 645px; height: 35px; background: url(../images/layup/listItemTitle.gif) no-repeat; font-size: 12px; font-weight: bold; padding: 4px 10px 0; } .usedList .listItem .itemTitleService { display: block; width: 508px; height: 35px; background: url(../images/layup/serviceItemTitle.gif) no-repeat; font-size: 12px; font-weight: bold; padding: 4px 147px 0px 10px; } .usedList .listItem .itemTitleApply { display: block; width: 508px; height: 35px; background: url(../images/layup/applyNowTitle.gif) no-repeat; font-size: 12px; font-weight: bold; padding: 4px 147px 0px 10px; } .usedList .listItem .itemPrice { width:127px; height: 24px; color: #000; background: url(../images/layup/usedItemPrice.gif) no-repeat; font-weight: bold; padding: 13px 10px 0px 10px; float:left; color:#fff; font-size:15px; } .usedList .listItem .itemTitle span { color: #b51313; } .usedList .itemImage { float: left; padding: 15px 15px 0px 15px; } .usedList .specialOffer { position: absolute; top:0px; left:0px; } .usedList .itemImage a { display: block; text-decoration: none; } .usedList .itemImage .thumb { display: block; position: relative; background: url(../images/layup/noImage149x111.gif) no-repeat; width: 149px; height: 111px; } .usedList .itemImage .thumbCMS { display: block; position: relative; background: url(../images/layup/noImage149x108.gif) no-repeat; width: 149px; height: 108px; } .usedList .itemImage .thumb .frame { display: block; position: absolute; top: -1px; left: -1px; } .usedList .itemImage .thumbCMS .frame { display: block; position: absolute; top: -1px; left: -1px; } .usedList .listItem .itemDetails { width: 484px; float: left; padding: 15px 0px 0px 0px; } .usedList .listItem .itemDetails table { width: 100%; } .usedList .listItem .itemDetails table td { padding: 4px; } .usedList .listItem .itemDetails table tr { background: #e8e7e7; } .usedList .listItem .itemDetails table tr.altRow { background: #f6f4f4; } .usedList .listItem .itemDetails .buttons { width:484px; float:left; height:28px; padding:5px 0px 6px; } .usedList .listItem .itemDetails .buttons .btnCompare { float:left; } .usedList .listItem .itemDetails .buttons .btnViewDetails { float:right; padding-right:1px; } .usedList .listItem .itemDetails .buttons .btnCompare { float:left; } .usedList .listItem .itemDetails .buttons .btnViewDetails { margin:0 10px; float:left; } .usedList .listItem .itemDetails .buttons .btnInsurance { float:left; } .usedList .listItem .itemDetails .buttons a.info:hover span { width:145px; height:70px; color:#000; text-align: left; text-decoration:none !important; background:url(../images/layup/toolTipBg.png) no-repeat left top; display:block !important; position:absolute; top:23px; left:10px; z-index:100;} * html .usedList .listItem .itemDetails .buttons a.info:hover span { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='http://www.wessexgarages.com/images/layup/toolTipBg.png'); background: none !important; } .usedList .listItem .itemDetails .insurance { width:484px; float:left; } .usedList .listItem .itemDetails .insurance a { display: block; margin: 0px; } .usedList .listItem .itemDetails .insurance img { float: left; } .usedList .listItem .itemDetails .insurance .detailsContainer { display: block; float: left; background: #FFF; border: 1px solid #bfbfbf; padding: 6px 5px 5px 5px; width: 380px; margin-left: 2px; } .usedList .listItem .finance { width:648px; float:left; padding:15px 0 15px 15px; border-left:1px solid #a5a2a2; border-right:1px solid #a5a2a2; } .usedList .listItem .finance table { width:646px;} .usedList .listItem .finance a { display: block; margin: 0px; } .usedList .listItem .finance img { float: left; } .usedList .listItem .finance .detailsContainer { display: block; float: left; background: #FFF; border: 1px solid #bfbfbf; padding: 6px 5px 5px 5px; width:544px; margin-left: 2px; } .pageList.usedList .listItem, .offersList.usedList .listItem { border-bottom:none; } .pageList.usedList .listItem .itemTitle { width:645px; background: url(../images/layup/usedItemTitle2.gif) no-repeat; float:none; } .pageList.usedList .listItem .btn { display: block; float: right; padding: 5px; } /* CONTACT PAGE */ #nearestDealer { background: url(../images/layup/nearestDealer.gif) no-repeat; width: 449px; height: 38px; margin-bottom: 12px; } #nearestDealer select { float: right; width: 182px; margin: 9px 10px 0px 0px; } #nearestDealer #selectText { color: #444242; font-size: 1.2em; text-transform: uppercase; font-weight: bold; padding: 10px 0px 0px 10px; } #contactDetailsBox { width: 662px; height: 309px; background: url(../images/layup/contactDetailsBg.gif) no-repeat; } #contactDetailsBox .upperFont { color: #444242; font-size: 1.2em; text-transform: uppercase; font-weight: bold; } #contactDetailsBox .locationText { padding: 10px 0px 0px 10px; } #contactDetailsBox #dealerImage { width: 315px; height: 264px; position: relative; margin: 13px 6px 0px 0px; float: right; display: inline; } #contactDetailsBox #dealerImage .cornerTR { position: absolute; top: 0px; left: 300px; z-index: 999; } #contactDetailsBox #dealerImage .cornerTL { position: absolute; top: 0px; left: 0px; z-index: 999; } #contactDetailsBox #dealerImage .cornerBR { position: absolute; bottom: 0px; left: 300px; z-index: 999; } #contactDetailsBox #dealerImage .cornerBL { position: absolute; bottom: 0px; left: 0px; z-index: 999; } #contactDetailsBox #mapContainer { margin-top:14px; margin-left: 5px; } #contactDetailsBox #mapContainer #map { position: relative; } #contactDetailsBox #mapContainer #map .cornerTR { position: absolute; top: 0px; left: 317px; z-index: 999; } #contactDetailsBox #mapContainer #map .cornerTL { position: absolute; top: 0px; left: 0px; z-index: 999; } #contactDetailsBox #mapContainer #map .cornerBR { position: absolute; bottom: 0px; left: 317px; z-index: 999; } #contactDetailsBox #mapContainer #map .cornerBL { position: absolute; bottom: 0px; left: 0px; z-index: 999; } #contactDetailsBox #directionsContainer { padding: 15px 0px 0px 15px; width: 316px; } #contactDetailsBox #directionsContainer input { width: 176px; } #contactDetailsBox #directionsContainer input#btnDirections { width: 118px; height: 29px; float: right; position: relative; top: -5px; right: 10px; } #contactHeadings { padding: 10px 0px 10px 0px; } #businessHours { width: 316px; float: right; } #businessDetails { width: 335px; float: left; padding: 0px 0px 0px 10px; } #businessDetails .telephone { color: #444242; font-size: 1.2em; text-transform: uppercase; font-weight: bold; } #managementTeam { padding: 20px 0px 15px 0px; } #contactForm form { padding: 10px; } #contactForm label { width: 127px; } #contactForm input { width: 164px; } #contactForm textarea { width: 164px; } #contactForm input.checkRadio { left:-7px; position:relative; width:20px; } #contactForm input#submit { width:118px; height:29px; border:none;} /* ----- MEMBERS AREA ------ */ .membersItem { width:665px; background:#f6f4f4; color:#000; margin-top:10px; } .membersItem .title { width:655px; height:22px; padding:10px 0 0 10px; background:url(../images/layup/membersAreaTitle.gif) no-repeat; } .membersItem .padding { padding:10px;} /* ----- FEEDBACK FORUM ------ */ .feedbackItem { width:665px; background:#f6f4f4; color:#000; margin-bottom:20px; } .feedbackItem .title { width:655px; height:22px; padding:10px 0 0 10px; font-weight:bold; background:url(../images/layup/membersAreaTitle.gif) no-repeat; } .feedbackItem .comment { padding:10px;} /* ----- FRANCHISE SELECT INTERNAL */ #franchiseSelectInternal { width:689px; height:92px; margin-bottom:10px; float:left; } #franchiseSelectInternal a { display:block; float:left; height:92px; } #franchiseSelectInternal a#nissan { width:110px; background:url(../images/layup/spriteFranchiseSelectInternal.jpg) no-repeat 0px 0px; } #franchiseSelectInternal a#nissan:hover { background:url(../images/layup/spriteFranchiseSelectInternal.jpg) no-repeat 0px -92px; } #franchiseSelectInternal a#kia { width:138px; background:url(../images/layup/spriteFranchiseSelectInternal.jpg) no-repeat -110px 0px; } #franchiseSelectInternal a#kia:hover { background:url(../images/layup/spriteFranchiseSelectInternal.jpg) no-repeat -110px -92px; } #franchiseSelectInternal a#fiat { width:138px; background:url(../images/layup/spriteFranchiseSelectInternal.jpg) no-repeat -249px 0px; } #franchiseSelectInternal a#fiat:hover { background:url(../images/layup/spriteFranchiseSelectInternal.jpg) no-repeat -249px -92px; } #franchiseSelectInternal a#abarth { width:137px; background:url(../images/layup/spriteFranchiseSelectInternal.jpg) no-repeat -387px 0px; } #franchiseSelectInternal a#abarth:hover { background:url(../images/layup/spriteFranchiseSelectInternal.jpg) no-repeat -387px -92px; } #franchiseSelectInternal a#commercial { width:136px; background:url(../images/layup/spriteFranchiseSelectInternal.jpg) no-repeat -524px 0px; } #franchiseSelectInternal a#commercial:hover { background:url(../images/layup/spriteFranchiseSelectInternal.jpg) no-repeat -524px -92px; } /* ----- TOOL TIP ----- */ a.info { text-decoration:none !important; font-weight:normal; padding: 1px 0px 2px 0px; display: block; } a.info:hover { position:relative; z-index:25; } a.info span{display: none; font-weight:normal !important; text-decoration:none !important;color: #000 !important;} a.info:hover span{display:block !important; position:absolute; padding:7px 10px 6px 10px; top: -5px; left: 108px; width: 450px; background: #fff; color:#000; text-align: left; text-decoration:none !important; z-index:100;} /* ----- 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;} .cornerTR { background: url(../images/layup/cornerTR.png) no-repeat; width: 15px; height: 15px; } .cornerTL { background: url(../images/layup/cornerTL.png) no-repeat; width: 15px; height: 15px; } .cornerBR { background: url(../images/layup/cornerBR.png) no-repeat; width: 15px; height: 15px; } .cornerBL { background: url(../images/layup/cornerBL.png) no-repeat; width: 15px; height: 15px; } .redBold { font-weight: bold; color: #b71313; padding: 0px 0px 2px 0px; } /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 10px 0; font-size:100%; font-weight:bold;} h1 { font-size: 1.6em; } h2 { font-size:18px; } p { padding:0 0 10px 0; margin:0; } /* ----- TOP NAVIGATION ----- */ #primaryNav { margin: 0px 0px 10px 0px; } #primaryNav ul { list-style: none; margin: 0px; padding: 3px 0px 0px; height: 40px; } #primaryNav li { padding: 0px; margin: 0px; float: left; background:url(../images/layup/navSeperator.gif) top right no-repeat; height:40px; display:inline;} #primaryNav li a { text-decoration: none; color: #FFFFFF; font-weight:normal; padding-top:13px; display:block; padding-left:21px; padding-right:21px; padding-bottom:11px; } #primaryNav li.last { background:none !important; } #primaryNav li a:hover { background:url(../images/layup/hoverBg.gif) no-repeat center bottom; } #primaryNav li.active a { color: #fff; font-weight:bold; background:url(../images/layup/hoverBg.gif) no-repeat center bottom; } /* ----- DROPDOWN NAV ----- */ #primaryNav ul li ul { left: -999em; position: absolute; background: url(../images/layup/dropNavBg.gif) bottom left repeat-x !important; height: auto; } #primaryNav ul li:hover ul, #primaryNav ul li.sfhover ul { left: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; display: block; width: 140px; } #primaryNav ul li:hover ul li, #primaryNav ul li.sfhover ul li { display: block; padding: 0px 0px 0px 0px; margin: 0px; width: 140px; height: 28px !important; background:url(../images/layup/dropNavDivider.gif) bottom left no-repeat; } #primaryNav ul li:hover ul li a, #primaryNav ul li.sfhover ul li a { padding: 7px 5px 5px 14px !important; margin: 0px; color: #fff; font-size: 1.1em; font-weight: bold; } #primaryNav ul li:hover ul li a:hover, #primaryNav ul li.sfhover ul li a:hover { padding: 7px 5px 5px 18px !important; margin: 0px; color: #fff; background: none; } #primaryNav ul li ul li.first { display: block; padding: 0px 0px 0px 0px; margin: 0px; width: 140px; height: 28px !important; background:url(../images/layup/dropNavFirstBg.gif) top left 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 { line-height: normal; height: 25px; margin-bottom: 10px; background: url(../images/layup/dotsH2.gif) repeat-x bottom left; } #breadcrumbs a { font-weight: bold; text-decoration: none; } #breadcrumbs span { font-weight: bold; } #breadcrumbs .btnBack { float: right; padding: 0px; } .pagination { float: right; } .pagination.bottom ul { float: right; } .pagination.bottom .typicalAPR { color: #e58d03; font-size: 13px; font-weight: bold; } .pagination ul { padding: 0px; margin: 0px; list-style: none; } .pagination ul li { padding: 0px; margin: 0px; float: left; } .pagination a { display: block; padding: 0px 4px 0px 5px; text-decoration: none; font-weight: normal; margin-right: 1px; } .pagination a.nextPrev, .pagination a.nextPrev:hover { background: none; color: #000; } .pagination a:hover { text-decoration: underline; background:#d80000; color:#FFFFFF; } .pagination .active { text-decoration: none; background:#d80000; color:#FFFFFF; font-weight: bold; } /* ----- FOOTER ----- */ #footer { height:203px; background:url(../images/layup/footerBg.gif) top left repeat-x #f8f8f8; margin-top:-203px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#3c3636;} #footer a { color:#3c3636; } #footer .padding { width:922px; margin:0 auto; padding-top:40px; text-align:left;} #footer #usefulPages { float:right; } #footer #usefulPages .title { font-size:14px; text-decoration:underline; font-weight:bold; padding:0 0 10px; } #footer #usefulPages ul { list-style:none; padding:0; margin:0 15px 0 0; float:left; } #footer #usefulPages ul li { padding:0; margin:0; } #footer #usefulPages ul li a { text-decoration:underline; } #footer #usefulPages ul li a:hover { text-decoration:none; } #footer .padding #fullWidth { height:61px; width:922px; margin-bottom:10px; } #footer .padding #fullWidth .nav { float:right;} #footer .padding #fullWidth .nav .item{ float:left; } #footer .padding .companyInfo { float:left; line-height:20px; width:568px; border-bottom:1px solid #d7d7d7; margin-bottom:10px; } #footer a { font-weight:normal; text-decoration:none;} #footer a:hover { text-decoration:underline;} /* ----- GLOBAL ----- */ img { display:block; border: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;} .required { color:#000;} .checkRadio { width:20px !important; position:relative; left:-7px;} #frmContact { margin-bottom:15px;} #frmContact p { padding:7px 0;} #frmContact select { width:204px;} #frmContact div { margin-bottom:10px;} #submit { width:118px; height:29px; border:none;} /* CAR VALUATION FORM */ .cmsForm { width: 582px; } .cmsForm fieldset { background: url(../images/layup/formTop.gif) top left no-repeat; margin-bottom: 20px; } .cmsForm fieldset .padding { padding: 1px; } .cmsForm fieldset h2 { padding: 20px 20px 20px 20px; } .cmsForm fieldset label { width: 160px; } .cmsForm fieldset div.fieldItem { padding: 10px 20px 10px 20px; } .cmsForm fieldset div.altRow { background: #e9e9e9; } .cmsForm #btnFindCar { width: 58px; height: 22px; float: left; margin-left: 15px; } .cmsForm #carRegistration { float: left; } .cmsForm #carModel, .cmsForm #carMake, .cmsForm #previousOwners { width: 150px; } .cmsForm #motMonth, .cmsForm #motYear, .cmsForm #taxMonth, .cmsForm #taxYear { width: 73px; } .cmsForm .field1 { display: block; float: left; width: 64px; } .cmsForm .field2 { display: block; float: left; width: 101px; } .cmsForm .field3 { display: block; float: left; width: 65px; } .cmsForm .field4 { display: block; float: left; width: 98px; } .cmsForm .field5 { display: block; float: left; width: 50px; } .cmsForm .field1 .checkRadio, .cmsForm .field2 .checkRadio, .cmsForm .field3 .checkRadio, .cmsForm .field4 .checkRadio, .cmsForm .field5 .checkRadio { margin-left: 20px; } .cmsForm #btnFrmSubmit { width: 121px; height: 34px; } #frmBrochure { padding:10px 0 0; } #frmBrochure div { margin:0 0 10px; } #frmBrochure label { width:140px; } #frmBrochure input { width:148px; } #frmBrochure select { width:152px; } #frmBrochure #submit { width:68px; height:29px; } /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #B71313; color : #FF3300; } input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; } .validation-advice { margin: 5px 0; width:283px; padding: 5px; background-color: #B71313; color : #FFF; font-weight: bold; } .validation-advice-mini { margin: 5px 0; width:283px; padding: 5px; background-color: #B71313; 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;} /* ----- DOMTABS ----- */ #usedDomTabs.domTabs, #usedDomTabs2.domTabs { padding: 0px 0px 20px 0px; } #usedDomTabs ul.domHeadings, #usedDomTabs2 ul.domHeadings { padding: 0px; margin: 0px; list-style: none; position: relative; top: 1px; height: 32px; } #usedDomTabs ul.domHeadings li, #usedDomTabs2 ul.domHeadings li { float: left; } #usedDomTabs .dt1, #usedDomTabs2 .dt1 { display: block; } #usedDomTabs .domContent { background: url(../images/layup/usedBoxBg.gif) top left no-repeat; padding-top: 10px; } #usedDomTabs .domContent .padding { padding:10px; } #usedDomTabs .domTabBottom { height: 11px; width: 665px; background: url(../images/layup/usedBoxBgBot.gif) no-repeat; } #usedDomTabs .domContent table { width: 100%; } #usedDomTabs .domContent table td { padding: 5px 10px 5px 10px; } #usedDomTabs .domContent table td.dotsV { background: url(../images/layup/dotsV.gif) repeat-y top right; } #usedDomTabs .domContent table tr.altRow td.dotsV { background:#d1d0d0 url(../images/layup/dotsV.gif) repeat-y top right; } #usedDomTabs .domContent table tr.altRow { background: #d1d0d0; } #usedDomTabs2 { width: 473px; } #usedDomTabs2 .domContent { background: url(../images/layup/usedBoxBg2.gif) top left no-repeat; padding-top: 10px; } #usedDomTabs2 .domTabBottom { height: 11px; width: 473px; background: url(../images/layup/usedBoxBgBot2.gif) no-repeat; } /* ----- CUSTOMER CARE PAGES ----- */ #customerCare {} #customerCare #logoCustomerCare { padding: 0px 0px 30px 150px; } #customerCare #pageTitle { font-size: 21px; } #customerCare #pageTitle .italicBold { font-weight: bold; font-style: italic; } #customerCare .fontTop { font-size: 14px; } #customerCare #winBackMoney { float: right; margin-top: -40px; } #customerCare .customerBox { width: 280px; float: left; } /* Forms */ #customerCare form { padding: 0px 0px 50px 0px; } #customerCare fieldset { display: block; } #customerCare .formTitle { font-size: 17px; font-style: italic; color: #FFF; text-align: center; width: 625px; height: 29px; background: url(../images/layup/formHeadingGrnBg.gif) no-repeat; } #customerCare #serviceTable { width: 625px; } #customerCare #serviceTable tr { background: #efefef; } #customerCare #serviceTable tr.altRow { background: #dddddd; } #customerCare #serviceTable tr td { padding: 5px 15px 5px 20px; } #customerCare form input.csInput, #customerCare form select.csInput { border: 1px solid #cdcdcd; } #customerCare form textarea.csTextArea { width: 585px; height: 54px; border: 1px solid #cdcdcd; margin: 10px 0px 10px 0px; } #customerCare form textarea.csTextAreaSmall { width: 233px; height: 54px; border: 1px solid #cdcdcd; } #customerCare form select { width: 193px; } #customerCare form input.longField { width: 193px; } #customerCare form input.shortField { width: 125px; } #customerCare form label.shortLabel { width: 78px; float: left; display: block; padding-top: 2px; } #customerCare form label.mediumLabel { width: 146px; float: left; display: block; padding-top: 2px; } #customerCare form label.longLabel { width: 475px; float: left; display: block; padding-top: 2px; } #customerCare form label.select { padding-top: 2px; } #customerCare form .checkRadioLabel { width: 24px; float: left; } #customerCare form .checkRadioLabelWide { width: 60px; float: left; } #customerCare form .radioLabel { width: 129px; float: left; } #customerCare form .checkRadio { float: left; top: -3px; left: 0px; } #customerCare form .radioGrp { width: 157px; } #customerCare form input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #B71313; color : #FF3300; } #customerCare form input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; } .newCommercialVehiclesBadges a { margin:0 116px 20px; float:left; } #vehicleIconList { padding-left: 10px; } #vehicleIconList .iconItem { width:322px; margin: 0; padding:0 0 10px; padding-left: 10px; float:left; font-size: 11px; font-family: arial, verdana, helvetica, sans-serif } #vehicleIconList .alt { background-color:#D1D0D0; } #vehicleIconList .iconItem .capTitle { width: 110px; float: left; padding-top: 2px; } #vehicleIconList .iconItem .capValue { padding-top: 2px; background: url(../images/layup/dotsV.gif) repeat-y top right; } .newFiguresTable { z-index:999999; } .newFiguresTable .padding { position:relative; } .newFiguresTable .padding .tip { position:absolute; top:3px; left:155px; font-weight:normal; } .newFiguresTable .padding .tip span { display:none !important; text-align:left; } .newFiguresTable .padding .tip:hover { background:none; } .newFiguresTable .padding .tip:hover span { display:block !important; width:208px; position:absolute; top:20px; left:-150px; z-index:999; } .newFiguresTable .padding .tip span .space { padding: 0px 7px 0px;background:url(../images/layup/tipBg.gif) left top repeat-y; } /* more info form used detail */ #frmMoreDetails { background: #fff; padding-top: 20px; } #frmMoreDetails form { background: #f6f4f5; padding: 10px 15px; } #frmMoreDetails form label { width: 150px; } #frmMoreDetails form textarea { width: 415px; } /* -----POP UP ----- */ #liveChatOverlay { width:100%; height:100%; z-index:999; background:url(../images/layup/popUpOverlay.png) repeat; position:fixed; top:0px; left:0px; } #popupContainer { position: relative; z-index: 9999; width:937px; display:none; margin: 0 auto;} #popupContainer #popup { width:633px; height:381px; z-index:999999; background: #f6f4f5; border: 5px solid #c0bebf; position:absolute; top:300px; left:270px; } #popupContainer #popup .title { float: left; height: 33px; margin-bottom: 12px; } #popupContainer #popup .btnClose { float: right; } #popupContainer #popup .locationLine1 { width: 568px; margin: 0 auto; } #popupContainer #popup .locationLine1 div { float: left; margin: 0px 18px 10px 18px; } #popupContainer #popup .locationLine2 { width: 378px; margin: 0 auto; } #popupContainer #popup .locationLine2 div { float: left; margin: 0px 18px 0px 18px; } /* finance */ #financeContainer { padding: 16px; background: #000000; } #financeContainer .financeContent { background: #ffffff; padding: 12px; } #financeContainer .financeContent .financeForm { float: right; width: 376px; } #financeContainer .financeContent .financeForm .title { padding: 0px 0px 15px 0px; } #financeContainer .financeContent .financeForm form { padding: 10px; } #financeContainer .financeContent .financeForm form label { width: 125px; }