/* Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn. 
   hold div height accommodates scrollbar in this example    
*/
div#hold {
	position:relative; overflow:hidden;
	width:906px; height:90px; z-index:1;
	margin:-5px 0 0 0;
	}
div#wn	{
	background-color:#2D3A3F;
	position:absolute; 
	left:0; top:4px; 
	width:891px; height:100px; 
	/*clip:rect(0px, 184px, 70px, 0px); */
	overflow:hidden;	
	z-index:1; 
	}
div#lyr1	{ 
	position:absolute; visibility:hidden; 
	left:0px; top:0px; 
	z-index:1; 
	}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar {
  position:absolute; left:0px; top:79px;
  width:890px !important; height:10px; font-size:2px; line-height:2px;
  font-size:1px; z-index:2
  }
div#track { 
  position:absolute; left:11px; top:0;
  width:868px; height:12px; z-index:1;
  background: url("/../Images/nav/track.gif") #8E1C24 repeat;
  }
div#dragBar {
  position:absolute; left:15px; top:3px;
  width:94px !important; height:9px; z-index:1;
  background-color:#FFCB03;
  }  
div#left { position:absolute; left:0; top:1; z-index:3 }  
div#right { position:absolute; right:0; top:1; z-index:3 }
  
/* Styles for demo, not necessary for scrolling layers */  
.content {
	padding:0;
	margin:0;
}
.content a 
{
	height:55px;
	width:55px;
	display:block;
	margin:0 0 0 0;
	padding:0;
	text-decoration:none;
}
.content a.slide1 {
	background:url(../Images/ser-ico1.gif) no-repeat 0 0;
}
.content a.slide1:hover {
	background:url(../Images/ser-ico1-hov.gif) no-repeat 0 0;
	}
.content a.slide2 {
	background:url(../Images/ser-ico2.gif) no-repeat 0 0;
}
.content a.slide2:hover {
	background:url(../Images/ser-ico2-hov.gif) no-repeat 0 0;
}
.content a.slide3 {
	background:url(../Images/ser-ico3.gif) no-repeat 0 0;
}
.content a.slide3:hover {
	background:url(../Images/ser-ico3-hov.gif) no-repeat 0 0;
}
.content a.slide4 {
	background:url(../Images/ser-ico4.gif) no-repeat 0 0;
}
.content a.slide4:hover {
	background:url(../Images/ser-ico4-hov.gif) no-repeat 0 0;
	margin:0;
	padding:0;
}
.content a.slide5 {
	background:url(../Images/ser-ico5.gif) no-repeat 0 0;
}
.content a.slide5:hover {
	background:url(../Images/ser-ico5-hov.gif) no-repeat 0 0;
}
.content a.slide6 {
	background:url(../Images/ser-ico6.gif) no-repeat 0 0;
}
.content a.slide6:hover {
	background:url(../Images/ser-ico6-hov.gif) no-repeat 0 0;
}
.content a.slide7 {
	background:url(../Images/ser-ico7.gif) no-repeat 0 0;
}
.content a.slide7:hover {
	background:url(../Images/ser-ico7-hov.gif) no-repeat 0 0;
}
.content a.slide8 {
	background:url(../Images/ser-ico8.gif) no-repeat 0 0;
}
.content a.slide8:hover {
	background:url(../Images/ser-ico8-hov.gif) no-repeat 0 0;
}
.content a.slide9 {
	background:url(../Images/ser-ico9.gif) no-repeat 0 0;
}
.content a.slide9:hover {
	background:url(../Images/ser-ico9-hov.gif) no-repeat 0 0;
}
.content a.slide10 {
	background:url(../Images/ser-ico10.gif) no-repeat 0 0;
}
.content a.slide10:hover {
	background:url(../Images/ser-ico10-hov.gif) no-repeat 0 0;
}
.content a.slide11 {
	background:url(../Images/ser-ico11.gif) no-repeat 0 0;
}
.content a.slide11:hover {
	background:url(../Images/ser-ico11-hov.gif) no-repeat 0 0;
}
.content a.slide12 {
	background:url(../Images/ser-ico12.gif) no-repeat 0 0;
}
.content a.slide12:hover {
	background:url(../Images/ser-ico12-hov.gif) no-repeat 0 0;
}
.content a.slide13 {
	background:url(../Images/ser-ico13.gif) no-repeat 0 0;
}
.content a.slide13:hover {
	background:url(../Images/ser-ico13-hov.gif) no-repeat 0 0;
}
.content a.slide14 {
	background:url(../Images/ser-ico14.gif) no-repeat 0 0;
}
.content a.slide14:hover {
	background:url(../Images/ser-ico14-hov.gif) no-repeat 0 0;
}
.content a.slide15 {
	background:url(../Images/ser-ico15.gif) no-repeat 0 0;
}
.content a.slide15:hover {
	background:url(../Images/ser-ico15-hov.gif) no-repeat 0 0;
}
.content a.slide16 {
	background:url(../Images/ser-ico16.gif) no-repeat 0 0;
	}
.content a.slide16:hover {
	background:url(../Images/ser-ico16-hov.gif) no-repeat 0 0;
}
.content a.slide17 {
	background:url(../Images/ser-ico17.gif) no-repeat 0 0;
	}
.content a.slide17:hover {
	background:url(../Images/ser-ico17-hov.gif) no-repeat 0 0;
}