/* TITLE: Systemic Formulas DATE: 7-36-07 */ /* ZERO -----------------------------------------------*/ h1, h2, h3, h4, h5, h6, ul, li, p, br, form, body, img{margin: 0; padding: 0; border: 0;} /* MAIN -----------------------------------------------*/ body{font: normal 11px/20px 'Lucida Sans', Arial; color: #333; background: #f1f4eb;} #mainContainer{width: 100%; float: left; background: #f1f4eb url('images/mainBg.jpg') center top repeat-x;} /* links */ a{font-weight: bold; color: #2a72a4; text-decoration: none;} a:hover{text-decoration: underline;} /* heading */ h1,h2,h3,h4,h5,h6{line-height: 1.2em;} h1{font-size: 2.0em; margin: 2px 0px; padding: 5px 0px 10px 0;} h2{font-size: 1.6em; margin: 2px 0px; padding: 2px 0px; color: #2b3e6d; font-weight: normal;} h3{font-size: 1.4em; margin: 2px 0px; padding: 3px 0px;} h4{font-size: 1.2em; margin: 2px 0px; padding: 3px 0px; text-transform: Uppercase; color: #628b00; font-weight: normal;} h5{font-size: 1.8em; margin: 2px 0px; padding: 3px 0px; text-transform: Uppercase; color: #76b900; font-weight: normal;} h6{font-size: .9em; margin: 2px 0px; padding: 1px 0px; font-weight: normal;} /* para-list */ p{margin: 5px 0px; padding: 5px 0px;} blockquote{font-style: italic; background: #fafbf8 url('images/blockquote.jpg') repeat-x; border-top: 1px solid #dde1ea;} blockquote h5{font-style: normal; color: #4e618f; text-align: right;} /* LAYOUT. -----------------------------------------------*/ #shdwraper{width: 850px; margin: 0 auto; background: url('images/shdw.jpg') left 183px no-repeat;} #mastCon{width: 800px; margin: 0 auto;} #header{width: 800px;} #mainNav{width: 800px; float: left; padding: 1px 0 17px 0; font-size: 1.2em; position: relative;} #mainNav ul{} #mainNav li{float: left; list-style: none;} #mainNav #coveUp{position: absolute; width: 800px; height: 37px; top: 35px; background: #2b3e6d url('images/nav/ul.jpg') left top no-repeat;} #mainNav li ul{display: none;} #mainNav li:hover ul, #mainNav li.selectedPage ul, #mainNav li.selectedPageRoot ul{display: block;} #mainNav ul.globalMenu li ul li ul{display: none;} #mainNav li.li_1{width: 264px; height: 34px; float: left; background: url('images/subNav2Left.jpg') left top no-repeat;} #mainNav li.li_1 a{width: 264px; height: 25px; padding: 9px 0 0 0; display: block; color: #c3cbe1; text-align: center; text-transform: Uppercase; text-decoration: none; background: url('images/nav/li_1_on.png') no-repeat; _background: url('images/nav/li_1_on.gif') no-repeat;} #mainNav li.li_1 a:hover{color: #fff; background: url('images/nav/li_1_on.png'); _background: url('images/nav/li_1_on.gif'); } #mainNav li.li_1:hover{} #mainNav li.li_1 ul{width: 760px; height: 23px; padding: 8px 20px 6px 20px; position: absolute; left: 0; top: 34px; background: #2b3e6d url('images/nav/ul1.jpg') no-repeat;} #mainNav li.li_2{width: 132px; height: 34px; float: left; background: url('images/subNav2Left.jpg') left top no-repeat;} #mainNav li.li_2{padding: 0 0 0 2px;} #mainNav li.li_2 a{width: 132px; height: 25px; padding: 9px 0 0 0; display: block; color: #c3cbe1; text-align: center; text-transform: Uppercase; text-decoration: none; background: url('images/nav/li_0_on.png') no-repeat; _background: url('images/nav/li_0_on.gif') no-repeat;} #mainNav li.li_2 a:hover{color: #fff; background: url('images/nav/li_0_on.png') ; _background: url('images/nav/li_0_on.gif') ;} #mainNav li.li_2 ul{width: 760px; height: 23px; padding: 8px 20px 6px 20px; position: absolute; left: 0; top: 34px; background: #2b3e6d url('images/nav/ul2.jpg') no-repeat;} #mainNav li.li_3{width: 132px; height: 34px; float: left; background: url('images/subNav2Left.jpg') left top no-repeat;} #mainNav li.li_3{padding: 0 0 0 2px;} #mainNav li.li_3 a{width: 132px; height: 25px; padding: 9px 0 0 0; display: block; color: #c3cbe1; text-align: center; text-transform: Uppercase; text-decoration: none; background: url('images/nav/li_0_off.png') no-repeat; _background: url('images/nav/li_0_off.gif') no-repeat;} #mainNav li.li_3 a:hover{color: #fff; background: url('images/nav/li_0_off.png'); _background: url('images/nav/li_0_off.gif');} #mainNav li.li_3 ul{width: 760px; height: 23px; padding: 8px 20px 6px 20px; position: absolute; left: 0; top: 34px; background: #4e618f url('images/nav/ul3.jpg') no-repeat;} #mainNav li.li_4{width: 132px; height: 34px; float: left; background: url('images/subNav2Left.jpg') left top no-repeat;} #mainNav li.li_4{padding: 0 0 0 2px;} #mainNav li.li_4 a{width: 132px; height: 25px; padding: 9px 0 0 0; display: block; color: #c3cbe1; text-align: center; text-transform: Uppercase;text-decoration: none; background: url('images/nav/li_0_off.png') no-repeat; _background: url('images/nav/li_0_off.gif') no-repeat;} #mainNav li.li_4 a:hover{color: #fff; background: url('images/nav/li_0_off.png'); _background: url('images/nav/li_0_off.gif');} #mainNav li.li_4 ul{width: 760px; height: 23px; padding: 8px 20px 6px 20px; position: absolute; left: 0; top: 34px; background: #4e618f url('images/nav/ul4.jpg') no-repeat;} #mainNav li.li_5{width: 132px; height: 34px; float: left; background: url('images/subNav2Left.jpg') left top no-repeat;} #mainNav li.li_5{padding: 0 0 0 2px;} #mainNav li.li_5 a{width: 132px; height: 25px; padding: 9px 0 0 0; display: block; color: #c3cbe1; text-align: center; text-transform: Uppercase; text-decoration: none; background: url('images/nav/li_0_off.png') no-repeat; _background: url('images/nav/li_0_off.gif') no-repeat;} #mainNav li.li_5 a:hover{color: #fff; background: url('images/nav/li_0_off.png'); _background: url('images/nav/li_0_off.gif');} #mainNav li.li_5 ul{width: 760px; height: 23px; padding: 8px 20px 6px 20px; position: absolute; left: 0; top: 34px; background: #4e618f url('images/nav/ul5.jpg') no-repeat;} #mainNav li ul{width: 760px; height: 23px; padding: 8px 20px 6px 20px; position: absolute; left: 0; background: #2b3e6d;} #mainNav li.li_1 li, #mainNav li.li_2 li {width: 102px; height: 23px; padding: 0 8px 0 0; float: left;} #mainNav li.li_1 li a, #mainNav li.li_2 li a {width: 102px; height: 22px; padding: 1px 0 0px 0; font-size: .7em; border: 0; background: url('images/nav/li1Sub.jpg') no-repeat ;} #mainNav li.li_1 li a:hover, #mainNav li.li_2 li a:hover {color: #fff; background: url('images/nav/li1Sub.jpg') no-repeat ; border: 0;} #mainNav li ul{width: 760px; height: 23px; padding: 8px 20px 6px 20px; position: absolute; left: 0; background: #2b3e6d;} #mainNav li.li_3 li, #mainNav li.li_4 li, #mainNav li.li_5 li {width: 128px; height: 23px; padding: 0 8px 0 0; float: left;} #mainNav li.li_3 li a, #mainNav li.li_4 li a, #mainNav li.li_5 li a {width: 128px; height: 22px; padding: 1px 0 0px 0; font-size: .7em; border: 0; background: url('images/nav/li2Sub.jpg') no-repeat ;} #mainNav li.li_3 li a:hover, #mainNav li.li_4 li a:hover, #mainNav li.li_5 li a:hover {color: #fff; background: url('images/nav/li2Sub.jpg') no-repeat ; border: 0;} #mainNav li a:hover, #mainNav li a.selectedPage{color: #fff !important;} #flash{ width: 100%; float: left; padding: 0; height: auto; min-height: 30px; _height: 30px; background: #fff; border-top: 1px solid #fff;} #body{width: 730px; float: left; padding: 25px 35px;} #body #content{width: 468px; float: right;} #body #content h1{color: #2b3e6d; font-weight: normal; } #body #content ul{padding: 5px 15px;} #body #content blockquote{width: 408px; padding: 12px 30px 15px 30px; margin: 10px 0 10px 0; float: left;} #body #content #note{width: 361px; height: 271px; padding: 65px 50px 30px 60px; overflow: hidden; background: url('images/note.png') no-repeat ;} #body #content #note p{} #body #side{width: 230px; float: left;} #body #side h1{font-size: 1.2em; text-transform: Uppercase;} #body #side #sideSec{width: 196px; padding: 0 19px; float: left;} #body #side h1{width: 190px; height: 21px; margin: 0; padding: 8px 17px 10px 23px; font-weight: normal; color: #fff; background: url('images/linkElementTop.jpg') no-repeat;} #body #side .linksModule ul{padding: 0;} #body #side .linksModule {width: 230px; padding: 0 0 25px 0; float: left;} #body #side .element .linksModule {width: 230px; float: left; padding: 0 0 9px 0; background: url('images/linkElementBottom.jpg') bottom no-repeat;} #body #side .element .linksModule li{width: 230px; float: left; list-style: none; background: #d1d8e9 url('images/linksItems.jpg') repeat-x; border-bottom: 1px solid #b3bdd6;} #body #side .element .linksModule li a{width: 190px; float: left; font-size: 1.1em; color: #2b3e6d; text-decoration: none; font-weight: normal; padding: 6px 17px 7px 23px;} #body #side .element .linksModule li a:hover{background: #e9edf7 url('images/linksItemsOver.jpg') repeat-x;} #body #side #formulas{width: 196px; float: left; position: relative; margin: 20px 0;} #body #side #formulas span{width: 77px; height: 66px; position: absolute; top: -25px; top: -15px; right: -50px; _right:-10px;} #body #side #formulas h1{width: 230px; height: 55px; text-indent: -9999px; margin: 0; padding: 0 0 2px 0; background: url('images/formulas/formulas.jpg') no-repeat;} #body #side #formulas li{width: 230px; height: 35px; float: left; list-style: none; padding: 0 0 2px 0;} #body #side #formulas #bioFunction a{width: 230px; height: 35px; float: left; text-indent: -9999px; background: url('images/formulas/biofunction_off.jpg') no-repeat;} #body #side #formulas #bioFunction a:hover{background: url('images/formulas/biofunction_on.jpg') no-repeat;} #body #side #formulas #bioCommand a{width: 230px; height: 35px; float: left; text-indent: -9999px; background: url('images/formulas/biocommand_off.jpg') no-repeat; } #body #side #formulas #bioCommand a:hover{background: url('images/formulas/biocommand_on.jpg') no-repeat;} #body #side #formulas #bioNutriment a{width: 230px; height: 35px; float: left; text-indent: -9999px; background: url('images/formulas/bionutriment_off.jpg') no-repeat; } #body #side #formulas #bioNutriment a:hover{background: url('images/formulas/bionutriment_on.jpg') no-repeat;} #body #side #formulas #bioChallenge a{width: 230px; height: 35px; float: left; text-indent: -9999px; background: url('images/formulas/biochallenge_off.jpg') no-repeat; } #body #side #formulas #bioChallenge a:hover{background: url('images/formulas/biochallenge_on.jpg') no-repeat;} #body #side #formulas #bioExtract a{width: 230px; height: 35px; float: left; text-indent: -9999px; background: url('images/formulas/bioextract_off.jpg') no-repeat; } #body #side #formulas #bioExtract a:hover{background: url('images/formulas/bioextract_on.jpg') no-repeat;} #body #side #formulas #bioTincture a{width: 230px; height: 35px; float: left; text-indent: -9999px; background: url('images/formulas/biotincture_off.jpg') no-repeat; } #body #side #formulas #bioTincture a:hover{background: url('images/formulas/biotincture_on.jpg') no-repeat;} #body #side #formulas #cxextract a{width: 230px; height: 35px; float: left; text-indent: -9999px; background: url('images/formulas/cxextract_off.jpg') no-repeat; } #body #side #formulas #cxextract a:hover{background: url('images/formulas/cxextract_on.jpg') no-repeat;} #body #side #formulas #biopathic a{width: 230px; height: 35px; float: left; text-indent: -9999px; background: url('images/formulas/biopathic_off.jpg') no-repeat; } #body #side #formulas #biopathic a:hover{background: url('images/formulas/biopathic_on.jpg') no-repeat;} #body #side #formulas #bioBasic a{width: 230px; height: 35px; float: left; text-indent: -9999px; background: url('images/formulas/biobasic_off.jpg') no-repeat; } #body #side #formulas #bioBasic a:hover{background: url('images/formulas/biobasic_on.jpg') no-repeat;} #body #side #formulas #chinese a{width: 230px; height: 35px; float: left; text-indent: -9999px; background: url('images/formulas/chinese_off.jpg') no-repeat; } #body #side #formulas #chinese a:hover{background: url('images/formulas/chinese_on.jpg') no-repeat;} #body #side #formulas #kidz a{width: 230px; height: 35px; float: left; text-indent: -9999px; background: url('images/formulas/kidzplay_off.jpg') no-repeat; } #body #side #formulas #kidz a:hover{background: url('images/formulas/kidzplay_on.jpg') no-repeat;} #body #side #formulas #kidz a{width: 230px; height: 35px; float: left; text-indent: -9999px; background: url('images/formulas/kidzplay_off.jpg') no-repeat; } #body #side #formulas #kidz a:hover{background: url('images/formulas/kidzplay_on.jpg') no-repeat;} #footer{width: 100%; float: left; font-size: .9em; color: #fff; margin-bottom: 20px; background: #202f5a url('images/legalTop.jpg') left top no-repeat ;} #footer a{color: #fff; text-decoration: none; font-weight: normal;} #footer a:hover{text-decoration: underline;} #footer #legal{width: 750px; float: left; padding: 0px 25px; background: url('images/legalBottom.jpg') left bottom no-repeat;} #footer #legal p{float: left; font-size: 1em;} #footer #legal ul{ float: right; padding: 9px 0 0 0 ;} #footer #legal li{display: inline; list-style: none; padding: 0 0 0 6px;} #footer #legal li.brd{background: url('images/brd.png')right 2px no-repeat ; padding: 0 10px 0 0px;} /* MISC. -----------------------------------------------*/ .left{float: left;} .right{float: right;} .black{color: #000;} .white{color: #fff;} .hide{display: none;} /* clearing */ #shdwraper:after{ content: '.'; height: 0px; visibility: hidden; display: block; clear: both; } /* formula tables */ table#detail { width:470px; background-color:#ffffff; } #function, #command, #nutriment, #challenge, #extract, #tincture, #pathic, #basic, #chinese5, td.de-title2, p.title, .de-title, .usage { text-transform:uppercase; } #function, #command, #nutriment, #challenge, #extract, #tincture, #pathic, #basic, #chinese5 { padding-left:12px; color:#ffffff; font-size:14px; font-weight:bold; vertical-align:middle; } #function { background-color:#e17527; } #command { background-color:#e4c61a; } #nutriment { background-color:#1ab0d8; } #challenge { background-color:#c6437e; } #extract { background-color:#71b752; } #tincture { background-color:#b9cf1f; } #pathic { background-color:#9ec0e0; } #basic { background-color:#1a5abd; } #chinese5 { background-color:#b7c26a; } table#detail, td.de-title2 { border:1px solid #e7e7e7; } td.de-title2 { _width:446px; } td.contents { padding: 0 12px; } td.contents p { margin:0; padding:0; } .usage { padding:0 0 20px 12px; } .pad-right12 { padding-right:12px; } td.de-title2, p, .de-title, .usage, td.notes { font-size:11px; } td.de-title2 { background-color:#f2f5ec; padding-left: 12px; } p.title { font-size:13px; font-weight:bold; margin-top:0; padding-top:0; color:#2b3e6d; } p.warning, td.notes { color:#999999; } p.warning { font-size:9px; } td.notes { padding:30px 20px 0px 20px; font-style:italic; } .de-title, .usage, td.de-title2 { color:#6c9900; } .star { font-size:16px; color:#e17527; margin-top:5px; } .mar-r15 { margin-right:15px; } .space { padding:5px; _padding:30px; _margin:50px; } table#main-links td{text-align:left; vertical-align:middle; padding: 5px 0px;}