/* Main Advert */ 

body {font-family:Arial, Verdana, Helvetica, sans-serif;}


.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-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-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-size:70%; color:#000000; padding:10px 10px 0px 0px; text-align:right;}
.maplocationstext { font-size:70%; color:#000000; padding:5px 10px 0px 0px; text-align:right;}
.racoon {padding:0px 0px 5px 20px;}
.prices {float:right;}
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;}
hr {
	border-width: 1px;
	border-style: dotted;
	border-color: #CCCCCC;
    
	border-top:none;
	border-left:none;
	border-right:none;
 

 margin-bottom:5px;
}
.dotted_c {
	border-width: 1px;
	border-style: dotted;
	border-color: #000000;
    
	border-top:none;
	border-left:none;
	border-right:none;
 

 margin-bottom:10px;
 margin-top:10px;
}


.dotted_b {
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
    
	border-top:none;
	border-left:none;
	border-right:none;
 
 margin-bottom:10px;
 margin-top:10px;
}


.dotted_topmarg {
	border-width: 1px;
	border-style: dotted;
	border-color: #CCCCCC;
    
	border-top:none;
	border-left:none;
	border-right:none;
 
 margin-top:15px;
 margin-bottom:5px;
}


.imagesleft {float:left; margin:5px 12px 8px 0px;	border-width: 1px;
	border-style: solid;
	border-color: #000000;
    
	 
	}

.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;
    
	 
	}

.imagesright_b {float:right; margin:25px 0px 12px 8px;	border-width: 1px;
	border-style: solid;
	border-color: #000000;
    
	 
	}
	
	
.whoweareimage { margin-left:55px;

border-width: 1px;
	border-style: solid;
	border-color: #666666;
    
	 }







/*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-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;

border-right:none;
border-bottom:none;
border-top:none;

margin:0px 0px 0px 0px;
height:23px;
}

.resultsdatetext { 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-size: 70%; color:#FFFFFF; padding:4px 0px 0px 10px;  }

.contactform {margin:0px 0px 2px 20px;  font-size: 70%; color:#000000; padding-top:10px;}
.contactformfield {margin:2px 0px 2px 20px;  font-size: 70%; color:#000000;}

.contactthankyou { 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;

border-right:none;
border-bottom:none;
border-top:none;

margin:0px 0px 0px 0px;
height:23px;
}

.contactsubmittext { 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-size: 70%; color:#FFFFFF; padding:4px 0px 0px 10px;  }

.applyform {margin:0px 0px 2px 20px;  font-size: 70%; color:#000000; padding-top:10px;}
.applyformfield {margin:2px 0px 2px 20px;  font-size: 70%; color:#000000;}

.applythankyou { 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;

border-right:none;
border-bottom:none;
border-top:none;

margin:0px 0px 0px 0px;
height:23px;
}

.applysubmittext { 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-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-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;
    
	 }








/*salons Content */


.salonmainbarouter {background-color:#8B8370; height:23px; margin:10px 0px 0px 0px;}
.salonheadline {float:left;  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;

border-right:none;
border-bottom:none;
border-top:none;

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-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;
    
padding:0px 10px 0px 0px;
height:150px;
 

 margin-bottom:10px;
}
.productimage {float:left; 

	border-width: 1px;
	border-style: dashed;
	border-color: #CCCCCC;
    

 

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-size: 100%; color: #000000; text-decoration: underline;}
a.default:link {   font-size: 100%; color: #000000; text-decoration: underline;}
a.default:visited {   font-size: 100%; color: #000000; text-decoration: underline;}
a.default:hover {   font-size: 100%; color: #000000; text-decoration: none;}

a.underlined:active {   font-size: 100%; color: #000000; text-decoration: underline;}
a.underlined:link {   font-size: 100%; color: #000000; text-decoration: underline;}
a.underlined:visited {   font-size: 100%; color: #000000; text-decoration: underline;}
a.underlined:hover {   font-size: 100%; color: #9A867C; text-decoration: none;}

a.underlinedwhite:active {   font-size: 100%; color: #FFFFFF; text-decoration: underline;}
a.underlinedwhite:link {   font-size: 100%; color: #FFFFFF; text-decoration: underline;}
a.underlinedwhite:visited {   font-size: 100%; color: #FFFFFF; text-decoration: underline;}
a.underlinedwhite:hover {   font-size: 100%; color: #FFFFFF; text-decoration: none;}


a.white:active {   font-size: 100%; color: #FFFFFF; text-decoration: none;}
a.white:link {   font-size: 100%; color: #FFFFFF; text-decoration: none;}
a.white:visited {   font-size: 100%; color: #FFFFFF; text-decoration: none;}
a.white:hover {   font-size: 100%; color: #FFFFFF; text-decoration: underline;}

a:active {   font-size: 100%; color: #000; text-decoration: underline;}
a:link {   font-size: 100%; color: #000; text-decoration: underline;}
a:visited {   font-size: 100%; color: #000; text-decoration: underline;}
a:hover {   font-size: 100%; color: #000; text-decoration: none;}


h1 { font-size:80%; color:#000000; padding:10px 0px 10px 0px; margin:0px 0px 0px 0px;}
h2 { font-size:70%; color:#000000; padding:5px 0px 3px 0px; margin:0px 0px 0px 0px;}
h3 { font-size:70%; color:#000000; padding:5px 0px 3px 0px; margin:0px 0px 0px 0px;}



p { font-size: 70%; color:#000000; line-height:19px; margin:0px 0px 15px 0px;}
.textbold { font-size: 70%; font-weight:bold; color:#000000; line-height:19px;}
.textbold_large_nomarg { font-size: 80%; font-weight:bold; color:#000000; line-height:19px; margin:0px 0px 5px 0px;}
.errortext { font-size: 70%; color:#CC0000; line-height:19px; font-weight:bold;}
.errortext_b { color:#CC0000; line-height:19px; font-weight:bold;}
.text_smallpad { font-size: 70%; color:#000000; line-height:16px;}
.textheaders { font-size: 80%; color:#000000; font-weight:bold; margin:0px 0px 3px 0px;}
.text_nomarg { font-size: 70%; color:#000000; margin:0px 0px 3px 0px; line-height:19px;}

.textcolour_a { font-size: 90%; color:#E984D3; font-weight:bold; margin:0px 0px 3px 0px;}

.colourcare { font-size: 90%; color:#BB0045; font-weight:bold; margin:0px 0px 0px 0px;}
.moisture { font-size: 90%; color:#3561AA; font-weight:bold; margin:0px 0px 0px 0px;}
.sun { font-size: 90%; color:#AF6B2E; font-weight:bold; margin:0px 0px 0px 0px;}
.repair { font-size: 90%; color:#DA8D45; font-weight:bold; margin:0px 0px 0px 0px;}
.smooth { font-size: 90%; color:#009DCA; font-weight:bold; margin:0px 0px 0px 0px;}
.speciality { font-size: 90%; color:#615C60; font-weight:bold; margin:0px 0px 0px 0px;}

.texture { font-size: 90%; color:#60A339; font-weight:bold; margin:0px 0px 0px 0px;}
.volume { 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; font-size: 11px;
	
}







.textbullets { 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;
}






/* Top Nav */
#sitebelt {width:760px; height:186px; margin-left: auto; margin-right: auto;}
.headerleft {float:left; width:563px; height:176px;}	
.headerright {float:left; width:197px; height:176px;}

/* Top links */
.accessibilitylist {background-image:url(images/topbg.gif); background-repeat:no-repeat; height:27px; text-align:left;}
.accessibilitytext {padding:8px 0px 0px 10px; font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#AAAAAA;}



.accessibilitytext a:link { color:#AAAAAA;}
.accessibilitytext a:visited	{ color:#AAAAAA;}
.accessibilitytext a:hover		{ color:#AAAAAA;}
.accessibilitytext a:active	{ color:#AAAAAA;}

/* Main flash area */
.headerflasharea {height:95px;}

/* Navigational area */
.mainnavigation {height:27px; width:563px; text-align:left;}


.mainnavigation li {font-size:10px;}




.navlower  {height:27px; width:563px; background-image:url(images/navlower.gif); background-repeat:no-repeat;}
.dottedtop_b {width:760px; height:10px; }



/* Main container */

table {background-image:url(images/mainbg.gif); background-repeat:repeat-y; border:none; padding:0px; }


/* Right Navigational area */
.navrightouter {width:182px;}
.navrightnews {padding:5px 10px 5px 20px; font-family:Arial, Helvetica, sans-serif; font-size:70%; color:#000000; text-align:right;}
.newsinner {padding:0px 10px 0px 0px;}
.newsbullet {float:right; margin:2px 0px 0px 0px; background-image:url(images/newsbullet.gif); width:13px; height:9px; background-repeat:no-repeat;}
.newsrightsplit {height:1px; overflow:hidden; background-image:url(images/newsrightsplit.gif);}


/* Nav bottom */
.footermain {width:760px; height:53px;}
.footerlist {width:760px; height:51px; background-color:#FFFFFF; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:70%; color:#000000;}
.footerlistinner {margin:0px 0px 5px 10px;}

.footerLinks {font-size:10px; font-family:Arial, Helvetica, sans-serif; background-image:none; background-color:none;}


/* Nav Right Inner */
.paginginnerleft {  font-size: 70%; color:#000000; padding:5px 0px 0px 0px;}

.pagingouter {	

border-width: 1px;
border-style: dashed;
border-color: #333333;


padding:0px 2px 3px 5px; margin:1px 1px 2px 1px;
background-color:#ECE5C7;
}


.pagingouter_on {	

border-width: 1px;
border-style: dashed;
border-color: #333333;


padding:0px 2px 3px 5px; margin:1px 1px 2px 1px;
background-color:#5A463B;
}


.pagingfloat { float:right;  width:110px; margin:5px 0px 10px 0px;}



.wayfresh {font-size:11px;}