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

#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;
}
.vi-dark .cats-select-btn {
     color: #ccc;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
     background-color: #414141;
     background-image: -ms-linear-gradient(top,#555,#222);
     background-image: -webkit-gradient(linear,0 0,0 100%,from(#555),to(#222));
     background-image: -webkit-linear-gradient(top,#555,#222);
     background-image: -o-linear-gradient(top,#555,#222);
     background-image: -moz-linear-gradient(top,#555,#222);
     background-image: linear-gradient(top,#555,#222);
     background-repeat: repeat-x;
     border-color: #222 #222 black;
     border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
     filter: progid:dximagetransform.microsoft.gradient(startColorstr='#555555',endColorstr='#222222',GradientType=0);
     filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.vi-dark .cats-select-btn:hover {
     background-color: #222;
     color: #ccc;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.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);
}
.vi-dark #cats-select.open .cats-select-btn {
     background-color: #222;
}
.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);
}
.vi-dark .btn-arrow {
     border-top-color: white;
     border-bottom-color: white;
     opacity: 0.75;
     filter: alpha(opacity=75);
}
.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;}

/*-------*/