/* body {margin: 0px; padding: 0px; width: 100%; height: 100%; font: 11px Georgia, Serif; color: #333333; line-height: 15px; background-color:#ffffff; text-align:left;} */
body {
	margin: 0; 
	padding: 0; 
	width: 100%; 
	height: 100%; 
	font: 11px/15px Arial, Verdana, Helvetica, sans-serif; 
	color: #333333; 
	background-color:#ffffff; 
	text-align:left;
}


/* Styles for Headings */
h1 {
 	padding: 0; 
	margin: 0; 
	color: #8e8e8e; 
	font-size: 15px; 
	line-height: 19px; 
	font-weight: normal;
}
h2 {
 	padding: 0; 
	margin: 0; 
	color: #333333;
	font-size: 14px; 
	line-height: 18px; 
	font-weight: normal;
}
h3 {
	padding: 0;
	margin: 0;
	color: #333333;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
}
h4 {
 	padding: 0; 
	margin: 0; 
	color: #333333; 
	font-size: 13px; 
	line-height: 17px; 
	font-weight: normal;
}
.product_field {
	width: 168px;
	border: 1px solid #cccccc;
	color: #333333;
	font: 11px/15px Arial, Verdana, Helvetica, sans-serif;
}
h5 {
 	padding: 0; 
	margin: 0; 
	color: #7f9c3c; 
	font-size: 13px; 
	line-height: 17px; 
	font-weight: normal;
}
li { 
	font: 11px/15px Arial, Verdana, Helvetica, sans-serif; 
	color: #333333; 
	background-color:#ffffff; 
	text-align:left; 
	margin: 0; 
	padding-top: 2px; 
	padding-bottom: 2px;
}
ul { 
	font: 11px/15px Arial, Verdana, Helvetica, sans-serif; 
	color: #333333; 
	background-color:#ffffff; 
	text-align:left; 
	margin: 0; 
	padding: 0 0 8px 16px; 
	list-style-type: square; 
}

/* Styles for Links */
a:link {	
	color: #7f9c3c;	
	font-weight: bold;	
	text-decoration: none;
}
a:visited {	
	color: #7f9c3c;	
	font-weight: bold;	
	text-decoration: none;
}
a:hover {	
	color: #333333;	
	font-weight: bold;	
	text-decoration: none;
}
a:active {
	color: #7f9c3c;
	font-weight: bold;
	text-decoration: none;
}

.leftnav a:link {
	color: #7c9c11;	
	font-weight: bold;	
	text-decoration: none;
}
.leftnav a:visited {	
	color: #7c9c11;	
	font-weight: bold;	
	text-decoration: none;
}
.leftnav a:hover {
	color: #333333;	
	font-weight: bold;	
	text-decoration: none;
}
.leftnav a:active {
	color: #7c9c11;	
	font-weight: bold;	
	text-decoration: none;
}
.leftnavenews  {
	width: 168px;
	border-top: 1px solid #dcdcdc;
	display: block;	margin-top: 0px;
	padding-top: 5px;
	margin-bottom: 0px;	
	padding-bottom: 5px;
	margin-left: 0px;
}
.leftnavenews a:link {
	color: #f9487c;	
	font-weight: bold;	
	text-decoration: none;
}
.leftnavenews a:visited {
	color: #f9487c;
	font-weight: bold;
	text-decoration: none;
}
.leftnavenews a:hover {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
.leftnavenews a:active {
	color: #f9487c;
	font-weight: bold;
	text-decoration: none;
}

/* Styles for page */
.mainpage {	
	width: 908px;
	margin: 0 auto;
	text-align: left;
}
.header {
	width: 836px;
	height: 100px;
	margin: 0 auto;
	text-align: left;
	float: left;
	padding-left: 36px;
	padding-right: 36px;
}
.logo {
	height: 100px;
	float:left;
	width: 209px;
}
#menu {
	position: absolute;
	text-align: left;
	padding-top: 71px;
	z-index:0;
}
.flash {
 	display: block;	
	width: 908px;	
	height: 307px;
}
.content {
	width: 908px;
	float: left;
}
.feature {
	width: 908px;
	text-align: left;
	float: left;
	height: 151px;
}
.featurebox1 {
	width: 272px;
	text-align: left;
	float: left;
	height: 151px;
	padding-left: 36px;
}
.featurebox2 {
	width: 272px;
	text-align: left;
	float: left;
	height: 151px;
	padding-left: 10px;
	padding-right: 10px;
}
.featurebox3 {
	width: 272px;
	text-align: left;
	float: left;
	height: 151px;
	padding-right: 36px;
}
.featureimage {
	width: 75px;
	text-align: left;
	float: left;
	height: 151px;
}
.featuretext1 {
	width: 161px;
	text-align: left;
	float: left;
	height: 143px;
	padding-left:14px;
	padding-right:14px;
	border: solid #FF4A3D 4px;
}
.featuretext2 {
	width: 161px;
	text-align: left;
	float: left;
	height: 143px;
	padding-left:14px;
	padding-right:14px;
	border: solid #e4cef5 4px;
}
.featuretext3 {
	width: 161px;
	text-align: left;
	float: left;
	height: 143px;
	padding-left:14px;
	padding-right:14px;
	border: solid #fb799d 4px;
	
}
.featuretextarea {
	text-align: left;
	float: left;
	height:116px;
	line-height: 14px;
}
.featurelink {
	text-align: left;
	float: left;
	height:27px;
}
.footer {
	width: 908px;
	text-align: left;
	float: left;
	margin:0 auto
}
.footertext {
	width: 836px;
	text-align: left;
	float: left;
	padding-top: 6px;
	padding-bottom: 30px;
	padding-left: 36px;
	padding-right: 36px;
}

.pagecontent {
	width: 668px;
	float:right;
}
.leftcontent {
	width: 240px;
	float:left;
}
.leftcontenttext {
	width: 168px;
	padding-left:36px;
	padding-right:36px;
	float:left;
}
.leftcontacttext {
	width: 204px;
	padding-left:36px;	
	float:left;
}
.leftnav  {	
	width: 168px;
	border-top: 1px solid #dcdcdc;
	display: block;	margin-top: 0;	
	padding-top: 5px;	
	margin-bottom: 0;	
	padding-bottom: 5px;	
	margin-left: 0; 
}
.leftcontentimage {
	width: 240px;
	float:left;
}
.contentbox {
	width: 305px;
	float:left;
}
.contentboximage {
	width: 305px;
	height:282px;
	float:left;
}
.contentboxtext {
	width: 295px;
	height:134px;
	float:left;
	border-left: solid #cccccc 5px;
	border-right: solid #cccccc 5px;
	border-bottom: solid #cccccc 5px;
}
.contentboxtextarea {
	text-align: left;
	float: left;
	height:105px;
	line-height: 14px;
	padding-left: 13px;
	padding-right: 11px;
}
.contentboxlink {
	text-align: left;
	float: left;
	height:28px;
	width: 295px;
}
.backendimage {
	float:left;
	width:205px;
}
.backendtext {
	float:left;
	width:405px;
	padding-right:36px;
	margin-left: 10px;
	padding-left: 11px;
	border-left: 1px solid #e3e3e3;
}
.backendtext2 {
	float:left;
	width:405px;
	margin-right: 10px;
	padding-right: 11px;
	border-right: 1px solid #e3e3e3;
}
.backendtextsmall {
	float:left;
	width:305px;
	padding-right:36px;
	margin-left: 10px;
	padding-left: 11px;
	border-left: 1px solid #e3e3e3;
}
.webapptextsmall {
	float:left;
	width:305px;
	margin-left: 10px;
	padding-left: 11px;
	border-left: 1px solid #e3e3e3;
}
.webappcontent {
	width: 632px;
	float:left;
}
.specialsheading {
	float:left;
	width:350px;
	padding-top: 8px;
}
.bullets  {
	width: 176px;
	border-top: 1px dotted #7c9c11;
	display: block;
	margin-top: 0;
	padding-top: 5px;
	margin-bottom: 0;
	padding-bottom: 5px;
	margin-left: 0;
}
.bullets2  {
	width: 405px;
	border-top: 1px dotted #7c9c11;
	display: block;
	margin-top: 0;
	padding-top: 5px;
	margin-bottom: 0;
	padding-bottom: 5px;
	margin-left: 0;
}
.bullets3  {
	width: 405px;
	border-top: 1px dotted #7c9c11;
	display: block;
	margin-top: 0;
	padding-top: 3px;
	margin-bottom: 0;
	padding-bottom: 3px;
	margin-left: 0;
}
.bullets4  {
	width: 302px;
	border-top: 1px dotted #7c9c11;
	display: block;
	margin-top: 0;
	padding-top: 3px;
	margin-bottom: 0;
	padding-bottom: 3px;
	margin-left: 0;
}
.openingtimes  {
	width: 200px;
	border-bottom: 1px solid #dcdcdc;
	display: block;
	margin-top: 0;
	padding-top: 5px;
	margin-bottom: 0;
	padding-bottom: 5px;
	margin-left: 0;
}
.backendtextfull {
	float:left;
	width:632px;
	padding-right:36px;
}
.backendtextleft {
	float:left;
	width:352px;
}
.backendrightimages {
	float:right;
	width:280px;
	text-align: left;
}
.backendsmallimage {
	float:right;
	width:150px;
	text-align: center;
}
.formfield {
	border: 1px solid #666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	width: 166px;
}
.formfieldtext {
	width: 116px;
	float:left;
	padding-top:6px;
}
.formfieldtext2 {
	width: 60px;
	float:left;
	padding-top:10px;
}
.fieldlabel {
	padding-top: 8px;
	padding-bottom: 2px;
}
.formfieldarea {
	width: 166px;
	float:left;
	padding-top:6px;
}
.formcontainter {
	width:277px;
	float:left;
	padding-top:6px;
}
.product_field_submit {
	width: 168px;
	border: 1px solid #333333;
	font: 11px/15px Arial, Verdana, Helvetica, sans-serif;
	background-color: #FFFFFF;
}
.productarea {
	height: 170px;
	width: 632px;
	float: left;
	color: #000000;
}
.productareatext {
	text-align: left;
	float: left;
	height:160px;
	line-height: 14px;
	padding-left: 15px;
	padding-right: 15px;
	border: solid #cccccc 5px;
	padding-top: 0px;
	border-left: solid #afafaf 0px;
	width: 446px;
	font-weight: normal;
	font-style: normal;
}
.productareaimage {
	text-align: left;
	float: left;
	height:170px;
	width: 150px;
}
.productarealine {
	height: 10px;
	width: 632px;
	margin-top: 10px;
	border-top: solid #e3e3e3 1px;
	float: left;
}
.productarea a {
    cursor:pointer;
	border-width: 0px;
	color: #000000;
	font-style: normal;
}
.productarea img {
	border-width: 0px;
}
.specialsline {
	height: 10px;
	width: 610px;
	margin-top: 10px;
	border-top: solid #e3e3e3 1px;
	float: left;
}
.textline {
	height: 10px;
	width: 305px;
	margin-top: 10px;
	border-top: solid #e3e3e3 1px;
	float: left;
}
/* Treatment Text Colours */
.facial {
	padding: 4px;
	color: white;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	background-color: #f67d8c;
}
.facialheading {
	padding: 0;
	margin: 0;
	color: #f67d8c;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
}
.bodytreats {
	padding: 4px;
	color: white;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	background-color: #72a8c5;
}
.bodytreatsheading {
	padding: 0;
	margin: 0;
	color: #72a8c5;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
}
.naturo {
	padding: 4px;
	color: white;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	background-color: #68814b;
}
.naturoheading {
	padding: 0;
	margin: 0;
	color: #68814b;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
}
.facebodytreats {
	padding: 4px;
	color: white;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	background-color: #7f9c3c;
}
.facebodytreatsheading {
	padding: 0;
	margin: 0;
	color: #7f9c3c;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
}
.beauty { 
	padding: 4px; 
	color: white; 
	font-size: 14px; 
	line-height: 18px; 
	font-weight: normal; 
	background-color: #e4813e; 
}
.beautyheading {
	padding: 0;
	margin: 0;
	color: #e4813e;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
}

#cat_14623_divs {
  margin: 0px;
  padding: 0px;
  width:600px;

}	

#nav_14623{
width:580px;
}
	
#nav_14623 li {
  /*float the main list items*/
  margin: 0px;
  padding: 0px;
  float: left;
  display: block;
}


#nav_14623 li a {
  /*for all links in the list*/
  color: #f90;
  font-weight: bold;
  display: block;

}


#nav_14623 li.off ul, #nav_14623 li.on ul, #nav_14623 li.over ul {
  /*put the subnavs below and hide them all*/
  *top: 100px; /*reposition for IE*/
  display: none;
  position: absolute;
  height: 29px;
  background-color:transparent;
  left:0px;
 width:580px;

}
  
  
#nav_14623 li.on a {
  /*change border color for active topic area*/
  border: 1px solid #f90;
}


#nav_14623 li.on ul, #nav14623 li.over ul {
  /*display active subnav list*/
  display: block;
  width: 580px;
  
}

#nav_14623 li.on ul a, #nav_14623 li.off ul a {
  float: left;
  /*ie doesn't inherit the float*/
  border: 0;
  color: #f90;
  width: auto;
}


#nav_14623 li.off:hover ul, #nav_14623 li.over ul {
  /*  display the other topics when
      their parent is hovered */
  display: block;
  z-index: 6000;
  background-image:url(../images/global/space.gif)
}


#nav_14623 li.off a:hover, #nav_14623 li.off:hover a {
  color: #999999;
  text-decoration:none;
}



	/*MAIN MENU STYLE*/
	
	#menu_home a {
		color: #224d6f;
		font-weight: bold;
		display: block;
		width: 45px;
		Height:29px;
		padding: 0;
	}
	
	#menu_products a {
		color: #224d6f;
		font-weight: bold;
		display: block;
		width: 77px;
		Height:29px;
		padding: 0;
	}
	
	#menu_shop a {
		color: #224d6f;
		font-weight: bold;
		display: block;
		width: 102px;
		Height:29px;;
		padding: 0;
	}
	
	#menu_location a {
		color: #224d6f;
		font-weight: bold;
		display: block;
		width: 78px;
		Height:29px;
		padding: 0;
	}
	
	#menu_skin a {
		color: #224d6f;
		font-weight: bold;
		display: block;
		width: 94px;
		Height:29px;
		padding: 0;
	}
	
	#menu_story a {
		color: #224d6f;
		font-weight: bold;
		display: block;
		width: 81px;
		Height:29px;
		padding: 0;
	}
	
	#menu_stay a {
		color: #224d6f;
		font-weight: bold;
		display: block;
		width: 91px;
		Height:29px;
		padding: 0;
	}
	
	#menu_space a {
		color: #224d6f;
		font-weight: bold;
		display: block;
		width: 1px;
		Height:29px;
		padding: 0;
	}

	#nav_14623 li:hover:hover ul a, #nav_14623 li:hover ul li a { /*for ie - the specificity is necessary*/

	}

	#nav_14623 li a:hover, #nav_14623 li:hover a:hover { 
		color: #666666;
	}
	
	/*STYLE THE SMALLER BUTTONS*/
	
	#navsub_14623_2324 a, #navsub_14623_2326 a, #navsub_14623_2323 a, #navsub_14623_2340 a, #navsub_14623_2325 a, #navsub_14623_207569 a {
		display: block;
		position: relative;
		height:10px;
		padding:5px;
		padding-top:8px;
		margin-right:4px;
		float:right;
		margin-top:1px;
		background-color:transparent;
	}
		#navsub_14623_2324 ul, #navsub_14623_2326 ul, #navsub_14623_2323 ul, #navsub_14623_2340 ul, #navsub_14623_2325 ul, #navsub_14623_207569 ul {
	width: 600px;background-color:transparent;
	}
		#navsub_14623_2324 li, #navsub_14623_2326 li, #navsub_14623_2323 li, #navsub_14623_2340 li, #navsub_14623_2325 li, #navsub_14623_207569 li {
		background-color:transparent;
		
	}
	
	#navsub_14623_2340 li, #navsub_14623_2325 li, #navsub_14623_207569 li {
		background-color:transparent;
		float:right;
	}
	

/*first, put the initial states in place*/

#navsub_14623_2324 a {
	text-align:center;background-color:transparent;
}

#navsub_14623_2326 a {
	text-align:center;background-color:transparent;
}

#navsub_14623_2323 a {

	text-align:center;background-color:transparent;
}

#navsub_14623_2340 a {

	text-align:center;background-color:transparent;
}

#navsub_14623_2325 a {

	text-align:center;background-color:transparent;
}

#navsub_14623_207569 a {

	text-align:center;background-color:transparent;
}

/*active area - for this demo - the code could be based on a body class, and probably work better.*/

#navsub_14623_2323:hover a {
	text-align:center;background-color:transparent;
 } /*add selectors for the other li's and background-positions*/

/*hover states*/

#navsub_14623_2324 a:hover, #navsub_14623_2324:hover a, #navsub_14623_2324:hover a {
	text-align:center;background-color:transparent;
}

#navsub_14623_2326  a:hover, #navsub_14623_2326:hover a, #navsub_14623_2326:hover a {
	text-align:center;background-color:transparent;
}

#navsub_14623_2323 a:hover, #navsub_14623_2323:hover a, #navsub_14623_2323:hover a {
	text-align:center;background-color:transparent;
}

#navsub_14623_2340 a:hover, #navsub_14623_2340:hover a, #navsub_14623_2340:hover a {
	text-align:center;background-color:transparent;
}

#navsub_14623_2325 a:hover, #navsub_14623_2325:hover a, #navsub_14623_2325:hover a {
	text-align:center;background-color:transparent;
}

/*subnav formatting*/

#nav_14623 li ul a, #nav_14623 li:hover ul a {
	display: none;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:100;
	background-color:transparent;
}		

#nav_14623 li:hover ul a {
	display: block;
	background-color:transparent;
}
#effect {
	float: left;
	margin:0px;
	paddin:0px;
}
.leftcontenttextwide {
	width: 409px;
	padding-left:36px;
	float:left;
}
.freesampleleftcontent {
	width: 445px;
	float:left;
}
.backendimageright {
	float:right;
	width:205px;
}
.leftcontentfreesample {
	width: 445px;
	float:left;
}
.headerright {
	height: 100px;
	float:left;
	padding-left: 30px;
}
#searcharea {
	position: absolute;
	text-align: left;
	padding-top: 30px;
	padding-left: 390px;
	z-index:100000000;
}

.sitesearchfield {
	width: 150px;
	border: solid #999999 1px;
	color: #333333;
}
.sitesearchsubmit {
	width: 45px;
	margin: 0;
	border: solid #333333 1px;
	cursor: pointer; /* hand-shaped cursor */
	cursor: pointer; /* for IE 5.x */
	margin-left: 5px;
	background-color: #FFFFFF;
	font: 11px/15px Arial, Verdana, Helvetica, sans-serif;
}
.pagecontentstore {
	width: 632px;
	float:right;
}

.formfieldtext_voucher {
	width: 116px;
	float:left;
	padding-top:6px;
	height: 30px;
}
.formfieldarea_voucher {
	width: 166px;
	float:left;
	padding-top:6px;
	height: 30px;
}
.formfieldarea_voucherbox {
	width: 166px;
	float:left;
	padding-top:6px;
	height: 75px;
}
.hiddentextbox {
	display:none;
}
.formfieldtext_checkout {
	width: 116px;
	float:left;
	padding-top:6px;
	height: 30px;
}
.formfieldarea_checkout {
	width: 166px;
	float:left;
	padding-top:6px;
	height: 30px;
}
.formfieldarea_checkoutbox {
	width: 166px;
	float:left;
	padding-top:6px;
	height: 75px;
}
.hiddenDiv {
	display: none;
}
.visibleDiv li, .visibleDiv ul {
	display: block;
	padding-left:0px;
	margin-left:0px;
}
.visibleDiv {
	display: block;
}

#effect li:hover, #effect li.over {
	background-image: url(../images/shop/moreinfo_off.gif);
	background-repeat: no-repeat;
	background-position: 354px 10px;

}
#effect2 {
	float: left;
	width: 302px;
	padding-top:10px;
	padding-bottom:50px;
}