@charset "UTF-8";
/* CSS Document */
#h2 {font-size:16px; color:#2E276A;} 
#h3-grey {font-size:14px; color:#999;}
#h4-i {font-size:12px; color:#999; font-style:italic;}
.heightlight-subtitle{
	color: #2E276A;
	font-size: 14px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#h2-special {font-size:21px; color:#2E276A; line-height:21px;}


hr[noshade=noshade] { border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-color: #ececec; background-color: grey;}
hr { border-color: #ececec; width:100%; float:left; display:inline-block; margin:10px 0 30px 0; border-bottom: 0px; padding: 0; }
ol {counter-reset:li; /* Initiate a counter */
    margin-left:20px; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */}
	
ul {counter-reset:li; /* Initiate a counter */
    margin-left:20px; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */}

img.images {padding: 0 0 25px 0}

#home-content-left { float:left; width:327px; height:192px; background:url(../images/home-skin-tone.png) no-repeat center;}
#home-content-right {float:right; width:300px; height:160px; line-height:20px; background:url(../images/box-blue.png) no-repeat; padding: 30px 30px 0 30px; font-size:12px; display: block; }
#home-aging-box {width:720px; height:400px; background: #f3f3f3; }
#home-aging-box p{padding: 0 30px 30px 30px;}

#learn-title-image {width:100%; margin:20px 0 0 0;}
#learn-box { width:100%; margin:0 0 50px 0;}
#learn-box-last { width:100%; margin:0;}
#learn-content { width:720px; padding-top:10px; display: table; }
#learn-title {float:left; width:450px; margin:0;}
#learn-title-L-Glutathione {float:left; width:450px; margin:0;}
#learn-title2 {float:left; width:450px; margin:0;}
#learn-image {float:right; width:180px; text-align:right;}


/** side menu**/
#sidemenu-container { float:left; width:210px; height: 300px;}
#sidemenu { padding: 20px 0 0 0; margin:0; list-style:none; height:22px; position:relative; z-index:200; font: 12px Arial, sans-serif; text-align:center;}
#sidemenu li.top { display:block; }
#sidemenu li a { display:block;  height:28px; text-decoration:none; padding:0; cursor:pointer; text-align:center; }
#sidemenu li a b { margin-left:-999px;}
#sidemenu li a.about { color:#555555;}
#sidemenu li a.learn-more { color:#555555;}
#sidemenu li a.success-stories { color:#555555;} 
#sidemenu li a.faqs {color:#555555;}
#sidemenu li a.where { color:#555555;}
#sidemenu li:hover a,
#sidemenu li a.hover{ color:#2E276A;}
#sidemenu li a.selected{
	color: #2E276A;
}
#menu-side-tile{ background:url(../images/menu-side-tile.png); height:173px;}
/** end side menu**/


#content-right-container {float:right; width:720px; text-align:left;}

#title {
	margin: 0;
	text-align: left;
	font-weight: 900;
	font-size: 20px;
	color: #2E276A;
}
#paragraph{width:auto; padding:15px 0; line-height:16px; text-align:justify; font-size:12px;}

#inside-content {width:auto; padding:10px 0 0 0; line-height:18px; text-align:justify; font-size:12px;}
.about-benefit {colour:#2E276A;}
#regonization {background:url(../images/logo-recognition.jpg) left no-repeat; width:auto; height:60px; padding-bottom:20px;}


/** learn more **/
#ingredient-container{width:auto; line-height:16px;  font-size:13px; margin:0 0 30px 0; clear:both;}
#ingredient-container2{width:auto; line-height:16px;  font-size:13px; margin:10px 0 0 0;}
#ingredient-photo{width:70px; height:70px; margin:2px 15px 8px 0; float:left;}
#ingredient-text{width:485px; margin:0; float:left; text-align:left; text-align:justify; margin-bottom:30px; clear:both;}

/** success-stories **/
#success-stories {width:auto; line-height:16px; text-align:justify; font-size:13px; margin:0 0 15px 0;}
#before-after-picture{width:270px; height:200px; float:left; margin: 0 0 15px 30px;}
#before-after-text{width:285px; min-height:200px; float:right; padding: 0 30px 0 15px; text-align:left; margin-bottom:15px;}
.name{ font: 15px Arial, sans-serif;}
.place{font: 13px Arial, sans-serif; color:#999999;}
.before-after-picture2{width:auto; height:200px; margin-top:15px;}
#mystory{ margin:15px 0 20px 0;}
#before-after-text2{ width:auto; text-align:left; margin-bottom:15px;}

#success-right{float:right; width:340px; margin:0 0px 0 20px; text-align:left;}
#success-left{float:left; width:340px; margin:0 20px 0 0px; text-align:left;}

#paragraph2{width:auto; padding:0 0 30px 0; line-height:18px; text-align:justify; font-size:12px;}
#wheretobuy{width:auto; padding:0 0 20px 0; line-height:18px; text-align:justify; font-size:12px;}
.where-title {font-size:15px; color:#2E276A;}
/** faqs **/
.heightlight-faq{
	color: #2E276A;
	font-size: 15px;
}

/** **/

#product-dealer {color: #333; text-decoration:none; padding: 10px 0 10px 0;}
#product-dealer  a{color: #333; text-decoration:none;}
#product-dealer  a:hover{color:#EC1C24; text-decoration:none;}