/* ================================================================ 
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 {
	
	height:30px; 
	position:relative; 
	z-index:200; 
	background-image:url(/Images/Css/grad-nav.jpg);
	background-repeat:repeat-x;
	background-color:#5c5c5c;
	color:#ffffff;
	
}


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

/* 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 ul li {
	float:left;
	position:relative;
	display:block;
}




/* style the links for the top level */
.menu a {
	display:block;
	float:left;
	font-weight:bold;
	font-size:71.05%;
	text-decoration:none; 
	height:30px; 
	background-image:url(/Images/Css/grad-nav.jpg);
	background-repeat:repeat-x;
	background-color:#5c5c5c;
	color:#ffffff;
	padding:0 14px 0 15px; 
	line-height:29px; 
	/*border-left:1px solid #3a3a3a;*/
	
	
}

* html .menu a {
	padding:0 12px 0 13px;
}

.menu a:hover {
	color:#ffffff;
}



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

/* another hack for IE5.5 */
* html .menu ul ul {
	top:29px;
	t\op:30px; 
}

/* 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:2px solid #d4e354; 
	border-right:2px solid #d4e354; 
	border-bottom:0px; 
	border-top:0px;
}

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

.menu ul ul#menu-destinations a {
	color:#000; 
	background:#fff; 
	font-weight:normal;	
	border-left:2px solid #d4e354; 
	border-right:2px solid #d4e354; 
	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:2px solid #d4e354; 
	border-right:2px solid #d4e354; 
	border-bottom:2px solid #d4e354; 
	padding:10px 0px 10px 10px;
}


/* top level findatc */
.menu ul li#findatc a {
	background-color:#5c5c5c;
	color:#ffffff;
	
}
.menu ul li a#offers
{
	background:#990000 none;
}
.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 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;
}

.menu ul ul#menu-honeymoon a {
	color:#000; 
	background:#fff; 
	font-weight:normal;	
	border-left:2px solid #d4e354; 
	border-right:2px solid #d4e354; 
	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#maplinks-bottom-honeymoon a {
	color:#000; 
	background:#fff; 
	font-weight:normal;	
	border-left:2px solid #d4e354; 
	border-right:2px solid #d4e354; 
	border-bottom:2px solid #d4e354; 
	padding:10px 0px 10px 10px;
}

/* top level Local Getaways */
.menu ul ul li#localgetaways a {
	color:#000; 
	background:#fff;
}

.menu ul li#localgetaways a:hover {
	background-image:url(/Images/Css/grad.jpg);
	background-color:#d8e665;
	color:#ffffff;
	text-decoration:none;
}

/* top level Top Cities */
.menu ul ul li#topcities a {
	color:#000; 
	background:#fff;
}

.menu ul li#topcities a:hover {
	background-image:url(/Images/Css/grad.jpg);
	background-color:#d8e665;
	color:#ffffff;
	text-decoration:none;
}

/* top level beach breaks */
.menu ul ul li#beachbreaks a {
	color:#000; 
	background:#fff;
}

.menu ul li#beachbreaks a:hover {
	background-image:url(/Images/Css/grad.jpg);
	background-color:#d8e665;
	color:#ffffff;
	text-decoration:none;
}

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

.menu ul li#tailormade a:hover {
	background-image:url(/Images/Css/grad.jpg);
	background-color:#d8e665;
	color:#ffffff;
	text-decoration:none;
}

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

.menu ul li#experiences a:hover {
	background-image:url(/Images/Css/grad.jpg);
	background-color:#d8e665;
	color:#ffffff;
	text-decoration:none;
}

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

.menu ul li#flightonly 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:2px solid #d4e354; 
border-right:2px solid #d4e354; border-bottom:0px; 
	padding:10px 0px 10px 10px;
}

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

.menu ul ul li#destination-arrow {
	color:#000; 
	background:#fff;	border-left:2px solid #d4e354; 
border-right:2px solid #d4e354; border-bottom:0px; 
	border-top:0px; 
}

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

* html .menu ul ul li#honeymoon-arrow {
	color:#000; 
	background:#fff;	border-left:2px solid #d4e354; 
border-right:2px solid #d4e354; 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:2px solid #d4e354; 
border-right:2px solid #d4e354; 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:2px solid #d4e354; 
border-right:2px solid #d4e354; 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:2px solid #d4e354; 
border-right:2px solid #d4e354; border-top:5px solid #d7d8d5; 
	padding:10px 0px 10px 10px;
}

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