/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : CSS Author : Chris Munn / chris.munn@gforces.co.uk / G-Forces Web Management Ltd PHP Author : Marlon King / marlon.king@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet xxxxxxxxxxxxxxxxxxxxxxxxxxxxx site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { font:62.5%/1.6 verdana, arial, helvetica, sans-serif; margin:0; padding:0; background:#ffffff; text-align:center; color: #2f2f2f; } /* 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: 899px; margin:0 auto; text-align: left; font-size: 110%; } #printHeader { display:none;} #header, #mainContent, #primaryNavigation, #footer { display: block; float: left; width: 899px; clear: both; } #header { background-color: #00634e; color: #313131; margin-bottom: 5px; } #mainContent { background: url(../images/layup/contentBg.gif); background-repeat: repeat-y; background-position: top left; } #primaryNavigation { background: url(../images/layup/dottedLineHorizontal.gif); background-repeat: repeat-x; background-position: bottom left; } #date { width: 150px; font-weight: bold; font-size: 1em; float: left; } #dateContainer { padding: 1px 0px 0px 13px; } #secondaryNavigation { width: 150px; float: left; } #primaryContent { width: 611px; float: left; display: block; color: #2f2f2f; font-size: 0.9em; } /*#primaryContent { margin-left: 150px; margin-right: 138px; float: left; } */ #primaryContentContainer { padding: 1px 0px 0px 2px; display: block; } #skyScraper { width: 138px; float: left; } #skyScraperContent { padding: 0px 0px 0px 2px; } #tickerContainer { background: url(../images/layup/tickerBg.jpg); background-position: top left; background-repeat: no-repeat; height: 31px; } #ticker { padding: 7px 0px 0px 90px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1em; } #splash { padding-bottom: 2px; background: url(../images/layup/dottedLineHorizontal.gif); background-repeat: repeat-x; background-position: bottom left; } #offers { width: 305px; float: left; background: url(../images/layup/dottedLineVertical.gif); background-position: right top; background-repeat: repeat-y; } #findAutocentre { width: 303px; float: left; padding-left: 1px; } #offers p { padding: 0px 0px 0px 15px; } #findAutocentre p { padding: 0px 0px 0px 15px; } #findAutocentre p, #offers p { font-weight: bold; } #searchCentre { margin: 10px 0px 0px 15px; } #rmifLogo { float: right; padding: 0px; } #rmifContent { width: 400px; } #navTrail { padding: 0px 0px 10px 0px; } #navTrail, #navTrail a { color: #aeaeae; text-decoration: none; } #navTrail a:hover { color: #aeaeae; text-decoration: underline; } #branchLocator { margin: 1px 0px 1px 0px; height: 69px; background: url(../images/layup/locatorBg.jpg); background-repeat: no-repeat; background-position: top left; } #specialOffers { padding: 33px 0px 0px 0px; margin-top: 10px; background: url(../images/layup/offersHeader.gif); background-position: top left; background-repeat: no-repeat; } #offersText p { margin: 15px 0px 0px 0px; padding: 0px; color: #00634e; } #offersFooter { height: 14px; background: url(../images/layup/offersFooter.gif); background-position: top left; background-repeat: no-repeat; } #offersText { background-color: #d8d8d8; padding: 0px 15px 0px 15px; } #offersText img { float: left; padding-right: 18px; } #offersText img.lastImg { float: left; padding-right: 0px !important; } #branchDetails address { padding:0 0 15px 5px; margin:0; } #branchDetails p { padding:0 0 15px 5px !important; margin:0; } #branchDetails a { color: #00634e; text-decoration: none; } #branchDetails a:hover { color: #00634e; text-decoration: underline; } #headerLinks a { color: #fff; text-decoration: none; } #headerLinks { position: relative; } #headerLinks .padding { position:absolute; top:5px; left:570px; color: #fff; padding: 0px !important; } #sNavClutches { background: url(../images/layup/leftNavClutchesBg.gif) no-repeat; width: 150px; height: 42px; float: left; } #sNavGearboxes { background: url(../images/layup/leftNavGearboxesBg.gif) no-repeat; width: 150px; height: 42px; float: left; } #sNavServicing { background: url(../images/layup/leftNavServicingBg.gif) no-repeat; width: 150px; height: 42px; float: left; } #sNavMOT { background: url(../images/layup/leftNavMotBg.gif) no-repeat; width: 150px; height: 42px; float: left; } #sNavBrakes { background: url(../images/layup/leftNavBrakesBg.gif) no-repeat; width: 150px; height: 42px; float: left; } #sNavCambelts { background: url(../images/layup/leftNavCambeltsBg.gif) no-repeat; width: 150px; height: 42px; float: left; } #sNavRepairs { background: url(../images/layup/leftNavRepairsBg.gif) no-repeat; width: 150px; height: 42px; float: left; } #sNavExhausts { background: url(../images/layup/leftNavExhaustsBg.gif) no-repeat; width: 150px; height: 42px; float: left; } #sNavTyres { background: url(../images/layup/leftNavTyresBg.gif) no-repeat; width: 150px; height: 42px; float: left; } #sNavBatteries { background: url(../images/layup/leftNavBatteriesBg.gif) no-repeat; width: 150px; height: 42px; float: left; } #sNavWindscreens { background: url(../images/layup/leftNavWindscreensBg.gif) no-repeat; width: 150px; height: 42px; float: left; } #sNavPrivilege { background: url(../images/layup/leftNavPrivilegeBg.gif) no-repeat; width: 150px; height: 42px; float: left; } #sNavClutches a, #sNavGearboxes a, #sNavServicing a, #sNavMOT a, #sNavBrakes a, #sNavCambelts a, #sNavRepairs a, #sNavExhausts a, #sNavTyres a, #sNavBatteries a, #sNavWindscreens a, #sNavPrivilege a { display: block; padding: 8px 0px 0px 15px; font-size: 15px; } /* ----- FRAME STYLES ----- */ .internalImage { width:160px; } .listImage { cursor:pointer; display:block; float:left; margin:0px; position:relative; width:160px; } .cmsImage { cursor:pointer; display:block; height:120px; position:relative; width:160px; } .listImage .frame { display:block; left:0px; position:absolute; top:0px; } /* ----- CLASSES ----- */ .clear { clear:both; } .clearSmall { clear: both; display: block; height: 0; line-height: 0; font-size: 0; } .hide { display:none; } .show { display:block; } .printShow { 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; padding:0 0 15px 15px; } .image_left { float:left; padding:0 15px 15px 0; } .image_center { margin:0 auto;} .relative { position:relative; } .inline {display:inline;} .hand { cursor:pointer;} .contentArea { padding: 1px 0px 2px 0px; background: url(../images/layup/dottedLineHorizontal.gif); background-repeat: repeat-x; background-position: bottom left; } .contentAreaLast { padding: 1px 0px 2px 0px; } .imageRight { float: right; padding: 15px 5px 5px 5px; } .padding { padding: 12px; } .offerTitle { font-size: 1.1em; } .branchName { font-size: 1.2em; color: #666666; font-weight: bold; } .bookingNo { font-size: 1.2em; color: #666666; font-weight: bold; display: block; float: right; } .textGreen { color: #00634e; } .strong { font-weight: bold; } .voucherText { font-weight: bold; color: #00634e; padding: 10px 15px 10px 15px; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; line-height: 15px; } .branchHeading { font-family: Verdana, Arial, Helvetica, sans-serif; color: #00634e; font-weight: bold; font-size: 1em; display: block; padding: 10px 0px 10px 5px; margin: 0px; } .yellowBg { background:transparent url(../images/layup/newsHeaderBg.gif); color:#555555; height:24px; margin-bottom:10px; } .yellowLeft { float: left; padding: 4px 0px 0px 10px; } .yellowRight { float: right; padding: 4px 10px 0px 0px; } .yellowFooter { padding-top: 5px; } .newsItem { padding-bottom: 15px; } .multimediaItem { padding: 0px 0px 15px 0px; } .multimediaItem span { display: block; } .multimediaItem a { text-decoration: none; } .multimediaItem a:hover { text-decoration: none; } .branch1 {background:#E8E8E8;font-weight:bold;margin-bottom:1px;padding:2px 0px;text-indent:4px;width:255px;} .branch2{background:#F3F3F3;font-weight:normal;margin-bottom:1px;padding:2px 0px;text-indent:4px;width:255px;} .productDetail { width:152px; height:128px; float:right; margin:0 0 20px 20px; } .productDetail .clutches { background:url(../images/layup/productClutches2.gif) no-repeat; height:128px; } .productDetail .brakes { background:url(../images/layup/productBrakes2.gif) no-repeat; height:128px; } .productDetail .batteries { background:url(../images/layup/productBatteries2.gif) no-repeat; height:128px; } .productDetail .gearboxes { background:url(../images/layup/productGearboxes2.gif) no-repeat; height:128px; } .productDetail .servicing { background:url(../images/layup/productServicing2.gif) no-repeat; height:128px; } .productDetail .mot { background:url(../images/layup/productMot2.gif) no-repeat; height:128px; } .productDetail .exhausts { background:url(../images/layup/productExhausts2.gif) no-repeat; height:128px; } .productDetail .tyres { background:url(../images/layup/productTyres2.gif) no-repeat; height:128px; } .productDetail .generalrepairs { background:url(../images/layup/productGeneral2.gif) no-repeat; height:128px; } .productDetail .cambelt { background:url(../images/layup/productCambelts2.gif) no-repeat; height:128px; } /* ----- DEFAULT LIST ----- */ /*news*/ #archivedNews ul li { list-style-image:none; list-style-position:outside; list-style-type: none; padding-left: 30px; background: url(../images/layup/bulletGreen.gif); background-repeat: no-repeat; background-position: center left; } #archivedNews ul li span { padding-right: 10px; } #archivedNews ul li a { color: #00634E; } ul#nav { list-style: none; padding: 0px; margin: 0px; height: 25px; float: left; } ul#nav li { float: left; padding: 0px 13px 0px 0px; } ul#nav li.elLast { float: left; padding-right: 0px; } ul#nav li a { font-weight: bold; font-size: 0.9em; color: #313131; text-decoration: none; padding: 0px 0px 0px 9px; height: 22px; display: block; float: left; } ul#nav li a span { cursor: pointer; padding: 2px 9px 4px 0px; display: block; float: left; } ul#nav li a:hover { font-size: 0.9em; text-decoration: none; padding: 0px 0px 0px 9px; height: 22px; background: url(../images/layup/navBgLeft.gif); background-repeat: no-repeat; background-position: top left;display: block; float: left; } ul#nav li a:hover span { background: url(../images/layup/navBgRight.gif); background-repeat: no-repeat; background-position: top right; display: block; float: left; } ul#nav li a.active { font-size: 0.9em; text-decoration: none; padding: 0px 0px 0px 9px; height: 22px; background: url(../images/layup/navBgLeft.gif); background-repeat: no-repeat; background-position: top left; display: block; float: left; } ul#nav li a.active span { background: url(../images/layup/navBgRight.gif); padding: 2px 9px 4px 0px; background-position: top right; display: block; float: left; } #navTrail .location a { color: #00634e; text-decoration: none; } #navTrail .location a:hover { color: #00634e; text-decoration: underline; } ul#secondNav { list-style: none; padding: 0px; margin: 0px; } ul#secondNav li { margin: 0px; padding: 0px; height: 42px; } ul#secondNav li a { text-decoration: none; } ul#secondNav li#sNavWindscreens { height: 66px; } ul#secondNav li#sNavPrivilege { height: 66px; } ul#branchNav { list-style: none; padding: 0px 0px 2px 0px; margin: 0px; background: url(../images/layup/dottedLineHorizontal.gif); background-repeat: repeat-x; background-position: bottom left; } ul#branchNav li { padding: 5px 0px 3px 15px; background: url(../images/layup/dottedLineHorizontal.gif); background-repeat: repeat-x; background-position: top left; } ul#branchNav li a { font-size: 0.8em; text-decoration: none; color: #666666; } /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;} h1 { padding: 0px; margin: 0px; } #branchDetails h2 { padding: 0px 0px 0px 5px; margin: 0px; } /* ----- TOP NAVIGATION ----- */ /* ----- LEFT NAVIGATION ----- */ /* ----- 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 ----- */ /* ----- FOOTER ----- */ #footer { background: url(../images/layup/dottedLineHorizontal.gif); background-position: top left; background-repeat: repeat-x; } #footerNav { padding: 7px 0px 0px 165px; } #footer a { font-weight:normal; text-decoration:none; color: #2f2f2f; } #footer a:hover { text-decoration:underline;} /* ----- 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; } a:hover { text-decoration:none; } /* ----- FORMS ----- */ form { padding:0; margin:0; } fieldset { padding:0; margin:0; border:0px none; display:inline; } legend { padding:0; margin:0; display:none; } label { display:block; width:260px; float:left; } input, textarea { width:200px; font-size:11px !important;} .requiredLabel { color:#00634e; font-weight: bold;} .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; } #searchCentre form select { width: 140px; } #branchLocator form select { width: 133px; } #branchLocator form { padding: 35px 0px 0px 8px; } /* ----- NEW QUOTE FORM ----- */ #frmNewQuote { width: 581px; } #frmNewQuote div { margin:0 !important; } #frmNewQuote p { padding:7px; } #frmNewQuote .title { font-weight:bold; color:#fff; background: #00634e url(../images/layup/frmNewQuoteTitle.gif) top left no-repeat; padding:7px; margin:0 0 2px; display:block; width: 567px; } #frmNewQuote .fieldArea { background:#d6d6d6; margin:0 0 2px !important; width: 581px; } #frmNewQuote label { width:89px; color:#000; } #frmNewQuote input, #frmNewQuote textarea { width:177px; } #frmNewQuote select { width:180px; } #frmNewQuote #quoteOptions p { color:#000; } #frmNewQuote #quoteOptions a { color:#000; } #frmNewQuote #quoteOptions input { width:20px; } #frmNewQuote #vehicleDetails label { width:126px; } #frmNewQuote #vehicleDetails select { width:143px; } #frmNewQuote #vehicleDetails input { width:147px; } #frmNewQuote #vehicleDetails #submit { width:57px; height:20px; border:none; } #formFreePrivilegeCard fieldset div { padding:.5em 0; } #formFreePrivilegeCard .dob_field { width:auto; } /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #FF0000; 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: #ffdd00; color : #000; font-weight: bold; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } #instantQuote p { margin:10px; } /* ----- TRADING STANDARDS ----- */ #tradingStandards { float:right; }