/* Main Advert */ 

.basebg {background-image:url(mainadvert/images/vacancybasebg.gif); height:24px; width:455px;}
.basebg_b {background-image:url(mainadvert/images/productsbasebg.gif); height:24px; width:455px;}
.basebg_c {background-image:url(mainadvert/images/gallerybasebg.gif); height:24px; width:455px;}

.advertbasetext {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:60%; color:#FFFFFF; padding:3px 10px 0px 0px; text-align:right; }
.mapbg {background-image:url(images/mapbg.gif); height:24px; width:305px;}
.maptext {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:70%; color:#000000; padding:2px 10px 0px 0px; text-align:right; }
.mapbackground {background-image:url(images/mapwhitebg.gif); background-repeat:repeat-y;}
.map {width:195px; height:104px; float:left;}
.maplocations {
	float:right;
	width:108px;
	margin-right:1px;
	margin-top: 20px;
}
.maplocationstext_top {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:70%; color:#000000; padding:10px 10px 0px 0px; text-align:right;}
.maplocationstext {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:70%; color:#000000; padding:5px 10px 0px 0px; text-align:right;}
.racoon {padding:0px 0px 5px 20px;}

img {border:none;}

/* Main Content */
.content {margin:0px 10px 70px 20px; text-align:left;}
.content_products_inner {margin:0px 120px 0px 0px; padding-top:10px;}

.contenthome {margin:0px 10px 10px 20px; text-align:left;}
.content_topmarg {margin:20px 10px 10px 20px; text-align:left;}
.dotted {
	border-width: 1px;
	border-style: dotted;
	border-color: #CCCCCC;
    -moz-border-radius: ;
	border-top:none;
	border-left:none;
	border-right:none;
 content:".";

 margin-bottom:5px;
}
.dotted_c {
	border-width: 1px;
	border-style: dotted;
	border-color: #000000;
    -moz-border-radius: ;
	border-top:none;
	border-left:none;
	border-right:none;
 content:".";

 margin-bottom:10px;
 margin-top:10px;
}


.dotted_b {
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
    -moz-border-radius: ;
	border-top:none;
	border-left:none;
	border-right:none;
 content:".";
 margin-bottom:10px;
 margin-top:10px;
}


.dotted_topmarg {
	border-width: 1px;
	border-style: dotted;
	border-color: #CCCCCC;
    -moz-border-radius: ;
	border-top:none;
	border-left:none;
	border-right:none;
 content:".";
 margin-top:15px;
 margin-bottom:5px;
}


.imagesleft {float:left; margin:5px 12px 8px 0px;	border-width: 1px;
	border-style: solid;
	border-color: #000000;
    -moz-border-radius: ;
	 content:".";
	}

.imagescentre { 
margin:10px 0px 10px 0px;
	
	text-align:center;
	
	}



.imagesright {float:right; margin:5px 0px 12px 8px;	border-width: 1px;
	border-style: solid;
	border-color: #000000;
    -moz-border-radius: ;
	 content:".";
	}

.imagesright_b {float:right; margin:25px 0px 12px 8px;	border-width: 1px;
	border-style: solid;
	border-color: #000000;
    -moz-border-radius: ;
	 content:".";
	}
	
	
.whoweareimage { margin-left:55px;

border-width: 1px;
	border-style: solid;
	border-color: #666666;
    -moz-border-radius: ;
	 content:".";}







/*Homepage Content */
.homepagecontainer {height:140px; padding:0px 0px 0px 40px;}
.homepagecontainer_base {height:27px; padding:0px 0px 10px 40px;}
.stylegalleryheader {width:496px; height:27px; background-image:url(../images/galleryheader.gif);}
.stylegallerymiddle {height:142px; width:496px; background-color:#ECE5C7; padding-top:10px;}
.stylepuffpadding {float:left; margin:8px 0px 10px 20px;}

.homepagecontainerLong {padding:0px 0px 0px 30px;}







.w3c {margin:10px 0px 10px 0px;}




/*News Content */


.newsmainbarouter {background-color:#871C2E; height:23px; margin:10px 0px 0px 0px;}
.newsheadline {float:left; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 70%; color:#FFFFFF; padding:4px 0px 0px 10px;  font-weight:bold;}

.resultsdate {float:right; background-color:#333333;
border-width: 1px;
border-style: solid;
border-color: #FFFFFF;
-moz-border-radius: ;
border-right:none;
border-bottom:none;
border-top:none;
content:".";
margin:0px 0px 0px 0px;
height:23px;
}

.resultsdatetext {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 70%; color:#FFFFFF; padding:4px 5px 0px 5px;}
.endcap {background-image:url(../news/images/endcap.gif); width:24px; height:23px; float:right;}

.endcapnews {background-image:url(../news/images/endcap.gif); width:24px; height:23px; float:right;}


.newsstoryinner {padding:6px 10px 2px 10px; background-color:#EAEAEA; margin:1px 0px 10px 0px; }

/*Contact Us*/

.contactwrapperlight {background-color:#AECACF; padding-bottom:20px;}
.contactbarouter {background-color:#006475; height:23px; margin:10px 0px 0px 0px;}
.contacttext {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 70%; color:#FFFFFF; padding:4px 0px 0px 10px;  }

.contactform {margin:0px 0px 2px 20px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 70%; color:#000000; padding-top:10px;}
.contactformfield {margin:2px 0px 2px 20px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 70%; color:#000000;}

.contactthankyou {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 70%; color:#000000; padding:20px; text-align:center;}


.contactmainbarouter {background-color:#006475; height:23px; margin:1px 0px 0px 0px;}

.contactsubmit {float:right; background-color:#333333;
border-width: 1px;
border-style: solid;
border-color: #FFFFFF;
-moz-border-radius: ;
border-right:none;
border-bottom:none;
border-top:none;
content:".";
margin:0px 0px 0px 0px;
height:23px;
}

.contactsubmittext {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 70%; color:#FFFFFF; padding:4px 15px 0px 15px; font-weight:bold;}
.endcap_b { width:24px; height:23px; float:right;}


/*Recruitment*/

.applywrapperlight {background-color:#AECACF; padding-bottom:20px;}
.applybarouter {background-color:#20757D; height:23px; margin:10px 0px 0px 0px;}
.applytext {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 70%; color:#FFFFFF; padding:4px 0px 0px 10px;  }

.applyform {margin:0px 0px 2px 20px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 70%; color:#000000; padding-top:10px;}
.applyformfield {margin:2px 0px 2px 20px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 70%; color:#000000;}

.applythankyou {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 70%; color:#000000; padding:20px; text-align:center;}


.applymainbarouter {background-color:#5E493E; height:23px; margin:1px 0px 0px 0px;}
.applymainbarouter_b {background-color:#20757D; height:23px; margin:1px 0px 0px 0px;}
.applysubmit {float:right; background-color:#333333;
border-width: 1px;
border-style: solid;
border-color: #FFFFFF;
-moz-border-radius: ;
border-right:none;
border-bottom:none;
border-top:none;
content:".";
margin:0px 0px 0px 0px;
height:23px;
}

.applysubmittext {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 70%; color:#FFFFFF; padding:4px 15px 0px 15px; font-weight:bold;}
.endcap_c { width:24px; height:23px; float:right; background-image:url(/contactus/images/endcap.gif);}

.applysplitter {margin:2px 0px 2px 0px; background-color:#3BADB8; height:23px; overflow:hidden;}
.splittertext {padding:5px 0px 0px 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 70%; color:#FFFFFF;}



/*Offers*/

.vouchers {margin:0px 0px 10px 0px;}


/*style gallery*/
.spacer_c {height:100px;}
.spacer_medium {height:50px;}
.gallerysplitter {margin:2px 0px 2px 0px; background-color:#016F86; height:23px; overflow:hidden;}
.gallerytext {padding:5px 0px 0px 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 70%; color:#FFFFFF;}
.gallerywrapperlight {background-color:#00A6CA; padding-bottom:10px; margin-bottom:20px;}

.pagingfloat_gallery { float:right;  width:110px; margin:5px 0px 0px 0px;}


.stylegallerymiddle_b {height:138px; text-align:center; width:548px;}

.stylepuffpadding_b {float:left; margin:8px 0px 10px 29px;

border-width: 1px;
	border-style: dashed;
	border-color: #666666;
    -moz-border-radius: ;
	 content:".";}








/*salons Content */


.salonmainbarouter {background-color:#8B8370; height:23px; margin:10px 0px 0px 0px;}
.salonheadline {float:left; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 70%; color:#FFFFFF; padding:4px 0px 0px 10px;  font-weight:bold;}

.salonphone {float:right; background-color:#333333;
border-width: 1px;
border-style: solid;
border-color: #FFFFFF;
-moz-border-radius: ;
border-right:none;
border-bottom:none;
border-top:none;
content:".";
margin:0px 0px 0px 0px;
height:23px;
}


.largsalonouter {
text-align:center;
margin-bottom:15px;
margin-top:10px;
}

.largesalon {
border-width: 1px;
border-style: solid;
border-color: #000000;
}

.salonphonetext {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 70%; color:#FFFFFF; padding:4px 5px 0px 5px;}
.endcap {background-image:url(../news/images/endcap.gif); width:24px; height:23px; float:right;}

.endcapsalon {background-image:url(../salons/images/endcap.gif); width:24px; height:23px; float:right;}


.saloninner {padding:6px 10px 2px 10px; background-color:#EEECE6; margin:1px 0px 10px 0px; }
.salonmapbutton {margin:0px 0px 15px 15px;}


/*products Content */

.products {
	border-width: 1px;
	border-style: dashed;
	border-color: #CCCCCC;
    -moz-border-radius: ;
padding:0px 10px 0px 0px;
height:150px;
 content:".";

 margin-bottom:10px;
}
.productimage {float:left; 

	border-width: 1px;
	border-style: dashed;
	border-color: #CCCCCC;
    -moz-border-radius: ;

 content:".";

border-left:none;
border-bottom:none;
border-top:none;
padding:10px 0px 10px 0px;

}

.productsdesc {margin:0px 0px 0px 90px; padding:5px 10px 10px 0px;}





a.default:active {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 100%; color: #000000; text-decoration: none;}
a.default:link {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 100%; color: #000000; text-decoration: none;}
a.default:visited {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 100%; color: #000000; text-decoration: none;}
a.default:hover {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 100%; color: #000000; text-decoration: underline;}

a.underlined:active {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 100%; color: #000000; text-decoration: underline;}
a.underlined:link {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 100%; color: #000000; text-decoration: underline;}
a.underlined:visited {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 100%; color: #000000; text-decoration: underline;}
a.underlined:hover {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 100%; color: #9A867C; text-decoration: none;}

a.underlinedwhite:active {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 100%; color: #FFFFFF; text-decoration: underline;}
a.underlinedwhite:link {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 100%; color: #FFFFFF; text-decoration: underline;}
a.underlinedwhite:visited {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 100%; color: #FFFFFF; text-decoration: underline;}
a.underlinedwhite:hover {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 100%; color: #FFFFFF; text-decoration: none;}


a.white:active {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 100%; color: #FFFFFF; text-decoration: none;}
a.white:link {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 100%; color: #FFFFFF; text-decoration: none;}
a.white:visited {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 100%; color: #FFFFFF; text-decoration: none;}
a.white:hover {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 100%; color: #FFFFFF; text-decoration: underline;}

a:active {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 100%; color: #000; text-decoration: underline;}
a:link {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 100%; color: #000; text-decoration: underline;}
a:visited {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 100%; color: #000; text-decoration: underline;}
a:hover {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 100%; color: #000; text-decoration: none;}


h1 {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:80%; color:#000000; padding:10px 0px 10px 0px; margin:0px 0px 0px 0px;}
h2 {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:70%; color:#000000; padding:5px 0px 3px 0px; margin:0px 0px 0px 0px;}
h3 {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:70%; color:#000000; padding:5px 0px 3px 0px; margin:0px 0px 0px 0px;}
p {margin:0px 0px 15px 0px;}

.text {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 70%; color:#000000; line-height:19px;}
.textbold {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 70%; font-weight:bold; color:#000000; line-height:19px;}
.textbold_large_nomarg {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 80%; font-weight:bold; color:#000000; line-height:19px; margin:0px 0px 5px 0px;}
.errortext {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 70%; color:#CC0000; line-height:19px; font-weight:bold;}
.errortext_b {font-family: Arial, Verdana, Helvetica, sans-serif; color:#CC0000; line-height:19px; font-weight:bold;}
.text_smallpad {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 70%; color:#000000; line-height:16px;}
.textheaders {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 80%; color:#000000; font-weight:bold; margin:0px 0px 3px 0px;}
.text_nomarg {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 70%; color:#000000; margin:0px 0px 3px 0px; line-height:19px;}

.textcolour_a {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 90%; color:#E984D3; font-weight:bold; margin:0px 0px 3px 0px;}

.colourcare {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 90%; color:#BB0045; font-weight:bold; margin:0px 0px 0px 0px;}
.moisture {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 90%; color:#3561AA; font-weight:bold; margin:0px 0px 0px 0px;}
.sun {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 90%; color:#AF6B2E; font-weight:bold; margin:0px 0px 0px 0px;}
.repair {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 90%; color:#DA8D45; font-weight:bold; margin:0px 0px 0px 0px;}
.smooth {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 90%; color:#009DCA; font-weight:bold; margin:0px 0px 0px 0px;}
.speciality {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 90%; color:#615C60; font-weight:bold; margin:0px 0px 0px 0px;}

.texture {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 90%; color:#60A339; font-weight:bold; margin:0px 0px 0px 0px;}
.volume {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 90%; color:#7C378A; font-weight:bold; margin:0px 0px 0px 0px;}







/* Bullets */
li { 
	list-style-image: url(images/bullet.gif); 
	margin-left:-14px; 
	margin-top:2px; 
}







.textbullets {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 70%; color:#000000;  margin:2px 10px 0px 20px; line-height:18px;}
.lihome { 
	list-style-image: url(../welcome/images/tick.gif); 
	margin:3px 10px 0px 2px;
}
ul { 
	margin-top:5px; 
}

.liinner {  
	margin-left:0px;
}
.liinner_b {
	margin-left:12px;
}
.liinner_c {
	margin-left:24px;
}
fimages