#carousel_bg {
  height:337px;
  background:url(/system/storage/105/65/2/108/demo_top_bg.png) top left repeat-x; 
  overflow:hidden;
}

.demo_error {
 border:1px solid #CCCCCC;
 background:#DDDDDD;
 color:red;
 text-align:center;
 margin:10px 0px;
 paddding:10px;
 text-size:1.4em;
 font-weight:bold;

}

/**
 * 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: 260px;
    height: 250px;
    padding:0px 10px;
    color:white;
}

.jcarousel-item h3 {
 padding-top:5px;
 }


.jcarousel-item h3 label {
  color:#d9ed4c;

}


.jcarousel-item p {
  color:white;
  padding-left:20px;

}




/**
 * 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-webiva .jcarousel-container {
}

.jcarousel-skin-webiva .jcarousel-container-horizontal {
    width:855px;
    padding: 20px 50px;
}


.jcarousel-skin-webiva .jcarousel-clip-horizontal {
    width:  855px;
    height: 250px;
}



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

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-webiva .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 43px;
    height: 120px;
    cursor: pointer;
    background: transparent url(/system/storage/105/21/1/112/demo_right.png) no-repeat 0 0;
}


.jcarousel-skin-webiva .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 43px;
    height: 120px;
    cursor: pointer;
    background: transparent url(/system/storage/105/c2/a/111/demo_left.png) no-repeat 0 0;
}
.jcarousel-skin-webiva .jcarousel-next-disabled-horizontal,
.jcarousel-skin-webiva .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-webiva .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background:none !important; 
}


.jcarousel-skin-webiva .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-webiva .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-webiva .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background:none !important; 
}