ul.dropdown,ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0; } 
ul.dropdown { position: relative; z-index: 597; float: left; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } 
ul.dropdown li { float: left; vertical-align: middle; padding: 10px 12px; background-color: #437183; color: #ffffff; border-right: 1px solid #ffffff; } 
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; background-color: #224553; color: #ffcc00; } 
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; width: 150px; }
ul.dropdown ul #xl { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; width: 150px; background: #ff0000; }
ul.dropdown ul li { float: none; font-weight: normal; border-top: 1px solid #ffffff; } 
ul.dropdown ul ul { top: 1px; left: 99%; } 
ul.dropdown li:hover > ul { visibility: visible; }

ul.dropdown a:link, ul.dropdown a:visited { color: #ffffff; text-decoration: none; } 
ul.dropdown a:hover { color: #ffcc00; } 
ul.dropdown a:active { color: #ffa500; } 
ul.dropdown *.dir { padding-right: 20px; background-image: url(images/nav-arrow-down.png); background-position: 100% 50%; background-repeat: no-repeat; } 
ul.dropdown-horizontal ul *.dir { padding-right: 15px; background-image: url(images/nav-arrow-right.png); background-position: 100% 50%; background-repeat: no-repeat; }

/*limited */
* html ul.dropdown li { height: 1px; } 
ul.dropdown ul li,ul.dropdown-vertical { margin-left: -16px; mar\gin-left: 0; } 
ul.dropdown ul,ul.dropdown li:hover ul ul,ul.dropdown li:hover ul ul ul,ul.dropdown li:hover ul ul ul ul,ul.dropdown li:hover ul ul ul ul ul { visibility: hidden; } 
ul.dropdown li:hover ul,ul.dropdown ul li:hover ul,ul.dropdown ul ul li:hover ul,ul.dropdown ul ul ul li:hover ul,ul.dropdown ul ul ul ul li:hover ul { visibility: visible; } 
ul.dropdown ul ul ul ul ul ul { visibility: hidden !important; }