/*              +---------------------------------------> Menu bar
 *              |   +-----------------------------------> Item in menu bar
 *              |   |         +-------------------------> Wrapper to make IE7 display the drop box BELOW the menu item
 *              |   |         |   +---------------------> Sub menu
 *              |   |         |   |   +-----------------> Item in sub menu
 *              |   |         |   |   |         +-------> I don't really need this one, but it is here for concistency
 *              |   |         |   |   |         |   +---> Sub-sub menu
 *              |   |         |   |   |         |   |
 *              ul  li        div ul  li        div ul  */
.menubar-engine ul                                      { padding: 0px; margin: 0px; }
.menubar-engine     li                                  { float: left; display: inline; list-style: none outside none; }
.menubar-engine ul            div                       { position: relative; } /* For IE7 not to extend the width to the full document width */
.menubar-engine ul                ul                    { position: absolute; visibility: hidden; }
.menubar-engine     li                li                { float: none; display: block; }
.menubar-engine     li:hover      ul                    { visibility: visible; }
.menubar-engine     li                li        div     { float: right; top: -1.25em; }
.menubar-engine     li                li            ul  { visibility: hidden !important; }
.menubar-engine     li                li:hover      ul  { visibility: visible !important; }

.menubar-engine a                                       { display: block; }