.mediaBox
{
float: left;
display:inline;
width: 610px;
border: 5px solid #e4e9ec;
background: #fff;
margin-top:10px;
}

.mediaBoxCnt
{
width: 604px;
height: auto;
float: left;
display:inline;
border: 3px solid #fff;
}

.photoBox
{
float: left;
display:inline;
width: 604px;
height: auto;
}

.mPhotoLoader
{
width: 320px;
height: 320px;
float: left;
display:inline;
background: url('/images/loading.gif') no-repeat center center;
}

.mPhoto
{
width: 320px;
height: 320px;
float: left;
}

.mPhotoName
{
width: 320px;
float: left;
clear: left;
color: #4e4e3c;
padding: 5px;
color: #696e72;
font-size: 11px;
}

.mPhotoThumbs
{
width: 284px;
height: 320px;
float: left;
display:inline;
}

.mPhotoThumbs .thumbs
{
width: 278px;
margin-left:6px;
height: 270px;
float: left;
display:inline;
overflow: hidden;
}

.mPhotoThumbs .up
{
float: left;
display:inline;
width: 276px;
height: 20px;
margin-left: 8px;
margin-bottom: 6px;
cursor: pointer;
background-color: #e4e9ec;
background-repeat: no-repeat;
background-position: center center;
background-image: url('/images/upArrow.gif');
border-top: 2px solid #8b0051;
}

.mPhotoThumbs .down
{
float: left;
display:inline;
width: 276px;
height: 20px;
margin-left: 8px;
cursor: pointer;
background-color: #e4e9ec;
background-repeat: no-repeat;
background-position: center center;
background-image: url('/images/downArrow.gif');
border-bottom: 2px solid #8b0051;
}

.pThumb
{
width: 80px !important;
height: 80px !important;
float: left !important;
display:inline;
background: #fff !important;
padding: 0 0 10px 0 !important;
margin: 0 0 0 10px !important;
}

.pThumb img
{
width: 80px;
height: 80px;
float: left;
display:inline;
}

.thumbsCnt
{
width: 284px;
float: left;
display:inline;
}

.photoThumb
{
cursor: pointer;
}