div#video-carousel-container { margin-bottom: 10px; width: 976px; position: relative; } .blq-js div#video-carousel-container { overflow: hidden !important; height: 155px; } div#video-carousel-container h3.syria-car-title { font-size: 1.431em; font-weight: bold; line-height: 16px; margin: 0 0 10px 0; } ul#carousel li { float: left; width: 138px; height: 120px; background-image: none; padding: 0px 8px 8px 8px; background: #D1700E; margin-right: 1px; position: relative; } ul#carousel li:first-child, ul#carousel li:last-child { padding-left: 10px; } /* remove static to stop images overflowing on load {fixed by adding position:relative to container} */ /*.ie7 ul#carousel li, .ie ul#carousel li { position: static; }*/ /* remove icons too *//* .ie ul#carousel li .gvl3-icon-wrapper, .ie7 ul#carousel li .gvl3-icon-wrapper, .ie ul#carousel li a .av-time, .ie7 ul#carousel li a .av-time { display: none !important; } */ ul#carousel li a { color: white; font-weight: normal; font-size: 13px; } ul#carousel li a img { margin: 0 -8px; width: 154px; height: 81px; } ul#carousel li:first-child a img, ul#carousel li:last-child a img { margin: 0 -10px; width: 156px; } ul#carousel li .gvl3-icon-wrapper { top: 0px; left: 0px; } ul#carousel li a .av-time { display: none; } ul#carousel li a:hover .av-time { display: block; position: absolute; top: 0px; height: 23px; padding: 8px 8px 0; color: white; background: black; left: 31px; } #video-carousel-container { width: 624px; } .gelui-carousel { background-color: #ffffff; position:relative; width:100%; overflow: hidden; } .gelui-carousel .gelui-carousel-viewport { position: relative; margin: 0 22px; height: 128px; width: 930px; } .gelui-carousel ul { width: 3000px; 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:22px; 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/uk/11/strike_video_car/img/back_next_small.png") no-repeat scroll transparent; text-indent:-9999px; cursor: pointer; } .gelui-carousel .gelui-carousel-button:hover { cursor:pointer; } .gelui-carousel .gelui-carousel-button-disabled { cursor: default !important; } .gelui-carousel .gelui-carousel-navigation-left { left:0; } .gelui-carousel .gelui-carousel-navigation-right { right:0; } /* left arrow */ .gelui-carousel .gelui-carousel-navigation-left .gelui-carousel-button-disabled, .gelui-carousel .gelui-carousel-navigation-left .gelui-carousel-button-disabled :hover, .gelui-carousel .gelui-carousel-navigation-left .gelui-carousel-button-disabled :active { background-position: -3px -73px !important; } .gelui-carousel .gelui-carousel-navigation-left .gelui-carousel-button { background-position: -66px -73px; } .gelui-carousel .gelui-carousel-navigation-left .gelui-carousel-button:hover { background-position: -130px -73px; } .gelui-carousel .gelui-carousel-navigation-left .gelui-carousel-button:active { background-position: -194px -73px; } /* right arrow */ .gelui-carousel .gelui-carousel-navigation-right .gelui-carousel-button-disabled, .gelui-carousel .gelui-carousel-navigation-right .gelui-carousel-button-disabled :hover, .gelui-carousel .gelui-carousel-navigation-right .gelui-carousel-button-disabled :active { background-position: -329px -73px !important; } .gelui-carousel .gelui-carousel-navigation-right .gelui-carousel-button { background-position: -392px -73px; } .gelui-carousel .gelui-carousel-navigation-right .gelui-carousel-button:hover { background-position: -456px -73px; } .gelui-carousel .gelui-carousel-navigation-right .gelui-carousel-button:active { background-position: -520px -73px; } /* IE button styles */ .ie .gelui-carousel .gelui-carousel-button { height: 360px; width: 22px; } .ie .gelui-carousel-button-prev.gelui-carousel-button-disabled{ background: #666666; cursor:default; } .ie .gelui-carousel-button-next.gelui-carousel-button-disabled{ background: #666666; cursor:default; }