/**************** menu coding *****************/

#menu {
 width: 135px; 
 background: transparent;
 position: absolute;
 z-index: 10000;
 top: 60px;
 padding-bottom: 6px;
 padding-left: 35px;
 background: transparent url(../images/bgMenu.gif) 0px 3px no-repeat;
}

#travelAgentZone {
 padding-top: 6px;
 float: left;
 width: 140px;
}

#menu ul {
 list-style: none;
 margin: 0;
 padding: 0;
 padding-bottom: 6px;
}

#menu a {
 font-family:Arial, Helvetica, sans-serif;
 font-size: 0.688em;
 display: block;
 margin: 0;
 height: 15px;
 padding: 2px 1px 2px 4px;
 color: #FFF;
 text-decoration: none;
}

#menu a:hover {
 color: #CCC;
}

#menu li {
 position: relative;
}

#menu ul ul { /* second level is hidden */
 position: absolute;
 top: 0;
 left: 101%;
 width: 100%;
 display: none;
 word-wrap: break-word;
}

div#menu ul li:hover ul /* second level displays */
{display: block;}

div#menu ul li:hover ul li a {
 background: #FFF;
 color:#000000;
}

div#menu ul li:hover ul li a:hover {
 background: #000;
 color:#FFF;
}

#menu ul li ul li ul li a {
 background: #FFF;
 color:#000000
}

#menu ul li ul li ul li a:hover {
 background: #FFF;
 color:#000000
}

#menu ul li:hover ul li ul { /* third level is hidden*/
 position: absolute;
 top: 0;
 left: 100%;
 width: 100%;
 display: none;
}

div#menu ul li ul li:hover ul { /* third level is displays */
 display: block;
}

#menu ul ul {
 width: 180px;
}

#menu ul li ul li:hover ul li ul { /* forth level is hidden*/
position: absolute;
top: 0;
left: 100%;
width: 100%;
display: none;
}

div#menu ul li ul li ul li:hover ul { /* forth level is displays */
display: block;
}