/* General re-sets first
------------------------------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin: 0; padding: 0; }

h1,h2,h3,h4,h5,h6 { font-size : 100%; font-weight: normal;}

address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

table { border-collapse : collapse; border-spacing : 0; }

fieldset,img { border : 0; }

caption,th { text-align : left; }

q:before, q:after { content :''; } 

p {
	margin: 0;
	padding: 0px 0px 12px 0px;
}

br { padding: 0; margin:0; line-height: 12px; }

strong { font-weight: bold; }

form {
	margin: 0px;
	padding: 0px;
}
ul, ol {
	margin: 8px 0px 9px 22px;
	padding: 0px 0px 0px 2px;
}
li {
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
    list-style-position: outside;
}
.hidden {
	visibility: hidden;
}
.hidden a{
	visibility: hidden;
	text-decoration: none;
}
.hidden a:hover{
	visibility: hidden;
	text-decoration: none;
}

/* =Colours used
------------------------------------------------------------------*/
.textgreen {
color: #589109;
}
.textbrown {
color: #5a593d;
}

.GREEN-TEXT{
	 color:#589109;
}

.REGULAR-TEXT{
	 color:#5A593D;
}

/* =Style resets specific to this layout
------------------------------------------------------------------*/

body {
	background-color: #f4f3ea;
	text-align: center;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/topbar.jpg);
	background-repeat: no-repeat;
	background-position: center 30px;
	}

a {
	color: #5a593d;
	text-decoration: underline;
}
a:hover {
	color: #589109;
	text-decoration: none;
}

a.newstitle{
	color: #5a593d;
	text-decoration: none;
}

a.newstitle:hover{
	color: #5a593d;
	text-decoration: underline;
}


h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 25px;
	line-height: 29px;
	color: #589109;
	padding: 0px 0px 6px 0px;
	margin: 0px 0px 14px 0px;
	font-weight: normal;
	display: block;
}

h1.homeh1 {
	font-size: 22px;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 28px;
	color: #5a593d;
	padding: 0px 0px 6px 0px;
	margin: 0px 0px 14px 0px;
	font-weight: normal;
	display: block;
}
h2 a {
	color: #5a593d;
	text-decoration: none;
}
h2 a:hover {
	color: #5a593d;
	text-decoration: underline;
}

h3 {
	color: #589109;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	}

h4 {  
	color: #5a593d;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
 }


/* =Main Container
------------------------------------------------------------------*/

#container {
	width: 936px;
	display: block;
	text-align: left;
	margin: 0 auto;
	padding: 0px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 19px;
	color: #5a593d;
}


 
 
 /* =TOP NAVIGATION
------------------------------------------------------------------*/
#topnavdiv {
	display: block;
	padding: 0px;
	margin: 165px 0px 25px 0px;
	height: 35px;
	text-align: right;
	width: 100%;
}
.topnav {
	float: right;
}

.topnav a {
	text-decoration: none;
	color:#fff;
	font-size: 13px;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 9px 14px 9px 14px;
	-moz-border-radius: 6px 6px 0px 0px;
	border-radius: 6px 6px 0px 0px;
	text-transform:uppercase;
	margin:0px;

}
.topnav a:hover {
	text-decoration: none;
	color:#22210e;
	padding: 9px 14px 9px 14px;
	background-color:#b37bcb;
	text-transform:uppercase;
}
.topnav a.current {
	text-decoration: none;
	color:#22210e;
	padding: 9px 14px 9px 14px;
	text-transform:uppercase;
	background-color:#b37bcb;
}

.topnav a.section {
	text-decoration: none;
	color:#22210e;
	padding: 9px 14px 9px 14px;
	text-transform:uppercase;
	background-color:#b37bcb;
}


.topnav a.Treatments.hovering {
	text-decoration: none;
	color:#22210e;
	padding: 9px 14px 9px 14px;
	background-color:#b37bcb;
	text-transform:uppercase;
}



#topnav-therapies{
	position:absolute;
	z-index:9999;
	display:none;
	background-color:#E5E3D1;
	clear:both;
	text-align:left;
	margin-left:0px;
	margin-top:25px;
	padding:20px 40px 20px 40px;
	border:4px solid #B37BCB;
}

#topnav-therapies td{
	padding:1px;
}

#topnav-therapies a{
	margin-right:20px;
	margin-bottom:5px;
}



/* =Main Text Box
------------------------------------------------------------------*/

#maintextbox {
	display: block;
	width: 560px;
	margin: 0px;
	padding: 30px 10px 5px 20px;
	line-height: 30px;
}


#innertextbox {
	display: block;
	float:right;
	width: 675px;
	margin: 0px;
	padding: 30px 5px 5px 20px;
}

#innertextbox p {
	margin: 0px;
	padding:0px 0px 10px 0px;
}

#innertextbox img {
	width: 180px;
	margin: 0px 0px 10px 10px;
	padding:8px;
	float:right;
	background-color:#e5e3d1;
	
}

.clearboth {
	display: block;
	clear: both;
	height: 1px;
}



/* = Blog Holder
------------------------------------------------------------------*/

#innertextbox img.listingpic {
	display: block;
	width: 580px;
	margin: 0px;
	padding: 0px;
	float: none;
}
#innertextbox .blogcrop {
	display: block;
	width: 580px;
	height: 320px;
	overflow: hidden;
	margin: -8px 0px 10px 0px;
	float: none;
}
#innertextbox .blogsummary {
	display: block;
	width: 570px;
}
a.articlebutton {
    width: 110px;
    background-color:#589109;
    display: block;
    text-align: center;
    padding: 6px;
    display: block;
    margin: 10px 0px 36px 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color:#fff;
	font-size: 12px;
	line-height: 18px;
	text-decoration: none;
}
a.articlebutton:hover {
   background-color:#457206;
  color:#fff;
    text-decoration: none;
}


/* =GALLERY PAGE
------------------------------------------------------------------*/

.gallery-page #maintextbox {
	display: block;
	width: 560px;
	margin: 0px;
	padding: 30px 10px 5px 20px;
}

.gallery-page #innertextbox {
	display: block;
	float:right;
	width: 100%;
	margin: 0px;
	padding: 30px 5px 5px 20px;
}

.gallery-page #innertextbox p {
	margin: 0px;
	padding:0px 0px 10px 0px;
}

}

.clearboth {
	display: block;
	clear: both;
	height: 1px;
}



/* = LEFT SIDE NAVIGATION
------------------------------------------------------------------*/

.nav {
	
}

.nav a{
	text-decoration: none;
	text-transform: uppercase;
	color:#6d6d6d;
	display: block;
	padding: 0px 0px 12px 11px;
	background-image: url(../images/subnavbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.nav a:hover{
	text-decoration: none;
	color:#597f92;
	display: block;
	background-image: url(../images/xsubnavbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.nav a.active{
	text-decoration: none;
	color:#597f92;
	display: block;
	background-image: url(../images/xsubnavbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}



/* = INNER - LEFT NAVIGATION
------------------------------------------------------------------*/
.leftside-nav {
	display: block;
	width: 190px;
	text-align: left;
	padding: 10px;
	margin: 0px;
}

.leftside-nav ul {
	display: block;
	width: 180px;
	text-align: left;
	padding: 0 0 0 20px;
	margin: 0px;
}

.leftside-nav ul li {
	width: 150px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px;
	font-size:12px;
	padding:3px 0px 3px 0px;
	list-style-image:url(../images/sidenav-liststyle-img.gif);
}


.leftside-nav ul li a{
	width: 150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}

.leftside-nav ul li a:hover{
	width: 150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
}

.leftside-nav ul li a.current{
	width: 150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}

.leftsideheading {
	font-family: "Arial", "Century Gothic", "TradeGothic CondEighteen", "Futura Condensed", Helvetica, Arial;
	font-size: 14px;
	font-weight:bold;
	line-height: 20px;
	letter-spacing:3px;	
	display: block;
	text-transform: uppercase;
	background-color:#e5e3d1;	
	margin: 15px 0px 15px 0px;
	padding: 10px 10px 10px 22px;
	color:#afac94;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.leftsideheading a {
	text-decoration: none;
	color:#afac94;
}
.leftsideheading a:hover {
	color:#5a593d;
}

/* ~~ Voucher Code Box styles ~~ */
.greyform {
	background-color: #e5e3d1;
	padding: 10px 0px 10px 20px;
	width: 380px;
}
.greyform select {
	width: 330px;
	padding: 4px;
	margin: 0px 0px 7px 0px;
	color: #222;
}
.greyform input[type=text] {
	width: 260px;
	padding: 4px;
	margin: 0px 0px 7px 0px;
	color: #222;
}
.greyform input[type=image] {
	border: none; 
	padding: none !important; 
	background-color: transparent !important;
  }
.greyform img {
	padding: 0 !important; 
	background-color: transparent !important;
  }

/* =BASE
------------------------------------------------------------------*/

#base {
	display: block;
	clear: both;
	text-align: left;
	vertical-align: top;
	margin: 15px 0px 15px 0px;
	padding: 13px 0px 13px 0px;
	width: 940px;
	font-size: 11px; 
	line-height: 18px;
	color:#73725f;
	background-color: #e5e3d1;	
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.address {
	margin: 0px;
	padding: 0px 20px 0px 22px;
	font-family:"Trebuchet MS", Arial, Helvetica;
}


.credits {
	float: right;
	color: #9b9978;
	margin: 0px;
	padding: 0 20px 0 22px;
	font-family:"Trebuchet MS", Arial, Helvetica;
}

.credits a {
	color: #9b9978;
	text-decoration: none;
}
.credits a:hover {
	color: #9b9978;
	text-decoration: underline;
}


@-ms-viewport {
  width: device-width;
}
.hidden {
  display: none;
  visibility: hidden;
}
.visible-phone {
  display: none !important;
}
.hidden-desktop {
  display: none !important;
}
.visible-desktop {
  display: inherit !important;
}

.mobilenav, .mobilenav2 { display: none; }