/* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */
.menu, .menu ul {margin: 16px 0px 0px 0px;padding: 0;list-style-type: none;display: block;}
.menu li {margin: 0;padding: 0;display: block;float: left;position: relative;z-index: 5;}
.menu li:hover {z-index: 10000;white-space: normal;}
.menu li li {float: none;border-left: solid 1px #666;border-right: solid 1px #666;}
.menu ul {visibility: hidden;position: absolute;z-index: 10;left: 164px;top: 0;}
.menu li:hover>ul {visibility: visible;top: 100%;}
.menu li li:hover>ul {top: 0;left: 100%;}
.menu:after, .menu ul:after {content: ".";height: 0;display: block;visibility: hidden;overflow: hidden;clear: both;}
.menu, .menu ul {min-height: 0;}

/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {background-image: url(/images/empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 0px 0px 0px 0px;
	margin: -39px 0 0 0px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
.menu ul ul {
	padding: 0px 0px 0px 0px;
	margin: -20px 0 0 10px;
}
/* -- sticky.submenu.END -- */
/* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */
.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}

/* - - - ADxMenu: IE6 BASIC styles [MANDATORY] - - - */
.menu, .menu ul {zoom: 1;}
.menu li.adxmhover {z-index: 10000;}
.menu .adxmhoverUL {visibility: visible;}
.menu .adxmhoverUL {top: 100%;left: 164px;}
.menu .adxmhoverUL .adxmhoverUL {top: 0;left: 100%;}

/* - - - ADxMenu: DESIGN styles - - - */

.menu .adxmhoverUL .adxmhoverUL {top: 5px;left: 90%;}