/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container { position: relative; }

.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: 75px;
    height: 75px;
	*/ }

/**
 * 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-tango*/
.jcarousel-skin-tango { padding-top: 6px; }
.jcarousel-skin-tango .jcarousel-container { -moz-border-radius: 10px; }

.jcarousel-skin-tango .jcarousel-container-horizontal { width: 321px; height: 62px; padding: 0px 14px; }

.jcarousel-skin-tango .jcarousel-clip-horizontal { width: 320px; height: 65px; }


.jcarousel-skin-tango .jcarousel-item { float: left; margin-right: 0px; display: inline; width: 64px; }
.jcarousel-skin-tango .jcarousel-item img { padding: 2px; border: 1px solid #ccc; width: 55px; height: 55px; }
.jcarousel-skin-tango .jcarousel-item .cur_on { border: 2px solid #e4393c; padding: 1px; }

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

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

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 0px; right: 0px; width: 15px; height: 64px; cursor: pointer; background: transparent url(../images/movebar.jpg) no-repeat -12px 9px; }

.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -12px -180px; }
.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -12px -117px; }
.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: -12px -54px; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 0px; left: 0px; width: 12px; height: 64px; cursor: pointer; background: transparent url(../images/movebar.jpg) no-repeat 0 9px; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: 0 -180px; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: 0 -117px; }
.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: 0 -54px; }
