/* Basic jQuery Slider essential styles */

ul.slides{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.slides-slide{position:absolute; display:none; background-repeat: no-repeat; }
ul.slides-controls{list-style:none;margin:0;padding:0;z-index:999; position:absolute; width: 100%;}
ul.slides-controls.v-centered li {}
ul.slides-controls.v-centered li.slides-next {right:0;}
ul.slides-controls.v-centered li.slides-prev {left:0;}
ol.slides-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.slides-markers.h-centered{text-align: center;}
ol.slides-markers li{display:inline;}
ol.slides-markers li a{display:inline-block;}
p.slides-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

.slides-next, .slides-prev {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: transparent;
    text-indent: -500px;
    overflow: hidden;
    height: 100px;
    width: 100px;
    position: absolute;
    cursor: pointer;
    z-index:999;
}

.slides-next  {
    background-image: url("../images/q/slides_next.png");
}

.slides-prev {
    background-image: url("../images/q/slides_prev.png");
}