/* position and dimensions of the navigator */
.navi {
	margin-left:271px;
	/* For Navigator_dots_5.png */
	width:200px;
	margin:50px 0 10 10px;
	height:30px;
	/* For Navigator_dots_1.png 
  height:20px; 
  */
	overflow:hidden;
}


/* items inside navigator */
.navi a {
	/* For Navigator_dots_5.png */
  width:24px;
	height:24px;

	/* For Navigator_dots_1.png 
  width:8px;
	height:8px; */
	float:left;
	margin:3px;
	background:url(http://www.CoscendCommunications.com/Tools/img/playlist/navigator/navigator_dots_5.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	/* For Navigator_dots_5.png */
	background-position:0 -24px;      
	/* For Navigator_dots_1.png 
	background-position:0 -8px; 
  */     
}

/* active state (current page state) */
.navi a.active {
	/* For Navigator_dots_5.png */
	background-position:0 -48px;      
	/* For Navigator_dots_1.png 
	background-position:0 -16px; 
  */     
}