/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 52;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 51;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 22px 0 0;
}

.jcarousel-item,
.jcarousel-list li {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 64px;
    height: 64px;
    margin-bottom: 0;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 53;
    display: block;
}

.jcarousel-prev {
    z-index: 5;
    display: none !important;
}

/*--- A/V: video rotation ---*/

.jcarousel-skin-ngj .jcarousel-container {  }
.jcarousel-skin-ngj .jcarousel-container-horizontal,
.jcarousel-skin-ngj .jcarousel-clip-horizontal,
.jcarousel-skin-ngj .jcarousel-item,
.jcarousel-skin-ngj .jcarousel-item-horizontal { /*height: 74px;*/ height: 116px }
.jcarousel-skin-ngj .jcarousel-item-horizontal img { padding: 5px }
.jcarousel-skin-ngj .jcarousel-container-horizontal { width: 175px; border-style: solid; border-color: #888; border-width: 0 1px 1px; padding: 0 }
.jcarousel-skin-ngj .jcarousel-clip-horizontal { width: 139px }
.jcarousel-skin-ngj .jcarousel-item,
.jcarousel-skin-ngj .jcarousel-item-horizontal { width: 64px; margin: 0; text-align: center }
.jcarousel-skin-ngj .jcarousel-item-placeholder { background: #fff; color: #000 }

/* Horizontal Buttons */
.jcarousel-skin-ngj .jcarousel-prev-horizontal { display: none !important; position: absolute; top: 50%; left: 0; margin-top: -13px; width: 21px; height: 26px; cursor: pointer; background: transparent url('../i/more-arrow.png') no-repeat 0 0 }
.jcarousel-skin-ngj .jcarousel-prev-horizontal:hover { background-position: 0 0 }
.jcarousel-skin-ngj .jcarousel-prev-horizontal:active { background-position: 0 0 }
.jcarousel-skin-ngj .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-ngj .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-ngj .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: 0 0 }

.jcarousel-skin-ngj .jcarousel-next-horizontal[disabled],
.jcarousel-skin-ngj .jcarousel-next-horizontal { position: absolute; top: 50%; right: 0; width: 24px; height: 116px; margin-top: -58px; cursor: pointer; background: #fff url('../i/more-arrow-fade.png') no-repeat 0 8px !important; border-left: 1px solid #888 }
.jcarousel-skin-ngj .jcarousel-next-horizontal {}
.jcarousel-skin-ngj .jcarousel-next-horizontal:hover { background-position: 0 0 }
.jcarousel-skin-ngj .jcarousel-next-horizontal:active { background-position: 0 0 }
.jcarousel-skin-ngj .jcarousel-next-disabled-horizontal,
.jcarousel-skin-ngj .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-ngj .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: 0 0 }