@charset "utf-8";
/* CSS Document */






#mast.mastSpa { background-image:url(../img/mast/mast-spa.jpg); }
#mastBoxes.mastSpasBtn { background-image:url(../img/mast/boxes-spa.jpg); }



/***********************/
/* SPA PAGE & Cream Inside */
/***********************/

#backPage.backSpa { background-image:url(../img/template/back-spa-texture.jpg); background-repeat:repeat-x; background-color:#A2C1C8;}

#backSpa {
	width:1147px;
	background-image:url(../img/template/back-mtns2.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
	text-align:left;
}


/***********************/
/*   EXTENDED Spa Side Nav   */
/***********************/


#PinkList { background-image:url(../img/template/sideNav-TVC-back.png); margin-top:160px; border-top:1px solid #FDF0C8; }
#PinkList ul {}
#PinkList ul li { border-bottom:1px solid #FFF;padding:12px 0;}
#PinkList ul li a{ color:#ffffff; text-decoration:none; text-transform:uppercase; letter-spacing:.08em; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }
#PinkList ul li a:HOVER{ color:#333333;}







/***********************/
/*  HOME MAIN CONTENT  */
/***********************/


#mainContent {
	width:700px;
	padding: 0; 
	
}
#mainContentLeft {
	float:left;
	width: 310px;
	padding: 30px 8px;
	background-color:#EDECE8;
	height:1410px;
	
}
#mainContentRight {
	width:310px;
	margin: 0 0 0 365px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 30px 8px;
	height:1410px;
	background-color:#EDECE8;

}
#mainContent h1 {
	color:#996500;
	font:15px bold Arial, Helvetica, sans-serif;
	border-bottom:1px solid #996500;
	padding-bottom:8px;
	text-transform:uppercase;
}
#mainContent h1 a {
	color:#5482AB;
	text-decoration:none;
}
#mainContent p {
	color:#333;
	font:13px Arial, Helvetica, sans-serif;
	padding:8px 0;
	
}

#mainContent p.intro {
	color:#333;
	font:13px Arial, Helvetica, sans-serif;
	padding:8px 0;
	line-height:22px;
	
}
#mainContent p a {
	color:#5482AB;
	font-style:italic;
	text-decoration:none;
	line-height:18px;
}
#mainContent p a:HOVER {
	color:#996500;
	font-style:italic;
	text-decoration:underline;
}


#mainContent h4 {
color:#006599;
font:16px bold Arial,Helvetica,sans-serif;
letter-spacing:0.1em;
padding:16px 0;
text-align:center;
}



.BlueFont {
	text-transform:uppercase;
	color:#006599;
	padding-right:15px;
	font-family:Arial, Helvetica, sans-serif;
}
.BlueFont a{
	text-transform:uppercase;
	color:#006599;
	padding-right:2px;
	font-family:Arial, Helvetica, sans-serif;
}


#mainContent ul {color:#333; font:12px Arial, Helvetica, sans-serif; margin-left:16px;}
#mainContent  ul li { list-style-image:url(../img/vitality/yellowArrow-sm.jpg); padding:2px 0;	}
#mainContent  ul li a { color:#996500; text-decoration:none; padding-left:8px;}



.pageIntro { width:580px; padding-left:70px;}

.DetailContainer { width:440px; margin-top:0; padding:20px; background-color:#E5E3D4; min-height:800px;}
.DetailContainerWide { width:540px; margin-top:20px; margin-left:70px; padding:20px; background-color:#E5E3D4; min-height:800px;}
.DetailContainerWide2 { width:540px; margin-top:20px; margin-left:70px; padding:20px; background-color:#E5E3D4;}



.DetailContainerVitality {width:540px; margin-top:40px; padding:20px; margin-left:50px; background-color:#EDECE8;}

.DetailContainerVitality h2
{text-transform:uppercase; letter-spacing:.08em; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:10px 0; color:#5482AB;}

.DetailContainerVitality h3
{font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:8px 0; color:#333; font-weight:bold;}

table #xmas { margin-top:20px;}
#xmas td { padding:4px;} 
#xmas td p{ margin:0; padding:0;}
#xmas td ul li { list-style-image:url(../img/vitality/reddot.png); padding:0; margin:0;	}



#sidecontent { padding-left:20px;}
#sidecontent a { font:11px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#5482AB;
	font-style:italic;
	text-decoration:none;}


div.policies { width:430px; margin-bottom:35px; border-top:1px solid #999;  padding-top:8px;}
	.policies img { float:right;}
	.policies h2 { margin-left:20px;  padding-bottom:12px; text-transform:uppercase; letter-spacing:.15em; font-family:Arial, Helvetica, sans-serif; color:#333; font-weight:300; font-size:14px; font-style:italic;}
	.policies h3 { margin-left:20px; padding:8px 0 0 0; letter-spacing:.15em; color:#333;font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
	.policies p { margin-left:20px;}