body {
	margin: 0px;
	background-color: #fff;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;	
	background-attachment: fixed;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	font-size: 1em;*/
	font-size: x-small; /*box model hack!*/
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /*setting for mozilla etc*/
}

#MainLogo {
  margin-left:15px; 
	margin-top: 10px;
	text-align: left;
	border: none;
}

.mainheader{
	display: none;
}

.ClearRight {clear: right;}
.ClearLeft {clear: left;}
.ClearBoth {clear: both;}

#breadcrumb {
	float: right;
	font-size : 80%;
	font-weight: normal;
	background-color: transparent;
	color: #000;
	text-align: right;
	margin: 30px 10px 0px 0px;
	padding: 10px 0px 5px 0px;
}
#breadcrumb a {color: #191970; TEXT-DECORATION: underline; 	background-color: transparent;}
#breadcrumb a:Hover {color: #19456F;  letter-spacing: 1px;}
.breadcrumb-current {
	color: #191970;  
	background-color: transparent;
	letter-spacing: 1px; 
	font-weight: bold;
}

#NavContainer {
	margin:10px 30px 10px 0px 
}

#Container {
	margin-top:50px;
  padding-left: 20px;
	padding-right: 20px;
}

/*Styles for the Main Content Layer */
#MainDiv {
	border-top : 1px dashed #CCCCCC;
	padding-left : 48px;
	padding-right : 36px;
	padding-top: 30px;
	padding-bottom:30px;
	min-height: 300px;
}

#MainDiv p {
	line-height: 1.4em;
}


#MainDiv h2 {
	font-size : 125%;
	letter-spacing: 2px;
	text-indent: 35px;
	margin-bottom : 12px;
	margin-top : 0px;
	color: #191970;
	background-color: transparent;
	background: url(../images/bullet-h1.jpg) no-repeat center left;
	white-space: nowrap;
}

#MainDiv h3 {
	font-size : 115%;
	letter-spacing: 1px;
	margin-bottom : 8px;
	margin-top : 0px;
	color: #191970;
	background-color: transparent;
}

#MainDiv h4 {
	font-size : 100%;
	letter-spacing: 1px;
	margin-bottom : 7px;
	margin-top : 0px;
	color: #191970;
	background-color: transparent;
	white-space: nowrap;
}

#MainDiv h5 {
	font-size : 95%;
	letter-spacing: 1px;
	margin-bottom : 5px;
	margin-top : 0px;
	color: #191970;
	background-color: transparent;
}

#MainDiv a {color: #191970; background-color: transparent;}
#MainDiv a:visited {color: #6F196F; background-color: transparent;}
#MainDiv a:hover {color: #19456F; text-decoration: none; background-color: transparent;}

#MainDiv ul li {
	text-align: left;
	margin-left: -5px;
	margin-top: 2px;
	display: list-item; list-style: outside url(../images/bullet.jpg);
}

.MainDivListContainer {
	margin-top: 0px;
	margin-bottom: 20px;
}
.MainDivList {
	float: left; 
	width: 50%;
	text-align: left;
	margin-left: -10px;
}
.MainDivListFullWidth {
	float: left;
	width: 100%;
	text-align: left;
}
.MainDivProductImagesContainer {
  clear:both; 
  float:none;
/*  height: 180px;*/
  padding-bottom: 10px;
}

.MainDivProductImagesLeft {
	float: left;
	width: 48%;
	text-align: center;
  clear: left;
}
.MainDivProductImagesRight {
	float: right;
	width: 48%;
	text-align: center;
	clear: right;
}

.ProductsContainer {
  float: none;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
}

.ProductsLinks a {
	text-align: left;
	letter-spacing: 1px;
  margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 22px; /*Set to width of image*/
  background: url(../images/arrow.gif) no-repeat center left;
	height: 1em;
	line-height: 25px;
}
.ProductsLinks a:hover {
	color: #19456F; 
	text-decoration: none; 
	background-color: transparent;
	background: url(../images/arrow-h.gif) no-repeat center left;
}

.ProductsLeft {
	float: left;
	width: 45%;
	text-align: left;
}
.ProductsRight {
	float: right;
	width: 45%;
	text-align: left;
}
.ProductsCentre {
	float: none;
	width: 45%;
	padding: 10px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}

.TreatmentPictures {
	min-height: 270px; 
	padding: 10px 0px 10px 0px; 
	border-bottom : 1px dashed #CCCCCC;
}

#ProductFeatures {min-height: 347px; padding-bottom: 20px;}
.ProductSpaLayout {min-height: 220px; padding-bottom: 10px;}
.TechnicalSpecification {min-height: 320px;}

* html body #MainDiv {height:350px;} 
* html body #ProductFeatures {height: 347px;}
* html body .ProductSpaLayout {height: 220px;}
* html body .TreatmentPictures {height: 270px;}
* html body .TechnicalSpecification {height: 320px;}

#Footer {
	text-align: center;
	font-size: 85%;
	color: #333333;
	background-color: transparent;
	padding-left: 48px;
	padding-top: 0px;
	padding-bottom: 5px;
	white-space: nowrap;
}

#Footer p {line-height: 150%}
#Footer a {color: #191970; 	background-color: transparent;}
#Footer a:visited {color: #6F196F; background-color: transparent;}
#Footer a:hover {color: #19456F; text-decoration: none;	background-color: transparent;}

#Footer img {
	margin-bottom: 10px;
	border: none;
}

/* Back to Top styles */
#backtotop {
  clear: both;
  margin: 0px;
	text-align: center;
/*	font-size : 100%;*/
  height: 3em;
  line-height: 3em;
}

#backtotop a{		
	color: #50B6D5;
	font-size: 80%;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: 2px;
	background-color: transparent;
	background: url(../images/back2top.gif) no-repeat center;
  padding-top: 10px;
}
#backtotop a:hover {background-position: top}

#linksmenu {
	text-align: center;
	padding: 0px 0px 5px 0px;
	white-space: nowrap;
}

.linksmenu a {
  font-weight: normal; 
  font-size: 90%;
  color: #000;
  background-color: transparent;
  text-decoration: none;
  margin: 0 5px;
}
.linksmenu a:Hover {color: #191970; text-decoration: underline; background-color: transparent;}

/*Styles Applied to Form Elements */
#news form {
	font-size : 85%;
	margin-top : 30px;
	padding : 12px;
	text-align: center;
}

/*#contact input:focus { background : #FFFFFF }*/
.AlignImageCentre {text-align: center;}
.redtext {color: #f00; font-size : 75%; background-color: transparent;}
.required {font-size : 75%;}
.pdffilesize {font-size: 75%;}

/*Puts a border around images*/
.imgborder { 
	border: #191970 solid 1px;  
}
/*Puts a border around thumbnail images*/
.imgborder-thumbs { 
	border: #191970 solid 1px;
}

.ImgFloatRightThumbs {
	float: right;
	padding: 0 0 2px 2px;
}

.ImgFloatRight {
	float: right;
	padding: 0 0 10px 10px;
}

.ImgFloatRight img {
	margin-bottom: 5px;
}

#sitemap {
	font-weight: normal;
	color: #000;
	background-color: transparent;
	text-align: left;
	padding: 0;
	margin: 0;
}

.SiteMapHeading {
	border : 1px dashed #CCCCCC;	
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 15px 0px;
}
.SiteMapHeading a {color: #191970; font-weight: bold; font-size : 115%; background-color: transparent;}
.SiteMapHeading a:visited {color: #6F196F; background-color: transparent; }
.SiteMapHeading a:hover {color: #19456F; text-decoration: none; background-color: transparent;}

.SiteMapSubMenu {border:none; padding: 5px 5px 5px 0px;}
.SiteMapSubMenu a {color: #191970; font-weight: bold; font-size : 100%;}
.SiteMapSubMenu a:visited { color: #6F196F }
.SiteMapSubMenu a:hover { color: #19456F; text-decoration: none;}

.SiteMapHeadingOthers {color: #191970; font-weight: bold; font-size : 115%; background-color: transparent;}

#Links {
	margin: 0;
	padding: 0;
}

#Links a {color: #191970; text-decoration: underline; background-color: transparent;}
#Links a:visited {color: #6F196F; background-color: transparent;}
#Links a:hover {color: #19456F; text-decoration: none; background-color: transparent;}

#Links h4 {
	font-size : 95%;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: -10px;
   white-space: nowrap;
}
#Links h4 a {color: #191970; text-decoration: underline; background-color: transparent;}
#Links h4 a:visited {color: #6F196F; background-color: transparent;}
#Links h4 a:hover {color: #19456F; text-decoration: none; background-color: transparent;}

.labelinputbox {
	width: 21.5em;
	float: left;
	text-align: left;
	margin: 0 0 1em 1em;
	clear: both;
}
.labelinputbox4salon {
	width: 15em;
	float: left;
	text-align: left;
	margin: 0 0 1em 1em;
	clear: both;
}

.labelheader {
	clear: both;
	width: 40em;
	float: left;
	text-align: left;
	margin: 10px 0 10px 1em;
}

.input-box {
/*	float: left;*/
	margin-bottom: 10px;
	color: #26a;
	background-color: transparent;
	border: #50B6D5 solid 1px;
}
.check-box {
	float: left;
	margin: 0 0 10px 1em;
	color: #50B6D5;
	background-color: transparent;
	clear: both;
}
.comments-box {
	float: left;
	margin: 0 0 10px 1em;
	color: #50B6D5;
	background-color: transparent;
	border: #50B6D5 solid 1px;
	clear: both;
}
.labelcheckbox {
	width: 25em;
	float: left;
	text-align: left;
	margin: 0 0 10px 1em;
}

.labelcommentsbox {
	width: 40em;
	float: left;
	text-align: left;
	margin: 0 0 10px 1em;
	clear: both;
}

#buttons {
   clear: both;
	float: left;
	margin: 10px 0 5px 0;
}
.submitbutton {
	margin-left: 1em;
	color: #fff;
	background-color: #191970;
	border-bottom-color: #191970;  
	border-right-color: #191970;  
	border-bottom-width: 1px;	
	border-right-width: 1px;
	border-top-color: #CCCCCC;  
	border-left-color: #CCCCCC;  
	border-top-width: 2px;  
	border-left-width: 2px;
	border-style: outset;
}

fieldset {
	border : 1px dashed #CCCCCC;
	padding-top: 15px;
	width: 55em;
}

legend {
	background: #fff;
	border : 1px dashed #CCCCCC;
	padding: 1px 10px;
}

#NewAddress {
	float: left;
	background-color: #ccc;
	width: 200px;
	padding: 10px 10px 5px 10px;
	border-bottom: 1px solid #0C5F7F;
}

#NewAddy {
	margin-left: 220px;
	padding-left: 10px;
}