/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : James Greenwood / james.greenwood@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for Phoenix site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ html { height:100%; } body { height:100%; font:62.5%/1.6 arial, verdana, helvetica, sans-serif; color:#000000; text-align:center; background:url(../images/layup/bg.jpg) no-repeat center top #cdcdcd; margin:0; padding:0; } /* 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:961px; min-height:100%; margin:0 auto; text-align:left; font-size:110%; line-height: normal; } * html #container { height:100%; } #printHeader { display:none;} #header { height:128px; background:url(../images/layup/headerBg.gif) no-repeat left top; position:relative; } #header .top { height:80px; } #header #logo { position:absolute; left:20px; top:4px; } #header #myShowroom { position: absolute; right:6px; top:0; } #header #backGroup { position:absolute; right:114px; top:0; } #badge { position:absolute; top:0; } #header #contactDetails { font-size:28px; color:#fff; font-weight:bold; position:absolute; right:19px; top:35px; } /* ----- TOP NAVIGATION ----- */ #primaryNav { height:48px; position:relative; z-index:99999; } #primaryNav ul { list-style:none; margin:0 0 0 10px; padding:0; } #primaryNav li { background:url(../images/layup/navDivider.gif) no-repeat right 11px; padding:0; margin:0; float:left; } #primaryNav li.last { background:none; } #primaryNav li a { color:#e9e9e9; font-family:Verdana, Geneva, sans-serif; font-weight:normal; text-decoration:none; display:block; } #primaryNav li a span { padding:14px 14px 21px; display:block; } #primaryNav li a:hover, #primaryNav li.active a { color:#cfcece; background:url(../images/layup/navHoverRight.jpg) no-repeat right top; } #primaryNav li a:hover span, #primaryNav li.active a span { background:url(../images/layup/navHoverLeft.jpg) no-repeat left top; } /* ----- SEARCH ----- */ #search { width:239px; margin:22px 0 10px; } #search .domtab {} #search .domtab .tabset_tabs { width:239px; height:38px; list-style:none; margin:0; padding:0; } #search .domtab .tabset_tabs li { padding:0; float:left; } #search .domtab .tabset_tabs a { height:38px; cursor:pointer !important; float:left; } #search .domtab .tabset_tabs span { display: none; } #search .domtab .tabset_tabs li#tabUsed a { width:120px; background:url(../images/layup/spriteSearchTabs.gif) no-repeat 0 -38px; } #search .domtab .tabset_tabs li#tabNew a { width:119px; background:url(../images/layup/spriteSearchTabs.gif) no-repeat -120px 0; } #search .domtab .tabset_tabs li#tabBudget a { width:119px; background:url(../images/layup/spriteSearchTabs.gif) no-repeat -120px 0; } #search .domtab .tabset_tabs li#tabUsed.active a { width:120px; background:url(../images/layup/spriteSearchTabs.gif) no-repeat 0 0; } #search .domtab .tabset_tabs li#tabNew.active a { width:119px; background:url(../images/layup/spriteSearchTabs.gif) no-repeat -120px -38px; } #search .domtab .tabset_tabs li#tabBudget.active a { width:119px; background:url(../images/layup/spriteSearchTabs.gif) no-repeat -120px -38px; } #search .domtab .tabset_content { width:239px; background:url(../images/layup/searchBg.jpg) no-repeat left top; } #search .domtab .tabset_content #carsStock { height:24px; font-size:12px; color:#f0f0f0; text-align:right; padding:16px 12px 0 0; } #search .domtab .tabset_content #carsStock span { font-weight:bold; } #search .domtab .tabset_content form {} #search .domtab .tabset_content form div { margin:11px 0 0; } #search .domtab .tabset_content form label { width:65px; font-size:12px; color:#f0f0f0; text-align:right; padding:0 10px 0 0; line-height: 120%; } #search .domtab .tabset_content form select { width:152px; height: 18px; } #search .domtab .tabset_content form a.btnRefineSearch { margin: 21px 3px 0 8px; float:left; } #search .domtab .tabset_content form .btnSearch { margin-top: 21px; width:131px; height:54px; float:left; } #budgetSearchInfo {border:1px solid blue; color:#F0F0F0;font-size:12px;padding:0 10px 0 10px;text-align:center;width:200px;} /* ----- LEFT COLUMN ----- */ #leftCol { width:238px; float:left; padding-bottom: 182px; } /* padding creates space for absolutely positioned footer elements */ #leftCol .box { width:238px; height:80px; margin:0 0 6px; } #leftCol .box a { width:227px; height:70px; text-decoration:none; font-weight:normal; padding:10px 0 0 11px; display:block; } #leftCol .box .title { height:23px; font-weight:bold; font-size:16px; color:#000000; padding:0 0 5px; } #leftCol .box .description { font-size:11px; color:#000000; display:block; } #leftCol #bookService a { background:url(../images/layup/spriteJumpBookAService.jpg) no-repeat left top; } #leftCol #bookService a:hover { background:url(../images/layup/spriteJumpBookAService.jpg) no-repeat 0px -80px; } #leftCol #stockUpdates a { background:url(../images/layup/spriteJumpStockUpdates.jpg) no-repeat left top; } #leftCol #stockUpdates a:hover { background:url(../images/layup/spriteJumpStockUpdates.jpg) no-repeat 0px -80px; } #leftCol #motability a { background:url(../images/layup/spriteJumpMotability.jpg) no-repeat left top; } #leftCol #motability a:hover { background:url(../images/layup/spriteJumpMotability.jpg) no-repeat 0px -80px; } #leftCol #liveChat a { background:url(../images/layup/jumpLiveChat.jpg) no-repeat left top; } #leftCol #liveChat a:hover { background:url(../images/layup/jumpLiveChatHover.jpg) no-repeat left top; } #leftCol #liveChat .title { color:#fff; } #leftCol #liveChat .description { color:#fff; } #saveCompare { height:113px !important; background:url(../images/layup/saveCompareBg.gif) no-repeat left top; } #saveCompare .padding { padding:10px 0 0 11px; } #saveCompare .box { width:48px; height:36px; border:1px solid #a8a8a8; margin:0 5px 8px 0; float:left; } #saveCompare a.btnSave { width:80px; height:29px; background:url(../images/layup/btnSave.png) no-repeat left top; padding:0; float:right; } #saveCompare a.btnSave:hover { background:url(../images/layup/btnSaveHover.png) no-repeat left top; } #saveCompare a.btnView { width:79px; height:29px; background:url(../images/layup/btnView.png) no-repeat left top; padding:0; float:right; } #saveCompare a.btnView:hover { background:url(../images/layup/btnViewHover.png) no-repeat left top; } /* ----- RIGHT COLUMN ----- */ #rightCol { width:710px; float:right; } #mainContent {} /* ----- FRANCHISE JUMPS ----- */ #franchiseJumps { padding:0 0 0 2px; margin:0 0 14px; } #franchiseJumps .title { height:13px; color:#606060; text-align:center; } #franchiseJumps a { height:111px; display:block; float:left; } #franchiseJumps a span { display:none; } #franchiseJumps a.bmw { width:87px; background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat 0 0; } #franchiseJumps a.honda { width:87px; background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat -87px 0; } #franchiseJumps a.mini { width:87px; background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat -174px 0; } #franchiseJumps a.hyundai { width:87px; background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat -261px 0; } #franchiseJumps a.kia { width:87px; background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat -348px 0; } #franchiseJumps a.mazda { width:87px; background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat -435px 0; } #franchiseJumps a.mitsubishi { width:87px; background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat -522px 0; } #franchiseJumps a.suzuki { width:87px; background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat -609px 0; } #franchiseJumps a.bmw:hover { background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat 0 -111px; } #franchiseJumps a.honda:hover { background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat -87px -111px; } #franchiseJumps a.mini:hover { background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat -174px -111px; } #franchiseJumps a.hyundai:hover { background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat -261px -111px; } #franchiseJumps a.kia:hover { background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat -348px -111px; } #franchiseJumps a.mazda:hover { background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat -435px -111px; } #franchiseJumps a.mitsubishi:hover { background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat -522px -111px; } #franchiseJumps a.suzuki:hover { background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat -609px -111px; } /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #breadcrumbs { height:41px; line-height:normal; background:url(../images/layup/breadcrumbsBg.gif) no-repeat left bottom; margin:0 0 20px; } #breadcrumbs .padding { padding:22px 16px 0 6px; } #breadcrumbs a { font-weight:normal; color:#000; text-decoration:none; } #breadcrumbs a:hover { text-decoration:underline; } #breadcrumbs .current { font-weight:bold; } #breadcrumbs .btnBack { float:right; } /* ----- SEARCH OPTIONS */ .searchOptions { height:25px; background:url(../images/layup/searchOptionsBg.gif) no-repeat right top; margin:0 0 19px; } .searchOptions .vehiclesAvailable { width:92px; height:20px; color:#222222; background:url(../images/layup/searchOptionsDivider.gif) no-repeat right top; padding:5px 0 0 12px; float:left; } .searchOptions .vehiclesAvailable span { font-weight:bold; } .searchOptions .sortBy { width:189px; height:22px; background:url(../images/layup/searchOptionsDivider.gif) no-repeat right top; padding:3px 0 0 12px; float:left; } .searchOptions .sortBy form {} .searchOptions .sortBy form div { float:left; } .searchOptions .sortBy form label { width:45px; padding:2px 0 0; } .searchOptions .sortBy form select { width:132px; } .searchOptions .displayPage { width:220px; padding:3px 0 0 12px; float:left; } .searchOptions .displayPage div { float:left; } .searchOptions .displayPage label { width:90px; padding:2px 0 0; } .searchOptions .displayPage select { width:112px; } .searchOptions .pagination { width:170px; float:right; } .searchOptions .pagination ul { list-style:none; margin:0; padding:0; } .searchOptions .pagination ul li { color:#fff; padding:0; float:left; } .searchOptions .pagination ul li a { width:15px; height:15px; font-weight:normal; text-decoration:none; text-align:center; color:#fff; padding:6px 0 0; display:block; } .searchOptions .pagination ul li a:hover { color:#171717; background:url(../images/layup/paginationActiveBg.gif) no-repeat left top; } .searchOptions .pagination ul li a.active { color:#171717; background:url(../images/layup/paginationActiveBg.gif) no-repeat left top; } /* ----- LIST ----- */ #list {} #list .listItem { width:709px; background:url(../images/layup/listItemBg.gif) no-repeat left bottom; margin:0 0 15px; padding-bottom:10px; } #list .listItem a { font-weight:normal; text-decoration:none; display:block; } #list .listItem .modelPrice { width:709px; height:36px; font-size:12px; color:#f1f1f1; font-weight:bold; background:url(../images/layup/listTitle.gif) no-repeat left top; display:block; } #list .listItem .modelPrice .model { float:left; padding:7px 0 0 9px; display:block; } #list .listItem .modelPrice .price { float:right; padding:7px 9px 0 0; display:block; } #list .listItem .thumb { width:186px; height: 140px; padding:0 0 0 11px; float:left; display:block; background:url(../images/layup/noImage186x140.gif) no-repeat 11px 0px; } #list .listItem .rightSide { width:501px; padding:0 1px 0 0; float:right; display:block; } #list .listItem .rightSide .location { height:30px; font-size:18px; text-align:right; color:#545454; padding:9px 24px 0 0; display:block; } #list .listItem .rightSide table { width:100%; cursor:pointer; margin:0 0 15px; } #list .listItem .rightSide table tr {} #list .listItem .rightSide table tr td { font-size:12px; color:#000; background:url(../images/layup/tableDivider.gif) repeat-y right; padding:7px; } #list .listItem .rightSide table tr.altRow td { background:url(../images/layup/tableDivider.gif) repeat-y right #f0f0f0; } #list .listItem .rightSide table tr td.end { background-image:none; } #list .listItem .rightSide table tr td .heading { font-weight:bold; } #list .listItem .rightSide a.btnViewMore { width:99px; height:29px; background:url(../images/layup/btnViewMore.png) no-repeat left top; margin:0 4px 0 0; float:right; display:inline; } #list .listItem .rightSide a.btnViewMore:hover { background:url(../images/layup/btnViewMoreHover.png) no-repeat left top; } #list .listItem .rightSide a.btnSaveCompare { width:127px; height:29px; background:url(../images/layup/btnSaveCompare.png) no-repeat left top; float:right; display:block; } #list .listItem .rightSide a.btnSaveCompare:hover { background:url(../images/layup/btnSaveCompareHover.png) no-repeat left top; } #list .listItem .rightSide a.btnRemoveCompare { width:164px; height:29px; background:url(../images/layup/btnRemoveWishlist.png) no-repeat left top; float:right; display:block; } #list .listItem .rightSide a.btnRemoveCompare:hover { background:url(../images/layup/btnRemoveWishlistHover.png) no-repeat left top; } #list .listItem .finance { margin:0px 0 10px 15px; width:694px; float:left; display:inline; } #list .listItem .finance table { width:684px; } #list .listItem .finance td { border-bottom:1px solid #bbb;} /* ----- USED DETAIL ----- */ #usedDetails { margin:0 0 20px; } #usedDetails .leftSide { width:400px; font-size:12px; float:left; } #usedDetails .model { height:27px; font-size:20px; color:#222222; font-weight:bold; } #usedDetails .priceLocation { height:33px; } #usedDetails .priceLocation .price { font-size:20px; font-weight:bold; color:#c3060a; } #usedDetails .priceLocation .location { font-size:16px; color:#363636; } #usedDetails table { width:100%; cursor:pointer; margin:0 0 22px; } #usedDetails table tr {} #usedDetails table tr td { font-size:12px; color:#000; background:url(../images/layup/tableDivider.gif) repeat-y right; padding:7px; } #usedDetails table tr.altRow td { background:url(../images/layup/tableDivider.gif) repeat-y right #f0f0f0; } #usedDetails table tr td.end { background-image:none; } #usedDetails table tr td .heading { font-weight:bold; } #usedDetails #mainImgArea { width:296px; float:right; } #usedDetails #mainImgArea #mainImg { width:296px; height:222px; background: url(../images/layup/noImage296x223.gif) top left no-repeat; margin:0 0 9px; position:relative; } #usedDetails #mainImgArea #mainImg .frame { position:absolute; left:0; top:0; z-index:5; } #usedDetails #mainImgArea #mainImg .controller { position:absolute; left:10px; bottom:10px; z-index:10; } #usedDetails #mainImgArea #mainImg .controller ul { list-style:none; margin:0; padding:0; } #usedDetails #mainImgArea #mainImg .controller ul li { padding:0; margin:0 5px 0 0; float:left; } #usedDetails #mainImgArea #mainImg .controller ul li a { width:6px; height:6px; background:url(../images/layup/controllerBg.png) no-repeat left top; float:left; display:block; } #usedDetails #mainImgArea #mainImg .controller ul li a.active { background:url(../images/layup/controllerActiveBg.png) no-repeat left top; } #usedDetails #mainImgArea #mainImg .controller ul li a span { display:none; } #usedDetails #mainImgArea #thumbs {} #usedDetails #mainImgArea #thumbs .thumb { width:44px; height:33px; margin:0 6px 0 0; position:relative; float:left; background: url(../images/layup/noImage44x33.gif) top left no-repeat; } #usedDetails #mainImgArea #thumbs .end { margin:0; } #usedDetails #mainImgArea #thumbs .thumb .frame { position:absolute; left:0; top:0; } #formTabs { width:709px; margin:0 0 20px; } #formTabs .domtab {} #formTabs .domtab .tabset_tabs { width:709px; height:45px; list-style:none; background:url(../images/layup/formsTabsBg.gif) no-repeat left top; margin:0; padding:0; } #formTabs .domtab .tabset_tabs li { padding:0; float:left; } #formTabs .domtab .tabset_tabs a { height:45px; cursor:pointer !important; float:left; } #formTabs .domtab .tabset_tabs span { display: none; } #formTabs .domtab .tabset_tabs li#tabEnquire a { width:118px; background:url(../images/layup/spriteFormTabsUsed.jpg) no-repeat 0 0; } #formTabs .domtab .tabset_tabs li#tabValue a { width:118px; background:url(../images/layup/spriteFormTabsUsed.jpg) no-repeat -118px 0; } #formTabs .domtab .tabset_tabs li#tabMakeOffer a { width:118px; background:url(../images/layup/spriteFormTabsUsed.jpg) no-repeat -236px 0; } #formTabs .domtab .tabset_tabs li#tabSendFriend a { width:118px; background:url(../images/layup/spriteFormTabsUsed.jpg) no-repeat -354px 0; } #formTabs .domtab .tabset_tabs li#tabPrint a { width:119px; background:url(../images/layup/spriteFormTabsUsed.jpg) no-repeat -472px 0; } #formTabs .domtab .tabset_tabs li#tabSaveCompare a { width:119px; background:url(../images/layup/spriteFormTabsUsed.jpg) no-repeat -590px 0; } #formTabs .domtab .tabset_tabs li#tabRequestTest a { width:118px; background:url(../images/layup/spriteFormTabsNew.jpg) no-repeat -236px 0; } #formTabs .domtab .tabset_tabs li#tabRequestBrochure a { width:118px; background:url(../images/layup/spriteFormTabsNew.jpg) no-repeat -354px 0; } #formTabs .domtab .tabset_tabs li#tabCurrentOffers a { width:119px; background:url(../images/layup/spriteFormTabsNew.jpg) no-repeat -472px 0; } #formTabs .domtab .tabset_tabs li#tabSimilarOffers a { width:119px; background:url(../images/layup/spriteOfferDetailTabs.jpg) no-repeat -118px 0; } #formTabs .domtab .tabset_tabs li#tabContactUs a { width:118px; background:url(../images/layup/spriteContactTabs.gif) no-repeat 0 0; } #formTabs .domtab .tabset_tabs li#tabGetDirections a { width:119px; background:url(../images/layup/spriteContactTabs.gif) no-repeat -118px 0; } #formTabs .domtab .tabset_tabs li#tabRemoveSaveCompare a { width:118px; background:url(../images/layup/spriteFormTabsUsed.jpg) no-repeat -710px 0; } #formTabs .domtab .tabset_tabs li#tabEnquire a:hover { background:url(../images/layup/spriteFormTabsUsed.jpg) no-repeat 0 -45px; } #formTabs .domtab .tabset_tabs li#tabValue a:hover { background:url(../images/layup/spriteFormTabsUsed.jpg) no-repeat -118px -45px; } #formTabs .domtab .tabset_tabs li#tabMakeOffer a:hover{ background:url(../images/layup/spriteFormTabsUsed.jpg) no-repeat -236px -45px; } #formTabs .domtab .tabset_tabs li#tabSendFriend a:hover{ background:url(../images/layup/spriteFormTabsUsed.jpg) no-repeat -354px -45px; } #formTabs .domtab .tabset_tabs li#tabPrint a:hover { background:url(../images/layup/spriteFormTabsUsed.jpg) no-repeat -472px -45px; } #formTabs .domtab .tabset_tabs li#tabSaveCompare a:hover { background:url(../images/layup/spriteFormTabsUsed.jpg) no-repeat -590px -45px; } #formTabs .domtab .tabset_tabs li#tabRequestTest a:hover { width:118px; background:url(../images/layup/spriteFormTabsNew.jpg) no-repeat -236px -45px; } #formTabs .domtab .tabset_tabs li#tabRequestBrochure a:hover { width:118px; background:url(../images/layup/spriteFormTabsNew.jpg) no-repeat -354px -45px; } #formTabs .domtab .tabset_tabs li#tabCurrentOffers a:hover { width:119px; background:url(../images/layup/spriteFormTabsNew.jpg) no-repeat -472px -45px; } #formTabs .domtab .tabset_tabs li#tabSimilarOffers a:hover { width:119px; background:url(../images/layup/spriteOfferDetailTabs.jpg) no-repeat -118px -45px; } #formTabs .domtab .tabset_tabs li#tabContactUs a:hover { width:118px; background:url(../images/layup/spriteContactTabs.gif) no-repeat 0 -45px; } #formTabs .domtab .tabset_tabs li#tabGetDirections a:hover { width:119px; background:url(../images/layup/spriteContactTabs.gif) no-repeat -118px -45px; } #formTabs .domtab .tabset_tabs li#tabRemoveSaveCompare a:hover { width:118px; background:url(../images/layup/spriteFormTabsUsed.jpg) no-repeat -710px -45px; } #formTabs .domtab .tabset_tabs li#tabEnquire.active a { background:url(../images/layup/spriteFormTabsUsed.jpg) no-repeat 0 -45px; } #formTabs .domtab .tabset_tabs li#tabValue.active a { background:url(../images/layup/spriteFormTabsUsed.jpg) no-repeat -118px -45px; } #formTabs .domtab .tabset_tabs li#tabMakeOffer.active a { background:url(../images/layup/spriteFormTabsUsed.jpg) no-repeat -236px -45px; } #formTabs .domtab .tabset_tabs li#tabSendFriend.active a { background:url(../images/layup/spriteFormTabsUsed.jpg) no-repeat -354px -45px; } #formTabs .domtab .tabset_tabs li#tabPrint.active a { background:url(../images/layup/spriteFormTabsUsed.jpg) no-repeat -472px -45px; } #formTabs .domtab .tabset_tabs li#tabSaveCompare.active a { background:url(../images/layup/spriteFormTabsUsed.jpg) no-repeat -590px -45px; } #formTabs .domtab .tabset_tabs li#tabRequestTest.active a { width:118px; background:url(../images/layup/spriteFormTabsNew.jpg) no-repeat -236px -45px; } #formTabs .domtab .tabset_tabs li#tabRequestBrochure.active a { width:118px; background:url(../images/layup/spriteFormTabsNew.jpg) no-repeat -354px -45px; } #formTabs .domtab .tabset_tabs li#tabCurrentOffers.active a { width:119px; background:url(../images/layup/spriteFormTabsNew.jpg) no-repeat -472px -45px; } #formTabs .domtab .tabset_tabs li#tabRemoveSaveCompare.active a { width:118px; background:url(../images/layup/spriteFormTabsUsed.jpg) no-repeat -710px -45px; } #formTabs .domtab .tabset_tabs li#tabSimilarOffers.active a { width:119px; background:url(../images/layup/spriteOfferDetailTabs.jpg) no-repeat -118px -45px; } #formTabs .domtab .tabset_tabs li#tabContactUs.active a { width:118px; background:url(../images/layup/spriteContactTabs.gif) no-repeat 0 -45px; } #formTabs .domtab .tabset_tabs li#tabGetDirections.active a { width:119px; background:url(../images/layup/spriteContactTabs.gif) no-repeat -118px -45px; } #formTabs .domtab .tabset_tabs li#tabFinance a { width:118px; background:url(../images/layup/spriteFinanceInsuranceTabs.jpg) no-repeat 0 0; } #formTabs .domtab .tabset_tabs li#tabInsurance a { width:119px; background:url(../images/layup/spriteFinanceInsuranceTabs.jpg) no-repeat -118px 0; } #formTabs .domtab .tabset_tabs li#tabFinance a:hover { background:url(../images/layup/spriteFinanceInsuranceTabs.jpg) no-repeat 0 -45px; } #formTabs .domtab .tabset_tabs li#tabInsurance a:hover { background:url(../images/layup/spriteFinanceInsuranceTabs.jpg) no-repeat -118px -45px; } #formTabs .domtab .tabset_tabs li#tabFinance.active a { background:url(../images/layup/spriteFinanceInsuranceTabs.jpg) no-repeat 0 -45px; } #formTabs .domtab .tabset_tabs li#tabInsurance.active a { background:url(../images/layup/spriteFinanceInsuranceTabs.jpg) no-repeat -118px -45px; } #formTabs .domtab .tabset_content { width:709px; min-height:242px; background:url(../images/layup/formsContentBg.jpg) no-repeat left bottom; } * html #formTabs .domtab .tabset_content { height:242px; } #formTabs .domtab .tabset_content .padding { padding:6px 11px 6px 11px; } #formTabs .domtab .tabset_content .title { font-weight:bold; color:#111111; padding:0 0 20px; } #formTabs .domtab .tabset_content form {} #formTabs .domtab .tabset_content form div { margin:0 0 8px; float:left; } #formTabs .domtab .tabset_content form label { width:136px; color:#111111; padding:0 0 0 40px; } #formTabs .domtab .tabset_content form select { width:156px; } #formTabs .domtab .tabset_content form input, #formTabs .domtab .tabset_content form textarea { width:152px; } #formTabs .domtab .tabset_content form .checkRadio { width:20px; position:relative; left:-7px; top:-2px; } #formTabs .domtab .tabset_content form #submit { width:73px; height:21px; border:none; } #usedInfo { width:709px; margin:0 0 20px; } #usedInfo .domtab {} #usedInfo .domtab .tabset_tabs { width:709px; height:45px; list-style:none; background:url(../images/layup/usedInfoTabsBg.jpg) no-repeat right; margin:0; padding:0; } #usedInfo .domtab .tabset_tabs li { padding:0; float:left; } #usedInfo .domtab .tabset_tabs a { height:45px; cursor:pointer !important; float:left; } #usedInfo .domtab .tabset_tabs span { display: none; } #usedInfo .domtab .tabset_tabs li#tabFullSpec a { width:118px; background:url(../images/layup/spriteUsedInfoTabs.jpg) no-repeat 0 0; } #usedInfo .domtab .tabset_tabs li#tabWarranty a { width:118px; background:url(../images/layup/spriteUsedInfoTabs.jpg) no-repeat -118px 0; } #usedInfo .domtab .tabset_tabs li#tabInsurance a { width:118px; background:url(../images/layup/spriteUsedInfoTabs.jpg) no-repeat -236px 0; } #usedInfo .domtab .tabset_tabs li#tabFinance a { width:119px; background:url(../images/layup/spriteUsedInfoTabs.jpg) no-repeat -354px 0; } #usedInfo .domtab .tabset_tabs li#tabFullSpec a:hover { background:url(../images/layup/spriteUsedInfoTabs.jpg) no-repeat 0 -45px; } #usedInfo .domtab .tabset_tabs li#tabWarranty a:hover { background:url(../images/layup/spriteUsedInfoTabs.jpg) no-repeat -118px -45px; } #usedInfo .domtab .tabset_tabs li#tabInsurance a:hover { background:url(../images/layup/spriteUsedInfoTabs.jpg) no-repeat -236px -45px; } #usedInfo .domtab .tabset_tabs li#tabFinance a:hover { background:url(../images/layup/spriteUsedInfoTabs.jpg) no-repeat -354px -45px; } #usedInfo .domtab .tabset_tabs li#tabFullSpec.active a { background:url(../images/layup/spriteUsedInfoTabs.jpg) no-repeat 0 -45px; } #usedInfo .domtab .tabset_tabs li#tabWarranty.active a { background:url(../images/layup/spriteUsedInfoTabs.jpg) no-repeat -118px -45px; } #usedInfo .domtab .tabset_tabs li#tabInsurance.active a { background:url(../images/layup/spriteUsedInfoTabs.jpg) no-repeat -236px -45px; } #usedInfo .domtab .tabset_tabs li#tabFinance.active a { background:url(../images/layup/spriteUsedInfoTabs.jpg) no-repeat -354px -45px; } #usedInfo .domtab .tabset_content { width:709px; min-height:202px; background:url(../images/layup/usedInfoContentBg.jpg) no-repeat left bottom; } #usedInfo .domtab .tabset_content .padding { padding:11px; } #relatedVeh {} #relatedVeh .title { font-size:16px; font-weight:bold; color:#222222; border-bottom:1px solid #aaaaaa; padding:0 0 3px; margin:0 0 15px; } #relatedVeh .box { width:216px; margin:0 30px 0 0; float:left; } #relatedVeh .end { margin:0; } #relatedVeh a { font-weight:normal; text-decoration:none; display:block; } #relatedVeh .model { font-weight:bold; color:#222222; display:block; padding:0 0 7px; display:block; } #relatedVeh .model .price { color:#a11112; display:block; float:right; } #relatedVeh .thumb { width:216px; height:162px; position:relative; display:block; } #relatedVeh .thumb .frame { position:absolute; left:0; top:0; } #relatedVeh a .thumb .btn { width:79px; height:29px; background:url(../images/layup/btnView.png) no-repeat left top; position:absolute; right:12px; bottom: -6px; } #relatedVeh a:hover .thumb .btn { background:url(../images/layup/btnViewHover.png) no-repeat left top; } /* ----- BOX LIST ----- */ #boxList {} #boxList .box { width:209px; height:212px; margin:0 38px 15px 0; float:left; } #boxList .end { margin:0; } #boxList .box a { width:209px; height:212px; font-weight:normal; text-decoration:none; background:url(../images/layup/boxListBg.png) no-repeat left top; display:block; } #boxList .box a:hover { background:url(../images/layup/boxListHoverBg.png) no-repeat left top; } #boxList .box .title { height:27px; color:#f1f1f1; text-align:left; margin:0 0 9px; padding: 0px 8px 0px 8px; font-weight:bold; display:block; } #boxList .box .title span { padding:7px 0 0; display:block; } #boxList .box .thumb { width:186px; height:140px; margin:0 auto; display:block; } /* ----- NEW DETAIL ----- */ #newDetails { margin:0 0 20px; } #newDetails .leftSide { width:400px; font-size:12px; float:left; } #newDetails .model { height:27px; font-size:20px; color:#222222; font-weight:bold; } #newDetails .price { height:35px; font-size:20px; color:#c3060a; font-weight:bold; } #newDetails .telephone { height:30px; font-size:16px; color:#363636; } #newDetails #mainImgArea { width:296px; float:right; margin-bottom: 20px; margin-left: 10px; } #newDetails #mainImgArea #mainImg { width:296px; height:222px; margin:0 0 9px; position:relative; background: url(../images/layup/noImage296x223.gif) top left no-repeat; } #newDetails #mainImgArea #mainImg .controller { position:absolute; left:10px; bottom:10px; z-index:10; } #newDetails #mainImgArea #mainImg .controller ul { list-style:none; margin:0; padding:0; } #newDetails #mainImgArea #mainImg .controller ul li { padding:0; margin:0 5px 0 0; float:left; } #newDetails #mainImgArea #mainImg .controller ul li a { width:6px; height:6px; background:url(../images/layup/controllerBg.png) no-repeat left top; float:left; display:block; } #newDetails #mainImgArea #mainImg .controller ul li a.active { background:url(../images/layup/controllerActiveBg.png) no-repeat left top; } #newDetails #mainImgArea #mainImg .controller ul li a span { display:none; } #newDetails #mainImgArea #mainImg .frame { position:absolute; left:0; top:0; z-index:5; } #newDetails #mainImgArea #thumbs {} #newDetails #mainImgArea #thumbs .thumb { width:44px; height:33px; margin:0 6px 0 0; position:relative; float:left; background: url(../images/layup/noImage44x33.gif) top left no-repeat; } #newDetails #mainImgArea #thumbs .end { margin:0; } #newDetails #mainImgArea #thumbs .thumb .frame { position:absolute; left:0; top:0; } #financeInsurance { width:709px; margin:0 0 20px; } #financeInsurance .domtab {} #financeInsurance .domtab .tabset_tabs { width:709px; height:45px; list-style:none; background:url(../images/layup/financeInsuranceTabsBg.gif) no-repeat right; margin:0; padding:0; } #financeInsurance .domtab .tabset_tabs li { padding:0; float:left; } #financeInsurance .domtab .tabset_tabs a { height:45px; cursor:pointer !important; float:left; } #financeInsurance .domtab .tabset_tabs span { display: none; } #financeInsurance .domtab .tabset_tabs li#tabFinance a { width:118px; background:url(../images/layup/spriteFinanceInsuranceTabs.jpg) no-repeat 0 0; } #financeInsurance .domtab .tabset_tabs li#tabInsurance a { width:119px; background:url(../images/layup/spriteFinanceInsuranceTabs.jpg) no-repeat -118px 0; } #financeInsurance .domtab .tabset_tabs li#tabFinance a:hover { background:url(../images/layup/spriteFinanceInsuranceTabs.jpg) no-repeat 0 -45px; } #financeInsurance .domtab .tabset_tabs li#tabInsurance a:hover { background:url(../images/layup/spriteFinanceInsuranceTabs.jpg) no-repeat -118px -45px; } #financeInsurance .domtab .tabset_tabs li#tabFinance.active a { background:url(../images/layup/spriteFinanceInsuranceTabs.jpg) no-repeat 0 -45px; } #financeInsurance .domtab .tabset_tabs li#tabInsurance.active a { background:url(../images/layup/spriteFinanceInsuranceTabs.jpg) no-repeat -118px -45px; } #financeInsurance .domtab .tabset_content { width:709px; min-height:142px; background:url(../images/layup/financeInsuranceContentBg.jpg) no-repeat left top; } * html #financeInsurance .domtab .tabset_content { height:142px; } #financeInsurance .domtab .tabset_content .padding { padding:11px; } #financeInsurance .domtab .tabset_content form {} #financeInsurance .domtab .tabset_content form fieldset { height:101px; padding:0 16px 0 0; float:left; } #financeInsurance .domtab .tabset_content form fieldset.btm { width:663px; height:auto; padding:0; float:none; } #financeInsurance .domtab .tabset_content form div { margin:0 0 10px; } #financeInsurance .domtab .tabset_content form fieldset.btm div { margin:0; } #financeInsurance .domtab .tabset_content form .clearSmall { margin:0; } #financeInsurance .domtab .tabset_content form label { width:144px; font-weight:bold; } #financeInsurance .domtab .tabset_content form input { width:77px; } #financeInsurance .domtab .tabset_content form select { width:152px; } #financeInsurance .domtab .tabset_content form .illu { font-style:italic; } #financeInsurance .domtab .tabset_content form #submit { width:73px; height:21px; border:none; float:right; } /* ----- OFFERS LIST ----- */ #offersList { padding:7px; background:url(../images/layup/usedInfoContentBg.jpg) left bottom no-repeat; clear:left; } #offersList .box { width:342px; margin:0 10px 40px 0; float:left; } #offersList .end { margin:0; } #offersList .box a { display:block; } #offersList .box .thumb { width:342px; height:140px; display:block; position:relative; } #offersList .box .thumb .frame { position:absolute; left:0; top:0; display:block; } #offersList .box a .thumb .btn { width:79px; height:29px; background:url(../images/layup/btnView.png) no-repeat left top; position:absolute; left:257px; top:120px; } #offersList .box a:hover .thumb .btn { background:url(../images/layup/btnViewHover.png) no-repeat left top; } /* ----- OFFERS DETAIL ----- */ #offersMain { width:710px; height:291px; position:relative; top:-9px; } #offersMain .overlay { position:absolute; right:0; top:0; z-index:101; } /* ----- CONTACT US ----- */ #contactInfo { width:400px; margin:0 0 20px; float:left; } #contactInfo .location { height:32px; font-size:18px; font-weight:bold; color:#c6060b; } #contactInfo address { font-size:12px; padding:0 0 16px; float:left; } #contactInfo .padding { padding:0 0 0 37px; display:block; } #contactInfo table { width:179px; float:left; } #contactInfo table tr {} #contactInfo table tr td { font-size:12px; } #mapContainer { width:296px; height:222px; margin:0 0 20px; float:right; } #mapContainer #map { width:296px; height:222px; position:relative; } #mapContainer #map .frameT { position:absolute; left:0; top:0; } #mapContainer #map .frameR { position:absolute; right:0; top:3px; } #mapContainer #map .frameB { position:absolute; left:0; bottom:0; } #mapContainer #map .frameL { position:absolute; left:0; top:3px; } /* ----- CMS IMAGE ----- */ .cmsImage { margin:0 0 15px 15px; position:relative; float:right; background: url(../images/layup/noImage296x223.gif) top left no-repeat; width: 296px; height: 223px; } .cmsImage .controller { position:absolute; left:10px; bottom:10px; z-index:10; } .cmsImage .controller ul { list-style:none; margin:0; padding:0; } .cmsImage .controller ul li { padding:0; margin:0 5px 0 0; float:left; } .cmsImage .controller ul li a { width:6px; height:6px; background:url(../images/layup/controllerBg.png) no-repeat left top; float:left; display:block; } .cmsImage .controller ul li a.active { background:url(../images/layup/controllerActiveBg.png) no-repeat left top; } .cmsImage .controller ul li a span { display:none; } .cmsImage .frame { position:absolute; left:0; top:0; z-index:5; } /* ----- CMS TABLE */ table.cmsTable { width:709px; margin:0 0 20px; position:relative; } table.cmsTable tr {} table.cmsTable tr th { background:url(../images/layup/cmsTableHeadingBg.gif) no-repeat center top; color: #fff; padding:8px 0 4px 11px; font-size:12px; } table.cmsTable tr th.colLeft { background:url(../images/layup/cmsTableHeadingBg.gif) no-repeat left top; } table.cmsTable tr th.colRight { background:url(../images/layup/cmsTableHeadingBg.gif) no-repeat right top; } table.cmsTable tr td { font-size:12px; color:#161616; background-image:url(../images/layup/tableDivider.gif); background-position: right; background-repeat: repeat-y; padding:8px 0 4px 11px; } table.cmsTable tr td.first { border-left:1px solid #3b3b3b; } table.cmsTable tr td.last { border-right:1px solid #3b3b3b; background-image:none !important; } table.cmsTable tr.heading td { color:#fff; font-weight:bold; } table.cmsTable tr.altRow td { background-color: #d6d6d6; } /* ----- SAVE AND COMPARE ----- */ #saveCompareTbl { border: 1px solid #ccc; margin-bottom: 12px; } #saveCompareTbl table { width: 100%; border-collapse: separate; } #saveCompareTbl th { font-size: 1.1em; background: #dedede; padding: 6px 2px 6px 2px; } #saveCompareTbl th.noBg { background: none !important; } #saveCompareTbl td { font-size: 1.0em; padding: 3px 2px 3px 2px; } #saveCompareTbl tr.trOut { background: #f4f4f4; } #saveCompareTbl tr.trOver { background: #ebebeb; } /* ----- FOOTER ----- */ #footerWrapper { height:149px; background:url(../images/layup/footerBg.gif) 0 bottom repeat-x; margin:-149px 0 0; } #footer { width:961px; color:#fff; text-align:left; margin:0 auto; font-size: 1.1em; position: relative; } #footer a { color:#fff; font-weight:normal; text-decoration:none;} #footer a:hover { text-decoration:underline; } #footer p { color:#fff; padding:0; font-size: 1.0em; } #footer span { color:#d20a11; } #footer #siteLinks { width:961px; height:33px; text-align:center; color:#d20a11; padding:10px 0 0; position:relative; } #footer #siteLinks #footerLogo { position:absolute; top:0; } #footer #footerLogo { margin:0 0 15px; } #footer #socialNetworking { width:242px; height:182px; position:relative; float: left; line-height: normal; position: absolute; top: -182px; left: 0; } #footer #socialNetworking #sideL { position:relative; left:-12px; top: 89px; } #footer #socialNetworking #sideL img { position: absolute; left: 0px; top: 84px; } #footer #socialNetworking #sideR { position:relative; right:-12px; top:173px; } #footer #socialNetworking #sideR img { position: absolute; left:230px; top:0px; } #footer #socialNetworking a { text-decoration:none; font-weight:normal; float:left; display:block; } #footer #socialNetworking a span { color:#ffffff; display:block; } #footer #socialNetworking a.twitter { width:121px; height:55px; background:url(../images/layup/spriteSocialNetworking.gif) no-repeat 0 0; } #footer #socialNetworking a.twitter:hover { background:url(../images/layup/spriteSocialNetworking.gif) no-repeat 0 -182px; } #footer #socialNetworking a.twitterBike { width:121px; height:55px; background:url(../images/layup/spriteSocialNetworking.gif) no-repeat -121px 0; } #footer #socialNetworking a.twitterBike:hover { background:url(../images/layup/spriteSocialNetworking.gif) no-repeat -121px -182px; } #footer #socialNetworking a.blogger { width:121px; height:39px; background:url(../images/layup/spriteSocialNetworking.gif) no-repeat 0px -55px; } #footer #socialNetworking a.blogger:hover { background:url(../images/layup/spriteSocialNetworking.gif) no-repeat 0px -237px; } #footer #socialNetworking a.bloggerBikes { width:121px; height:39px; background:url(../images/layup/spriteSocialNetworking.gif) no-repeat -121px -55px; } #footer #socialNetworking a.bloggerBikes:hover { background:url(../images/layup/spriteSocialNetworking.gif) no-repeat -121px -237px; } #footer #socialNetworking a.youtube { width:121px; height:38px; background:url(../images/layup/spriteSocialNetworking.gif) no-repeat 0px -94px; } #footer #socialNetworking a.youtube:hover { background:url(../images/layup/spriteSocialNetworking.gif) no-repeat 0px -276px; } #footer #socialNetworking a.bikeSite { width:121px; height:38px; background:url(../images/layup/spriteSocialNetworking.gif) no-repeat -121px -94px; } #footer #socialNetworking a.bikeSite:hover { background:url(../images/layup/spriteSocialNetworking.gif) no-repeat -121px -276px; } #footer #socialNetworking a.facebook { width:121px; height:50px; background:url(../images/layup/spriteSocialNetworking.gif) no-repeat 0px -132px; } #footer #socialNetworking a.facebook:hover { background:url(../images/layup/spriteSocialNetworking.gif) no-repeat 0px -314px; } #footer #socialNetworking a.carClub { width:121px; height:50px; background:url(../images/layup/spriteSocialNetworking.gif) no-repeat -121px -132px; } #footer #socialNetworking a.carClub:hover { background:url(../images/layup/spriteSocialNetworking.gif) no-repeat -121px -314px; } /* ----- 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;} /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 10px 0; font-size:100%; font-weight:bold;} h1 { font-size:30px; font-weight:bold; color:#222222; } p { font-size:12px; color:#222222; padding:0 0 10px 0; margin:0; } /* ----- 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 9px no-repeat; padding:6px 0 5px 15px;} /* ----- GLOBAL ----- */ img { display:block; border:0; } address { font-style:normal; } /* ----- LINKS ----- */ a { color:#d30a11; text-decoration:underline; cursor:pointer; outline:none; } a:hover { text-decoration:none; } a:link { color:#acacac; } /* ----- 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;} span.required { color:#c6060a;} .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:73px; height:21px; 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 { display:none; margin: 5px 0; width:300px; padding: 5px; background-color: #c6060a; color : #FFF; 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 { padding-bottom: 30px; } .domContent { border: 1px solid #333333; } .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; } /* ----- TOOL TIP ----- */ a.info {font-weight:normal;text-decoration:none !important;} a.info:hover {position:relative; z-index:25; } a.info span{display: none; font-weight:normal !important; text-decoration:none !important;color: #000 !important;} a.info:hover span{display:block !important; position:absolute; padding:5px 10px 5px 10px; background: #fff; top:20px; left:15px; width:18.1em; border:1px solid #333; color:#000; text-align: center; text-decoration:none !important; z-index:100;} /* ----- FILE LIST ----- */ #fileList { width:235px; float:right; padding:20px 30px; background:#fff; margin: 0px 0px 30px 0px; } #fileList li { list-style:square; font-weight:bold; color: #363636; } #fileList li a { text-decoration: underline; color: #363636; } #fileList li a:hover { text-decoration: none; color: #363636; } #fileList li.title { list-style: none; font-size: 16px; padding-bottom: 10px; text-decoration: none; position: relative; left: -14px; } #btnBookNow { float:right; clear:right; width:295px; height:70px; display:block; background:url(../images/layup/spriteBtnBookNow.gif) 0 0 no-repeat; margin: 0px 0px 10px 10px; } #btnBookNow:hover {background:url(../images/layup/spriteBtnBookNow.gif) 0 -70px no-repeat;} #similarOfferList .box { margin:0 0 25px 0; } #similarOfferList .box .thumb { width:342px; height:140px; display:block; position:relative; } #similarOfferList .box .thumb .frame { position:absolute; left:0; top:0; display:block; } #similarOfferList .box a .thumb .btn { width:79px; height:29px; background:url(../images/layup/btnView.png) no-repeat left top; position:absolute; left:257px; top:120px; } #similarOfferList .box a:hover .thumb .btn { background:url(../images/layup/btnViewHover.png) no-repeat left top; } a.btnSaveList { width:80px; height:29px; background:url(../images/layup/btnSave.png) no-repeat left top; padding:0; float:right; } a.btnSaveList:hover { background:url(../images/layup/btnSaveHover.png) no-repeat left top; } a.btnRetrieveList { width:81px; height:29px; background:url(../images/layup/retrieveList.png) no-repeat left top; padding:0; float:right; } a.btnRetrieveList:hover { background:url(../images/layup/retrieveListHover.png) no-repeat left top; } #usedCarListingAdjustFinance form { padding: 10px; background: url(../images/layup/listItemBg.gif) left bottom no-repeat; } #usedCarListingAdjustFinance div.adjustFinanceTitle { float: none; margin: 0px; background: url(../images/layup/listTitle.gif) no-repeat; height:22px; padding-top: 5px; width:699px; font-size: 12px; font-weight: bold; color: #ffffff; } #usedCarListingAdjustFinance div { float:left; margin-right:25px; margin-bottom:10px; } #usedCarListingAdjustFinance div input { position:relative; top:-3px; } #usedCarListingAdjustFinance div select { position:relative; top:-3px; } /* ----- OFFER TABS ----- */ #offerNav { background:url(../images/layup/formsTabsBg.gif) no-repeat scroll left top; height:45px; list-style:none; margin:0; padding:0; width:709px; float:left;} #offerNav a { display:block; height:45px; } #offerNav ul { padding:0px; margin:0px; } #offerNav li { list-style:none; float:left; } #offerNav .domtab .tabset_content { background:url(../images/layup/formsContentBg.jpg) no-repeat scroll left bottom; min-height:242px; width:709px;} #offerNav a#newOffers { width:119px; background:url(../images/layup/spriteOfferTabs.jpg) 0 0 no-repeat; } #offerNav a#usedOffers { width:118px; background:url(../images/layup/spriteOfferTabs.jpg) -119px 0 no-repeat; } #offerNav a#servicingOffers { width:118px; background:url(../images/layup/spriteOfferTabs.jpg) -237px 0 no-repeat; } #offerNav a#motabilityOffers { width:118px; background:url(../images/layup/spriteOfferTabs.jpg) -355px 0 no-repeat; } #offerNav a#businessOffers { width:118px; background:url(../images/layup/spriteOfferTabs.jpg) -473px 0 no-repeat; } #offerNav a#newOffers:hover { background:url(../images/layup/spriteOfferTabs.jpg) 0 -45px no-repeat; } #offerNav a#usedOffers:hover { background:url(../images/layup/spriteOfferTabs.jpg) -119px -45px no-repeat; } #offerNav a#servicingOffers:hover { background:url(../images/layup/spriteOfferTabs.jpg) -237px -45px no-repeat; } #offerNav a#motabilityOffers:hover { background:url(../images/layup/spriteOfferTabs.jpg) -355px -45px no-repeat; } #offerNav a#businessOffers:hover { background:url(../images/layup/spriteOfferTabs.jpg) -473px -45px no-repeat; } #offerNav li.active a#newOffers { background:url(../images/layup/spriteOfferTabs.jpg) 0 -45px no-repeat; } #offerNav li.active a#usedOffers{ background:url(../images/layup/spriteOfferTabs.jpg) -119px -45px no-repeat; } #offerNav li.active a#servicingOffers { background:url(../images/layup/spriteOfferTabs.jpg) -237px -45px no-repeat; } #offerNav li.active a#motabilityOffers{ background:url(../images/layup/spriteOfferTabs.jpg) -355px -45px no-repeat; } #offerNav li.active a#businessOffers { background:url(../images/layup/spriteOfferTabs.jpg) -473px -45px no-repeat; }