#ActiveImages, #ActiveImages ul, #ActiveImages li, #ActiveImages div 
{
    padding: 0px;
    border: 0px;
    margin: 0px;
}

#ActiveImages
{
    display: block;
    position: relative;
    width: 475px;
    height: 400px;
    margin:10px 0 0 15px;
    border:1px solid #cbd6d9;
}

#ActiveImages ul.thumbViewer
{
    display: block;
    position: absolute;
    top: 0px;
    left: 400px;
    height: 400px;
    width: 75px;
    text-align: center;
    background:#e4ebed;
}

#ActiveImages ul.thumbViewer li
{
    display: inline-block;
    height: 50px;
    width: 50px;
    list-style-type: none;
    margin-top:10px;
    border:1px solid #cbd6d9;
    vertical-align:middle;
}

#ActiveImages ul.viewer
{
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 400px;
    width: 400px;
    background-color: #fff;
}

#ActiveImages ul.viewer li
{
    display: block;
    height: 200px;
    width: 200px;
    list-style-type: none;
}

#ActiveImages ul.viewer li div.viewerImageContainer
{
    display: block;
    position: relative;
}

#ActiveImages ul.viewer li img.viewerImage
{
    display: block;
    position: absolute;
}

#ActiveImages ul.viewer li div.viewerImageHeading
{
    display: block;
    position: absolute;
    float: right;
    top: 0px;
    right: -200px;
    width: 380px;
    text-align: center;
    padding: 10px;
    background-color: #fff;
    color:#6d3327;
    font-weight: bold;
}

#ActiveImages ul.viewer li div.viewerImageDescription
{
    display: block;
    position: absolute;
    bottom: -400px;
    left: 0px;
    width: 388px;
    height: auto;
    padding: 5px;
    background-color: #fff;
    filter: alpha(opacity=80);
    opacity: 0.8;
    color:#6d3327;
    font-weight: bold;
}

#ActiveImages div.viewerBack
{
    display: block;
    position: absolute;
    width: 20px;
    height: 40px;
    top: 160px;
    left: 0px;
    background-image:url(/Content/dev-mtbeds/Skins/default/Img/ImageViewer_PrevArrow.png); background-repeat:no-repeat; background-position:top left;
    cursor: pointer;
}

#ActiveImages div.viewerNext
{
    display: block;
    position: absolute;
    width: 20px;
    height: 40px;
    top: 160px;
    left: 380px;
    background-image:url(/Content/dev-mtbeds/Skins/default/Img/ImageViewer_NextArrow.png); background-repeat:no-repeat; background-position:top left;
    cursor: pointer;
}

#ActiveImages div.thumbViewerBack
{
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 0px;
    left: 400px;
    background-image:url(/Content/dev-mtbeds/Skins/default/Img/ImageViewerThumb_PrevArrow.gif); background-repeat:no-repeat; background-position:top left;
    cursor: pointer;
}

#ActiveImages div.thumbViewerNext
{
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 0px;
    right: 0px;
    background-image:url(/Content/dev-mtbeds/Skins/default/Img/ImageViewerThumb_NextArrow.gif); background-repeat:no-repeat; background-position:top left;
    cursor: pointer;
}