.prev {
	display: block;
	height: 350px;
	width: 70px;
	background:  url(../images/arrows.gif) no-repeat 0 140px;
	cursor: pointer;
	float: left;
}
.prev:hover {
	background-position: -140px 140px;
}
.next {
	display: block;
	height: 350px;
	width: 70px;
	background:  url(../images/arrows.gif) no-repeat -70px 140px;
	cursor: pointer;
	float: left;		
}
.next:hover {
	background-position: -210px 140px;
}
/* Added the positioning to the .disabled class and hover disabled class
due to problems occuring when users clicked where the arrow
would be located if it were displayed.
This position removes it from the users view
without adding scroll bars on the side
Cooper Fellows - July 7 2009
*/
.disabled {
	background: none;
	cursor: auto;
	position: relative;
	top: -9999px;
}

.disabled:hover {
	background: none;
	cursor: auto;
	position: relative;
	top: -9999px;
}	
#mygaltop {
	z-index: -2000;	
}
.viewpanel {
	float: left;
	width: 600px;
	height: 350px;
	z-index: -2000;	
}
.viewpanel li {
	text-align: center;
	display: block;
	width: 600px;
	height: 350px;	
	overflow: hidden;
	background: #fff url(../images/loader.gif) no-repeat 50% 50%;
}
.viewpanel li a img {
	display: none;
}
.logopanel {
	float: left;
	display: block;
	width: 600px;
	height: 350px;
	z-index: -1000;
}
.logopanel li {
	text-align: center;
	display: block;
	overflow: hidden;
}