/**
 * 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: 75px;
    height: 75px;
}

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


/* jquery carousel styles */
.jcarousel-scroll{display:none;}
ul.jcarousel-skin-tango{margin:0; padding:0; list-style:none;}

/* These rules apply to all carousel zones - specifics for each zone are set below */
.jcarousel-container div.guttermerch {padding:0;}
.jcarousel-container {width:180px;}
.jcarousel-container .bullets{overflow:hidden; float:left; margin:0 5px;}
.jcarousel-container .bullets a{background:transparent url(../images/carousel/bullet_carousel.gif) no-repeat scroll 0 0; float:left; text-indent:-9000px;width:15px;margin-top:17px;}
.jcarousel-container .bullets a.current {background:transparent url(../images/carousel/bullet_carousel_active.gif) no-repeat scroll 0 0;}
.jcarousel-container a:focus, .halfcarousel a:hover, .halfcarousel a:active { outline:none }  
.jcarousel-container .homecarousel-prev {background:transparent url(../images/carousel/btn_prev_active.gif) no-repeat scroll left bottom; cursor:pointer; display:block; float:left; height:33px; width:25px; text-indent:-9000px; margin-left:60px}
.jcarousel-container .prev-disable {background:transparent url(../images/carousel/btn_prev.gif) no-repeat scroll left bottom; cursor:default ;}
.jcarousel-container .homecarousel-next {background:transparent url(../images/carousel/btn_next_active.gif) no-repeat scroll left bottom; cursor:pointer; display:block; float:left; height:33px; width:22px; text-indent:-9000px;}
.jcarousel-container .next-disable {background:transparent url(../images/carousel/btn_next.gif) no-repeat scroll left bottom;cursor:default ;}
.jcarousel-scroll{position:absolute; z-index:10; bottom:0;}
.halfcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;}
.halfcarousel-list li, .halfcarousel-item {float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 75px; height: 75px;}
/* center carousel - main column top */
#middle-col #mainBanner {width:823px; height:149px; overflow:hidden; margin-bottom:0px; padding-left:23px;}
#middle-col #mainBanner .jcarousel-item {height:270px;}
#middle-col #mainBanner div.jcarousel-clip{width:823px; height:149px; overflow:hidden;}
#middle-col #mainBanner .jcarousel-scroll {height:35px; right:0; width:167px; background-repeat: no-repeat}