/* CSS Document */

body{margin:0px; padding:0px; background:url(images/bg-pattern.gif) 0 0 repeat;}
td, p, h1, h2, h3, ul, fieldset, img{margin:0px; padding:0px;}
ul{list-style-type:none;}

#main{border-left:8px solid #FFFFFF; border-right:8px solid #FFFFFF; background-color:#FFFFFE; color:#373737;}

/*----------Header Panel----------*/
#header{background:url(images/header.jpg) 0 0 no-repeat; padding:50px 0 5px 0;}
#header h1{width:374px; clear:right; float:right; margin:90px 0 73px; background:url(images/caption.gif) 0 0 no-repeat; font-size:1px; line-height:38px; text-indent:-5000px;}
#header ul{clear:both; width:764px;}
#header ul li{float:left; border-left:1px solid #B3D2F7; border-right:1px solid #469AF2; border-top:1px solid #366BAD; border-bottom:1px solid #3279C9;}
#header ul li.corner{float:left; border:none;}
#header ul li.left{border-left:none;}
#header ul li.right{border-right:none;}
#header ul li a{display:block; background:url(images/navbar-bg.gif) 0 0 repeat-x; padding:15px 12px 14px;}
#header ul li a:hover{display:block; background:url(images/navbar-bg-hover.gif) 0 0 repeat-x; padding:15px 12px 14px;}


/*----------Left Panel----------*/
#leftpan fieldset{background:#F0F0F0; border:1px solid #E0E0E0; margin:0 15px 20px 0; padding:15px 10px; color:#4B4B4B;}
#leftpan fieldset h2{font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#0050B4; margin:0 0 10px; background:url(images/divider.gif) 0 15px repeat-x #F0F0F0;}
#leftpan fieldset h2.ingredients{background:url(images/divider.gif) 0 31px repeat-x;}
#leftpan fieldset h2 span{color:#F00000;}
#leftpan fieldset ul li{font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; background:url(images/icon-arrow.gif) 0 4px no-repeat; padding:0 0 10px 10px;}
#leftpan fieldset p.image{text-align:right;}
#leftpan fieldset p{font:11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 15px;}
#leftpan fieldset p span{font-weight:bold;}
#leftpan fieldset p.opportunity{background:url(images/business-opportunity.jpg) 0 0 no-repeat; padding:122px 0 15px; }
#leftpan fieldset ul.ingredients li{background:none; font-weight:normal; padding:0 0 15px;}
#leftpan fieldset ul.ingredients li span{font-weight:bold; color:#D7005A; background:#F0F0F0;}


/*----------Right Panel----------*/
#rightpan h2{font:18px/18px Georgia, "Times New Roman", Times, serif; color:#000000; background:#BBC8CD; margin:15px 0 15px 10px;}
#rightpan h2 span.black{color:#000000; background:#FFFFFF;}
#rightpan h2 span.blue{color:#0050B4; background:#FFFFFF;}
.pad{padding:0 15px 0 0;}
#rightpan h3{font:bold 13px/20px Verdana, Arial, Helvetica, sans-serif; color:#373737; background:#FFFFFF; padding:0 0 0 10px;}
#rightpan p{font:12px/16px Verdana, Arial, Helvetica, sans-serif; color:#373737; background:#FFFFFF; padding:0 0 15px 10px;}
#rightpan p span{font-weight:bold; font-size:11px; color:#0050B4; background:#FFFFFF;}
#rightpan p.small{font:bold 10px/12px Verdana, Arial, Helvetica, sans-serif;}
#rightpan p.small span{color:#F00000; background:#F6F6F6;}
#rightpan p.divider{background:url(images/divider.gif) 0 0 repeat-x; padding:0px;}

#goal{background:url(images/divider.gif) 0 0 repeat-x #F6F6F6; color:#373737; padding:0 10px 0 0;}
#goal h2 span.black{color:#000000; background:#F6F6F6;}
#goal h2 span.blue{color:#0050B4; background:#F6F6F6;}
#goal h3{color:#373737; background:#F6F6F6;}
#goal p{color:#373737; background:#F6F6F6;}
#goal p span{font-weight:bold; font-size:11px; color:#0050B4; background:#F6F6F6;}


/*----------Product Panel----------*/
.productImage{border:1px solid #D90B7E; margin:10px 10px 10px 20px;}
#product td.first{background:#F6F6F6;}
#product h3{font:16px/32px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#0050B4; padding:0px; background:#F6F6F6;}
#product p{padding:0 0 5px; background:#F6F6F6;}
#product p.more a{line-height:24px; font-weight:bold; float:left; text-decoration:none; color:#000000;}
#product p.more a:hover{color:#F00000;}
#product p.buy{float:right; padding:0px; margin:0 20px 0 0;}

/*----------Bottom Panel----------*/
#bottom{background:url(images/divider.gif) 0 0 repeat-x #F6F6F6; padding:10px 20px; font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#727272;}
#bottom p{padding:0 0 10px;}
#bottom p span{color:#F00000; font-weight:normal;}
#bottom p a{color:#D7005A; text-decoration:underline;}
#bottom p a:hover{color:#000000; text-decoration:none;}


/*----------Footer Panel----------*/
#footer{padding:0 0 40px;}
#footer p{font:11px/14px Verdana, Arial, Helvetica, sans-serif; color:#000000; margin:0 auto; text-align:center; clear:both;}
#footer p.divider{background:url(images/divider.gif) 0 0 repeat-x; margin:0px;}
#footer ul{margin:0 auto; width:590px;}
#footer ul li{float:left; font:bold 12px/38px Verdana, Arial, Helvetica, sans-serif; }
#footer ul li a{color:#0050B4; background:url(images/footer-divider.gif) 100% 2px no-repeat #FFFFFF; padding:0 14px 0 12px; text-decoration:none;}
#footer ul li a.nobg{color:#0050B4; background:#FFFFFF; padding:0 14px 0 12px; text-decoration:none;}
#footer ul li a:hover{color:#000000; background:url(images/footer-divider.gif) 100% 2px no-repeat #FFFFFF;}
#footer ul li a.nobg:hover{color:#000000; background:#FFFFFF;}