/* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */
/* remove all list stylings */
.menu, .menu ul { margin: 0; padding: 0; border: 0; list-style-type: none; display: block; }
.menu li { margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; z-index: 5; }
.menu li:hover { z-index:10000; white-space:normal;}
.menu li li { float: none; }
.menu ul { visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0; }
.menu li:hover>ul { visibility:visible; top:100%;}
.menu li li:hover>ul { top:0; left:100%;}

/* -- float.clear -- force containment of floated LIs inside of UL */
.menu:after, .menu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; }
.menu, .menu ul { /* IE7 float clear: */ min-height: 0; }
/* -- float.clear.END --  */

/* -- sticky.submenu -- */
.menu ul { /*background-image: url(empty.gif);*/ padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px; /*background: #f00;*/ }
.menu ul ul { padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; }
/* -- sticky.submenu.END ----------------------------------------------------- */

/* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */
.menu, .menu ul li { background: transparent; }
.menu ul { width:11em; -moz-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.5); -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.5); box-shadow: 0 3px 5px 0 rgba(0,0,0,0.5); border-bottom:1px solid #4E4E4E; }
.menu a { color: #949494; text-decoration: none; padding: 0 5px 10px 5px; display: block; text-transform:uppercase; position: relative; font-family:arial; font-size:14px; }

.menu li.first a { padding: 0 6px 10px 0; }
.menu li li.first a { padding: 5px 6px 5px 9px; }
.menu li.last a { background: none; }

.menu a:hover, .menu li:hover>a { color: #4e4e4e;}
.menu li { height:1%; }
.menu ul, .menu li li { background: #fff;}
.menu li li a:hover, .menu li li:hover>a { background:#4E4E4E; color:#fff; }
.menu ul>li + li { border-top:0;}

.menu li li a { background:none; border: 0; font-size: 12px; padding: 5px 9px; text-transform: none; }
.menu li li:hover>ul { top: 0; left: 100%; }