/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : EMG Motor Group Author : Matt Mumford / matt.mumford@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for EMG site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background: url(../images/layup/bodyBg.jpg) center top no-repeat #111; color:#fff; 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:960px; margin:0 auto; text-align:left; font-size:110%; line-height: normal; } #wrapper { width:942px; margin-left:6px; background:url(../images/layup/wrapperBg.jpg) top left no-repeat #000; } #wrapper.home { background:url(../images/layup/wrapperBgHome.jpg) top left no-repeat #000; } #printHeader { display:none; } #printHeader #contactDetails { display:none; } #header { height: 122px; position: relative; } #header #logo { position: absolute; top: 18px; left: 11px; } #header #contactDetails { position: absolute; top: 24px; right: 11px; font-family:Arial, Helvetica, sans-serif; font-size:22px; } #header #badge { position: absolute; top: 0px; right: 12px; } /* ----- LEFT COLUMN ----- */ #leftCol { float: left; width: 240px; position:relative; } .leftShadow { float:left; position:relative;} .leftShadow img, .leftShadow span{position:absolute; right:-6px;} .rightShadow { float:left; } #leftCol .box { width:240px; background:#000; float:left; padding-bottom:10px;} #leftCol .box .padding { padding:0 0 0 13px; } #leftCol .usedCarSearch {} #leftCol .usedCarSearch ul.domHeadings { margin-left:13px; } #leftCol .usedCarSearch ul.domHeadings li { margin-bottom:17px; } #leftCol .usedCarSearch a { width:108px; height:22px; display:block; } #leftCol .usedCarSearch a#newCars { background:url(../images/layup/spriteSearchTab.gif) 0 0 no-repeat; } #leftCol .usedCarSearch a#usedCars { background:url(../images/layup/spriteSearchTab.gif) -108px 0 no-repeat; } #leftCol .usedCarSearch li.active a#newCars { background:url(../images/layup/spriteSearchTab.gif) 0 -22px no-repeat; } #leftCol .usedCarSearch li.active a#usedCars { background:url(../images/layup/spriteSearchTab.gif) -108px -22px no-repeat; } #leftCol .usedCarSearch select { width:180px; margin-bottom:10px; } #leftCol .usedCarSearch form div { margin-left:13px; } #leftCol .usedCarSearch form .usedSearchBtns { margin:0px; } #leftCol .usedCarSearch .btnUsedSearch {width:112px; height:37px; float:right; } #leftCol .usedCarSearch .vehiclesFound { margin-bottom:14px;} #leftCol .usedCarSearch .vehiclesFound .number { font-size:18px; font-weight:bold; } #leftCol .wishlist {} #leftCol .wishlist .thumb { width:65px; height:49px; border: 1px solid #fff; float:left; margin:10px 0 10px 10px; background:url(../images/layup/wishlistBg.gif) no-repeat; } #leftCol .wishlist .domHeadings { width:240px; } #leftCol .wishlist .domHeadings a { display:block; height:43px; float:left; } #leftCol .wishlist .domHeadings a#wishList { background:url(../images/layup/spriteWishlist.gif) 0 0 no-repeat; width:103px; } #leftCol .wishlist .domHeadings a#wishList:hover { background:url(../images/layup/spriteWishlist.gif) 0 -43px no-repeat; width:103px; } #leftCol .wishlist .domHeadings li.active a#wishList { background:url(../images/layup/spriteWishlist.gif) 0 -43px no-repeat; width:103px; } #leftCol .wishlist .domHeadings a#recentViewed { background:url(../images/layup/spriteWishlist.gif) -103px 0 no-repeat; width:137px; } #leftCol .wishlist .domHeadings a#recentViewed:hover { background:url(../images/layup/spriteWishlist.gif) -103px -43px no-repeat; width:137px; } #leftCol .wishlist .domHeadings li.active a#recentViewed { background:url(../images/layup/spriteWishlist.gif) -103px -43px no-repeat; width:137px; } /* ----- RIGHT COLUMN ----- */ #rightCol { float: right; width: 690px; } #rightCol .padding.home { padding:0 0 0 10px !important; } #rightCol .padding.offerDetail { padding:0 0 0 10px !important; } #rightCol .padding.offerDetail .btnBack { padding-right:10px; } #rightCol .padding { padding:0 10px; } #rightCol #offerBanner { width:680px; height:276px; position:relative; } #rightCol #offerBanner .offerImage { position:absolute; top:0px; left:0px; } #rightCol #offerBanner #tabs { width:53px; position:absolute; top:24px; right:0px; z-index: 10;} #rightCol #offerBanner #tabs a { display:block; width:53px; height:32px; margin-bottom:4px; } #rightCol #offerBanner #tabs #tab1 { background:url(../images/layup/spriteOfferTabs.gif) 0 0 no-repeat; } #rightCol #offerBanner #tabs #tab2 { background:url(../images/layup/spriteOfferTabs.gif) 0 -32px no-repeat; } #rightCol #offerBanner #tabs #tab3 { background:url(../images/layup/spriteOfferTabs.gif) 0 -64px no-repeat; } #rightCol #offerBanner #tabs #tab4 { background:url(../images/layup/spriteOfferTabs.gif) 0 -96px no-repeat; } #rightCol #offerBanner #tabs #tab5 { background:url(../images/layup/spriteOfferTabs.gif) 0 -128px no-repeat; } #rightCol #offerBanner #tabs #tab6 { background:url(../images/layup/spriteOfferTabs.gif) 0 -160px no-repeat; } #rightCol #offerBanner #tabs #tab1:hover { background:url(../images/layup/spriteOfferTabs.gif) -53px 0 no-repeat; } #rightCol #offerBanner #tabs #tab2:hover { background:url(../images/layup/spriteOfferTabs.gif) -53px -32px no-repeat; } #rightCol #offerBanner #tabs #tab3:hover { background:url(../images/layup/spriteOfferTabs.gif) -53px -64px no-repeat; } #rightCol #offerBanner #tabs #tab4:hover { background:url(../images/layup/spriteOfferTabs.gif) -53px -96px no-repeat; } #rightCol #offerBanner #tabs #tab5:hover { background:url(../images/layup/spriteOfferTabs.gif) -53px -128px no-repeat; } #rightCol #offerBanner #tabs #tab6:hover { background:url(../images/layup/spriteOfferTabs.gif) -53px -160px no-repeat; } #rightCol #offerBanner #tabs #tab1.active { background:url(../images/layup/spriteOfferTabs.gif) -53px 0 no-repeat; } #rightCol #offerBanner #tabs #tab2.active { background:url(../images/layup/spriteOfferTabs.gif) -53px -32px no-repeat; } #rightCol #offerBanner #tabs #tab3.active { background:url(../images/layup/spriteOfferTabs.gif) -53px -64px no-repeat; } #rightCol #offerBanner #tabs #tab4.active { background:url(../images/layup/spriteOfferTabs.gif) -53px -96px no-repeat; } #rightCol #offerBanner #tabs #tab5.active { background:url(../images/layup/spriteOfferTabs.gif) -53px -128px no-repeat; } #rightCol #offerBanner #tabs #tab6.active { background:url(../images/layup/spriteOfferTabs.gif) -53px -160px no-repeat; } #rightCol #franchiseSelect { width:680px; height:94px; float:right; position:relative; margin-bottom:20px; } #rightCol #franchiseSelect a { display:block; height:94px; float:left; } #rightCol #franchiseSelect a#citroen { width:100px; background:url(../images/layup/spriteFranchiseSelect.jpg) 0 0 no-repeat; } #rightCol #franchiseSelect a#citroen:hover { background:url(../images/layup/spriteFranchiseSelect.jpg) 0 -94px no-repeat; } #rightCol #franchiseSelect a#fiat { width:89px; background:url(../images/layup/spriteFranchiseSelect.jpg) -100px 0 no-repeat; } #rightCol #franchiseSelect a#fiat:hover { background:url(../images/layup/spriteFranchiseSelect.jpg) -100px -94px no-repeat; } #rightCol #franchiseSelect a#hyundai { width:111px; background:url(../images/layup/spriteFranchiseSelect.jpg) -189px 0 no-repeat; } #rightCol #franchiseSelect a#hyundai:hover { background:url(../images/layup/spriteFranchiseSelect.jpg) -189px -94px no-repeat; } #rightCol #franchiseSelect a#subaru { width:101px; background:url(../images/layup/spriteFranchiseSelect.jpg) -300px 0 no-repeat; } #rightCol #franchiseSelect a#subaru:hover { background:url(../images/layup/spriteFranchiseSelect.jpg) -300px -94px no-repeat; } #rightCol #franchiseSelect a#mazda { width:80px; background:url(../images/layup/spriteFranchiseSelect.jpg) -401px 0 no-repeat; } #rightCol #franchiseSelect a#mazda:hover { background:url(../images/layup/spriteFranchiseSelect.jpg) -401px -94px no-repeat; } #rightCol #franchiseSelect a#kia { width:94px; background:url(../images/layup/spriteFranchiseSelect.jpg) -481px 0 no-repeat; } #rightCol #franchiseSelect a#kia:hover { background:url(../images/layup/spriteFranchiseSelect.jpg) -481px -94px no-repeat; } #rightCol #franchiseSelect a#emgServicing { width:105px; background:url(../images/layup/spriteFranchiseSelect.jpg) -575px 0 no-repeat; } #rightCol #franchiseSelect a#emgServicing:hover { background:url(../images/layup/spriteFranchiseSelect.jpg) -575px -94px no-repeat; } #rightCol #franchiseSelectEnd { position:relative; } #rightCol #franchiseSelectEnd img {left:-22px; top:0px; position:absolute; } #latestReduction { width:300px; height:142px; position:relative; float:left;} #latestReduction a { text-decoration:none; font-weight:normal; color:#fff; } #latestReduction span { display:block; } #latestReduction .photo { float:right; border:1px solid #fff; margin-top:19px; } #latestReduction .details { margin-top:13px; font-weight:bold; font-size:12px;} #latestReduction .price { font-size:23px; margin-top:19px; } #latestReduction .btnView { position:absolute; top:114px; left:1px; } #mainContent { line-height:24px; } /* ----- CMS IMAGE ----- */ .cmsImage { float: right; margin: 0px 0px 15px 15px; border:1px solid #fff; } .cmsImage img {} /* ----- LIST ----- */ #list {} #list .listItem { padding-bottom:15px; border-bottom:1px solid #fff; margin-bottom:15px; height:154px;} #list .listItem a { display: block; text-decoration:none; } #list .listItem .thumb { display: block; width:206px; height:154px; float:left; border:1px solid #fff; margin-right:12px; background:url(../images/layup/noImage206x154.jpg) no-repeat; } #list .listItem .title { display: block; font-size:14px; font-weight:bold; margin-bottom:0px; } #list .listItem .price { font-size:24px; font-weight:bold; float:left;} #list .listItem .pcm { font-size:24px; font-weight:bold; float:right; color:#f4d633;} #list .listItem .description { display: block; float:left; margin-top:5px; } #list .listItem .descriptionText { display: block; float:left; margin-top:5px; width:450px; height:88px; } #list .listItem .description td { width:100px; padding-top:5px; } #list .listItem .btnSave { display: block; float:left; margin:11px 0 0 -12px; } #list .listItem .btnMoreInfo { display: block; float:right; margin-top:11px; } /* ----- BOX LIST ----- */ #boxList {} #boxList .box { float:left; margin-right:15px; margin-bottom:25px;} #boxList .box.last { margin-right:0px !important; } #boxList .box a { display: block; color:#fff; text-decoration:none; } #boxList .box .thumb { display: block; width:206px; height:153px; border:1px solid #fff; background:url(../images/layup/noImage206x154.jpg) no-repeat; } #boxList .box .thumb .frame { display: block; } #boxList .box .title { display: block; font-size:14px; font-weight:bold; padding:5px 0 0 0; } /* ----- NEW JUMPS */ #newJumps { width:575px; margin:0 auto; } #newJumps a { height:94px; display:block; float:left; } #newJumps a span { display:none; } #newJumps a.citroen { width:99px; background:url(../images/layup/spriteNewCars.jpg) no-repeat 0 0; } #newJumps a.fiat { width:90px; background:url(../images/layup/spriteNewCars.jpg) no-repeat -99px 0; } #newJumps a.hyundai { width:111px; background:url(../images/layup/spriteNewCars.jpg) no-repeat -189px 0; } #newJumps a.subaru { width:101px; background:url(../images/layup/spriteNewCars.jpg) no-repeat -300px 0; } #newJumps a.mazda { width:80px; background:url(../images/layup/spriteNewCars.jpg) no-repeat -401px 0; } #newJumps a.kia { width:94px; background:url(../images/layup/spriteNewCars.jpg) no-repeat -481px 0; } /* ----- NEW CAR DETAILS ----- */ #newCarPhoto { width:310px; height:231px; border:1px solid #fff; float:right; margin:0 0 0 15px; background:url(../images/layup/noImage310x231.jpg) no-repeat; } #requestCall { width:312px; margin:0 0 15px 15px; padding-bottom:10px; background:url(../images/layup/requestCallFormBg.jpg) left top no-repeat; float:right; clear:right; } #requestCall label { width:60px; text-align:right; margin-right:10px; font-size:11px; float:left; font-family:Tahoma, Geneva, sans-serif; } #requestCall input { width:180px; float:left; } #requestCall textarea { width:180px; float:left; margin-bottom:15px; } #requestCall form { padding:40px 0 0 28px; } #requestCall div { float:left; margin-bottom:10px; } #newCarOptions { width:278px; } #newCarOptions a { display:block; height:37px; width:278px; margin-bottom:7px; } #newCarOptions a#enquiry { background:url(../images/layup/spriteNewCarOptions.gif) 0 0 no-repeat; } #newCarOptions a#enquiry:hover { background:url(../images/layup/spriteNewCarOptions.gif) -278px 0 no-repeat; } #newCarOptions a#testDrive { background:url(../images/layup/spriteNewCarOptions.gif) 0 -44px no-repeat; } #newCarOptions a#testDrive:hover { background:url(../images/layup/spriteNewCarOptions.gif) -278px -44px no-repeat; } #newCarOptions a#brochure { background:url(../images/layup/spriteNewCarOptions.gif) 0 -88px no-repeat; } #newCarOptions a#brochure:hover { background:url(../images/layup/spriteNewCarOptions.gif) -278px -88px no-repeat; } #newCarOptions a#currentOffers { background:url(../images/layup/spriteNewCarOptions.gif) 0 -132px no-repeat; } /* ----- USED CAR DETAIL ----- */ #usedCarPhoto { float: left; position: relative; background:url(../images/layup/noImage310x231.jpg) no-repeat; width:310px; height:231px; margin: 0px 15px 5px 0px; border:1px solid #fff; } #usedCarPhoto .enlarge { position: absolute; } #usedCarPhoto .special { position: absolute; } #thumbContainer { overflow:hidden; position:relative; height:75px;} #thumbContainer #usedCarThumbs #innerThumbs { float: right; } #thumbContainer #usedCarThumbs #innerThumbs .thumb { position:relative; float: left; width:97px; height:73px; border:1px solid #fff; margin-left:24px; cursor: pointer; } #thumbContainer #usedCarThumbs #innerThumbs .thumb.last { margin-left:0px; } #thumbContainer #usedCarThumbs #innerThumbs .thumb .nextPrev { position:absolute; top:0px; left:0px; } #usedCarTitle {} #usedCarTitle .usedTitle {} #usedCarTitle .usedPrice {} #usedCarOptions { width:278px; float:right; clear:right; margin-top:33px;} #usedCarOptions a { display:block; width:278px; height:37px; margin-bottom:7px; } #usedCarOptions a#enquiry { background:url(../images/layup/spriteUsedCarOptions.gif) 0 0 no-repeat; } #usedCarOptions a#enquiry:hover { background:url(../images/layup/spriteUsedCarOptions.gif) -278px 0 no-repeat; } #usedCarOptions a#print { background:url(../images/layup/spriteUsedCarOptions.gif) 0 -44px no-repeat; } #usedCarOptions a#print:hover { background:url(../images/layup/spriteUsedCarOptions.gif) -278px -44px no-repeat; } #usedCarOptions a#offer { background:url(../images/layup/spriteUsedCarOptions.gif) 0 -88px no-repeat; } #usedCarOptions a#offer:hover { background:url(../images/layup/spriteUsedCarOptions.gif) -278px -88px no-repeat; } #details .domHeadings a#overview { display:block; height:41px; background:url(../images/layup/spriteUsedTabs.gif) 0 0 no-repeat; } #details .domHeadings a#overview:hover { display:block; height:41px; background:url(../images/layup/spriteUsedTabs.gif) 0 -41px no-repeat; } #details .domHeadings li.active a#overview { display:block; height:41px; background:url(../images/layup/spriteUsedTabs.gif) 0 -41px no-repeat; } #details .domHeadings a#fullDetails { display:block; height:41px; background:url(../images/layup/spriteUsedTabs.gif) -137px 0 no-repeat; } #details .domHeadings a#fullDetails:hover { display:block; height:41px; background:url(../images/layup/spriteUsedTabs.gif) -137px -41px no-repeat; } #details .domHeadings li.active a#fullDetails { display:block; height:41px; background:url(../images/layup/spriteUsedTabs.gif) -137px -41px no-repeat; } #details .domHeadings a#warranty { display:block; height:41px; background:url(../images/layup/spriteUsedTabs.gif) -294px 0 no-repeat; } #details .domHeadings a#warranty:hover { display:block; height:41px; background:url(../images/layup/spriteUsedTabs.gif) -294px -41px no-repeat; } #details .domHeadings li.active a#warranty { display:block; height:41px; background:url(../images/layup/spriteUsedTabs.gif) -294px -41px no-repeat; } #details { padding-bottom:20px; } #details a {color:#fff; } #details .call { font-size:24px; font-weight:bold; } #details .dealer { margin-left:10px; } #details .title { font-size:18px; font-weight:bold; margin-top:5px; margin-bottom:15px; float:left; } #details .price { text-align:right; float:right; font-size:18px; font-weight:bold; margin-top:5px; margin-bottom:15px;} #details .domTabs { width:426px; float:left; } #details .domHeadings { height:41px; } #details .domHeadings a { display:inline; } #details .domHeadings a#overview { display:block; height:41px; background:url(../images/layup/spriteUsedTabs.gif) 0 0 no-repeat; width:137px; } #details .domHeadings a#overview:hover { display:block; height:41px; background:url(../images/layup/spriteUsedTabs.gif) 0 -41px no-repeat; } #details .domHeadings li.active a#overview { display:block; height:41px; background:url(../images/layup/spriteUsedTabs.gif) 0 -41px no-repeat; } #details .domHeadings a#fullDetails { display:block; height:41px; background:url(../images/layup/spriteUsedTabs.gif) -137px 0 no-repeat; width:157px; } #details .domHeadings a#fullDetails:hover { display:block; height:41px; background:url(../images/layup/spriteUsedTabs.gif) -137px -41px no-repeat; } #details .domHeadings li.active a#fullDetails { display:block; height:41px; background:url(../images/layup/spriteUsedTabs.gif) -137px -41px no-repeat; } #details .domHeadings a#warranty { display:block; height:41px; background:url(../images/layup/spriteUsedTabs.gif) -294px 0 no-repeat; width:131px; } #details .domHeadings a#warranty:hover { display:block; height:41px; background:url(../images/layup/spriteUsedTabs.gif) -294px -41px no-repeat; } #details .domHeadings li.active a#warranty { display:block; height:41px; background:url(../images/layup/spriteUsedTabs.gif) -294px -41px no-repeat; } #details .domContent { background:#4e4e4e; width:425px; height:224px; font-size:12px; overflow-y:auto; } #details .domContent .padding { padding:15px 10px; line-height:22px; } #details .domContent td { padding-bottom:5px; font-size:12px; } #financeCalculator { width:227px;height:265px; background:#4e4e4e; float:right; } #financeCalculator table { width:227px; margin-top:15px; } #financeCalculator table tr {} #financeCalculator table tr td { padding:3px 5px 3px 5px; font-size:12px; } #financeCalculator table tr td.heading { padding:3px 0 3px 15px; } #financeCalculator table tr td.apr { font-size:16px; } #fullWidthTitle { background:#008dce; padding:11px 0 12px 12px; margin-bottom:10px;} #relatedVehicles {} #relatedVehicles .box { width:206px; float:left; margin-right:24px;} #relatedVehicles .box.last { margin-right:0px !important; } #relatedVehicles .box a { display: block; font-weight:normal; text-decoration:none; color:#fff; } #relatedVehicles .box .thumb { display: block; width:206px; height:154px; border:1px solid #fff; } #relatedVehicles .box .title { display: block; padding-top:8px; font-weight:bold; } #relatedVehicles .box .price { display:block; padding-top:12px; font-weight:bold; } /* ----- OFFER LIST ----- */ .domTabs.offer { } .domTabs.offer .domHeadings { height:56px; } .domTabs.offer .domHeadings a { display:block; height:56px; float:left; } .domTabs.offer .domHeadings a#tabNewCars { width:167px; background:url(../images/layup/spriteOfferListTabs.gif) 0 0 no-repeat;} .domTabs.offer .domHeadings a#tabNewCars:hover { background:url(../images/layup/spriteOfferListTabs.gif) 0 -56px no-repeat;} .domTabs.offer .domHeadings li.active a#tabNewCars{ background:url(../images/layup/spriteOfferListTabs.gif) 0 -56px no-repeat;} .domTabs.offer .domHeadings a#tabUsedCars { width:169px; background:url(../images/layup/spriteOfferListTabs.gif) -167px 0 no-repeat;} .domTabs.offer .domHeadings a#tabUsedCars:hover { background:url(../images/layup/spriteOfferListTabs.gif) -167px -56px no-repeat;} .domTabs.offer .domHeadings li.active a#tabUsedCars{ background:url(../images/layup/spriteOfferListTabs.gif) -167px -56px no-repeat;} .domTabs.offer .domHeadings a#tabAftersales { width:167px; background:url(../images/layup/spriteOfferListTabs.gif) -336px 0 no-repeat;} .domTabs.offer .domHeadings a#tabAftersales:hover { background:url(../images/layup/spriteOfferListTabs.gif) -336px -56px no-repeat;} .domTabs.offer .domHeadings li.active a#tabAftersales{ background:url(../images/layup/spriteOfferListTabs.gif) -336px -56px no-repeat;} .domTabs.offer .domHeadings a#tabMotability { width:163px; background:url(../images/layup/spriteOfferListTabs.gif) -503px 0 no-repeat;} .domTabs.offer .domHeadings a#tabMotability:hover { background:url(../images/layup/spriteOfferListTabs.gif) -503px -56px no-repeat;} .domTabs.offer .domHeadings li.active a#tabMotability{ background:url(../images/layup/spriteOfferListTabs.gif) -503px -56px no-repeat;} .offerList { width:666px; padding-top:10px; } .offerList .box { display:block; text-decoration:none !important; } .offerList .box a { text-decoration:none; font-weight:normal; } .offerList .box .title { font-size:12px; font-weight:bold; padding:5px 0 5px 10px; display:block; color:#fff; } /* ----- DEALER LIST ----- */ #dealerList {} #dealerList a{ text-decoration:none;} #dealerList .box { width:310px; margin-bottom:20px; text-decoration:none; font-size:12px;} #dealerList .box .photo { display:block; border:1px solid #fff; background:url(../images/layup/noImage310x231.jpg) no-repeat; width:310px; height:231px; } #dealerList .title { display:block; width:310px; padding:10px 0 0 0; font-weight:bold; color:#fff; } /* ----- DEALER MAP ----- */ #dealerMap { position:relative; } #dealerMap img { padding:absolute; top:0px; left:0px; } #dealerMap a { display:block; position:absolute; background: url(../images/layup/ie6LinkFix.gif); } #dealerMap a#spalding { top:54px; left:65px; height:40px; width:117px; } #dealerMap a#kingsLynn { top:75px; left:218px; height:40px; width:140px; } #dealerMap a#ely { top:227px; left:177px; height:40px; width:78px; } #dealerMap a#thetford { top:209px; left:309px; height:40px; width:135px; } #dealerMap a#tayfenRoad { top:258px; left:300px; height:21px; width:210px; } #dealerMap a#cambridge { top:295px; left:60px; height:40px; width:160px; } #dealerMap a#buryStEdmunds { top:287px; left:296px; height:40px; width:210px; } #dealerMap a#haverhill { top:352px; left:228px; height:40px; width:135px; } /* ----- DEALER DETAILS ----- */ #map { width:310px; height:231px; border:1px solid #fff; position:relative; } #map #directions { background:#574e50; width:280px; position:absolute; font-family:Tahoma, Geneva, sans-serif; left:0px; top:0px; padding:10px 15px; } #map #directions label {width:100px; float:left; padding-top:1px; } #map #directions input {width:100px; float:left; margin-left:40px; border:1px solid #828282; } #map #directions .btnGo { color:#fff; float:right; padding-top:1px; } #map #googleMap { width: 310px; height: 231px; } #map #googleMap #smc { top: 40px !important; } #dealerPhoto { width:310px; height:231px; border:1px solid #fff; float:right; margin:0 15px 15px 0; background:url(../images/layup/noImage310x231.jpg) no-repeat; } #dealerInfo { margin-top:20px; position:relative;} #dealerInfo .title { background:url(../images/layup/dealerTitleBg.jpg) no-repeat 0 0; height:33px; padding-top:7px; font-size:18px; font-weight:bold; } #dealerInfo .end { position:absolute; top:0px; left:-22px; } #dealerInfo #dealerDetails { padding-top:10px; } address { margin-top:10px; margin-bottom:10px; } address span { padding:10px 0; font-size:12px; font-weight:bold; line-height:24px; } #dealerInfo td { font-weight:bold; font-size:12px; padding:3px 0; } #dealerInfo .altRow { background:#008dce; } .dealerText { padding-right:45px; line-height:22px; } .dealerText table { width:630px !important; } #dealerContact { width:327px; margin:0 0 15px 15px; padding-bottom:10px; background:url(../images/layup/dealerContactBg.jpg) left top no-repeat; float:right; clear:right; } #dealerContact label { width:60px; text-align:right; margin-right:10px; font-size:11px; float:left; font-family:Tahoma, Geneva, sans-serif; } #dealerContact select { width:184px; float:left; } #dealerContact input { width:180px; float:left; } #dealerContact textarea { width:180px; float:left; margin-bottom:15px; } #dealerContact form { padding:10px 0 0 28px; } #dealerContact div { float:left; margin-bottom:10px; } /* ----- SAVE AND COMPARE ----- */ #saveCompare {margin-bottom: 12px; } #saveCompare table { width: 100%; border-collapse: separate; } #saveCompare th { font-size: 1.0em; background: #002d42; padding: 6px 2px 6px 2px; vertical-align: middle; } #saveCompare th.noBg { background: none !important; } #saveCompare td { font-size: 1.0em; padding: 3px 2px 3px 2px; } #saveCompare tr.trOut { background: #000; } #saveCompare tr.trOver { background: #004d71; } /* ----- 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;} p { padding:0 0 10px 0; margin:0; } h1 { color:#fff; font-size:18px; font-weight:bold; } h2 { font-size:23px; color:#f4d633; } /* ----- TOP NAVIGATION ----- */ #primaryNav { margin: 0px; width:690px; right:11px; position:absolute; bottom:0px; height:63px;} #primaryNav ul { list-style: none; margin: 0px; padding: 0px; height: 44px;} #primaryNav li { padding: 0px; margin-top: 19px; float: left; display:inline; margin-right:3px; } #primaryNav li.home { margin:0px 6px 0 9px !important;} #primaryNav li.last { margin-right:0px; } #primaryNav li span { display:block; float:left; background:url(../images/layup/navBgRight.gif) right top no-repeat; padding: 12px 10px 9px 10px; height:23px;} #primaryNav li a { display: block; float:left; text-decoration: none; font-size:14px; color: #FFFFFF; background:url(../images/layup/navBgLeft.gif) left top no-repeat; height:44px; } #primaryNav li a:hover, #primaryNav li a:hover span, #primaryNav li.active a, #primaryNav li.active a span { color: #008dce; background:url(../images/layup/navBgActive.gif) repeat-x; } /* ----- SECONDARY NAVIGATION ----- */ #secondaryNav {} #secondaryNav ul { list-style: none; margin: 0; padding: 0; } #secondaryNav li { } #secondaryNav li a { text-decoration: none; } /* ----- DROPDOWN NAV ----- */ #primaryNav ul li ul { left: -999em; position: absolute; } #primaryNav ul li:hover ul, #primaryNav ul li.sfhover ul { left: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; display: block; width: 200px; } #primaryNav ul li:hover ul li, #primaryNav ul li.sfhover ul li { display: block; padding: 4px 0px 0px 0px; margin: 0px; background: #ececec; width: 200px; height: 20px; border-bottom: 1px solid #CFCFCF; border-left: 1px solid #CFCFCF; border-right: 1px solid #CFCFCF; } #primaryNav ul li:hover ul li a, #primaryNav ul li.sfhover ul li a { padding: 0px 5px 5px 10px; margin: 0px; color: #666666; } #primaryNav ul li:hover ul li a:hover, #primaryNav ul li.sfhover ul li a:hover { padding: 0px 5px 5px 10px; margin: 0px; color: #000; } /* ----- SITE MAP ----- */ #sitemap { list-style:none; margin:0 0 0 5px; padding:0;} #sitemap ul { list-style:none; margin:10px 0 0px 15px; padding:0;} #sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;} /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #breadcrumbs {line-height: normal; height: 25px; margin-bottom:20px; margin-left:10px; padding:15px 10px 0 0px; position:relative; } #breadcrumbs #end { position:absolute; left:-20px; top:0px; } #breadcrumbs a { font-weight: normal; text-decoration: none; color:#fff; float: left; padding: 0px 5px 0px 0px; } #breadcrumbs .current { font-weight:bold; text-decoration:underline; color:#00aeff; } #breadcrumbs .btnBack { float: right; padding: 0px; font-weight:bold; text-decoration:underline; color:#00aeff; } .sortBy { float:right; margin-right:20px; width:180px; } .sortBy label { width:50px; float:left; } .sortBy select { border:none; float:left; margin-top:-3px; } .pagination { float: right; margin-right:30px; } .pagination.bottom { margin-right:0px;} .pagination a { padding: 0px 4px 0px 4px !important; color:#fff !important; text-decoration: none; display:block; text-align:center; font-weight:bold !important; } .pagination ul { margin:0; padding:0; } .pagination li { list-style:none; float:left; } .pagination a:hover { text-decoration: none; background:#fff; color:#00aeff !important; } .pagination .active { text-decoration: none; background:#fff; color:#00aeff !important; } .pagination span { display: block; float: left; padding: 0px 2px 0px 2px; } /* ----- FOOTER ----- */ #footer { background:url(../images/layup/footerBg.jpg) no-repeat 0 0 #111; height:164px; margin-bottom:20px; line-height:18px;} #footer .padding { padding:75px 15px 30px;} #footer a { font-weight:normal; text-decoration:none; color:#0077ca; font-weight:bold;} #footer a:hover { text-decoration:underline;} /* ----- GLOBAL ----- */ img { display:block; border:0; } address { font-style:normal; } /* ----- LINKS ----- */ a { color:#00aeff; 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:#008dce;} .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:112px !important; height:37px !important; border:none;} /* ----- Prototype dation-faileddation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #008dce; 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: #008dce; color : #FFF; font-weight: bold; } .validation-advice { display:none !important; } .failed-required { background-color: #cf6f6f; } /* ----- 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: 0px; } .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; color: #FFF; text-decoration: none; font-weight: bold; } ul.domHeadings li a:hover, ul.domHeadings li.active a { color: #000; }