.jcarousel-skin-tango .jcarousel-container {
    /*-moz-border-radius: 10px;*/
    background: transparent; 
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    /*width: 772px;*/
    /*Changed the padding from 15 to 32
    so the arrows are easier to click
    Also changed the width to 740 to give more space for the 
    bigger padding. The padding is responsible of showing the arrows
    and being clickable*/
    width:  740px;
    padding: 15px 32px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
   /* width:  760px;
   changed the width to 740 to give more space for the 
    bigger padding.*/
   width: 740px;
    height: 260px;
}

/*.safari .jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 800px;
}*/

.jcarousel-skin-tango .jcarousel-item {
	/* width:  760px;
   changed the width to 740 to give more space for the 
    bigger padding.*/
    width: 740px;
    /*width: 772px;*/
   height:250px;
}

/*.safari .jcarousel-skin-tango .jcarousel-item {
	width: 800px;
}*/

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


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

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 125px;
    right: 5px;
    width: 33px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/showcase/next-horizontal-green.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: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 125px;
    left: 5px;
    width: 33px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/showcase/prev-horizontal-green.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: -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;
}

/**
 * Additional styles for the controls.
 */
.jcarousel-control{
	 /*margin-bottom: 20px;*/
	 text-align: center;
	 color:transparent;
	 z-index:100;
	 height:45px;
	 margin: 0 auto 15px auto;
}

#vis{
	visibility: hidden;
}

.jcarousel-control a {
	 font-size: 75%;
	 color:transparent;
	 text-decoration: none;
	 padding: 0 10px;
	 margin: 0 0 5px 0;
	/* border: 1px solid #fff;
	 color: #eee;
	 font-weight: bold;*/
	 background-color: transparent;
	 background-image: url('../images/showcase/non-active-dot.png');
	 background-repeat:no-repeat;	 
	 width:10px;
	 height:10px;
	 z-index:100;
}

.jcarousel-control a:focus,.jcarousel-control a:active, .jcarousel-control a.selected{
	/*background-color: yellow;*/
	color:transparent;
	background-color: transparent;
	background-image: url('../images/showcase/active-dot.png');
	background-repeat:no-repeat;
	width:10px;
	height:10px;
	z-index:100;
}

.jcarousel-control a:hover, .jcarousel-control a.hover{
	color:transparent;
	background-color: transparent;
	background-image: url('../images/showcase/hover-dot.png');
	background-repeat:no-repeat;
	width:10px;
	height:10px;
	z-index:100;
}