#scrollbar { width: 100%; margin: 20px 0 10px; }
#scrollbar .viewport { width: 98%; height: 300px; overflow: hidden; position: relative; }
#scrollbar .overview { list-style: none; width: 3750px; padding: 0; margin: 0; position: absolute; left: 0; top: 0; }
#scrollbar .overview img{ float: none; display: inline; }
#scrollbar .scrollbar{ background: transparent url(/bitrix/templates/green/images/scroll.png) no-repeat 0 40%; position: relative; margin: 0 0 5px; clear: bot; height: 18px; }
#scrollbar .track { background: transparent url(/bitrix/templates/green/images/scroll.png) no-repeat 100% 40%; width: 100%; height:18px; position: relative; }
#scrollbar .thumb { background: transparent url(/bitrix/templates/green/images/linescroll.png) no-repeat 100% 50%; height: 25px; cursor: pointer; overflow: hidden; position: absolute; left: 0; top: -5px; }
#scrollbar .thumb .end{ background: transparent url(/bitrix/templates/green/images/linescroll.png) no-repeat 0 50%; overflow: hidden; height: 25px; width: 5px;}
#scrollbar .disable { display: none; }