/*first 2 tags added so LI are invisible until loaded (avoids flicker) - people without JS get nothing - oh well */  
#homecarousel.jcarousel-skin-yc{
    width:470px;
    height:180px;
    background:url(/images/slideshowloader.gif) 180px 72px no-repeat;
  }
  
#homecarousel.jcarousel-skin-yc li{
  display:none;
  } 
/* END Flicker Fix */
  
.jcarousel-skin-yc .jcarousel-container {
    
}
  
.jcarousel-skin-yc .jcarousel-container-horizontal {
    width: 470px;
    height:170px;
    padding-top: 10px;
}

.jcarousel-skin-yc .jcarousel-clip-horizontal {
    width:  448px;
    height: 170px;
    margin:0 11px;
}

.jcarousel-skin-yc .jcarousel-item {
    width: 448px;
    height: 170px;
}

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

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

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-yc .jcarousel-next-horizontal {
    position: absolute;
    top: 15px;
    right: -28px;
    width: 28px;
    height: 31px;
    cursor: pointer;
    background: transparent url('/images/carousel_right.gif') no-repeat 0 0;
}

.jcarousel-skin-yc .jcarousel-next-horizontal:hover {opacity:.60;
                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
                -moz-opacity: 0.6;
}

.jcarousel-skin-yc .jcarousel-prev-horizontal {
    position: absolute;
    top: 15px;
    left: -28px;
    width: 28px;
    height: 31px;
    cursor: pointer;
    background: transparent url(/images/carousel_left.gif) no-repeat 0 0;
}

.jcarousel-skin-yc .jcarousel-prev-horizontal:hover {opacity:.60;
                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
                -moz-opacity: 0.6;
}
