*{
padding:0;
margin:0;
}
body{
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
background:url(../images/bg_body.jpg) repeat-x #7FBEEF;
}
img{
border:0;
}
a{
color:#078C9C;
text-decoration:none;
}
#container{
text-align:left;
margin:0 auto;
width:817px;
}
#header{
overflow:hidden;
margin-bottom:5px;
}
#body_container{
background:#fff url(../images/bg_bodyContainer.gif) repeat-x 0 0;
}

#body{
overflow:hidden;
background:url(../images/bg_top_body.gif) no-repeat 0 0;
padding-top:9px;
}
#logo{
margin:10px 0 0 13px;
float:left;
display:inline;
}
#nav{
float:right;
overflow:hidden;
margin:42px 23px 0 0;
display:inline;
}
#reviewtable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	margin-left: 1px;
	margin-right: 1px;
}
#nav li{
list-style:none;
float:left;
display:block;
border-left:1px #11568B solid;
border-right:1px solid #6599C1;
background:no-repeat 11px 0;
}
#nav a{
float:left;
display:block;
background:no-repeat 11px 0;
text-indent:-9999px;
height:13px;
}
#nav .nav_home{
border-left:0;
}
#nav .nav_home, #nav .nav_home a{
background-image:url(../images/nav_home.gif);
width:56px;
}
#nav .nav_acneMythsFacts, #nav .nav_acneMythsFacts a{
background-image:url(../images/nav_acneMythsFacts.gif);
width:180px;
}
#nav .nav_acneFacts, #nav .nav_acneFacts a{
background-image:url(../images/nav_acneFacts.gif);
width:89px;
}
#nav .nav_acneTips, #nav .nav_acneTips a{
background-image:url(../images/nav_acneTips.gif);
width:81px;
}
#nav .nav_contactUs, #nav .nav_contactUs a{
background-image:url(../images/nav_contactUs.gif);
width:87px;
border-right:0;
}
#body{
clear:both;
}


/*--------------------------------------------------------------------------------------
 ^homepage 
*/
#body_head{
overflow:hidden;
margin:0 10px;
background:url(../images/bg_bodyHead.gif) right top no-repeat;
margin-bottom:15px;
width:797px;
}

#body_head img{
float:left;
}

#buttons{
float:left;
border-top:1px solid #CBD1D4;
border-bottom:1px solid #CBD1D4;
height:201px;
text-align:center;
background:#fff;
width:258px;
}

#buttons dd{
display:block;
width:189px;
height:47px;
margin:0 auto;
}

#buttons a{
display:block;
width:189px;
height:47px;
text-indent:-9990px;
}

#buttons dt{
background:url(../images/heading_threeSteps.gif) no-repeat 0 0;
display:block;
width:250px;
height:40px;
text-indent:-9999px;

}

.btn_tropicalRegimen a{
background-image:url(../images/btn_tropicalRegimen.gif);
}
.btn_lifestyle a{
background-image:url(../images/btn_lifestyle.gif);
}
.btn_diet a{
background-image:url(../images/btn_diet.gif);
}

/*---------------------------------------------------------------------
^secondary pages
*/
#secondary #body_head{
background:url(../images/bg_bodyHead2.gif) right top no-repeat;
}

#secondary #buttons{
float:left;
height:114px;
width:440px;
text-align:left;
}

#secondary #buttons dd{
width:135px;
height:34px;
float:left;
margin-right:15px;
}

#secondary #buttons a{
width:135px;
height:34px;
}

#secondary #buttons dt{
background:url(../images/heading_threeSteps2.gif) no-repeat 0 0;
width:215px;
height:19px;
margin:18px 0 9px 0;
}

#secondary #buttons dd.btn_diet{
margin-right:0;
}

#secondary .btn_tropicalRegimen a{
background-image:url(../images/btn_tropicalRegimen2.gif);
clear:right;
}
#secondary .btn_lifestyle a{
background-image:url(../images/btn_lifestyle2.gif);
}
#secondary .btn_diet a{
background-image:url(../images/btn_diet2.gif);
}



/*----------------------------------------------------------------------
^body
*/
#content{
	float:left;
	width:528px;
	background:#fff;
	overflow:hidden;
	margin-left:13px;
	display:inline;
}

#secondary #content p{
color:#666;
font-size:1.4em;
margin-bottom:0.7em;
padding-right:10px;
}

#secondary #content img{
float:right;
margin:9px;
margin-right:10px;
display:inline;
}

#secondary #content h2{
margin-bottom:0.7em;
color:#FC3D32;
font-weight:bold;
font-size:1.4em;
}

/* --- NEW GRID --- */

.table_grid2 {
border-collapse:collapse;
width:521px;
margin-bottom:13px;
position:relative;
}

.table_grid2 td {
background-image:none;
}

.table_grid2 tr.table_tr_top,
.table_grid2 tr.table_tr_bottom {
	height:10px;
}

.table_grid2 td.table_top {
	height:10px;
	background:url(../images/table_top.gif) no-repeat 0 0;
}

.table_grid2 td.table_bottom {
	height:10px;
	background:url(../images/table_bottom.gif) no-repeat 0 0;
}

.table_grid2 tr.firstRow{
	height:43px;
	position:relative;
	top:0;
	left:0;
}

.table_grid2 tr{
height:46px;
position:relative;
top:0;
left:0;
}
.table_grid2 tr.finalRow{
height:42px;
position:relative;
top:0;
left:0;
}

.table_grid2 tr.topRow{
background:none;
}

.table_grid2 tr.topRow th{
height:30px;
background-position:center bottom;
}

.table_grid2 tr.firstRow th{
width:253px;
}

.table_grid2 .th_murad{
background:url(../images/th_murad.gif) no-repeat;
text-indent:-9999px;
width:68px;
}
.table_grid2 .th_exposed{
background:url(../images/th_exposed.gif) no-repeat;
text-indent:-9999px;
width:68px;
}
.table_grid2 .th_rodanFields{
background:url(../images/th_rodanFields.gif) no-repeat;
text-indent:-9999px;
width:64px;
}
.table_grid2 .th_brand{
background:url(../images/th_placeholder.gif) no-repeat;
text-indent:-9999px;
}

.table_grid2 .th_benzoylPeroxide{
background:url(../images/benzoylPeroxide2.gif) no-repeat 0 0;
text-indent:-9999px;
}

.table_grid2 td.checks_benzoylPeroxide {
background:url(../images/benzoylPeroxide_checks.gif) no-repeat 0 0;
width:269px;
}

.table_grid2 .th_salicylicAcid{
background:url(../images/salicyclicAcid2.gif) no-repeat 0 0;
text-indent:-9999px;
}

.table_grid2 td.checks_salicylicAcid {
background:url(../images/salicyclicAcid_checks.gif) no-repeat 0 0;
width:269px;
}

.table_grid2 .th_glycolicAcid{
background:url(../images/glycolicAcid2.gif) no-repeat 0 0;
text-indent:-9999px;
}

.table_grid2 td.checks_glycolicAcid {
background:url(../images/glycolicAcid_checks.gif) no-repeat 0 0;
width:269px;
}

.table_grid2 .th_sulfurDries{
background:url(../images/sulfurDries2.gif) no-repeat 0 0;
text-indent:-9999px;
}

.table_grid2 td.checks_sulfurDries {
background:url(../images/sulfurDries_checks.gif) no-repeat 0 0;
width:269px;
}

.table_grid2 .th_azelaicAcid{
background:url(../images/azelaicAcid2.gif) no-repeat 0 0;
text-indent:-9999px;
}

.table_grid2 td.checks_azelaicAcid {
background:url(../images/azelaicAcid_checks.gif) no-repeat 0 0;
width:269px;
}


.table_grid2 .th_greenTea{
background:url(../images/greenTea2.gif) no-repeat 0 0;
text-indent:-9999px;
}

.table_grid2 td.checks_greenTea {
background:url(../images/greenTea_checks.gif) no-repeat -1px 0;
width:269px;
}

.table_grid2 .th_teaTreeOil{
background:url(../images/teaTreeOil2.gif) no-repeat 0 0;
text-indent:-9999px;
}

.table_grid2 td.checks_teaTreeOil {
background:url(../images/teaTreeOil_checks.gif) no-repeat -1px 0;
width:269px;
}

.table_grid2 .th_allantoin{
background:url(../images/allantoin2.gif) no-repeat 0 0;
text-indent:-9999px;
}

.table_grid2 td.checks_allantoin {
background:url(../images/allantoin_checks.gif) no-repeat -1px 0;
width:269px;
}

.table_grid2 .th_licoriceRoot{
background:url(../images/licoriceRoot2.gif) no-repeat 0 0;
text-indent:-9999px;
}

.table_grid2 td.checks_licoriceRoot {
background:url(../images/licoriceRoot_checks.gif) no-repeat -1px 0;
width:269px;
}

.table_grid2 .th_oliveLeaf{
background:url(../images/oliveLeaf2.gif) no-repeat 0 0;
text-indent:-9999px;
}

.table_grid2 td.checks_oliveLeaf {
background:url(../images/oliveLeaf_checks.gif) no-repeat -1px 0;
width:269px;
}


/* --- END OF NEW GRID --- */


.table_grid{
border-collapse:collapse;
width:521px;
margin-bottom:13px;
position:relative;
}

.table_grid td{
background-image:none;
}

.table_grid tr.firstRow{
	background:url(../images/bg_table_top.gif) no-repeat 0 0;
	height:51px;
	position:relative;
	top:0;
	left:0;
}

.table_grid tr{
background:url(../images/bg_table_row.gif) no-repeat 0 0;
height:46px;
position:relative;
top:0;
left:0;
}
.table_grid tr.finalRow{
background:url(../images/bg_table_bottom.gif) no-repeat bottom;
height:54px;
position:relative;
top:0;
left:0;
}

.table_grid tr.topRow{
background:none;
}

.table_grid tr.topRow th{
height:30px;
background-position:center bottom;
}

.table_grid tr.firstRow td{
width:68px;
}

.table_grid tr.firstRow th{
width:253px;
}

.table_grid .th_murad{
background:url(../images/th_murad.gif) no-repeat;
text-indent:-9999px;
}
.table_grid .th_exposed{
background:url(../images/th_exposed.gif) no-repeat;
text-indent:-9999px;
}
.table_grid .th_rodanFields{
background:url(../images/th_rodanFields.gif) no-repeat;
text-indent:-9999px;
}
.table_grid .th_brand{
background:url(../images/th_placeholder.gif) no-repeat;
text-indent:-9999px;
}

.table_grid .th_benzoylPeroxide{
background:url(../images/benzoylPeroxide.gif) no-repeat 10px 10px;
text-indent:-9999px;
}

.table_grid .th_salicylicAcid{
background:url(../images/salicyclicAcid.gif) no-repeat 10px 10px;
text-indent:-9999px;
}
.table_grid .th_glycolicAcid{
background:url(../images/glycolicAcid.gif) no-repeat 10px 10px;
text-indent:-9999px;
}
.table_grid .th_sulfurDries{
background:url(../images/sulfurDries.gif) no-repeat 10px 10px;
text-indent:-9999px;
}
.table_grid .th_azelaicAcid{
background:url(../images/azelaicAcid.gif) no-repeat 10px 10px;
text-indent:-9999px;
}

.table_grid .th_greenTea{
background:url(../images/greenTea.gif) no-repeat 10px 10px;
text-indent:-9999px;
}
.table_grid .th_teaTreeOil{
background:url(../images/teaTreeOil.gif) no-repeat 10px 10px;
text-indent:-9999px;
}
.table_grid .th_allantoin{
background:url(../images/allantoin.gif) no-repeat 10px 10px;
text-indent:-9999px;
}
.table_grid .th_licoriceRoot{
background:url(../images/licoriceRoot.gif) no-repeat 10px 10px;
text-indent:-9999px;
}
.table_grid .th_oliveLeaf{
background:url(../images/oliveLeaf.gif) no-repeat 10px 10px;
text-indent:-9999px;
}

.table_grid td.check{
background:url(../images/icon_circleCheck.gif) no-repeat 50% 50%;
}

.table_scientific td.check{
background:url(../images/icon_circleCheck_blue.gif) no-repeat 50% 50%; 
}

h1.acneTreatments{
background:url(../images/h1_home.gif) no-repeat 0 0;
width:276px;
height:38px;
text-indent:-9999px;
margin-bottom:12px;
}

#secondary h1{
width:519px;
height:33px;
border-bottom:1px solid #5780AE;
text-indent:-9999px;
color:#fff;
background:0 0 no-repeat;
margin-bottom:0.7em;
font-size:1.5em;
}

#secondary h1.AcneMythsFacts{
background-image:url(../images/h1_AcneMythsFacts.gif);
}

#secondary h1.AcneTips{
background-image:url(../images/h1_AcneTips.gif);
}

#secondary h1.Diet{
background-image:url(../images/h1_Diet.gif);
}

#secondary h1.Disclaimer{
background-image:url(../images/h1_Disclaimer.gif);
}

#secondary h1.ExposedReview{
background-image:url(../images/h1_ExposedReview.gif);
}

#secondary h1.Lifestyle{
background-image:url(../images/h1_Lifestyle.gif);
}

#secondary h1.MuradReview{
background-image:url(../images/h1_MuradReview.gif);
}

#secondary h1.Rodan{
background-image:url(../images/h1_Rodan.gif);
}

#secondary h1.Topical{
background-image:url(../images/h1_Topical.gif);
}

h2.h2_scientificActivities{
background:url(../images/h2_scientificActivities.gif) no-repeat 0 0;
width:152px;
height:32px;
text-indent:-9999px;
margin-bottom:-43px;
}
h2.h2_naturalExtracts{
background:url(../images/h2_NaturalExtracts.gif) no-repeat 0 0;
width:254px;
height:30px;
text-indent:-9999px;
margin-bottom:8px;
}

#supplies{
color:#007084;
font-size:1.3em;
margin-bottom:20px;
overflow:hidden;
}

#supplies h5{
font-weight:bold;
float:left;
text-transform:uppercase;
padding-left:11px;
padding-top:2px;
line-height:1.8em;
}

#supplies h5 span{
font-weight:normal;
text-transform:none;
}

#supplies ul{
float:right;
}

#supplies li{
display:block;
float:left;
list-style:none;
background:url(../images/rule_blueDots.gif) repeat-y right;
width:70px;
padding:5px 0;
text-align:center;
}
p.price{
margin-bottom:9px;
}
p.supply{
font-weight:bold;
}
#supplies a.moreInfo{
background:url(../images/icon_greenArrow.gif) 100% 50% no-repeat;
padding-right:10px;
margin-top:5px;
color:#4FA600;
font-size:.9em;
}

a.btn_order{
background:url(../images/btn_order.gif) no-repeat 0 0;
width:58px;
height:20px;
text-indent:-9999px;
display:block;
margin:5px auto 0  auto;
}

#reviews{
clear:both;
border-top:1px solid #5ABCCA;
}

#reviews p{
font-size:1.4em;
color:#606A74;
font-weight:bold;
text-align:center;
margin-top:1.3em;
}

#reviews ul{
margin:0 auto;
width:453px;
margin-top:1.3em;
}

#reviews li{
list-style:none;
float:left;
font-size:1.3em;
color:#008397;
font-weight:bold;
border-left:1px solid #008397;
position:relative;
padding:0 15px;
z-index:1;
}

.smile{
position:absolute;
z-index:20;
bottom:-30px;
left:15px;
}

#reviews li div.smile_green{
background:url(../images/icon_smileGreen.gif) repeat-x;
height:20px;
display:block;
float:left;		

}

#reviews li div.smile_white{
background:url(../images/icon_smileWhite.gif) repeat-x;
height:20px;
display:block;
float:left;
}

.smiles_one{
width:21px;
}

.smiles_two{
width:42px;
}

.smiles_three{
width:63px;
}

.smiles_four{
width:84px;
}

.smiles_five{
width:105px;
}


#reviews .notes{
clear:both;
font-size:1.1em;
font-weight:normal;
margin-top:70px;

}



/*-----------------------------------------------------------------------
^sidebar
*/
#sidebar{
float:right;
margin-right:13px;
display:inline;
}

#sidebar dt{
background:url(../images/heading_leadingAcneProducts.gif) no-repeat 0 0;
width:218px;
height:32px;
text-indent:-9999px;
}

#sidebar dd{
border:1px solid #5ABCCA;
border-bottom:0;
width:253px;
overflow:hidden;
background:#fff;
}

#sidebar dd h3{
font-size:1.3em;
font-weight:bold;
color:#666;
margin:13px 0 .4em 13px;
}

#sidebar dd p{
margin:0 13px;
color:#666;
font-size:1.2em;
margin:0 0 1.2em 13px;
}

#sidebar dd img{
float:right;
display:inline;
margin:4px 13px 0 2px;
margin-right:7px;
}

#sidebar .science{
float:left;
margin:0 0 10px 10px;
display:inline;
width:140px;

}

.science strong{
text-indent:-9999px;
background:url(../images/science.gif) no-repeat;
text-indent:-9999px;
display:block;
float:left;
width:57px;
height:12px;
}

#sidebar .nature{
float:left;
clear:left;
margin:0 0 10px 10px;
display:inline;
width:140px;
}

.nature strong{
background:url(../images/nature.gif) no-repeat;
text-indent:-9999px;
display:block;
float:left;
height:11px;
width:57px;
text-indent:-9999px;
}
.checks_blue{
background:url(../images/icon_blueCheck.gif) repeat-x;
width:30px;
height:15px;
float:left;
}

.checks_green{
background:url(../images/icon_greenCheck.gif) repeat-x;
width:60px;
height:15px;
float:left;
}

.checks_one{
width:16px;
}

.checks_two{
width:34px;
}

.checks_three{
width:51px;
}

.checks_four{
width:70px;
}

.checks_five{
width:83px;
}

.specialOffer{
background:url(../images/specialRiskFreeOffer.gif) center top no-repeat;
height:14px;
clear:both;
text-indent:-9999px;
display:block;
margin:0 0 13px 10px;
width:164px;
height:14px;
}

.productButtons{
clear:both;
overflow:hidden;
margin:0 0 13px 6px;
}

.btn_readReviews{
float:left;
display:block;
width:133px;
height:17px;
background:url(../images/btn_readStaffReviews.gif) no-repeat 0 0;
text-indent:-9999px;
margin-right:16px;
}

.btn_orderNow{
float:left;
display:block;
width:85px;
height:22px;
background:url(../images/btn_orderNow.gif) no-repeat 0 0;
text-indent:-9999px;
}

#sidebar dd.dd_rodanFields{
border-bottom:1px solid #5ABCCA;
}

#sidebar dd.notes{
border:0;
padding-top:12px;
}

.notes span{
color:#FC3D32;
font-weight:bold;
font-size:1.1em;
}

.notes .checks_blue{
margin-left:13px;
display:inline;
}

/*-----------------------------------------------------------------------------------------
^footer
*/
#footer{
clear:both;
background:url(../images/bg_body_bottom.gif) no-repeat 0 0;
height:20px;
padding-top:30px;
}

#footer p{
font-size:1.1em;
color:#666;
text-align:center;
}
#contenttable {
	float:left;
	width:528px;
	background:#fff;
	overflow:hidden;
	margin-left:13px;
	display:inline;
}
