a.jScrollArrowUp {

	background: url(../images/basic_arrow_up.gif) repeat-x 0 0;

}

a.jScrollArrowUp:hover {

	background-position: 0 -15px;

}

a.jScrollArrowDown {

	background: url(../images/basic_arrow_down.gif) repeat-x 0 0;

}

a.jScrollArrowDown:hover {

	background-position: 0 -15px;

}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {

	background-position: 0 -30px;

}





.orange-bar .jScrollPaneTrack {

	background: #f60;

}

.orange-bar .jScrollPaneDrag {

	background: transparent url(images/pcp_setup_bar_round.png) no-repeat scroll 0 0;

}

.orange-bar .scroll-pane {

	background: #69f;

}

			

.holder {

	float: left;

	margin: 10px;
	
	
	position:relative;
	text-align:left;
	padding:0 0 0 0 ;
	margin:0;

}



.scroll-pane {

	width: 707px;

	height: 500px;

	overflow: scroll;

	background: #fff;

	float: left;
	text-align:left;
	padding:0 0 0 0 ;
	margin:0;

}



.wide {

	width: 400px;

}



.super-wide {

	width: 700px;

}



.tall {

	height: 400px;

}



#pane1 {

}

#pane2 {

	height: 150px;

}

#pane3 {

	height: 256px;

}

#pane4 {

	height: 190px;

}