﻿.flyout li, .flyout ul
{
	xborder:solid red 1px;
	cursor:pointer;

}

.flyout 
{
	width:200px;
	position:relative; 
	margin:0; 
	font-size:11px;
}

.flyout a
{
	width:200px;
	display:inline-block; 
	text-decoration:none; 
	color:#fff; 
}

.flyout ul
{
	list-style-type: none; 	
}

.flyout ul.l1 
{
	padding:0; 
	margin:0 0 20px 0;
	text-transform:uppercase;
}

.flyout ul.l1 li 
{	width:230px;
	position:relative;
}

.flyout ul.l1 li:hover
{	width:230px;
	position:relative;
}

.flyout ul.l1 li ul.l2 
{
	display: none;
	padding:20px 20px 40px 55px;
	background:url(../../../webroot/_design/submenuBg.png);
	position:absolute; 
	top:-25px; 
	right:-250px; 
	width:205px;
	text-transform:none;
}

.flyout ul.l1 li a 
{
	padding:4px 0;
	line-height:17px;
	font-size:12px;
	font-family:"Arial", Gadget, sans-serif;
	font-weight:bold;
}

.flyout ul.l1 li:hover a 
{
	padding-left:4px;
	color:#ee7223;
	background:url(../../../webroot/_design/menubg.png);
}

.flyout ul.l1 li:hover ul.l2
{
	display:inline-block;
}

.flyout ul.l1 li:hover ul.l2 li
{
	height:auto;
	display:inline-block;
}

.flyout ul.l1 li:hover ul.l2 li a 
{
	padding:0;
	font-family:arial;
	font-weight:bold;
	line-height:20px;
	display:inline-block;
	color:#fff; 
	background-image:none;
}

.flyout ul.l1 li ul.l2 li:hover a 
{
	line-height:20px;
	display:inline-block;
	color:#fff;
	background:url(../../../webroot/_design/menubg.png);
}

.flyout ul.l1 li ul.l2 li ul.l3
{
	padding:0;
	background:url();
	position:relative; 
	top:0px; 
	left:0px;
	text-transform:none;
	height:auto;
	margin:0 0 10px 0;
}

.flyout ul.l1 li ul.l2 li ul.l3 a
{
	background-image:none;
	font-weight:normal;
	font-size:11px;
}

.flyout ul.l1 li ul.l2 li ul.l3 li:hover a
{
	text-decoration:underline;
}