/* Skitter styles */

.box_skitter ul {display:none;}
.box_skitter .container_skitter {overflow:hidden;position:relative;}
.box_skitter .image {overflow:hidden;}
.box_skitter .image img {display:none;}

.box_skitter .box_clone {position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20;}
.box_skitter .box_clone img {position:absolute;top:0;left:0;z-index:20;}

.box_skitter .prev_button, .box_skitter .next_button {
    position:absolute;
    top:53%;
    z-index:100;
    width:42px;
    height:42px;
    overflow:hidden;
    text-indent:-9999em;
    margin-top:-25px;}

    .box_skitter .next_button {right:25px;background:url(next.png) no-repeat left top;}
    .box_skitter .prev_button {left:25px; background:url(prev.png) no-repeat left top;}

.box_skitter .info_slide {
    position:absolute;
    bottom:-45px;
    right:15px;
    z-index:100;
    background:#4F0F7A;
    color:#BED606;
    font:bold 11px arial;
    padding:5px 0 5px 5px;
    border-radius:5px;
    opacity:0.75;}
    
    .box_skitter .info_slide .image_number {
        background:#B359C0;
        float:left;
        padding:2px 10px;
        margin:0 5px 0 0;
        cursor:pointer;
        border-radius:2px;}
    
    .box_skitter .info_slide .image_number_select {
        background: #BED606;
        color:#4F0F7A;
        float:left;
        padding:2px 10px;
        margin:0 5px 0 0;}

.loading {position:absolute; top:50%; right:50%; z-index:10000; margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url(../images/ajax-loader.gif) no-repeat left top;width:32px;height:32px;}

/**
 * Example for dimenions:
 */
.box_skitter_large {width:800px;height:300px;}
.box_skitter_small {width:200px;height:200px;}