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