/**
 * 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:658px;}
.jcarousel-container .bullets{overflow:hidden; float:left; margin:0;}
.jcarousel-container .bullets a{background:transparent url(/img/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(/img/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(/img/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(/img/btn_prev.gif) no-repeat scroll left bottom; cursor:default ;}
.jcarousel-container .homecarousel-next {background:transparent url(/img/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(/img/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 */
#mainBanner {width:658px; height:125px; overflow:hidden; margin-bottom:15px}
#mainBanner .jcarousel-item {height:200px;}
#mainBanner div.jcarousel-clip{width:658px; height:200px; overflow:hidden;}
#mainBanner .jcarousel-scroll {height:35px; right:0; width:177px; background:url(/img/carousel-scroll-bg.gif); background-repeat: no-repeat}

/* styling of inner carousel content */
div.carousel-frame{height:235px;}
div.carousel-frame div{padding:125px 10px 5px 10px; font-size:11px;}
div.carousel-frame div h4{font-size:14px; font-weight:normal; color:#666; margin:0; padding:0;}

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

.jcarousel-skin-tango .jcarousel-next-vertical:active {background-position:0 -64px;}
.jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {background-position:0 0px; cursor:default;}
.jcarousel-skin-tango .jcarousel-prev-vertical {background:transparent url(/img/spacer.gif) no-repeat scroll 0 0; cursor:pointer; height:32px; left:43px; position:absolute; top:5px; width:32px;}
.jcarousel-skin-tango .jcarousel-prev-vertical:hover {background-position:0 -32px;}
.jcarousel-skin-tango .jcarousel-prev-vertical:active {background-position:0 -64px;}
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {background-position:0 -96px; cursor:default;}