/* =Skitter styles
----------------------------------------------- */
.box_skitter
{
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
}

.box_skitter img
{
    max-width: none;
}
/* Tip for stildv */
.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 clone
-------------------------------------------------------------- */
.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:hover, .box_skitter .next_button:hover
{
    opacity: 0.5 !important;
}

/* =Numbers
-------------------------------------------------------------- */
.box_skitter .info_slide
{
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 100;
    background: #b0d23a;
    color: #fff;
    font: bold 11px arial;
    padding: 5px 0 5px 5px;
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";/*IE8+*/  
    filter: alpha(opacity=75); /* IE7 and lower */ 
}

.box_skitter .info_slide .image_number
{
    background: #0094c1;
    float: left;
    padding: 2px 7px;
    margin: 0 5px 0 0;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.box_skitter .info_slide .image_number:hover
{
    background: #ec6b34;
}

.box_skitter .info_slide .image_number_select, .box_skitter .info_slide .image_number_select:hover
{
    background: #ec6b34;
    float: left;
}

/* =Loading
-------------------------------------------------------------- */
.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;
}

/* =Label
-------------------------------------------------------------- */
.box_skitter .label_skitter
{
    background: url(../images/banner-bg-text.png) repeat-y right top;
    font-size: 28px;
    z-index: 150;
    position: absolute;
    bottom: 116px;
    right: 0;
    color: #000;
    display: none;
    line-height: 46px;
    padding-left: 173px;
}


/* =Focus
-------------------------------------------------------------- */

.box_skitter .focus_button
{
    position: absolute;
    top: 50%;
    z-index: 100;
    width: 42px;
    height: 42px;
    overflow: hidden;
    text-indent: -9999em;
    margin-top: -25px;
    opacity: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

/* =Default theme
-------------------------------------------------------------- */


/* =Navigation
-------------------------------------------------------------- */
.box_skitter .next_button, .box_skitter .prev_button
{
    background: url('../images/sprite-default.png') no-repeat;
    display: block;
    position: absolute;
    top: 50%;
    z-index: 152;
    width: 42px;
    height: 42px;
    overflow: hidden;
    text-indent: -9999em;
    margin-top: -25px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";/*IE8+*/  
    filter: alpha(opacity=0); /* IE7 and lower */ 
}

.box_skitter .next_button
{
    background-position: -0px -42px;
    right: 15px;
    width: 42px;
    height: 42px;
}

.box_skitter .prev_button
{
    background-position: -42px -42px;
    left: 15px;
    width: 42px;
    height: 42px;
}