.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 10;
}

#product_reference_library .jScrollPaneContainer {
	background: #FAF9F2;
	border:1px solid #D9D7CE;
}

#product_reference_library .landing .jScrollPaneContainer {
	background:#FAF9F2 url(../images/customer-support/product-reference-library/scroll_bg.jpg) no-repeat top left;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 5px;
	top: 0;
	height: 100%;
}

#gallery .jScrollPaneTrack{bottom:0px; top:auto;}

#about_hunter_douglas .jScrollPaneTrack {right: 4px;}	

.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background: url(../images/customer-support/product-reference-library/scroller.png) no-repeat 0pt 1px;
} 

#gallery .jScrollPaneDrag {background: url(../images/design-trends/scrollerHorizontal.png) 1px 1px no-repeat;}
#gallery .jScrollPaneDrag.over {background-position: right 1px;}

#product_reference_library .jScrollPaneDrag, 
#about_hunter_douglas .jScrollPaneDrag{
	background: url(../images/customer-support/product-reference-library/scroller.png) no-repeat 0pt 1px;
}

#about_hunter_douglas .jScrollPaneTrack .over,
#product_reference_library .jScrollPaneTrack .over,
.jScrollPaneTrack .over {
	background-position: bottom left;
}

.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: 1px;
	right: 5px;
	line-height:16px;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/customer-support/product-reference-library/up_arrow.gif) no-repeat bottom left;
}

#gallery a.jScrollArrowLeft {
	background: url(../images/design-trends/left_arrow.gif) no-repeat top right;
	position:absolute;
	left:0px;
	bottom:0px;
	overflow: hidden;
	text-indent: -2000px;
	display:block;
}

#product_reference_library a.jScrollArrowUp, 
#about_hunter_douglas a.jScrollArrowUp {
	background: url(../images/customer-support/product-reference-library/up_arrow.gif) no-repeat 0 -18px;
	height: 16px;
}

#product_reference_library a.jScrollArrowUp:hover, 
#about_hunter_douglas a.jScrollArrowUp:hover, 
a.jScrollArrowUp:hover  {
	background-position:0 -2px;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 1px;
	right: 5px;
	line-height:16px;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/customer-support/product-reference-library/down_arrow.gif) no-repeat top left;
}

#gallery a.jScrollArrowRight {
	background: url(../images/design-trends/right_arrow.gif) no-repeat top right;
	position:absolute;
	right:0px;
	overflow: hidden;
	display:block;
	bottom:0px;
	text-indent: -2000px;
}

#gallery a.jScrollArrowRight:hover, 
#gallery a.jScrollArrowLeft:hover{background-position: top left;}

#about_hunter_douglas a.jScrollArrowUp, 
#about_hunter_douglas a.jScrollArrowDown {right: 4px;}

#product_reference_librarya.jScrollArrowDown, 
#about_hunter_douglas a.jScrollArrowDown {
	background: url(../images/customer-support/product-reference-library/down_arrow.gif) no-repeat 0 -2px;
	height: 12px;
}

#product_reference_library .landing a.jScrollArrowDown,
#product_reference_library .landing a.jScrollArrowDown,
#product_reference_library a.jScrollArrowDown:hover,
#about_hunter_douglas a.jScrollArrowDown:hover, 
a.jScrollArrowDown:hover{
	background-position:0 -18px;
}

.jScrollPaneContainer #productList li {margin-right: 21px;}

