@charset "utf-8";
/*
Thumbnail scroller
scrollers styling
*/
.thumbnailScroller{position:relative; width:806px; height:110px; padding:0; overflow:hidden; margin:auto;}
.thumbnailScroller .scrollerContainer{position:relative; width:1200px;}
.thumbnailScroller .scroller{position:absolute; height:100%; margin:0; left:0; top:0; display:inline-block; *display:inline;}
.thumbnailScroller .scrollerNextButton,.thumbnailScroller .scrollerPrevButton{position:absolute; display:block; width:40px; height:40px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; opacity:0.7;}
.thumbnailScroller .scrollerNextButton{background:#000 url(nextArrow.png) center center;}
.thumbnailScroller .scrollerPrevButton{background:#000 url(prevArrow.png) center center;}
.thumbnailScroller .scrollerNextButton:hover,.thumbnailScroller .scrollerPrevButton:hover{background-color:#d56916; opacity:1;}
/*.thumbnailScroller .scroller a{display:inline-block; *display:inline; margin:6px 10px 6px 0;}*/
.thumbnailScroller .scroller a{float:left; margin:6px 10px 6px 0;}
.thumbnailScroller .scroller a:hover{border-color:#fff;}
.thumbnailScroller .scroller a:first-child{margin-left:10px;}
.thumbnailScroller .scroller a img{border:none;}
/* different styled scrollers */
/* liquid width scroller */
/*.thumbnailScroller#tS1{width:95%;}*/
.thumbnailScroller#tS2{margin:30px auto;}
.thumbnailScroller#tS2 .scroller a{opacity:0.7;}
.thumbnailScroller#tS2 .scroller a:hover{opacity:1;}
.thumbnailScroller#tS2 .scrollerNextButton{margin:-20px 10px 0 10px; right:0; top:50%;}
.thumbnailScroller#tS2 .scrollerPrevButton{margin:-20px 10px 0 10px; left:0; top:50%;}
/* a vertical scroller */
.thumbnailScroller#tS3{position:absolute; left:40px; top:322px; width:122px; height:400px; margin:0; background:#eee;}
.thumbnailScroller#tS3 .scroller{height:auto; margin-bottom:40px;}
.thumbnailScroller#tS3 .scroller a{display:block; margin:0 6px 10px 6px; width:100px; overflow:hidden; opacity:0.7;}
.thumbnailScroller#tS3 .scroller a:hover{opacity:1;}
.thumbnailScroller#tS3 .scroller a:first-child{margin-top:50px;}
.thumbnailScroller#tS3 .scrollerNextButton{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);}
.thumbnailScroller#tS3 .scrollerPrevButton{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);}