@charset "utf-8";
/*
Thumbnail scroller jQuery plugin
scrollers styling
*/
/**/
.jThumbnailScroller { 
position: relative;
width: 400px;
/*height:122px; 19-03-2014 commented to make height specific to each slider . height attribute is transferred to id */
margin: 5px auto 0 auto;
border: 5px solid #eee;
background: #ddd;
padding: 0;
overflow: hidden;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.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:#91B935 url(../nextArrow.png) center center;}
.jThumbnailScroller .jTscrollerPrevButton{background:#91B935 url(../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 #fff; margin:6px 10px 6px 0; 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#tS1{width:95%;}

.jThumbnailScroller#tS2 .jTscroller a {
/* opacity: 0.7; opacity removed to prevent fadeness */
/*other features added to display the text with the images*/
height: 150px;
color: #0273c1;
text-decoration: none;
font-family: verdana;
font-size: 10px;
width:85px;
/* margin added to spacify the images.*/
margin-left:10px;
margin-right:10px;
}
.jThumbnailScroller#tS2 {
margin: 30px auto;
height: 170px;/* height added . because it is removed from the base class*/
}
.jThumbnailScroller#tS2 .jTscroller a img{min-height:113px;/* added to resolve the problem of varying height of images*/}
.jThumbnailScroller#tS2 .jTscrollerNextButton{margin:-20px 10px 0 10px; right:0; top:50%;}
.jThumbnailScroller#tS2 .jTscrollerPrevButton{margin:-20px 10px 0 10px; left:0; top:50%;}
.jThumbnailScroller#tS4 {
margin: 30px auto;
height: 170px;/* height added . because it is removed from the base class*/
}
.jThumbnailScroller#tS4 .jTscroller a {
/* opacity: 0.7; opacity removed to prevent fadeness */
/*other features added to display the text with the images*/
height: 150px;
color:#0273c1;
text-decoration: none;
font-family: verdana;
font-size: 10px;
width:85px;
/* margin added to spacify the images.*/
margin-left:10px;
margin-right:10px;
}

.jThumbnailScroller#tS4 .jTscroller a img{min-height:113px;/* added to resolve the problem of varying height of images*/}
.jThumbnailScroller#tS4 .jTscrollerNextButton{margin:-20px 10px 0 10px; right:0; top:50%;}
.jThumbnailScroller#tS4 .jTscrollerPrevButton{margin:-20px 10px 0 10px; left:0; top:50%;}

/* liquid width scroller */

.jThumbnailScroller#tdfavs {
margin: 30px auto;
height: 170px;/* height added . because it is removed from the base class*/
}
.jThumbnailScroller#tdfavs .jTscroller a
{/*other features added to display the text with the images*/

height: 170px;
color: #0273c1;
text-decoration: none;
font-family: verdana;
font-size: 10px;
width:85px;
/* margin added to spacify the images.*/
margin-left:10px;
margin-right:10px;
}
.jThumbnailScroller#tdfavs .jTscroller a img{min-height:113px;/*added to resolve the problem of varying height of images*/}
.jThumbnailScroller#tdfavs .jTscrollerNextButton{margin:-20px 10px 0 10px; right:0; top:50%;}
.jThumbnailScroller#tdfavs .jTscrollerPrevButton{margin:-20px 10px 0 10px; left:0; top:50%;}

/* liquid width scroller */

.jThumbnailScroller#tvid {
margin: 30px auto;
height: 130px;/* added because height is removed from the base class*/
}

    .jThumbnailScroller#tvid .jTscroller a img {
        width:160px;
    }
.jThumbnailScroller#tvid .jTscroller a
{
    /*other features added to dsiplay the text also*/
    width: 160px;
height: 150px;
color: #0273c1;
text-decoration: none;
font-family: verdana;
font-size: 10px;}

.jThumbnailScroller#tvid .jTscrollerNextButton{margin:-20px 10px 0 10px; right:0; top:50%;}
.jThumbnailScroller#tvid .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);}

/* new id added for tips */
.jThumbnailScroller#tips {
margin: 30px auto;
height: 120px;/* height added . because it is removed from the base class*/
}
.jThumbnailScroller#tips .jTscroller a {
/* opacity: 0.7; opacity removed to prevent fadeness */
/*other features added to display the text with the images*/
height: 120px;
color:#0273c1;
text-decoration: none;
font-family: verdana;
font-size: 10px;
width:130px;
/* margin added to spacify the images.*/
margin-left:10px;
margin-right:10px;
}

.jThumbnailScroller#tips .jTscroller a img{min-height:65px;width:120px;/* added to resolve the problem of varying height of images*/}
.jThumbnailScroller#tips .jTscrollerNextButton{margin:-20px 10px 0 10px; right:0; top:50%;}
.jThumbnailScroller#tips .jTscrollerPrevButton{margin:-20px 10px 0 10px; left:0; top:50%;}