<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;}