/**
 * Author:      Matt Hinchliffe <www.maketea.co.uk>
 * Modified:    13/06/2014
 * Description: Simple jQuery slideshow
 * Example:
 * <div class="slideshow">
 *     <ul class="carousel">
 *         <li class="slide"><a href="#">Option 1</a></li>
 *         <li class="slide"><a href="#">Option 2</a></li>
 *     </ul>
 * </div>
 */

/* slides */
.slideshow {position:relative; height:580px; direction:ltr;}
.slide {z-index:7;}
.slide img {display:block;}
/* pagination */
.slides-pagination {position:absolute; width:420px; bottom:10px; left:50%; margin-left:-210px; z-index:8;}
.slides-pagination li {display:inline;}
.slides-pagination a {display:block; opacity:0.8; float:left; width:50px; height:5px; margin:0px 5px; background: #e2e2e2; color:transparent;}
.slides-pagination li.selected a {opacity:1; background:#11b8e0;}
.slides-pagination li:hover a {opacity:1;}
/* skip */
.slides-next,.slides-prev {position:absolute; top:50%; margin-top:-1em;	padding:0 .5em;	z-index:9;}
.slides-next {right:0;}
.slides-prev {left:0;}
.slides-next.disabled,.slides-prev.disabled {opacity:.5; cursor:auto;}