/* CSS Document */


/* My stuff*/
#shadowwrap {position: relative; width: 770px; margin: 0 auto; padding: 0; text-align: left; background: transparent url(../images/content_bg-1.gif) repeat-y;}
#pagewidth { width: 750px; margin: 0 auto; background: #fafcf3 url(../images/gradient_bkg.jpg) repeat-x bottom center;}
#home #pagewidth { margin: 0 auto;}
#facilitiesad {text-align: center; }
div.innerbox {text-align: center;  padding:0; margin:0;}

#towels {margin-left: 5px; width: 100%;}
#towels p span.price {float: right; width: 62%; padding: 0; margin: 0 0 5px 20px;}
#towels p span.priceleft {float: left; width: 35%; margin: 0 0 5px 0; padding: 0;}
#fees, #feesaloe {display: inline; }
#fees p span.priceleft {float: left; width: 50%; margin: 0;margin-bottom: 5px;}
#fees p span.price {float: left; width: 40%; margin: 0; }

#feesaloe p span.priceleft {float: left; width: 70%; margin: 0; margin-bottom: 5px;}
#feesaloe p span.price {float: left; width: 25%; margin: 0; }

#specialoffer {text-align: left; padding-right: 10px; border: 1px solid #95dad5; }
#specialoffer img {float: right; width: 81px; height: 91px; margin: -30px 0 0 0; padding: 0;}
#specialoffer p strong {color: #be1c6e; font-style: italic;}

#music { width: 77px; position: absolute; top: 275px; right: 120px;}
#languages { width: 22px; height: 18px; position: absolute; top: 250px; right: 20px; z-index: 20; }
.clear {clear: both;}

#gallery h1 { padding-bottom: 10px; text-align: center; }
#gallery p {text-align: center; font-weight: 600; font-family: Arial, Verdana, sans-serif; }

#news_page div.news table {margin-left:25px; width: 400px; border:none;}

/* Design elements 

#roses {width: 153px; height: 174px ; position: fixed; z-index: 5; top: 0; left: 0; background: transparent url(../images/roses.gif) no-repeat top left ; margin:0;} 
* html #roses {position:absolute;} */

/* Scroller gallery */

#imgscroller {position: relative; padding: 0; width: 252px; margin: 0 auto 10px auto; background-color: #f8f8e7; height: 62px; 
border: 1px solid #52226e; }

#p7s1content1 img { border: none; outline: none; margin: 2px; }



.centre {text-align: center;}
.left {text-align: left;}
.pullout {float: right; width: 120px; margin: 0; padding: 3px;}
.endquote {width: 280px; font-family: "Monotype Corsiva", "Apple Chancery", "Times New Roman", Times, serif; margin-right: auto; margin-left: auto; text-align: center; color: #9563b8; font-size: 1.3em; line-height: 1.4em; }
.quote {
	font-size: 1.2em;
	margin: 0; padding: 0;
	color: #be1c6e;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.hide, #banner h1.hide {display: none;}
.byline {font-style: italic; text-align: center; }

#player1, #player1 h1 {display: none; }

#itinerary p span.rightfloat, #towels p span.price {float: right; width: 75%; padding: 0; margin: 0;}
#itinerary p span.leftfloat, #towels p span.priceleft {float: left; width: 20%; margin: 0; padding: 0;}
#itinerary p span.rightfloat, #itinerary p span.leftfloat { line-height: 1.25em; margin-bottom: 10px; }
#itinerary p {margin-bottom: 0;}
#home p.endquote {width: 200px; font-family: "Monotype Corsiva", "Apple Chancery", "Times New Roman", Times, serif; margin-right: auto; margin-left: auto; text-align: center; color: #9563b8; font-size: 1.2em; line-height: 1.4em; }
#content_sidebar div.rightcoltable {margin-left: 25px;}
#content_sidebar #towels {margin-left: 10px;}
#sitemap {margin-left: 70px;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
z-index:1000;
float:right;
margin: -30px 10px 20px 0; 

}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:200px;
}

/* hack for IE5.5*/
* html .menu ul {margin-left:-16px; ma\rgin-left:0;} 

/* position relative so that you can position the sub levels */
.menu li {
position:relative;
background: #e7f4ea;
margin-top: 3px;
}

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size: 100%;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
line-height: 1.6em; 
width:199px;
text-indent: 5px;
border:1px dotted #95dad5;
}

/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {background:#e7f4ea; width:200px; w\idth:199px;}

/* style the link hover */
* html .menu a:hover {color:#92b7bb; border: 1px solid #7c458d; background: transparent url(../images/bullet_retreat.gif) 100% 50% no-repeat;}
* html #spa_page .menu a:hover {color:#92b7bb; border: 1px solid #7c458d; background: transparent url(../images/bullet_spa.gif) 100% 50% no-repeat;}

.menu :hover > a{
color:#92b7bb; 
background: transparent url(../images/bullet_retreat.gif) 100% 50% no-repeat;
border: 1px solid #7c458d;
}

#spa_page .menu :hover > a{background: transparent url(../images/bullet_spa.gif) 100% 50% no-repeat;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:-9px;
left:-200px; 
background: #fafcf3;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

/* Current Page Formatting */


#wellness_page.well_home .menu ul li#current1,
#wellness_page.well_intro .menu ul li#current2, 
#wellness_page.well_aim .menu ul li#current3,
#wellness_page.well_coord .menu ul li#current4,
#wellness_page.well_price .menu ul li#current5,
#wellness_page.well_prog .menu ul li#current6,
#wellness_page.well_spec .menu ul li#current7,
#wellness_page.well_book .menu ul li#current8
{
	color: #008080;
	font-weight: bold;	
	background: transparent url(../../en/images/bullet_retreat.gif) 100% 50% no-repeat;
}

#spa_page.spa_home .menu ul li#current1,
#spa_page.spa_ther .menu ul li#current2,
#spa_page.spa_equip .menu ul li#current3,
#spa_page.spa_fees .menu ul li#current4,
#spa_page.spa_open .menu ul li#current5,
#spa_page.spa_staff .menu ul li#current6,
#spa_page.spa_gift .menu ul li#current7,
#spa_page.spa_book .menu ul li#current8
{
	color: #008080;
	font-weight: bold;	
	background: transparent url(../../en/images/bullet_spa.gif) 100% 50% no-repeat;
}