/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : James Greenwood / james.greenwood@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for Vision Vauxhall site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ html { height:100% !important; } body { font:62.5%/1.6 Verdana, Arial, Helvetica, sans-serif; height:100% !important; margin:0; padding:0; background:url(../images/layup/bg.jpg) no-repeat center top #FFF; color:#000000; text-align:center; } /* This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text. Declaring the font size in pixels makes it more consistent across browsers. */ td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; } html>body td, html>body textarea, html>body input, html>body select { font-size:11px; } /* some browsers don't inherit the font into tables or textareas! */ /* ----- IDS ----- */ #container { width:960px; min-height:100%; margin:0 auto; text-align:left; font-size:110%; line-height: normal; } * html #container { height:100%; } #wrapper { min-height:100%; background:url(../images/layup/wrapperBg.jpg) center bottom no-repeat; } #printHeader { display:none;} #header { height:107px; position: relative; } #header #logo { position: absolute; top:19px; left:7px; } #header #contactDetails { position: absolute; top:33px; right:120px; z-index:2; } #header #badge { position: absolute; top:21px; right:4px; z-index:1; } /* ----- LEFT COLUMN ----- */ #leftCol { width:262px; background:url(../images/layup/leftColBottom.jpg) no-repeat bottom; margin:0 0 150px 0; position:relative; float:left; } /* ----- INTERNAL CAR SEARCH ----- */ #leftCol .usedCarSearch { width:262px; margin:0 0 46px 0; position:relative; } #leftCol .usedCarSearch .title { position:absolute; top:-16px; left:0px; } #leftCol .usedCarSearch form { padding:68px 14px 0 16px; } #leftCol .usedCarSearch form div { margin:0 0 8px 0; height:14px; } #leftCol .usedCarSearch select { width:230px; color:#3c3c3c; border:1px solid #d0d0d0; } #leftCol .usedCarSearch .checkRadio { border:none; position:relative; top:7px; } #leftCol .usedCarSearch .carsRadio { width:109px; height:26px; background:url(../images/layup/internalSearchRadioCars.gif) no-repeat; margin:7px 0 8px 0; float:left; } #leftCol .usedCarSearch .carsRadio label { width:68px; } #leftCol .usedCarSearch .vansRadio { width:110px; height:26px; background:url(../images/layup/internalSearchRadioVans.gif) no-repeat; margin:7px 0 8px 0; float:right; } #leftCol .usedCarSearch .vansRadio label { width:71px; } #leftCol .usedCarSearch #usedSearchBtns { margin:0; } #leftCol .usedCarSearch #usedSearchBtns #btnUsedSearch { width:125px; height:29px; border:none; float:left; } #leftCol .usedCarSearch #usedSearchBtns #options { width:97px; height:29px; float:right; } #ourLocation { margin:0 0 10px 0; position:relative; } #ourLocation .padding { padding:0 0 0 16px; } #ourLocation .title { width:151px; height:14px; margin:0 0 13px 0; } #ourLocation .image { position:absolute; top:-11px; right:6px; } #ourLocation address, #ourLocation p { padding:0 0 10px 5px; } #liveChat { margin:0 0 30px 0; position:relative; z-index:1; } #liveChat .padding { padding:0 0 0 6px; } #liveChat .title { width:97px; height:14px; margin:0 0 13px 0; } #liveChat .image { position:absolute; top:-26px; right:-2px; } #liveChat p { position:relative; z-index:2; } #savedVehicles { margin:0 0 28px 0; } #savedVehicles .padding { padding:0 0 0 16px; } #savedVehicles .title { width:229px; height:49px; margin:0 0 6px 0; } #savedVehicles .box { width:56px; height:35px; font-size:23px; text-align:center; color:#676161; background:#f8f8f8; padding:7px 0 0 0; margin:0 15px 14px 0; float:left; position:relative; } #savedVehicles .box .compareThumb { position:absolute; top:0px; left:0; } #savedVehicles .box .frame { position:absolute; top:0; left:0; } #savedVehicles .btnSave { width:70px; height:31px; float:left; } #savedVehicles .divider { width:1px; height:16px; padding:6px 6px 0 6px; float:left; } #savedVehicles .btnCompare { width:123px; height:31px; float:left; } /* ----- RIGHT COLUMN ----- */ #rightCol { width:657px; min-height:706px; background:url(../images/layup/rightColTop.jpg) no-repeat left top #FFF; padding:0 11px 90px 13px; float:right; } /* ----- OFFERS ----- */ #offers { } #offers .tabset_print { display: none; } #offers .tabset_tabs { width:657px; height:31px; list-style:none; background:url(../images/layup/dotsSquare.jpg) repeat-x bottom; margin:0 0 10px 0; padding:0px; } #offers .tabset_tabs li { list-style:none; display:inline; padding:0px; float:left; } #offers .tabset_tabs a { display: inline; float: left; cursor: pointer !important; } #offers .tabset_tabs span { display: none; } #offers .tabset_tabs #tabNew a { width:86px; height:30px; background:url(../images/layup/spriteOffersDOM.jpg) no-repeat 0 0; } #offers .tabset_tabs #tabNew.active a { background:url(../images/layup/spriteOffersDOM.jpg) no-repeat 0 -30px; } #offers .tabset_tabs #tabUsed a { width:90px; height:30px; background:url(../images/layup/spriteOffersDOM.jpg) no-repeat -86px 0; } #offers .tabset_tabs #tabUsed.active a { background:url(../images/layup/spriteOffersDOM.jpg) no-repeat -86px -30px; } #offers .tabset_tabs #tabVans a { width:89px; height:30px; background:url(../images/layup/spriteOffersDOM.jpg) no-repeat -176px 0; } #offers .tabset_tabs #tabVans.active a { background:url(../images/layup/spriteOffersDOM.jpg) no-repeat -176px -30px; } #offers .tabset_tabs #tabServicing a { width:104px; height:30px; background:url(../images/layup/spriteOffersDOM.jpg) no-repeat -265px 0; } #offers .tabset_tabs #tabServicing.active a { background:url(../images/layup/spriteOffersDOM.jpg) no-repeat -265px -30px; } #offers .tabset_tabs #tabParts a { width:84px; height:30px; background:url(../images/layup/spriteOffersDOM.jpg) no-repeat -369px 0; } #offers .tabset_tabs #tabParts.active a { background:url(../images/layup/spriteOffersDOM.jpg) no-repeat -369px -30px; } #offers .tabset_content { width:657px; } #offers .tabset_content .padding { padding:0 10px 0 0; } #offers .tabset_content .offer { width:647px; margin:0 0 10px 0; } /* ----- NEW BOX LIST ----- */ #newCarList {} #newCarList h1 { padding:0 0 30px 0; } #newCarList .box { width:197px; color:#000; margin:0 20px 28px 0; float:left; } #newCarList .box a { text-decoration:none; font-weight:normal; cursor:pointer; display:block; } #newCarList .title { width:197px; height:23px; font-size:18px; background:url(../images/layup/dotsSquare.jpg) repeat-x bottom; display:block; } #newCarList .thumb { width:197px; height:130px; display:block; } #newCarList .description { font-size:11px; display:block; } /* ----- NEW CAR DETAIL ----- */ #newDetailImg { padding:8px 8px 0 0; margin:0 0 0 15px; position:relative; float:right; } #newDetailImg .frame { position:absolute; top:0; right:0; z-index:999;} #newDetailImg .overlay { position:absolute; top:8px; left:0; z-index:1000;} #newDetailOptions { width:328px; height:107px; margin:0 0 15px 15px; clear:right; float:right; } #newDetailOptions a { display:block; } #newDetailOptions div { float:left; } #newDetailOptions span { display:none; } #newDetailOptions .brochure a { width:164px; height:50px; background:url(../images/layup/spriteNewDetailOptions.jpg) no-repeat 0 0; } #newDetailOptions .brochure a:hover { background:url(../images/layup/spriteNewDetailOptions.jpg) no-repeat 0 -107px; } #newDetailOptions .vauxhallSite a { width:164px; height:50px; background:url(../images/layup/spriteNewDetailOptions.jpg) no-repeat -164px 0; } #newDetailOptions .vauxhallSite a:hover { background:url(../images/layup/spriteNewDetailOptions.jpg) no-repeat -164px -107px; } #newDetailOptions .testDrive a { width:164px; height:57px; background:url(../images/layup/spriteNewDetailOptions.jpg) no-repeat 0 -50px; } #newDetailOptions .testDrive a:hover { background:url(../images/layup/spriteNewDetailOptions.jpg) no-repeat 0 -157px; } #newDetailOptions .advice a { width:164px; height:57px; background:url(../images/layup/spriteNewDetailOptions.jpg) no-repeat -164px -50px; } #newDetailOptions .advice a:hover { background:url(../images/layup/spriteNewDetailOptions.jpg) no-repeat -164px -157px; } /* ----- USED LIST ----- */ #usedList {} #usedList h1 { padding:0 0 34px 0; } #usedList .listItem { width:657px; margin:0 0 15px 0; background:url(../images/layup/dotsSquare.jpg) repeat-x bottom; } #usedList .listItem a { text-decoration:none; font-weight:normal; cursor:pointer; display:block; } #usedList .listItem .modelPrice { width:657px; height:21px; font-weight:bold; margin:0 0 10px 0; display:block; } #usedList .listItem .modelPrice .model { width:500px; font-size:12px; float:left; display:block; } #usedList .listItem .modelPrice .price { width:150px; text-align:right; font-size:14px; float:right; display:block; } #usedList .listItem .thumb { width:177px; height:131px; background:url(../images/layup/noImage177x131.jpg) no-repeat top; padding:0 0 20px 0; position:relative; display:block; float:left; } #usedList .listItem .specialOffer { position: absolute; top: 7px; left: 0px; } #usedList .listItem .frame { position:absolute; top:0; left:0; } #usedList .listItem .title { width:470px; font-weight:bold; padding:3px 0 14px 0; float:right; display:block; } #usedList .listItem .description { width:470px; height:70px; float:right; display:block; } #usedList .listItem .btnClickDetailsImagery { width:309px; height:31px; margin:0 0 0 10px; float:left; display:block; } #usedList .listItem .btnMoreInfo { width: 121px; height:31px; margin:0 0 0 10px; float:right; display:block; } #usedList .listItem .btnSave { width:70px; height:31px; margin:0 0 0 12px; float:right; display:block; } /* ----- USED CAR DETAIL ----- */ #usedDetailImg { width:312px; height:227px; background:url(../images/layup/noImage312x227.jpg) 8px 8px no-repeat; padding:8px 0 8px 8px; position:relative; float:left; } #usedDetailImg .specialOffer { position: absolute; top: 20px; left: 8px; } #usedDetailImg .frame { background:url(../images/layup/ie6LinkFix.gif) repeat; position:absolute; top:0; left:0; } #thumbViewer { width:328px; height:66px; background:url(../images/layup/newDetailThumbBg.jpg) no-repeat; padding:5px 0 0 0; margin:0 0 10px 0; float:left; clear:left; } #thumbViewer a { display:block; } #thumbViewer span { display:none; } #thumbViewer .thumb { margin:0 0 0 9px; float:left; } #thumbViewer .btnPrevious { margin:0 9px 0 0; float:right; } #thumbViewer .btnNext { margin:0 9px 0 0; float:right; clear:right; } #thumbViewer .thumb { width:78px; height:59px; position:relative; } #thumbViewer .thumb .frame { position:absolute; top:0; left:0; margin:0; } #thumbViewer .btnPrevious a { width:50px; height:25px; background:url(../images/layup/spriteThumbSelector.jpg) no-repeat 0 -25px; } #thumbViewer .btnPrevious a:hover { background:url(../images/layup/spriteThumbSelector.jpg) no-repeat -50px -25px; } #thumbViewer .btnNext a { width:50px; height:25px; background:url(../images/layup/spriteThumbSelector.jpg) no-repeat 0 0; margin:9px 0 0 0; } #thumbViewer .btnNext a:hover { background:url(../images/layup/spriteThumbSelector.jpg) no-repeat -50px 0; } #thumbContainer {overflow: hidden; height: 60px; width: 261px; position: relative;} #thumbSlider {width:783px;} #modelPrice { width:309px; height:23px; font-weight:bold; background:url(../images/layup/dotsSquare.jpg) repeat-x bottom; margin:-10px 0 0; padding:0 0 5px; float:right; } #modelPrice .model { width:200px; font-size:12px; padding:2px 0 0 0; float:left; } #modelPrice .price { width:100px; font-size:14px; float:right; text-align:right;} #usedDetailOptions { width:309px; height:212px; margin:0 0 10px 0; float:right; clear:right; } #usedDetailOptions a { display:block; } #usedDetailOptions span { display:none; } #usedDetailOptions .enquire a { width:309px; height:42px; background:url(../images/layup/spriteUsedDetailOptions.jpg) no-repeat 0 0; } #usedDetailOptions .enquire a:hover { background:url(../images/layup/spriteUsedDetailOptions.jpg) no-repeat -309px 0; } #usedDetailOptions .send a { width:309px; height:42px; background:url(../images/layup/spriteUsedDetailOptions.jpg) no-repeat 0 -42px; } #usedDetailOptions .send a:hover { background:url(../images/layup/spriteUsedDetailOptions.jpg) no-repeat -309px -42px; } #usedDetailOptions .print a { width:309px; height:42px; background:url(../images/layup/spriteUsedDetailOptions.jpg) no-repeat 0 -84px; } #usedDetailOptions .print a:hover { background:url(../images/layup/spriteUsedDetailOptions.jpg) no-repeat -309px -84px; } #usedDetailOptions .offer a { width:309px; height:42px; background:url(../images/layup/spriteUsedDetailOptions.jpg) no-repeat 0 -126px; } #usedDetailOptions .offer a:hover { background:url(../images/layup/spriteUsedDetailOptions.jpg) no-repeat -309px -126px; } #usedDetailOptions .testDrive a { width:309px; height:44px; background:url(../images/layup/spriteUsedDetailOptions.jpg) no-repeat 0 -168px; } #usedDetailOptions .testDrive a:hover { background:url(../images/layup/spriteUsedDetailOptions.jpg) no-repeat -309px -168px; } #btnSaveVehicle { width:309px; height:57px; float:right; clear:right; } .pageDivider { width:657px; height:1px; background:url(../images/layup/dotsSquare.jpg) repeat-x; display:block; } #btnValueCar { width:382px; height:53px; margin:11px 0 10px 0; float:left; } /* ----- FINANCE CALCULATOR ----- */ #financeCalculator { width:262px; height:267px; background:url(../images/layup/financeCalculatorBg.jpg) no-repeat; margin:11px 0 10px 0; float:right; } #financeCalculator .padding { padding:9px 0 0 10px; } #financeCalculator .title { width:137px; height:30px; } #financeCalculator table { width:241px; } #financeCalculator table tr {} #financeCalculator table tr td { height:25px; background:#ececec; padding:0 0 0 5px; } #financeCalculator table tr td.alt { background:#FFF; } #financeCalculator.internalCalculator { clear: right; padding-right: 15px; } /* ----- USED DETAIL SPECIFICATION DOM ----- */ #usedDetailSpec { width:383px; height:204px; background:url(../images/layup/usedDetailDOMbg.jpg) no-repeat; float:left; } #usedDetailSpec .padding { padding:10px 0 0 10px; } #usedDetailSpec .tabset_print { display: none; } #usedDetailSpec .tabset_tabs { width:365px; height:30px; list-style:none; background:url(../images/layup/dotsSquare.jpg) repeat-x bottom; margin:0 0 4px 0; padding:0px; } #usedDetailSpec .tabset_tabs li { list-style:none; display:inline; padding:0px; float:left; } #usedDetailSpec .tabset_tabs a { display: inline; float: left; cursor: pointer !important; } #usedDetailSpec .tabset_tabs span { display: none; } #usedDetailSpec .tabset_tabs #tabCarDetail a { width:102px; height:29px; background:url(../images/layup/spriteUsedDetailDOM.jpg) no-repeat 0 0; } #usedDetailSpec .tabset_tabs #tabCarDetail.active a { background:url(../images/layup/spriteUsedDetailDOM.jpg) no-repeat 0 -29px; } #usedDetailSpec .tabset_tabs #tabCarSpec a { width:112px; height:29px; background:url(../images/layup/spriteUsedDetailDOM.jpg) no-repeat -102px 0; } #usedDetailSpec .tabset_tabs #tabCarSpec.active a { background:url(../images/layup/spriteUsedDetailDOM.jpg) no-repeat -102px -29px; } #usedDetailSpec .tabset_tabs #tabWarranty a { width:88px; height:29px; background:url(../images/layup/spriteUsedDetailDOM.jpg) no-repeat -214px 0; } #usedDetailSpec .tabset_tabs #tabWarranty.active a { background:url(../images/layup/spriteUsedDetailDOM.jpg) no-repeat -214px -29px; } #usedDetailSpec .tabset_content { width:365px; height:155px; background:#efefef; overflow:auto; } #usedDetailSpec .tabset_content .padding { padding:10px; } #usedDetailSpec .tabset_content table { width:365px; } #usedDetailSpec .tabset_content table tr { background:#efefef; } #usedDetailSpec .tabset_content table tr.alt { background:#fff; } #usedDetailSpec .tabset_content table tr td { height:27px; padding:0 0 0 5px; } .illustrative { width:200px; float:right; clear:both; } /* ----- SIMILAR VEHICLES ----- */ #similarVehicles { width:657px; margin:19px 0 0 0; } #similarVehicles .title { width:164px; margin:0 0 20px 0; height:14px; } #similarVehicles .box { width:177px; margin:0 63px 0 0; float:left; } #similarVehicles .end { margin:0; } #similarVehicles .box a { text-decoration:none; font-weight:normal; cursor:pointer; display:block; } #similarVehicles .box .model { width:177px; height:40px; font-weight:12px; font-weight:bold; background:url(../images/layup/dotsSquare.jpg) repeat-x bottom; margin:0 0 10px 0; display:block; } #similarVehicles .box .thumb { width:177px; height:131px; background:url(../images/layup/dotsSquare.jpg) repeat-x bottom; padding:0 0 19px 0; margin:0 0 14px 0; position:relative; display:block; } #similarVehicles .box .thumb .frame { position:absolute; top:0; left:0; } #similarVehicles .box .description { width:177px; display:block; } /* ----- CONTACT US PAGE ----- */ #contactArea {} #contactArea .box { width:653px; margin:0 0 21px 0; } #contactArea .box .title { width:653px; height:37px; } #contactArea .box .content { width:653px; background:url(../images/layup/contactBoxBg.jpg) no-repeat bottom; } #contactArea .box .padding { padding:9px 15px 25px 16px; display:block; } #contactArea .box #dealerImg { width:201px; height:217px; background:url(../images/layup/dotsSquare.jpg) repeat-x bottom; padding:8px 0 11px 8px; margin:0 0 14px 0; float:left; position:relative; } #contactArea .box #dealerImg .frame { position:absolute; top:0; left:0; } #contactArea .box #mapImg { width:386px; height:288px; padding:8px 8px 0 0; float:right; position:relative; } #contactArea .box #mapImg .frame { position:absolute; top:0; right:0; } #getDirections { width:201px; float:left; } #getDirections label { width:153px; } #getDirections input { width:148px; height:16px; border:1px solid #7f9db9; padding:2px 0 0 5px; } #getDirections #btnGo { width:41px; height:22px; border:none; margin:13px 0 0 0; float:right; } #contactInfo { width:274px; background:url(../images/layup/dotsSquareV.jpg) repeat-y right; padding:0 10px 0 6px; float:left; } #businessHours { width:305px; float:left; padding:0 0 0 20px; } #mainContent {} /* ----- CMS IMAGE ----- */ .cmsImage { margin:0px 0px 15px 15px; padding:8px 8px 0 0; position:relative; float:right; } .cmsImage .frame { position:absolute; right:0; top:0; z-index:999;} #cmsDetailOptions { width:296px; height:110px; margin:0 0 15px 15px; clear:right; float:right; } #cmsDetailOptions a { display:block; } #cmsDetailOptions span { display:none; } #cmsDetailOptions .service a { width:296px; height:55px; background:url(../images/layup/spriteServiceMot.jpg) no-repeat 0 0; } #cmsDetailOptions .service a:hover { background:url(../images/layup/spriteServiceMot.jpg) no-repeat 0 -110px; } #cmsDetailOptions .serviceAdvice a { width:296px; height:55px; background:url(../images/layup/spriteServiceMot.jpg) no-repeat 0px -55px; } #cmsDetailOptions .serviceAdvice a:hover { background:url(../images/layup/spriteServiceMot.jpg) no-repeat 0px -165px; } #cmsDetailOptions .bodyRepair a { width:296px; height:55px; background:url(../images/layup/spriteBodyRepair.jpg) no-repeat 0 0; } #cmsDetailOptions .bodyRepair a:hover { background:url(../images/layup/spriteBodyRepair.jpg) no-repeat 0px -110px; } #cmsDetailOptions .bodyRepairAdvice a { width:296px; height:55px; background:url(../images/layup/spriteBodyRepair.jpg) no-repeat 0px -55px; } #cmsDetailOptions .bodyRepairAdvice a:hover { background:url(../images/layup/spriteBodyRepair.jpg) no-repeat 0px -165px; } #cmsDetailOptions .parts a { width:296px; height:55px; background:url(../images/layup/spritePartsEnquiry.jpg) no-repeat 0 0; } #cmsDetailOptions .parts a:hover { background:url(../images/layup/spritePartsEnquiry.jpg) no-repeat 0px -110px; } #cmsDetailOptions .partsAdvice a { width:296px; height:55px; background:url(../images/layup/spritePartsEnquiry.jpg) no-repeat 0px -55px; } #cmsDetailOptions .partsAdvice a:hover { background:url(../images/layup/spritePartsEnquiry.jpg) no-repeat 0px -165px; } #cmsDetailOptions .quadBikes a { width:296px; height:55px; background:url(../images/layup/spriteQuadEnquiry.jpg) no-repeat 0 0; } #cmsDetailOptions .quadBikes a:hover { background:url(../images/layup/spriteQuadEnquiry.jpg) no-repeat 0px -110px; } #cmsDetailOptions .quadBikesAdvice a { width:296px; height:55px; background:url(../images/layup/spriteQuadEnquiry.jpg) no-repeat 0px -55px; } #cmsDetailOptions .quadBikesAdvice a:hover { background:url(../images/layup/spriteQuadEnquiry.jpg) no-repeat 0px -165px; } #cmsDetailOptions .finance a { width:296px; height:55px; background:url(../images/layup/spriteFinanceEnquiry.jpg) no-repeat 0 0; } #cmsDetailOptions .finance a:hover { background:url(../images/layup/spriteFinanceEnquiry.jpg) no-repeat 0px -110px; } #cmsDetailOptions .financeAdvice a { width:296px; height:55px; background:url(../images/layup/spriteFinanceEnquiry.jpg) no-repeat 0px -55px; } #cmsDetailOptions .financeAdvice a:hover { background:url(../images/layup/spriteFinanceEnquiry.jpg) no-repeat 0px -165px; } #cmsDetailOptions .recruitment a { width:296px; height:55px; background:url(../images/layup/spriteRecruitmentEnquiry.jpg) no-repeat 0 0; } #cmsDetailOptions .recruitment a:hover { background:url(../images/layup/spriteRecruitmentEnquiry.jpg) no-repeat 0px -110px; } #cmsDetailOptions .recruitmentAdvice a { width:296px; height:55px; background:url(../images/layup/spriteRecruitmentEnquiry.jpg) no-repeat 0px -55px; } #cmsDetailOptions .recruitmentAdvice a:hover { background:url(../images/layup/spriteRecruitmentEnquiry.jpg) no-repeat 0px -165px; } #fileList { width:296px; min-height:90px; margin:0 0 15px 15px; clear:right; float:right; background:url(../images/layup/fileListTop.gif) no-repeat top left; position:relative; } #fileList #fileListBottom {position:absolute; bottom:0px; } #fileList ul { margin-top:35px; margin-bottom:25px; } /* ----- GLOBAL CLASSES ----- */ .clear { clear:both; display: block; } .clearSmall { clear: both; display: block; height: 0; line-height: 0; font-size: 0; } .hide { display:none; } .show { display:block; } .printShow { display:none; } .printHide { display:block; } .float_left { float:left !important; } .float_right { float:right !important; } .align_left { text-align:left !important; } .align_center { text-align:center !important; } .align_right { text-align:right !important; } .align_justify { text-align:justify !important; } .align_bottom { vertical-align:bottom !important; } .image_right { float:right; margin:0 0 15px 15px; } .image_left { float:left; margin:0 15px 15px 0; } .image_center { margin:0 auto; } .hand { cursor:pointer; } .seo { text-decoration:none;font-weight:normal;} /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 10px 0; font-size:100%; font-weight:bold; } h1 { font-size:20px; font-family:tahoma, verdana, arial; font-weight:normal; } p { font-family:Verdana, Arial, Helvetica, sans-serif; padding:0 0 10px 0; margin:0; } .readMore a { font-weight:normal; text-decoration:none; background:#e5e5e5; padding:2px 4px 2px 4px; position:relative; top:15px; } /* ----- TOP NAVIGATION ----- */ #primaryNav { width:960px; height:56px; background:url(../images/layup/navBg.jpg) no-repeat; } #primaryNav ul { list-style: none; margin: 0; padding: 0; } #primaryNav li { background:url(../images/layup/navDivider.jpg) no-repeat right; float: left; } #primaryNav li.last { background:none; } #primaryNav li a { font-family:arial; text-decoration:none; color:#c90735; padding:20px 12px 22px 12px; display: block; float: left; } #primaryNav li a.first { padding:20px 15px 19px 15px; } #primaryNav li a:hover { color:#000; background:url(../images/layup/navHoverBg.jpg) no-repeat center bottom; } #primaryNav li a.active { color:#000; background:url(../images/layup/navHoverBg.jpg) no-repeat center bottom; } /* ----- 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 10px no-repeat; padding:6px 0 5px 15px;} /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #breadcrumbs { width:657px; height:20px; line-height:normal; background:url(../images/layup/dotsSquare.jpg) repeat-x bottom; padding:16px 0 0 0; margin:0 0 18px 0; } #breadcrumbs a { font-weight: normal; text-decoration: none; float: left; padding: 2px 5px 4px 0px; } #breadcrumbs .btnBack { float: right; padding: 0px; } .pagination { padding:5px 0 0 0; float: right; } .pagination a { font-weight:normal; padding:1px 4px 1px 4px; margin:0 -2px 0 -1px; text-decoration: none; } .pagination a:hover { text-decoration: none; background:#c90735; color:#fff; } .pagination .active { text-decoration: none; background:#c90735; color:#fff; } .pagination a span { font-weight:bold; padding:0; } /* ----- FOOTER ----- */ #footer { height:258px; margin-top:-258px; background:url(../images/layup/footerBg.jpg) no-repeat top center; } #footer #footerInner { width:960px; height:129px; color:#FFF; margin:0 auto; } #footer #footerInner .logo { width:157px; height:70px; margin:32px 0 0 13px; float:left; } #footer #footerInner .badge { width:117px; height:96px; margin:18px 0 0 0; float:right; } #footer #footerInner .padding { padding:35px 0 0 195px; } #footer #footerInner a { color:#FFF; font-weight:normal; text-decoration:none; } #footer #footerInner p { font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; padding:0 0 5px 0; } #footer #footerInner a:hover { text-decoration:underline; } #footer #footerInner #siteLinks { text-align:left; padding:10px 0 0; } #footer #footerInner #siteLinks .title { font-size:14px; font-weight:bold; color:#fff; } #footer #footerInner #siteLinks ul { list-style:none; border-right:2px solid #fff; margin:0; padding:0 15px; float:left; } #footer #footerInner #siteLinks ul.last { border:none; } /* ----- 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:130px; float:left; } input, textarea { width:138px; font-size:11px !important; border:1px solid #7f9db9; } textarea { width:198px; } .required {} .checkRadio { width:20px; position:relative; left:-7px;} #frmContact { padding:0 0 0 7px; margin-bottom:15px;} #frmContact p { padding:7px 0;} #frmContact select { width:148px; height:18px; border:1px solid #7f9db9; } #frmContact div { margin-bottom:10px;} #newsletterRadio label { width:440px; padding:4px 0 0 0; } #newsletterRadio .radios { width:106px; height:20px; background:url(../images/layup/radioBg.jpg) no-repeat; padding:0 0 0 5px; display:block; float:right; } #newsletterRadio .radios input { width:20px; border:none; } #submit { width:123px; height:31px; border:none;} /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #4544e4; color : #FF3300; } input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; } .validation-advice { width:auto; margin: 5px 0; padding: 5px; background-color: #e80f58; 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 select.multipleDrop { height:150px!important;} #promoForm .carSelects { padding-top:18px;} #promoForm .submitButton { margin:5px 0 20px 0;}