[DezineJunkie]

I think the answer lies in this code:
Images preview- ill bold the possiblites
it could also be that the grey is an png image and the white box is over it

*/
.images-preview-bg {
background: transparent url(images/grey.png) repeat left top;
position: absolute;
width: 100%;
height: 100%;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
z-index: 3000;
}
.images-preview {
position: absolute;
top: 50px;
right: 50px;
bottom: 50px;
left: 50px;
background: #ffffff none;
border: 5px solid #e3e3e3;
overflow: hidden;
min-width: 700px;
min-height: 500px;
z-index: 4000;
}
.images-preview .wait {
position: absolute;
top: 30px;
right: 0px;
bottom: 30px;
left: 0px;
background: #ffffff url(images/loading.gif) no-repeat center center;
z-index: 1500;
}
.images-preview a.close:link,
.images-preview a.close:visited,
.images-preview a.close:hover,
.images-preview a.close:active
{
position: absolute;
top: 9px;
right: 11px;
background: transparent url(images/close_images_preview.gif) no-repeat left center;
padding-left: 12px;
padding-bottom: 2px;
font-size: 11px;
color: #4e4e4e;
text-decoration: none;
outline-style: none;
text-transform: lowercase;
}
.images-preview .list-box {
margin: 50px 50px 0px 50px;
padding: 0px;
text-align: center;
position: relative;
border: 1px solid #ffffff;
}
.images-preview a.arrow,
.images-preview a.arrow:link,
.images-preview a.arrow:visited,
.images-preview a.arrow:hover,
.images-preview a.arrow:active
{
position: absolute;
display: block;
width: 13px;
height: 13px;
outline-style: none;
cursor: pointer;
}
.images-preview a.hidden,
.images-preview a.hidden:link,
.images-preview a.hidden:visited,
.images-preview a.hidden:hover,
.images-preview a.hidden:active
{
display: none;
}
.images-preview a.left,
.images-preview a.left:link,
.images-preview a.left:visited,
.images-preview a.left:hover,
.images-preview a.left:active
{
left: 0px;
background: transparent url(images/arrow_left.gif) no-repeat left center;
}
.images-preview a.right,
.images-preview a.right:link,
.images-preview a.right:visited,
.images-preview a.right:hover,
.images-preview a.right:active
{
right: 0px;
background: transparent url(images/arrow_right.gif) no-repeat right center;
}
.images-preview a.left-disabled,
.images-preview a.left-disabled:link,
.images-preview a.left-disabled:visited,
.images-preview a.left-disabled:hover,
.images-preview a.left-disabled:active
{
background: transparent url(images/arrow_left_disabled.gif) no-repeat left center;
cursor: auto;
}
.images-preview a.right-disabled,
.images-preview a.right-disabled:link,
.images-preview a.right-disabled:visited,
.images-preview a.right-disabled:hover,
.images-preview a.right-disabled:active
{
background: transparent url(images/arrow_right_disabled.gif) no-repeat 6px center;
cursor: auto;
}
.images-preview div.list-subbox {
margin: 0px;
padding: 0px;
overflow: hidden;
position: relative;
text-align: center;
}
.images-preview ul {
list-style: none;
margin: 0px;
padding: 0px;
text-align: center;
vertical-align: middle;
position: absolute;
}
.images-preview ul li {
display: block;
padding: 0px;
margin: 0px 12px;
border: 1px solid #ffffff;
background: transparent none;
text-align: center;
vertical-align: middle;
float: left;
cursor: pointer;
}
.images-preview ul li.over,
.images-preview ul li:hover
{
border: 1px solid #cccccc;
}
.images-preview ul li.selected {
border: 1px solid #215485;
}
.images-preview ul li img {
display: inline;
text-align: center;
vertical-align: middle;
}
.images-preview ul li.loading {
background-image: url(images/loading.gif);
background-repeat: no-repeat;
background-position: center center;
}
.images-preview ul li.loading img {
display: none;
}
.images-preview .box {
position: relative;
margin: 50px;
vertical-align: middle;
text-align: center;
background: transparent none;
}
.images-preview .box.loading {
background-image: url(images/loading.gif);
background-repeat: no-repeat;
background-position: center center;
}
.images-preview .box img {
cursor: pointer;
vertical-align: middle;
text-align: center;
}
/*