.slider {width:1000px; height:400px; margin:17px auto 49px; position:relative;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.slider:before,
.slider:after {
    content:"";
    position:absolute;
    z-index:-2;
}


.slider > div {display:none;}

a.next, a.prev {
color:#ffffff; 
text-decoration:none; 
z-index:99; 
padding:15px 5px; 
display:block; 
}
.next {
position:absolute; 
right:-12px; 
top:45%;
background: #df0000;
background: linear-gradient(left, #ab0000, #df0000);
background: -webkit-gradient(linear, left top, right top, from(#df0000), to(#ab0000));
background: -webkit-linear-gradient(left, #ab0000, #df0000);
background: -moz-linear-gradient(left, #ab0000, #df0000);
background: -ms-linear-gradient(left, #ab0000, #df0000);
background: -o-linear-gradient(left, #ab0000, #df0000);
border-radius:0 6px 6px 0;
-moz-border-radius:0 6px 6px 0;
-webkit-border-radius:0 6px 6px 0;
-khtml-border-radius:0 6px 6px 0;
}
.next:hover {
background: linear-gradient(left, #df0000, #ab0000);
background: -webkit-gradient(linear, left top, right top, from(#ab0000), to(#df0000));
background: -webkit-linear-gradient(left, #df0000, #ab0000);
background: -moz-linear-gradient(left, #df0000, #ab0000);
background: -ms-linear-gradient(left, #df0000, #ab0000);
background: -o-linear-gradient(left, #df0000, #ab0000);
box-shadow: 0 0 50px #ffffff;
}
.prev {
position:absolute; 
left:-12px; 
top:45%;
background: #df0000;
background: linear-gradient(left, #df0000, #ab0000);
background: -webkit-gradient(linear, left top, right top, from(#ab0000), to(#df0000));
background: -webkit-linear-gradient(left, #df0000, #ab0000);
background: -moz-linear-gradient(left, #df0000, #ab0000);
background: -ms-linear-gradient(left, #df0000, #ab0000);
background: -o-linear-gradient(left, #df0000, #ab0000);
border-radius:6px 0 0 6px;
-moz-border-radius:6px 0 0 6px;
-webkit-border-radius:6px 0 0 6px;
-khtml-border-radius:6px 0 0 6px;
}
.prev:hover {
background: linear-gradient(left, #ab0000, #df0000);
background: -webkit-gradient(linear, left top, right top, from(#df0000), to(#ab0000));
background: -webkit-linear-gradient(left, #ab0000, #df0000);
background: -moz-linear-gradient(left, #ab0000, #df0000);
background: -ms-linear-gradient(left, #ab0000, #df0000);
background: -o-linear-gradient(left, #ab0000, #df0000);
box-shadow: 0 0 50px #ffffff;
}
a.inactive {color:#ccc; background-color:#fff; border:1px solid #eee; outline:none;}

ul.navi {list-style:none; position: relative; top:15px; right:5px; display:table; margin:0 auto;}
ul.navi li {float:left; margin-right:5px;}
ul.navi li a {
background: #999999; 
display:block; 
height:18px; 
width:18px; 
text-indent:-9999px; 
outline:none; 
box-shadow: inset 0px 1px 2px #000000;
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
-khtml-border-radius:50px;
}
ul.navi li a.active {background: #000000;}