div#scrollLinks {
    display:none;
    }
.product_scroller{position:relative; float:left; margin:20px 0 0 20px; }
* html .product_scroller{margin:20px 0 0 10px; }
div#wn	{ 
    position:relative; 
   width:750px; height:129px; margin:0 0px; overflow:hidden;
	}

div#wn table td img	{ 
	margin: 0 10px 0 0;
	}

div#scrollLinks { float:left;
    position:absolute; 
    width:754px; height:19px;
    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div.dummy_track { 
    position:absolute; left:24px;right:26px; top:0;
   height:19px; width:713px ;
    background: url(../../images/track.png) repeat-x top; z-index:21;
  }


div#track { 
    position:absolute; left:24px;right:26px; top:0;
    height:19px; 
    background: url(../../images/track.png) repeat-x top; z-index:21
  }
div#dragBar {
    position:absolute; left:1px; top:0px; width:164px !important;
    height:17px; background:url(../../images/scrollbar.png) no-repeat;
  }  
div#left { position:absolute; left:0; top:0; z-index:22}  
div#right { position:absolute; right:0; top:0; z-index:23 }

/* for safari, to prevent selection problem  */
div#scrollLinks, div#track, div#dragBar, div#left, div#right {
    -moz-user-select: none;
    -khtml-user-select: none;
}
/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollLinks img {
    display:block; 
    }


