/* Container DIV - automatically generated */ .simply-scroll-container { position:relative; margin:0 auto; } /* Clip DIV - automatically generated */ .simply-scroll-clip { position: relative; overflow: hidden; z-index:2; } /* UL/OL/DIV - the element that simplyScroll is inited on Class name automatically added to element */ .simply-scroll-list { position:absolute; top:0; left:0; z-index:1; overflow:hidden; list-style:none; } .simply-scroll-list li { list-style:none; } .simply-scroll-list li img { filter:alpha(opacity=50); /*IE*/ opacity:0.6; display:block; cursor:pointer; } .simply-scroll-list li img:hover { filter:alpha(opacity=100); /*IE*/ opacity:1; } .selected { filter:alpha(opacity=100)!important; /*IE*/ opacity:1!important; } .simply-scroll-btn { position:absolute; background-image:url(/static/images/buttons.png); width:42px; height:44px; z-index:3; cursor:pointer; } .simply-scroll-btn-left { left:6px; bottom:6px; background-position:0 -44px; } .simply-scroll-btn-left.disabled { background-position:0 0 !important; } .simply-scroll-btn-left:hover { background-position:0 -88px; } .simply-scroll-btn-right { right:6px; bottom:6px; background-position:84px -44px; } .simply-scroll-btn-right.disabled { background-position:84px 0 !important; } .simply-scroll-btn-right:hover { background-position: 84px -88px; } .simply-scroll { width: 860px; height: 100px; padding-top:10px; z-index:20000;} /* Clip DIV */ .simply-scroll .simply-scroll-clip { width: 100%; height: 100px; } .simply-scroll .simply-scroll-list li { float: left; width: 110px; height: 100px; }