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

body{
background-color:#008897;
background-repeat:repeat-y;
padding:0 0 0 0;
margin:0 0 0 0;
}

.heading{
color:#008897;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
font-weight:bold;
}

.headingdiv{
color:#008897;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
font-weight:bold;
}

.maintext{
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.wholepage{
width:800px;
margin:0 auto;
padding:0 0 0 0;
}

.wholepage p{
margin:0px;
}

.header{
background-color:#FFFFFF;
color:#00CC66;
}


/* ----------------------------------------- NAVIGATION BAR --------------------------------- */


/* ----------------- START OF RE-WRITE OF BAR ---------- */

.navigation {
width:800px;
/* height required to fill the div where the menu is not there */
height:21px;
/* old colour
background-color:#008897;
*/
background-color:#39AFB9;
}

.navigation ul {
float:left;
display:block;
margin:0px;
padding:0;
list-style-type:none;
background-color:#39AFB9;
}

/* do the padding in {li a} so that the link area is of the entire padding area, applies to hover too */
.navigation li a{
display:block;
padding:3px 20px 3px 10px;
text-decoration:none;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

.navigation li a:hover{
background-color:#2CA79A;
}

.item{
display:none;
}

.navigation ul:hover .item{
display:block;
}


 ----------------- END OF RE-WRITE OF BAR ----------- */

/*
.navigation{
width:800px;
color:#FF0000;
}

.navigation ul{
float:left;
display:block;
margin:0px;
padding:0px;
list-style-type:none;
background-color:#00CCFF;
width:100%;
}

.navigation li{
float:left;
display:block;
}

.navigation li a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#666666;
padding:5px 10px 5px 10px;
height:12px;
display:block;
text-decoration:none;
}

.navigation li a:hover{
background-color:#00FFFF;
}


/* ----------------------------------- END OF NAVIGATION BAR --------------------------- */


.main{
height:auto;
width:800px;
/**clear:both;*/
}

.maincontent{
padding:50px 20px 50px 20px;
background-color:#FFFFFF;
color:#666666;
}

.maincontent_treatments{
clear:;
margin:0px 0px 0px 200px;
width:570px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
padding:15px 20px 50px 10px;
background-color:#FFFFFF;
}

.treatments_menu {
float:left;
height:533px;
margin:0px 10px 10px 10px;
padding:0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
background-color:#008897;
width:170px;
border:#00CCFF solid 5px;
color:#FFFFFF;
}

.treatments_menu a{
font-size:12px;
font-weight:normal;
text-decoration:none;
display:block;
height:15px;
padding:5px 5px 5px 15px;
color:#FFFFFF;
}

.treatments_menu a:hover{

}

.treatments_menu ul{
display:block;
list-style-type:none;
padding:0px;
margin:0px;
}

.treatments_menu li{
padding:0 0 0 0;
margin:0 0 0 0;
display:block;
width:100%;
}
.treatments_menu li a:hover{
background-color:#666666;
color:#FFFFFF;
display:block;
}
.treatments_menu_directory a{
font:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:15px;
font-weight:bold;
padding:0 0 0 0;
}
.treatments_menu_directory a:hover{
text-decoration:underline;
}

.maintext a:hover{
text-decoration:underline;
}

.maintext a{
text-decoration:none;
color:#333333;
}
.price_being {
background-color:#30939A;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
padding:10px 10px 10px 10px;
}

.price_city {
background-color:#9DE6DE;
color:#333333;
font-size:12px;
font-weight:bold;
padding:10px 10px 10px 10px;
}

.price_both {
background-color:#CCCCCC;
color:#000000;
font-size:12px;
font-weight:bold;
padding:10px 10px 10px 10px;
}

.price{
background-color:#CCCCCC;
color:#000000;
font-size:12px;
font-weight:bold;
padding:10px 10px 10px 10px;
}


.glink a{
text-decoration:none;
font-size:12px;
font-weight:bold;
color:#333333;
}
.glink a:hover{
text-decoration:underline;
}