/* <snippet author="Barney" date="17/11/2010" description="Unscripted styles for carousel elements"> */

html.unscripted .jCarousel .prev, 
html.unscripted .jCarousel .next {
    display: none;
}

html.unscripted .jCarousel .itemList {
    margin: 0 30px;
    overflow: hidden;
}

html.unscripted .jCarousel .itemList .item {
    background: #fff;
    background: rgba(255,255,255,.9);
    float: left;
    position: static;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

html.unscripted .jCarousel .itemList .item .container {
    float: left;
    position: static;
}

html.unscripted .jCarousel .itemList .item .bg {
    display: none;
}

/* </snippet> */

.jCarousel { width: 100%; height: 433px; position: relative; overflow: hidden; border-bottom: 36px solid #ec1b30; }
.jCarousel:after { content: "."; clear: both; height: 0; overflow: hidden; display: block; }

.jCarousel .prev,
.jCarousel .next {
    overflow: hidden;
    text-indent: -9999em;
    width: 23px;
    height: 111px;
    display: block;
    cursor: pointer;
    position: absolute;
    z-index: 4;
    top: 278px;
    }
    .jCarousel .prev { left: 46px; background: url(../../SiteImages/Template/carousel_prev.gif) 0 0 no-repeat; }
    .jCarousel .next { right: 46px; background: url(../../SiteImages/Template/carousel_next.gif) 0 0 no-repeat; }
.jCarousel .itemList {
    position: absolute;
    top: 266px;
    left: 0;
    padding: 0 0 0 3em;
    }
    .jCarousel .itemList .item {
        position: relative;
        float: left;
        width: 18em;
        height: 14em;
        display: inline;
        margin: 0 6em;
        z-index: 2;
        }
        .jCarousel .itemList .item .container {
            position: absolute;
            left: 0;
            top: 0;
            width: 18em;
            height: 14em;
            overflow: hidden;
            z-index: 2em;
            }
        .jCarousel .itemList .item .title,
        .jCarousel .itemList .item img,
        .jCarousel .itemList .item a {
            position: relative;
            z-index: 3;
            }
        .jCarousel .itemList .item a {
            text-decoration: none;
            }
        .jCarousel .itemList .item .title {
            font: normal 1.4em/1em Arial, sans-serif;
            color: #ed1b2f;
            padding: 8px 10px;
            }
            .jCarousel .itemList .item .title span {
                font-size: 1.8em;
                line-height: 1em;
                display: block;
                margin: -0.1em 0 0;
                }
        .jCarousel .itemList .item img {
            height: 8em;
            }
        .jCarousel .itemList .item .bg {
            position: absolute;
            z-index: 2;
            background: #FFF;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            opacity: 0.9;
            filter: alpha(opacity=90);
            }
            

/*
    PB, 15/03/10 updates for new carousel;
*/         
.jCarousel {
    overflow: hidden;
}

.jCarousel, .jCarousel .itemList {
    width: 960px;
}

.jCarousel .itemList {
    height: 14em;
    padding: 0;
}

.jCarousel .itemList .item {
    display: block;
    float: none;
    position: absolute;
}
/* end updates */