/*brown #3B0B0B (59,11,11)
 * mid-brown #4e2323
 * light-brown #6f4c4c
 * cream #F5ECCE
 * dark reddish - #6c3231
 * grey - #666666
 */
/* standardised box sizing across browsers */
* {
    box-sizing: border-box;
}
/* This rule resets a core set of elements so that they will appear consistent across browsers*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, ul, li{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
/* now follows reset of same elements as required by particular website */

/* The body is the outermost layout component and contains the visible page content.*/
body {
	background-color: #956446;
	color: #000000;
	font-family: Georgia;
	font-size: 1em;
	margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	text-align: center;
	background-image:url('common/content/img/backgrounds/tile_3.png');
	background-attachment:fixed;
	line-height:1.6em;
}
/* This is a wrapper for the complete page content. It is common to use the wrapper to constrain the width of the page content*/
#ux_wrapper {
	position:relative;
	margin-left: auto;
	margin-right: auto;
	text-align: left; /* Redefines the text alignment defined by the body element. */
	width: 960px;
	top:10px;
}
/* This is a wrapper for the page content, not including the footer. This allows interesting styling of the borders and seperation of the page content from externals in the footer, such as web designer, funding icons etc*/
#ux_container {
    width:100%;
    border:2px solid #F5ECCE;
    }

#ux_main{
	width:960px;
	background-color:rgba(255,255,255,0.95);
}

#ux_gallery {
    float:right;
    width:120px;
    padding-left:0px;
    background:white;
    border-left:1px solid black;
    text-align:center;
    }
#ux_gallery img{
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
}
#ux_content {
    float:right;
    width:640px;
    padding:20px;
    text-align:left;
    }
#ux_content h1{
	display:block;
	font-size:1.3em;
	letter-spacing: 2px;
	line-height:1.3em;
	padding-left:5px;
	text-align:center;
	background-color:#3B0B0B;
	color:white;
	text-transform:uppercase;
}
#ux_content h2{
	display:block;
	font-size:1.2em;
	letter-spacing: 2px;
	line-height:1.2em;
	padding-left:5px;
	text-align:center;
	background-color:#4e2323;
	color:white;
	text-transform:uppercase;
	width:480px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}
#ux_content h3{
	display:block;
	font-size:1.2em;
	letter-spacing: 2px;
	line-height:1.2em;
	padding-left:5px;
	text-align:center;
	background-color:#6f4c4c;
	color:white;
	text-transform:uppercase;
	width:480px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}
#ux_content p{
	text-align:justify;
	padding-top:2px;
	padding-bottom:2px;
	width:480px;
	margin-left:auto;
	margin-right:auto;
}
#ux_content ul{
	width:480px;
	margin-left:auto;
	margin-right:auto;
}


#ux_content img{
	padding:4px;
	width:50%;
	float:left;
}
#ux_content table{
	margin-top:20px;
	margin-bottom:20px;
}

/* fancybox behaviour */
#ux_content img.fancybox_thumb{
	width:80px;
	height:80px;
}
#ux_content a.fancybox{
	padding:0px;
}
#ux_content a.fancybox:hover{
	color:#4e2323;
	background-color:white;
}
/* end:fancybox behaviour */

div.ux_child{
	position:relative;
	margin-left:50px;
}

#ux_pageheader {
	 position:relative;
    padding:0px;
    height:220px;
    background:black;
    }
#ux_pageheader #telephone-contact{
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
	z-index:40;
	background-color:rgba(59,11,11,0.5);
}
.ux_pageheader_slideshow {
	float:right;
	width:702px;
   padding:0px;
   padding-right:4px;
   background:black;
   height:220px;
   }

#ux_menu {
	background:url('common/content/img/backgrounds/menu_bg.jpg') no-repeat;
	font-size:1em;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	border-top:1px solid #F5ECCE;
	border-bottom:3px solid #F5ECCE;
	height:40px;
}
/* menu tabs */
#ux_menu #ux_menu_phone{
	float:left;
	padding:8px 15px 0px 0px;
}
#ux_menu  #ux_menu_phone a{
	color: #F5ECCE;
	text-decoration:underline;
	padding:0px 5px 0px 5px;
}
#ux_menu  #ux_menu_phone a:hover{
	color:#3B0B0B;
	background-color:white;
}
#ux_menu li a {
	color:#F5ECCE;
	font-family: Arial, 'Trebuchet MS', Tahoma, verdana, sans-serif;
	text-decoration:none;
	/*color: #1A2342;*/
}
#ux_menu li a:hover {
	background-color:#3B0B0B;
	text-decoration:underline;
}
#ux_menu li  a.current_page {
	text-decoration:underline;
}
/*dropdown*/
/*#ux_menu ul{
	list-style: none outside none;
	margin-left:260px;
	padding: 0px;
}

#ux_menu ul li{
	display: inline-block;
	margin: 0px;
	padding: 0px 5px 0px 0px;
}*/
	#ux_menu  ul {list-style:none outside none;margin-left:260px;}
	#ux_menu  ul li {display: block;position: relative;float:left;padding:8px 15px 0px 0px;}
	#ux_menu  li ul {display: none;margin-left:0px;}
	#ux_menu  li:hover ul {display: block; list-style:none;position: absolute;background-color:#4e2323;}
	#ux_menu  li:hover ul li {display:block;width:100%;padding:5px 5px 0px 5px; white-space: nowrap;}

/* end dropdown */
/* end menu tabs */


div.ux_error{
	border:1px solid red;
	font-size:.6em;
}
    
#ux_sidebar {
    float:left;
    width:250px;
    padding:10px;
    background-color:#3B0B0B;
    text-align:center;
    }
#ux_sidebar a{
	color:#F5ECCE;
	display:block;
	letter-spacing:2px;
	font-size:.8em;
	text-decoration:underline;
}
#ux_sidebar a:hover{
	background-color:#666666;
}

#ux_sidebar ul{
	margin: 1px 0px 0px 1px;
	padding: 0px 5px 5px 0px;
	list-style: none;
}
#ux_sidebar li{
	padding: 0px;
	border-bottom: 1px dashed #666666;
}
#ux_sidebar li a{
	color:#F5ECCE;
	display:block;
	padding-left:3px;
	letter-spacing:2px;
	font-size:.8em;
	text-decoration:none;
	text-transform:uppercase;
}
#ux_sidebar li a.current{
	text-decoration:underline;
	background-color:#4e2323;
}
#ux_sidebar li a:hover{
	text-decoration:underline;
	background-color:#4e2323;
}
#ux_sidebar li a.current:hover{
	text-decoration:underline;
	background-color:#4e2323;
}
#ux_sidebar li.child a{
	padding-left:30px;
}
#ux_sidebar li.child a.current{
	background-color:#6f4c4c;
	text-decoration:none;
}
#ux_sidebar li.child a:hover{
	background-color:#6f4c4c;
	text-decoration:underline;
}
#ux_sidebar_ads{
	width:228px;
	padding:10px;	
}

#ux_sidebar h1{
color:#4e2323;
background-color:#F5ECCE;
}





#ux_mainfooter {
    clear:both;
    color:#F5ECCE;
    }
#ux_containerfooter {
    clear:both;
    }
#ux_pagefooter {
    clear:both;
    padding:5px 10px;
    color:#F5ECCE;
    }
#ux_pagefooter a{
	color:white;
	text-decoration:underline;
}
#ux_pagefooter a:hover{
	color:#3B0B0B;
	background-color:white;
}

#ux_contactinfo{
	float:left;
	width:480px;
	border:0px solid #3B0B0B;
	padding:5px;
}
table.ux_products{
	width:500px;
	background: #F5ECCE;
	border:1px solid #3B0B0B;
}
table.ux_products th,td{
	padding:5px;
	text-align:center;
	vertical-align:top;
}

table.ux_products p{
	width:400px;
}

th.ux_thumbs{
	background:#3B0B0B;
	width:120px;
}
td.ux_addtocart{
	width:120px;
}
td.ux_addtocart a{
	font-size:.9em;
	color:#3B0B0B;
	text-decoration:none;
}
td.ux_addtocart a:hover{
	text-decoration:underline;
}

table.ux_treatments{
	width:500px;
	margin-left:auto;
	margin-right:auto;
	background: #F5ECCE;
	border:1px solid #3B0B0B;
}
table.ux_treatments th{
	background:#3B0B0B;
	color:#F5ECCE;
	text-align:center;
	width:120px;
}
table.ux_treatments th.ux_book{
	width:60px;
}
table.ux_treatments td{
	border-bottom:1px solid #3B0B0B;
	border-right:1px solid #3B0B0B;
	padding-left:5px;
	text-decoration:none;
	text-align:left;
}
table.ux_treatments a{
	font-size:.8em;
	color:#F5ECCE;
	text-decoration:none;
}
table.ux_treatments a:hover{
	text-decoration:underline;
}

table.ux_service_request{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	background: #F5ECCE;
	color:#4e2323;
	border:1px solid #4e2323;
}
table.ux_service_request th{
	vertical-align:top;
	padding:5px;
	border-bottom:1px dashed black;
	text-align:left;
}
table.ux_service_request td{
	vertical-align:top;
	padding:5px;
	text-align:right;
}
table.ux_service_request a{
	font-size:.8em;
	color:#4e2323;
}
table.ux_service_request a:hover{
	color:white;
	background-color:#4e2323;
}
table.ux_voucher_request{
	width:500px;
	background: #F5ECCE;
	border:1px solid #3B0B0B;
}
table.ux_voucher_request th{
	vertical-align:top;
	padding:5px;
	border-bottom:1px dashed black;
}
table.ux_voucher_request td{
	vertical-align:top;
	padding:5px;
	text-align:right;
}
table.ux_voucher_request a{
	font-size:.8em;
	text-decoration:none;
}
table.ux_voucher_request a:hover{
	text-decoration:underline;
}
table.ux_contact{
	width:480px;
	background: #F5ECCE;
	border:1px solid #3B0B0B;
}
table.ux_contact th{
	vertical-align:middle;
	padding:5px;
	border-bottom:1px dashed black;
}
div.ux_staff{
	width:520px;
	margin-left:40px;
}

div.ux_staff p{
	text-align:justify;
}
.left{
   float:left;
	padding-right:10px;
}
.right{
float:right;
padding-left:10px;
}
span.ux_note{
	font-size:.6em;
}
#result{
	border:1px solid red;
	font-size:.8em;
	font-weight:bold;
	width:400px;
	padding:5px;
}

/*some kind of hack*/
* html #ux_containerfooter {
    height:1px;
    }
/*IE displays borders around linked images*/
a {
border:0px;
}