/* CSS Document */
.slider {
	width: 600px;
	height: 350px;
	margin: 50px auto;
	position: relative;
	z-index: 4;
}
a.next{
    
	background-image:url(../../img/right.png);
	text-decoration: none;
	z-index: 4;
	padding: 0px 5px;
	
}

 a.prev {
	
	background-image:url(../../img/left.png);
	z-index: 4;
	padding: 0px 5px;

}

.next {
	position: absolute;
	right: -25px;
	top: 166px;
	width: 35px;
	height: 45px;
}
.prev {
	position: absolute;
	left: -28px;
	top: 163px;
	width: 39px;
	height: 44px;
}
a.inactive {color:#ccc; background-color:#fff; border:1px solid #eee; outline:none;}
/* ul.navi is the generated navigational bullets we generate, you can disable this */
ul.navi {list-style:none; position:absolute; bottom:10px; right:5px;}
ul.navi li {float:left; margin-right:5px;}
ul.navi li a {background-color:#CCC; display:block; height:10px; width:10px; text-indent:-9999px; outline:none; -moz-border-radius: 5px; border-radius: 5px;-webkit-box-shadow:  0px 0px 2px  #000000;
-moz-box-shadow: 0px 0px 3px #000000;
box-shadow: 0px 0px 1px #000000; }
ul.navi li a.active {background-color:#fff;}