/* CSS Document */


body {
	behavior: url(/_inc/csshover.htc); /* WinIE behavior call */
	border:0;
	font: 11px/16px verdana,arial,helvetica;
	background:#fffffff;
	color:#666;
	text-align:center;
	}
	
p {
	margin-top:0;
	margin-bottom:1em;
	}
	
p.nospace {
	margin-top:0;
	margin-bottom:0;
	}

p.short {
	margin-top:0;
	margin-bottom:.4em;
	}	

html>body p.short  {margin-bottom:.6em;} 
/* what we really want - IE 4/5/6 can't see */

p.small {	font: 10px/16px verdana,arial,helvetica; }

p sup {font-size: 70%;}

		
p.indent {
	padding-left:50px;
	}
	
img {
	border:0;
	}

a:link, a:visited { text-decoration:underline; color:#666;}
a:hover { color:#c99;}

.bold { font-weight:bold; }

.brown { color:#633; }

.pink-text { color: #c36; }

.pink-text2 { color: #c99; }

.pink-text3 { color: #e86e7d; }




/*
.pink-bold { 
	font: bold 12px/18px 'myriad pro',verdana,arial,helvetica,sans-serif;
	color:#c99;
	}
*/
.footnote { padding:0 10px; font-size:10px; line-height:14px; }

h1 {
	font: bold 15px/18px  'myriad pro',verdana,arial,helvetica,sans-serif;
	/*color:#633;*/
	color:#0099CC; 
	}
	
h2 {
	font: bold 12px/18px 'myriad pro',verdana,arial,helvetica,sans-serif;
	color:#c99;
	margin-top:1em;
	margin-bottom:.3em;
	}




h3 {
	font: bold 11px/16px 'myriad pro',verdana,arial,helvetica,sans-serif;
	color:#666;
	margin:0;
	}
	
h4 {
	font: bold 11px/16px 'myriad pro',verdana,arial,helvetica,sans-serif;
	color:#fff;
	margin:0;
	}	

h5 {
	font: normal 11px/16px 'myriad pro',verdana,arial,helvetica,sans-serif;
	color:#c99;
	font-style:italic;
	margin:0;
	}	

	h5.normal { font-style:normal;}

	h5.mag { padding: 10px 0 0 0; margin: 0; font-size: 14px;}

label.error {
color: red;
}

ul.error li {
color: red;
}


img.prodimg {
	position: absolute;
	bottom: 30px;
	left: 0;
	}


.prod1 {
	left: 0;
	bottom: 0;
	}

.prod2 {
	left: 180px;
	bottom: 0;
	}

.prod3 {
	left: 360px;
	bottom: 0;
	}





.thrnav {
	color:#000;
	vertical-align:middle;
	line-height:13px;
	margin-left:7px;
	}
	


#global_nav {
	float: right;
	margin-right: 2px;
}



img.btn-gray {
	border-bottom:1px solid #999;
	}
	
/* SUB-PAGE STYLES */


table#main {
	border:1px solid #aaaaaa;
	margin-top:2px !important; /* important is for IE Mac */
	margin-bottom:5px;
	width:801px;
	font-size:11px;
	line-height:16px;
	}

div#footer {
	text-align:center;
	color:#333;
	font: normal 10px/22px verdana,arial,helvetica, sans-serif;
	width:801px;
	}
	

/* PRINT STYLES */


.separator {
	border-bottom:1px dotted #ccc;
	height:1px;
	margin:15px 0;
	text-align:center;
	}
	
.separator-thin {
	border-bottom:1px dotted #ccc;
	height:1px;
	margin:3px 0;
	text-align:center;
	}	

/* Beauty Events Table */


div#beauty {
	background:url(/news/images/pic_beautyevents.jpg) no-repeat 0% 50%;
	padding:0;
	height:230px;
	}
/* IN USE */	
table#spa_events {
	font-size: 11px;
	padding:0;
	margin:0 auto 1em;
	width: 100%;
	border:0;
	border-collapse:collapse;
	}
	
table#spa_events th {
/*	background:#c99; */
    background:#0099CC;
	color:#fff;
	text-align:left;
	letter-spacing:1px;
	font: bold 12px/12px 'trebuchet ms',verdana,arial,helvetica;
	text-transform:uppercase;
	border:0;
	padding:3px;
	}

	
table#spa_events td {
	padding:2px 0 2px 5px;
	vertical-align:top;
	line-height:18px;
	}


table#spa_events td#date {
	width:25%;
	}

table#spa_events td#location {
	width:50%;
	}

table#spa_events td#phone {
	width:25%;
	}

table#spa_events tr.pink {
	/*background:#f2e6e6;*/
	background:#73CFD6; 
	}

table#spa_events td.leslie {
	color:#633;
	}
/* IN USE */		
	
	div#beauty p {
	padding-left:160px;
	}
	
	div#beauty ul {
	padding-left:175px;
	}
	
	div#beauty ul li {
	margin:0;
	}

	
p.note {
	padding-right:20px;
	font-size:11px;
	font-style:italic;
	color:#633;
	}

	ul.nospace {
	margin-top:0;
	padding-top:0;
	}
	

	
/* beauty-tips styles 10-15-2007 */

.imageleft {
	float:left;
	}

.imageright {
	float:right;
	}	
			
.content-tips {
		padding:0; margin:2px 0 0 20px;  border:0;
		}
	
.leftcol {
		float:left;
		text-align:left;
		padding:0 0 0 24px; border:0;
		}

			
.rightcol {
		float:right;
		text-align:left;
		padding:0 4px 0 0; border:0;
		}
		
		
.twocol {
		float:left ;
		width:580px;
		text-align:left;
		margin:0; border:0;
		}	

.topmargin { 
		margin-top:20px;
		}

.navbox { 
		margin-top: 30px;		
		background-color: #E2B8B7; 
		width: 155px; 
		color: #fff;
		padding: 5px 5px 5px 10px;
		}

.navbox a:link, a:visited { text-decoration:underline; color:#fff;}

.navbox h2 {
		color:#FFF;
		}			
				
a:link, a:visited { text-decoration:underline; color:#633;}
a:hover { color:#c99;}

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