/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

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

/* force fleXcroll to always display the vertical scrollbase */
.vscrollerbase {
	visibility: visible !important;
}
/* fleXcroll adapts to this CSS setting and sets positions correctly */


/* And style your scrollbar like you normally do */
.vscrollerbase {
width: 15px;
background: #BED73C;
}

.vscrollerbar {
width: 15px;
height: 5px;
background: #BED73C;
}

.vscrollerbar, .hscrollerbar {
padding: 10px;
z-index: 2;
}

.vscrollerbarbeg {
background: #BED73C;
width: 15px;
}

.vscrollerbarend {
background: #BED73C;
width: 15px;
}

.scrollerjogbox {
width: 15px;
height: 5px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #4E727C;
}

.vscrollerbasebeg {
background: url(../images/whyScrollUP.jpg) no-repeat;
width: 15px;
height: 15px !important;
}

.vscrollerbaseend {
background: url(../images/whyScrollDOWN.jpg) no-repeat;
height: 15px;
width: 15px;
}

.scrollerjogbox:hover {
background: #5E828C url(../images/basebarcaps_verticalbarbody.png) -45px -15px;
}
/* Scroll Bar Master Styling Ends Here */