.ui-carousel {

    display: block;
    float: left;
    box-sizing: border-box;

    height: 100px;

    margin: 0;

    overflow: auto;

    padding: 0;

    position: relative; /*for ie7 to work e.g in html carousels*/

    width: 300px

}



.ui-carousel > .wrapper {

    margin: 0;

    padding: 0;

    width: 9999px;

}



.ui-carousel > .wrapper > * {

    border: 0;

    display: block;

    float: left;

    height: 100px;

    overflow: hidden;

    width: 100px;    

}



#slide {
    display: block;
    float: left;
    box-sizing: border-box;
}

#pages {

    float: left;
    box-sizing: border-box;

    height: 23px;  

    position: absolute;

    margin-left: auto;
    margin-right: auto;

    top: 395px;
    left: 475px;

    display: none;

}



.bullet {

    box-sizing: border-box;

    background: url(../images/slides/bullete_empty.png) center center no-repeat;

    display: block;

    width: 23px;

    height: 23px;

    margin: 0;

    margin-right: 5px;

    float: left;
    
}



div#container {

    display: block;
    box-sizing: border-box;

    width: 1024px;

    height: 430px;


    float: none;
    position: relative;

    margin-left: auto;
    margin-right: auto;
}



div#container:hover div#pages,
div#container:hover a#ui-carousel-next,
div#container:hover a#ui-carousel-prev {
    display: block;
}




#carousel {

    display: block;
    float: left;
    box-sizing: border-box;

    margin: 0 auto;
}



#carousel img {

    border: 0;

}



#ui-carousel-next, #ui-carousel-prev {

    width: 52px;

    height: 65px;

    background: url(../images/slides/arrow_left.png) center center no-repeat;


    position: relative;

    top: 115px;

    z-index: 5100;

    display: none; 

}



#ui-carousel-next {

    right: 0;

    left: 972px;
    top: 180px;


    background-image: url(../images/slides/arrow_right.png);

}



#ui-carousel-prev {

    left: 0;

}



#ui-carousel-next > span, #ui-carousel-prev > span {

    display: none;

}


carousel_first {
    display: none;

}

carousel_image {
    display: none;

}