/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : Chris Munn / chris.munn@gforces.co.uk / G-Forces Web Management Ltd Type: Print Description : Screen and projection stylesheet for xxxxxxxxxxxxxxxxxxxxxxxxxxxxx site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #accessibility { display:none; } #container { width:650px; margin:0 auto; text-align:left; font-size:110%; } #printHeader { display:block;} #header, #primaryNavigation, #secondaryNavigation, #splash, #footer, #navTrail, #testimonials, #calculatorLeft, #intro, #printQuote { display: none; } #primaryContentContainer { margin-top: 20px; } #primaryContent2Col { width: 650px; margin-top: 20px; } #primaryContent { padding: 10px; } #calculatorRight table { width: 100%; } #calculatorRight { width: 100%; } #calculatorRight table { color: #6b4329; } #calculatorRight table tfoot td.bordBot {border-bottom: 1px dotted #6b4329;} #calculatorRight table tfoot td.bordTop { border-top: 1px dotted #6b4329; } #saveOnline { display: block; } #saveOnline img, #saveOnline span { position:relative !important; top: auto !important; right: auto !important; } .printHide { display: block !important; } /* COMMON AND GLOBAL */ body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#ffffff; color:#333333; 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 ----- */ #calcAddress { display: block !important; } #calculatorRight { width: 600px !important; position: relative !important; top: 0px !important; left: 0px !important; } #welcome { padding: 0px 0px 0px 20px; width: 604px; float: left; } #testimonialsContent { padding: 0px 0px 0px 28px; } #branchList img { float: left; padding-right: 4px; } #branchListSmall img { float: left; padding-right: 2px; } #aboutImages { width: 198px; text-align: center; float: right; } #galleryList { width: 590px; float: left; } #galleryList div.listItem { float: left; padding: 0px 20px 10px 0px; width: 270px; } #quotation, #deliveryAddress, #siteInfoText { width: 100%; } #calculatorLeft { width: 525px; float: left; } #calculatorLeft table th.heading { background: url(../images/layup/calcHeadingBg.gif); background-repeat: no-repeat; height: 27px; text-align: left; } #calculatorLeft table { border-collapse: collapse; } #printSave { padding-top: 0px; } #printQuote a { color: #6b4329; cursor: pointer; } #saveOnline a { color: #df0114; cursor: pointer; } /* ----- DOMTAB STYLES ----- */ #domTabHeadings { width: 565px; display: block; height: 36px; background: url(../images/layup/formHeadingBg.jpg); font-weight: bold; font-size: 1em; background-repeat: no-repeat; } #domTabHeadings div { padding: 10px 0px 9px 10px; } #domTabs .tabular, #domDisplayed { padding: 10px; } #domTabHeadings a { display: block; float: left; padding: 0px 20px 0px 0px; } #domTabs, #domDisplayed { border-left: 1px solid #e6e7e2; border-right: 1px solid #e6e7e2; border-bottom: 1px solid #e6e7e2; } #domTabContainer { width: 565px; } /* ----- CLASSES ----- */ .clear { clear:both; } .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; display:none; } .image_center { margin:0 auto;} .relative { position:relative; } .inline {display:inline;} .hand { cursor:pointer;} .commitment { margin-bottom: 8px; } .contentHeading { padding: 0px 0px 10px 0px; } .here { color: #0b7858; } .playhouseImg { width: 200px; padding: 0px 100px 0px 0px; } .plahouseText { width: 500px; } .plahouseColImg { width: 170px; } .playhouseImgBlock { width: 190px; display: block; } .prices { padding: 0px 20px 0px 0px; } .block109 { width: 109px; } .block170 { width: 170px; } .block200 { width: 200px; } .block270 { width: 270px; } .block275 { width: 275px; } .block370 { width: 370px; } .equestrianGallery { width: 290px; float: left; padding: 0px 20px 0px 0px; } .open { display: block; } .closed { display: none; } .text { color:#000000; font-family:Arial,Helvetica,sans-serif; font-size:12px; text-decoration:none; } .domSubmit { margin: 10px; } .selection { background-color: #f7f5ee; } .steps { display: block; float: left; padding: 0px 20px 0px 10px; color: #FFF; } .stepHeading { } .strong { font-weight: bold; } .lower { font-weight: normal !important; } /* ----- DEFAULT LIST ----- */ ul.list { padding: 0px 0px 10px 10px; margin: 0px 0px 0px 0px; list-style: none; } ul.list li { display: block; padding: 0px 0px 0px 13px; background: url(../images/layup/listBg.gif); background-position: left top; background-repeat: no-repeat; } /* ----- NAVIGATION ----- */ ul#nav { list-style: none; padding: 0px 0px 0px 0px; margin: 0px; } ul#nav li { padding: 0px; height: 48px; margin: 0px; float: left; background: url(../images/layup/navSpacer.gif); background-repeat: no-repeat; background-position: left top; } ul#nav li a { color: #0b7858; text-decoration: none; display: block; height: 48px; float: left; padding-left: 18px; } ul#nav li a span { cursor: pointer; color: #0b7858; text-decoration: none; padding: 13px 18px 16px 0px; display: block; float: left; } ul#nav li a.active { color: #0b7858; text-decoration: none; background:url(../images/layup/navActiveBgLeft.jpg); background-position: left top; } ul#nav li a.active span { color: #0b7858; text-decoration: none; background:url(../images/layup/navActiveBgRight.jpg); background-position: right top; } ul#nav li a:hover span { color: #0b7858; text-decoration: none; background:url(../images/layup/navActiveBgRight.jpg); background-position: right top; } ul#nav li a:hover { color: #0b7858; text-decoration: none; background:url(../images/layup/navActiveBgLeft.jpg); background-position: left top; } ul#secondNav { list-style: none; padding: 6px 18px 0px 12px; margin: 0px; } ul#secondNav li { padding: 5px 0px 6px 8px; background: url(../images/layup/secondNavBg.gif); background-repeat: repeat-x; background-position: bottom left; } ul#secondNav li.lastItem { padding: 5px 0px 6px 8px; background: none !important; } ul#secondNav li a { text-decoration: none; font-weight: bold; color: #72492c; font-size: 1em; } ul#secondNav li a.selected { color: #0b7858; text-decoration: none; font-weight: bold; font-size: 1em; padding-right: 12px; background: url(../images/layup/arrow.gif); background-repeat: no-repeat; background-position: center right; } ul#secondNav li ul { padding: 0px; margin: 0px; list-style: none; background: none; } ul#secondNav li ul li { margin: 10px 0px 0px 11px; padding: 0px 0px 0px 9px; background: url(../images/layup/secondNavThirdLevelBg.gif); background-repeat: no-repeat; background-position: center left; } ul#secondNav li ul li a { padding: 0px; margin: 0px; color: #0b7858; font-weight: normal; } ul#secondNav li ul li a:hover { text-decoration: underline; } /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;} h1 { color: #663333; font-size: 1.1em; } h2 { color: #0b7858; } /* ----- 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 { margin: 20px 0px 0px 0px; background: url(../images/layup/footerBg.gif); background-repeat: repeat-x; background-position: left top; } #footer .padding { padding: 20px 15px 0px 15px; } #footer a { font-weight:normal; text-decoration:none;} #footer a:hover { text-decoration:underline;} /* ----- GLOBAL ----- */ img { display:block; border:0; } p { padding:0 0 15px 0; margin:0; } address { font-style:normal;} hr { background: none; border-bottom: 1px; border-top: 0px; border-right: 0px; border-left: 0px; border-style: solid; border-color: #999; margin: 0px 0px 15px 0px; height: 1px; } table hr { margin: 0px 0px 0px 0px !important; } /* ----- LINKS ----- */ a { color:#0b7858; 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.fieldHeading { display:block; width:260px; float:left; } input.fieldText, textarea { width:200px; font-size:11px !important;} .requiredLabel { 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; } #printCalc{ display:none; } .bold{ font-weight:bold; } #billTitle{ text-align:center; } #saveOnline{ } .hidden{ display:auto; } .red{ color:#DF0114; font-size:12px; font-weight:bold; } #printHide{ display:none; } .discountTotalDetails{ text-align:right; } .print-hide{ display:none; } .hide-underline{ text-decoration:none; } #discount{ text-decoration:underline; } #discount, #discountTotalDetails{ text-align:right; margin-left:50px; } #saveOnline a p{ padding:0; }