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

/* 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:90px;
	margin-left: 320px;
    }
div#scrollLinks .left {
    background:url('../../../images/bt/left1.png');
    background-repeat:no-repeat;
    width:23px; height:22px; /* specify width and height of your image */
    position:absolute; left:30px;
	cursor:pointer;
    }
div#scrollLinks .right {
    background-image:url('../../../images/bt/right1.png');
    background-repeat:no-repeat;
     width:23px; height:22px; /* specify width and height of your image */
    position:absolute; right:30px;
	cursor:pointer; float:
    }

/* 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;
    }    
#wn_h_left {  margin-top: -10px; margin-left: -25px;}	
#wn_h_right {  margin-top: -10px;}