.hjScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.hjScrollPaneTrack {
	background-image: url(hsmiddle.png);
	background-repeat: repeat-x;
	position: absolute;
	cursor: pointer;
	left: 0;
	bottom: 0;
	width: 100%;
}

.hjScrollIntervalTrack { 
	position: absolute;

}

.hjScrollPaneDrag {
	background: url(hs.png) repeat-x;
	position: absolute;
	cursor: pointer;
	overflow: hidden;
}
.hjScrollPaneDragLeft {
	background: url(hs.png) repeat-x;
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.hjScrollPaneDragRight {
	background: url(hs.png) repeat-x;
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
}
a.hjScrollArrowLeft {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	text-indent: -2000px !important;
	overflow: hidden;
	/*background-color: #666;*/
	height: 20px;
	width: 20px;
}
a.hjScrollArrowLeft:hover {
	/*background-color: #f60;*/
}

a.hjScrollArrowRight {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px !important;
	overflow: hidden;
	/*background-color: #666;*/
	height: 20px;
	width: 20px;
}
a.hjScrollArrowRight:hover {
	/*background-color: #f60;*/
}
a.hjScrollActiveArrowButton, a.hjScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


a.hjScrollArrowLeft {
	background: url(hsleft.png) no-repeat 0 0;
}
a.hjScrollArrowLeft:hover {
	background-position: 0 0px;
}
a.hjScrollArrowRight {
	background: url(hsright.png) no-repeat 0 0;
}
a.hjScrollArrowRight:hover {
	background-position: 0 0px;
}
a.hjScrollActiveArrowButton, 
a.hjScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

#GalleryPane {
	height: 130px;
	width: 600px;
	padding: 0;
	display: block;
	_overflow: hidden;
}


.hholder {
	margin: 0;
	display: block;
	/* TEMP */
	margin-bottom: 4px;
}
.hscroll-pane {
	width: 550px;
	float: left;
	padding: 0;
	text-align:left;
}