/******************************************************************************* * Base Styles - DON'T CHANGE THESE!!! * * * * These rules are used to reset the CSS default properties so things render * * identically (or as close we we can get them) in different browsers. * *******************************************************************************/ body { margin: 10px; padding: 0; font-size: 0.8em; line-height: 1.42; font-family:"Arial",Arial,sans-serif;} h1, h2, h3, h4, h5, h6, p, ul, ol, dl, form, fieldset, table, address, blockquote { margin: 0 0 1.22em 0; padding: 0; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0 } ul, ol, blockquote { margin-left: 1.75em } blockquote { margin-right: 2.75em } fieldset { padding: 0.5em } table { border-collapse: collapse; border-spacing:0 } th { text-align: left } select,input,textarea { font: inherit } h1 {color:#69B92D;padding-top:30px; margin:0 0 0.8em 0;} h2 {color:#69B92D;font-size:1.3em;margin:0.8em 0;} h3 {color:#1438A7;font-size:1.4em;margin:0.8em 0;} li {} ul {list-style:circle;} a {color:#1438A7;text-decoration:none;} b {} i {color:#69B92D;} #content table {border-style:none;border-color:#FFFFFF;} #content table * {border-style:none;} #content table tr:first-child th {padding-bottom:10px;color:#69B92D;} /******************************************************************************* * CMS Common * *******************************************************************************/ /* #content form dt { margin:5px 0 0 0 } #content form dd { margin:0 0 5px 0 } */ img.center { margin:auto; clear:both; display:block; float:none; } img.right { float:right; margin:0 0 25px 25px; clear: right; } img.left { float:left; margin:0 25px 25px 0; clear: left; } dd.radio, dd.checkbox { position: relative } dd.radio label, dd.checkbox label { padding-left: 24px; } dd.radio input, dd.checkbox input { position: absolute; left: 0; } dd.textinput input { width:60% } dd.textinput-wide input, dd.textareainput textarea { width:99% } dd.textinput-narrow input { width:40% } dd.textinput-tiny input { width:10% } dd.captcha * { vertical-align: middle } dd.captcha img { background:#fff; border:1px solid #999; margin: 0 20px 5px 0; padding:5px } /******************************************************************************* * Page Structure * *******************************************************************************/ body { margin:0px; background:#69B92D; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(1, rgb(180,235,78)), color-stop(0.65, rgb(106,185,45)) ); background-image: -moz-linear-gradient( center bottom, rgb(180,235,78) 100%, rgb(106,185,45) 65% ); background-image: -webkit-linear-gradient( center bottom, rgb(180,235,78) 100%, rgb(106,185,45) 65% ); background-image: linear-gradient( center bottom, rgb(180,235,78) 100%, rgb(106,185,45) 65% ); } #container {width: 940px; margin:0 auto;overflow:hidden;position:relative;} #top {width: 940px; margin:0 auto; overflow:hidden; position:absolute;top:0px; left:0px;} #header {width: 940px; margin:0 auto; overflow:hidden;background:#ffffff;position:relative;} #navigation {width: 940px; margin:0 auto; height:38px;} #content {width: 920px; margin:0 auto; padding-top:160px; overflow:hidden;background:#ffffff;} #inner {width: 920px; margin:0 auto;} #content #left {width: 200px; margin:0 auto; float:left;} #substance {width: 440px; margin:0 auto; float:left;padding:0 15px;} #content #right {width: 210px; margin:0 auto; float:right;padding-right:40px;padding-top:530px;color:#ffffff;} #close {width: 920px; margin:0 auto;background:#ffffff; overflow:hidden;padding-bottom:50px;} #logos {width: 920px; margin:0 auto;background:#ffffff; overflow:hidden;} #footer {width: 940px; margin:0 auto;background:url("images/foot.png") no-repeat; overflow:hidden;height:40px;position:absolute;bottom:10px;} #banner {border:none; margin:0 40px 20px 40px; width:840px;} /******************************************************************************* * Common Styles * *******************************************************************************/ body.two-col #substance {width:605px; padding-left:50px;} body.home #section1 { position:absolute; top:189px; left:0px; width:940px; z-index:1;} body.home #section1 p {font-size:2.2em; color:#69B92D; padding-left:40px; font-weight:bold;} body.home #section1 img {height:302px; width:920px; margin-top:20px; border:none;} body.home #section1 .left {display:none;} body.home #section1 .right {display:none;} .scroller {position:absolute; top:-2px; left:10px; width:} /***** Hold Tight - Steves Cutting In! */ .overlay { background:url('images/preamble-wrapper.png') no-repeat bottom; _display:none; height:450px; z-index:100; position:absolute; top:-4px; left:0; width:940px; } .overlay ul { _display:none; } .overlay ul li { display:inline; float:left;} .overlay ul li a { float:left; width:208px; height:26px; position:absolute; text-align:center; color:#fff; font-size:140%; padding-top:0;} .wrapper-elm { position:relative; height:450px; width:960px; float:left; } .overlay ul li.edu a { left:265px; top:72px; } .overlay ul li.hos a { left:475px; top:72px;} .overlay ul li.hot a { left:685px; top:72px;} .overlay ul li.lc a { left:52px; bottom:13px; } .overlay ul li.off a { left:265px; bottom:13px; } .overlay ul li.pb a { left:475px; bottom:13px; } .overlay ul li.res a {left:685px; bottom:13px; } /*****************************************/ body.home #content {height:1863px;} body.home #sideform {background:url('images/maincontact.png') no-repeat; height:314px; width:430px;position:absolute; right:0px;padding-top:0px;padding-left:40px; padding-right:20px; top:1543px;font-weight:bold;padding-top:70px; color:#ffffff;} body.home #sideform form input[type="text"], body.home #sideform form input[type="email"], body.home #sideform form textarea {width:180px;} body.home #sideform b {display:block;padding-top:10px;} body.home #sideform form :nth-child(5) {position:absolute;right:170px; top:90px; } body.home #sideform form :nth-child(6) {position:absolute;right:35px; top:126px; height:100px;} body.home #sideform form :nth-child(8) {position:absolute;right:35px; top:285px; } body.home #sideform p {width:180px;margin-bottom:24px;} body.home #section2 .call-to-action {font-weight:normal;color:#333333;float:left; width:370px; height:184px;padding-right:60px;padding-top:20px;padding-left:20px;} body.home #section2 .call-to-actions {width:920px;} body.home #section2 .call-to-action h1 {margin-bottom:3px;} body.home #section2 .call-to-action:nth-child(1) {background:url('images/chair1.png') no-repeat ;} body.home #section2 .call-to-action:nth-child(2){background:url('images/chair2.png') no-repeat ;} body.home #section2 .call-to-action:nth-child(3){background:url('images/chair4.png') no-repeat ;} body.home #section2 .call-to-action:nth-child(4){background:url('images/chair3.png') no-repeat ;} body.home #section2 { float:left; width:840px;margin-left:30px;margin-right:50px; height: 480x;margin-top:550px;} body.home #section2 .right {float:right;margin-top:-30px;} body.home #substance #section2 img {border:none;} body.home #section4 {background:url('images/homebottombg.png') no-repeat ; height:330px; width:219px;float:left;margin-top:50px;padding-right:150px;padding-left:40px;margin-bottom:30px;} body.home #section3 {background:url('images/middlebg.png') no-repeat 5% 15%; height:286px; width:710px;float:left;margin-top:100px;padding-right:40px;padding-left:150px;} body.home #section3 #vid {float:left; width:320px;margin-left:40px;} body.home #section3 a img {border:none;} body.home #section3 #channel {margin-left:35px; margin-top:10px;box-shadow:none;} body.home #section3 .call-to-actions {width:350px;float:left;} body.home #section3 h2 {font-size:1.4em;margin-top:0px;padding-top:0px;margin-bottom:10px;} body.home #section3 h1 {margin-bottom:0px;padding-bottom:0px;} body.home #section3 p {padding-left:50px;} body.home #section4 h2 {font-size:1.4em;margin-top:0px;padding-top:0px;margin-bottom:10px;} body.home #section4 h1 {margin-bottom:0px;padding-bottom:0px;} body.home .call-to-action * {margin:0 0 0 0; padding: 0 0 0 0;} body.home .call-to-action h1 {font-size:1.4em;padding-bottom:10px; padding-top:10px;} body.home .call-to-action h2 {font-size:1.2em;color:#1438A7;padding-bottom:5px; padding-top:5px;} body.home .call-to-action li {margin-left:15px;list-style-image:url('images/listarrow.png');} body.home #arrow1 {width:255px; height:50px;position:absolute; left:0px; top:650px;} body.home #arrow2 {width:255px; height:50px;position:absolute; left:0px; top:1128px;} body.home #arrow3 {width:255px; height:50px;position:absolute; left:0px; top:1486px;} body.home #arrow4 {width:255px; height:50px;position:absolute; left:0px; top:1952px;} #top {float:left;} #header * {float:left;} #header {background:url("images/header_background.png") no-repeat bottom;padding-top:20px;position:relative;padding-bottom:20px !ie;} #header img {margin-left:20px;margin-bottom:0px; margin-top:30px;margin-right:60px;border:none;position:relative;} #header #strapline {text-indent:-10000px; background:url("images/header_strapline.png") no-repeat; width:273px; height:52px;margin-top:30px;} #header #phone {font-size:1.8em;color:#ffffff;margin-left:90px;margin-top:20px;font-style:italic;font-family:"Georgia",Georgia,serif;} #header em {color:#1438A7;margin-right:10px;} #substance h1 {margin-top: 0px;} #substance img {border:1px solid; border-color:#1438A7;} #content #right img {margin-bottom:25px;float:right;} #navigation {background:url("images/nav_bg.png") no-repeat; font-size:1.1em;font-weight:bold;position:relative;} #navigation a.skip { position: absolute; left:-1000em } #navigation a.active {color:#69B92D;} #navigation ul { list-style: none; position:absolute;left:2%;top:20%;} #navigation li { display: inline; margin-right:1em;} #navigation a { color:#333333; text-decoration:none; } #footer ul { list-style: none; margin-left: 0; position:absolute;top:40%; left:10%;} #footer li { display: inline; margin-right: 1em; } #footer #logo {float:right; position:absolute;top:40%; left:80%;} #footer a {color:#ffffff;text-decoration:none;} .breadcrumbs {padding-top:15px;padding-bottom:15px;font-size:0.9em;padding-left:40px;color:#69B92D;} .breadcrumbs a {color:#1438A7; text-decoration:none;} .section-navigation {margin-top:100px;} .section-navigation ul {list-style:none; padding:0 16px;padding-top:0px; margin:0; margin-left:20px;} .section-navigation li {padding:0.6em 0; border-bottom:1px solid; color:#69B92D;padding-left:5px; } .section-navigation ul ul { margin-left:-20px; } .section-navigation li li {border:none; border-top:1px solid #69B92D; padding-left:20px;} .section-navigation a { color:#333333; text-decoration:none; } .section-navigation h2 { padding-left:10px; margin-top:35px;} #content #left #inthissection {width:205px; height:44px;position:absolute; left:-2px; top:450px;} #arrow {width:280px; height:63px;position:absolute; left:0px; top:215px;} #content #right #sideform {background:url('images/sideform.png') no-repeat; height:473px; width:198px;position:absolute; right:0px;padding-top:70px;padding-left:22px; padding-right:20px; top: 410px;font-weight:bold;} #content #right #sideform p {margin-bottom:25px;padding-right:5px;} #content #right #sideform form * {float:left;} #content #right #sideform input {width:195px; padding:0 0 0 0; border:none;margin-bottom:20px; height:20px;} #content #right #sideform b {width:195px;margin-bottom:10px;} #content #right #sideform textarea {height:100px;width:195px;} #content #right #sideform #submit {width:70px; height:23px; float:right; margin-top:20px;} body.contact #contactform {background:url('images/maincontact.png') no-repeat; height:314px; width:430px;position:absolute; right:0px;padding-top:0px;padding-left:40px; padding-right:20px; top:200px;font-weight:bold;padding-top:70px; color:#ffffff;} body.contact #contactform fieldset {border:none; padding:0 0 0 0 ; margin: 0 0 0 0} body.contact #contactform input[type="text"], body.contact #contactform input[type="email"], body.contact #contactform textarea {width:180px;} body.contact #contactform #intro {width:180px;margin-bottom:24px;} body.contact #contactform dd {margin-left:0px;margin-bottom:15px;} body.contact #contactform form :nth-child(5) {position:absolute;right:160px; top:105px; } body.contact #contactform form :nth-child(6) {position:absolute;right:35px; top:126px; height:100px;} body.contact #contactform div input[type="submit"] {float:right;margin-right:15px;} body.contact #contactform #form-error {position:absolute;left:0px; top:311px;padding-bottom:10px;background-color:#14248d;padding-left:20px;padding-right:38px;} body.contact #mapbox {background:url('images/mapbg.png') no-repeat; height:154px; width:163px;position:absolute; left:0px;top:338px;padding:25px 20px 15px 20px;} body.contact #substance {color:#1438A7;font-weight:bold; width:409px; padding-top:82px; height:300px;} body.contact #substance .block-23 {float:right;width:200px;color:#333333;font-weight:normal;} body.contact .call-to-action b {color:#69B92D;} body.contact .call-to-action p {margin:0 0 0 0; padding:0 0 0 0;} body.contact .call-to-action h1 {color:#69B92D;margin-bottom:10px;margin-top:0px;padding-top:0px;font-size:1.6em} body.contact #ctas {float:left;} body.contact #ctas .call-to-action {font-weight:normal;color:#333333;float:left; width:253px; height:240px;border-top:1px solid; border-color:#69B92D;padding-left:10px;padding-right:10px;padding-top:30px;} body.contact #ctas .call-to-actions {float:left; width:820px;padding-left:50px;padding-right:50px;} .news-articles ul {list-style:none; padding:0 16px;} .news-articles li {padding:0.6em 0; border-bottom:1px solid; color:#69B92D;padding-left:5px} .news-articles a { color:#333333; text-decoration:none; } .news-articles h2 { padding-left:10px;margin-top:35px; } .news-articles {padding-top:70px;} .news-archive-list ul {list-style:none; padding:0 16px;} .news-archive-list li {padding:0.6em 0; border-bottom:1px solid; color:#69B92D;padding-left:5px} .news-archive-list a { color:#333333; text-decoration:none; } .news-archive-list h2 { padding-left:10px;margin-top:35px; } #logos {overflow:hidden;padding-top:20px;} #logos div {border-top:1px solid; border-color:#69B92D;margin:0 40px; width:840px;padding-top:20px;font-weight:bold; font-size:1.6em;color:#69B92D;} #close {font-size:0.8em;color:#1438A7;font-weight:bold;} #mapbox iframe {margin-bottom:-10px;} #mapbox small a {font-size:0.7em; color:#ffffff;} #gmap {margin-left:25px;margin-bottom:30px;} #gmap iframe {border:5px solid; border-color:#69B92D;} #close #left {float:left; width:460px;line-height:1.6;margin-left:40px;margin-top:20px;padding-top:20px;border-top:1px solid; border-color:#69B92D;position:relative;} #close #left #social {position:absolute;top:60%;left:70%; width:100px;} #close #right {float:left; width:380px;margin-right:40px;margin-top:20px;padding-top:20px;border-top:1px solid; border-color:#69B92D;} #close b, #close a {color:#69B92D;text-decoration:none;} #close p:last-child {color:#333333;font-weight:normal;} #close img {border:none; float:right; padding-left:10px;} /******************************************************************************* * Page Specific Styles * *******************************************************************************/ body.two-col .call-to-actions img, body.three-col .call-to-actions img, body.home #section3 #vid a:first-child img { -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 2px 2px 2px #aaa; box-shadow: 3px 3px 4px #000; } #inner { -moz-box-shadow: 0x 0px 15px #467B1E; -webkit-box-shadow: 0px 0px 15px #467B1E; box-shadow: 0px 0px 15px #467B1E; } /* Shope */ p.contact-cta { background:url("images/contact-cta.png") 0 0 no-repeat; display:block; text-indent:-10000em; height:42px; width:530px; clear:both; } .product { border-bottom:1px solid #eee; position: relative; overflow:auto; padding-top:15px;} #content div.product h2 { background: none; margin:0 0 0.5em 0; padding:0; font-size:140%; position: static } .product h2 span { } .product h2 a { text-decoration:none;} .product h2 span.promo-2, .product h2 span.promo-3, .product h2 span.promo-4, .product h2 span.promo-5, .product h2 span.promo-8, .product h2 span.promo-9, .product h2 span.promo-10 { display:none; } .product span.image {} #content .product img { margin:0 auto 15px auto; display:block; float: none; } #content .product ul.controls { margin:0; } #content .product ul.controls li { padding:0; background:none; margin:0 0 10px 0; float:left; margin-right:15px;} #content .product ul.controls li a { display: block; width:100px; height:20px; text-indent:-1000em; overflow:hidden; margin-bottom:5px } #content .product ul.controls li a.add-to-cart { background: url("images/btn-add-to-cart.png") no-repeat } #content .product ul.controls li a.more-info { background: url("images/btn-more-info.png") no-repeat } #content .product ul.controls li a.free-trial { background: url("images/btn-free-trial.png") no-repeat } dl.pricing { color:#1438A7; font-weight:bold; font-size:110%} #content dl.pricing dt { color:#333; } dl.pricing dd { margin-left:50px; } dl.pricing del { color:#900; } #content dl.details { margin-bottom:15px; } #content dl.details dt { margin-bottom:-1.4em; color:#0580BF;} #content dl.details dd { padding-left:200px; } #content .related-products, #content .alternative-products { border-top:1px solid #eee; padding-top:15px; clear:both; } #content .related-products h2 span, #content .alternative-products h2 span { display:none; } #content .alternative-products .product, #content .related-products .product { width:170px; float:left; padding:0; margin-right:25px; border:none; text-align:center; border:1px solid #eee; padding:15px; } #content .alternative-products .product:last-child, #content .related-products .product:last-child { margin-right:0; } #content .alternative-products .product h2 a, #content .related-products .product h2 a { color:#0580BF; text-decoration:none;} #content .alternative-products .product .image, #content .related-products .product .image { position:static; padding:0; margin:auto;} #content .alternative-products .product ul.controls, #content .related-products .product ul.controls { position:static; margin:auto; display:block; } #content .alternative-products dl.pricing, #content .related-products dl.pricing { font-size:100%; margin:5px 0 10px 0; padding:0; } #content .alternative-products dl.pricing dt, #content .related-products dl.pricing dt { display:none; } #content .alternative-products dl.pricing dd, #content .related-products dl.pricing dd { padding:0; text-align:center; font-size:110%; margin:0;} #content .product del, #content .alternative-products dl.pricing dd del, #content .alternative-products dl.pricing dd del { font-size:80%; color:#999; } div.shop-basket-summary { overflow:hidden; } div.shop-basket-summary p { font-size:88%; margin:0 0 15px 0 } div.shop-basket-summary ul { display: inline; margin:0; padding:0; font-size:110%} #related div.shop-basket-summary li { display: inline; margin:0 0 0 0.5em ; padding:0 0 0 0.5em; background:url("images/related-li-arrow.png") no-repeat scroll 0 0.6em transparent; } div.shop-basket-summary a { font-weight:bold; font-size:80%; float:left; margin:0 3px; color:#fff; background:#14248C; padding:3px; -moz-border-radius:5px; border-radius:5px;} .productlist-filters { border:1px solid #ccc; background:#eee; padding:10px 10px 5px 10px; overflow:auto; margin-bottom:10px; } .productlist-filters dl { width:320px; float:left; margin-bottom:5px;} .productlist-filters dt { float:left; width:120px; } .productlist-filters dd { float:right; width:180px; margin:0; } #content .shop-checkout form h2 { font-size:130%; } #content .shop-checkout fieldset { border:1px solid #ccc; padding:10px; background:#eee; margin-bottom:15px;} #content .shop-checkout dd { margin:0; } #content .shop-checkout dd input { margin:5px 0; } #content .shop-checkout input#usealtdeliveryaddress { width:10px; } /*********************** Sidebar Components */ #related div.quick-login form { margin-bottom:0; } #related div.quick-login fieldset { margin:0; padding:0; border:none } #related div.quick-login input { width:130px; margin-bottom:0.5em; } #related div.quick-login input.button { display: block; width:4em; clear:both; float:none; } #related div.quick-login a { font-size:85%; color:#000 } /* Basket */ #content div.shop-basket table { border-collapse: separate; border: none } #content div.shop-basket table td { border: none; border-bottom:1px solid #ccc } #content div.shop-basket table th { border: none; border-bottom:1px solid #ccc; background:#14248C; color:#fff; } #content div.shop-basket table input { text-align: center } #content div.shop-basket div { text-align: center } #related div.shop-search form { margin-bottom:0; } #related div.shop-search fieldset { margin:0; padding:0; border:none } #related div.shop-search input { width:142px; margin-bottom:0.5em; margin-right:5px; float:left;} #related div.shop-search input.button { display: block; width:2.5em; margin:0 } body.store #content dl dt { margin-bottom:-1.4em; } body.store #content dl dd { } body.store #content #left { padding-left:40px; width:160px; margin-top:40px;} body.store #content #left h2 { padding:5px 0px 10px 20px; font-family:'Georgia'; height:41px; width:189px; font-style:italic; color:#fff;font-weight:bold; font-size:18px; background:url("images/left-arrow.png") 0 0 no-repeat; margin-top:-55px; position:absolute; left:0px; z-index:100;} body.store .shop-search, body.store .shop-categories, body.store .shop-basket-summary { padding-top:61px;} body.store .shop-search fieldset { border:none; padding:0; } body.store .shop-search fieldset input[type=text] { width:110px; } body.store #left .shop-categories h3 { border-bottom:1px solid #69B92D; display:none; padding:0.6em 0; margin-bottom:0; margin-top:0; font-size:100%;} body.store #left .shop-categories ul {list-style:none; padding-top:0px; margin:0; margin-left:0px; border-top:1px solid #69B92D;} body.store #left .shop-categories li {padding:0.6em 0; border-bottom:1px solid; color:#69B92D;padding-left:5px; } body.store #left .shop-categories ul ul { margin-left:-20px; border-top:0; } body.store #left .shop-categories li li {border:none; border-top:1px solid #69B92D; padding-left:20px;} body.store #left .shop-categories a { color:#333333; text-decoration:none; } .productlist .product { position:relative; padding-left:170px; } .productlist .image { position:absolute; top:15px; left:0; text-align:center; } body.store #content .shop-checkout dl dt { margin-bottom:0px; } body.store #content .shop-checkout fieldset { padding-bottom:0; } body.store #content .delivery-form fieldset { border:none; padding:0; } body.store #content .delivery-form select { margin-bottom:10px; } body.store #content .call-to-actions img { margin-bottom:15px; border:none; } body.store #content .sub-ctas .block-39 a { margin-right:16px; border:none; } body.store #content .sub-ctas .block-39 a:last-child { margin-right:0; } body.store #content .productdetails .product h2:nth-of-type(1) { display:none; } #creditcard-payment-panel img { float:right; display:none } #creditcard-payment-panel dl { clear:both; }