@charset "utf-8";
/* CSS Document */

.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; display: block !important;   /**************** show only on load *****************/ }
ul#home_scroll { float: left; list-style: none; height: 120px; overflow: hidden; display: none;          /******************** hide while loading *********************/ }
ul#home_scroll li { list-style: none; display: block; }
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; }
/**
 * 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-container { position: relative; width: 940px; position: relative; }
.jcarousel-skin-tango .jcarousel-container-horizontal { padding: 0px; position: relative; width: 940px; height: 150px; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width:  870px; padding-top: 15px; height: 120px; margin: 0px auto; position: relative; overflow: hidden; }
.jcarousel-skin-tango .jcarousel-item { width: 100px; height: 100px; padding: 10px; background: url('../image_bg.png') no-repeat; }
.jcarousel-item { }
.jcarousel-item a img { width: 100px; height: 100px; background: none; padding: 0px; border: 0px; }
.jcarousel-item a:hover img { }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 5px; }
.jcarousel-skin-tango .jcarousel-item-placeholder { color: #000; }
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 60px; right: -10px; width: 40px; height: 35px; cursor: pointer; background: transparent url(next.png) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -47px 0; }
.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -94px 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: default; background-position: -141px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 60px; left: -10px; width: 40px; height: 35px; cursor: pointer; background: transparent url(prev.png) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: -47px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -94px 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: -141px 0; }

