/*====================
      Common 
  ====================*/
.jcarousel-skin-metal {
    margin: 0;
    padding: 0;
    background-color: transparent;
/*    border : 1px dotted #888; */
}
.jcarousel-skin-metal .jcarousel-item {
    margin:  0;
    padding: 0;
    width:  75px;
    height: 75px;
    background-color: black;
    overflow: hidden;
}
.jcarousel-skin-metal .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
/*====================
      Horizontal 
  ====================*/
.jcarousel-skin-metal .jcarousel-container-horizontal {
    margin: 5px auto;
    padding: 0;
    width: 96%;
/*    border: 1px dotted #f88; */
}

.jcarousel-skin-metal .jcarousel-clip-horizontal {
    margin:  0 auto;
    padding: 0;
    width: 88%;
/*    border: 1px dotted #0f0; */
}

.jcarousel-skin-metal .jcarousel-prev-horizontal {
    position: absolute;
    margin-top: 0;
    top:     0px;
    left:    0px;
    width:  32px;
    height: 27px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-metal .jcarousel-next-horizontal {
    position: absolute;
    margin-top: 0;
    top:     0px;
    right:   0px;
    width:  32px;
    height: 27px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

* html .jcarousel-skin-metal .jcarousel-prev-horizontal{
    background: transparent url(prev-horizontal.gif) no-repeat 0 0;
} /* for MSIE6 */
* html .jcarousel-skin-metal .jcarousel-next-horizontal{
    background: transparent url(next-horizontal.gif) no-repeat 0 0;
} /* for MSIE6 */

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

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

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

/*====================
      Vertical 
  ====================*/
.jcarousel-skin-metal .jcarousel-container-vertical {
    margin: 0 auto;
    width:  90%;
    height: 400px;
/*    border: 1px dotted #f88; */
    overflow: hidden;
}
/* UL */
.jcarousel-skin-metal .jcarousel-clip-vertical { 
    margin: 0 auto;
    width:  96%;
    height: 80%;
/*    border: 1px dotted #0f0; */
    overflow: hidden;
}

.jcarousel-skin-metal .jcarousel-prev-vertical {
    position: absolute;
    margin-top: 0;
    top:     0px;
    left:    0px;
    width:  27px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}
.jcarousel-skin-metal .jcarousel-next-vertical {
    position: absolute;
    margin-top: 0;
    top:     0px;
    right:   0px;
    width:  27px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

* html .jcarousel-skin-metal .jcarousel-prev-vertical{
    background: transparent url(prev-vertical.gif) no-repeat 0 0;
} /* for MSIE6 */
* html .jcarousel-skin-metal .jcarousel-next-vertical{
    background: transparent url(next-vertical.gif) no-repeat 0 0;
} /* for MSIE6 */


.jcarousel-skin-metal .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}
.jcarousel-skin-metal .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-metal .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}
.jcarousel-skin-metal .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

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