/* scrollbar search catalog - catalog list */

#scrollbar1 { position: absolute; top: 0px; right: 0px; width: 765px; clear: both; margin-top: 0px;}
#scrollbar1 .viewport { width: 740px; height: 800px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }

#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #E1E1E1;}
#scrollbar1 .scrollbar { background: transparent url(images/bg-scrollbar-track-y.png) repeat-y 0 0; position: relative; background-position: 5px 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url(images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; margin-left: 5px; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0px; left: -11px; }
#scrollbar1 .thumb .end { background: transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable{ display: none; }

/* scrollbar brand catalog - fineness box */

#scrollbar2 { position: absolute; top: 0px; right: 0px; width: 480px; clear: both;}
#scrollbar2 .viewport { width: 480px; height: 350px; overflow: hidden; position: absolute; }
#scrollbar2 .overview { list-style: none; position: absolute; left: -275px; top: 0; }

#scrollbar2 .thumb .end,
#scrollbar2 .thumb { background-color: #E1E1E1; z-index: 4;}
#scrollbar2 .scrollbar { background: transparent url(images/bg-scrollbar-track-y.png) repeat-y 0 0; position: relative; background-position: 5px 0; float: right; width: 15px; }
#scrollbar2 .track { background: transparent url(images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; margin-left: 5px; width:13px; position: relative; padding: 0 1px; }
#scrollbar2 .thumb { background: transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0px; left: -11px; }
#scrollbar2 .thumb .end { background: transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar2 .disable{ display: none; }

/* scrollbar brand catalog - catalog list */

#scrollbar3 { position: absolute; top: 0px; right: 0px; width: 250px; clear: both; margin-top: 10px;}
#scrollbar3 .viewport { width: 250px; height: 760px; overflow: hidden; position: absolute;}
#scrollbar3 .overview { list-style: none; position: absolute; left: 0px; top: 0px; }

#scrollbar3 .thumb .end,
#scrollbar3 .thumb { background-color: #E1E1E1; z-index: 4;}
#scrollbar3 .scrollbar { background: transparent url(images/bg-scrollbar-track-y.png) repeat-y 0 0; position: relative; background-position: 5px 0; float: right; width: 15px; }
#scrollbar3 .track { background: transparent url(images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; margin-left: 5px; width:13px; position: relative; padding: 0 1px; }
#scrollbar3 .thumb { background: transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0px; left: -11px; }
#scrollbar3 .thumb .end { background: transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar3 .disable{ display: none; }