@charset "utf-8";



/* classes for flyout menu starts here */
.flyout {
	font-size: 16px;
	font-weight:normal;
	z-index: 100;
	width: 90px;
	position: relative;
	height: 34px;
	float:left;
}
.flyout ul {	margin:0; padding:0; list-style-type: none; }
.flyout li {
	float: left;
	width: 90px;
	position: relative;
	text-align:center;
}
.flyout a {
	display: block;
	text-align:center;
	font-size: 16px;
	width: 90px;
	color:#555555;
	line-height: 34px;
	height: 34px;
	text-decoration: none;
	text-align:center;
	border-left:1px solid #f0f0f0;
	background:url(../images/arrow-down.gif) no-repeat right top;
}
.flyout a:visited {
	display: block;
	font-size: 16px;
	width: 90px;
	color:#555555;
	line-height:34px;
	height: 34px;
	text-decoration: none;
}
.flyout a:hover {		background:#e0e0e0 url(../images/sep.gif) no-repeat right top;  color: #000000; font-weight:normal; }
.flyout ul ul {
	left: 0px;
	visibility: hidden;
	width: 90px;
	position: absolute;
	z-index: 150;
	top: 34px;
	height: 0px;
}
 html .flyout ul ul {	top: 34px; left:0px; }
.flyout table {	left: 0px; position: absolute; top: 0px; border-collapse: collapse; }

.flyout ul li.bottom {height:0px; font-size:0; background:#e0e0e0; width:168px; border-top:1px solid #f0f0f0; }
.flyout li li { background-image:none; width:132px; }

/* for drop downs starts */
.flyout ul ul a, .flyout ul ul a:visited {padding:0 8px; background:#e0e0e0; width: 150px; color: #000000; line-height:24px; height: 24px; text-align:left; font-size: 14px; font-weight:normal; text-transform:none; border-left:1px solid #f0f0f0;  border-right:1px solid #f0f0f0; text-decoration: none;}
.flyout ul ul a:hover {	background:#f6f6f6; color:#000000;  font-weight:normal; text-decoration: none;}
/* for drop downs ends */

.flyout ul li:hover ul {	visibility: visible }
.flyout ul a:hover ul {	visibility: visible }
.flyout :hover > a {	background:#e0e0e0 url(../images/sep.gif) no-repeat right top;;  color:#000000; font-weight:normal;}
/* classes for flyout menu ends here */