/* Helmet Builder jCarousel Skin
   Targets: .jcarousel-skin-helmet
   Arrow assets expected at: helmetbuilder/images/prev-horizontal.png and next-horizontal.png
*/

.jcarousel-skin-helmet .jcarousel-container-horizontal {
    width: 520px;
    height: 530px;
    position: relative;
}

.jcarousel-skin-helmet .jcarousel-clip-horizontal {
    width: 520px;
    height: 530px;
    overflow: hidden;
}

.jcarousel-skin-helmet .jcarousel-item {
    width: 520px;
    height: 530px;
}

/* Prev/Next controls (inside the stage so they aren't hidden) */
.jcarousel-skin-helmet .jcarousel-prev-horizontal,
.jcarousel-skin-helmet .jcarousel-next-horizontal {
    position: absolute;
    top: 249px;              /* vertically centered within 520px */
    width: 32px;
    height: 32px;
    cursor: pointer;
    z-index: 9999;
    background-repeat: no-repeat;
}

/* left arrow */
.jcarousel-skin-helmet .jcarousel-prev-horizontal {
    left: 6px;
    background-image: url(../../../images/prev-horizontal.png);
}

/* right arrow */
.jcarousel-skin-helmet .jcarousel-next-horizontal {
    right: 6px;
    background-image: url(../../../images/next-horizontal.png);
}

/* Disabled states (optional) */
.jcarousel-skin-helmet .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-helmet .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-helmet .jcarousel-prev-disabled-horizontal:active,
.jcarousel-skin-helmet .jcarousel-next-disabled-horizontal,
.jcarousel-skin-helmet .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-helmet .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    opacity: 0.35;
}

/* Only show arrows on the active layer */
#playerImage .layerDiv .jcarousel-prev-horizontal,
#playerImage .layerDiv .jcarousel-next-horizontal {
  display: none;
}

#playerImage .layerDiv.activeLayer .jcarousel-prev-horizontal,
#playerImage .layerDiv.activeLayer .jcarousel-next-horizontal {
  display: block;
}