/* 
--------------------------------------------
Global Styles
--------------------------------------------
*/
* {
 margin:0;
 padding:0;
}
body {
 font-size:62.5%;
 font-family:Arial, Helvetica, sans-serif;
 color:#000000;
}
p {
 font-size:1.1em;
 padding:0 0 1em;
 clear:both;
}
a {
 color:#000000;
 text-decoration:underline;
}
a:hover {
 text-decoration:none;
}
/* Heading Styles */
h1 {
 font-size:2em;
 text-transform:uppercase;
 color:#4D491D;
 font-weight:normal;
 padding-bottom:1em;
}
h2 {
 font-size:1.3em;
 text-transform:uppercase;
 color:#4D491D;
 font-weight:bold;
}
h3 {
 font-size:1.3em;
 color:#4D491D;
 font-weight:normal;
}
h4,
h5,
h6 {
 font-size:12px;
 color:#000000;
 font-weight:normal;
}
/* ---------------------------------
 
 Main site styles
 
 -----------------------------------*/
#containter {
 margin:0 auto;
 width:955px;
 position:relative;
 text-align:left;
}
#spaLogo {
 position:absolute;
 top:0;
 left:15px;
}
ul,
ol,
dl {
 position:relative;
}
/*-----------------------------------
 
 Top Nav Styles
 
 ------------------------------------*/ 
#topNav {
 background:url(/images/topNavBg.jpg) repeat-x left top;
 display:block;
 padding-left:220px;
 height:89px;
}
#topNav span {
 text-transform:uppercase;
 color:#fff;
 float:left;
 padding:4.2em 0.3em 0 0.8em;
 font-weight:bold;
 line-height:12px;
 vertical-align:bottom;
}
/*-----------------------------------------
 
 nav items widths
 
 -----------------------------------------*/
#topNav span {
 float:left;
 padding-right:10px;
}
#topNav span a {
 font-size:1.2em;
 font-weight:bold;
 text-transform:uppercase;
 color:#FFFFFF;
 text-decoration:none; 
}

#topNav span.on {
	background:transparent url(/images/tabOnLeft.gif) no-repeat scroll left top !important;
	float:left;
	padding:0 0 0 5px;
	border:0 none !important;
	display: block;
}

#topNav span.on a {
    background:transparent url(/images/tabOnRight.gif) no-repeat scroll right top !important;
	color:#000000;
	float:left;
	height:50px;
	line-height:12px;
	padding:42px 10px 3px 5px;
	text-decoration:none;
	text-transform:uppercase;
}

#topNav span a:hover {
 color:#B8AC6D;
}
#topNav span#contact.on,
#topNav span#experience.on,
#topNav span#treatments.on,
#topNav span#packages.on,
#topNav span#about.on,
#topNav span#thoresby.on {
 background:url(/images/tabOnLeft.gif) no-repeat scroll left top !important;
 float:left;
 padding:0 0 0 5px;
}
#topNav span#contact.on a,
#topNav span#experience.on a,
#topNav span#treatments.on a,
#topNav span#packages.on a,
#topNav span#about.on a,
#topNav span#thoresby.on a {
 background:url(/images/tabOnRight.gif) no-repeat right top !important;
 float:left;
 padding:42px 10px 3px 5px;
 color:#000;
 height:50px;
 line-height:12px;
 text-decoration:none;
 text-transform:uppercase;
}
#telephone {
 float:right;
 font-family:Arial,Helvetica,sans-serif;
 font-size:1.4em;
 letter-spacing:0.09em;
 padding:1.1em 0.8em 0 0em;
 color:#ffffff;
 /* Target below styles directly at IE6/7 */
 _width:194px;
 .width:194px;
}
#telephone ul {
list-style:none;
}
#telephone strong {
 font-weight:normal;
 font-size:1.5em;
}
#telephone a:link,
#telephone a:visited,
#telephone a:active {
 color: #ffffff;
 text-decoration: underline;
}
#telephone a:hover {
 color: #ffffff;
 text-decoration: none;
}
/*------------------------------------
 
 Left Nav Styles
 
 -------------------------------------*/
 
#leftNav {
 float:left;
 width:207px;
 margin-top:2.6em;
 padding-right:20px;
 text-align:right;
 margin-bottom:1em;
}
#leftNav h2 {
 text-transform:uppercase;
 color:#4D491D;
 font-weight:bold;
 padding-bottom:0.2em;
}
#leftImg {
 padding-top:1em;
}
#leftMenu {
 padding:0 0 0 1em;
 position:relative;
 background:url(/images/leftNavBg.jpg) no-repeat top right;
}
ul#leftMenu {
 padding:0.5em 1em 0;
 display:block;
 position:relative;
}
ul#leftMenu li {
 padding:0.5em 0 0;
 list-style:none;
 position:relative;
}
ul#leftMenu li a {
 padding:0;
 margin:0;
 text-decoration:none;
 text-align:right;
 font-size:1.1em;
 text-transform:uppercase;
 color:#000;
 position:relative;
}
ul#leftMenu li a:hover {
 color:#AC9D54;
}
ul#leftMenu li ul {
 padding:0;
 position:relative;
}
ul#leftMenu li.menuOn a {
 background:url(/images/squareBullet1.gif) right 3px no-repeat;
 color:#AC9D54;
 display:block;
 _display:inline-block;
 padding-right:1em;
 position:relative;
}
ul#leftMenu li ul li a {
 font-size:1.1em;
 color:#AC9D54 !important;
 _display:inline !important;
 text-decoration:none;
 text-transform:none;
 position:relative;
 text-align:right;
 padding:0 !important;
 background:none !important;
}
ul#leftMenu li ul li a:hover {
 color:#4D491D;
}
ul#leftMenu li.menuOn ul li.menuOn a {
 color:#4D491D !important;
 background:none !important;
 padding-right:0 !important;
 position:relative;
}
/*-----------------------------------
 
 Main Content Styles
 
 ------------------------------------*/
 
#contentArea {
 width:955px;
 float:left;
 padding-top:15px;
 font-size:1.2em;
 background:url(/images/leftNavBtmImg.jpg) no-repeat bottom left;
}
#breadCrumb {
  padding-left: 14px;
  background: transparent url(/images/bullet_breadcrumb.gif) left top no-repeat;
  height:2.5em;
  color:#4D491D;
  text-transform:uppercase;
  no-repeat scroll left top; 
}
#breadCrumb a {
 text-transform:uppercase;
 color:#4D491D;
}
#mainContent {
 float:left;
 width:728px;
 _width:727px;
 position:relative;
 min-height:310px;
 _height:310px;
}
#mainContentBg {
 float:left;
 width:713px;
 background:url(/images/background/pageBg.jpg) no-repeat bottom left;
 padding-bottom:10px;
}
#leftContent {
 float:left;
 width:505px;
 padding:0 10px 0;
}
#leftContent ul {
 margin-left:15px;
}
#leftContent p a {
 color: #0033FF
}
#rightOffer {
 float:left;
 width:188px;
}
#rightOffer span {
 padding-bottom:1em;
 float:left;
}
#rightMenu {
 color:#4D491D;
 text-align:left;
 height:3.3em;
}
#rightMenu a {
 color:#4D491D;
 font-size:0.9em;
}
#rightMenu ul {
margin:0;
padding:0;
list-style:none;
}

#rightMenu li {
margin:0;
padding:0;
display:inline;
border-left:1px solid #000;
padding:0 3px 0 3px;
}

#rightMenu li.first {
border:none;
}


/*----------------------------------

Added for Facial Treatments products:

-----------------------------------*/

.product{
border:1px solid #c5bb88;
width:495px;
float:left;
background:#fff;
margin:1em 0;
}
.product h3{
background:url(/images/spaTreatBg.jpg) no-repeat top left;
height:32px; 
color:#fff;
padding:5px 10px;
font-weight:bold;
}
.product h3 strong{
font-size:0.8em;
font-weight:normal;
}
.prodContent{
float:left;
width:248px;
padding:5px;
}
.prodContent p{
font-size:1em;
margin-left:6px;
}
.prodImg{
float:left;
width:165px;
position:relative;
display:block;
}
.prodPrice{
float:left;
width:60px;
padding:5px 6px;
text-align:right
}
.prodPrice strong{
font-size:1.3em;
}
p.note{
font-size:1em;
}

/*----------------------------------

Added for Facilities:

-----------------------------------*/

.feature{
float:left;
margin: 0 0 1em 0;
font-size:1em;
padding-top:1em;
}
.feature h3
{
	background-image: url(/images/featureList.jpg);
	color: #FFFFFF;
	padding: 0.5em 1.4em 0.4em;
	font-size: 1.2em;
	font-weight: bold;
	clear: both;
}
.feature span{
float:right;
display:block;
font-weight:bold;
padding-right:10px;
}
.featureTxt{
float:left;
width:325px;
margin-top:0.5em;
}
.featureImg{
float:right;
border-top:1px solid #fff;
}
.feature p{
padding:0 0 1em 0;
font-size: 1em;
}

/*----------------------------------

Added for FAQs:

-----------------------------------*/

.product{
border:1px solid #c5bb88;
width:495px;
float:left;
background:#fff;
margin:1em 0;
}
.faq{
padding-top:1em;
}
.faq h3{
background:url(/images/faqQuestBg.jpg) no-repeat top left;
color:#fff;
padding:0.5em 2.5em;
font-weight:bold;
margin-bottom:0.7em;
}


/*-----------------------------------
 
 Footer Styles
 
 ------------------------------------*/ 
#footer {
 float:right;
 color:#999999;
 font-size:1.1em;
 padding:1em 0 0;
 padding-bottom:1em;
 margin-right:12px;
 _margin-right:5px;
}
#footerCopy {
 float:left;
 width:427px;
}
#footerMenu {
 float:left;
 width:290px;
 text-align:right;
}

#footerMenu ul {
	list-style-type:none;
}
#footerMenu li.first {
border:none;
}
#footerMenu li {
 display: inline;
 border-left:1px solid #000;
 padding:0pt 0.4em 0pt 0.4em;
 color:#000;
 line-height:10px;
 text-transform:lowercase;
}
#footerMenu span a:hover {
 color:#4D491D;
}
/*-----------------------------------
 
 Gerneric Page Classes
 
 ------------------------------------*/ 
.no_border {
 border:0 !important;
}
.border-right {
 border-right:1px solid#fff !important;
 border-left:0 !important;
}
.intro {
 text-transform:auto;
 color:#4d491d;
 font-size:1.2em;
 float:left;
 padding-bottom:1em;
}
.intro p {
 padding:0;
}
.introImg {
 padding-bottom:1em;
}
/* ---------------------------------
 List styles
 -----------------------------------*/
ul.pageList {
 margin-left:16px;
 list-style-type:disc;
}