﻿
body 
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #007978;
}


/* utility styles /*
/* *************************** */

.clear
{
	font-size: 0px;
	clear: both;
}

.inviso
{
	display: none;
}

/* *************************** */


/* index page /*
/* *************************** */
div.pageBackground
{
	width: 100%; 
	background-color: #007978;
}

div.pageBackground div.backgroundOverlay
{
	width: 100%; 
	background-color: #F7F9F8; 
	background-image: url('images/bkg_rep.jpg'); 
	background-repeat: repeat-x;
}

div.pageBackground div.backgroundOverlay div.content
{
	width: 945px; 
	margin-left: auto; 
	margin-right: auto;	
}

div.pageBackground div.backgroundOverlay div.content div.verticalSplitter
{
}

div.pageBackground div.backgroundOverlay div.content div.verticalSplitter div.lhs,
div.pageBackground div.backgroundOverlay div.content div.verticalSplitter div.rhs
{
	float: left;
}

div.pageBackground div.backgroundOverlay div.content div.verticalSplitter div.lhs
{
	width: 660px;
}

div.pageBackground div.backgroundOverlay div.content div.verticalSplitter div.lhs div.hortizontalSeparator
{
	height: 30px;
}

div.pageBackground div.backgroundOverlay div.content div.verticalSplitter div.rhs
{
	width: 283px;
}

div.pageBackground div.backgroundOverlay div.content div.verticalSplitter div.rhs a img
{
	border: none;
}

div.pageBackground div.backgroundOverlay div.content div.verticalSplitter div.rhs div.linkStrip
{
	background-color: #FFFFFF;
}

div.pageBackground div.backgroundOverlay div.content div.verticalSplitter div.rhs div.linkStrip div.linkGroup
{
	margin-bottom: 10px;
}

div.pageBackground div.backgroundOverlay div.content div.verticalSplitter div.rhs div.linkStrip div.linkGroup div.linkInfo
{
	margin-left: 54px;
}

div.pageBackground div.backgroundOverlay div.content div.verticalSplitter div.rhs div.linkStrip div.linkGroup div.linkInfo div a.membershipLink,
div.pageBackground div.backgroundOverlay div.content div.verticalSplitter div.rhs div.linkStrip div.linkGroup div.linkInfo div a.membershipLink:active,
div.pageBackground div.backgroundOverlay div.content div.verticalSplitter div.rhs div.linkStrip div.linkGroup div.linkInfo div a.membershipLink:visited,
div.pageBackground div.backgroundOverlay div.content div.verticalSplitter div.rhs div.linkStrip div.linkGroup div.linkInfo div a.membershipLink:hover
{
	color: #CC6600; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none;
}


div.pageBackground div.backgroundOverlay div.content div.verticalSplitter div.rhs div.linkStrip div.smallLinkList
{
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #FFFFFF; 
	text-align: center;
}

div.pageBackground div.backgroundOverlay div.content div.verticalSplitter div.rhs div.linkStrip div.smallLinkList a,
div.pageBackground div.backgroundOverlay div.content div.verticalSplitter div.rhs div.linkStrip div.smallLinkList a:visited,
div.pageBackground div.backgroundOverlay div.content div.verticalSplitter div.rhs div.linkStrip div.smallLinkList a:active,
div.pageBackground div.backgroundOverlay div.content div.verticalSplitter div.rhs div.linkStrip div.smallLinkList a:hover
{
	display: block;
	height: 20px;
	line-height: 20px;
	color: #FFFFFF;
}

div.pageBackground div.backgroundOverlay div.content div.verticalSplitter div.rhs div.linkStrip div.smallLinkList a:hover
{
	color: #66FFFF;
}

div.pageBackground div.backgroundOverlay div.content div.verticalSplitter div.rhs div.linkStrip div.smallLinkList a.link1
{
	background-color: #009933;
}

div.pageBackground div.backgroundOverlay div.content div.verticalSplitter div.rhs div.linkStrip div.smallLinkList a.link2
{
	background-color: #3399FF;
}

div.pageBackground div.backgroundOverlay div.content div.verticalSplitter div.rhs div.linkStrip div.smallLinkList a.link3
{
	background-color: #F29232;
}

div.pageBackground div.backgroundOverlay div.content div.verticalSplitter div.lhs div.achievements
{
	padding-top: 104px;
}

div.pageBackground div.backgroundOverlay div.content div.verticalSplitter div.lhs div.achievements img
{
	float: left; margin: 0px 8px 10px 8px; border: none;
}

div.pageBackground div.backgroundOverlay div.content div.verticalSplitter div.lhs div.achievements a,
div.pageBackground div.backgroundOverlay div.content div.verticalSplitter div.lhs div.achievements a:visited,
div.pageBackground div.backgroundOverlay div.content div.verticalSplitter div.lhs div.achievements a:active,
div.pageBackground div.backgroundOverlay div.content div.verticalSplitter div.lhs div.achievements a:hover
{
    text-decoration: none;
}

div.pageBackground div.backgroundOverlay div.content div.verticalSplitter div.lhs div.achievements a img
{
	float: right; margin: 0px 20px 10px 10px; border: none;
}

/* *************************** */




div.simpleMenu
{		
	padding-top: 28px;
	width: 640px;
}

div.simpleMenu a,
div.simpleMenu a:active,
div.simpleMenu a:visited,
div.simpleMenu a:hover
{		
	display: block;	
	float: left;
	width: 90px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: solid 1px #D5D6D3;
	color: #3E9ECE;
	background-color: #F2F1EE;	
	text-decoration: none;		
	font-size: 16px;
}

div.simpleMenu a:hover
{
	border-color: #00A7A7;
	background-color: #00A7A7;
	color: #FFFFFF;
}

div.simpleMenu ul li.inviso
{
	display: none;
}


.footer
{
	color: #FFFFFF;
	text-decoration: none;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}


/*this version of the footer is CSS driven when used with a div*/
div.footer
{
	width: 100%;
	height: 70px;
	background-image: url('images/rep_1.jpg');
}
div.footer div
{
	padding-top: 30px;
	text-align: center;
}
div.footer div span
{
	padding-left: 120px;
}


.heading
{
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #009899;
	text-decoration: none;
}
.body
{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
}
.mainHeading
{
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color: #009899;
	text-decoration: none;
}
.footer a:link, .footer a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}
.footer a:hover
{
	color: #33FFFF;
	text-decoration: none;
}
.linkOrange
{
	color: #FF9933;
	text-decoration: none;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
.textGreen
{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #009933;
	text-decoration: none;
}
.textRed
{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #CC3333;
	text-decoration: none;
}
.textOrange
{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #D8AB4B;
	text-decoration: none;
}
.textDefault
{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
}


/* other pages /*
/* *************************** */

table.rhsTable
{
}

table.rhsTable tr td
{
	font-size: 14px;
	font-family: Arial;
}

table.rhsTable tr.beautyInfo td
{
	color: #5E92D8;
}

table.rhsTable tr.relaxInfo td
{
	color: #D89D00;
}

table.rhsTable tr.revitaliseInfo td
{
	color: #6633CC;
}

table.rhsTable tr.rejuvenateInfo td
{
	color: #66333A;
}

table.rhsTable tr.bodyInfo td
{
	
}

table.rhsTable tr td a,
table.rhsTable tr td a:visited,
table.rhsTable tr td a:active,
table.rhsTable tr td a:hover
{
	font-size: 12px;
}

table.rhsTable tr td span.address
{
	font-size: 12px;
}

table.rhsTable tr td span.tradingHours
{
	font-size: 10px;
}

table.rhsTable tr td span.appointmentsNotice
{
	font-size: 9px;
	color: #000000;
}

table.contentTable
{
}

table.contentTable tr.contentHeaderRow
{
}

table.contentTable tr.contentInfoRow
{
	vertical-align: top;
}


a.photoGalleryLink,
a.photoGalleryLink:visited,
a.photoGalleryLink:active,
a.photoGalleryLink:hover
{
	font-family: Verdana;
	font-size: 12px;
}

a.purchaseLink,
a.purchaseLink:visited,
a.purchaseLink:active,
a.purchaseLink:hover
{
	font-family: Verdana;
	font-size: 12px;
}

a.imagePurchaseLink img
{
	border-style: none;
}