.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; } .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #aaa; } .jScrollPaneDrag { position: absolute; background: #666; cursor: pointer; overflow: hidden; } .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; } .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; } a.jScrollArrowUp, a.jScrollArrowUpAll { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; } a.jScrollArrowUp:hover { /*background-color: #f60;*/ } a.jScrollArrowDown, a.jScrollArrowDownAll { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; } a.jScrollArrowDown:hover { /*background-color: #f60;*/ } a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ } /* CUSTOM */ a.jScrollArrowUpAll{ top:auto; bottom:52px; } a.jScrollArrowUp { top:auto; bottom:35px; } a.jScrollArrowDown { bottom:24px; } a.jScrollArrowDownAll { bottom:0; } a.jScrollArrowUp, a.jScrollArrowDown, a.jScrollArrowUpAll, a.jScrollArrowDownAll { background-color:red; width:14px; height:10px; background:url(http://porcupinesquill.ca//images/arrows_scroll.gif) 0 -17px no-repeat; outline:none; } a.jScrollArrowUpAll, a.jScrollArrowDownAll { height:16px; background-position:0 0; } a.jScrollArrowDownAll { background-position:0 -38px; } a.jScrollArrowDown { background-position:0 -28px; } a:hover.jScrollArrowUp { background-position:-14px -17px; } a:hover.jScrollArrowDown { background-position:-14px -28px; } a:hover.jScrollArrowUpAll { background-position:-14px -0px; } a:hover.jScrollArrowDownAll { background-position:-14px -38px; } .jScrollPaneTrack { display:none; }