#pane1{height: 245px;}

.scroll-pane {
	width: 930px;
	height: 275px;
	overflow: auto;
	float: left;
	padding:0 10px 0 0 !important;
}

.jScrollArrowUp {
	background: url(/img/pink_arrow_up.gif) no-repeat 0 0;
}
	
.jScrollArrowDown {
	background: url(/img/pink_arrow_bottom.gif) no-repeat 0 100%;
}

.jScrollPaneContainer{
	position: relative;
	overflow: hidden;
	z-index: 1;
	width:895px !important;
}

.jScrollPaneTrack { 
	position: absolute;
	width:35px !important;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #F10898;
	background: url(/img/scroll_pane_track.gif) no-repeat 0 50%;
}

.jScrollPaneTrack li a{font-size:0px; color:#5F5F5B;}
.jScrollPaneTrack li a:hover{background:none; color:#5F5F5B;}

.jScrollPaneDrag { 
	position: absolute;
	background: #000;
	cursor: pointer;
	overflow: hidden;
	height:78px !important;
	width:23px !important;
	margin:28px 0 0 5px;
	background: url(/img/scroll_pane_drag.gif) no-repeat 0 0;
}

.jScrollPaneDrag:hover{background: url(/img/scroll_pane_drag.gif) no-repeat 0 0;}
 
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	width:35px !important;
	height:33px;
	background: url(/img/scroll_arrow_up.gif) no-repeat 0 0%;
}

a.jScrollArrowUp:hover{
	background: url(/img/scroll_arrow_up.gif) no-repeat 0 100%;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	width:35px !important;
	height:33px;
	background: url(/img/scroll_arrow_down.gif) no-repeat 0 100%;
}

a.jScrollArrowDown:hover{
	background: url(/img/scroll_arrow_down.gif) no-repeat 0 0;
}
