/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : Chris Munn / chris.munn@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet Sandles site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { width:100%; height:100%; font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#ffffff; color:#000000; text-align:center; } #shareThisBg { width:100%; height:100%; background:url(../images/layup/shareThisBodyBg.png) repeat; position:fixed; z-index:9999; left:0; top:0; } * html #shareThisBg { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='../images/layup/shareThisBodyBg.png'); background: none; } /* This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text. Declaring the font size in pixels makes it more consistent across browsers. */ td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; } html>body td, html>body textarea, html>body input, html>body select { font-size:11px; } /* some browsers don't inherit the font into tables or textareas! */ /* ----- IDS ----- */ #container { width:960px; margin:0 auto; text-align:left; font-size:110%; } #printHeader { display:none;} #headerHome, #header { position: relative; height: 110px; background: url(../images/layup/headerBg.jpg) no-repeat; } #headerHome #logo, #header #logo { position: absolute; top: 0px; left: -10px; } #headerHome #contactDetails, #header #contactDetails { position: absolute; top: 0px; right: 0px; background: url(../images/layup/headerDetails.jpg) top left no-repeat; width: 378px; height: 87px; text-align: right; font-weight: bold; font-size: 2.4em; color: #fff; padding-right: 28px; padding-top: 23px; } #header { height: 150px; } #headerHome #findFacebook, #header #findFacebook { position:absolute; top:42px; left:307px; } #overlaySocial { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../images/layup/overlay.png); z-index: 999999; } #homeFlash { padding: 11px 0px 0px 0px; } #homeVehicleSearch { width: 960px; color: #FFF; } #homeVehicleSearch .searchPadding { margin: 0px 10px 0px 9px; background: url(../images/layup/vehicleSearchBg.jpg) no-repeat; height: 269px; } #homeVehicleSearch #usedSearch { float: left; width: 401px; } #homeVehicleSearch #usedSearch .padding { padding: 16px 21px 0px 32px; } #homeVehicleSearch #usedSearch #usedHeight { height: 242px; } #homeVehicleSearch #vehicleOptions { width: 348px; height: 64px; background: url(../images/layup/dropDownBg.gif) no-repeat; } #homeVehicleSearch #searchType { padding: 10px 0px 0px 0px; font-weight: bold; } #homeVehicleSearch #searchType p { float: left; padding-right: 15px; } #homeVehicleSearch #searchType a { display: block; width: 77px; height: 21px; background: url(../images/layup/spriteCarsVans.gif) no-repeat; } #homeVehicleSearch #searchType a span { display: none; } #homeVehicleSearch #searchType .radioCars a { background: url(../images/layup/spriteCarsVans.gif) bottom left no-repeat; float: left; } #homeVehicleSearch #searchType .radioVans a { background: url(../images/layup/spriteCarsVans.gif) bottom right no-repeat; float: left; } #homeVehicleSearch #searchType .radioCars a.active { background: url(../images/layup/spriteCarsVans.gif) top left no-repeat; } #homeVehicleSearch #searchType .radioVans a.active { background: url(../images/layup/spriteCarsVans.gif) top right no-repeat; } #homeVehicleSearch #searchType .radioCars a:hover { background: url(../images/layup/spriteCarsVans.gif) top left no-repeat; } #homeVehicleSearch #searchType .radioVans a:hover { background: url(../images/layup/spriteCarsVans.gif) top right no-repeat; } #homeVehicleSearch #vehicleType { float: right; width: 540px; } #homeVehicleSearch #vehicleType .padding { padding: 16px 0px 0px 11px; } #homeVehicleSearch #vehicleType #spriteVehicleType { height: 185px; } #homeVehicleSearch #vehicleType #spriteVehicleType a { display: block; width: 182px; height: 88px; float: left; background: url(../images/layup/spriteVehicleType.jpg) no-repeat; } #homeVehicleSearch #vehicleType #spriteVehicleType a span { display: none; } #homeVehicleSearch #vehicleType #spriteVehicleType a.lastItem { width: 170px; } #homeVehicleSearch #vehicleType #spriteVehicleType a.spriteSmall { background: url(../images/layup/spriteVehicleType.jpg) 0px 0px no-repeat; } #homeVehicleSearch #vehicleType #spriteVehicleType a:hover.spriteSmall { background: url(../images/layup/spriteVehicleType.jpg) 0px -176px no-repeat; } #homeVehicleSearch #vehicleType #spriteVehicleType a.spriteMedium { background: url(../images/layup/spriteVehicleType.jpg) -182px 0px no-repeat; } #homeVehicleSearch #vehicleType #spriteVehicleType a:hover.spriteMedium { background: url(../images/layup/spriteVehicleType.jpg) -182px -176px no-repeat; } #homeVehicleSearch #vehicleType #spriteVehicleType a.spriteLarge { background: url(../images/layup/spriteVehicleType.jpg) -364px 0px no-repeat; } #homeVehicleSearch #vehicleType #spriteVehicleType a:hover.spriteLarge { background: url(../images/layup/spriteVehicleType.jpg) -364px -176px no-repeat; } #homeVehicleSearch #vehicleType #spriteVehicleType a.spriteEstate { background: url(../images/layup/spriteVehicleType.jpg) 0px -88px no-repeat; } #homeVehicleSearch #vehicleType #spriteVehicleType a:hover.spriteEstate { background: url(../images/layup/spriteVehicleType.jpg) 0px -264px no-repeat; } #homeVehicleSearch #vehicleType #spriteVehicleType a.spriteMPV { background: url(../images/layup/spriteVehicleType.jpg) -182px -88px no-repeat; } #homeVehicleSearch #vehicleType #spriteVehicleType a:hover.spriteMPV { background: url(../images/layup/spriteVehicleType.jpg) -182px -264px no-repeat; } #homeVehicleSearch #vehicleType #spriteVehicleType a.spriteFourByFour { background: url(../images/layup/spriteVehicleType.jpg) -364px -88px no-repeat; } #homeVehicleSearch #vehicleType #spriteVehicleType a:hover.spriteFourByFour { background: url(../images/layup/spriteVehicleType.jpg) -364px -264px no-repeat; } #homeVehicleSearch #vehicleType #spriteVehicleType a.spriteSmallVan { background: url(../images/layup/spriteVehicleType.jpg) 0px -352px no-repeat; } #homeVehicleSearch #vehicleType #spriteVehicleType a:hover.spriteSmallVan { background: url(../images/layup/spriteVehicleType.jpg) 0px -440px no-repeat; } #homeVehicleSearch #vehicleType #spriteVehicleType a.spriteMediumVan { background: url(../images/layup/spriteVehicleType.jpg) -182px -352px no-repeat; } #homeVehicleSearch #vehicleType #spriteVehicleType a:hover.spriteMediumVan { background: url(../images/layup/spriteVehicleType.jpg) -182px -440px no-repeat; } #homeVehicleSearch #vehicleType #spriteVehicleType a.spriteLargeVan { background: url(../images/layup/spriteVehicleType.jpg) -364px -352px no-repeat; } #homeVehicleSearch #vehicleType #spriteVehicleType a:hover.spriteLargeVan { background: url(../images/layup/spriteVehicleType.jpg) -364px -440px no-repeat; } #homeVehicleSearch #vehicleType #vanSearchCriteria { display: none; } #homeVehicleSearch .clickTab { float: right; padding-right: 25px; height: 19px; background:#7c080c url(../images/layup/arrowWte.gif) right no-repeat; font-weight: bold; padding-left: 15px; padding-top: 2px; } #homeVehicleSearch #carVanTabs { float: right; padding-right: 6px; } #homeVehicleSearch #carVanTabs div { float: left; width: 78px; height: 27px; } #homeVehicleSearch #carVanTabs a { display: block; width: 78px; height: 27px; float: left; background: url(../images/layup/spriteCarVanTabs.gif) no-repeat; } #homeVehicleSearch #carVanTabs a span { display: none; } #homeVehicleSearch #carVanTabs #carsTab a { background: url(../images/layup/spriteCarVanTabs.gif) bottom left no-repeat; } #homeVehicleSearch #carVanTabs #vansTab a { background: url(../images/layup/spriteCarVanTabs.gif) bottom right no-repeat; } #homeVehicleSearch #carVanTabs #carsTab a:hover { background: url(../images/layup/spriteCarVanTabs.gif) top left no-repeat; } #homeVehicleSearch #carVanTabs #vansTab a:hover { background: url(../images/layup/spriteCarVanTabs.gif) top right no-repeat; } #homeVehicleSearch #carVanTabs #carsTab a.active { background: url(../images/layup/spriteCarVanTabs.gif) top left no-repeat; } #homeVehicleSearch #carVanTabs #vansTab a.active { background: url(../images/layup/spriteCarVanTabs.gif) top right no-repeat; } #homeVehicleSearch #advancedSearch { width: 160px; float: right; margin-right: 15px; } #homeJumps {} #homeJumps .box { position: relative; float: left; } #homeJumps .box .info { position: absolute; top: 0px; left: 0px; display: block; line-height: 120%; } #homeJumps .box a { display: block; cursor: pointer; text-decoration: none; font-weight: normal; } #homeJumps img { float: left; } #homeJumps .padding { padding: 23px 10px 20px 9px; } #homeContent { padding: 0px 17px 10px 35px; } #leftCol { float: left; width: 229px; } #leftCol .padding { padding: 0px 0px 15px 9px; } #leftCol #usedSearch { background:#0c94ea; width: 220px; color: #FFF; } #leftCol #usedSearch a { outline:none; } #leftCol #usedSearch .domHeadings { height:25px; list-style:none; background:#fff; padding:0px; margin:0px; } #leftCol #usedSearch .domHeadings li { float:left; margin-right:1px; } #leftCol #usedSearch .domHeadings li a { display:block; width:80px; height:25px; } #leftCol #usedSearch .domHeadings li a.carSearch { background:url(../images/layup/spriteCarsVans.gif) 0 -25px no-repeat; } #leftCol #usedSearch .domHeadings li a.carSearch:hover { background:url(../images/layup/spriteCarsVans.gif) 0 0px no-repeat; } #leftCol #usedSearch .domHeadings li.active a.carSearch { background:url(../images/layup/spriteCarsVans.gif) 0 0px no-repeat; } #leftCol #usedSearch .domHeadings li a.vanSearch{ background:url(../images/layup/spriteCarsVans.gif) -81px 0 no-repeat; } #leftCol #usedSearch .domHeadings li a.vanSearch:hover { background:url(../images/layup/spriteCarsVans.gif) -81px -25px no-repeat; } #leftCol #usedSearch .domHeadings li.active a.vanSearch { background:url(../images/layup/spriteCarsVans.gif) -81px -25px no-repeat; } #leftCol #usedSearch .domContent { background:url(../images/layup/usedSearchBg.gif) right top no-repeat; padding-top:20px; } #leftCol #usedSearch .domContent .domHeadings { background:#0c94ea; height:30px; padding: 0 10px; } #leftCol #usedSearch .domContent .domHeadings li { float:left; margin-right:0px; } #leftCol #usedSearch .domContent .domHeadings li a { display:block; height:30px; width:66px; margin-right:1px; } #leftCol #usedSearch .domContent .domHeadings li a#type { background:url(../images/layup/spriteSearchBy.gif) no-repeat 0 0 ; width:66px;} #leftCol #usedSearch .domContent .domHeadings li a#type:hover { background:url(../images/layup/spriteSearchBy.gif) no-repeat 0 -30px ; width:66px;} #leftCol #usedSearch .domContent .domHeadings li.active a#type{ background:url(../images/layup/spriteSearchBy.gif) no-repeat 0 -30px ; width:66px;} #leftCol #usedSearch .domContent .domHeadings a#budget { background:url(../images/layup/spriteSearchBy.gif) no-repeat -67px 0 ;} #leftCol #usedSearch .domContent .domHeadings li a#budget:hover { background:url(../images/layup/spriteSearchBy.gif) no-repeat -67px -30px ; width:66px;} #leftCol #usedSearch .domContent .domHeadings li.active a#budget{ background:url(../images/layup/spriteSearchBy.gif) no-repeat -67px -30px ; width:66px;} #leftCol #usedSearch .domContent .domHeadings li a#eco { background:url(../images/layup/spriteSearchBy.gif) no-repeat -134px 0 ; margin-right:0px !important;} #leftCol #usedSearch .domContent .domHeadings li a#eco:hover { background:url(../images/layup/spriteSearchBy.gif) no-repeat -134px -30px ; width:66px;} #leftCol #usedSearch .domContent .domHeadings li.active a#eco{ background:url(../images/layup/spriteSearchBy.gif) no-repeat -134px -30px ; width:66px;} #leftCol #usedSearch .domContent .typeSearch { width:200px; height:auto; margin-left:10px !important; padding-bottom:10px; } #leftCol #usedSearch .domContent .typeSearch a { display:block; height:22px; width:200px; margin-bottom:1px; } #leftCol #usedSearch .domContent .typeSearch a#small { background:url(../images/layup/spriteTypeSearch.gif) 0 0 no-repeat; } #leftCol #usedSearch .domContent .typeSearch a#small:hover { background:url(../images/layup/spriteTypeSearch.gif) -200px 0 no-repeat; } #leftCol #usedSearch .domContent .typeSearch a#medium { background:url(../images/layup/spriteTypeSearch.gif) 0 -23px no-repeat; } #leftCol #usedSearch .domContent .typeSearch a#medium:hover { background:url(../images/layup/spriteTypeSearch.gif) -200px -23px no-repeat; } #leftCol #usedSearch .domContent .typeSearch a#estate { background:url(../images/layup/spriteTypeSearch.gif) 0 -46px no-repeat; } #leftCol #usedSearch .domContent .typeSearch a#estate:hover { background:url(../images/layup/spriteTypeSearch.gif) -200px -46px no-repeat; } #leftCol #usedSearch .domContent .typeSearch a#large { background:url(../images/layup/spriteTypeSearch.gif) 0 -69px no-repeat; } #leftCol #usedSearch .domContent .typeSearch a#large:hover { background:url(../images/layup/spriteTypeSearch.gif) -200px -69px no-repeat; } #leftCol #usedSearch .domContent .typeSearch a#mpv { background:url(../images/layup/spriteTypeSearch.gif) 0 -92px no-repeat; } #leftCol #usedSearch .domContent .typeSearch a#mpv:hover { background:url(../images/layup/spriteTypeSearch.gif) -200px -92px no-repeat; } #leftCol #usedSearch .domContent .typeSearch a#fourByFour { background:url(../images/layup/spriteTypeSearch.gif) 0 -115px no-repeat; } #leftCol #usedSearch .domContent .typeSearch a#fourByFour:hover { background:url(../images/layup/spriteTypeSearch.gif) -200px -115px no-repeat; } #leftCol #usedSearch .domContent .typeSearch a#convertible { background:url(../images/layup/spriteTypeSearch.gif) 0 -138px no-repeat; margin-bottom:0px; } #leftCol #usedSearch .domContent .typeSearch a#convertible:hover { background:url(../images/layup/spriteTypeSearch.gif) -200px -138px no-repeat; } #leftCol #usedSearch .domContent .domContent { background:none; } #leftCol #usedSearch .domContent .domContent div { margin:10px auto 0 26px; } #leftCol #usedSearch .domContent .domContent div select { width:166px; border:1px solid #fff; color:#fff; text-align:center; background:#0b7bc2; } #leftCol #usedSearch .domContent .domContent a.btnAdvancedSearch { width:220px; height:26px; } #leftCol #usedSearch .domContent #vanSearch { } #leftCol #usedSearch .domContent #vanSearch { background:none; } #leftCol #usedSearch .domContent #vanSearch div { margin:10px auto 0 26px; } #leftCol #usedSearch .domContent #vanSearch div select { width:166px; border:1px solid #fff; color:#fff; text-align:center; background:#0b7bc2; } #leftCol #usedSearch .domContent #vanSearch .typeSearch a#small { background:url(../images/layup/spriteVanType.gif) 0 0 no-repeat; } #leftCol #usedSearch .domContent #vanSearch .typeSearch a#small:hover { background:url(../images/layup/spriteVanType.gif) -200px 0 no-repeat; } #leftCol #usedSearch .domContent #vanSearch .typeSearch a#medium { background:url(../images/layup/spriteVanType.gif) 0 -23px no-repeat; } #leftCol #usedSearch .domContent #vanSearch .typeSearch a#medium:hover { background:url(../images/layup/spriteVanType.gif) -200px -23px no-repeat; } #leftCol #usedSearch .domContent #vanSearch .typeSearch a#large { background:url(../images/layup/spriteVanType.gif) 0 -46px no-repeat; } #leftCol #usedSearch .domContent #vanSearch .typeSearch a#large:hover { background:url(../images/layup/spriteVanType.gif) -200px -46px no-repeat; } #leftCol #usedSearch .domContent .budgetText { margin:0px !important; padding:10px 25px ; } #leftCol #usedSearch .domContent #budgetLimit { width:67px; height:23px; border:1px solid #fff; background:#0b7bc2; color:#fff; font-size:18px !important; } #leftCol #usedSearch .box { padding: 50px 0px 0px 20px; } #leftCol #usedSearch #vehicleOptions { background: url(../images/layup/usedSearchBgInternal.jpg) no-repeat; padding: 0px 15px 10px 0px; } #leftCol #usedSearch #vehicleOptions div { float: none !important; padding: 10px 0px 0px 11px; } #leftCol #usedSearch #vehicleOptions select { float: none !important; } #leftCol #usedSearch #searchType { font-weight: bold; } #leftCol #usedSearch p { padding: 0px 0px 5px 0px !important; } #leftCol #usedSearch #searchType a { display: block; width: 77px; height: 21px; background: url(../images/layup/spriteCarsVans.gif) no-repeat; } #leftCol #usedSearch #searchType a span { display: none; } #leftCol #usedSearch #searchType .radioCars a { background: url(../images/layup/spriteCarsVans.gif) bottom left no-repeat; float: left; } #leftCol #usedSearch #searchType .radioVans a { background: url(../images/layup/spriteCarsVans.gif) bottom right no-repeat; float: left; } #leftCol #usedSearch #searchType .radioCars a.active { background: url(../images/layup/spriteCarsVans.gif) top left no-repeat; } #leftCol #usedSearch #searchType .radioVans a.active { background: url(../images/layup/spriteCarsVans.gif) top right no-repeat; } #leftCol #usedSearch #searchType .radioCars a:hover { background: url(../images/layup/spriteCarsVans.gif) top left no-repeat; } #leftCol #usedSearch #searchType .radioVans a:hover { background: url(../images/layup/spriteCarsVans.gif) top right no-repeat; } #leftCol .box { margin: 17px 0px 0px 0px; position: relative; } #leftCol .box #stockPosition { position: absolute; top: 15px; left: 220px; } #leftCol .box #latestCarPosition { position: absolute; top: -73px; left: -29px; } #leftCol .latestCarOffers a { cursor: pointer; display: block; width: 220px; height: 193px; background: url(../images/layup/leftJumpLatestCar.jpg) no-repeat; color: #FFF; text-decoration: none; font-weight: normal; } #leftCol .latestCarOffers a span { display: block; padding: 129px 10px 0px 20px; } #leftCol .box.saveCompare { width:221px; height:242px; background:url(../images/layup/saveCompareBg.jpg) no-repeat left top; } #leftCol .box.saveCompare .padding { width:188px; /* WIDTH FOR IE6 */ padding:53px 16px 0; } #leftCol .box.saveCompare .thumb { width:88px; height:66px; background:url(../images/layup/saveCompareThumbBg.jpg) no-repeat left top; margin:0 0 12px; } #leftCol .box.saveCompare .btns { padding:7px 8px 0 22px; } #rightCol { float: right; width: 694px; padding: 0px 12px 0px 0px; } #rightCol #carDetails { width: 344px; background:url(../images/layup/carDetailsBg.jpg) left top no-repeat; float:left; margin-left:9px; } #rightCol #carDetails #vehicleName { width:205px; padding:9px 0 5px 21px; font-size:24px; color:#292929; float:left; line-height:25px; } #rightCol #carDetails #vehicleName .subName { font-size:14px; } #rightCol #carDetails .btnPrint{ float:right; padding:9px 11px 0 0; } #rightCol #carDetails #vehiclePrice { padding-left:21px; font-size:12px; color:#292929; width:312px; position:relative; top:-15px; } #rightCol #carDetails #vehiclePrice .was { font-weight:bold; color:#000; font-size:12px; } #rightCol #carDetails #vehiclePrice .was span { color:#af1019; } #rightCol #carDetails #vehiclePrice .now { font-weight:bold; color:#000; font-size:12px; } #rightCol #carDetails #vehiclePrice .now strong { color:#0c94ea; font-size:24px;} #rightCol #carDetails #vehiclePrice .save { font-weight:bold; color:#000; font-size:12px; } #rightCol #carDetails #vehiclePrice .save span { color:#af1019; } #rightCol #carDetails #located { padding-left:21px; position:relative; top:-15px; clear:left; font-size:14px; line-height:20px; } #rightCol #carDetails #located .call { font-size:24px; color:#0c94ea; font-weight:bold; } #rightCol #carDetails #greyBottom {background:url(../images/layup/carDetailsBottom.gif) left bottom no-repeat; width:344px; height:50px;} #rightCol #carDetails #blueSection { width:344px; background:url(../images/layup/blueSectionBg.gif) repeat-y; font-size:12px; color:#c7dfee; } #rightCol #carDetails #blueSection .padding { padding:10px 6px;} #rightCol #carDetails #blueSection .co2 { background:url(../images/layup/ratingBg.gif) no-repeat; width:312px; padding:6px; height:17px; color:#fff; } #rightCol #carDetails #blueSection .info { padding:5px 0 0 6px; line-height:20px;} #rightCol #carImages { float:left; } #rightCol #carImages #largeImage { position:relative; width: 324px; height: 216px; float:left; background:url(../images/layup/noImage324x216.jpg) no-repeat; } #rightCol #carImages #largeImage .frame { left:0; position:absolute; top:0;} #rightCol #carImages #largeImage .zoom { position:absolute; left:10px; bottom:10px; } #rightCol #carImages #thumbnails { overflow:hidden; float: left; clear:left; width: 324px; height: 64px; margin-top:18px; position:relative; } #rightCol #carImages #thumbnails #thumbContain { width:3000px; height:64px; position:absolute; top:0px; left:0px;} #rightCol #carImages #thumbnails #thumbContain .thumb { display:block; float: left; position:relative; width:96px; height:64px; margin:0 3px; } #rightCol #carImages #thumbnails #thumbContain .thumb .frame { display:block; position:absolute; top:0px; left:0px; } #rightCol #carImages #thumbnails .leftArrow { position:absolute; top:0px; left:0px; z-index:999; } #rightCol #carImages #thumbnails .rightArrow { position:absolute; top:0px; right:0px; z-index:999; } #thumbPrint { display:none; } #rightCol #dealerLocation { width: 696px; height: 322px; background: url(../images/layup/locationsBg.gif) no-repeat; } #rightCol #dealerLocation .padding { padding: 36px 12px 65px 12px; } #rightCol #dealerLocation img { border: 4px solid #FFF; } #rightCol #dealerLocation #dealerImage { float: right; } #rightCol #addressDetails { width: 345px; float: left; padding-left: 10px; padding-top: 10px; } #rightCol #openingHours { float: left; padding-top: 10px; } #rightCol #dealerContact { background: #f3f3f3; border: 1px solid #cccccc; padding: 30px; margin-bottom: 20px; } #rightCol #dealerContact h2 { padding: 0px 0px 0px 0px; } #rightCol #dealerContact fieldset { padding: 0px 30px 0px 30px; } #rightCol #seoLocationLinksArea { background: #f3f3f3; border: 1px solid #cccccc; padding: 5px 10px 5px 10px; margin-bottom: 20px; } #rightCol #seoLocationLinksArea ul { padding: 0px; margin: 0px; list-style: none; } #rightCol #seoLocationLinksArea ul li { float: left; margin-right: 10px; } /* ----- CLASSES ----- */ .clear { clear:both; } .clearSmall { clear: both; display: block; font-size: 0px; height: 0px; line-height: 0px; } .hide { display:none; } .show { display:block; } .printShow { display:none; } .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; padding:0 0 15px 15px; } .image_left { float:left; padding:0 15px 15px 0; } .image_center { margin:0 auto;} .hand { cursor:pointer;} .title { padding: 0px 0px 10px 0px; } .cmsInternalImage { float: right; border: 13px solid #f8f7d3; margin: 0px 0px 15px 15px;} .white { color: #fff; } /* ----- FRAMES / LISTS ----- */ #usedList {} #usedList .listItem { color: #FFF; margin: 10px 0px 10px 0px; background:url(../images/layup/usedListBg.gif) left top no-repeat; } #usedList .listItem .padding { padding:5px 9px; } #usedList .listItem a { display: block; text-decoration: none; font-weight: normal; cursor: pointer; color: #FFF; } #usedList .listItem span { display: block; } #usedList .listItem .itemImage { float: left; position:relative; width:171x; height:113px; margin-right:3px; background:url(../images/layup/noImage171x113.jpg) no-repeat; width:171px; } #usedList .listItem .itemImage .frame { position:absolute; top:-1px; left:-1px; } #usedList .listItem .itemImage img.offer { border: none !important; } #usedList .listItem .itemImage .special { position:absolute; top:0px; left:0px; } #usedList .listItem .itemDetails { width: 502px; float: left; min-height: 134px; } #usedList .listItem .itemDetails .itemHeading { background:url(../images/layup/itemHeadingBg.gif) left top no-repeat; width:502px; height:30px; } #usedList .listItem .itemDetails .itemHeading span { color:#000; font-weight:bold; padding:7px; display:block; overflow:hidden; height:13px; width:360px;} #usedList .listItem .itemDetails .itemDescription { padding: 0px 7px 0px 7px; } #usedList .listItem .itemDetails .itemDescription span { display: block; float: left; width: 200px; font-size: 1.1em; background: url(../images/layup/itemDescriptionBullet.gif) 0px 9px no-repeat; padding:2px 0 1px 10px; } #usedList .listItem .itemDetails .itemPrice { float:left; font-weight: bold; font-size: 13px; text-transform:uppercase; padding: 4px 0px 1px 7px; } #usedList .listItem .itemDetails .rating { float:right; width:314px; height:19px; background:url(../images/layup/ratingBg.gif) left top no-repeat; padding:5px; color:#fff; font-size:12px; } #usedList .listItem .itemDetails .rating span { float:left; margin-right:13px; display:inline;} #usedList .listItem .itemDetails .rating span.last { margin-right:0px !important; } #usedList .listItem .capContain { background:url(../images/layup/capContainBg.gif) repeat-y; width:694px; padding:0px 0px 5px; } #usedList .listItem .capContain table { width:678px; margin-left:8px;} #usedList .listItem .capContain th { padding:0px 5px 5px; color:#000; text-align:center;} #usedList .listItem .capContain td { padding:5px; color:#000; border-top:1px solid #d7d7d7; text-align:center; } #usedList .listItem .capContain .noBorder { border:none !important; } #usedList .listItem .capContain td span { display:inline; } #usedList .listItem .btnContain { background:#fff; height:26px; } #usedList .listItem .btnContain .btn { float:right; margin-right:10px; display:inline; } #usedList .spacer { background:url(../images/layup/dotsH.gif) repeat-x; width:684px; margin-left:4px; height:1px; } #offersList { padding-top: 0px; } #offersList .domHeadings { padding: 0; margin: 0px 0px 10px 0px; list-style: none; border-bottom: 11px solid #a70a11; height: 42px; } #offersList .domHeadings li { display:inline !important; } #offersList .domHeadings a { float: left; margin-right: 5px; display:inline !important; } #offersList a#tabCarOffers { display: block; width: 170px; height: 42px; background: url(../images/layup/spriteOfferTabs.gif) 0px 0px no-repeat; } #offersList a#tabCarOffers:hover { background: url(../images/layup/spriteOfferTabs.gif) 0px -42px no-repeat; } #offersList .active a#tabCarOffers { background: url(../images/layup/spriteOfferTabs.gif) 0px -42px no-repeat; } #offersList a#tabVanOffers { display: block; width: 170px; height: 42px; background: url(../images/layup/spriteOfferTabs.gif) -175px 0px no-repeat; } #offersList a#tabVanOffers:hover { background: url(../images/layup/spriteOfferTabs.gif) -175px -42px no-repeat; } #offersList .active a#tabVanOffers { background: url(../images/layup/spriteOfferTabs.gif) -175px -42px no-repeat; } #offersDetail08-09 { width:694px; height:246px; color:#FFF; background:url(../images/layup/offerDetailBg.jpg) no-repeat; margin:0 0 25px 0; } #offersDetail08-09 .padding { padding:12px 11px 0 11px; } #offersDetail08-09 .thumb { width:296px; height:222px; float:left; } #offersDetail08-09 .model { width:331px; font-size:30px; font-weight:bold; text-transform:uppercase; padding:10px 0 20px 0; float:right; } #offersDetail08-09 .description { width:331px; font-size:24px; font-weight:bold; float:right; } /* ----- SAVE & COMPARE TABLE */ #frmComparison { margin:0 0 20px; } #frmComparison p { padding:0 0 20px; } #frmComparison div { margin:0 0 10px; } #frmComparison label { width:150px; } #frmComparison input { width:205px; } #frmComparison .btnSubmit { width:125px; height:34px; } #tblSaveCompare { width:694px; } #tblSaveCompare thead {} #tblSaveCompare tfoot {} #tblSaveCompare tfoot td { background:none; padding:10px 0; } #tblSaveCompare tbody tr {} #tblSaveCompare tbody tr td { font-size:11px; color:#fff; text-align:center; font-weight:bold; background:#0c94ea; } #tblSaveCompare thead td.tl { width:157px; } #tblSaveCompare thead td .thumb { position:relative; padding:8px; } #tblSaveCompare thead td .thumb .frame { position:absolute; left:0; top:0; } #tblSaveCompare tr td.padding { border-left:1px solid #054873; border-right:1px solid #054873; padding:0 6px; } #tblSaveCompare tr td.heading { width:147px; height:29px; text-align:left; font-size:12px; color:#000; background:url(../images/layup/saveComareTblColHeadingBg.gif) no-repeat left top !important; padding:0 0 0 10px; } #tblSaveCompare tr td.heading.top { height:36px; background:url(../images/layup/saveCompareTblColTop.gif) no-repeat left top !important; } #tblSaveCompare tr td.heading.btm { height:26px; background:url(../images/layup/saveCompareTblColBtm.gif) no-repeat left bottom !important; } #tblSaveCompare tr.altRow td { background:#0b7bc2; } /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;} h1 { font-size: 1.2em; } /* ----- TOP NAVIGATION ----- */ #primaryNav { position: relative; height: 55px; margin-top: -29px; margin-bottom:10px; } #primaryNav #primaryNavBg { background: url(../images/layup/navBg.jpg); margin: 0px 9px 0px 9px; height: 55px; z-index: 999; width: 941px; position: absolute; top: 0px; left: 0px; } #primaryNav #navShadowTop { position: absolute; top: -14px; left: 0px; z-index: 99; } #primaryNav #navShadowBottom { position: absolute; bottom: -14px; left: 0px; z-index: 99; } #primaryNav ul { list-style: none; margin: 0; padding: 0; position: absolute; top: 9px; left: 8px; } #primaryNav li { float: left; text-transform: uppercase; } #primaryNav li a { text-decoration: none; color: #FFF; font-weight: bold; font-size: 14px; display: block; float: left; padding: 8px 15px 10px 15px; } #primaryNav li a:hover, #primaryNav li.active a { background: url(../images/layup/navActive.gif) center top no-repeat; color: #333333; } #primaryNav li.last a { padding: 8px 14px 10px 14px; } /*SAFARI HACK*/ /*VISIT: http://www.stormdetector.com/hacks/safarihack.html*/ /*PADDING 1 - SAFARI*/ /*PADDING 2 - IE7*/ /*PADDING 3 - IE6*/ /*\*/ html*#primaryNav a { [color:white; padding: 8px 15px 10px 15px; ]padding: 8px 15px 10px 15px; }/*end*/ .dummyend[id]{clear:both;} /*\*/ * html #primaryNav a { padding: 8px 15px 10px 15px; } /*end*/ /* ----- 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 { padding: 20px 0px 5px 0px; margin: 0px 0px 10px 0px; background: url(../images/layup/dotsH.gif) repeat-x bottom; } #breadcrumbs a { font-weight: bold; text-transform: uppercase; text-decoration: none; } #breadcrumbs span { color: #666666; font-weight: bold; text-transform: uppercase; } #pagination { float: right; padding: 20px 0px 0px 0px; } #pagination a:hover.prev, #pagination a:hover.next { background: none; color: #000; text-decoration: underline; } #pagination a { padding: 0px 4px 0px 4px; text-decoration: none; } #pagination a:hover { text-decoration: none; background:#0856a8; color:#FFFFFF; } #pagination .active { text-decoration: none; background:#0856a8; color:#FFFFFF; } #pagination span { display: block; float: left; padding: 0px 2px 0px 2px; } #paginationBottom { float: right; padding: 10px 0px 10px 0px; } #paginationBottom a:hover.prev, #pagination a:hover.next { background: none; color: #000; text-decoration: underline; } #paginationBottom a { padding: 0px 4px 0px 4px; text-decoration: none; } #paginationBottom a:hover { text-decoration: none; background:#0856a8; color:#FFFFFF; } #paginationBottom .active { text-decoration: none; background:#0856a8; color:#FFFFFF; } #paginationBottom span { display: block; float: left; padding: 0px 2px 0px 2px; } /* ----- FOOTER ----- */ #footer { height: 146px; background: url(../images/layup/footerBg.jpg) no-repeat; margin-bottom: 20px; color: #FFF; } #footer .padding { padding: 7px 22px 0px 22px; } #footer a { font-weight:normal; text-decoration:none; color: #FFF; } #footer a:hover { text-decoration:underline;} #footer div a { text-decoration:none;} /* ----- 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; } a:hover { text-decoration:none; } /* ----- FORMS ----- */ form { padding:0; margin:0; } fieldset { padding:0; margin:0; border:0px none; display:inline; } legend { padding:0; margin:0; display:none; } label { display:block; width:260px; float:left; } input, textarea { width:200px; font-size:11px !important;} .requiredLabel { color:#a00a10;} .required { color:#a00a10;} .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;} #searchForm { margin-bottom:15px;} #searchForm p { padding:7px 0;} #searchForm select { width:204px;} #searchForm div { margin-bottom:10px;} #btnSubmit { width:125px !important; height:34px !important; border:none;} #submit { width:125px; height:34px; border:none;} #btnStartSearch { width: 128px; height: 23px; margin:7px 0 0 25px; display:block; } #vehicleOptions select { width: 160px; float: left; background: #890c14; border: 2px solid #FFF; color: #FFF; } #vehicleOptions div { padding: 8px 0px 0px 9px; float: left; } #sortOptions { background: #0789e9 url(../images/layup/dotsH2px.gif) repeat-x bottom; margin-top: -9px; height: 32px; } #sortOptions #sortForm { float: right; padding: 5px 2px 1px 0px; } #sortOptions #sortForm label { width: 52px; font-weight: bold; padding: 1px 0px 0px 0px; } #sortOptions #sortForm select { background: #f9ca00; } #sortForm label { float: right; } #sortForm form { float: right; } .advancedSearch { color:#fff; margin-left:63px; font-weight:normal; float:left; } /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #a00a10; color : #FF3300; } input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; } .validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #a00a10; color : #FFF; font-weight: bold; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } /* ----- DOM TABS ----- */ #usedVehicleDetails { margin-top:10px; width:674px;} #usedVehicleDetails .domHeadings { height:31px; padding:0px; margin:0px; background:url(../images/layup/usedTabBg.gif) repeat-x; } #usedVehicleDetails .domHeadings li { list-style:none; float:left; height:31px; } #usedVehicleDetails .domHeadings li a { display:block; width:103px; height:31px; margin-right:1px; outline:none; } #usedVehicleDetails .domHeadings li a#overview { background:url(../images/layup/spriteUsedTabs.gif) 0 -31px;} #usedVehicleDetails .domHeadings li a#overview:hover { background:url(../images/layup/spriteUsedTabs.gif) 0 0;} #usedVehicleDetails .domHeadings li.active a#overview { background:url(../images/layup/spriteUsedTabs.gif) 0 0;} #usedVehicleDetails .domHeadings li a#spec { background:url(../images/layup/spriteUsedTabs.gif) -104px -31px;} #usedVehicleDetails .domHeadings li a#spec:hover { background:url(../images/layup/spriteUsedTabs.gif) -104px 0;} #usedVehicleDetails .domHeadings li.active a#spec { background:url(../images/layup/spriteUsedTabs.gif) -104px 0;} #usedVehicleDetails .domHeadings li a#finance { background:url(../images/layup/spriteUsedTabs.gif) -208px -31px;} #usedVehicleDetails .domHeadings li a#finance:hover { background:url(../images/layup/spriteUsedTabs.gif) -208px 0;} #usedVehicleDetails .domHeadings li.active a#finance { background:url(../images/layup/spriteUsedTabs.gif) -208px 0;} #usedVehicleDetails .domHeadings li a#warranty { background:url(../images/layup/spriteUsedTabs.gif) -312px -31px;} #usedVehicleDetails .domHeadings li a#warranty:hover { background:url(../images/layup/spriteUsedTabs.gif) -312px 0;} #usedVehicleDetails .domHeadings li.active a#warranty { background:url(../images/layup/spriteUsedTabs.gif) -312px 0; } #usedVehicleDetails .domHeadings li a#technical { background:url(../images/layup/spriteUsedTabs.gif) -416px -31px;} #usedVehicleDetails .domHeadings li a#technical:hover { background:url(../images/layup/spriteUsedTabs.gif) -416px 0;} #usedVehicleDetails .domHeadings li.active a#technical { background:url(../images/layup/spriteUsedTabs.gif) -416px 0;} #usedVehicleDetails .domHeadings li a#additionalInfo { background:url(../images/layup/spriteUsedTabs.gif) -520px -31px; width: 105px;} #usedVehicleDetails .domHeadings li a#additionalInfo:hover { background:url(../images/layup/spriteUsedTabs.gif) -520px 0;} #usedVehicleDetails .domHeadings li.active a#additionalInfo { background:url(../images/layup/spriteUsedTabs.gif) -520px 0;} #usedVehicleDetails .domContent { background:url(../images/layup/usedTabContentBg.gif) repeat-y ; color:#fff; margin-bottom:20px; } #usedVehicleDetails .domContent table { width:100%; } #usedVehicleDetails .domContent td { color:#fff; font-size:12px; padding:7px 10px; background:url(../images/layup/usedDetailsTdBg.gif) top right repeat-y #0b82ce; } #usedVehicleDetails .dt2 .title { width:100%; padding:5px 0 5px 5px; font-size:11px; font-weight:bold; color:#000; background:#fef500; margin:0 0 10px; } #usedVehicleDetails .dt2 table { margin:0 0 10px; } #usedVehicleDetails .dt2 table tr td { padding:5px 0 5px 5px; color:#fff; font-weight:bold; background:none; font-size:11px; } #usedVehicleDetails .dt2 table tr.altRow td { background:#0b82ce; } #usedVehicleDetails .dt3 td { color:#fff; font-size:12px; padding:7px 10px; background: none; padding: 3px 10px; } #usedVehicleDetails .domContent #financeCalculator { width: 245px; float:left; } #usedVehicleDetails .domContent td.noBorder { background:#0b82ce !important; } #usedVehicleDetails .domContent table#finance td { font-size:11px; } #usedVehicleDetails .domContent .hirePurchaseInfo { padding:5px 0 5px 10px; float:left; width:165px; } #usedVehicleDetails .domContent .apr { float:right; font-size:16px; font-weight:bold; padding:5px 5px 0 0; } #usedVehicleDetails .domContent .smallFont { font-size:10px; padding:0 5px 5px; display:block; } #usedVehicleDetails .domContent .btnApply { float:right; padding:5px; } #usedVehicleDetails .domContent #financeForm { padding:5px 0; margin:0 15px 0 0; float:right; } #usedVehicleDetails .domContent #financeForm div { margin:0 0 10px; } #usedVehicleDetails .domContent #financeForm label { width:100px; } #usedVehicleDetails .domContent #financeForm input { width:200px; } #usedVehicleDetails .dt5 td .float_left, #usedVehicleDetails .dt5 td .float_right { display: block; padding-top: 6px; } #usedVehicleDetails .domContent .technicalItem { float: left; width: 218px; margin-bottom: 6px; } #usedVehicleDetails .domContent .technicalItem .title { float: left; padding: 6px 0px 0px 0px !important; font-size: 0.9em; } #usedVehicleDetails .domContent .technicalItem .detail { float: right; text-align: right; font-weight: bold; padding: 6px 10px 0px 0px !important; font-size: 0.9em; } #usedVehicleDetails .domContent .icon { float: left; width: 28px; height: 28px; background: url(../images/layup/iconSet.gif) no-repeat; margin-right: 12px; } #usedVehicleDetails .domContent .iconFuel { background-position: 0px 0px; } #usedVehicleDetails .domContent .iconTrans { background-position: -28px 0px; } #usedVehicleDetails .domContent .iconWidth { background-position: -56px 0px; } #usedVehicleDetails .domContent .iconLength { background-position: 0px -28px; } #usedVehicleDetails .domContent .iconTank { background-position: -28px -28px; } #usedVehicleDetails .domContent .iconEngine { background-position: -56px -28px; } #usedVehicleDetails .domContent .iconBoot { background-position: 0px -56px; } #usedVehicleDetails .domContent .iconIns { background-position: -28px -56px; } #usedVehicleDetails .domContent .iconMPG { background-position: -56px -56px; } #usedVehicleDetails .domContent .iconCO2 { background-position: 0px -84px; } #usedVehicleDetails .domContent .iconTow { background-position: -28px -84px; } #usedVehicleDetails .domContent .iconSpeed { background-position: -56px -84px; } #usedVehicleDetails .domContent .iconTaxBand { background-position: 0px -112px; } #usedVehicleDetails .domContent .iconTax { background-position: -28px -112px; } #usedVehicleDetails .domContent .iconNCAP { background-position: -56px -112px; } #usedVehicleDetails .domContent .iconLoadLength { background-position: 0px -28px; } #usedVehicleDetails .domContent .iconLoadWidth { background-position: -56px 0px; } #usedVehicleDetails .domContent .iconLoadHeight { background-position: -56px -140px; } #usedVehicleDetails .domContent .iconTrainWeight { background-position: 0px -140px; } #usedVehicleDetails .domContent .iconGrossWeight { background-position: 0px -140px; } #usedVehicleDetails .domContent .iconLoadVolume { background-position: -28px -140px; } #usedVehicleApproved {display:none;} #financeCalculator { padding:5px; } #financeCalculator fieldset { width:100%; } #financeCalculator label { width:auto; margin-right:5px; position:relative; top:7px; } #financeCalculator select { margin-top:6px; } #financeCalculator div { margin-right:10px; } #financeCalculator input { width:95px; margin-top:6px; } /* ----- RELATED VEHICLES ----- */ #relatedVehicles {} #relatedVehicles .box { float:left; margin:20px 80px 20px 0px; width:171px; } #relatedVehicles .box.last { margin-right:0px !important; } #relatedVehicles .box a { font-weight:normal; text-decoration:none; } #relatedVehicles .box span { display:block; } #relatedVehicles .box .thumb { float: left; position:relative; width:171x; height:113px; margin-right:3px; } #relatedVehicles .box .thumb .frame { position:absolute; top:-1px; left:-1px; } #relatedVehicles .box .title { font-weight:bold; color:#494949; font-size:16px; padding:5px 0px; clear:left; } #relatedVehicles .box .text { font-size:11px; } #relatedVehicles .box .text .btnMore { float:right; width:66px; height:30px; margin-left:10px; margin-top:10px; position:relative; top:-30px; } /* ------ NEW USED CAR JUMPS MARCH 2010 ----- */ #rightCol #usedOptions { padding:15px 0 0; position:relative; height:70px; } #rightCol #usedOptions a { float:left; display:block; height:70px; width:134px; margin-right:2px; } #rightCol #usedOptions a#contactUs { background:url(../images/layup/spriteUsedOptions.gif) 0 0 no-repeat;} #rightCol #usedOptions a#share { background:url(../images/layup/spriteUsedOptions.gif) -136px 0 no-repeat; } #rightCol #usedOptions a#saveCompare { background:url(../images/layup/spriteUsedOptions.gif) -271px 0 no-repeat; } #rightCol #usedOptions a#directions { background:url(../images/layup/spriteUsedOptions.gif) -407px 0 no-repeat; } #rightCol #usedOptions a#callBack { background:url(../images/layup/spriteUsedOptions.gif) -542px 0 no-repeat; margin-right:0px;} #socialJumps { position: absolute; top: 300px; left: 945px; z-index: 9999999; } #socialJumps #frameClose { position: absolute; top: 15px; left: 435px; display: block; width: 50px; height: 20px; background: url(../images/layup/ie6LinkFix.gif); } #socialJumps #jumpTwitter { position: absolute; top: 69px; left: 186px; display: block; width: 295px; height: 55px; background: url(../images/layup/ie6LinkFix.gif); } #socialJumps #jumpFacebook { position: absolute; top: 140px; left: 186px; display: block; width: 295px; height: 55px; background: url(../images/layup/ie6LinkFix.gif); } #rightCol #usedOptions #shareThisContainer { width:497px; height:231px; position:absolute; right:0; top:-38px; z-index:99999; } #rightCol #usedOptions #shareThisContainer img { float:none; } #rightCol #usedOptions #shareThisContainer .padding { width:497px; height:231px; display:block; position:relative; } #rightCol #usedOptions #shareThisContainer .padding a { background:url(../images/layup/ie6LinkFix.gif) repeat; position:absolute; display:block; } #rightCol #usedOptions #shareThisContainer .padding a.btnClose { width:43px; height:9px; left:431px; top:21px; } #rightCol #usedOptions #shareThisContainer .padding a.btnEmail { width:294px; height:55px; left:181px; top:69px; } #rightCol #usedOptions #shareThisContainer .padding a.btnFacebook { width:294px; height:55px; left:181px; top:141px; } /* ----- HOMEPAGE MARCH 2010 ----- */ #leftCol #chooseVehicle { width:220px; height:220px; padding-top:40px; background:url(../images/layup/chooseVehicleBg.gif) no-repeat; } #leftCol #chooseVehicle a { float:left; display:block; height:56px; width:106px; outline:none; } #leftCol #chooseVehicle #cars { height:180px; padding:0 0 0 8px;} #leftCol #chooseVehicle #vans { height:180px; padding:0 0 0 8px;} #leftCol #chooseVehicle #small { background:url(../images/layup/spriteChooseCar.gif) 0 0 no-repeat; } #leftCol #chooseVehicle #medium{ background:url(../images/layup/spriteChooseCar.gif) -102px 0 no-repeat; } #leftCol #chooseVehicle #estate { background:url(../images/layup/spriteChooseCar.gif) 0 -56px no-repeat; } #leftCol #chooseVehicle #large { background:url(../images/layup/spriteChooseCar.gif) -102px -56px no-repeat; } #leftCol #chooseVehicle #mpv { width:100px; background:url(../images/layup/spriteChooseCar.gif) 0 -112px no-repeat; } #leftCol #chooseVehicle #fourXFour { width:112px; background:url(../images/layup/spriteChooseCar.gif) -96px -112px no-repeat; } #leftCol #chooseVehicle #small:hover { background:url(../images/layup/spriteChooseCar.gif) 0 -168px no-repeat; } #leftCol #chooseVehicle #medium:hover{ background:url(../images/layup/spriteChooseCar.gif) -102px -168px no-repeat; } #leftCol #chooseVehicle #estate:hover { background:url(../images/layup/spriteChooseCar.gif) 0 -224px no-repeat; } #leftCol #chooseVehicle #large:hover { background:url(../images/layup/spriteChooseCar.gif) -102px -224px no-repeat; } #leftCol #chooseVehicle #mpv:hover { width:100px; background:url(../images/layup/spriteChooseCar.gif) 0 -280px no-repeat; } #leftCol #chooseVehicle #fourXFour:hover { width:112px; background:url(../images/layup/spriteChooseCar.gif) -96px -280px no-repeat; } #leftCol #chooseVehicle #smallVan { background:url(../images/layup/spriteChooseVan.gif) 0 0 no-repeat; margin-bottom:5px; } #leftCol #chooseVehicle #mediumVan{ background:url(../images/layup/spriteChooseVan.gif) -102px 0 no-repeat; margin-bottom:5px; } #leftCol #chooseVehicle #largeVan { background:url(../images/layup/spriteChooseVan.gif) 0 -56px no-repeat; margin-bottom:5px; } #leftCol #chooseVehicle #smallVan:hover { background:url(../images/layup/spriteChooseVan.gif) 0 -113px no-repeat; } #leftCol #chooseVehicle #mediumVan:hover{ background:url(../images/layup/spriteChooseVan.gif) -102px -113px no-repeat; } #leftCol #chooseVehicle #largeVan:hover { background:url(../images/layup/spriteChooseVan.gif) 0 -169px no-repeat; } #leftCol #chooseVehicle #tabs { float:right; } #leftCol #chooseVehicle #tabCar { width:78px; height:24px; background:url(../images/layup/spriteChooseCarTabs.gif) left bottom no-repeat; } #leftCol #chooseVehicle #tabVans{ width:78px; height:24px; background:url(../images/layup/spriteChooseCarTabs.gif) right top no-repeat; } #leftCol #chooseVehicle #tabCar.active { width:78px; height:24px; background:url(../images/layup/spriteChooseCarTabs.gif) left top no-repeat; } #leftCol #chooseVehicle #tabVans.active { width:78px; height:24px; background:url(../images/layup/spriteChooseCarTabs.gif) right bottom no-repeat; } #rightCol #bannerContain { margin-top:24px; float:left; width:501px; height:238px; position:relative; } #rightCol #bannerContain .btnPrev { position:absolute; top:83px; left:16px; z-index:15; } #rightCol #bannerContain .btnNext { position:absolute; top:83px; left:447px; z-index:15; } #rightCol #bannerContain #banner { width:501px; height:238px; position:relative; float:left; overflow: auto; } #rightCol #bannerContain #banner .frame { position:absolute; top:0px; left:0px; } #rightCol .usedCarOffer { display:block; font-weight:normal; text-decoration:none; margin-top:24px; width:224px; margin-right:10px; position:relative; float:left; } #rightCol .usedCarOffer a { text-decoration:none; font-weight:normal; } #rightCol .usedCarOffer.last { margin-right:0px !important; } #rightCol .usedCarOffer .thumb { display:block; width:211px; height:122px; padding:12px 0 0 13px; background:url(../images/layup/usedCarOfferBg.jpg) no-repeat; } #rightCol .usedCarOffer .title { display:block; font-weight:bold; padding-top:5px; } #rightCol .usedCarOffer .description { display:block; font-weight:normal; line-height:14px; } #rightCol .usedCarOffer .description .price { display:block; margin-top:10px; font-size:13px; } #fullWidth { padding:0 10px;} #fullWidth .box { float:left; margin-left:15px; margin-bottom:15px; } #fullWidth .box.first { margin-left:0px !important; } #fullWidth .box #stockPosition { position: absolute; top: 15px; left: 220px; } #fullWidth .homeText { padding:0 20px; } #homePageFeedback { width:183px; height:237px; background:url(../images/layup/customerFeedbackBg.gif) no-repeat left top; float:right; margin-top:24px; color:#FFF; } #homePageFeedback .padding { width:149px; height:185px; padding:12px 20px 4px 14px; overflow:hidden; position:relative; } #homePageFeedback .padding .container { height:5000px; } #homePageFeedback .padding .item { margin-bottom:15px; } #homePageFeedback .padding .item .name { font-size:15px; font-weight:bold; text-align:center; } #homePageFeedback .padding .item .text { font-size:18px; line-height:20px; } #homePageFeedback .padding .item .rating { width:125px; height:20px; background:url(../images/layup/spriteRating.gif) no-repeat; margin:0 auto 12px; } #homePageFeedback .padding .item .star0 { background:#0c94ea; } #homePageFeedback .padding .item .star1 { background-position:0 0; } #homePageFeedback .padding .item .star2 { background-position:0 -20px; } #homePageFeedback .padding .item .star3 { background-position:0 -40px; } #homePageFeedback .padding .item .star4 { background-position:0 -60px; } #homePageFeedback .padding .item .star5 { background-position:0 -80px; } #homePageFeedback .btn { width:149px; margin:0 auto; } #feedbackScroller { float:right; width:328px; margin:0 0 40px 40px; } #feedbackScroller .innerBg { background:url(../images/layup/feedbackScrollerTop.gif) no-repeat left top #0c94ea; } #feedbackScroller .innerBg .padding { background:url(../images/layup/feedbackScrollerBtm.gif) no-repeat left bottom; padding:5px 4px 1px 5px; } #feedbackScroller .item { width:319px; color:#FFF; margin:0 0 5px; font-size:12px; } #feedbackScroller .item .rating { width:125px; height:20px; background:url(../images/layup/spriteRatingAlt.gif) no-repeat 0 0; display:block; float:left; margin-right:10px; } #feedbackScroller .item .star0 { width:0px; background:#0645a7; } #feedbackScroller .item .star1 { width:21px; background-position:0 0px; } #feedbackScroller .item .star2 { width:47px; background-position:0 -20px; } #feedbackScroller .item .star3 { width:73px; background-position:0 -40px; } #feedbackScroller .item .star4 { width:99px; background-position:0 -60px; } #feedbackScroller .item .star5 { background-position:0 -80px; } #feedbackScroller .item .name { padding-top:3px; } #feedbackScroller .item .top { background:url(../images/layup/testimonialTopSmall.gif) no-repeat left top; padding:10px 13px; width:291px; } #feedbackScroller .item .main { background:url(../images/layup/testimonialBgSmall.gif) repeat-y left top; padding:10px 13px; width:291px; } #feedbackScroller .item .btm { background:url(../images/layup/testimonialBtmSmall.gif) no-repeat left bottom; padding:5px 13px; width:291px; } #feedbackScroller .btns { width:305px; margin:0 auto; } #feedbackScroller .btns a { display:block; float:left; margin:0 0 0 2px; } div.formTitle { font-size:20px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; padding:20px 0 5px; } .feedbackForm { background:url(../images/layup/feedbackFormTop.gif) no-repeat left top #b9111b; } .feedbackForm form { background:url(../images/layup/feedbackFormBtm.gif) no-repeat left bottom; padding:15px 25px; color:#FFF; font-size:12px; font-weight:bold; width:644px; } .feedbackForm form fieldset { width:644px; } .feedbackForm .columnL { width:268px; float:left; } .feedbackForm .columnR { width:352px; float:right; } .feedbackForm label { width:85px; float:left; padding-right:3px; } .feedbackForm input, .feedbackForm select, .feedbackForm textarea { float:left; } .feedbackForm input { width:170px; } .feedbackForm select { width:176px; } .feedbackForm textarea { width:257px; } .feedbackForm .btnSubmit { width:59px !important; height:25px !important; float:right; } .feedbackForm .formItem { padding-bottom:10px; } .feedbackForm .formItem a { display:block; float:left; } .feedbackForm .formItem a#star1Rating { display:block; width:38px; height:41px; background:url(../images/layup/ratingPoor.gif) no-repeat 0 0; } .feedbackForm .formItem a#star1Rating:hover, .feedbackForm .formItem a#star1Rating.active { background-position:0 -41px; } .feedbackForm .formItem a#star2Rating { display:block; width:44px; height:41px; background:url(../images/layup/ratingFair.gif) no-repeat 0 0; } .feedbackForm .formItem a#star2Rating:hover, .feedbackForm .formItem a#star2Rating.active { background-position:0 -41px; } .feedbackForm .formItem a#star3Rating { display:block; width:43px; height:41px; background:url(../images/layup/ratingGood.gif) no-repeat 0 0; } .feedbackForm .formItem a#star3Rating:hover, .feedbackForm .formItem a#star3Rating.active { background-position:0 -41px; } .feedbackForm .formItem a#star4Rating { display:block; width:48px; height:41px; background:url(../images/layup/ratingVGood.gif) no-repeat 0 0; } .feedbackForm .formItem a#star4Rating:hover, .feedbackForm .formItem a#star4Rating.active { background-position:0 -41px; } .feedbackForm .formItem a#star5Rating { display:block; width:53px; height:41px; background:url(../images/layup/ratingExcellent.gif) no-repeat 0 0; } .feedbackForm .formItem a#star5Rating:hover, .feedbackForm .formItem a#star5Rating.active { background-position:0 -41px; } #feedbackList h2 { font-size:16px; margin:15px 0 5px; padding:0px; } #feedbackList .item { width:695px; color:#FFF; margin:0 0 10px; font-size:12px; } #feedbackList .item .rating { width:125px; height:20px; background:url(../images/layup/spriteRatingAlt.gif) no-repeat 0 0; display:block; float:left; margin-right:10px; } #feedbackList .item .star0 { width:0px; background:#0645a7; } #feedbackList .item .star1 { width:21px; background-position:0 0px; } #feedbackList .item .star2 { width:47px; background-position:0 -20px; } #feedbackList .item .star3 { width:73px; background-position:0 -40px; } #feedbackList .item .star4 { width:99px; background-position:0 -60px; } #feedbackList .item .star5 { background-position:0 -80px; } #feedbackList .item .name { padding-top:3px; } #feedbackList .item .top { background:url(../images/layup/testimonialTop.gif) no-repeat left top; padding:10px 13px; width:669px; } #feedbackList .item .main { background:url(../images/layup/testimonialBg.gif) repeat-y left top; padding:10px 13px; width:669px; } #feedbackList .item .btm { background:url(../images/layup/testimonialBtm.gif) no-repeat left bottom; padding:5px 13px; width:669px; } #financeCalc { float: right; font-family:Verdana, Arial, Helvetica, sans-serif; width:283px; background:url(../images/layup/financeCalcTop.gif) left top no-repeat; margin-top: 20px; clear: right; color:#cce8eb; margin-left:20px; margin-bottom:20px; } #financeCalc .domtab { } #financeCalc .tabset_tabs { padding: 0; margin:0; list-style:none; } #financeCalc .tabset_tabs li { float:left; margin-right:5px; position:relative; } #financeCalc .tabset_tabs li .calculator { position:absolute; top: -5px; right: 0px; } #financeCalc .tabset_content table { /*border: 5px solid #e1e1e1;*/ } #financeCalc .tabset_content form { } #financeCalc .tabset_content { padding-top:10px; } #financeCalc .tabset_content select { width: 70px; font-size: 11px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; } #financeCalc .tabset_content input { width: 67px; font-size: 11px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; } #financeCalc .tabset_content td { height: 26px; font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; } #financeCalc .tabset_content td#terms { background:url(../images/layup/termsBg.gif) left top no-repeat; height:37px; } #financeCalc .tabset_content td#terms a { font-weight:normal; text-decoration:none; color:#cce8eb; padding-left:10px; } #financeCalc .tabset_content td.monthlyLeft { background:url(../images/layup/financeCalcYellow.gif) left top repeat-y; color:#000 !important; } #financeCalc .tabset_content td.monthlyRight { background:url(../images/layup/financeCalcYellow.gif) right top repeat-y; color:#000 !important; } /* ----- CAR GIVEAWAY ----- */ .imageBanner { margin:0 0 25px; } .carGiveawayForm { float:right; width:206px; padding:25px 33px 23px 33px; background:#1d1a2b; color:#FFF; margin:0 0 30px 30px; } .carGiveawayForm .required { color:#de0005; } .carGiveawayForm form { margin:0px !important; } .carGiveawayForm table td { font-weight:bold; padding:3px 0px; color:#fff; } .carGiveawayForm form label { float:none; width:auto; } .carGiveawayForm form textarea { resize:none; } .carGiveawayThanks { background:#1d1a2b; height:1269px; }