/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : Chris Munn / chris.munn@gforces.co.uk / G-Forces Web Management Ltd Author : James Greenwood / james.greenwood@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for Hills Self Store - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ html { height: 100%; } body { height: 100%; font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#ffffff url(../images/layup/bg.jpg) repeat-x; color:#000000; text-align:center; } /* This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text. Declaring the font size in pixels makes it more consistent across browsers. */ td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; } html>body textarea, html>body input, html>body select { font-size:11px; } /* some browsers don't inherit the font into tables or textareas! */ /* ----- IDS ----- */ #container { min-height: 100%; width: 960px; margin:0 auto; text-align:left; font-size:110%; line-height: normal; background: url(../images/layup/containerBg.jpg) no-repeat left top; position:relative; } * html #container { height: 100%; } #printHeader { display:none;} /* ----- HEADER ----- */ #header { height: 100px; position: relative; z-index: 9; } #header #logo { position: absolute; top: 15px; left:0; } #header #contactDetails { position: absolute; top:50px; right: 0px; width: 494px; } #header #contactDetails img { float: left; } #header #badge { position: absolute; top: 37px; right: 0px; } /* header tabs */ #header #headerTabs { float: right; } #header #headerTabs img { float: left; } #header #headerTabs #divDropdown { position: absolute; top: -2px; right: 7px; width: 246px; height: 289px; background: url(../images/layup/headerTabDivBg.png) no-repeat; z-index: 9999; } * html #headerTabs #divDropdown { background: url(../images/layup/headerTabDivBg.gif) no-repeat !important; } #header #headerTabs #dropDownClose { background: url(../images/layup/ie6LinkFix.gif); cursor: pointer; width: 153px; height: 30px; position: absolute; top: 0px; right: 0px; z-index: 999; } #header #headerTabs #divDropdown ul { padding: 45px 17px 0px 17px; margin: 0px; list-style: none; } #header #headerTabs #divDropdown ul li { padding: 0px 0px 3px 0px; margin: 0px 0px 10px 0px; height: 48px; background: url(../images/layup/dropdownListSeperator.gif) no-repeat bottom left; } #header #headerTabs #divDropdown ul li.noBg { background: none; } #header #headerTabs #divDropdown ul li a { display: block; text-decoration: none; color: #8e8e8e; font-size: 10px; } #header #headerTabs #divDropdown ul li a img { float: none; margin-bottom: 4px; } /* ----- RENTAL VEHICLES SEARCH ----- */ #rentalVehicleSearch { width:322px; height:222px; font-size:12px; color:#5d5d5d; background:url(../images/layup/rentalVehiclesSearchBg.jpg) no-repeat; margin:-1px 0 23px -11px; float:left; } #rentalVehicleSearch .padding { padding:70px 20px 0 26px; } #rentalVehicleSearch form { padding:12px 0 0 0; } #rentalVehicleSearch form div { margin:0 0 5px 0; } #rentalVehicleSearch label { width:100px; font-size:11px; } #rentalVehicleSearch select { width:172px; height:19px; font-size:11px; color:#000; } #rentalVehicleSearch #advancedSearch { width:150px; float:left; display:block; } #rentalVehicleSearch #advancedSearch a { font-size:11px; color:#00234f; padding:12px 0 0 0; display:block; } #rentalVehicleSearch #submit { width:79px !important; height:24px !important; margin:9px 0 0 0; float:right; } #mainImg { width:628px; height:198px; margin:10px 0 23px 0; float:right; position:relative; z-index: 1; } #mainImg .frame { position:absolute; top:-6px; left:-6px; } /* ----- LEFT COLUMN ----- */ #leftCol { float: left; width: 303px; color: #767676; } #leftCol .box { padding: 0px 6px 0px 3px; position: relative; margin-bottom: 6px; } #leftCol .box.stockUpdates { padding: 3px 0px 0px 0px !important; } #leftCol .box.large { background: url(../images/layup/boxBg.jpg) no-repeat; width: 300px; height: 227px; } #leftCol .box .padding { padding: 23px 16px 0px 16px; } /* company news */ #leftCol .newsItem {} #leftCol .newsItem .newsHeading { font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 12px 0px 0px 0px; } #leftCol .newsItem .newsDate { font-size: 9px; text-transform:uppercase; padding: 0px 0px 12px 0px; } #leftCol .newsItem .newsContent {} #leftCol .newsItem .newsMore a { color:#3296b8; font-weight: normal; text-decoration: none; } #leftCol .newsItem .padding { padding: 0px 0px 10px 0px; height: 122px; } #leftCol #newsButtons { } #leftCol #newsButtons #newsPrevNext { width: 128px; float: right; } #leftCol #newsButtons #newsPrevNext a { display: block; float: left; } #leftCol #newsButtons #newsPrevNext #currentItem { width: 49px; height: 24px; float: left; background: url(../images/layup/newsCurrent.gif) no-repeat; color: #FFF; font-weight: bold; font-size: 13px; } #leftCol #newsButtons #newsPrevNext #currentItem div { padding: 4px 0px 0px 0px; text-align: center; } /* contact us */ #leftCol #contactUs {} #leftCol #contactUs a { font-weight:normal; color:#4294b0; } #leftCol #contactUs p { font-size:11px; } #leftCol #contactUs .subTitle { padding:12px 0 10px 0; } #leftCol #contactUs .leftCol { width:120px; padding:0 0 5px 0; float:left; } #leftCol #contactUs .rightCol { width:148px; padding:0 0 5px 0; float:right; } #leftCol #contactUs .postcodeSearch { width:122px; border:1px solid #dbdbdb; height:18px; padding:4px 0 0 5px; float:left; } #leftCol #contactUs .btn { width:130px; height:24px; float:right; } /* ----- RIGHT COLUMN ----- */ #rightCol { width:636px; float:right; } #rightCol #homeJumps { width:636px; height:117px; margin:0 -4px 24px 0; float:right; } #rightCol #homeJumps a { display:block; } #rightCol #homeJumps div { float:left; } #rightCol #homeJumps span { display:none; } #rightCol #homeJumps .cars a { width:93px; height:117px; background:url(../images/layup/spriteHomeJumps.jpg) no-repeat 0 0; } #rightCol #homeJumps .cars a:hover { background:url(../images/layup/spriteHomeJumps.jpg) no-repeat 0 -117px; } #rightCol #homeJumps .fourByFour a { width:89px; height:117px; background:url(../images/layup/spriteHomeJumps.jpg) no-repeat -93px 0; } #rightCol #homeJumps .fourByFour a:hover { background:url(../images/layup/spriteHomeJumps.jpg) no-repeat -93px -117px; } #rightCol #homeJumps .mpvsMinibuses a { width:90px; height:117px; background:url(../images/layup/spriteHomeJumps.jpg) no-repeat -182px 0; } #rightCol #homeJumps .mpvsMinibuses a:hover { background:url(../images/layup/spriteHomeJumps.jpg) no-repeat -182px -117px; } #rightCol #homeJumps .towing a { width:91px; height:117px; background:url(../images/layup/spriteHomeJumps.jpg) no-repeat -272px 0; } #rightCol #homeJumps .towing a:hover { background:url(../images/layup/spriteHomeJumps.jpg) no-repeat -272px -117px; } #rightCol #homeJumps .vansTrucks a { width:90px; height:117px; background:url(../images/layup/spriteHomeJumps.jpg) no-repeat -363px 0; } #rightCol #homeJumps .vansTrucks a:hover { background:url(../images/layup/spriteHomeJumps.jpg) no-repeat -363px -117px; } #rightCol #homeJumps .trailers a { width:90px; height:117px; background:url(../images/layup/spriteHomeJumps.jpg) no-repeat -453px 0; } #rightCol #homeJumps .trailers a:hover { background:url(../images/layup/spriteHomeJumps.jpg) no-repeat -453px -117px; } #rightCol #homeJumps .vehicleTransport a { width:93px; height:117px; background:url(../images/layup/spriteHomeJumps.jpg) no-repeat -543px 0; } #rightCol #homeJumps .vehicleTransport a:hover { background:url(../images/layup/spriteHomeJumps.jpg) no-repeat -543px -117px; } #rightCol #backButton { float: right; width: 68px; height: 29px; padding: 10px 3px 0px 0px; } #rightCol .pageText { padding: 0px 0px 10px 0px; margin: 0px 0px 20px 0px; border-bottom: 1px solid #dfdfdf; } /* ----- OFFERS FORM ----- */ #offerForm { width:306px; height:556px; background:url(../images/layup/offerFormBg.jpg) no-repeat left top; margin:5px 0 0 15px; float:right; clear:both; } #offerForm p { font-size:16px; text-align:center; padding:60px 0 10px 0; } #offerForm span { font-size:21px; font-weight:bold; color:#eeb210; } #offerForm form { padding:20px 17px 0 18px; } #offerForm form div { margin:0 0 10px 0; float:left; } #offerForm label { width:60px; font-size:12px; color:#8c8c8c; font-weight:bold; padding:3px 10px 0 0; } #offerForm input { width:186px; height:18px; color:#000; border:1px solid #eaeaea; padding:5px 0 0 5px; float:right; } #offerForm select { width:186px !important; color:#000; border:1px solid #eaeaea; padding:5px 0 0 5px; float:right; } #offerForm textarea { width:186px; height:58px; color:#000; border:1px solid #eaeaea; padding:5px 0 0 5px; float:right; } #offerForm #submit { width:82px; height:29px; border:none; float:right; } /* ----- NEWS LISTING ----- */ /* news options at top of list */ #newsListOptions { width: 636px; height: 64px; margin-bottom: 5px; background: url(../images/layup/usedListOptionsBg.jpg) no-repeat; color: #747474; } #newsListOptions a { color: #747474; text-decoration: none; } #newsListOptions img { display: inline; position: relative; top: 2px; } #newsListOptions .padding { padding: 25px 25px 0px 25px; } #newsListOptions #newsListPages a, #newsListOptions #newsListPages .btn { color: #349ab8; padding: 0px 4px 0px 4px; } #newsListOptions #newsListPages a.active { color: #747474; } #newsListOptions #newsListPages span { font-size:12px; padding:0 240px 0 0; } #newsListOptions #sortOptions { float: right; width: 195px; height: 22px; } #newsListOptions #sortOptions label { width: 55px; float: left; } #newsListOptions #sortOptions select { width: 140px; float: left; color: #349ab8; position: relative; top: -3px; } /* news list */ #newsList { width: 636px; } #newsList .listItem { background: url(../images/layup/usedItemBg.jpg) top left no-repeat; width: 636px; margin-bottom: 10px; } #newsList .itemImage { position: relative; width: 247px; padding: 9px 1px 6px 4px; float: left; } #newsList .itemImage .frame { position: absolute; z-index: 999; top: 0px; left: 0px; } #newsList .itemImage .cmsImage { width: 247px; height: 185px; float: none; margin: 0px; display: block; position: relative; z-index: 1; background: url(../images/layup/noImage247x185.jpg) no-repeat; } #newsList .itemDetails { width: 366px; float: left; font-size: 12px; color: #767676; padding: 28px 5px 0px 13px; } #newsList .itemDetails .itemHeading { font-size: 14px; text-transform:uppercase; font-weight:bold; padding-bottom: 5px; } #newsList .itemDetails .itemDateTime { font-size:9px; padding:0 0 10px 0; } #newsList .itemDetails .itemDescription { font-size:11px; } #newsList .itemDetails .buttons { float: right; width: 229px; padding: 15px 10px 0px 0px; } #newsList .itemDetails .buttons img { float:right; padding-left: 7px; } /* ----- CONTACT US PAGE ----- */ #contactInfo {} #contactInfo .leftCol { width:304px; float:left; } #contactInfo .rightCol { width:311px; float:right; } #contactInfo .green { color:#217492; } #contactForms { padding: 0px 0px 15px 0px; } #contactForms .mapContainer { width: 311px; height: 238px; background: url(../images/layup/mapBg.jpg) no-repeat; margin:0 0 10px 0; } #contactForms .map { width: 311px; height: 182px; position: relative; } #contactForms .map .mapSide1 { position: absolute; top: 0px; left: 0px; } #contactForms .map .mapSide2 { position: absolute; top: 0px; left: 294px; } #contactForms .mapPostcode { width: 155px !important; color: #818181; font-size: 12px; } #contactForms .mapOptions { padding: 22px 20px 0px 18px; } #contactForms .mapOptions a { display: block; float: right; position: relative; top: -2px; } #contactForms .addressTimes { padding: 20px 15px 15px 15px; } #contactForms .addressTimes .telFax { color: #217492; float: right; } #contactForms .formText { height: 20px; padding: 16px 0px 16px 0px; } #contactForms #contactMalvern { width: 311px; float: left; } #contactForms #contactKidderminster { width: 311px; float: right; } /* ----- DIRECTIONS PAGE ----- */ #rightCol #contactUsDirections {} #rightCol #contactUsDirections a { font-weight:normal; color:#4294b0; } #rightCol #contactUsDirections p { font-size:11px; } #rightCol #contactUsDirections .subTitle { padding:12px 0 10px 0; } #rightCol #contactUsDirections .leftCol { width:120px; padding:0 0 5px 0; float:left; } #rightCol #contactUsDirections .rightCol { width:140px; padding:0 0 5px 0; float:right; } #rightCol #contactUsDirections .postcodeSearch { width:122px; border:1px solid #dbdbdb; height:18px; padding:4px 0 0 5px; float:left; } #rightCol #contactUsDirections .btn { width:130px; height:24px; float:right; } /* ----- BOXLIST ----- */ #boxList {} #boxList .listItem { width: 202px; height: 228px; background: url(../images/layup/boxListBg.jpg) no-repeat; float: left; margin-right: 15px; margin-bottom: 15px; } #boxList .listItem.lastItem { margin-right: 0px; } #boxList .listItem a { text-decoration: none; font-weight: normal; display: block; position: relative; height: 220px; } #boxList .listItem .itemHeading { display: block; color: #797979; font-size: 12px; font-weight: bold; height: 27px; padding: 16px 0px 0px 15px; text-transform: uppercase; } #boxList .listItem .listImage { display: block; padding: 0px 0px 0px 3px; width: 195px; height: 146px; background: url(../images/layup/noImage195x146.jpg) 3px 0px no-repeat; } #boxList .listItem .listImage .frame { position: absolute; top: 173px; left: 182px; } /* ----- CMS IMAGE ----- */ .cmsImage { float: right; margin: 0px 0px 15px 15px; position: relative; } .cmsImage .frame { position: absolute; top: -9px; left: -4px; } /* ----- INTERNAL FORMS ----- */ .formContainer { width: 311px; background: url(../images/layup/formBg.jpg) repeat-y; } .formContainer .formBackground { background: url(../images/layup/formBgTop.jpg) no-repeat top left; } .formContainer .formBackground .padding { background: url(../images/layup/formBgBottom.jpg) no-repeat bottom left; min-height: 380px; padding: 21px 18px 0px 18px; } .formContainer .formHeading { font-weight: bold; font-size: 16px; color: #3296b8; text-transform: uppercase; height: 31px; } .formContainer .addresses { font-size: 14px; color: #000; padding-top: 13px; padding-bottom: 12px; } .formContainer .addresses span { font-size: 18px; color: #eeb210; font-weight: bold; display: block; } .formContainer .addresses .address2 { float: right; } .formContainer label { color: #8c8c8c; font-size: 12px; width: 65px; } .formContainer div.formElement { margin-bottom: 10px; } .formContainer .formFields { padding: 20px 0px 0px 0px; } /* offer form */ .offerForm { float: right; margin: 0px 0px 15px 15px; } /* ----- OFFER LIST ----- */ #offerList {} #offerList a { display: block; text-decoration: none; margin: 0px 0px 10px 0px; } /* ----- 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; } .tabset_print { display: none; } .float_left { float:left !important; } .float_right { float:right !important; } .align_left { text-align:left !important; } .align_center { text-align:center !important; } .align_right { text-align:right !important; } .align_justify { text-align:justify !important; } .align_bottom { vertical-align:bottom !important; } .image_right { float:right; 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-family: Helvetica, Arial, sans-serif; font-size: 30px; color: #349ab8; font-weight: bold; padding-top: 10px; } h2 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #349ab8; font-weight: bold; } h3 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #eeb210; font-weight: bold; } h4 { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #349ab8; font-weight: bold; padding-bottom: 0px; } p { font-size:12px; color:#000; padding:0 0 10px 0; margin:0; } p.subText { color: #000; font-weight: bold; font-size: 14px; font-family: Helvetica, Arial, sans-serif; } p.subText .nowPrice { font-size: 20px; color: #eeb210; padding-left: 10px; } /* ----- TOP NAVIGATION ----- */ #primaryNav { width: 960px; height:57px; background: url(../images/layup/primaryNavBg.jpg) no-repeat; } #primaryNav ul { list-style: none; margin: 0; padding: 0; } #primaryNav li { float: left; background: url(../images/layup/primaryNavSpacer.gif) no-repeat right 18px; } #primaryNav li.lastItem { background: none; } #primaryNav li a { display: block; float: left; text-decoration: none; font-weight: normal; font-size: 12px; } #primaryNav li a span { height: 14px; display: block; float: left; padding: 21px 22px 12px 21px; background: url(../images/layup/primaryNavArrow.gif) no-repeat center 41px; } #primaryNav li a.active, #primaryNav li a:hover { background: url(../images/layup/primaryNavActive.gif) no-repeat top center; color: #002e47; } /* ----- SECONDARY NAVIGATION -----*/ #secondaryNav { width:302px; background:url(../images/layup/secondaryNavBg.jpg) repeat-y; overflow:hidden; margin:2px 0 0 0; } #secondaryNav ul { width:302px; min-height:200px; background:url(../images/layup/secondaryNavTopBg.jpg) no-repeat; margin:0; padding:50px 0 0 0; } #secondaryNav ul li { padding:0; margin:0; list-style:none; background:url(../images/layup/secondaryNavDivider.jpg) no-repeat 15px top; } #secondaryNav ul li a { font-weight:bold; color:#939393; text-transform:uppercase; font-size:1.2em; text-decoration:none; display:block; padding:12px 0 12px 15px; } #secondaryNav ul li a:hover { color:#FFF; background:url(../images/layup/secondaryNavHover.jpg) no-repeat 272px center #023458; } #secondaryNavBottom { width:302px; height:24px; background:url(../images/layup/secondaryNavBottomBg.jpg) no-repeat; margin:0 0 5px 0; } /* ----- 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: 46px; color: #FFF; font-size: 11px; background: url(../images/layup/breadCrumbsEnd.gif) no-repeat top right; margin: 10px 0px 0px 0px; padding: 0px 14px 0px 0; float: left; } #breadcrumbs a { font-weight: normal; text-decoration: none; float: left; color: #FFF; display: block; background: url(../images/layup/breadcrumbsBg.gif) no-repeat; } #breadcrumbs a.end { background: url(../images/layup/breadcrumbsItemBg.jpg) repeat-x; } #breadcrumbs span { display: block; float: left; padding: 7px 10px 8px 10px; } #breadcrumbs span.spacer { width: 12px; height: 36px; background: url(../images/layup/breadcrumbSpacer.gif) no-repeat; padding: 0px; } #breadcrumbs span.currentItem { color: #eeb210; background: url(../images/layup/breadcrumbsItemBg.jpg) repeat-x; font-weight: bold; padding-right:0; } .btnBack { float: right; padding: 0px; } #pagination { float: right; } #pagination a { padding: 0px 4px 0px 4px; text-decoration: none; } #pagination a:hover { text-decoration: none; background:#000000; color:#FFFFFF; } #pagination .active { text-decoration: none; background:#000000; color:#FFFFFF; } #pagination span { display: block; float: left; padding: 0px 2px 0px 2px; } /* ----- FOOTER ----- */ #footer { height: 204px; background: url(../images/layup/footerBg.jpg) repeat-x; margin-top: -204px; color: #8e8e8e; font-size: 11px; } #footer .padding { width: 966px; margin:0 auto; text-align:left; } #footer p { font-size:11px; } #footer a { font-weight:normal; text-decoration:none; color: #8e8e8e; } #footer a:hover { text-decoration:underline;} #footer #footerJumps { width: 966px; } #footer #footerJumps a { float: left; display: block; text-decoration: none; color: #8e8e8e; margin-bottom: 20px; } #footer #footerJumps a .jumpPadding { display: block; padding: 60px 16px 0px 16px; } #footer #footerJumps a .jumpPadding .visitSite { color: #3296b8; text-decoration: underline; float: right; } #footer #footerJumps #footerJumpAutomotive { width: 243px; background: url(../images/layup/footerJumpAutomotiveBg.gif) no-repeat; } #footer #footerJumps #footerJumpFord { width: 239px; background: url(../images/layup/footerJumpFordBg.gif) no-repeat; } #footer #footerJumps #footerJumpSelfStore { width: 242px; background: url(../images/layup/footerJumpSelfStoreBg.gif) no-repeat; } #footer #footerJumps #footerJumpBrookhire { width: 242px; background: url(../images/layup/footerJumpBrookhireBg.gif) no-repeat; } #footer #companyInfo { padding: 0px 16px 0px 16px; } /* ----- GLOBAL ----- */ img { display:block; border:0; } address { font-style:normal; } /* ----- LINKS ----- */ a { color:#000000; font-weight:bold; text-decoration:underline;cursor:pointer; } #mainContent a { color: #349ab8; } 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:#0033FF;} .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, .submit { width:82px !important; height:29px !important; border:none; float: right;} /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #4544e4; color : #FF3300; } input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; } .validation-advice { margin: 5px 0; width:230px; padding: 5px; background-color: #eeb210; color : #FFF; font-weight: bold; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } /* ----- STOCK UPDATES FORM ----- */ #promoForm { padding:12px 0 0 19px; } #promoForm .signupBoxes { margin-bottom:20px; margin-top:10px;} #promoForm .signupBoxes label { float:left; width:450px; position:relative; top:4px;} #promoForm .signupBoxes input { float:left; width: 14px; margin-right: 10px;} #promoForm select { width:125px !important; margin-bottom: 10px; display:block; margin-right:15px;} #promoForm .carSelects { padding-top:18px;} #promoForm .submitButton { margin:5px 0 20px 0;}