﻿body { margin:0px 0px; text-align:center; background:#ccc;}

P { font-family: Franklin Gothic Book, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; Color: #444; line-height: 18px; margin: 10px 12px; }

H1 { font-family: Arial, Helvetica, sans-serif; font-size: 42px; font-weight: 400; Color: #000; padding: 0px 0px 0px 0px; margin: 96px 12px 0px 12px; line-height:42px;}

H2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 700; Color: #666; font-style: italic; margin: 2px 24px; text-align:left;}

H3 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 700; Color: #cc6633; font-style: italic; margin: 2px 24px; text-align:left; text-decoration: underline; text-transform:uppercase;}

A:link { text-decoration: none; font-family: Arial; font-size: 11px; Color: #CC3300; text-transform:uppercase;}

A:visited { text-decoration: none; font-family: Arial; font-size: 11px; Color: #CC3300; text-transform:uppercase;}

A:hover { text-decoration: none; font-family: Arial; font-size: 11px; Color: #FF6633; text-transform:uppercase;}

a img { border: none;}

DIV { margin: 0px auto; }


/*"""""""" Major Containers """"""""*/

#container { width: 936px; padding:0px; background: #fff url('../images/bkgd-container.gif'); }

#header { width:916px; height:64px; padding: 0px; background: url('../images/bkgd-header.png') no-repeat; text-align: left;}

#headernavi { float:right; width: 530px; height: 16px; margin: 37px 10px 0px 0px; }

#footer { width :916px; height:80px; padding: 0px; text-align: left; background: url('../images/bkgd-footer.png') no-repeat; border-top:2px #DDD solid;}

#footerL { float:left; width:796px; height:auto; padding: 8px 0px; text-align: left; }

#footerR { float:left; width:120px; height:auto; padding: 8px 0px; text-align: left;  }

#main { overflow: hidden; width: 916px; height:auto; padding: 0px; }

#montage { width: 916px; height: 264px; padding: 0px 24px; background: url('../images/bkgd-deepmontage.png') no-repeat;}

#message { float:left; width: 916px; height:236px; padding: 0px; text-align:left;}

#phtestimonial { float:left; width: 460px; height:348px; padding: 0px; }

#mainnavi { float:right; width: 640px; height:28px; padding: 0px; margin: 0px 24px 0px 0px; }

#content { float:left; width: 656px; height: auto; margin: 0px; padding: 0px; text-align: left; background: url('../images/bkgd-content.jpg') no-repeat;}

#columnL { overflow: visible; float:left; width: 260px; height:auto; margin:0px; text-align: left;}

#storiesbox { float: left; width: 236px; height:auto; margin: 12px 0px 18px 2px; background: url('../images/bkgd-boxhead.png') no-repeat; }

.boxcontent { float: left; width: 234px; height:auto; margin: 8px 0px 0px 0px; border-right:1px #b5c3cc solid; border-bottom:1px #b5c3cc solid; border-left:1px #b5c3cc solid; }

#chatbox { float: left; width: 236px; height:auto; margin: 12px 0px 18px 2px; background: url('../images/bkgd-boxhead.png') no-repeat;  }

#livechat { text-align:left; background:url('../images/bkgd-livechat.png') no-repeat; height:140px; width:216px; margin: 4px 0px 6px 10px; padding: 0px; }

#awardbox { float: left; width: 236px; height:auto; margin: 12px 0px 18px 2px; background: url('../images/bkgd-boxhead.png') no-repeat;  }


/*"""""""" Overlay Styles Section """"""""*/

#blanket { background-color:#111; top:0px; left:0px; width:100%; opacity: 0.65; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; filter: alpha(opacity=65); position:absolute; z-index: 9001; /*ooveeerrrr nine thoussaaaannnd*/ }

#popUpDiv { position:absolute; text-align:left; top:0px; left:0px; background-color:#eee; width:480px; height:540px; z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/ }


/*"""""""" Minor Containers """"""""*/

#present { overflow: visible; float:left; width: 600px; height: auto; margin: 36px 20px 0px 36px; padding: 0px; background:transparent; text-align: left; }

#reasons { overflow: visible; float:left; width: 600px; height: auto; margin: 64px 20px 4px 36px; padding: 0px; background:transparent; text-align: left; }

#reasons1 { overflow: visible; float:left; width: 600px; height: auto; margin: 12px 20px 4px 36px; padding: 0px; background:transparent; text-align: left; }

#reasons2 { overflow: visible; float:left; width: 600px; height: auto; margin: 12px 20px 4px 36px; padding: 0px; background:transparent; text-align: left; }

#ordernow { overflow: visible; float:left; width: 550px; height: 100px; margin: 12px 20px 10px 48px; padding: 0px; background:url('../images/bkgd-ordernow.png') no-repeat; text-align: left; }

#freqaskques { overflow: visible; float:left; width: 600px; height: auto; margin: 60px 20px 4px 36px; padding: 0px; background:transparent; text-align: left; }

#ingredients { overflow: visible; float:left; width: 600px; height: auto; margin: 60px 20px 0px 36px; padding: 0px; background:transparent; text-align: left; }

#usage { overflow: visible; float:left; width: 600px; height: auto; margin: 18px 20px 4px 36px; padding: 0px; background:transparent; text-align: left; }

#succstory { overflow: visible; float:left; width: 600px; height: auto; margin: 60px 20px 4px 36px; padding: 0px; background:transparent; text-align: left; }

.testimonial { overflow: visible; float:left; width: 558px; height: auto; margin: 6px 12px 4px 12px; padding: 0px; background:transparent; text-align: left; border-top:1px #ff6600 solid; }

#sendstory { overflow: visible; float:left; width: 590px; height: auto; margin: 12px 20px 12px 36px; padding: 8px 4px 0px 4px; background:transparent; text-align: left; border:1px #cc3300 solid;}

#health { overflow: visible; float:left; width: 600px; height: auto; margin: 60px 20px 4px 36px; padding: 0px; background:transparent; text-align: left; }

#imphealth { overflow: visible; float:left; width: 558px; height: auto; margin: 6px 12px 4px 12px; padding: 0px; background:transparent; text-align: left; border-top:1px #cc6600 solid; }

#introacai { overflow: visible; float:left; width: 588px; height: auto; margin: 12px 20px 4px 36px; padding: 0px; background:url('../images/bkgd-acaidiv.png') repeat-x; text-align: left; }

#intropsy { overflow: visible; float:left; width: 588px; height: auto; margin: 12px 20px 4px 36px; padding: 0px; background:url('../images/bkgd-psydiv.png') repeat-x; text-align: left; }


/*"""""""" Order Containers and classes """"""""*/

#ordermontage { width: 916px; height: 192px; padding: 0px; background: url('../images/bkgd-orderdeepmontage.png') no-repeat;}

#ordermessage { float:left; width: 456px; height:188px; padding: 0px; text-align:left;}

#orderphtestimonial { float:left; width: 460px; height:188px; padding: 0px; }

#ordercolumnL { overflow: visible; float:left; width: 260px; height:auto; margin:0px; padding-top:30px;text-align: left;}

#ordercontent { float:left; width: 656px; height: auto; margin: 0px; padding: 0px; text-align: left; background: #FFF;}

#ordertoday { width:604px; height: auto; margin: 12px 18px 0px 18px; padding:0px 8px; font-family:Arial; color:#000; font-size: 24px; font-weight:700; letter-spacing:1px; border-bottom:1px #333 solid; line-height:28px;  }

.orderproduct { float:left; width:300px; height: 336px; margin: 20px 13px 10px 13px; padding:0px; background: url('../images/bkgd-product.png') no-repeat; border: 1px #CCC solid; }

.ordersaleproduct { float:left; width:628px; height: 280px; margin: 8px 13px 8px 13px; padding:0px; background: url('../images/bkgd-product.png') repeat-x; border: 1px #CCC solid; }

.product { width:300px; height: 150px; margin: 0px; }

.saleproduct { width:628px; height: 150px; margin: 0px; }

.prodform { margin: 15px 10px; padding:0px;}

.details { width:620px; height: auto; margin-top: 5px; }

.details { width:300px; height: auto; margin-top: 5px; }

.ordermsgtestimonial { margin: 24px 36px 0px 24px; font-family:Garamond, Times new roman; font-size: 18px; font-weight:700; color:#666; text-align:left; line-height:24px;}

.orderbannerjon { float: left; margin: 20px 166px 16px 24px; padding: 0px;}

.phototest { float: left; margin: 2px 204px 6px 38px; padding: 0px;}

.prodimage { float: left; margin:0px 10px 0px 0px; padding:0px;}

.prodtext { margin: 3px 10px; font-family: Arial; font-size:14px; font-weight:700; color:#cc3300;}

.prodtext1 { float: left; width:280px; margin: 1px 10px 1px 10px; font-family: Arial; font-size:12px; font-weight:400; color:#000;}

.prodtext1a { float: left; width:280px; margin: 7px 10px 3px 10px; font-family: Arial; font-size:11px; font-weight:700; color:#000;}

.prodtext1b { float: left; width:280px; margin: 3px 10px 7px 10px; font-family: Arial; font-size:11px; font-weight:700; color:#000;}

.prodtext1c { float: left; width:280px; margin: 7px 10px 7px 10px; font-family: Arial; font-size:11px; font-weight:700; color:#000;}

.prodtext2 {  margin: 5px 10px; font-family: Arial; font-size:14px; font-weight:700; color:#000;}

.prodtext3 { margin: 5px 10px; font-family: Verdana; font-size:10px; font-weight:400; color:#cc0000; }

.prodtext3a { margin: 5px 10px; font-family: Verdana; font-size:10px; font-weight:400; color:#000; }

.prodtext4 { margin: 3px 10px; font-family: Arial; font-size:12px; font-weight:400; color:#000; }

.prodtext4a { margin: 5px 10px; font-family: Arial; font-size:10px; font-weight:400; color:#000; }

.prodtext5 { float: left; width:280px; margin: 1px 10px 1px 10px; font-family: Arial; font-size:12px; font-weight:400; color:#000; }

.prodtext6 { float: left; width:306px; margin: 2px 10px 2px 10px; font-family: Arial; font-size:12px; font-weight:400; color:#000; }

.prodform1 { width:120px; height:24px; margin-top: 10px; padding: 0px; font-family: Arial; font-size: 12px; font-weight:700; color:#FFF; border: 0px solid #666; line-height:15px; background: url('../images/btn-submit.png') no-repeat;  cursor: pointer; cursor:hand; }

.prodform1:hover { color:#000; background: url('../images/btn-submit1.png') no-repeat; cursor: pointer; cursor:hand; }

.prodform2 { margin: 0px 0px 0px 5px; padding: 0px; font-family: Arial; font-size: 12px; font-weight:400; color:#666; line-height:15px; }

.prodform3 { margin: 0px; padding:0px; font-family: Arial; font-size: 12px; font-weight:400; color:#666; line-height:15px; }

.redsale { color:#cc0000; font-size:12px; font-weight:400; text-transform:uppercase; text-decoration:blink;}

.redbonus { color:#cc0000; font-size:10px; font-weight:700; text-transform:uppercase; }

/*"""""""" Misc Image Styles Section """"""""*/

.bannerhead { float: left; margin: 16px 0px 16px 0px; padding: 0px;}

.bannerguarantee { float: left; margin: 8px 54px 12px 8px; padding: 0px;}

.bannerjon { float: left; margin: 20px 166px 12px 24px; padding: 0px;}

.imgjohn { margin: 15px 0px 0px 20px; padding: 0px;}

.imgsuccess { margin: 2px 9px 0px 9px; padding: 0px;}

.imgchat { margin: 0px; padding: 0px;}

.icon1 { float: left; margin: 4px 2px 0px 10px; padding: 0px;}

.icon2 { float: left; margin: 3px 3px 7px 3px; padding: 0px;}

.icon3 { float: left; margin: 4px 0px 4px 12px; padding: 0px;}

.icon4 { float: left; margin: 0px 12px 00px 0px; padding: 0px;}

.imgdeep1 { float: left; margin: 4px 36px 0px 12px; padding: 0px;}

.imgdeep2 { float: left; margin: 0px 36px 4px 29px; padding: 0px;}

.suppfacts { float: left; margin: 4px 12px 20px 12px; padding: 0px;}

.imgacai1 { float: left; margin: 4px 12px 60px 12px; padding: 0px;}

.imgpsy1 { float: left; margin: 4px 12px 86px 12px; padding: 0px;}


/*"""""""" Misc Text Styles Section """"""""*/

.disclaimer1 { margin: 15px 60px 5px 20px; font-family:arial; font-size: 11px; font-weight:400; color:#444; text-align:left;}

.disclaimer2 { margin: 5px 60px 0px 20px; font-family:arial; font-size: 10px; font-weight:400; color:#444; text-align:left; text-transform:uppercase;}

.copyright { margin: 10px 60px 10px 20px; font-family:arial; font-size: 11px; font-weight:400; color:#555; text-align:left;  }

.emporange { color:#CC3300; font-family:arial; font-size:16px; font-weight: 700; }

.empred { color:#CC0000; }

.underline { text-decoration:underline; }

.prflink { font-size:12px; }

.msgslogan { margin: 10px 0px 14px 10px; font-family:arial black; font-size: 24px; font-weight:400; color:#FFF; text-align:left; }

.msgtestimonial { margin: 12px 36px 12px 24px; font-family:Garamond, Times new roman; font-size: 18px; font-weight:700; color:#666; text-align:left; line-height:24px;}

.msgasterick { font-family:arial; font-size: 16px; font-weight:700; text-align:left; line-height:30px; vertical-align:top; }

.boxtitle { margin: 0px 20px 5px 20px; font-family: Arial; font-size: 13px; font-weight:700; color:#333; text-align:left;}

.txtsuccess { margin: 0px 20px 4px 20px; font-family: Arial; font-size: 12px; font-weight:700; color:#CC0000; text-align:left;}

.emphasis { color: #CC3300; font-style:italic;}

.emphasis1 { color: #CC3300; font-weight:700;}

.red { color:#cc0000; }

.black { color:#000; }

.blackbold {  margin: 3px 10px; color:#000; font-family:verdana; font-size:12px; font-weight:700; text-transform:uppercase;}

.help1 { float:left; width:464px; margin: 5px 20px 8px 0px; padding:0px 10px 0px 10px; font-family: Arial; font-size: 18px; font-weight:700; color:#000; text-align:left; line-height:28px; border-top:1px #cc0000 solid }

.help2 { float:left; width:464px; margin: 5px 20px 8px 0px; padding:0px 10px 0px 10px; font-family: Arial; font-size: 18px; font-weight:700; color:#000; text-align:left; line-height:28px; border-top:1px #999 solid }

.help3 { float:left; width:464px; margin: 5px 20px 8px 0px; padding:0px 10px 0px 10px; font-family: Arial; font-size: 16px; font-weight:700; color:#000; text-align:left; line-height:29px; border-top:1px #cc3300 solid }

.orderdeep { float: left; font-family:arial; font-size:26px; color:#FFF; font-weight:700; margin: 28px 0px 4px 0px; padding: 0px; line-height:36px; text-transform:none; cursor: pointer}

.orderdeep:hover { color:#ffcc66;}

.txtingred { font-size:14px; margin: 6px 18px 6px 12px;}

.txtusage { font-size:14px; margin: 6px 18px 6px 12px;}

.txttest { margin: 4px 20px 0px 20px; font-family: Arial; font-size: 16px; font-weight:700; color:#000; text-align:left; line-height:20px;}

.txttest1 { margin: 6px 0px 6px 36px; }

.txtsend { font-size:12px; color:#cc3300; font-weight:700; margin: 8px 12px 4px 12px;}

.txtsend1 { font-size:12px; color:#333; margin: 4px 12px;}

.txtsend2 { font-size:12px; color:#000; text-transform:uppercase; margin: 12px 12px 4px 12px;}

.txthealth { margin: 4px 20px 0px 20px; font-family: Arial; font-size: 16px; font-weight:700; color:#000; text-align:left; line-height:20px; }

.txthealth1 { margin: 6px 0px 6px 36px; }

.listhealth { margin: 3px 0px 3px 36px; font-family: Franklin Gothic Book, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 400; Color: #333; line-height: 18px; background:url('images/bullet-orange.png') no-repeat;}

.ordertoday1 { font-family:Arial; color:#000; font-size: 10px; font-weight:400; letter-spacing:0px; line-height:14px;}

.ordertoday2 { font-family:Arial; color:#cc0000; font-size: 10px; font-weight:400; letter-spacing:0px; line-height:14px;}

.acaititle1 { font-family:Arial; color:#660066; font-size: 16px; font-weight:700; margin: 36px 24px 12px 24px; padding:0px; letter-spacing:0px; line-height:14px; font-style: italic;}

.acaititle2 { font-family:Arial; color:#66cc33; font-size: 40px; font-weight:400; margin: 24px 24px 16px 24px; padding:0px; letter-spacing:0px; line-height:36px;}

.acaitext1 { font-family:Arial; color:#FFF; font-size: 14px; font-weight:400; margin: 2px 24px 12px 24px; padding:0px; letter-spacing:0px; line-height:20px;}

.acaitext2 { font-family:Arial; color:#000; font-size: 14px; font-weight:700; margin: 8px 24px; padding:0px; letter-spacing:0px; line-height:15px;}

.psytitle1 { font-family:Arial; color:#003366; font-size: 16px; font-weight:700; margin: 36px 24px 12px 24px; padding:0px; letter-spacing:0px; line-height:14px; font-style: italic;}

.psytitle2 { font-family:Arial; color:#FFF; font-size: 40px; font-weight:700; margin: 24px 24px 16px 24px; padding:0px; letter-spacing:0px; line-height:36px;}

.psytext1 { font-family:Arial; color:#FFF; font-size: 14px; font-weight:400; margin: 2px 24px 12px 24px; padding:0px; letter-spacing:0px; line-height:20px;}

.psytext2 { font-family:Arial; color:#000; font-size: 14px; font-weight:700; margin: 8px 24px; padding:0px; letter-spacing:0px; line-height:15px;}

.safe { font-family: Arial; font-size: 11px; font-weight: 400; Color: #336699; line-height: 14px; margin: 6px 24px 6px 24px; }

