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

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
background-color: #f6eaf4;
position: relative;
}

#wrapper {
width:770px;
margin: 0 auto;
padding: 0 20px;
background-color:#ffffff;
}

#header {
background: #fff url(images/header-bck.jpg) repeat-x;
height: 305px;
/* padding-top: 52px; */
}

#bigImage {
background: url(images/beauty-treatments.gif) no-repeat bottom left;
position: relative;
}

#nav {
/* background-color:#0066FF; */
width: 550px;
float: right;
height:40px;
margin-top: 52px;
position: relative; 
}


/* ---------- Mega Drop Down --------- */
#mega{
list-style:none;
font-weight:bold;
height:1em;
margin:0px;
/* font-size: 95%;*/
}
#mega li{
/* background:#999; */
border-right:1px solid #6d6d70;
float:left;
/* width:150px; */
text-align:center;
position:relative;
}

#mega li.last {border-right: 0 none;}

#mega li:hover {
background:#eee;
z-index:1; /* shadow above adjacent li */
}

#mega a{
color:#6d6d70;
text-decoration:none;
display:block;
line-height:1em;
padding:5px 15px;
}

#mega a:hover{
color:#fff;
background-color: #ab6fa3;
}

#logo h1 {
padding: 83px 0 0 0;
overflow: hidden;
background-image: url( images/health-and-beauty-logo.gif); 
background-repeat: no-repeat;
height: 0px !important; /* for most browsers */
height /**/:83px; /* for IE5.5's bad box model */
width: 376px;
float: right;
clear: right;
/* background-color:#666666;*/
font-size: 30%;
}

#gap {
clear: right;
height: 60px;
}

#book {
/* background: url(images/book-bck.jpg) repeat-x; */
padding-left: 496px;
height: 67px;
clear: right;
}

#book h4 {
padding: 67px 0 0 0;
overflow: hidden;
background-image: url( images/call-to-book.gif); 
background-repeat: no-repeat;
height: 0px !important; 
height /**/:67px; 
/* width: 264px; */
font-size: 30%;
}

.priceBox h2{
color: #843e7b;
padding: 20px 0px 0px 0px;
font-size: 160%;
}

.priceBox h3{
color: #664862;
padding: 6px 0px 10px 10px;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
font-size: 110%;
}


.priceBoxL {
width: 363px;
float: left;
clear: left;
}

.priceBoxInnerL{
background: #fff url(images/priceBox-bck.jpg) repeat-x;
margin-top: 20px;
-moz-border-radius: 15px; 
-webkit-border-radius:15px;
border-radius: 15px;
}

.note{
float: left;
width: 343px;
padding-left:10px;
font-size: 85%;
line-height: 1.2em;
font-weight: bold;
color: #C387BB;
}

.notice {
font-size: 80%;
line-height: 1.2em;
font-weight: bold;
color: #C387BB;
text-align: center;
}

.highTxt {
color: #C387BB;
}

.priceBoxR {
width: 363px;
float: right;
clear: right;
}

.priceBoxInnerR{
background: #fff url(images/priceBox-bck.jpg) repeat-x;
margin-top: 20px;
-moz-border-radius: 15px; 
-webkit-border-radius:15px;
border-radius: 15px;
}

.price {
min-height: 25px;
background: url(images/under-bullet.gif) repeat-x;
margin: 0px 10px;
padding-top: 7px;
font-size: 95%;
color: #543e51;
clear: left;
}

.price p {
float: left;
width: 268px;
font-weight: bold;
}

.price span {
float: right;
width: 50px;
font-weight: bold;
}

.desc {
float: left;
width: 100%;
padding:7px 0px;
font-size: 85%;
line-height: 1.2em;
}

.topdesc {
margin: 0px 10px;
padding:7px 0px;
font-size: 85%;
line-height: 1.2em;
}

.priceR {
min-height: 25px;
background: url(images/under-bullet.gif) repeat-x;
margin: 0px 10px;
padding-top: 7px;
font-size: 95%;
color: #543e51;
clear: right;
}

.lower {
background-position: 0px 12px;
padding-bottom: 7px;
}

.higher {
margin-top: 7px;
}

.priceR p {
float: left;
width: 268px;
font-weight: bold;
}

.priceR span {
float: right;
width: 50px;
font-weight: bold;
}

.descR {
float: right;
width: 100%;
padding:7px 0px;
font-size: 85%;
line-height: 1.2em;
}

.clearLeft {
clear: left;
}


/* --------------------- contents styling -------------------------*/

#contents {
padding: 0 30px 0 20px;
float: left;
width: 440px;
background: url(images/contents-bck.jpg) no-repeat bottom;
/* background-color:#999999; */
}

#contents h2{
color: #843e7b;
padding: 20px 0px;
font-size: 160%;
}

#contents h3{
color: #c387bb;
padding: 0px;
font-size: 130%;
margin-bottom: 20px;
}

#contents p{
color: #454545;
line-height: 1.4em;
/* margin-bottom: 20px;*/
}

.face {
float: right;
width: 134px;
}

#contents a:link {
color: #843e7b;
}

#contents a:visited {
color: #843e7b;
}

#contents a:hover {
color: #843e7b;
}

.centered {
text-align: center;
}

#contents ul {
list-style-image: url(images/bullet.gif);
margin-left: 30px;
font-size: 100%;
color:#666666;
}

#contents ul li {
line-height: 1em;
margin-bottom: 15px;
}

#offers {
padding: 0 30px 0 20px;
float: left;
width: 440px;
/* height: 600px; */
background: url(images/contents-bck.jpg) no-repeat bottom;
/* background-color:#999999; */
}

#offers h2{
color: #843e7b;
padding: 20px 0px;
font-size: 160%;
}

#offers h3{
color: #c387bb;
padding-top: 20px;
font-size: 130%;
}

#offers p{
color: #454545;
line-height: 1.4em;
/* margin-bottom: 20px; */
}

.offerPrice {
color: #999;
font-weight: bold;
}


.contentAd {
float: left;
width: 250px;
padding: 0 15px 5px 15px;
}

.treatments {
background: url(images/treatment-bck.jpg) repeat-x;
float: left;
width: 220px;
margin: 20px 15px 5px 15px;
padding: 10px 15px;
-moz-border-radius: 15px; 
-webkit-border-radius:15px;
border-radius: 15px;
}

.treatments h3 {
color: #843e7b;
padding-bottom: 15px;
}

.treatments p {
font-size: 80%;
line-height: 1.2em;
color: #843e7b;
padding-bottom: 5px;
}

.discounts {
background: url(images/discount-bck.jpg) repeat-x;
float: left;
width: 220px;
margin: 5px 15px 0px 15px;
padding: 10px 15px;
-moz-border-radius: 15px; 
-webkit-border-radius:15px;
border-radius: 15px;
}

.discounts h3 {
color: #343f5c;
padding-bottom: 5px;
}

.discounts p {
font-size: 80%;
line-height: 1.2em;
color: #4e5b7f;
padding-bottom: 5px;
}

.consult {
background: url(images/consult.jpg) no-repeat;
height: 92px;
margin: 0px 0px 20px 10px;
}

.consult p {
font-size: 90%;
margin-left: 120px;
padding-top: 5px;
}

.foffer {
background: url(images/top-grad.png) repeat-x;
-moz-border-radius: 15px; 
-webkit-border-radius:15px;
border-radius: 15px;
/* height: 92px;*/
margin: 0px 0px 20px 10px;
}

.foffer p {
font-size: 90%;
/*margin-left: 120px;*/
padding: 0 10px;
}

.foffer h4{ 
color: #c387bb;
padding: 10px 10px 0 10px;
font-size: 130%;
}

.strike {
text-decoration:line-through;
}

.fprice {
color: #c387bb;
font-weight: bold;
}

/* ------------------- text styles ---------------------- */

.bold {
font-weight: bold;
}

.boldp {
color: #664862;
font-weight: bold;
}


/* -------------------- footer styles ------------------- */

#footer {
clear: both;
background: url(images/footer-bck.jpg) repeat-x bottom;
margin-top: 30px;
}

#footer h3 {
color: #664862;
padding-bottom: 5px;
}

#footer p {
font-size: 80%;
color: #8c5b85;
line-height: 1.2em;
}

#footer a:link {
color: #664862;
text-decoration: none;
}

#footer a:hover {
color: #664862;
text-decoration: underline;
}

.footerBox {
margin: 5px 0;
float: left;
padding: 10px 23px;
border-right: 3px solid #bdbcbd;
}

.last {border-right: 0 none;} 

.opening {
width: 178px;
}

.findus {
width: 285px;
}

.map {
float: left;
width: 115px;
padding-right: 10px;
}

.contactDets {
width: 130px;
}

.copyright {
width: 770px;
padding: 10px 0;
text-align: center;
font-size: 70%;
color:#999999;
}

/* ---------------- map -------------------- */
#map {
width: 768px;
height: 396px;
border: 1px solid #c19cbc;
margin-top: 15px;
}

/* ---------------- cms -------------------- */
.cms-editable p {
margin:0;
padding: 0 10px;
}



/* -------------- clearfix ---------------- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}