/* CSS Document */

body {
	margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; color:#646464;
}

.container {
	margin-left:auto; margin-right:auto; width:769px; height:auto;
}

p {
	font-size:11px; line-height:13pt; margin:0px; padding:0px; margin-bottom:8px;
}

a {
	line-height:11pt; font-size:11px; font-weight:bold; text-decoration:none; margin:0px; color:#b0c1b9;
}

a:hover {
	color:#585858 !important;	
}

ul {
	font-size:11px; line-height:13pt; margin-top:0px; margin-top:0px; 
}

ul li {
	line-height:13pt; list-style:square;
}

h1 {
	font-size:11px; font-weight:bold; line-height:13pt; padding:0px; margin:5px 0px 10px 5px;
}

h1-body-margin {
	font-size:11px; font-weight:bold; line-height:13pt; padding:0px; margin:15px 0px 10px 5px;
}

div.clear {
	clear:both; line-height:0pt; height:0px; font-size:0px;
}

.top-panel {
	position:relative; width:769px; height:197px;
}

.top-panel img.logo {
	position:absolute; top:11px; left:0px;
}

.top-panel img.phone-num {
	position:absolute; top:112px; right:15px;
}

.top-panel .link-handler {
	position:absolute; bottom:0px; width:769px; height:58px; /*background-color:#CCCCCC;*/
}

.top-panel .link-handler .upper-links {
	width:769px; height:22px; background:url(../Images/tab.gif) left top no-repeat; 
}

.top-panel .link-handler a {
	text-transform:lowercase !important;
}

.top-panel .link-handler .upper-links a.curved-link {
	display:block; width:86px; height:15px; float:left; /*background-color:#666666;*/ color:#FFFFFF; font-weight:bold; padding:4px 0px 3px 15px;
}

.top-panel .link-handler .upper-links a.upper-link {
	display:block; width:auto; height:15px; float:left;/* background-color:#666666;*/ color:#b5ac81; font-weight:bold; padding:4px 11px 3px 11px;
}

.top-panel .link-handler a:hover {
	color:#585858 !important;
}

.top-panel .link-handler .lower-links {
	width:769px; height:30px; background-color:#b0c1b9; padding-top:6px;
}

.top-panel .link-handler .lower-links a.square-link {
	display:block; width:auto; height:19px; padding:4px 22px 0px 14px; background:transparent url(../Images/square-bullet.gif) center right no-repeat; float:left;/* background-color:#666666;*/ color:#FFFFFF; font-weight:bold;
}

.top-panel .link-handler .lower-links a.last-square-link {
	display:block; width:auto; height:19px; padding:4px 10px 0px 14px; float:left; /* background-color:#666666;*/ color:#FFFFFF; font-weight:bold;
}

.middle-panel {
	position:relative; width:576px; height:auto; background:url(../Images/banners/flower-main.jpg) no-repeat #dfddc1; padding:148px 0px 0px 193px; margin-bottom:10px;
}

.middle-panel-pebbles {
	position:relative; width:576px; height:auto; background:url(../Images/banners/pebble-main.jpg) no-repeat #dfddc1; padding:148px 0px 0px 193px; margin-bottom:10px;
}

.middle-panel-treatments {
	position:relative; width:576px; height:auto; background:url(../Images/banners/treatments-landing.jpg) no-repeat #dfddc1; padding:148px 0px 0px 193px; margin-bottom:10px;
}

.middle-panel-facials {
	position:relative; width:576px; height:auto; background:url(../Images/banners/facials.jpg) no-repeat #dfddc1; padding:148px 0px 0px 193px; margin-bottom:10px;
}

.middle-panel-body {
	position:relative; width:576px; height:auto; background:url(../Images/banners/body.jpg) no-repeat #dfddc1; padding:148px 0px 0px 193px; margin-bottom:10px;
}

.middle-panel-eyes {
	position:relative; width:576px; height:auto; background:url(../Images/banners/eyes.jpg) no-repeat #dfddc1; padding:148px 0px 0px 193px; margin-bottom:10px;
}

.middle-panel-hands {
	position:relative; width:576px; height:auto; background:url(../Images/banners/hands-feet.jpg) no-repeat #dfddc1; padding:148px 0px 0px 193px; margin-bottom:10px;
}

.middle-panel-hair-removal {
	position:relative; width:576px; height:auto; background:url(../Images/banners/hair-removal.jpg) no-repeat #dfddc1; padding:148px 0px 0px 193px; margin-bottom:10px;
}

.middle-panel-mens {
	position:relative; width:576px; height:auto; background:url(../Images/banners/mens-collection.jpg) no-repeat #dfddc1; padding:148px 0px 0px 193px; margin-bottom:10px;
}

.middle-panel-teeth {
	position:relative; width:576px; height:auto; background:url(../Images/banners/teeth-whitening.jpg) no-repeat #dfddc1; padding:148px 0px 0px 193px; margin-bottom:10px;
}

.middle-panel-makeup {
	position:relative; width:576px; height:auto; background:url(../Images/banners/make-up.jpg) no-repeat #dfddc1; padding:148px 0px 0px 193px; margin-bottom:10px;
}

.middle-panel-spa {
	position:relative; width:576px; height:auto; background:url(../Images/banners/spa-packages.jpg) no-repeat #dfddc1; padding:148px 0px 0px 193px; margin-bottom:10px;
}


img.rounded-corner {
	position:absolute; bottom:0px; left:182px; z-index:200;
}

.content {
	position:relative; width:554px; /*height:auto;*/ padding:10px; background-color:#FFFFFF; padding-top:43px; min-height:445px; height:auto !important; height:445px; border-right:#dfddc1 solid 2px;
}

.header-wrap {
	border-bottom:1px solid #dfddc1; height:23px; width:556px; padding:5px 5px 5px 0px; position:absolute; top:0px; left:14px;
} 

.header-wrap img {
	float:left;
}

.header-wrap .link-handler {
	float:right; height:23px; width:auto; padding-right:10px;
}

.header-wrap .link-handler a {
	font-weight:100 !important;
}

.header-wrap .link-handler a.page {
	font-weight:bold; padding:0px 7px 0px 7px; border-right:1px solid #b0c1b9; font-weight:bold !important;
}

.header-wrap .link-handler a.non-page {
	font-weight:bold; padding:0px 7px 0px 7px; border-right:1px solid #b0c1b9;
}

.header-wrap .link-handler a.page-last {
	font-weight:bold; padding:0px 7px 0px 7px;font-weight:bold !important;
}

.header-wrap .link-handler a.non-page-last {
	font-weight:bold; padding:0px 7px 0px 7px;
}

.main-title {
	height:16px; width:auto; padding:5px 5px 10px 5px;
}
                       
.content p {
	margin-left:6px;
}

.landing-link {
	height:auto; margin:5px; padding-top:15px;
}

.landing-link p {
	padding-right:5px;
}

.landing-link .thumb {
	width:94px; height:94px; border:#e0e7e4 solid 1px; float:left; margin-right:15px;
}

.landing-link .thumb-promotion {
	width:94px; height:94px; border:#e0e7e4 solid 1px; float:left; margin-right:15px; margin-bottom:10px;
}

.landing-link .title {
	height:16px; widows:auto; padding-bottom:5px;
}

.landing-link .button {
	width:105px; height:12px; padding-top:5px; float:right;
}

.treatment {
	background:url(../Images/divider.gif) top no-repeat; width:550px; height:auto; margin-top:15px; padding-top:20px;
}

.treatment#end {
	margin-bottom:20px;
}

.treatment .info {
	background-color:#f8f7f3; width:500px; height:auto; margin:auto; margin-bottom:1px;
}

.treatment .footnote{
	padding-right:115px; padding-bottom:2px;
}

.treatment .footnote p{
	display:block; font-style:italic; line-height:9pt;
}


.treatment .section {
	width:500px; height:auto; margin:auto; 
}

.treatment .section-highlight {
	float:left; height:14px; width:auto; padding:0px 5px 0px 5px;
}

.treatment .section-title {
	float:left; height:16px; width:auto; padding:10px 0px 10px 5px;
}

.treatment .text {
	width:500px; margin:auto;/* margin-top:5px;*/
}


.treatment .info .name {
	display:block; text-transform:uppercase; float:left; padding-top:2px;  padding-bottom:0px;
}

.treatment .name-outside {
	display:block; text-transform:uppercase; float:left; padding:5px 0px 10px 25px; 
}




.treatment .info .price {
	display:block; float:right; font-weight:bold; margin-right:3px; padding-top:2px; padding-bottom:0px;
}

.treatment .info .price-detail {
	display:block; color:#818181; float:right; margin-right:10px; padding-top:2px; padding-bottom:0px;
}



.treatment .info .name-second {
	display:block; float:left; color:#818181; margin:0px; padding-top:2px; padding-bottom:0px;
}

.button-left {
	float:left; height:12px; width:auto; margin:15px 0px 10px 5px;
}

.left-nav {
	position:absolute; top:167px; left:9px; width:176px; height:441px;
}

.left-nav a.left-nav-link {
	display:block; width:154px; height:29px; background:url(../Images/dotted-divider.gif); color:#818181; font-size:12px; font-weight:bold; padding:9px 0px 0px 2px;
}

.left-nav a.left-nav-link-last {
	display:block; width:154px; height:29px; background:url(../Images/dotted-divider-last.gif); color:#818181; font-size:12px; font-weight:bold; padding:9px 0px 0px 2px;
}

.left-nav a.left-nav-link:hover {
	color:#b0c1b9;
}

.left-nav a.left-nav-link-last:hover {
	color:#b0c1b9;
}

.bgopacity {
	filter:alpha (opacity=75);-moz-opacity:.75;opacity:.75; background-color:#FFFFFF;
}

.left-nav .bg-opacity {
	position:absolute; top:0px; left:0px; width:176px; height:441px; background:url(../Images/side-panel.gif) no-repeat;filter:alpha (opacity=85);-moz-opacity:.85;opacity:.85;
}

.left-nav .above-text {
	position:absolute; top:0px; left:0px; width:156px; height:421px; padding:10px;
}

.footer {
	margin-top:5px; margin-bottom:5px; position:relative; width:769px; height:auto; background:url(../Images/footer.jpg) no-repeat;
}

.footer .useful-links {
	position:absolute; bottom:0px; left:0px; height:auto; padding:5px 15px 5px 15px; text-align:left; display:none !important;
}

.footer .useful-links p {
	color:#FFFFFF; margin:0px; 
}

.footer .useful-links a {
	color:#FFFFFF; 
}

.footer .information {
	float:right; width:200px; height:auto; padding:5px 15px 5px 15px; text-align:right;
}

.footer .information p {
	color:#FFFFFF; margin:0px; 
}

.footer .information a {
	color:#FFFFFF; 
}

.footer .information a:hover {
	color:#666666;
}

.disclaimer {
	margin: auto; text-align: right; padding: 10px 0px 10px 0px; 
}

.disclaimer p {
	color:#b5ac81; margin:0px; font-size:10px; 
}

.disclaimer a {
	color:#b0c1b9; font-size:10px; 
}

.disclaimer a:hover {
	color:#b5ac81;
}

.promotion-container {
	width:520px; height:auto; border:1px solid #cccccc; margin:auto; padding:1px;
}

.promotion-row {
	width:520px; height:auto;
}

.promotion-row #header {
	background-color:#F8F7F3;
}

.promotion-col-one {
	width:260px; float:left; height:auto;
}

.promotion-col-two {
	width:244px; float:left; height:auto; padding-left: 5px; padding-right:10px; margin-left:1px;
}


