/* Enar Therapy System June 2006 /* Design and Code by Guy Jeffrey /* url www.enar.com.au /* Sol Design www.sol.com.au /* Last modified: August 25, 2006 /* basics ----------------------------------------------- */ html, body, form, fieldset { margin: 0; padding: 0; } body { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 76%; color: black; text-align: left; background-color: #f1f1f1; } h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0; padding: 0; } form label { cursor: pointer; } fieldset { border: none; } input, select, textarea { font-size: 100%; } .standardsAlert { display: none; } .clearleft { clear: left; } img { display: inline; } div.clearer {clear: both; line-height: 0; height: 0;} /* typography ----------------------------------------------- */ p { font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 0; } sub, .spaced sup { line-height: 0; } .red { color: #f00; } .blue { color: #0042a9; } /* basic links ----------------------------------------------- */ a:link { color: #0d17c9; text-decoration: none; } a:visited { color: #0d17c9; text-decoration: none; } a:hover {color: #cc1a04; text-decoration: none; } /* layout ----------------------------------------------- */ #tempwrapper { background-position: center 0; width: 790px; margin: 0 auto; padding: 0; text-align: left; } #wrapper { background-color: #fff; background-position: center 0; text-align: left; margin: 0 auto; padding: 0; width: 790px; } #contentwrapper { background-image: url(../images/scenar-bg.gif); background-repeat: no-repeat; margin: 0 auto; width: 780px; } #masthead { background-image: url(../images/scenar-masthead.jpg); background-repeat: no-repeat; margin: 0 auto 1px; width: 780px; height: 139px; padding: 0; } #bluepanel { background-color: #01619d; background-image: url(../images/scenar-panle-bg.gif); background-repeat: no-repeat; background-position: right top; margin: 20px 0 20px 20px; padding: 0 0 20px; width: 500px; height: auto; clear: both; } #leftcolumn { text-align: left; display: inline; width: 550px; float: left; overflow: visible; margin: 0; padding: 15px 0 2em; } #rightcolumn { width: 230px; float: left; display: inline; overflow: visible; position: relative; margin: 0; padding: 5px 0 2em; } #scenarcol { text-align: center; display: inline; margin: 0; padding: 10px 0 2em; position: relative; width: 230px; float: left; overflow: visible; } #infopack { width: 230px; float: left; display: inline; overflow: visible; position: relative; margin: 0; padding: 0; } #footer { background-color: #a2c7b5; background-position: center 0; width: 782px; margin: 0 auto; text-align: center; border-left: 4px solid #fff; border-bottom: 4px solid #fff; border-right: 4px solid #fff; } /* Masthead ----------------------------------------------- */ #zmasthead h1 { color: #003b78; font-size: 2.2em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: italic; line-height: 1em; padding: 17px 200px 0 0; } #zmasthead p { color: #d5005e; font-size: 1.1em; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-style: italic; line-height: 1.5; text-align: center; padding: 8px 200px 0 0; } #mastlink { text-align: left; height: 30px; top: 115px; position: relative; left: 485px; width: 295px; visibility: visible; } #mastlink p { color: white; font-size: 1.1em; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; line-height: 1.5; text-align: left; margin: 0 0 0 20px; padding-top: 0; padding-right: 0; padding-bottom: 0; } #mastlink a:link { color: white; font-weight: bold; } #mastlink a:visited { color: #white; } #mastlink a:hover { color: #f67b20; } #mastlink a:active {} /* mainnav /**************************/ #navcontainer { width: 780px; height: 24px; margin: 4px auto; padding: 0; border-right: 1px solid #00b3be;border-top-style;border-bottom-style: none; border-bottom-width: medium; border-left-style: none; border-left-width: medium;: none;border-top-width: medium; } #navcontainer ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; } #navcontainer ul li { color: #00b3be; display: block; float: left; text-align: center; margin: 0; padding: 0; } #navcontainer ul li a { color: #00b3be; background: #fff;; width: 110px; height: 22px; padding: 0; margin: 0; text-decoration: none; display: block; text-align: center; font-size: 0.9em; line-height: 2.1em; border-top: 1px solid #00b3be; border-left: 1px solid #00b3be; border-bottom: 1px solid #00b3be; border-right-style: none; border-right-width: medium; } #navcontainer li#larger a { width: 113px; } #navcontainer ul li a:hover { color: #477283; background: #e8f0f2; } #navcontainer a:active { background: #477283; color: #fff; } #navcontainer li.active a { background: #f8c7ba; color: #fff; } /* Nav */ #nav { background-color: #b0d0c1; margin: 0 auto; width: 780px; height: 24px ; } #nav ul {margin: 0; padding: 0; list-style-type: none; text-align: center;} #nav ul li { float: left; } #nav ul li a { width: 97px; font-size: 12px; font-weight: normal; height: 25px; line-height: 2.2em; text-align: center; color: #01619d; font-style: normal; text-decoration: none; display: block; } #nav ul li a.larger { width: 101px; } #nav a:hover { color: #fff; background-color: #4ea288; } #nav a.here { color: #fff; font-weight: bold; background-color: #4ea288; } #nav ul li a.largerhere { width: 101px; color: #fff; font-weight: bold; background-color: #4ea288; } /* SubNav */ #subnav { background-color: #4ea288; margin: 0 auto; width: 780px; height: 18px ; padding: 4px 0 2px; border-bottom: 1px solid #fff; } #subnav ul { list-style-type: none; overflow: hidden; margin: 0; padding: 0; } #subnav ul li { float: left; } #subnav ul li a { font-size: 1em; color: #fff; font-weight: normal; text-align: center; text-decoration: none; padding: 0 15px; border-bottom: medium none; border-right: 1px solid #fce6e0; } #subnav ul li a.last { border-right: none; } #subnav a:hover { color: #b0d0c1; } #subnav a:active { color: #f67b20; } #subnav #here a { font-weight: bold; } /* A-C-H-E spans ----------------------------------------------- */ .acutecap { color: #ab1a1f; font-size: 2.5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; } .acutesub { color: #ab1a1f; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; } .chroniccap { color: #e6851d; font-size: 2.5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; } .chronicsub { color: #e6851d; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; } .holisticcap { color: #279d34; font-size: 2.5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; } .holisticsub { color: #279d34; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; } .energeticccap { color: #005fa3; font-size: 2.5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; } .energeticsub { color: #005fa3; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; } /* Forms & Tables ----------------------------------------------- */ #table1 { font-weight: normal; font-style: normal; margin-bottom: 20px; margin-left: 20px; border: solid 1px #b0d0c1; } #table1 td { color: #01619d; text-align: center; padding: 3px; } #table1 td.shade { background-color: #e6f8f0; } #table2 { margin-bottom: 20px; margin-left: 20px; border: solid 1px #b0d0c1; } #table2 td { color: #01619d; padding: 3px; } #table2 td.shade { background-color: #e6f8f0; } #dates { margin-bottom: 20px; margin-left: 20px; border: solid 1px #b0d0c1; } #dates td { color: #003b78; padding: 5px; border: solid 1px #b0d0c1; white-space: nowrap; } #dates td.highlight { color: #127800; white-space: nowrap; padding: 5px; border: solid 1px #b0d0c1; } #dates td.lvl2 { color: #127800; white-space: nowrap; padding: 5px; border: solid 1px #b0d0c1; } #dates td.lvl3 { color: #d1005d; white-space: nowrap; padding: 5px; border: solid 1px #b0d0c1; } #dates td.shade { background-color: #e6f8f0; } #basic { margin-bottom: 20px; margin-left: 20px; border: solid 1px #b0d0c1; } #basic td { color: #003b78; padding: 5px; border: solid 1px #b0d0c1; white-space: nowrap; } #basic td.right { color: #003b78; text-align: right; padding: 5px; border: solid 1px #b0d0c1; white-space: nowrap; } #basic td.highlight { color: #127800; white-space: nowrap; padding: 5px; border: solid 1px #b0d0c1; } #acute { font-weight: normal; font-style: normal; padding: 3px; border-top: 2px solid #ab1a1f; border-left: 2px solid #ab1a1f; } #acute td { padding-left: 10px; border-right: 2px solid #ab1a1f; border-bottom: 2px solid #ab1a1f; } td.acute { color: #fff; font-weight: bold; background-color: #ab1a1f; text-transform: capitalize; } #phone { font-style: normal; font-weight: normal; padding: 0; vertical-align: top; } #phone td { color: #f00; font-size: 1em; font-weight: normal; font-style: normal; text-align: left; padding: 0; } #orderform, #leaflet { padding-top: 5px; padding-bottom: 5px; } #leaflet td { font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1; text-align: left; padding-top: 0; padding-bottom: 0; padding-left: 20px; } #orderform td { color: #003b78; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1; text-align: left; vertical-align: top; padding-top: 3px; padding-bottom: 3px; padding-left: 20px; } /* Left Column ----------------------------------------------- */ #leftcolumn p { color: #01619d; font-size: 1em; font-family: Arial, Helvetica, Verdana, sans-serif; line-height: 1.8; text-align: left; padding-right: 15px; padding-bottom: 10px; padding-left: 20px; } #leftcolumn p.line { color: #01619d; font-size: 1em; font-family: Arial, Helvetica, Verdana, sans-serif; line-height: 1.8; text-align: left; padding-right: 15px; padding-bottom: 10px; padding-left: 20px; border-top: 1px dotted #999; } #leftcolumn p.white { color: #fff; font-size: 1em; font-family: Arial, Helvetica, Verdana, sans-serif; line-height: 1.8; text-align: left; padding-right: 15px; padding-bottom: 10px; padding-left: 20px; } #leftcolumn p.intro { color: #686e81; font-size: 1.3em; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px dashed #686e81; } #leftcolumn h1 { color: #f67b20; font-size: 2.5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; padding: 17px 20px 1em; } #leftcolumn h1.white { color: #fff; font-size: 2.5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; padding: 17px 20px 1em; } #leftcolumn h1.home { color: #d1761d; font-size: 2.5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; padding: 30px 20px 0; } #leftcolumn h2.alt { color: #00b1c3; font-size: 1.5em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.1; padding: 0 20px 0.8em; } #leftcolumn h2 { color: #4ea288; font-size: 1.5em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.1; padding: 1em 20px 0.8em; } #leftcolumn h3 { color: #4ea288; font-size: 1.5em; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; line-height: 1.5; padding: 10px 10px 10px 20px; } #leftcolumn h3.price { color: #f67b20; font-size: 1.5em; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; line-height: 1.5; padding: 0 10px 10px 20px; } #leftcolumn h4 { color: #01619d; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.1; padding: 1em 20px 0.5em; } #leftcolumn h5 { color: #01619d; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.1; padding: 5px 20px 0.5em; } #leftcolumn h6 { color: #01619d; font-size: 1em; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; margin: 0 20px 30px; padding: 0 0 10px; border-bottom: 1px dashed #a0a0a0; } #leftcolumn ol { font-family: Arial, Helvetica, sans-serif, Verdana; text-align: left; margin-top: 0; margin-bottom: 10px; padding: 0 20px 0 40px; list-style-type: decimal; } #leftcolumn ol li { color: #01619d; font-size: 1em; line-height: 1.3em; padding-top: 7px; padding-bottom: 7px; } #leftcolumn ul { font-family: Arial, Helvetica, sans-serif, Verdana; text-align: left; margin-top: 0; margin-bottom: 10px; padding: 0 20px 0 25px; list-style-type: none; list-style-image: none; } #leftcolumn ul.home { font-size: 1.3em; font-family: Arial, Helvetica, sans-serif, Verdana; text-align: left; width: 340px; margin-top: 10px; margin-bottom: 25px; padding: 10px 20px 10px 40px; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; list-style-type: disc; list-style-image: url(../images/bigdot.gif); } #leftcolumn ul li { color: #01619d; font-size: 1em; line-height: 1.3em; background-image: url(../images/bigdot.gif); background-repeat: no-repeat; background-position: 5px 50%; padding-top: 7px; padding-bottom: 7px; padding-left: 25px; list-style-type: none; } #leftcolumn ul li.pdf { color: #01619d; font-size: 1em; line-height: 1.3em; background-image: url(../images/pdf-icon-small.png); background-repeat: no-repeat; background-position: left 50%; list-style-type: none; list-style-image: none; padding-top: 7px; padding-bottom: 7px; padding-left: 25px; } #leftcolumn ul li.level0 { font-size: 1.5em; line-height: 1.5; margin-left: 10px; padding-top: 10px; padding-bottom: 0.1em; list-style-type: none; } #leftcolumn ul li.level1 { font-size: 1.1em; font-weight: bold; line-height: 1.5; margin-left: 10px; padding-bottom: 0.1em; padding-left: 10px; list-style-type: none; } #leftcolumn ul li.level2 { line-height: 1.5; margin-left: 10px; padding-bottom: 0.1em; padding-left: 20px; list-style-type: none; } #leftcolumn a:link { color: #f67b20; font-weight: bold; } #leftcolumn a:visited { color: #f67b20; font-weight: bold; } #leftcolumn a:hover { color: #b0d0c1; font-weight: bold; } #leftcolumn a:active { font-weight: bold; } #leftcolumn # border td { color: #003b78; font-size: 1em; font-family: Arial, Helvetica, Verdana, sans-serif; line-height: 1.8; text-align: left; padding-right: 10px; padding-bottom: 0; padding-left: 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } #leftcolumn # border { background-color: #fff; margin-top: 10px; margin-left: 20px; border: solid 1px #ccc; } /* Right Column ----------------------------------------------- */ #rightcolumn p { color: #01619d; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.7; padding: 0.5em 19px 0.5em 15px; } #rightcolumn p.line { color: #60677d; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.7; margin-bottom: 10px; padding: 0.5em 19px 10px 15px; border-bottom: 1px dashed #ccc; } #rightcolumn p.quote { color: #0042a9; font-size: 1em; line-height: 2em; padding: 0.5em 19px 0.5em 15px; } #rightcolumn h1 { color: #01619d; font-size: 1.4em; font-weight: bold; line-height: 1.3; padding: 20px 15px 1em; } #rightcolumn h2 { color: #4ea288; font-size: 1.2em; font-weight: bold; line-height: 1.3; padding: 20px 15px 5px; } #rightcolumn h2.line { color: #00006a; font-size: 1em; font-weight: bold; line-height: 1.3em; padding-top: 30px; padding-bottom: 0.8em; padding-left: 15px; } #rightcolumn h3 { color: #60677d; font-size: 1em; font-weight: bold; line-height: 1; padding: 20px 15px 0; } #rightcolumn h4 { color: #00b1c3; font-size: 1em; font-weight: bold; text-align: left; padding: 5px 20px 0.3em 15px; } #rightcolumn h5 { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 1.1em; font-weight: bold; color: #141414; line-height: 1.5em; padding: 5px 20px 0.3em 0; } #rightcolumn strong { font-weight: bold; } #rightcolumn em { color: red; font-weight: bold; font-style: normal; } #rightcolumn ul { font-family: Verdana, Arial, Helvetica, sans-serif ; font-weight: normal; text-align: left; margin-top: 0; margin-bottom: 10px; padding: 0 20px; list-style-type: disc; list-style-image: url(../images/bigdot.gif); } #rightcolumn ul li { color: #003b78; font-size: 0.9em; padding-top: 7px; padding-bottom: 7px; } #rightcolumn a:link { color: #f67b20; } #rightcolumn a:visited { color: #f67b20; } #rightcolumn a:hover { color: #4ea288; } #rightcolumn a:active { color: #4ea288; } /* ENAR Column ----------------------------------------------- */ #scenarcol p.testimonal { color: #878787; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.2; text-align: left; padding: 0 15px 5px; } #scenarcol p { color: #4d7397; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5; text-align: center; padding: 0 15px 5px; } #scenarcol p.intro { color: #686e81; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.3em; text-align: left; margin-bottom: 20px; padding: 0.5em 19px 15px 15px; border-bottom: 1px dashed #ccc; } #scenarcol h1 { color: #4d7397; font-size: 1.4em; font-weight: bold; line-height: 1.3; padding: 20px 15px 1em; } #scenarcol h2 { color: #4d7397; font-size: 1.2em; font-weight: bold; line-height: 1.3; padding: 15px 15px 0; } #scenarcol h3 { color: #7c7c7c; font-size: 1.1em; font-weight: bold; font-style: italic; line-height: 1.3; text-align: left; padding: 15px; } #scenarcol strong { color: #003b78; font-weight: bold; } #scenarcol em { color: red; font-weight: bold; font-style: normal; } #scenarcol a:link { color: #4d7397; } #scenarcol a:visited { color: #4d7397; } #scenarcol a:hover { color: #f67b20; } #scenarcol a:active { color: #d1761d; } /* rightnav ----------------------------------------------- */ #rightnav { font-family: Arial, Verdana, Helvetica; font-size: 1em; font-weight: bold; line-height: 1.8em; } #rightnav ul { list-style-type: none; overflow: hidden; } #rightnav ul li { } #rightnav ul li a { color: #00006a; text-align: center; text-decoration: none; padding: 0 0 0 15px; } #rightnav ul li a.last { border-right: none; } #rightnav a:hover { color: #ec8f17; font-weight: bold; background-color: transparent; border-color: transparent; border-style: none; } #rightnav a:active { color: #0f4dae; font-weight: bold; } #rightnav #here a { color: #0f4dae; font-weight: bold; } /* Images ----------------------------------------------- */ img.topcol { margin-bottom: 10px; border: 0; } img.left { margin-top: 3px; margin-right: 15px; float: left; border: 0; } img.icon { vertical-align: baseline; margin-right: 15px; float: left; border: 0; } img.right { display: block; margin: 0; float: right; padding-top: 3px; padding-left: 15px; } img.digpic { display: block; float: right; padding-right: 20px; padding-left: 0; } img.illustration { display: block; margin: 0 10px 0 15px; float: right; } img.corplogos { margin: 10px 0 0; f } img.b-left { display: inline; margin: 3px 15px 10px 0; padding: 3px; float: left; border: solid 1px #b0d0c1 } img.b-right { display: inline; margin: 3px 0 0 15px; padding: 4px; float: right; border: solid 1px #b0d0c1; } img.b-margin { display: inline; margin: 3px 15px 10px 20px; padding: 3px; border: solid 1px #b0d0c1 } img.mainimage { margin: 10px 0; padding: 4px; border: solid 1px #b0d0c1; } img.rc { float: right; margin-right: 5px; margin-bottom: 5px; } img.acrobat { margin-top: 15px; padding: 0; display: block; } img.covers { display: block; margin-top: 10px; margin-left: 15px; padding: 0; border: solid 1px #b0d0c1; } img.border { margin-top: 10px; margin-bottom: 10px; display: block; padding: 0; border: solid 1px #b0d0c1; } /* footer ----------------------------------------------- */ #footer p { color: #feffff; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.2; text-align: center; padding: 10px; } #footer a:link { color: #ebf4ef; text-decoration: none; border: none; } #footer a:visited { color: #ebf4ef; text-decoration: none; border: none; } #footer a:hover { color: #fff; text-decoration: none; border: none; } #contact { font-style: normal; font-weight: normal; padding: 0; vertical-align: top; } #contact td { color: #01619d; font-size: 1em; font-weight: bold; font-style: normal; text-align: left; margin-left: 0; padding: 3px 0 3px 20px; }