/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
#mycarousel li { list-style: none; margin: 1px;}

.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: 60px;
    height: 60px;
}

/**
 * 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;
}


/* Custom Styles */
/* ============= */

/* Carousel */
.thumbs{ width: 100%; display: block; float: left; }

.thumbs.last {
  margin-right:0px;
}

.thumbs {
  background:none;
}


.jcarousel-clip-horizontal {
/*width: 100%;*/
width:513px; /* needs to be width of container */
height:190px;
margin:10px 0 0 38px;
padding:0;
}

ul#mycarousel li.thumbs {
overflow: hidden;
}

/* ============= */
/* = Gallery   = */
/* ============= */

/*#main_image {
margin-bottom:20px;
}

#main_image, 
#main_image img {
width:300px;
height:300px;
}*/

#thumbslist {
height:201px;
display:block;
overflow:hidden;
}

ul#mycarousel {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:12px 32px;
margin:0;
border:0;
height:201px;
overflow:hidden;
}

.jcarousel-container ul#mycarousel {
padding:0;
*padding:10px 0;
}

ul#mycarousel li.thumbs {
margin:0px 10px 5px 0px;
width:164px;
height:185px;
float:left;
background:url(newsslider-item.gif) top left no-repeat;
}

li.thumbs.first {
margin-right:0;
clear:both;
}

.jcarousel-skin-tango li.thumbs.first {clear:none;}


ul#mycarousel li.thumbs img {
height:105px;
width:138px;
/* margin:10px 13px; */
margin:0px;
padding:0;
}

/* espn */


ul#mycarousel li.thumbs p.name {
margin:0 13px 0 13px;
padding:0;
font-weight:bold;
color:#3a577f;
}

ul#mycarousel li.thumbs h3,
ul#mycarousel li.thumbs p.category { margin-left:15px;}

ul#mycarousel li.thumbs h3 {
width:137px;
}

/* EFF: Frame */
ul#mycarousel li.thumbs div.placeholder { 
margin:10px 13px 0px 13px; 
width:138px;
height:107px;
}

ul#mycarousel li.thumbs img.frame {
width:137px;
height:104px;
}

a span.excerpt {
width:133px;
}