/*
    Slideshow
*/

#slides {
    position:relative;
    z-index:0;
    width: 956px;
    height: 322px;
}

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

.slides_container {
    width:956px;
    overflow:hidden;
    position:relative;
    display:none;
}

.slides_container div.slide {
    width:956px;
    height:324px;
    display:block;
}

/*
    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 a {
    /*width:570px;*/
    height:270px;
    display:block;
}

.slides_container a img {
    display:block;
}

/*
    Next/prev buttons
*/

#slides .next,#slides .prev {
    position:absolute;
    top:265px;
    left:-16px;
    width:24px;
    height:43px;
    display:block;
    z-index:101;
}

#slides .next {
    left:925px;
}

/*
    Pagination
*/

.pagination {
    margin: -20px 0 0 0;
    position: absolute;
    z-index:9;
    right:-4px;
    width: 754px;
}

.pagination li {
    float:left;
    margin:2px 1px;
    list-style:none;
}

.pagination li a {
    display:block;
    width:12px;
    height:0;
    padding-top:10px;
    /*background-image:url(/templates/__custom/images/ecru/pagination.png);*/
    background-position:0 0;
    float:left;
    overflow:hidden;
    outline:none;
}

.pagination li.current a {
    background-position:12px 0px;
}

.caption {
    z-index:500;
    position:absolute;
    bottom:0;
    left:0;
    height:275px;
    padding:5px 20px 0 0;
    width:390px;
    font-size:1.3em;
    line-height:1.33;
    color:#fff;
    text-shadow:none;
    margin: 0 0 0 535px;
}

.slides_control { height: 324px !important;}