#video_player{
    clear:both;
    float:right;
    width:440px;
    height:410px;
    margin:25px 15px 0 0;
}

#video-scroller{margin-top:470px;}

#preloader{
    float:right;
    z-index: 1000;
    padding: 5px;
    text-align: center;
    display:none;
}

.scrollable {
    position:relative;
    overflow:hidden;
    width: 1020px;
    height:122px;
    float:left;
    }

.items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

.items div {
    float:left;
}

.items a {
    float:left;
    margin:8px 5px 8px 13px;
}

/* single scrollable item */
.scrollable img {
    float:left;
    margin:0;
    padding:2px;
    cursor:pointer;
}

/* active item */
#media .scrollable .active {
    border:2px solid yellow;
    z-index:9999;
    position:relative;
}

.browse{margin-top:40px;}

a.browse {
    background:url(../img/video_scroll/hori_large.png) no-repeat;
    display:block;
    width:30px;
    height:30px;
    float:left;
    cursor:pointer;
    font-size:1px;
}


/* right */
a.right 	{ background-position: 0 -30px; clear:right; margin-right: 0px; margin-left:10px;}
a.right:hover 	{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; }


/* left */
a.left		{ margin-left: 0px; margin-right:10px;}
a.left:hover  	{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* disabled navigational button */
a.disabled {
    visibility:hidden !important;
}

/* the overlayed element */
.apple_overlay {
    position:relative;
    display:none;
    background-image:url(../img/overlay/white.png);
    width:640px;
    padding:35px;
    font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
    background-image:url(../img/overlay/close.png);
    position:absolute; right:5px; top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
}