/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : Chris Munn / chris.munn@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet Motor Group site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#807f83; color:#000000; 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: 968px; margin:0 auto; text-align:left; font-size:110%; } #printHeader { display:none;} #header { position: relative; height: 189px; background: url(../images/layup/headerBg.jpg) no-repeat; } #header #logo {} #header #contactDetails {} #header #badge {} #mainContent { background: url(../images/layup/mainContentBgRepeat.gif) repeat-y;width: 968px; } #mainContentInner { background: url(../images/layup/mainContentBgTop.gif) no-repeat; width: 968px; } #leftCol { float: left; width: 208px; } #leftCol #leftColShadowTop { position: relative; } #leftCol #leftColShadowTop .position { position: absolute; top: -17px; left: 0px; } #leftCol .container { background: url(../images/layup/boxBg.gif) repeat-y; } #leftCol .container .box { background: url(../images/layup/boxBgFoot.gif) no-repeat bottom; padding-bottom: 15px; position: relative; width: 208px; } #leftCol .container .lastBox { background: url(../images/layup/boxBg.gif) repeat-y; } #leftCol .container .box .padding { padding: 10px 20px 0px 19px; } #leftCol .container .box a { text-decoration: none; font-weight: normal;display:block;cursor:pointer; } #leftCol .container .box .topDealImage { display: block; padding-bottom: 45px; } #leftCol .container .box .dealHeading { text-decoration: underline; font-weight: bold; } #leftCol .container .box .dealImage { display: block; position: relative; } #leftCol .container .box .dealImage .frame { display: block; position: absolute; top: 0px; left: 0px; } #leftCol .container .box .dealImage .cmsImage { display: block; padding: 13px 0px 0px 15px; } #leftCol .container .box .dealImage .noImage { background: url(../images/layup/noImage144x108.jpg) no-repeat; width: 144px; height: 108px; display: block; } #leftCol .container .box .dealPrice { position: relative; display: block; } #leftCol .container .box .dealPrice .position { position: absolute; width: 135px; top: 5px; left: 20px; display: block; } #leftCol .container .box .dealPrice .priceNow { float: right; font-weight: bold; color: #a60000; font-size: 11px; } #leftCol .container .box .dealPrice .priceWas { float: left; font-weight: bold; font-size: 11px; text-decoration: line-through; } #leftCol .container .box .dealDetails { font-size: 10px; display: block;height:60px; } #leftCol .container .box .boxBtn { float: right; margin-top: 10px; } #leftCol .container .box .favSave { float: left; margin-top: 10px; } #leftCol .container .box .stockUpdates { display: block; padding: 0px 0px 0px 55px; } #leftCol .container .box .stockUpdates .icon { position: absolute; top: 46px; left: 20px; } #leftCol .container .box #favThumbs img { border: 1px solid #FFF; } #leftCol .container .box #favThumbs div { border: 1px solid #cdcdcd; float: left; margin: 3px 3px 0px 0px; } #leftCol .container .box #favThumbs div.lastItem { border: 1px solid #cdcdcd; float: left; margin: 3px 0px 0px 0px; } #leftCol .container .box #usedSearchBtns { margin-top: 10px; margin-bottom: 4px; } #leftCol .container .containerFoot { width: 208px; height: 16px; background: url(../images/layup/leftColContainerFoot.gif) no-repeat; } #rightCol { float: right; width: 757px; } #rightCol .padding { padding: 8px 12px 0px 12px;} #rightCol #rightColShadowTop { position: relative; } #rightCol #rightColShadowTop .position { position: absolute; top: -17px; left: 0px; } #rightCol #homeBanner { position: relative; width: 548px; } #rightCol #homeBanner #cmsBanner { padding: 4px; } #rightCol #homeBanner .frame { position: absolute; top: 0px; left: 0px; } #rightCol #homeJumps { width: 178px; float: right; } #rightCol #homeJumps img { margin-bottom:0; } #rightCol #justArrived { width: 546px; float: none !important; margin-top: 8px; } #rightCol .relatedVehicles { width: auto !important; float: left; margin-top: 8px; } #rightCol #justArrived .padding { padding: 0px 0px 1px 0px; background:url(../images/layup/justArrivedBgBottom.jpg) no-repeat bottom left; } #rightCol #justArrived #justArrivedBg { background:url(../images/layup/justArrivedBgTop.jpg) no-repeat; } #rightCol .relatedVehicles .padding { padding: 0px 0px 0px 0px; background:url(../images/layup/relatedBgTop.gif) no-repeat top left !important; } #rightCol .relatedVehicles #justArrivedBg { padding-bottom: 7px; background:url(../images/layup/relatedBgBottom.gif) bottom left no-repeat !important; } #rightCol #contentPadding { padding: 15px 10px 15px 10px; } #rightCol #contentPaddingInternal { width:515px; border-left:3px solid #807f83; padding:15px 10px; float:right; } #rightCol #searchCriteria { padding: 0px 0px 20px 0px; } #rightCol #searchResults { float: left; font-weight: bold; color: #807f83; } #rightCol #relatedHeading { color: #7c7c7e; padding: 15px 0px 0px 10px; font-weight: bold; font-size: 12px; } /* ----- CLASSES ----- */ .clear { display: block; clear:both; } .clearSmall { display: block; clear:both; font-size: 0px; line-height: 0px; height: 0px; } .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;} .textOrange { color: #f87c1d; font-weight: bold; } /* ----- FRAMES / LISTS ----- */ #rightCol #justArrived .justArrivedItem { width: 181px; float: left; } #rightCol #justArrived .justArrivedItem a { cursor:pointer;display: block; text-decoration: none; font-weight: normal; padding: 8px; height:290px;} #rightCol #justArrived .justArrivedItem .topDealImage { display: block; padding-bottom: 45px; } #rightCol #justArrived .justArrivedItem .dealHeading { text-decoration: none; font-weight: bold; color: #FFF; display: block; padding-left: 10px; } #rightCol #justArrived .justArrivedItem .dealImage { display: block; position: relative; } #rightCol #justArrived .justArrivedItem .dealImage .frame { display: block; position: absolute; top: 0px; left: 0px; } #rightCol #justArrived .justArrivedItem .dealImage .cmsImage { display: block; padding: 13px 0px 0px 15px; } #rightCol #justArrived .justArrivedItem .dealImage .noImage { background: url(../images/layup/noImage144x108.jpg) no-repeat; width: 144px; height: 108px; display: block; } #rightCol #justArrived .justArrivedItem .dealPrice { position: relative; display: block; } #rightCol #justArrived .justArrivedItem .dealPrice .position { position: absolute; width: 135px; top: 5px; left: 20px; display: block; } #rightCol #justArrived .justArrivedItem .dealPrice .priceNow { float: right; font-weight: bold; color: #a60000; font-size: 11px; } #rightCol #justArrived .justArrivedItem .dealPrice .priceWas { float: left; font-weight: bold; font-size: 11px; text-decoration: line-through; } #rightCol #justArrived .justArrivedItem .dealDetails { font-size: 10px; display: block; padding-left: 10px; } #rightCol #justArrived .justArrivedItem .boxBtn { float: right; margin-top: 10px; } #rightCol .relatedVehicles .justArrivedItem { width: 178px !important; padding-top: 10px; } #rightCol .relatedVehicles .justArrivedItem a { padding: 0px !important; } #rightCol .internalImage { float: right; margin: 0px 0px 10px 15px; } #rightCol .internalImage .internalBorder { border: 1px solid #f9f8f7; } #rightCol .internalImage .internalBorder img { border: 1px solid #ebe8e5; padding: 6px; } #rightCol #vehicleDetailBack {margin:0 5px 0;padding:0 5px;text-align:right;} #rightCol #vehicleDetailBack a {font-weight:bold;text-decoration:none;display:block;padding-bottom: 5px;float:right;} #rightCol #usedList .listItem { border-bottom: 1px solid #e3e3e3; padding-bottom: 10px; } #rightCol #usedList .listItem a { display: block; text-decoration: none; font-weight: normal; padding: 8px; cursor: pointer; } #rightCol #usedList .listItem .itemImagePadding { display: block; float: left; width: 201px; } #rightCol #usedList .listItem .itemImage { display: block; position: relative; } #rightCol #usedList .listItem .itemImage .specialOffer {left:13px;position:absolute;top:12px;z-index:30;} #rightCol #usedList .listItem .itemImage .frame { display: block; position: absolute; top: 0px; left: 0px; } #rightCol #usedList .listItem .itemImage .cmsImage { display: block; padding: 13px 0px 0px 15px; } #rightCol #usedList .listItem .itemImage .noImage { background: url(../images/layup/noImage144x108.jpg) no-repeat; width: 144px; height: 108px; display: block; } #rightCol #usedList .listItem .itemPrice { float: right; width: 130px; padding-top: 30px; display: block; } #rightCol #usedList .listItem .price { font-weight: bold; color: #a60000; font-size: 14px; padding-bottom: 30px; display: block; } #rightCol #usedList .listItem .itemDetails { display: block; float: left; width: 350px; padding-top: 20px; } #rightCol #usedList .listItem .itemDetails .itemHeading { color: #f87f1d; font-weight: bold; font-size: 12px; display: block; } #rightCol #usedList .listItem .itemDetails .itemOptions { color: #807f82; display: block; padding-top: 10px; padding-left: 5px; } #rightCol #usedList .listItem .itemDetails .itemOptions .label { font-weight: bold; float: left; width: 90px; padding-left: 15px; background: url(../images/layup/bulletOrg.gif) no-repeat left center; } /* ###################################################################### ## ## Begin Code Weavers Styles */ #rightCol #usedList .listItem .financeExample {margin:6px 0 0;width:470px;padding:5px 15px;height:42px;float:right;background:url(../images/layup/usedCodeWeaversBack.gif) no-repeat;} #rightCol #usedList .listItem .financeExample .financeTitle {display:block;float:left;width:75px;line-height:16px;color:#f28c1b;font-size:1.1em;} #rightCol #usedList .listItem .financeExample .financeDeposit {display:block;width:113px;text-align:right;float:left;} #rightCol #usedList .listItem .financeExample .financeMonthlyPayments {display:block;float:left;width:200px;text-align:right;} #rightCol #usedList .listItem .financeExample .financeDepositMain {width:315px;display:block;float:left;} #rightCol #usedList .listItem .financeExample .financePerMonth {width:80px;display:block;float:left;text-align:center;line-height:16px;} #rightCol #usedList .listItem .financeExample .financePerMonthOrange {color:#F28C1B;font-weight:bold;font-size:17px;} /* ## End Code Weavers Styles ## ######################################################################## */ #rightCol #usedList .listItem .itemDetailsNews .itemHeading { color: #f87f1d; font-weight: bold; font-size: 12px; display: block; padding-top: 20px; } #rightCol #internalList .listItem { float: left; width: 160px; padding: 0px 15px 10px 0px; } #rightCol #internalList .listItem a { text-decoration: none; cursor: pointer; } #rightCol #internalList .listItem .itemBorder { position:relative;border: 1px solid #f9f8f7; display: block; background: url(../images/layup/noImage144x108.jpg) 8px 7px no-repeat; } #rightCol #internalList .listItem .itemBorder .specialOffer {left:5px;position:absolute;top:5px;z-index:30;} #rightCol #internalList .listItem .itemBorder .imgBorder { border: 1px solid #ebe8e5; display: block; width: 144px; height: 108px; padding: 6px; } #rightCol #internalList .listItem .itemHeading { display: block; font-weight: bold; padding: 5px 10px 0px 10px; color: #f87f1d; } #rightCol #largeImage { width: 354px;position:relative; } #rightCol #largeImage .internalBorder { border: 1px solid #f9f8f7; } #rightCol #largeImage .internalBorder img { border: 1px solid #ebe8e5; padding: 6px; } #rightCol #largeImage .specialOffer {position:absolute;top:5px;left:5px;} #rightCol #largeImage .specialOffer img {border:0;padding:0;} #rightCol #thumbs { width: 354px; float: right; } #rightCol #thumbs .internalBorder { border: 1px solid #f9f8f7; float: left; margin: 0px 4px 4px 0px; } #rightCol #thumbs .internalBorder img { border: 1px solid #ebe8e5; padding: 6px; cursor:pointer;} #rightCol #usedJumps img { float: left; } /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;} h1 { font-size: 16px; font-weight: bold; padding:0 0 10px 0; } /* ----- TOP NAVIGATION ----- */ #primaryNav { background: url(../images/layup/primaryNavBg.gif) no-repeat; height: 41px; } /* height would be 35 but added 6px padding to bottom to make 41px height */ #primaryNav ul { list-style: none; margin: 0; padding: 0px 4px 0px 10px; } #primaryNav li { float: left; background: url(../images/layup/primaryNavSpacer.gif) no-repeat right top; padding-right: 2px; } #primaryNav li.lastItem { background: none; } #primaryNav li a { text-decoration: none; display: block; float: left; padding: 8px 6px; color: #fff; } #primaryNav li a:hover, #primaryNav li.active a { color: #000; } /* ----- SECONDARY NAVIGATION ----- */ #secondaryNav { width:180px; padding:15px 5px; float:left; } #secondaryNav ul { list-style: none; margin: 0; padding: 0; } #secondaryNav li { } #secondaryNav li a { width:180px; height:40px; text-align:center; color:#FFF; background:url(../images/layup/seondaryNavBg.jpg) no-repeat left top; text-decoration: none; display:block; } #secondaryNav li a:hover, #secondaryNav li a.active { color:#000; } #secondaryNav li span { padding:10px 0 0 0; display:block; } /* ----- 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 { font-weight: bold; padding: 0px 0px 0px 12px; } #breadcrumbs a { color: #807f83; text-decoration: none; } #pagination { float: left; } #pagination a { padding: 0px 4px 0px 4px; text-decoration: none; font-weight: normal; color: #000 !important; } #pagination a:hover { text-decoration: none; background:#f8861d; color:#fff !important; font-weight: bold; } #pagination .active { text-decoration: none; background:#f8861d; color:#fff !important; font-weight: bold; } #pagination span { display: block; float: left; padding: 0px 2px 0px 2px; } #pagination .prev, #pagination .next { font-weight: bold; } #pagination .prev:hover, #pagination .next:hover { background: none; font-weight: bold; color: #000; text-decoration: underline; color: #000 !important; } /* ----- FOOTER ----- */ #footerBg { position: relative; height: 96px; width: 100%; } #footerBg #inner { height: 96px; position: absolute; top: -96px; left: 0px; width: 100%; z-index: 1; } #footer { background: url(../images/layup/footerBg.jpg) repeat-x; color: #807f81; font-size: 11px; } #footer .padding { height: 66px; width: 968px; margin:0 auto; text-align:left; background: url(../images/layup/footerInnerBg.jpg) no-repeat; padding-top: 30px; } #footer #footerContent { margin: 0px 25px 0px 240px; border-top: 1px solid #807f83; padding-top: 12px; } #footer a { font-weight:normal; text-decoration:none; color: #807f81; font-size: 11px;} #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:#000000; font-weight:bold; text-decoration:underline;cursor:pointer;} a:hover { text-decoration:none; } /* ----- 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;} .requiredLabel { color:#f87f1d;} .checkRadio { width:20px; position:relative; left:-7px;} #frmContact { margin-bottom:15px;} #frmContact p { padding:7px 0;} #frmContact select { width:204px;} #frmContact div { margin-bottom:10px;} #btnSubmit { width: 103px; height: 37px; border:none;} #btnUsedSearch { width: 103px; height: 37px; border:none; } #leftCol .container .box select { width: 168px; margin-bottom: 4px; } #searchFilter { float: right; width: 170px; } /* ----- 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: #f87f1d; color : #FFF; font-weight: bold; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } /* ----- DOMTABS ----- */ .domTab2 { padding-top: 15px; } .domHeadings2 {padding-left:10px;} .domTab2 .domHeadings2 a { color: #FFF; display: inline; float: left; padding: 7px 17px;font-size:1.1em;text-indent:3px;margin-right: 2px; text-decoration: none;background: url(../images/layup/domTabMed.gif) no-repeat; width:125px;} .domTab2 .domHeadings2 a.active { background: url(../images/layup/domTabActiveMed.gif) no-repeat; } .domTab2 .domHeadings2 a:hover { font-weight: bold; background: url(../images/layup/domTabActiveMed.gif) no-repeat !important; } .domTab2 .domHeadings2 .insuranceTab a {background: url(../images/layup/domTabLong.gif) no-repeat; width: 280px; } .domTab2 .domHeadings2 .insuranceTab a:hover { background: url(../images/layup/domTabActiveLong.gif) no-repeat !important; } .domTab2 .domHeadings2 .insuranceTab a.active {background: url(../images/layup/domTabActiveLong.gif) no-repeat !important; } #usedVehicleSpec { float: left; } #usedVehicleSpec .title { font-size: 1.4em; font-weight: bold; padding: 24px 24px 24px 8px; float: left; } #usedVehicleSpec .vehiclePrice { font-size: 1.4em; font-weight: bold; padding: 24px 0px 24px 0px; color: #a60000; float: left; } #usedVehicleSpec .domtab { float:left;} #usedVehicleSpec .tabset_print { display: none;} #usedVehicleSpec .tabset_tabs { height: 33px; width: 415px; margin:0px; padding:0px 0px 0px 10px; list-style:none; background:url(../images/layup/dotsUsedCarDetail.gif) bottom left repeat-x; } #usedVehicleSpec .tabset_tabs li { list-style: none; display: inline; padding: 0px; float:left; margin-right: 2px; font-size: 1.1em; } #usedVehicleSpec .tabset_tabs a { width: 67px; display: inline; background: url(../images/layup/domTab.gif) no-repeat; color: #fff; font-weight: bold; float: left; cursor: pointer !important; padding: 7px 17px 7px 17px; margin: 0px; text-decoration: none; } #usedVehicleSpec .tabset_tabs a:hover { font-weight: bold; background: url(../images/layup/domTabActive.gif) no-repeat !important; } #usedVehicleSpec .tabset_tabs .active a { background: url(../images/layup/domTabActive.gif) no-repeat; width: 67px; } #usedVehicleSpec .trAlt { } #usedVehicleSpec .tabset_content { background: url(../images/layup/domTabBg1.gif) no-repeat; } #usedVehicleSpec .tabset_content h1 { color: #000; padding: 0px; } #usedVehicleSpec .tabset_content table { margin-top: 0px; } #usedVehicleSpec .tabset_content td { height: 24px; padding: 0px; } #usedVehicleSpec .tabset_content .price { font-size: 1.5em; font-weight: bold; padding: 13px 0px 11px 0px; } #usedVehicleSpec #domJumps img { float: left; padding-top: 5px; } /* ----- INSURANCE TAB CONTENT ----- */ #cwCarInsuranceDetails {width:713px;background:url(../images/layup/codeWeaversBack.gif) center repeat-y;padding:0;} #cwCarInsuranceForm,#carInsuranceQuotes,.carInsuranceFail {padding:0 8px;} #cwCarInsuranceForm fieldset div {margin:2px 0;} /* ----- FINANACE CALCULATOR ----- */ #financeCalculator { float: left; margin-top: 15px; } #financeCalculator .tab { padding: 0px 0px 1px 0px; margin: 0; list-style: none; background:url(../images/layup/dotsUsedCarDetail.gif) bottom left repeat-x; height: 28px; width: 251px; } #financeCalculator .tab li { float:left; font-size: 1.1em;display: inline; font-weight: bold; background: #000; color: #fff; float: left; cursor: default; padding: 7px 17px 7px 17px; } #financeCalculator .trAlt { } #financeCalculator .tabset_content { background: url(../images/layup/domTabBg2.gif) no-repeat; } #financeCalculator .tabset_content table { } #financeCalculator .tabset_content td { height: 24px; padding: 0px; } #financeCalculator .tabset_content form { } #financeCalculator .tabset_content select { width: 70px; } #financeCalculator .tabset_content input { width: 67px; } #financeCalculator .apr { font-weight: bold; font-size: 1.5em; } #recruitmentFormDiv {border:1px solid #807f7f;width:600px;margin:0 auto;} #recruitmentFormDiv #frmContact {margin:1px;background:url(../images/layup/applicationFormBack.gif) top repeat-x;padding:15px;} #recruitmentFormDiv .submit {width:auto !important;} .usedCarSearch {border:1px solid #807f7f;width:530px;float:left;} .usedCarSearch #advancedSearchForm {margin:1px;background:url(../images/layup/applicationFormBack.gif) top repeat-x;padding:15px;position:relative;} .usedCarSearch #advancedSearchForm select {width:200px;margin:2px;} .usedCarSearch #advancedSearchForm .submitButton {position:absolute;top:10px;left:240px;cursor:pointer;} .advancedSearchChat {float:right;width:178px;} .advancedSearchJumps {clear:both;} .advancedSearchJumps img {float:left;margin:10px 0px 10px 0;} /* #### PRINT SPEC SHEET STYLES #### */ .printSheetPrice,.printSheetTitles,.printSheetClear {display:none;} #dealerThumb {} #dealerThumb,#dealerMap {height:240px;} #dealerThumb,#dealerOpeningHours {float:left;width:320px;} #dealerMap,#dealerAddress {float:right;width:302px;margin-right:25px;} /* ##### CODE WEAVERS STYLES ##### */ .newPCPTable, .newLeasePurchaseTable,.newHirePurchaseTable {width:218px;float:left;margin-right:6px;} .last {margin:0 !important;} .newHirePurchaseForm {clear:both;margin:0 0 10px;padding:4px 8px;background:url(../images/layup/purchaseFormTableBack.gif);} .newHirePurchaseForm label#lblPeriod { width: 88px !important; padding-top: 3px; } .newHirePurchaseForm label#lblDeposit { width: 60px !important; padding-top: 3px; padding-left: 15px; } .newHirePurchaseForm label#lblMileage { width: 80px !important; padding-top: 3px; padding-left: 15px; } .newHirePurchaseForm #btnUpdate {margin:0 0 0 20px; width: 68px; height: 19px; } .newPCPTable td,.newLeasePurchaseTable td,.newHirePurchaseTable td {border-bottom:1px dotted #ccc;padding:3px 0;} .newPCPTable h1,.newLeasePurchaseTable h1,.newHirePurchaseTable h1 {font-size:12px;font-weight:normal;text-decoration:underline;padding:0;} .newHirePurchaseForm select { float: left; } .newHirePurchaseForm input { width: 70px; float: left; } .newPurchaseButtonBg {color:#fff;padding:4px 0 0;text-align:center;text-decoration:none;background:url(../images/layup/purchaseButtonBg.gif) no-repeat;height:22px;display:block;width:197px;margin:15px auto;} .newPurchaseTerms {float:left;width:445px;font-size:10px;margin:20px 0;} .newApr {float:right;width:215px;text-align:right;font-size:165%;font-weight:bold;margin:20px 0;} .codeWeaversContainer {background:#f1f1f1;} .codeWeaversMain {width:697px;background:url(../images/layup/codeWeaversBack.gif) center repeat-y;padding:0 8px;} .codeWeaversTabs img {float:left;}