/*******************************************************************************/ /****** STYLES FOR THE OPENING HOURS PAGE **************************************/ /*******************************************************************************/ .hours{} .hours-currentDay{ font-family: Helvetica, sans-serif; font-size:12px; color:#333333; background:#EEEEEE; font-weight:bold; width: 100px; height: 25px; text-align:center} .hours-standardDay{ font-family: Helvetica, sans-serif; font-size:12px; color:#ffffff ;background: #333333; width: 100px; height: 25px; text-align:center} .hoursTB {border-color:#026346;} .hourstext {font-family: Helvetica, sans-serif; text-align:center; font-size: 10pt; margin: 10px 0 0 0; color: #333333} .hourstable { width: 500px; margin: 50px 0 0 150px; border: #CCCCCC 2px solid } #hours-Friday {background: #CC3300; color: #fffff1} .hourstext a {font-family: Helvetica, sans-serif; font-size: 10pt; font-weight:bold; margin: 10px 0 0 0; color: #333333} .hourstext a:hover {font-weight:bold; color:#333333} /*******************************************************************************/ /****** STYLES FOR LATEST STOCK DISPLAY - WriteLatestStockItem ********/ /*******************************************************************************/ .dotted-line { border-color: #000000; border-style: dotted; border-bottom-width: 1px; border-right-width: 0px; border-top-width: 0px; border-left-width: 0px} .black-border { border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px} /*******************************************************************************/ /****** STYLES FOR STOCK LIST DISPLAY 1 - WriteStockWithSmallThumbNails ********/ /*******************************************************************************/ .SLthumbOuterBoxBG {background-color:#AAAAAA; cursor:pointer; width:550px;} .SLthumbDetailsBox {background-color:#FFFFFF; width:450px; } .SLthumbMakeModel {font-size: 9pt} .SLthumbPrice {font-size: 9pt; text-align:right;} .SLthumbRegYearLetter {font-weight:bold; font-size:10pt; text-align:left; width:33%;} .SLthumbMileage {font-size:10pt; text-align:center; width:33%;} .SLthumbTransmission {font-size:10pt; text-align:right; width:33%;} .SLthumbDoorsBodyColor {font-size:10pt; text-align:left; width:100%;} .SLthumbDetailsButton {font-size:8pt; font-weight:bold; background-color:#AAAAAA; cursor: pointer; text-align:center; width:100%;} /****** Codeweavers styles for FOR STOCK LIST DISPLAY 1 - WriteStockWithSmallThumbNails ********/ .SLSmMainTable .cwSLProduct { border: #fff 1px solid;margin-top:5px;float:left; font-family: Arial;font-size: 12px;} .SLSmMainTable .cwSLProduct .cwSLProductTitle{ color:#fff;font-weight: bold; float:left;padding:5px;text-align:left; width:80px;} .SLSmMainTable .cwSLProduct .cwSLProductTitle a { font-size: 10px; font-weight:normal;color:red;} .SLSmMainTable .cwSLProduct .cwSLProductDetailLayout{ float:right; background:#fff; padding: 0 0 16px 0; width:80%;} .SLSmMainTable .cwSLProduct .cwSLProductDetailLayout .cwSLProductDetail{ background: #fff;text-align:right;padding:5px 0;font-size:1em;float:left;width:400px;} .SLSmMainTable .cwSLProduct .cwSLProductDetailLayout .cwSLProductMonthlyPayment{ background: #fff; padding:5px 0; font-size:1em; float:right; width: 40px;} /**************************************************************************/ /****** STYLES FOR STOCK LIST DISPLAY 2 - WriteStockWithThumbNails ********/ /**************************************************************************/ a { text-decoration:none; color:#FFFFFF; font-size:11px} a:hover { text-decoration:none; color: #FFFF00; font-weight:bold} .SLthumbimage { margin: 0 0 0 5px} .SLAllBG {background-color:#FFFFFF; width:700px;} .SLOuterBoxBG { background: url(../images/stock-bg.jpg) repeat; width:370px; margin: 0 20px 20px 20px} .SLCarDetailsBox {padding:1px; width:140px; font-family: Helvetica, sans-serif} .SLMakeModel { color:#333333; font-weight:bolder; font-size: 12px; padding: 0 0 5px 0; text-align:center; font-family: Helvetica, sans-serif; text-transform:uppercase} .SLRegistrationTitle {color:#333333; font-size: 8pt; font-weight:bold; text-align:left; font-family: Helvetica, sans-serif} .SLRegistrationText {background-color:#FFFFFF; color:#333333; font-size: 8pt; text-align:left; font-family: Helvetica, sans-serif} .SLTransmissionTitle {color:#333333; font-size: 8pt; font-weight:bold; text-align:left; font-family: Helvetica, sans-serif} .SLTransmissionText {background-color:#FFFFFF; color:#333333; font-size: 8pt; text-align:left; font-family: Helvetica, sans-serif} .SLMileageTitle {color:#333333; font-size: 8pt; font-weight:bold; text-align:left; font-family: Helvetica, sans-serif} .SLMileageText {background-color:#FFFFFF; color:#333333; font-size: 8pt; text-align:left; font-family: Helvetica, sans-serif} .SLPriceStatusTitle {color:#333333; font-size: 8pt; font-weight:bold; text-align:left; font-family: Helvetica, sans-serif} .SLPriceText {background-color:#FFFFFF; color:#333333; font-size: 8pt; text-align:left; font-family: Helvetica, sans-serif} /****** Codeweavers styles for FOR STOCK LIST DISPLAY 2 - WriteStockWithThumbNails ********/ .SLAllBG .cwSLProduct { border: #000000 1px solid; margin-top:5px; float:left; font-family: Arial; font-size: 12px;background:#EAEAEA;} .SLAllBG .cwSLProduct .cwSLProductTitle{ color:#000000; font-weight: bold; float:left; padding:5px; text-align:left; width:50px;} .SLAllBG .cwSLProduct .cwSLProductTitle a { font-size: 10px; font-weight:normal; color:red;} .SLAllBG .cwSLProduct .cwSLProductDetailLayout{ float:right; background:#fff; padding: 0 0 16px 0; width:77%;} .SLAllBG .cwSLProduct .cwSLProductDetailLayout .cwSLProductDetail{ background: #fff; text-align:right; padding:5px 0; font-size:1em; float:left; width:205px; } .SLAllBG .cwSLProduct .cwSLProductDetailLayout .cwSLProductMonthlyPayment{ background: #fff; padding:5px 0; font-size:1em; float:right; width: 40px;} /*********************************************************************************/ /****** STYLES FOR STOCK LIST DISPLAY 3 - WriteStockWithThumbNailCheckers ********/ /*********************************************************************************/ .SLCheckersMainTable {width:370px; height:160px; background-color:#EEEEEE; border-left: 1px solid #000000; border-right: 1px solid #000000;} .SLCheckersColorTitle {color:#888888; font-size: 8pt; text-align:left;} .SLCheckersColorText {background-color:#888888; color:#FFFFFF; font-size: 8pt; text-align:left;} .SLImgTopLeft { background: url('../images/dots.gif') no-repeat top left;} .SLImgTopRight { background: url('../images/top_right.gif') no-repeat top right;} .SLImgBottomLeft { background: url('../images/bot_left.gif') no-repeat bottom left;} .SLCheckersMakeModel {font-weight:bolder; background-color:#000000; color:#FFFFFF; font-size:7pt; text-align:center;} .SLCheckersBottomBar {border-collapse: collapse; font-weight:bolder; background-color:#000000; font-size:7pt; text-align:center; width:370px;} .SLCheckersTopBar {border-collapse: collapse; font-weight:bolder; background-color:#000000; font-size:7pt; text-align:center; width:370px;} .SLCheckersMakeModel2 {font-weight:bolder; background-color:#EEEEEE; font-size:7pt; text-align:center;} .SLCheckersMakeModel2 table {width:190px; height:190px; font-weight:normal;} .SLCheckersRegistrationTitle {font-size: 8pt; text-align:left;} .SLCheckersRegistrationText {font-size: 8pt; text-align:left;} .SLCheckersMileageTitle {font-size: 8pt; text-align:left;} .SLCheckersMileageText {font-size: 8pt; text-align:left;} .SLCheckersColourTitle {font-size: 8pt; text-align:left;} .SLCheckersColourText {font-size: 8pt; text-align:left;} .SLCheckersTransmissionTitle {font-size: 8pt; text-align:left;} .SLCheckersTransmissionText {font-size: 8pt; text-align:left;} .SLCheckersFuelTypeTitle {font-size: 8pt; text-align:left;} .SLCheckersFuelTypeText {font-size: 8pt; text-align:left;} .SLCheckersPrice {font-size: 8pt; font-weight:bold; text-align:center;} .SLCheckersOtherInfo {font-size: 8pt; text-align:center;} /****** Codeweavers styles for FOR STOCK LIST DISPLAY 3 - WriteStockWithThumbNailCheckers ********/ .SLCheckersMainTable .cwSLProduct { border: #fff 1px solid; margin-top:5px; float:left; font-family: Arial; font-size: 12px;} .SLCheckersMainTable .cwSLProduct .cwSLProductTitle{ color:#000000; font-weight: bold; float:left; padding:5px; text-align:left; width:50px;} .SLCheckersMainTable .cwSLProduct .cwSLProductTitle a { font-size: 10px; font-weight:normal; color:red;} .SLCheckersMainTable .cwSLProduct .cwSLProductDetailLayout{ float:right; background:#fff; padding: 0 0 16px 0; width:77%;} .SLCheckersMainTable .cwSLProduct .cwSLProductDetailLayout .cwSLProductDetail{ background: #fff; text-align:right; padding:5px 0; font-size:1em; float:left;width:215px; } .SLCheckersMainTable .cwSLProduct .cwSLProductDetailLayout .cwSLProductMonthlyPayment{ background: #fff; padding:5px 0; font-size:1em; float:right; width: 40px;} /******************************************************************************/ /****** STYLES FOR STOCK LIST DISPLAY 4 - WriteStockWithLargeThumbNail ********/ /******************************************************************************/ .Slthumbimage img {width: 200px} .SLLgMainTable {width:580px; background: #333333; margin:10px 0 30px 50px; border-bottom: 1px dotted #333333 } .SLLgTextColumn { background: #333333; width:435px; height:150px; vertical-align: top;} .SLLgTextColumn table {width:570px;} .SLLgMakeModel { font-family: Helvetica, sans-serif; text-transform:uppercase; font-size:16px; font-weight:bold; color:#FFFFFF ; font-weight:bold; text-align:left} .SLLgPrice {font-family: Helvetica, sans-serif; font-size:16px; color:#FFFFFF; font-weight:bold; text-align:right} .SLLgRegYearLetter {font-family: Helvetica, sans-serif; font-size:10pt; color:#FFFFFF;background: #666666 ; font-weight:bold; text-align:center;} .SLLgMileage {font-family: Helvetica, sans-serif; font-size:10pt; color:#FFFFFF;background: #666666 ; font-weight:bold; text-align:center;} .SLLgTransmission {font-family: Helvetica, sans-serif; font-size:10pt; color:#FFFFFF;background: #666666 ; font-weight:bold; text-align:center;} .SLLgFuelType {font-family: Helvetica, sans-serif; font-size:10pt; color:#FFFFFF; background: #666666 ; font-weight:bold; text-align:center;} .SLLgColour {font-family: Helvetica, sans-serif; color:#FFFFFF;font-size:11px; font-weight:bold; text-align:center; text-transform:uppercase} .SLLgFeatureBullets {font-family: Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; font-size:10px; width:160px; float:left; background:#333333} .SLLgOtherInfo {font-family: Helvetica, sans-serif; color: #FFFFFF;font-size:11px; font-weight:bold; padding: 5px 20px 10px 10px} .SLLgButtonContactUs { width: 320px; height: 40px; font-family: Helvetica, sans-serif; font-size:10pt; color:#FFFFFF; background: url(../images/button.gif) center no-repeat; font-weight:bold; text-align:center;} .SLLgButtonDetails { width: 320px; height: 40px; font-family: Helvetica, sans-serif; font-size:10pt; color:#FFFFFF; background: url(../images/button.gif) center no-repeat; font-weight:bold; text-align:center;} a.SLLgButtonLink {color:#FFFFFF; text-transform:uppercase; text-decoration:none; } a.SLLgButtonLink:hover{color: #FFFF00; text-decoration:none } ul.SLFeatures {list-style:none;} ul.SLFeatures li {font-family: Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; font-size:10px; width:160px; float:left; margin: 0 0 0 20px} /****** Codeweavers styles for FOR STOCK LIST DISPLAY 4 - WriteStockWithLargeThumbNail ********/ .SLLgMainTable .cwSLProduct { border: #fff 1px solid; margin-top:5px; float:left; font-family: Arial; font-size: 12px; } .SLLgMainTable .cwSLProduct .cwSLProductTitle{ color:#000000; font-weight: bold; float:left; padding:5px; text-align:left; width:130px;} .SLLgMainTable .cwSLProduct .cwSLProductTitle a { font-size: 10px; font-weight:normal; color:#ff6600;} .SLLgMainTable .cwSLProduct .cwSLProductDetailLayout{ float:right; background:#fff; padding: 0 0 16px 0; width:600px;} .SLLgMainTable .cwSLProduct .cwSLProductDetailLayout .cwSLProductDetail{ background: #fff; text-align:right; padding:5px; font-size:1em; float:left; width:540px; } .SLLgMainTable .cwSLProduct .cwSLProductDetailLayout .cwSLProductMonthlyPayment{ background: #fff; padding:5px; font-size:1em; float:right; width: 40px;} /******************************************************************************/ /****** STYLES FOR STOCK LIST DISPLAY 5 - WriteStockWithLargeThumbNailDiv ********/ /******************************************************************************/ div.cwSLVehicle {background: #214889; color: #000000; padding: 10px; margin-bottom:10px; border: solid 1px #fff99c; overflow:hidden; font-size:12px; width: 724px} div.cwSLVehicle img{float:left;border:solid 1px #fff;} div.cwSLVehicle div.cwSLVehicleDetails{background: #214889; color:#fff; margin-top:0; margin-left:185px; text-align:left; padding:5px 5px 10px 5px;} div.cwSLVehicle h3{ font-family: Arial;color:#fff; font-weight:bold; font-size: 14px; display:block; background: #214889; margin-top:-5px; margin-bottom:5px; text-align:center; padding-top:0;} div.cwSLVehicle .cwSLRegYearLetter{ font-weight:bold;border-bottom:dotted #fff 1px;padding:3px 0 3px 0;} div.cwSLVehicle .cwSLMileage{;border-bottom:dotted #fff 1px;padding:3px 0 3px 0;} div.cwSLVehicle .cwSLTransmission{;border-bottom:dotted #fff 1px;padding:3px 0 3px 0;} div.cwSLVehicle .cwSLDoorsBodyColor{;border-bottom:dotted #fff 1px;padding:3px 0 3px 0;} div.cwSLVehicle div.cwSLPrice{ border-left: solid 1px #000000; padding:2px; } div.cwSLVehicle div.cwSLVehicleDetails .cwSLVehicleLink a{font-weight:normal; font-size:10px; text-align:left; padding-bottom:0; color: #fff; } div.cwSLVehicle .cwSLProduct { border: #fff 1px solid;margin-top:5px; float:left; width: 100%} div.cwSLVehicle .cwSLProductTitle{ color:#fff; font-weight: bold; float:left; padding:5px; text-align:left; width:20%;} div.cwSLVehicle .cwSLProductTitle a {font-size: 10px; font-weight:normal; color:#fff;} div.cwSLVehicle .cwSLProductDetailLayout{ float:right; background:#fff; padding: 0 0 16px 0; width: 75%;} div.cwSLVehicle div.cwSLProductDetail{ background: #fff; text-align:right; padding:5px 0; font-size:1em; float:left; width: 480px;} div.cwSLVehicle div.cwSLProductDetail a {font-size: 11px; font-weight:normal; color:#999999;text-decoration:none;} div.cwSLVehicle div.cwSLProductDetail img {float:right;} div.cwSLVehicle .cwSLProductMonthlyPayment{ background: #fff;padding:5px 0;font-size:1em; float:right; width: 50px;} /******************************************************************************/ /****** STYLES FOR STOCK LIST DISPLAY 6 - WriteStockWithLargeThumbNailV2 ********/ /******************************************************************************/ table.cwSLVehicle{width:100%; border-top: solid 1px #000000; border-left: solid 1px #000000; border-right: solid 1px #000000; padding:5px; margin-bottom:8px; cursor:pointer; } table.cwSLVehicle tr{ background-color:#3b7800; font-size:12px;} table.cwSLVehicle .cwSLImgCell { width:150px; padding:0; border-bottom: solid 1px #000000; } table.cwSLVehicle td.cwSLVehicleDetails{ background-color:#fff99c; border-bottom: solid 1px #000000; text-align:left; } table.cwSLVehicle td.cwSLVehicleDetails h4{ font-size:14px; margin-bottom:2px; padding-bottom:2px; } table.cwSLVehicle td.cwSLVehicleDetails p{ margin-top:2px; padding-top:2px; } table.cwSLVehicle .cwSLRightCell{ width:75px; padding:5px; border-bottom: solid 1px #000000; text-align:center; color:#fff99c;} table.cwSLVehicle table.cwSLPriceContainer td{ border: solid 1px #000000; font-size:0.8em; } table.cwSLVehicle td.cwSLPrice{ border-left: solid 1px #000000; padding:2px; background-color:#fff99c;color:#000000;} table.cwSLVehicle .cwSLLeftCell{ padding:5px; border-bottom: solid 1px #000000; font-weight: bold; color:#fff99c;} table.cwSLVehicle .cwSLLeftCell a{ font-weight: normal; color: #fff99c;font-size:10px;} table.cwSLVehicle td.cwSLFinanceDetail{ text-align:right; padding:5px; background-color:#fff99c; border-bottom: solid 1px #000000;} table.cwSLVehicle td.cwSLFinanceDetail a{ color: #3b7800; text-decoration:none;} table.cwSLVehicle td.cwSLVehicleDetails .cwSLVehicleLink a{font-weight:normal; font-size:10px; text-align:left; padding-bottom:0; color: #000000; } /******************************************************************************/ /****** STYLES FOR THE PAGING BAR ON ALL STOCK LIST DISPLAYS ******************/ /******************************************************************************/ .SLPagingBar {width:550px;; margin: 0 0 0 50px} .SLPagingNumbers {font-size:8pt; text-align:center; color: #333333; text-decoration:none; font-family: Helvetica, sans-serif} .SLPagingNumbers:hover {color: #CC0000; text-decoration:none; font-family: Helvetica, sans-serif} .SLPagingNumbersCurrent {font-weight:bold; font-size:10pt; text-transform:uppercase; text-align:center; color:#333333; font-family: Helvetica, sans-serif} .SLPageXofX {font-weight:bold; font-size:10pt; text-align:center; color:#000000; font-family: Helvetica, sans-serif} /******************************************************************************/ /****** STYLES NO STOCK LIST DISPLAYS ******************/ /******************************************************************************/ .SLNoStock {font-size:20pt; text-align:center; color:#000000; text-decoration:none;}