/*top level*/
.menu {width:960px; height:30px; position:relative; z-index:200; margin-bottom:5px; background:#1c1c1c;}
.menu ul {padding:0; margin:0; list-style-type:none;}
.menu li {float:left; position:relative;}
.menu a {display:block; float:left; font-weight:bold; font-size:0.75em; text-decoration:none; color:#fff; height:30px; padding:0 19px 0 19px; line-height:29px; border-left:1px solid #000000;}
.menu a:hover {color:#fff; text-decoration:none;}

/*second level*/
.menu ul ul {visibility:hidden; position:absolute; height:0; top:30px; left:0; width:390px; -moz-opacity:.95; opacity:.95;}
.menu ul ul li.arrow {color:#000; background:#fff; border-left:5px solid #d7d8d5; border-right:5px solid #d7d8d5; border-bottom:0px; border-top:0px;}
.menu ul ul a {height:auto; line-height:1em; width:380px; 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 a:hover {color:#fff; background-color:#c3cf5f; text-decoration:none;}
.menu ul ul li.bottom a {border-bottom:5px solid #d7d8d5;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul {
	visibility:visible; 
}

.menuoffers{background:#990000;}
.menuoffers:hover > a, .menuoffers ul li a:hover{background:#990000;}
.menudestinations:hover > a, .menudestinations ul li a:hover{background:#00a0df;}
.menutype:hover > a, .menutype ul li a:hover{background:#bed600;}
.menucruise:hover > a, .menucruise ul li a:hover{background:#f4aa00;}
.menuother:hover > a, .menuother ul li a:hover{background:#c7c2bc;}