/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : Chris Munn / chris.munn@gforces.co.uk / G-Forces Web Management Ltd Author : John Davies / john.davies@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet xxxxxxxxxxxxxxxxxxxxxxxxxxxxx site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#000; color:#c3c3c3; text-align:center; } /* This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text. Declaring the font size in pixels makes it more consistent across browsers. */ td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; } html>body td, html>body textarea, html>body input, html>body select { font-size:11px; } /* some browsers don't inherit the font into tables or textareas! */ /* ----- IDS ----- */ #container { width:960px; margin:0 auto; text-align:left; font-size:110%;position:relative; } #homeContainer { width:960px; margin:0 auto; text-align:left; font-size:110%; } #offersImages {} #offersImages a {display:block;} #offersImages .offersList {list-style:none;margin:0;padding:0;} #offersImages .offersList li {list-style:none;margin:0;padding:0;display:block;float:left;margin:0 5px 10px 0;} #printHeader { display:none;} #header { position: relative; } #header #logo {position:relative;height:100px;} #header #logo .back {position:absolute;} #header #logo .logo {position:absolute;top:13px;left:24px;} #header #contactDetails {} #header .badge {position:absolute;left:810px;top:7px;} #homeContainer #search {float:left; width:201px;margin-top:55px;padding:30px 12px 30px;} #search {float:left; width:201px;padding:30px 12px 30px;background:url(../images/layup/group/searchBackInternal.jpg)} #search form {width:182px;margin:10px auto;} #search a {text-decoration:none;color:#fff;} #search #contactUsTable {width:100%;margin:5px 0;color:#fff;} #search .stockUpdates {margin:7px 0;} #btnSearchUsed {width:50px;height:19px;float:right;cursor:pointer;} .searchSelect { width: 181px; height: 19px; margin-bottom: 4px; } #homeJumps {} #homeJumps .box {float:left;margin-right:12px;} #homeJumps .last {margin:0 !important;} #list {} #list .box {width:196px;padding:4px;background:url(../images/layup/imageBack.jpg);float:left;margin:0 30px 18px 0;height:185px;} #list .last {margin-right:0;} #list .box .heading {margin:3px;display:block;} #list .box a {color:#fff;text-decoration:none;display:block;} #usedCarList {font-family:Tahoma, Arial, Helvetica, sans-serif} #usedCarList span {display:block;} #usedCarList .box {margin:0 0 18px 0;} #usedCarList .last {margin:0;} #usedCarList .image {width:196px;padding:4px;background:url(../images/layup/imageBack.jpg);float:left;margin:0 10px 0 0;} #usedCarList .last {margin-right:0;} #usedCarList .details {float:left;} #usedCarList .box .heading {margin:3px 3px 20px;display:block;width:425px;font-size:130%;} #usedCarList .box a {color:#fff;text-decoration:none;display:block;cursor:pointer;} #usedCarList .vehicleDetails {position:relative;width:260px;border:1px solid #133362;background:#194a97;padding:14px 0 5px;font-weight:normal;float:left;} #usedCarList .vehicleDetails .vehicleDetailsHeading {position:absolute;top:-15px;left:4px;} #usedCarList .vehicleDetails .vehicleDetailsList {width:84px;padding:0 0 0 16px;float:left;} #usedCarList .vehicleDetails2 {width:163px;float:left;margin:0 0 0 10px;} #usedCarList .vehicleDetails2 .located {width:152px;border:1px solid #133362;background:#194a97;padding:12px 0 6px 20px;font-weight:normal;position:relative;} #usedCarList .vehicleDetails2 .locatedHeading {position:absolute;top:-10px;left:4px;} #usedCarList .vehicleDetails2 .price {text-align:center;width:162px;border:1px solid #133362;background:#194a97;padding:10px 0 5px 10px;font-size:150%;position:relative;margin-top:9px;} #usedCarList .vehicleDetails2 .priceHeading {position:absolute;top:-15px;left:4px;text-align:left;} .printPrice { display: none; } #usedCarDetail {font-family:Tahoma, Arial, Helvetica, sans-serif} #usedCarDetail span {display:block;} #usedCarDetail .printTitle {display:none;} #usedCarDetail .box {margin:0 0 18px 0;} #usedCarDetail .last {margin:0;} #usedCarDetail .usedCarDetailImages {height:250px;padding:4px 0 0 4px;background:url(../images/layup/imageBack.jpg);} #usedCarDetail .image {float:left;} #usedCarDetail .thumbs {float:right;width:333px;} #usedCarDetail .thumbs img {float:left;margin-bottom:4px;margin-right:4px;} #usedCarDetail .last {margin-right:0;} #usedCarDetail .details {float:left;} #usedCarDetail .heading {margin:3px 0px 20px;display:block;font-weight:bold;color:#fff;font-size:130%; padding: 3px 0 5px 10px; background: #2b2c2e; } #usedCarDetail .box a {color:#fff;text-decoration:none;display:block;} #usedCarDetail .vehicleDetails {position:relative;width:260px;border:1px solid #133362;background:#194a97;padding:14px 0 5px;font-weight:normal;float:left;color:#fff;} #usedCarDetail .vehicleDetails .vehicleDetailsHeading {position:absolute;top:-15px;left:4px;} #usedCarDetail .vehicleDetails .vehicleDetailsList {width:84px;padding:0 0 0 16px;float:left;} #usedCarDetail .vehicleDetails2 {width:163px;float:left;margin:0 0 0 10px;} #usedCarDetail .vehicleDetails2 .located {color:#fff;width:152px;border:1px solid #133362;background:#194a97;font-weight:normal;position:relative;margin-top:9px;padding:12px 0 6px 20px;} #usedCarDetail .vehicleDetails2 .locatedHeading {position:absolute;top:-10px;left:4px;} #usedCarDetail .vehicleDetails2 .price {font-weight:bold;color:#fff;text-align:center;width:162px;border:1px solid #133362;background:#194a97;padding:10px 0 5px 10px;font-size:150%;position:relative;} #usedCarDetail .vehicleDetails2 .priceHeading {position:absolute;top:-15px;left:4px;text-align:left;} #usedCarDetail .vehicleSpec {position:relative;width:444px;border:1px solid #133362;background:#194a97;padding:14px 0 5px;font-weight:normal;float:left;color:#fff; margin-top: 30px;} #usedCarDetail .vehicleSpec .vehicleSpecHeading {position:absolute;top:-15px;left:4px;} #usedCarDetail .vehicleSpec p { padding: 0px 16px 0px 16px; } #usedCarDetail .vehicleWarranty {position:relative;width:444px;border:1px solid #133362;background:#194a97;padding:14px 0 5px;font-weight:normal;float:left;color:#fff; margin-top: 30px; margin-bottom: 30px; } #usedCarDetail .vehicleWarranty .vehicleWarrantyHeading {position:absolute;top:-15px;left:4px;} #usedCarDetail .vehicleWarranty p { padding: 0px 16px 0px 16px; } .vehicleDetailJumps .box {float:left;width:110px;height:56px;position:relative;margin-right:2px !important;} .vehicleDetailJumps a {display:block;height:43px;border:1px solid #133362;} .vehicleEnquiry {background:url(../images/layup/spriteVehicleEnquiry.jpg) bottom;} .vehicleEnquiry:hover {background:url(../images/layup/spriteVehicleEnquiry.jpg) top;} .sendToFriend {background:url(../images/layup/spriteSendToFriend.jpg) bottom;} .sendToFriend:hover {background:url(../images/layup/spriteSendToFriend.jpg) top;} .printSpecSheet {background:url(../images/layup/spritePrintSpecSheet.jpg) bottom;} .printSpecSheet:hover {background:url(../images/layup/spritePrintSpecSheet.jpg) top;} .testDrive {background:url(../images/layup/spriteTestDrive.jpg) bottom;} .testDrive:hover {background:url(../images/layup/spriteTestDrive.jpg) top;} .titleEnquiry {position:absolute;top:-13px;left:3px;z-index:400;} .titleSendToFriend {position:absolute;top:-15px;left:1px;z-index:400;} .titlePrintSpec {position:absolute;top:-15px;left:1px;z-index:400;} .titleBookTestDrive {position:absolute;top:-15px;left:1px;z-index:400;} #financeContainer {float:right;} #financeContainer fieldset {width:170px;} #financeCalculator {color:#fff;position:relative;width:173px;background:#194a97;padding:15px;border:1px solid #133362;} #financeCalculator span {display:block;height:22px;} #financeCalculator .APR {float:right;font-size:130%;font-weight:bold;} #financeCalculator .termsLink {display:block;clear:both;} #financeCalculator .termsLink a {text-decoration:none;} .titleCalculator {position:absolute;top:-18px;left:10px;} .makeOffer {border:1px solid #133362;border-top:0;} #relatedVehicles {position:relative;border:1px solid #133362;background:#194a97;margin:15px 0;} #relatedVehicles .box {padding:15px 0 15px 15px;width:208px;float:left;position:relative;} #relatedVehicles .box a {text-decoration:none;font-weight:normal;cursor:pointer;} .titleRelatedVehicles {position:absolute;top:-20px;left:4px;} #relatedVehicles .image {width:196px;height:147px;border:1px solid #fff;display:block;} #relatedVehicles .details {color:#fff;padding:4px;display:block;} #leftCol { float: left; } #rightCol { float: right;width:675px;padding:20px 0 0; } .internalSideBack {position:absolute;top:33px;right:-24px;} #mainContent .padding {width:590px; padding: 15px 34px; } #container #mainContent {min-height:700px;padding-bottom:80px;} #main {padding:0 0 0 34px;} .internalImage {padding:4px;background:url(../images/layup/imageBack.jpg);width:347px;float:right;margin:0 0 10px 10px; position: relative;} .internalImage .btnViewAllStock { position: absolute; top: -42px; right: -7px; } .newCarDetailOptions {} .newCarDetailOptions span {display:block;width:172px;margin:2px 0;float:left;} /* ----- CLASSES ----- */ .clear { clear:both;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;} .hand { cursor:pointer;} .title {margin:5px 0 10px;} /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:110%; font-weight:bold;color:#fff;} /* ----- PRIMARY NAVIGATION ----- */ #primaryNav {width:960px;background:url(../images/layup/navBack.gif);height:33px;} #primaryNav ul { list-style: none; margin:0; padding:0 0 0 0;float:right;height:33px; } #primaryNav ul ul {list-style-type: none; margin:0; padding:0;text-align:left; } #primaryNav li {border-left:1px solid #6e6e6e;line-height:normal;display:inline-block;float:left; position:relative;list-style: none; margin: 0; padding:0; } #primaryNav li a {text-decoration:none; display:-moz-inline-block;display:-moz-inline-box;display: inline-block;padding:10px 10px 9px;margin:0px;font-weight:normal;color:#fff;} #primaryNav li a:hover {color:#99bcf5;background:url(../images/layup/navHoverActive.gif) no-repeat center top;} #primaryNav .active a {font-weight:bold;color:#1e2a53;background:url(../images/layup/navHoverActive.gif) no-repeat center top;} /* ----- SECONDARY NAVIGATION ----- */ #secondaryNav {} #secondaryNav ul { list-style: none; margin: 0; padding: 0; } #secondaryNav li { } #secondaryNav li a { text-decoration: none; } /* ----- SITE MAP ----- */ #sitemap { list-style:none; margin:0 0 0 5px; padding:0;} #sitemap ul { list-style:none; margin:10px 0 0px 15px; padding:0;} #sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;} /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ .topOptions {background:url(../images/layup/dotsH.gif) bottom left repeat-x;color:#fff;margin:0 0 10px;position:relative;padding:10px 0 1px;z-index:300;} #searchResults {padding:0 0 12px;} #sort {float: right; } #sort label { display:block; font-weight:bold; padding-top:2px; width:45px; float: left; } #breadcrumbs {margin:0 0 10px;;} #breadcrumbs a {color:#fff;text-decoration:none;} .pagination ul {text-align:right; list-style: none;float:right; padding: 0; margin:0;width:300px;} .pagination ul li { display:inline; margin: 0px -2px 0px -2px; } .pagination ul li a { font-weight:bold;color:#fff;padding:0px 4px 0pt 4px; text-decoration:none; } .pagination ul li a:hover { cursor:pointer;color:#fff; text-decoration:underline; } .pagination .active {background:#36393e;cursor:default !important;} .pagination .active:hover {text-decoration:none;} /* ----- FOOTER ----- */ #footer {height:174px;position:relative;background:url(../images/layup/group/footerBack.jpg) no-repeat center top;} #footer .padding {width:450px;margin:0 auto;padding-top:90px;color:#000;} #footer a { font-weight:normal; text-decoration:none;} #footer a:hover { text-decoration:underline;} /* ----- GLOBAL ----- */ img { display:block; border:0; } p { padding:0 0 15px 0; margin:0; } address { font-style:normal;} /* ----- LINKS ----- */ a { color:#fff; font-weight:bold; text-decoration:underline; } a:hover { text-decoration:none; } /* ----- FORMS ----- */ form { padding:0; margin:0; } fieldset { padding:0; margin:0; border:0px none; display:inline; } legend { padding:0; margin:0; display:none; } label { display:block; width:260px; float:left; } input, textarea { width:200px; font-size:11px !important;} .requiredLabel { color:#ecc71c;} .checkRadio { width:20px; position:relative; left:-7px;} #frmContact, #advancedSearchForm { margin-bottom:15px;} #frmContact p, #advancedSearchForm p { padding:7px 0;} #frmContact select, #advancedSearchForm select { width:204px;} #frmContact div, #advancedSearchForm div { margin-bottom:10px;} #btnSubmit { width:55px; height:18px; border:none;} /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #4544e4; 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: #4544e4; color : #FFF; font-weight: bold; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } .franchiseLink {font-weight:bold;} #dealerImagery { padding:0 0 20px 0; } #dealerLocation {font-size:17px;font-weight:bold;padding:5px 0 0 20px;} #dealerDetails {float:left;padding:0 20px;width:300px;} #dealerImagery #dealerMap {float:left;padding:2px;border:1px solid #000;background:#fff;} #dealerImagery #dealerMap #mapDirections { padding: 8px 0px 0px 5px; color: #000; } #dealerImagery #dealerLocationImage {float:left;padding:2px;border:1px solid #000;background:#fff;margin:0 0 0 30px;} #openingHours {float:left;padding:0 20px;width:280px;} #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;} #dealerLocator {} #dealerLocator a { font-weight: bold;text-decoration:none; } #dealerLocator table { width: 100%; border-collapse: separate; } #dealerLocator th {color:#fff;} #dealerLocator table thead td { vertical-align: top; font-weight: bold; text-align: center; padding: 3px 0px 2px 0px; } #dealerLocator table tbody td { font-weight: bold; padding: 7px 0px 7px 4px;background:#10356a; color:#fff;} #internalList {} #internalList .box {padding:4px;margin:0 0 18px 0;} #internalList .box span {display:block;} #internalList .box .image {float:left;margin:0 10px 0 0;width:196px;height:147px;border:2px solid #fff;cursor:pointer;} #internalList .box .heading {font-weight:bold;margin:0 0 10px;} #internalList .box a {color:#fff;text-decoration:none;display:block;font-weight:normal;}