* {
margin: 0;
padding: 0;
}

:focus {
outline: none;
}

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

.showcase {
position: relative;
}

.showcase a.controls {
position: absolute;
width: 54px;
height: 50px;

text-decoration: none;
color: #060;
font-size: 40px;
font-weight: bold;
text-align: center;
border: 2px solid #FFF;
}

.showcase a.previous {
padding-bottom: 4px;
}

.showcase ul li {
width: 170px;
height: 170px;
float: left;
list-style-type: none;
text-align: center;
}

.showcase ul li a {
display: block;
}

.showcase li a img {
width: 100%;
border: solid 1px #CCC;
padding: 2px;
}

.showcase li a img:hover {
border: solid 1px #FC0;
}

/* Horizontal showcase ------------------------- */

.showcase#horizontal {
margin: 0;
width: 735px;
height: 170px;
}

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

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

.showcase#horizontal a.controls:hover {
background: #060;
color: #FFF;
}

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