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

.vscrollerbase, .vscrollerbar {width:11px;}

.hscrollerbase, .hscrollerbar {height:11px;}

.vscrollerbar {padding:11px; z-index:2; background:url(../images/bg/scrollbar/ScrollBar.png) repeat-y;}
.hscrollerbar {padding:11px; z-index:2; background:url(../images/bg/scrollbar/ScrollBar.png) repeat-y;}

.vscrollerbarbeg {
/*top image holder for vertical scroll bar*/
width: 11px;
/* height is auto set by the script to fit the scrollbar */
}

.vscrollerbarend {
/*bottom image holder for vertical scroll bar*/
width: 11px; height: 11px;
}

.hscrollerbarbeg {
/*left image holder for horizontal scroll bar*/
background: url(images/hscroller.png) -10px 0px;
height: 11px;
/* width is auto set by the script to fit the scrollbar */
}

.hscrollerbarend {
/*right image holder for horizontal scroll bar*/
background: url(images/hscroller.png);
height:11px; width:11px;
}

/* Following are OPTIONAL */

.vscrollerbase {}
.hscrollerbase {background:url(../images/bg/scrollbar/ScrollBase.png) repeat-y;}

.hscrollerbasebeg {
height:11px;
background: url(images/scrollbases.png) -22px 0px no-repeat;
/* width is auto set to fill the base */
}

.hscrollerbaseend {
height: 11px; width: 11px;
background: url(images/scrollbases.png) 0% 0% no-repeat;
}

.vscrollerbasebeg {
width:11px; height:11px; 
background: url(../images/bg/scrollbar/ScrollUp.png) no-repeat;
/* height is auto set to fill the base */
}

.vscrollerbaseend {
width:11px; height:11px;
background: url(../images/bg/scrollbar/ScrollDown.png) no-repeat bottom;
}

.scrollerjogbox {
width: 11px; height: 11px;
top: auto; left: auto; bottom: 0px; right: 0px;
background: white url(images/scrolljog.png) 50% 50%;
}
/* Scroll Bar Master Styling Ends Here */