/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	IMAGE THUMBNAILS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.div_ProductImageViewer_MasterContainer
{
    width:200px;
}

.div_ProductImageViewer_OuterContainer
{
    height:160px;
    position:relative;
    padding-bottom:8px;
    border-bottom: solid 1px #CCCCCC;
}

.img_ProductImageViewer_MainImage1
{
    width:200px;
    height:160px;
    border: solid 0px #CCCCCC;
    position:absolute;
    top:0px;
    left:0px;
    z-index:2;
    background-color:#FFFFFF;
}

.img_ProductImageViewer_MainImage2
{
    width:200px;
    height:160px;
    border: solid 0px #CCCCCC;
    position:absolute;
    top:0px;
    left:0px;
    z-index:1;
    background-color:#FFFFFF;
}

.tbl_ProductImageViewer_ThumbnailContainer
{
    width:100%;
}

.img_ProductImageViewer_ImageThumbnail
{
    border: solid 1px #CCCCCC;
    padding:2px 2px 2px 2px;
    cursor:pointer;
}

.img_ProductImageViewer_ImageThumbnail_Selected
{
    border: solid 1px #454545;
    padding:2px 2px 2px 2px;    
    cursor:pointer;
}

.img_ProductImageViewer_ImageThumbnail_Container
{
    vertical-align:middle;
    padding-top:8px;
    width:33%;
}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	IMAGE PREVIEW

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.panel_imagePreviewModalPopupContainer
{
    background-color: #FFFFFF;
    width: 440px;
    height: 463px;
    text-align:right;
}

.ModalPopupExtender_Background
{
    background-image: url(images/semiTransparentBackground.png);
    background-repeat:repeat;
}

.ImageViewer_ImagePreview
{
    margin: 18px 18px 11px 18px;
    border: solid 1px #888888;
    width: 400px;
    height: 400px;
    position:absolute;
    top:0px;
    left:0px;    
}

.ImageViewer_ImagePreview_Background
{
    margin: 18px 18px 11px 18px;
    border: solid 1px #000000;
    width: 400px;
    height: 400px;     
}

.Link_ImageViewerClose
{
    font-family:Arial;
    color:#888888;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
    margin-right:18px; 
    font-size:12pt;      
}

.Link_ImageViewerClose:hover
{
    font-family:Arial;    
    color:#888888;
    font-weight:bold;
    text-decoration:underline;
    cursor:pointer;
    margin-right:18px;    
    font-size:12pt;       
}