/* ADOBE SYSTEMS INCORPORATED Copyright 2011 Adobe Systems Incorporated All Rights Reserved. NOTICE:  Adobe permits you to use, modify, and distribute this file in accordance with the terms of the Adobe license agreement accompanying it.  If you have received this file from a source other than Adobe, then your use, modification, or distribution of it requires the prior written permission of Adobe. */
.s7flyoutStaticImage{width: 350px;height:350px;position:relative;z-index:300}
.s7flyoutStaticImage #i1{max-width:none}
.s7flyoutStaticImage #i2{max-width:none}
.s7flyoutFlyoutView{z-index:200;width:550px;height:350px;display:block;background-color:White;TOP:-16px !important}
.s7flyoutFlyoutViewBorder{border-bottom:#d5d5d5 1px solid;border-left:#d5d5d5 1px solid;width:500px;height:350px ;border-top:#d5d5d5 1px solid;TOP:-17px !important;border-right:#d5d5d5 1px solid;left:28px;z-index:205}
#flyout{width:400px;height:450px}
/* Horizontal offest of the top left flyout view corner from the top right static image corner. Negative values for "top" are permitted.*/
.s7flyoutFlyoutViewOffset{top:0;left:28px}
.s7flyoutFlyoutFrame{top:300px;left:100px}
/*The size of swatches container. Normallty the width should match the width of the static image.*/
.s7flyoutSwatches{width:300px;height:100px;float:right;position:relative;padding-top:11px}
/* Swatches background is designed to be dynamic inwidth and fixed height. It is cut into three pieces: left (fixed-size), middle (fixed-height, variable-width) and right (fixed-size). Viewer always spans the background across the width defined in s7flyoutSwatches, and resizes the middle portion as needed.*/
/* The size of a single swatch. Does not include borders.*/
.s7flyoutSwatch{width:52px;height:52px;border: #d5d5d5 1px solid;cursor:pointer}
/* .s7flyoutSwatchBackground -- Swatch background and border, visible in all states (up, over, down). "filter" is for IE7 and IE8, "box-shadow" is for other browsers. background-color is must-have for IE7 and IE8. When using 'filter' make sure that the filter applied adds identical marging on top/bottom and on left/right.*/
/* Swatch active border. "filter" is for IE7 and IE8, "opacity" is for other browsers.*/
.s7flyoutSwatchActiveBorder{border:#666666 2px solid}
/* Swatch roll over border. "filter" is for IE7 and IE8, "opacity" is for other browsers.*/
.s7flyoutSwatchOverBorder{border:#666666 2px solid}

.s7flyoutSwatchInnerSpacer{width:5px}
/* Configures the spacing between side swatches and the edges of swatch container. It is recommended to set this value at least as large as the size of swatch highlight or shadow.*/
.s7flyoutSwatchOuterSpacer{width:6px}
/* The size of the swatch scroll button.*/
.s7flyoutSwatchScrollButton{width:0;height:72px}
.s7flyoutSwatchScrollButtonOuterSpacer{width:0}
.s7flyoutSwatchScrollButtonInnerSpacer{width: 0}
.s7flyoutFrame{border-bottom:#d5d5d5 1px solid;border-left:#d5d5d5 1px solid;border-top:#d5d5d5 1px solid;border-right:#d5d5d5 1px solid}
.s7flyoutCursorDesktop{width:211px;height:142px;top:50px;left:250px}
/* Shading applied to the static image around the zoom cursor in desktop mode. "filter" is for IE7 and IE8, "opacity" is for other browsers.*/
.s7flyoutShading{filter:alpha(opacity=50);background-color:#ffffff;opacity:0.5;left:51px}
.s7flyoutCursorTouch{width:80px;height:100px}
@media screen and (-webkit-device-pixel-ratio:1.5){}
@media screen and (-webkit-device-pixel-ratio:2){}
/* Info message font settings, padding and location. Only vertical offset may be configured, viewer will automatically center the message horizontally.*/
.s7flyoutInfoMessage{padding-bottom:10px;padding-left:12px;bottom:50px;padding-right:12px;padding-top:2px;font-family:Arial;visibility:visible;color:#444444;font-size:12px;top:339px;font-weight:normal;padding-top:10px;left:85px;z-index:201}
div[style*="position: absolute; left: 0px; top: 0px; width: 350px; height: 370px; visibility: hidden; opacity: 0;"] {opacity:1 !important;}