/* Style for jScroll  */

ul.blocks {
	padding: 0;
	margin-top:0px; margin-bottom:0px;
	display: block; width:100%; /*  */
	height: 320px; white-space:nowrap;
}
ul.blocks li {
	margin: 0 0 0 0px;
	float: left; margin-right:20px;
	display: block; list-style-type:none;
	height:244px; width:178px; background:url(/images/bg_gallery_shadow.gif) no-repeat center bottom; padding-bottom:20px; float:left; margin-right:14px;
}
.holder {
	margin: 0;
	display: block;
	/* TEMP */
}
.scroll-pane {
	width:200px; height:400px;
	float:left; overflow:hidden;
	padding: 0;
}
ul.blocks li.scroll-empty { background:none; width:80px; margin-right:0px; }
.scroll-interval img { margin-left:8px; margin-top:2px; }

#pane1 {
	height:100px;
	width:250px;
	padding:0;
	display:block;
	_overflow:hidden;
}

#pane5 {
	height: 320px!important;
	width: 100%;
	padding: 0; /*padding-left:60px; padding-right:60px;*/
	display: block;
	_overflow: hidden;
}

/*a.jScrollArrowLeft {
	background: url(/images/basic_arrow_up.gif) no-repeat 0 0;
}
a.jScrollArrowLeft:hover {
	background-position: 0 -15px;
}
a.jScrollArrowRight {
	background: url(/images/basic_arrow_down.gif) no-repeat 0 0;
}
a.jScrollArrowRight:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, 
a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}*/


.jScrollPaneContainer {
	position: relative; margin-bottom:19px;
	z-index: 1; overflow:hidden; margin-left:auto; margin-right:auto;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	left:0;
	bottom:0;
	width:100%;
	/*width:800px;*/
	background:url(/images/bg_slider_bott.gif) no-repeat left top;
	
	height:18px!important;
}
/*.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	bottom:10px; padding-right:8px;
	width:528px!important; margin-left:192px;
	background:url(/images/bg_slider_bott.gif) no-repeat left top; height:18px!important;
}*/

.jScrollIntervalTrack { 
	position: absolute; display:none; /**/
}

.jScrollPaneDrag {
	position: absolute;
	background:#60ade0 url(/images/bg_panedrag.gif) repeat-x left top;
	cursor: pointer;
	overflow: hidden;
	
	height:8px!important;
	margin-top:5px; 
	margin-bottom:5px; 
}
/*.jScrollPaneDrag {
 margin-top:5px; margin-bottom:5px; margin-left:5px; margin-right:5px; height:8px!important;
}*/
.jScrollPaneDragLeft {
	position: absolute; background:url(/images/bg_panedrag_l.gif) no-repeat left top; width:5px; height:8px!important;
	bottom: 0;
	left: 0;
	overflow:hidden;
}
.jScrollPaneDragRight {
	position: absolute; background:url(/images/bg_panedrag_r.gif) no-repeat left top; width:5px; height:8px!important;
	bottom: 0;
	right: 0;
	overflow: hidden;
}
a.jScrollArrowLeft {
	display: block;
	position: absolute;
	z-index: 2000;
	top:87px;
	left:0px;
	text-indent: -2000px !important;
	overflow: hidden;
	background:url(/images/slider_arrow_left.gif) no-repeat left top;
	height:80px; width:22px!important;
}
a.jScrollArrowLeft:hover {
	background:url(/images/slider_arrow_left.gif) no-repeat left top;
}

a.jScrollArrowRight {
	display: block;
	position: absolute;
	z-index: 1000;
	top:87px;
	right:0px;
	text-indent: -2000px !important;
	overflow: hidden;
	background:url(/images/slider_arrow_right.gif) no-repeat left top;
	height:80px; width:22px!important;
}
a.jScrollArrowRight:hover {
	background:url(/images/slider_arrow_right.gif) no-repeat left top;
	/*background-color: #f60;*/
}
/*a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-color: #f00;
}*/