.jcarousel-control { margin-bottom: 10px; text-align: left; position: relative; top: -36px; z-index: 9; }



.jcarousel-control a { font-size: 18px; text-decoration: none; padding: 12px 20px; margin: 0 0 5px; color: #fff; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, "Trebuchet MS", Geneva, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; }

.jcarousel-control a span { text-indent: -9999px; display: none; }

.jcarousel-control a:focus,

.jcarousel-control a:active { color: #181818; outline: none medium; }



.jcarousel-scroll {

    margin-top: 10px;

    text-align: center;

}



.jcarousel-scroll form {

    margin: 0;

    padding: 0;

}



.jcarousel-scroll select {

    font-size: 75%;

}



#mycarousel-next,

#mycarousel-prev {

    cursor: pointer;

    margin-bottom: -10px;

    text-decoration: underline;

    font-size: 11px;

}





.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-container { background-image: url(images/showcase.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center 0; height: 368px; margin-right: auto; margin-left: auto; }



.jcarousel-skin-tango .jcarousel-container-horizontal { width: 934px; height: 330px; padding: 24px 18px 10px; }



.jcarousel-skin-tango .jcarousel-container-vertical { width: 934px; padding-top: 40px; padding-right: 20px; padding-left: 20px; }



.jcarousel-skin-tango .jcarousel-clip-horizontal { width: 930px; height: 320px; margin-right: auto; margin-left: auto; }



.jcarousel-skin-tango .jcarousel-clip-vertical {

    width:  75px;

}



.jcarousel-skin-tango .jcarousel-item { background-color: #fff; width: 934px; height: 320px; }

.jcarousel-item-1-horizontal { background-image: url(images/a.jpg); width: 934px; height: 320px; }

.jcarousel-item-2-horizontal { background-image: url(images/b.jpg); width: 934px; height: 320px; }

.jcarousel-item-3-horizontal { background-image: url(images/c.jpg); width: 934px; height: 320px; }

.jcarousel-item-4-horizontal { background-image: url(images/d.jpg); width: 934px; height: 320px; }

.jcarousel-skin-tango .jcarousel-item-horizontal {

    

}



.jcarousel-skin-tango .jcarousel-item-vertical {

    margin-bottom: 10px;

}



.jcarousel-skin-tango .jcarousel-item-placeholder {

    background: #fff;

    color: #000;

}



/**

 *  Horizontal Buttons

 */

.jcarousel-skin-tango .jcarousel-next-horizontal { background-color: #fff; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position: absolute; right: 20px; width: 82px; height: 270px; cursor: pointer; }



.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-image: url(images/next.png); background-repeat: no-repeat; background-position: right center; }



.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: default;

    background-position: -96px 0;

}



.jcarousel-skin-tango .jcarousel-prev-horizontal { background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position: absolute; left: 20px; width: 82px; height: 270px; cursor: pointer; }



.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-image: url(images/prev.png); background-repeat: no-repeat; background-position: left center; }



.jcarousel-skin-tango .jcarousel-prev-horizontal:active {

    background-position: -64px 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;

}



/**

 *  Vertical Buttons

 */

.jcarousel-skin-tango .jcarousel-next-vertical {

    position: absolute;

    bottom: 5px;

    left: 43px;

    width: 32px;

    height: 32px;

    cursor: pointer;

    background: transparent url(next-vertical.png) no-repeat 0 0;

}



.jcarousel-skin-tango .jcarousel-next-vertical:hover {

    background-position: 0 -32px;

}



.jcarousel-skin-tango .jcarousel-next-vertical:active {

    background-position: 0 -64px;

}



.jcarousel-skin-tango .jcarousel-next-disabled-vertical,

.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,

.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {

    cursor: default;

    background-position: 0 -96px;

}



.jcarousel-skin-tango .jcarousel-prev-vertical {

    position: absolute;

    top: 5px;

    left: 43px;

    width: 32px;

    height: 32px;

    cursor: pointer;

    background: transparent url(prev-vertical.png) no-repeat 0 0;

}



.jcarousel-skin-tango .jcarousel-prev-vertical:hover {

    background-position: 0 -32px;

}



.jcarousel-skin-tango .jcarousel-prev-vertical:active {

    background-position: 0 -64px;

}



.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {

    cursor: default;

    background-position: 0 -96px;

}