#gallery { background: #e1eef5; width:320px; margin-left:3px; margin-top:2px; } #descriptions { position: relative; height: 50px; background: #EEE; width: 320px; overflow: hidden; } #descriptions .ad-image-description { position: absolute; } #descriptions .ad-image-description .ad-description-title { display: block; } .ad-gallery { width: 320px; } .ad-gallery, .ad-gallery * { margin: 0; padding: 0; } .ad-gallery .ad-image-wrapper { width: 100%; height: 240px; position: relative; overflow: hidden; } .ad-gallery .ad-image-wrapper .ad-loader { position: absolute; z-index: 10; top: 48%; left: 48%; border: 1px solid #CCC; } .ad-gallery .ad-image-wrapper .ad-next { position: absolute; right: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 100; } .ad-gallery .ad-image-wrapper .ad-prev { position: absolute; left: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 100; } .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image { display: none; position: absolute; top: 47%; left: 0; z-index: 101; } .ad-gallery .ad-image-wrapper .ad-next .ad-next-image { right: 0; left: auto; } .ad-gallery .ad-image-wrapper .ad-image { position: absolute; overflow: hidden; top: 0; left: 0; z-index: 9; } .ad-gallery .ad-image-wrapper .ad-image a img { border: 0; width:321px; height:240px; } .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { position: absolute; bottom: 0px; left: 0px; padding:2px 7px; text-align: left; width: 100%; z-index: 2; color: #fff; background-color:#000; -khtml-opacity: 0.7; filter: alpha(opacity=70); opacity:0.7; -moz-opacity:0.70; } * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { background: none; } .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title { display: block; } .ad-gallery .ad-controls { margin-top:0px; height:0; padding:0; line-height:0px; } .ad-gallery .ad-info { float: left; } .ad-gallery .ad-slideshow-controls { float: right; } .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop { padding-left: 5px; cursor: pointer; } .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown { padding-left: 5px; font-size: 0.9em; } .ad-gallery .ad-slideshow-running .ad-slideshow-start { cursor: default; font-style: italic; } .ad-gallery .ad-nav { width: 100%; position: relative; } .ad-gallery .ad-forward, .ad-gallery .ad-back { position: absolute; top: 0; height: 100%; z-index: 10; } /* IE 6 doesn't like height: 100% */ * html .ad-gallery .ad-forward, .ad-gallery .ad-back { } .ad-gallery .ad-nav .ad-thumbs { overflow: hidden; width: 100%; height:50px; padding-top:3px; } .ad-gallery .ad-thumbs .ad-thumb-list { float: left; width: 9000px; list-style: none; } .ad-gallery .ad-thumbs li { float: left; padding-right: 5px; line-height:20px; } .ad-gallery .ad-thumbs li a { display: block; } .ad-gallery .ad-thumbs li a img { border: 1px solid #CCC; display: block; width:65px; height:42px; padding:2px; margin:0 2px; } .ad-gallery .ad-thumbs li a.ad-active img { border: 1px solid #616161; } /* Can't do display none, since Opera won't load the images then */ .ad-preloads { position: absolute; left: -9000px; top: -9000px; }