/* 
 * Simplified by adonovan from original source at
 * http://sorgalla.com/projects/jcarousel/skins/tango/skin.css 
 * 
 * Colours changed.  Vertical alignment stuff eliminated.
 * Item widths set to minimum of 100 (not exactly equal to 75);
 * in practise the images are all wider than this.
 * Item heights set to exactly 200.
 */

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    background: #5b2121;
    border: 1px solid #bebebe;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    min-width: 600px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    height: 200px;
}

.jcarousel-skin-tango .jcarousel-item {
    min-width: 100px;
    height: 200px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

/* Item background if item image is too small */
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/* Item image styles */

/* Highlight borders of periodical carousel images during hover */
li.jcarousel-item a:hover img {
  opacity: 1.0;
}
li.jcarousel-item {
  background-color: black; /* to avoid red bg showing through translucence */
}
li.jcarousel-item a img {
  opacity: 0.80;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 105px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 105px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}