
.imageViewer
{
    position: relative;
    margin: 10px auto 0px;
    color: #000000;
}

.imageViewer div.imgwrapper {
    margin: 0px;
}

.imageViewer .imageViewerStage
{
    position: relative;
    left: 0px;
    top: 0px;
    padding-top: 0px;
    overflow: hidden;
    text-align: center;
    margin: 0px auto;
}

.imageViewer .imageViewerStage img
{
    margin: 0px auto !important;
}

.imageViewer .imageViewerCaption
{
    position: static;
    width: 100%;
    padding-top: 0px;
    overflow: hidden;
    text-align: center;
    font-size: 10px;
}

.imageViewer .imageViewerControls
{
    height: 32px;
    position: relative;
    width: 100%
}
.imageViewer .imageViewerBrowseControls
{
    height: 32px;
    position: relative;
    width: 130px;
    margin: 0px auto;
}

div.imageViewerControls div.genMagnifierGlas
{
    position: absolute;
    top: 0px;
    right: -3px;
}

.imageViewer .imageViewerButton
{
    position: absolute;
    bottom: 0px;
    width: 34px;
    height: 32px;
    font-size: 10px;
    cursor: pointer;
    text-align: left;
    text-indent: -999px;
}

.imageViewer .imageViewerButton.backButton
{
    background: url(../images/buttons/button_backward.png) no-repeat top left;
    left: -1px;
}

.imageViewer .imageViewerButton.forwardButton
{
    background: url(../images/buttons/button_forward.png) no-repeat top left;
    right: -1px;
}

.imageViewer .imageViewerInfo
{
    position: static;
    margin: 0px auto;
    height: 25px;
    width: 64px;
    padding-top: 8px;
    text-align: center;
    font-size: 12px;
}

.imageViewer img,
div#teasers .imageViewer img
{
    padding: 0px;
    margin: 0px;
}

.imageViewer img.linked
{
    cursor: pointer;
}
