/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : John Davies / john.davies@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for drive Springfield site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ html { height: 100%; } body { height: 100%; font:62.5%/1.6 verdana, arial, helvetica, sans-serif; margin:0; padding:0; background:#f7f7f7 url(../images/layup/bodyPattern.gif) top left repeat-x; color:#646464; 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% verdana, arial, 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! */ #dropDownWindow { margin:0; padding:0; text-align:center; } #dropDownInner { width:950px; margin:0 auto; text-align:left; font-size:110%; line-height: normal; position: relative; z-index: 99999999; } #dropDownInnerContent { position: absolute; top: 152px; right: 0px; width: 687px; } #dropDownInnerContent #flowerOverlay { position: absolute; top: 76px; right: -93px; } #dropDownInnerContent #formHolder { width: 687px; height: 275px; background: url(../images/layup/valentineDropDownBot.gif) no-repeat; } #dropDownInnerContent #formHolder form { padding: 25px 0px 0px 200px; margin: 0px; } #dropDownInnerContent #formHolder form div { width: 240px; float: left; margin-bottom: 5px; } #dropDownInnerContent #formHolder form label { width: 190px; float: none; color: #6d123e; text-transform: uppercase; } #dropDownInnerContent #formHolder form input { width: 190px; float: none; } #dropDownInnerContent #formHolder form input#frmBtnSubmit { width: 142px !important; height: 31px !important; margin-top: 5px; } /* ----- IDS ----- */ #inner { width: 100%; height: 100%; background: url(../images/layup/bodyImage.jpg) center 132px no-repeat; } #container { min-height: 100%; width:950px; margin:0 auto; text-align:left; font-size:110%; line-height: normal; } * html #container{ height: 100%; } #printHeader { display:none;} #header { height: 92px; position: relative; } #header #logo { position: absolute; top: 14px; left: 1px; } #header #backToGroup { position: absolute; top: 3px; left: 380px; } #header #quickSearch { position: absolute; top: 9px; right: 1px; background: url(../images/layup/quickSearch.gif) top left no-repeat; width: 213px; height: 28px; padding: 30px 0px 0px 14px; } #header #quickSearch form input { border: 1px solid #fff; height: 13px; width: 168px; } #header #quickSearch form div { float: left; } #header #quickSearch form .submit { width: 18px; height: 17px !important; border: none; } #header #badge { position: absolute; top: 0px; right: 0px; } /* ----- LEFT COLUMN ----- */ #leftCol { float: left; width: 237px; margin-top: 19px; padding-bottom: 20px; } #leftCol .usedCarSearch { } #leftCol .usedCarSearch form { background: url(../images/layup/carSearchBg.gif) top left repeat-y; padding: 12px 14px 0px 14px; margin-top:-2px; } #leftCol .usedCarSearch form div { margin-bottom: 12px; } #leftCol .usedCarSearch form select { width: 200px; height: 19px; } #leftCol .usedCarSearch form .btnSearch { margin-bottom: 4px; } #leftCol .usedCarSearch form .btnSearch input { width: 142px; height: 31px; } #leftCol .usedCarSearch form .filterCars { float: left; margin-right: 10px; margin-top: 4px; } #leftCol .usedCarSearch form .filterVans { float: left; margin-top: 4px; } #leftCol .usedCarSearch form .checkRadio { float: left; top: -3px; } #leftCol .usedCarSearch form .availableCars { padding-bottom: 4px; font-size: 1.0em; font-weight: bold; color: #fff; margin-bottom: 0; } #leftCol .usedCarSearch form .availableCars .number { font-size: 1.4em; } #leftCol .box { margin-top: 8px; background: url(../images/layup/leftColBoxBg.gif) top left no-repeat; color: #fff; } #leftCol .box a { display: block; cursor: pointer; font-weight: normal; color: #fff; text-decoration: none; width: 237px; } #leftCol .box .padding { display: block; background: url(../images/layup/leftColBoxBottom.gif) bottom left no-repeat; padding: 15px 15px 15px 15px; } #leftCol .box .title { display: block; padding-bottom: 8px; } #leftCol .box .content { display: block; padding-bottom: 12px; } #leftCol .locations select { width: 206px; margin-bottom: 6px; } #leftCol .favourites a { display: inline; width: 58px; height: 44px; } #leftCol .favourites .thumbOne { display: block; width: 58px; height: 44px; margin: 0px 16px 11px 0px; background:url(../images/layup/saveCompare1.gif) top left no-repeat; float: left; position: relative; } #leftCol .favourites .thumbOne .frame { position: absolute; top: 0px; left: 0px; } #leftCol .favourites .thumbTwo { display: block; width: 58px; height: 44px; margin: 0px 16px 11px 0px; background:url(../images/layup/saveCompare2.gif) top left no-repeat; float: left; position: relative; } #leftCol .favourites .thumbTwo .frame { position: absolute; top: 0px; left: 0px; } #leftCol .favourites .thumbThree { display: block; width: 58px; height: 44px; margin: 0px 0px 11px 0px; background:url(../images/layup/saveCompare3.gif) top left no-repeat; float: left; position: relative; } #leftCol .favourites .thumbThree .frame { position: absolute; top: 0px; left: 0px; } #leftCol .favourites .thumbFour { display: block; width: 58px; height: 44px; margin: 0px 16px 11px 0px; background:url(../images/layup/saveCompare4.gif) top left no-repeat; float: left; position: relative; } #leftCol .favourites .thumbFour .frame { position: absolute; top: 0px; left: 0px; } #leftCol .favourites .thumbFive { display: block; width: 58px; height: 44px; margin: 0px 16px 11px 0px; background:url(../images/layup/saveCompare5.gif) top left no-repeat; float: left; position: relative; } #leftCol .favourites .thumbFive .frame { position: absolute; top: 0px; left: 0px; } #leftCol .favourites .thumbSix { display: block; width: 58px; height: 44px; margin: 0px 0px 11px 0px; background:url(../images/layup/saveCompare6.gif) top left no-repeat; float: left; position: relative; } #leftCol .favourites .thumbSix .frame { position: absolute; top: 0px; left: 0px; } #leftCol .social .padding { padding: 25px 15px 25px 15px; } #leftCol .social a { width: auto !important; } /* ----- RIGHT COLUMN ----- */ #rightCol { float: right; width: 702px; } #rightCol #contactDetails { width: 310px; height: 46px; float: right; } #flashBannerHome { float: right; width: 713px; margin-bottom:25px; position: relative; } #flashBannerHome #valentinesOffer { position: absolute; top: -15px; left: -20px; width: 687px; height: 80px; } #flashBanner { float: right; width: 702px; margin-bottom:25px; } #rightCol #primaryJumps { height: 155px; } #rightCol #primaryJumps .jump { float: left; } #rightCol #primaryJumps .jump a { display: block; cursor: pointer; text-decoration: none; font-weight: normal; padding-left: 16px; padding-right: 25px; width: 188px; } #rightCol #primaryJumps .jump.offers { background:url(../images/layup/jumpOffersBg.gif) top right no-repeat; } #rightCol #primaryJumps .jump.business { background:url(../images/layup/jumpBusinessBg.gif) top right no-repeat; } #rightCol #primaryJumps .jump.bodyshop { background:url(../images/layup/jumpBodyshopBg.gif) top right no-repeat; } #rightCol #primaryJumps .jump .title { display: block; padding-bottom: 14px; } #rightCol #primaryJumps .jump .content { display: block; padding-bottom: 20px; height:50px; } #rightCol #primaryJumps .jump .btn { display: block; margin-bottom:20px; } #mainContentTop {height:13px;} #rightCol #contactDetails #phoneNumbers{ height:41px; padding-right:7px; float:left; background:url(../images/layup/telephoneRightBg.gif) right top no-repeat; } #rightCol #contactDetails #phoneNumbers #numberContain { height:41px; float:left; background:url(../images/layup/telephoneLeftBg.gif) left top no-repeat; } #rightCol #contactDetails #phoneNumbers #numberContain .location { color:#fff; padding:5px 0 0 5px ; float:left; margin-right:4px; } #rightCol #contactDetails #phoneNumbers #numberContain .location.last { margin-right:0px !important; } #rightCol #contactDetails #phoneNumbers #numberContain .location .town { font-size:10px; } #rightCol #contactDetails #phoneNumbers #numberContain .location .number { font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; } #homeBanner { width:682px; height:245px; padding:5px 0 0 5px; float:left; position:relative; } #homeBanner .frame{ position:absolute; top:0px; left:0px; } #homeBanner .numbers { position:absolute; top:15px; right:9px; width:252px; height:31px; z-index:100;} #homeBanner .numbers a { display:block; height:27px; text-decoration:none; font-weight:bold; padding:4px 0 0 0; width:30px; font-size:18px; color:#FF0000; display:inline; float:left; text-align:center; margin-right:6px; background:url(../images/layup/spriteBannerNumbers.gif) left top no-repeat; } #homeBanner .numbers a.active { background:url(../images/layup/spriteBannerNumbers.gif) left bottom no-repeat; color:#fff; } #mainImage {position:relative; width:699px; height:246px; padding: 3px 0px 0px 4px;} #mainImageFrame {position:absolute; top:0px; left:0px; z-index:999999;} #homeContent { padding: 25px 14px 10px 14px; } #mainContent { background: #fff; padding: 0px 12px 35px 12px; width: 678px; position:relative; } /* ----- CMS IMAGE ----- */ .cmsImage { float: right; margin: 0px 15px 15px 15px; position: relative; display: inline; } .cmsImage .frame { position: absolute; top: -9px; left: -10px; } .cmsImage .latestPrice { position: absolute; top: 1px; right: 4px; z-index: 999; } #contactFormSmall { float:right; clear: right; width: 347px; position: relative; display: inline; margin: 0px 10px 15px 15px; background:url(../images/layup/contactUsBg.gif) bottom left no-repeat; } #contactFormSmall form { padding: 10px 20px 10px 20px; } #contactFormSmall form div { margin-bottom: 12px; } #contactFormSmall input { width: 164px; } #contactFormSmall label { width: 128px; } #contactFormSmall textarea { width: 164px !important; } #contactFormSmall #submit { width: 95px; height:25px; } #contactFormSmall .validation-advice { margin: 5px 0; width:292px; padding: 5px; background-color: #c80909; color : #FFF; font-weight: bold; } /* ----- VALENTINES FORM ----- */ #valentinesFormOffer { width: 675px; height: 446px; background: url(../images/layup/valentinesFormBg.jpg) no-repeat; margin-bottom: 15px; } #valentinesFormOffer #formContainer { height: 367px; width: 675px; position: relative; } #valentinesFormOffer #formContainer #flowerOverlay { position: absolute; top: 0px; left: 0px; } #valentinesFormOffer #formContainer #formHolder { padding: 90px 0 0 382px; width: 223px; } #valentinesFormOffer #formContainer #formHolder label { width: 223px; color: #6d123e; font-size: 11px; text-transform: uppercase; margin-bottom: 2px; } #valentinesFormOffer #formContainer #formHolder input { width: 223px; margin-bottom: 6px; } #valentinesFormOffer #formContainer #formHolder input#frmBtnSubmit { width: 142px; height: 31px; margin-top: 10px; } /* ----- LIST ----- */ #list {} #list .listItem { background:url(../images/layup/dotsH.gif) bottom left repeat-x; padding: 0 0 15px; position:relative; float:left; } #list .listItem div { display: block; text-decoration: none; cursor: pointer; width: 678px; font-weight: normal; padding-bottom: 10px; padding-top: 10px; } #list .listItem a {text-decoration:none !important; } #list .listItem .thumb img { width:182px; height:137px; } #list .listItem .thumb { display: block; position: relative; float: left; margin-right: 6px; background: url(../images/layup/noImageUsed182x137.gif) top left no-repeat; width: 182px; height: 137px; } #list .listItem .thumb .specialOffer { position: absolute; top: 0px; right: -1px; } #list .listItem .thumb .specialOffer img { width: auto; height: auto; } #list .listItem .thumb .frame { display: block; position: absolute; top: 0px; left: 0px; } #list .listItem .title { display: block; width: 480px; padding: 3px 0px 0px 8px; color: #41403d; margin-bottom: 2px; float: left; background:url(../images/layup/listTitle.gif) top left no-repeat; height: 22px; font-size: 1.4em; font-weight: bold; } #list .listItem .description { display: block; width: 472px; min-height: 79px; padding: 5px 8px 0px 8px; float: left; background: #eae6dd url(../images/layup/listDetail.gif) top left no-repeat; } #list .listItem .description .btns { display: block; position: relative; float: right; width: 221px; } #list .listItem .description .btns .price { display: block; text-align: right; width: 211px; height: 28px; margin-bottom: 5px; margin-top: 5px; padding: 3px 10px 0px 0px; font-size: 2.0em; font-weight: bold; color: #41403d; background:url(../images/layup/listPrice.gif) top left no-repeat; } #list .listItem .save { display: block; position:absolute; top: 83px; right: 10px; z-index:999999; } #list .listItem .description .btns .moreInfo { display: block; width: 107px; } #list .listItem .description .spec { display: block; width: 248px; color: #747474; height: 16px; } #list .listItem .description .spec .specTitle { display: block; width: 109px; float: left; background:url(../images/layup/iconArrow.gif) 94px 4px no-repeat; } #list .listItem .description .spec .specItem { display: block; width: 139px; float: left; } #list .listItem .location { display: block; width: 472px; height: 23px; color: #41403d; padding: 3px 8px 0px 8px; float: left; background: #eae6dd url(../images/layup/listLocation.gif) top left no-repeat; } #list .listItem .codeweaversContain { width:674px; background:url(../images/layup/codeweaversTop.gif) left top no-repeat #eae6dd; padding:5px 0 0; } #list .listItem .codeweaversContain table { margin-left:6px; } #list .listItem .codeweaversContain td { text-align:center; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding:3px 0; border-bottom:1px solid #979591; } #list .listItem .codeweaversContain td.heading { color:#363434; } #list .listItem .codeweaversContain tr.noBorder td { border:none; } /* ----- BOX LIST ----- */ #boxList {} #boxList .box { float: left; margin-right: 40px; } #boxList .box.last { margin-right: 0px; } #boxList .box a { display: block; cursor: pointer; text-decoration: none; color: #434040; width: 196px; } #boxList .box .thumb { display: block; position: relative; width: 189px; height: 143px; padding: 9px 0px 0px 7px; background:url(../images/layup/noImage182x137.gif) 7px 9px no-repeat; } #boxList .box .sideTab { display: block; position: absolute; top: 12px; right: -20px; z-index: 999; } #boxList .box .thumb .frame { display: block; position: absolute; top: 0px; left: 0px; } #boxList .box .title { display: block; background: url(../images/layup/boxListTitle.gif) top left no-repeat; text-transform: uppercase; padding: 10px 40px 0px 20px; height: 52px; width: 136px; } #boxList .box .title { display: block; } /* ----- NEW CAR DETAIL ----- */ #newCarOptions { float: right; clear: right; margin-right: 7px; margin-bottom: 15px; margin-left: 15px; width: 331px; background:url(../images/layup/dotsH.gif) top left repeat-x; padding-top: 7px; } #newCarOptions .btnSet { margin-bottom: 5px; width: 331px; } /* ----- USED CAR DETAIL ----- */ #usedCarPhoto { float: left; position: relative; width: 332px; height: 249px; } #usedCarPhoto .enlarge { position: absolute; } #usedCarPhoto .special { position: absolute; } #usedCarPhoto .frame { position: absolute; top: -9px; left: -10px; } #usedCarLocation { background: url(../images/layup/usedCarLocation.gif) top left no-repeat; float: left; width: 513px; height: 44px; padding: 6px 0px 0px 160px; } #usedCarLocation a { text-decoration:none;} #usedCarLocation a .red{ color:#cc0000;} #usedCarThumbs { float: right; width: 337px; } #usedCarThumbs .thumb { position: relative; float: left; cursor: pointer; margin-right: 12px; margin-bottom: 7px; width: 103px; background: url(../images/layup/noImage103x77.gif) top left no-repeat; } #usedCarThumbs .thumb .frame { position: absolute; top: 0px; left: 0px; display: block; } #usedCarThumbs .thumb.last { margin-right: 0px; } #usedCarOptions { width: 678px; height: 59px; margin-top: 10px; margin-bottom: 14px; } #usedCarOptions .btnEnquiry { float: left; margin-right: 6px; } #usedCarOptions .btnEnquiry a { display: block; width: 165px; height: 59px; background: url(../images/layup/spriteCarOptions.jpg) -3px -68px no-repeat; } #usedCarOptions .btnEnquiry a:hover { display: block; background: url(../images/layup/spriteCarOptions.jpg) -3px -3px no-repeat; } #usedCarOptions .btnSend { float: left; margin-right: 6px; } #usedCarOptions .btnSend a { display: block; width: 163px; height: 59px; background: url(../images/layup/spriteCarOptions.jpg) -173px -68px no-repeat; } #usedCarOptions .btnSend a:hover { display: block; background: url(../images/layup/spriteCarOptions.jpg) -173px -3px no-repeat; } #usedCarOptions .btnPrint { float: left; margin-right: 6px; } #usedCarOptions .btnPrint a { display: block; width: 164px; height: 59px; background: url(../images/layup/spriteCarOptions.jpg) -341px -68px no-repeat; } #usedCarOptions .btnPrint a:hover { display: block; background: url(../images/layup/spriteCarOptions.jpg) -341px -3px no-repeat; } #usedCarOptions .btnSave { float: left; } #usedCarOptions .btnSave a { display: block; width: 166px; height: 59px; background: url(../images/layup/spriteCarOptions.jpg) -510px -68px no-repeat; } #usedCarOptions .btnSave a:hover { display: block; background: url(../images/layup/spriteCarOptions.jpg) -510px -3px no-repeat; } #usedCarSecondaryOptions { float: left; width: 433px; margin-bottom: 14px; height: 75px; } #usedCarSecondaryOptions div { float: left; margin-right: 14px; } #usedCarSecondaryOptions div.last { margin-right: 0px; } #usedCarSecondaryOptionsCW { float: right; width: 220px; margin-bottom: 14px; height: 75px; } #usedCarSecondaryOptionsCW div { float: left; margin-right: 14px; margin-bottom:10px; } #usedCarSecondaryOptionsCW div.last { margin-right: 0px; margin-bottom:0px; } /* ----- DOMTABS ----- */ #usedCarSpec { float: left; width: 433px; margin-bottom:15px; } #usedCarSpec .domtab { } #usedCarSpec .tabset_print { display: none;} #usedCarSpec .tabset_tabs { height: 37px; width: 433px; margin:0px; padding:0px; list-style:none; } #usedCarSpec .tabset_tabs li { list-style: none; display: inline; padding: 0px; float:left; } #usedCarSpec .tabset_tabs li span { display: none; } #usedCarSpec .tabset_tabs a { display: block; float: left; cursor: pointer !important; padding: 0px; margin: 0px; } #usedCarSpec .tabset_tabs li#carDetails a { width: 108px; height: 37px; background:url(../images/layup/spriteUsedCarDomtab.gif) top left no-repeat; } #usedCarSpec .tabset_tabs li#carDetails a:hover { background:url(../images/layup/spriteUsedCarDomtab.gif) 0px -37px no-repeat; } #usedCarSpec .tabset_tabs li#carDetails.active a { background:url(../images/layup/spriteUsedCarDomtab.gif) 0px -37px no-repeat; } #usedCarSpec .tabset_tabs li#spec a { width: 108px; height: 37px; background:url(../images/layup/spriteUsedCarDomtab.gif) -108px 0px no-repeat; } #usedCarSpec .tabset_tabs li#spec a:hover { background:url(../images/layup/spriteUsedCarDomtab.gif) -108px -37px no-repeat; } #usedCarSpec .tabset_tabs li#spec.active a { background:url(../images/layup/spriteUsedCarDomtab.gif) -108px -37px no-repeat; } #usedCarSpec .tabset_tabs li#carTechData a { width: 108px; height: 37px; background:url(../images/layup/spriteUsedCarDomtab.gif) -216px 0px no-repeat; } #usedCarSpec .tabset_tabs li#carTechData a:hover { background:url(../images/layup/spriteUsedCarDomtab.gif) -216px -37px no-repeat; } #usedCarSpec .tabset_tabs li#carTechData.active a { background:url(../images/layup/spriteUsedCarDomtab.gif) -216px -37px no-repeat; } #usedCarSpec .tabset_tabs li#vehicleCheck a { width: 109px; height: 37px; background:url(../images/layup/spriteUsedCarDomtab.gif) -324px 0px no-repeat; } #usedCarSpec .tabset_tabs li#vehicleCheck a:hover { background:url(../images/layup/spriteUsedCarDomtab.gif) -324px -37px no-repeat; } #usedCarSpec .tabset_tabs li#vehicleCheck.active a { background:url(../images/layup/spriteUsedCarDomtab.gif) -324px -37px no-repeat; } #usedCarSpec .tabset_content { width: 433px; height: 110px; overflow: auto; background: #eae6dd; } #usedCarSpec .tabset_content table { } #usedCarSpec .tabset_content td { height: 28px; padding: 0px 0 0 9px; color: #232323; } #usedCarSpec .tabset_content tr { background:#eae6dd; } #usedCarSpec .tabset_content .trAlt { background:#dcd8d0 !important; } #usedCarSpec .tabset_content .arrow { background-image: url(../images/layup/iconArrow.gif); background-repeat: no-repeat; background-position: right 12px; } #usedCarSpec .tabset_content h1 { font-size: 1.2em; } #financeCalculator { float: right; width: 228px; } #financeCalculator table { } #financeCalculator form { } #financeCalculator select { width: 70px; } #financeCalculator input { width: 67px; } #financeCalculator tr { background:#eae6dd; } #financeCalculator td { height: 28px; color: #232323; font-size: 0.9em; } #financeCalculator .trAlt { background:#dcd8d0 !important; } #financeCalculator a { color: #fff; text-decoration: none; } #financeCalculator a:hover { color: #ff0000; } #relatedVehicles { } #relatedVehicles .mainTitle { padding-bottom: 10px; } #relatedVehicles .box { float: left; width: 182px; } #relatedVehicles .box a { display: block; cursor: pointer; text-decoration: none; width: 182px; font-weight: normal; padding-bottom: 10px; color: #000; } #relatedVehicles .box .thumb { display: block; position: relative; background:url(../images/layup/noImageUsed182x137.gif) top left no-repeat; width: 182px; height: 137px; padding-bottom: 5px; } #relatedVehicles .box .thumb .frame { position: absolute; top: 0px; left: 0px; } #relatedVehicles .box .detail { display: block; padding: 0px 10px 10px 10px; background:url(../images/layup/relatedVehiclesDetail.gif) bottom left no-repeat; width: 161px; } #relatedVehicles .spacer { float: left; margin-top: 25px; } /* ----- DEALER LOCATOR ----- */ #dealerPhoto { position: relative; float: left; margin-top: 9px; margin-left: 5px; } #dealerPhoto .frame { position: absolute; top: -7px; left: -7px; } #dealerMap { float: right; padding: 9px; background:url(../images/layup/dealerMapBg.gif) top left no-repeat; width: 345px; height: 225px; } #dealerMap #map { position: relative; width: 346px; height: 180px; margin-bottom: 13px; } #dealerMap #map .frameTL { position: absolute; top: 0px; left: 0px; } #dealerMap #map .frameTR { position: absolute; top: 0px; right: 0px; } #dealerMap #map .frameBL { position: absolute; bottom: 0px; left: 0px; } #dealerMap #map .frameBR { position: absolute; bottom: 0px; right: 0px; } #dealerMap #dealerDirections { background:url(../images/layup/dealerMapDirectionBg.gif) top left no-repeat; padding: 7px 0px 0px 14px; } #dealerMap #dealerDirections input { border: 1px solid #7f9db9; float: left; } #dealerMap #dealerDirections #btnGetDirections { width: 108px; height: 31px; border: none; float: right; position: relative; top: -7px; } #dealerContactDetails { background:url(../images/layup/dealerContactDetailsBg.gif) bottom left no-repeat; width: 677px; margin-top: 10px; } #dealerContactDetails .col1 { float: left; width: 326px; } #dealerContactDetails .col1 .padding { padding: 10px 20px 20px 20px; } #dealerContactDetails .col1 .telephone { margin-top: 10px; } #dealerContactDetails .col1 .email { margin-top: 10px; } #dealerContactDetails .col2 { float: left; width: 351px; } #dealerContactDetails .col2 .padding { padding: 10px 20px 20px 0px; } #dealerContactDetails .col2 .sales { margin-top: 0px; } #dealerContactDetails .col2 .service { margin-top: 10px; } #dealerContactDetails .col2 .parts { margin-top: 10px; } #dealerContactUs { background:url(../images/layup/dealerContactUsBg.gif) top left no-repeat; margin-top:10px; } #dealerContactUs .padding { padding: 10px 20px 10px 20px; } #dealerContactUs #frmContact input { width: 162px; border: 1px solid #7f9db9; } #dealerContactUs #frmContact textarea { width: 200px; border: 1px solid #7f9db9; } #dealerContactUs #frmContact label { width: 128px; } #dealerContactUs #frmContact .checkRadioContainer { background:url(../images/layup/yesNoBg.gif) top left no-repeat; padding: 0px 0px 0px 10px; width: 101px; height: 20px; clear: both; } #dealerContactUs #frmContact .checkRadioContainer span { position: relative; top: -2px; padding-right: 5px; } #dealerContactUs #frmContact #submit { width: 95px; border: none; } #dealerContactUs #frmContact .validation-advice { margin: 5px 0; width: 282px; padding: 5px; background-color: #c80909; color : #FFF; font-weight: bold; } #dealerLocator { width:652px; height:489px; background:url(../images/layup/dealerLocator.jpg) no-repeat; position:relative; margin-left:27px;} #dealerLocator .hondaSilverlink { display:block; position:absolute; top:0px; left:300px; width:113px; height:94px; } #dealerLocator .hondaNewcastle { display:block; position:absolute; top:54px; left:178px; width:113px; height:94px; } #dealerLocator .hondaSunderland { display:block; position:absolute; top:362px; left:243px; width:113px; height:94px; } #dealerLocator .hondaDurham { display:block; position:absolute; top:329px; left:518px; width:113px; height:94px; } #dealerLocator .citroenGateshead { display:block; position:absolute; top:180px; left:0px; width:82px; height:77px; } #dealerLocator .suzukiGateshead { display:block; position:absolute; top:180px; left:82px; width:50px; height:77px; } #dealerLocator .fiatGateshead { display:block; position:absolute; top:180px; left:132px; width:55px; height:77px; } #dealerLocator .vansGateshead { display:block; position:absolute; top:180px; left:187px; width:128px; height:77px; } #dealerLocator .vansWashington { display:block; position:absolute; top:267px; left:174px; width:141px; height:77px; } /* ----- OFFER TABS ----- */ #offerTabs { height: 50px; width: 678px; } #offerTabs a { display: block; float: left; height: 50px; } #offerTabs #tabNewOffer { width: 120px; background: url(../images/layup/spriteOfferTabs.gif) 0px -50px no-repeat; } #offerTabs #tabUsedOffer { width: 114px; background: url(../images/layup/spriteOfferTabs.gif) -120px -50px no-repeat; } #offerTabs #tabServicingOffer { width: 145px; background: url(../images/layup/spriteOfferTabs.gif) -234px -50px no-repeat; } #offerTabs #tabMotabilityOffer { width: 150px; background: url(../images/layup/spriteOfferTabs.gif) -379px -50px no-repeat; } #offerTabs #tabBusinessOffer { width: 149px; background: url(../images/layup/spriteOfferTabs.gif) -529px -50px no-repeat; } #offerTabs #tabNewOffer:hover, #offerTabs #tabNewOffer.active { background: url(../images/layup/spriteOfferTabs.gif) 0px 0px no-repeat; } #offerTabs #tabUsedOffer:hover, #offerTabs #tabUsedOffer.active { background: url(../images/layup/spriteOfferTabs.gif) -120px 0px no-repeat; } #offerTabs #tabServicingOffer:hover, #offerTabs #tabServicingOffer.active { background: url(../images/layup/spriteOfferTabs.gif) -234px 0px no-repeat; } #offerTabs #tabMotabilityOffer:hover, #offerTabs #tabMotabilityOffer.active { background: url(../images/layup/spriteOfferTabs.gif) -379px 0px no-repeat; } #offerTabs #tabBusinessOffer:hover, #offerTabs #tabBusinessOffer.active { background: url(../images/layup/spriteOfferTabs.gif) -529px 0px no-repeat; } /* ----- OFFER LIST ----- */ .largeOffer { width:661px; height:254px; margin-bottom:10px; padding:10px 0 0 11px; float:left; position:relative; } .largeOffer .frame { position:absolute; left:0px; top:0px;} /* ----- VEHICLE COMPARISON ----- */ #compareVehicles { width:654px; } #compareVehicles tr td { font-size:9px; color:#000; text-align:center; padding:2px; } #compareVehicles tr td.heading { font-weight:bold; } #compareVehicles tr td .thumb { margin:0 0 5px; } #compareVehicles tr td .model { font-weight:bold; } #compareVehicles tr td a.remove { color:#F03; } /* ----- GLOBAL CLASSES ----- */ .clear { clear:both; display: block; } .clearSmall { clear: both; display: block; height: 0; line-height: 0; font-size: 0; } .hide { display:none; } .show { display:block; } .printShow { display:none; } .printHide { display:block; } .float_left { float:left !important; } .float_right { float:right !important; } .align_left { text-align:left !important; } .align_center { text-align:center !important; } .align_right { text-align:right !important; } .align_justify { text-align:justify !important; } .align_bottom { vertical-align:bottom !important; } .image_right { float:right; margin:0 0 15px 15px; } .image_left { float:left; margin:0 15px 15px 0; } .image_center { margin:0 auto; } .hand { cursor:pointer; } .seo {text-decoration:none;font-weight:normal; } .font14 { font-size: 1.4em; font-weight: bold; } .red { color: #cc0000; } /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 10px 0; font-size:100%; font-weight:bold; } h1 { font-size: 2.1em; color: #6d6b6a; } p { padding:0 0 10px 0; margin:0; } /* ----- TOP NAVIGATION ----- */ #primaryNav { margin-left: 16px; height: 40px; } #primaryNav ul { list-style: none; margin: 0; padding: 0; } #primaryNav li { float: left; background: url(../images/layup/navDivider.gif) top right no-repeat; } #primaryNav li a { display: block; float: left; padding: 12px 7px 12px 7px; color: #fff; text-decoration: none; font-weight: normal; } #primaryNav li a:hover { background:url(../images/layup/navHover.gif) bottom left repeat-x; } #primaryNav li .active { background:url(../images/layup/navHover.gif) bottom left repeat-x; } #primaryNav li.home { background: none; margin-right: 122px; } #primaryNav li.home a { padding: 7px 0px 8px 0px; } #primaryNav li.last { background: none; } /* ----- SECONDARY NAVIGATION ----- */ #secondaryNav { margin:0 9px 15px 15px; float:right; clear:both; width: 343px; } #secondaryNav .top { width:343px; height:52px; background:url(../images/layup/secondaryNavTop.jpg) no-repeat; } #secondaryNav .top span { font-size:17px; color:#FFF; text-align:center; font-weight:bold; display:block; padding:13px 0 0 0; } #secondaryNav ul { min-height:146px; background:url(../images/layup/secondaryNavBottom.jpg) no-repeat bottom left; list-style: none; margin: 0; padding: 0; } #secondaryNav li { padding:0px 6px; } #secondaryNav li a { width:278px; font-size:12px; text-transform:uppercase; color:#FFF; text-decoration: none; background:url(../images/layup/secondaryNavBg.gif) no-repeat; padding:0 25px 6px 27px; display:block; } #secondaryNav li a span { background:url(../images/layup/dotsH.gif) bottom repeat-x; padding:5px 0 12px 27px; display:block; } #secondaryNav li a span.last { background:none; } /* ----- SITE MAP ----- */ #sitemap { list-style:none; margin:0 0 0 5px; padding:0;} #sitemap ul { list-style:none; margin:10px 0 0px 15px; padding:0;} #sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;} /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #breadcrumbs { line-height: normal; height: 32px; font-weight: bold; background: url(../images/layup/dotsH.gif) bottom left repeat-x; margin-bottom: 9px; } #breadcrumbs a { text-decoration: none; color: #fff; display: block; float: left; background: url(../images/layup/breadcrumbsRight.gif) top right no-repeat; margin-right: 6px; } #breadcrumbs a span { display: block; padding: 6px 5px 6px 5px; background: url(../images/layup/breadcrumbsLeft.gif) top left no-repeat; } #breadcrumbs .active { display: block; background: url(../images/layup/breadcrumbsDivider.gif) top left no-repeat; float: left; padding: 6px 5px 6px 5px; color: #cc0000; } #searchInfo { background: url(../images/layup/dotsH.gif) bottom left repeat-x; font-weight: bold; color: #434040; height: 34px; margin-bottom: 9px; } #searchInfo #vehiclesFound { background: url(../images/layup/searchInfoBox.gif) top left no-repeat; height: 20px; float: left; width: 205px; font-weight: bold; text-align: center; padding-top: 5px; } #searchInfo #sortBy { background: url(../images/layup/searchInfoBox.gif) top left no-repeat; height: 20px; float: left; width: 205px; padding-top: 5px; } #searchInfo #sortBy label { width: 66px; padding-right: 7px; font-weight: bold; color: #434040; text-align: right; } #searchInfo #sortBy select { width: 120px; font-size: 0.8em; position: relative; top: -1px; } #searchInfo .pagination { background: url(../images/layup/searchInfoBox.gif) top left no-repeat; height: 20px; float: left; width: 205px; padding: 5px 0 0; text-align: center; } #searchInfo .pagination a { padding: 0px 2px; text-decoration: none; font-weight: bold; color: #747474 !important; } #searchInfo .pagination a:hover { text-decoration: none; background:#434040; color:#fff !important; font-weight: bold; } #searchInfo .pagination .active { text-decoration: none; background:#434040; color:#fff !important; font-weight: bold; } #searchInfo .pagination span { display: block; float: left; padding: 0px 2px 0px 2px; } #searchInfo .pagination .prev, #searchInfo #pagination .next { font-weight: bold; color: #434040 !important; } #searchInfo .pagination .prev { padding: 0px 0px 0px 0px; } #searchInfo .pagination .next { padding: 0px 0px 0px 0px; } #searchInfo .pagination .prev:hover, #searchInfo #pagination .next:hover { background: none; font-weight: bold; text-decoration: underline; color: #434040 !important; } .pagination { background: url(../images/layup/searchInfoBox.gif) top left no-repeat; height: 20px; float: right; width: 205px; padding: 5px 0; text-align: center; } .pagination a { padding: 0px 2px 0px 2px; text-decoration: none !important; font-weight: bold; color: #747474 !important; } .pagination a:hover { text-decoration: none; background:#434040; color:#fff !important; font-weight: bold; } .pagination .active { text-decoration: none; background:#434040; color:#fff !important; font-weight: bold; } .pagination span { display: block; float: left; padding: 0px 2px 0px 2px; } .pagination .prev, #searchInfo #pagination .next { font-weight: bold; color: #434040 !important; } .pagination .prev { padding: 0px 0px 0px 0px; } .pagination .next { padding: 0px 0px 0px 0; } .pagination .prev:hover, #searchInfo #pagination .next:hover { background: none; font-weight: bold; text-decoration: underline; color: #434040 !important; } /* ----- FOOTER ----- */ #footer { margin-top: -250px; height: 250px; background:url(../images/layup/footerBg.gif) top center no-repeat; width: 100%; } #containerFooter { width:950px; margin:0 auto; text-align:left; font-size:110%; line-height: normal; color: #fff; } #containerFooter .jumps { width:250px; float:right; } #containerFooter .jumps a { margin:0 5px; float:left; } #containerFooter a { font-weight:normal; text-decoration:none; color: #fff; } #containerFooter a:hover { text-decoration:underline;} #containerFooter .padding { padding: 16px 16px 0px 16px; } #containerFooter p { padding: 0px 0px 4px 0px; } .footerLinks { margin-top:6px; line-height:16px; } .footerLinks a { color:#fff; text-decoration:underline !important; font-weight:normal; } .footerLinks a:hover { text-decoration:none !important; } /* ----- GLOBAL ----- */ img { display:block; border:0; } address { font-style:normal; } /* ----- LINKS ----- */ a { color:#000000; font-weight:bold; text-decoration:underline; cursor:pointer; } a:hover { text-decoration:none; } a:visited { color: #000; text-decoration:underline; } /* ----- FORMS ----- */ form { padding:0; margin:0; } fieldset { padding:0; margin:0; border:0px none; } legend { padding:0; margin:0; display:none; } label { display:block; width:260px; float:left; } input, textarea { width:200px; font-size:11px !important; } .required { color:#c80909; } .checkRadio { width:20px !important; border: none !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:64px; height:25px; border:none; } /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #c80909; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #c80909; 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: #c80909; color : #FFF; font-weight: bold; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } /* ----- STOCK UPDATES FORM ----- */ #promoForm { padding:12px 0 0 19px; } #promoForm .signupBoxes { margin-bottom:20px; margin-top:10px;} #promoForm .signupBoxes label { float:left; width:450px; position:relative; top:4px;} #promoForm .signupBoxes input { float:left; width: 14px; margin-right: 10px;} #promoForm select { width:125px !important; margin-bottom: 10px; display:block; margin-right:15px;} #promoForm .carSelects { padding-top:18px;} #promoForm .submitButton { margin:5px 0 20px 0;} #breadcrumbs .backPage { float:right !important; } /* ----- USED DETAIL CODEWEAVERS 26-02-10 ----- */ #financeContain { width:672px; float:left; margin-bottom:20px; background:url(../images/layup/financeBoxBg.gif) left top no-repeat; } #financeContain .padding { padding:12px 10px 0; } #financeContain .padding form { width:443px; float:left; margin-top:10px; } #financeContain .padding form div { float:left; margin-right:10px; } #financeContain .padding input { width: 110px; padding:0; background:#eae6dd; } #financeContain .padding select { width:110px;background:#eae6dd; } #financeContain .padding label { width:110px; float:none; font-weight:bold; padding-bottom:1px; } /* ----- DETAIL PAGE ----- */ .codeWeaversContainer { background:url(../images/layup/usedDetailCodeweaversBg.gif) top left no-repeat; width: 671px; float: left; margin-bottom: 20px; } .codeWeaversContainer .codeWeaversMain { padding: 0px; float: left; } .newHirePurchaseBtns img { padding: 10px 10px 0px 0px; } /* - FINANCE DETAIL TABLES - */ #cwFinanceDetailedOutput .newFiguresTable { width: 221px; float: left; color:#000; } #cwFinanceDetailedOutput .newFiguresTable .padding { padding:10px 0 0; height: 64px; } #cwFinanceDetailedOutput .newFiguresTable h1 { font-size: 14px; font-weight: bold; padding: 5px; } #cwFinanceDetailedOutput .newFiguresTable h1 a { text-decoration: none; color:#fff;} #cwFinanceDetailedOutput .newFiguresTable p { padding: 5px; color:#fff; } #cwFinanceDetailedOutput .TableWrapper { border-right:1px solid #c6bfbf; min-height:390px; } #cwFinanceDetailedOutput .codeWeaversMain table td { padding: 4px 8px; font-family:Arial, Helvetica, sans-serif; } #cwFinanceDetailedOutput .newPurchaseButtonBg { padding: 10px 0px 10px 50px; display: block; } #cwFinanceDetailedOutput .terms { width: 651px; background:url(../images/layup/usedDetailCodeweaversBottom.gif) bottom left no-repeat; height: 61px; padding: 10px; color:#fff; } /* ----- USED LIST FINANCE ----- */ #usedCarListingAdjustFinance { background:url(../images/layup/adjustFinanceBg.gif) no-repeat left top; width:560px; height:28px; padding:0 0 0 115px; margin-bottom:10px; } #usedCarListingAdjustFinance div { float:left; margin-right:25px; padding-top:4px; }