@charset "utf-8";
/*
Thumbnail scroller jQuery plugin
scrollers styling
*/

.jThumbnailScroller{ overflow: hidden;  position: relative; z-index: 7; }


.jThumbnailScroller .jTscrollerContainer{position:absolute; overflow: hidden; height: 750px; margin: 45px 0px; }
.jThumbnailScroller .jTscroller{position:relative; height:100%; margin:0; left:0; top:0; display:inline-block; *display:inline;}

.jThumbnailScroller .jTscrollerNextButton{position:absolute; display:block; width:110px; height:45px; }

.jThumbnailScroller .jTscrollerPrevButton{position:absolute; display:block; width:110px; height:45px; }


.jThumbnailScroller .jTscrollerNextButton{background: url(../images/arrow_down.png) center center;}
.jThumbnailScroller .jTscrollerPrevButton{background: url(../images/arrow_up.png) center center;}

.jThumbnailScroller .jTscrollerNextButton:hover,.jThumbnailScroller .jTscrollerPrevButton:hover{  }
.jThumbnailScroller .jTscroller a{ }
.jThumbnailScroller .jTscroller a:hover{ }
.jThumbnailScroller .jTscroller a:first-child{margin-left:10px;}
.jThumbnailScroller .jTscroller a img{border:none;}
/* different styled scrollers */
/* liquid width scroller */
.jThumbnailScroller#tS1{width:95%;}
.jThumbnailScroller#tS2{margin:30px auto;}
.jThumbnailScroller#tS2 .jTscroller a{opacity:0.7;}
.jThumbnailScroller#tS2 .jTscroller a:hover{opacity:1;}
.jThumbnailScroller#tS2 .jTscrollerNextButton{margin:-20px 10px 0 10px; right:0; top:50%;}
.jThumbnailScroller#tS2 .jTscrollerPrevButton{margin:-20px 10px 0 10px; left:0; top:50%;}
/* a vertical scroller */

.jThumbnailScroller#tS3 { 
	display: block;
	background: url(../images/videogallery_left_bg.png) no-repeat left top;
	width: 330px;
	height: 845px;
	padding: 10px 20px;

}
.jThumbnailScroller#tS3 .jTscroller{height:auto; margin-bottom:40px; padding: 0px; }

.jThumbnailScroller#tS3 .jTscroller a{ display: block; overflow: hidden; }

.jThumbnailScroller#tS3 .jTscroller a:hover{opacity:1;}
.jThumbnailScroller#tS3 .jTscroller a:first-child{margin-top: 5px;}

.jThumbnailScroller#tS3 .jTscrollerNextButton{ margin:10px 0 10px -85px; bottom:0; left:50%; }
.jThumbnailScroller#tS3 .jTscrollerPrevButton{ margin:10px 0 10px -85px; top:0; left:50%; }