/* Infinite Carousel */
.infiniteCarousel {
    width: 770px;
    position: relative;
    margin:auto;
}
    .infiniteCarousel *{
        outline: 0;
    }
    .infiniteCarousel .wrapper {
        width: 690px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
        overflow: auto;
        min-height: 240px;
        margin: 0 40px;
        position: absolute;
        top: 0;
    }
        .infiniteCarousel .wrapper ul {
            width: 9999px;
            list-style-image:none;
            list-style-position:outside;
            list-style-type:none;
            margin:0;
            padding:0;
            position: absolute;
            top: 0;
        }
            .infiniteCarousel .wrapper ul li {
                display:block;
                float:left;
                padding: 20px;
                height: 192px;
                width: 192px;
            }
                    .infiniteCarousel .wrapper ul li a img {
                        display:block;
                        -moz-transition: border-color 600ms;
                        -webkit-transition: border-color 600ms;
                    }
                    .infiniteCarousel .wrapper ul:hover li:hover a img{
                        border-color: #6699CC;
                    }
                    .infiniteCarousel .wrapper ul a img {
                        /* this code needs to change in box-contents.css as well */
                        border: 5px solid #D3D3D3;
                        -moz-border-radius: 5px;
                        -webkit-border-radius: 5px;
                        -moz-box-shadow: -2px 3px 10px #888;
                        -webkit-box-shadow: -2px 3px 10px #888;
                    }
    .infiniteCarousel .itemTitle {
        width: 690px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
        overflow: auto;
        min-height: 100px;
        margin: 0 40px;
        position: absolute;
        top: 280px;
        text-align:center;
        font-size:200%;
        font-family:"Courier new", monospace;
        color: #6699CC;
        display:none;
    }
   /* Carousel controls */
    .infiniteCarousel .arrow {
        display: block;
        height: 36px;
        width: 36px;
        background: url(../images/arrow.png) no-repeat 0 0;
        text-indent: -9999px;
        position: absolute;
        top: 108px; /* (148 heigt/2)-(36 arrow/2)=65 */
        cursor: pointer;
        /* jQuery fadeIn */
        display:none;
    }
    
    .infiniteCarousel .forward {
        background-position: 0 0;
        right: 0;
    }
    
    .infiniteCarousel .back {
        background-position: 0 -72px;
        left: 0;
    }
    
    .infiniteCarousel .forward:hover {
        background-position: 0 -36px;
    }
    
    .infiniteCarousel .back:hover {
        background-position: 0 -108px;
    }