.scrollgeneric {
	line-height: 	1px;
	font-size: 		1px;
	position: 		absolute;
	top: 			0;
	left: 		0;
}
.vscrollerbar {								/* bar ptrn */
	width: 		12px;			
	background-color:	#EEE;
}
.vscrollerbarbeg {							/* topbar */
	width: 		12px;
}
.vscrollerbarend {							/* bottombar */
	height: 		24px;
	width: 		12px;
}
.vscrollerbase {								/* background */
	width: 		12px;				
}
.vscrollerbasebeg {							/* top arrow */
	width: 		12px;
	height: 		8px !important; 		
	background: 	url(/template/images/scroll-up.gif) no-repeat;
}
	/* bottom arrow */
.vscrollerbaseend {
	height: 		8px;
	width: 		12px;
	background: 	url(/template/images/scroll-down.gif) no-repeat;
}
.hscrollerbase {
	height: 		8px; background-color: white;
}
.hscrollerbar {
	height: 		8px; background-color: #EEE;
}
.vscrollerbar, .hscrollerbar {
	padding: 		10px;						/* margin the bar will have top and bottom */
	z-index: 		2;
}