/* CSS For Image Frame table */

.imageFrame{
    padding:10px;
    border: 2px solid #e5e5e5;
    vertical-align:middle;
    display:table-cell;
    width: 20%;
    background-color:#FFFFFF;
}
.imageFrameCenter
{
    padding: 1px;
    border-width: 0px;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    background-color: #FFFFFF;
}

.imageFrameTop
{
    border-width: 0px;
    background-image: url(Images/ImageFrameTop.png);
    background-repeat: repeat-x;
    height: 5px;
}

.imageFrameCorner
{
    width: 5px;
    height: 5px;
    background-color: #FFFFFF;
}

.imageFrameLeft
{
    background-image: url(Images/ImageFrameLeft.png);
    background-repeat: repeat-y;
    background-color: #FFFFFF;
}

.imageFrameRight
{
    background-image: url(Images/ImageFrameRight.png);
    background-repeat: repeat-y;
    background-color: #FFFFFF;
}

.imageFrameBottom
{
    background-image: url(Images/ImageFrameBottom.png);
    background-repeat: repeat-x;
    height: 5px;
    background-color: #FFFFFF;
}

.imageFrameText
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    margin-top: 1px;
    margin-bottom: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
    height: 25px;
}

.discountImage
{
    position: absolute;
    z-index: 1000;
    top: -8px;
    left: -8px;
}