@charset "utf-8";
/*
Thumbnail scroller jQuery plugin
scrollers styling
*/
.jThumbnailScroller {
    position: relative;
    width: 455px;
    height: 68px;
    margin: 64px auto 0 auto;
    background: #E8E6E6;
    padding: 0;
    overflow: hidden
    }
.jThumbnailScroller .jTscrollerContainer {
    position: absolute
    }
.jThumbnailScroller .jTscroller {
    position: relative;
    height: 100%;
    margin: 0;
    left: 0;
    top: 0;
    display: inline-block
    }
.jThumbnailScroller .jTscrollerNextButton, .jThumbnailScroller .jTscrollerPrevButton {
    position: absolute;
    display: block;
    width: 16px;
    height: 16px
    }
.jTscrollerNextButton {
    background: #000 url(nextArrow.png) center center
    }
.jTscrollerPrevButton {
    background: #000 url(prevArrow.png) center center
    }
.jThumbnailScroller .jTscrollerNextButton:hover, .jThumbnailScroller .jTscrollerPrevButton:hover {
    background-color: #d56916;
    opacity: 1
    }
.jThumbnailScroller .jTscroller a {
    display: block;
    float: left;
    background: #fff
    }
.jThumbnailScroller .jTscroller a:hover {
    border-color: #fff
    }
.jThumbnailScroller .jTscroller a img {
    border: none
    }
/* different styled scrollers */
/* liquid width scroller */
.jThumbnailScroller#tS1 {
    width: 95%
    }
.jThumbnailScroller#tS2 {
    margin: 0 auto
    }
.jThumbnailScroller#tS2 .jTscroller a {
    opacity: 0.7
    }
.jThumbnailScroller#tS2 .jTscroller a:hover {
    opacity: 1
    }
.jThumbnailScroller#tS2 .jTscrollerNextButton {
    margin: -10px 15px 0 10px;
    right: 0;
    top: 50%;
    outline: none
    }
.jThumbnailScroller#tS2 .jTscrollerPrevButton {
    margin: -10px 15px 0 10px;
    left: 0;
    top: 50%;
    outline: none
    }