.big-picture {
margin: 20px 0;
}

.photos-container {
width: 100%;
overflow: hidden;
}
.photos-container a {
text-decoration: none;
}
.photos-container .next, .photos-container .previous {
background-color: #f2f2f2; /* TODO - move */
width: 12px;
height: 57px;
}
.photos-container .next a, .photos-container .previous a {
width: 12px;
height: 57px;
display: block;
}
.photos-container .previous {
float: left;
}
.photos-container .next {
float: right;
}

.photos-container .previous a.disabled {
cursor: default;
opacity: 0.3;
filter: alpha(opacity = 30);
zoom: 1;
}
.photos-container .next a.disabled {
cursor: default;
opacity: 0.3;
filter: alpha(opacity = 30);
zoom: 1;
}

.photos-container .photos {
width: 524px;
height: 57px;
overflow: hidden;
float: left;
position: relative;
}
.photos-container .photos .photos-inner {
width: 20000px; /* TODO: remove - this gets set in jquery code */
overflow: hidden;
height: 57px;
margin-left: 0;
}
.photos-container .photo {
float: left;
padding: 0 4px;
width: 57px;
height: 57px;
overflow: hidden;
}
.photos-container .photo a {
display: block;
}
.photos-container .photo img {
/* TODO: set elsewhere */
display: block;
border: 1px solid #fff;
width: 55px;
height: 55px;
overflow: hidden;
}
.photos-container div.selected {
}
.photos-container div.selected img {
/* TODO: set elsewhere */
border: 1px solid #333;
opacity: 0.5;
filter: alpha(opacity = 50);
zoom: 1;
}