﻿body {
	font-family: Arial, Helvetica, sans-serif;
	background: #fff url("../Images/background.jpg") no-repeat center top;
	margin:0px;
	padding:0px;
}
img {
	padding:0px;
	margin:0px;
	border-width: 0px;
	border-style: none;
}
.regMark {
    font-size:75%;
    vertical-align:text-top;
}
.menuRegMark {
    font-size:88%;
    vertical-align:text-top;
}
#container {
	margin:0px auto;
	width:971px;
	padding:0px;
	border:0px solid #ccc;
}

#header {
    padding:20px 0px 0px 0px;
    margin:0 auto;
    border:0px solid #000;
}
#bilboardContainer {
    margin:0 auto;
    clear:both;
    padding:0px 0px 0px 0px;
    width:971px;
    height:367px;
    border:0px solid #000;
}
#contentContainer {
    margin:0 auto;
    clear:both;
    padding:0px 0px 0px 0px;
    width:971px;
    border:0px solid #000;
    background-color:#fff;
    min-height:323px;
}
#contentGap {
    width:971px;
    height:41px;
    border:0px solid #000;
}
#contentTab {
    height:17px;
    width:225px;
    margin:24px 0px 0px 0px;
    float:right;
    border:0px solid #000;
    background-image:url(../images/content_tab_bg.jpg);
    background-repeat:no-repeat;
    background-position:right top;
    color:#fff;
    text-align:center;
}
.contentTabMenu {
	
    list-style-type:none;
    color:#fff;
    font-family:Arial;
    font-size:13px;
    margin:0;
    padding:2px 0px 0px 8px;
}

.contentTabMenu li {
    float:left;
    border:0px solid #000;
    text-align:center;
    padding:0px 15px 0px 14px;
    background-image:url(../images/contentNav_arrow_off.gif);
    background-position:right center;
    background-repeat:no-repeat;
}

.contentTabMenu .tabOn {
    color:#7fe5ff;
    background-image:url(../images/contentNav_arrow_on.gif);
}
.contentTabMenu a {
    color:#fff;
    text-decoration:none;
}
.tabOn a {
    color:#7fe5ff;
    text-decoration:none;
}
#topShadow {
    border:0px solid #000;
    clear:both;
    background-image:url(../images/content_shadow_top.jpg);
    bottom:0px;
    padding-top:6px;
    position:relative;
    background-repeat:repeat-x;
    background-position:bottom;
}

.reg {
    vertical-align:text-top;
    font-size:80%;
}

#internalContent {
    width:971px;
    color:#808080;
    font-size:12px;
    background-color:#fff;
    /*padding:20px 0px 0px 35px;*/
    border:0px solid #000;
    line-height:22px;
    clear:both;
    float:left;
    position:relative;
    min-height:303px;
    height:100%;
}
#internalContentMember {
    width:951px;
    color:#808080;
    font-size:12px;
    background-color:#fff;
    padding:20px 0px 0px 20px;
    border:0px solid #000;
    line-height:22px;
    clear:both;
    float:left;
    position:relative;
    min-height:303px;
    height:100%;
}

#internalContentTeen {
    width:971px;
    color:#808080;
    font-size:12px;
    background-color:#fff;
    /*background-image:url(../images/teen.jpg);*/
    background-position:bottom right;
    background-repeat:no-repeat;
    padding:0px 0px 0px 0px;
    border:0px solid #000;
    line-height:22px;
    clear:both;
    float:left;
    position:relative;
}

#internalContentAdult {
    width:971px;
    color:#808080;
    font-size:12px;
    background-color:#fff;
    /*background-image:url(../images/teen.jpg);*/
    background-position:bottom right;
    background-repeat:no-repeat;
    padding:0px 0px 0px 0px;
    border:0px solid #000;
    line-height:22px;
    clear:both;
    float:left;
    position:relative;
}

#internalContentParent {
    width:971px;
    color:#808080;
    font-size:12px;
    background-color:#fff;
    /*background-image:url(../images/teen.jpg);*/
    background-position:bottom right;
    background-repeat:no-repeat;
    padding:0px 0px 0px 0px;
    border:0px solid #000;
    line-height:22px;
    clear:both;
    float:left;
    position:relative;
}

#internalContentAbout {
    width:936px;
    color:#808080;
    font-size:12px;
    background-color:#fff;
    background-image:url(../images/teen.jpg);
    background-position:bottom right;
    background-repeat:no-repeat;
    padding:20px 0px 0px 35px;
    border:0px solid #000;
    line-height:22px;
    clear:both;
    float:left;
    position:relative;
}

#MainCopyArea {
    width:650px;
	float:left;
	padding:25px 25px 25px 60px;
    color:#383838;
    z-index: 2;
	position: inherit;
	border:0px solid #000;
}
	
#MainCopyArea h3 {
    font-size:14px;
    padding:15px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    color:#bdc609;
}
	
#MainCopyArea a, #MainCopyArea a:link, #MainCopyArea a:active, #MainCopyArea a:visited, #MainCopyArea h3 a, #MainCopyArea h3 a:link, #MainCopyArea h3 a:active, #MainCopyArea h3 a:visited {
	font-weight:bold;
	color:#47833b;
	text-decoration:none;
}
		
#MainCopyArea a:hover, #MainCopyArea h3 a:hover {
	font-weight:bold;
	color:#47833b;
	text-decoration:underline;
}

#sectionHome {
	float:right;
	color:#FFF;
	width:660px;
	margin-right:35px;
	margin-top:20px;
}
	
#sectionHome h1 {
	color:#FFF;
	}

#sectionHome h3 {
	color:#FFF;
	}
	
#sectionHome p {
	/*height:200px;
	overflow-y:scroll;*/
	line-height:17px;
	font-size:12px;
	}

#internalImage img {
	vertical-align:bottom;	
	}
	
/* :: Footer Revised 12-08-09 :::::::::::::::::::::::::::::::::::::::::::::: */
.clear {
	clear: both;
}
.footWrapper {
	width: 100%;
	text-align: center;
	margin: 0px auto;
}	
#footer {
    text-align:left;
	padding:0px;
	border:0px solid #000;
	background: url("../Images/footer_background.gif") no-repeat 0px 0px;
	width: 971px;
	height:293px;
	font-size: 11px;
	color: #262626;
}
#footer .promo1, #footer .promo2, #footer .promo3, #footer .promo4 {
	float: left;
	padding-top: 26px;
	padding-bottom: 21px;
}
#footer .promo1 {
	margin-right: 15px;
	padding-left: 12px;
}
#footer .promo1 a:link, #footer .promo1 a:visited {
	height: 107px;
	width: 227px;
	text-indent: -5000px;
	display: block;
	background: url("../Images/promo_FreeTrial.jpg") no-repeat 0px -107px;
}
#footer .promo1 a:hover {
	text-indent: -5000px;
	background: url("../Images/promo_FreeTrial.jpg") no-repeat 0px 0px;
}
#footer .promo2 {
	margin-right: 21px;
}
#footer .promo2 a:link, #footer .promo2 a:visited {
	height: 107px;
	width: 222px;
	text-indent: -5000px;
	display: block;
	background: url("../Images/promo_scoop.jpg") no-repeat 0px -107px;
}
#footer .promo2 a:hover {
	text-indent: -5000px;
	background: url("../Images/promo_scoop.jpg") no-repeat 0px 0px;
}
#footer .promo3 {
	margin-right: 19px;
}
#footer .promo3 a:link, #footer .promo3 a:visited {
	height: 107px;
	width: 222px;
	text-indent: -5000px;
	display: block;
	background: url("../Images/promo_acneMyths.jpg") no-repeat 0px -107px;
}
#footer .promo3 a:hover {
	text-indent: -5000px;
	background: url("../Images/promo_acneMyths.jpg") no-repeat 0px 0px;
}
#footer .promo4 {}
#footer .promo4 a:link, #footer .promo4 a:visited {
	height: 107px;
	width: 209px;
	text-indent: -5000px;
	display: block;
	background: url("../Images/promo_getPersonal.jpg") no-repeat 0px -107px;
}
#footer .promo4 a:hover {
	text-indent: -5000px;
	background: url("../Images/promo_getPersonal.jpg") no-repeat 0px 0px;
}
#footer p {
	margin: 0px 0px 8px;
	padding: 0px 40px;
}
#footer a:link, #footer a:visited {
    color:#262626; 
	text-decoration:underline;
}
#footer a:hover {
	text-decoration: none;
}


#register {
    width:444px;
    height:34px;
    margin:0 auto;
    background-image:url(../images/register_bg.jpg);
    background-repeat:no-repeat;
    font-size:11px;
    color:#fff;
    margin:5px 0px 0px 0px;
    padding:3px 0px 0px 0px;
}
#legal {
    font-size:11px;
    color:#787878;
    width:850px;
    margin:0 auto;
    padding:10px 0px 20px 0px;
}
#legal a:link, #legal a:visited {
    color:#787878; 
	text-decoration:underline;
}
#legal a:hover {
	text-decoration: none;
}
.h1Footer {
    font-size:11px;
    color:#787878;
    font-weight:normal;
    padding:5px 0px 15px 0px;
    margin:0px;
    line-height:14px;
}
.legal_nav
{
    list-style-type:none;
    margin:0 auto;
    padding:0px;
    width:400px;
}
.legal_nav li
{
    float: left;
    padding: 0px 10px 0px 10px;
    border-right: 1px solid #787878;
}

#internalContent a:link, #internalContent a:visited {
    text-decoration:underline;
    /*color:#2853e4;*/ /*LIGHT BLUE*/
    /*color:#008cb1;*/ /*NAV COLOR*/
    /*color:#808080;*/ /*GRAY*/
    color:#47833b; /*DARK GREEN*/
    font-weight:bolder;
    line-height:22px;
    }
#internalContent a:hover {
    text-decoration:none;
    }

h1 {
    font-size:20px;
    color:#AEBF04;
    padding:0px;
    margin:0px;
    text-decoration:none;
    line-height:20px;
    
}

.page_header {
    padding:0px 0px 15px 0px;
    display:block;
}

#header_text {
    font-size:20px;
    color:#AEBF04;
    padding:0px;
    margin:0px;
    text-decoration:none;
    
}

#sub_headers {
    font-size:15px;
    color:#AEBF04;
    font-weight:bold;
    padding:20px 0px 0px 0px;   
}


.sub_headers2 {
    font-size:15px;
    color:#808080;
    font-weight:bold;
    padding:20px 0px 0px 0px;
   
    
}

#title_box {
    font-size:12px;
    color:#AEBF04;
    padding:0px;
    margin:0px;
    text-decoration:none;
    width:200px;
    
}
h3 {
    font-size:14px;
    color:#bdc609;
}
#body_text {
    text-decoration:none;
    color:#808080;
    line-height:22px;
    }

#call_out {
    color:#AEBF04;
    line-height:22px;
    font-weight:bold;
     
    }
#body_text a, #body_text a:link, #body_text a:active, #body_text a:visited, #body_text a:hover {
    text-decoration:underline;
    color:#808080;
    font-weight:bolder;
    line-height:22px;
    }
ul.body_text {
	color:#AEBF04;
  
}   
#disclaimer {
	padding:25px 25px 25px 60px;
    color:#383838;
	clear:both;
	font-size:12px;
	line-height:14px;
}
#disclaimer h4 {
	font-weight:bold;
	font-size:14px;
	color:#000000;
	padding:0px 0px 4px 0px;
	margin:0px;
}
.submitBtnDerm{margin-bottom:-6px;}
	

/**************** TESTIMONIALS ******************/
.Testimony{width:881px; height:114px; background-image:url(../images/testimonials_bg.gif);}
.testHeader{width:850px;}
.testName{font-weight:bold; color:#fff; float:left; font-size:19px; padding:10px 0px 0px 10px;}
.testDate{font-weight:bold; color:#fff; float:right; font-size:14px;}
.testStory{width:850px;clear:both; color:#fff; font-weight:bold; padding:8px 0px 0px 10px; line-height:16px;}
.resultsVary{font-weight:bold; color:#aebf04; font-size:16px; padding:10px 0px 0px 0px;}

/****************  CASE STUDIIES *****************/
#caseContainer{width:658px; height:2054px; background-image:url(../images/before_after_bg.gif); margin:0px 0px 0px 90px;}
.caseWrapper{margin-bottom:0px; border:0px double #0000ff; padding:20px 20px 3px 30px;}
.caseImage{width:300px; text-align:center;}
.caseImage img{padding:0px; border:0px double #808080; }
.caseNumber{padding:10px 0px 0px 0px; font-size:18px;color:#AEBF04; text-align:center;}


/************** CALLOUTS ***********************/
#callout_top_left_small
{
    width:331px;
    height:134px;
    float:left;
    background-image:url(../images/callout_top_left_small.jpg);
}
#callout_top_left
{
    width:334px;
    height:169px;
    float:left;
    background-image:url(../images/callout_top_left.jpg);
}
#callout_top_right
{
    width:168px;
    height:322px;
    float:right;
    background-image:url(../images/callout_top_right.jpg);
}
#callout_bottom_right
{
    width:558px;
    height:157px;
    float:right;
    background-image:url(../images/callout_bottom_right.jpg);
}
#callout_text
{
    color:#fff;
}
#callout_text a, #callout_text a:link, #callout_text a:active, #callout_text a:visited, #callout_text a:hover
{
    color:#fff;
    text-decoration:underline;
}

/**************NEW CALLOUT COPY*****************/

.bottomRightCallout{float:right;margin-top:-200px;}
.bottomCallout{float:right;}
.rightCallout{float:right;}


/**************INTERNAL NAV ON BILLBOARD*****************/
#internalSubnavMenu {
    clear:both;
    margin:0px 0px 0px 30px;
    /*
    margin:0 auto;
    width:expression(document.getElementById(internalSubNavList).style.width);
    */
}
.internalSubnavStyle {
    height:20px;
    /*width:920px;*/
    font-family:Verdana;
    font-size:11px;
    background-color: #2a691a;
    text-align:center;
}
.internalSubnavStyle ul {
    border: 0px solid #000;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    height:20px;
    list-style-type:none;
    float:left;
    background-color: #2a691a;
    display:inline;
}
.internalSubnavStyle ul li {
    float:left;
    height:20px;
    border-right: 1px solid #aecc9e;
    text-align:center;
    
}
.internalSubnavStyle ul li a {
    color: #dde9dd;
    text-decoration: none;
    padding:4px 10px 6px 10px;
    border:0px solid #fff;
   display:block;
     /*height:18px;*/
}
.internalSubnavStyle ul li a:hover {
    background-color: #dde9dd;
    color:#2a691a;
}


/**************DERM SEARCH*****************/
#find_derm
{
    padding:155px 0px 0px 200px;
}
#tblDermFind
{
    border:0px solid #000;
}
.tdDermFind
{
    border:0px solid #000;
    width:250px;
    height:100px;
    vertical-align:top;
}

/**************SITE MAP*****************/

.lhead{font-size:14px;font-weight:bold;color:#AEBF04;}
.lpage a{margin-left:20px;}

/********** CALLOUTS ************/
#top_callout
{
    text-align:right;
    float:right;
    padding:0px 0px 0px 60px;
    border:0px solid #000;
}
#side_callout
{
    text-align:right;
    float:right;
    border:0px solid #000;
}
#bottom_callout
{
    text-align:right;
    clear:both;
    border:0px solid #000;
    padding:0px 100px 20px 0px;
}

/********** Homepage Flash Replacement Div ************/
.replacement-div { width: 971px; height: 344px; background: #ccecc7 }
.replacement-column {width: 20%; float: left; padding: 24px; }
.replacement-column h2 {font-size: 12px; color: #324c97}
.replacement-column a:link, .replacement-column a:visited  {font-size: 12px; color: #324c97}
.replacement-column:hover  {background: #6c9a34; color: #FFF; height: 296px;}
.replacement-column:hover h1, .replacement-column:hover h2 {color: #FFF}

