#slideshow-wrapper{margin: 0 auto; width: 100%; height: 140px; overflow: hidden; position: relative;}
#slideshow{ display: block; padding: 0; float: left; margin: 0; width: 100000px; height: 140px;}
#slideshow li{ display: block; float: left; margin: 0; padding: 0 1px 0 0; list-style: none; cursor: pointer; overflow: hidden; z-index: 10; position: relative;width: 230px; overflow: hidden;}
#slideshow li *{ z-index: 10;}
#slideshow li span.loading{ display: block; width: 230px; height: 140px; background: #000 url(img/slider/ajax-loader.gif) no-repeat center center;}
#slideshow li span.info{ background: url(img/slider/slider-title-bg.png); position: relative; width: 220px; height: 40px; top: 0px; padding: 5px; color: #fff; display:block; text-align:center}
#slideshow li span.info span.header{ font-size: 1.4em; font-weight: normal;}
#previous,#next{ display: block; width: 80px; height: 140px; cursor: pointer; position: relative; margin: 0; top: -140px; z-index: 10;}
#previous{ float: left;}
#next{ float: right;}
#next.active{ background: url(img/slider/next.png) no-repeat right center;}
#previous.active{ background: url(img/slider/previous.png) no-repeat left center; }

/* debug */
#debug{z-index: 9999; display: block; background: #fff; position: absolute; top: 100px; left: 0; border: 1px solid #ddd; width: 300px; height: 300px; overflow: auto; padding: 5px 10px 5px 20px; margin: 0;}
#debug li{border-bottom: 1px solid #ddd;}