/*
  slideshow.css
  ==
  This is the essential CSS markup that is required for jSlide to work properly.
*/

div.showcase {
    position: relative;
    }

div.showcase ul.layers {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clear: both;
    position: relative;
    top: 0;
    left: 0;
    }

    div.showcase ul.layers li {
        float: left;
        position: absolute;
        }

div#example {
    position: relative;
    }

div#example ul.layers {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clear: both;
    position: relative;
    top: 0;
    left: 0;
    }

    div#example ul.layers li {
        float: left;
        position: absolute;
        }

        
.active {
    color: #000;
    text-decoration: none;
    }
    
.loading {
    background: url(../images/ajax-loader.gif) no-repeat center #DDD !important;
    }