﻿/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container
{
    position: relative;
    overflow: hidden;
}

.jcarousel-clip
{
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list
{
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li, .jcarousel-item
{
    float: left;
    list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ /*width: 180px;*/ /*height: 100px;*/
}

/**
 * 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: 3;
    display: none;
}

.jcarousel-prev
{
    z-index: 3;
    display: none;
}






.jcarousel-skin-ie7 .jcarousel-container
{
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    background: #dedcdb; /*border: 1px solid #808080;*/
}

.jcarousel-skin-ie7 .jcarousel-container-horizontal
{
    width: 700px;
    padding: 5px 25px;
}

.jcarousel-skin-ie7 .jcarousel-clip-horizontal
{
    width: 100%; /*height: 90px;*/
}

.jcarousel-skin-ie7 .jcarousel-item
{
    /*width: 180px;*/ /*height: 90px;*/ /*border: 3px solid #dedcdb;     -moz-border-radius: 10px;     -webkit-border-radius: 10px;     border-radius: 10px;     margin: 2px;*/
}

.jcarousel-skin-ie7 .jcarousel-item:hover
{
    /*border-color: #808080;*/
}

.jcarousel-skin-ie7 .jcarousel-item-horizontal
{
    margin-right: 7px;
}

.jcarousel-skin-ie7 .jcarousel-item-placeholder
{
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-ie7 .jcarousel-next-horizontal
{
    position: absolute;
    top: 50%;
    right: 5px;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: transparent url(/Content/jCarousel-next-horizontal.png) no-repeat 0 0;
    margin-top: -8px;
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover
{
    background-position: -15px 0;
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:active
{
    background-position: -30px 0;
}

.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal, .jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active
{
    cursor: default;
    background-position: -45px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal
{
    position: absolute;
    top: 50%;
    left: 5px;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: transparent url(/Content/jCarousel-prev-horizontal.png) no-repeat 0 0;
    margin-top: -8px;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover
{
    background-position: -15px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:active
{
    background-position: -30px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal, .jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active
{
    cursor: default;
    background-position: -45px 0;
}



.jcarousel-clip
{
    background-color: #b5b4b3;
}
