/*
div
{
	border-width: 2px; 	border-style: solid; 	margin:2px;
}
*/

div.allslides
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	margin: 0px;
}

div.slide
{
	position:absolute;
	background-repeat: no-repeat;
	background: #FFFFFF;
	height: 100%;
}


/* Navigation buttons */
div.navigation
{
	position: absolute;
	top: 50%;
	height: 24px;
	width: 24px;
	margin-top: -10px;
	z-index: 1000;
	cursor:pointer;
	opacity:0.7;
	background-repeat: no-repeat;
}

div.navigation.bannershow
{
	top: 50%;
	height: 24px;
	width: 24px;
	margin-top: -10px;
}

div.navigation.newsshow
{
	top: 9%;
	margin-left:205px;
	height: 16px;
	width: 16px;
		
}



div.navigation:hover
{
	opacity:1.0;
}

div.navigation.prev.bannershow
{
	left: 10px;
	background-image: url('../Images/navigate-left-icon.png');
}

div.navigation.next.bannershow
{
	right: 10px;
	background-image: url('../Images/navigate-right-icon.png');
}

div.navigation.prev.newsshow
{
	left: 10px;
	background-image: url('../Images/tab_left.png');
}

div.navigation.next.newsshow
{
	left: 30px;
	background-image: url('../Images/tab_right.png');
}

div.navigation.prev.customersshow
{
	left: 5px;
	background-image: url('../Images/tab_left.png');
}

div.navigation.next.customersshow
{
	right: 5px;
	background-image: url('../Images/tab_right.png');
}
/* grey */
div.curindicatorcont
{
	position:absolute;	
	right:10px;
	bottom: 10px;
	height:25px;
	background:#FFFFFF;
	z-index:1000;
	visibility:hidden; 
}




div.curindicator
{
	position:relative;
	float:left;
	margin:8px;
	width:11px; /* if indicator width and/or margin is changed then 'oneIndicatorWidth' variable in the script must be changed also */
	height:11px;
	background:#B0B0B0;
	border-style:solid;
	border-width:2px;
	border-color:#FFFFFF;
	opacity:0.6;
	visibility:visible;
}

div.curindicator:hover
{
	opacity:1.0;
}

div.curindicator.newsshow
{
	visibility:hidden;
}

div.curindicator.customersshow
{
	visibility:hidden;
}
​