/* NOTE; specs for #wn in head of demo too */
div#wn	{ 
    position:relative; /* scroll area div must be positioned */
    width:180px; height:52px; /* width and height required. adjust to suit  */
    overflow:hidden; /* required! */
	}

/* styles to display list items horizontally */
ul#horiz {
    list-style:none; margin:0; padding:0;
    white-space:nowrap;
    }
ul#horiz li {
    display:inline;
    white-space:nowrap;
    }
    
/* style scrollLinks to suit your taste and layout. */
div#scrollLinks {
    position:relative;
    width:950px;
    top: 35px;
	 z-index: 2000 !important;
	visibility: visible !important;
	margin: 0 auto;
    }
	 
div#scrollLinks .left {
    background-image:url('../images/icons/button_arrow_left_small.png');
    background-repeat:no-repeat;
    width:16px; height:16px; /* specify width and height of your image */ 
	 position:absolute; 
    left:-10px;
    }
div#scrollLinks .right {
    background-image:url('../images/icons/button_arrow_right_small.png');
    background-repeat:no-repeat;
    width:16px; height:16px; /* specify width and height of your image */
    position:absolute; 
    right:0px;
    }

    
/* safari, chrome, opera have very prominent outline by default 
   opera shows outline movement with scrolling and won't allow none
   set to suit your page design
*/
div#wn:focus {
    outline:1px dotted #eee;
    }