.selectArea, .center_a, .selectArea .left, .scrollbar-up, .scrollbar-down, .scrollbar-handle {
background: url(../images/select.gif) no-repeat;
}
.selectArea {
width:172px;
height:29px !important;
background-position: 0 -29px; /* 2xh */
background-repeat: repeat-x;
position: relative;
float:left
}
.selectArea input {
color: #4e4e4e !important;
font-size: 11px !important; /* ! */
border: none !important;
background: none !important;
position: absolute;
top: 7px;
left: 5px;
width: 140px !important;
height: 11px !important;
line-height:11px;
font-family: Tahoma;
padding: 0 0 0 7px !important;
cursor: pointer;
height: auto !important;
}
.center_a {
background-position: right -171px;
cursor: pointer;
height: 100%;
position: absolute;
top: 0;
right: 0;
width: 100% !important;
_behavior:url("js/ie6hover.htc")
}
.center_a:hover, .center_a.hover {background-position: right -58px}
* html .center_a {
right: -1px;
overflow: hidden;
}
.selectArea .left {
width:2px;
background-position: 0 0;
left: 0;
height: 100%;
float:left;
overflow: hidden;
position: relative;
}
.selectArea .optionsDivInvisible, .selectArea .optionsDivVisible {
border-bottom: 1px solid #bdbcbd;
background: #fff !important;
top: 29px !important; /* h */
position:absolute !important;
margin: 0 !important;
z-index:200;
text-align: left;
left: 0 !important;
width: 100% !important;
overflow: hidden;
}
.selectArea .optionsDivInvisible {display:block; background:#fff url(../images/select2.png) 100% 0 no-repeat !important}
.selectArea .optionsDivInvisible span {
padding: 4px 0 4px 10px !important;
border-left: 1px solid #bdbcbd !important;
border-right: 1px solid #bdbcbd !important;
color: #5191c6 !important;
font-size: 12px !important; /* ! */
display: block;
line-height:1.1em
cursor: pointer;
margin:0 !important;
float: none !important;
background: none;
cursor:pointer
}
.selectArea .scrollbar-container span {
margin-left: -5px !important;
}
.selectArea .optionsDivInvisible span:hover {
background: #d6e0e8;
}
.selectArea .optionsDivInvisible span.over {
background: #d6e0e8;
}
.scrollbar-container {
height: 200px; /* Высота розгортки (должна быть кратна высоте сторчки в розготке) */
margin: 0 !important;
padding: 0 !important;
overflow: hidden;
position: relative !important;
border-left: 1px solid #bdbcbd !important;
border-right: 1px solid #bdbcbd !important;
display: block !important;
float: none !important;
clear: none !important;
width: auto !important;
background:url(../images/select3.png) 100% 100% no-repeat !important;
}
* html .scrollbar-container {
width: 100% !important;
}
.scrollbar-up, .scrollbar-down {
width: 15px;
height: 18px;
overflow: hidden;
position: absolute !important;
top: 0;
right: 0;
left: auto;
cursor: pointer;
z-index: 40;
 /*background-position: -11px -100px; стрелочка вверх */
margin: 0 !important;
padding: 0 !important;
}
.scrollbar-up {background:none  !important;}
.scrollbar-down {
background:none  !important;
top: auto;
bottom: 0;
 /*background-position: -11px -87px; /* стрелочка вниз */
}
.scrollbar-track {
height: 163px; /* Высота розгортки-выосты кнопок вниз/вверх */
width: 15px;
position: absolute !important;
top: 18px;
right: 0;
z-index: 30;
margin: 0 !important;
padding: 0 !important;
}
* html .scrollbar-track, * html .scrollbar-up, * html .scrollbar-down {
right: 0px;
}
.scrollbar-handle {
cursor: pointer;
position: absolute !important;
right: 0;
top: 0;
width: 15px; /* размер лифта */
height: 44px; /* размер лифта */
overflow: hidden;
margin: 0 !important;
background-position: -11px -113px; /* позицыя лифта */
display: block;
}
.container2 {
height: 100px;
width: 100% !important;
clear: none !important;
position: static !important;
margin: 0 !important;
padding: 0 !important;
}
.scroller-container {
top: 0;
left: 0;
z-index: 20;
position: absolute !important;
width: 1000px !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
}
.selectArea .optionsDivInvisible .scroller-container span {
border: none !important;
width:150px}