/* all text styles etc */


p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: black;
	padding-top:5px;
	margin-top:0px;
	line-height: 12px;

}

p span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: black;
	padding-top:0px;
	text-align: right;

}

p.newstext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: black;
	margin-top:0px;

}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: black;

}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#A16E37;
		font-weight: lighter;
	padding:0 0 0 15px;
	margin:0px;

}

html>body h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#A16E37;
		font-weight: lighter;
	padding:0px;
	margin:0px;

}

ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 74%;
	color: black;
	list-style-type:disc;
	list-style-position: outside;
	margin-left:1px;
	padding-top:5px;
	padding-left:15px;
	line-height: 18px;
}


/* main page 																			
/*------------------------------------------------------*/



body {
margin: 0 0 2em 0;
padding:0;
text-align:center;
}






#MainPageContainer {
	width:1000px;
	height:660px;
	margin:20 auto 0 auto;
	text-align:left;
	background:  url(../Images/FinalBackColour.jpg) no-repeat;
}




#Wrapper {
	padding: 47px 0 0 103px;
		margin: 0px 0 0 0px;
	
}

html>body #Wrapper {
padding: 47px 0 0 103px;
	
}



.fb-like {clear:both;width:807px;height:100px;margin:20px auto;border-top:1px solid #ccc;padding-top:20px}


#Page {
	width:807px;
	float:left;
	text-align:left;
	height:550px;
	
	
}



html>body #Page {
	width:807px;
	float:left;
	text-align:left;
	height:550px;

	
}

#Content {
	width:745px;
	height:520px;
	float:left;
	background-color:white;
	padding:15 15 10 15px;
}

html>body #Content {
	width:745px;
	height:520px;
	float:left;
	background-color:white;
	padding:15 15 15 15px;
}



#Content2 {
	width:775px;
	height:550px;
	float:left;
	background-color:white;
	overflow:hidden;
}


#BannerHome {
	width:745px;
	height:107px;
	border-right: 1px #E0DFDF solid;
			border-left: 1px #E0DFDF solid;
			border-top: 1px #E0DFDF solid;
	background-color:white;
	float:left;
	overflow:hidden;
}






#BannerLeft {
	width:387px;
	height:82px;
	border-right: 1px #E0DFDF solid;
	background-color:white;
	float:left;
	padding:15px;
	overflow:hidden;
}

html>body #BannerLeft {
	width:357px;
	height:52px;
	border-right: 1px #E0DFDF solid;
	background-color:white;
	float:left;
	padding:15px;
	overflow:hidden;
}


#ContentLeft {
	width:358px;
	height:427px;
	border-top: 1px #E0DFDF solid;
	background-color:white;
	float:left;
	padding-top:9px;
	position:relative;

}

html>body #ContentLeft {
	width:358px;
	height:418px;
	border-top: 1px #E0DFDF solid;
	background-color:white;
	float:left;
	padding-top:9px;
	position:relative;

}

#ContentLeft2 {
	width:358px;
	height:437px;
	border-top: 1px #E0DFDF solid;
	background-color:white;
	float:left;
	padding-top:9px;
}

html>body #ContentLeft2 {
	width:358px;
	height:283px;
	border-top: 1px #E0DFDF solid;
	background-color:white;
	float:left;
	padding-top:9px;
}

#ContentRight {
	width:357px;
	height:467px;
	background-color:white;
	border-top: 1px #E0DFDF solid;
	float:left;
	padding-top:9px;
}


html>body #ContentRight {
	width:357px;
	height:413px;
	background-color:white;
	border-top: 1px #E0DFDF solid;
	float:left;
	padding-top:9px;
}

#ContentRight a {

	color: black;
	padding:0px;
	text-decoration: none;
}

#ContentRight a:hover {

	color: black;
	padding:0px;
	text-decoration: underline;
}


#ContentRight2 {
	width:357px;
	height:437px;
	background-color:white;
	border-top: 1px #E0DFDF solid;
	float:left;
	padding-top:9px;
}


html>body #ContentRight2 {
	width:357px;
	height:283px;
	background-color:white;
	border-top: 1px #E0DFDF solid;
	float:left;
	padding-top:9px;
	}

.ContentFooter {
	width:357px;
	height:28px;
	background-color:white;
	float:left;
	margin-top:0px;
	padding-top:0px;

}



#ContentArea2 {
	width:358px;
	height:418px;
	background-color:white;
	float:left;
	padding:0px;
	margin:0px;
}



#ContentLeftHOME {
	width:358px;
	height:467px;
	background-color:white;
	float:left;
	padding-top:9px;
}

html>body #ContentLeftHOME {
	width:358px;
	height:443px;
	background-color:white;
	float:left;
	padding-top:9px;
		padding-bottom:15px;
}



#BannerRight {
	width:387px;
	height:82px;
	background-color:white;
	float:left;
	padding:15 15 0 0px;
}

html>body #BannerRight {
	width:357px;
	height:52px;
	background-color:white;
	float:left;
	padding:15px;
}



.textRight1 {
	width:170px;
	float:left;
	padding-top:0px;
}

.textRight2 {
	width:180px;
	float:left;
	padding-left:17px;

}

html>body .textRight2 {
	width:170px;
	float:left;
	padding-left:17px;

}

.newsLefttext {
width:173px;
float:right;
height:auto;

}

.newsLeftRight {
width:166px;
float:right;
height:auto;

}

.newsleftpics {
width:180px;
float:left;
height:auto;

}


.newsleftLeft {
width:180px;
float:left;
height:auto;
position:relative;

}

.newsLeft1 {
	width:354px;
	height:195px;
	float:left;
	padding:0px;
}

.newsLeft2 {
	width:165px;
	height:187px;
	overflow:hidden;
	float:left;
	padding:0px;
}

.newsLeft3 {
	width:159px;
	height:187px;
	overflow:hidden;
	float:left;
	margin-left:30px;
	padding:0px;
}

.newsLeft4 {
	width:358px;
	height:259px;
	float:left;
	padding-top:0px;
		border-top: 1px #E0DFDF solid;
}

.newsLeft5 {
	width:180px;
	height:259px;
	overflow:hidden;
	float:left;
	padding-top:0px;
}

.newsLeft6 {
	width:173px;
	height:259px;
	float:left;
		overflow:hidden;
	margin-left:5px;
	padding:0px;

}


.newsRight1 {
	width:179px;
	height:418px;
	overflow:hidden;
	float:left;
	padding:0px;
	margin:0px;
		background-image: url(../Images/FINAL-CONTENT-PICS/newsComp2.jpg);
	background-repeat: no-repeat;
}

.newsRightThanks {
	width:179px;
	height:418px;
	overflow:hidden;
	float:left;
	padding:0px;
	margin:0px;
		background-image: url(../Images/FINAL-CONTENT-PICS/newsComp2Thanks.jpg);
	background-repeat: no-repeat;
}


.newsRight2 {
	width:160px;
	height:418px;
	overflow:hidden;
	float:right;
	padding-top:0px;
}



.titles {
padding-bottom:0px;
	clear:left;
}

.titles2 {
padding-bottom:-10px;
padding-top:10px;
	clear:left;
}

.titles3 {
margin-top:10px;
	clear:left;

}

.titles4 {
padding-bottom:-10px;
padding-top:0px;
	clear:left;
}

.news-titles {
padding-bottom:0px;
clear:left;
}

.news-titles2 {
margin-top:0px;
clear:left;
}


.timesLeft {
	float:left;
	width:40%;
}

.timesRight {
	float:right;
	width:60%;
	text-align: right;
}


.profileName {
	float:left;
	padding-top:172px;
}

.profileBadge {
	float:left;
	padding-top:47px;
}

#ContentRightHOME {
	width:357px;
	height:467px;
	background-color:white;
	float:left;
	padding-top:9px;
	padding-bottom:15px;
}

html>body #ContentRightHOME {
	width:357px;
	height:443px;
	background-color:white;
	float:left;
	padding-top:9px;
	padding-bottom:15px;
}



.ContentStrip {
	width:15px;
	height:468px;
	float:left;
	background-color:white;

}

.ContentStrip2 {
	width:14px;
	height:468px;
	float:left;
	border-right: 1px #E0DFDF solid;
		background-color:white;

}

.ContentStrip3 {
	width:10px;
	height:460px;
	float:left;
	background-color:white;

}


.newsText1 {
	width:357px;
	height:113px;
	background-color:white;
	float:left;

}

.news
 {
	width:181px;
	height:460px;
	float:left;

}


.newsText3 {
	width:166px;
	height:460px;
	background-color:white;
	float:left;
}


.thanks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: black;
	padding-top:5px;
	margin-top:0px;
	margin-top:50px;
	float:left;
	text-align: center;
}


#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: white;
	width:775px;
	float:left;
	text-align:right;
	height:30px;
	margin-top:5;
	margin-left: 10;
	padding-right:10px;
	
}

html>body #footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: white;
	width:775px;
	float:left;
	text-align:right;
	height:30px;
	margin: 7 97 0 10;
		padding-right:20px;
	
}








/*image floats etc																			
/*------------------------------------------------------*/


.float-right {
	float:right;
	
}

.float-left {
	float:left;

	
}

.bottom-picLeft {
float:left;
position:absolute;
bottom:0px;
left:0px;
}

.bottom-picRight {
float:right;
position:absolute;
bottom:0px;
right:0px;
}

.top10 {
	margin-top:13px;
	
}

.contactMap {
margin-top:25px;
}

.contactPic {
margin-top:187px;


}

.productsPic {
margin-top:60px;
	float:right;
}

.colourPic {
margin-top:7px;
}

html>body .colourPic {
margin-top:18px;
}


.treatmentsPic {
margin-top:60px;
}

html>body .treatmentsPic {
margin-top:70px;
}

.beautyPic {
margin-top:35px;
	float:right;
}

html>body .beautyPic {
margin-top:47px;
	float:right;
}



.newsPic {
	float:left;
	margin-top:130px;
}

.newsPic2 {
	float:left;
	margin-top:10px;
}

.newsComp { 
	clear:left;
	padding:0px;
	margin:0px;
}


.fullPic {
padding-left:15px;

}

.hairpic {
margin-top:10px;

}

.hairpic2 {
margin-top:10px;
float:right;

}

/*start of main navigation																			
/*------------------------------------------------------*/



.Nav {
	width:32px;
	height:550px;
	float:left;
}

.Nav a span {

	display: none;

}

.Nav ul {
	float: left;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 0 0;
	width:32px;

}

.Nav  ul li {
	float: left;
	display: block;
	width:32px;
	list-style: none;
	text-decoration: none;
}

.Nav  ul a {
	float: left;
	width:32px;
	list-style: none;
	text-decoration: none;
}



.NewsNav a {

	display: block;
	height: 83px;
	width:32px;
	background:  url(../Images/buttons/news.gif) no-repeat -32px 0px;	
}

.NewsNav a:hover {

	display: block;
	height: 83px;
	width:32px;
	background:  url(../Images/buttons/news.gif) no-repeat;	
	background-position: 0px 0px;

}

.NewsNavSelected a{

	display: block;
	height: 83px;
	width:32px;
	background:  url(../Images/buttons/news.gif) no-repeat;	
	background-position: 0px 0px;

}

.newsStatic {
display: block;
	height: 83px;
	width:32px;
	}

.ProfileNav a {

	display: block;
	height: 76px;
	width:32px;
	background:  url(../Images/buttons/profile.gif) no-repeat -32px 0px;	
}

.ProfileNav a:hover {

	display: block;
	height: 76px;
	width:32px;
	background:  url(../Images/buttons/profile.gif) no-repeat;	
	background-position: 0px 0px;

}

.ProfileNavSelected a{

	display: block;
	height: 76px;
	width:32px;
	background:  url(../Images/buttons/profile.gif) no-repeat;	
	background-position: 0px 0px;

}

.HairNav a {

	display: block;
	height: 76px;
	width:32px;
	background:  url(../Images/buttons/hair.gif) no-repeat -32px 0px;	
}

.HairNav a:hover {

	display: block;
	height: 76px;
	width:32px;
	background:  url(../Images/buttons/hair.gif) no-repeat;	
	background-position: 0px 0px;

}

.HairNavSelected a{

	display: block;
	height: 76px;
	width:32px;
	background:  url(../Images/buttons/hair.gif) no-repeat;	
	background-position: 0px 0px;

}

.ColourNav a {

	display: block;
	height: 76px;
	width:32px;
	background:  url(../Images/buttons/colour.gif) no-repeat -32px 0px;	
}

.ColourNav a:hover {

	display: block;
	height: 76px;
	width:32px;
	background:  url(../Images/buttons/colour.gif) no-repeat;	
	background-position: 0px 0px;

}

.ColourNavSelected a{

	display: block;
	height: 76px;
	width:32px;
	background:  url(../Images/buttons/colour.gif) no-repeat;	
	background-position: 0px 0px;

}



.BeautyNav a {

	display: block;
	height: 75px;
	width:32px;
	background:  url(../Images/buttons/beauty.gif) no-repeat -32px 0px;	
}

.BeautyNav a:hover {

	display: block;
	height: 75px;
	width:32px;
	background:  url(../Images/buttons/beauty.gif) no-repeat;	
	background-position: 0px 0px;

}

.BeautyNavSelected a{

	display: block;
	height: 75px;
	width:32px;
	background:  url(../Images/buttons/beauty.gif) no-repeat;	
	background-position: 0px 0px;

}

.ProductsNav a {

	display: block;
	height: 75px;
	width:32px;
	background:  url(../Images/buttons/products.gif) no-repeat -32px 0px;	
}

.ProductsNav a:hover {

	display: block;
	height: 75px;
	width:32px;
	background:  url(../Images/buttons/products.gif) no-repeat;	
	background-position: 0px 0px;

}

.ProductsNavSelected a{

	display: block;
	height: 75px;
	width:32px;
	background:  url(../Images/buttons/products.gif) no-repeat;	
	background-position: 0px 0px;

}

.ContactNav a {

	display: block;
	height: 89px;
	width:32px;
	background:  url(../Images/buttons/contact.gif) no-repeat -32px 0px;	
}

.ContactNav a:hover {

	display: block;
	height: 89px;
	width:32px;
	background:  url(../Images/buttons/contact.gif) no-repeat;	
	background-position: 0px 0px;

}

.ContactNavSelected a{

	display: block;
	height: 89px;
	width:32px;
	background:  url(../Images/buttons/contact.gif) no-repeat;	
	background-position: 0px 0px;

}



/* Form																			
/*------------------------------------------------------*/

.form {
width:179px;
height:96px;
overflow:hidden;
	float:left;
	clear:left;
	padding:0px;
	margin:320 0 0 0px;


}



* {
	padding: 0px;
	margin: 0px;
}

img {
	border: 0;
}



.textField {
padding:5px;

}

#FormCol input {

	float: left;
	margin:39 9 0 9px;
	width: 159px;
	height:26px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	border:none;
}

#FormCol textarea {

	float: left;
	margin:40 10 0 10px;
	width: 159x;
	height:26px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	border:none;
}

#sendButton {
	border: none!important;
	width:47px!important;
	height:21px!important;
	margin:0 0 0 10px!important;
}