//**********************************************************


  //*****************************            *****************************


/* slideshow (see template horizontal)
******************************************/
.slideshow{
    display: inline-block;
    overflow:  hidden;
    position: relative;
    text-align: center;
    width : 1000px;/*what you want*/
}
.slideshow img{
    vertical-align: middle;
    height: 570px;
    width: 1020px;
}
.slideshow a:active, .slideshow a:focus {
    border:none;
    outline:none;
}
/* image
******************************************/
.slideshow > .scroller{
    overflow: hidden;
    width : 1000px;/*what you want*/
}
.slideshow > .scroller > div{
    display: table;
    table-layout: fixed;
    position: relative;
    width : 0;/*important disable auto width*/
}
.slideshow > .scroller > div > div{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width :1000px;/*what you want*/
}
/* image button
******************************************/
.slideshow > .button{
    position: relative;
    display : inline-block;
    width : 25px;/*what you want*/
    height : 25px;/*what you want*/
    margin : 5px;/*what you want*/
    background-repeat: no-repeat;
}
.slideshow > .button.disabled{
    display : none;
}
.slideshow > .button.first{
    background-position: 0 0;
}
.slideshow .previous{
    position: absolute;
    top: 35%;
    left: 20px;
    z-index: 999;
}
.slideshow > .button.play{
    background-position: -50px 0px;
}
.slideshow > .button.pause{
    background-position: -75px 0px;
}
.slideshow > .button.resume{
    background-position: -50px 0px;
}
.slideshow > .button.stop{
    background-position: -100px 0px;
}
.slideshow .next{
    position: absolute;
    top: 35%;
    right: 20px;
    z-index: 999;
}
.slideshow > .button.last{
    background-position: -150px 0px;
}
/* end image button
******************************************/

/* end image
******************************************/


/* navigation
******************************************/
.slideshow > .navigation{
    display: inline-table;
    margin: 40px 0;
}
.slideshow >.navigation > div {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.slideshow > .navigation > div > *{
    float:left;
}
.slideshow > .navigation > div > .scroller{
    display: inline-block;
    overflow: hidden;
    max-width : 1020px;/*what you want*/
}

/* navigation button
******************************************/
/*customisation*/
.slideshow > .navigation > div > .button{
    width : 25px;/*what you want*/
    height : 25px;/*what you want*/
    margin : 5px;/*what you want*/
    background-repeat: no-repeat;
    background-position: center;
}

.slideshow > .navigation > div > .button.scroll_first{
    background-position: 0 -25px;
}
.slideshow .scroll_previous{
position: relative;
right: 30px;
top: 60px;
font-size: 30px;

    }
.slideshow .scroll_next{
    left: 20px;
    position: relative;
    top: 60px;
    font-size: 30px;

    }
.slideshow > .navigation > div > .button.scroll_last{
    background-position: -50px -25px;
}
/* end navigation button
******************************************/


/* navigation scroller & items
******************************************/
.slideshow > .navigation > div > .scroller > div {
    display: table;
    table-layout: fixed;
    width : 0;/*disable auto width*/
}
.slideshow > .navigation > div > .scroller > div >  a{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width : 170px;/*what you want*/
    height : 140px;/*what you want*/
    padding-right: 12px;

}

.slideshow > .navigation > div > .scroller > div >  a img{
    width: 170px;
    height: 134px;
}
.slideshow > .navigation > div > .scroller > div >  a.selected{

}
.slideshow > .navigation > div > .scroller > div >  a.scrolled{
    background-color: gray;
}
.small-img {
    width: 850px !important;
}
/* end navigation scroller & items
******************************************/

/* end navigation
******************************************/

/* end slideshow
******************************************/