
.hitbrdradius {
	background-color:#ddf3c5;
	background:#ddf3c5;
	border: 2px solid white;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.hitbrdradius2nd {
	/* background-color:#ddf3c5;*/
	/*background:#ddf3c5;*/
	border: 2px solid green;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.block_picture {
    border: 0px solid gray;
    width: 90px;
    height: 140px;
    /* background: #383838; */
    background: transparent;
    line-height: 140px;
    text-align: center;
    overflow: hidden;		
}
.block_picture img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    object-fit:     contain;
    object-position: center top;
    width: 100%;
    height: 100%;
    
}

.block_picture_new {
    border: 0px solid gray;
    width: 130px;
    height: 180px;
    /* background: #383838; */
    background: transparent;
    line-height: 180px;
    text-align: center;
    overflow: hidden;
    object-fit: contain;
}
.block_picture_new img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    object-fit: contain;
    object-position: center top;
    width: 100%;
    height: 100%;
}

.block_picture_middle {
    border: 0px solid gray;
    width: 170px;
    height: 250px;
    /* background: #383838; */
    background: transparent;
    line-height: 250px;
    text-align: center;
    overflow: hidden;
}
.block_picture_middle img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    object-fit:     contain;
    object-position: center top;
    width: 100%;
    height: 100%;
   
}

.block_picture_sml {
    border: 0px solid gray;
    width: 60px;
    height: 90px;
    /* background: #383838; */
    background: transparent;
    line-height: 140px;
    text-align: center;
    overflow: hidden;		
}
.block_picture_sml img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    object-fit:     contain;
    object-position: center top;
    width: 100%;
    height: 100%;
   
}

.block_picture_mdl {
    border: 0px solid gray;
    width: 90px;
    height: 90px;
    /* background: #383838; */
    background: transparent;
    line-height: 140px;
    text-align: center;
    overflow: hidden;		
}
.block_picture_mdl img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    object-fit:     contain;
    object-position: center top;
    width: 100%;
    height: 100%;
   
}

.block_icon {
    border: 0px solid gray;
    width: 32px;
    height: 32px;
    /* background: #383838; */
    background: transparent;
    line-height: 40px;
    text-align: center;
    overflow: hidden;		
}
.block_icon img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.block_action_center {
    margin: 0 auto; /* ‚ла ў­Ёў ­ЁҐ Ў«®Є  Ї® жҐ­ваг */
    width: 450px; /* ?ЁаЁ­  Ў«®Є  */
    line-height: 1px; /* ЊҐ¦бва®з­®Ґ а ббв®п­ЁҐ */
}
.block_action_banner_bg {
    z-index: 1;
    border: 4px solid transparent;
    width: 450px;
    height: 150px;
    /* background: #383838; */
    background: transparent;
    line-height: 80px;
    text-align: center;
    overflow: hidden;
    position:absolute;
}
.block_action_banner_bg img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: top;
}

.block_action_bannerX1 {
    z-index: 10;
    border: 4px solid transparent;
    width: 450px;
    height: 75px;
    /* background: #383838; */
    background: transparent;
    line-height: 80px;
    text-align: center;
    overflow: hidden;
    position:absolute;
}

.block_action_banner {
    border: 4px solid transparent;
    width: 450px;
    height: 75px;
    /* background: #383838; */
    background: transparent;
    line-height: 80px;
    text-align: center;
    overflow: hidden;		
}

.block_action_banner img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: top;
}
.block_action_banner_end {
    border: 4px solid transparent;
    width: 450px;
    height: 75px;
    /* background: #383838; */
    background: transparent;
    line-height: 80px;
    text-align: center;
    overflow: hidden;		
}
.block_action_banner_end img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: top;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
  -moz-transition: all 1s ease; 
  -webkit-transition: all 1s ease; 
  transition: all 1s ease;
}
.spec_sect_age {
  /*width: 100%; */
  width: 250px;
  float: left;
  margin: 0 0 7px;
  font-size: 12px;
  line-height: 16px;
  color: #f15e00;
}
.spec_sect_age_end {
  /*width: 100%;*/
  width: 250px;
  float: left;
  margin: 0 0 7px;
  font-size: 12px;
  line-height: 16px;
  font-weight:bold;
  color: #CD3333;
}

.spec_sect_name {
  /*width: 100%;*/
  width: 250px;
  float: left;
  font-size: 18px;
  font-weight:bold;
  line-height: 16px;
  color: #4F4F4F;
}
.spec_sect_descr {
  /*width: 100%; */
  width: 250px;
  float: left;
  font-size: 14px;
  font-weight:bold;
  line-height: 16px;
  color: #4F4F4F;
}

/******************  Live search **********************/

.search_area{
 margin: 0px;
 position: relative;
}
 
#search_box{
 padding:2px;
 margin:1px;
 border:1px solid #000;
}
#search_advice_wrapper{
 display:none;
 width: 350px;
 background-color: rgb(225, 225, 225);
 color: rgb(0, 0, 0);
 -moz-opacity: 0.95;
 opacity: 0.95;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=95);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
 filter:alpha(opacity=95);
 z-index:500000;
 position: absolute;
 top: 24px; left: 0px;
 font-size: 16px;
}
#search_advice_wrapper .advice_variant{
 cursor: pointer;
 padding: 5px;
 text-align: left;
}
#search_advice_wrapper .advice_variant:hover{
 color:#FEFFBD;
 background-color:#818187;
}
#search_advice_wrapper .active{
 cursor: pointer;
 padding: 5px;
 color:#FEFFBD;
 background-color:#818187;
}
/******************  Live search **********************/
/****   Order Page *****************************/
#popupOrd {
  display: table;
  position: fixed; top: 50%; left: 50%;
  z-index: 999;
  height: 350;
  width: 350;
  margin-top: -100px;
  margin-left: -130px;	
  background: rgba(240,240,240,.9);
  visibility: visible;
  animation: animaciya 1s 3s forwards;
 cursor: pointer;
}
@keyframes animaciya {   
  from {visibility: visible;}  
  to {visibility: hidden;} 
}
#popupOrd figure {
  display: table-cell;
  vertical-align: middle;
}
#popupOrd div, #popupOrd figcaption, #popupOrd figure:before {
  max-width: 500px; /* максимальная ширина */ 
  margin: 0 auto;
  border-style: solid; 
  border-color: rgb(88,125,164);
  background: #fff;
}
#popupOrd figure:before { /* стиль кнопки "закрыть" */ 
  content: "закрыть X";
  display: block;
  padding: 0 1%;
  border-width: 4px 4px 0 4px;
  border-radius: 5px 5px 0 0;
  text-align: right;
  color: rgb(88,125,164);
}
#popupOrd div, #popupOrd figcaption {
  padding: 1%;
  cursor: default;
}
#popupOrd figcaption {
  position: relative;
  border-width: 0 4px 0 4px;
  font-size: 150%;
  text-transform: uppercase;
	white-space: nowrap;
  color: rgb(100,100,100);
}
/*
#popupOrd figcaption:before { // стиль восклицательного знака, не поддерживается Google Chrome. Его можно заменить на что-то более приемлемое 
      content: "\2691 \20 \20";
      color: green;
      font-size: 150%;
      vertical-align: middle;
*/

#popupOrd div {
  border-width: 0 4px 4px 4px;
  border-radius: 0 0 5px 5px;
}

/**** ADM  Order Page *****************************/
#popupAdmOrd {
  display: table;
  position: fixed; top: 50%; left: 50%;
  z-index: 999;
  height: 350;
  width: 350;
  margin-top: -100px;
  margin-left: -130px;	
  background: rgba(240,240,240,.9);
  visibility: hidden;
  animation: animaciya 1s 600s forwards;
 cursor: pointer;
}
@keyframes animaciya {   
  from {visibility: visible;}  
  to {visibility: hidden;} 
}
#popupAdmOrd figure {
  display: table-cell;
  vertical-align: middle;
}
#popupAdmOrd div, #popupAdmOrd figcaption, #popupAdmOrd figure:before {
  max-width: 500px; /* максимальная ширина */ 
  margin: 0 auto;
  border-style: solid; 
  border-color: rgb(88,125,164);
  background: #fff;
}
#popupAdmOrd figure:before { /* стиль кнопки "закрыть" */ 
  content: "закрыть X";
  display: block;
  padding: 0 1%;
  border-width: 4px 4px 0 4px;
  border-radius: 5px 5px 0 0;
  text-align: right;
  color: rgb(88,125,164);
}
#popupAdmOrd div, #popupAdmOrd figcaption {
  padding: 1%;
  cursor: default;
}
#popupAdmOrd figcaption {
  position: relative;
  border-width: 0 4px 0 4px;
  font-size: 150%;
  text-transform: uppercase;
	white-space: nowrap;
  color: rgb(100,100,100);
}
#popupAdmOrd figcaption:before { /* стиль восклицательного знака, не поддерживается Google Chrome. Его можно заменить на что-то более приемлемое */ 
      content: "\2691 \20 \20";
      color: green;
      font-size: 150%;
      vertical-align: middle;
}
#popupAdmOrd div {
  border-width: 0 4px 4px 4px;
  border-radius: 0 0 5px 5px;
}

/****   Order Page *****************************/
.items-NotAvail {
  position: absolute;
  left: 10px; 
  top: 50px; 
  z-index:1; 
  color:red;
  background-color: #444; font-weight: bold;
  opacity: 0.7; filter: alpha(Opacity=70);
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11pt;
}
