/*
        Load CSS before JavaScript
*/

/*
        Slides container
        Important:
        Set the width of your slides container
        Set to display none, prevents content flash
*/

.slidesjs-navigation{width: 20px;height: 20px;float: left;font-size: 10px;}

#slides a{color: #000;}



/*
        Optional:
        Reset list default style
*/
ul.slidesjs-pagination {
    list-style:none;
    margin:0 auto;
    padding:0;
    display: block;
    /*position: relative;*/
    /*left: 50%;
    float: left;*/
    border: 0;
    width: 400px;
    overflow: hidden;
height: 20px;float: right;
}

li.slidesjs-pagination-item {
     
    width: 11px;height: 12px;margin: 4px;display: inline-block;float: right;
}

#slides li.slidesjs-pagination-item a {
    text-decoration: none;font-size: 10px;
    width: 12px;height: 12px;display: block; background-color: #e7e7e8;color: #e7e7e8;
}

#slides li.slidesjs-pagination-item a:hover{background-color: #bbcc66; color:#bbcc66}
#slides li.slidesjs-pagination-item .active{background-color: #bbcc66; color:#bbcc66 }