/* ================================================================ 
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:980px; 
	height:30px; 
	position:relative; 

	background-image:url(/Images/css/grad-blk.jpg);
	background-repeat:repeat-x;
	background-color:#494949;
	color:#ffffff;
	z-index: 3000;
}


/* 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; 
	height:30px; 
	background-image:url(/Images/css/grad-blk.jpg);
	background-repeat:repeat-x;
	background-color:#494949;
	color:#ffffff;
	padding:0 24px 0 24px; 
	line-height:29px; 
	border-left:1px solid #3a3a3a;
}

.menu a:hover {
	color:#ffffff;
}

.menu a#ski {
	padding:0 23px 0 23px;	
}

* html .menu a#ski {
	padding:0 22px 0 22px;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a#ctl00_Homelink {w\idth:23px;}
* html .menu a#ctl00_CruiseLink {w\idth:98px;}
* html .menu a#ctl00_HoneymoonLink {w\idth:23px;}
* html .menu a#ctl00_DestinationLink {w\idth:124px;}
* html .menu a#ctl00_FindatcLink {w\idth:135px;}
* html .menu a#ctl00_MediaLink {w\idth:23px;}
* html .menu a#ctl00_ContactLink {w\idth:62px;}

/* a hack for safari */
::root .menu a#ctl00_Homelink {w\idth:25px;}
::root .menu a#ctl00_CruiseLink {w\idth:98px;}
::root .menu a#ctl00_HoneymoonLink {w\idth:65px;}
::root .menu a#ctl00_DestinationLink {w\idth:130px;}
::root .menu a#ctl00_FindatcLink {w\idth:140px;}
::root .menu a#ctl00_MediaLink {w\idth:30px;}
::root .menu a#ctl00_ContactLink {w\idth:65px;}

/* 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:312px;
	-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:400px;
}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
	left:-431px;
	width:400px;
}

/* 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:390px;
	w\idth:390px;
}

* 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 {
	background-image:url(/Images/css/grad.jpg);
	background-color:#d8e665;
	color:#ffffff;
	text-decoration:none;
}

.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 {
	background-image:url(/Images/css/grad.jpg);
	background-color:#d8e665;
	color:#ffffff;
	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 findatc 
.menu ul li#findatc a 
{
	background-image:url(/Images/css/grad.jpg);
	background-color:#d8e665;
	color:#ffffff;
}*/

.menuoffers a {
	background:#990000;
}

.menu ul li#findatc a:hover {
	background-image:url(/Images/css/grad.jpg);
	background-color:#d8e665;
	color:#ffffff;
	text-decoration:none;
}

.menucurrent-destinations {
	color:#fff; 
	background:#ee2b80;
}


/* top level Menu Luxury */
.menu ul ul li#menuluxury a {
	color:#000; 
	background:#fff;
}

.menu ul li#menuluxury a:hover {
	background-image:url(/Images/css/grad.jpg);
	background-color:#d8e665;
	color:#ffffff;
	text-decoration:none;
}

.menucurrent-luxury {
	color:#fff; 
	background:#bed600;
}

/* 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 {
	background-image:url(/Images/css/grad.jpg);
	background-color:#d8e665;
	color:#ffffff;
	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 Tailormade */
.menu ul ul li#menutailormade a {
	color:#000; 
	background:#fff;
}

.menu ul li#menutailormade a:hover {
	background-image:url(/Images/css/grad.jpg);
	background-color:#d8e665;
	color:#ffffff;
	text-decoration:none;
}

.menucurrent-tailormade {
	color:#1c1c1c; 
	background:#d7d8d5;
	text-decoration:none;
}

/* top level Menu City Breaks */
.menu ul ul li#menucity a {
	color:#000; 
	background:#fff;
}

.menu ul li#menucity a:hover { 
	background-image:url(/Images/css/grad.jpg);
	background-color:#d8e665;
	color:#ffffff;
	text-decoration:none;
}

.menucurrent-city{ 
	color:#fff; 
	background:#00a0df;
}

/* 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 {
	background-image:url(/Images/css/grad.jpg);
	background-color:#d8e665;
	color:#ffffff;
	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;
}

/* second level Menu City Breaks */
.menu ul ul#menu-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#menu-honeymoon li a:hover {
	background-image:url(/Images/css/grad.jpg);
	background-color:#d8e665;
	color:#ffffff;
	text-decoration:none;
}

.menu ul ul li#honeymoon-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 Wedding & Honeymoon */
.menu ul ul li#menuhoneymoon a {
	color:#000; 
	background:#fff;
}

.menu ul li#menuhoneymoon a:hover {
	background-image:url(/Images/css/grad.jpg);
	background-color:#d8e665;
	color:#ffffff;
	text-decoration:none;
}

.menucurrent-honeymoon{
	color:#73808b; 
	background:#d7d8d5;
}

/* top level Menu media */
.menu ul ul li#menuhome a {
	color:#000; 
	background:#fff;
}

.menu ul li#menuhome a:hover {
	background-image:url(/Images/css/grad.jpg);
	background-color:#d8e665;
	color:#ffffff;
	text-decoration:none;
}

/* top level Menu media */
.menu ul ul li#menumedia a {
	color:#000; 
	background:#fff;
}

.menu ul li#menumedia a:hover {
	background-image:url(/Images/css/grad.jpg);
	background-color:#d8e665;
	color:#ffffff;
	text-decoration:none;
}

/* top level Menu media */
.menu ul ul li#menucontact a {
	color:#000; 
	background:#fff;
}

.menu ul li#menucontact a:hover {
	background-image:url(/Images/css/grad.jpg);
	background-color:#d8e665;
	color:#ffffff;
	text-decoration:none;
}

/* 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; background:#bed600; text-decoration:none;}
.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;
}
