#flyout {float:left; padding:0; margin:2px 0 0 0; list-style:none; width:140px;  position: absolute}
#flyout ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px;}
#flyout table {border-collapse:collapse; margin:-1px -10px;}

#flyout li {float:left;width:140px; height:24px; border-bottom:1px solid #ccc;}

#flyout li a {display:block; width:109px; height:24px; color:#055ba8; font-family:arial, sans-serif; font-size:12px; line-height:23px; text-decoration:none; padding-left:38px;}
#flyout li#Tryit a {background:#fdfdfd url(images/menubg.png) no-repeat 5px center;}
#flyout li#GetCertified a {background:#fdfdfd url(images/menubg.png) no-repeat 5px center;}
#flyout li a.fly {background:#fdfdfd url(images/menubg.png) no-repeat 5px center;}
#flyout li a.fly b {display:block; width:109px; height:24px; background:url(images/arrow.png) no-repeat right center; cursor:pointer;}

#flyout li#Diving a {background:#fdfdfd url(images/menubg.png) no-repeat 5px center;}
#flyout li#ProCourses a {background:#fdfdfd url(images/menubg.png) no-repeat 5px center;}
#flyout li#DivingCenter a {background:#fdfdfd url(images/menubg.png) no-repeat 5px center;}
#flyout li#Liveaboard a {background:#fdfdfd url(images/menubg.png) no-repeat 5px center;}
#flyout li#Prices a {background:#fdfdfd url(images/menubg.png) no-repeat 5px center;}
#flyout li#DivingSites a {background:#fdfdfd url(images/menubg.png) no-repeat 5px center;}
#flyout li#BookingForm a {background:#fdfdfd url(images/menubg.png) no-repeat 5px center;}

#flyout li:hover {position:relative;}
#flyout li a:hover {white-space:nowrap; color:#999; position:relative;}
#flyout li:hover > a {color:#999;}

#flyout li a.fly:hover {background:#fdfdfd url(images/menubg.png) no-repeat 5px center;}
#flyout li:hover > a.fly {background:#fdfdfd url(images/menubg.png) no-repeat 5px center;}

#flyout :hover ul {left:140px; top:12px; width:220px; height:auto;}
#flyout :hover ul li {width:220px;background:#fdf;border-bottom:1px solid #ccc;}
#flyout :hover ul ul {left:-9999px;}

#flyout :hover ul :hover ul {left:130px; top:-1px;}
#flyout :hover ul li a {background:#fdfdfd url(images/menubg.png) no-repeat 5px center; width:220px; border-bottom:1px solid #ccc;}
#flyout :hover ul li a b {width:119px; background:none;}
#flyout :hover ul li a.fly {background:#fdfdfd url(images/menubg.png) no-repeat 5px center;}
#flyout :hover ul li a.fly b {background:url(images/arrow.png) no-repeat right center;}
#flyout :hover ul li a:hover.fly {background:#fdfdfd url(images/menubg.png) no-repeat 5px center;}
#flyout :hover ul :hover > a.fly {background:#fdfdfd url(images/menubg.png) no-repeat 5px center;}