html,body { margin:0; padding:0; background-color:#393A3A; /**/ background-image:url(images/bgslice.gif); background-repeat:repeat-x; font-family: Arial, Helvetica, sans-serif; color: #000000; } b{font-size: 110%;} em{color: red;} #maincontainer{ width: 794px; /*Width of main container*/ margin: 0 auto; /*Center container on page*/ background-image:url('contentslice.gif'); background-repeat:repeat-y; } #topsection{ background: #ffffff; background-image:url('spavacoffee.jpg'); background-repeat:no-repeat; height: 162px; /*Height of top section*/ } #newsletter { background: #fff; width:169px; margin-left:22px; padding: 0px 6px 0px 15px; background-image:url('newsletterbg.gif'); background-repeat:no-repeat; } #newsletter h2 { color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; padding:5px 0 0 0; margin: 0 0 -2px 0; } #newsitems { background: #fff; width:169px; margin:0 0 0 22px; padding: 0px 6px 6px 15px; background-image:url('newsslice.gif'); background-repeat:repeat-y; } #newsitems h3 { color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:150%; font-weight:normal; padding:0px 0 7px 0; margin: 0 0 0px 0; } #newsitems p { color:#007868; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:150%; padding:3px 12px 12px 0; margin: 0 0 0 0; } #home { position:relative; background-image:url(images/humet.jpg); background-repeat:no-repeat; background-position:top; } #newstitle { background: #fff; width:169px; margin:0 0 0 22px; padding: 0px 6px 0px 15px; background-image:url('newsbg.gif'); background-repeat:no-repeat; } #newstitle h2 { color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; padding:5px 0 0 0; margin: 0; } #contentwrapper{ float: left; width: 100%; background-image:url('contentgradient.gif'); background-position:top; background-repeat:no-repeat; } #contentcolumn{ margin-left: 215px; /*Set left margin to LeftColumnWidth*/ } #leftcolumn{ float: left; width: 215px; /*Width of left column*/ margin-left: -794px; /*Set left margin to -(MainContainerWidth)*/ } #footer{ clear: left; background-image:url('footer.gif'); background-repeat:no-repeat; text-align: center; padding: 0; } #footer p{ padding-top:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#ccc; } #footer a:link, #footer a:active, #footer a:visted,{ color: #ccc; } #footer a:hover { color: #fff; } #immunityhome { float: left; width:235px; background-image:url('immunityhome.jpg'); margin: 0 15px 15px 0; padding: 0px; background-repeat:no-repeat; } #immunityhome p { padding:45px 78px 10px 10px; font-size:11px; } #immunityhome a:active, #immunityhome  a:link, #immunityhome  a:visited { font-weight:bold; color:#99052f; text-decoration:underline; } #immunityhome a:hover{ color:#ac0c3a; } #metabolismhome { float: left; width:235px; background-image:url('metabolismhome.jpg'); margin: 0 15px 15px 0; padding: 0px; background-repeat:no-repeat; } #metabolismhome p { padding:45px 78px 10px 10px; font-size:11px; } #metabolismhome a:active, #metabolismhome  a:link, #metabolismhome  a:visited { font-weight:bold; color:#fdb916; text-decoration:underline; } #metabolismhome a:hover{ color:#ffc63c; } #clarityhome { float: left; width:235px; background-image:url('clarityhome.jpg'); margin: 0 15px 15px 0px; padding: 0px; background-repeat:no-repeat; } #clarityhome p { padding:45px 78px 10px 10px; font-size:11px; } #clarityhome a:active, #clarityhome  a:link, #clarityhome  a:visited { font-weight:bold; color:#006699; text-decoration:underline; } #clarityhome a:hover{ color:#1282bb; } #flexibilityhome { float: left; width:235px; background-image:url('flexibilityhome.jpg'); margin: 0 15px 15px 0px; padding: 0px; background-repeat:no-repeat; } #flexibilityhome p { padding:45px 78px 10px 10px; font-size:11px; } #flexibilityhome a:active, #flexibilityhome  a:link, #flexibilityhome  a:visited { font-weight:bold; color:#6b2e91; text-decoration:underline; } #flexibilityhome a:hover{ color:#7c3fa2; } #mixed { float: left; width:486px; background-image:url('mixedspavacoffee.jpg'); background-position:right top; margin: 0 15px 15px 0px; padding: 0px; background-repeat:no-repeat; background-color:#ffffff; } #mixed p { padding:0px 305px 10px 10px; font-size:11px; } #mixed h2 { padding:10px 305px 10px 10px; font-size:16px; } #mixed a:active, #mixed  a:link, #mixed  a:visited { font-weight:bold; color:#007868; text-decoration:underline; } #mixed a:hover{ color:#FDB916; } .clearboth { clear: both; } .innertubeleft{ margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/ margin-top: 0; } .innertube{ margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/ margin-top: 20px; margin-right:27px; } .innertube h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.05em; color:#007868;} .innertube p { font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; line-height:130%; text-align:justify;} /* horiz menu */ #horiz-menu { background: url(images/menuslice.gif) 0 0 no-repeat; border-left: 0px solid #B89789; border-right: 0px solid #B89789; padding-bottom:0px; } #horiz-menu a { color: #fff; } #horiz-menu li.active a { color: #fff; } /*#horiz-menu ul li:hover, #horiz-menu ul li.sfHover,*/ #horiz-menu ul ul { background: #009480; } #horiz-menu ul li { background-image:url(images/menubg.png); background-repeat:no-repeat; } #horiz-menu ul li:hover a, #horiz-menu ul li.sfHover a { background-repeat:no-repeat; } #horiz-menu ul li:hover li:hover a, #horiz-menu ul li.sfHover li.sfHover a, #horiz-menu ul li:hover li:hover li:hover a, #horiz-menu ul li.sfHover li.sfHover li.sfHover a, #horiz-menu ul li:hover li:hover li:hover li:hover a, #horiz-menu ul li.sfHover li.sfHover li.sfHover li.sfHover a, #horiz-menu ul li:hover li:hover li:hover li:hover li:hover a, #horiz-menu ul li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a { background-image:none; color: #f6ae00; } #horiz-menu ul li:hover li a, #horiz-menu ul li.sfHover li a, #horiz-menu ul li:hover li:hover li a, #horiz-menu ul li.sfHover li.sfHover li a, #horiz-menu ul li:hover li:hover li:hover li a, #horiz-menu ul li.sfHover li.sfHover li.sfHover li a, #horiz-menu ul li:hover li:hover li:hover li:hover li a, #horiz-menu ul li.sfHover li.sfHover li.sfHover li.sfHover li a { color: #fff; background-image:none; } #horiz-menu ul ul li, #horiz-menu ul ul li:hover, #horiz-menu ul ul li.sfHover { background: url(images/dropdown-div.png) 0 100% repeat-x; } #horiz-menu a.daddy { background: url(images/dropdown-child.png) 100% 100% no-repeat; } a { text-decoration: none; } a:hover { text-decoration: underline; } #horiz-menu { height: 38px; } #horiz-menu ul.nav { padding-left: 32px; } #horiz-menu ul { list-style: none; margin: 0; padding: 0 0 0 0px; } #horiz-menu li { background: none; display: block; float: left; margin: 0; margin-right: 0px; padding: 0; } #horiz-menu li span { display: block; float: left; } #horiz-menu a { font-family: Geneva, Arial, Helvetica, sans-serif; display: block; float: left; height: 38px; line-height: 30px; padding: 0 10px; font-weight: normal; font-size: 13px; } #horiz-menu li li a { font-size: 12px; } #horiz-menu a:hover { text-decoration: none; } #horiz-menu li:hover, #horiz-menu li.sfHover { background-image:url(images/menubga.png); } /* @end */ .clr { clear:both; } #navcontainer ul { margin: 0; padding: 8px 0 0 0; list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; } #navcontainer li { margin: 0 0 1px 22px; } #navcontainer a { display: block; padding: 5px 0px 5px 15px; border: 0px solid #333; width: 154px; background-color: #fff; background-image: url(images/clarity.gif); background-repeat:no-repeat; } #navcontainer a:link, #navlist a:visited { color: #fff; text-decoration: none; } #navcontainer a:hover { border: 0px solid #333; background-color: #fff; background-image: url(images/claritya.gif); color: #fff; } #active a:link, #active a:visited, #active a:hover { border: 0px solid #333; background-color: #fff; background-image: url(images/claritya.gif); color: #fff; } #immunity a:link, #immunity a:visited { border: 0px solid #333; background-color: #fff; background-image: url(images/immunity.gif); color: #fff; } #immunity a:hover { border: 0px solid #333; background-color: #fff; background-image: url(images/immunitya.gif); color: #fff; } #flexibility a:link, #flexibility a:visited { border: 0px solid #333; background-color: #fff; background-image: url(images/flexibility.gif); color: #fff; } #flexibility a:hover { border: 0px solid #333; background-color: #fff; background-image: url(images/flexibilitya.gif); color: #fff; } #metabolism a:link, #metabolism a:visited { border: 0px solid #333; background-color: #fff; background-image: url(images/metabolism.gif); color: #fff; } #metabolism a:hover { border: 0px solid #333; background-color: #fff; background-image: url(images/metabolisma.gif); color: #fff; } #coffees { border: 0px solid #333; background-color: #fff; background-image: url(images/ourcoffeestab.gif); background-repeat:no-repeat; color: #fff; padding: 5px 0px 5px 15px; font-weight:bold; } /*Begin Forms*/ .border { border-style:solid; border-width:1px; border-color:#cccccc; color:#666666; background-color:#fffea8; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:160%; height:14px; width:60px; margin-right:5px; margin-left:5px; } input.border:focus	{ background: #fff; border: 1px solid #595959; } input:hover { background-color:#fdda04; } textarea:hover { background-color:#fff; } textarea.borders:focus	{ background: #fff; border: 1px solid #595959; } .borders { border-style:solid; border-width:1px; border-color:#cccccc; color:#666666; background-color:#F2F2F2; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:130%; height:14px; width:60px; } .formborder { border-style:solid; border-width:0px; border-color:#fff; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:110%; height:18px; width:30px; padding-bottom:0px; background-color:#0b0503; } .formborder:hover { border-style:solid; border-width:0px; border-color:#fff; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:110%; height:18px; width:30px; padding-bottom:0px; background-color:#f89d01; } .formtext {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#007868; letter-spacing: 0px; } .imagedescriptiontext {font-size: 10px} .tableheader {color: #FFFFFF; font-weight: bold; } .smalltableheader {color: #FFFFFF; font-weight: bold; font-size:11px;} .smalltabletext {color: #000000; font-size:11px; } .apDiv1 { position:absolute; top: 200px; left:90px; width:97px; height:99px; z-index:99; }