.featured { background: url(images/loading.gif) no-repeat center rgb(0, 0, 0); width: 940px; height: 450px; overflow: hidden; } .featured > img { display: none; } .featured > div { display: none; } .featured > a { display: none; } div.orbit-wrapper { width: 1px; height: 1px; position: relative; } div.orbit { width: 1px; height: 1px; overflow: hidden; position: relative; } div.orbit > img { left: 0px; top: 0px; display: none; position: absolute; } div.orbit > a { border: currentColor; left: 0px; top: 0px; line-height: 0; display: none; position: absolute; } .orbit > div { left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; } div.timer { top: 10px; width: 40px; height: 40px; right: 10px; overflow: hidden; position: absolute; z-index: 1001; cursor: pointer; opacity: 0.6; } span.rotator { background: url(images/rotator-black.png) no-repeat; left: -20px; top: 0px; width: 40px; height: 40px; display: block; position: absolute; z-index: 3; } span.mask { top: 0px; width: 20px; height: 40px; right: 0px; overflow: hidden; display: block; position: absolute; z-index: 2; } span.move.rotator { left: 0px; } span.move.mask { /*background: url(images/timer-black.png) 0px 0px;*/ left: 0px; width: 40px; } span.pause { background: url(images/pause-black.png) no-repeat; left: 0px; top: 0px; width: 40px; height: 40px; display: block; position: absolute; z-index: 4; opacity: 0; } span.active.pause { background: url(images/pause-black.png) no-repeat 0px -40px; } div.timer:hover span.pause { opacity: 1; } span.active.pause { opacity: 1; } .orbit-caption { font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; display: none; } .orbit-wrapper .orbit-caption { background: rgba(0, 0, 0, 0.6); padding: 7px 0px; width: 100%; text-align: center; right: 0px; bottom: 0px; color: rgb(255, 255, 255); font-size: 13px; position: absolute; z-index: 1000; } div.slider-nav { display: block; } div.slider-nav span { top: 50%; width: 78px; height: 100px; text-indent: -9999px; margin-top: -50px; position: absolute; z-index: 1000; cursor: pointer; } div.slider-nav span.right { background: url(images/right-arrow.png); right: 0px; } div.slider-nav span.left { background: url(images/left-arrow.png); left: 0px; } .orbit-bullets { list-style: none; padding: 0px; left: 50%; bottom: -40px; margin-left: -50px; position: absolute; z-index: 1000; } .orbit-bullets li { background: url(images/bullets) no-repeat 4px 0px; width: 13px; height: 12px; color: rgb(153, 153, 153); text-indent: -9999px; overflow: hidden; margin-left: 5px; float: left; cursor: pointer; } .orbit-bullets li.active { background-position: -8px 0px; color: rgb(34, 34, 34); } .orbit-bullets li.has-thumb { width: 100px; height: 75px; } .orbit-bullets li.has-thumb.active { border-top-color: rgb(0, 0, 0); border-top-width: 2px; border-top-style: solid; }