#slides {
    position:relative;
    margin:11px 0 0 11px;
    z-index:100;

    a.next, a.prev {
        background:url(@IMAGES_URL+'slider/buttons_slide_1.png') no-repeat;
        display:none;
        z-index: 500;
        width:118px;
        height:118px;
        position: absolute;
        top:45px;
        margin:40px 10px;
        cursor:pointer;
        font-size:1px;
        text-indent: -4000px;
    }

    a.prev{        
        left:10px;
        margin-left: 0px;
    }
    a.next{
        right:20px;
        background-position: 0 -118px; 
        clear:right; 
        margin-right: 0px;
    }
    a.next:hover{
        background-position:-119px -118px;
    }
    a.prev:hover{
        background-position:-119px 0;
    }

}
#slides:hover .prev, 
#slides:hover .next{
    display:block;
}
.slides_container {
    width:968px;
    overflow:hidden;
    position:relative;
    display:none;

    div.slide {
        width:968px;
        height:321px;
        display:block;
    }
}

.pagination{
    display:none;
    position: absolute;
    right: 50px;
    top: 20px;
    width: 100px;
    z-index: 500;

    li{
        float:left;
        margin:0 1px;
        list-style:none;

        a{
            display:block;
            width:12px;
            height:0;
            padding-top:12px;
            background-image:url(@IMAGES_URL+'slider/pagination.png');
            background-position:0 0;
            float:left;
            overflow:hidden;
        }
    }

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

.caption{
    z-index:500;
    position:absolute;
    bottom:-35px;
    left:0;
    height:30px;
    padding:5px 20px 0 20px;
    background:#000;
    background:rgba(0,0,0,.5);
    width:100%;
    font-size:1.3em;
    line-height:1.33;
    color:#fff;
    border-top:1px solid #000;
    text-shadow:none;
}