@charset "UTF-8";


div#preload 

	{ 
	
	display: none; 
	
	}



body	

	{		

	margin-top: 0px;
	height: 100%;
	margin: auto;
	width: 980px;
	background: url(../images/background-images/main-background-image-1000.jpg) repeat-x;
	
	
	}


body.homepage	

	{		

	margin-top: 0px;
	height: 100%;
	margin: auto;
	width: 980px;
	background: url(../images/background-images/main-background-image-1000.jpg) repeat-x;
	
	
	}
	
	

body.sitemap	

	{		

	margin-top: 0px;
	height: 100%;
	margin: auto;
	width: 980px;
	background: url(../images/background-images/main-background-image-3000.jpg) repeat-x;
	
	
	}
	
	


body.creative-team	

	{		

	margin-top: 0px;
	height: 100%;
	margin: auto;
	width: 980px;
	background: url(../images/background-images/main-background-image-1000.jpg) repeat-x;
	
	
	}
	
body.collections	

	{		

	margin-top: 0px;
	height: 100%;
	margin: auto;
	width: 980px;
	background: url(../images/background-images/main-background-image-1250.jpg) repeat-x;
	
	
	}




	
body.salons	

	{		

	margin-top: 0px;
	height: 100%;
	margin: auto;
	width: 980px;
	background: url(../images/background-images/main-background-image-2250.jpg) repeat-x;
	
	
	}
	
	

	
body.vacancies	

	{		

	margin-top: 0px;
	height: 100%;
	margin: auto;
	width: 980px;
	background: url(../images/background-images/main-background-image-3000.jpg) repeat-x;
	
	
	}
	
	

	
body.latest-news	

	{		

	margin-top: 0px;
	height: 100%;
	margin: auto;
	width: 980px;
	background: url(../images/background-images/main-background-image-6000.jpg) repeat-x;
	
	
	}
	
	

	
body.courses	

	{		

	margin-top: 0px;
	height: 100%;
	margin: auto;
	width: 980px;
	background: url(../images/background-images/main-background-image-2000.jpg) repeat-x;
	
	
	}
	
	
body.courses-long	

	{		

	margin-top: 0px;
	height: 100%;
	margin: auto;
	width: 980px;
	background: url(../images/background-images/main-background-image-3000.jpg) repeat-x;
	
	
	}
	



body.past-collections	

	{		

	margin-top: 0px;
	height: 100%;
	margin: auto;
	width: 980px;
	background: url(../images/background-images/main-background-image-1750.jpg) repeat-x;
	
	
	}
	
body.college-partners	

	{		

	margin-top: 0px;
	height: 100%;
	margin: auto;
	width: 980px;
	background: url(../images/background-images/main-background-image-1250.jpg) repeat-x;
	
	
	}
	

body.franchise	

	{		

	margin-top: 0px;
	height: 100%;
	margin: auto;
	width: 980px;
	background: url(../images/background-images/main-background-image-1500.jpg) repeat-x;
	
	
	}
	
	
	
body.media	

	{		

	margin-top: 0px;
	height: 100%;
	margin: auto;
	width: 980px;
	background: url(../images/background-images/main-background-image-2000.jpg) repeat-x;
	
	
	}
	
	
body.media-awards	

	{		

	margin-top: 0px;
	height: 100%;
	margin: auto;
	width: 980px;
	background: url(../images/background-images/main-background-image-1500.jpg) repeat-x;
	
	
	}
	

	

	

div#outer-wrapper

	{
		
	position: absolute;
	margin: auto;
	text-align: center;
	
	}
	
	
	
div#header

	{
		
	position: absolute;
	left: 0;
	top: 0;
	width: 980px;
	padding: 0px;
	background-color: #000;
	border-color: #000;
	
	}
	

	
	
	
div#social-like-links

	{
	
	position: absolute;
	right: 10px;
	float: right;
	padding: 0px 0px 20px 0px;
	margin-top: -5px;
	z-index: 50;
	
		
	}
	

div#facebook-twitter-feed-outer

	{
		position: relative;
		padding: 30px 10px 20px 0px;
		left: 0px;
		bottom: 30px;
		float: left;
		width: 950px;
	}



	
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* title bars */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */



	
div#title-bar

	{
	
	position: relative;
	padding: 5px 0px 15px 26px;
	margin-top: 0px;
	height: 55px;
	width: 954px;
	z-index: 50;
	background-image: url(../images/background-images/title-bar-bg.jpg);
	background-repeat: repeat-x;
	
	
		
	}
		





	
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* columns */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* columns */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */


div#column-container

	{
		
	position: relative;
	width: 980px;
	height: 1260px;
	background-color: #FFF;
	margin-bottom: 60px;
		
	}


div#column-container-homepage

	{
		
	position: relative;
	width: 980px;
	height: 1010px;
	background-color: #FFF;
	margin-bottom: 60px;
		
	}


div#column-container-sitemap

	{
		
	position: relative;
	width: 980px;
	height: 3010px;
	background-color: #FFF;
	margin-bottom: 60px;
		
	}


div#column-container-contact

	{
		
	position: relative;
	width: 980px;
	height: 1010px;
	background-color: #FFF;
	margin-bottom: 60px;
		
	}


div#column-container-collections

	{
		
	position: relative;
	width: 980px;
	height: 1260px;
	background-color: #FFF;
	margin-bottom: 60px;
		
	}



div#column-container-franchise

	{
		
	position: relative;
	width: 980px;
	height: 1510px;
	background-color: #FFF;
	margin-bottom: 60px;
		
	}
	


div#column-container-media

	{
		
	position: relative;
	width: 980px;
	height: 2010px;
	background-color: #FFF;
	margin-bottom: 60px;
		
	}


div#column-container-media-awards

	{
		
	position: relative;
	width: 980px;
	height: 1510px;
	background-color: #FFF;
	margin-bottom: 60px;
		
	}
	


div#column-container-fgtv

	{
		
	position: relative;
	width: 980px;
	height: 1010px;
	background-color: #FFF;
	margin-bottom: 60px;
		
	}
	
	

div#column-container-social-media

	{
		
	position: relative;
	width: 980px;
	height: 1010px;
	background-color: #FFF;
	margin-bottom: 60px;
		
	}
	


div#column-container-creative-team 

	{
		
	position: relative;
	width: 980px;
	height: 1010px;
	background-color: #FFF;
	margin-bottom: 60px;
		
	}


div#column-container-college-partners 

	{
		
	position: relative;
	width: 980px;
	height: 1260px;
	background-color: #FFF;
	margin-bottom: 60px;
		
	}



div#column-container-salons

	{
		
	position: relative;
	width: 980px;
	height: 2260px;
	background-color: #FFF;
	margin-bottom: 60px;
		
	}



div#column-container-vacancies

	{
		
	position: relative;
	width: 980px;
	height: 3010px;
	background-color: #FFF;
	margin-bottom: 60px;
		
	}




div#column-container-latest-news

	{
		
	position: relative;
	width: 980px;
	height: 6010px;
	background-color: #FFF;
	margin-bottom: 60px;
		
	}



div#column-container-courses

	{
		
	position: relative;
	width: 980px;
	height: 2010px;
	background-color: #FFF;
	margin-bottom: 60px;
		
	}



div#column-container-courses-long

	{
		
	position: relative;
	width: 980px;
	height: 3010px;
	background-color: #FFF;
	margin-bottom: 60px;
		
	}




div#past-collections-column-container

	{
		
	position: relative;
	width: 980px;
	height: 1760px;
	background-color: #FFF;
	margin-bottom: 60px;
		
	}



div#left-col 

	{
	
	float: left;
	width: 280px;
	height: 100%;
	background-color: #FFF;
	padding: 20px 25px 20px 25px;
	border: 0;

	}


div#left-col-homepage

	{
	
	float: left;
	width: 280px;
	height: 100%;
	background-color: #FFF;
	padding: 20px 25px 20px 25px;
	border: 0;

	}



div#left-col-media 

	{
	
	float: left;
	width: 610px;
	height: 100%;
	background-color: #FFF;
	padding: 20px 25px 20px 25px;
	border: 0;

	}

div#left-col-terms 

	{
	
	float: left;
	width: 610px;
	height: 100%;
	background-color: #FFF;
	padding: 20px 25px 20px 25px;
	border: 0;

	}


div#left-col-social-media 

	{
	
	float: left;
	width: 930px;
	height: 100%;
	background-color: #FFF;
	padding: 20px 25px 20px 25px;
	border: 0;

	}



div#left-col-contact 

	{
	
	float: left;
	width: 500px;
	height: 100%;
	background-color: #FFF;
	padding: 20px 25px 20px 25px;
	border: 0;

	}




div#left-col-salons 

	{
	
	float: left;
	width: 230px;
	height: 100%;
	background-image: url(../images/background-images/salon-page-salon-list-bg.jpg);
	background-repeat: no-repeat;
	background-color: #FFF;
	padding: 20px 5px 20px 5px;
	border: 0;

	}



/* serach left column */
div#left-col-search 

	{
	
	float: left;
	width: 930px;
	height: 100%;
	background-color: #FFF;
	padding: 20px 25px 20px 25px;
	border: 0;

	}


div#left-col-collections 

	{
	
	float: left;
	width: 610px;
	height: 100%;
	background-color: #FFF;
	background-image: url(../images/background-images/gallery-column-bg.jpg);
	background-repeat: no-repeat;
	padding: 20px 25px 20px 25px;
	border: 0;

	}




div#middle-col 

	{
	
	float: left;
	width: 280px;
	height: 100%;
	background-color: #FFF;
	padding: 20px 25px 20px 25px;
	border: 0;

	}

/* right column */

div#right-col 

	{
	
	float: right;
	width: 280px;
	height: 100%;
	background-color: #FFF;
	padding: 20px 20px 20px 20px;
	border: 0;

	}



div#right-col-contact

	{
	
	float: right;
	width: 390px;
	height: 100%;
	background-color: #FFF;
	padding: 20px 20px 20px 20px;
	border: 0;

	}





div#right-col-college-partners

	{
	
	float: right;
	width: 280px;
	height: 100%;
	background-color: #FFF;
	padding: 20px 20px 20px 20px;
	border: 0;

	}




/* right column */

div#right-col-salons 

	{
	
	float: right;
	width: 710px;
	height: 100%;
	background-color: #FFF;
	padding: 20px 20px 0px 10px;
	border: 0;
	margin-top: 20px;
	background-image: url(../images/background-images/salon-bg.jpg);
	background-repeat: no-repeat;

	}
	
	
	
div#right-col-vacancies 

	{
	
	float: right;
	width: 710px;
	height: 100%;
	background-color: #FFF;
	padding: 20px 20px 0px 10px;
	border: 0;
	margin-top: 20px;
	background-image: url(../images/background-images/vacancies-bg.jpg);
	background-repeat: no-repeat;

	}
		
	
	
	
div#right-col-latest-news 

	{
	
	float: right;
	width: 710px;
	height: 100%;
	background-color: #FFF;
	padding: 20px 20px 0px 10px;
	border: 0;
	margin-top: 20px;
	background-image: url(../images/background-images/latest-news-bg.jpg);
	background-repeat: no-repeat;

	}
	

div#right-col-courses 

	{
	
	float: right;
	width: 710px;
	height: 100%;
	background-color: #FFF;
	padding: 20px 20px 0px 10px;
	border: 0;
	margin-top: 20px;
	background-image: url(../images/background-images/courses-bg.jpg);
	background-repeat: no-repeat;

	}


div#right-col-courses-long 

	{
	
	float: right;
	width: 710px;
	height: 100%;
	background-color: #FFF;
	padding: 20px 20px 0px 10px;
	border: 0;
	margin-top: 20px;
	background-image: url(../images/background-images/courses-long-bg.jpg);
	background-repeat: no-repeat;

	}




/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* latest news links text and size - top = 1*/
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */



.latest-news-div 

	{
		
	position: relative;
	float: left;
	margin-left: 0px;
	margin-bottom: 5px;
	left: 0px;
	width: 260px; 
	padding: 0px 0px 0px 5px;
	
	}
	
	
h1.latest-news-main-title

	{
		
	font-family: Arial, Helvetica, sans-serif;
	font: 14px arial;
	color: #FFF;
	margin-left: 5px;
	line-height: 5px;
	letter-spacing: 1px;

	}
					
h1.latest-news-story-title

	{
		
	font-family: Arial, Helvetica, sans-serif;
	font: 16px arial;
	color: #000;
	margin-top: 18px;
	margin-left: 0px;

	}
					

p.latest-news

	{
		
	font-family: Arial, Helvetica, sans-serif;
	font: 11px arial;
	color: #333;
	margin-top: 0px;
	margin-bottom: 6px;
	margin-right: 15px;
	line-height: 16px;

	}
	
	
a.latest-news-href

	{
		
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #670069;
	text-decoration: none;
	
	}
			









	
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* terms */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */



div#terms 

	{
		
	position: relative;
	top: 100px;
	background-image: url(../../images/backgrounds/footer-bg.jpg);
	width: 980px;
	
	
	}	
	
	
	
	
	
	
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* text formatting */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */


	
	



h1.page-title

	{
		
	font-family: Arial, Helvetica, sans-serif;
	font: 24px Arial, Helvetica, sans-serif;
	color: #000;
	margin-top: 25px;

	}
		

h1.gallery-title

	{
		
	font-family: Arial, Helvetica, sans-serif;
	font: 26px Arial, Helvetica, sans-serif;
	color: #000;
	margin-top: 15px;

	}

h2.job-title

	{
		
		font: 20px Arial, Helvetica, sans-serif;
		color: #6F005A;
		margin-left: 75px;
		
	}

h2.page-title

	{
		
	font-family: Arial, Helvetica, sans-serif;
	font: 24px Arial, Helvetica, sans-serif;
	color: #000;
	margin-top: 25px;

	}


h2.gallery-title

	{
		
	font-family: Arial, Helvetica, sans-serif;
	font: 16px arial;
	color: #000;

	}	



p.gallery-text

	{
		
	font-family: Arial, Helvetica, sans-serif;
	font: 13px arial;
	color: #000;
	line-height: 20px;

	}	



p.gallery-text-small

	{
		
	font-family: Arial, Helvetica, sans-serif;
	font: 12px arial;
	color: #000;
	line-height: 18px;

	}	



h2.para-title

	{
		
	font-family: Arial, Helvetica, sans-serif;
	font: 15px arial;
	color: #000;
	line-height: 20px;

	}
	
	

	
h2.para-quote

	{
		
	font-family: Arial, Helvetica, sans-serif;
	font: 16px arial;
	color: #000;
	line-height: 22px;
	color:#6E0067;

	}
		
h2.awards-year

	{
		
	font-family: Arial, Helvetica, sans-serif;
	font: 30px arial;
	color: #000;
	line-height: 22px;
	color:#6E0067;
	margin: 10px 0px 30px 0px;

	}
		
	
	

h3.video-title

	{
		
	font-family: Arial, Helvetica, sans-serif;
	font: 18px Arial, Helvetica, sans-serif;
	color: #000;
	margin-top: 25px;

	}
	



p.main-body-text

	{
		
	font-family: Arial, Helvetica, sans-serif;
	font: 13px arial;
	color: #333;
	line-height: 19px;
	margin-bottom: 25px;

	}
		


p.main-body-text-brum

	{
		
	font-family: Arial, Helvetica, sans-serif;
	font: 13px arial;
	color: #333;
	line-height: 16px;
	margin-bottom: 25px;
	margin-left: 65px;
	margin-right: 40px;

	}
		

p.awards-main-body-text-title

	{
		
	font-family: Arial, Helvetica, sans-serif;
	font: 20px arial;
	color: #6F005A;
	line-height: 19px;
	margin: 15px 10px 15px 20px;

	}
		

p.awards-main-body-text

	{
		
	font-family: Arial, Helvetica, sans-serif;
	font: 13px arial;
	color: #333;
	line-height: 19px;
	margin: 10px 10px 15px 20px;

	}
		




p.main-body-text-faq

	{
		
	font-family: Arial, Helvetica, sans-serif;
	font: 11px arial;
	color: #333;
	line-height: 16px;
	margin-bottom: 25px;

	}
		
	

p.like-links

	{
		
	font-family: Arial, Helvetica, sans-serif;
	font: bold 9px arial;
	color: #333;
	text-align: right;
	line-height: 12px;

	}
	
	







/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* top nav bar */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

	
	
div#top-nav-bar

	{
		
	position: relative;
	clear: both;
	margin-top: 30px;
	height: 28px;
	width: 980px;
	background-color: #000;
	
		
	}
	
	
	
	
#top-navigation
	
	{
	
	padding: 5px 10px 10px 15px;
	margin:0;
	font-family: arial, helvetica, sans-serif;
	white-space:nowrap;
	list-style-type:none;
	font: 15px arial;
	margin-left: -10px;
	letter-spacing: 0px;
	text-align: left;

	}

#top-navigation li 

	{
	
	display:inline;
	
	}

#top-navigation li a.activetop
	
	{
		
	color: #000;
	background-image: url(../images/background-images/top-nav-bar-link-bg.jpg);
	background-repeat: repeat-x;
		
	}

#top-navigation li a
	
	{

	padding: 5px 22px 5px 22px ;
	color: #ffffff;
	text-decoration:none;
	float:top;
	margin-left: -5px;
		
	}
	
	
#top-navigation li a:hover
	
	{

	color: #000;
	background-image: url(../images/background-images/top-nav-bar-link-bg.jpg);
	background-repeat: repeat-x;
	}

#top-navigation li a:active
	
	{

	color: #000;
	background-image: url(../images/background-images/top-nav-bar-link-bg.jpg);
	background-repeat: repeat-x;

	}


	
	
	
	
	
	
	
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* bottom nav bar */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */	




	
div#bottom-nav-bar

	{
	
	position: relative;
	margin-top: 0px;
	height: 40px;
	width: 980px;
	background-color: #FFF;
	
		
	}




	
	
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* social media items */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */	


	
div#social-media-links

	{
		
	position: relative;
	background-image: url(../images/background-images/social-media-top-bg.jpg);
	background-color: #000;
	top: 0px;
	right: 0px;
	float: right;
	padding: 10px;
	
	}
	


#social-media-links-list li
	
	{
		
	display: inline;
	margin-left: 3px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #FFF;

	}
	
p.feed-text

	{
		font: 10px Arial, Helvetica, sans-serif;
		color:#FFF;
		text-align: right;
		float: right;
		
	}







	
	
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* LISTS */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */



.homepage-salon-list	

	{	
	
	font: 13px Arial, Helvetica, sans-serif;
	line-height: 20px;	
	
	}

.homepage-salon-list li	

	{
		
	display: inline;
	
	}

.homepage-salon-list li a

	{
		
	display: inline;
	color: #333;
	text-decoration: none;
	
	}
	
.homepage-salon-list li a:hover	

	{
		
	display: inline;
	color: #6F005A;
	text-decoration: underline;

	}






.latest-news-salon-list	

	{	
	
	font: 13px Arial, Helvetica, sans-serif;
	line-height: 20px;
	margin-left: 35px;	
	
	}

.latest-news-salon-list li	

	{
		
	display: inline;
	
	}

.latest-news-salon-list li a

	{
		
	display: inline;
	color: #333;
	text-decoration: none;
	
	}
	
.latest-news-salon-list li a:hover	

	{
		
	display: inline;
	color: #6F005A;
	text-decoration: underline;

	}





/* SALON PAGE SALON LIST */


.salon-page-salon-list	

	{	
	
	font: 14px Arial, Helvetica, sans-serif;
	line-height: 24px;
	margin-left: 5px;
	
	}

.salon-page-salon-list li	

	{
		
	display: block;
	margin-left: 0px;

	}

.salon-page-salon-list li a

	{
		
	display: inline;
	color: #333;
	text-decoration: none;
	padding: 6px 6px 6px 30px;
	
	}
	
.salon-page-salon-list li a:hover	

	{
		
	display: inline;
	color: #6F005A;
	text-decoration: underline;

	}
	
	
.salon-page-salon-list li a.active-salon	

	{
		
	display: inline;
	color: #6F005A;
	text-decoration: underline;

	}



/* LATEST NEWS LIST */


.latest-news-list	

	{	
	
	font: 14px Arial, Helvetica, sans-serif;
	line-height: 18px;
	margin-left: 5px;
	padding: 0px 6px 6px 30px;

	}

.latest-news-list li	

	{
		
	display: block;
	margin-left: 0px;
	margin-bottom: 30px;

	}

.latest-news-list li a

	{
		
	display: inline;
	color: #333;
	text-decoration: none;
	
	}
	
.latest-news-list li a:hover	

	{
		
	display: inline;
	color: #6F005A;
	text-decoration: underline;

	}
	
	
.latest-news-list li a.active-salon	

	{
		
	display: inline;
	color: #6F005A;
	text-decoration: underline;

	}









	
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* footer */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */



div#footer 

	{
		
	position: relative;
	clear: both;
	width: 980px;
	height: 400px;
	
	
	
	}
	


div#footer-site-links 

	{
		
	position: relative;
	left: 20px;
	top: 0px;
	clear: both;
	width: 980px;
	height: 320px;
	
	}
	

div#footer-logo 

	{
		
	position: absolute;
	float: right;
	right: 25px;
	top: 25px;
	clear: both;
	width: 200px;
	height: 200px;
	
	}
	
div#footer-logo-list

	{
		
	position: relative;
	float: left;
	right: -20px;
	top: 60px;
	clear: both;
	width: 980px;
	height: 80px;
	z-index: 1100;
	
	}


.footer-links-left

	{
		
	position: relative;
	top: 3px;
	padding-left: 0px;
	padding-right: 22px;
	float: left;
	height: 160px;

		
	}


.footer-links

	{
		
	position: relative;
	top: 3px;
	padding-left: 23px;
	padding-right: 24px;
	float: left;
	height: 180px;

		
	}
	
	

.border-image

	{
		
	position: relative;
	margin-top: 18px;
	float: left;
	height: 160px;
	background-image: url(../images/border-images/border-right-image.jpg);
	background-repeat: no-repeat;
		
	}
	
	
	
	

h3.site-links

	{
		
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: -5px;
	font: 20px arial;
	color: #DCB1DD;

	}
		

p.terms-text

	{
		
	font-family: Arial, Helvetica, sans-serif;
	font: 10px arial;
	color: #FFF;

	}


		

p.vacancies-text

	{
		
	font-family: Arial, Helvetica, sans-serif;
	font: 12px arial;
	color: #000;
	margin: 0px 40px 15px 20px;
	line-height: 16px;

	}

	

p.vacancies-text-right

	{
		
	font-family: Arial, Helvetica, sans-serif;
	font: 12px arial;
	color: #FFF;
	margin: 12px 18px 10px 18px;
	line-height: 15px;

	}



div#disc

	{
		
	position: relative;
	float: right;
	margin-top: -35px;
	z-index: 1300;
	
	}

p.terms-text-right

	{
		
	font-family: Arial, Helvetica, sans-serif;
	font: 10px arial;
	color: #FFF;
	float: right;
	clear: both;
	margin-right: 40px;

	}
			
	


div#spacer 

	{
		
	position: relative;
	clear: both;
	width: 980px;
	height: 300px;
	padding-top: 0px;
	
	
	}
	
	
/* footer links menu css */


.footer-menu	

	{	
	
	font: 10px Arial, Helvetica, sans-serif;
	line-height: 17px;	
	
	}
	
.footer-menu li a.top	

	{	
	
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 30px;
	color: #CCC;
		
	
	}	

.footer-menu li	

	{
		
	display: block;
	
	}

.footer-menu li a

	{
		
	display: inline;
	color: #FFF;
	text-decoration: none;
	
	}
	
.footer-menu li a:hover	

	{
		
	display: inline;
	color: #CCC;
	text-decoration: none;

	}


	
	
	
	
	
	
	
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* image formatting */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */


.title-image

	{
		
		position: relative;
		float: left;
	
	}
	
	
.body-image-left-col

	{
		
		position: relative;
		float: left;
		margin-bottom: 25px;
		
	}




.body-image-middle-col

	{
		
		position: relative;
		float: left;
		margin-bottom: 25px;
		
	}
	


.body-image-right-col

	{
		
		position: relative;
		float: left;
		margin-bottom: 10px;
		
	}	


.body-image-text

	{
		
		position: absolute;
		left: 8px;
		top: 203px;
		
	}
	
.body-image-text-cp-logo

	{
		
		position: absolute;
		left: 8px;
		top: 154px;
		
	}

	
.salon-info-divide

	{
		
		margin-left: 63px;
		
	}
	
		
p.body-image-title

	{
		font: 11px Arial, Helvetica, sans-serif;
		color:#FFF;
	}




/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* creative team */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */



.left-column-large-link	

	{
		
		position: absolute;
		bottom: -40px;
		font: 20px Arial, Helvetica, sans-serif;
		line-height: 25px;
		text-decoration: none;
		list-style-type: none;	
	
	}
	
	
.left-column-large-link	a

	{	
	
		text-decoration: none;
		color: #333;
	
	}


.left-column-large-link	a:hover

	{	
	
		text-decoration: none;
	
	}







/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* SALONS */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */



h2.salon-title

	{
		
		font-family: Arial, Helvetica, sans-serif;
		font: 24px Arial, Helvetica, sans-serif;
		color: #000;
		margin: 7px 7px 15px 65px;

	}
	


h2.vacancies-text

	{
		
		font-family: Arial, Helvetica, sans-serif;
		font: 22px Arial, Helvetica, sans-serif;
		color: #000;
		margin: 15px 0px 5px 20px;

	}
	


h3.vacancies-positions

	{
		
		font-family: Arial, Helvetica, sans-serif;
		font: 15px Arial, Helvetica, sans-serif;
		color: #6F005A;
		margin: 15px 0px 15px 20px;

	}
	

	
h3.salon-address

	{
		
		font-family: Arial, Helvetica, sans-serif;
		font: 13px Arial, Helvetica, sans-serif;
		color: #000;
		margin: 7px 7px 15px 15px;
		line-height: 19px;

	}
	
	
h3.salon-telephone-number

	{
		
		font-family: Arial, Helvetica, sans-serif;
		font: 26px Arial, Helvetica, sans-serif;
		color:#6E0067;
		margin: 7px 7px 15px 15px;

	}
	
		
h3.salon-email-address

	{
		
		font-family: Arial, Helvetica, sans-serif;
		font: 13px Arial, Helvetica, sans-serif;
		color:#6E0067;
		margin: 0px 7px 20px 16px;

	}
	
	

		
h3.facebook-link

	{
		
		font-family: Arial, Helvetica, sans-serif;
		font: 13px Arial, Helvetica, sans-serif;
		color:#6E0067;
		margin: 0px 7px 20px 16px;

	}
	
		
	
		
h3.book-online

	{
		
		font-family: Arial, Helvetica, sans-serif;
		font: 20px Arial, Helvetica, sans-serif;
		color:#6E0067;
		margin: 0px 7px 0px 16px;

	}
	
			
h3.franchisee-info

	{
		
		font-family: Arial, Helvetica, sans-serif;
		font: 12px Arial, Helvetica, sans-serif;
		color:#6E0067;
		margin: 15px 7px 0px 16px;
		line-height: 14px;

	}
	
h3.salon-list-header

	{
		
		font-family: Arial, Helvetica, sans-serif;
		font: 16px Arial, Helvetica, sans-serif;
		color:#6E0067;
		margin: 5px 7px 7px 20px;
		line-height: 21px;

	}
	
				
h3.opening-hours

	{
		
		font-family: Arial, Helvetica, sans-serif;
		font: 18px Arial, Helvetica, sans-serif;
		color: #000;
		margin: 7px 7px 10px 16px;

	}


				
h3.prices

	{
		
		font-family: Arial, Helvetica, sans-serif;
		font: 18px Arial, Helvetica, sans-serif;
		color: #000;
		margin: 7px 7px 0px 16px;
		clear: both;

	}
	
		
	
				
h3.services-list

	{
		
		font-family: Arial, Helvetica, sans-serif;
		font: 18px Arial, Helvetica, sans-serif;
		color: #000;
		margin: 0px 7px -5px 16px;
		clear: both;

	}
	
	
h3.products-list

	{
		
		font-family: Arial, Helvetica, sans-serif;
		font: 18px Arial, Helvetica, sans-serif;
		color: #000;
		margin: 7px 7px -5px 16px;
		clear: both;

	}
	
	
			
h3.current-offers

	{
		
		font-family: Arial, Helvetica, sans-serif;
		font: 18px Arial, Helvetica, sans-serif;
		color: #000;
		margin: 40px 7px -5px 45px;
		clear: both;

	}
	
	
	
				
h3.latest-news

	{
		
		font-family: Arial, Helvetica, sans-serif;
		font: 18px Arial, Helvetica, sans-serif;
		color: #000;
		margin: 0px 7px 10px 0px;

	}
	

p.main-salon-page-text

	{
		
	font-family: Arial, Helvetica, sans-serif;
	font: 17px arial;
	color: #333;
	line-height: 22px;
	margin: 10px 40px 10px 70px;

	}
		

h2.course-title-text

	{
		
	font-family: Arial, Helvetica, sans-serif;
	font: 22px arial;
	color: #333;
	line-height: 22px;
	margin: 10px 40px 20px 70px;

	}
		

p.course-directory-text

	{
		
	font-family: Arial, Helvetica, sans-serif;
	font: 13px arial;
	color: #333;
	line-height: 16px;
	margin: 10px 40px 10px 70px;

	}



p.course-directory-text-courses

	{
		
	font-family: Arial, Helvetica, sans-serif;
	font: 13px arial;
	color: #333;
	line-height: 16px;
	margin: 10px 200px 10px 70px;

	}

		
		
	
p.opening-days

	{
		
		font-family: Arial, Helvetica, sans-serif;
		font: 11px Arial, Helvetica, sans-serif;
		color: #000;
		margin: 0px 7px 3px 62px;
		line-height: 15px;

	}
	
					
p.opening-times

	{
		
		font-family: Arial, Helvetica, sans-serif;
		font: 11px Arial, Helvetica, sans-serif;
		color: #000;
		margin: 0px 7px 3px 16px;
		color:#6E0067;

	}
				
p.salon-image-text

	{
		
		font-family: Arial, Helvetica, sans-serif;
		font: 11px Arial, Helvetica, sans-serif;
		position: relative;
		left: 8px;
		color: #FFF;
		margin: 4px 0px 4px 0px;
	}
	

p.salon-comp-header

	{
		
		font-family: Arial, Helvetica, sans-serif;
		font: 23px Arial, Helvetica, sans-serif;
		position: relative;
		color: #FFF;
		margin: auto;
		text-align: center;
		margin-top: 10px;
		line-height: 26px;
	}


p.salon-comp-text

	{
		
		font-family: Arial, Helvetica, sans-serif;
		font: 15px Arial, Helvetica, sans-serif;
		position: relative;
		color: #FFF;
		margin: auto;
		text-align: center;
		margin-top: 10px;
		line-height: 20px;
		margin-left: 20px;
		margin-right: 20px;
	}
	
p.salon-comp-text-small

	{
		
		font-family: Arial, Helvetica, sans-serif;
		font: bold 13px Arial, Helvetica, sans-serif;
		position: relative;
		color: #FFF;
		margin: auto;
		text-align: center;
		margin-top: 5px;
		margin-left: 20px;
		margin-right: 20px;
	}
	

p.salon-comp-text-terms

	{
		
		font-family: Arial, Helvetica, sans-serif;
		font: bold 11px Arial, Helvetica, sans-serif;
		position: relative;
		color: #FFF;
		margin: auto;
		text-align: center;
		margin-top: 5px;
		margin-left: 20px;
		margin-right: 20px;
		line-height: 15px;
	}
	

	
				
p.prices-from

	{
		
		font-family: Arial, Helvetica, sans-serif;
		font: 14px Arial, Helvetica, sans-serif;
		color: #000;
		margin: 24px 7px 5px 62px;
		clear: both;
		line-height: 0px;

	}
				
p.salon-services

	{
		
		font-family: Arial, Helvetica, sans-serif;
		font: 11px Arial, Helvetica, sans-serif;
		color: #000;
		margin: 5px 7px 5px 62px;
		clear: both;

	}
	
	
	

	
div.salon-photo-div

	{
		width:320px;
		background-color: #000;
		position: relative;
		float: left;
		margin: 0px 0px 14px 0px;
		
		
	}

	
div.salon-comp-div

	{
		width:320px;
		height: 335px;
		background-color: #000;
		position: relative;
		float: left;
		margin: 0px 0px 14px 0px;
		text-align: center;
		
		
	}




div#opening-hours-outer

	{
		
		width: 300px;
		height: 100px;
		
	}
	
				
div.opening-days-div

	{
		clear: both;
		position: relative;
		float: left;
		width: 100px;
		
	}
	
					
div.opening-times-div

	{
		
		position: relative;
		left: 50px;
		float: left;

	}



div#prices-outer

	{
		
		width: 300px;
		height: 50px;
		border: 1px solid #333;
		
	}
	

				
div.price-info-div

	{
		clear: both;
		position: relative;
		float: left;
		width: 100px;
		
	}
	
					
div.price-div

	{
		
		position: relative;
		right: 105px;
		top: -15px;
		float: right;

	}
	
					
div.current-offers-div

	{
		
		position: relative;
		margin-left: 15px;
		margin-bottom: 15px;
		margin-top: -20px;
		float: left;

	}
	

	
	
div#salon-map

	{
		width:630px;
		background-color: #FFF;
		position: absolute;
		bottom: 60px;
		clear: both;
		float: left;
		margin-left: 60px;
		z-index: 9999;
		
		
	}
	
	

.main-salon-page-image-left

	{
		
		float: left;
		margin-left: 70px;
		clear: both;
		margin-top: 20px;

	}


.main-salon-page-image-right

	{
		
		float: right;
		margin-right: 30px;
		margin-top: 20px;
		
	}



/* SALON VERTICAL LIST */
		
	
.inner-left-salon-column	
	
	{
		position: relative;
		float: left;
		width: 350px;
		height: 100%;

	}
		
		
	
.inner-right-salon-column	
	
	{
		position: relative;
		float: left;
		width: 330px;
		height: 100%;
		padding-left: 20px;
		
	}
		
		
.salon-email-link	
	
	{
		position: relative;
		display: inline;
		list-style: none;
		
	}
		
.salon-email-link a	
	
	{
		text-decoration: none;
		color: #6E0067;
		
	}
		
		
.salon-email-link a:hover
	
	{
		text-decoration: none;
		color: #333;
		
	}
		
		
		
		
		
/* SALON SERVICES LIST */
		

		
	
.salon-services-list	
	
	{
		position: relative;
		float: left;
		width: 330px;
		padding-left: 0px;
		list-style: none;
		
	}
		
		
.salon-services-list a	
	
	{
		position: relative;
		list-style: none;
		text-decoration: none;
	
	}
		
.salon-services-list a:hover	
	
	{
		text-decoration: none;
		color: #CCC;
		
	}
		
	
/* facebook */			
	
		
.facebook
	
	{
		position: relative;
		display: inline;
		list-style: none;
		
	}
		
.facebook a	
	
	{
		text-decoration: none;
		color: #00F;
		
	}
		
		
.facebook a:hover
	
	{
		text-decoration: none;
		color: #333;
		
	}
		
		
		
/* TEXT AREA */

textarea

	{

		resize:none;
	
	}

textarea#opening-hours-textarea

	{
		resize: none;
		width:150px !important;
		min-width:150px !important;
		max-width:150px !important;
		height:120px !important;
		min-height:120px !important;
		max-height:120px !important;
	
	}
		
textarea#cut-and-finish-price-textarea

	{
		resize: none;
		width:60px !important;
		min-width:60px !important;
		max-width:60px !important;
		height:15px !important;
		min-height:15px !important;
		max-height:15px !important;
	
	}
		

	
textarea#colour-price-textarea

	{
		resize: none;
		width:60px !important;
		min-width:60px !important;
		max-width:60px !important;
		height:15px !important;
		min-height:15px !important;
		max-height:15px !important;
	
	}
		


	
textarea#current-offers-textarea

	{
		resize: none;
		width:280px !important;
		min-width:280px !important;
		max-width:280px !important;
		height:250px !important;
		min-height:250px !important;
		max-height:250px !important;
	
	}
	
	
	

	
textarea#awards-textarea

	{
		resize: none;
		width:280px !important;
		min-width:280px !important;
		max-width:280px !important;
		height:380px !important;
		min-height:380px !important;
		max-height:380px !important;
	
	}
		
/* ------------------------------------------------------------------------------------------ */
/* POP UPS */	
/* ------------------------------------------------------------------------------------------ */

#layer1 {
	position: absolute;
	visibility: hidden;
	width: 150px;
	height: 400px;
	text-align: center;
	top: 150px;
	background-color: #ccc;
	border: 1px solid #000;
	padding: 10px;
	z-index: 9999;
}

#close {
	float: right;
}





/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ---------------------------  AWARDS  ----------------------------------------------------- */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */



.awards-year-link	

	{
		
		position: relative;
		font: 28px Arial, Helvetica, sans-serif;
		text-decoration: none;
		list-style-type: none;
		color: #6F005A;
		margin: 10px 0px 30px 0px;	
	
	}
	
	
.awards-year-link li

	{	
	
		text-decoration: none;
		display: inline;
	
	}
	
	

.awards-year-link a

	{	
	
		text-decoration: none;
		color: #999;
		margin-right: 30px;
	
	}	
	
.awards-year-link a.active-year

	{	
	
		text-decoration: none;
		color: #6F005A;
		margin-right: 30px;
	
	}	


.awards-year-link a:hover

	{	
	
		text-decoration: none;
		color: #6F005A;
	
	}




/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ---------------------------  LATEST NEWS  ------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */





h2.latest-news-title

	{
		
		font-family: Arial, Helvetica, sans-serif;
		font: 24px Arial, Helvetica, sans-serif;
		color: #6F005A;
		margin: 20px 7px 25px 35px;

	}
	

p.latest-news-text

	{
		
		font-family: Arial, Helvetica, sans-serif;
		font: 13px arial;
		color: #333;
		line-height: 19px;
		margin: 7px 20px 15px 35px;

	}
		

.latest-news-story

	{
		
		position: relative;
		width: 600px;
		clear: both;
		min-height: 280px !important;

	}
	
	
	
	
	
	

/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ---------------------------  ONLINE BOOKING ---------------------------------------------- */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

	
	

#online-booking-left

	{
		
		float: left;
		width: 310px;
		margin-left: 70px;
		border-right: 1px dotted #999;
		margin-top: 10px;
		
	}




#online-booking-thank-you

	{
		
		float: left;
		width: 610px;
		margin-left: 70px;
		border-right: 1px dotted #999;
		margin-top: 10px;
		
	}



#online-booking-right

	{
		
		float: right;
		width: 280px;
		margin-right: 20px;
		margin-top: 10px;
		
	}
	
	

/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ---------------------------  LATEST NEWS ------------------------------------------------- */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

		
	

.latest-news-image

	{
		
		background-color: #000;
		position: relative;
		float: right;
		margin: 5px 30px 30px 40px;
	
	}	



.latest-news-image-under

	{
		
		background-color: #000;
		position: relative;
		float: right;
		margin: 5px 30px 30px 40px;
		clear: both;
	
	}