@charset "utf-8";
/*
Thumbnail scroller jQuery plugin
scrollers styling
*/
.jThumbnailScroller{position:relative; width:900px; height:100px; margin:0px auto 0 auto; border:0px solid #eee; background:#fff; padding:0; overflow:hidden; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;}
.jThumbnailScroller .jTscrollerContainer{position:absolute;}
.jThumbnailScroller .jTscroller{position:relative;  margin:0; left:0; top:0; display:inline-block; *display:inline;}
.jThumbnailScroller .jTscrollerNextButton,.jThumbnailScroller .jTscrollerPrevButton{position:absolute; display:block; width:40px; height:40px; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; opacity:0.7;}

.jThumbnailScroller .jTscroller a{display:block; float:left; border:0px solid #ddd; margin:5px 5px 5px 5px; background:#fff; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;}
.jThumbnailScroller .jTscroller a:hover{border-color:#fff;}
.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:0px auto;}
.jThumbnailScroller#tS2 .jTscroller a{}
.jThumbnailScroller#tS2 .jTscroller a:hover{}
.jThumbnailScroller#tS2 .jTscrollerNextButton{margin:0px 0px 0 0px; right:0; }
.jThumbnailScroller#tS2 .jTscrollerPrevButton{margin:0px 0px 0 0px; left:0; }
/* a vertical scroller */
.jThumbnailScroller#tS3{position:absolute; left:40px; top:322px; width:100px; margin:0; background:#fff;}
.jThumbnailScroller#tS3 .jTscroller{height:auto; margin-bottom:0px;}
.jThumbnailScroller#tS3 .jTscroller a{display:block; margin:0 0px 0px 0px; width:100px; overflow:hidden; opacity:0.7;}
.jThumbnailScroller#tS3 .jTscroller a:hover{opacity:1;}
.jThumbnailScroller#tS3 .jTscroller a:first-child{margin-top:0px;}
.jThumbnailScroller#tS3 .jTscrollerNextButton{margin:10px 0 10px -20px; bottom:0; left:50%; -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg);}
.jThumbnailScroller#tS3 .jTscrollerPrevButton{margin:10px 0 10px -20px; top:0; left:50%; -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg);}