/* CSSTerm.com Flyout CSS menu */

#flyout_menu {
	font-weight: 600;
	width: 200px; }

#flyout_menu ul, li {
  list-style: none;
  margin: 0;
  padding: 0; 
}

#flyout_menu ul li.hover,
#flyout_menu ul li:hover { position: relative; z-index: 599; }

#flyout_menu ul ul{
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
}

#flyout_menu ul li:hover > ul { visibility: visible; }

#flyout_menu ul ul { top: 0; left: 100%; margin-left:0px; }

#flyout_menu span, #flyout_menu a {
	display: inline-block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none; 
	
	}

#flyout_menu li { background: #726e6e;  margin-bottom:2px;
-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;}
	
#flyout_menu li:hover, #flyout_menu li.active { background: #f1008f;  }

#flyout_menu a {
    color: #ffffff;
    line-height: 160%;
    padding: 6px 8px 6px 28px;
    width: 164px; }

#flyout_menu ul ul li {
	background: #5b5b5b;
	border-bottom: 0px solid #404040;
	 margin-bottom:0px;
	 }

#flyout_menu ul ul li:hover { background: #f1008f;  }
