/* общие свойства для маленьких изображений 
	главного списка товаров вариант desktop */
	
	.item_pic_small_desktop_class {
         width: 200px;
         height: 130px;	 
		 display: inline-block;
		 vertical-align: middle;
		 border: 5px solid transparent;
    }
	
    /* общие свойства для маленьких изображений 
	главного списка товаров вариант mobile */
	
	.item_pic_small_mobile_class {
         width: 100px;
         height: 65px;	 
		 display: inline-block;
		 vertical-align: middle;
		 border: 5px solid transparent;
    }
	
    /* общие свойства для больших скрытых 
	 изображений товаров вариант desktop */
	
	.item_pic_big_hidden_desktop_class {
         width: 800px;
         height: auto;
		 border: 0px;
    }
	
    /* общие свойства для больших скрытых 
	 изображений товаров вариант mobile */
	
	.item_pic_big_hidden_mobile_class {
         width: 300px;
         height: auto;
		 border: 0px;
    }	
	
    /* свойства div, вмещающих большие скрытые 
	изображения вариант desktop */
	
	.hidden_item_big_pics_div_desktop_class {
         margin:5px;
		 padding:0px;
		 background-color:#f0f0f0;
         border-radius:3px; 
		 box-shadow: 3px 3px 3px 3px #808080;
		 position:absolute;
		 z-index:9997;		 
    }
	
    /* свойства div, вмещающих большие скрытые 
	изображения вариант mobile */
	
	.hidden_item_big_pics_div_mobile_class {
         margin:5px;
		 padding:5px;
         width: 320px;
		 background-color:#f0f0f0;
         border-radius:3px; 
		 box-shadow: 3px 3px 3px 3px #808080;
		 position:absolute;
		 z-index:9997;		 
    }	
	
    /* свойства table, с надписью и картинкой-крестиком 
	над большими скрытыми изображениями */
	
	.hidden_item_big_pics_table_class {
         width: 100%;
         border-collapse: collapse;
         border: none;
		 margin-bottom:5px;
    }

    /* свойства картинки-крестика для 
	закрытия больших изображений */	
	
	.close_cross_pic_class {
         height: 25px;
         width: 25px;
		 display: block;
         margin:10px 10px auto auto;
		 border: 0px;
		 cursor: pointer;
    }

	.right_pic_wtsp_class {
         height: 40px;
		 width: 40px;
		 border: 0px;
    }	
	
	.menu1_pic_mail_class {
         height: 25px;
		 width: 25px;
		 border: 0px;
		 cursor: pointer;
    }

	.lang_flag_pic_class {
         height: 15px;
		 width: 24px;
		 border: 0px;
		 display:block;
		 cursor: pointer;
    }

    /* изменение курсора над изображениями для которых
    существует увеличенный вариант для просмотра по клику */
	
	#item_small_pic_001001, 
    #item_small_pic_001002,
    #item_small_pic_002001,
    #item_small_pic_002002 {
         cursor: pointer;
    }
		
    #mail_table1 {
         position:absolute;
         right:70;
		 top:-30;
		 width:550px;
		 background-color:#ddeedd;
         border-radius:3px; 
		 box-shadow: 3px 3px 3px 3px #202020;
    }
	
    #mail_table2 {
         position:absolute;
         right:30;
		 top:20;
		 width:350px;
		 background-color:#ddeedd;
         border-radius:3px; 
		 box-shadow: 3px 3px 3px 3px #202020;
    }	
	
	img  {
		 display: block;
    }	

    td     {
		
		 padding: 0;		 
	}

    body {
		 margin: 0;
		 padding: 0;
		 font-size:10pt; 
		 font-family:Arial,sans-serif;		 
		 color:#000000;		 
		 background-color: #fff8ff;
		 overflow-anchor: none;
	}
	
     /* Запрещает искусственно корректировать 
	 скролл (нужно для браузеров opera, edge) 
	 продублирован также в body */
    html {
         overflow-anchor: none;

    }
	
	a {
		 text-decoration:none;
    }
	
	/* оберточный div для боковых отступов контента (МОБИЛЬНАЯ версия) */	

    #table_wrapper_div {
		
         width:100%;
         box-sizing:border-box;
         padding:10px;
		  /* Включает горизонтальную прокрутку, если экран узкий */
         overflow-x:auto;
    }	
	
	/* div для отрисовки кнопок верхнего меню */

	.blank_div_upper_menu_class {
		 height: 50px;
         margin: 5px auto 5px auto;
         border-radius: 5px;
         box-shadow: 1px 1px 1px 1px #f0f0f0;
         box-sizing:border-box;
         display:flex;
         align-items:center;    /* Центрирование по вертикали */
         justify-content:center; /* Центрирование по горизонтали */		 
    }	
	
	.link_div_upper_menu_class {
		 height: 50px;
         margin: 5px auto 5px auto;
		 background-color: #ccddcc;
         border-radius: 5px;
         box-shadow: 1px 1px 1px 1px #808080;
         box-sizing:border-box;
         display:flex;
         align-items:center;    /* Центрирование по вертикали */
         justify-content:center; /* Центрирование по горизонтали */		 
		 cursor:pointer;
    }
	
	.link_div_upper_menu_class:hover {
		 height: 50px;
         margin: 5px auto 5px auto;
		 background-color: #ddeedd;
         border-radius: 5px;
         box-shadow: 1px 1px 1px 1px #808080;
         box-sizing:border-box;
         display:flex;
         align-items:center;    /* Центрирование по вертикали */
         justify-content:center; /* Центрирование по горизонтали */		 
		 cursor:pointer;
    }	
	
	
	/* div для отрисовки кнопок 
	левого меню (вариант ДЕСКТОП) */

	.blank_div_left_menu_desktop_class {
         margin: 3px;
         padding: 10px;
         border-radius: 5px;
         box-shadow: 1px 1px 1px 1px #f0f0f0;
         box-sizing:border-box;
         display:flex;
         align-items:center;    /* Центрирование по вертикали */
         justify-content:left; /* Центрирование по горизонтали */		 
    }	
	
	.link_div_left_menu_desktop_class {
         margin: 3px;
         padding: 10px;
		 background-color: #ffffa0;
         border-radius: 5px;
         box-shadow: 1px 1px 1px 1px #808080;
         box-sizing:border-box;
         display:flex;
         align-items:center;    /* Центрирование по вертикали */
         justify-content:left; /* Центрирование по горизонтали */		 
		 cursor:pointer;
    }
	
	.link_div_left_menu_desktop_class:hover {
         margin: 3px;
         padding: 10px;
		 background-color: #ffff66;
         border-radius: 5px;
         box-shadow: 1px 1px 1px 1px #808080;
         box-sizing:border-box;
         display:flex;
         align-items:center;    /* Центрирование по вертикали */
         justify-content:left; /* Центрирование по горизонтали */		 
		 cursor:pointer;
    }	
		
	/* div для отрисовки кнопок 
	левого меню (МОБИЛЬНЫЙ вариант) */

	.blank_div_left_menu_mobile_class {
         height:40px;
         margin: 2px;
         border-radius: 5px;
         box-shadow: 1px 1px 1px 1px #f0f0f0;
         box-sizing:border-box;
		 text-align:center;
         display:flex;
         align-items:center;    /* Центрирование по вертикали */
         justify-content:center; /* Центрирование по горизонтали */		 
    }	
	
	.link_div_left_menu_mobile_class {
		 height:40px;
         margin: 2px;
		 background-color: #ffffa0;
         border-radius: 5px;
         box-shadow: 1px 1px 1px 1px #808080;
         box-sizing:border-box;
		 text-align:center;
         display:flex;
         align-items:center;    /* Центрирование по вертикали */
         justify-content:center; /* Центрирование по горизонтали */		 
		 cursor:pointer;
    }
	
	.link_div_left_menu_mobile_class:hover {
		 height:40px;
         margin: 2px;
		 background-color: #ffff66;
         border-radius: 5px;
         box-shadow: 1px 1px 1px 1px #808080;
         box-sizing:border-box;
		 text-align:center;
         display:flex;
         align-items:center;    /* Центрирование по вертикали */
         justify-content:center; /* Центрирование по горизонтали */		 
		 cursor:pointer;
    }	



      /* стиль для корректировки отдельных
	  пунктов в меню выбора товаров
	  (МОБИЛЬНАЯ ВЕРСИЯ) */

	.correct_menu_text_class {
		 margin-left:10px;
		 margin-right:10px;
		 display:inline-block;
    }

    /* шрифт для текста находящегося
	 внутри кнопок меню */
	
	.link_text_01_class {
	     text-decoration:none;
		 color:#2020a0;		 
		 font-size:8pt;		
		 font-family:Arial,sans-serif; 
		 font-weight:bold; 
		 padding-right:2px; 
		 padding-left:2px; 
		 padding-bottom:1px; 
		 padding-top:1px;
		 cursor: pointer;
    }
	
	.link_text_01_class:hover {
	     text-decoration:none;
		 color:#0000ff;		 
		 font-size:8pt;		
		 font-family:Arial,sans-serif; 
		 font-weight:bold; 
		 padding-right:2px; 
		 padding-left:2px; 
		 padding-bottom:1px; 
		 padding-top:1px;
		 cursor: pointer;
    }
	
	.link_text_02_class {
	     text-decoration:none;
		 color:#2020a0;		 
		 font-size:10pt;		
		 font-family:Arial,sans-serif; 
		 font-weight:bold; 
		 padding-right:2px; 
		 padding-left:2px; 
		 padding-bottom:1px; 
		 padding-top:1px;
		 cursor: pointer;
    }
	
	.link_text_02_class:hover {
	     text-decoration:none;
		 color:#0000ff;		 
		 font-size:10pt;		
		 font-family:Arial,sans-serif; 
		 font-weight:bold; 
		 padding-right:2px; 
		 padding-left:2px; 
		 padding-bottom:1px; 
		 padding-top:1px;
		 cursor: pointer;
    }	
	
	.link_text_03_class {
	     text-decoration:none;
		 color:#2020a0;		 
		 font-size:12pt;		
		 font-family:Arial,sans-serif; 
		 font-weight:bold; 
		 padding-right:2px; 
		 padding-left:2px; 
		 padding-bottom:1px; 
		 padding-top:1px;
		 cursor: pointer;
    }
	
	.link_text_03_class:hover {
	     text-decoration:none;
		 color:#0000ff;		 
		 font-size:12pt;		
		 font-family:Arial,sans-serif; 
		 font-weight:bold; 
		 padding-right:2px; 
		 padding-left:2px; 
		 padding-bottom:1px; 
		 padding-top:1px;
		 cursor: pointer;
    }		
	

     /* общий набор текстовых шрифтов */	

    .stl01 {
	     text-decoration:none;
		 font-size:8pt;		 
		 color:#2020a0;
		 font-family:Arial,sans-serif; 
		 font-weight:bold; 
		 padding-right:2px; 
		 padding-left:2px; 
		 padding-bottom:1px; 
		 padding-top:1px;
	}
		
    .stl01:hover  {
	     text-decoration:underline;
		 font-size:8pt; 
		 color:#0000ff; 
		 font-family:Arial,sans-serif; 
		 font-weight:bold; 
		 padding-right:2px; 
		 padding-left:2px; 
		 padding-bottom:1px; 
		 padding-top:1px;
	}
	
    .stl02 {
	     text-decoration:none; 
		 color: #2020a0;
		 font-size:10pt;
		 font-family:Arial,sans-serif; 
		 font-weight:bold; 
		 padding-right:2px; 
		 padding-left:2px; 
		 padding-bottom:1px; 
		 padding-top:1px;
	}
	
    .stl02:hover  {
	     text-decoration:underline;
		 font-size:10pt; 
		 color:#0000ff; 
		 font-family:Arial,sans-serif; 
		 font-weight:bold; 
		 padding-right:2px; 
		 padding-left:2px; 
		 padding-bottom:1px; 
		 padding-top:1px;
	}
	
    .stl03  {
	     text-decoration:none; 
		 color: #2020a0;
		 font-size:12pt; 
		 font-family:Arial,sans-serif; 
		 font-weight:bold; 
		 padding-right:2px; 
		 padding-left:2px; 
		 padding-bottom:1px; 
		 padding-top:1px;
	}
	
    .stl03:hover  {
	     text-decoration:underline;
		 font-size:12pt; 
		 color:#0000ff; 
		 font-family:Arial,sans-serif; 
		 font-weight:bold; 
		 padding-right:2px; 
		 padding-left:2px; 
		 padding-bottom:1px; 
		 padding-top:1px;
    }

    .stl11  {
		 font-size:8pt; 
		 color:#404040; 
		 font-family:Arial,sans-serif; 
		 font-weight:bold; 
		 padding-right:2px; 
		 padding-left:2px; 
		 padding-bottom:1px; 
		 padding-top:1px;
	}
	
    .stl12  {
		 font-size:8pt; 
		 color:#404040; 
		 font-family:Arial,sans-serif; 
		 padding-right:2px; 
		 padding-left:2px; 
		 padding-bottom:1px; 
		 padding-top:1px;
	}
	
    .stl13  {
	     font-size:10pt; 
		 color:#404040; 
		 font-family:Arial,sans-serif; 
		 font-weight:bold; 
		 padding-right:2px; 
		 padding-left:2px; 
		 padding-bottom:1px; 
		 padding-top:1px;
	}
	
    .stl14  {
		 font-size:10pt; 
		 color:#404040; 
		 font-family:Arial,sans-serif; 
		 padding-right:2px; 
		 padding-left:2px; 
		 padding-bottom:1px; 
		 padding-top:1px;
	}

    .stl15  {
		 font-size:12pt; 
		 color:#404040; 
		 font-family:Arial,sans-serif; 
		 font-weight:bold; 
		 padding-right:2px; 
		 padding-left:2px; 
		 padding-bottom:1px; 
		 padding-top:1px;
	}

    .stl16  {
		 font-size:12pt; 
		 color:#404040; 
		 font-family:Arial,sans-serif; 
		 padding-right:2px; 
		 padding-left:2px; 
		 padding-bottom:1px; 
		 padding-top:1px;
	}

    .stl21  {
		 font-size:8pt; 
		 color:#000000; 
		 font-family:Arial,sans-serif; 
		 font-weight:bold; 
		 padding-right:2px; 
		 padding-left:2px; 
		 padding-bottom:1px; 
		 padding-top:1px;
	}

    .stl22  {
		 font-size:8pt; 
		 color:#000000; 
		 font-family:Arial,sans-serif; 
		 padding-right:2px; 
		 padding-left:2px; 
		 padding-bottom:1px; 
		 padding-top:1px;
	}

    .stl23  {
		 font-size:10pt; 
		 color:#000000; 
		 font-family:Arial,sans-serif; 
		 font-weight:bold; 
		 padding-right:2px; 
		 padding-left:2px; 
		 padding-bottom:1px; 
		 padding-top:1px;
	}

    .stl24  {
		 font-size:10pt; 
		 color:#000000; 
		 font-family:Arial,sans-serif; 
		 padding-right:2px; 
		 padding-left:2px; 
		 padding-bottom:1px; 
		 padding-top:1px;
		}

    .stl25  {
		 font-size:12pt; 
		 color:#000000; 
		 font-family:Arial,sans-serif; 
		 font-weight:bold; 
		 padding-right:2px; 
		 padding-left:2px; 
		 padding-bottom:1px; 
		 padding-top:1px;
	}

    .stl26  {
		 font-size:12pt; 
		 color:#000000; 
		 font-family:Arial,sans-serif; 
		 padding-right:2px; 
		 padding-left:2px; 
		 padding-bottom:1px; 
		 padding-top:1px;
	}