/*

Colours:
	color: #82cde1; - light blue
	color: #7a4448; - dark red
	color: #;cab4b6 -  pale red
	color: #908371; - grey (text)

*/




body{
	margin: 0px;/* change this to 0 or whatever's required when building*/
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background: #fff url(../assets/images/Page/bg_body.gif) repeat-x;
}

#whitie { position:absolute; top:0; left:0; z-index:100; background:#fff; width:1px; height:100%; }

#QA_site {
	position:fixed;
	top:5px;
	left:0px;
	display:block;
	width:100%;
	z-index:100;
	height:20px;
	background-color:#FFFF00;
	color:#000000;
	text-align:center;
	font-size:1em;
	padding: 5px 0px 0px 0px;
	border-bottom:#000 1px solid;
	border-top:#000 1px solid;
	filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;
	cursor:pointer;
}

h1 { 
	float:left;
	background-color: #fff;
	color: #908371;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 2px;
	line-height: 0.9em;
	font-size: 3.2em;
	font-weight:normal;
	margin: 0px 0px 10px 0px;
	padding:0xp 0px 0px 0px;
	width:100%;
	text-transform: uppercase;
	
}


h2 {
	float:left;
	background-color: #fff;
	color: #834344;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 2px;
	line-height: 0.9em;
	font-size: 2em;
	font-weight:normal;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
}



h3 {

	font-family:Arial, Helvetica, sans-serif;
	font-size:1.8em;
	color:#908371;
	font-weight:normal;
	text-align:left;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}


h4 {
/*	color: #d56d11;
	font-size: 1.3em;
	font-weight: bold;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


ul {
	margin: 0px 10px 10px 0px;
	padding: 0px 0px 0px 0px;
}

li {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
/*	list-style-image: url(../assets/images/page/img_bullet.gif);*/
}

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

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

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

/*hr {
	height: 1px;
	color: #9f9e9a;
	border: 1px #9f9e9a dashed;
}*/


img.logo { 
	float:left;	
	margin: 0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	}


p {	
	letter-spacing: .75px;
	font-size:1.2em;
	color:#908371;
	font-weight:normal;
	text-align:left;
	line-height: 1.6em;
	margin: 0px 5px 5px 0px;
	padding: 0px 0px 0px 0px;
}



p.small {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#834344;
	font-weight:normal;
	text-align:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: normal;
	font-style:italic;
	letter-spacing:normal;

}

div.division {
	float:left;
	height: 1px;
	width: 522px;
	display:inline;
	margin: 5px 0px 10px 0px;
	padding:0px;
	z-index: 100;
	background:transparent;
	border-bottom: 1px solid #93DBEA;
}

a:link {text-decoration:underline; color:#834344; }
a:hover {text-decoration:none; color:#834344; }
a:visited {text-decoration:underline; color:#834344; }
a:active {text-decoration:underline; color:#834344; }

ul {
	width:522px;
	margin: 0px 10px 10px 0px;
	padding: 0px 0px 0px 0px;
}

li {
	width:522px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	list-style-image: url(../assets/images/20070316/styleguide/bullet.gif);

}


li p{
	background-color: #fff;
	color: #834344;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 1px;
	line-height: normal;
	font-size: 1.2em;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


div.body ul li {
list-style-image:url(../assets/images/Page/bullet.gif);
}



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


span.hidden {
 display:none;
}

span.blue { color:#82cde1;}
span.red { color:#7a4448;} 
span.grey { color:#908371;}


/******* Content containers ******/

#page_content {
	width: 100%;
	margin: 0px;
	margin-bottom: 0px;
	height: auto;
	top: 0px;
	position: relative;
	float:left;
	z-index:0;
	background: #fff url(../assets/images/Page/bg_body.gif) repeat-x;
}

#content_container{
	position: relative;
	height: auto;
	width: 744px;
	padding:0px;
	z-index:0;
	margin: 185px 0px 0px 0px;
}



div.body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 545px;
	position:relative;
	float:right;
	display:inline;
}

div.body img { display:inline; padding: 0px 5px 5px 0px; border:none; }

div.sidenav {
	width: 186px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 43px 0px 0px 0px;
	list-style: none;
	display: inline;
	border-right: 1px solid #82cde1;
}

	
/*#header_hold {
	width:100%;
	height:166px;
	position: absolute;
	top:0px;
	left:0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display:block;
	z-index:100;
	background:#fff url(../assets/images/Page/bg_header_right.jpg) right top no-repeat;
	}*/
	
#header_hold_home {
	width:100%;
	height:407px;
	position: absolute;
	top:0px;
	left:0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display:inline;
	z-index:100;
	background-color:transparent;
	}
	
	
#header {
	width:744px;
	height:166px;
	position:relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display:block;
	z-index:100;
	background:#fff url(../assets/images/Page/bg_header_right.jpg) right top no-repeat;
	}
	
/*homestyles*/	
		
#header {
	width:744px;
	height:166px;
	position: absolute;
	top:0px;
	left:0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display:block;
	z-index:100;
	background:#fff url(../assets/images/Page/bg_header_right.jpg) right top no-repeat;
	}
	
#home_header_img { 
	width:100%;
	height:260px;
	position: absolute;
	top:145px;
	left:0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display:block;
	z-index:100;
	background:#834344 url(../assets/images/Page/homepanel/order_giftcards.jpg) left top no-repeat;
	border-bottom: 1px solid #95696d;
	width:100%;
}	
#home_header_img a:link, #home_header_img a:hover, #home_header_img a:visited, #home_header_img a:active {
	height:260px;
	position: relative;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display:block;
	background:url(../assets/images/Page/homepanel/order_giftcards.jpg) left top no-repeat;
	border-bottom: 1px solid #95696d;
	width:100%;
} 



#content_home{
	position: relative;
	height: auto;
	width: 744px;
	padding:0px;
	z-index:0;
	margin: 437px 0px 0px 0px;
}
	
#home {
	margin: 0px 0px 0px 32px;
	padding: 0px 0px 0px 0px;
	width: 463px;
	position:relative;
	float:left;
	display:inline;
}

#news_hold {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 215px;
	height:192px;
	position:relative;
	float:right;
	display:inline;

}

h2.latest_news {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 215px;
	height:12px;
	position:relative;
	float:left;
	display:inline;
	background:url(../assets/images/Page/latest_news.gif) no-repeat #fff left;
}

a.panel_item:link, a.panel_item:visited, a.panel_item:active {
	width: 215px;
	height: 53px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	display: inline;
	text-decoration:none;
	background:url(../assets/images/Page/news_more.gif) no-repeat bottom right #fff;
}

a.panel_item:hover {
	background:url(../assets/images/Page/news_more.gif) no-repeat bottom right #fff;
}


span.headline {
	color: #7a4448;
	font-size: 1.2em;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	display:inline;
	width: 215px;
	height: 15px;
	float:left;
	overflow: hidden;
	cursor:pointer;
}
span.extract {
	color: #908371;
	font-size: 1.1em;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	display:inline;
	width: 215px;
	float:left;
	height: 30px;
	overflow: hidden;
	cursor:pointer;
}

a.panel_item:hover span.headline, a.panel_item:hover span.extract {
	text-decoration:underline;
}


ul.home_panels {
	float:right;
	margin: 0px 0px 0px 1px;
	padding: 0px 0px 0px 0px;
	width: 744px;
	height: auto;
	display:inline;
	height: auto;
	}	

ul.home_panels li{
	float:left;
	padding: 0px 0px 0px 0px;
	height:214px;
	width: 246px;
	display:inline;
	list-style: none;
	}
	
ul.home_panels li a{
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height:214px;
	width: 246px;
	float: left;
	display:inline;
	}

li.home_panel_1, li.home_panel_2, li.home_panel_3 {
	height:214px;
	width: 246px;	
	margin: 0px 0px 0px 1px;
	background:url(../assets/images/Page/home_panel_1.jpg) no-repeat top left ;
}

li.home_panel_1 { height:214px;	width: 246px; background:url(../assets/images/Page/home_panel_1.jpg); }

a.home_panel_1:link, a.home_panel_1:visited, a.home_panel_1:active { height:214px;	width: 246px; background: url(../assets/images/nav/home_panel_1.jpg);}
a.home_panel_1:hover { background-image:url(../assets/images/Page/home_panel_1_over.jpg); }

li.home_panel_2 { height:214px;	width: 246px; background:url(../assets/images/Page/home_panel_2.jpg); }

a.home_panel_2:link, a.home_panel_2:visited, a.home_panel_2:active { height:214px;	width: 246px; background: url(../assets/images/nav/home_panel_2.jpg);}
a.home_panel_2:hover { background-image:url(../assets/images/Page/home_panel_2_over.jpg); }

li.home_panel_3 { height:214px;	width: 246px; background:url(../assets/images/Page/home_panel_3.jpg); }

a.home_panel_3:link, a.home_panel_3:visited, a.home_panel_3:active { height:214px;	width: 246px; background: url(../assets/images/nav/home_panel_3.jpg);}
a.home_panel_3:hover { background-image:url(../assets/images/Page/home_panel_3_over.jpg); }


/***************End of structure hold****************/

/*header*/

img.logo {
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display:inline;
	}

ul.header_top {
	float:right;
	margin: 22px 11px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 159px;
	height: 12px;
	display:inline;
	height: auto;
	}	

ul.header_top li{
	float:right;
	padding: 0px 0px 0px 0px;
	height:15px;
	display:inline;
	list-style: none;
	}
	
ul.header_top li a{
	float:left;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	height:15px;
	float: left;
	display:inline;
	width: inherit;
	background-repeat:no-repeat;
	}

li.btn_home, li.head_pipe, li.btn_sitemap, li.email, li.phone {
	width: 36px;	
	margin: 0px 0px 0px 0px;
	background:url(../assets/images/Page/header_home.gif) no-repeat ;
}

li.head_pipe { width: 7px; background:url(../assets/images/Page/header_pipe.gif) no-repeat; }
li.btn_sitemap { width: 53px; background:url(../assets/images/Page/header_sitemap.gif) no-repeat; }
li.email { width: 159px; background:url(../assets/images/Page/header_email.gif) no-repeat; }
li.phone { width: 93px; background:url(../assets/images/Page/header_phone.gif) right no-repeat; float:right; }

a.btn_home:link, a.btn_home:visited, a.btn_home:active { width:36px; background: url(../assets/images/nav/header_home.gif) no-repeat;}
a.btn_home:hover { background-image:url(../assets/images/Page/header_home_over.gif) no-repeat; }

a.btn_sitemap:link, a.btn_sitemap:visited, a.btn_sitemap:active { width:53px; background: url(../assets/images/nav/header_sitemap_over.gif) no-repeat;}
a.btn_sitemap:hover { background-image:url(../assets/images/Page/header_sitemap_over.gif) no-repeat; }

a.email:link, a.email:visited, a.email:active { width:159px; background: url(../assets/images/nav/header_email.gif) no-repeat;}
a.email:hover { background-image:url(../assets/images/Page/header_email_over.gif) no-repeat; }


/*header navigation */

ul.nav {
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 744px;
	display:inline;
	height: 35px;
	border-top: 1px solid #7a4448;
	border-bottom: 1px solid #7a4448;

	}
	
ul.nav li{
	float:left;
	padding: 0px 0px 0px 0px;
	height:35px;
	display:inline;
	list-style: none;
	}
	
ul.nav li a{
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height:35px;
	float: left;
	display:inline;
	width: inherit;
	}
	
li.nav_about_us, li.nav_treatments, li.nav_products, li.nav_gift_vouchers, li.nav_member_loyalty, li.nav_news, li.nav_locations, li.nav_contact {
	width: 75px;	
	margin: 0px 0px 0px 0px;
	background:url(../assets/images/Nav/nav_about_us.gif) no-repeat  #fff;
}

li.nav_treatments { width: 97px; background:url(../assets/images/Nav/nav_treatments.gif) #fff; }
li.nav_products { width: 71px; background:url(../assets/images/Nav/nav_products.gif) no-repeat  #fff; margin-right:6px; }
li.nav_gift_vouchers { width: 124px; background:url(../assets/images/Nav/nav_gift_vouchers.gif) no-repeat  #fff; margin-right:7px; }
li.nav_member_loyalty {	width: 152px; background:url(../assets/images/Nav/nav_member_loyalty.gif) no-repeat  #fff; }
li.nav_news { width: 49px; background:url(../assets/images/Nav/nav_news.gif) no-repeat  #fff; margin-right:12px; }
li.nav_locations { width: 72px; background:url(../assets/images/Nav/nav_locations.gif) no-repeat  #fff; margin-right:11px; }
li.nav_contact { width: 63px; background:url(../assets/images/Nav/nav_contact.gif) no-repeat  #fff; }


a.nav_about_us:link, a.nav_about_us:visited, a.nav_about_us:active { width:75px; background: url(../assets/images/nav/nav_about_us.gif);}
a.nav_about_us:hover { background-image:url(../assets/images/nav/nav_about_us_over.gif); }

a.nav_treatments:link, a.nav_treatments:visited, a.nav_treatments:active { width:97px; background: url(../assets/images/nav/nav_treatments.gif);}
a.nav_treatments:hover { background-image:url(../assets/images/nav/nav_treatments_over.gif); }

a.nav_products:link, a.nav_products:visited, a.nav_products:active { width:71px; background: url(../assets/images/nav/nav_products.gif);}
a.nav_products:hover { background-image:url(../assets/images/nav/nav_products_over.gif); }

a.nav_gift_vouchers:link, a.nav_gift_vouchers:visited, a.nav_gift_vouchers:active { width:124px; background: url(../assets/images/nav/nav_gift_vouchers.gif);}
a.nav_gift_vouchers:hover { background-image:url(../assets/images/nav/nav_gift_vouchers_over.gif); }

a.nav_member_loyalty:link, a.nav_member_loyalty:visited, a.nav_member_loyalty:active { width:152px; background: url(../assets/images/nav/nav_member_loyalty.gif);}
a.nav_member_loyalty:hover { background-image:url(../assets/images/nav/nav_member_loyalty_over.gif); }

a.nav_news:link, a.nav_news:visited, a.nav_news:active { width:49px; background: url(../assets/images/nav/nav_news.gif);}
a.nav_news:hover { background-image:url(../assets/images/nav/nav_news_over.gif); }

a.nav_locations:link, a.nav_locations:visited, a.nav_locations:active { width:72px; background: url(../assets/images/nav/nav_locations.gif);}
a.nav_locations:hover { background-image:url(../assets/images/nav/nav_locations_over.gif); }

a.nav_contact:link, a.nav_contact:visited, a.nav_contact:active { width:63px; background: url(../assets/images/nav/nav_contact.gif);}
a.nav_contact:hover { background-image:url(../assets/images/nav/nav_contact_over.gif); }


/*bc*/
div.breadrcumbs {
	width:544px;
	height:17px;
	position: relative;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 200px;
	display:block;
	z-index:0;
	border-bottom: 1px solid #cab4b6;
}




span.arrow_division {
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 34px;
	display:inline;
	height: 17px;
	background: url(../assets/images/Page/breadcrumbs_division.gif) left top no-repeat #fff;
}

span.bc_no_link {
	width:180px;
	float:left;
	display:inline;
 	color:#908371;
	padding: 2px 0px 0px 0px;
}


span.breadcrumbs {
	width:auto;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
	float:left;
	display:inline;
}

span.bc_no_link {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
	float:left;
	display:inline;
	color:#7a4448;
}

span.breadcrumbs a:link, span.breadcrumbs a:visited, span.breadcrumbs a:hover, span.breadcrumbs a:active {
	padding: 2px 0px 0px 0px;
	color:#908371;
	text-decoration:none;
}

span.breadcrumbs a:hover{
	color:#908371;
	text-decoration:underline;
}


/*footer styles*/


#footer {
	width: 100%;
	float:left;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	display:inline;
	height: auto;
	border-top: 1px solid #cab4b6;
	border-bottom: 1px solid #cab4b6;
}

#footer_hold, #footer_home{
	width: 544px;
	float:left;
	margin: 10px 0px 0px 200px;
	padding: 0px 0px 0px 0px;
	display:inline;
	height: auto;
}

#footer_home{
	width: 712px;
	margin: 10px 0px 0px 32px;
}

div.footer_left {
	width: 100%;
	float:left;/*left with t&C*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display:inline;
	height: auto;
	color:#908371;
}


div.footer_left a:link{
	color:#908371;
	text-decoration:none;
}

div.footer_left a:hover{
	color:#908371;
	text-decoration:underline;
}

p.footer {  letter-spacing:normal; font-size:1.4em; float:left; line-height:normal;}

a.d_and_d:link, a.d_and_d:visited, a.d_and_d:active {
	font-size:1.4em;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration:none;
	text-align:right;
	float:right;
}

a.d_and_d:hover {
	text-decoration:underline;
}

/*new footer*/


#footer_new, #footer_new_home{
	width: 544px;
	float:left;
	margin: 0px 0px 0px 200px;
	padding: 0px 0px 0px 0px;
	display:inline;
	height: auto;
}


#footer_new_home {
	width: 712px;
	margin: 0px 0px 0px 32px;
}


span.footer_tel {
	width: 174px;
	height: 34px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	background: url(../assets/images/Page/footer_telephone.gif) no-repeat right ;

}

a.footer_enquiry:link, a.footer_enquiry:visited, a.footer_enquiry:active {
	width: 220px;
	height: 34px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	background: url(../assets/images/Page/footer_email.gif) no-repeat right #fff;
	
	
}

a.footer_enquiry:hover {
	background: url(../assets/images/Page/footer_email_over.gif) no-repeat right  #fff;
} 

/* twitter/facebook links */
a.icon_tw:link, a.icon_tw:visited, a.icon_tw:active,
a.icon_fb:link, a.icon_fb:visited, a.icon_fb:active {
	width: 33px;
	height: 34px;
	float: right;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	display: block;
	background: url(../assets/images/Page/icon_tw.gif) no-repeat right #fff;
}
a.icon_fb:link, a.icon_fb:visited, a.icon_fb:active {
	background: url(../assets/images/Page/icon_fb.gif) no-repeat right #fff;
	margin-left:40px;
}



/*Template Styles */


div.box {
	width: 545px;
	float: left;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	display: inline;
	

}

h3.child_header {
	font-size:1.6em;
	color:#908371;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #cab4b6;
}



p.child_intro {	
	letter-spacing: 1px;
	font-size:1.2em;
	color:#908371;
	font-weight:normal;
	text-align:left;
	line-height: 1.6em;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

a.view_more:link, a.view_more:visited, a.view_more:active {
	font-size: 1.2em;
	text-align:right;
	text-decoration:none;
	width: 515px;
	height: 18px;
	float: left;
	color:#4d4d4d;
	margin: 4px 0px 0px 0px;
	padding: 4px 30px 0px 0px;
	display: block;
	border-top: 1px dashed #82cde1;
	border-bottom: 1px solid #cab4b6;
	background: url(../assets/images/Nav/sidenav_arrow_on.gif) no-repeat right ;
	
	
}

a.view_more:hover {
	color:#7a4448;
	background: url(../assets/images/Nav/sidenav_arrow_on.gif) no-repeat right  #ffeded;
} 


a.back:link, a.back:visited, a.back:active {
	font-size: 1.2em;
	text-align:right;
	text-decoration:none;
	width: 515px;
	height: 18px;
	float: left;
	color:#4d4d4d;
	margin: 4px 0px 0px 0px;
	padding: 4px 30px 0px 0px;
	display: block;
	border-top: 1px dashed #82cde1;
	border-bottom: 1px solid #cab4b6;
	background: url(../assets/images/Nav/sidenav_arrow_sub.gif) no-repeat right ;
	
	
}

a.back:hover {
	color:#7a4448;
	background: url(../assets/images/Nav/sidenav_arrow_on.gif) no-repeat right  #ffeded;
} 


h3.subtitle {
	font-size:1.8em;
	color:#908371;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}


div.img_hold {
		float:left;
		height: auto;
		width: auto;
		display:block;
		margin: 0px 15px 0px 0px;
		padding:0px;
		z-index: 100;
}