/* NOTE: width and height for div#wn also specified in head of demo */
div#wn	{ 
    position:relative; /* scroll area div must be positioned */
    width:184px; height:52px; /* width and height required. adjust to suit */
    overflow:hidden; /* required! */
	}
div#scrollbar { 
    position:relative;
    /* include following if you don't want scrollbar hidden when insufficient content for scrolling */
     visibility:visible !important; 
    top:170px; width:716px; height:10px; left: 12px;
    font-size:1px; /* or dragBar will overflow track in ie */
  }
div#scrollbar .left { 
    position:absolute; 
    left:0; top:-102px;
    width:30px; height:44px; /* specify width and height of your image */
    background-image: url('/ABAIImages/Icons/featuredProductLeftArrow.png');
	background-repeat: no-repeat;
    }
div#scrollbar .right { 
    position:absolute; 
    right:-60px; top:-102px;
    width:30px; height:44px; /* specify width and height of your image */
    background-image: url('/ABAIImages/Icons/featuredProductRightArrow.png');
      background-repeat: no-repeat;
    }
div#scrollbar .track { 
    position:absolute; /* track must be positioned */
    top:0;
    left:12px; /* equal to width of .left image + optional gap */
    width:160px; /* width of scrollbar minus 2 X image width minus 2 X gap between */
    height:10px; 
    background-color:#336;
	visibility:hidden;
  }
div#scrollbar .dragBar {
    position:absolute; /* dragBar must be positioned */
    left:1px; top:1px; /* for small gap between track and dragBar */
    height:8px;
    width:20px; /* code auto-sizes */
    /* width:20px !important;  use !important to prevent code from sizing dragBar according to amount of content */
    background-color:#ceced6;
  }  
/* for clutzy draggers */
div#scrollbar {
    -moz-user-select: none;
    -khtml-user-select: none;
    }
	
/* 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, div#scrollbar:focus, div#scrollbar .track:focus, div#scrollbar .dragBar:focus {
    outline:1px dotted #eee;
    }
	
div.featuredProductDesc{
	padding: 4px 8px 8px 12px;
	font-size: 10pt;
}
div.featuredProductLink{
	padding: 4px 8px 0px 12px;
	position: absolute;
	left: 125px;
	bottom: 0px; 
}
span.featuredProductRedLink{
	color: red;
}
span.featuredProductHeader{
	font-size: 12pt;
}