@charset "utf-8";
/*To stop browsers altering design, remove padding, margins, underlining from links, borders
from linked images and force all font sizes to be 1em */
body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote {
	padding:0;
	margin:0;
}
body {
	background-color: #e6e6e6;
}
h1, h2, h3, h4, h5, h6, pre, code {
	font-size:100%;
}
a img {
	border:none;
}
a {
	text-decoration:none;
}
h2 {
	font-family: Arial, Verdana, Trebuchet, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
}
h3 {
	font-family: Arial, Verdana, Trebuchet, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
}
h4 {
	font-family: Tahoma, Verdana, Trebuchet, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #333333;
}
h5 {
	font-family: Tahoma, Verdana, Trebuchet, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #8ebaff;
}
.smallcaps {
	font-variant:small-caps;
}
.science {
	font-family:Geneva, Arial, Verdana, Trebuchet, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFFFFF;
	width:626px;
	margin: 8px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	color: #666666;
}
.science h1, h2, h3, h4, h5 {
	font-family: "Century Gothic", Arial, Verdana, Trebuchet, Tahoma, sans-serif;
}
.science h1 {
	font-size: 22px;
	font-weight: bold;
	color: #ae7584;
	text-align: center;
}
.science h2 {
	font-size: 16px;
	font-weight: bold;
	color: #AE7584;
}
.science h3 {
	font-size: 14px;
	font-weight: bold;
	color: #AE7584;
	text-align: center;
}
.science h4 {
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #666666;
}
.science h5 {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #AE7584;
	text-align: center;
}
.science p {
	margin: 5px;
	line-height:1.2;
}
.science ul {
	font: Arial, Verdana, Trebuchet, Helvetica, sans-serif;
	list-style-position: outside;
	margin-top: 7px;
	margin-left: 15px;
	list-style-type: disc;
}
.science a {
	text-decoration:underline;
	color: #666666;
}
.sciencepuriptest1 {
	background-color: #0000FF;
	color: #FFFFFF;
}
.sciencepuriptest2 {
	background-color: #00FFFF;
}
.sciencepuriptest3 {
	background-color: #CCFFCC;
}

#Container {
	height: 500px;
	width: 800px;
	margin: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#Header {
	height: 65px;
	border: 1px none #333333;
	font-family: "Century Gothic", Arial, Verdana, Trebuchet, Tahoma, sans-serif;
	font-size: 24px;
	text-align: center;
	color: #826262;
	letter-spacing: 0.2em;
	line-height: 50px;
	margin-top: 10px;
	font-weight: normal;
}
#Header h1{
	font-size: 10px;
	font-family: "Century Gothic", Arial, Verdana, Trebuchet, Tahoma, sans-serif;
	text-align: center;
	line-height: 8px;
}
body#aseptapage li#asepta a, 
body#heliabrinepage li#heliabrine a,
body#spapage li#spa a,
body#sciencepage li#science a,
body#contactpage li#contact a {
	color: #CC0000;
}
#navmenu {
	width:100%;
	height: 25px;
	margin:0;
	padding:0;
	position: relative;
}
 #navmenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
 #navmenu li a {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #660033;
	font-size: 11px;
	font-weight: normal;
	margin-right: 7px;
	margin-left: 7px;
	float:right;
}
#navmenu li#asepta a:hover,
#navmenu li#heliabrine a:hover,
#navmenu li#spa a:hover,
#navmenu li#science a:hover,
#navmenu li#contact a:hover {
	color: #CC0000;
}
#navmenu li {
	float:right;
}
/* the float: left in the above CSS rule  is there solely for the benefit of IE 5 on Mac - without it, our CSS navigation boxes will stack up on top of each other in this browser. We don't however want other browsers to use this rule, so we need to cancel it for every browser except IE 5 on Mac. The CSS command here, float: none, will cancel out the float: left CSS command because when two CSS commands are specified for the same selector, the second one always takes precedence. This will work for all browsers except IE 5 on Mac, which will be unable to read the second command because of the slashes and stars.*/

/* Hide from IE5-Mac \*/
#navmenu li a {
float: none
}
/* End hide */ 
/*assign a width to our menu navigation. This is optional, but if we don't assign one then menu items on the right may be pushed below the others if users resize their screens.*/

#SubContainer {
	height: 360px;
	width: 780px;
	background-color: #FFFFFF;
	border: 10px solid #f4f4f4;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/* This is the Holly hack for a bug in IE6 for Windows */
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
.helmainpage li#helmain a,
.helessential li#essential a,
.helsensitive li#sensitive a,
.helacne li#acne a,
.helhelix li#helix a,
.helbody li#body a,
.helslimming li#slimming a,
.heloxy li#oxy a,
.helautotan li#autotan a,
.aseptamainpage li#aseptamain a,
.aseptaantiaging li#antiaging a,
.aseptahair li#hair a,
.aseptanails li#nails a,
.aseptahands li#hands a,
.aseptadryfeet li#dryfeet a,
.aseptaspecialist li#specialist a,
.aseptasports li#sports a,
.spamainpage li#spamain a,
.spastylemask li#stylemask a,
.spaheliaspa li#heliaspa a,
.spacolsheets li#colsheets a {
	color: #000000;
	margin-left: 10px;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 0.5em;
	padding-left: 10px;
}
#Sidebar {
	height: 340px;
	width: 160px;
	float: left;
	visibility: hidden;
	font-family: Verdana, Arial, Trebuchet, Helvetica, sans-serif; 
	font-size: 10px;
	margin-left: 7px;
	margin-top: 10px;
	background-repeat: repeat;
	display: inline;
	background-color: #FFFFFF;
}
#Sidebar ul {
	list-style: none;
	padding: 0;
	margin: 0;
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
#Sidebar a {
	color: #666666;
}
#Sidebar li {
	padding: 0.50em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#Sidebar li a:hover {
	color: #000000;
	margin-left: 10px;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 0.5em;
	padding-left: 10px;
}
#Sidebar2 {
	height: 340px;
	width: 160px;
	float: left;
	visibility: visible;
	font-family: Verdana, Arial, Trebuchet, Helvetica, sans-serif; 
	font-size: 10px;
	margin-left: 7px;
	margin-top: 10px;
	background-repeat: repeat;
	display: inline;
	background-color: #FFFFFF;
}
#Sidebar2 ul {
	list-style: none;
	padding: 0;
	margin: 0;
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
#Sidebar2 a {
	color: #666666;
}
#Sidebar2 li {
	padding: 0.50em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#Sidebar2 li a:hover {
	color: #000000;
	margin-left: 10px;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 0.5em;
	padding-left: 10px;
}
#MainContent {
	float: right;
	width: 592px;
	height: 360px;
	font-family: Verdana, Arial, Trebuchet, Helvetica, sans-serif; 
	color: #663333;
	font-size: 11px;
	position: relative;
}
#MainContent ul,
#MainContent2 ul {
	padding: 0;
	list-style: none;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#MainContent li,
#MainContent2 li {
	padding: 0.25em;
}
#MainContent a,
#MainContent2 a {
	color: #666666;
}
#MainContent a:hover,
#MainContent2 a:hover {
	color: #000000;

}
#MainContent2 {
	float: right;
	width: 780px;
	height: 360px;
	font-family: Verdana, Arial, Trebuchet, Helvetica, sans-serif; 
	color: #663333;
	font-size: 11px;
	position: relative;
}

#Details {
	float: left;
	width: 510px;
	margin-top: 20px;
	margin-left: 15px;
	z-index: 7;
	position: absolute;
	display: inline;
}
#Details h2 {
	font-family: Arial, Verdana, Trebuchet, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
#DetailsMainPage {
	float: left;
	width: 350px;
	margin-top: 40px;
	margin-left: 15px;
	z-index: 7;
	position: absolute;
	display: inline;
}
#DetailsMainPage h1 {
	font-family: "Century Gothic", Arial, Verdana, Trebuchet, Tahoma, sans-serif;
	font-size: 18px;
	font-weight: normal;
}
#DetailsProducts {
	float: left;
	width: 390px;
	margin-top: 20px;
	z-index: 7;
	position: absolute;
}
#DetailsAsepta {
	text-align:center;
	float: left;
	margin-top: 10px;
	margin-left: 15px;
	z-index: 7;
	position: absolute;
	display: inline;
	width: 550px;
}
#DetailsProductsAsepta {
	float: left;
	width: 350px;
	margin-top: 135px;
	z-index: 7;
	position: absolute;
}
#DetailsContact {
	width: 600px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
#DetailsOrderPage {
	width: 620px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	font-family: Arial, Verdana, Trebuchet, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}
#DetailsOrderPage h1 {
	font-family:  Verdana, Arial, Trebuchet, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
}
#DetailsOrderPage h2 {
	font-family: Arial, Verdana, Trebuchet, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	background-color: #CCCCCC;
	text-align: center;
}
#DetailsOrderPage a {
	color: #333333;
	text-decoration: underline;
}
#DetailsOrderPage a:hover {
	color: #993300;
	text-decoration: underline;
}
#DetailsOrderPage a:visited {
	color: #993300;
	text-decoration: underline;
}

#DetailsProducts p,
#DetailsProductsAsepta p,
#DetailsAsepta p,
#DetailsMainPage p,
#DetailsContact p,
#Details p {
	margin-top: 5px;
}

#DetailsProducts h1,
#DetailsAsepta h1,
#DetailsContact h1,
#Details h1 {
	font-family: "Century Gothic", Arial, Verdana, Trebuchet, Tahoma, sans-serif;
	font-size: 18px;
	font-weight: normal;
}
#DetailsSiteMap {
	float: left;
	width: 760px;
	margin-top: 10px;
	margin-left: 10px;
	position: absolute;
	display: inline;
}

#DetailsSiteMap h1{
	font-family:Arial, Verdana, Trebuchet, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#DetailsSiteMap h2{
	font-family:Arial, Verdana, Trebuchet, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
}
#DetailsSiteMap h3{
	font-family:Arial, Verdana, Trebuchet, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
}
.SubDetails {
	float:left;
	font-size:9px;
	line-height: 14px;
	margin-left: 5px;
	margin-right: 5px;
}
#SubDetails {
	font-family: Georgia, "Times New Roman", Times, serif;
}
#Ingredients {
	width: 300px;
	background-color: #EBE7E7;
	visibility: hidden;
	position: absolute;
	left: 100px;
	background-image: url(images/BackgroundSidebar2.gif);
	z-index: 9;
	padding-top: 4px;
	padding-left: 5px;
	color: #000000;
	top: 129px;
	border: 14px solid #FFFFFF;
}

.ordernow {
	font-family: Verdana, Trebuchet, Arial, Helvetica, sans-serif; 
	color: #333333;
	font-size: 10px;
	border: 1px solid #999999;
	width: 85px;
	text-align: center;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 1px;
}
#Image{
	float: right;
	visibility: hidden;
	position: absolute;
	z-index: 4;
	right: 0px;
	bottom: 0px;
}
.ImageFloatRight {
	float: right;
	padding: 8px;
}
#Footer {
	height: 25px;
	margin-top: 2px;
}
#Footer p {
	font-family: Verdana, Arial, Trebuchet, Helvetica, sans-serif; 
	color: #663333;
	font-size: 11px;
}

#Footer a {
	color: #660033;
	text-decoration: none;
}
#Footer a:hover {
	color: #CC0000;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}