/* --------------  DROP DOWN (vertical) ------------- */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 float: left;
 width:auto;
 margin-top:100px;
 z-index: 20;
 font-family: "Tahoma", Geneva, sans-serif;
 font-weight: bold;
}

ul.dropdown a:link,
ul.dropdown a:visited	{ color: #333; text-decoration: none; }
ul.dropdown a:hover		{ color: #333; }
ul.dropdown a:active	{ color: #333; }

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 200px;
 margin-top: 1px;
 font-size:11px;
}

ul.dropdown li {
 float: left;
 width:auto;
 line-height: 1.3em;
 vertical-align: middle;
 padding: 7px 10px;
 border-style: solid;
 border-width: 1px 1px 1px 0;
 border-color: #fff #ccc #ccc;
 background-color: #f6f6f6;
 color: #333;
 /*zoom: 1;*/
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 20;
 cursor: default;
 background-color: #eee;
 color: #333;
 border-color: #999; 
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown ul li {
 float: none;
 width:auto;
 font-weight: normal;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown-vertical {
 width: 225px;
}

ul.dropdown-vertical ul {
 top: 1px;
 left: 99%;
}

ul.dropdown-vertical li {
 float: none;
 width:auto;
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(../img/web/right1.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}