/*----------------------------------------------------------------------------------------------------
	Menu
----------------------------------------------------------------------------------------------------*/

.menu{
	background:none repeat scroll 0 0 #FFFFFF;
	clear:both;
	border:medium none;
	list-style:none outside none;
	margin:0;
	outline:medium none;
	padding:10px 0px 0px;
}

*+html .menu{
	width: 974px;
}

.menuList{
  padding-left:0px;
	height:35px;
	vertical-align:middle;
	background:transparent url("/Xcelerate/graphics/vila/bgMenu.png") repeat-x top left;	
	margin:0px 9px 0px 14px;
}
.menuList li{
	list-style:none outside none;
}
.menuList a{
	text-decoration:none;
}
.menuLeft{
	float:left;
	width:9px;
	height:35px;
	line-height:35px;
	vertical-align:middle;
	background:#FFFFFF url("/Xcelerate/graphics/EPSI/bgMenu2_degr.png") repeat-y top left;
	margin-right:5px;
	cursor:pointer;
}

.menuLeftActive{
	float:left;
	width:9px;
	height:35px;
	line-height:35px;
	vertical-align:middle;
	background:#5794a6 url("/Xcelerate/graphics/EPSI/bgMenu2Hover_turq.png") repeat-y top left;
	margin-right:5px;
	cursor:pointer;
}

.menuRight{
	float:right;
	width:9px;
	height:35px;
	line-height:35px;
	vertical-align:middle;
	background:#FFFFFF url("/Xcelerate/graphics/EPSI/bgMenu2_degr.png") no-repeat top right;
}

.menuItem{
	float:left;
	/*border-right:1px solid #FFFFFF;*/
	height:30px;
	font-family:verdana;
	font-size:x-small;
	*cursor: pointer !important;
}

.menuItem .menuFirst{
	border-left: none !important;
}

.menuItem .menuFirst .menuArrow {
	*padding-left: 24px;
}
.menuLink{
	color:#FFFFFF;
	font-weight:bold;
	font-size:1em;
	float:left;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	padding:0px 20px 0px 22px;	
	/*min-width:120px;*/
	min-width:100px;
	border-left:1px solid #FFFFFF;
	*cursor: pointer !important;
}

.menuLink:hover{
	text-decoration:none;
	background:#5794a6 url("/Xcelerate/graphics/EPSI/bgMenuHover_turq.png") repeat-x top left;
}

.menuLinkActive{
	color:#FFFFFF;
	font-weight:bold;
	font-size:1em;
	float:left;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	padding:0px 20px 0px 22px;	
	min-width:100px;
	border-left:1px solid #FFFFFF;
	background:#5794a6 url("/Xcelerate/graphics/EPSI/bgMenuHover_turq.png") repeat-x top left;
}

.menuLinkActive:hover{
	text-decoration:none;
}

.menuLink:hover .menuLeft{
	background:#5794a6 url("/Xcelerate/graphics/EPSI/bgMenu2Hover_turq.png") repeat-y top left;
}

.menuArrow{
	display:block;
	font-family: Verdana;
	font-size: 12px;
	/*min-width:120px;*/
	height:30px;
	line-height:30px;
	text-align:center;
	min-width:100px;
}

.menuFirst{
	padding-left:0px;
	min-width:160px;
/*Added*/
padding-right:19px;
}


/*Menu 01*/
.menuList table {}
.menuList a:hover {visibility:visible; position:relative; z-index:200;}
.menuList ul li a:hover{height:auto !important;}
.menuList li:hover {position:relative; z-index:200;}
.menuList ul, .menuList iframe {position:absolute; left:-9999px; top:-9999px;}
.menuList ul.submenu{width:168px !important; padding-left:0px;}
.menuList ul.submenu li a{background:url("/Xcelerate/graphics/vila/bgArrowGrey.png") no-repeat scroll right center transparent;line-height:16px !important;}

.menuList ul.submenu01 {width:160px;}
.menuList ul.submenu02 {width:110px;}
.menuList ul.submenu03 {width:90px;}
.menuList ul.submenu04 {width:112px;}
.menuList :hover iframe.one {left:0; top:30px; width:168px; height:20px;}
.menuList :hover iframe.two {left:0; top:30px; width:168px; height:20px;}
.menuList :hover ul {left:0; top:30px;  z-index:300;background:#CCC;float:left;*left:-40px;}
.menuList :hover ul li {display:block; width:168px;border-bottom:1px solid #A3A3A3;border-top:1px solid #FFFFFF;background:#e8e8e8;float:left;}
.menuList :hover ul li.firstSubmenu{background:#e8e8e8 url(/Xcelerate/graphics/vila/bgShadowMenu.png) repeat-x scroll top left;border-top:none;}
.menuList :hover ul li a {display:block; width:155px;padding:5px 35px 5px 20px;color:#transparent;font-size:1em;background-position:143px;color:#111111;width:auto;}
.menuList :hover ul li a.selected {font-weight:bold;}
.menuList :hover ul li a:hover {background:url("/Xcelerate/graphics/vila/bgArrow.png") no-repeat right center #5794a6;text-decoration:none;font-family: verdana;font-size: x-small;color:#FFFFFF;background-position:143px;width:113px;font-weight:bold;float:left;}
.menuList :hover ul li.firstSubmenu a:hover {background:url("/Xcelerate/graphics/vila/bgArrow.png") no-repeat right center #5794a6; font-weight:bold;text-decoration:none;font-size:x-small;font-family:verdana;color:#FFFFFF;background-position:143px;width:113px;float:left;}
