/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : Theo Gulland / theo.gulland@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for GSV Service site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ html { height: 100%; } body {height: 100%; font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background: #e5e5e5 url(../images/layup/bodyBg.jpg) no-repeat center top; 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:952px; margin:0 auto; text-align:left; font-size:110%; line-height: normal; min-height: 100%; } * html #container{height: 100%; } #printHeader { display:none;} #header { height: 138px; position: relative; background: url(../images/layup/headerBg.jpg) no-repeat} #header #logo { position: absolute; top: 24px; left: 26px; } #header #contactDetails { position: absolute; top: 23px; right: 260px; } #header #contactDetails .box {} #header #contactDetails .box p { padding:0; font-weight:bold; font-size:110%; color:#606060; text-align:right;} #searchHolder { position:absolute; top:25px; left:706px;} #searchHolder .searchGoBtn { width:63px; height:25px;} #searchHolderInput { width:156px; height:25px; background:url(../images/layup/headerSearchBg.gif) no-repeat; float:left;} #searchHolderInput input { width:117px; margin:4px 0px 0px 32px; background:none; border:none; color:#e6e6e6;} #homeJumpHolder { widows:952px; height:263px;} #homeJumpHolder .padding {padding:18px 0px 0px 0px;} #homeJumpHolder .box1 { float:left; padding:0px 0px 0px 15px;} #homeJumpHolder .box2 { float:left; padding:0px 0px 0px 13px; width:352px; height:263px; position:relative} #homeJumpHolder .box2 a { font-weight:normal; text-decoration:none;} #homeJumpHolder .box2 .titleHolder { position:absolute; top:21px; left:11px; z-index:100;} #homeJumpHolder .box2 .imageHolder { display:block; position:relative;padding:7px 0px 0px 10px; width:333px; height:248px; } #homeJumpHolder .box2 .imageHolder .image { display:block; } #homeJumpHolder .box2 .imageHolder .frame { position:absolute; top:-3px; left:0; display:block;} #homeJumpHolder .box2 .textHolder { background:url(../images/layup/homeOurSpecialOffersTextBg.png) no-repeat; width:295px; height:72px; display:block; position:absolute; z-index:101; top:160px; left:33px; padding:10px 12px 5px 12px;} #homeJumpHolder .box2 .textHolder .title { padding-bottom:2px; font-size:140%; font-weight:bold; display:block; text-transform:uppercase;} #homeJumpHolder .box2 .textHolder .text { line-height:160%; display:block} #homeJumpHolder .box2 .viewAll { position:absolute; bottom:28px; right:32px; z-index:102;} #page { background:url(../images/layup/pageMiddleBg.gif) repeat-y;} #pageInner { background:url(../images/layup/internalPageBg.jpg) top no-repeat; padding:27px 0px 0px 0px;} #pageInner .padding { padding:0px 28px 0px 28px;} .titlePicBox { padding:8px 0px 22px 0px;} #stayUpToDate { float:right; padding:13px 0px 18px 0px;} #manufacturersBox { float: none; padding: 0px 0px 0px 0px; font-weight:normal;} #manufacturersBox ul { padding: 0px; margin: 0px; list-style: none; } #manufacturersBox ul li { background:transparent url(../images/layup/iconGreyPointingRight.gif) no-repeat scroll right center; width: 285px; height:20px; float: left; padding:0; margin:0; } #manufacturersBox ul li a { display: block; padding:4px 10px 4px 0; text-decoration: none; font-weight: normal; width: 285px; float: left; } #manufacturersBox ul li a:hover { text-decoration: underline; } #textImageBox { padding:9px 0px 16px 0px;} .leftTitle560 {} .rightTitle368 { float:right; width:368px} .rightTitle267 { float:right;} #homeContactInfoHolder { width:322px; background: url(../images/layup/homeContactInfoMiddleBg.gif) repeat-y; margin:10px 0px 0px 0px;} #homeContactInfoHolder #homeContactInfoMiddle { padding:3px 14px 3px 14px;} #homeContactInfoHolder #homeContactInfoMiddle .left { float:left; width:139px;} #homeContactInfoHolder #homeContactInfoMiddle .right { float:right; width:139px;} #homeContactInfoHolder #homeContactInfoMiddle .boldTitle {background:url(../images/layup/homeContactInfoBoldTitleBg.gif) bottom repeat-x; padding:0px 0px 5px 0px;} #homeContactInfoHolder #homeContactInfoMiddle .boldTitle p {text-transform:uppercase; font-weight:bold; padding:0; margin:0;} #homeContactInfoHolder #homeContactInfoMiddle .addressHolder {width:114px; background:url(../images/layup/iconAddressBook.gif) top left no-repeat; padding:0px 0px 0px 25px; margin:6px 0px 0px 0px; min-height:86px;} #homeContactInfoHolder #homeContactInfoMiddle .addressHolder p { padding:0;} #homeContactInfoHolder #homeContactInfoMiddle .phoneHolder {width:114px; background:url(../images/layup/iconPhone.gif) top left no-repeat; padding:0px 0px 0px 25px; margin:6px 0px 0px 0px;} #homeContactInfoHolder #homeContactInfoMiddle .viewMapHolder {width:114px; background:url(../images/layup/iconViewMap.gif) top left no-repeat; padding:0px 0px 0px 25px; margin:6px 0px 0px 0px;} #homeContactInfoHolder #homeContactInfoMiddle .phoneHolder {width:114px; background:url(../images/layup/iconPhone.gif) top left no-repeat; padding:0px 0px 0px 25px; margin:6px 0px 0px 0px;} #homeContactInfoHolder #homeContactInfoMiddle .emailHolder {width:114px; background:url(../images/layup/iconEmail.gif) top left no-repeat; padding:0px 0px 0px 25px; margin:6px 0px 0px 0px;} #homeContactInfoHolder #homeContactInfoMiddle .getDirectionsHolder {width:114px; background:url(../images/layup/iconGetDirections.gif) top left no-repeat; padding:0px 0px 0px 25px; margin:6px 0px 0px 0px;} #testimonialContainer {} #testimonialContainer a { font-weight:normal; text-decoration:none;} .testimonialHolder { width:322px; background: url(../images/layup/homeTestimonialMiddleBg.gif) repeat-y; margin:10px 0px 0px 24px; display:block;} .testimonialHolder .padding { padding:3px 14px 3px 14px !important; display:block} .testimonialHolder .padding span { padding:0px 0px 5px 0px;} .testimonialHolder .padding .bigQuotation { padding:0px 11px 0px 0px; margin:0; background:url(../images/layup/iconQuotation.gif) no-repeat; height:12px; width:12px; display:block; float:left;} .testimonialHolder .padding .bigQuotation2 { padding:0px 11px 0px 0px; margin:0; background:url(../images/layup/iconQuotation2.gif) no-repeat; height:12px; width:12px; display:block; } .testimonialHolder .padding .name { float:right; padding:13px 0px 0px 0px;} .testimonialHolder .padding .name span { color:#848484; padding:0; font-style:italic;} .blueTitle { background:url(../images/layup/iconPointRight.gif) left no-repeat; padding:0px 0px 0px 18px; margin:0px 0px 13px 0px;} .blueTitle p { color:#1891bc; text-transform:uppercase; padding:0; font-weight:bold; font-size:110%;} .blueTitleTop {background:url(../images/layup/iconPointRight.gif) left no-repeat; padding:0px 0px 0px 18px; margin:0px 0px 13px 0px; width:288px; float:left;} .blueTitleTop p { color:#1891bc; text-transform:uppercase; padding:0; font-weight:bold; font-size:110%;} /* ----- LEFT COLUMN ----- */ #leftCol { float: left; width: 685px; } #leftCol .box {} #leftCol .usedCarSearch {} #leftCol .padding { padding:12px 38px 0px 32px;} #internalPageTitle { background:url(../images/layup/titleInternalPageTitleBg.gif) no-repeat; width:663px; height:48px;} #internalPageTitle .padding { padding:12px 0px 0px 27px;} #internalPic { position:relative; float:left; width:299px; height:229px; background:url(../images/layup/noImage.gif) no-repeat;} #internalPic #internalFrame { position:absolute; top:-12px; left:-12px;} #internalPic #internalFramedPic { width:275px; height:205px;} #internalPic #internalFramedPic #theFlash { position:absolute; top:0; left:0;} #newsListContainer { padding:16px 0px 0px 0px;} #newsListContainer a { text-decoration:none; font-weight:normal;} #newsListContainer .newsListHolder { width:626px; background:url(../images/layup/newsListPageBg.gif) right top no-repeat; padding:0px 0px 30px 33px; position:relative; display:block;} #newsListContainer .newsListHolder .left { float:left; width:210px; display:block;} #newsListContainer .newsListHolder .left .image {position:relative; display:block; width:187px; height:140px; background:url(../images/layup/noImageSmall.gif) no-repeat;} #newsListContainer .newsListHolder .left .frame { position:absolute; top:-9px; left:-11px; display:block} #newsListContainer .newsListHolder .left .framedImage {display:block;} #newsListContainer .newsListHolder .right { float:left; width:396px; display:block;} #newsListContainer .newsListHolder .right .title {padding:24px 0px 12px 0px; margin:0px 0px 12px 0px; background:url(../images/layup/newsListTitleBg.gif) repeat-x bottom; display:block;} #newsListContainer .newsListHolder .right .text { min-height:60px; display:block;} #newsListContainer .newsListHolder .right .text span { padding:0; display:block;} #newsListContainer .newsListHolder .right .readMore { position:relative; bottom:0px; right:-297px; width:80px; height:22px; display:block;} /* old new list container */ /* #newsListContainer { padding:16px 0px 0px 0px;} #newsListContainer a { text-decoration:none; font-weight:normal;} #newsListContainer .newsListHolder { width:626px; background:url(../images/layup/newsListPageBg.gif) right top no-repeat; padding:0px 0px 30px 33px; position:relative; display:block;} #newsListContainer .newsListHolder .left { float:left; width:232px; display:block;} #newsListContainer .newsListHolder .left .image { position:relative; float:left; display:block; width:215px; height:160px; background:url(../images/layup/noImageMedium.gif) no-repeat;} #newsListContainer .newsListHolder .left .frame { position:absolute; top:-10px; left:-12px; display:block;} #newsListContainer .newsListHolder .left .framedImage {display:block;} #newsListContainer .newsListHolder .right { float:left; width:377px; display:block;} #newsListContainer .newsListHolder .right .title {padding:24px 0px 12px 0px; margin:0px 0px 12px 0px; background:url(../images/layup/newsListTitleBg.gif) repeat-x bottom; display:block;} #newsListContainer .newsListHolder .right .text { min-height:80px; display:block;} #newsListContainer .newsListHolder .right .text span { padding:0; display:block;} #newsListContainer .newsListHolder .right .readMore { position:relative; bottom:0px; right:-297px; width:80px; height:22px; display:block;} */ #boxlistContainer { padding:14px 0px 0px 0px;} #boxlistContainer a { font-weight:normal; text-decoration:none; float:left; margin:0px 0px 32px 29px;} #boxlistContainer .boxlistHolder { width:188px; position:relative; float:left; display:block;} #boxlistContainer .boxlistHolder .title { background:#ffffff; display:block; padding:0px 11px 11px 11px;} #boxlistContainer .boxlistHolder .image { position:relative; display:block; width:187px; height:140px; background:url(../images/layup/noImageSmall.gif) no-repeat;} #boxlistContainer .boxlistHolder .frame { position:absolute; top:-9px; left:-11px; display:block} #boxlistContainer .boxlistHolder .framedImage { display:block} #boxlistContainer .boxlistHolder .details { position:absolute; bottom:8px; right:-11px; display:block} .contactUsBox { width:633px; background:url(../images/layup/contactUsBoxBg.gif) top no-repeat; margin:23px 0px 40px 27px;} .contactUsBox .left { float:left; padding:0px 0px 0px 15px;} .contactUsBox .right { float:right;} .contactUsBox .left .title { width:295px; background:url(../images/layup/contactUsTitleBg.gif) bottom repeat-x; padding:10px 0px 10px 0px; margin:0px 0px 13px 0px;} .contactUsBox .left .detailsBox { padding:0px 0px 10px 0px} .contactUsBox .left .detailsBox p { padding:0;} .contactUsBox .right .contactUsMapHolder { position:relative; width:300px; height:215px; top:-7px;} .contactUsBox .right .contactUsMapHolder .topFrame { position:absolute; top:-11px; left:-9px;} .contactUsBox .right .contactUsMapHolder .rightFrame { position:absolute; top:0; right:-12px;} .contactUsBox .right .contactUsMapHolder .bottomFrame { position:absolute; bottom:-13px; left:-10px;} .contactUsBox .right .contactUsMapHolder .leftFrame { position:absolute; top:3px; left:-15px;} .contactUsBox .right .contactUsMapHolder .map {} .contactUsBox .right .contactUsMapHolder .map div { } .contactUsBox .right .contactUsMapHolder .map .googleMap { width:300px !important; height:215px !important;} .contactUsBox .getDirections { padding:14px;} .contactUsBox .getDirections input { width:103px; margin-right:19px;} .contactUsBox .getDirections .submit { width:96px !important; height:22px !important; margin-right:68px !important;} .contactUsEnquiry { width:634px; background:url(../images/layup/contactUsBoxBg.gif) top no-repeat; margin:0px 0px 0px 27px} .contactUsEnquiry.internal { margin:0 !important; width:615px; background:url(../images/layup/contactUsBoxInternalBg.gif) top no-repeat !important;} .contactUsEnquiry.internal label { width:20px;} .contactUsEnquiry .title {background:url(../images/layup/contactUsTitleBg.gif) bottom repeat-x; padding:10px 0px 10px 0px; margin:0px 14px 13px 14px;} .contactUsEnquiry .left { float:left; width:110px; padding:0px 0px 0px 0px} .contactUsEnquiry .left label { width:43px; text-align:right; padding:0px 8px 0px 0px; font-weight:bold;} .contactUsEnquiry .left select { width:56px !important;} .contactUsEnquiry .right { float:left; width:510px; margin:0px 0px 0px 4px;} .contactUsEnquiry .right label { width:65px; text-align:right; padding:0px 8px 0px 0px; font-weight:bold;} .contactUsEnquiry .right input { width:176px;} .contactUsEnquiry .right textarea { width:429px;} .contactUsEnquiry .rightInternal { float:left; width:500px; margin:0px 0px 0px 4px;} .contactUsEnquiry .rightInternal label { width:65px; text-align:right; padding:0px 8px 0px 0px; font-weight:bold;} .contactUsEnquiry .rightInternal input { width:167px !important;} .contactUsEnquiry .rightInternal textarea { width:411px !important;} .contactUsEnquiry .specialOffter { float:left; width:433px;} .contactUsEnquiry .specialOffter label { width:282px; padding:0px 0px 0px 14px;} .contactUsEnquiry .submit { float:right; width:70px; padding:0px 6px 0px 0px;} .contactUsEnquiry .submit input { width:63px; height:23px; } #homeManTableHolder { padding:10px 0px 0px 0px;} #homeManTableHolder .colSection { width:164px; float:left; padding:0px 0px 0px 0px; margin:0px 10px 0px 0px;} #homeManTableHolder .colSection.end { margin:0;} #homeManTableHolder .colSection .middle { padding:0px 8px 0px 8px; background:url(../images/layup/homeManTableMiddleBg.gif) repeat-y;} #homeManTableHolder .colSection .middle a { text-decoration:none; font-weight:normal;} #homeManTableHolder .colSection .middle a:hover { text-decoration:underline;} #homeManTableHolder .colSection .middle .title { background:url(../images/layup/bitBg.gif) repeat-x bottom; padding:0px 0px 7px 0px !important; } #homeManTableHolder .colSection .middle .title a {font-weight:bold !important; } #homeManTableHolder .colSection .middle ul { margin:0; padding:0; list-style:none;} #homeManTableHolder .colSection .middle li { background:url(../images/layup/iconGreyPointingRight.gif) right center no-repeat; padding:4px 10px 4px 0px; } /* ----- RIGHT COLUMN ----- */ #rightCol { float: right; width: 267px; } #mainImage { height: 170px; } #mainContent {} #mainContent .padding { padding: 0px 0px 0px 0px; } #internalJumpHolder { padding:4px 0px 0px 14px;} #internalJumpHolder .box { width:236px; padding:0px 0px 4px 0px;} /* ----- CMS IMAGE ----- */ .internalImage { float: right; margin: 0px 0px 15px 15px; } .internalImage img {} /* ----- LIST ----- */ #list {} #list .listItem {} #list .listItem a {} #list .listItem .thumb {} #list .listItem .thumb .frame {} #list .listItem .title {} #list .listItem .description {} #list .listItem .btn {} /* ----- BOX LIST ----- */ #boxList {} #boxList .box {} #boxList .box a {} #boxList .box .thumb {} #boxList .box .thumb .frame {} #boxList .box .title {} /* ----- 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;} .ieLinkFix { background: url(../images/layup/ie6LinkFix.gif); } /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;} .lightGrey { color:#afafaf;} .whiteBigCap { font-size:110%; color:#FFFFFF; text-transform:uppercase; font-size:120%; font-weight:bold;} .listTitleBlue { padding:0; color:#1891bc; font-weight:bold; font-size:110%; text-transform:uppercase;} .boxlistTitle { color:#1891bc; font-weight:bold; font-size:100%; text-transform:uppercase;} .blueTitleText { color:#0d95c4; font-size:110%; padding:0; font-weight:bold;} .bold { font-weight:bold;} /* ----- TOP NAVIGATION ----- */ #primaryNav { margin: 70px 0px 10px 0px; float:right; background:url(../images/layup/navMiddleBg.gif) repeat-x; position:relative;} #primaryNav .bit { position:absolute; top:40px; right:0;} #primaryNav ul { list-style: none; margin: 0px; padding: 0px; height: 33px;} #primaryNav li { padding: 0px; margin: 0px; float: left; background:url(../images/layup/navDivider.gif) right no-repeat;} #primaryNav li a { display: block; text-decoration: none; padding: 14px 14px 14px 14px; color: #FFFFFF; font-size:110%;} #primaryNav li a:hover, #primaryNav li.active a { color: #026380; } #primaryNav #nav { float:left;} #primaryNav li.end { background:none !important;} /* ----- SECONDARY NAVIGATION ----- */ #secondaryNav { padding:5px 0px 15px 22px;} #secondaryNav ul { list-style: none; margin: 0; padding:0;} #secondaryNav li { width:217px; background:url(../images/layup/secondaryNavBg.gif) repeat-y; margin:0px 0px 1px 0px; border-bottom:1px #c8c6c6 solid; border-right:1px #d6d6d6 solid; display:block; float:left;} #secondaryNav li a { text-decoration: none; color:#5a5a5a; font-weight:normal; display:block; float:left; } #secondaryNav li a span { display: block; padding:9px 19px 9px 12px; width: 186px; background: url(../images/layup/iconGreyPointingRight.gif) 200px center no-repeat; } #secondaryNav li a:hover, #secondaryNav li.active { background:url(../images/layup/secondaryNavActiveBg.gif) repeat-y; } #secondaryNav .firstItem { border: none; background: url(../images/layup/secondaryNavFirstItem.gif) no-repeat top left; width: 218px;} #secondaryNav .firstItem.active, #secondaryNav .firstItem:hover { border: none; background: url(../images/layup/secondaryNavFirsttItemActive.gif) no-repeat top left; width: 218px; } #secondaryNav .lastItem { border: none; background: url(../images/layup/secondaryNavLastItem.gif) no-repeat bottom left; width: 218px; } #secondaryNav .lastItem.active, #secondaryNav .lastItem:hover { border: none; background: url(../images/layup/secondaryNavLastItemActive.gif) no-repeat bottom left; width: 218px; } /* ----- 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 { height:21px; width:550px; float:left; text-transform:uppercase; padding:9px 0px 0px 26px;} #breadcrumbs a { text-transform:uppercase; text-decoration:none; float:left; } #breadcrumbs a:hover {text-decoration:underline} #pagination { float: right; height:21px; padding:9px 26px 0px 0px; text-align:right;} #pagination img { display:inline;} #pagination a { padding: 0px 4px 0px 4px; text-decoration: none; text-transform:uppercase;} #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; } #pagination li { list-style:none; display:inline;} #pagination .back { float:left;} #pagination .padding { float:left; padding:0px 64px 0px 0px;} .pointLeft { float:left; padding:0px 5px 0px 5px} .pointRight { float:left; padding:0px 5px 0px 5px} /* ----- FOOTER ----- */ #footer { background:url(../images/layup/footerBg.gif) repeat-x; height:108px; margin-top: -108px;} #footer p { color:#FFFFFF; padding:0px 0px 4px 0px;} #footer a { color:#FFFFFF; text-decoration:none; font-weight:normal;} #footer span { color:#FFFFFF;} #footer a:hover { text-decoration:underline;} #footer .container { width:952px; margin:0 auto;} #footer .container .padding { padding:20px 26px 0px 26px;} #footer .container .padding .left { float:left; width:478px; text-align:left; } #footer .container .padding .left #clientLoggin { background:url(../images/layup/iconClientLogin.gif) center left no-repeat; padding:7px 0px 9px 23px; display:block;} #footer .container .padding .right { float:right; width:322px; text-align:right; padding:32px 0px 0px 0px;} /* ----- GLOBAL ----- */ img { display:block; border:0; } p { padding:0 0 15px 0; margin: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: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 { width:55px; height:18px; 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 { margin: 5px 0; width:452px; padding: 5px; background-color: #4544e4; color : #FFF; font-weight: bold; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } /* ----- STOCK UPDATES FORM ----- */ #promoForm { padding:12px 0 0 19px; } #promoForm .signupBoxes { margin-bottom:20px; margin-top:10px;} #promoForm .signupBoxes label { float:left; width:450px; position:relative; top:4px;} #promoForm .signupBoxes input { float:left; width: 14px; margin-right: 10px;} #promoForm select { width:125px !important; margin-bottom: 10px; display:block; margin-right:15px;} #promoForm .carSelects { padding-top:18px;} #promoForm .submitButton { margin:5px 0 20px 0;} /* ----- DOMTABS ----- */ .domTabs { padding-bottom: 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; }