/* these 3 CSS classes below will change the default look of the Magic Zoom */
            /* Styles for zoom pup window (that one what move with mouse above small image) */
            .MagicZoomPup {
                background:     #f2ebf4;
                border:         1px solid #8f438e;
            }
            /* Styles for header on large zoom window */
            .MagicZoomHeader {
                background:     #8f438e;
                font-size: 12px;
            }
            /* Styles for large zoom window */
            .MagicZoomBigImageCont {
                border:         1px solid #8f438e;
            }


            /* these 3 are the styles for the second Magic Zoom on this page */
            /* Styles for zoom pup window (that one what move with mouse above small image) */
            .MagicZoom2 .MagicZoomPup {
                background:     #d9aa72;
                border:         1px solid #000000;
            }
            /* Styles for header on large zoom window */
            .MagicZoom2 .MagicZoomHeader {
                background:     #d9aa72;
                font-size: 12px;
            }
            /* Styles for large zoom window */
            .MagicZoom2 .MagicZoomBigImageCont {
                border:         1px solid #d9aa72;
            }


            /* CSS classes for multiple image selectors */
            /* Styles for the inactive selector */
            .Selector img {
                border: 2px solid #ccc;
            }
            /* Style for the active selector */
            .Selector.Active img {
                border: 2px solid #FB9E11;
            }