/* This is flexcroll */

.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;
}

/* the scroll bar background */
.vscrollerbase {
	width: 18px;
	background-color: #310034;
	border:1px solid #482f48;
}

/* the actual scroll bar */
.vscrollerbar {
	width: 18px;
	background: #673c67 repeat-y;
}

.vscrollerbar, .hscrollerbar {
	/* sets limits for bar location top/bottom */
	padding: 17px 0 19px 0;
	z-index: 2;
}

/* no clue/believe not used, and not changed, but the background-image default is part of a sprite sheet, so the positioning is not important */
.vscrollerbarbeg {
'background: url(basebarcaps_verticalbarbody.png) -45px -30px no-repeat;
width: 18px;
height: 17px !important;
}
.vscrollerbarend {
'background: url(basebarcaps_verticalbarbody.png) -45px 0px no-repeat;
width: 18px;
height: 17px !important;
}
/* hscroll is for horizontal scrolling bar css'ing */
.hscrollerbarbeg {
'background: url(basebarcaps_verticalbarbody.png) -60px -15px no-repeat;
width: 18px;
height: 17px !important;
}
.hscrollerbarend {
'background: url(basebarcaps_verticalbarbody.png) -30px -15px no-repeat;
width: 18px;
height: 17px !important;
}
.scrollerjogbox {
width: 18px;
height: 17px !important;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #4E727C url(horizontalbarbody_cornerjog.png) 0px 0px;
}
.hscrollerbasebeg {
background: url(basebarcaps_verticalbarbody.png) -60px 0px no-repeat;
width: 18px;
height: 17px !important;
}
.hscrollerbaseend {
width: 18px;
height: 17px !important;
background: url(basebarcaps_verticalbarbody.png) -30px 0px no-repeat;
}
.scrollerjogbox:hover {
background: #5E828C url(basebarcaps_verticalbarbody.png) -45px -15px;
}
/* end no clue */

/* bottom arrow style and image */	
.vscrollerbaseend {
	background-image: url(/images/scroll_bar_down.gif);
	width: 18px;
	/* had to make height longer to show whole bottom arrow for some reason */
	height: 19px !important;
}

/* top arrow style and image */
.vscrollerbasebeg {
	background-color:#fff;
	background-image:url(/images/scroll_bar_up.gif);
	width: 18px;
	height: 17px !important;
}

/* for other scrollbar, pretty important for multiple scrollbars is that the script makes new individual id's for each part of generated scroll bar. They have the parent id (the one with the class="flexcroll") plus the default name of the scrollbar element. So to individualize each scrollbar you just override that particular generated css id style yo g home_slice. */

#thumb_display_vscrollerbase{
	background-color:#453e20;
	border:1px solid #323028;
}

#thumb_display_vscrollerbar{
	background-color:#746f54;
}

#thumb_display_vscrollerbasebeg{
	background-image:url(/images/scroll_bar_up1.gif);
}

#thumb_display_vscrollerbaseend{
	background-image:url(/images/scroll_bar_down1.gif);
}