/* navigation bar styling */
#nav-container {
    width:976px;
    display: none;
    padding: 0 0px 0 0px;
    overflow: hidden;
}
/* CPS fix height */
.blq-js #nav-container {
    position: relative;
    display: block;
    height:91px;
    border-top: 1px solid #fff;
}
#nav-container h2 {
    position: absolute;
    left: -5000%;
}
.nav-section {
    position: relative;
    float: left;
    display: inline;
    width: 161px;
    overflow: hidden;
    border-right: 1px solid #fff;
}

.nav-section-last{
    width: 161px;
    border-right: 0px;
}
.nav-section a {
    position: relative;
    display: block;
    overflow: hidden;
}
.nav-section-selected a {
    border: 2px solid #D2700F;
}
.nav-section * {
    color: white;
}
.nav-section img {
    position: relative;
    display: block;
}
.nav-section-selected img {
    margin: -2px;
}

.nav-chapter-container-delete {
    width:144px;
    height:97px;
}

.text-overlay {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    padding: 4px 8px;
    width: 146px;

    background: rgb(0, 0, 0) transparent;
    background: rgba(0, 0, 0, 0.6); 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000)";
}

.nav-section a:hover img {
    margin: -2px;
}
.nav-section a:hover{
    border: 2px solid #D2700F;
    text-decoration: none;
}

.nav-section a:hover .text-overlay {
    margin: 0 -2px -2px;
    cursor: pointer;
}


div.carousel-container div#nav-container li.nav-section a span.text-overlay p {
    margin: 0;
    color: white;
    cusor: pointer;
}

.nav-section a:hover .text-overlay,
.nav-section a:focus .text-overlay {
    filter: none;
    -ms-filter: none;
    background: black;
}

.nav-section-selected .text-overlay {
    margin: 0 -2px -2px;
}


.ie .text-overlay{
    margin-bottom: -1px;
}

div.carousel-container div#nav-container li.nav-section a span.text-icon{
    /* background: url("/news/special/uk/12/diamond_jubilee/pageant_gigapan/img/text_strip.png") no-repeat scroll 0 0 transparent; */
    height: 32px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 32px;
    z-index: 1;
}

div.carousel-container div#nav-container li.nav-section a:hover span.text-icon{
    background-position: -65px 0px;
    margin-left:-2px;
    margin-top: -2px;
}
div.carousel-container div#nav-container li.nav-section a:active span.text-icon{
    background-position: -129px 0px;
    margin-left:-2px;
    margin-top: -2px;
}

div.carousel-container div#nav-container li.nav-section-selected a span.text-icon,
div.carousel-container div#nav-container li.nav-section-selected a:hover span.text-icon,
div.carousel-container div#nav-container li.nav-section-selected a:active span.text-icon {
    margin-left:-2px;
    margin-top: -2px;
}

.ie7 .nav-section-selected img,
.ie7 .nav-section a:hover img {
    margin: -2px;
    margin-bottom: -4px;
    top: -2px;
}

div.carousel-container div#nav-container ul {
    width: 30000px;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
}

div.carousel-container div#nav-container li {
    float: left;
    margin: 0;
    padding: 0;
    background: none;
}

.gelui-carousel {
    background-color: #ffffff;
    position:relative;
    width:100%;
    overflow: hidden;
}
#slideshow .gelui-carousel .gelui-carousel-viewport {
    width: 906px;
}

.gelui-carousel .gelui-carousel-viewport {
    position: relative;
    margin: 0 35px;
    height: 106px;
    width: 906px;
}

.gelui-carousel ul {
    width: 30000px;
    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: url("/news/special/world/11/911_timeline/css/v1/img/back_next_35x360.png") no-repeat scroll transparent;
    text-indent:-9999px;
    cursor:pointer;
}

.gelui-carousel .gelui-carousel-button:hover {
    cursor:pointer;
}
.gelui-carousel .gelui-carousel-navigation-left {
    left:0;
}
.gelui-carousel .gelui-carousel-navigation-right {
    right:0;
}

#nav-container div.gelui-carousel .gelui-carousel-button-prev{
    background-position: -85px -134px;
}
#nav-container div.gelui-carousel .gelui-carousel-button-next{
   background-position: -521px -134px;
}

#nav-container div.gelui-carousel .gelui-carousel-button-prev:hover  {
 background-position: -170px -134px;
} 
#nav-container div.gelui-carousel .gelui-carousel-button-next:hover  {
 background-position: -606px -134px;
}

#nav-container div.gelui-carousel .gelui-carousel-button-prev:active {
    background-position: -255px -134px;
}
#nav-container div.gelui-carousel .gelui-carousel-button-next:active {
    background-position: -691px -134px;

}

#nav-container div.gelui-carousel .gelui-carousel-button.gelui-carousel-button-prev.gelui-carousel-button-disabled,
#nav-container div.gelui-carousel .gelui-carousel-button.gelui-carousel-button-prev.gelui-carousel-button-disabled:hover,
#nav-container div.gelui-carousel .gelui-carousel-button.gelui-carousel-button-prev.gelui-carousel-button-disabled:active{
    background-position: 0px -134px;
    cursor:default;
}

#nav-container div.gelui-carousel .gelui-carousel-button.gelui-carousel-button-next.gelui-carousel-button-disabled,
#nav-container div.gelui-carousel .gelui-carousel-button.gelui-carousel-button-next.gelui-carousel-button-disabled:hover,
#nav-container div.gelui-carousel .gelui-carousel-button.gelui-carousel-button-next.gelui-carousel-button-disabled:active{
    background-position: -436px -134px;
    cursor:default;
}




.ie  #nav-container .gelui-carousel .gelui-carousel-button {
    height: 106px;
    width: 35px;
    cursor:pointer;
}
.ie #nav-container .gelui-carousel-button-prev.gelui-carousel-button-disabled{
    background: #666666;
    cursor:default;
}

.ie #nav-container .gelui-carousel-button-next.gelui-carousel-button-disabled{
    background: #666666;
    cursor:default;
}

.ie7 #carousel .item-text ,
.ie #carousel .item-text {
    top: 0px;
}

a.hotspot {
    text-align: center;
}