/* CSS Document */


body.highslide 			{ background:url('../img/hs_arrow.gif') no-repeat top #fff; margin:0px 20px 0px 20px; }
.highslide-html 		{ background:#fff;}
.highslide-html-content	{ display: none; width: 470px;}
.highslide .top 		{ height:11px; }
.highslide-header 		{ display:none;}

.highslide 				{ border:0px; }
.highslide h2			{ font-size:20px; line-height:36px; margin-top:15px;}
.highslide .subtitle	{ background:url('../img/sprite.png') 0px -1249px; width:430px; height:30px;}
.highslide .subtitle h3	{ font-size:12px; text-transform:none; padding:0px 10px; line-height:30px;}

.scroll-pane .items				{ list-style:none outside;}
.scroll-pane .items li			{ float:left; width:98px; cursor:pointer; margin:0px 0px 10px 10px; border:1px solid #e2e2e2; text-align:center;
						  		  line-height:18px; padding-bottom:5px;}
.scroll-pane .items li.first 	{ margin-left:0px;}
.scroll-pane .items li .image	{ display:block; background:no-repeat center; }

.highslide .buttons				{ clear:both; }
.highslide .button_next_small	{ width:120px; height:30px; line-height:30px; text-align:left; color:#ffffff; font-weight:bold; cursor:pointer;
								  background-position:-212px -278px; text-indent:10px; }
.highslide .button_prev_small	{ width:120px; height:30px; line-height:30px; text-align:left; color:#ffffff; font-weight:bold; cursor:pointer; 
						  		  background-position:-212px -238px; text-indent:10px; }
.highslide .footertitle			{ line-height:24px; } 

.highslide-dimming 				{ background: black; }

.highslide .close 				{ background-repeat:repeat; background-position:-351px -70px; width:89px; height:26px; 
									  position:absolute; top:0px; right:0px; text-indent:-9999px;}
									  
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	margin-top:10px;
}

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

.jScrollIntervalTrack { 
	position: absolute;

}

.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragLeft {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragRight {
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
}
a.jScrollArrowLeft {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	text-indent: -2000px !important;
	overflow: hidden;
	/*background-color: #666;*/
	height: 15px;
	width: 25px;
}
a.jScrollArrowLeft:hover {
	/*background-color: #f60;*/
}

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

.scroll-pane {
	height:180px;
	float: left;
	padding: 0;
	overflow:hidden;
	width: 430px;
	display: block;
}

.jScrollPaneTrack {
	background: url('../img/scroll-bg.gif') repeat-x 0 0;
}
.jScrollPaneDrag {
	background: url('../img/scroll-drag.gif') no-repeat 50% 50%;
}