/* Tiny Carousel */
#slider1 { height: 1%; margin: 30px 0 0; overflow:hidden; position: relative;}
#slider1 .viewport { height: 490px; overflow: hidden; position: relative; }
#slider1 .buttons {
  
width: 50px;
height: 50px;
line-height: 50px;
margin-top: -17px;
border: 1px solid #e9e9e9;
position: absolute;
top: 40%;
cursor: pointer;
z-index:9999;
opacity:0.6;
}
    #slider1 .prev {
        background: url(../images/arrows1.png) #eee no-repeat 0 -54px;
        left:0px;
    }
#slider1 .next {
     background: url(../images/arrows1.png) #eee no-repeat 0 -3px;
    right: 0;
    left: auto;
    top: 40%;
}
#slider1 .buttons:hover{
    opacity:1;
}
#slider1 .disable { visibility: hidden; }
#slider1 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0 ;top: 0; }
#slider1 .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 121px;width: 218px;}

#slider2 { height: 100%; margin:0 auto; overflow:hidden; position: relative;width: 100%;}
#slider2 .viewport { height: 490px; overflow: hidden; position: relative; }
#slider2 .buttons {
  
width: 50px;
height: 50px;
line-height: 50px;
margin-top: -17px;
border: 1px solid #e9e9e9;
position: absolute;
top: 40%;
cursor: pointer;
z-index:9999;
opacity:0.6;
}
    #slider2 .prev {
        background: url(../images/arrows1.png) white no-repeat 0 -54px;
        left:0px;
    }
#slider2 .next {
     background: url(../images/arrows1.png) white no-repeat 0 -3px;
    right: 0;
    left: auto;
    top: 40%;
}
#slider2 .buttons:hover{
    opacity:1;
}
#slider2 .disable { visibility: hidden; }
#slider2 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width:100%; left: 0 ;top: 0; }
#slider2 .overview li{ float: left; margin: 0 20px 0 20px; padding: 1px; height: 100%;width: 298px;}

#slider3 { height: 100%; margin: 30px 0 0;  position: relative;}
#slider3 .viewport { height: 100%; position: relative; }
#slider3 .buttons {
  
width: 50px;
height: 50px;
line-height: 50px;
margin-top: -17px;
border: 1px solid #e9e9e9;
position: absolute;
top: 40%;
cursor: pointer;
z-index:9999;
opacity:0.6;
}
    #slider3 .prev {
        background: url(../images/arrows1.png) white no-repeat 0 -54px;
        left:0px;
    }
#slider3 .next {
     background: url(../images/arrows1.png) white no-repeat 0 -3px;
    right: 0;
    left: auto;
    top: 40%;
}
#slider3 .buttons:hover{
    opacity:1;
}
#slider3 .disable { visibility: hidden; }
#slider3 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: auto; left: 0 ;top: 0; }
#slider3 .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 100%;width: auto;}