/*
        Load CSS before JavaScript
*/

/*
        Slides container
        Important:
        Set the width of your slides container
        Set to display none, prevents content flash
*/
.slides_container {
    width:505px;
    display:none;
    height: 700px;
}

/*
        Each slide
        Important:
        Set the width of your slides
        If height not specified height will be set by the slide content
        Set to display block
*/
.slides_container div.slide {
    width:505px;
    height:692px;
    display:block;
}

/*
        Set the size of your carousel items
*/
.item {
    float:left;
    width:505px;
    height:692px;
    /*margin:0 10px;*/
    background:#efefef;
}

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

/*
        Optional:
        Show the current slide in the pagination
*/
.pagination .current a {
    color:red;
}