Шаблон выпадающего меню

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
 
ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}
 
ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}
 
ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}
 
ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}
 
ul.dropdown ul li {
 float: none;
}
 
ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}
 
ul.dropdown li:hover > ul {
 visibility: visible;
}
 
/*************************************************************************************************************************/
 
ul.dropdown {
 background: transparent url(box1-bottom-left.png) 0 100% no-repeat;
 font: normal 14px/normal Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
 
    ul.dropdown li {
     padding: 5px 10px;
     background-color: #172322;
     color: #fff;
     line-height: 22px;
     white-space: nowrap;
    }
 
    ul.dropdown li.first {
     padding-left: 15px;
     background: transparent url(box1-bottom2.png) 0 100% no-repeat;
    }
 
    ul.dropdown li.last {
     padding-right: 15px;
     background: transparent url(box1-bottom2.png) 100% 100% no-repeat;
    }
 
    ul.dropdown li.hover,
    ul.dropdown li:hover {
     color: #b0d730;
    }
 
    ul.dropdown a:link,
    ul.dropdown a:visited   { color: #fff; text-decoration: none; }
    ul.dropdown a:hover     { color: #b0d730; }
    ul.dropdown a:active    { color: #0395cc; }
 
 
    /* -- level mark -- */
 
    ul.dropdown ul {
     left: -21px;
     width: 150px;
     padding: 0 16px;
     background: url(box1-top.png) 50% 0 no-repeat;
    }
 
    ul.dropdown li.last ul {
     left: auto;
     right: 16px;
    }
 
        ul.dropdown ul li {
         height: auto;
         padding: 5px 15px;
         line-height: 1.3em;
         white-space: normal;
        }
 
        ul.dropdown ul li.first {
         padding-left: 0;
         background: #172322;
        }
 
        ul.dropdown ul li.last {
         padding-bottom: 10px;
         background: transparent url(box1-bottom.png) 50% 100% no-repeat;
        }
 
        ul.dropdown ul li.first ul {
         top: 0;
         padding: 0 16px 0 0;
         background-image: url(box1-outwards-top-right.png);
        }
 
        ul.dropdown ul li.first li.first {
         background-image: none;
        }
 
        ul.dropdown ul li.last {
         padding-right: 0;
        }
 
        ul.dropdown ul li.last ul {
         left: 100%;
         right: auto;
         top: -16px;
        }
 
        /* -- level mark -- */
 
        ul.dropdown ul ul {
         top: -12px;
         left: 100%;
         padding: 16px 0 0;
         background: transparent url(box1-top-left.png) 0 0 no-repeat;
        }
 
            ul.dropdown ul ul li.first {
             padding-top: 10px;
             background: #172322 url(box1-top-right.png) 100% 0 no-repeat;
            }
 
/*-------------------------------------------------/
 * @section     Search Form
 */
 
ul.dropdown form * {
 display: inline;
 float: left;
}
 
ul.dropdown form label {
 display: none;
}
 
ul.dropdown form input.text {
 width: 173px;
 height: 22px;
 padding: 2px 25px 2px 5px;
 border-width: 0;
 background: transparent url(bg_search-field.png) 0 0 no-repeat;
 color: #969696;
 font: normal 14px/17px Tahoma, Verdana, Arial, Helvetica, sans-serif;
 vertical-align: middle;
}
 
ul.dropdown form input.text:focus {
 outline: none;
}
 
ul.dropdown form input.button {
 position: relative;
 margin: 4px 0 0 -20px;
}
 
 
/*-------------------------------------------------/
 * @section     Support Class `dir`
 */
 
 
ul.dropdown *.dir {
 padding-right: 20px;
 background-image: url(nav-arrow-down.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}
 
 
/* -- Components override -- */
 
ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(nav-arrow-right.png);
 background-position: 95% 50%;
 background-repeat: no-repeat;
}
 
/*************************************************************************************************************************/
 
 
/*-------------------------------------------------/
 * @section     Base Style Extension
 */
 
ul.dropdown li a {
 display: block;
 padding: 5px 10px;
}
 
 
/*-------------------------------------------------/
 * @section     Base Style Override
 */
 
ul.dropdown li, ul.dropdown ul li {
 padding: 0;
}
 
 
/*-------------------------------------------------/
 * @section     Base Style Reinitiate: post-override activities
 */
 
ul.dropdown li.dir {
 padding: 5px 20px 5px 10px;
}
 
ul.dropdown ul li.dir {
 padding: 5px 15px;
}
 
 
/*-------------------------------------------------/
 * @section     Custom
 */
 
ul.dropdown ul a {
 padding-left: 15px;
}
 
 
 
 
 
 
ul.dropdown li.hover *.open {
 color: #b0d730;
}
 
/* CSS2 clone */
 
ul.dropdown li:hover > *.dir {
 color: #b0d730;
}