/* Flyout Menu | PayneLess Designs.com | 8 June 2010 | All Rights Reserved */

.fly-out_menu {
/* position: relative; */
/* margin: 50px 0; */
width: 106px; 
height: 150px;
margin: 0 auto;
margin-top: 6%;
font-family: arial, sans-serif; 
font-size: 11px; 
}

.fly-out_menu ul li a, .menu ul li a:visited { /* 1st Level */
width: 104px;
height: 20px;
display: block; 
text-decoration: none; 
/* color: #000; */ 
text-align: center; 
border: 1px solid #fff;
/* border-width:1px 1px 0 0; */
/* background: #039; */
background: #00f;
color: #fff; 
line-height: 19px; 
font-size: 11px;
}

.fly-out_menu ul {
list-style-type: none;
padding: 0; 
margin: 0;
}

.fly-out_menu ul li {
float: left; 
margin-right: 1px; 
position: relative;
}

.fly-out_menu ul li ul { display: none; }

.fly-out_menu ul li:hover a { /* 1st Level */ 
color: #000; 
/* background:#000; */
background: #ff0;
}

.fly-out_menu ul li:hover ul { /* 1st Level */
width: 105px;
display: block; 
position: absolute; 
top: 0;
left: 105px; 
}

.fly-out_menu ul li:hover ul li a.hide {
/* background: #ccc; */
background: #000;
/* color: #000; */
color: #0f0;
}

.fly-out_menu ul li:hover ul li:hover a.hide { width: 150px; }

.fly-out_menu ul li:hover ul li ul { display: none; }

.fly-out_menu ul li:hover ul li a { /* 2nd Level */
width: 150px;
display: block; 
/* background: #ccc; */
background: #000;
/* color: #000; */
color: #0f0;
}

.fly-out_menu ul li:hover ul li a:hover { /* 2nd Level */ 
background: #f00; 
color:#fff;
}

.fly-out_menu ul li:hover ul li:hover ul { /* 3rd Level */
display: block; 
position: absolute; 
left: 151px; 
top: 0; 
color: #000;
}

.fly-out_menu ul li:hover ul li:hover ul li a { /* 3rd Level */
width: 200px;
display: block;  
background: #dfc184; 
color: #000;
}

.fly-out_menu ul li:hover ul li:hover ul li a:hover { /* 3rd Level */
background: #bd8d5e;
color: #fff;
}