/* CSS Document */

html,body{margin:0;padding:15px 0 0 0}
body{font-family:Arial, Helvetica, sans-serif;}
p{margin:10px 0 10px 0}

div#container{text-align:left}
div#content p{line-height:1.4}
div#navigation{background:#FFFFFF}
div#footer{}

a{color: #666666; text-decoration:none;}
a:hover {color: #666666; text-decoration:underline;}

.header_online_booking_btn {
	background: url(/images/buttons/online-booking-button_sprite.jpg) 0 0 no-repeat;
	border:none;
	float:right;
	height:25px;
	margin: 10px 10px 0 0;
	outline:none;
	padding: 0;
	text-indent:-9000em;
	width:150px;
}
.header_online_booking_btn:hover {
	background-position: 0 -25px;
}

/* ------------------------------ misc edited by Mart  ----------------------------- */

.menuFix  { padding:10px 10px 0px 10px; text-align:right; }

/* ------------------------------ finish edit  ----------------------------- */


div#footer p{
	margin:0;
	padding:10px 0;
	background-image: url(../images/bottom_border.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	color: #666666;
	font-size: 10px;
}

div#container{
	width:805px;
	height:auto;
	margin:0 auto;
	background:url('../images/background.gif');
	background-repeat:repeat-y;
	}
	
p {color: #666; font-size: 11px;}

li {color: #666; font-size: 11px;}

	
div#content{
	float:right;
	height:auto !important;
	width:311px;
	background:url('../images/background_home.jpg') right bottom no-repeat;
	padding: 0 275px 0 10px;
	margin-bottom: 0;
	margin-top: 50px;
	font-size:11px;
}

div#navigation{
float:left;
width:175px; 
padding-left:18px;
background-image: url(../images/border_left.gif);
background-repeat:repeat-y
}

div#footer{
	clear:both;
	width:805px;
}

.titleimages{padding-bottom: 7px;}

.promoimages{padding: 0 0 10px 0;}


#bulletpoints
{
padding-left: 15px;
margin: 0;
color: #666666;
}

#bulletpoints li
{
margin: 0;
padding: 0.10em;
color: #666666;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#D02B53;
font-weight:bolder;
margin: 0 0 15px 0;
}

h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#D02B53;
font-weight:bolder;
margin: 7px 0 7px 0;
}

.platformartlist {
width: 241px;
float:left;
margin: 0;
line-height: 15px;
padding: 0 0 5px 0;}

#platformartlinks {
margin: 0;
padding-left: 0;
list-style: none; }

.articlelinks {
width:70px;
float:right;
text-align:right;
line-height: 15px;
padding: 0 0 5px 0;
margin: 0;}

/* ------------------------------ Loaction  ----------------------------------------- */

div#location{
	float:right;
	height:auto;
	width:311px;
	background:url('../images/location_map.gif') top right no-repeat;
	padding: 0 275px 0 10px;
	margin: 50px 0 0 0;
}

/* ------------------------------ Home ----------------------------------------- */

div#homepage{
	float:right;
	height:620px;
	width:311px;
	background:url('../images/background_home.jpg') bottom right no-repeat;
	padding: 0 275px 0 10px;
	margin: 50px 0 0 0;
}


/* ------------------------------ chkout ----------------------------------------- */

div#chkout{
	float:right;
	height:auto;
	width:480px;
	padding: 0 100px 0 10px;
	margin: 50px 0 0 0;
}
table#chkTable { border-collapse:collapse; }
table#chkTable td { padding: 4px; border:1px solid #ccc;  }


/* ------------------------------ About Us  ----------------------------------------- */

div#about{
	float:right;
	height:400px;
	width:311px;
	background:url('../images/background_about.jpg') top right no-repeat;
	padding: 0 275px 0 10px;
	margin: 50px 0 0 0;
}

/* ------------------------------ Special Offers  ------------------------------------ */

div#offers{
	float:right;
	height:auto;
	width:311px;
	background:url('../images/background_offers.jpg') bottom right no-repeat;
	padding: 0 275px 0 10px;
	margin: 50px 0 0 0;
}

/* ------------------------------ Bridal  ------------------------------------ */

div#bridal{
	float:right;
	width:311px;
	background:url('../images/background_bridal.jpg') bottom right no-repeat;
	padding: 0 275px 0 10px;
	margin: 50px 0 0 0;
}

/* ------------------------------ Pregnancy  ------------------------------------ */

div#pregnancy{
	float:right;
	width:311px;
	padding: 0 275px 0 10px;
	margin: 50px 0 0 0;
}

/* ------------------------------ Tanning  ------------------------------------ */

div#tanning{
	float:right;
	height: 400px;
	width:311px;
	background:url('../images/background_tanning.jpg') bottom right no-repeat;
	padding: 0 275px 0 10px;
	margin: 50px 0 0 0;
}

/* ------------------------------ Packages  ------------------------------------ */

div#packages{
	float:right;
	height: 450px;
	width:311px;
	background:url('../images/background_packages.jpg') bottom right no-repeat;
	padding: 0 275px 0 10px;
	margin: 50px 0 0 0;
}


/* ------------------------------ Holistic Facials  ----------------------------- */

div#holistic{
	float:right;
	width:311px;
	background:url('../images/background_holistic.jpg') bottom right no-repeat;
	padding: 0 275px 0 10px;
	margin: 50px 0 0 0;
}

div#facial{
	float:right;
	width:311px;
	background:url('../images/background_facial.jpg') bottom right no-repeat;
	padding: 0 275px 0 10px;
	margin: 50px 0 0 0;
}


/* ------------------------------ Techni Spa  ----------------------------- */

div#technispa{
	float:right;
	width:311px;
	background:url('../images/background_technispa.jpg') bottom right no-repeat;
	padding: 0 275px 0 10px;
	margin: 50px 0 0 0;
}


/* ------------------------------ Beauty  ----------------------------- */

div#beauty{
	float:right;
	width:311px;
	background:url('../images/background_beauty.jpg') bottom right no-repeat;
	padding: 0 275px 0 10px;
	margin: 50px 0 0 0;
}

/* ------------------------------ Mens  ----------------------------- */

div#mens{
	float:right;
	width:311px;
	background:url('../images/background_mens.jpg') bottom right no-repeat;
	padding: 0 275px 0 10px;
	margin: 50px 0 0 0;
}

/* ------------------------------ Products  ----------------------------- */

div#products2{
	float:right;
	height:400px;
	width:311px;
	background:url('../images/background_products.jpg') bottom right no-repeat;
	padding: 0 275px 0 10px;
	margin: 50px 0 0 0;
}

/* ------------------------------ Featured Products  ----------------------------- */

#featuredprods { margin:0 17px 0 17px; padding:0px; width:771px; clear:both;}

#featuredprods h1 {margin:0 0 10px 0; background:url(../images/titles/featured_products.gif) no-repeat; text-indent:-9000px; padding:0px; width:192px; height:22px; clear:both;}

#featuredprods ul {width:771px; margin:0; padding:0; list-style:none; font-size:11px;}
#featuredprods li {width:255px; float:left; margin:0; padding:0;}

#featuredprods li h2 {font-size:11px; color:#d02b53; margin:0 0 5px 0; padding:0;}
#featuredprods li p {font-size:11px; margin:0 0 5px 0; padding:0;}
#featuredprods li img {float:left;}
#featuredprods li div {float:left; width:145px; margin:0; padding:0 10px 0 0;}

#featuredprods li h2 a {color:#d02b53; text-decoration:none;}
#featuredprods li h2 a:hover {color:#d02b53; text-decoration:underline;}

.price { color:#d02b53; font-weight:bold;}
.moreinfo {clear:both;}
.moreinfo a {  clear:both; margin:10px 0 10px 0; padding:0 15px 0 0; background:url(../images/arrow.gif) no-repeat top right; color:#d02b53; font-weight:bold;}

/* ------------------------------ Flash Promo Banner  ----------------------------- */

#flashpromo {width:798px; margin:10px 0 10px 0px; padding:0; height:342px; color:#FFFFFF;}

#openhours {width:186px; margin:0; padding:50px 0 0 12px; background:url(../images/backgrounds/openhours.gif) no-repeat top left; color:#FFF; height:292px; float:left;}

#openhours ul { color:#FFFFFF; list-style:none; margin:0 0 20px 0; padding:0;}

#openhours ul li {color:#FFFFFF; margin:0 0 4px 0; padding:0;}

#openhours p {color:#FFFFFF;}

#openhours p a {color:#FFFFFF; text-decoration:none; background:url(../images/arrow_wht.gif) no-repeat top right; padding:0 12px 0 0;}
#openhours p a:hover {color:#FFFFFF; text-decoration:underline;}

#promobanner { width:290px; float:left; margin:0; padding:50px 10px 0 300px; height:292px; background:url(../images/banner.jpg) no-repeat top left;}

#promobanner p { color:#d02b53;}

#promobanner p a {color:#d02b53; text-decoration:none; background:url(../images/arrow.gif) no-repeat top right; padding:0 12px 0 0;}
#promobanner p a:hover {color:#d02b53; text-decoration:underline;}

#promobanner h1 { color:#d02b53; font-size:18px; font-weight:100;}



/* ------------------------------ Fixes  ----------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */