@charset "utf-8";
/* CSS Document */

#SliderFrame
{
    width:1000px;
    height:240px;
    margin-left:0px;
    background-color:#062f41;
	
}
#slider, #slider div.sliderInner
{
    width:100%;height:240px;/* Must be the same size as the slider images */
}
#slider
{
    background:#062f41 url(loading.gif) no-repeat 50% 50%;
    width:100%;
    height:240px;
    transform: translate3d(0,0,0);
}
/* the link style (if an image is wrapped in a link) */
#slider a.imgLink, #slider .video
{
    z-index:20;
    position:absolute;
    top:0px;left:0px;border:0;padding:0;margin:0;
    width:100%;height:100%;
}
#slider .video
{
    background:transparent url(video.png) no-repeat 50% 50%;
}
#slider div.navBulletsWrapper
{
    display:none;
}
#slider div.loading
{
    width:100%;
    height:100%;
    background:transparent url(loading.gif) no-repeat 50% 50%;
    filter:alpha(opacity=60);
    opacity:0.6;
    position:absolute;
    left:0;
    top:0;
    z-index:9;
}

#slider img, #slider>b, #slider a>b
{
    
	position:absolute;
    border:none;
    display:none;
}

#slider div.sliderInner
{
    overflow:hidden;
    -webkit-transform:rotate(0.000001deg);/* fixed the Chrome not crop border-radius bug*/
    position:absolute;
    top:0;
    left:0;
}

#slider > a, #slider video, #slider audio
{
    display:none;
}

#thumb-container
{
    width:100%;
    height:160px;
}
#thumbs
{
    margin-left:80px;
    margin-top:5px;
    padding-left:4px;
    float:left;
}
#thumbs .thumb
{
    display:inline-block;
    *display:inline;zoom:1;/*IE6, IE7 hack*/
    margin:0 1px;/*this determins the distance between each thumbnail*/
    /* border:1px solid #afe9fb;*/
    padding:4px;

}

#thumbs .thumb img
{
    border:1px solid #afe9fb;
    cursor:pointer;
    width:70px;
    height:44px;
    opacity:0.5;
    filter:alpha(opacity=50);
}
#thumbs .thumb-on img
{
    opacity:1;
    filter:alpha(opacity=100);
}