/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : Chris Munn / chris.munn@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet Lipscomb site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background: #FFFFFF url(../images/layup/bodyBg.jpg) repeat-x; 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:900px; margin:0 auto; text-align:left; font-size:110%; } #printHeader { display:none;} #header { position: relative; height: 107px; } #header #logo { padding: 25px 0px 0px 0px; } #header #social { position: absolute; top: 60px; right: 130px; } #header #social img { float: left; margin-right: 10px; } #leftCol { float: left; width: 200px; background: #FFF; } #leftCol .homePadding { padding: 0px 10px 0px 0px; } #leftCol .padding { padding: 5px 5px 0px 5px; } #leftCol .deptName { float: left; width: 50px; text-align: right; margin-right: 8px; } #rightCol { float: right; width: 689px; min-height: 250px; background: #FFFFFF; } #rightCol .padding { margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px; background: #FFF; } #mainContent {} #mainContent .padding { padding: 0px 0px 0px 0px; } #mainFlash { width:900px; height:248px; background:#fff; position:relative; margin-bottom:7px; } #mainFlash .leftShadow { position:absolute; top:-4px; left:-19px; } #mainFlash .rightShadow { position:absolute; top:-4px; right:-19px; } #mainFlash .topShadow { position:absolute; top:-4px; left:0px; } #franchiseSelect { width:900px; height:105px; margin-bottom:5px; } #franchiseSelect a { display:block; height:105px; float:left; } #franchiseSelect a#volvo { width:98px; background:url(../images/layup/spriteFranchiseSelect.jpg) left top no-repeat; } #franchiseSelect a#fiat { width:100px; background:url(../images/layup/spriteFranchiseSelect.jpg) -98px top no-repeat; } #franchiseSelect a#alfa { width:101px; background:url(../images/layup/spriteFranchiseSelect.jpg) -198px top no-repeat; } #franchiseSelect a#lotus { width:101px; background:url(../images/layup/spriteFranchiseSelect.jpg) -299px top no-repeat; } #franchiseSelect a#abarth { width:100px; background:url(../images/layup/spriteFranchiseSelect.jpg) -400px top no-repeat; } #franchiseSelect a#fiatPro { width:101px; background:url(../images/layup/spriteFranchiseSelect.jpg) -500px top no-repeat; } #franchiseSelect a#isuzu { width:100px; background:url(../images/layup/spriteFranchiseSelect.jpg) -601px top no-repeat; } #franchiseSelect a#contract { width:101px; background:url(../images/layup/spriteFranchiseSelect.jpg) -701px top no-repeat; } #franchiseSelect a#trade { width:98px; background:url(../images/layup/spriteFranchiseSelect.jpg) -802px top no-repeat; } #franchiseSelect a#volvo:hover { width:98px; background:url(../images/layup/spriteFranchiseSelect.jpg) left bottom no-repeat; } #franchiseSelect a#fiat:hover { width:100px; background:url(../images/layup/spriteFranchiseSelect.jpg) -98px bottom no-repeat; } #franchiseSelect a#alfa:hover { width:101px; background:url(../images/layup/spriteFranchiseSelect.jpg) -198px bottom no-repeat; } #franchiseSelect a#lotus:hover { width:101px; background:url(../images/layup/spriteFranchiseSelect.jpg) -299px bottom no-repeat; } #franchiseSelect a#abarth:hover { width:100px; background:url(../images/layup/spriteFranchiseSelect.jpg) -400px bottom no-repeat; } #franchiseSelect a#fiatPro:hover { width:101px; background:url(../images/layup/spriteFranchiseSelect.jpg) -500px bottom no-repeat; } #franchiseSelect a#isuzu:hover { width:100px; background:url(../images/layup/spriteFranchiseSelect.jpg) -601px bottom no-repeat; } #franchiseSelect a#contract:hover { width:101px; background:url(../images/layup/spriteFranchiseSelect.jpg) -701px bottom no-repeat; } #franchiseSelect a#trade:hover { width:98px; background:url(../images/layup/spriteFranchiseSelect.jpg) -802px bottom no-repeat; } #newCarSelect { width:343px; margin-top:-5px; height:92px; float:right; background:url(../images/layup/newCarBg.jpg) no-repeat; position:relative; } #newCarSelect .leftSide { position:absolute; right:-15px; top:0px; } #newCarSelect select { width:135px; position:absolute; top:51px; left:110px; border:1px solid #d0d0d0; } #delivery { float:right; clear:right; } #flashImage { padding: 5px; } #homeNews { width: 228px; background:url(../images/layup/newsBg.gif) no-repeat; float: right; margin: 0px 0px 10px 10px; } #homeNews .padding { padding: 50px 20px 0px 20px; margin: 0px !important; background: none; } #homeNews h2 { font-size: 18px; color: #333333; } #homeText { width: 660px; float:left; } #topBannerImage { height: 252px; background: #FFF; } #topBannerImage .bannerBg { padding: 5px; } #searchResults { background: url(../images/layup/dotsH.gif) repeat-x bottom; padding-bottom: 10px; margin-bottom: 10px; } #newCarJumps img { float: left; } /* ----- JUMPS ----- */ #franchiseJumps { padding-bottom: 8px; } #franchiseJumps img { float: left; } #homeJumps { position: relative; padding-bottom: 20px; } #homeJumps .badge { position: absolute; top: 10px; left: -10px; } #internalJumps { } #internalJumps .box { width: 227px; float: left; height: 164px; background: #e5e5e5; } #internalJumps .box span { display: block; } #internalJumps .newCars, #internalJumps .usedCars { margin-right: 4px; } #internalJumps .box .padding { padding: 0px !important; margin: 5px !important; } #internalJumps .box .padding .title { background: #2f2f2f; font-size: 17px; color: #FFF; text-transform: uppercase; padding-left: 10px; height: 28px; font-weight: bold; padding-top: 2px; } #internalJumps #newCarBg { width: 217px; height: 125px; } #internalSmallJumps { padding-top: 5px; padding-bottom: 15px; } #internalSmallJumps span { display: block;position:relative; } #internalSmallJumps .box { width: 169px; float: left; background: #e5e5e5; margin-right: 4px; } #internalSmallJumps .lastItem { margin: 0px; } #internalSmallJumps .box .padding { padding: 0px !important; margin: 5px !important; } #internalSmallJumps .box .padding .title { background: #2f2f2f; font-size: 15px; font-weight: bold; color: #FFF; text-transform: uppercase; padding-left: 10px; height: 27px; padding-top: 3px; } #internalSmallJumps #afterSales { background: url(../images/layup/jumpServiceParts.jpg); display: block; height: 80px; widows: 159px; } #internalSmallJumps #loyaltyCard { background: url(../images/layup/jumpLoyaltyCard.jpg); display: block; height: 80px; widows: 159px; } #internalSmallJumps #racing { background: url(../images/layup/jumpLoyaltyCard.jpg); display: block; height: 80px; widows: 159px; } #internalSmallJumps #contractHire { background: url(../images/layup/jumpContractHire.jpg); display: block; height: 80px; widows: 159px; } #internalSmallJumps #onlineStore { background: url(../images/layup/jumpOnlineStore.jpg); display: block; height: 80px; widows: 159px; } #internalSmallJumps .onlineStoreComingSoon {position:absolute;top:0;left:0;display:inline;z-index:300;} #internalSmallJumps #lotusProjects {background: url(../images/layup/lotus/dropoff.jpg); display: block; height: 80px; widows: 159px;} #dealer .title { position: static; background: url(../images/layup/longHeadingBg.gif) repeat-x; position: relative; height: 35px; } #dealer .title span { display: block; padding: 6px 0px 0px 10px; color: #FFF; font-weight: bold; font-size: 14px; } #dealer .map { float:left; margin-bottom:30px; width: 350px; margin-right: 1px; } #dealer #showroom { float:left; margin-bottom:30px; width: 315px; } #dealer #hours { float:left; margin-bottom:65px; margin-right:1px; width:350px; } #dealer #hours .title { padding-bottom: 20px; } #dealer #address { float:left; margin-bottom:65px; margin-right:1px; width:315px; } #dealer #address .title { padding-bottom: 20px; } #dealer #hours table { width: 100%; } #dealer #hours table td { padding: 2px; color: #666666; } #dealer #address, #rightCol #dealer #address a { color: #666666; } #dealer #contactDetails { clear:both;margin-bottom:30px; margin-right:1px; } #dealer #contactDetails .title { padding-bottom: 20px; } #dealer #contactDetails table {width:100%;} #dealer #contactDetails table td {width:33%;padding:4px 2px;color: #666666;} #dealer #contactDetails table .trAlt {background:#f6f6f6;} #dealerList .listItem { width: 223px; float: left; } #dealerList .listItem a { text-decoration: none; } #dealerList .listItem img { border: 5px solid #f6f6f6; } #dealerList .listItem .itemDetails { display: block; padding: 5px 10px 5px 10px; height:40px; } #dealerList .listItem .itemDetails .newCarText { display: block; font-weight: normal; padding: 5px 0px 5px 0px; } #dealerList .listItem .itemDetails .price { display: block; color: #ff0101; font-size: 12px; font-weight: bold; text-transform: uppercase; } #dealershipMap { position: relative; width: 669px; height: 455px; } #dealershipMap a { display: block; position: absolute; background: url(../images/layup/ieLinkFix.gif) repeat; } #dealershipMap a#maidVolvo { width: 70px; height: 73px; top: 8px; left: 172px; } #dealershipMap a#maidAbarth { width: 68px; height: 73px; top: 8px; left: 242px; } #dealershipMap a#maidLotus { width: 71px; height: 73px; top: 8px; left: 310px; } #dealershipMap a#maidFiat { width: 72px; height: 73px; top: 8px; left: 381px; } #dealershipMap a#maidAlfa { width: 65px; height: 73px; top: 8px; left: 453px; } #dealershipMap a#cantVolvo { width: 69px; height: 73px; top: 76px; left: 567px; } #dealershipMap a#ashVolvo { width: 84px; height: 81px; top: 312px; left: 188px; } #dealershipMap a#ashFiat { width: 68px; height: 81px; top: 312px; left: 272px; } #dealershipMap a#ashFiatCom { width: 70px; height: 81px; top: 312px; left: 340px; } #dealershipMap a#ashIsuzu { width: 80px; height: 81px; top: 312px; left: 410px; } /* offer detail page */ .vehicleContent #offerDetailTop { width: 290px; float: right; margin: 0px 0px 20px 20px; } #offerDetailTop { background: #f6f6f6; padding: 0px; padding-top: 9px; width: 659px; margin-bottom: 9px; } #offerDetailTop .padding { background: #f6f6f6 !important; padding: 0px 15px 9px 9px; } #offerDetailTop #offerForm { width: 276px; float: right; } #offerDetailTop #offerForm form, #offerDetailTop #offerForm form fieldset { margin: 0px; padding: 0px; } #offerDetailTop #offerForm .fieldInput { width: 165px; margin-left: 10px; } #offerDetailTop #offerForm select.fieldInput { width: 169px; margin-left: 10px; } #offerDetailTop #offerForm label { width: 92px; text-align: right; } #offerDetailTop .internalImage { border: none; float: left; margin: 0px 0px 0px 0px; position: relative; } #offerDetailTop #frmContact div { margin-bottom: 3px; } #offerTable table { width: 100%; } #offerTable td { padding: 5px; border-right: 2px solid #FFF; } #offerTable tr.altRow { background: #f6f6f6; } #offerTable td.width275 { width: 275px; } /* ----- CLASSES ----- */ .clear { clear:both; } .clearSmall { clear:both; display: block; font-size: 0px; height: 0px; line-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; } .bold { font-weight: bold; } .box { background: #f6f6f6; position: relative; } .box a { display: block; text-decoration: none; font-weight: normal; cursor: pointer; } .box .padding { padding: 12px !important; background: #F6F6F6; } .box .padding .numbers { font-size:12px; } .box span { display: block; } .box .icon { position: absolute; } .box .clipBoard { top: 10px; left: 130px; } .box .twitter { top: 8px; left: 130px; } .box .pin { top: 20px; left: 150px; } .box .badge { top: 10px; left: 140px; } .box .titleHeading { width: 190px; height: 37px; background: url(../images/layup/boxTitleBg.gif) no-repeat; } .advancedSearch { font-weight: normal; float: left; text-decoration: underline; } .redBold { font-weight: bold; color: #FF0000; } .blockHeading { font-size: 12px; font-weight: bold; color: #FFF; background: url(../images/layup/dotsH.gif) repeat-x bottom; padding: 5px 0px 4px 0px; margin-bottom: 4px; } .blockHeading span { padding: 5px 18px 5px 18px; background: #1f1f1f; display: inline; } .btnHeading { line-height: normal; padding: 5px 7px 7px 7px; margin: 0px 0px 15px 0px; background:#202020 url(../images/layup/btnBg.gif) repeat-x; border: 1px solid #000; color: #fff; font-size: 18px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } /* ----- ITEM LISTS ----- */ #usedList .listItem { padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; background: url(../images/layup/dotsH.gif) repeat-x bottom; } #usedList .listItem a { text-decoration: none; font-weight: normal; cursor: pointer; } #usedList .listItem .noImage { display: block; width: 168px; height: 126px; background: url(../images/layup/noImage168x126.gif) no-repeat; } #usedList .listItem span { display: block; } #usedList .itemDetails { width: 490px; float: left; padding-left: 10px; } #usedList .listImage { float: left;position:relative; display: block; width: 264px; } #usedList .listImage .offers {position:absolute;top:0;left:0;} #usedList .listItem input.compareItems { width: 99px; } #usedList .listItem .compare { width: 106px; float: right; } #usedList .listItem .itemContent { width: 384px; float: left; } #usedList .listItem .vehicleName { font-weight: bold; padding-bottom: 5px; } #usedList .listItem .price { padding-top: 5px; font-weight: bold; color: #ff0000; font-size: 13px; } #usedList .listItem .price span {color:#000;} /* ----- USED LIST CREATED 06 / 11 / 2009 ----- */ #usedList.usedListData .listItem { background: url(../images/layup/usedItemBg.jpg) no-repeat bottom; width: 667px; position: relative; margin-bottom: 40px; } #usedList.usedListData .listItem .itemPadding { padding: 6px; background: url(../images/layup/dotsH.gif) repeat-x top left; width: 655px; } #usedList.usedListData .listItem.firstItem .itemPadding { background: none; } #usedList.usedListData .listItem .listImage { border: 3px solid #FFFFFF; } #usedList.usedListData .listItem .itemDetails { width: 370px; } #usedList.usedListData .listItem .itemContent { width: 225px; } #usedList.usedListData .listItem .vehicleName { font-size: 12px; } #usedList.usedListData .width125 { width: 125px; } #usedList.usedListData table td { padding: 2px 6px 2px 0px; } #usedList.usedListData .compare .checkRadio { width: 20px !important; } #usedList.usedListData .listItem .compare { width: 135px; } #usedList.usedListData .listItem .price { padding:0 !important; float:right; margin:-25px 0 0 0; font-size: 21px; } #usedList.usedListData .listItem .btnMoreInfo { position: absolute; bottom: -23px; right: 20px; z-index:99999;} #usedList.usedListData .listItem .facebookLike { position: absolute; bottom: -30px; right: 195px; z-index:99999;} #newList .listItem { width: 223px; float: left; position:relative;} #newList .listItem a { text-decoration: none; cursor: pointer; } #newList .listItem .noImage { display: block; width: 208px; height: 156px; border: 5px solid #F6F6F6; background: url(../images/layup/noImage208x156.gif) no-repeat; } /*#newList .listItem img { border: 5px solid #f6f6f6; }*/ #newList .listItem .itemDetails { min-height:100px;display: block; padding: 5px 10px 10px 10px; } #newList.isuzuHomepage .listItem .itemDetails { min-height:40px;display: block; padding: 5px 10px 10px 10px; } /* BEGIN AFTERSALES + OFFERS LIST */ #newListX .listItem { width: 223px; float: left; } #newListX .listItem a { text-decoration: none; cursor: pointer; } #newListX .listItem .noImage { display: block; width: 208px; height: 156px; border: 5px solid #F6F6F6; background: url(../images/layup/noImage208x156.gif) no-repeat; } /*#newListX .listItem img { border: 5px solid #f6f6f6; }*/ #newListX .listItem .itemDetails {height:40px;display: block; padding: 5px 10px 10px 10px; } /* END AFTERSALES + OFFERS LIST */ #newListX table { border-collapse: separate; } .similarVehicleTitle { border-bottom: 1px solid #ab3b61; margin-bottom: 20px; } .similarVehicleTitle span { background: #c5c5c5; color: #ab3b61; font-weight: bold; font-size: 14px; display: block; width: 212px; height: 40px; text-align: center; padding-top: 20px; } #similarVehicles #vehicleList .listItem { width: 166px; float: left; } #similarVehicles #vehicleList .listItem a { text-decoration: none; font-weight: normal; display: block; width: 160px; } #similarVehicles #vehicleList .listItem a span { display: block; } #similarVehicles #vehicleList .listItem .similarText { padding: 5px; } #similarVehicles #vehicleList .listItem .similarName { padding: 4px 0px 4px 0px; font-weight: bold; } #newList .listItem .itemDetails .newCarText { display: block; font-weight: normal; padding: 5px 0px 5px 0px; } #newList .listItem .itemDetails .price { display: block; color: #ff0101; font-size: 12px; font-weight: bold; text-transform: uppercase; } /* ----- USED CAR DETAILS ----- */ #vehicleDetailImages { width: 346px; } #vehicleDetailImages img#imgDetailLarge { float: left; border: 5px solid #c5c5c5; margin-bottom: 6px; } #vehicleDetailImages #vehicleDetailThumbs { width: 293px; height: 64px; overflow: hidden; float: left; position: relative; background: #e5e5e5; padding-left: 53px; } #vehicleDetailImages #vehicleDetailThumbs .window { width: 999em; padding-top: 6px; } #vehicleDetailImages #vehicleDetailThumbs span { display: block; padding: 0px; margin-right: 20px; float: left; } #vehicleDetailImages #vehicleDetailThumbs img { border: 1px solid #cbcbc9; } #vehicleDetailImages #vehicleDetailThumbs .controls {} #vehicleDetailImages #vehicleDetailThumbs .controls a { display: block; position: absolute; } #vehicleDetailImages #vehicleDetailThumbs .controls a img { border: none; } #vehicleDetailImages #vehicleDetailThumbs .controls a.btnPrevious { top: 0px; left: 0px; } #vehicleDetailImages #vehicleDetailThumbs .controls a.btnNext { top: 0px; left: 294px; } #vehicleDetailJumps { width: 282px; float: right; margin-bottom: 25px; } #vehicleDetailJumps .location { font-size: 14px; } #vehicleDetailJumps .location span { color: #a0093c; } #vehicleDetailJumps a { display: block; } #vehicleDetailJumps a#jumpMakeEnquiry { width: 282px; height: 58px; background: url(../images/layup/usedJumpMakeEnquiry.gif) top left; } #vehicleDetailJumps a#jumpSendFriend { width: 139px; height: 64px; background: url(../images/layup/usedJumpSendFriend.gif) top left; float: right; } #vehicleDetailJumps a#jumpMakeOffer { width: 139px; height: 64px; background: url(../images/layup/usedJumpMakeOffer.gif) top left; float: left; } #vehicleDetailJumps a#jumpMakeEnquiry:hover { background-position: bottom left; } #vehicleDetailJumps a#jumpSendFriend:hover { background-position: bottom left; } #vehicleDetailJumps a#jumpMakeOffer:hover { background-position: bottom left; } #vehicleDetailJumps a#jumpCurrentOffers { width: 139px; height: 64px; background: url(../images/layup/jumpCurrentOffers.gif) top left; float: left; } #vehicleDetailJumps a#jumpTestDrive { width: 139px; height: 64px; background: url(../images/layup/jumpTestDrive.gif) top left; float: right; } #vehicleDetailJumps a#jumpCurrentOffers:hover { background-position: bottom left; } #vehicleDetailJumps a#jumpTestDrive:hover { background-position: bottom left; } #vehicleName { width: 649px; font-weight: bold; color: #000; font-size: 18px; padding: 0px 0px 9px 0px; } #vehicleName span { color: #a2083c; } #newVehicleName { font-weight: bold; color: #000; font-size: 18px; padding: 0px 0px 9px 0px; } #newVehicleName span { color: #a2083c; } #newVehicleName p { font-weight: normal; font-size: 14px; padding-bottom: 0px; } .contactNumbers { margin-bottom: 10px; } .contactNumbers td { font-weight: normal; font-size: 14px; width: 150px; } .prices {} .prices .nowPrice { margin-bottom: 5px; width: 140px; float: right; color: #a20a3d; font-size: 16px; line-height: 23px; } .prices .nowPrice span { font-weight: bold; font-size: 18px; display: block; } .prices .wasPrice { margin-bottom: 5px; width: 140px; float: left; font-size: 14px; } .prices .wasPrice span { font-weight: bold; font-size: 16px; display: block; } .prices .fromPrice { margin-bottom: 5px; color: #a20a3d; font-size: 16px; line-height: 23px; } .prices .fromPrice span { font-weight: bold; font-size: 18px; display: block; } .shareLike { width: 105px; float: right;} .shareLike .likeLink { float: right; width: 48px; height: 25px; overflow: hidden; } .shareLike .twitterShare, .shareLike .twitterShare img { float: left; } #fuelCalculator { background: url(../images/layup/fuelEcoBg.gif) no-repeat; width: 282px; height: 64px; position: relative; color: #fff; font-weight: bold; font-size: 14px; } #fuelCalculator .mpg { position: absolute; top: 9px; left: 200px; } #fuelCalculator .cost { position: absolute; top: 34px; left: 200px; } /* ----- INTERNAL IMAGE ----- */ .internalImage { border: 5px solid #f6f6f6; float: right; margin: 0px 0px 10px 10px;position:relative; } /* ----- s60 Internal Custom ----- */ .s60banner {position:absolute;top:3px;left:-11px;} .s60ListBanner {position:absolute;top:4px;left:-7px;} /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;} /* ----- DEALER DETAIL PAGE ----- */ #rightCol #dealerImagery { width: 651px; height: 297px; } #rightCol #dealerImagery #dealerMap { float: left; padding: 22px 0px 0px 21px; } #rightCol #dealerImagery #dealerLocationImage { float: left; padding: 22px 0px 0px 0px; } #rightCol #dealerLocation { font-size: 17px; font-weight: bold; padding: 5px 0px 0px 20px; } #rightCol #dealerDetails { float: left; padding:0px 25px 0px 30px; width: 300px; } #rightCol #openingHours { float: left; padding: 0px 0px 0px 0px; } #rightCol #detailImages #internalImage { float: left; width: 337px; } /* ----- TOP NAVIGATION ----- */ #primaryNav { height: 33px; padding-bottom: 10px; } #primaryNav ul { list-style: none; margin: 0; padding: 0; } #primaryNav li { float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background: url(../images/layup/navSpacer.gif) no-repeat right; height: 33px; } #primaryNav li a { text-decoration: none; font-weight: bold; color: #FFF; display: block; padding: 6px 17px 9px 17px; margin: 0px 2px 0px 0px; } #primaryNav li a:hover, #primaryNav li.active a { background: url(../images/layup/navActiveBg.gif) repeat-x; } /* ----- DROPDOWN NAV ----- */ #primaryNav ul li ul { left: -999em; position: absolute; z-index:999999; } #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: 93px; margin-top:-3px; } #primaryNav ul li:hover ul li, #primaryNav ul li.sfhover ul li { display: block; padding: 4px 0px 0px 0px; margin: 0px; background: #1f2120; width: 220px; height: auto; float: left; } #primaryNav ul li:hover ul li a, #primaryNav ul li.sfhover ul li a { padding: 0px 5px 5px 10px; margin: 0px; color: #fff; } #primaryNav ul li:hover ul li a:hover, #primaryNav ul li.sfhover ul li a:hover { padding: 0px 5px 5px 10px; margin: 0px; color: #fff; } /* ----- SECONDARY NAVIGATION ----- */ #secondaryNav {} #secondaryNav ul { list-style: none; margin: 0; padding: 0; } #secondaryNav li { } #secondaryNav li a { text-decoration: none; } /* ----- 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 { padding: 5px 0px 5px 0px; background: url(../images/layup/dotsH.gif) repeat-x bottom; margin-bottom: 10px; } #breadcrumbs .back { padding: 0px 15px 0px 0px; font-weight: bold; } #breadcrumbs a { font-weight: normal; text-decoration: none; } .pagination { float: right; padding: 0px 0px 10px 0px; } .pagination ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0pt; padding:0pt; } .pagination li { display:inline; } .pagination a { font-weight:bold; padding:0px 4px 0pt 5px; text-decoration:none; } .paging a:hover { background: none !important; text-decoration: underline; color: #000000 !important; } .pagination .active a, .pagination a:hover { background:#D80000; color:#FFFFFF; } /* ----- FOOTER ----- */ #footer { color: #666666; background: url(../images/layup/dotsH.gif) repeat-x top; margin-top: 10px; } #footer .padding { padding: 10px; } #footer a { font-weight:normal; text-decoration:none; color: #666666; } #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; } 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:#FF0000;} .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, #btnSubmit2 { width:66px; height:25px; border:none;} #frmUsedSearch select { width: 165px; margin-bottom: 4px; } #sortOptions { width: 170px; } /* BESPOKE FORM STYLING FOR CUSTOM FORMS */ .frmSiteStyle { width: 477px; margin-left: 15px; } .frmSiteStyle fieldset.dataBlock { display: block; background:#ebe9ea url(../images/layup/frmBg.gif) repeat-x; padding: 0px 10px 10px 10px; margin: 0 0 20px 0; border:1px solid #adadad; } .frmSiteStyle fieldset.dataBlock label { width: 144px; padding-right: 10px; text-align: right; font-size: 12px; } .frmSiteStyle fieldset.dataBlock legend { padding: 3px 10px; margin: 0 0 10px 0; display: inline; border:1px solid #adadad; background:#b5b4b9 url(../images/layup/legendBg.gif) repeat-x; color: #1e1e20; font-size: 14px; } .frmSiteStyle fieldset.dataFooter label { width: 350px; padding-right: 10px; text-align: right; } .frmSiteStyle fieldset #btnSubmit { width: 164px; height: 34px; } #contactFormSmall { float: right; background: url(../images/layup/contactFormSmall.gif) bottom left no-repeat; width: 317px; } #contactFormSmall form { padding-top: 5px; margin-bottom: 10px; } #contactFormSmall label { width: 107px; padding-left: 15px; } #contactFormSmall label.labelLong { width: 164px; } #contactFormSmall select { width: 95px !important; } #contactFormSmall input { width: 165px; } #contactFormSmall textarea { width: 165px; height: 50px; } #contactFormSmall .mailingList { width: 20px !important; } #contactFormSmall #btnSubmit { width:66px; height:25px; border:none; float: right; margin-right: 23px; } #contactFormSmall .validation-advice { margin: 3px 2px 3px 2px; padding: 3px 15px 3px 15px; width: 283px; background: #9f0a06; } #contactFormSmall .requiredLabel { color: #9f0a06; } #contactFormSmall input.validation-failed,#contactFormSmall textarea.validation-failed, #contactFormSmall select.validation-failed { border: 1px solid #9f0a06; color : #9f0a06; } /* ----- 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: #DD0000; color : #FFF; font-weight: bold; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } /* ----- DOM TABS ----- */ #usedVehicleDetails { float: left; margin-right: 2px; font-family:Verdana, Arial, Helvetica, sans-serif; } #usedVehicleDetails .domtab { } #usedVehicleDetails .tabset_tabs { padding: 0; margin:0; list-style:none; } #usedVehicleDetails .tabset_tabs li { float:left; margin-right:5px; } #usedVehicleDetails .tabset_tabs li.last { margin-right:0px; } #usedVehicleDetails .tabset_print { display: none; } #usedVehicleDetails .trAlt { background:#f2f2f2; } #financeCalculator { float: left; font-family:Verdana, Arial, Helvetica, sans-serif; padding-left:35px; } #financeCalculator .domtab { } #financeCalculator .tabset_tabs { padding: 0; margin:0; list-style:none; } #financeCalculator .tabset_tabs li { float:left; margin-right:5px; position:relative; } #financeCalculator .tabset_tabs li .calculator { position:absolute; top: -5px; right: 0px; } #financeCalculator .tabset_content { border: 1px solid #000; } #financeCalculator .tabset_content table { /*border: 5px solid #e1e1e1;*/ margin-left: 3px; margin-top: 3px; } #financeCalculator .tabset_content form { } #financeCalculator .trAlt { background:#f2f2f2; } #financeCalculator .tabset_content select { width: 70px; font-size: 1.0em; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; } #financeCalculator .tabset_content input { width: 67px; font-size: 1.0em; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; } #financeCalculator .tabset_content td { height: 26px; font-size: 0.9em; font-family:Verdana, Arial, Helvetica, sans-serif; } #usedVehicleDetails .tabset_content { display:none; width: 633px; padding: 18px; background: #c5c5c5; margin-bottom: 45px; } #usedVehicleDetails .tabset_content .padding { padding: 5px 10px; background: #e5e5e5; border: 1px solid #a1093c; } #usedVehicleDetails .tabset_content table { /*border: 5px solid #e1e1e1; */margin-left: 3px; margin-top: 3px; width: 100% !important; } #usedVehicleDetails .tabset_content .title { vertical-align: top; font-size: 1.2em; font-weight: bold; padding-bottom: 10px; padding-top:10px; padding-left: 10px; } #usedVehicleDetails .tabset_content .price { vertical-align: top; color:#FF0000; font-size: 1.2em; font-weight: bold; padding-bottom: 10px; padding-top:10px; padding-left: 6px; } #usedVehicleDetails .tabset_content td { height: 26px; font-size: 0.9em; font-family:Verdana, Arial, Helvetica, sans-serif; } #usedVehicleDetails .tabset_content tfoot {/* background: #e1e1e1;*/ height: 40px; } #usedVehicleDetails .tabset_tabs a { background: url(../images/layup/spriteUsedTabs.gif) no-repeat; display:block; float: left; height: 50px; } #usedVehicleDetails .tabset_tabs a#tabCarDetails { width: 173px; background-position: 0px 0px; } #usedVehicleDetails .tabset_tabs a#tabSpecification { width: 190px; background-position: -173px 0px; } #usedVehicleDetails .tabset_tabs a#tabWarranty { width: 162px; background-position: -363px 0px; } #usedVehicleDetails .tabset_tabs .active a#tabCarDetails, #usedVehicleDetails .tabset_tabs a#tabCarDetails:hover { background-position: 0px -50px; } #usedVehicleDetails .tabset_tabs .active a#tabSpecification, #usedVehicleDetails .tabset_tabs a#tabSpecification:hover { background-position: -173px -50px; } #usedVehicleDetails .tabset_tabs .active a#tabWarranty, #usedVehicleDetails .tabset_tabs a#tabWarranty:hover { background-position: -363px -50px; } #financeCalculator .tabset_tabs a { background: #1f1f1f; font-size: 0.9em; color: #FFF; text-decoration:none; font-weight: bold; padding:5px 14px 6px 14px; /*border-top: 2px solid #e1e1e1; border-left: 2px solid #e1e1e1; border-right: 2px solid #e1e1e1;*/ display:block; float: left; } #accidentJumpsContain { width:668px; position:relative; height:99px; margin-bottom:15px; } #accidentJumpsContain #jumps { width:681px; height:99px; position:absolute; left:-6px; } #accidentJumpsContain #jumps a { display:block; height:99px; background:url(../images/layup/spriteAccidentJumps.jpg); float:left; } #accidentJumpsContain #jumps a#volvo { background-position:0 0; width:100px; } #accidentJumpsContain #jumps a#fiat { background-position:-100px 0; width:97px; } #accidentJumpsContain #jumps a#alfa { background-position:-197px 0; width:95px; } #accidentJumpsContain #jumps a#lotus { background-position:-292px 0; width:97px; } #accidentJumpsContain #jumps a#abarth { background-position:-389px 0; width:96px; } #accidentJumpsContain #jumps a#fiatPro { background-position:-485px 0; width:96px; } #accidentJumpsContain #jumps a#isuzu { background-position:-581px 0; width:100px; } .contactTeam { margin-bottom:15px; } .accidentText { font-size:12px; }