﻿#handler 
{
	margin:0 auto;
	width: 400px;
}


#slideNavigation 
{
	margin:0 auto;
	position:relative;
	width: 400px;
	padding:5px;
	background: #333;
	border:1px solid #CCC;
}
/*#slideNavigation img {
	display:block;
}*/
#slideNavigation #navMain {
	float:left;
	position: relative;
	margin: 5px 0px;
	height: 45px;
	width: 370px;
	overflow: hidden;
}
#slideNavigation #navMain ul {
	position: absolute;
	left: 0px;
}
#slideNavigation #navMain li {
	position: absolute;
	background: #FFF;
}
#slideNavigation #imgMain {
	position: relative;
	width: 400px;
	height: 300px;
	background: #FFF;
}
#slideNavigation #goRight, #slideNavigation #goLeft {
	float:left;
	width: 15px;
	height: 45px;
	margin: 5px 0px;
}
#slideNavigation #goRight div {
	width: 15px;
	height: 45px;
	background: url('../../images/sysimg/arrow_left_orange.gif') no-repeat;
	cursor: pointer;
}
#slideNavigation #goLeft div {
	width: 15px;
	height: 45px;
	background: url('../../images/sysimg/arrow_right_orange.gif') no-repeat;
	cursor: pointer;
}
#slideNavigation #slider {
	clear: left;
	position: relative;
	height: 9px;
	width: 370px;
	margin-left:15px;
	background: #666;
}
#slideNavigation #handle {
	width:30px;
	height:9px;
	background-color:#f98100;
	cursor:move;
	position: absolute;
	font-size:0;
	background: url('../../images/sysimg/handle.gif') no-repeat;
}
#slideNavigation #navMain #navNow {
	width:61px;
	height:41px;
	left:-100px;
	top:0px;
	border:2px solid #c1f544;
	background:transparent;
}
#hoverNav {
	position: absolute;
	left:0;
	top:0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#hoverNav a {
	outline: none;
}
#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background-image: url('../../images/sysimg/span.gif');/* url(data:image/gif;base64,AAAA); Trick IE into showing hover */
	display: block;
}
#prevLink {
	float: left;
}
#nextLink {
	float: right;
}
#prevLink:hover, #prevLink:visited:hover {
	background: url('../../images/sysimg/prevlabel.gif') left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
	background: url('../../images/sysimg/nextlabel.gif') right 15% no-repeat;
}
#toolTipsWrapper {
	border: 1px solid #FFF;
	padding:2px 4px;
	background: #afd2f6;
	color: #333;
}
#loading {
	position: absolute;
	width: 100%;
	top: 35%;
	text-align: center;
}
#loading img {
	margin: 0 auto;
}


#imgMain
{
	display: table-cell;
	vertical-align:middle;
	text-align:center;
    /* hack for ie */
	*display: block;
	*font-size: 221px;
	/* end */      
}
#imgMain img
{
	vertical-align:middle;
	margin-left: auto;
	margin-right: auto;
}
