/* CSS Document - horizontal */

#horzScrollBox {position: fixed; top: 12px; left: 12px; width:150px; height: 30px; background-color: #000; z-index: 999;}
/* IE.5-6 */ * html #horzScrollBox {display: none;}

#horzScroll {width: 30px; height: 30px; padding: 0; margin: 0; list-style: none;}
#horzScroll table {position:absolute; top:0; left:0; border-collapse:collapse; z-index:100;}

#horzScroll ul {padding: 0; margin: 0; list-style: none;}
#horzScroll li {width: 30px; height: 30px; display: block; float:left;}
#horzScroll li a {width: 30px; height: 30px; text-indent: -999px; text-decoration: none; background: #c70202 url(../images/start.gif) center no-repeat; display: block;}
#horzScroll li a:hover {background: #c70202 url(../images/start-hover.gif) center no-repeat; text-decoration: none;}

#horzScroll li ul {position:absolute; top:0; left:30px; width:150px; height:30px; visibility: visible;}
#horzScroll li ul li {width:30px; height:30px; margin: 0 0 0 12px; display: inline;}
#horzScroll li ul li a {width: 30px; height: 30px; text-indent: 0; display: block;}

#horzScroll li ul #scrollLeft a {background: url(../images/left.gif) center no-repeat;}
#horzScroll li ul #scrollLeft a:hover {background: url(../images/left-hover.gif) center no-repeat;}

#horzScroll li ul #scrollRight a {
	background: url(../images/right.gif) center no-repeat;
}
#horzScroll li ul #scrollRight a:hover {background: url(../images/right-hover.gif) center no-repeat;}

#horzScroll li ul #AutoScrollLeft a {
	background: url(../images/pagestart.gif) center no-repeat;
}
#horzScroll li ul #AutoScrollLeft a:hover {background: url(../images/pagestart-hover.gif) center no-repeat;}

#horzScroll li ul #AutoScrollRight a {background: url(../images/pageend.gif) center no-repeat;}
#horzScroll li ul #AutoScrollRight a:hover {background: url(../images/pageend-hover.gif) center no-repeat;}

#horzScroll li ul #PauseScroll a {background: url(../images/pause.gif) center no-repeat;}
#horzScroll li ul #PauseScroll a:hover {background: url(../images/pause-hover.gif) center no-repeat;}

#horzScroll li b {position:absolute; top: 0; left: 30px; width: 150px; height: 30px; background: #000; visibility: visible; display: block;}

#horzScroll li:hover {position:relative;}
#horzScroll li:hover ul li a:hover {background: #000; color:#000;}
#horzScroll li:hover b, #horzScroll li a:hover b {visibility:visible;}
#horzScroll li:hover ul, #horzScroll li a:hover ul {visibility:visible;}

#endPage {float: left;}