/*
XsPreview, CSS V1.0
Copyright (C) Zoran Zaev, xSynthesis LLC

LICENSE:
- Free for both personal and commercial projects, to use, copy, modify, 
with the exception of use within software products indended for resale and thus competing with xSynthesis LLC products.
- License requires leaving author name, link, "Powered By"link, and license intact.
- Only allowed to be used in family friendly web sites and projects:
NOT allowed for sites that promote: nudity, same gender relationships, or out-of-marriage relationships.
NOT allowed for sites that promote: gambling, violence and death including abortion.
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, 
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
// For more details, see the xSynthesis LLC web site:http://www.xSynthesis.com

For testing containers:border:medium double rgb(250, 0, 255); mixing id & class styles is fine; 
*/

.XsThumbsTable {border-style:solid; border-width:0px}
.XsThumbsImg {border:#B3A789 1px solid; padding:4px}
.XsThumbsImgOn {border:red 1px solid; padding:4px}
.XsLtbLogo {border:0px; width:100px; height:30px; padding:3px; margin-bottom:10px}
#XsPreviewFrame {border:solid 1px #B3A789;width:310px;height:270px;vertical-align:middle;display: table-cell; text-align: center;}
#ProdImg1 {vertical-align:middle;}

/* #977324 = gold,brown;  #559C5A = green; white; black; #74684B = brown-gray */
#ZoomBack {display:none; position:absolute; left:0; line-height:0; text-align:center; width:100%; height:100%; background:black}

#ZoomTop {display:none; position:absolute; left:20px; top:20px; text-align:center; background:white; width:800px; height:50px; z-index:10; border:1px solid #582716}
.ZoomTopTable {border:0px; width:100%; padding:2px}
.ZoomTopTableTdL {text-align:left; width:100px}
.ZoomTopLogo {border:0px; width:88px; height:32px; margin:3px 0px 0px 3px}
.ZoomTopTableTdM {text-align:center; vertical-align:middle}
.ZoomTopTableTdMBlock {color:black; font-size:small; color:#582716; font-weight:bold}
.ZoomTopImgUpDw {border:0px; width:13px; height:11px}
.ZoomTopImgPgWd {border:0px; width:16px; height:16px}
.ZoomTopTableTdR {text-align:right; vertical-align:middle; width:100px}
.ZoomTopImgCls {width:66px; height:22px; border:0px; margin:3px 0px 0px 0px}

#ZoomLeft {display:none; position:absolute; left:20px; top:80px; text-align:center; background:#FFF; width:310px; height:600px; border:1px solid #582716; overflow-y:auto; color:black; font-size:small; overflow-y:auto}

#ZoomPicture {position:absolute; border:1px solid #582716; left:340px; top:80px; text-align:center; background:#FFF; width:540px; height:600px; font-weight:bold; overflow-x:auto; overflow-y:auto; display:none}
#ZoomPictureImg {border:1px solid gray; margin:10px; visibility:hidden}

#ZoomLoading {border:1px solid #582716; position:absolute; left:400px; top:400px; margin:0 auto; text-align:center; background:#FFF; width:200px; height:200px; font-weight:bold; z-index:15; display:none}
#ZoomLoadingImg {border:0px; width:100px; height:92px; margin-top:40px; margin-bottom:20px}
#ZoomLoadingTx {margin-bottom:20px}

#ZoomArrowLeft {display:none; position:absolute; left:320px; top:360px; text-align:center; width:30px; height:40px; font-size:28px; font-weight:bold; color:white; border:0px; z-index:100; background-color:#559C5A}
#ZoomArrowLeft a {color:white; text-decoration:none}
#ZoomArrowRight {display:none; position:absolute; left:810px; top:360px; text-align:center; width:30px; height:40px; font-size:28px; font-weight:bold; color:white; border:0px; z-index:100; background-color:#559C5A}
#ZoomArrowRight a {color:white; text-decoration:none}