/* @override http://localhost/bxslider_v3_plugin/css/styles.css */

/*
 * To change the color scheme of slider change each 
 * background property for each of the five styles below
 */

/*next button*/
#MainSlideShow .bx-next {
	position:absolute;
	top:38%;
	right:-10px;
	z-index: 0; 
	width: 30px;
	height: 40px;
	text-indent: -999999px;
	background: url(button_next.png) no-repeat;
	outline: none;
}

/*previous button*/
#MainSlideShow .bx-prev {
	position:absolute;
	top:38%;
	left: -10px;
	z-index:999;
	width: 30px;
	height: 40px;
	text-indent: -999999px;
	background: url(button_prev.png) no-repeat;
	outline: none;
}

/*pager links*/
#MainSlideShow .bx-pager a {
	margin-right: 5px;
	color: #fff;
	padding: 3px 8px 3px 6px;
	font-size: 12px;
	width: 10px;
	height: 10px;
	zoom:1;
	text-decoration: none;
	background: url(pager_inactive.png) no-repeat; 

}

/*auto start button*/
#MainSlideShow .bx-auto .start {
	background: url(gray_auto.png) no-repeat 0 2px;
	padding-left: 13px;
}

/*auto stop button*/
#MainSlideShow .bx-auto .stop {
	background: url(gray_auto.png) no-repeat 0 -14px;
	padding-left: 13px;
}

/*
 * End color scheme styles
 */


/*next/prev button hover state*/
#MainSlideShow .bx-next:hover,
#MainSlideShow .bx-prev:hover {
	background-position: 0 0;
}

/*pager links hover and active states*/
#MainSlideShow .bx-pager .pager-active,
#MainSlideShow .bx-pager a:hover {
	background: url(pager_active.png) no-repeat; 
}

/*pager wrapper*/
#MainSlideShow .bx-pager {
	text-align:center;
	padding-top: 12px;
	font-size:0px;
	color: #fff;
}

/*captions*/
#MainSlideShow .bx-captions {
	text-align:center;
	font-size: 12px;
	padding: 7px 0;
	color: #666;
}

/*auto controls*/
#MainSlideShow .bx-auto {
	text-align: center;
	padding-top: 15px;
}

#MainSlideShow .bx-auto a {
	color: #666;
	font-size: 12px;
}