/* default css */

/*** IE6 Fix ***/
* html #left {
  left: 200px;           /* RC width */
}

html
{
	height: 100%;
}

* html div#container {
	height: 100%;
}

img, div
{
	padding:0px;
	margin:0px;
	/*border:thin;*/
}

* html table.top
{
	padding:0px;
	margin:17px 0 0 0px;
}

*+ html table.top
{
	padding:0px;
	margin:3px 0 0 0px;
}

table.top
{
	padding:0px;
	margin:7px 0 0 0px;
}

body
{	
	line-height:17pt;
	margin:0 auto; 
	font-family: "New Century Gothic" ;
	color:#000;
	line-height:14pt;
	font-size: 12px;
	text-align:left;
	background-color:#000000;
	/*background-color:#b8b8b8;*/
	height:100%;
	/*border:solid 1px#000;*/
}

#popup 
{
	background-color: #ffffff;
	margin: 0 auto;
	line-height: 12pt;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	/* border: solid 1px red; */
	height:100%;
}

#popup #wrapper
{
	width:500px; /* 1051 */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -33px; /* the bottom margin is the negative value of the footer's height */
	/*float:left;
	display:inline;*/
	padding:0;
	/*border:solid 1px red;*/
}

#popup img
{
	margin: 0 0px 0px 10px;
}

#wrapper
{
	margin:0 auto;/**/
	width:840px;  /*1051 */
	margin:0;
	padding:0;
}

#home #header
{
	width:840px;
	height:179px;
	vertical-align:top;
	/*border:solid 1px #000000;*/
	float:left;
	display:inline;
	margin:0;
	padding:0;/**/
}

#header
{
	width:840px;
	height:379px;
	vertical-align:top;
	/*border:solid 1px #000000;*/
	float:left;
	display:inline;
	margin:0;
	padding:0;/**/
}


#headerCenter
{
	width:800px;
	vertical-align:top;
	float:left;
	display:inline;
	margin:0 0 0 0px; /* 20 px margin is width of image */
	padding:0;
	/*border:solid 1px #000000;*/
}


#header img, #footer img
{
	/* added to eliminate spacing between images*/ 
	float:left;
	display:inline;
	margin:0;
	padding:0;
}

#main
{
	position:relative;
	top:0;
	left:0;
	margin:0;
	height:100%;
	margin:0 0 0 0px;
	/*border-bottom:solid 1px #b6b6b6;
	border:solid 1px red;*/
}

/* left side styles */
td.tdLeftBg
{
	 /*background:url(/images/common/bodyBottomLeftExt.gif) left bottom no-repeat;*/
}

#leftColTop
{
	/*background:url(/images/common/bodyLeftTop.jpg) left top no-repeat;
	min-height:250px; 
	width:245px;*/
}

#leftCol
{
	/*background:url(/images/common/dropshadow.jpg) left top repeat-x;
	min-height:250px;*/ 
	width:220px;
	float:left;
	display:inline;
	margin:20px 0 0 10px;
	border-right: solid 1px #e0e0e0;
	padding-bottom:20px;
	/*border:solid 1px red;*/
}

#lineCover
{
	float:right;
	display:inline;
	width:20px;
	background-color:#fff;
	border:solid 1px #fff;
}

#leftCol #inner
{
	float:right;
	display:inline;
	/*border:solid 1px blue;*/
	margin:0px 10px 0 0px;
	text-align:right;
}

/* the following rule is recognized only by IE */


.clear, #clear
{
	clear:both;
	margin:0px;
	padding:0px;
}

#footer
{
	clear:both;
	height:70px;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	width:840px;
	margin:0 auto;
	padding: 0 0 0 0px;  /*Mac Firefox hack */
}

#popup #footer
{
	height:30px; /* .push must be the same height as .footer */
	margin:0 0 0 0px;
	width:490px;
	margin:0 auto;
	}

/* gallery styles */

#galleryImage {
	background:url(../images/galleryBG.jpg) 0 0 no-repeat;
	display:block;
	float:left;
	width:160px;
	height:106px;
	padding:7px;
	margin:-5px;
	}


/* text styles */
#home #primaryContent
{
	font-family: "New Century Gothic", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14pt;
	color: #000;
	margin:0px 20px 0 20px;
	padding:0px;
	width:800px;
	/*border:solid 1px #000;*/
}

#primaryContent
{
	float:left;
	display:inline;
	font-family: "New Century Gothic", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14pt;
	color: #000;
	width:560px;
	min-height:350px;
	margin:2px 0px 20px 10px;
	padding:0 0 20px 0px;
	/*border:solid 1px #000;*/
	/*padding:0 0 0 20px;*/
}

* html #primaryContent
{
	float:left;
	display:inline;
	font-family: "New Century Gothic", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14pt;
	color: #000;
	width:560px;
	min-height:350px;
	margin:20px 0px 20px 10px;
	width:560px;
	}

*+ html #primaryContent
{
	float:left;
	display:inline;
	font-family: "New Century Gothic", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14pt;
	color: #000;
	width:560px;
	min-height:350px;
	margin:20px 0px 20px 10px;
	width:560px;
	/*border:solid 1px #000;*/
	/*padding:0 0 0 20px;*/
}

#bottomLinks
{
	margin:7px 0px 0 0px;
}



p.padTop
{
	margin-top:21px;
}

*+ html p.padTop
{
	margin-top:2px;
}

* html p.padTop
{
	margin-top:2px;
}



#leftCol #sectionHeader
{
	font-family:"Papyrus", Arial, Helvetica, sans-serif;
	font-weight:bolder;
	color:#00000;
	font-size:18px;
}

#leftCol a.selected
{
	font-family:"Avenir", Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bolder;
	color:#522762;
}

#leftCol #subSection
{
	font-family:"Avenir", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#522762;
	font-size:11px;
}

#leftCol a
{
	font-family:"Avenir", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	text-decoration:none;
	color:#00000;
}

.title
{
	font-family: "Papyrus", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#522762;
	font-size:20px;
}

.subtitle
{
	font-family:"New Century Gothic", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	COLOR: #522762;
}

.subtitle2
{
	font-family:"New Century Gothic", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000;
	font-size:12px;
}

.subtitle3
{
	font-family:"Papyrus", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#522762;
	font-size:14px;
}	

a
{
	text-decoration:underline;
	color:#522762;
}

#copyright
{
	float:left;
	display:inline;
	margin:0px 0 0 0px;
	padding:0px;
	width:191px;
	height:88px;
	line-height:12px;
	background:url(../images/FooterLeft.gif) left top no-repeat;
	/*border:solid 1px red;*/
	
}

#copyright #info
{
	margin:30px 0px 0 11px;
}

#copyright a
{
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}

#bottomNav
{
	float:right;
	display:inline;
	margin:0px 0 0 0px;
	padding:0px;
	width:513px;
	color:#7b7b7b;
	background:url(../images/FooterRight.gif) left top no-repeat;
}

#bottomNav #links
{
	float:right;
	display:inline;
	margin:30px 11px 0 0px;
	/*border:solid 1px #000;*/
}

#links a {color: #7b7b7b;text-decoration:none;}
#links a:hover {text-decoration:underline;color:#b7b7b7}
/* input */
.select {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		background-color: #e7e7e7;
		border: 1px #ADADAD solid;
		vertical-align: text-bottom;
		color: #000000;
		font-weight: normal
}


.button {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		background-color: #999999;
		border: 1px solid #cccccc;
		vertical-align: text-bottom;
		color: #ffffff;
		font-weight: normal
}
.bord {
	font-family:"New Centry Gothic" Arial, Helvetica, sans-serif;
	font-size: 12px;
	border:1px solid #000000;
	margin: 0px, 0px, 0px, 3px;
	color:000000;
	font-weight: normal;
}

.underline {
	border-bottom:#666666 solid 1px;
	width: 87px;
	float:right;
	display: inline;
	margin: 0 0 10px 0px; 
	}	


/* E-NEWS FORM STYLES */


.mc-field-group {
	padding: 5px;
	}

#mc-embedded-subscribe {
	margin-top: 10px;
	cursor: pointer;
	margin-left: 40px;
}

.enews-left {
	float: left;
	width: 100px;
	text-align: right;
	margin-right: 10px;
	}

.enews-right {
	float: left;	
}

.note-required {
	color: #red;	
	}

.indicate-required {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	color: #red;
	font-size: 9px;
	}

.clear {clear:both;}

#mc-embedded-subscribe-form input {
	border: solid 1px #cfcfcf;
}

/*MAIN NAVIGATION  */

#mainNav {clear:both;height:39px;padding:0;margin:0 20px;background:url(/images/nav/background.gif) repeat-x;}
#mainNav ul {list-style-type:none;margin:0;padding:0;}
#mainNav ul li {float:left;padding:0;margin:0;}
#mainNav ul li a {height:39px;display:block;line-height:39px;text-decoration:none;background-repeat:no-repeat;background-position:0px 0px;outline:none;text-indent:-5000px;}
	#mainNav ul li a.home {background-image:url(/images/nav/home.gif);width:64px;}
	#mainNav ul li a.aboutUs {background-image:url(/images/nav/aboutUs.gif);width:96px;}
	#mainNav ul li a.theSalon {background-image:url(/images/nav/theSalon.gif);width:102px;}
	#mainNav ul li a.theSpa {background-image:url(/images/nav/theSpa.gif);width:83px;}
	#mainNav ul li a.giftShop {background-image:url(/images/nav/giftShop.gif);width:97px;}
	#mainNav ul li a.onlineBooking {background-image:url(/images/nav/onlineBooking.gif);width:142px;}
	#mainNav ul li a.whatsNew {background-image:url(/images/nav/whatsNew.gif);width:113px;}
	#mainNav ul li a.contactUs {background-image:url(/images/nav/contactUs.gif);width:103px;}
	
#mainNav ul li a:hover {background-position:0 -39px;}

#home #mainNav ul li a.home, #about_new #mainNav ul li a.aboutUs, #the_experience_new #mainNav ul li a.theSpa, #experience_salon #mainNav ul li a.theSalon, #gift_box_new #mainNav ul li a.giftShop, #lights_red #mainNav ul li a.onlineBooking, #about_whats_new #mainNav ul li a.whatsNew, #contact_us #mainNav ul li a.contactUs {background-position:0 -39px;}


/*HOME PAGE CONTACT INFORMATION*/
#contact {display:block;width:200px;height:120px;float:left; padding:0;margin:0;background:url(/images/home/background.gif) top left no-repeat;}
	#contact ul#hours, #contact ul#address {list-style-type:none;padding:0;margin:0;}
	#contact h2, #contact ul#hours li, #contact ul#address li {font-size:11px;display:block;width:200px;height:13px;text-indent:-5000px;margin:0;padding:0;line-height:13px;background-position:0px 0px;background-repeat:no-repeat;}
	#contact h2.storeHours {background-image:url(/images/home/hours-title.gif);margin:4px 0 0 0px;}
	#contact h2.galleria {background-image:url(/images/home/address-title.gif);margin:5px 0 0 0px;}
	ul#hours li.weekdays{background-image:url(/images/home/weekdays.gif);}
	ul#hours li.sat{background-image:url(/images/home/sat.gif);}
	ul#hours li.sun{background-image:url(/images/home/sun.gif);}
	ul#address li.street{background-image:url(/images/home/street.gif);}
	ul#address li.city{background-image:url(/images/home/city.gif);}
	ul#address li.phone{background-image:url(/images/home/phone.gif);}
	#contact img {margin:3px 0 0 10px; text-align:center;}
	*html #contact h2.storeHours, *html #contact h2.galleria, *html #contact img {margin:0px;}

#facebook a {margin:20px 0 0 0px;padding:0px;display:block;width:131px;float:left;height:39px;line-height:39px;outline:none;text-decoration:none;text-indent:-5000px; background:url(/images/common/facebook.gif) 0px 0px no-repeat;}
#facebook a:hover {background-position:0px -39px;}



/*     COMMON STYLES     */
h1 {font-family: "Papyrus", Arial, Helvetica, sans-serif;font-weight: bold;color:#522762;font-size:20px;margin-top:20px;}

.testimonial {font:11px/14px Arial, Helvetica, sans-serif;padding:10px 0px 0px 20px;color:#0f0f0f;}
.testimonial .quote {text-align:justify;}
.testimonial .name {font-size:10px;font-style:italic;font-weight:bold;}

.testimonialDetail {margin-bottom:15px;}
.testimonialDetail .date {font-size:12px; font-style:italic;}
.testimonialDetail .quote {font-size:12px;}
.testimonialDetail .name {font-size:12px; font-weight:bold;}