/*
Theme Name: Custom jCarousel Layout
Description: Standalone skin asset configuration file for the jCarousel component.
Version: 1.0
*/

/* ==========================================================================
   WORDPRESS COMPATIBLE jCAROUSEL ELEMENT STYLES
   ========================================================================== */

.jcarousel-skin-tango .jcarousel-container {
    margin: 0 0 56px 0;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 942px;
    padding: 0px 0px 0 0;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 219px;
    margin-right: 22px;
    min-height: 266px;
}

.jcarousel-skin-tango .jcarousel-item>div>a { 
    display: block;
    padding: 10px 11px 18px; 
    color: #7b7b7b; 
    line-height: 18px; 
    font-size: 12px;
}

.indent1 { padding: 10px 10px 18px !important; }
.indent2 { padding: 10px 11px 18px !important; }

.jcarousel-skin-tango .jcarousel-item>a:hover { 
    background: #cc3333; 
    color: #f5d6d6;
}

.jcarousel-skin-tango .jcarousel-item>div>a strong { 
    text-transform: uppercase; 
    color: #386570; 
    display: inline-block;
}

.jcarousel-skin-tango .jcarousel-item>div>a:hover strong { 
    color: #FFFFFF;
}

.jcarousel-skin-tango .jcarousel-item>div>a img { 
    margin-bottom: 12px;
}

.jcarousel-skin-tango .jcarousel-item .box { 
    display: inline-block; 
    padding: 0 0 0 7px;
}

.jcarousel-skin-tango .jcarousel-item>div { 
    background: #ededed; 
    overflow: hidden !important; 
    border-radius: 10px;
}

.jcarousel-skin-tango .jcarousel-item>div:hover { 
    background: #cc3333;
}

.jcarousel-skin-tango .jcarousel-item>div:hover a { 
    color: #f5d6d6;
}

/* ==========================================================================
   HORIZONTAL BUTTONS (Paths updated for WordPress structure)
   ========================================================================== */

.jcarousel-skin-tango .jcarousel-next-horizontal {
    background: url(images/car_next.png) right 0px no-repeat;
    right: 2px;
    width: 33px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    background: url(images/car_prev.png) 18px 0px no-repeat;
    right: 26px;
    width: 33px;
    border-right: 1px solid #efefef;
    padding-right: 8px;
}

.jcarousel-skin-tango .jcarousel-next-horizontal, 
.jcarousel-skin-tango .jcarousel-prev-horizontal { 
    height: 24px; 
    position: absolute; 
    top: -46px; 
    cursor: pointer;
}

.jcarousel-next-disabled, 
.jcarousel-skin-tango .jcarousel-next-horizontal:hover { 
    background-position: right -25px !important;
}

.jcarousel-prev-disabled, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { 
    background-position: 18px -25px !important;
}