#demo-frame > div.demo { padding: 10px !important; }
.scroll-pane { overflow: auto; width: 99%; float:left; }
.scroll-content { width:2700px; height:151px; float: left; } /* need to adjust the width when adding / removing items from the slider */
.scroll-content-item { position:relative; width: 225px; height: 151px; float: left; margin: 0px; font-size: 12px; text-align: center; border:none; }
.scroll-content-item span.itemName { position:absolute; width:225px; left:0; bottom:8px; }
* html .scroll-content-item { display: inline; } /* IE6 float double margin bug */
.scroll-bar-wrap { clear: left; padding: 0 4px 0 2px; margin: 0 -1px -1px -1px; }
.scroll-bar-wrap .ui-slider { background: none; border:0; height: 2em; 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 { top:.2em; height: 1.5em; background:url('/images/slider-handle.jpg') 50% 50% no-repeat; }
.scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; top: 50%; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #FFA200; background:url('/images/slider-handle.jpg') 50% 50% no-repeat; font-weight: bold; color: #ffffff; outline: none; }