/* Global Reset @ */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, form {
margin: 0;
padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 80%; 
	color: #36261f; 
	background: #d8e3e6 /* url(images/bg.gif) top repeat-x */
} 


#container {
	margin: 0 auto;
	width: 960px;
	margin-top: 15px;
	margin-bottom: 15px;
	position: relative;
	background: #4e443b;
	border: 1px solid #bdb4ac;
	text-align:justify;
}

#header {
	height: 201px;

	background-color: #c3cbce
}

#rotate {
	width: 960px;
	background-color: #c3cbce
}

#content-wrapper {
	background: #d3cbc4 /*url(images/bg-content.jpg) top center no-repeat*/;
	height: 100%;
	padding: 0 0 20px 0
}

#main-column {
    width: 680px;
	float: left;
	margin: 15px 20px 0 9px;
	position: relative;
	z-index: 0
}

#content {
	width: 650px;
	padding: 10px;
	background-color: #e2ddd9;
	min-height: 700px;
	position: relative
}

#narrow-column {
    width: 220px;
	float: left;
	margin: 25px 0 20px 15px;
	position: relative;
}

#whats-on {
	float: left;
	width: 380px;
	margin: 20px 0 10px 9px;

}

#promo-box {
	float: left;
	width: 250px;
	margin: 20px 0 0 40px
}

#tabs {
	margin: 10px 0 0 0;
}

#tabs h3 {
	display: block;
	height: 25px;
	margin: 5px 0 0 0
}

#tabs h3 a {
	color: #c86102;
}

#tabs  a.more-link {
   	color: #c86102;
	font-weight: bold;

}

div#tabs-1, div#tabs-2, div#tabs-3 {
	border-right: 1px solid #cbc3bc;
	border-bottom: 1px solid #cbc3bc;
}

div#tabs-1 div, div#tabs-2 div, div#tabs-3  div{
	padding: 10px 0 0 0;

}

#tabs-3 img {
	width: 150px;
	height: 150px;
	
}

#menu {
	height: 66px;
	background: #8c8279 url(images/bg-nav.gif) top no-repeat
}

#main-column img {
	padding: 2px;
	border: 1px solid #d3cbc4;
}

#navigation  {
	padding: 13px 0 0 11px;
}

#navigation li
{
    float: left;
    list-style: none;
	font-size: 110%;
    margin:0 13px 0 0;
    padding:0 9px 0 0;
	color: #fff;
	height: 37px
}

#navigation li.current_page_item, #navigation li.current_page_parent
{
	background:url(images/bg-nav-right.gif) top right no-repeat;
    margin:5px 13px 0 0;
    padding:0 9px 0 0;
	height: 37px
}

#navigation li.current_page_item a, #navigation li.current_page_parent a
{
	float: left;
	color: #fff;
	background:url(images/bg-nav-left.gif) top left no-repeat;
    padding:5px 9px 4px 17px;
	margin:0 0 0 0;
	height: 37px
}

#navigation li:hover
{
	background:url(images/bg-nav-right.gif) top right no-repeat;
    margin:5px 13px 0 0;
    padding:0 9px 0 0;
	height: 37px
}

#navigation li:hover a
{
	color: #fff;
	background:url(images/bg-nav-left.gif)  top left no-repeat;
    padding:5px 9px 4px 17px;
	margin:0 0 0 0;
	height: 37px
}

#navigation li a
{
	color: #fff;
	display: block;
	text-decoration: none;
   	margin: 8px 0 0 0;
	padding:2px 9px 6px 17px;
	line-height: 1.7em;
}

.sub-nav {
   margin: 0 0 15px 0
}

.sub-nav li{
	list-style: none;
	padding: 2px 0 2px 0
}


.sub-nav li a {
	font-size: 90%;
	color: #3b302e;
	text-decoration: none;
	padding: 0 0 0 11px;
	background: url(images/bg-sub-nav2.gif) left no-repeat;
}

.sub-nav li a:hover {
	background: url(images/bg-sub-nav.gif) left no-repeat;
}


.sub-nav li.current_page_item a {
	font-weight: bold;
	background: url(images/bg-sub-nav.gif) left no-repeat;
	   

}

#quick-menu img {
	margin: 15px 0;
	border: none;
}

#quick-menu a {
	display: block;
	
}

/* h2#beauty-services{
	background: url(images/ttl-beauty-services.gif) top left no-repeat;
	width: 200px;
	height: 25px;
} */


h2#beauty-services {
	background: url(images/ttl-beauty-services2.gif) top left no-repeat;
	width: 200px;
	height: 25px;
}

/* h2#health-and-beauty{
	background: url(images/ttl-health-and-beauty.gif) top left no-repeat;
	width: 200px;
	height: 25px
} */

h2#health-and-beauty {
	background: url(images/ttl-health-and-beauty2.gif) top left no-repeat;
	width: 200px;
	height: 25px
}

/* h2#whatson-old {
	background: url(images/ttl-whats-on.gif) top left no-repeat;
	width: 380px;
	height: 25px;
	margin: 0 0 15px 0
} */

h2#whatson {
	background: url(images/ttl-whats-on2.gif) top left no-repeat;
	width: 380px;
	height: 25px;
	margin: 0 0 15px 0
}

h2#treatments-menu {
	background: url(images/ttl-treatments-menu.gif) top left no-repeat;
	width: 380px;
	height: 25px;
	margin: 0 0 15px 0
}

h2#beauty-services span, h2#beauty-services2 span, h2#health-and-beauty span, h2#health-and-beauty2 span,h2#whatson span, h2#whatson2 span, h2#treatments-menu span {
	display: none;
}

#whats-on a  {
	font-size: 95%;
	color: #c86102
}

#whats-on p {
	text-align:justify
}
#whats-on h3 {
	margin: 0 0 10px 0
}

#whats-on img {
	width: 110px;
	height: 110px;
	padding: 2px;
	border: 1px solid #a3988e;
	float: left;
	margin: 0 5px 10px 0 !important;
}

#content a  {
	color: #c86102;
	font-weight: bold;
	text-decoration: none

}

#content a:hover  {
	text-decoration: underline
}

.box {
	float: right;
	margin: 15px 0 10px 10px
}


.treatments .itemHead{
	width: 661px;
	height: 40px;
	background: url(images/box-treatments.gif) top no-repeat;
	font-size: 85%;
	margin: 0 0 6px 0;
	position: relative;
}

.treatments .itemBody {
	margin: 10px 0 0 0
}

.treatments p, .treatments h2 {
	padding: 7px;
}

ul.treatments-sml  {
	width: 700px;
	margin: 20px 0 0 0;
}

ul.treatments-sml li {
	width: 300px;
	height: 45px;
	background: url(images/box-treatments-sml.gif) top no-repeat;
	margin: 0 25px 10px 0;
	list-style: none;
	float: left;
}

ul.treatments-sml a{
	display: block;
	color: #3b302e;
	padding: 11px;
	text-decoration:none
}

.treatments .more {
	position: absolute;
	width: 50px;
	height: 25px;
	top: 82px;
	left: 592px	
}

.treatments a {
	color: #3b302e;
	text-decoration:none
}

.treatments a:hover {
	text-decoration:underline
}

#left-column p img {
	width: 220px;
}

#footer {
	width: 960px;
	margin: 0 auto;
}

#footer p{
	font-size: 85%;
	text-align:center;
}


#footer p.blue {
	color: #849398
}


form input, form textarea, form select{
	padding: 5px;
	border: 2px solid #ccc;
}

form label {
	padding: 0 0 4px 0
}

#newsletter {
	background: #e2ddd9 url(images/newsletter.png) 97% 10% no-repeat;
	width: 230px;
	padding: 10px;
	margin: 0 0 20px 0
}

#newsletter form#subForm {
	position: relative;
	margin: -5px 0 5px 0
}


#newsletter form#subForm input {
	height: 20px;
	padding: 2px;
	border: 1px solid #b2a79d;
	margin: 5px 0 0 0;
	width: 190px;
	background-color: #d3cbc4;
	color: #3b302e;
}

#newsletter  form#subForm input#submitBtn {
	width: 25px;
	height: 25px;
	border: none;
	position: absolute;
	top: 20px;
	left: 200px;
	background-color: #e2ddd9;
}

#newsletter form#subForm p {
	font-size: 90%;
	font-style: italic;
	padding: 7px 0 0 0;
	margin: 0;
}

#subForm2 {
	padding: 10px;
}

#subForm2 input, #subForm2 select {

	padding: 3px;
	border: 1px solid #b2a79d;
	margin: 5px 0 5px 0;
	width: 190px;
	color: #3b302e;
}

#subForm2 .submit-home {
	width: 70px;
	height: 30px;
	background: #376f8c;
	color: #fff
}

#newsletter2 {
	background: url(images/newsletter2.gif)  no-repeat;
	width: 220px;
	padding: 10px;
	height: 96px !important;
	float: left;
	margin: 0px 0 0 25px;
	font-size: 110%;
}

#newsletter2 form#subForm {
	position: relative;
	margin: -5px 0 0 0
}

#newsletter2 p {
	line-height: 140%;
	padding: 30px 0 0 0px;
	width: 160px;
	text-align:left
}

#newsletter2 a {
	display: block;
	cursor: pointer
}

#newsletter2 form#subForm input {
	height: 20px;
	padding: 2px;
	border: 1px solid #b2a79d;
	margin: 5px 0 0 0;
	width: 180px;
	background-color: #e2ddd9;
	color: #3b302e;
}

#newsletter2  form#subForm input#submitBtn {
	width: 25px;
	height: 25px;
	border: none;
	position: absolute;
	top: 15px;
	left: 190px;
	background-color: #d3cbc4;
}

#newsletter2 form#subForm p {
	font-size: 90%;
	font-style: italic;
	padding: 2px 0 0 0;
	margin: 0;
}



form#subForm {
	margin: 0 0 50px 0;
	
}

#newsletter2 form#subForm {
	margin: 0 0 10px 0 !important;
	
}

form#subForm input {
	width: 250px;
}

form#subForm input.submit {
	width: 80px;
	background-color: #f68439;
	border: 1px solid #bf5610;
	cursor: pointer;
	float: right;
	margin: -30px 360px 0 0
}

form.wpcf7-form {
	margin: 20px 0 0 0
}

form.wpcf7-form .contact-submit input {
	background-color: #f68439;
	border: 1px solid #bf5610;
	cursor: pointer;
	width: 80px;
}

.promotion  {
	margin: 20px 0 0 0;
	width: 240px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #6d584f !important;
}

#promotions {
	padding: 10px 0 0 10px
}

#gift-voucher1, #gift-voucher2 {
	float: left;
	margin-right: 10px;
	width: 330px;
	height: 115px;
	border: 1px solid #b3a9a1
}

.gift-vouchers {
	margin: 20px 0 0 0
}


#extras {
   position: absolute;
   bottom: 20px;
   right: 20px;
	width: 80px
}

#extras2 {
   position: absolute;
   bottom: 40px;
   right: 20px;
 width: 80px
}

#follow-us {
	margin: 20px 0 10px 30px;
	font-size: 110%;
}

#facebook a{
	margin: 0 0 0 30px;
	padding: 7px 0 15px 50px;
	background: url(images/icon-facebook.gif) left bottom no-repeat;
	height: 15px;
	width: 5px;
	float: left;
	color: #36261f; 
	text-decoration: none;	
	display: block
}

#twitter a {
	padding: 7px 0 15px 80px;
	background: url(images/icon-twitter.gif) left bottom no-repeat;
	height: 15px;
	width: 5px;
	color: #36261f; 
	text-decoration: none;
	float: left;
	display: block
	
}

p#facebook, p#twitter  {
	padding: 25px 0 0 15px;
}



img {
	border: none;
}




h1 {
	
	color: #3b302e;
	font-family:'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; 
	font-size: 170%;
	font-weight: normal;
	margin: 10px 0 15px 0
}

#content h2 {
	color: #376f8c;
	font-family:'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; 
	font-size: 140%;
	font-weight: bold;
	margin: 20px 0 15px 0;
	border-bottom: 1px solid #376f8c;

}




.testimonial {
	font-size: 85%;
	font-style: italic;
	line-height: 140%
}

a {
	text-decoration: none;
	color: #3b302e;
	outline: none
}

p {
	margin: 0 0 15px 0
}

#content ul {
	margin: 0 0 10px 15px;
}

.page-template-treatments-php #content ul {
	margin: 0 30px 20px 0;
	width: 290px;
	float: left
}

.page-template-treatments-php #content ul li {
	list-style: none;
	margin: 0 0 5px 0
}	

.page-template-treatments-php  #content h2, .page-template-treatments-php  #content p{
	clear: left
}

.alignleft {
	float: left;
	margin: 0 15px 15px 0
}

.alignright {
	float: right;
	margin: 0 0 15px 15px;

}



blockquote {
	border: 2px solid #db7f44;
	margin: 15px 0;
	padding: 6px 6px 0 6px;
	color: #990000;
	background: rgba(219, 127, 68, 0.2); 
	font-size: 120%
}

.contact-us-box {
	background: #d8e3e6;
	color: #ffffff;
	font-weight: bold;
	padding: 10px;
	margin: 20px 0 0 0;
	border: 1px solid #bbd3d9
}

.contact-us-box p {
	line-height: 150%;
	margin-bottom: 0px;
	font-size: 110%;
	font-family:'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; 
	text-align:center;
	color: #376f8c
}

.contact-us-box a {
	color: #376f8c
}

.contact-large {
	font-size: 130%
}

/* accordion styles */
.itemHead{
	padding: 2px 0 0 0;
	cursor:pointer;
	position: relative;
	height: 50px
}
		
.treatments .itemHead h2 {
	background:url(images/arrow-up.gif) top right no-repeat;		
	position: relative;	
	width: 638px;
	z-index: 10;
	margin: 0 0 2px 0	;
	height: 50px	
}
		
.itemBody{
	margin: -60px 0 0 0;
	padding:0 10px 10px 10px;
	font-size: 90%;
	line-height: 130%
}

.treatments .itemHead.active h2{
	position: relative;
	color:#376f8c;
	background:url(images/arrow-down.gif) top right no-repeat;
	z-index: 10;
		height: 50px
}
		
.itemHead p {
	padding: 3px 7px 3px 7px;
}
		
.treatments .itemHead h2 span {
	display: block;
	width: 400px;
	font-size: 90%
}
		
.prices {
	width: 150px;
	position: absolute;
	top: 5px;
	left: 452px;
	width: 195px;
	height: 26px;

	text-align:center;
	padding: 7px 0 0 0;
	z-index: 20
} 

.itemBody p {
	padding: 0;
	padding-bottom: 4px;
}


#main-column td {
	width: 320px;
	padding: 3px;
	padding-right: 15px;
	/*border: 1px solid #ccc;*/
	vertical-align: top
}

.page-id-198  #main-column td {
	width: auto;
}

#main-column table {
	margin: 0 0 10px 0
} 

/* SHOP */

/* ROWAN OVERRIDES */

#products_page_container {
	width: 600px
}

.productdisplay  {
	height: 60px;

}
.wpsc_variation_forms{
	margin: 0 15px 0 0;
	width: 600px !important
}

.wpsc_variation_forms label {
	display: block
}

.wpsc_select_variation {
	padding: 3px 2px;
	border: 2px solid #aa9a8d;

}

.wpsc_variation_forms p{
	padding: 5px;
	border: 2px solid #aa9a8d;
	background: #c4b8ad;
}

.wpsc_product_price, .visitshop, .prodtitles {
	display: none;
}

.wpsc_buy_button_container {
	float: right;
	margin: -70px 20px 5px 0;

}

.wpsc_buy_button {
	width: 122px !important;
	height: 46px !important;
}

.prodtitles{
	margin: 0 0 0 -110px;
}



#sideshoppingcart {
	margin: 0 0 15px 0;
	background: #aa9a8d;
	padding: 7px 0;
}

#sideshoppingcart h3 {
	margin: 0 0 0 10px;

}

.emptycart, .gocheckout {
	background: #fff;
	padding: 6px;
	border: 2px solid #aa9a8d;
}

.emptycart a, .gocheckout a{
	display: block;
	padding: 4px;
	text-transform:uppercase;
	font-weight:bold;
	margin: 0 0 3px 0
}

.pricedisplay {
	text-align: left !important;
}

.productcart td {
	border: none !important;
}

.firstrow td {
	height: 30px;
	padding: 3px;

}

tr.product_row {
	margin: 10px 0 0 0
}

.wpsc_checkout_forms {
	margin: 20px 0 10px 0 
}

.wpsc_checkout_table {
	margin: 20px 0 10px 0 
}

.wpsc_checkout_table h4 {
	margin: 15px 0 15px 0;
	font-size: 130%
}

.wpsc_checkout_table label {
	width: 190px
}

.wpsc_checkout_table input {
	width: 250px
}

.wpsc_checkout_table textarea {
	width: 250px
}

.wpsc_checkout_table td {
	border: none !important;
}

.wpsc_checkout_table input#shippingSameBilling {
		width: 20px;
}

input.make_purchase {
	
	width: 110px;
	margin: 15px 0 0 475px;
	background-color: #f68439;
	border: 1px solid #bf5610;	
	cursor: pointer;
}

#top-arrow {
	text-align: right;
	margin: 5px 10px 0 0;
}

#top-arrow a:hover{
	color: #f68439;
}

#breadcrumbs {
	float: left;
	margin: 5px 0 0 0;
}

#breadcrumbs a{
	border-bottom: 1px solid #36261f;
}

#breadcrumbs a:hover{
	color: #f68439;
	border-bottom: 1px solid #f68439;
}


.small {
	font-size: 85%;
	margin: 5px 0 0 0;
}

.small a {
	color: #069A9A
}

#change_country {
	width: 500px;
}
	
.share {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 10 
}

#content img.alignright {
	margin-top: 15px
}

.none {
	display: none;
}

.page-id-1138 #narrow-column {
	display: none;
}

/* NEW STYLES */
#main-column a {
	color: #376f8c  !important
}



.ui-tabs .ui-tabs-nav li { background: #d8e3e6 url(scripts/images/tab-blue.gif) top no-repeat !important  }
.ui-tabs .ui-tabs-nav li:hover { background: #e2ddd9 url(scripts/images/tab.gif) top no-repeat!important }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em;  color: #57859e !important }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background: #e2ddd9 url(scripts/images/tab.gif) top no-repeat!important }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a{ color: #564a40!important }

#tabs h2 span  {color: #376f8c !important }

#whats-on ul {
	margin: 0 0 15px 15px
}