/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Citroen Motorhouse Author : Matt Mumford / matt.mumford@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for Citroen Motorhouse site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ html { height:100%; } body { height:100%; font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background: url(../images/layup/bodyBg.gif) repeat-x #ffffff; color:#010101; 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 { min-height:100%; width:960px; margin:0 auto; text-align:left; font-size:110%; line-height: normal; } * html #container{ height: 100%; } #printHeader { display:none;} #header { height: 120px; position: relative; } #header #logo { position: absolute; top: 12px; left: 10px; } #header #strapLine { position: absolute; top: 87px; left: 10px; } #header #contactDetails { position: absolute; top: 87px; right: 23px; } #header #badge { position: absolute; top: 0px; right: 37px; } /* ----- LEFT COLUMN ----- */ #leftCol { float: left; width: 238px; background:url(../images/layup/leftColBg.jpg) no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; } #leftCol .box { padding:15px 10px 0px; float:left; width:218px; } #leftCol .box .padding { padding:10px 26px; } #leftCol .usedCarSearch { padding:18px 36px 0px 36px; width:166px;} #leftCol .usedCarSearch .domHeadings { width:166px; height:31px; list-style: none; margin-bottom:16px;} #leftCol .usedCarSearch .domHeadings li { float: left; } #leftCol .usedCarSearch .domHeadings li a { display: block; float: left; } #leftCol .usedCarSearch .domHeadings #newCars { width:86px; height:31px; background:url(../images/layup/spriteSearchTab.gif) left top no-repeat; } #leftCol .usedCarSearch .domHeadings li.active #newCars { width:86px; height:31px; background:url(../images/layup/spriteSearchTab.gif) left bottom no-repeat; } #leftCol .usedCarSearch .domHeadings #usedCars { width:80px; height:31px; background:url(../images/layup/spriteSearchTab.gif) right top no-repeat; } #leftCol .usedCarSearch .domHeadings li.active #usedCars { width:80px; height:31px; background:url(../images/layup/spriteSearchTab.gif) right bottom no-repeat; } #leftCol .usedCarSearch select { width:166px; margin-bottom:16px; border:1px solid #fff; } #leftCol .usedCarSearch .usedSearchBtns { margin-top:15px; } #leftCol .usedCarSearch .usedSearchBtns .advSearch { margin-bottom:14px; display:block; } #leftCol .spacer { float:left; margin-left:10px; width:222px; height:0px; display:inline; } #leftCol #newsletter input { width:164px; border:1px solid #fff; background:#fff; margin-top:10px; } #leftCol #newsletter input.submit { width:164px; height:26px; border:none; } .leftColMap { margin-left:20px;} /* ----- RIGHT COLUMN ----- */ #rightCol { float: right; width: 708px; padding:12px 6px 0px; } #rightCol #mainFlash { width:708px; height:242px; background:url(../images/layup/flashBg.png) no-repeat; } #rightCol #mainFlash .padding { padding:10px; background:none; } #rightCol p { line-height:18px; } #homeJumps a { float:left; } #featuredCars { width:650px; height:217px; padding:58px 29px 0px; background:url(../images/layup/featureCarsBg.jpg) no-repeat; clear:both; } #featuredCars .box { width:194px; height:198px; margin-right:34px; background:url(../images/layup/featureCarsBoxBg.jpg) no-repeat; float:left; } #featuredCars .box.last { margin-right:0px; } #featuredCars .box a { text-decoration:none; font-weight:normal; } #featuredCars .box .title { color:#313131; display:block; text-align:center; font-weight:bold; font-size:14px; margin:5px 0px 0px; } #featuredCars .box .frame { width:138px; height:102px; display:block; margin:-5px auto 0px; position:relative; padding:17px; } #featuredCars .box .frame .photo { display:block; width:138px; height:104px; z-index:999999; } #featuredCars .box .info { display:block; width:150px; margin: -5px auto 5px; font-weight:normal; font-size:11px; font-family:Arial, Helvetica, sans-serif;} #featuredCars .box .info .price { display:block; width:148px; font-size:14px; font-weight:bold; color:#b40000; } #featuredCars .box .moreDetails { float:right; margin-right:23px; display:inline; } #mainContent { width:671px; padding:5px 14px;} #mainContent p { padding:10px 0 0 0; } #rightCol .padding {background:url(../images/layup/rightColBgRepeat.gif) repeat-y ; width:688px; padding:0px 10px 0px 10px; margin:0px; } #rightCol .padding .content { background:url(../images/layup/contentBgRepeat.gif) repeat-x top left; color:#393939; font-size:11px; padding:15px 10px 0px; height:auto; } #rightCol .paddingNoBg {background:none;; width:688px; padding:0px 10px 0px 10px; margin:0px; } #rightCol .paddingNoBg .content { background:none; color:#393939; font-size:11px; padding:15px 10px 0px; } #rightCol .padding .content h1 { font-size:16px; font-weight:bold; text-decoration:underline; text-transform:uppercase; } #rightCol .padding ul { padding:0 0 0 10px; } #rightCol .padding .content li { list-style-image:url(../images/layup/listStyleImage.gif); } #rightCol .paddingNoBg .content li { list-style-image:url(../images/layup/offerLi.gif); margin-bottom:10px; } #rightCol .padding .content a { text-decoration:underline; color:#6d9516; font-weight:normal; } #rightCol .padding .content a:hover{ text-decoration:underline; color:#486111; } #rightCol .padding .content a:visited{ text-decoration:underline; color:#553869; } #rightCol .padding .content .rightColBox { font-weight:bold; padding:15px;} #rightCol .paddingText { padding:10px 15px 0; } /* ----- CMS IMAGE ----- */ .cmsImage { float: right; margin: 20px 29px 30px 30px; display:inline; } .cmsImage .photo {position:relative; width:308px; height:231px; } .cmsImage .photo .frame { position:absolute; top:-19px; left:-19px; } /* ----- LIST ----- */ .pageInfo { width:678px; height:33px; background:url(../images/layup/paginationBg.gif) no-repeat; margin-top:10px; padding:10px 10px 0 20px; } .pageInfo .results { float:left; width:100px; padding-top:5px; } .pageInfo .perPage { float:left; width:190px; padding-top:2px; } .pageInfo .sortBy { float:left; width:140px; padding-top:2px; } .pageInfo div { margin-right:5px; } .pageInfo label { padding-top:3px; } .pageInfo select { width:90px; } #list {} #list .listItem { cursor:pointer; width:663px; margin-top:10px; font-size:11px; height:189px; float:left; line-height:18px; padding: 20px 25px 20px 20px; background:url(../images/layup/listItemBg.gif) no-repeat; position: relative; } #list .listItem a { display: block; text-decoration:none; font-weight:normal; } #list .listItem .thumb { display: block; width:244px; height:183px; margin-right:10px; border:2px solid #c92000; float:left; background:url(../images/layup/noImage244x183.gif) no-repeat; position: relative; } #list .listItem .title { display: block; background:#c92000; margin-bottom:5px; padding:3px 5px; float:left; width:395px; font-size:18px; color:#fff; } #list .listItem .info { display: block; background:#484848; padding:4px 5px; margin-bottom:5px; float:left; width:395px; font-size:16px; color:#fff; } #list .listItem .info .reg { display:block; width:130px; float:left; } #list .listItem .info .miles { display:block; width:110px; float:left; } #list .listItem .info .fuel { display:block; width:80px; float:left;} #list .listItem .info .transmission { display:block; width:70px; float:left; } #list .listItem .listItemTable { float:left; width: 380px; } #list .listItem .listItemTable td { background:url(../images/layup/listItemTableIcon.gif) left center no-repeat; padding-left:20px; color:#383838; font-size:12px; } #list .listItem .moreDetails { position: absolute; top: 180px; left: 520px; } /* ----- BOX LIST ----- */ #boxList {} #boxList .box { width:220px; height:168px; margin:0px 7px 7px 0px ; position:relative; background:url(../images/layup/newCarFrame.jpg) no-repeat; float:left; padding:10px 0 0 11px;} #boxList .box.last { margin-right:0px !important; } #boxList .box a { display: block; text-decoration:none; } #boxList .box .thumb { display: block; width:210px; height:158px; } #boxList .box .title { display: block; position:absolute; padding:4px 10px; top:28px; left:11px; background:#c92000; font-weight:bold; font-size:19px; color:#fff; } /* ----- NEW CAR DETAILS ----- */ #newCarPhoto { width:308px; height:231px; padding:11px; background:url(../images/layup/frame308x231.gif) no-repeat; float:right; margin:0 0 20px 20px; } #newCarPhoto #photo { width:308px; height:231px; background:url(../images/layup/noImage308x231.gif) no-repeat; } .callNow { font-weight:bold; font-size:16px; color:#393939; } .offerBanner { margin-top:15px; width:685px; padding:10px; height:120px; background:url(../images/layup/offerBannerFrame.jpg) no-repeat; } .offerBanner img { width:685px; height:120px; } /* ----- USED CAR DETAIL ----- */ .usedCarTitle {font-size:18px; font-weight:bold; color:#484848; } .subTitle { font-size:16px; text-decoration:none; font-weight:bold; text-transform:uppercase; } .usedPrice { font-size:30px; color:#be1301; } #usedCarPhoto { width:308px; height:231px; padding:11px; background:url(../images/layup/frame308x231.gif) no-repeat; float:right; margin:0 0 20px 0px; } #usedCarPhoto #photo { width:308px; height:231px; background:url(../images/layup/noImage308x231.gif) no-repeat; position: relative; } #usedCarThumbs { width:338px; float:left; margin-top:12px; } #usedCarThumbs .domTabs .domHeadings { height:14px; margin-bottom:5px;} #usedCarThumbs .domTabs .domHeadings li { list-style:none;} #usedCarThumbs .domTabs .domHeadings a { display:block; float:left; height:14px;} #usedCarThumbs .domTabs .domHeadings a#featured { width:77px; background:url(../images/layup/spriteUsedThumbTabs.gif) left top no-repeat; } #usedCarThumbs .domTabs .domHeadings a#exterior { width:80px; background:url(../images/layup/spriteUsedThumbTabs.gif) -77px top no-repeat; } #usedCarThumbs .domTabs .domHeadings a#interior { width:83px; background:url(../images/layup/spriteUsedThumbTabs.gif) -157px top no-repeat; } #usedCarThumbs .domTabs .domHeadings li.active a#featured { width:77px; background:url(../images/layup/spriteUsedThumbTabs.gif) left bottom no-repeat; } #usedCarThumbs .domTabs .domHeadings li.active a#exterior { width:80px; background:url(../images/layup/spriteUsedThumbTabs.gif) -77px bottom no-repeat; } #usedCarThumbs .domTabs .domHeadings li.active a#interior { width:83px; background:url(../images/layup/spriteUsedThumbTabs.gif) -157px bottom no-repeat; } #usedCarThumbs .thumb { float: left; cursor: pointer; width:76px; height:59px; background:url(../images/layup/usedThumbFrame.jpg) no-repeat; padding:8px 0 0 8px; display:block; } #usedCarOptions { float:left; height:72px; width:674px; } #usedCarOptions a{ float:left; height:72px; display:block; } #usedCarOptions li { list-style: none; } #usedCarOptions a#enquiry { width:140px; background:url(../images/layup/spriteUsedCarOptions.jpg) left top no-repeat;} #usedCarOptions a#print { width:127px; background:url(../images/layup/spriteUsedCarOptions.jpg) -140px top no-repeat;} #usedCarOptions a#directions { width:130px; background:url(../images/layup/spriteUsedCarOptions.jpg) -267px top no-repeat;} #usedCarOptions a#testDrive { width:131px; background:url(../images/layup/spriteUsedCarOptions.jpg) -397px top no-repeat;} #usedCarOptions a#valueMy { width:146px; background:url(../images/layup/spriteUsedCarOptions.jpg) -535px top no-repeat;} #usedCarInfo { width:382px; height:284px; background:url(../images/layup/usedCarDomtabBg.jpg) no-repeat; float:left; margin-top:10px; padding:20px 0 0 19px; } #usedCarInfo .domTabs .domHeadings { height:14px; margin-bottom:15px;} #usedCarInfo .domTabs .domHeadings li { list-style:none;} #usedCarInfo .domTabs .domHeadings a { display:block; float:left; height:14px;} #usedCarInfo .domTabs .domHeadings a#details { width:118px; background:url(../images/layup/spriteUsedCarTabs.gif) left top no-repeat; } #usedCarInfo .domTabs .domHeadings a#spec { width:112px; background:url(../images/layup/spriteUsedCarTabs.gif) -118px top no-repeat; } #usedCarInfo .domTabs .domHeadings a#stats { width:111px; background:url(../images/layup/spriteUsedCarTabs.gif) -230px top no-repeat; } #usedCarInfo .domTabs .domHeadings li.active a#details { background:url(../images/layup/spriteUsedCarTabs.gif) left bottom no-repeat; } #usedCarInfo .domTabs .domHeadings li.active a#spec { background:url(../images/layup/spriteUsedCarTabs.gif) -118px bottom no-repeat; } #usedCarInfo .domTabs .domHeadings li.active a#stats { background:url(../images/layup/spriteUsedCarTabs.gif) -230px bottom no-repeat; } #usedCarInfo .domTabs .domContent { width:363px; height:238px; overflow-y:auto; overflow-x:hidden; } #usedCarInfo .domTabs .domContent table { } #usedCarInfo .domTabs .domContent td { padding:5px 0px 5px 5px; } #usedCarInfo .domTabs .domContent tr.tabs td { font-size:13px; } #usedCarInfo .domTabs .domContent table tr.altRow { background: #b9b9b9; } #usedCarInfo.usedCarInfoExtended { width:648px; height:auto; background:url(../images/layup/usedCarDomtabBgExtended.jpg) no-repeat left top; } #imageLoader { display: none; background:url(../images/layup/usedCarDomtabBgExtended.jpg) no-repeat left top; } #usedCarInfo.usedCarInfoExtended .domTabs .domContent { width:629px; height:auto; overflow:visible; } #usedCarInfo .iconItem { width: 270px; float: left; } #financeCalc { width:210px; margin-top:12px; height:262px; background:url(../images/layup/financeCalcBg.gif) no-repeat; float:right; padding:40px 20px 0 20px } #financeCalc td { padding:6px 0px; font-weight:bold; } #financeCalc select { background:#ced0cd; border:1px solid #a50000; } #relatedVehicles { width:637px; height:185px; padding:45px 10px 15px 20px; background:url(../images/layup/relatedCarsBg.jpg) no-repeat; float:left; margin:15px 0 0 1px;} #relatedVehicles .box { width:204px; height:175px; margin-right:10px; background:url(../images/layup/RelatedCarsBoxBg.jpg) no-repeat; float:left; } #relatedVehicles .box.last { margin-right:0px; } #relatedVehicles .box a { text-decoration:none; font-weight:normal; } #relatedVehicles .box .title { color:#313131; display:block; text-align:center; font-weight:bold; font-size:13px; margin:5px 0px 0px; } #relatedVehicles .box .frame { width:138px; height:102px; display:block; margin:-5px auto 0px; position:relative; padding:17px; } #relatedVehicles .box .frame .photo { display:block; width:138px; height:104px; background:url(../images/layup/noImage138x104.gif) no-repeat; z-index:999999; } #relatedVehicles .box .info { display:block; width:148px; margin: -5px auto 5px; font-weight:normal; font-size:11px; font-family:Arial, Helvetica, sans-serif;} #relatedVehicles .box .info .price { display:block; width:148px; font-size:14px; font-weight:bold; color:#b40000; } #relatedVehicles .box .moreDetails { float:right; margin-right:23px; display:inline; } /* ----- DEALER DETAILS ----- */ #locationImage { margin-left:10px; width:283px; height:213px; padding:10px 0 0 10px; background:url(../images/layup/locationImageFrame.png) no-repeat; float:left; } #map { width:297px; height:229px; margin-top:15px; background:url(../images/layup/mapBg.png) no-repeat; padding:24px 0 0 23px; float:right; } .dealerDetails { padding:15px 0px 0px !important; } .dealerDetails h1 { margin-left:10px; } #contactInfo { width:340px; float:left; clear:both; } #contactInfo div { clear:left; } #contactInfo .titleImg { display:block; width:120px; float:left; } #contactInfo .contactText { float:left; margin-left:20px; } #contactForms { float:left; width:335px; margin-top:15px; } #contactForms .titleImg { display:block; width:90px; height:50px; float:left; } #contactForms { width:330px; float:right; } #postCodeFrm { float:left; clear:right; margin-left:20px; } #postCodeFrm div { float:left; margin-bottom:10px; } #postCodeFrm input { float:left; width:98px; } #postCodeFrm label { float:left; width:105px; margin-right:10px; padding-top:2px; } #dealerContactFrm { padding-bottom:20px; } #dealerContactFrm .validation-advice { width:293px !important; display:none; } #dealerContactFrm div { float:left; margin-bottom:10px; } #dealerContactFrm input { float:left; width:160px; } #dealerContactFrm textarea { float:left; width:160px; overflow:hidden;} #dealerContactFrm label { float:left; width:80px; text-align:right; margin-left:45px; margin-right:15px; padding-top:2px; } /* ----- OFFER DETAILS ----- */ #offerPhoto { width:308px; height:231px; padding:11px; background:url(../images/layup/frame308x231.gif) no-repeat; float:left; margin:0 5px 20px 0px; } #offerPhoto #photo { width:308px; height:231px; background:url(../images/layup/noImage308x231.gif) no-repeat; } #offerPrice { float:right; clear:right; width:333px; margin-bottom:5px; font-weight:bold; font-size:18px; color:#393939; } #offerPrice .from { float:left; width:220px;} #offerPrice .save { color:#b60000; float:right; } #offerPrice .callNow { float:right; margin-top:5px; } #offerOptions { width:333px; float:right; clear:right; } #offerOptions a { height:58px; display:block; float:left; margin-bottom:12px; } #offerOptions a#service { width:168px; background:url(../images/layup/spriteOfferOptions.gif) no-repeat left top} #offerOptions a#supaguard { width:165px; background:url(../images/layup/spriteOfferOptions.gif) no-repeat -168px top} #offerOptions a#valueMy { width:168px; background:url(../images/layup/spriteOfferOptions.gif) no-repeat left -70px} #offerOptions a#testDrive { width:165px; background:url(../images/layup/spriteOfferOptions.gif) no-repeat -168px -70px} #offerOptions a#enquiry { width:168px; background:url(../images/layup/spriteOfferOptions.gif) no-repeat left -140px} #offerOptions a#brochure { width:165px; background:url(../images/layup/spriteOfferOptions.gif) no-repeat -168px -140px} #offerFrm { float:right; } #offerFrm label { width:160px; } #offerFrm input, #offerFrm textarea { width:150px; } /* ----- SERVICING ----- */ .servicing { padding-right:0px !important; } .servicing p { padding-right:15px; } #serviceImage { width:297px; height:229px; margin-top:15px; background:url(../images/layup/mapBg.png) no-repeat; padding:24px 0 0 23px; float:right; } .serviceJump { float:left; margin-right:35px; margin-top:15px; } .serviceJump.last { margin-right:0px; } #citroenVehiclesJump { width:346px; height:195px; background:url(../images/layup/citroenVehiclesBg.jpg) no-repeat left top; margin:13px 0; float:left; } #citroenVehiclesJump a { height:195px; font-weight:normal; text-decoration:none; cursor:pointer; display:block; } #citroenVehiclesJump .description { width:185px; font-size:11px; color:#000000; padding:100px 0 0 19px; display:block; } #allVehicles3yrsJump { width:346px; height:195px; background:url(../images/layup/allVehicles3yrsBg.jpg) no-repeat left top; margin:13px 3px 13px 0; display:inline; float:right; } #allVehicles3yrsJump a { height:195px; font-weight:normal; text-decoration:none; cursor:pointer; display:block; } #allVehicles3yrsJump .description { width:185px; font-size:11px; color:#000000; padding:100px 0 0 19px; display:block; } .jumpService { width:706px; height:140px; margin:0 0 13px; } .jumpService a { font-weight:normal; text-decoration:none; cursor:pointer; display:block; } .jumpService#pricePromise { background:url(../images/layup/pricePromiseBg.jpg) no-repeat left top; } .jumpService#pricePromise .description { width:425px; font-size:11px; text-transform:uppercase; color:#000000; padding:60px 0 0 20px; display:block; } /* ----- SERVICE PLANNING */ a.servicePlan { display:block; width:346px; height:170px; margin:15px 0 0; } /* ----- 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;} .caps { text-transform:uppercase; } .specialOffer { position: absolute; top: 0px; left: 0px; } .magnify { width:69px; height:67px; position: absolute; bottom: 0px; left: 0px; } /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 10px 0; font-size:100%; font-weight:bold;} h1 { font-size:160%; } h2 { font-size:18px; font-weight:bold; color:#484848; } p { padding:0 0 10px 0; margin:0; } /* ----- TOP NAVIGATION ----- */ #primaryNav { margin: 0px 0px 4px 0px; } #primaryNav ul { list-style: none; margin: 0px; padding: 0px; height: 30px; } #primaryNav li { padding: 0px; margin: 0px; float: left; background:url(../images/layup/primaryNavSeperator.gif) right top no-repeat; padding-right: 2px; } #primaryNav li a { display: block; text-decoration: none; font-weight:normal; text-transform:uppercase; padding: 8px 14px 9px 15px; color: #FFFFFF; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; } #primaryNav li.last { background: none; } #primaryNav li a:hover, #primaryNav li.active a { background:url(../images/layup/primaryNavHover.gif) left no-repeat; } /* ----- 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 12px; padding:0;} #sitemap ul { list-style:none; margin:10px 0 0px 15px; padding:0;} #sitemap li { padding:6px 0 5px 5px;} /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #breadcrumbs { line-height: normal; height: 20px; width:696px; padding:0px 6px; } #breadcrumbs a { font-weight: bold; text-decoration: none; padding: 2px 5px 4px 0px; } #breadcrumbs a.active { font-weight:bold; } #breadcrumbs .btnBack { float: right; padding: 0px; } .pagination { float: right; padding-top:5px; margin:0; width:220px; } .pagination ul { margin:0px; padding:0px; } .pagination li { display:inline; list-style:none; } .pagination a { padding: 0px 3px; text-decoration: none; font-weight:normal; } .pagination a:hover { text-decoration: none; background:#c92202; color:#FFFFFF; } .pagination .active { text-decoration: none; background:#c92202; color:#FFFFFF; } .pagination span { display: block; float: left; padding: 0px 2px 0px 2px; } /* ----- FOOTER ----- */ #footer { height:189px; margin-top:-189px; background:url(../images/layup/footerBg.jpg) center top no-repeat;} #footer .padding { width:960px; margin:0 auto; padding:50px 0 0; text-align:left;} #footer #footerLogo { width:123px; height:36px; text-align:left; display:block; } #footer a { font-weight:normal; color:#fff; text-decoration:none;} #footer a:hover { text-decoration:underline;} #footer #companyInfo { float:left; color:#fff; margin-top:10px; } #footer #companyInfo .spacer {color:#b25151; } #footer #links { float:right; text-align:right; color:#fff; margin-top:10px; } #footer #links .spacer {color:#b25151; } /* ----- FOOTER NAVIGATION ----- */ #footerNav { margin: 0px 0px 10px 0px; } #footerNav ul { list-style: none; margin: 0px; padding: 0px; height: 30px; } #footerNav li { padding: 0px; margin: 0px; float: left; background:url(../images/layup/footerNavSeperator.gif) left top no-repeat; } #footerNav li a { display: block; text-decoration: none; font-weight:normal; text-transform:uppercase; padding: 6px 16px 6px 15px; color: #FFFFFF; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; } #footerNav a.last { background:url(../images/layup/footerNavSeperator.gif) right top no-repeat; } #footerNav li a:hover, #footerNav li.active a { background:url(../images/layup/footerNavHover.gif) left no-repeat; text-decoration:none; } /* ----- GLOBAL ----- */ img { display:block; border:0; } address { font-style:normal; } /* ----- LINKS ----- */ a { color:#000000; font-weight:bold; text-decoration:underline;cursor:pointer; outline: none; } 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:#c92000;} .checkRadio { width:20px; position:relative; left:-7px;} #frmContact { } #frmContact p { padding:7px 0;} #frmContact select { width:204px;} #frmContact div { margin-bottom:10px;} #submit { width:55px; height:18px; border:none;} /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #c92000; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #c92000; color : #FF3300; } input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; } .validation-advice { margin: 5px 0; width:453px; padding: 5px; background-color: #c92000; 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: 10px; } .domContent { } .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; } ul.domHeadings li a:hover, ul.domHeadings li.active a { } /* ----- OFFER LIST DOMTAB ----- */ #offerList #domTabLinks { float:left; width:705px; padding:0px; margin:20px 0 0;} #offerList #domTabLinks li { list-style:none; float:left; } #offerList #domTabLinks a { display:block; height:67px; float:left; } #offerList #domTabLinks a#newCarVanTab { width:186px; background:url(../images/layup/spriteOfferTabs.gif) left top no-repeat; } #offerList #domTabLinks a#servicingTab { width:124px; background:url(../images/layup/spriteOfferTabs.gif) -186px top no-repeat; } #offerList #domTabLinks a#partsTab { width:87px; background:url(../images/layup/spriteOfferTabs.gif) -310px top no-repeat; } #offerList #domTabLinks a#motabilityTab { width:136px; background:url(../images/layup/spriteOfferTabs.gif) -397px top no-repeat; } #offerList #domTabLinks a#contractHireTab { width:172px; background:url(../images/layup/spriteOfferTabs.gif) -533px top no-repeat; } #offerList #domTabLinks li.active a#newCarVanTab { background:url(../images/layup/spriteOfferTabs.gif) left bottom no-repeat; } #offerList #domTabLinks li.active a#servicingTab { background:url(../images/layup/spriteOfferTabs.gif) -186px bottom no-repeat; } #offerList #domTabLinks li.active a#partsTab{ background:url(../images/layup/spriteOfferTabs.gif) -310px bottom no-repeat; } #offerList #domTabLinks li.active a#motabilityTab { background:url(../images/layup/spriteOfferTabs.gif) -397px bottom no-repeat; } #offerList #domTabLinks li.active a#contractHireTab { background:url(../images/layup/spriteOfferTabs.gif) -533px bottom no-repeat; } #offersTabsContent { clear:both; float:left; }