#dj-tabber1m { margin: 10px auto; max-width: 956px; padding: 9px; background: #d7d7d7; border: 1px solid #d0d0d0; box-shadow: 0 0 5px #ccc; } #dj-tabber1m .dj-tabber-in { width: 956px; max-width: 956px; height: 318px; position: relative; overflow: hidden; } #dj-tabber1m .dj-slides { width: auto; height: 100%; margin-right: 256px; overflow: hidden; position: relative; z-index: 5; } #dj-tabber1m .dj-slide { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; text-align: center; } #dj-tabber1m .dj-slide-in { height: 100%; } #dj-tabber1m .dj-slide-in > a { background: none; } #dj-tabber1m .dj-slide img.dj-image, #dj-tabber1m .dj-slide a:hover img.dj-image { border: 0 !important; width: 100%; height: auto; } #dj-tabber1m .dj-slide-desc { position: absolute; width: 79.857142857143%; bottom: 0%; left: 7%; } #dj-tabber1m .dj-slide-desc-in { position: relative; height: 100%; } #dj-tabber1m .dj-slide-desc-bg { position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity = 50); } #dj-tabber1m .dj-slide-desc-text { position: relative; color: #ccc; padding: 10px; text-align: left; } #dj-tabber1m .dj-slide-desc-text p { display: block; padding: 0; } #dj-tabber1m .dj-slide-desc-text a { color: #f5f5f5; } #dj-tabber1m .dj-slide-title { font-size: 1.5em; font-weight: bold; line-height: 1.1; color: #f5f5f5; margin-bottom: 5px; } #dj-tabber1m .dj-slide-title a { background: none; } #dj-tabber1m .dj-readmore-wrapper { padding: 5px 0 0; text-align: right; } #dj-tabber1m a.dj-readmore { font-size: 1.1em; } #dj-tabber1m .dj-navigation { position: absolute; top: 87.421383647799%; width: 700px; margin-right: 256px; z-index: 10; } #dj-tabber1m .dj-navigation-in { position: relative; margin: 0 51px; } #dj-tabber1m .dj-navigation .dj-prev { cursor: pointer; display: block; position: absolute; left: 0; } #dj-tabber1m .dj-navigation .dj-next { cursor: pointer; display: block; position: absolute; right: 0; } #dj-tabber1m .dj-navigation .dj-play, #dj-tabber1m .dj-navigation .dj-pause { cursor: pointer; display: block; position: absolute; left: 50%; margin-left: -18px; } #dj-tabber1m .dj-tabs { position: absolute; top: 0; right: 0; width: 256px; height: 100%; z-index: 5; } #dj-tabber1m .dj-tabs-in { position: relative; width: 256px; margin: 0; } #dj-tabber1m .dj-tab-indicator { position: absolute; top: 0; right: 256px; background: url(../images/dj-tab-indicator-left.png) right center no-repeat; width: 30px; height: 62px; z-index: 15; } #dj-tabber1m .dj-tab { display: block; height: 62px; overflow: hidden; cursor: pointer; background: #fff url(../images/dj-tab.png) 0 100% repeat-x; padding: 0 6px; box-shadow: 1px 1px 2px #999; margin: 0 2px 8px 10px; } #dj-tabber1m span.dj-tab-in { display: table; height: 62px; font-size: 13px; line-height: 15px; font-weight: bold; color: #505050; text-shadow: 1px 1px 1px #ddd; } #dj-tabber1m span.dj-tab-in span { display: table-cell; vertical-align: middle; } #dj-tabber1m .dj-tab table { border-collapse: separate; border: 0; height: 62px; overflow: hidden; } #dj-tabber1m .dj-tab table td { border: 0; vertical-align: middle; } #dj-tabber1m .dj-tab-active { background: #2f2f2f url(../images/dj-tab-active.png) 0 100% repeat-x; margin-left: 0; padding-left: 16px; } #dj-tabber1m .dj-tab-active span.dj-tab-in, #dj-tabber1m .dj-tab-active span.dj-tab-in span { color: #fff; text-shadow: none; } #dj-tabber1m .dj-tab img { border: 1px solid #ccc; margin-right: 8px; } #dj-tabber1m .dj-tab-active img { border: 1px solid #fff; } #dj-tabber1m .dj-loader { position: absolute; top: 10px; left: 10px; z-index: 20; width: 16px; height: 16px; display: block; background: #222 url(../images/ajax-loader.gif) left top no-repeat; border: 1px solid #aaa; margin: 2px; border-radius: 8px; -moz-border-radius: 8px; opacity: 0.8; filter: alpha(opacity = 80); }