body, table
{
	background: #ffffff; /* #e0e0e0 url(Graphics/bg2.gif) repeat-x;*/
	margin: 10px 0 10px 0;
	padding: 0 0 0 0;
	font-family: Arial, Lucida Sans, Lucida Grande, Verdana, Geneva, Sans-Serif;
	font-size: 12px;
	color: #000000;
	line-height: 20px;
}

/* table with borders */
table
{
	border: solid 1px #696A6C;
}

td
{
	border: solid 1px #696A6C;
    margin: 0;
    padding: 4px;
}

/* headings */
h1, .Heading1
{
	font-size: 18px;
	font-family: Georgia, Arial, Verdana, Geneva, Sans-Serif;
	color: #005596;
	margin: 5px 0 10px 0;
	padding : 0 0 0 0;
	font-weight: normal;
}

h2,h3,h4, .Heading2, .Heading3, .Heading4
{
	font-family: Georgia, Arial, Verdana, Geneva, Sans-Serif;
	color: #005596;
	margin: 0 0 10px 0;
	padding : 0 0 0 0;
	font-weight: normal;
}

h2, .Heading2 { font-size: 16px; border-bottom: solid 1px #D6EB68; margin-top: 30px; padding-bottom: 3px; }
h3, .Heading3 { font-size: 14px; }
h4, .Heading4 { font-size: 12px; }

/* Paragraphs */
p, .Para
{
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

/* Hyperlinks */
a
{
	text-decoration: none;
	color: #468211;
}

a:hover
{
	text-decoration: underline;
}
		
/* simple classes */
.NoBorder { border: none; }

.ClearBoth { clear: both; }

.ExtraLargeText { font-size: 130%; }
.BigText { font-size: 110%; }
.NormalText { font-size: 100%; }
.SmallText { font-size: 90%; }		

.Central { text-align: center; }

.PicLeft { float:left; padding: 0 10px 0 0; border: none; }
.PicRight { float:right; padding: 0 0 0 10px; border: none; }

.ErrorLabel, .Highlight { color: #ff0000; font-weight: bold; }
.Tip { color: #00498d; font-size: 11px; font-weight: bold; }

.Spacing20 { width: 100%; height: 20px; }
.Spacing { width: 100%; height: 10px; }
.Spacing5 { width: 100%; height: 5px; }
.Spacing2 { width: 100%; height: 2px; }
.Spacing8 { width: 100%; height: 8px; }

.hidden { display: none; }
.unhidden { display: block; }

.Bold { font-weight: bold; }

.Overflow { overflow: auto; }

/* Standard warnings */
.InfoMsg 
{	
	background: #BED73B url(Graphics/info1.gif) no-repeat;
 	padding: 8px 10px 8px 40px;
	min-height: 40px;
	color: #000000;
	font-style: normal;
}

.ErrorMsg
{	background: #BED73B url(Graphics/error.gif) no-repeat;
 	padding: 8px 10px 8px 40px;
	min-height: 40px;
	color: #000000;
	font-style: normal;
}

.WarningMsg
{
	background: #BED73B url(Graphics/warning.gif) no-repeat;
 	padding: 8px 10px 8px 40px;
	min-height: 40px;
	color: #000000;
	font-style: normal;
}

/* wrapper */
.Wrapper
{
	/*width: 970px;*/
	width: 775px;
	margin: 0 auto 0 auto;
	background: #ffffff;
}

/* left stripe */
.LeftStripe { background: transparent url(Graphics/horizbg.gif) repeat-y; }

/* Page banner */
.Banner
{
	width: 850px;
	height: 123px;
	/*background: #DBE6A4 url(Graphics/logo1.png) no-repeat scroll top right;*/
	background: #ffffff url(Graphics/logo.gif) no-repeat;
	margin: 0 auto 0 auto;
}	

.TagLine
{
	float:right;
	height: 123px;
	width: 270px;
	background: transparent url(Graphics/tagline.jpg) no-repeat scroll bottom right;
}
	
#PicBanner
{
	height: 153px;
}
	
/* Navigator */

/* menu navigator */
#Navigator
{
	float:left;
	/*background-color: #D6EB68;*/
	background: #BED73B url(Graphics/btcurve.gif) no-repeat scroll bottom left;
	/*background: transparent;*/
	line-height: 30px;
	/*text-align: left;*/
	text-align: center;
	width: 190px;
	padding-bottom: 10px;
}	

#Navigator ul
{
	list-style: none;
	padding: 0 5px 0 5px;
	margin: 0 0 0 0;
	line-height: 30px;
	width: 180px;
	z-index: 100;
}

#Navigator ul li
{
	padding: 0 0 0 0;
	position: relative;
	height: 30px;
	z-index: 50;
}

#Navigator li ul
{
	position: absolute;
	left: 170px;
	top: 0;
	display:none;
	/*background: #ADE383;*/
	background: #DCEB8C;
	z-index: 120;
	padding: 5px 5px 5px 5px;
}

/* Styles for Menu Items */
#Navigator ul li a 
{
	/*float:left;*/
	display: block;
	text-decoration: none;
	padding: 0 0 0 0;
	/*color: #1968B3;*/
	color: #468211;
	font-size: 14px;
	width: 180px;
	height: 30px;
	z-index: 50;
	background: none;
}

/* Fix IE. Hide from IE Mac \*/
* html #Navigator ul li { float: left; height: 1%; }
* html #Navigator ul li a { height: 1%; }
/* End */

#Navigator ul li a:hover 
{ 
	background: transparent url(Graphics/select.gif) repeat-x;
}	

#Navigator li ul li a 
{ 
	width: auto; 
	background: none; 
	text-align: left;
	padding-left: 5px;
} /* Sub Menu Styles */

#Navigator li ul li a:hover
{ 
	background: transparent url(Graphics/subselect.gif) repeat-x;
}	
		
#Navigator li:hover ul, li.over ul 
{ 
	display: block; 
} /* The magic */

#Navigator h1 { margin-top: 0; }
		
/* content */
#ContentHolder
{
	background: #ffffff; /* url(Graphics/green.gif) repeat-y; */
}
	
.Content
{
	float:right;
	width: 575px;
	background: #ffffff url(Graphics/splash.jpg) no-repeat scroll center center;
	padding: 0 0 10px 0;
}

.ContentText
{
	background: #ffffff; /* url(Graphics/content-bg.gif) no-repeat;*/
	padding: 20px 0 20px 0;
}
	
.PlainBg { background-color: #ffffff; background-image: none; }
	
/* footer */
#Footer
{
	width: 850px;
	margin: 0 auto 0 auto;
	clear: both;
	background: #ffffff url(Graphics/swoosh.png) no-repeat scroll top center;
	padding: 15px 10px 15px 0;
	text-align: right;
	/*border-top: solid 2px #D6EB68;*/
	
}

#Footer a { color: #468211; }

#Credits
{
	padding-top: 20px;
}

#Credits a { font-size: 10px; color: #c0c0c0; }			
#Credits a:hover { color: #ff0000; }

/* highlight a section */
.ShowMe { font-weight: bold; } /* { color: #757455; } { color: #95C8F7; } */

/* quotes */
blockquote
{ 
	background: transparent url(Graphics/quote-open.png) no-repeat scroll top left; 
	padding-top: 10px;
	margin: 20px 20px 0 20px;
}

blockquote div
{
	background: transparent url(Graphics/quote-close.png) no-repeat scroll bottom right;
	padding: 0 50px;
}

/* Buttons */
#Buttons
{
	height: 40px;
}

#Buttons a
{
	display:block;
	float:right;
	width: 15%;
	margin-left: 2%;
	color: #1968B3;
	background-color: #DBECFC;
	font-size: 16px;
	text-align: center;
	height: 40px;
	line-height: 40px;
}	

#Buttons a:hover
{
	background-color: #1968B3;
	color: #ffffff;
}		

/* contact page */
#Contact
{
}

#ContactForm
{
	float:left;
	width: 60%;
	padding-right: 4%;
}

#ContactMap
{
	float: right;
	width: 32%;
}

/* opening hours */
.FltRt { float: right; width: 190px; padding-left: 10px; }

#OpeningHours, #Treatments
{
	background: #BED73B url(Graphics/btcurve.gif) no-repeat scroll bottom left;
	/*float:right;*/
	width: 190px;
	text-align: center;
	margin-bottom: 11px;
	padding-bottom: 13px;
}

#OpeningHours h1, #Treatments h1, #Navigator h1
{
	background-color: #B1E287;
	height: 30px;
	line-height: 30px;
	color: #93A149;
	margin-top: 0;
}

#SpaDetails { background: #ffffff; background-image: none; }
.SpaInteriorImage { padding-top: 0; border: none; }

/* bullet points, prices etc. */
.Pk, .Bt
{
	margin: 0 0 10px 0;
	background: #B1E287; /* url(Graphics/bullet.gif) no-repeat; */
	padding: 0 10px 5px 10px;
	overflow: auto;
}	

/* Package */
.Pk { min-height: 20px; }
.PkD { float: left; width: 88%; } /* description */
.PkT { float: right; width: 10%; text-align: right; font-weight: bold; } /* time */