/**********************************************************************************************/
/**********************************************************************************************/
/******************        Slider Script By M. Israr Haider        ****************************/
/******************       For Tech Support, ssweb@hotmail.com      ****************************/
/**********************************************************************************************/
/**********************************************************************************************/



#sliderWrapper
{
	width:100%;
	overflow:hidden;
}
#slider
{
	width:200%;
	height:100%:
}
#slider img
{
	width:50%;
	float:left;
}

#nav-ArrowPre
{
	margin-top:-25%;
	position:relative;
	top:-25;
	float:left;
	width:40px;
}
#nav-ArrowNext
{
	margin-top:-25%;
	position:relative;
	top:-25;
	float:right;
	width:40px;
}

#nav-ArrowPre #pre
{
	width:40px;
	height:50px;
	background:url(img/arrows_white_new3.png) left center no-repeat;;
	cursor:pointer;
	border-radius:5px;
	margin-left:10px;
}
#nav-ArrowNext #next
{
	width:40px;
	height:50px;
	background:url(img/arrows_white_new3.png) right center no-repeat;
	cursor:pointer;
	border-radius:5px;
	margin-left:-10px;
}
#sliderWrapper:hover #nav-ArrowPre #pre, #sliderWrapper:hover #nav-ArrowPre #next
{
	background-color:rgba(255,255,255,0.50);
}
#sliderWrapper:hover #nav-ArrowNext #next
{
	background-color:rgba(255,255,255,0.50);
}
#slideHolder
{
	display:none;
	position:absolute;
	float:left;
	margin-left:5px;
	
}
#slideHolder img
{
	width:5%;
	border:1px solid #fff;
	margin-right:5px;
	margin-top:5px;
	cursor:pointer;
	opacity:0.3;
}