/* this is the css that changes the styling and sizing of the carousel*/

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container { position: relative; background-color:#ffffff; border:none; width:350px; margin:4px 0px 0px 0px; padding:0px 12px 0px 12px;  }

.jcarousel-clip {    z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; width:350px; height:87px; }

.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; height:87px; }

/* We set the width/height explicitly. No width/height causes infinite loops. */
.jcarousel-list li,
.jcarousel-item {  float: left; list-style: none; width: 96px; height: 87px; padding:0px; margin:0px; border-right:1px solid #ffffff;  }

.jcarousel-list li,
.jcarousel-item { border-right:1px solid #ffffff; }


/**
 * 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 { position:absolute; top:0px; left:364px;  z-index:3; background-image:none; background-position:0 0; display:block;  width:10px; height:87px; padding:0px; margin:0px; background-image:url(/resources/images/but_next_img.gif) }

.jcarousel-prev { position:absolute; top:0px; left:0px; z-index:3; background-image:none;  background-position:0 0;  display:block;  width:10px; height:87px; padding:0px; margin:0px; background-image:url(/resources/images/but_last_img.gif)}