/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : CSS Author : John Davies / john.davies@gforces.co.uk / G-Forces Web Management Ltd PHP Author : Marlon King / marlon.king@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for The Westover Group site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ html { height: 100%; } body { height: 100%; font:62.5%/1.6 "Trebuchet MS", arial, helvetica, sans-serif; margin:0; padding:0; background:#fff url(../images/layup/bodyBg.gif) repeat-x center top; color:#363738; 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% "Trebuchet MS", arial, verdana, helvetica, sans-serif; } 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:935px; min-height: 100%; margin:0 auto; text-align:left; font-size:110%; } * html #container { height: 100%; } #printHeader { display:none;} #header { height: 104px; position: relative; } #logo { position: absolute; top: 0px; left: 0px; } #badgeTelephone { background: url(../images/layup/badgeBg.png) top left no-repeat; width: 421px; height: 93px; position: absolute; top: 0; right: -13px; } #badgeTelephone #telephone { padding: 12px 0px 0px 30px; font-size:0.81em; } #badgeTelephone #telephone .number { line-height: 200%; } #badgeTelephone #telephone .number a { color:#3d3d3d; font-size: 1.4em; font-weight: bold; text-decoration:none; } #badgeTelephone #telephone .number a:hover { text-decoration:underline; } #badgeTelephone #telephone .bigNumber { line-height: 150%; } #badgeTelephone #telephone .bigNumber a { color:#3d3d3d; font-size: 1.5em; font-weight: bold; text-decoration:none; } #badgeTelephone #telephone .bigNumber a:hover { text-decoration:underline; } #badgeTelephone #badge { float: right; padding-right: 32px; padding-top: 9px; } #btnBackToGroup { position: absolute; top: 7px; right: 393px; } #xmasOpening { width:207px; height:74px; position:absolute; right:12px; top:0; } #inner { width: 917px; position: relative; background:#fff; padding: 9px 9px; } #inner .innerBorderLeft { position: absolute; top: -1px; left: -8px; width: 8px; height: 447px; } #inner .innerBorderRight { position: absolute; top: -1px; right: -8px; width: 8px; height: 447px; } #inner .innerBorderTop { position: absolute; top: -7px; right: -6px; } /* ----- HOME ----- */ #fullCol { width: 917px; } #fullCol .borderBottom { height: 10px; width: 897px; } #fullCol .flashJump { padding: 0px 11px 17px 11px; } #fullCol #flashContain { float: right; width:659px; height: 271px; position: relative; margin-bottom: 11px; z-index: 1; overflow: hidden;} #fullCol #flashContain .frame { position: absolute; top: 0; left: 0; } #fullCol #bannerImages { width: 659px; height: 240px; overflow: hidden; } #fullCol #bannerImages #overflowDiv { overflow: hidden; } #fullCol #bannerImages img { float: left; } #fullCol #bannerControls { position: relative; } #fullCol #bannerControls #bannerControlsLinks { position: absolute; top: 0px; left: 240px; height: 20px; padding: 5px 10px; border: 1px solid #929292; border-top: none; } #fullCol #bannerControls #bannerControlsLinks a { display: block; width: 12px; height: 12px; background: url(../images/layup/circle1.gif) no-repeat; float: left; margin: 4px 5px 0px 5px; } #fullCol #bannerControls #bannerControlsLinks a.active { background: url(../images/layup/circle2.gif) no-repeat; } #franchiseHome #flashContain { height: 271px !important; } #franchiseHome #bannerImages { width: 659px; height: 240px; overflow: hidden; } #franchiseHome #bannerImages #overflowDiv { width: 999em; } #franchiseHome #bannerImages img { float: left; } #franchiseHome #bannerControls { height: 30px; position:relative; } #franchiseHome #bannerControls #bannerControlsLinks { position: absolute; top: 0px; left: 240px; height: 20px; padding: 5px 10px; border: 1px solid #929292; border-top: none; } #franchiseHome #bannerControls #bannerControlsLinks a { display: block; width: 12px; height: 12px; background: url(../images/layup/circle1.gif) no-repeat; float: left; margin: 4px 5px 0px 5px; } #franchiseHome #bannerControls #bannerControlsLinks a.active { background: url(../images/layup/circle2.gif) no-repeat; } #usedSearchTabs { display:none; } #fullCol .usedCarSearch { position: relative; float: left; width: 248px; margin-bottom: 11px; } #fullCol .usedCarSearch ul.domtabs { padding: 0; margin: 0; height: 31px; width: 248px; } #fullCol .usedCarSearch ul.domtabs li { list-style: none; float: left; display: block; height: 31px; } #fullCol .usedCarSearch ul.domtabs li span { display: none; } #fullCol .usedCarSearch ul.domtabs a { float: left; height: 31px; } #fullCol .usedCarSearch ul.domtabs a#tabModel { display: block; width: 75px; background: url(../images/layup/spriteUsedCarSearch.gif) 0px 0px no-repeat; padding-right: 5px; } #fullCol .usedCarSearch ul.domtabs a#tabModel:hover { background: url(../images/layup/spriteUsedCarSearch.gif) 0px -31px no-repeat; } #fullCol .usedCarSearch ul.domtabs li.active a#tabModel { background: url(../images/layup/spriteUsedCarSearch.gif) 0px -31px no-repeat; } #fullCol .usedCarSearch ul.domtabs a#tabBudget { display: block; width: 77px; background: url(../images/layup/spriteUsedCarSearch.gif) -80px 0px no-repeat; padding-right: 5px; } #fullCol .usedCarSearch ul.domtabs a#tabBudget:hover { background: url(../images/layup/spriteUsedCarSearch.gif) -80px -31px no-repeat; } #fullCol .usedCarSearch ul.domtabs li.active a#tabBudget { background: url(../images/layup/spriteUsedCarSearch.gif) -80px -31px no-repeat; } #fullCol .usedCarSearch ul.domtabs a#tabLifestyle { display: block; width: 86px; background: url(../images/layup/spriteUsedCarSearch.gif) -162px 0px no-repeat; } #fullCol .usedCarSearch ul.domtabs a#tabLifestyle:hover { background: url(../images/layup/spriteUsedCarSearch.gif) -162px -31px no-repeat; } #fullCol .usedCarSearch ul.domtabs li.active a#tabLifestyle { background: url(../images/layup/spriteUsedCarSearch.gif) -162px -31px no-repeat; } #fullCol .usedCarSearch .tabset_content { background:url(../images/layup/usedStockSearchBg.jpg) top left no-repeat; padding: 46px 12px 0px 12px; height: 163px; } #fullCol .usedCarSearch .budgetSearch { padding: 2px 11px 0px 14px; background:url(../images/layup/usedStockSearchBg2.jpg) top left no-repeat; height: 207px; } #fullCol .usedCarSearch .budgetSearch fieldset { display: block; } #fullCol .usedCarSearch .budgetSearch select { height: 20px; } #fullCol .usedCarSearch .budgetSearch p { padding: 5px 0px 5px 0px; } #fullCol .usedCarSearch .lifeStyleSearch { padding: 10px 11px 0px 14px; background:url(../images/layup/usedStockSearchBg2.jpg) top left no-repeat; height: 199px; } #fullCol .usedCarSearch .lifeStyleSearch .colours {} #fullCol .usedCarSearch .lifeStyleSearch .colours div { float: left; } #fullCol .usedCarSearch .lifeStyleSearch .colours div a { display: block; width: 32px; height: 25px; float: left; background: url(../images/layup/spriteColors.gif) no-repeat; } #fullCol .usedCarSearch .lifeStyleSearch .colours .color1 { background-position: 0px 0px; } #fullCol .usedCarSearch .lifeStyleSearch .colours .color2 { background-position: -32px 0px; } #fullCol .usedCarSearch .lifeStyleSearch .colours .color3 { background-position: -64px 0px; } #fullCol .usedCarSearch .lifeStyleSearch .colours .color4 { background-position: -96px 0px; } #fullCol .usedCarSearch .lifeStyleSearch .colours .color5 { background-position: -128px 0px; } #fullCol .usedCarSearch .lifeStyleSearch .colours .color6 { background-position: -160px 0px; } #fullCol .usedCarSearch .lifeStyleSearch .colours .color7 { background-position: -192px 0px; width: 27px; } #fullCol .usedCarSearch .lifeStyleSearch .colours .active .color1 { background-position: 0px -25px; } #fullCol .usedCarSearch .lifeStyleSearch .colours .active .color2 { background-position: -32px -25px; } #fullCol .usedCarSearch .lifeStyleSearch .colours .active .color3 { background-position: -64px -25px; } #fullCol .usedCarSearch .lifeStyleSearch .colours .active .color4 { background-position: -96px -25px; } #fullCol .usedCarSearch .lifeStyleSearch .colours .active .color5 { background-position: -128px -25px; } #fullCol .usedCarSearch .lifeStyleSearch .colours .active .color6 { background-position: -160px -25px; } #fullCol .usedCarSearch .lifeStyleSearch .colours .active .color7 { background-position: -192px -25px; } #fullCol .usedCarSearch .lifeStyleSearch .boxInfo { padding-bottom: 3px; } #fullCol .usedCarSearch .lifeStyleSearch .boxInfo label.lbl1 { width: 41px; float: left; } #fullCol .usedCarSearch .lifeStyleSearch .boxInfo label.lbl2 { width: 57px; float: left; } #fullCol .usedCarSearch .lifeStyleSearch .boxInfo label.lbl3 { width: 61px; float: left; } #fullCol .usedCarSearch .lifeStyleSearch .boxInfo input { float: left; top: 2px; margin: 0px; } #fullCol .usedCarSearch .lifeStyleSearch select { width: 100%; } #fullCol .usedCarSearch .title { padding: 0px 0px 12px 0px; } #fullCol .usedCarSearch form { margin-top: 0px; } #fullCol .usedCarSearch select { width:224px; border:1px solid #d0d0d0; margin:0px 0px 5px 0px; padding: 0px; font-size: 1.0em; } #fullCol .usedCarSearch .search { width: 114px !important; height:42px; margin: 11px 0px 0px 7px; } #fullCol .usedCarSearch .search2 { width: 114px !important; height:42px; margin: 5px 0px 0px 7px; } #fullCol .usedCarSearch #advancedSearch { margin-top: 11px; } #fullCol .usedCarSearch #vehicleCount { height: 14px; display: none !important; } #fullCol .franchiseSelect { clear:both; width:917px; height:92px; border-bottom: 4px solid #4a4a4a; margin-bottom:11px; position:relative;} #fullCol .franchiseSelect .sportscars { position:absolute; top:28px; right:19px;} #fullCol .franchiseSelect a { float:left; height:56px; display:block; margin-top:0px; } #fullCol .franchiseSelect a#fiat { width:62px; background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat left top; } #fullCol .franchiseSelect a#jaguar { width:74px; background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -62px top; } #fullCol .franchiseSelect a#kia { width:79px; background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -136px top; } #fullCol .franchiseSelect a#landrover { width:84px; background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -215px top; } #fullCol .franchiseSelect a#lexus { width:79px; background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -299px top; } #fullCol .franchiseSelect a#nissan { width:74px; background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -378px top; } #fullCol .franchiseSelect a#gtr { width:68px; background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -452px top; } #fullCol .franchiseSelect a#peugeot { width:75px; background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -520px top; } #fullCol .franchiseSelect a#renault { width:60px; background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -595px top; } #fullCol .franchiseSelect a#skoda { width:69px; background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -655px top; } #fullCol .franchiseSelect a#toyota { width:75px; background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -724px top; } #fullCol .franchiseSelect a#abarth { width:63px; background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -799px top; } #fullCol .franchiseSelect a#lotus { width:55px; background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -862px top; } #fullCol .franchiseSelect a#fiat:hover { background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat left bottom; } #fullCol .franchiseSelect a#jaguar:hover { background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -62px bottom; } #fullCol .franchiseSelect a#kia:hover { background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -136px bottom; } #fullCol .franchiseSelect a#landrover:hover { background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -215px bottom; } #fullCol .franchiseSelect a#lexus:hover{ background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -299px bottom; } #fullCol .franchiseSelect a#nissan:hover { background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -378px bottom; } #fullCol .franchiseSelect a#gtr:hover { background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -452px bottom; } #fullCol .franchiseSelect a#peugeot:hover { background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -520px bottom; } #fullCol .franchiseSelect a#renault:hover { background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -595px bottom; } #fullCol .franchiseSelect a#skoda:hover { background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -655px bottom; } #fullCol .franchiseSelect a#toyota:hover { background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -724px bottom; } #fullCol .franchiseSelect a#abarth:hover { background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -799px bottom; } #fullCol .franchiseSelect a#lotus:hover { background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -862px bottom; } #fullCol .homeJumps { width:917px; } #fullCol .homeJumps .jumpDealerLocator { float: left; margin: 0px 10px 15px 0px; } #fullCol .homeJumps .jumpBuyYourCar { float: left; margin: 0px 10px 15px 0px; } #fullCol .homeJumps .jumpMotability { float: left; margin: 0px 0px 15px 0px; } /* #fullCol .homeJumps .jumpPress { float: left; margin: 0px 10px 8px 0px; } */ #fullCol .homeJumps .jumpCarMiles { float: left; margin: 0px 10px 8px 0px; } #fullCol .homeJumps .jumpFinanceQuote { float: left; margin: 0px 10px 8px 0px; } #fullCol .homeJumps .InsuranceQuote { float: left; margin: 0px 0px 8px 0px; } /* ----- HOME LEFT COL ----- */ #leftHome { width: 248px; float: left; } #leftHome #latestNews { width: 248px; background: url(../images/layup/latestNewsBg.gif) top left repeat-y; } #leftHome #latestNews .article { width: 224px; padding: 0px 12px 0px 12px; margin-bottom: 9px; } #leftHome #latestNews .article a { display: block; width: 224px; cursor: pointer; font-weight: normal; color: #000; text-decoration: none; border-bottom: 1px solid #b1b1b1; padding-bottom: 7px; } #leftHome #latestNews .article .title { display: block; font-weight: bold; color: #59a650; padding-bottom: 3px; } #leftHome #latestNews .article .pressOfficeTitle { margin-right:10px; float:left; width:12px; padding-bottom:3px; } #leftHome #latestNews .article .description { display: block; padding-bottom: 3px; } #leftHome #latestNews .article .link { display: block; font-weight: bold; color: #f49720; text-decoration: underline; } /* ----- HOME RIGHT COL ----- */ #rightHome { float: right; width: 647px; } /* ----- LEFT COL ----- */ #leftCol { width: 248px; float: left; margin-bottom: 32px; } #leftCol .weWantYourCar { float: left; padding: 1px 0px 15px 18px; } #leftCol .box { margin: 11px 0px 0px 0px; width: 248px; } #leftCol #favourites { background:url(../images/layup/favouritesBg.jpg) no-repeat left top; height:148px; } #leftCol #favourites .padding { padding:59px 0 0 13px; } #leftCol #favourites .box { width:66px; height:50px; float:left; margin:0 13px 12px 0; background:#fff; background:url(../images/layup/favouritesBg.gif) no-repeat center; } #leftCol #favourites .box.last { margin:0 0 12px; } #leftCol .usedCarSearch { position: relative; width: 248px; } #leftCol .usedCarSearch ul.domtabs { padding: 0; margin: 0; height: 31px; } #leftCol .usedCarSearch ul.domtabs li { list-style: none; float: left; display: block; height: 31px; } #leftCol .usedCarSearch ul.domtabs li span { display: none; } #leftCol .usedCarSearch ul.domtabs a { float: left; height: 31px; } #leftCol .usedCarSearch ul.domtabs a#tabModel { display: block; width: 75px; background: url(../images/layup/spriteUsedCarSearch.gif) 0px 0px no-repeat; margin-right: 5px; display: inline; } #leftCol .usedCarSearch ul.domtabs a#tabModel:hover { background: url(../images/layup/spriteUsedCarSearch.gif) 0px -31px no-repeat; } #leftCol .usedCarSearch ul.domtabs li.active a#tabModel { background: url(../images/layup/spriteUsedCarSearch.gif) 0px -31px no-repeat; } #leftCol .usedCarSearch ul.domtabs a#tabBudget { display: block; width: 77px; background: url(../images/layup/spriteUsedCarSearch.gif) -80px 0px no-repeat; margin-right: 5px; display: inline; } #leftCol .usedCarSearch ul.domtabs a#tabBudget:hover { background: url(../images/layup/spriteUsedCarSearch.gif) -80px -31px no-repeat; } #leftCol .usedCarSearch ul.domtabs li.active a#tabBudget { background: url(../images/layup/spriteUsedCarSearch.gif) -80px -31px no-repeat; } #leftCol .usedCarSearch ul.domtabs a#tabLifestyle { display: block; width: 86px; background: url(../images/layup/spriteUsedCarSearch.gif) -162px 0px no-repeat; } #leftCol .usedCarSearch ul.domtabs a#tabLifestyle:hover { background: url(../images/layup/spriteUsedCarSearch.gif) -162px -31px no-repeat; } #leftCol .usedCarSearch ul.domtabs li.active a#tabLifestyle { background: url(../images/layup/spriteUsedCarSearch.gif) -162px -31px no-repeat; } #leftCol .usedCarSearch .tabset_content { background:url(../images/layup/usedStockSearchBg.jpg) top left no-repeat; padding: 46px 12px 10px 12px; } #leftCol .usedCarSearch .title { padding: 0px 0px 12px 0px; } #leftCol .usedCarSearch form { margin-top: 0px; } #leftCol .usedCarSearch select { width:224px; border:1px solid #d0d0d0; padding:1px 0px; margin:0px 0px 5px 0px; padding: 0px; font-size: 1.0em; } #leftCol .usedCarSearch .search { width: 114px !important; height:42px; margin: 11px 0px 0px 7px; } #leftCol .usedCarSearch .search2 { width: 114px !important; height:42px; margin: 5px 0px 0px 7px; } #leftCol .usedCarSearch #advancedSearch { margin-top: 11px ; } #leftCol .usedCarSearch #vehicleCount { height: 14px; } #leftCol .usedCarSearch .budgetSearch { padding: 2px 11px 0px 14px !important; background:url(../images/layup/usedStockSearchBg2.jpg) top left no-repeat; height: 207px; } #leftCol .usedCarSearch .budgetSearch fieldset { display: block; } #leftCol .usedCarSearch .budgetSearch select { height: 20px; } #leftCol .usedCarSearch .budgetSearch p { padding: 5px 0px 5px 0px; } #leftCol .approvedSelection { margin-top: 2px; position: relative; float: left; width: 167px; } #leftCol .approvedSelection ul { padding: 0px 0px 0px 0px; margin: 0; } #leftCol .approvedSelection li { color: #ffffff; list-style: none; text-transform: uppercase; } #leftCol .approvedSelection .carType { width: 130px; display: block; float: left; } #leftCol .dontMissOut { display: block; position:relative; text-decoration: none; font-weight: normal; float: left; padding-top:0; padding-left: 7px; width: 160px; margin-top: 2px; margin-bottom: 12px; /*background:url(../images/layup/titleDontMissOut.gif) top left no-repeat !important;*/ } #leftCol .stockUpdates { display: block; position:relative; text-decoration: none; cursor: pointer; font-weight: normal; float: left; width: 160px; height: 110px; margin:2px 0 10px 23px; } #leftCol .usedCarSearch .lifeStyleSearch { padding: 10px 11px 0px 14px; background:url(../images/layup/usedStockSearchBg2.jpg) top left no-repeat; height: 199px; } #leftCol .usedCarSearch .lifeStyleSearch .colours {} #leftCol .usedCarSearch .lifeStyleSearch .colours div { float: left; } #leftCol .usedCarSearch .lifeStyleSearch .colours div a { display: block; width: 32px; height: 25px; float: left; background: url(../images/layup/spriteColors.gif) no-repeat; } #leftCol .usedCarSearch .lifeStyleSearch .colours .color1 { background-position: 0px 0px; } #leftCol .usedCarSearch .lifeStyleSearch .colours .color2 { background-position: -32px 0px; } #leftCol .usedCarSearch .lifeStyleSearch .colours .color3 { background-position: -64px 0px; } #leftCol .usedCarSearch .lifeStyleSearch .colours .color4 { background-position: -96px 0px; } #leftCol .usedCarSearch .lifeStyleSearch .colours .color5 { background-position: -128px 0px; } #leftCol .usedCarSearch .lifeStyleSearch .colours .color6 { background-position: -160px 0px; } #leftCol .usedCarSearch .lifeStyleSearch .colours .color7 { background-position: -192px 0px; width: 27px; } #leftCol .usedCarSearch .lifeStyleSearch .colours .active .color1 { background-position: 0px -25px; } #leftCol .usedCarSearch .lifeStyleSearch .colours .active .color2 { background-position: -32px -25px; } #leftCol .usedCarSearch .lifeStyleSearch .colours .active .color3 { background-position: -64px -25px; } #leftCol .usedCarSearch .lifeStyleSearch .colours .active .color4 { background-position: -96px -25px; } #leftCol .usedCarSearch .lifeStyleSearch .colours .active .color5 { background-position: -128px -25px; } #leftCol .usedCarSearch .lifeStyleSearch .colours .active .color6 { background-position: -160px -25px; } #leftCol .usedCarSearch .lifeStyleSearch .colours .active .color7 { background-position: -192px -25px; } #leftCol .usedCarSearch .lifeStyleSearch .boxInfo { padding-bottom: 3px; } #leftCol .usedCarSearch .lifeStyleSearch .boxInfo label.lbl1 { width: 41px; float: left; } #leftCol .usedCarSearch .lifeStyleSearch .boxInfo label.lbl2 { width: 57px; float: left; } #leftCol .usedCarSearch .lifeStyleSearch .boxInfo label.lbl3 { width: 61px; float: left; } #leftCol .usedCarSearch .lifeStyleSearch .boxInfo input { float: left; top: 2px; margin: 0px; } #leftCol .usedCarSearch .lifeStyleSearch select { width: 100%; } #motability { float: left; padding: 25px 0px 10px 32px; } /* ----- RIGHT COL ----- */ #rightCol { float: right; width: 647px; margin-bottom: 32px; } #rightCol p { line-height: normal; } #rightCol .inner { background: url(../images/layup/rightColGrad.gif) top left repeat-x; margin: 1px 11px 0px 11px; min-height:607px; } #rightCol .inner.fullGradient { background:#a9aaa9 url(../images/layup/fullGradient.jpg) top left repeat-x; margin: 1px 11px 0px 11px; min-height:607px; } #rightCol .inner .padding { padding: 14px 9px 0px 11px; } #rightCol #weWantYourCarForm form { width: 613px; border: 7px solid #f2efea; } #rightCol #weWantYourCarForm form fieldset { padding: 10px; } #rightCol #weWantYourCarForm form label { text-align: right; width: 115px; margin-right: 15px; } #rightCol #weWantYourCarForm form input.checkRadio { float: left; } #rightCol #weWantYourCarForm form span.checkLabel { display: block; float: left; width: 120px; } #rightCol #weWantYourCarForm form .interested { margin-bottom: 15px; } #rightCol #weWantYourCarForm form .inputfield, #rightCol #weWantYourCarForm form textarea { width: 400px; } #rightCol #internalInfo { float: right; margin: 10px 0px 20px 20px; width: 300px; } #rightCol .internalImage { position: relative; margin-bottom: 10px; } #rightCol .downloads { border: 1px solid #dbdbdb; width: 288px; margin-bottom: 0px; padding: 10px 10px 5px 10px; float:left; } #rightCol .downloads .file { height: 38px; } #rightCol .downloads .file .icon { float: left; } #rightCol .downloads .file .documentTitle { float: left; padding-top: 9px; padding-left: 10px; } #rightCol .downloads .file a { text-decoration: none; } #rightCol .downloads .file a:hover { text-decoration: underline; } #rightCol .list { text-decoration: none; cursor: pointer !important; display: block; min-height: 130px; margin-bottom: 0px; } #rightCol .list .thumb { display: block; position:relative; float: left; padding-right: 2px; background:url(../images/layup/dotDivider.gif) top right no-repeat; } #rightCol .list .thumb .special { display: block; position: absolute; top: 0px; right: 0px; z-index: 9999; } #rightCol .list .detail { display: block; float: left; width: 482px; margin-left: 1px; } #rightCol .list .detail .title { display: block; position: relative; float: left; background: #eae7e2; width: 467px; color: #000000; font-weight: bold; padding: 3px 0px 3px 15px !important;} #rightCol .list .detail .price { display:block; position:absolute; top: 0px; right: 0px; background: #ca0001; color: #ffffff; padding: 3px 0px 3px 0px; width: 116px; text-align: center; border-left: 1px solid #ffffff; } #rightCol .list .detail .description { color:#000000; display: block; padding: 10px 10px 0px 15px; float: left; font-weight: normal; line-height: 120%; } #rightCol .financeButtons { display: block; padding: 10px 0px 10px 0px; margin-bottom: 10px; background: url(../images/layup/dotsH.gif) repeat-x bottom; } #rightCol #boxList { } #rightCol #boxList .box { display: block; float: left; margin-right: 9px; margin-bottom: 25px; text-decoration: underline; cursor: pointer; width: 152px; } #rightCol #boxList .box .thumb { display: block; float: left; position: relative; } #rightCol #boxList .box .thumb .frame { position: absolute; top: 0; left: 0; } #rightCol #boxList .box .title { display: block; float: left; padding: 3px 0px 3px 0px; width: 152px; line-height: 120%; height: 30px; font-weight: bold !important; } #rightCol #boxList .last { margin-right: 0px !important; } /* ---- OFFER LIST ---- */ #rightCol #offerList { } #rightCol #offerList .box { background:url(../images/layup/dotDivider.gif) top left no-repeat; display: block; float: left; padding: 0px 0px 0px 2px; margin-bottom: 7px; text-decoration: none; cursor: pointer; width: 632px; } #rightCol #offerList .box .thumb { display: block; float: left; position: relative; margin-top: 1px; } #rightCol #offerList .box .title { display: block; float: left; background: #eae7e2; padding: 3px 28px 3px 12px; font-weight: bold !important; text-align: left; } #rightCol #offerList .last { margin-right: 0px !important; } #rightCol #offerJump { } #rightCol #offerJump .box { background:url(../images/layup/dotDivider.gif) top left no-repeat; display: block; float: left; padding: 0px 0px 0px 2px; margin-bottom: 7px; text-decoration: none; cursor: pointer; width: 124px; } #rightCol #offerJump .box .thumb { display: block; float: left; position: relative; margin-top: 1px; } #rightCol #offerJump .box .title { display: block; float: left; background: #eae7e2; padding: 3px 8px 3px 0px; width: 91px; font-weight: bold !important; text-align: right; } #rightCol #offerJump .last { margin-right: 0px !important; } #rightCol #warrantyBox1 { float: left; width: 319px; background: url(../images/layup/warrantyBg1.gif) repeat-y top left; } #rightCol #warrantyBox2 { float: left; width: 320px; background: url(../images/layup/warrantyBg2.gif) repeat-y top left; } #rightCol .text { padding: 10px 20px 10px 20px; min-height: 191px; } /* ---- OFFER LIST 26/05/09 ---- */ #rightCol #offerJumpMay09 { margin-top: -8px; height: 163px; } #rightCol #offerJumpMay09 a { display: block; height: 81px; } #rightCol #offerJumpMay09 span { display: none; } #rightCol #offerJumpMay09 div { display: block; float: left; text-decoration: none; cursor: pointer; } #rightCol #offerJumpMay09 .jumpJag a { width: 105px; background:url(../images/layup/spriteOffers.gif) -100px 0px no-repeat; } #rightCol #offerJumpMay09 .jumpKia a { width: 105px; background:url(../images/layup/spriteOffers.gif) -205px 0px no-repeat; } #rightCol #offerJumpMay09 .jumpLandrover a { width: 115px; background:url(../images/layup/spriteOffers.gif) -310px 0px no-repeat; } #rightCol #offerJumpMay09 .jumpLexus a { width: 111px; background:url(../images/layup/spriteOffers.gif) -425px 0px no-repeat; } #rightCol #offerJumpMay09 .jumpRenault a { width: 105px; background:url(../images/layup/spriteOffers.gif) -100px -81px no-repeat; } #rightCol #offerJumpMay09 .jumpFiat a { width: 100px; background:url(../images/layup/spriteOffers.gif) 0px 0px no-repeat; } #rightCol #offerJumpMay09 .jumpSkoda a { width: 105px; background:url(../images/layup/spriteOffers.gif) -205px -81px no-repeat; } #rightCol #offerJumpMay09 .jumpNissan a { width: 102px; background:url(../images/layup/spriteOffers.gif) -536px 0px no-repeat; } #rightCol #offerJumpMay09 .jumpToyota a { width: 115px; background:url(../images/layup/spriteOffers.gif) -310px -81px no-repeat; } #rightCol #offerJumpMay09 .jumpLotus a { width: 102px; background:url(../images/layup/spriteOffers.gif) -536px -81px no-repeat; } #rightCol #offerJumpMay09 .jumpPeugeot a { width: 100px; background:url(../images/layup/spriteOffers.gif) 0px -81px no-repeat; } #rightCol #offerJumpMay09 .jumpAbarth a { width: 111px; background:url(../images/layup/spriteOffers.gif) -425px -81px no-repeat; } #rightCol #offerJumpMay09 .jumpJag a:hover, #rightCol #offerJumpMay09 .jumpJag .active { background:url(../images/layup/spriteOffers.gif) -100px -163px no-repeat; } #rightCol #offerJumpMay09 .jumpKia a:hover, #rightCol #offerJumpMay09 .jumpKia .active { background:url(../images/layup/spriteOffers.gif) -205px -163px no-repeat; } #rightCol #offerJumpMay09 .jumpLandrover a:hover, #rightCol #offerJumpMay09 .jumpLandrover .active { background:url(../images/layup/spriteOffers.gif) -310px -163px no-repeat; } #rightCol #offerJumpMay09 .jumpLexus a:hover, #rightCol #offerJumpMay09 .jumpLexus .active { background:url(../images/layup/spriteOffers.gif) -425px -163px no-repeat; } #rightCol #offerJumpMay09 .jumpRenault a:hover, #rightCol #offerJumpMay09 .jumpRenault .active { background:url(../images/layup/spriteOffers.gif) -100px -244px no-repeat; } #rightCol #offerJumpMay09 .jumpFiat a:hover, #rightCol #offerJumpMay09 .jumpFiat .active { background:url(../images/layup/spriteOffers.gif) 0px -163px no-repeat; } #rightCol #offerJumpMay09 .jumpSkoda a:hover, #rightCol #offerJumpMay09 .jumpSkoda .active { background:url(../images/layup/spriteOffers.gif) -205px -244px no-repeat; } #rightCol #offerJumpMay09 .jumpNissan a:hover, #rightCol #offerJumpMay09 .jumpNissan .active { background:url(../images/layup/spriteOffers.gif) -536px -163px no-repeat; } #rightCol #offerJumpMay09 .jumpToyota a:hover, #rightCol #offerJumpMay09 .jumpToyota .active { background:url(../images/layup/spriteOffers.gif) -310px -244px no-repeat; } #rightCol #offerJumpMay09 .jumpLotus a:hover, #rightCol #offerJumpMay09 .jumpLotus .active { background:url(../images/layup/spriteOffers.gif) -536px -244px no-repeat; } #rightCol #offerJumpMay09 .jumpPeugeot a:hover, #rightCol #offerJumpMay09 .jumpPeugeot .active { background:url(../images/layup/spriteOffers.gif) 0px -244px no-repeat; } #rightCol #offerJumpMay09 .jumpAbarth a:hover, #rightCol #offerJumpMay09 .jumpAbarth .active { background:url(../images/layup/spriteOffers.gif) -425px -244px no-repeat; } #rightCol #offerTabsMay09 ul { padding: 0; margin: 0; } #rightCol #offerTabsMay09 li { float: left; list-style: none; } #rightCol #offerTabsMay09 li a { display: block; float: left; margin-right: 6px; display: inline; height:29px; background-repeat: no-repeat; } #rightCol #offerTabsMay09 li#allOffers a { width: 102px; background-position: 0px 0px; } #rightCol #offerTabsMay09 li#newOffers a { width: 102px; background-position: -111px 0px; } #rightCol #offerTabsMay09 li#usedOffers a { width: 130px; background-position: -220px 0px; } #rightCol #offerTabsMay09 li#servicesOffers a { width: 130px; background-position: -358px 0px; } #rightCol #offerTabsMay09 li#motabilityOffers a { width:147px; background-position: -495px 0px; margin:0 0 0 3px; } #rightCol #offerTabsMay09 li#allOffers a:hover, #rightCol #offerTabsMay09 li#allOffers.active a { background-position: 0px -29px; } #rightCol #offerTabsMay09 li#newOffers a:hover, #rightCol #offerTabsMay09 li#newOffers.active a { background-position: -111px -29px; } #rightCol #offerTabsMay09 li#usedOffers a:hover, #rightCol #offerTabsMay09 li#usedOffers.active a { background-position: -220px -29px; } #rightCol #offerTabsMay09 li#servicesOffers a:hover, #rightCol #offerTabsMay09 li#servicesOffers.active a { background-position: -358px -29px; } #rightCol #offerTabsMay09 li#motabilityOffers a:hover, #rightCol #offerTabsMay09 li#motabilityOffers.active a { background-position: -495px -29px; } #rightCol #offerTabsMay09 .tabset_tabs { height: 29px; width: 638px; } #rightCol #offerTabsMay09 .tabset_tabs span { display: none; } #rightCol #offerTabsMay09 .tabset_content { display:none; } #rightCol #offerTabsMay09 .offerBox { margin: 12px 6px 0px 0px; width: 314px; float: left; } #rightCol #offerTabsMay09 .offerBox a { text-decoration: underline; } #rightCol #offerTabsMay09 .offerBox .title { font-weight: bold; font-size: 1.0em; width: 314px; padding-bottom: 5px; } #rightCol #offerTabsMay09 .offerBox .thumb { float: left; position: relative; } #rightCol #offerTabsMay09 .offerBox .thumb .frame { position: absolute; top: 0; left: 0; } /* ---- OFFER DETAIL ---- */ #offerBanner { position: relative; float: left; width: 411px; height: 231px; margin-bottom: 18px; } #offerBanner .frame { position: absolute; top: 0; left: 0; } #offerCarOptions { width: 235px; float: right; margin-bottom: 18px; } #offerCarOptions ul { padding: 0 !important; margin: 0; } #offerCarOptions li { list-style: none; display: block; width: 231px; height: 71px; } #offerCarOptions li.printSpec { margin-bottom: 9px; } #offerCarOptions li.printSpec a { display: block; width: 231px; height: 71px; background: url(../images/layup/spriteOfferJumps.gif) 0px 0px no-repeat; } #offerCarOptions li.printSpec a:hover { background: url(../images/layup/spriteOfferJumps.gif) -231px 0px no-repeat; } #offerCarOptions li.enquire { margin-bottom: 9px; } #offerCarOptions li.enquire a { display: block; width: 231px; height: 71px; background: url(../images/layup/spriteOfferJumps.gif) 0px -71px no-repeat; } #offerCarOptions li.enquire a:hover { background: url(../images/layup/spriteOfferJumps.gif) -231px -71px no-repeat; } #offerCarOptions li.sendToFriend a { display: block; width: 231px; height: 71px; background: url(../images/layup/spriteOfferJumps.gif) 0px -142px no-repeat; } #offerCarOptions li.sendToFriend a:hover { background: url(../images/layup/spriteOfferJumps.gif) -231px -142px no-repeat; } #offerEnquiry { float: right; width: 232px; background: url(../images/layup/offerEnquiryBg.gif) bottom left no-repeat; } #offerEnquiry form { padding: 0px 16px 1px 16px; } #offerEnquiry form fieldset { display: block; } #offerEnquiry form div { margin-bottom: 6px; } #offerEnquiry form label { width: 194px; color: #fff; } #offerEnquiry form input { width: 194px; } #offerEnquiry form select { width: 200px; } #offerEnquiry form textarea { width: 194px; } #offerEnquiry form #btnClickHere { width: 103px; height: 26px; } #googleMap { float:left; width:385px; height:169px; margin-bottom:20px; } #googleMapDirections { float:right; width:244px; padding-top:44px; margin-bottom:20px; } #googleMapDirections form, #googleMapDirections fieldset { width:244px; } #googleMapDirections label { margin:0 0 2px; width:206px; } #googleMapDirections input { width:206px; margin:0 0 10px; } #googleMapDirections select { width:212px; margin:0 0 10px; } #googleMapDirections .btnSubmit { width:48px; padding:0px 5px; } #googleMapDirectionsResults { border:1px solid #c0c0c0; background:#eeeeee; font-size:12px; color:#000; padding:5px; margin:0 0 20px; } #googleMapDirectionsResults .float_left { width:460px; } #googleMapDirectionsResults .float_right { width:170px; padding-top:11px; } #usedCar #carTitle { width: 412px; float: left; margin-bottom: 15px; } #usedCar #carTitle .title { color: #3a3a3a; font-weight: bold; font-size: 1.4em; } #usedCar #carTitle .location { font-size: 14px; font-weight: bold; } #usedCar #carTitle .location .font24 { font-size: 24px; line-height: 17px; } #usedCar #carTitle .location .font18 { font-size: 18px; } #usedCar .price { width: 222px; float: right; margin-bottom: 15px; } #usedCar .price .was { font-size: 14px; font-weight: bold; color: #3a3a3a; text-decoration: line-through; } #usedCar .price .now { font-size: 26px; font-weight: bold; color: #de1f1f; } #usedCar .price .saving { font-size: 26px; font-weight: bold; color: #8dbf04; } #usedCar .price .now { line-height: 28px; } #usedCar .price .saving { line-height: 28px; } #usedCar #carPhoto { width: 643px; position: relative; margin-bottom: 13px; } #usedCar #carPhoto #imageryControls { width: 31px; float: left; } #usedCar #carPhoto #imageryControls .slideList { width: 30px; height: 176px; background: #3f3f3f; } #usedCar #carPhoto #imageryControls .slideList div { padding: 9px 0px 0px 10px; } #usedCar #carPhoto #imageryControls .slideList a { display: block; width: 11px; height: 9px; background: #fff; font-size: 7px; } #usedCar #carPhoto #imageryControls .slideList a.active { background: #f7cc1e; } #usedCar #carPhoto #vehicleMainImage { float: left; width: 308px; } #usedCar #carPhoto #vehicleMainImage .sash { display:block; position:absolute; top:0px; left:32px; z-index:999999; } /* ---------------------------------------------------------------------*/ /* ----------------------------- TOOL TIP ----------------------------- */ /* ---------------------------------------------------------------------*/ a.info {font-weight:normal;text-decoration:none !important;} a.info:hover {position:relative; z-index:25; } a.info p{display: none; font-weight:normal !important; text-decoration:none !important;color: #000 !important; cursor: pointer;} a.info:hover p{display:block !important; position:absolute; padding:5px 10px 5px 10px; background: #fff; top:22px; left:15px; width:18.1em; border:1px solid #333; color:#000; text-align: center; text-decoration:none !important; z-index:100;} #usedCar #carPhoto #vehicleJumps { width: 231px; float: right; } #usedCar #carPhoto #vehicleJumps a { display: block; width: 231px; height: 43px; background: url(../images/layup/spriteUsedOptions.gif) no-repeat; margin-bottom: 4px; } #usedCar #carPhoto #vehicleJumps a.jump1long { background-position: 0 0px; } #usedCar #carPhoto #vehicleJumps a.jump2long { background-position: 0 -47px; } #usedCar #carPhoto #vehicleJumps a.jump3long { background-position: 0 -94px; } #usedCar #carPhoto #vehicleJumps a.jump4long { background-position: 0 -141px; } #usedCar #carPhoto #vehicleJumps a.jump5long { background-position: 0 -188px; margin:0; } #usedCar #carPhoto #vehicleJumps a.btnRemoveCompare { background-position: 0 -235px; margin:0; } #usedCar #carPhoto #vehicleJumps a.jump1long:hover { background-position: -231px 0px; } #usedCar #carPhoto #vehicleJumps a.jump2long:hover { background-position: -231px -47px; } #usedCar #carPhoto #vehicleJumps a.jump3long:hover { background-position: -231px -94px; } #usedCar #carPhoto #vehicleJumps a.jump4long:hover { background-position: -231px -141px; } #usedCar #carPhoto #vehicleJumps a.jump5long:hover { background-position: -231px -188px; } #usedCar #carPhoto #vehicleJumps a.btnRemoveCompare:hover { background-position: -231px -235px; } #usedCar #carPhoto .overlayReduced { position:absolute; left:32px; top:0; } #usedCar #carPhoto .special { position: absolute; top: 0px; left: 0px; } #usedCar #printCarDetails { display: none; } #usedCar #printCarPhotos { display: none; } #usedCar #printThumb { display: none; } #usedCarDetails { width: 642px; } #usedCarDetails .domtab .tabset_tabs { padding: 0px; margin: 0px; list-style: none; height: 31px; } #usedCarDetails .domtab .tabset_tabs li { list-style: none; float: left; } #usedCarDetails .domtab .tabset_tabs li a { display: block; float: left; height: 31px; background: url(../images/layup/spriteUsedDomTabs.gif) no-repeat; margin-right: 5px; } #usedCarDetails .domtab .tabset_tabs span { display: none; } #usedCarDetails .domtab .tabset_tabs li#overview a { width: 90px; background-position: 0px 0px; } #usedCarDetails .domtab .tabset_tabs li#overview a:hover, #usedCarDetails .domtab .tabset_tabs li#overview.active a { background: url(../images/layup/spriteUsedDomTabs.gif) 0px -31px no-repeat; } #usedCarDetails .domtab .tabset_tabs li#specification a { width: 120px; background-position: -90px 0px; } #usedCarDetails .domtab .tabset_tabs li#specification a:hover, #usedCarDetails .domtab .tabset_tabs li#specification.active a { background: url(../images/layup/spriteUsedDomTabs.gif) -90px -31px no-repeat; } #usedCarDetails .domtab .tabset_tabs li#insurance a { width: 110px; background-position: -210px 0px; } #usedCarDetails .domtab .tabset_tabs li#insurance a:hover, #usedCarDetails .domtab .tabset_tabs li#insurance.active a { background: url(../images/layup/spriteUsedDomTabs.gif) -210px -31px no-repeat; } #usedCarDetails .domtab .tabset_tabs li#warranty a { width: 97px; background-position: -320px 0px; } #usedCarDetails .domtab .tabset_tabs li#warranty a:hover, #usedCarDetails .domtab .tabset_tabs li#warranty.active a { background: url(../images/layup/spriteUsedDomTabs.gif) -320px -31px no-repeat; } #usedCarDetails .domtab .tabset_tabs li#driveDistance a { width: 156px; background-position: -417px 0px; } #usedCarDetails .domtab .tabset_tabs li#driveDistance a:hover, #usedCarDetails .domtab .tabset_tabs li#driveDistance.active a { background: url(../images/layup/spriteUsedDomTabs.gif) -417px -31px no-repeat; } #usedCarDetails .domtab .tabset_tabs li#cared4 a { width: 85px; background-position: -573px 0px; } #usedCarDetails .domtab .tabset_tabs li#cared4 a:hover, #usedCarDetails .domtab .tabset_tabs li#cared4 .active a { background: url(../images/layup/spriteUsedDomTabs.gif) -573px -31px no-repeat; } #usedCarDetails .domtab .tabset_content { display:none; padding: 18px 0px 10px 0px; background:none !important; border-top: 6px solid #ca0506 !important; position: relative; } #usedCarDetails table { margin: 10px 0px 0px 0px; } #usedCarDetails td { height: 26px; padding: 0px 0px 0px 15px; } #usedCarDetails .tabset_print { display: none;} #usedCarDetails .tabset_content thead h1 { font-size: 1.0em; margin-top: 7px !important; padding: 0px 10px 12px 15px; } #usedCarDetails .tabset_content thead { height: 0px !important; padding: 0px !important; } #usedCarDetails .tabset_content thead td { height: 0px !important; padding: 0px !important; } #usedCarDetails .tabset_content thead .price { vertical-align: top; color:#FF0000; font-size: 1.2em; font-weight: bold; padding: 0 !important; margin: 0px 0px 10px 0px !important;} #usedCarDetails .tabset_content tfoot { background:#d9d9d9; height:33px !important; padding: 0px !important; margin-left: 5px !important; color: #de0001 !important; } #usedCarDetails .tabset_content tfoot td { } #usedCarDetails .tabset_content td { height: 20px; padding: 0px; padding: 0px 0px 0px 15px; font-weight: normal; color: #525252; } #usedCarDetails .tabset_content form {} #usedCarDetails .tabset_content select { width: 70px;} .westServices { display:none !important; } #shareThisVehiclePop { width:655px; height:339px; position:absolute; left:30%; top:30%; z-index:999; } #shareThisVehiclePop .relative { width:655px; height:339px; position:relative; } #shareThisVehiclePop a.btnClose { position:absolute; right:47px; top:47px; width:91px; height:30px; background:url(../images/layup/ieLinkFix.gif) repeat; display:block; } #shareThisVehiclePop a.emailFriend { position:absolute; left:79px; top:143px; width:493px; height:58px; background:url(../images/layup/ieLinkFix.gif) repeat; display:block; } #shareThisVehiclePop a.shareFacebook { position:absolute; left:79px; top:211px; width:493px; height:58px; background:url(../images/layup/ieLinkFix.gif) repeat; display:block; } /* USED CAR LISTING */ #usedList { margin-bottom: 20px; } #usedList .listItem { position: relative; margin-bottom: 15px; width: 640px; padding-bottom: 10px; background: url(../images/layup/dotsH.gif) bottom left repeat-x; } #usedList .listItem .imageHolder { position:relative; float: left; width: 196px; margin-bottom: 12px; } #usedList .listItem .imageHolder .sash { display:block; position:absolute; top:0px; left:0px; } #usedList .listItem .imageHolder .cornerTL { position: absolute; top: 0px; left: 0px; } #usedList .listItem .imageHolder .cornerTR { position: absolute; top: 0px; right: 0px; } #usedList .listItem .itemContent { float: right; width: 430px; margin-bottom: 12px; } #usedList .listItem .itemContent a { text-decoration: none; font-weight: normal; display: block; cursor: pointer; } #usedList .listItem .itemContent a .itemHeading { display: block; font-weight: bold; font-size: 14px; color: #3a3a3a; padding: 0px 0px 16px 0px; width: 430px; } #usedList .listItem .itemContent .insuranceAndTax { float:right; width:75px; } #usedList .listItem .itemContent .ifInsurance { width: 100px; height: 30px; text-align: center; padding:0 0 7px 0; color:#515151; font-size:12px; line-height:14px; background: #F7CC1E; border: 1px solid #DAC678; padding-top: 8px; margin-bottom: 5px; } #usedList .listItem .itemContent .taxDisc { width: 52px; height: 47px; background: url(../images/layup/taxDisc.gif) no-repeat; padding-top: 5px; text-align: center; color: #fff; font-weight: bold; font-size: 14px; margin:0 auto; } #usedList .listItem .itemContent table { cursor: pointer; margin-bottom: 15px; width: 344px; float:left; } #usedList .listItem .itemContent table td { padding: 0px 5px 11px 0px; color: #3a3a3a; } #usedList .listItem .itemContent .price { width: 80px; display:block; float: left; line-height: 20px; } #usedList .listItem .itemContent a .itemPrice .was { display: block; font-weight: bold; font-size: 12px; color: #3a3a3a; text-decoration: line-through; } #usedList .listItem .itemContent a .itemPrice .now { display: block; font-weight: bold; font-size: 19px; color: #de1f1f; padding-top:4px; } #usedList .listItem .itemContent .itemBtns { float: right; } #usedList .listItem .itemContent .itemBtns a { display: block; float: left; margin-right: 5px; } #usedList .listItem .itemContent .itemBtns a.last { margin-right: 0px; } #usedList .listItem .jumps { width:195px; float:left; clear:left; } #usedList .listItem .jumps a { margin-bottom:5px; display:block; } #usedList .listItem .imageThumbs { width: 159px; float: left; } #usedList .listItem .imageThumbs a { float: left; margin: 4px 1px 4px 0px; border: 1px solid #dbdbdb; padding: 1px; } #usedList .listItem .itemLocation { height: 18px; font-size: 12px; text-align: center; width: 470px; background: #dadada; float: right; margin-top: 4px; margin-bottom: 4px; } #usedList .listItem .itemLocation a { text-decoration: none; } #usedList .listItem .imageThumbs a.lastItem { margin-right: 0px; } #usedList .listItem .itemFinance table { width: 629px; font-size: 12px !important; margin-bottom: 3px; cursor: default; } #usedList .listItem .itemFinance table td { padding: 6px 0px 4px 5px; background: #f2efea; text-align: center; border-right: 1px solid #5b5b5b; margin-bottom: 1px; } #usedList .listItem .itemFinance table td.left { text-align: left; } #usedList .listItem .itemFinance table th { padding: 0px 0px 0px 5px; background: #d8d8d8; border-right: 1px solid #5b5b5b; border-bottom: 1px solid #5b5b5b; height: 22px; color: #58595b; text-align: center; } #usedList .listItem .itemFinance table td.noRightBorder, #usedList .listItem .itemFinance table th.noRightBorder { border-right: none; } #usedList .listItem .insuranceCost { float: left; width: 530px; font-weight: bold; font-size: 13px; background: #dadada; padding: 0px 0px 0px 5px; } /* ---------------------------------------------------------------------*/ /* ----------------------------- TOOL TIP ----------------------------- */ /* ---------------------------------------------------------------------*/ a.tooltip {font-weight:normal;text-decoration:none !important;} a.tooltip:hover {position:relative; z-index:25; } a.tooltip span{display: none; font-weight:normal !important; text-decoration:none !important;color: #000 !important;} a.tooltip:hover span {display:block !important; position:absolute; padding:5px 10px 5px 10px; background: #fff; top:15px; left:15px; width:18.1em; border:1px solid #333; color:#000; text-align: left; text-decoration:none !important; z-index:100;} #newCarJumps img { float: left; } #internalInfo .internalImage .whatCarSash { position: absolute; top: -4px; right: 4px; } #financeCalculator { float: left; margin-top: 19px; background: url(../images/layup/dotDivider.gif) top left no-repeat; padding-left: 2px; } #financeCalculator .title { float: left;background: #eae7e2; width: 202px; color: #000000; font-weight: bold; padding: 5px 0px 5px 15px; } #financeCalculator table { margin: 10px 0px 0px 0px; } #financeCalculator td { height: 26px; padding: 0px; } #financeCalculator form { } #financeCalculator select { width: 65px; font-size: 0.9em; font-weight: bold; } #financeCalculator input { width: 62px; font-size: 0.9em !important; font-weight: bold; } #similarVehicles { float: left; margin-top: 19px; } #similarVehicles .box { display: block; cursor: pointer; text-decoration: none; width: 196px; float: left; margin-right: 20px; } #similarVehicles .last { margin-right: 0px;} #similarVehicles .box .thumb { display: block; float: left; position: relative; width: 196px; min-height: 119px; } * html #similarVehicles .box .thumb { height: 119px; } #similarVehicles .box .thumb .cornerTL { position: absolute; top: 0; left: 0;} #similarVehicles .box .thumb .cornerTR { position: absolute; top: 0; right: 0;} /*#similarVehicles .box .thumb img { width:196px; height:119px; }*/ #similarVehicles .box .price { display: block; font-weight: bold; color: #474438; font-size: 1.1em; padding: 5px 12px; margin-bottom: 10px; width: 172px; background: url(../images/layup/relatedVehicleBg.gif) top left no-repeat; } #similarVehicles .box .productTitle { display: block; font-weight: bold; line-height: 120%; width: 196px; color: #272727; height: 30px; } #similarVehicles .offerBox { margin: 12px 6px 0px 0px; width: 314px; float: left; } #similarVehicles .offerBox a { text-decoration: underline; } #similarVehicles .offerBox .title { font-weight: bold; font-size: 1.0em; width: 314px; padding-bottom: 5px; } #similarVehicles .offerBox .thumb { float: left; position: relative; } #similarVehicles .offerBox .thumb .frame { position: absolute; top: 0; left: 0; } #franchiseHome { position: relative; width: 659px; float: right; } #franchiseHome #flashBanner { position: relative; margin-bottom: 8px; } #franchiseHome #flashBanner .frame { position: absolute; top: 0; left: 0; } #franchiseHome #flashContain { float: right; width:659px; height: 240px; position: relative; margin-bottom: 11px; overflow: hidden; } #franchiseHome #flashContain .frame { position: absolute; top: 0; left: 0; } #franchiseHome #ticker { float: left; font-weight: bold; padding: 6px 13px 5px 13px; } #franchiseHome #services .finance { float: left; } #franchiseHome #services .aftersales { float: right; } #franchiseHome #franchiseContent .padding { padding: 12px 0px 0px 15px; } /*franchise site map */ #approvedSelection2{ margin:10px 0px 10px 0px; padding-left:10px; } #approvedSelection2 .column{ float:left; width:145px; margin-left: 5px; } #approvedSelection2 .column span { width:145px; height:20px; display:block; cursor:pointer;} #approvedSelection2 .column a { text-decoration: none; font-weight: normal;} #approvedSelection2 .column a:hover{ text-decoration: underline; font-weight: normal} #newCarOptions { margin-left: 0px; margin-bottom: 15px; float: left; margin-left: -3px; } #newCarOptions .box { display: block; float: left; position:relative; text-decoration: none; font-weight: bold; cursor: pointer; } #newCarOptions .box .text { display: block; position:absolute; top: 48px; left: 0px; text-align:center; width: 126px; float: left; line-height: 120%; color: #333333; } /* ----- NEW OPTIONS ----- */ #newMainImg { width:411px; min-height:231px; position:relative; float: left; margin-bottom: 19px; } * html #newMainImg { height:231px; } #newMainImg .frame { position: absolute; top: 0; left: 0; } #newOptions { width:231px; float: right; margin-right: 4px; margin-bottom: 18px; } #newOptions .requestTestDrive { width: 231px; height:71px; margin-bottom: 9px; } #newOptions .requestTestDrive a { width:231px; height:71px; display:block; background:url(../images/layup/spriteNewCarJumps.gif) 0px 0px repeat; } #newOptions .requestTestDrive a:hover { background:url(../images/layup/spriteNewCarJumps.gif) -231px 0px repeat; } #newOptions .tellFriend { width: 231px; height:71px; margin-bottom: 9px; } #newOptions .tellFriend a { width:231px; height:71px; display:block; background:url(../images/layup/spriteNewCarJumps.gif) 0px -71px repeat; } #newOptions .tellFriend a:hover { background:url(../images/layup/spriteNewCarJumps.gif) -231px -71px repeat; } #newOptions .requestBrochure { width: 231px; height:71px; } #newOptions .requestBrochure a { width:231px; height:71px; display:block; background:url(../images/layup/spriteNewCarJumps.gif) 0px -142px repeat; } #newOptions .requestBrochure a:hover { background:url(../images/layup/spriteNewCarJumps.gif) -231px -142px repeat; } #newOptions .relatedOffers { width: 231px; height:71px; } #newOptions .relatedOffers a { width:231px; height:71px; display:block; background:url(../images/layup/spriteNewCarJumps.gif) 0px -142px repeat; } #newOptions .relatedOffers a:hover { background:url(../images/layup/spriteNewCarJumps.gif) -231px -142px repeat; } #offersRange { padding:0 0 40px 0; } #offersRange h2 { font-size:16px; color:#bf0000; } #offersRange p { font-size:11px; } #offersRange table { width:640px; margin:0 0 30px; } #offersRange table tr { background:#f3f3f3; } #offersRange table tr.alt { background:none; } #offersRange table tr td { height:40px; font-size:11px; color:#3d3d3d; text-align:center; border-right:1px solid #ddddde; } #offersRange table tr td.end { border:none; } #offersRange table tr td.from span { font-size:16px; } #offersRange table tr td.save span { font-size:16px; } #offersRange table tr td.brandNew { font-weight:bold; text-transform:uppercase; } #offersRange table tr td.btnGo img { margin:0 auto; } #offersRange .manufacturer a { color:#bf0000; } /*----- WHAT CAR POPUP -----*/ #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:641px; font-family: Arial, Helvetica, sans-serif; } #popupContainer #popup { width:583px; height: 765px; padding: 0px 30px; z-index:999999; text-align: left; font-size: 1.1em; background: #fff; position:absolute; margin: 0 auto; } #popupContainer #popup .btnClose { height: 28px; } #popupContainer #popup .title { float: left; width: 580px; line-height: 170%; font-weight: bold; color: #cc0000; margin-bottom: 12px; } #popupContainer #popup h1 { font-size: 1.6em; padding: 0px 0px 12px 0px; text-transform: uppercase; } #popupContainer #popup h2 { font-size: 1.6em; padding: 0; } #popupContainer #popup h2 img { display: inline; } #popupContainer #popup h3 { font-size: 1.4em; padding: 0; } #popupContainer #popup h3 img { display: inline; } #popupContainer #popup p { line-height: 150% !important; } #popupContainer #popup .whatCarPhoto { float: right; margin: 0px 0px 6px 20px; } #popupContainer #popup #whatCarDetails { width: 580px; } #popupContainer #popup #whatCarDetails ul.domtabs { height: 35px; padding: 0; margin: 0; list-style: none; border-bottom: 1px solid #860101; } #popupContainer #popup #whatCarDetails ul.domtabs li { float: left; display: block; margin-right: 9px; } #popupContainer #popup #whatCarDetails ul.domtabs li span { display: none; } #popupContainer #popup #whatCarDetails ul.domtabs li a { cursor: pointer; } #popupContainer #popup #whatCarDetails ul.domtabs li a#tabOnTheRoad { display: block; width: 115px; height: 35px; background: url(../images/layup/tabWhatCar.gif) 0px 0px no-repeat; } #popupContainer #popup #whatCarDetails ul.domtabs li a#tabOnTheRoad:hover { background: url(../images/layup/tabWhatCar.gif) 0px -35px no-repeat; } #popupContainer #popup #whatCarDetails ul.domtabs li.active a#tabOnTheRoad { background: url(../images/layup/tabWhatCar.gif) 0px -35px no-repeat; } #popupContainer #popup #whatCarDetails ul.domtabs li a#tabOwnership { display: block; width: 101px; height: 35px; background: url(../images/layup/tabWhatCar.gif) -124px 0px no-repeat; } #popupContainer #popup #whatCarDetails ul.domtabs li a#tabOwnership:hover { background: url(../images/layup/tabWhatCar.gif) -124px -35px no-repeat; } #popupContainer #popup #whatCarDetails ul.domtabs li.active a#tabOwnership { background: url(../images/layup/tabWhatCar.gif) -124px -35px no-repeat; } #popupContainer #popup #whatCarDetails ul.domtabs li a#tabInTheCabin { display: block; width: 111px; height: 35px; background: url(../images/layup/tabWhatCar.gif) -235px 0px no-repeat; } #popupContainer #popup #whatCarDetails ul.domtabs li a#tabInTheCabin:hover { background: url(../images/layup/tabWhatCar.gif) -235px -35px no-repeat; } #popupContainer #popup #whatCarDetails ul.domtabs li.active a#tabInTheCabin { background: url(../images/layup/tabWhatCar.gif) -235px -35px no-repeat; } #popupContainer #popup #whatCarDetails ul.domtabs li a#tabTechnicalInformation { display: block; width: 174px; height: 35px; background: url(../images/layup/tabWhatCar.gif) -356px 0px no-repeat; } #popupContainer #popup #whatCarDetails ul.domtabs li a#tabTechnicalInformation:hover { background: url(../images/layup/tabWhatCar.gif) -356px -35px no-repeat; } #popupContainer #popup #whatCarDetails ul.domtabs li.active a#tabTechnicalInformation { background: url(../images/layup/tabWhatCar.gif) -356px -35px no-repeat; } #popupContainer #popup #whatCarDetails .tabset_content { background:url(../images/layup/whatCarTabBg.gif) bottom left no-repeat; padding: 16px 31px; } /*----- DEALER LOCATOR -----*/ #dealer {} .map { float: left; margin-right:1px; margin-bottom: 10px; } .map .title { background:#eae7e2; font-weight: bold; padding: 5px 0px 5px 10px; margin-bottom: 1px; } #showroom { float: left; margin-bottom: 10px; } #showroom .title { background:#d3ccc2; font-weight: bold; padding: 5px 0px 5px 10px; margin-bottom: 1px; } #hours { float: left; margin-right:1px; margin-bottom: 30px; width: 385px; } #hours .padding { padding: 8px 11px 0px 11px !important; } #hours .title { background:#eae7e2; font-weight: bold; padding: 5px 0px 5px 10px; margin-bottom: 1px; } #hours table { width: 100%; } #hours table td { padding: 2px 0px 2px 0px; } #address { float: left; margin-right:1px; margin-bottom: 30px; width: 250px; } #address .padding { padding: 8px 11px 0px 11px !important; } #address .title { background:#d3ccc2; font-weight: bold; padding: 5px 0px 5px 10px; margin-bottom: 1px; } #address address { line-height: 120%; margin-bottom: 12px; } #dealerList { } #dealerList ul { list-style: none; margin: 0px; padding: 0px; } #dealerList li { float: left; display: block; width: 311px; margin-right: 5px; margin-bottom: 18px; } #dealerList li .title { display: block;background:#eae7e2; font-weight: bold; padding: 5px 0px 5px 10px; } #dealerListSmall { } #dealerListSmall ul { list-style: none; margin: 0px; padding: 0px; } #dealerListSmall li { float: left; display: block; width: 207px; margin-right: 5px; margin-bottom: 7px; } #dealerListSmall li a { text-decoration: none; } #dealerListSmall li img { width: 207px; } #dealerListSmall li .title { display: block;background:#eae7e2; font-weight: bold; padding: 5px 0px 5px 10px; font-size: 0.9em; } /* ----- HOME JUMP SPRITES ----- */ #findVehiclesByType {} #findVehiclesByType a { display: block; width: 114px; height: 101px; float: left; margin-right: 13px; } #findVehiclesByType a.lastItem { margin-right: 0px; } #findVehiclesByType a#type1:hover { background: url(../images/layup/spriteHomeJumps.jpg) 0px 0px no-repeat; } #findVehiclesByType a#type2:hover { background: url(../images/layup/spriteHomeJumps.jpg) -114px 0px no-repeat; } #findVehiclesByType a#type3:hover { background: url(../images/layup/spriteHomeJumps.jpg) -228px 0px no-repeat; } #findVehiclesByType a#type4:hover { background: url(../images/layup/spriteHomeJumps.jpg) -342px 0px no-repeat; } #findVehiclesByType a#type5:hover { background: url(../images/layup/spriteHomeJumps.jpg) -456px 0px no-repeat; } #findVehiclesByType a#type6:hover { background: url(../images/layup/spriteHomeJumps.jpg) 0px -101px no-repeat; } #findVehiclesByType a#type7:hover { background: url(../images/layup/spriteHomeJumps.jpg) -114px -101px no-repeat; } #findVehiclesByType a#type8:hover { background: url(../images/layup/spriteHomeJumps.jpg) -228px -101px no-repeat; } #findVehiclesByType a#type9:hover { background: url(../images/layup/spriteHomeJumps.jpg) -342px -101px no-repeat; } #findVehiclesByType a#type10:hover { background: url(../images/layup/spriteHomeJumps.jpg) -456px -101px no-repeat; } #findVehiclesByType a#type1 { background: url(../images/layup/spriteHomeJumps.jpg) 0px -202px no-repeat; } #findVehiclesByType a#type2 { background: url(../images/layup/spriteHomeJumps.jpg) -114px -202px no-repeat; } #findVehiclesByType a#type3 { background: url(../images/layup/spriteHomeJumps.jpg) -228px -202px no-repeat; } #findVehiclesByType a#type4 { background: url(../images/layup/spriteHomeJumps.jpg) -342px -202px no-repeat; } #findVehiclesByType a#type5 { background: url(../images/layup/spriteHomeJumps.jpg) -456px -202px no-repeat; } #findVehiclesByType a#type6 { background: url(../images/layup/spriteHomeJumps.jpg) 0px -303px no-repeat; } #findVehiclesByType a#type7 { background: url(../images/layup/spriteHomeJumps.jpg) -114px -303px no-repeat; } #findVehiclesByType a#type8 { background: url(../images/layup/spriteHomeJumps.jpg) -228px -303px no-repeat; } #findVehiclesByType a#type9 { background: url(../images/layup/spriteHomeJumps.jpg) -342px -303px no-repeat; } #findVehiclesByType a#type10 { background: url(../images/layup/spriteHomeJumps.jpg) -456px -303px no-repeat; } /* ----- ECO FLASH -----*/ #ecoFlash { margin:0 0 15px; } /* ----- WARRANTY ----- */ #warrantyContent { font-size: 11px; width:616px; padding-left:12px; background:url(../images/layup/warrantyBg.gif) repeat-y; } #warrantyContent a { font-weight:normal; color:#fff; text-decoration:none; } .warrantyForm { width: 310px; background:url(../images/layup/warrantyFormBg.gif) top left repeat-y; font-size: 0.9em; } .warrantyForm .title { padding: 14px 0px 8px 14px; } .warrantyForm form { padding: 0px 14px 0px 14px; } .warrantyForm label { width: 100px; color:#fff; font-weight: bold; } .warrantyForm input { width: 172px !important; } .warrantyForm textarea { width: 172px !important; height: 60px;} .warrantyForm select { width: 176px !important; } .warrantyForm form div { margin-bottom: 9px; } .warrantyForm .submit { width: 87px !important; height: 44px !important; float: right; } .warrantyOption { margin-top: 10px; margin-bottom: 6px; } .warrantyBox { width: 296px; margin-bottom: 7px; } .warrantyBox #slideRoadside, .warrantyBox #slideMotTest, .warrantyBox #slide12Months { padding: 7px 9px 0px 9px; } .warrantyBox ul { padding: 0; margin: 0px 0px 0px 15px; } .warrantyBox ul li { padding-bottom: 12px; line-height: normal; } .warrantyTerms { font-size: 0.8em; background:url(../images/layup/warrantyBottom.jpg) no-repeat; color:#fff; padding:35px 20px 0px; height:74px; } /* ----- DRIVESMART */ #drivesmart {} #drivesmart h2 { font-size:18px; color:#464646; } #drivesmart #keyAdvantages { width:614px; border:1px solid #d7d7d7; padding:10px; margin:0 0 20px; height: 100px; background:url(../images/layup/drivesmartKeyAdBg.jpg) #272727 repeat-x left top; } #drivesmart #keyAdvantages div { width: 280px; float: left; padding-right: 15px; } #drivesmart #keyAdvantages ul { padding: 0; margin: 0px 0px 0px 15px; } #drivesmart #keyAdvantages li { font-size:12px; font-weight:bold; color:#fff; padding-bottom: 10px; } #drivesmart #vehicleDetails {} #drivesmart #vehicleDetails form { width:608px; } #drivesmart #vehicleDetails div { margin:0 0 12px; float:left; } #drivesmart #vehicleDetails .clear { margin:0; float:none; } #drivesmart #vehicleDetails label { width:131px; padding:0 0 0 18px; } #drivesmart #vehicleDetails select { width:152px; } #drivesmart #vehicleDetails input { width:148px; } #drivesmart #vehicleDetails #estimatedCost { font-size:16px; font-weight:bold; color:#63a75e; margin:0; float:right; } #drivesmart #vehicleDetails #monthlyCost { font-size:14px; font-weight:bold; color:#000; float:right; } #drivesmart #vehicleDetails #recalculate { width:159px; height:46px; border:none; } #drivesmart #requestTailored {} #drivesmart #requestTailored form { width:608px; } #drivesmart #requestTailored div { margin:0 0 12px; float:left; } #drivesmart #requestTailored .clear { margin:0; float:none; } #drivesmart #requestTailored label { width:131px; padding:0 0 0 18px; } #drivesmart #requestTailored select { width:152px; } #drivesmart #requestTailored input { width:148px; } #drivesmart #requestTailored #estimatedCost { font-size:16px; font-weight:bold; color:#63a75e; margin:0; float:right; } #drivesmart #requestTailored #monthlyCost { font-size:14px; font-weight:bold; color:#000; float:right; } #drivesmart #requestTailored #submit { width:159px; height:46px; border:none; } /* ----- SAVE & COMPARE ----- */ #saveCompare {} #saveCompare table { width:100%; } #saveCompare .thumb { width:155px; height:116px; position:relative; margin:0 auto; } #saveCompare .thumb .frame { position:absolute; left:0; top:0; } #saveCompare th { padding:0 0 10px; } #saveCompare tfoot td { padding:5px 0 0; } #saveCompare tbody td { border-right:1px solid #fff; padding:5px 0 5px 10px; font-size:12px; color:#000; background:#e9e9e9; } #saveCompare tbody tr.altRow td { background:#fff; } #saveCompare tbody td.padding { padding:5px 0 5px 5px; } /* ----- CLASSES ----- */ .clear { clear:both; } .clearSmall { clear:both; line-height: 0px; font-size: 0px; height: 0px; display: block; } .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;} .relative { position:relative; } .inline {display:inline;} .hand { cursor:pointer;} .linkFix { text-decoration: none; } .width80 { width:80px; } .width95 { width: 95px; } .width120 { width: 120px; } .trAlt { background: #f4f4f4; } .red { color: #c90001 !important; } .printUsedShow { display: none !important; } /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 12px 0; font-size:100%; font-weight:bold;} h1 { font-size: 2.2em; } /* ----- TOP NAVIGATION ----- */ #nav { height: 35px; width: 935px; font-size: 1.2em; position:relative; z-index:998; } #nav ul { padding: 0; margin: 0; } #nav li { list-style: none; float:left; padding: 0px; margin: 0px 9px 0px 0px; } #nav a { display: block; text-decoration: none; background:url(../images/layup/navRight.gif) right top no-repeat; color: #fff; } #nav a.offersLink { background:url(../images/layup/navRightOffers.gif) right top no-repeat; color:#FFF; } #nav a span { display: block; padding: 7px 6px 7px 7px; background:url(../images/layup/navLeft.gif) left top no-repeat; } #nav a.offersLink span { background:url(../images/layup/navLeftOffers.gif) left top no-repeat; } #nav a:hover { text-decoration: none; background:url(../images/layup/navHoverRight.gif) right 1px no-repeat; color: #323232; } #nav a:hover span { background:url(../images/layup/navHoverLeft.gif) left 1px no-repeat; } #nav .active { text-decoration: none; background:url(../images/layup/navHoverRight.gif) right 1px no-repeat; color: #323232; } #nav .active span { background:url(../images/layup/navHoverLeft.gif) left 1px no-repeat; } #nav li.last { margin-right: 0; } #nav li.last span { padding: 7px 15px 7px 15px; } /* ----- DROPDOWN NAV ----- */ #nav ul li ul {left: -999em; position: absolute; } #nav ul li:hover ul, #nav ul li.sfhover ul { left: auto; padding:0 0 2px; margin:0; display: block; width: 198px; background:#fff; } #nav ul li:hover ul li, #nav ul li.sfhover ul li { display: block; padding:0 2px; margin: 0px; background: #ececec; width: 194px; background:#fff; } #nav ul li:hover ul li a, #nav ul li.sfhover ul li a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#3a3a3a; padding:5px 0 5px 5px; background:#fff; font-weight:normal; } #nav ul li:hover ul li a:hover, #nav ul li.sfhover ul li a:hover { background:#3f3f3f; color:#fff; } /* ----- 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 9px no-repeat; padding:6px 0 5px 18px;} #sitemap a { text-decoration: none; } #sitemap a:hover { text-decoration: underline; } /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ .pageInfo { background:url(../images/layup/dotsH.gif) bottom left repeat-x; padding: 3px 0 10px 0; margin-bottom: 10px; } #breadcrumbs { float: left; background: none; color: #000; } #breadcrumbs a { font-weight: normal; text-decoration: none; color: #000; } #breadcrumbs a:hover { font-weight: normal; } #breadcrumbs .active { font-weight: bold; color: #59A650; text-decoration: underline; } .pagination { float: right; font-size: 12px; height: 20px; width: 315px; } .pagination a { display: block; float: left; padding: 0px 5px 0px 5px; font-weight: normal; text-decoration: none; color: #3a3a3a; } .pagination a:hover { text-decoration: underline; color:#59a650; } .pagination .active { text-decoration: underline; font-weight: bold; color:#59a650; } .pagination a img { display: inline; } #searchInfo { background:url(../images/layup/dotsH.gif) bottom left repeat-x; padding: 0px 0px 10px 0px; margin: 0px; margin-bottom: 16px; } #sort { float: left; width: 190px; margin-right: 20px; } #sort label { font-weight: bold; width: 55px; } #sort select { width: 125px; } #perPage { float: left; width: 115px; } #perPage label { font-weight: bold; width: 60px; } #perPage select { width: 50px; } #whatCarSelect { background: url(../images/layup/whatCar/selectWhatCarBg.gif) top left repeat-y; width: 640px; margin: 5px 0px 5px -10px; } #whatCarSelect table { width: 99% !important; padding: 0px 3px 0px 3px; margin: 0px 0px 0px 5px; } #whatCarSelect table a { font-weight: bold; color: #535353; } #whatCarSelect table td.altRow {background: #f0f0f0; } /* ----- FOOTER ----- */ .footerClear { padding-bottom: 134px; display: block; clear: both; } #footer { background: url(../images/layup/footerBg.gif) top left repeat-x; margin-top: -134px; min-height:134px; } * html #footer { height:134px; } #footer #footerContainer { width:917px; margin: 0 auto; padding: 10px 9px; text-align:left; font-size:120%; color: #fff; } #footer #footerContainer a { font-weight:bold; text-decoration:none; color: #fff; } #footer #footerContainer a:hover { text-decoration:underline; } #footer #footerContainer p { padding-bottom: 4px; } #footer #footerContainer .legalInfo { text-align: right; float: right; } #footer #footerContainer .legalInfo p { padding-bottom: 12px; line-height: 140%; } #footer #footerContainer #dealerLocations { clear:left; width:700px; } #footer #footerContainer #dealerLocations ul { margin:0; padding:0; } #footer #footerContainer #dealerLocations ul li { margin:0; padding:0; float:left; list-style:none; } #footer #footerContainer #dealerLocations ul li a { text-decoration:none; } #footer #footerContainer #dealerLocations ul li a:hover { text-decoration:underline; } /* ----- GLOBAL ----- */ img { display:block; border:0; } p { padding:0 0 15px 0; margin:0; line-height: 120%; } address { font-style:normal;} #rightCol .inner .padding ul { margin: 0px; padding: 5px 0px 10px 15px; } /* ----- LINKS ----- */ a { color:#59a650; 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:285px; float:left; } input, textarea { width:200px; font-size:11px !important;} .required { color:#b80505;} .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:75px; height:27px; border:none;} #frmOffer { margin-bottom:0px;} #frmOffer label { display:block; width:80px !important; float:left; } #frmOffer select { width:204px;} #frmOffer div { margin-bottom:5px;} #frmOffer #submit { width:87px; height:44px; border:none; margin-left: 120px;} #promoForm { padding:12px 0 0 19px; } #promoForm .signupBoxes { margin-bottom:20px; margin-top:10px;} #promoForm .signupBoxes label { float:left; width:450px; position:relative; top:3px;} #promoForm .signupBoxes input { float:left; width: 16px; margin-right: 10px; } #promoForm select { width:125px !important; display:block; margin-right:15px;} #promoForm .carSelects { padding-top:18px;} #promoForm .submitButton { margin:20px 0 20px 0;} .driveSmartBanner { margin-bottom: 20px; } #driveSmartFrm { width: 352px; float: right; margin: 0px 0px 15px 15px; } #driveSmartFrm form { background: #ae0404; color: #ffffff; padding: 0px; margin: 0px; } #driveSmartFrm label { width: 123px; text-align: right; margin-right: 6px; font-weight: bold; } #driveSmartFrm .title { padding-bottom: 10px; } #driveSmartFrm #btnSubmitRed { width: 83px; height: 32px; } /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #b80505; 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: #b80505; color : #FFF; font-weight: bold; } .warrantyForm .validation-advice {width:273px;} /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } /* ----- MEET THE TEAM 05-11-09 ----- */ #meetTheTeam {} #meetTheTeam .domtab { margin-top: 0px; margin-bottom: 0px; padding: 0px; margin-left: 0px; float:left; position:relative; } #meetTheTeam .tabset_tabs { margin:0px 0px 0px 0px; padding:0; list-style:none; height: 67px !important; display:inline; } #meetTheTeam .tabset_tabs li { list-style: none; display: inline; float:left; position:relative; cursor:pointer; } #meetTheTeam .tabset_tabs a#bournemouth { display:block; height:67px; width:319px; background:url(../images/layup/spriteMeetTeam.jpg) left top no-repeat; float:left; } #meetTheTeam .tabset_tabs li.active a#bournemouth { display:block; height:67px; width:319px; background:url(../images/layup/spriteMeetTeam.jpg) left bottom no-repeat; float:left; } #meetTheTeam .tabset_tabs a#sailsbury { display:block; height:67px; width:319px; background:url(../images/layup/spriteMeetTeam.jpg) right top no-repeat; float:left; cursor:pointer; } #meetTheTeam .tabset_tabs li.active a#sailsbury { display:block; height:67px; width:319px; background:url(../images/layup/spriteMeetTeam.jpg) right bottom no-repeat; float:left; } .teamItem { width: 318px; float:left; margin-top:15px; } .teamItem .frame { width:135px; height:102px; float:left; background:url(../images/layup/teamItemFrame.jpg) no-repeat; display:block; padding:9px 0 0 10px; margin-right:5px; } .teamItem .name { float:left; font-size:14px; font-weight:bold; padding:10px 0 5px; } .teamItem .info { font-size:12px; float:left; padding:0px; } /* ------ WALLISDOWN XMAS SALE ------ */ #wallisdownSaleBanner { width:639px; height:197px; margin-bottom:20px; background:url(../images/layup/wallisdownXmasBanner.jpg) no-repeat left 4px; position:relative; } #wallisdownSaleBanner #corner { position: absolute; top:-24px; right:-9px; } .wallisdownJump { width:199px; position:relative; margin-right:21px; margin-bottom:10px; float:left; } .wallisdownJump .tagEnd { position:absolute;top:26px; right:-8px; } .wallisdownJump .snow { position:absolute;bottom:27px; left:-2px; } .wallisdownJump.last { margin-right:0px !important; } /* ----- WARRANTY PAGE FEB 2010 ----- */ #warrantyContain {} #warrantyContain .title { float:left; width:430px; font-weight:bold; font-size:25px; color:#000; padding:0; margin:0; } #warrantyContain .subtitle { width:430px; font-weight:normal; font-size:20px; color:#707070; padding:0; margin:0; } #warrantyContain .badge { float:right; margin-top:-20px; } #warrantyContain #selectionBox { width:594px; padding:65px 23px 20px; margin-top:20px; float:left; background:url(../images/layup/warrantySelectionBg.gif) left top no-repeat #d9d9d9; } #warrantyContain #selectionBox .jump { float:left; margin-right:30px; } #warrantyContain #selectionBox .jump.last { margin-right:0px; } #warrantyContain #availableBuy { width:594px; margin:20px 0px; padding:65px 23px 20px ;float:left; background:url(../images/layup/avaliableToBuyBg.gif) left top no-repeat #d9d9d9; } /* ----- RCZ EVENT MARCH 2010 ----- */ #rczEvent { } #rczEvent p { line-height:16px !important; } /* ----- CAR MILES ----- */ #carMilesBanner { margin-bottom:20px; } #carMilesForm { width:314px; float:right; margin-left:20px; margin-bottom:20px; background:url(../images/layup/carMilesFormBg.gif) top left no-repeat; } #carMilesForm #padding { padding:52px 15px 0 30px; } #carMilesForm div { margin-bottom:5px; } #carMilesForm label { width:65px; color:#fff; font-weight:bold; } #carMilesForm select { width:199px; } #carMilesForm input { width:195px; } #carMilesForm textarea { width:195px; height:69px; } .selectedRange a { color:red !important; } #frmContact2 .validation-advice { width:200px; } /* ---------------------------------------------------------------------*/ /* --------------------- CODEWEAVERS EXAMPLES ------------------------- */ /* ---------------------------------------------------------------------*/ .cwDisclosureHeight { height: 302px !important; margin-top:-302px !important; } .cwDisclosure {} #footer .cwDisclosure { float:left; } .cwDisclosure h2 { font-size: 12px; padding-bottom: 4px; } .cwDisclosure ul { padding: 0; margin: 0px 0px 15px 25px; } .codeWeaversExample { margin: 5px 0px 15px 0px; } .codeWeaversExample h2 { color: #000; font-size: 11px; padding-bottom: 3px; } .codeWeaversExample table { width: 100%; border-collapse: separate; } .codeWeaversExample td.tableHeading { background: #c6c6c6; color: #000; font-size: 0.9em; padding: 3px !important; } .codeWeaversExample td { background: #f2f2f2; color: #000; padding: 3px !important; } .codeWeaversExample tfoot { background: none !important; } .codeWeaversExample tfoot td { background: none; color: #000; font-weight: bold; padding: 3px !important; }