a.jScrollArrowUp {
	background: url(http://www.thecliffhousehotel.com/images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(http://www.thecliffhousehotel.com/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: #00f url(../images/drag_grab.gif) no-repeat 50% 50%;
}
.orange-bar .scroll_pane {
	background: #69f;
}

.holder {
	float: left;
margin:1.5em 0 0 0;
}

#scroll_pane {
	width: 680px;
	height: 384px;
	overflow: auto;	
	float: left;

}


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
/* height:20em;
border-bottom:1em solid transparent; */
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #7F6B3F;
}
.jScrollPaneDrag {
	position: absolute;
	background: #b4985a;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-image:url(uploads/images/scroll.jpg);
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-image:url(uploads/images/scroll_down.jpg);
	height: 10.5px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}


/* new scroll panel script */

    #content-slider {
      width: 10px;
      height: 400px;
      margin: 5px;
      background: #B4985A;
      position: absolute;
      right: -2em;
    }

    .ui-slider-handle {
      width: 10px;
      height: 34px;
      position: absolute;
      top: -4px;
      right:-.1em;
      background: #478AFF;
      border: solid 1px black;
    }

    #content-scroll {
      width: 650px;
      height: 400px;
      margin-top: 10px;
      overflow: hidden;
    }

    #content-holder {
      width: 1500px;
      height: 270px;
    }

    .content-item {
      width: 650px;
      height: 170px;
      padding: 5px;
      float: left;
  }