/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Author :John Davies / john.davies@gforces.co.uk / G-Forces Web Management Ltd Author :James Greenwood / james.greenwood@gforces.co.uk / G-Forces Web Management Ltd Author :Matt Mumford / matt.mumford@gforces.co.uk / G-Forces Web Management Ltd Type:Screen, Projection Description :Screen and projection stylesheet for SMC Renault site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ html { height:100%; } body { height:100%; font:62.5%/1.6 verdana, arial, helvetica, sans-serif; margin:0; padding:0; background:#ffffff; color:#000000; text-align:center; } body.day { background:url(../images/layup/bodyBgDay.jpg) top center no-repeat; } body.night { background:url(../images/layup/bodyBgNight.jpg) top center no-repeat; } #leftCol .clioEnd { position:absolute; display:block; top:353px; left:-6px; z-index:999999; background:url(../images/layup/clioEnd.png) no-repeat; width:27px; height:92px; } #leftCol .clioEndNight { position:absolute; display:block; top:353px; left:-6px; z-index:999999; background:url(../images/layup/clioEndNight.png) no-repeat; width:27px; height:92px; } #rightCol .twingoEnd{ position:absolute; top:349px; right:-19px; width:38px; height:96px; background:url(../images/layup/twingoEnd.png) no-repeat; z-index:999999; } #rightCol .twingoEndNight{ position:absolute; top:349px; right:-19px; width:38px; height:96px; background:url(../images/layup/twingoEndNight.png) no-repeat; z-index:999999; } /* 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% verdana, arial, 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:932px; margin:0 auto; text-align:left; font-size:110%; line-height:140%; position:relative; } * html #container { height:100%; } #printHeader { display:none;} #header { height:125px; position:relative; } #header #logo { position:absolute; top:0px; left:0px; } #header #logo a { background:url(../images/layup/ie6LinkFix.gif) top left repeat; display:block; width:141px; height:105px; } #header #logoYears { position:absolute; top: 36px; left: 145px; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 17px; text-align: left; line-height: 18px; text-transform: uppercase; } #header #logoYears .line2 { font-weight: bold; } #header #contactDetails { position:absolute; top:15px; right:100px; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:14px; text-align:right; line-height:17px; } #header #contactDetails span { font-size: 12px; } #header #contactBtn { top:87px; right:100px; position:absolute; } #header #badge { position:absolute; top:27px; right:12px; } #greenCar { position:absolute; left:-26px; top:355px; z-index:3; } #blueCar { position:absolute; right:-9px; top:350px; z-index:3; } /* ----- LEFT COLUMN ----- */ #leftCol { width:237px; margin:0 0 20px 7px; float:left; display:inline; } #todaysDate { width:237px; height:21px; font-size:11px; color:#fff; padding:4px 0 0; } .usedSearch { width:235px; position:relative; } .usedSearch .domHeadings { padding:0px; margin:0px; list-style:none; } .usedSearch .domHeadings span { display:none; } .usedSearch .domHeadings li a { display:block; float:left; padding:0; } .usedSearch .domHeadings li a.tabUsedCar { background:url(../images/layup/spriteTabUsedVehicle.gif) 0px -54px no-repeat; height:54px; width:123px; } .usedSearch .domHeadings li a.tabUsedVan { background:url(../images/layup/spriteTabUsedVehicle.gif) -123px 0px no-repeat; height:54px; width:112px; } .usedSearch .domHeadings li a.tabUsedCar:hover { background:url(../images/layup/spriteTabUsedVehicle.gif) 0px -54px no-repeat; height:54px; width:123px; } .usedSearch .domHeadings li a.tabUsedVan:hover { background:url(../images/layup/spriteTabUsedVehicle.gif) -123px 0px no-repeat; height:54px; width:112px; } .usedSearch .domHeadings li.active a.tabUsedCar { background:url(../images/layup/spriteTabUsedVehicle.gif) 0px 0px no-repeat; height:54px; width:123px; } .usedSearch .domHeadings li.active a.tabUsedVan { background:url(../images/layup/spriteTabUsedVehicle.gif) -123px -54px no-repeat; height:54px; width:112px; } .usedSearch .domContent { background:url(../images/layup/usedSearchBg.gif) top left repeat-y; border:none; padding:15px 19px 12px 19px; } .usedSearch .domContent form { } .usedSearch .domContent form div { margin-bottom:9px; } .usedSearch .domContent select { width:179px; margin-left:11px; } .usedSearch .domContent .btnUsedSearch { width:77px; height:27px; } .usedSearch .domContent .advancedSearch { color:#8f8f8f; font-weight:normal; float:left; padding:5px 5px 0 10px; } .usedSearch .shadow { height:30px; position:absolute; bottom:0; left:-6px; } .usedSearch .dt1 { display:block; } #leftCol .box {} #newCarSelector { width:195px; margin-bottom:7px; margin-top:5px; height:46px; padding:37px 21px 0 21px; background:url(../images/layup/newCarSelectorBg.jpg) repeat-y; position:relative; } #newCarSelector select { float:left; border:#cfcfcf 1px solid; width:195px; padding:4px 4px 3px 4px; } #mySMC { width:237px; background:url(../images/layup/mySMCbg.jpg) repeat-y; position:relative; } #mySMC .title {} #mySMC .divider { width:197px; height:2px; padding:0 20px 0 20px; display:block; } #mySMC .shadow { position:absolute; bottom:-5px; left:-5px; } #mySMC .stockUpdates { width:237px; position:relative; } #mySMC .stockUpdates .padding { padding:10px 0 0 20px; } #mySMC .stockUpdates .title { font-size:12px; text-transform:uppercase; font-weight:bold; color:#ee9613; padding:0 0 20px 0; } #mySMC .stockUpdates .description { width:170px; font-size:12px; color:#606060; padding:0 0 10px 0; } #mySMC .stockUpdates .btn { padding:0 0 20px 0; } #mySMC .stockUpdates .mouse { position:absolute; top:80px; right:5px; } #mySMC .saveCompare { width:237px; } #mySMC .saveCompare .padding { padding:10px 20px 0 20px; } #mySMC .saveCompare .title { font-size:12px; text-transform:uppercase; font-weight:bold; color:#ee9613; padding:0 0 12px 0; } #mySMC .saveCompare .description { width:194px; font-size:12px; color:#606060; padding:0 0 20px 0; } #mySMC .saveCompare .stock { width:42px; height:42px; background:url(../images/layup/saveCompareFrame.jpg) no-repeat left top; padding:2px; margin:0 4px 5px 0; float:left; display:inline; } #mySMC .saveCompare .last { margin:0 0 5px 0; } #mySMC .saveCompare .btnSave { margin:5px 0 20px 18px; float:left; display:inline; } #mySMC .saveCompare .btnCompare { margin:5px 18px 20px 0; float:right; display:inline; } /* ----- RIGHT COLUMN ----- */ #rightCol { width:671px; margin:22px 0 20px 0; float:right; display:inline; text-align:justify; } #mainContent { background:#FFF; margin:14px 0 0 0; } #mainContent .padding { padding:20px; } /* ----- CMS IMAGE ----- */ .cmsImage { margin:0px 0px 25px 25px; padding:7px 11px 0 0; position:relative; float:right; background:url(../images/layup/noImage300x225.gif) no-repeat; width:300px; height:225px; } .cmsImage .frame { position:absolute; top:0; right:0; } /* ----- LIST ----- */ #list { margin-top:20px;} #list .listItem { float:left; clear:left; width:627px; font-size:12px; margin-bottom:30px; cursor:pointer; } #list .listItem a { display:block; text-decoration:none; } #list .listItem .thumb { display:block; border:4px solid #fcb415; float:left; background:url(../images/layup/noImage187x140.gif) no-repeat; width:187px; height:140px; } #list .listItem .frame { display:block; padding-right:20px; width:196px; height:148px; float:left; } #list .listItem .title { display:block; width:390px; padding:10px; float:left; background:#e2e5e6; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#6b6b6b; } #list .listItem .description { cursor:pointer; display:block; padding:8px 0 8px 10px; color:#3f3f3f; float:left; width:390px;} #list .listItem .description td { width:97px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; height:18px;} #list .listItem .listDesc {display:block; padding:8px 0 0 10px; color:#000; font-weight:normal; font-size:12px; font-family: Arial, Helvetica, sans-serif; float:left; width:390px; height:62px; } #list .listItem .price { display:block; padding:6px 10px; font-weight:bold; height:15px; text-transform:uppercase; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; background:#676b6e; float:left;} #list .listItem .oldprice { display:block; padding:6px 10px; font-weight:bold; height:15px; text-transform:uppercase; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; background:#990000; float:left;} #list .listItem .details { display:block; padding:6px 10px; font-weight:bold; height:15px; text-transform:uppercase; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; background:#fcb415; float:right;} #usedCarDetails .price { display:block; padding:6px 10px; font-weight:bold; height:15px; text-transform:uppercase; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; background:#676b6e; float:right; } #usedCarDetails .oldprice{ display:block; padding:6px 10px; font-weight:bold; height:15px; text-transform:uppercase; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; background:#990000; float:right;} /* ----- OFFER LIST ----- */ #offerList { } .break { background: transparent url(../images/layup/dashedLine.gif) no-repeat scroll center bottom; margin-bottom:10px } #offerList .listItem { padding-left:9px; margin-right:7px; margin-bottom:20px; display:block; float:left; background:url(../images/layup/offerListItemBg.gif) no-repeat; width:303px; height:228px; } #offerList .listItem.last { margin-right:0px; } /* ----- OFFER DETAILS ----- */ #offerDetails { background:#e2e5e6; padding:9px 14px; font-family:Arial, Helvetica, sans-serif; margin-bottom:15px; width:600px; } #offerDetails .interested { float:right; color:#6b6b6b; font-size:15px; font-weight:bold; width:330px; text-align:center; } #offerDetails .interested span { text-align:center; font-size:12px; color:#a07000; margin-right:17px; margin-top:2px; float:right; } #offerDetails .interested span.last { margin-right:0px; } #offerDetails .newTitle { width:225px; text-align:left; float:left; color:#6b6b6b; font-size:14px; font-weight:bold; text-transform:uppercase; } #offerDetails .newPrice { clear:left; color:#6b6b6b; font-size:14px; font-weight:bold; text-transform:capitalize; padding-top:5px; } #offerContain { float:right; margin-left:10px; margin-bottom:10px;} #offerOptions { margin-left:5px; } #offerOptions a {margin-bottom:5px; display:block;} #offerImage { padding-left:9px; margin-bottom:10px; display:block; background:url(../images/layup/offerListItemBg.gif) no-repeat; width:303px; height:228px; } /* ----- BOX LIST ----- */ #boxList {} #boxList .box { width:196px; margin-bottom:16px; background:url(../images/layup/boxBg.gif) no-repeat bottom #fff; float:left; margin-right:21px;} #boxList .box.last { margin-right:0px;} #boxList .box a { display:block; text-decoration:none; color:#000; padding-bottom:30px; } #boxList .box .thumb { display:block; margin-bottom:9px; background:url(../images/layup/noImage196x147.gif) no-repeat; width:196px; height:147px; } #boxList .box .thumb .frame { display:block; } #boxList .box .title { display:block; font-size:12px; width:196px; height:30px; font-weight:bold; text-transform:capitalize; } #boxList .box .more { display:block; float:right; font-size:12px; font-weight:bold; color:#ef9713; text-transform:capitalize; } /* ------ NEW CAR DETAILS ----- */ #newCarPhoto { float:left; position:relative; border:1px solid #a67300; } #newCarPhoto span{ display:block; border:3px solid #fcb415; background:url(../images/layup/noImage267x200.gif) no-repeat; height:200px; width:267px; } #newCarDetails { background:#e2e5e6; padding:9px 14px; font-family:Arial, Helvetica, sans-serif; margin-bottom:6px; width:600px; } #newCarDetails .interested { float:right; color:#6b6b6b; font-size:15px; font-weight:bold; width:347px; text-align:center; } #newCarDetails .interested span { text-align:center; font-size:12px; color:#a07000; margin-right:17px; margin-top:2px; float:right; } #newCarDetails .interested span.last { margin-right:0px; } #newCarDetails .newTitle { width:225px; text-align:left; float:left; color:#6b6b6b; font-size:14px; font-weight:bold; text-transform:uppercase; } #newCarDetails .newPrice { display:none; clear:left; color:#6b6b6b; font-size:14px; font-weight:bold; text-transform:capitalize; padding-top:5px; } #newCarOptions { width:343px; float:right; height:208px;} #newCarOptions a { width:77px; height:99px; float:left; display:block; margin-right:11px; margin-bottom:10px; } #newCarOptions a.last {margin-right:0px;} #newCarOptions a#brochure {background:url(../images/layup/spriteNewCarOptions.gif) left top no-repeat;} #newCarOptions a#brochure:hover {background:url(../images/layup/spriteNewCarOptions.gif) left -208px no-repeat;} #newCarOptions a#nearlyNew {background:url(../images/layup/spriteNewCarOptions.gif) -89px top no-repeat;} #newCarOptions a#nearlyNew:hover {background:url(../images/layup/spriteNewCarOptions.gif) -89px -208px no-repeat;} #newCarOptions a#testDrive {background:url(../images/layup/spriteNewCarOptions.gif) -177px top no-repeat;} #newCarOptions a#testDrive:hover {background:url(../images/layup/spriteNewCarOptions.gif) -177px -208px no-repeat;} #newCarOptions a#advice {background:url(../images/layup/spriteNewCarOptions.gif) -266px top no-repeat;} #newCarOptions a#advice:hover {background:url(../images/layup/spriteNewCarOptions.gif) -266px -208px no-repeat;} #newCarOptions a#value {background:url(../images/layup/spriteNewCarOptions.gif) left -109px no-repeat;} #newCarOptions a#value:hover {background:url(../images/layup/spriteNewCarOptions.gif) left -317px no-repeat;} #newCarOptions a#safety {background:url(../images/layup/spriteNewCarOptions.gif) -89px -109px no-repeat;} #newCarOptions a#safety:hover {background:url(../images/layup/spriteNewCarOptions.gif) -89px -317px no-repeat;} #newCarOptions a#g3 {background:url(../images/layup/spriteNewCarOptions.gif) -177px -109px no-repeat;} #newCarOptions a#g3:hover {background:url(../images/layup/spriteNewCarOptions.gif) -177px -317px no-repeat;} #newCarOptions a#gapInsurance {background:url(../images/layup/spriteNewCarOptions.gif) -266px -109px no-repeat;} #newCarOptions a#gapInsurance:hover {background:url(../images/layup/spriteNewCarOptions.gif) -266px -317px no-repeat;} #newCarDescription { float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; width:630px;} #newCarDescription .title { font-size:14px; color:#e79b00; float:left; width:100%; margin:20px 0; font-weight:bold; } /* ----- USED CAR DETAIL ----- */ #usedCarPhoto { float:left; position:relative; border:1px solid #a67300; margin-bottom:13px; } #usedCarPhoto #cmsFlash { width: 292px; height: 155px; background: #FFF; } #usedCarPhoto #cmsFlash embed { height:155px !important; width:292px !important; } #usedCarPhoto #btnVideo { position: absolute; top: 80px; left: 10px; } #usedCarPhoto span{ display:block; border:3px solid #fcb415; background:url(../images/layup/noImage267x200.gif) no-repeat; height:200px; width:267px; } #usedCarDetails { background:#e2e5e6; padding:9px 14px; font-family:Arial, Helvetica, sans-serif; margin-bottom:6px;} #usedCarDetails .usedTitle { float:left; line-height:18px; color:#6b6b6b; font-size:14px; font-weight:bold; } #usedCarDetails .usedPrice { float:right; line-height:18px; color:#6b6b6b; font-size:14px; font-weight:bold; text-transform:capitalize;} #interested { float:right; color:#6b6b6b; text-align:center; font-size:15px; font-weight:bold; background:url(../images/layup/interestedBg.jpg) no-repeat; padding: 15px 5px 0 5px; width:332px; height:62px; margin-bottom:4px; } #interested span {float:left; text-align:center; font-size:8px; color:#a07000; margin-right:10px; margin-top:2px; line-height: normal; } #interested span.last { margin-right:0px; } #usedCarOptions { width:343px; float:right; height:208px;} #usedCarOptions a { width:77px; height:99px; float:left; display:block; margin-right:11px; margin-bottom:10px; } #usedCarOptions a.last {margin-right:0px;} #usedCarOptions a#enquireNow {background:url(../images/layup/spriteUsedCarOptions.gif) left top no-repeat;} #usedCarOptions a#enquireNow:hover {background:url(../images/layup/spriteUsedCarOptions.gif) left -208px no-repeat;} #usedCarOptions a#sendTo {background:url(../images/layup/spriteUsedCarOptions.gif) -89px top no-repeat;} #usedCarOptions a#sendTo:hover {background:url(../images/layup/spriteUsedCarOptions.gif) -89px -208px no-repeat;} #usedCarOptions a#printSpec {background:url(../images/layup/spriteUsedCarOptions.gif) -177px top no-repeat;} #usedCarOptions a#printSpec:hover {background:url(../images/layup/spriteUsedCarOptions.gif) -177px -208px no-repeat;} #usedCarOptions a#saveCompare {background:url(../images/layup/spriteUsedCarOptions.gif) -266px top no-repeat;} #usedCarOptions a#saveCompare:hover {background:url(../images/layup/spriteUsedCarOptions.gif) -266px -208px no-repeat;} #usedCarOptions a#value {background:url(../images/layup/spriteUsedCarOptions.gif) left -109px no-repeat;} #usedCarOptions a#value:hover {background:url(../images/layup/spriteUsedCarOptions.gif) left -317px no-repeat;} #usedCarOptions a#ownNow {background:url(../images/layup/spriteUsedCarOptions.gif) -89px -109px no-repeat;} #usedCarOptions a#ownNow:hover {background:url(../images/layup/spriteUsedCarOptions.gif) -89px -317px no-repeat;} #usedCarOptions a#g3 {background:url(../images/layup/spriteUsedCarOptions.gif) -177px -109px no-repeat;} #usedCarOptions a#g3:hover {background:url(../images/layup/spriteUsedCarOptions.gif) -177px -317px no-repeat;} #usedCarOptions a#gapInsurance {background:url(../images/layup/spriteUsedCarOptions.gif) -266px -109px no-repeat;} #usedCarOptions a#gapInsurance:hover {background:url(../images/layup/spriteUsedCarOptions.gif) -266px -317px no-repeat;} #usedCarThumbs { float:left; } #usedCarThumbs .frame { display:block; border:1px solid #a57200; float:left; width:81px; height:62px; margin-right:13px; } #usedCarThumbs .frame.last { margin-right:0px; } #usedCarThumbs .frame .thumb{ display:block; position:relative; float:left; cursor:pointer; border:3px solid #fcb415; } #usedCarThumbs .frame .thumb .btn {position:absolute; top:0px; left:0px;} #usedCarDomtabs { float:left; margin-top:10px; } #usedCarDomtabs .domTabs a { padding:0px;} #usedCarDomtabs .domTabs a.details { display:block; width:120px; height:54px; background:url(../images/layup/spriteUsedCarDomtab.jpg) left top no-repeat;} #usedCarDomtabs .domTabs li.active a.details { display:block; width:120px; height:54px; background:url(../images/layup/spriteUsedCarDomtab.jpg) left bottom no-repeat;} #usedCarDomtabs .domTabs a.spec { display:block; width:162px; height:54px; background:url(../images/layup/spriteUsedCarDomtab.jpg) -120px top no-repeat;} #usedCarDomtabs .domTabs li.active a.spec { display:block; width:162px; height:54px; background:url(../images/layup/spriteUsedCarDomtab.jpg) -120px bottom no-repeat;} #usedCarDomtabs .domTabs a.warranty { display:block; width:150px; height:54px; background:url(../images/layup/spriteUsedCarDomtab.jpg) -282px top no-repeat;} #usedCarDomtabs .domTabs li.active a.warranty { display:block; width:150px; height:54px; background:url(../images/layup/spriteUsedCarDomtab.jpg) -282px bottom no-repeat;} #usedCarDomtabs .domTabs a.finance { display:block; width:195px; height:54px; background:url(../images/layup/spriteUsedCarDomtab.jpg) -432px top no-repeat;} #usedCarDomtabs .domTabs li.active a.finance { display:block; width:195px; height:54px; background:url(../images/layup/spriteUsedCarDomtab.jpg) -432px bottom no-repeat;} #usedCarDomtabs .domTabs .domContent { margin-top:0px; width:619px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0px 3px 3px 3px; border-right: 1px solid #bcbcbc; border-left: 1px solid #bcbcbc; border-bottom: 1px solid #bcbcbc; border-top:none; } #usedCarDomtabs .domTabs .domContent table tr td { width:94px; text-align:left; padding-left:10px; height:34px;font-family:Arial, Helvetica, sans-serif; font-size:12px; } #usedCarDomtabs .domTabs .domContent table tr td.grey { color:#999; } #usedCarDomtabs .domTabs .domContent tr { } #usedCarDomtabs .domTabs .domContent tr.alt td.first {background:url(../images/layup/altRowFirst.gif) repeat-x;} #usedCarDomtabs .domTabs .domContent tr.alt td {background:url(../images/layup/altRow.gif) repeat-x;} #usedCarDomtabs .domTabs .domContent .padding {background:url(../images/layup/domContentBG.jpg) top left no-repeat;} #relatedVehicles {} #relatedVehicles .box { width:196px; display:block; float:left; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-top:10px; margin-right:20px; } #relatedVehicles .box.last { margin-right:0px; } #relatedVehicles .box a { display:block; text-decoration:none; } #relatedVehicles .box .thumb { display:block; border:solid 3px #fcb415; width:187px; height:140px; } #relatedVehicles .box .title { display:block; width:196px; color:#6b6b6b; height:40px; } #relatedVehicles .box .price { display:block; width:145px; float:left; font-size:14px; color:#6b6b6b; padding-top:10px; } #relatedVehicles .box .details { display:block; float:right; font-size:14px; color:#e9a307; padding-top:10px; } /* ----- DEALER LOCATOR ----- */ #largeMap { width:621px; height:592px; position:relative; display:block;} #largeMap img {} #largeMap #stJohns1 { display:block; width:52px; height:37px; position:absolute; top:364px; left:108px; background:url(../images/layup/ie6LinkFix.gif) top left repeat; } #largeMap #stJohns2 { display:block; width:220px; height:89px; position:absolute; top:211px; left:24px; background:url(../images/layup/ie6LinkFix.gif) top left repeat; } #largeMap #weybridge1 { display:block; width:52px; height:37px; position:absolute; top:176px; left:383px; background:url(../images/layup/ie6LinkFix.gif) top left repeat; } #largeMap #weybridge2 { display:block; width:220px; height:89px; position:absolute; top:60px; left:192px; background:url(../images/layup/ie6LinkFix.gif) top left repeat; } #largeMap #woking1 { display:block; width:52px; height:37px; position:absolute; top:378px; left:177px; background:url(../images/layup/ie6LinkFix.gif) top left repeat; } #largeMap #woking2 { display:block; width:220px; height:89px; position:absolute; top:245px; left:267px; background:url(../images/layup/ie6LinkFix.gif) top left repeat; } #largeMap #woking3 { display:block; width:52px; height:37px; position:absolute; top:378px; left:236px; background:url(../images/layup/ie6LinkFix.gif) top left repeat; } #largeMap #woking4 { display:block; width:141px; height:68px; position:absolute; top:358px; left:322px; background:url(../images/layup/ie6LinkFix.gif) top left repeat; } /* ----- DEALER DETAILS ----- */ #dealerLocation { width:613px; height:33px; margin-bottom:7px; background:url(../images/layup/dealerLocationBg.gif) no-repeat; color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding:17px 0 0 17px;} .dealerImage { width:303px; height:228px; background:url(../images/layup/dealerImageBg.gif) no-repeat; padding-left:8px; float:left; margin-bottom:10px; } #directions { float:left; width:500px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6b6b6b; padding-left:10px;} #directions #postcode { float:left; width:120px; margin-top:4px; margin-right:20px; } .dealerDetails { text-align:left; width:637px; height:275px; margin-top:15px; background:url(../images/layup/dealerDetailsBg.gif) top left no-repeat; } .dealerDetails #contactInfo { width:320px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6b6b6b; } .dealerDetails #contactInfo .title { text-transform:uppercase; font-size:14px; font-weight:bold; color:#fff; display:block; padding:15px 0 0 20px; margin-bottom:20px; } .dealerDetails #contactInfo .info { padding:4px 0 0 20px; } .dealerDetails #businessHours { width:315px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6b6b6b; } .dealerDetails #businessHours .title { text-transform:uppercase; font-size:14px; font-weight:bold; color:#fff; display:block; padding:15px 0 0 20px; margin-bottom:20px; } .dealerDetails #businessHours .info { padding:4px 0 0 20px; } .dealerDetails #businessHours td { font-family:Arial, Helvetica, sans-serif; font-size:12px; width:145px; } #openingHours { width:637px; height:275px; text-align:left; margin-top:15px; background:url(../images/layup/openingHoursBg.jpg) top left no-repeat; } #openingHours .title { text-transform:uppercase; font-size:14px; font-weight:bold; color:#fff; display:block; padding:15px 0 0 20px; margin-bottom:20px; } #openingHours .info { padding:4px 0 0 20px; } #openingHours td { font-family:Arial, Helvetica, sans-serif; font-size:12px; width:145px; } /* ----- MEET THE TEAM ----- */ .singleMember { background:url(../images/layup/dashedLine.gif) bottom center no-repeat; padding-bottom:10px; margin-bottom:5px;} .singleMember .staffImage { width:187px; height:140px; background:url(../images/layup/noImage187x140.gif) no-repeat; border:3px solid #fcb415; float:left; } .singleMember .title { font-size:14px; color:#444040; float:left; margin-left:10px; line-height:20px; width:428px; margin-bottom:5px;} .singleMember .desc { float:left; margin-left:10px; font-size:11px; width:428px; line-height:19px; } .multiMember { background:url(../images/layup/dashedLine.gif) bottom center no-repeat; padding-bottom:25px; float:left; margin-bottom:5px; margin-top:20px;} .multiMember .box { float:left; width: 190px; margin-right:20px;} .multiMember .box.last { margin-right:0px;} .multiMember .box .staffImage { width:187px; height:140px; background:url(../images/layup/noImage187x140.gif) no-repeat; margin-bottom:5px; border:3px solid #fcb415; float:left; } .multiMember .box .title { font-size:12px; color:#444040; float:left; line-height:20px; width:190px; } /* ----- 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;} #usedCarForm div { margin:0 0 10px; } #usedCarForm #submit { margin:0 0 0 20px; } #frmBrochure #frmContact label { width:407px; } #frmBrochure #frmContact .validation-advice { width:599px !important; } * html #frmBrochure #frmContact .validation-advice { width:608px; } /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { text-align:left; margin:0; padding:0 0 10px 0; font-size:100%; font-weight:bold;} h1 { font-size:18px; line-height:20px; color:#000; padding:0 0 25px 0; } h2 { font-size:14px; color:#003670; padding:0 0 25px 0; } h3 { font-size:15px; color:#696969; padding:0 0 5px 0; font-weight:bold; } h4 { font-size:14px; color:#e79b00; padding: 0 0 25px 0;} h5 {color:#444040; font-size:18px; font-weight:normal;} p { padding:0 0 10px 0; margin:0; } /* ----- TOP NAVIGATION ----- */ #primaryNav { margin:3px 0px 3px 0px; } #primaryNav ul { list-style:none; margin:0px; padding:0px; height:38px; } #primaryNav li { padding:0px; margin:0px; float:left; background:url(../images/layup/navDivider.gif) top right no-repeat; padding-right:2px; } #primaryNav li a { display:block; text-decoration:none; padding:12px 6px 11px 6px; color:#7e4100; font-weight:normal; } #primaryNav li a:hover, #primaryNav li .active { background:url(../images/layup/navHover.gif) top center no-repeat; } #primaryNav li.night a:hover, #primaryNav li.night .active { background:url(../images/layup/navHoverNight.gif) top center no-repeat; } #primaryNav li.last { background:none; padding-right:0px; } /* ----- 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: 0px; margin: 0px; background: #fcb414; width: 200px; height: 20px; } #primaryNav ul li:hover ul li a, #primaryNav ul li.sfhover ul li a { padding: 5px 6px 5px 6px; margin: 0px; color: #666666; background: #fcb414 !important; } #primaryNav ul li:hover ul li a:hover, #primaryNav ul li.sfhover ul li a:hover { padding: 5px 6px 5px 6px; margin: 0px; color: #000; background: #fee025 !important; } /* ----- 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 { height:36px; color:#7e4100; background:url(../images/layup/breadcrumbsBg.jpg) repeat-x; line-height:normal; border-left:4px solid #FFF; border-right:4px solid #FFF; float:left; } #breadcrumbs .padding { padding:12px 10px 0 10px; } #breadcrumbs img { display:inline; } #breadcrumbs a { font-weight:bold; color:#FFF; text-decoration:none; padding:2px 5px 4px 0px; } .btnBack { height:36px; background:url(../images/layup/breadcrumbsBg.jpg) repeat-x; line-height:normal; border-left:4px solid #FFF; border-right:4px solid #FFF; float:right; } .btnBack a { font-weight:bold; color:#7e4100; text-decoration:none; padding:0; } .btnBack .padding { padding:12px 10px 0 10px; } .btnBack img { display:inline; } .pagination { float:left; font-size:12px; margin-bottom:10px; } .pagination a { border-left:1px solid #c7c7c7; padding:0px 6px 0px 6px; text-decoration:none; color:#349ab8; } .pagination a:hover { color:#c7c7c7; } .pagination a.last { border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7; } .pagination li.active a{ text-decoration:none; color:#c7c7c7; } .pagination span { display:block; float:left; padding:0px 2px 0px 2px; } .pagination ul { margin:0; padding:0; } .pagination li { list-style:none; display:inline;} .pagination .nextPrev { color:#c7c7c7; border:none;} .pagination li.active .nextPrev { color:#349ab8;} .sortBy { float:right; color:#349ab8; width:150px; margin-right:10px; margin-bottom:5px; } .sortBy select { color:#349ab8; border:#d0d0d0 1px solid; font-size:12px; } /* ----- FOOTER ----- */ #footer { background:url(../images/layup/dotsH.gif) top left repeat-x; height:82px; margin-top:-82px; } #footerContainer { width:954px; margin:0 auto; text-align:left; font-size:110%; line-height:140%; } #footerContainer .padding { padding:25px 0px 0px 0px; } #footerContainer a { font-weight:normal; text-decoration:none;} #footerContainer a:hover { text-decoration:underline;} /* ----- GLOBAL ----- */ img { display:block; border:0; } address { font-style:normal; } /* ----- LINKS ----- */ a { color:#000000; font-weight:bold; text-decoration:underline;cursor:pointer; } a:hover { text-decoration:none; } /* ----- FORMS ----- */ form { padding:0; margin:0; } fieldset { padding:0; margin:0; border:0px none; } legend { padding:0; margin:0; display:none; } label { display:block; width:310px; float:left; } input, textarea { width:200px; font-size:11px !important;} .required { color:#fcb415;} .checkRadio { width:20px; position:relative; left:-7px;} #frmContact { margin-bottom:15px;} #frmContact p { padding:7px 0;} #frmContact select { width:204px;} #frmContact div { margin-bottom:12px;} #submit { width:75px; height:27px; border:none; } /* ----- Prototype Validation ----- */ input.disabled { border:1px solid #F2F2F2; background-color:#F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border:1px solid #fcb415; color :#FF3300; } input.validation-passed, textarea.validation-passed, select.validation-passed { border:1px solid #00FF00; color :#000; } .validation-advice { margin:5px 0; width:502px; padding:5px; background-color:#fcb415; color :#000; font-weight:bold; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } /* ----- STOCK UPDATES FORM ----- */ #promoForm { padding:12px 0 0 19px; } #promoForm .signupBoxes { margin-bottom:20px; margin-top:10px;} #promoForm .signupBoxes label { float:left; width:450px; position:relative; top:4px;} #promoForm .signupBoxes input { float:left; width:14px; margin-right:10px;} #promoForm select { width:125px !important; margin-bottom:10px; display:block; margin-right:15px;} #promoForm .carSelects { padding-top:18px;} #promoForm .submitButton { margin:5px 0 20px 0;} /* ----- DOMTABS ----- */ .domTabs { padding-bottom:30px; } .domContent { border:1px solid #333333; } .dt1 { display:block; } ul.domHeadings { padding:0px; margin:0px; list-style:none; } ul.domHeadings li { float:left; } ul.domHeadings li a { display:block; float:left; padding:5px 10px 5px 10px; background:#000; color:#FFF; text-decoration:none; font-weight:bold; } ul.domHeadings li a:hover, ul.domHeadings li.active a { background:#BCBCBC; color:#000; }