/* CSS Document */

* {margin: 0;  padding: 0;}

body {
	background-color: #666666;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align:center;
}
	a:link               { color:#778F23; text-decoration:underline; }
  	a:hover              { color:#778F23; text-decoration:underline; }
  	a:visited            { color:#778F23; text-decoration:underline; }
  	a:visited:hover      { color:#778F23; text-decoration:underline; }
	
p	{ padding: 5px 0;}

form p label	{
	float: left;
}

form p input, form p textarea, form p select	{
	float:right;
}

#bodywrapper {
	width: 776px;
    margin: 5px auto;
	padding-bottom: 10px;
	min-height: 100%;
	background: transparent url("../images/beautybg_03.gif") repeat-y center top;
	text-align: left;
	position: relative;
	border: 1px solid #FFFFFF;
}


/* Header
-----------------------------------------------------------------*/

#header {
	float: left;
	width: 529px;
	height: 117px;
	background:url(../images/beautymarked_04.jpg) no-repeat right;
	background-color: #D76086;
	border-right: 1px solid #FFFFFF;
}

#minigreendiv	{
	float: right;
	width: 246px;
	height: 15px;
	background-color: #91AE2B;
	border-bottom: 1px solid #FFFFFF;
}

#topnav {
	float:right;
	width: 236px;
	height: 91px;
	padding: 5px;
	background-color: #ABCD36;
	clear:right;
}

ul.nav	{
	list-style-type: square;
	list-style-position: outside;
	margin: 0;
	padding: 3px 0 0 18px;
}

ul.nav li {
	padding-bottom: 7px;
	color:#FFFFFF;
}

ul.nav li a:link, ul.nav li a:visited	{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

ul.nav li a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	font-weight: bold;
}

#left {
	float: left;
	width: 54%;
	padding: 0;
	margin-left: 6px;
}

#right {
	float: left;
	width: 40%;
	padding: 0;
	margin: 0;
}

#headercontainer	{
	width: 776px;
	height:117px;
}

#greendiv	{
	position: relative;
	left: 0;
	width: 776px;
	height: 17px;
	background-color: #91AE2B;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

#greendiv p	{
	color: #FFFFFF;
	margin-left: 10px;
	margin-top: 0px;
	padding: 0 0 0 10px;
}

#greendiv p a:link, #greendiv p a:visited	{
	color: #FFFFFF;
	margin: 0;
}

#greendiv p a:hover	{
	color: #FFFFFF;
	margin: 0;
	text-decoration:none;
}

ul#list {
	list-style-type:disc;
	list-style-position:inside;
	padding: 5px 0;
	margin: 0 0 0 35px;
}

ul#list li {
	padding: 0 0 2px 0;
}

ul#list a:link, ul#list a:visited	{
	text-decoration:underline;
}

ul#list a:hover	{
	text-decoration:none;
}

/* Footer
-----------------------------------------------------------------*/
#footer	{
	position:relative;
    margin: 0 auto;
	padding: 5px;
	width:766px;
	text-align:center;
	font-size: 11px; 
	color: #333333;
}

#footer ul{
	list-style:none;
}

#footer ul li {
	display:inline;
}

/* mac hide \*/
* html #footer ul ul li {float:left}
* html #footer ul li {display:inline;padding:0;}
/* end hide */

#footer ul li a{
	width:auto;
	text-decoration:none;
	color:#333333;
	padding:0 5px;
	border-right:1px solid #333333;
}

#footer ul li a.end {border-right: 0px solid #000; padding-right: 0;}/*remove border from last mainlist */
#footer ul li a.beginning {padding-left: 0;}/*remove border from last mainlist */
#footer ul li a:hover {color: #333333; text-decoration:underline;}

#footer	p{
	margin: 10px 0;
}

#footer a:link, #footer a:visited	{
	color:#333333;
}

#footer a:hover	{
	color:#333333;
	text-decoration:none;
}


/* Middle Content
-----------------------------------------------------------------*/
#content	{
	margin-left: 85px;
	margin-right: 140px;
	width: 516px;
	padding: 10px;
}

#greycolumn	{
	position:absolute;
	width: 140px;
	top: 144px;
	right: 0;
	padding: 10px 5px;
	font-style:italic;
	color: #333333;
}

.greybox ul	{
	margin: 0;
	padding: 0;
	list-style-type:none;
}

.greyboxheader	{
	width: 174px;
	padding: 3px;
	color:#FFFFFF;
	font-weight: bold;
	font-size: 12px;
	background-color:#999999;
}

.greybox	{
	width: 170px;
	padding: 2px 4px;
	margin-bottom: 10px;
	background-color:#F0F0F0;
	border:1px solid #CCCCCC;
}

.greybox ul a:link, .greybox ul a:visited {
	text-decoration:none;
	color:#999999;
}

.greybox ul a:hover {
	text-decoration:underline;		
}

#rightcontent	{
	float: right;
	width: 380px;
	text-align:justify;
}

#promobox	{
	float: right;
	width: 180px;
	font-size: 11px;
	color:#999999;
	padding: 10px 0 0 5px;
	margin-bottom: 45px;
}

.greenbox {
	 width:305px;
	 padding: 10px 8px;
	 margin: 10px 0;
	 border: 1px solid #91AE2B;
	 font-size: 11px;
	 float:left;
}

.email	{
	float: left;
	font-size: 11px;
	margin: 10px 0;
}

.toplink	{
	float: right;
	font-size: 11px;
	margin: 10px 0;
}

.email p a:link, .email p a:visited, .toplink p a:link, .toplink p a:visited	{text-decoration: underline;}

.email p a:hover, .toplink p a:hover	{text-decoration: none;}



/* Celeb Interview Content
-----------------------------------------------------------------*/

#promoboxceleb	{
	float: right;
	width: 180px;
	font-size: 11px;
	color:#999999;
	padding: 10px 0 2px 5px;
}

#rightcontent-celeb	{
	float: right;
	width: 380px;
	text-align:justify;
}

#rightcontent-celeb a	{
	text-decoration:none;
}

#rightcontent-celeb a:hover	{
	text-decoration:underline;
}

.celebq	{
	color: #D76086;
}

.celebboxheader {
	 width: 119px;
	 margin-top: 10px;
	 padding: 3px;
	 color:#FFFFFF;
	 font-weight: bold;
	 font-size: 12px;
	 background-color:#999999;
	 float:left;
}

/* mac hide \*/
.celebboxheader {float:none;}
/* end hide */

.celebbox {
	 width: 117px;
	 padding: 3px;
	 background-color:#F0F0F0;
	 border:1px solid #CCCCCC;
	 color:#999999;
	 font-size: 11px;
	 float:left;
}

/* mac hide \*/
.celebbox {float:none;}
/* end hide */

p.celebnoline a:link, p.noline a:visited	{
	font-size: 11px;
	text-decoration:underline;	
}

p.celebnoline a:hover	{
	font-size: 11px;
	text-decoration:none;	
}

ul#celeblist {
	list-style-type:disc;
	list-style-position:inside;
	padding: 5px 0;
	margin: 10px 0 20px 35px;
}

ul#celeblist li {
	padding: 0 0 2px 0;
}

ul#celeblist a:link, ul#celeblist a:visited	{
	text-decoration:underline;
}

ul#celeblist a:hover	{
	text-decoration:none;
}

.celebbox-pp {
	 width: 117px;
	 padding: 3px;
	 background-color:#F0F0F0;
	 border:1px solid #CCCCCC;
	 color:#999999;
	 font-size: 11px;
	text-align:center;
	 float:left;
}

/* mac hide \*/
.celebbox-pp {float:none;}
/* end hide */



/* Q&A's Content
-----------------------------------------------------------------*/
.aleft	{
	float:left;
	width: 48%;
	padding: 10px 0 0 0;
	text-align:justify;
}

.aright	{
	float:right;
	width: 48%;
	padding: 10px 0 0 0;
	text-align:justify;
}

.justified	{text-align:justify;}

#promoboxqa	{
	float: right;
	width: 180px;
	font-size: 11px;
	color:#999999;
	padding: 10px 0 0 5px;
	margin-bottom: 20px;
}


/* Resources Content
-----------------------------------------------------------------*/
p.resources	{
	padding: 0;
	margin: 0;
}


/* Services & Contact Us Form
-----------------------------------------------------------------*/

.form2 p	{
	margin: 5px auto;
	width:360px;
	padding: 5px;
	clear:both;
}


/* Services Content
-----------------------------------------------------------------*/
.promobox2	{
	float: left;
	width: 160px;
	font-size: 11px;
	color:#666666;
	padding: 10px 0;
	margin: 10px 15px 10px 0;
	text-align: justify;
}

.promobox3	{
	float: left;
	width: 160px;
	font-size: 11px;
	color:#666666;
	padding: 10px 0;
	margin: 10px 0;
	text-align: justify;
}

.promobox2 h4, .promobox3 h4	{
	border-bottom: 1px solid #D76086;
	text-align: center;
}

.advertising	{
	font-size: 11px;
	text-align:center;
}

.thumbnail	{
	text-align: center;
}

.radioanswer	{
	float:right;
}

.required	{
	font-size: 11px;
	color:#D76086;
}

.formlist	{
	width: 145px;
}


/* Trends Content
-----------------------------------------------------------------*/
.pinkboxheader	{
	width: 174px;
	padding: 3px;
	color:#FFFFFF;
	font-weight: bold;
	font-size: 12px;
	background-color:#778F23;
}

.pinkbox	{
	width: 174px;
	padding: 2px 0 2px 4px;
	margin-bottom: 10px;
    background: #E9F1CB url("../whats_hot/images/fab.gif") repeat-y right top;
	border:1px solid #778F23;
}

.pinkbox a	{
	font-weight:bold;
}

.pinkbox a:hover	{
	text-decoration:none;
}

.pinkbox ul	{
	color:#778F23;
	list-style-type:decimal;
	padding: 0 25px 0 22px;
}

.pinkbox ul	li{
	padding: 10px 0 0 0;
}

ul#mininav{
	margin: 5px auto;
	padding:0;
	list-style:none;
	width:245px;
	height:20px;
	position:relative;
}

ul#mininav li {
	display:inline;
	padding:5px 0;
	text-align:left;
}

/* mac hide \*/
* html ul#mininav li {float:left}
* html ul#mininav ul li {display:inline;padding:0;}
/* end hide */

ul#mininav li a{
	height:20px;
	width:auto;
	text-decoration:none;
	color:#D76086;
	padding:0 5px;
	border-right:1px solid #D76086;
	font-weight:bold;
}

ul#mininav li a.end {border-right:0px solid #000; padding-right: 0;}/*remove border from last mainlist */
ul#mininav li a.beginning {padding-left: 0;}/*remove border from last mainlist */
ul#mininav li a:hover {color: #F9BBCA;}

.hottiesheader	{
	background-color: #91AE2B;
	padding: 8px;
	margin: 10px 0 0 0;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}

.hottieshero	{
	border: 1px dotted #91AE2B;
	padding: 15px 10px;
	font-size: 11px;
	text-align: justify;
	margin: 1px 0 10px 0;
}

.hottiesleft	{
	float:left;
	width: 46%;
	font-size: 11px;
	padding: 10px 0 0 8px;
	text-align:justify;
	display:inline;
}

.hottiesright	{
	float:right;
	width: 46%;
	font-size: 11px;
	padding: 10px 8px 0 0;
	text-align:justify;
}

.wh {	
	font-size: 12px;
	font-weight:bold;
	padding: 2px 5px 2px 5px;
	margin: 10px 0 0 0;
	color:#D76086;
	border-bottom:1px solid #D76086;
	border-left:8px solid #D76086;
	text-align:left;
}

ul.trends p	{
	float:left;
	width: 100px;
	text-align:right;
	padding: 0;
	margin: 0 15px 0 0;
}

ul.trends {
	border-top:1px solid #D76086;
	padding:5px;
	margin: 10px 0 5px 0;
	width: 97%;
	font-size:11px;
	float:left;
}

ul.trends li, ul.bmfav li	{
	list-style-type:none;
	text-align:left;
}

ul.trends li a:link, ul.trends li a:visited {
	color:#D76086;
	font-weight:bold;
}

ul.trends li a:hover{
	color:#D76086;
	font-weight:bold;
	text-decoration:none;
}

.trendsnote	{
	font-size:11px;
}

.trends	{
	margin: 20px 0 0 0;
}

ul.bmfav{
	border-top:1px solid #D76086;
	padding:5px;
	margin: 10px 0 5px 0;
	width: 97%;
	float:left;
}

.pick	{
	border:1px solid #D76086;
	padding:5px;
	margin: 10px 0;
	color: #D76086;
}

.pick ul	{
	list-style-type:decimal;
	padding: 5px 0 0 30px;
}

.pick h6	{
	font-size: 12px;
	padding: 3px 0;
	background-color:#D76086;
	color:#ffffff;
}

.pick a:link, .pick a:visited {
	color: #D76086;
}

.pick a:hover {
	color: #D76086;
	text-decoration:none;
}

.bmtip	{
	margin:0 0 0 5px;
	width: 108px;
	font-size:11px;
	color:#D76086;
	text-align:right;
}

ul#lesson {
	list-style-type:disc;
	list-style-position:inside;
	padding: 5px 0;
	margin: 0 0 0 35px;
}

ul#lesson li {
	padding: 0 0 2px 0;
}

ul#lesson a:link, ul#lesson a:visited	{
	text-decoration:underline;
}

ul#lesson a:hover	{
	text-decoration:none;
}


/* Homepage Content
-----------------------------------------------------------------*/
#homebodywrapper {
	width: 776px;
    margin: 5px auto;
	min-height: 100%;
	background-color: #FFFFFF;
	text-align: left;
	position: relative;
	border: 1px solid #FFFFFF;
}

#lefthero	{
	float:left;
	width: 169px;
	height: 238px;
	margin: 0;
	padding: 0;
	background-image:url(../images/beautymarked_10.jpg);
}

#homerightcontent	{
	float:right;
	width: 604px;
	height: 236px;
	border:1px solid #666666;
}

#pinkdiv	{
	position: relative;
	width: 776px;
	height: 15px;
	background-image:url(../images/bg_home.jpg);
	background-repeat:no-repeat;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

#bottom	{
	width: 776px;
	height: 85px;
	background-image:url(../images/bg_home2.jpg);
	background-position: 0 -15px;
}

.row1	{
	border-bottom:1px solid #666666;
	height: 149px;
}

.cell1	{
	float:left;
	width: 349px;
	padding: 5px;
}

.cell2	{
	float:left;
	width: 109px;
	height: 149px;
	padding: 0;
	margin: 0;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
}

.cellv2	{
	position: absolute;
	width: 109px;
	height: 149px;
	right: 134px;
	top: 137px;
	padding: 0;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
}

.cell3	{
	float:right;
	width: 124px;
	padding: 5px;
}

.row2	{
	width: 604px;
}

.cell4	{
	float:left;
	width: 139px;
	height: 86px;
	padding: 0;
	background-image:url(../images/green_box.gif);
}

.cell5	{
	float:right;
	width: 465px;
	padding: 0;
}

.minicell1	{
	float:left;
	width: 222px;
	padding: 5px;
}

.minicell2	{
	float:left;
	width: 222px;
	padding:5px;
}

.bottomcell	{
	float:left;
	width: 160px;
	color: #FFFFFF;
	padding: 4px 0 4px 11px;
}

.bottomrightcell{
	float:left;
	width: 63px;
	padding: 5px;
	margin: 10px 0 0 15px;
}

.textright	{
	text-align:right;
	margin: 5px 0 0 0;
}

#homerightcontent p {
	padding: 0 0 5px 0;
}

#bottom p {
	margin: 5px 0 0 0;
	padding: 0 0 3px 0;
}

.bottomcell a:link, .bottomcell a:visited	{
	color: #FFFFFF;
	text-decoration:underline;
	font-weight: bold;
}

.bottomcell a:hover	{
	color: #FFFFFF;
	text-decoration:none;
	font-weight: bold;
}

.form1	{
	padding: 0;
	margin: 5px;
}

.form1 p input, .form1 p select	{
	font-size: 11px;
	margin: 0;
	padding: 0;
}

.vipinput	{
	width: 65px;
	height: 15px;
	float:left;
}

.vipselect {
	 width: 35px;
	 height: 20px;
	 padding: 0;
}


/* Headings
-----------------------------------------------------------------*/

h1, h2, h3, h4, h5	{
	font-weight: bold;
}	

h1	{
	font-size: 12px;
	padding: 10px 0;
} 

h2	{
	font-size: 12px;
	padding: 0 0 10px 0;
}

h3	{
	font-size: 16px;
	color: #D76086;
	padding: 0 0 10px 0;
}

h4	{
	font-size: 11px;
	padding: 0 0 5px 0;
}

h5 {	
	font-size: 12px;
	padding: 2px 5px 2px 5px;
	margin: 10px 0 0 0;
	color:#ffffff;
	background-color: #D76086;
	border:1px solid #C1466D;
	text-align:left;
}

h5 a:link, h5 a:visited	{
	color:#ffffff;
}

h5 a:hover {
	color:#ffffff;
}

.greenhead	{
	font-size: 12px;
	font-weight:bold;
	color:#778F23;
}


/* Image Positionings
-----------------------------------------------------------------*/
.greybox img	{float:left; margin: 3px;}

#header img	{padding: 0 0 0 5px;}

#header img	{display:block;float:left;}

img#perfectpotion	{float:right;padding: 20px 0 0 5px;}

.hero125x125	{
	float: left;
	margin: 10px 5px 0 0;
	width: 125px;
	height: 125px;
}

.serviceshero125x125	{
	margin: 10px 5px 0 0;
	width: 125px;
	height: 125px;
}

.servicesgreenbox img {float:left;}

.greenbox img	{float:left;}

.hottieshero img	{float:left;}

.hottiesleft img	{float:left;}

.hottiesright img	{float:left;}

.trends img	{float:left;}

.benefit img	{float:right;}

.greenboxhero	{margin: 0 5px 0 3px;}

.greenboxhero2	{margin: 0 5px 0 3px;}

/* mac hide \*/
.greenbox2 {width: 305px;}
/* end hide */

.cell5 img	{float:left; margin: 3px 5px 10px 3px;}

.hottiesheroshot {margin: 0 5px 35px 0;}

img#pplogo	{float: left; margin:15px 5px;}

img#flowerdiv	{padding: 0 0 0 140px;}

img#glitter	{padding: 0 0 5px 0;}

img#cap	{float: left; margin:10px 10px 0 0;}

.rightblossom	{
	position:absolute;
	bottom: 0;
	right: 0;
	margin: 0 10px 0 0;
	width: 130px;
	height: 217px;
	background:  url("../images/flower_magnolia.jpg") no-repeat; 
}

.rightrose	{
	position:absolute;
	bottom: 0;
	right: 0;
	width: 100px;
	height: 167px;
	margin: 0 20px 0 0;
	background:url("../images/flower_roses.jpg") no-repeat;
}

.rightviolet	{
	position:absolute;
	bottom: 0;
	right: 0;
	width: 130px;
	height: 119px;
	padding: 0;
	margin: 0 10px 5px 0;
	background: url("../images/flower_violet.jpg") no-repeat;
}

.rightrose2	{
	width: 100px;
	height: 167px;
	padding: 0;
	margin: 260px auto 0 auto; 
}

.righttulip	{
	width: 130px;
	height: 217px;
	padding: 0;
	margin: 2600px auto 0 auto;
	background:   url("../images/flower_blossom.jpg") no-repeat; 
}

.rightviolet2	{
	width: 130px;
	height: 119px;
	padding: 0;
	margin: 1500px auto 0 auto; 
}

.rightviolet2	{
	width: 130px;
	height: 119px;
	padding: 0;
	margin: 0 auto; 
}


/* Clear
-----------------------------------------------------------------*/

.clearnoheight{
	height: 1px;
	margin-top:-1px; 
	overflow:hidden; 
	clear:both;
}

.clear{
	clear: both;
	height: 0px;
}

.clearleft{
	clear: left;
	height: 0px;
}

#clear{
	clear: both;
	height: 19px;
}

.clearline{
	clear: both;
	border-top: 1px solid #CCCCCC;
	margin: 15px 0;
}

#clearfooter {
	clear:both;
	height: 0;
	padding: 0;
	margin: 0;
}