:focus {
  outline: none;
}

/* General styles ------------------------- */

.showcase
{
   position: relative;
}

.showcase a.controls 
{
  position: absolute;
  width: 15px;
  height: 15px;
  text-decoration: none;
  color: #FFF;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  z-index: 1000;
  }


.showcase a.previous 
{
  background: url(/img/zebi/icons.png) no-repeat -566px -367px;
  z-index:100;
}

.showcase a.next 
{
  background: url(/img/zebi/icons.png) no-repeat -580px -367px;
  z-index:100;
}

.showcase ul li 
{
  width: 70px;
  height: 70px;
  float: left;
  list-style-type: none;
  overflow: visible;
  position: relative;
  display: block;
}

.showcase ul li a 
{
  display: block;
  position: relative;
}

.showcase ul li .position span
{
  display: block;
  width: 220%;
  height: 400%;
  position: absolute;
  top: -258%;
  left: -5%;
}

.showcase ul li .position span img
{
  border: 0;
}


.showcase li a img.cover
{
  width: 100%;
  height: 100%;
  border: 0;
  position: relative;
  z-index: 1000;
}

.showcase ul li a span img
{
  width: 100%;
  height: 100%;
  position: relative;
}

.position 
{
  text-align: center;
  position: relative;
}

.showcase#horizontal {
  width: 240px;
  height: 100px;
  position: absolute;
  left: 10px;
  top: 60px;
  z-index: 100;
}

.showcase_readmore
{
  position: absolute;
  top: 168px;
  left: 10px;
}

.showcase#horizontal a.controls {
  top: 50%;
  margin-top: -27px;
}

.showcase#horizontal a.next {
  right: 0;
  padding-top: 1px;
}


.showcase#horizontal a.controls:hover {
  border-color: #2097FA;
}

.showcase#horizontal ul {
  position: relative;
  width: 170px;
  height: 43px;
  margin: 0 auto;
}