.scrollgeneric {

position: absolute; top: 0; border: 0px; left: 0;
}

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

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

.vscrollerbar, .hscrollerbar {

padding: 5px;

}
.vscrollerbarbeg {
/*top image holder for vertical scroll bar*/
background: url(vscroller.png) 0px -10px;
width: 15px;
/* height is auto set by the script to fit the scrollbar */
}

.vscrollerbarend {
/*bottom image holder for vertical scroll bar*/
background: url(vscroller.png);
width: 15px; height: 10px;
}

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

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

/* Following are OPTIONAL */

.vscrollerbase, .hscrollerbase {
background-color: #ffffff;
background-image: url(scrollbaseback.png);
}

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

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

.vscrollerbasebeg {
width: 15px;
background: url(scrollbases.png) 0px -3px no-repeat;
/* height is auto set to fill the base */
}

.vscrollerbaseend {
height: 3px; width: 15px;
background: url(scrollbases.png) 0px 0px no-repeat;
}

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