#BannerCarousel ul { }
#BannerCarousel li { float: left; }


/*---------------------------
IMAGEROTATOR
----------------------------*/
#ImageCarouselBackground{background: url(http://cache.lego.com/r/education/design/education2/img/imagecarousel/img1920x325_background.png?l.r2=1.0.0.738) no-repeat; width: 100%;}
#ImageCarouselMain
{
    text-align: left;
    /*height: 320px;*/
    height: 368px;
    display: block;
    /*margin-bottom: 0px;*/
    width: 100%;
    margin: 0 auto;
}
#imageCarousel li object { background-color: red;position: absolute;top: 0;}

#imageCarouselMainContent 
{
    /*height: 238px;*/
    height: 290px;
    overflow:hidden;
    position: relative;
}

#imageCarouselMainContent > h2{
    color: #4891C6;
    float: left;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 120%;
    padding: 0 0 0 20px;
    position: relative;
    z-index: 2;
}

#imageCarousel {
    text-align: left;    
    width: 100%;
    margin-top:10px; 
    position:relative
}

#imageCarousel ul 
{
    position:relative;
     margin:15px auto 0;
    float:left;
    left:50%;    
}

#imageCarousel li{display:inline-block;float:left;position: relative;right: 50%;height: 60px; }
#imageCarousel li img{position:relative;top: -55px; padding:0px ; overflow: hidden;  }
#imageCarousel li a
{
    height: 55px;
    width: 102px;
    display: block;
    overflow: hidden;
    position: relative; /*PN: fix IE7, not hiding overflow, both part (normal/selected) of thumbnail shows.*/
}
#imageCarousel  .active {position:relative;top:2px;}
.imageCarouselLinkBtn {height:43px;position:absolute;float:left;padding-right:19px; right:20px; top:290px;background: url(http://cache.lego.com/r/education/design/education2/img/learnmorebuttonsprite.png?l.r2=1.0.0.738) no-repeat right -42px;}
.imageCarouselLinkBtn span {background: url(http://cache.lego.com/r/education/design/education2/img/learnmorebuttonsprite.png?l.r2=1.0.0.738) no-repeat;display:block; line-height:36px; height:43px; overflow:hidden; padding:0 24px 0 43px;color:#fff;}

#bannerAnimation object,
#mainImgLink
{
    position: absolute;
    top: 40px;
    right: 5px;
    z-index: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */
}

#imageCarouselBannerText
{
    clear:left;
    display: block;
    float: left;
    padding: 6px;
    margin:0 10px 0 14px;
    color: #4891C6;
    font-family: Arial, Verdana, Geneva, Tahoma, sans-serif;
    font-size: 70%;
    position: relative;
    z-index: 2;
}

#imageCarouselBannerText strong
{
    color: #4891C6;
    font-family: Arial, Verdana, Geneva, Tahoma, sans-serif;
    font-size: 100%;
    font-weight:bold
}

#imageCarouselBannerText a,
#imageCarouselBannerText a:visited,
#imageCarouselBannerText a:active
{
    text-decoration: none;
    font-family: Arial, Verdana, Geneva, Tahoma, sans-serif;
    font-size: 100%;
    color: #4891C6;
}

#imageCarousel li .bannerDisplayDuration {display: none}

.bannerSceneName,
.bannerSceneWidth,
.bannerSceneHeight{
     display: none;
}