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

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	left: 0;
	bottom: 0;
	width: 100%;
}

.jScrollPaneTrackMiddle {
	margin: 0 16px;
	background: transparent url(../images/bg-scrollbar-track-back.png) repeat-x left top;
}

.jScrollPaneTrackLeft {
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	background: transparent url(../images/bg-scrollbar-track-left-arrow.png) no-repeat left top;
}

.jScrollPaneTrackRight {
	position: absolute;
	top:0;
	right: 0;
	width: 16px;
	background: transparent url(../images/bg-scrollbar-track-right-arrow.png) no-repeat left top;
}

.jScrollIntervalTrack { 
	position: absolute;
}

.jScrollPaneDrag {
	position: absolute;
	top: 4px;
	background: transparent;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragLeft {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background: transparent url(../images/bg-scrollbar-handle-left-arrow.png) no-repeat left top;
	width: 16px;
}
.jScrollPaneDragRight {
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
	background: transparent url(../images/bg-scrollbar-handle-right-arrow.png) no-repeat right top;
	width: 16px;
}
.jScrollPaneMiddle {
	background: transparent url(../images/bg-scrollbar-handle2.png) repeat-x left top;
	margin: 0 16px;
}
.jScrollPaneHandle {
	background: transparent url(../images/bg-scrollbar-handle-middle2.png) no-repeat center top;
	cursor:move;
}

/* Scrollbar arrows */

.jScrollArrowLeft,
.jScrollArrowRight {
	display: block;
	width:24px;
	height:23px;
	overflow: hidden;
	position: absolute;
	bottom:0;
	z-index:900;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

.jScrollArrowLeft {
	left:0;
	background: transparent url(../images/scrollbar-arrow-left.png) left top no-repeat;
}

.jScrollArrowRight {
	right:0;
	background: transparent url(../images/scrollbar-arrow-right.png) right top no-repeat;
}

.jScrollEdgeR	{
	position:absolute;
	height:100px;
	width:10px;
	right:0;
	z-index:9999999;
	background:transparent url(../images/scrollpane-edge-right.png) right top no-repeat;
}

.jScrollEdgeL	{
	position:absolute;
	height:100px;
	width:10px;
	left:0;
	z-index:9999999;
	background:transparent url(../images/scrollpane-edge-left.png) right top no-repeat;
}

div#ProductScrollArea, div#BrandScrollArea {
	overflow: hidden;
	height: 114px;
	width: 655px;
}
div#TypeScrollArea {
	overflow: hidden;
	height: 135px;
	width: 655px;
}

div#CabinetScrollArea {
	overflow: hidden;
	height: 370px;
	width: 657px;
	float: left;
}

div#ProductThumbScrollArea {
	overflow: hidden;
	height: 99px;
	width: 305px;
	float: left;
}

div#ProductScrollArea ul li,
div#BrandScrollArea ul li,
div#ProductThumbScrollArea ul li,
div#TypeScrollArea ul li {
	list-style-type: none;
	float: left;
}

ul.blocks {
	padding: 0;
	margin: 0;
	display: block;
	height: 100px;
	overflow: hidden;
}

ul.types {
	padding: 0;
	margin: 0;
	display: block;
	overflow: hidden;
}

ul.blocks li,
ul.types li {
	float: left;
	margin: 0;
	padding: 0;
}