/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */

#carousel-container {

    margin: 5px 0px 40px 0px;

}

.jcarousel-container { position: relative; }

.jcarousel-container-horizontal { padding: 0 40px; width: 265px; }

.jcarousel-clip {
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 2;
}

.jcarousel-clip-horizontal { height: 60px; width:  265px; }

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

.jcarousel-list li,
.jcarousel-item {
  float: left;
  height: 60px;
  list-style: none;
  text-align: center;
  width: 60px;
}

.jcarousel-item a { display: block; }

.jcarousel-item:hover { }
.jcarousel-item-horizontal { margin-right: 7px; }

/**
 * 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, .jcarousel-prev { display: none; z-index: 3; }


.jcarousel-next-horizontal, .jcarousel-prev-horizontal { 
  background-color:Transparent;
  background-position: left top;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 16px;
  position: absolute;
  top: 35px;
  width: 16px;
}
                                                         
.jcarousel-next-horizontal {
  background-image: url(/Images/jCarousel/Next.gif);
  right: 5px;
}

.jcarousel-prev-horizontal {
  background: url(/Images/jCarousel/Previous.gif);
  left: 5px;
}

/* The following lines were added to keep James happy */
.jCarousel { position: relative; height: 60px; margin-bottom: 11px; }
.jCarousel span {
  display: block;
  left: 0;
  position: absolute;
  top: 30px;
  width: 569px;
  background-color: #E9F7FE;
  background-image: url(/Masters/v1/Images/Template/BlueLinkBar.jpg);
  background-position: left top;
  background-repeat: repeat-x;
  border: 1px solid #B7E7FC;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #000;
  clear: both;
  display: block;
  height: 25px;
  line-height: 25px;
  outline: none;
  padding-left: 11px;
}

.jCarousel div.jcarousel-container { right: 11px; position: absolute; }