.pagination li{display: inline-block; vertical-align: top;}

.pagination .active span  {
  background-color: #811e8d;
  font-weight:bold;
  COLOR: #fff;
  TEXT-DECORATION: none;
  border: 1px solid #811e8d;
  box-shadow:1px 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.15);
}

  .pagination li:last-child span{
       color:#ffffff; text-align: left;
       font-size: 0;
       background-image: url(/images/arrow-right.svg);
       background-size:17px 17px;
      background-position: center;
      background-repeat: no-repeat;
        
    }
    .pagination li:last-child a{
       color:#ffffff; text-align: left;
       font-size: 0;
       background-image: url(../images/arrow-right.svg);
       background-size:17px 17px;
      background-position: center;
      background-repeat: no-repeat;
        
    }
    
    .pagination li:first-child span{
       color:#ffffff; text-align: left;
       font-size: 0;
       background-image: url(../images/arrow-left.svg);
       background-size:17px 17px;
      background-position: center;
      background-repeat: no-repeat;
        
    }
    .pagination li:first-child a{
       color:#ffffff; text-align: left;
       font-size: 0;
       background-image: url(../images/arrow-left.svg);
       background-size:17px 17px;
      background-position: center;
      background-repeat: no-repeat;
        
    }
.pagination a:hover { 
	border: 1px solid #811e8d;
	text-decoration:none;
 
}
.pagination a:active {
	box-shadow:1px 1px 7px #d7d7d7 inset;
	-moz-box-shadow:1px 1px 7px #d7d7d7 inset;
	-webkit-box-shadow:1px 1px 7px #d7d7d7 inset;
}