/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : Matt Mumford / matt.mumford@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for Clearway Finance - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ html { height:100%; } body { height:100%; font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background: url(../images/layup/bodyBg.gif) repeat-x top #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! */ #container { min-height: 100%; width:926px; margin:0 auto; background: #999999; font-size: 1.8em; } * html #container{height: 100%; } /* ----- IDS ----- */ #container { width:926px; margin:0 auto; text-align:left; font-size:110%; line-height: normal; background:url(../images/layup/containerBg.jpg) top center no-repeat; } #printHeader { display:none;} #header { height: 154px; position: relative; } #header #logo { position: absolute; top: 0px; left: 0px; } #header #contactDetails { position: absolute; top: 45px; right: 25px; } #header #financeButton { position: absolute; top: 207px; left: 723px; } #creditHistory {float:left; background:url(../images/layup/creditHistory.jpg) top left no-repeat; width: 497px; height: 330px; margin-top: 18px; position: relative; } #creditHistory #flash { position: absolute; top:-44px; left: -87px; } #creditHistory .btn { position: absolute; top: 85px; right: -15px; } /* ----- USED CAR SEARCH ----- */ #usedCarSearch { width:400px; min-height:296px; margin:44px 0 0 18px; float:right; background:url(../images/layup/usedCarShadow.gif) no-repeat bottom left;} #usedCarSearch #search { } #usedCarSearch #byBudget { } #usedCarSearch #byBudget a { display: block; width:210px; height:43px; background:url(../images/layup/spriteHomeSearch.jpg) no-repeat left -43px;} #usedCarSearch #byBudget:hover { width:210px; height:43px; background:url(../images/layup/spriteHomeSearch.jpg) no-repeat left -43px;} #usedCarSearch #byBudget.active a { width:210px; height:43px; background:url(../images/layup/spriteHomeSearch.jpg) no-repeat left 0px;} #usedCarSearch #byCar { } #usedCarSearch #byCar a { display: block; width:190px; height:43px; background:url(../images/layup/spriteHomeSearch.jpg) no-repeat right top;} #usedCarSearch #byCar:hover { width:190px; height:43px; background:url(../images/layup/spriteHomeSearch.jpg) no-repeat right -43px;} #usedCarSearch #byCar.active a { width:190px; height:43px; background:url(../images/layup/spriteHomeSearch.jpg) no-repeat right -43px;} #usedCarSearch .domtab { } #usedCarSearch .tabset_tabs { padding: 0; margin:0; list-style:none; width:400px; } #usedCarSearch .tabset_tabs li { float:left; margin:0px; list-style:none; } #usedCarSearch .tabset_tabs li.last { margin:0px; } #usedCarSearch .tabset_print { display: none; } #usedCarSearch .trAlt { background:#720102; } #usedCarSearch .tabset_content { display:none; width: 365px; height:183px; margin-left:20px; background:url(../images/layup/searchBg.gif) no-repeat; padding:0px; } #usedCarSearch .tabset_tabs a { margin:0; padding:0; } #usedCarSearch .tabset_content .noTable {padding: 10px; color:#fff; font-size:10px; width:604px;} #usedCarSearch .tabset_content .noTable .heading {width:604px; float:left; display:block; margin-bottom:10px; font-weight:bold;} #usedCarSearch .searchItem {width:130px; margin-left:10px; margin-top:6px; float:left; margin-bottom:13px; display:inline;} #usedCarSearch #excellent { width:103px; height:36px; margin-left:14px; margin-top:3px; float:left; display:block; background:url(../images/layup/spriteCheckBox.gif) no-repeat left top;} #usedCarSearch #excellent:hover { width:103px; height:36px; display:block; background:url(../images/layup/spriteCheckBox.gif) no-repeat left bottom;} #usedCarSearch #excellent.active { width:103px; height:36px; display:block; background:url(../images/layup/spriteCheckBox.gif) no-repeat left bottom;} #usedCarSearch #good { width:69px; height:36px; float:left; display:block; margin-top:3px; background:url(../images/layup/spriteCheckBox.gif) no-repeat -103px top;} #usedCarSearch #good:hover { width:69px; height:36px; display:block; background:url(../images/layup/spriteCheckBox.gif) no-repeat -103px bottom;} #usedCarSearch #good.active { width:69px; height:36px; display:block; background:url(../images/layup/spriteCheckBox.gif) no-repeat -103px bottom;} #usedCarSearch #fair { width:67px; height:36px; float:left; display:block; margin-top:3px; background:url(../images/layup/spriteCheckBox.gif) no-repeat -172px top;} #usedCarSearch #fair:hover { width:67px; height:36px; display:block; background:url(../images/layup/spriteCheckBox.gif) no-repeat -172px bottom;} #usedCarSearch #fair.active { width:67px; height:36px; display:block; background:url(../images/layup/spriteCheckBox.gif) no-repeat -172px bottom;} #usedCarSearch #low { width:69px; height:36px; float:left; display:block; margin-top:3px; background:url(../images/layup/spriteCheckBox.gif) no-repeat -241px top;} #usedCarSearch #low:hover { width:69px; height:36px; display:block; background:url(../images/layup/spriteCheckBox.gif) no-repeat -241px bottom;} #usedCarSearch #low.active { width:69px; height:36px; display:block; background:url(../images/layup/spriteCheckBox.gif) no-repeat -241px bottom;} #usedCarSearch .amount { display:block; margin-left:2px; margin-top:5px; height:16px; font-size:14px; font-weight:bold; color:#fff; width:75px; float:left; } #usedCarSearch .apr { display:block; font-size:17px; font-weight:bold; margin-top:-3px; color:#fff; float:left; } #usedCarSearch .tabset_content #searchByCar { width:355px; height:225px; background:url(../images/layup/advancedSearchBg.jpg) repeat-x; position:relative; } #usedCarSearch .tabset_content #searchByCar .title { width:126px; height:19px; padding:9px 0 0 11px; } #usedCarSearch .tabset_content #searchByCar #vehicleType { width:332px; height:52px; margin:0 0 0 11px; display:block; } #usedCarSearch .tabset_content #searchByCar #vehicleType div { float:left; } #usedCarSearch .tabset_content #searchByCar #vehicleType a { display:block; } #usedCarSearch .tabset_content #searchByCar #vehicleType span { display:none; } #usedCarSearch .tabset_content #searchByCar #vehicleType #small a { width:71px; height:52px; background:url(../images/layup/spriteVehicleType.jpg) no-repeat 0 0; } #usedCarSearch .tabset_content #searchByCar #vehicleType #small a:hover, #usedCarSearch .tabset_content #searchByCar #vehicleType #small.active a { background:url(../images/layup/spriteVehicleType.jpg) no-repeat 0 -52px; } #usedCarSearch .tabset_content #searchByCar #vehicleType #family a { width:85px; height:52px; background:url(../images/layup/spriteVehicleType.jpg) no-repeat -71px 0; } #usedCarSearch .tabset_content #searchByCar #vehicleType #family a:hover, #usedCarSearch .tabset_content #searchByCar #vehicleType #family.active a { background:url(../images/layup/spriteVehicleType.jpg) no-repeat -71px -52px; } #usedCarSearch .tabset_content #searchByCar #vehicleType #prestige a { width:88px; height:52px; background:url(../images/layup/spriteVehicleType.jpg) no-repeat -156px 0; } #usedCarSearch .tabset_content #searchByCar #vehicleType #prestige a:hover, #usedCarSearch .tabset_content #searchByCar #vehicleType #prestige.active a { background:url(../images/layup/spriteVehicleType.jpg) no-repeat -156px -52px; } #usedCarSearch .tabset_content #searchByCar #vehicleType #mpv a { width:88px; height:52px; background:url(../images/layup/spriteVehicleType.jpg) no-repeat -244px 0; } #usedCarSearch .tabset_content #searchByCar #vehicleType #mpv a:hover, #usedCarSearch .tabset_content #searchByCar #vehicleType #mpv.active a { background:url(../images/layup/spriteVehicleType.jpg) no-repeat -244px -52px; } #usedCarSearch .tabset_content #searchByCar #frmSearchByCar {} #usedCarSearch .tabset_content #searchByCar #frmSearchByCar select { width:158px; margin:0 0 9px 0; } #usedCarSearch .tabset_content #searchByCar #frmSearchByCar .title { width:97px; height:24px; } #usedCarSearch .tabset_content #searchByCar #frmSearchByCar .leftCol { width:160px; padding:0 0 0 9px; float:left; } #usedCarSearch .tabset_content #searchByCar #frmSearchByCar .rightCol { width:160px; padding:0 9px 0 0; float:right; } #usedCarSearch .tabset_content #searchByCar .advancedSearch { width:111px; height:10px; position:absolute; top:100px; right:11px; } #usedCarSearch #creditRatingGuide { position:absolute; left:400px; top:150px; width:600px; background:#206790; padding:20px; color:#fff; } #usedCarSearch #creditRatingGuide #closeLink { float:right; position:relative; top:-10px; left:10px; cursor:pointer; } /* ----- HOME JUMPS ---- */ #homeJumps { clear:both; width:911px; padding-left:15px; height:158px; margin-bottom:20px;} #homeJumps .box { float:left; margin-right:15px; } #homeJumps .box .last { margin-right:0px; } /* ----- HOME LEFT / RIGHT COL ---- */ #homeLeftCol { width:440px; float:left; padding-left:20px; line-height:18px;} #homeRightCol { width:440px; float:right; padding-left:20px;} #homeRightCol p { margin-top:20px; width:250px; float:right; } #homeRightCol .image { margin-top:20px; width:172px; height:129px; float:left; background:url(../images/layup/noImageCms172x129.jpg) no-repeat; position:relative; } #homeRightCol .image .frame { width:172px; height:129px; float:left; background:url(../images/layup/customersSayFrame.gif) no-repeat; position:absolute; top:0px; left:0px; } /* ----- LEFT COLUMN ----- */ #leftCol { float: left; width: 250px; } #leftCol .box {} #leftCol #usedCarSearch {} #leftCol #usedCarSearch { width:238px; min-height:274px; margin:48px 0px 25px 0px; float:left; background:url(../images/layup/usedCarInternalShadow.gif) no-repeat top left;} #leftCol #usedCarSearch #search { } #leftCol #usedCarSearch #myTabs { width:238px; } #leftCol #usedCarSearch #myTabs a#byBudget { float:left; display: block; width:132px; height:39px; background:url(../images/layup/spriteInternalSearch.jpg) no-repeat left -39px; } #leftCol #usedCarSearch #myTabs a#byBudget.active { width:132px; height:39px; background:url(../images/layup/spriteInternalSearch.jpg) no-repeat left 0px; } #leftCol #usedCarSearch #myTabs a#byCar { float:left; display: block; width:106px; height:39px; background:url(../images/layup/spriteInternalSearch.jpg) no-repeat right top; } #leftCol #usedCarSearch #myTabs a#byCar.active { width:106px; height:39px; background:url(../images/layup/spriteInternalSearch.jpg) no-repeat right -39px; } #leftCol #usedCarSearch #contentBoxes {} #leftCol #usedCarSearch #contentBoxes .box { width: 210px; height:auto; margin-left:10px; margin-top:8px; background:#247da1; padding:10px 11px 0px 0px; } #leftCol #usedCarSearch #contentBoxes .box .firstBox { display: block; } #leftCol #usedCarSearch #contentBoxes .amount { display:block; margin-left:4px; margin-top:0px; height:16px; font-size:14px; font-weight:bold; color:#fff; width:75px; float:left; } #leftCol #usedCarSearch #leftSearchByCar select {width:165px;margin:6px 10px 0;} /* ----- RIGHT COLUMN ----- */ #rightCol { float: right; width: 670px; margin-top:94px; } #rightCol p {font-size:11px;} #rightCol .internalImage { width:324px; height:243px; float:right; background:url(../images/layup/noImage324x243.jpg) no-repeat; position:relative; margin:0px 0px 15px 15px } #rightCol .internalImage .frame { width:324px; height:243px; float:right; background:url(../images/layup/frame324x243.gif) no-repeat; position:absolute; top:0px; left:0px; } #rightCol #offerDetails { line-height:18px; } #rightCol .imgTitle { margin-bottom:15px; } #rightCol #offerDetails #offerBanner { margin-bottom:20px; } #rightCol #offerDetails #offerFinanceDetails { width:340px; margin-top:20px; float:left; background:url(../images/layup/offerFinanceDetailsBg.gif) top right no-repeat; } #rightCol #offerDetails #offerFinanceDetails .bottom { width:340px; height:17px; background:url(../images/layup/offerFinanceDetailsBottom.gif) top right no-repeat; } #rightCol #payableBy { float:left; width:340px; margin-bottom:20px; } #rightCol #offerForm { width:310px; float:right; margin-top:20px; } #rightCol #offerForm div { float:left; margin-top:10px; width:310px; } #rightCol #offerForm label { width:104px; float:left; font-weight:bold; color:#505050; padding-top:2px;} #rightCol #offerForm input { width:200px; float:left; border:1px solid #b4b4b4; background:#f4f4f4; } #rightCol #offerForm textarea { width:200px; float:left; border:1px solid #b4b4b4; background:#f4f4f4; } #rightCol #offerForm select { width:202px; float:left; border:1px solid #b4b4b4; background:#f4f4f4; } #rightCol #offerForm .submit { border:0px; width:79px; height:30px; float:right; } #mainContent {} /* ----- CMS IMAGE ----- */ .cmsImage { float: right; margin: 0px 0px 15px 15px; } .cmsImage img {} /* ----- LIST ----- */ #list { width:670px; } #list #mainListing { padding-top:20px; line-height:18px; border-bottom: 1px solid #91cc60; width:670px; height:175px; float:left; } #list #mainListing a {text-decoration:none; font-weight:normal; display:block; } #list #mainListing .image { width:172px; margin-right:20px; height:129px; float:left; background:url(../images/layup/noImageCms172x129.jpg) no-repeat; position:relative; } #list #mainListing .image .frame { width:172px; height:129px; float:left; background:url(../images/layup/customersSayFrame.gif) no-repeat; position:absolute; top:0px; left:0px; } #list #mainListing .text { width:475px; float:right; display:block;} #list .listItem { width:320px; padding: 15px 0 0 0; margin-right:15px; float:left; border-bottom: 1px solid #91cc60; display:block; margin-bottom:10px; } #list .listItem.last {margin-right:0px; float:right;} #list .listItem a { display: block; text-decoration:none; font-weight:normal; float:left; } #list .listItem .image { width:111px; margin-right:20px; height:83px; display:block; float:left; background:url(../images/layup/noImage111x83.jpg) no-repeat; position:relative; } #list .listItem .image .frame { width:111px; height:83px; float:left; display:block; background:url(../images/layup/listItemFrame.gif) no-repeat; position:absolute; top:0px; left:0px; } #list .listItem .text { width:185px; float:right; display:block; line-height:18px; margin-bottom:10px;} #list .listItem .btn { display: block; } #list #infoBar {width:655px; height:22px; padding:9px 0px 0px 15px; float:left; background:url(../images/layup/inforBar.gif) no-repeat; color:#fff; font-weight:bold;} #list #infoBar .carsFound {float:left; width:150px;} #list #infoBar .resultsPerPage {float:right; width:195px; } #list #infoBar .resultsPerPage select {margin-left:10px; margin-right:20px; margin-top:-3px;} #list #infoBar .sortBy {float:right; width:190px; } #list #infoBar .sortBy select {margin-left:10px; margin-right:10px; margin-top:-3px;} #list .usedItem { width:670px; float:left; border-bottom:#bbbbbb 1px dotted; padding-bottom:10px; margin-top:20px; } #list .usedItem a { text-decoration:none; font-weight:normal; display:block; } #list .usedItem .image { width:172px; height:129px; background:url(../images/layup/noImage172x129.jpg) no-repeat; float:left; margin-right:15px; display:block; } #list .usedItem .title {font-size:15px; font-weight:bold; color:#3c9214; float:left; width:483px; margin-bottom:10px; display:block; } #list .usedItem .text { display:block; padding-bottom:20px; float:left; width:483px; } #list .usedItem .pricing { display:block; padding-bottom:20px; float:left; width:483px; } #list .usedItem .price { font-size:20px; font-weight:bold; color:#3c9214; float:left; display:block; padding-top:3px; margin-bottom:10px; width: 140px; } #list .usedItem .monthlyCost { font-size:15px; font-weight:bold; color:#3c9214; float:left; clear:left; display:block; width: 190px; } /* ----- BOX LIST ----- */ #boxList {} #boxList .box {} #boxList .box a { display: block; } #boxList .box .thumb { display: block; } #boxList .box .thumb .frame { display: block; } #boxList .box .title { display: block; } /* ----- USED CAR DETAIL ----- */ #usedCarPhotoContain {float:left; width:414px;} #usedCarPhotoContain #usedCarPhoto { float: left; position: relative; width:414px; height:311px; background:url(../images/layup/noImage414x311.jpg) no-repeat; margin-bottom:2px; } #usedCarPhotoContain #usedCarPhoto .enlarge { } #usedCarPhotoContain #usedCarPhoto .special { } #usedCarPhotoContain #usedCarThumbs { float: left; } #usedCarPhotoContain #usedCarThumbs .thumb { float: left; cursor: pointer; margin-right:2px; } #usedCarPhotoContain #usedCarThumbs .thumb .last {margin-right:0px;} #usedCarTitle { width:390px; font-weight:bold; margin:15px 0px 15px 15px;} #usedCarTitle .usedTitle { float:left;} #usedCarTitle .usedPrice { float:right; font-size:16px; color:#bf1515;} #usedCarOptions { float:left; margin:15px 0px; } #usedCarOptions img { float:left; } #carEnquiry{ width:234px; height:auto; float:right; background:url(../images/layup/carEnquiryBg.jpg) no-repeat top #d2e6c9; padding-top:32px; } #finance{ width:234px; height:auto; float:right; background:url(../images/layup/financeBg.gif) repeat-x top #fff; } #finance .bottom{ width:204px; height:16px; background:url(../images/layup/financeBottom.gif) no-repeat; margin-top:15px; margin-bottom:15px; padding:6px 15px; color:#fff; position:relative; font-weight:bold; } #finance .bottom a{ font-weight:bold; color:#fff; text-decoration:none;} #compare {width:670px; height:auto; margin-bottom:15px;} #compare #saveImages {width:670px; height:98px; background:url(../images/layup/compareBg.gif) repeat-x top; padding-bottom:28px; border-top:1px dotted #bababa; border-bottom:1px dotted #bababa;} #compare #saveImages .compareThumb {width:84px; height:63px; display:block; background:url(../images/layup/compareThumbBg.gif) no-repeat; float:left; margin:15px 19px 15px 10px;} #compare #saveImages .compareThumb.last { margin-right:0px;} #relatedCarsContain {width:670px; height:auto; margin-bottom:20px;} #relatedCarsContain #relatedCars {width:670px; background:url(../images/layup/relatedCarsBg.gif) repeat-x top; border-top:1px dotted #bababa; } #relatedCarsContain #relatedCars .vehicle { width:320px; float:left; margin-left:10px; margin-top:10px; float:left; } #relatedCarsContain #relatedCars .vehicle a { text-decoration:none; font-weight:normal; display:block; } #relatedCarsContain #relatedCars .vehicle .image {width:172px; height:129px; margin-top:5px; display:block; background:url(../images/layup/noImage172x129.jpg) no-repeat; float:left; margin-right:10px;} #relatedCarsContain #relatedCars .vehicle .text { margin-top:10px; display:block; margin-bottom:20px;} /* ----- OFFER ----- */ .enquiryForm { float: right; width: 306px; } .enquiryForm form div { margin-bottom: 10px; } .enquiryForm label { width: 100px !important; font-weight: bold; } .enquiryForm input { width: 197px; } .enquiryForm textarea { width: 197px; height: 90px; } .enquiryForm #submit { width: 79px; height: 30px; } /* ----- 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; } .plainList { list-style: none; margin: 0; padding:0px 0px 18px 0px; } /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 10px 0; font-size:100%; font-weight:bold; } p { padding:0 0 10px 0; margin:0; font-size:12px; } h1 { font-size:20px; color:#5ba72d; font-weight:bold; } h2 { font-size: 19px; color: #214f00; } /* ----- TOP NAVIGATION ----- */ #primaryNav { width:926px; background:url(../images/layup/primaryNavBg.gif) repeat-x; height:37px; color:#fff; } #primaryNav ul { list-style: none; margin: 0; padding: 0; width:560px; float:right; } #primaryNav li { float: left; font-size:12px; font-weight:bold; text-transform:uppercase; margin-left:2px; } #primaryNav li a { margin-left:2px; margin-right:-2px; } #primaryNav li a:hover { float: left; font-size:12px; font-weight:bold; text-transform:uppercase; background:url(../images/layup/liHover.gif) repeat-x; } #primaryNav li span {display:block; background:url(../images/layup/primaryNavDivider.gif) no-repeat top left; float:left;} #primaryNav li a { display: block; float: left; padding: 11px 11px; text-decoration: none; color:#fff; } /* ----- 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; padding:10px 0px; height: 16px; border-bottom:1px solid #d7d7d7; margin-bottom:15px; } #breadcrumbs a { font-weight: normal; text-decoration: none; float: left; padding: 2px 5px 4px 0px; } #breadcrumbs a.active {font-weight:bold;} #breadcrumbs .btnBack a{ float: right; padding: 0px; font-weight:bold; } .pagination { float: right; height:20px; } .pagination a { padding: 0px 4px 0px 4px; text-decoration: none; font-weight:normal; } .pagination a:hover { text-decoration: none; background:#8dda00; color:#FFFFFF; font-weight:bold; } .pagination .active { text-decoration: none; background:#8dda00; color:#FFFFFF; font-weight:bold;} .pagination span { display: block; float: left; padding: 0px 2px 0px 2px; } .pagination .nextPrev {font-weight:bold;} .pagination li {list-style:none; display:inline;} /* ----- FOOTER ----- */ #bottomLogos {width:901px; padding-left:25px; float:left;} #footer { height:115px; margin-top:-115px; color:#fff; } #footer .padding {height:105px; background:url(../images/layup/footerBg.gif) no-repeat; margin:0 auto; width:906px; text-align:left; padding:10px 10px 0px 10px;} #footer a { font-weight:normal; text-decoration:none; color:#fff;} #footer a:hover { text-decoration:underline;} #footer .padding .legal { margin-top:5px; font-size:10px; line-height:14px; padding-bottom:0px; } /* ----- 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:#5ba72d;} .checkRadio { width:20px; position:relative; left:-7px;} #frmContact { margin-bottom:15px;} #frmContact p { padding:7px 0;} #frmContact select { width:204px;} #frmContact div { margin-bottom:10px;} #submit { width:55px; height:18px; border:none;} #frmUsedSearchBudget input { width:100px; margin-top:12px; margin-left:6px; display:inline;} #frmUsedSearchBudget select { margin-top:12px; height:20px; margin-left:6px; display:inline; } #frmUsedSearchCar input { width:100px; margin-top:12px; margin-left:6px; display:inline;} #frmUsedSearchCar select { margin-top:12px; height:20px; margin-left:6px; display:inline; } #frmCarEnquiry div {margin-left:15px; margin-top:6px;} #frmUsedCarSearchBudgetInternal input {width:95px; float:right;} #frmUsedCarSearchBudgetInternal select {width:99px; height:21px; float:right;} #frmUsedCarSearchBudgetInternal div {float:left;} #frmUsedCarSearchBudgetInternal #leftexcellent { width:61px; height:22px; margin-left:7px; margin-top:3px; float:left; display:block; background:url(../images/layup/spriteInternalCheckbox.gif) no-repeat left top;} #frmUsedCarSearchBudgetInternal #leftexcellent:hover { background:url(../images/layup/spriteInternalCheckbox.gif) no-repeat left bottom;} #frmUsedCarSearchBudgetInternal #leftexcellent.active { background:url(../images/layup/spriteInternalCheckbox.gif) no-repeat left bottom;} #frmUsedCarSearchBudgetInternal #leftgood { width:48px; height:22px; float:left; display:block; margin-top:3px; background:url(../images/layup/spriteInternalCheckbox.gif) no-repeat -61px top;} #frmUsedCarSearchBudgetInternal #leftgood:hover { background:url(../images/layup/spriteInternalCheckbox.gif) no-repeat -61px bottom;} #frmUsedCarSearchBudgetInternal #leftgood.active { background:url(../images/layup/spriteInternalCheckbox.gif) no-repeat -61px bottom;} #frmUsedCarSearchBudgetInternal #leftfair { width:44px; height:22px; float:left; display:block; margin-top:3px; background:url(../images/layup/spriteInternalCheckbox.gif) no-repeat -110px top;} #frmUsedCarSearchBudgetInternal #leftfair:hover { background:url(../images/layup/spriteInternalCheckbox.gif) no-repeat -110px bottom;} #frmUsedCarSearchBudgetInternal #leftfair.active { background:url(../images/layup/spriteInternalCheckbox.gif) no-repeat -110px bottom;} #frmUsedCarSearchBudgetInternal #leftlow { width: 50px; height:22px; float:left; display:block; margin-top:3px; background:url(../images/layup/spriteInternalCheckbox.gif) no-repeat -155px top;} #frmUsedCarSearchBudgetInternal #leftlow:hover { background:url(../images/layup/spriteInternalCheckbox.gif) no-repeat -155px bottom;} #frmUsedCarSearchBudgetInternal #leftlow.active { background:url(../images/layup/spriteInternalCheckbox.gif) no-repeat -155px bottom;} #leftSearchByCar #vehicleType { width:210px; height:33px; margin:0 0 10px 11px; display:block; } #leftSearchByCar #vehicleType div { float:left; } #leftSearchByCar #vehicleType a { display:block; } #leftSearchByCar #vehicleType span { display:none; } #leftSearchByCar #vehicleType #small a { width:45px; height:33px; background:url(../images/layup/spriteInternalVehicleType.jpg) no-repeat 0 0; } #leftSearchByCar #vehicleType #small a:hover, #leftSearchByCar #vehicleType #small.active a { background:url(../images/layup/spriteInternalVehicleType.jpg) no-repeat 0 -33px; } #leftSearchByCar #vehicleType #family a { width:55px; height:33px; background:url(../images/layup/spriteInternalVehicleType.jpg) no-repeat -45px 0; } #leftSearchByCar #vehicleType #family a:hover, #leftSearchByCar #vehicleType #family.active a { background:url(../images/layup/spriteInternalVehicleType.jpg) no-repeat -45px -33px; } #leftSearchByCar #vehicleType #prestige a { width:56px; height:33px; background:url(../images/layup/spriteInternalVehicleType.jpg) no-repeat -100px 0; } #leftSearchByCar #vehicleType #prestige a:hover, #leftSearchByCar #vehicleType #prestige.active a { background:url(../images/layup/spriteInternalVehicleType.jpg) no-repeat -100px -33px; } #leftSearchByCar #vehicleType #mpv a { width:54px; height:33px; background:url(../images/layup/spriteInternalVehicleType.jpg) no-repeat -156px 0; } #leftSearchByCar #vehicleType #mpv a:hover, #leftSearchByCar #vehicleType #mpv.active a { background:url(../images/layup/spriteInternalVehicleType.jpg) no-repeat -156px -33px; } #frmUsedCarSearchCarInternal input {width:95px; float:right;} #frmUsedCarSearchCarInternal select {width:99px; height:21px; float:right;} #frmUsedCarSearchCarInternal div {float:left;} #frmFinance div {width:204px; height:21px; padding:0px 15px; font-weight:normal; } #frmContactUs {width:234px; float:right; background:#d2e6c9; margin-left:15px; margin-bottom:15px;} #frmContactUs input {margin-left:15px; margin-bottom:5px;} #frmContactUs textarea {margin-left:15px; margin-bottom:5px;} #frmContactUs input#submit {margin-left:0; width:234px; height:32px; margin-bottom:-10px;} #frmContactUs .validation-advice {width:219px; background:#388e0f; color:#fff; padding:5px 0px 5px 15px; } #contactForm { border: 2px solid #D7D7D7; background: #f1f0f0; padding: 10px; margin: 10px 0px 10px 0px; width: 469px; } /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #BF1515; color : #BF1515; } input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #5ba72d; color : #000; } .validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #388E0F; 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;}