/***********************************
tango skin is used in otherImagesControl - 1 column

ps skin is used int productSlideCOntrol - 2 columns

sps skin is used in productSlide2Control - 3 columns
************************************/
.jcarousel-skin-tango .jcarousel-container {
    /*-moz-border-radius: 10px;*/
    border: 0px solid #E3E3E3;
    background-color:White;
}

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

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  276px;
    height: 80px;
    margin-left : 18px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 59px;
    height: 80px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 8px;
    margin-left	: 2px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    /*background: #fff;*/
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 30px;
    right: 11px;
    width: 22px;
    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: pointer;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 30px;
    left: -3px;
    width: 20px;
    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: -0px 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;
}

/****************************************************
*		product slide 1 - ps
*****************************************************/
.jcarousel-skin-ps .jcarousel-container {
    /*-moz-border-radius: 10px;*/
    border: 0px solid #E3E3E3;
    background-color: White;
    margin-top : -7px;
}

.jcarousel-skin-ps .jcarousel-container-horizontal {
    width: 322px;
    padding : 0px;
}

.jcarousel-skin-ps .jcarousel-clip-horizontal {
    width:  280px;
    height: 170px;
    margin-left : 18px;
}

.jcarousel-skin-ps .jcarousel-item {
    width: 60px;
    height: 170px;
}

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

.jcarousel-skin-ps .jcarousel-item-placeholder {
    /*background: #fff;*/
    color: #000;
}

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

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

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

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

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

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

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

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

/****************************************************
*		product slide 2 - sps
*****************************************************/
.jcarousel-skin-sps .jcarousel-container {
    background-color: White;
    margin-top : -7px;
}

.jcarousel-skin-sps .jcarousel-container-horizontal {
    width: 318px;
    padding : 0px;
}

.jcarousel-skin-sps .jcarousel-clip-horizontal {
    width:  280px;
    height: 250px;
    margin-left : 22px;
}

.jcarousel-skin-sps .jcarousel-item {
    width: 60px;
    height: 250px;
}

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

.jcarousel-skin-sps .jcarousel-item-placeholder {
    /*background: #fff;*/
    color: #000;
}

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

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

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

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

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

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

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

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

/****************************************************
*		product slide my - mount your
*****************************************************/
.jcarousel-skin-my .jcarousel-container {
    background-color: White;
    margin-top : -7px;
}

.jcarousel-skin-my .jcarousel-container-horizontal {
    width: 150px;
    padding : 0px;
    margin-left: -5px;
}

.jcarousel-skin-my .jcarousel-clip-horizontal {
    width:  120px;
    height: 90px;
    margin-left : 30px;
}

.jcarousel-skin-my .jcarousel-item {
    width: 50px;
   /*border : solid 1px gray;*/
}

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

.jcarousel-skin-my .jcarousel-item-placeholder {
    /*background: #fff;*/
    color: #000;
}

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

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

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

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

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

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

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

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