body { 
	background-color: #fff;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-family: verdana;
}
#container {
	width: 800px;
	border: 1px solid #EDEDED;
	margin: 0px auto;
	text-align: left;
}
/* Header Styles */
#head {
	height: 120px;
	width: 100%;
	background-image: url('images/header2.jpg');
	background-repeat: no-repeat;
	background-position: middle middle;
	background-color: #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/* End Head Styles */

/* Banner Styles */
#banner {
	height: 225px;
	display: block;
	border-bottom: 1px solid #5b5a5a;
	text-align: center;
	margin-top: 0px;
}
/* End Banner Styles */

/* Menu Styles */
/* Top Menu */
#topmenu {
	padding-top: 100px;
	width: 100%;
}
#topmenu ul, li {
	display: inline;
	margin: 0px;
}
#topmenu li {
	float: left;
	list-style-type: none;
	height: 29px;
	text-align: center;
	font-size: 12px;
	padding: 0px 13px 0px 13px;
}
#topmenu li a, #topmenu li a:active, #topmenu li a:visited {
	display: block;
	text-decoration: none;
	color: #fff;
}
#topmenu li a:hover {
	color: #e82a6b;
}
/* Left Menu */
#leftmenu {
	width: 120px;
	float: left;
}
#leftmenu ul, #leftmenu li {
	font-size: 12px;
	display: list-item;
	list-style-type: none;
	line-height: 20px;
	margin: 0px;
}
#leftmenu li {
	padding-left: 10px;
	margin-top: 15px;
	border-bottom: 1px solid #EDEDED;
}
#leftmenu .spacer {
	display: block;
	height: 50px;
}
#leftmenu a.selected {
	font-weight: bold;
}
#leftmenu li a, #leftmenu li a:active, #leftmenu li a:visited {
	color: #000;
	text-decoration: none;
}
#leftmenu li a:hover {
	color: #e82a6b;
	border-bottom: 0px;
}
/* End Left Menu */
/* End Menu Styles */

/* Main Page Styles */
#content {
	float: right;
	margin: 0px;
	position: relative;
	top: 0px;
	padding: 10px 7px 10px 7px;
	width: 665px;
}
#content h1, #content h2 {
	color: #E11B4D;
	font-size: 16px;
	font-variant: small-caps;
}
#content h2 {
	font-size: 15px;
}
#content p {
	font-size: 12px;
	line-height: 20px;
}
#content a, #content a:active, #content a:visited {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
#content a:hover {
	color: #E11B4D;
	text-decoration: none;
}

#content .block {
	text-align: justify;
	margin: 0px 10px 0px 10px;
}
#content .center {
	text-align: center;
	margin: 0px auto;
}
#content .right {
	float: right;
	margin: 0px;
	margin-left: 20px;
}
#content .right img {
	border: 1px solid #000;
	margin: 0px;
	padding: 0px;
}
#content .left {
	float: left;
	margin: 0px;
	margin-right: 20px;
}
#content .left img {
	border: 1px solid #000;
	margin: 0px;
	padding: 0px;
}
#content .leftNoborder {
	float: left;
	margin: 0px;
	margin-right: 20px;
}
#content .leftNoborder img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
#content ul, #content li {
	font-size: 12px;
	display: list-item;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	line-height: 20px;
}
#content li {
	margin-top: 15px;
}
div.line {
	display: block;
	width: 96%;
	border-bottom: 1px dashed #ededed;
	margin: 7px auto 15px auto;
	text-align: center;
	clear: both;
}
p.buy:first-line {
	font-size: 130%;
}
/* End Main Page Styles */

/* Product Gallery Styles */
#products {
	position:relative; 
	width:650px; 
	height:520px; 
	margin:0 auto; 
	background:#fff url('images/getstarted2.jpg') 25px 10px no-repeat;
}
#products ul {
	width:198px; 
	height:386px; 
	padding:0;
	margin: 0px 7px; 
	list-style-type:none; 
	float:right;
}
#products li {
	float:left;
}
/* Remove the images and text from sight */
#products a.gallery span {
	position:absolute; 
	width:1px; 
	height:1px; 
	top:0px; 
	left:0px; 
	overflow:hidden; 
	background:#fff;
	font-size: 11px;
	font-weight: normal;
	text-align: justify;
}
/* Thumbnail Images */
#products a.gallery, #products a.gallery:visited {
	display:block; 
	color:#000; 
	text-decoration:none; 
	border:1px solid #4F5153; 
	margin:1px 2px 1px 2px; 
	text-align:left; 
}
#products a.slidea {
	background:url('images/products/vitaminC-Th.gif'); 
	height:93px; 
	width:60px;
}
#products a.slideb {
	background:url('images/products/SkinBrightner-Th.gif'); 
	height:93px; 
	width:60px;
}
#products a.slidec {
	background:url('images/products/CacaoNoir-Th.gif'); 
	height:93px; 
	width:60px;
}
#products a.slided {
	background:url('images/products/OilBalance-Th.gif'); 
	height:93px; 
	width:60px;
}
#products a.slidee {
	background:url('images/products/Exfoliation-Th.gif'); 
	height:93px; 
	width:60px;
}
#products a.slidef {
	background:url('images/products/Calming-Th.gif'); 
	height:93px; 
	width:60px;
}
#products a.slideg {
	background:url('images/products/SeaClay-Th.gif'); 
	height:93px; 
	width:60px;
}
#products a.slideh {
	background:url('images/products/vitaminA-Th.gif'); 
	height:93px; 
	width:60px;
}
#products a.slidei {
	background:url('images/products/CoEnzyme-Th.gif'); 
	height:93px; 
	width:60px;
}
/* Hover Styles for Product Gallery */
#products a.gallery:hover {
	border:1px solid #fff;
}
#products a.gallery:hover span {
	position:absolute; 
	width:400px; 
	height:500px; 
	top:10px; 
	left:25px; 
	color:#000; 
	background:#fff;
}
#products a.gallery:hover img {
	border:1px solid #4F5153; 
	float:left; 
	margin-right:15px;
}
/* End Product Gallery */

/* Popup Styles */
#popupcontainer {
	width: 95%;
	border: 1px solid #4F5153;
	border-top: 3px solid #4F5153;
	border-bottom: 3px solid #4F5153;
	background-color: #fefbf2;
	margin: 10px auto;
	font-size: 11px;
}
#popupcontainer img {
	border: 1px solid #4F5153;
	float: right;
	margin: 7px;
}
#popupcontainer p {
	margin: 10px;
	text-align: justify;
}
#popupcontainer h2 {
	font-size: 14px;
	font-weight: bold;
}
#popupcontainer a, #popupcontainer a:active, #popupcontainer a:visited {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
#popupcontainer a:hover {
	color: #4A7D99;
	text-decoration: none;
	border-bottom: 1px dashed #BCE0F2;
}
#popupcontainer p.submit {
	text-align: center;
	margin: 20px auto;
}
#popupcontainer input {
	width: 150px;
}
#bottom {
	text-align: center;
	margin: 10px auto;
}
#bottom ul, #bottom li {
	list-style-type: none;
	display: inline;
	margin: 0px;
}
#bottom img {
	float: none;
	border: 0px;
}
/* End Popup Styles */

#baseline {
	display: block;
	clear: both;
	height: 5px;
}
/* Footer Styles */
#foot {
	clear: both;
	height: 50px;
	background-color: #000;
}
#foot p {
	text-align: center;
	color: #fff;
	line-height: 20px;
	font-size: 11px;
}
#foot a, #foot a:active, #foot a:visited {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
#foot a:hover {
	color: #e82a6b;
	text-decoration: none;
	border-bottom: 1px dashed #5b5a5a;
}
#design {
	height: 40px;
	font-size: 11px;
	color: #5b5a5a;
}
#design a, #design a:active, #design a:visited {
	color: #5b5a5a;
	text-decoration: none;
}
#design a:hover {
	color: #e82a6b;
}
.space {
	letter-spacing: 10px;
}
/* End Footer Styles */

/* Contact Form Styles */
div.row {
  	color: #000;
  	clear: both;
  	padding-top: 5px;
}

div.row span.label {
  	width: 150px;
  	float: left;
  	text-align: right;
  	padding-right: 7px;
  	font-size: 13px;
}

div.row span.formw input, textarea, textarea {
  	float: left;
  	width: 350px;
  	text-align: left;
	width: 200px;
}

p.submit {
	text-align: left;
	margin-left: 50px;
}

input {
	width: 150px;
}
/* End Contact Form Styles */