/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : John Davies / john.davies@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for Davis of Sevenoaks site Created : 15/01/07 Modified : - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background: url(../images/layup/bg.gif); color:#474747; 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:10px; } /* some browsers don't inherit the font into tables or textareas! */ address{font-style: normal; display:inline;} /* ----- IDS ----- */ #container { width:890px; margin:0 auto; text-align:left; background: #ffffff; } #header {width: 890px; height: 71px; position:relative;} #contactDetails { position:absolute; top:10px; left:630px; font-size:110%; } #contactAddress { position:absolute; top:10px; left:430px; font-size:110%; } #logo {float: left; padding: 35px 0px 0px 13px;} #badge {float: right; padding: 6px 8px 0px 0px;} #containerInner {width: 890px; min-height: 567px; background:url(../images/layup/containerBg.gif) top left repeat-x; padding: 9px 0px 0px 0px;} #leftCol {float: left; width: 172px; background: url(../images/layup/leftColShadow.gif) top left no-repeat;} #leftColInner {width: 172px; margin-left: 10px; background-color:#FFFFFF; padding-top: 9px;} #paddedContent {padding: 0px 20px 0px 20px;} #flashCover681x235 { background:url(../images/layup/transGif.gif) repeat; width: 681px; height: 235px; position: absolute; top:0px; left:0px; cursor: pointer; } #leftColUsedCar { background:url(../images/layup/leftColUsedCarBg.gif) top left repeat-x; margin: 0px 0px 9px 9px; width: 153px; height: 155px;} #leftColUsedCar select{margin:8px 10px 6px 10px; width: 132px; height: 17px; } .leftColUsedCarBtn { padding: 2px 0px 0px 78px;} #leftColUsedCarTitle {padding: 11px 0px 0px 9px;} #leftColStock { background:url(../images/layup/leftColStockBg.gif) top left repeat-x; margin: 0px 0px 9px 9px; width: 153px; height: 158px;} #leftColStockTitle {padding: 11px 0px 8px 9px;} #leftColStock p {padding: 0px 10px 0px 10px;} .leftColStockBtn { padding: 8px 0px 0px 8px;} #leftColStockStar { padding: 5px 10px 0px 10px; line-height: 100%; font-size: 1.1em; font-weight: bold;} #leftColOpening { background:url(../images/layup/leftColOpeningBg.gif) top left repeat-x; margin: 0px 0px 9px 9px; width: 153px; height: 180px;} #leftColOpeningTitle {padding: 11px 0px 5px 9px;} #leftColOpening p {padding: 0px 10px 0px 10px;} #leftColFeatured { background:url(../images/layup/leftColFeaturedBg.gif) top left repeat-x; margin: 0px 0px 0px 9px; width: 153px; height: 158px;} #leftColFeaturedTitle {padding: 11px 0px 0px 9px;} #leftColFeaturedThumb {width: 140px; height: 93px; margin: 6px 0px 0px 0px; padding: 8px 0px 0px 10px;background:url(../images/layup/leftColFeaturedFrame.gif) top left no-repeat;} #leftColFeatured p {padding: 0px 0px 0px 10px;} #rightColHome {float: right; width: 708px;} #rightColHome a {font-weight: bold;} .optionTitle {padding-top: 13px;} #rightColHomeOpeningHours {float: left; height: 235px; width: 437px; background: url(../images/layup/rightColOpeningShadow.gif) top left no-repeat;} #rightColHomeOpeningHoursInner {height: 226px; width: 414px; margin-left: 15px; background-color:#FFFFFF; padding: 9px 0px 0px 11px; } #rightColHomeOpeningHoursInner img{padding-bottom: 5px;} #rightColHomeOpeningHours p{padding: 0px 0px 0px 5px;} #rightColHomeSalesEnquiries {float: right; height: 235px; width: 268px; background: url(../images/layup/rightColSalesShadow.gif) top left no-repeat;} #rightColHomeSalesEnquiriesInner { height: 226px; width: 233px; margin-left: 12px; background-color:#FFFFFF; padding: 9px 0px 0px 11px; } #rightColHomeSalesEnquiriesInner img{padding-bottom: 5px;} #rightColHomeSalesEnquiries p{padding: 0px 0px 0px 2px;} #rightColHomeFlash { position: relative; margin-left:15px; /*background:url(../images/layup/adTwingo/bannerBg.jpg) top left no-repeat;*/ background: #ffffff; height: 235px; width: 681px; } #rightColHomeFlash .flash { position: absolute; top: 30px; right: 24px; } #rightColHomeNewCars {margin-top: 8px; float: left;height: 195px; width: 234px; background: url(../images/layup/rightColNewCarsShadow.gif) top left no-repeat;} #rightColHomeNewCarsInner { height: 195px; width: 209px; margin-left: 15px; background-color:#FFFFFF; padding: 9px 0px 0px 10px; } #rightColHomeNewCarsInner img{padding-bottom: 5px;} #rightColHomeNewCarsBtn { float: right; padding: 13px 8px 0px 0px;} #rightColHomeUsedCars {margin-top: 8px; float: left; height: 195px; width: 231px; background: url(../images/layup/rightColUsedCarsShadow.gif) top left no-repeat;} #rightColHomeUsedCarsInner { height: 195px; width: 209px; margin-left: 12px; background-color:#FFFFFF; padding: 9px 0px 0px 10px; } #rightColHomeUsedCarsInner img{padding-bottom: 5px;} #rightColHomeUsedCarsBtn { float: right; padding: 13px 8px 0px 0px;} #rightColHomeSpecialOffers {margin-top: 8px; float: left; height: 195px; width: 231px; background: url(../images/layup/rightColSpecialsShadow.gif) top left no-repeat;} #rightColHomeSpecialOffersInner { height: 195px; width: 209px; margin-left: 12px; background-color:#FFFFFF; padding: 9px 0px 0px 10px; } #rightColHomeSpecialOffersInner img{padding-bottom: 5px;} #rightColHomeSpecialOffersBtn { float: right; padding: 13px 8px 0px 0px;} #rightColHomeTextContent {padding: 20px 16px 0px 16px;} #rightColInternal {float: right; width: 708px; background:url(../images/layup/rightColInternalShadow.gif) top left no-repeat;} #rightColInternalInner {background-color:#FFFFFF; width: 684px; margin: 0px 0px 0px 15px;} #rightColInternalFlash {width:681px; height:235px; margin:0 auto 0 auto;} .newCarsProductListRow { height: 171px; margin: 0px 13px 0px 13px;} .newCarsProductListBox{ padding: 8px 0px 0px 0px; margin: 0px 3px 0px 0px; float: left; width: 160px;} .newCarsProductListTitle { height: 20px; width: 160px; font-weight: bold; font-size:1.1em; text-indent:9px; } .newCarsProductListDetails {height: 23px; background: url(../images/layup/newDetails.gif) no-repeat; text-align: right; font-size: 1.1em; padding: 23px 16px 0px 0px} .newCarsProductListThumbs { position:relative;} .newCarsProductListBox a { text-decoration:none; color: #cc9903; font-weight: bold;} .newCarsProductListBox a:hover { text-decoration: underline; color: #cc9903; font-weight: bold;} .newCarsProductListDetails img {float: right; padding: 7px 0px 0px 6px;} .newListFrame { position:absolute; top:0px; left:0px; z-index:0;} .newListImage { position:relative; top:10px; left:10px; z-index:1; width:132px; height:99px;} #newDetailsImage { position:relative; float:right; width:322px; margin: 0 0 15px 20px;} #newDetailsImage .frame { position:absolute; top:0px; left:0px;} #newDetailsImage .image { padding:12px 0 0 13px;} #newJumps {clear:both; margin:30px 0pt 20px; width:650px; } .newJump { border:1px solid #aeaeae; float:left; margin-right:15px;} .newJump a { padding:5px 5px 8px 35px; display:block; font-size:110%;} #newJumpsContact { background:url(../images/layup/iconTelephone.gif) 0px 0px no-repeat;} #newJumpsOffers { background:url(../images/layup/iconOffers.gif) 0px 0px no-repeat;} #newJumpsPriceGuide { background:url(../images/layup/iconPriceGuide.gif) 0px 0px no-repeat;} #newJumpsBrochure { background:url(../images/layup/iconBrochure.gif) 0px 0px no-repeat; margin-top: 10px;} #newJumpsDealerLocator { background:url(../images/layup/iconLocator.gif) 0px 0px no-repeat;} #newJumpsDealerLocator { margin-right:0px !important; } .usedCarsProductListRow { background:url(../images/layup/dottedLine.gif) top left repeat-x; height: 118px; padding: 1px 0px 0px 0px; margin: 0px 13px 0px 13px;} .usedCarsProductListThumb {float: left; width: 140px; height: 93px; margin: 6px 0px 0px 0px; padding: 8px 0px 0px 10px; background: url(../images/layup/usedCarListFrame.gif) top left no-repeat;} .usedCarsProductListThumb .thumb { display:block; float: left; background:url(../images/layup/noImage130x87.gif) top left no-repeat; width: 130px; height: 87px; } .usedCarsProductListDetails { float: left; height: 20px; width: 160px; width: 390px; padding: 23px 0px 0px 12px; } .usedCarsProductListDetails h3 { text-transform:uppercase; padding: 0px 0px 0px 0px; } .usedCarsProductListBtn { float: right; display:block; background:url(../images/layup/priceBtn.gif) top left no-repeat; width: 71px; height: 23px; margin: 72px 0px 0px 0px; text-align: center; padding: 4px 0px 0px 0px;} .usedCarsProductListBtn a{ color: #ffffff; font-size: 1.2em; font-weight: bold; text-decoration:none;} .usedCarsProductListBtn a:hover{ color: #ffffff; font-size: 1.2em; font-weight: bold; text-decoration:none;} .offerBox { margin: 0px 13px 20px 13px; height:120px;} #productInfo {background:url(../images/layup/dottedLine.gif) top left repeat-x; padding: 25px 0px 0px 0px; margin: 0px 13px 0px 13px;} #productInfoImageLarge {float: left; background: url(../images/layup/productFrameLrg.gif) top left no-repeat; padding: 10px 0px 0px 10px; height: 228px; width: 320px;} #productInfoThumbs {float: right; width: 328px; } #productInfoThumbs .thumb { display:block; background:url(../images/layup/noImage130x87.gif) top left no-repeat; width: 130px; height: 87px; } .productInfoThumbFrame {float: right;background: url(../images/layup/productFrameSml.gif) top left no-repeat; padding: 9px 0px 0px 9px; margin-left: 7px; margin-bottom: 1px; width: 148px; height: 105px;} #productInfo ul {padding: 0px 0px 0px 5px; margin: 0px; font-weight: bold; font-size: 1.1em;} #productInfo li{list-style: none; display: inline; } #productOptions {clear: both; padding-bottom: 22px;} .productEmail { background:url(../images/layup/iconEmail.gif) 0px 1px no-repeat; padding: 0px 15px 0px 21px; } .productPrint { background:url(../images/layup/iconPrint.gif) top left no-repeat; padding: 0px 15px 2px 21px;} .productTestDrive { background:url(../images/layup/iconTestDrive.gif) 0px 2px no-repeat; padding: 0px 15px 0px 21px;} .productEnquiry { background:url(../images/layup/iconEnquiry.gif) 0px 1px no-repeat; padding: 0px 15px 0px 21px; } .productMakeOffer { background:url(../images/layup/iconMakeOffer.gif) 0px 1px no-repeat; padding: 0px 0px 0px 21px; } #productSpec {padding: 0px 0px 0px 0px;} .productSpecTitle {clear: both; height: 24px; background: url(../images/layup/productInfoTitleBg.gif) top left repeat-x; text-indent: 8px; padding-top: 12px; text-transform: uppercase;} .productSpecTitle span{font-weight: bold; font-size: 1.1em; color: #454545;} .productSpecHeading {padding-left: 8px; padding-top: 3px; height: 18px; margin: 1px 0px 1px 0px; font-size: 1.1em; background: #9d9d9d; color: #ffffff;} .productSpecHeadingRight{ float: right; width: 16px; height: 15px; padding-right: 3px;} .dropdown {color: #605f5f; padding: 0px 0px 0px 10px; margin: 13px 0px 13px 0px; } .dropdown td {height: 24px;padding-left: 8px;} .dropdown td span {font-size: 1.1em; font-family:Arial, Helvetica, sans-serif; } .dropdownPrice {color: #d6040f;} #internalInfoBox {color: #474747 !important; clear: right; background:#ebebeb; border: 1px solid #acabab; margin:10px 0px 0px 0px; width:298px; float:right;} #internalInfoBox a {color: #474747 !important; } #internalInfoBox td {text-align:left !important; padding: 10px 10px 10px 10px !important; font-size: 1.0em !important; } .documentLink {color: #FFFFFF !important;} #internalImage {} #internalImage .frame { position: absolute; top: -10px; left: 0px; } /* ----- CLASSES ----- */ .clear { clear:both; } .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; } .relative { position:relative; } .inline {display:inline;} .offerPNG { position:absolute; top:-10px; left:72px;} #productInfoImageLarge .offerPNG { left:240px;} /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0; } h1 { position:absolute; top:0px; left:-10000px; } h2 { position:absolute; top:0px; left:-10000px; } h3 { font-size:1.1em; padding: 0px 0px 10px 0px; } h4 {} h5 {} h6 {} /* ----- Renault Shop ----- */ #RenaultShop { margin: 0px 0px 9px 9px; } /* ----- NAVIGATION ----- */ #nav { background:url(../images/layup/navBg.gif) top left repeat-x; width: 890px; height: 69px; font-size: 1.1em; font-weight: bold; } #topLine {height: 41px;} #date {float: left; padding: 12px 0px 0px 17px;} #testDriveHome {float: right; width: 160px;} .iconTestDriveHome {background:url(../images/layup/iconTestDriveHome.gif) 0px 16px no-repeat; float: right; padding: 12px 38px 0px 25px;} #bottomLine ul { text-align:left; position:relative; list-style:none; padding:0px 0 0 0px; margin:1px 0 2px 3px; text-transform:uppercase; } #bottomLine li { margin:0px; float:left; background:url(../images/layup/navBorder.gif) right 5px no-repeat; } #bottomLine a { padding:0px 8px 0px 9px; margin: 0px 2px 0px 1px; line-height:25px; float:left;} #bottomLine a:hover { color:#FFFFFF; background: url(../images/layup/navActiveBg.gif) top left repeat-x; text-decoration:none; } #bottomLine li.last { background:none !important; } #bottomLine .active a { color:#FFFFFF; background: url(../images/layup/navActiveBg.gif) top left repeat-x; text-decoration:none; } /* ----- NEW MAC HACK ----- */ @media screen and (-webkit-min-device-pixel-ratio:0) { div#bottomLine a { padding:0px 9px 0px 8px; } } /* ----- SITE MAP ----- */ #sitemap {width: 588px; margin: 10px 0px 0px 26px; padding:10px 0px 10px 10px; line-height: 100%; font-size: 1.1em; font-weight: normal; padding: 0px; margin: 0px;} #sitemap ul {} #sitemap li{ position:relative; top:0px; left:0px; margin-top: 10px; padding:5px 0px 5px 20px; background: url(../images/layup/bullet.gif) no-repeat 0px 3px; list-style: none;} /* ----- BREADCRUMBS ----- */ #breadcrumbs {font-size: 110%; height: 30px; width:645px; padding: 15px 0px 0px 22px;} #breadcrumbs a { font-weight:normal;} #breadcrumbs a:hover {text-decoration:underline;} #breadcrumbsLeft{ float: left;} #breadcrumbsRight{ float: right; text-align: right;} #breadcrumbs a {} #breadcrumbs a:hover {text-decoration:underline;} .pageResults { font-size: 110%; background: url(../images/layup/dottedLine.gif) top left repeat-x; height: 28px; margin: 0px 13px 0px 13px; padding: 11px 0px 0px 9px;} .pageResultsLeft{ float: left;} .pageResultsRight{ font-weight: bold; float: right; text-align: right; padding: 0px 3px 0px 0px;} .pageResultsRight .active{ padding: 0px 3px 0px 3px;background-color: #ffc100; text-decoration:none; color: #4d4d4d;} .pageResultsRight ul { padding: 0px; margin: 0px; } .pageResultsRight li { list-style: none; display: inline;} /* FOOTER */ #footer { background:url(../images/layup/footerBg.gif) top left repeat-x; height: 60px; margin:15px 0px 0px 190px;} #footer ul { margin:0px; padding:9px 0 0px 7px; font-size:100%; color: #d1d1d1; font-weight: bold;} #footer ul li { list-style:none; display:inline; padding:0px 3px;} #footer a {color: #d1d1d1; font-weight: bold;} #footer a:hover {color: #d1d1d1; font-weight: bold; text-decoration:underline;} /* ----- GLOBAL ----- */ img { display:block; border:0; } p { padding:0; margin:0; font-size: 1.1em; line-height: 130%; } #rightColHomeTextContent p { margin-bottom:1.0em; } /* ----- LINKS ----- */ a { color:#474747; font-weight:bold; text-decoration:none; } a:hover { text-decoration:underline; } /* ----- FORMS ----- */ form { padding:0; margin:0; clear: none; display: inline;} fieldset { padding:0; margin:0; border:0px none; display:inline; } legend { padding:0; margin:0; display:none; } label { display:none; } /* ----- CONTACT ----- */ #contactContainer {width: 588px; margin: 10px 0px 0px 26px; padding:10px 0px 10px 10px; line-height: 100%;} #contactContainer p {margin: 0px 0px 5px 0px; color: #000000; font-size: 1.1em;} #contactContainer form { padding:0; margin:0; } #contactContainer fieldset { padding:0; margin:0; border:0px none; } #contactContainer legend { padding:0; margin:0; display:none; } #contactContainer label { display:block; float:left; width:200px; } #contactContainer .required {color:#6eaa35;} #contactContainer input {width:180px;} #contactContainer textarea {width:180px;} #contactContainer select {width:184px;} #contactContainer2 form { padding:0; margin:0; } #contactContainer2 fieldset { padding:0; margin:0; border:0px none; } #contactContainer2 legend { padding:0; margin:0; display:none; } #contactContainer2 label { display:block; float:left; width:200px; } #contactContainer2 .required {color:#6eaa35;} #contactContainer2 input {width:180px;} #contactContainer2 textarea {width:180px;} #contactContainer2 select {width:184px;} .submitHome {width:65px !important; height:29px; padding: 10px 0px 0px 0px;} /* ----- TABLES ----- */ table{ border-collapse:collapse; }