/* ================================================================ 
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/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
	width:960px;
	height:31px;
	position:relative;
	z-index:200;
	background-color:#685C53;
	margin: 0px;
	padding: 0px;
	
}

/* hack to correct IE5.5 faulty box model */
* html .menu {
	width:959px; 
	w\idth:959px; 
	z-index:200; 
	margin-bottom:5px;
	background-color:#685C53;
}

::root .menu {
	width:970px; 
	w\idth:970px;
	z-index:200;  
	margin-bottom:10px;
	background-color:#685C53;
}

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

/* define the width of the second level dropdown */
.menu ul ul {
	width:149px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	position:relative;
}

/* style the links for the top level */
.menu a {
	display:block;
	font-weight:bold;
	font-size:0.75em;
	text-decoration:none; 
	color:#fff; 
	height:30px; 
	background:#685C53; 
	padding:0 28px; 
	line-height:29px; 
	border-left:1px solid #000000;
}

.menu a#honeymoon {
	padding:0 32px 0 33px;	
}

* html .menu a{
	padding:0 28px 0 28px;
}
* html .menu a:hover{
	color:#FFFFFF;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a#home {width:23px; w\idth:23px;}
* html .menu a#destinations {width:53px; w\idth:53px;}
* html .menu a#luxury {width:65px; w\idth:65px;}
* html .menu a#tailormade {width:45px; w\idth:45px;}
* html .menu a#city {width:70px; w\idth:70px;}
* html .menu a#honeymoon {width:20px; w\idth:20px;}
* html .menu a#family {width:63px; w\idth:63px;}
* html .menu a#management {width:108px; w\idth:108px;}

/* a hack for safari */
::root .menu a#home {width:21px; w\idth:21px;}
::root .menu a#destinations {width:68px; w\idth:68px;}
::root .menu a#luxury {width:95px; w\idth:95px;}
::root .menu a#tailormade {width:68px; w\idth:68px;}
::root .menu a#city {width:70px; w\idth:70px;}
::root .menu a#honeymoon {width:65px; w\idth:65px;}
::root .menu a#family {width:93px; w\idth:93px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:30px;
	left:0; 
	width:280px;
	-moz-opacity:.95;
	opacity:.95;
}

/* another hack for IE5.5 */
* html .menu ul ul {
	top:29px;
	t\op:30px; 
	filter: alpha(opacity=95);
}

/* position the third level flyout menu */
.menu ul ul ul{
	left:149px; 
	top:-2px; 
	width:300px;
}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
	left:-431px;
	width:300px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
}

/* style the second level links */
.menu ul ul a {
	height:auto; 
	line-height:1em; 
	padding:0px; 
	width:380px; 
	border-width:0 1px 1px 1px; 
}

/* yet another hack for IE5.5 */
* html .menu ul ul a {
	width:380px;
	w\idth:380px;
}

* html .menu ul ul li a {
	font-size:1em;
}

/* top level DESTINATIONS */
.menu ul ul li#menudestinations a {
	color:#000; 
	background:#fff;
}

.menu ul li#menudestinations a:hover {
	color:#fff;
	text-decoration:none;
	background-color: #C0D72F;
}
.menu ul ul li#menuhome a {
	color:#000; 
	background:#fff;
}

.menu ul li#menuhome a:hover {
	color:#fff;
	text-decoration:none;
	background-color: #C0D72F;
}
.callatc {
	background-color: #685C53;
	width: 960px;
	margin-bottom: 10px;
}

.menucurrent-destinations {
	color:#fff; 
	background:#ee2b80;
}

/* second level DESTINATIONS */
.menu ul ul li#map {
	color:#000; 
	background:#fff; 
	border-left:5px solid #d7d8d5; 
	border-right:5px solid #d7d8d5; 
	border-bottom:0px; 
	border-top:0px;
}

* html .menu ul ul li#map {
	color:#000; 
	background:#fff; 
	border-left:5px solid #d7d8d5; 
	border-right:5px solid #d7d8d5; 
	border-bottom:0px; 
	border-top:0px; 
	padding-right:10px;
}

.menu ul ul#menu-destinations a {
	color:#000; 
	background:#fff; 
	font-weight:normal; 
	border-left:5px solid #d7d8d5; 
	border-right:5px solid #d7d8d5; 
	border-bottom:0px; 
	padding:10px 0px 10px 10px;
}

.menu ul ul#menu-destinations li a:hover {
	color:#fff; 
	background:#ee2b80;
	text-decoration:none;
}

.menu ul ul li#maplinks-bottom a {
	color:#000; 
	background:#fff; 
	font-weight:normal; 
	border-left:5px solid #d7d8d5; 
	border-right:5px solid #d7d8d5; 
	border-bottom:5px solid #d7d8d5; 
	padding:10px 0px 10px 10px;
}

/* top level Menu Luxury */
.menu ul ul li#menuluxury a {
	color:#000; 
	background:#fff;
}

.menu ul li#menuluxury a:hover {
	color:#fff;
	text-decoration:none;
	background-color: #C0D72F;
}

.menucurrent-luxury {
	color:#fff; 
	background:#00a0df;
}

/* second level Menu Luxury */
.menu ul ul#menu-luxury a {
	color:#000; 
	background:#fff; 
	font-weight:normal; 
	border-left:5px solid #d7d8d5; 
	border-right:5px solid #d7d8d5; 
	border-bottom:0px; 
	padding:10px 0px 10px 10px;
}

.menu ul ul#menu-luxury li a:hover {
	color:#fff; 
	background:#00a0df;
	text-decoration:none;
}

.menu ul ul li#luxury-bottom a {
	color:#000; 
	background:#fff; 
	font-weight:normal; 
	border-left:5px solid #d7d8d5; 
	border-right:5px solid #d7d8d5; 
	border-bottom:5px solid #d7d8d5; 
	padding:10px 0px 10px 10px;
}

.menu ul ul li#luxury-arrow {
	color:#000; 
	background:#fff; 
	border-left:5px solid #d7d8d5; 
	border-right:5px solid #d7d8d5; 
	border-bottom:0px; 
	border-top:0px;
}

* html .menu ul ul li#luxury-arrow {
	color:#000; 
	background:#fff; 
	border-left:5px solid #d7d8d5; 
	border-right:5px solid #d7d8d5; 
	border-bottom:0px; 
	border-top:0px;
	padding-right:10px;
}

/* top level Menu Management */
.menu ul ul li#menumanagement a {
	color:#000; 
	background:#fff;
}

.menu ul li#menumanagement a:hover {
	color:#fff;
	text-decoration:none;
	background-color: #C0D72F;
}

.menucurrent-management {
	color:#fff; 
	background:#00a0df;
}

/* second level Menu Luxury */
.menu ul ul#menu-management a {
	color:#000; 
	background:#fff; 
	font-weight:normal; 
	border-left:5px solid #d7d8d5; 
	border-right:5px solid #d7d8d5; 
	border-bottom:0px; 
	padding:10px 0px 10px 10px;
}

.menu ul ul#menu-management li a:hover {
	color:#fff; 
	background:#00a0df;
	text-decoration:none;
}

.menu ul ul li#management-bottom a {
	color:#000; 
	background:#fff; 
	font-weight:normal; 
	border-left:5px solid #d7d8d5; 
	border-right:5px solid #d7d8d5; 
	border-bottom:5px solid #d7d8d5; 
	padding:10px 0px 10px 10px;
}

.menu ul ul li#management-arrow {
	color:#000; 
	background:#fff; 
	border-left:5px solid #d7d8d5; 
	border-right:5px solid #d7d8d5; 
	border-bottom:0px; 
	border-top:0px;
}

* html .menu ul ul li#management-arrow {
	color:#000; 
	background:#fff; 
	border-left:5px solid #d7d8d5; 
	border-right:5px solid #d7d8d5; 
	border-bottom:0px; 
	border-top:0px;
	padding-right:10px;
}

/* top level Menu Tailormade */
.menu ul ul li#menutailormade a {
	color:#000; 
	background:#fff;
}

.menu ul li#menutailormade a:hover {
	color:#fff;
	text-decoration:none;
	background-color: #C0D72F;
}

.menucurrent-tailormade {
	color:#fff; 
	background:#e70033;
	text-decoration:none;
}

/* top level Menu City Breaks */
.menu ul ul li#menucity a {
	color:#000; 
	background:#fff;
}

.menu ul li#menucity a:hover {
	color:#fff;
	text-decoration:none;
	background-color: #C0D72F;
}

.menucurrent-city{ 
	color:#fff; 
	background:#f4aa00;
}

/* second level Menu City Breaks */
.menu ul ul#menu-city a {
	color:#000; 
	background:#fff; 
	font-weight:normal; 
	border-left:5px solid #d7d8d5; 
	border-right:5px solid #d7d8d5; 
	border-bottom:0px; 
	padding:10px 0px 10px 10px;
}

.menu ul ul#menu-city li a:hover {
	color:#fff; 
	background:#f4aa00;
	text-decoration:none;
}

.menu ul ul li#city-bottom a {
	color:#000; 
	background:#fff; 
	font-weight:normal; 
	border-left:5px solid #d7d8d5; 
	border-right:5px solid #d7d8d5; 
	border-bottom:5px solid #d7d8d5; 
	padding:10px 0px 10px 10px;
}

.menu ul ul li#city-arrow {
	color:#000; 
	background:#fff; 
	border-left:5px solid #d7d8d5; 
	border-right:5px solid #d7d8d5; 
	border-bottom:0px; 
	border-top:0px;
}

* html .menu ul ul li#city-arrow {
	color:#000; 
	background:#fff; 
	border-left:5px solid #d7d8d5; 
	border-right:5px solid #d7d8d5; 
	border-bottom:0px; 
	border-top:0px;
	padding-right:10px;
}

/* top level Menu Wedding & Honeymoon */
.menu ul ul li#menuhoneymoon a {
	color:#000; 
	background:#fff;
}

.menu ul li#menuhoneymoon a:hover {
	color:#fff;
	text-decoration:none;
	background-color: #C0D72F;
}

.menucurrent-honeymoon{
	color:#73808b; 
	background:#d7d8d5;
}

/* second level honeymoon */
.menu ul ul#secondlevel-honeymoon a {
	color:#000; 
	background:#fff; 
	font-weight:normal; 
	border-left:5px solid #d7d8d5; 
	border-right:5px solid #d7d8d5; 
	border-bottom:0px; 
	padding:10px 0px 10px 10px;
}

.menu ul ul li#honeymoon-arrow {
	color:#000; 
	background:#fff; 
	border-left:5px solid #d7d8d5; 
	border-right:5px solid #d7d8d5; 
	border-bottom:0px; 
	border-top:0px; 
}

* html .menu ul ul li#honeymoon-arrow {
	color:#000; 
	background:#fff; 
	border-left:5px solid #d7d8d5; 
	border-right:5px solid #d7d8d5; 
	border-bottom:0px; 
	border-top:0px; 
	padding-right:10px;
}

.menu ul ul li#honeymoonlinks-levelone-bottom a {
	color:#000; 
	background:#fff; 
	font-weight:normal; 
	border-left:5px solid #d7d8d5; 
	border-right:5px solid #d7d8d5; 
	border-bottom:5px solid #d7d8d5; 
	padding:10px 0px 10px 10px;
}

.menu ul ul li#honeymoonlinks-leveltwo-bottom a {
	color:#000; 
	background:#fff; 
	font-weight:normal; 
	border-left:5px solid #d7d8d5; 
	border-right:5px solid #d7d8d5; 
	border-bottom:5px solid #d7d8d5; 
	padding:10px 0px 10px 10px;
}

.menu ul ul li#honeymoonlinks-top a {
	color:#000; 
	background:#fff; 
	font-weight:normal; 
	border-left:5px solid #d7d8d5; 
	border-right:5px solid #d7d8d5; 
	border-top:5px solid #d7d8d5; 
	padding:10px 0px 10px 10px;
}


/* Menu Cruise */
.menu ul ul li#menucruise a{color:#000; background:#fff;}
.menu ul li#menucruise a:hover{color:#fff; background:#00abe7; text-decoration:none;}
.menucurrent-cruise{color:#fff; background:#00abe7;}

/* Menu Family */
.menu ul ul li#menufamily a{color:#000; background:#fff;}
.menu ul li#menufamily a:hover{
	color:#fff;
	text-decoration:none;
	background-color: #C0D72F;
}
.menucurrent-family{color:#fff; background:#bed600;}

/* Menu Accomm */
.menu ul ul li#menuaccom a{color:#000; background:#fff;}
.menu ul li#menuaccom a:hover{color:#fff; background:#e70033; text-decoration:none;}
.menucurrent-accom{color:#fff; background:#e70033;}

/* Menu Accomm */
.menu ul ul li#menuski a{color:#000; background:#fff;}
.menu ul li#menuski a:hover{color:#fff; background:#e70033;	text-decoration:none;}
.menucurrent-ski{color:#fff; background:#e70033;}

/* 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;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul { 
	visibility:visible;
}