/* Styles for carousels */
.gelui-carousel {
    position:relative;
    width:100%;
    overflow: hidden;
}
.gelui-carousel .gelui-carousel-viewport {
    position: relative;
    margin: 0 35px;
}

.gelui-carousel ul {
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
}

.gelui-carousel li {
    float: left;
    margin: 0 1px 0 0;
    padding: 0;
}

*[dir=rtl] .gelui-carousel li {
    float: right;
    margin: 0 0 0 10px;
}
.gelui-carousel .gelui-carousel-navigation {
    border:none;
    position:absolute;
    top:0;
    margin:0;
    padding:0;
    width:35px;
    height:100%;
    z-index:100;
}
.gelui-carousel .gelui-carousel-navigation legend {
    display:none;
}
.gelui-carousel .gelui-carousel-button {
    display:block;
    width:100%;
    height: 100%;
    border:none;
    background: none;
    text-indent:-9999px;
    cursor:pointer;
    background: url("/news/special/shared/timeline/css/img/back_next.png") no-repeat scroll transparent;
}
.gelui-carousel .gelui-carousel-button-disabled {
    opacity : 0.5;
}

.gelui-carousel .gelui-carousel-button:hover {
    cursor:pointer;
}

.gelui-carousel .gelui-carousel-button-prev {
   background-position: 7px 50%;
}
.gelui-carousel .gelui-carousel-button-next {
    background-position: -149px 50%;
}
.gelui-carousel .gelui-carousel-button-prev:hover {
    background-position: 7px 50%;
}

.gelui-carousel .gelui-carousel-button-prev:active {
    background-position: -46px 50%;
}
.gelui-carousel .gelui-carousel-button-next:hover {
    background-position: -149px 50%;
}
.gelui-carousel .gelui-carousel-button-next:active {
    background-position: -96px 50%;
}

.gelui-carousel .gelui-carousel-button-disabled.gelui-carousel-button-prev:active{
    background-position: 7px 50%;
}
.gelui-carousel .gelui-carousel-button-disabled.gelui-carousel-button-next:active{
    background-position: -149px 50%;
}

.gelui-carousel .gelui-carousel-navigation{
    background: rgb(0,0,0);
    background: rgba(0,0,0,0.6);
}
.gelui-carousel .gelui-carousel-navigation.active{
    background: rgb(0,0,0);
    background: rgba(0,0,0,0.9);
}
.gelui-carousel .gelui-carousel-navigation-left {
    left:0;
}
.gelui-carousel .gelui-carousel-navigation-right {
    right:0;
}

/* Styles for the image gallery */
#sequential_content.full_width{
    margin-bottom: 16px;

}


#sequential_content.full_width div.gelui-carousel-viewport{
    height: 360px;
}
#sequential_content.full_width div.gelui-carousel-viewport ul li{
    width: 906px;
}
#sequential_content.full_width div.gelui-carousel-viewport ul li h2{
    width: 242px;
    float: left;
    font-size: 2.461em;
    line-height: 32px;
    margin: 16px 0 12px 0;
    padding-left: 12px;
    padding-right: 12px;
}

#sequential_content.full_width div.gelui-carousel-viewport ul li p{
    width: 242px;
    margin: 0 0 18px 0;
    clear: left;
    padding-left: 12px;
    padding-right: 12px;
}
.ie 7 #sequential_content.full_width div.gelui-carousel-viewport ul li p{
    margin: 0 0 0 0;
}

#sequential_content.full_width div.gelui-carousel-viewport ul li img{
    float: right;
}

#carousel1 ul,
#carousel2 ul {
    padding:0;
}
#carousel1 li,
#carousel2 li {
    position:relative;
    list-style-type:none;
    background:none;
    display:inline-block;
    overflow:hidden;
    padding: 0 0 0 0;
    margin-right: 1px;
}

#carousel1 li a,
#carousel2 li a {
    text-decoration:none;
    color:white;
    width:100%;
    display:block;
}
#carousel1 li a img,
#carousel2 li a img {
    margin:0;
    border:none;
}


ul#carousel1 li div.panel div.ns_emp a.panel_playlist div.ply_btn{
background: url("http://www.bbc.co.uk/news/special/technology/11/shuttle_timeline/css/v1/img/play.png") no-repeat scroll 0 0 transparent;
width: 64px;
height: 360px;
position: relative;
margin-bottom: -360px;
background-position: 0px 50%;
}

.ie7 ul#carousel1 li div.panel div.ns_emp a.panel_playlist div.ply_btn{
top: -360px;
margin-bottom: 0;

}
ul#carousel1 li div.panel div.ns_emp a.panel_playlist:hover div.ply_btn{
background-position: -148px 50%;

}
ul#carousel1 li div.panel div.ns_emp a.panel_playlist:active div.ply_btn{
background-position: -296px 50%;

}


div#mapping.static-t li.active a.hotspot{
border: 1px solid #D2700F;
overflow: hidden;
}

.ns_emp{
    float: right;
    width: 640px;
    height: 360px;
}

#mapping{
    display:none;

}

#sequential_content{
    display:none;

}
#temp-content{
display:none;

}