/* New releases */

.newreleases  {
  margin-bottom: 10px;  
  background: #fff;
  }
.newreleases .body, #container3 .newreleases .body {
  background: #fff;
  }

.newreleases h3 {
  font-size: .65em;
  font-weight: normal;
  text-transform: uppercase;
  margin: 3px 0px 0px 0px;
  line-height: 1em;
  
  }  
.newreleases .innerblock {
  background: #fff;
  border: none;
  margin: 10px 0px 10px 0px;
  clear: none;
  text-align: center;
  }
#container3 .newreleases .innerblock {
  clear: none;
  margin: 10px 0px 10px 0px;
  }
.newreleases .picture {
  margin: 0px auto 2px auto;
  float: none;
  }  
/* Dit is voor de JQuery UI Scroll balk */
#demo-frame > div.hscroller { padding: 10px !important; }
.scroll-pane { overflow: auto; width: 99%; float:left; }
.scroll-content { width: 1500px; float: left; }
.scroll-content-item { width: 100px; height: 88px; float: left; margin: 10px; line-height: 88px; text-align: center; }
* html .scroll-content-item { display: inline; } /* IE6 float double margin bug */
.scroll-bar-wrap { clear: left; padding: 0 2px 0 2px; margin: 0 -1px -1px -1px; height: 12px; }
.scroll-bar-wrap .ui-slider {  border:0; height: 1em; margin: 0 auto;  }
.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }
.scroll-bar-wrap .ui-slider-handle { }
.scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; top: 50%; }

.newreleases .ui-widget-header, .newreleases .ui-widget-content {
  background: #fff;
}
#container3 .newreleases .scroll-bar-wrap .ui-widget-content {
  background: #ececec;
  height: 12px;}