body {
 margin: 0;
 background-color: #CAE1FF;
 text-align: center;
 font-size: 12px;
 font-family: Arial;
 }

#container {
 width: 760px;
 margin-left: auto;
 margin-right: auto;
 text-align: left;
 font-size: 12px;
 font-family: Arial;
 color: #333;
 background: #ffffff;
 background-image: url('../images/left_m_bg.jpg');
 background-position: left;
 background-repeat: repeat-y;
 border: 1px solid #607B8B;
}

#top1 {
 padding: 0;
 margin: 0;
 width: 760px;
 height: 100px;
 color: #ffffff;
 background-image: url('../images/header1.jpg');
}

#top_sd {
 padding: 0;
 margin: 0;
 width: 760px;
 height: 100px;
 color: #ffffff;
 background-image: url('../images/header-sensitive-digestion.jpg');
}

#top_sd h1 {
 padding-top: 47px;
 padding-left: 10px;
 margin: 0;
 color: #104E8B;
}

#top_cc {
 padding: 0;
 margin: 0;
 width: 760px;
 height: 100px;
 color: #ffffff;
 background-image: url('../images/header-natural-colon-cleanse.jpg');
}

a.intphones, a.intphones:visited, a.intphones:link {color:#FFFFFF; text-decoration:underline;}
a.intphones:hover{color:#FFCC00; text-decoration:underline;
}

#leftnav {
 margin: 0;
 padding: 0;
 width: 160px;
 float: left;
 font-size: 12px;
 font-family: Arial;
 color: #003366;
 background: #F5F5F5;
 background-image: url('../images/left_m_bg.jpg');
}

.blueblock {width: 160px; border-right: 0px solid #000; padding: 0 0 2px 0; margin:0; font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; background-color: #214100; color: #ffffff;}
* html .blueblock{ /*IE 6 only */width: 130px; color: #ffffff; /*Box model bug: 180px minus all left and right paddings for #blueblock */}
.blueblock ul {list-style: none; margin: 0; padding: 0; border: none; list-style-image: none;}
.blueblock li {border-bottom: 1px solid #becf61; margin: 0;}
.blueblock li a {display: block; padding: 3px 3px 3px 5px; border-left: 10px solid #3f5a09; border-right: 10px solid #9bab46; background-color: #87953d; color: #ffffff; text-decoration: none; width: 100%; line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
html>body .blueblock li a { /*Non IE6 width*/width: auto; color: #ffffff;}
.blueblock li a:hover {border-left: 10px solid #445004; border-right: 10px solid #b5c174; background-color: #646e2c; color: #ffffff;}

#rightcol {
 padding: 0;
 background: #ffffff;
 margin-left: 160px;
 border-left: 1px solid #607B8B;
}

#footer {
 clear: both;
 margin-left: auto;
 margin-right: auto;
 width: 760px;
 background: #ffffff;
 background-image: url('../images/bg_footer.gif');
 height: 100px;
 color: black;
 text-align: left;
 border-top: 1px solid #607B8B;
}

p {
 padding-top: 4px;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 7px;
 margin: 0;
 color: #000000;
 font-size: 12px;
 font-family: Arial;
 line-height: 20px;
}


h1 {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 24px;
 font-weight: bold;
 color: #104E8B;
 margin: 0;
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 3px;
 padding-left: 10px;
 line-height: 30px;
}

h2 {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 19px;
 font-weight: bold;
 color: #204080;
 margin: 0px;
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 2px;
 padding-left: 10px;
} 

#ingredients h2 {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 19px;
 font-weight: bold;
 color: #CC0000;
 margin: 0px;
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 2px;
 padding-left: 10px;
}

h3 {
 font-family: Georgia, Arial, Helvetica;
 font-size: 16px;
 font-weight: bold;
 color: #104E8B;
 margin: 0px;
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 2px;
 padding-left: 10px;
}

/**************** Pseudo classes ****************/ 
a:link { color: #003366; text-decoration: underline; } 
a:visited { color: #003366; text-decoration: underline; } 
a:hover { color: #336600; text-decoration: none; } 
a:active { color: #333300; }

/************************* ID's *************************/

#t1 {
 color: #336600; 
 background-color: #F4F4F4; 
 border-bottom: 1px #cccccc dotted; 
 margin: 0 0 0 0; 
 font-size: 28px; 
 text-align: center;
 }
 
#t2 {
 color: #336600; 
 background-color: #F4F4F4; 
 border-bottom: 1px #cccccc dotted; 
 margin: 0 0 0 0; 
 font-size: 19px; 
 text-align: center;
 }

#phone {
 float: right; display: inline; margin-top: 55px; margin-right: 100px; color: #fff; font-size: 12px; font-family: Arial; text-align: right;
}

#index {
 padding-bottom: 5px;
 border-bottom: 0px #ccc dotted;
 }
 
#index ul {
 margin-top: 0;
 margin-left: 0;
 margin-right: 10px;
 margin-bottom: 5px;
 padding: 0;
 list-style: none;
 line-height:20px;
}

#index li {
 margin: 6px 6px 10px 6px;
 padding-top: 0;
 padding-left: 20px;
 padding-right: 0;
 padding-bottom: 0;
 background: url(../images/check.gif) no-repeat left top;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: normal;
}

#bcc {width: 300px; float: right; border-left: 1px #ccc dotted;}

#mbg_img {margin-top:15px; margin-left:10px; margin-bottom:15px; margin-right:10px; border-top:1px #ccc dotted;}

#bchs {margin-bottom: 30px;}
 
/************************* Classes *************************/
.testis {
 font-family: "Courier New", Courier, monospace;
 font-size: 12px;
 color: #000000;
 background-color: #f5f5f5;
 padding: 6px;
 border: 1px solid #CCCCCC;
 font-weight: normal;
 margin: 10px;
}

.orderprod {border: 1px dashed #42C1FF;padding: 10px 10px 55px 10px;margin: 10px;}
 
.orderprod1 {border: 1px dashed #42C1FF;padding: 10px 10px 35px 10px;margin: 10px;}

.vs-line {clear:right; margin:10px; border-top:1px #ccc dotted;}

hr {margin:10px;}

#order-wrap {
 width: 760px;
 margin-left: auto;
 margin-right: auto;
 text-align: left;
 font-size: 12px;
 font-family: Arial;
 color: #333;
 background: #ffffff;
 border: 1px solid #607B8B;
}