/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : Chris Munn / chris.munn@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for Hughes Group site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { font:62.5%/1.6 tahoma, arial, verdana, helvetica, sans-serif; margin:0; padding:0; color:#000000; text-align:center; background:url(../images/layup/bodyBg.jpg) top center repeat-y; } /* 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%; line-height: normal; min-height: 768px; } #wrapper { width: 100%; height: 100%; background:url(../images/layup/bodyBgInternal.jpg) left top repeat-x; } #wrapperFooter { width: 100%; height: 100%; width: 100%; height: 100%; background: url(../images/layup/footerBg.jpg) no-repeat bottom center; } #printHeader { display:none;} #header { height: 108px; position: relative; } #header #logo { position: absolute; top: 34px; left: 13px; } #header #contactDetails { position: absolute; top: 41px; right: 4px; } #header #backBtn { position: absolute; top: 0px; left: 12px; } /* ----- LEFT COLUMN ----- */ #leftCol { float: left; width: 224px; border: 4px solid #fff; } #leftCol .box {} #leftCol .usedCarSearch .domTabs { background: #e4e4e5; } #leftCol .usedCarSearch .domTabs form { margin: 0px; padding: 0px 9px 13px 9px; } #leftCol .usedCarSearch .domTabs select { width: 205px; margin-bottom: 11px; } #leftCol #leftColJumps { border-top: 5px solid #000000; } #leftCol #leftColJumps a { display: block; outline: none; width: 224px; height: 50px; } #leftCol #myFavourites { border-top: 1px solid #ffffff; background: #ebebec; } #leftCol #myFavourites .thumbs { padding: 10px 0px 12px 4px; } #leftCol #myFavourites .thumbs .thumb { width: 64px; height: 47px; float: left; border: 1px solid #9a9a9a; margin: 0px 3px 0px 3px; display: inline; background: url(../images/layup/favBg.gif) no-repeat; } #leftCol #myFavourites .btns { padding: 0px 0px 10px 8px; } #leftCol #myFavourites .btns img { float: left; } #leftCol #myFavourites .btns .first img { padding-right: 6px; } /* ----- RIGHT COLUMN ----- */ #rightCol { float: right; width: 709px; color: #656565; } /* RESET TO 721PX IN HOME.CSS FOR HOMEPAGES AS INTERNALS ARE 709PX */ #rightCol #mainImage { width: 721px; height: 268px; border-top: 4px solid #3f4041; position: relative; } #rightCol #mainImage .latestOffers { width: 233px; height: 38px; position: absolute; top: 0px; right: 0px; z-index: 99999999; outline: none; } #rightCol #mainImage #carousel { background:#FFFFFF; height:268px; position:relative; width:721px; } #carouselTitle { background: url(../images/layup/offerPaginationBg.png) no-repeat; width: 247px; height: 25px; position: absolute; top: 205px; left: 465px; z-index: 999999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; } #carouselTitle .thePagination { float: right; display: block; padding: 5px 15px 5px 5px; } #carouselTitle #curFeaturedPage { font-weight: bold; color: #fbc84e; } #carouselTitle #totalFeaturedPages {} #rightCol #homeJumps { width: 721px; height: 109px; position: relative; } #rightCol #homeJumps .position { position: absolute; top: -29px; } #rightCol #homeJumps a { height: 131px; display: block; float: left; } #rightCol #homeJumps a span { display: none; } #rightCol #secondaryJumps { padding: 0px 0px 15px 0px; } #rightCol #secondaryJumps #secondaryJump1 { float: right; } #rightCol #secondaryJumps #secondaryJump2 { float: left; padding: 0px 7px 7px 0px; } #rightCol #secondaryJumps #secondaryJump3 { float: left; padding: 0px 0 7px 0px; } #rightCol #secondaryJumps #secondaryJump4 { float: left; padding: 0px; width: 477px; height: 178px; background: url(../images/layup/newStockBg.gif) no-repeat; } #rightCol #secondaryJumps #secondaryJump4 .padding { padding: 62px 10px 10px 10px; } #rightCol #secondaryJumps #secondaryJump4 .newStockImg { float: left; border: 1px solid #dadada; margin-right: 10px; width:134px; height:100px; background:url(../images/layup/noImage134x100.gif) no-repeat; } #rightCol #secondaryJumps #secondaryJump4 .newStockDetails { width: 308px; float: left; color: #0b0b0b; font-family: Verdana, Arial, Helvetica, sans-serif; } #rightCol #secondaryJumps #secondaryJump4 .newStockDetails .newStockTitle { color: #0b0b0b; font-weight: bold; padding-bottom: 10px; background: url(../images/layup/borderBottom.gif) repeat-x left bottom; } #rightCol #secondaryJumps #secondaryJump4 .newStockDetails .newStockTitle a { text-decoration: none; } #rightCol #secondaryJumps #secondaryJump4 .newStockDetails .newStockSpec { padding: 5px 0px 8px 0px; margin-bottom: 8px; background: url(../images/layup/borderBottom.gif) repeat-x left bottom; } #rightCol #secondaryJumps #secondaryJump4 .newStockDetails .newStockSpec table { width: 308px; } #rightCol #secondaryJumps #secondaryJump4 .newStockDetails .newStockBtns img { float: right; } #rightCol #secondaryJumps #secondaryJump4 .newStockDetails .newStockBtns .next { padding: 4px 0px 0px 12px; } #rightCol #secondaryJumps #secondaryJump4 .newStockDetails .newStockBtns .previous { padding: 4px 0px 0px 0px; } #rightCol #secondaryJumps #latestStock { width:221px; height:151px; cursor:pointer; padding:34px 8px 0px; margin-top:-7px; float:right; background:url(../images/layup/latestStockBg.gif) no-repeat left top; } #rightCol #secondaryJumps #latestStock .title { font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding-bottom:13px; color:#4d4d4d; display:block; } #rightCol #secondaryJumps #latestStock .vehicleImage { float:left; margin-right:3px; width:91px; height:68px; background:url(../images/layup/noImage91x68.gif) no-repeat; border:1px solid #e7e7e7; display:block; } #rightCol #secondaryJumps #latestStock .vehicleInfo { width:125px; float:left; color:#000; font-size:11px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; padding-bottom:4px; } #rightCol #secondaryJumps #latestStock .vehicleInfo td { padding-bottom:3px; } #rightCol #offerTabs { width: 709px; height: 50px; padding-bottom: 14px; } #rightCol #offerTabs a { display: block; height: 50px; float: left; } #rightCol #offerTabs a span { display: none; } /* ----- DEALER LOCATOR MAP ----- */ #dealerMap { position: relative; } #dealerMap a { outline: none; display: block; height: 42px; background: url(../images/layup/ie6LinkFix.gif); position: absolute; } #dealerMap a span { display: none; } #dealerMap a#aylesburyMercedez { width: 71px; top: 97px; left: 9px; } #dealerMap a#aylesburyMercedezCom { width: 114px; top: 97px; left: 80px; } #dealerMap a#aylesburySkoda { width: 47px; top: 97px; left: 194px; } #dealerMap a#aylesburySelection { width: 123px; top: 97px; left: 241px; } #dealerMap a#beaconMercedez { width: 70px; top: 244px; left: 15px; } #dealerMap a#beaconMisc { width: 55px; top: 244px; left: 85px; } #dealerMap a#beaconSaab { width: 68px; top: 244px; left: 140px; } #dealerMap a#beaconSmart { width: 69px; top: 244px; left: 208px; } #dealerMap a#sloughSkoda { width: 58px; top: 392px; left: 27px; } #dealerMap a#sloughMazda { width: 44px; top: 392px; left: 85px; } #dealerMap a#sloughSeat { width: 49px; top: 392px; left: 129px; } #dealerMap a#sloughSaab { width: 64px; top: 392px; left: 178px; } /* ----- DEALER DETAIL ----- */ #dealerDirections { padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; background: url(../images/layup/dotsH.gif) left bottom repeat-x; } #dealerDirections .padding { padding: 0px 10px 0px 10px; } #dealerDirections #map { border: 1px solid #d5d5d4; float: right; } #dealerDirections .map { border: 1px solid #d5d5d4; float: right; } #dealerDirections #dealerImage { border: 1px solid #d5d5d4; float: left; margin-bottom: 5px; } #dealerDirections #directions { width: 238px; float: left; padding: 10px 10px 14px 10px; background: #e4e4e5; } #dealerDirections #directions form input.inputField { width: 166px; float: left; } #dealerDirections #directions form input#btnGo { float: right; } #dealerBusinessHours { width: 333px; float: right; } #dealerContactDetails { width: 346px; float: left; } #dealerBusinessHours table, #dealerContactDetails table { width: 100%; } #dealerContactDetails .padding, #dealerBusinessHours .padding { padding: 0px 10px 10px 10px; } #dealershipDetails { padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; background: url(../images/layup/dotsH.gif) left bottom repeat-x; } #offerContactForm.contactPage form { padding: 10px 10px 0px 10px; } /* ----- CMS IMAGE ----- */ .cmsImage { float: right; margin: 0px 0px 10px 10px; } .cmsImage img { border: 1px solid #c2c2c1; } /* NEW CAR DETAIL PAGE */ .newCarJumps { width: 314px; float: right; clear: right; margin: 0px 0px 10px 10px; } .newCarJumps a { display: block; float: left; width: 157px; } .newCarJumps a span { display: none; } /* ----- OFFERS LIST ----- */ #offerList {} #offerList .offerItem { margin-bottom: 14px; padding-bottom: 14px; background: url(../images/layup/dotsH.gif) left bottom repeat-x; } #offerList .offerItem a { text-decoration: none; font-weight: normal; } #offerList .offerItem .offerDetails { width: 210px; float: left;} #offerList .offerItem .offerDetails .offerTitle { display: block; width: 210px; height: 43px; background: #2a2a2a; border-bottom: 4px solid #fbc84e; color: #FFF; font-weight: bold; } #offerList .offerItem .offerDetails .offerTitle .padding { display: block; padding: 15px; } #offerList .offerItem .offerDetails .offerText { display: block; background: #f6f6f8; padding: 15px 15px 0px 15px; } #offerList .offerItem .offerDetails .offerText .padding { display: block; background: url(../images/layup/dotsH.gif) left bottom repeat-x; padding-bottom: 10px; } #offerList .offerItem .offerImage { float: right; } /* ----- OFFER DETAIL PAGE ----- */ #largeOfferImage { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; background: url(../images/layup/dotsH.gif) bottom left repeat-x; } #offerDescription { height: 30px; padding: 7px 0px 0px 0px; } #offerDescription span { padding: 7px 25px 8px 15px; color: #FFF; font-weight: bold; background: #2a2a2a url(../images/layup/offerDescriptionBg.gif) top right no-repeat; display: inline-block; } /* ----- LIST ----- */ #list {} #list .listItem { color: #000000; padding-bottom: 10px; margin-bottom: 10px; background: url(../images/layup/dotsH.gif) bottom left repeat-x; } #list .listItem .itemBg { background: #f6f6f8; padding-bottom: 5px; } #list .listItem a { display: block; text-decoration: none; font-weight: normal; color: #000000; } #list .listItem .itemHeading { display: block; height: 28px; background: #2a2a2a; color: #FFFFFF; font-weight: bold; margin-bottom: 10px; } #list .listItem .itemHeading .title { display: block; float: left; padding: 7px 0px 0px 10px; } #list .listItem .itemHeading .price span { font-size: 10px; } #list .listItem .itemHeading .price { display: block; float: right; padding: 7px 10px 0px 0px; font-size: 12px; } #list .listItem .thumb { display: block; float: left; background: url(../images/layup/dotsV.gif) right top repeat-y; margin-right: 5px; padding-right: 5px; padding-left: 10px; } #list .listItem .thumb .noImage { display: block; border: 1px solid #dadada; width: 134px; height: 100px; background: url(../images/layup/noImage134x100.gif) no-repeat; } #list .listItem .itemDetails { width: 545px; float: left; background: url(../images/layup/dotsH.gif) bottom left repeat-x; padding: 0px 0px 5px 0px; margin-bottom: 5px; } #list .listItem table { width: 100%; } #list .listItem table td { padding: 5px; } #list .listItem .financeExample .content td { padding: 4px 3px 4px 3px; } #list .listItem table tr.altRow { background: #e4e4e5 } #list .listItem .locationOptions { width: 545px; float: left; background: url(../images/layup/dotsH.gif) bottom left repeat-x; padding: 0px 0px 5px 0px; margin-bottom: 5px; } #list .listItem .btn { display: block; float: right; background: url(../images/layup/dotsV.gif) left top repeat-y; padding: 5px 7px 5px 7px; } #list .listItem .description { display: block; width: 260px; float: left; font-size: 10px; } #list .listItem .description span { font-size: 12px; font-weight: bold; } /* ----- BOX LIST ----- */ #boxList {} #boxList .listItem { padding: 32px 0px 0px 0px; float: left; width: 195px; margin-right: 56px; } #boxList .listItem.lastItem { margin-right: 0px; } #boxList .listItem a { display: block; text-decoration: none; background: url(../images/layup/ie6LinkFix.gif); } #boxList .listItem a:hover span.title { background: #2a2a2a; color: #FFF; } #boxList .listItem .thumb { display: block; width: 195px; height: 145px; background: url(../images/layup/noImage195x145.gif) no-repeat; } #boxList .listItem .itemTitle { display: block; background: url(../images/layup/dotsH.gif) repeat-x top left; padding-top: 3px; color: #464747; font-weight: normal; text-align: center; } #boxList .listItem .itemTitle span.title { display: block; background: #f6f6f7; padding: 10px; } /* ----- USED CAR LIST ----- */ #usedOptions { color: #000000; background: url(../images/layup/dotsH.gif) bottom left repeat-x; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; } #usedOptions #sortUsedCars label { width: 50px; font-weight: bold; } #usedOptions #sortUsedCars { width: 200px; float: left; } #financeOptions { background: url(../images/layup/dotsH.gif) bottom left repeat-x; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; position: relative; } #financeOptions #btnUpdateFinance { width: 91px; height: 28px; float: right; } #financeOptions .padding { height: 28px; background: #e4e4e5; } #financeOptions #btnAdjustFinance { float: left; } #financeOptions #optionContainer { float: left; height: 24px; width: 475px; padding: 4px 0px 0px 10px; } #financeOptions label { position: relative; top: 3px; width: 50px; } #financeOptions #TotalDeposit { width: 52px; float:left; margin-right:5px; } #financeOptions span.periodMonths { display:block; float:left; padding:0px 0px 0px 5px; position:relative; top:3px; width:50px; } #financeOptions select.financeSelect { float:left; width:45px; } #financeOptions label.long { width:95px; } /* ----- USED CAR DETAIL ----- */ #usedCarPhoto { float: left; position: relative; border: 1px solid #9e9fa0; width: 330px; height: 247px; background: url(../images/layup/noImage330x247.gif) no-repeat; } #usedCarPhoto .enlarge { position: absolute; } #usedCarPhoto .special { position: absolute; } #usedCarThumbs { float: right; width: 355px; } #usedCarThumbs .thumb { float: left; cursor: pointer; margin: 0px 24px 11px 0px; border: 1px solid #9e9fa0; } #usedCarThumbs .thumb.endItem { margin-right: 0px; } #usedCarThumbs .thumb.lastItem { margin-bottom: 0px; } #usedCarTitle { display: block; height: 28px; background: #2a2a2a; color: #FFFFFF; font-weight: bold; margin-bottom: 14px; } #usedCarTitle .usedTitle { display: block; float: left; padding: 7px 0px 0px 10px; } #usedCarTitle .usedPrice { display: block; float: right; padding: 7px 10px 0px 0px; font-size: 12px; } #usedCarOptions { padding-bottom: 5px; margin-bottom: 5px; background: url(../images/layup/dotsH.gif) bottom left repeat-x; } #usedCarOptions #usedCarOptionsBg { padding-top: 5px; margin-top: 5px; background: url(../images/layup/dotsH.gif) top left repeat-x; } #usedCarOptions a { display: block; height: 77px; float: left; } #usedVehicleDetails { margin-bottom: 15px; } #usedVehicleDetails .domHeadings { height: 31px; float: left; width: 709px; } #usedVehicleDetails .domHeadings a { display: block; float: left; height: 31px; padding: 0px; margin: 0px; outline: none; } #usedVehicleDetails .domHeadings li.active a span { display: block; background: url(../images/layup/tabArrow.gif) no-repeat bottom center; position:relative; bottom: -7px; height: 31px; } #usedVehicleDetails .tabset_print { display: none; } #usedVehicleDetails .domContent { border-color: #cdcdce; background: #e4e4e5; } #usedVehicleDetails table#tblUsedStockDetails { width: 100%; } #usedVehicleDetails table#tblUsedStockDetails tr.trAlt { background: #cecece; } #usedVehicleDetails table#tblUsedStockDetails td { padding: 7px; } #usedVehicleDetails table#tblUsedStockDetails td.border { background: url(../images/layup/dotsV.gif) top right repeat-y; } #usedVehicleDetails table#tblUsedStockDetails tr.trAlt td.border { background:#cecece url(../images/layup/dotsV.gif) top right repeat-y; } #financeTabs { margin-bottom: 15px; } #financeTabs .domContent { background: #e4e4e5; border: none; padding: 10px; } #financeTabs .domHeadings { height: 31px; float: left; width: 709px; } #financeTabs .domHeadings a { display: block; float: left; height: 31px; padding: 0px; margin: 0px; outline: none; } #financeTabs .domHeadings li.active a span { display: block; background: url(../images/layup/tabArrow.gif) no-repeat bottom center; position:relative; bottom: -7px; height: 31px; } #financeTabs .optionBox { width: 208px; float: left; padding-bottom: 10px; } #financeTabs .optionBox label { float: none; width: 100px; } #financeTabs .newHirePurchaseBtns img { margin-right: 15px; } #similarVehicles { width: 709px; } #similarVehicles .mainTitle { background: url(../images/layup/dotsH.gif) bottom left repeat-x; padding-bottom: 10px; margin-bottom: 10px; } #similarVehicles .box { width: 191px; float: left; } #similarVehicles .box.lastItem { width: 136px; } #similarVehicles .box a { display: block; text-decoration: none; } #similarVehicles .box .thumb { display: block; position: relative; background:url(../images/layup/noImage134x100.gif) no-repeat; width: 134px; height: 100px; border: 1px solid #dadada; } #similarVehicles .box .thumb .frame { display: block; position: absolute; top: -1px; left: -1px; } #similarVehicles .box .itemDetails { display: block; padding: 10px 0px 10px 0px; width: 136px; margin-top: 5px; } #similarVehicles .box .itemDetails span { display: block; } #similarVehicles .box .itemDetails .title { display: block; } /* ----- 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;} .width325 { width: 340px; } .titleHeading { height: 20px; background: #313132; color: #FFF; font-size: 16px; padding: 8px 15px 8px 15px; margin-bottom: 10px; } .carSelects span { display: block; } .carSelects .float_left { width: 214px; } /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 10px 0; font-size:100%; font-weight:bold;} h1 { color: #4b4c4c; font-size: 20px; font-weight: normal; } h2 { background: url(../images/layup/dotsH.gif) repeat-x bottom left; color: #000; padding-top: 3px; } p { padding:0 0 10px 0; margin:0; } /* ----- TOP NAVIGATION ----- */ #primaryNav { height: 41px; margin: 0px 0px 30px 0px; position: relative; background: url(../images/layup/primaryNavBg.gif) no-repeat; width: 960px; text-transform: uppercase; } #primaryNav #navShadow { /*width: 960px; height: 17px; position: absolute; top: 41px; left: 0px; background: url(../images/layup/navShadow.jpg) no-repeat;*/ display:none; } #primaryNav ul { list-style: none; margin: 0px; padding: 0px; height: 41px; } #primaryNav li { padding: 0px; margin: 0px 0px 0px 0px; float: left; background: url(../images/layup/navSpacer.gif) no-repeat top right; } #primaryNav li.last { background: none; } #primaryNav li a { display: block; text-decoration: none; padding: 12px 21px 13px 20px; color: #303132; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; } #primaryNav li.first a { padding: 12px 23px 13px 40px; } #primaryNav li.last a { padding: 12px 18px 13px 19px; } #primaryNav li a:hover, #primaryNav li a.active { color: #FFFFFF; background: url(../images/layup/primaryNavActive.gif) repeat-x top left; } #primaryNav li.first a:hover, #primaryNav li.first a.active { background: url(../images/layup/primaryNavFirstActive.gif) no-repeat top left; } #primaryNav li.last a:hover, #primaryNav li.last a.active { background: url(../images/layup/primaryNavLastActive.gif) no-repeat top right; } /* ----- SECONDARY NAVIGATION ----- */ #secondaryNav {} #secondaryNav ul { list-style: none; margin: 0; padding: 0; } #secondaryNav li { } #secondaryNav li a { text-decoration: none; } /* ----- DROPDOWN NAV ----- */ #primaryNav ul li ul { left: -999em; position: absolute; } #primaryNav ul li:hover ul, #primaryNav ul li.sfhover ul { left: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; display: block; width: 200px; } #primaryNav ul li:hover ul li, #primaryNav ul li.sfhover ul li { display: block; padding: 4px 0px 0px 0px; margin: 0px; background: #ececec; width: 200px; height: 20px; border-bottom: 1px solid #CFCFCF; border-left: 1px solid #CFCFCF; border-right: 1px solid #CFCFCF; } #primaryNav ul li:hover ul li a, #primaryNav ul li.sfhover ul li a { padding: 0px 5px 5px 10px; margin: 0px; color: #666666; } #primaryNav ul li:hover ul li a:hover, #primaryNav ul li.sfhover ul li a:hover { padding: 0px 5px 5px 10px; margin: 0px; color: #000; } /* ----- 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 { height:10px; line-height: normal; padding: 17px 0px 10px 0px; margin-bottom: 10px; background: url(../images/layup/dotsH.gif) left bottom repeat-x; } #breadcrumbs a { font-weight: normal; text-decoration: none; padding: 0px; } #breadcrumbs a:hover { text-decoration: underline; } #breadcrumbs .btnBack { float: right; padding: 0px; } .pagination { float: right; } .pagination.bottom ul { float: right; } .pagination.bottom .typicalAPR { color: #e58d03; font-size: 13px; font-weight: bold; } .pagination ul { padding: 0px; margin: 0px; list-style: none; } .pagination ul li { padding: 0px; margin: 0px; float: left; } .pagination a { display: block; padding: 0px 4px 0px 5px; text-decoration: none; font-weight: normal; margin-right: 1px; } .pagination a.nextPrev, .pagination a.nextPrev:hover { background: none; color: #000; font-weight: bold; } .pagination a:hover { text-decoration: underline; background:#fec84e; color:#FFFFFF; } .pagination .active { text-decoration: none; background:#fec84e; color:#FFFFFF; font-weight: bold; } /* ----- FOOTER ----- */ #footer { margin:0; padding:0; text-align:center; height: 240px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; } #footer .padding { width: 960px; margin: 0 auto; text-align: left; padding: 50px 0px 0px 0px; } #footerLogos { border-bottom: 1px solid #e3e3e3; } #footerLogos .first { padding-right: 19px; } #footerLogos a { float: left; } .footerLinks { padding: 10px 0px 10px 0px; border-bottom: 1px solid #e3e3e3; margin-bottom: 10px; width: 522px; } #footer a { font-weight:normal; text-decoration:none;} #footer a:hover { text-decoration:underline;} /* ----- 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; } /* ----- 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:#3d3b3b;} .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;} #submit { width:124px; height:29px; border:none;} #btnUsedSearch, #btnUsedSearch2 { width: 120px; height: 26px; border: none; } #btnGo { width: 58px; height: 20px; border: none; } #offerContactForm form { padding: 10px 0px 0px 0px; } #offerContactForm form label { width: 130px; } #offerContactForm form label.longLabel { width: 380px; } #loginForm label { width: 130px; } #loginForm input, #loginForm textarea { width: 193px; } /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #990000; color : #FF3300; } input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; } .validation-advice { margin: 5px 0; width:322px; padding: 5px; background-color: #990000; color : #FFF; font-weight: bold; } .validation-advice-mini { color: #990000; 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;} /* ----- DOMTABS ----- */ .domTabs { } .domContent { border: 1px solid #000; } .dt1 { display: block; } ul.domHeadings { padding: 0px; margin: 0px; list-style: none; } ul.domHeadings li { float: left; } ul.domHeadings li a { display: block; float: left; padding: 5px 10px 5px 10px; background: #000; color: #FFF; text-decoration: none; font-weight: bold; } ul.domHeadings li a:hover, ul.domHeadings li.active a { background: #BCBCBC; color: #000; } /* used vehicle search */ .usedCarSearch .domContent { border: none; padding: 12px 0px 0px 0px; } .usedCarSearch .domTabs ul.domHeadings { height: 35px; background: #fff; } .usedCarSearch .domTabs ul.domHeadings { padding: 0px; margin: 0px; list-style: none; } .usedCarSearch .domTabs ul.domHeadings li { float: left; } .usedCarSearch .domTabs ul.domHeadings li a { display: block; float: left; padding: 0px; background: none; outline: none; } .usedCarSearch .domTabs ul.domHeadings li a span { display: none; } .usedCarSearch .domTabs ul.domHeadings li a:hover, ul.domHeadings li.active a { background: none; color: #000; } .usedCarSearch .domTabs ul.domHeadings li a#modelSearch { width: 105px; height: 35px; background: url(../images/layup/spriteSearchTabs.gif) -115px -35px no-repeat; } .usedCarSearch .domTabs ul.domHeadings li a#budgetSearch { width: 119px; height: 35px; background: url(../images/layup/spriteSearchTabs.gif) 0px -35px no-repeat; } .usedCarSearch .domTabs ul.domHeadings li a#modelSearch:hover, .usedCarSearch .domTabs ul.domHeadings li.active a#modelSearch { width: 105px; height: 35px; background: url(../images/layup/spriteSearchTabs.gif) -115px 0px no-repeat; } .usedCarSearch .domTabs ul.domHeadings li a#budgetSearch:hover, .usedCarSearch .domTabs ul.domHeadings li.active a#budgetSearch { width: 119px; height: 35px; background: url(../images/layup/spriteSearchTabs.gif) 0px 0px no-repeat; } /* ----- TOOL TIP ----- */ a.info { text-decoration: none !important; } a.info:hover {position:relative; z-index:25; } a.info span{ font-size: 12px; display: none; font-weight:normal !important; text-decoration:none !important;color: #ffffff !important;} a.info:hover span{display:block !important; position:absolute; padding:10px 15px 10px 15px; background: #2a2a2a; top:35px; left:20px; width:18.1em; color:#ffffff; border-top: 2px solid #ffbc2f; text-align: left; text-decoration:none !important; z-index:100;}