@charset "utf-8";
/*
Thumbnail scroller jQuery plugin
scrollers styling
*/
.jThumbnailScroller
{
position: relative;
width: 100%;
margin: 0px auto;
padding: 0;
overflow: hidden;
}
.jThumbnailScroller .jTscrollerContainer
{
position: absolute;
}
.jThumbnailScroller .jTscroller
{
position: relative;
height: 100%;
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: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
opacity: 0.7;
}
.jThumbnailScroller .jTscrollerNextButton
{
background: #000 url(../assets/nextArrow.png) center center;
}
.jThumbnailScroller .jTscrollerPrevButton
{
background: #000 url(../assets/prevArrow.png) center center;
}
.jThumbnailScroller .jTscrollerNextButton:hover, .jThumbnailScroller .jTscrollerPrevButton:hover
{
background-color: #D56916;
opacity: 1;
}
.jThumbnailScroller .jTscroller a
{
display: block;
float: left;
border: 5px solid #DDD;
margin: 6px 10px 0px 0px;
background: #FFF;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.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#tS2
{
margin: 0 auto;
padding-top: 2px;
padding-bottom: 0px;
}
.jThumbnailScroller#tS2 .jTscroller a
{
opacity: 0.5;
}
.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
{
position: absolute;
left: 40px;
top: 322px;
width: 122px;
height: 400px;
margin: 0;
background: #EEE;
}
.jThumbnailScroller#tS3 .jTscroller
{
height: auto;
margin-bottom: 40px;
}
.jThumbnailScroller#tS3 .jTscroller a
{
display: block;
margin: 0 6px 10px 6px;
width: 100px;
overflow: hidden;
opacity: 0.7;
}
.jThumbnailScroller#tS3 .jTscroller a:hover
{
opacity: 1;
}
.jThumbnailScroller#tS3 .jTscroller a:first-child
{
margin-top: 50px;
}
.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);
}