.thumbnailScroller {
    display: inline;
    float: left;
    clear: both;
    width: 975px;
    margin: 0 0 35px 105px;
}

    .thumbnailScroller .header {
        display: block;
        float: left;
        position: relative;
        clear: both;
        width: 975px;
        height: 44px;
        background: transparent url("../images/scrollers-header.gif") top left no-repeat;
    }
    
        .thumbnailScroller .header h3 {
            display: inline;
            position: absolute;
            top: 10px;
            left: 22px;
            color: #fff;
            font-size: 18px;
            font-weight: normal;
        }
    
            .thumbnailScroller .header h3 span {
                color: #1ab7ea;
            }
            
        .thumbnailScroller .header h4 {
            color: #1ab7ea;
            font-size: 9px;
            display: block;
            position: absolute;
            top: 32px;
            left: 22px;
        }
        
        .thumbnailScroller .header a.showAll {
            display: block;
            position: absolute;
            width: 96px;
            height: 22px;
            top: 10px;
            right: 137px;
            background: transparent url("../images/scrollers-showall.gif") top left no-repeat;
            text-indent: -9999px;
            outline: none;
        }
        
            .thumbnailScroller .header a.showAll:hover { background-position: 0 -22px; }
            .thumbnailScroller .header a.showAll:active { background-position: 0 -44px; }
        
        .thumbnailScroller .header .paginators {
            display: inline;
            position: absolute;
            left: 452px;
            top: 10px;
            width: 70px;
            height: 22px;
        }
        
            .thumbnailScroller .header .paginators a {
                display: inline;
                float: left;
                width: 35px;
                height: 22px;
                background: transparent url("../images/scrollers-paginators.gif") top left no-repeat;
                text-indent: -9999px;
                outline: none;
            }
            
            .thumbnailScroller .header .paginators a.left { background-position: 0 0; }
            .thumbnailScroller .header .paginators a.left:hover { background-position: 0 -22px; }
            .thumbnailScroller .header .paginators a.left:active { background-position: 0 -44px; }
            
            .thumbnailScroller .header .paginators a.right { background-position: -35px 0; }
            .thumbnailScroller .header .paginators a.right:hover { background-position: -35px -22px; }
            .thumbnailScroller .header .paginators a.right:active { background-position: -35px -44px; }
            
        .thumbnailScroller .header .subscribeContainer {
            display: inline;
            position: absolute;
            right: 22px;
            top: 10px;
            width: 106px;
            min-height: 22px;
            z-index: 10;
        }
        
            .thumbnailScroller .header .subscribeContainer a.btnSubscribe {
                display: block;
                width: 106px;
                height: 22px;
                text-indent: -9999px;
                outline: none;
                background: transparent url("../images/scrollers-subscribe.gif") top left no-repeat;
            }
            
                .thumbnailScroller .header .subscribeContainer a.btnSubscribe:hover { background-position: 0 -22px; }
                .thumbnailScroller .header .subscribeContainer a.btnSubscribe:active, .thumbnailScroller .header .subscribeContainer a.btnSubscribe.active { background-position: 0 -44px; }
                
            .thumbnailScroller .header .subscribeContainer .links {
                display: none; /* will change with JavaScript */
                width: 106px;
                height: 100px;
            }
            
                .thumbnailScroller .header .subscribeContainer .links a {
                    display: block;
                    width: 106px;
                    background: transparent url("../images/scrollers-subscribelinks.gif") top left no-repeat;
                    text-indent: -9999px;
                    outline: none;
                }
                
                    .thumbnailScroller .header .subscribeContainer .links a.rss {
                        height: 26px;
                        background-position: 0 0;
                    }
                    
                    .thumbnailScroller .header .subscribeContainer .links a.rss:hover { background-position: 0 -123px; }
                    .thumbnailScroller .header .subscribeContainer .links a.rss:active { background-position: 0 -246px; }
                    
                    .thumbnailScroller .header .subscribeContainer .links a.podcast {
                        height: 23px;
                        background-position: 0 -26px;
                    }
                    
                    .thumbnailScroller .header .subscribeContainer .links a.podcast:hover { background-position: 0 -149px; }
                    .thumbnailScroller .header .subscribeContainer .links a.podcast:active { background-position: 0 -272px; }
                    
                    .thumbnailScroller .header .subscribeContainer .links a.zune {
                        height: 23px;
                        background-position: 0 -49px;
                    }
                    
                    .thumbnailScroller .header .subscribeContainer .links a.zune:hover { background-position: 0 -172px; }
                    .thumbnailScroller .header .subscribeContainer .links a.zune:active { background-position: 0 -295px; }
                    
                    .thumbnailScroller .header .subscribeContainer .links a.tivo {
                        height: 51px;
                        background-position: 0 -72px;
                    }
                    
                    .thumbnailScroller .header .subscribeContainer .links a.tivo:hover { background-position: 0 -195px; }
                    .thumbnailScroller .header .subscribeContainer .links a.tivo:active { background-position: 0 -318px; }
                    
                .thumbnailScroller .header .subscribeContainer .links .stub {
                    display: block;
                    width: 106px;
                    height: 11px;
                    background: transparent url("../images/scrollers-subscribestub.gif") bottom left no-repeat;
                }
                    
    .thumbnailScroller .main {
        display: block;
        float: left;
        clear: both;
        width: 975px;
        min-height: 150px;
        padding: 20px;
        background: transparent url("../images/scrollers-mainbg.gif") bottom left no-repeat;
    }
    
        .thumbnailScroller .main .thumbnailsContainer {
            display: block;
            float: left;
            position: relative;
            clear: both;
            width: 935px;
            height: 150px;
            overflow: hidden;
            background: transparent url("../images/scrollers-thumbsbg.gif") bottom left no-repeat;
        }
        
        .thumbnailScroller .main .thumbnailsContainer ul {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 975px;
            min-height: 150px;
        }
        
            .thumbnailScroller .main .thumbnailsContainer ul li {
                display: inline;
                float: left;
                width: 155px;
                margin-right: 1px;
            }
            
                .thumbnailScroller .main .thumbnailsContainer ul li a { outline: none; text-decoration: none; }
            
                .thumbnailScroller .main .thumbnailsContainer ul li a img {
                    border: none;
                    width: 155px;
                    height: 87px;
                }
                
                .thumbnailScroller .main .thumbnailsContainer ul li a img:hover {
                    /*opacity: 1.0; -moz-opacity: 1.0;*/
                }
                
                .thumbnailScroller .main .thumbnailsContainer ul li h5, .thumbnailScroller .main .thumbnailsContainer ul li a h5 { 
                    display: block;
                    font-size: 12px;
                    color: #1ab7ea;
                    font-weight: normal;
                    width: 135px;
                    margin: 2px 0 0 10px;
                    text-decoration: none;
                    outline: none;
                }
                
                .thumbnailScroller .main .thumbnailsContainer ul li a:hover h5 {
                    text-decoration: underline;
                }
                
                .thumbnailScroller .main .thumbnailsContainer ul li h6 {
                    display: block;
                    font-size: 11px;
                    color: #999;
                    font-weight: normal;
                    width: 135px;
                    margin: 2px 0 0 10px;
                }
                
                .thumbnailScroller .main .thumbnailsContainer ul li p {
                    display: none;
                }