<li style="overflow: hidden;">
$CAT_FL$
</li>

<li>$CAT_FL$</li>

/*-------------------------*/

#cats-select {
               display: inline-block;
               *width: 300px;
               position: relative;
               z-index: 99;
               font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
               font-size: 13px;
               line-height: 18px;
               color: #333;
}
#cats-select:before, #cats-select:after {display: table;content: "";}#cats-select:after {clear: both;}
.cats-select-btn {
               position: relative;
               display: inline-block;
               vertical-align: middle;
               float: left;
               width: 300px;
               margin-left: -1px;
               margin-bottom: 0;
               padding: 4px 10px 4px;
               font-size: 13px;
               line-height: 18px;
               color: #333;
               text-align: left;
               text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
               cursor: pointer;
               background-color: whiteSmoke;
               background-image: -ms-linear-gradient(top,white,#E6E6E6);
               background-image: -webkit-gradient(linear,0 0,0 100%,from(white),to(#E6E6E6));
               background-image: -webkit-linear-gradient(top,white,#E6E6E6);
               background-image: -o-linear-gradient(top,white,#E6E6E6);
               background-image: linear-gradient(top,white,#E6E6E6);
               background-image: -moz-linear-gradient(top,white,#E6E6E6);
               background-repeat: repeat-x;
               border: 1px solid #CCC;
               border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
               border-color: #E6E6E6 #E6E6E6 #BFBFBF;
               border-bottom-color: #B3B3B3;
               -webkit-border-radius: 4px;
               -moz-border-radius: 4px;
               border-radius: 4px;
               filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff',endColorstr='#e6e6e6',GradientType=0);
               filter: progid:dximagetransform.microsoft.gradient(enabled=false);
               -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
               -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
               box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
}
.cats-select-btn:hover {
               color: #333;
               text-decoration: none;
               background-color: #E6E6E6;
               background-position: 0 -15px;
               -webkit-transition: background-position 0.1s linear;
               -moz-transition: background-position 0.1s linear;
               -ms-transition: background-position 0.1s linear;
               -o-transition: background-position 0.1s linear;
               transition: background-position 0.1s linear;
}
.btn-title {display: block;overflow-x: hidden;text-overflow: ellipsis;white-space: nowrap;_width: 100%;}
#cats-select.open .cats-select-btn {
               background-color: #E6E6E6;
               background-image: none;
               -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);
               -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
               box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-arrow {
               margin: 7px 0 0 7px;
               display: inline-block;
               vertical-align: top;
               float: right;
               width: 0;
               height: 0;
               border-top: 4px solid black;
               border-right: 4px solid transparent;
               border-left: 4px solid transparent;
               content: "";
               opacity: 0.3;
               filter: alpha(opacity=30);
}
.cats-select-btn:hover .btn-arrow, #cats-select.open .btn-arrow {
               opacity: 1;
               filter: alpha(opacity=100);
}

.dropdown-cats {
               position: absolute;
               z-index: 100;
               top: 100%;
               left: 0;
               right: 0;
               margin: 1px 0 0;
               display: none;
               float: left;
               min-width: 160px;
               max-height: 250px;
               height: expression(this.scrollHeight > 250 ? "250px" : "auto");
               overflow: auto;
               border: 1px solid #CCC;
               border: 1px solid rgba(0, 0, 0, 0.2);
               background-color: white;
               -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
               -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
               box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
               -webkit-background-clip: padding-box;
               -moz-background-clip: padding;
               background-clip: padding-box;
}
.open .dropdown-cats {display: block;}
.dropdown-cats .dropdown-cats-ul {padding: 4px 0;background-color: white;margin: 0 !important;list-style: none !important;}
.dropdown-cats-ul ul {padding: 0 !important;margin: 0 !important;list-style: none !important;}
.dropdown-cats-ul li {line-height: 18px;margin: 0; _height: 24px;}

/*.dropdown-cats-ul li li a {padding-left: 22px;}
.dropdown-cats-ul li li li a {padding-left: 42px;}
.dropdown-cats-ul li li li li a {padding-left: 62px;}
*/
.dropdown-cats-ul .subcat {display: inline-block;background: url(/.s/img/vi/arrow.png) no-repeat left 5px;width: 17px; height: 13px;}
.dropdown-cats-ul .divider {height: 1px;margin: 8px 1px;overflow: hidden;background-color: #E5E5E5;border-bottom: 1px solid white;}
.dropdown-cats-ul a {
               display: block;
               position: relative;
               padding: 3px 45px 3px 22px;
               clear: both;
               font-weight: normal;
               font-size: 12px;
               line-height: 18px;
               color: #333;
               text-decoration: none;
               white-space: nowrap;
               overflow-x: hidden;
               -webkit-text-overflow: ellipsis;
               -moz-text-overflow: ellipsis;
               -o-text-overflow: ellipsis;
               text-overflow: ellipsis;
               background: url(/.s/img/vi/cats-tick.png) no-repeat 4px 6px;
               outline: none;
}
.dropdown-cats-ul a:active {color: #333;text-decoration: none;}
.dropdown-cats-ul a.checked {background-position: 4px -49px;}
.dropdown-cats-ul a:hover, .dropdown-cats-ul a:hover:active {color: white;text-decoration: none;background-color: #0088cc;}
.dropdown-cats-ul a.disabled {color: #333 !important;cursor: default;background-color: transparent !important;opacity: 0.4;filter: alpha(opacity=40);}
.dropdown-cats-ul a span {cursor: pointer;}
span.unseen {position:absolute;width: 16px;height: 14px;right: 4px; top: 5px;background: url(/.s/img/vi/unseen.png) no-repeat;}

/*-------*/

#cats-select, .dropdown-cats {_width: 300px;}
.cats-select-btn {_height: 28px;}
.dropdown-cats-ul a {_width: 100%;_zoom: 1;}