.scrollgeneric {line-height:1px; font-size:1px; position:absolute; top:0; left:0; }

.vscrollerbase { width:12px; visibility:visible !important; background:url(../img/vertical-background.gif) -12px 50% no-repeat; }
.vscrollerbar { width:12px; padding:10px; z-index:2; background:url(../img/vertical-background.gif) 0 50% no-repeat; }
.vscrollerbarbeg { width:12px; height:12px !important; background:url(../img/vertical-background.gif) 0 0 no-repeat; }
.vscrollerbarend { width:12px; height:12px !important; background:url(../img/vertical-background.gif) 0 100% no-repeat; }
.vscrollerbasebeg { width:12px; height:12px !important; background:url(../img/vertical-background.gif) -12px 0 no-repeat; }
.vscrollerbaseend { width:12px; height:12px !important; background:url(../img/vertical-background.gif) -12px 100% no-repeat; }

.hscrollerbar { height:12px; padding:10px; z-index:2; background:url(../img/horizontal-background.gif) 50% 0 no-repeat; }
.hscrollerbase { height:12px; background:url(../img/horizontal-background.gif) 50% -12px no-repeat; }
.hscrollerbarbeg { width:12px !important; height:12px; height:12px;background:url(../img/horizontal-background.gif) 0 0 no-repeat; }
.hscrollerbarend { width:12px !important; height:12px; background:url(../img/horizontal-background.gif) 100% 0 no-repeat; }
.hscrollerbasebeg { width:12px !important; height:12px; background:url(../img/horizontal-background.gif) 0 -12px no-repeat; }
.hscrollerbaseend { width:12px !important; height:12px; background:url(../img/horizontal-background.gif) 100% -12px no-repeat; }