ul.dropdown,ul.dropdown li,ul.dropdown ul { list-style:none; margin:0; padding:0; }
ul.dropdown { position:relative; z-index:20; float:left; }
ul.dropdown li { float:left; line-height:1.4em; vertical-align:middle; zoom:1; padding:11px 15px; background-color:#767676; color:#fff; }
ul.dropdown li.hover,ul.dropdown li:hover { position:relative; z-index:22; cursor:default; background-color:#333; color:#fff; }
ul.dropdown ul { visibility:hidden; position:absolute; top:100%; left:-5px; z-index:21; width:100%; width:200px; margin-top:0; background-color:#333; border:5px solid #efefef; border-top:0; }
ul.dropdown ul li { float:none; border-bottom:1px solid #efefef; font-weight:normal; background:none; padding:0; }
ul.dropdown ul ul { top:-5px; left:100%; }
ul.dropdown li:hover > ul { visibility:visible; }
ul.dropdown li.rtl ul { top:100%; right:0; left:auto; }
ul.dropdown li.rtl ul ul { top:1px; right:99%; left:auto; }





/* Default - Start */
/* ul.dropdown li { padding:10px 15px; background-color:#767676; color:#fff; } */
/* ul.dropdown li.hover,ul.dropdown li:hover { background-color:#333; color:#fff; } */
ul.dropdown ul li.hover,ul.dropdown ul li:hover { background-color:#666; }
ul.dropdown a:link,ul.dropdown a:visited { color:#fff; text-decoration:none; }
ul.dropdown a:hover { color:#fff; }
ul.dropdown a:active { }

/* -- level mark -- */
/* ul.dropdown ul { width:200px; margin-top:0; background-color:#333; border:5px solid #efefef; border-top:0; } */
/* ul.dropdown ul li { border-bottom:1px solid #efefef; font-weight:normal; background:none; padding:0; } */
ul.dropdown ul li a { display:block; padding:8px 10px; }
ul.dropdown ul ul li { border-top:5px solid #efefef; }

/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */
ul.dropdown .dir { padding-right:20px; background-image:url(../images/dd-img/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(../images/dd-img/nav-arrow-right.png); background-position:100% 50%; background-repeat:no-repeat; }
ul.dropdown-upward .dir { background-image:url(../images/dd-img/nav-arrow-top.png); }
ul.dropdown-vertical .dir,ul.dropdown-upward ul .dir { background-image:url(../images/dd-img/dd-img/nav-arrow-right.png); }
ul.dropdown-vertical-rtl .dir { padding-right:10px; padding-left:15px; background-image:url(../images/dd-img/nav-arrow-left.png); background-position:0 50%; }