/* Tiny Carousel */
#slider-code1 { height: 5%; overflow:hidden; position: relative;   }
#slider-code1 .viewport { height: 225px; overflow: hidden; position: relative; text-align:center }
#slider-code1 .buttons {
    background: #C01313;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 35px;
    height: 35px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 35px;
    text-decoration: none;
    font-size: 22px;
}
#slider-code1 .next {
    right: 0;
    left: auto;
    top: 50%;
}
#slider-code1 .buttons:hover{
    color: #C01313;
    background: #fff;
}
#slider-code1 .disable { visibility: hidden; }
#slider-code1 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0 top: 0; }
#slider-code1 .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 121px;  width: 236px;}

#slider-code2 { height: 5%; overflow:hidden; position: relative;   }
#slider-code2 .viewport { height: 225px; overflow: hidden; position: relative; text-align:center }
#slider-code2 .buttons {
    background: #C01313;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 35px;
    height: 35px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 35px;
    text-decoration: none;
    font-size: 22px;
}
#slider-code2 .next {
    right: 0;
    left: auto;
    top: 50%;
}
#slider-code2 .buttons:hover{
    color: #C01313;
    background: #fff;
}
#slider-code2 .disable { visibility: hidden; }
#slider-code2 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0 top: 0; }
#slider-code2 .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 121px;  width: 236px;}
