html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

* {
    outline:none;
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
    min-height:1px;
}

BODY {
  margin:0;
  font-family: Arial;
  font-size:14px;
  color: #3f3f3f; /* было 333*/
  min-width:319px;
}

body,
h2 span,
.properties .key span,
.bodyback {
  background: url(../img/light-gray.gif) repeat top left;
  /*background-color: #fafafa;*/
}

A {
    text-decoration: none;
    color: #292929;
    cursor:pointer;
}

button, input[type=submit] {
    cursor:pointer;
}

input[type='number'] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
}


A:Hover {
    color: #B10000;
}

.basketZone .basket .cost,
.basketZone .basket .products,
.advBlock .info .title,
.fcost,
.tcost,
.scost {
    font-family: Arial; /* поменял шрифт kruf*/
}


footer,
.product .inform,
.product .descr,
.product .gotoComment,
.exceptionBlock .message,
.exceptionBlock .gomain,
.pageSizeBlock,
.productListTable .compare,
.productListTable .titleGroup h3,
.compareProducts .title,
.productList .compare,
.viewOptions,
.viewOptions a,
.breadcrumb a,
.breadcrumb span,
.productList .info,
.onemore,
.onemoreEmpty,
.topMenu li a, 
.auth a, 
.basketZone .basket .cart,
.topMenuShort,
.advBlock .info .more,
.advBlock .advList li a,
.filters .filter h4,
.properties tr,
.commentList .message,
.comments .head ul,
.writeComment,
.compareHead .item .vendor,
.compareBody .table,
.compareHead .logoZone .print,
.clearCart,
.cart,
.formTable .key,
.formSection,
.authorized,
.checkoutSteps .title,
.orderBasket,
.orderComment label,
.underText,
.orderList .actions a,
.paymentDocuments .helpText,
.slogan {
    font-family: Arial;
}

.compareBody h3,
h2 {
    font-family: 'Arial', sans-serif;
    line-height:18px;
}

.required{
    color: red;
}

.nullComplects{
    color: #aaa;
}



.alignright { float:right; }
.alignleft { float:left; }

.navContainer { height:32px; }

.sites {
    overflow:hidden;
    padding-top:6px;
    position:relative;
    bottom:-1px;
}

.sites li{
    float:left;
    padding:0 6px;
    line-height:26px;
}

.sites li a{ color: #939384; }
.sites li a:hover { color: #14a6a4; }
.sites .act { background: #292929; }
.sites .act a { color: #2bbfbd; }

.topMenuShort {
    display:none;
    cursor:pointer;
}

.topMenu li{
    float:left;
    height:32px;
    position:relative;
}

.topMenu li a { 
    color: #fff; 
    font-size:12px; 
    padding:0 13px; 
    display:block; 
    position:relative;
    line-height:32px;
    border-right: 1px solid #A30505;
}

.topMenu li a:hover { 
    background: #dc3437; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RjMzQzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQzJSIgc3RvcC1jb2xvcj0iI2RjMzQzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2Q5MWQyMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZTBlMTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #dc3437 0%, #dc3437 43%, #d91d20 52%, #ce0e11 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dc3437), color-stop(43%,#dc3437), color-stop(52%,#d91d20), color-stop(100%,#ce0e11)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dc3437 0%,#dc3437 43%,#d91d20 52%,#ce0e11 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dc3437 0%,#dc3437 43%,#d91d20 52%,#ce0e11 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dc3437 0%,#dc3437 43%,#d91d20 52%,#ce0e11 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #dc3437 0%,#dc3437 43%,#d91d20 52%,#ce0e11 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc3437', endColorstr='#ce0e11',GradientType=0 ); /* IE6-8 */

}

.topMenu > li:hover > a { 

    z-index: 6; 
    order-left:1px solid #2bbfbd; 
    order-right:1px solid #2bbfbd; 
    argin:0;
}

.topMenu ul {
    display:none;
    position:absolute;
    top:100%;
    left:0;
    background: white;
    order:1px solid #2bbfbd;
    z-index:5;
    argin-top:-1px;
    box-shadow:0 2px 7px #ccc;
    -moz-box-shadow:0 2px 7px #ccc;
    -webkit-box-shadow:0 2px 7px #ccc;


}

.topMenu ul li { white-space:nowrap; margin:0; float:none; }
.topMenu ul li a { padding:0 14px; }

.topMenu ul ul {
    left:100%;
    top:0;
}

.headerContainer {
    background: url(../img/bg-black.gif) repeat-x top left;
    height:73px;
    padding-top:1px;
}

.topMenu li:hover > ul {
    display:block;
}

.logo { 
    padding-top:10px; /*было 15px kruf*/
    display:block;
}

.slogan {
    color: #000;
    font-size: 11px;

}

.auth {
    padding-top: 14px;
    padding-right: 30px;
    line-height: 20px;
}

.auth a{
    color: #D5D5D5;
    font-size:12px;
    /*margin-left:13px;
    padding-left:13px;
    border-left:1px solid #7c7c7c;*/
}

.auth a:hover, .auth a:hover span { color: #14a6a4; }
.auth a span { border-bottom:1px dashed #a4aaaa; }
.auth .first { margin-left:0; padding-left:0; border-left:none }

.basketZone {
    background: url(../img/basket.png) no-repeat top right;
    height:72px;
    position:relative;
}

.currency {
    margin-top:25px;
    margin-right:14px;
    position:relative;
    z-index:2;
}

.currency .currency-list{
    position:absolute;
    top:100%;
    margin-top:1px;
    background: #fdf4e2;
    width:100%;
    display:none;
}

.currency.on .currency-list {
    display:block;    
}

.currency .currency-list li { padding-left:13px; }
.currency .currency-list li a { color: #a6a69a; display:block; }
.currency .currency-list li a:hover { color: #14a6a4; }

.currency .currency-act{ 
    padding-left:13px; 
    padding-right: 29px;
    background: #fdf4e2 url(../img/down.png) no-repeat right center;
    cursor:pointer;
}

.basketZone .basket {
   width: 110px;
    display: block;
    /*margin-top: 2px; убрал отступ корзины сверху*/
    padding: 4px 15px;
    border: 1px solid transparent;
    border-radius: 3px;
}

.basket:hover {
    border:1px solid #A30505;
    background-color:#D93033;
    webkit-transition: background-color .2s ease,box-shadow .2s ease,border-color .2s ease;
    transition: background-color .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.basketZone .basket .cart {
    font-size: 16px;
    background: url(../img/cart.png) no-repeat right center;
    padding-right: 31px;
    line-height: 24px;
    height: 24px;
    float: left;
    color: #fff;
}

.basketZone .basket .cost,
.basketZone .basket .products {
    clear:left;
    font-size:12px;
    color: #fff;
}

.basketZone .basket .value {
    color: #EFFF00;
    font-size:15px;
    font-weight:bold;
}

.searchContainer {
    padding:9px 0;
    margin-bottom:15px;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 1px 4px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 1px 4px 0px rgba(50, 50, 50, 0.5);
    background: #c40c0f;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #c40c0f 0%, #c40c0f 49%, #bf070a 52%, #af0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c40c0f), color-stop(49%,#c40c0f), color-stop(52%,#bf070a), color-stop(100%,#af0000));
    background: -webkit-linear-gradient(top, #c40c0f 0%,#c40c0f 49%,#bf070a 52%,#af0000 100%);
    background: -o-linear-gradient(top, #c40c0f 0%,#c40c0f 49%,#bf070a 52%,#af0000 100%);
    background: -ms-linear-gradient(top, #c40c0f 0%,#c40c0f 49%,#bf070a 52%,#af0000 100%);
    background: linear-gradient(to bottom, #c40c0f 0%,#c40c0f 49%,#bf070a 52%,#af0000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c40c0f', endColorstr='#af0000',GradientType=0 );
}

/*строка поиска kruf*/
.searchLine {
    border: 1px solid #B40000;
    background: #FAFAFA;
    height: 30px;
    border-radius: 15px;
    behavior: url(res/css/csspie/PIE.php);
    box-shadow: inset 0 3px 8px #a6a69a;
 -moz-box-shadow:inset 0 1px 1px #a6a69a;
    -webkit-box-shadow:inset 0 1px 1px #a6a69a;
    position: relative;
}
/*строка поиска kruf*/





.searchLine .queryWrap {
    position:absolute;
    left:20px;
    right:40px;
    top:1px;
    height:34px;
}

.searchLine .query {
    width: 100%;
    height: 26px;
    line-height: 26px;
    border: none;
    background: none;
    font-size: 14px;
}

.searchLine .find {
    width:24px;
    height:24px;
    border:none;
    background: url(../img/find.png) no-repeat center center;
    position:absolute;
    right:10px; 
    top:4px;
}


.searchLine .dropSearchDiv{
    position: absolute;
    top:34px;
    background-color: white;
    left:10px;
    right:10px;
    z-index:20;
    
}

.searchLine .searchQueryItems{
    background-color: white;
    padding-left:7px;
    border:1px solid white;
    box-shadow: 0px 2px 3px silver;
    -moz-box-shadow: 0px 2px 3px silver;
    -webkit-box-shadow: 0px 2px 3px silver;
}

.searchLine .searchQueryItems .item{
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom:1px solid #F0F0F0;
    overflow: hidden;
    clear: both;
    font-size: 12px;
}

.searchLine .searchQueryItems .item.last{
    border: 0px;
}

.searchLine .searchQueryItems .item a{
    display: block;
}

.searchLine .searchQueryItems .item a:hover{
    color: inherit;
    background-color: #F0F0F0;
}

.searchLine .searchQueryItems .item .title{
    display: block;
    color: #14A6A4;
    clear: both;
    font-size: 12px;
    font-weight: bold;
}

.searchLine .searchQueryItems .item .desc{
    display: table; 
    width: 100%;
}

.searchLine .searchQueryItems .item .row{
   display: table-row; 
   width: 100%;
}  

.searchLine .searchQueryItems .item .img{
   display: table-cell; 
   padding-right: 7px;
   padding-top: 2px;
   vertical-align: top;
   text-align: center;
   width: 62px;
   height: 62px;
   line-height: 62px;
   margin-right: 7px;
   background-position: center center; 
   background-repeat: no-repeat;
   background-color: white;
   background-image: url("../img/loading.gif");
}

.searchLine .searchQueryItems .item .img img{
   vertical-align: middle; 
}

.searchLine .searchQueryItems .item .cont{
   display: table-cell;  
   vertical-align: top;
   padding-left:7px;
}

.searchLine .searchQueryItems .item .price{
   padding-top:5px;
   font-size: 12px;
   display: block;
}

.searchLine .searchQueryItems .item .highlight{
   color:black; 
}


.def-value {
    color: #D6D6C4;
}

.category {
    margin-bottom:10px;
}

.category > li {
    position:relative;
    white-space: nowrap; /* отмена переноса строки kruf */
    -moz-box-shadow: inset 0px 1px 0px 0px #54a3f7;
    -webkit-box-shadow: inset 0px 1px 0px 0px #54a3f7;
    box-shadow: inset 0px 1px 0px 0px #54a3f7;

background: #007bbf;
background: -moz-linear-gradient(top,  #007bbf 0%, #0071b5 100%);
background: -webkit-linear-gradient(top,  #007bbf 0%,#0071b5 100%);
background: linear-gradient(to bottom,  #007bbf 0%,#0071b5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007bbf', endColorstr='#0071b5',GradientType=0 );



    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #124d77;
}

.category > li > a:hover {
background: #0071b5;
background: -moz-linear-gradient(top,  #0071b5 0%, #007bbf 100%);
background: -webkit-linear-gradient(top,  #0071b5 0%,#007bbf 100%);
background: linear-gradient(to bottom,  #0071b5 0%,#007bbf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071b5', endColorstr='#007bbf',GradientType=0 );

}

.category > li > a {
    color:#fff;
    text-shadow: 0px 1px 0px #154682;
    font-size: 15px;
}

.category > li > a > img {
    padding-right: 4px;
}

.no-touch .category > li:hover > a { /*первое меню hover kruf*/
background: #0071b5;
background: -moz-linear-gradient(top,  #0071b5 0%, #007bbf 100%);
background: -webkit-linear-gradient(top,  #0071b5 0%,#007bbf 100%);
background: linear-gradient(to bottom,  #0071b5 0%,#007bbf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071b5', endColorstr='#007bbf',GradientType=0 );

    color: #fff;    
}

.no-touch .category li:hover ul {
    display:block;
}

.category ul {
    position:absolute;
    display:none;
    padding:10px;
    left:100%;
    top:0;
    border:1px solid #ccc;
    z-index:30;
    background: white;
    box-shadow:3px 3px 10px #b4b4b4;
    -moz-box-shadow:3px 3px 10px #ccc;
    -webkit-box-shadow:3px 3px 10px #ccc;
}

ul .subsubdir {
    position: static !important;
    border: none;
    box-shadow: none;
    padding: 0px 10px 10px 10px;
}

ul .subsubdir > li > a {
    color:#636363;
}

ul .category > li > ul > li {
    font-weight: bold;
}

.category ul.visible {
    display:block;
}

.touch .category ul.visible {
    display:none; /* touch screen hover disable */
}

.category ul li a {
    font-size:14px;
    line-height:normal;
    padding:3px 10px;
}

.category ul li a:hover {
    /*background: #007BBF;*/
    color: #007ABE;
}

.category .twoColumn {
    width:560px; /*kruf ширина дменю*/
    padding-top:0;
}

.category .twoColumn li {
    /*kruf ширина подменю*/
    float:left;
    width:270px;
}

ul .twoColumn > li > a {
    font-weight: bold;
}

ul .twoColumn > li {
    padding-top:10px;
}

.category .threeColumn {
    width:510px;
}

.category .threeColumn li {
    width:170px;
    float:left;
}

.category ul .corner {
    position:absolute;
    top:7px;
    left:-9px;
    width:9px;
    height:17px;
    background: url(../img/menu_corner.png) no-repeat;
}

.category li a {
    display:block;
    padding:7px 7px;

}

.category li.over > a,
.category li a:hover {
    background: white;
    color: #2BBFBD;
}

.category .subsubdir {
    display: none;
}

.advBlock {
    font-size:100%;
}

.advBlock .viewContainer {
    position:relative;
    background: white;    
}

.advBlock .newbanner {
    position:absolute;
    top:0;
    left:0;
}

.advBlock .prev,
.advBlock .next {
    background: url(../img/prev.png) no-repeat top left;
    width:13px;
    height:19px;
    position:absolute;
    top:50%;
    margin-top:-9px;
    left:10px;
}

.advBlock .next {
    left:auto;
    right:10px;
    background: url(../img/next.png) no-repeat top left;
}

.advBlock .next:hover,
.advBlock .prev:hover {
    background-position:0 -19px;
}

.advBlock .advList {
    background: #007BC0;
    text-align:center;
    padding:4px;    
}

.advBlock .advList li{
    display:inline-block;
    *display:inline;
    zoom:1;
    margin-left:5%;
    position:relative;
}

.advBlock .advList li a{
    display:inline-block;
    padding:10px;
    color: white;
    margin:1px;
    font-size:100%;
}

.advBlock .advList li a:hover{
    margin:0;
    border:1px solid white;    
    border-radius:20px;
}

.advBlock .advList li.act i{
    display:block;
    position:absolute;
    top:-15px;
    left:50%;
    margin-left:-11px;
    width:22px;
    height:11px;
    background: url(../img/banner_corner.png) no-repeat top left;
}

.advBlock .banner {
    margin:0 30px;
}

.advBlock .wrapperContainer {
    position:relative;
    border-bottom:11px solid white;
    background: white;
    overflow:hidden;
}

.advBlock .newViewContainer {
    position:absolute;
    top:0;
    left:0;
    width:100%;
}


.advBlock .picture {
    display:block;
    width:56%;
    float:left;
    text-align: center;
}

.advBlock .picture img{
    max-width:100%;
}

.advBlock .banner {
    overflow:hidden;
    padding-top:20px;
    background: white;
}

.advBlock .info {
    float:right;
    width: 42%;
    padding-top:50px;
}

.advBlock .info .title {
    font-size:160%;
}

.advBlock .info .fcost {
    font-size:140%;
}

.advBlock .info .more {
    display:inline-block;
    *display:inline;
    zoom:1;
    margin-top:15px;
    background: url(../img/more.png) no-repeat right center;
    font-size:100%;
    padding-right:11px;
    color: #14a6a4;
}

.advBlock .info .more:hover {
    color: #222;
}

.fcost {
    /*background: #f29b30; старый оранжевый фон kruf*/
    /*display:inline-block;*/
    *display:inline;
    zoom:1;
    color: #297dcd;   
}


.lastPrice {
    font-size:14px;
    font-weight: normal;
    color: #8B8B8B;
    /*text-decoration: line-through;*/ /*зачеркнутая старая цена*/
}

.lastPrice_catalog {
    font-size:12px;
    font-weight: normal;
    color: #D62629;
    text-decoration: line-through; /*зачеркнутая старая цена*/
}

.lastPrice2 {
    font-size:12px;
    font-weight: normal;
    color: #8B8B8B;
    position: absolute;
    top:-6px;
    right: 0;
    /*min-width: 80px;*/
}

.zvezda {
    font-size: 16px;
    color:#000;
}

.roznica {
    font-size:14px;
    font-weight: normal;
    color: #8B8B8B;
}

.skidka {
    font-size:14px;
    font-weight: bold;
    color: #C70C0F;
}

h2 {
    background:url(../img/sep.gif) repeat-x 0 8px;
    color: #AAAAAA;
    font-size:14px;
    font-family: Arial;
    font-weight:normal;
    text-align:center;
    text-transform: uppercase;
    margin: 10px 0px; /*kruf было 20px форматирование заголовков 2 уровня */ 
}

h2 span {     padding:0 5px; }

.mtop40 {
    background:url(../img/sep.gif) repeat-x 0 8px;
    color: #AAAAAA;
    font-size:14px;
    font-family: Arial;
    font-weight:normal;
    text-align:center;
    text-transform: uppercase;
    margin-top:20px;
}

.mtop40 span {
    background-color: white;
}

.newsLine li {
    margin:20px 0;
    padding:0 5px;
    font-size:14px;
}

.newsLine .date{
    color: #939384;
    font-size:11px;
    margin-bottom:5px;
}

.onemoreEmpty,
.onemore {
    border:1px solid #dcdcc9;
    color: #939384;
    font-size:14px;
    display:block;
    text-align:center;
    background: white;
    padding:10px 0;
    margin-bottom:30px;
}

.tabProducts .onemoreEmpty,
.onemore{
    clear:both;
}

.onemoreEmpty {
    background: none;
}

.onemoreEmpty:hover,
.onemore:hover {
    border:1px solid black;
    color: black;
}

.blackHover:hover {
    border-color:black;
    color:black;
    background: none;    
}

.productWrap {
    width:100%;
    /*overflow:hidden;*/
}

.productWrap .onemoreEmpty {
    *margin-top:18px;
}

.productList {
    width:103%;
    /*overflow:hidden;*/
    padding-top:7px;
}

/* 3 фотографии в списке */

.productList > li{
    float:left;    
    width: 30.51317%;
    margin-right: 2.67392%;
    margin-bottom:18px;
    position:relative;
    outline: 1px solid #E8E8E8;
}

.productList > li .hoverBlock {
    display:none;
    background: white;
    position:absolute;
    width:100%;
    height:100%;
    right:-5px;
    top:0;
    padding:0 5px 5px 80px;       
    box-shadow:0 0 10px #ccc; 
    -moz-box-shadow:0 0 10px #ccc; 
    -webkit-box-shadow:0 0 10px #ccc; 
}

.productList > li:hover {
    box-shadow:0 0 10px #ccc;
    -moz-box-shadow:0 0 10px #ccc;
    -webkit-box-shadow:0 0 10px #ccc;
}

.productList .photoView:hover {
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}

.productList .photoView:hover .hoverBlock {
    display:block;    
    z-index:3;
}

.productList .photoView:hover .dataBlock {
    position:relative;
    z-index:4;
}

.productList .cartButton.showComplekt,
.productList .showOfferSelect .addToCart {
    display:none;
}

.productList .showOfferSelect .cartButton.showComplekt {
    display:block;
}

/* touch screen hover disable */

.touch .productList .photoView:hover .hoverBlock {
    display:none;
}

.touch .productList .photoView:hover .dataBlock {
    position:static;
}

/* end hover disable */

.hoverBlock .galleryWrap {
    position:absolute;
    left:10px;
    top:10px;
}

.hoverBlock .gallery {
    height:288px;
    margin:10px 0;
    position:relative;
    top:0;
    overflow:hidden;
}

.hoverBlock .galleryWrap .up {
    height:11px;
    background: url(../img/up.png) no-repeat top center;
}

.hoverBlock .galleryWrap .up:hover {
    background-position:50% -11px;
}


.hoverBlock .galleryWrap .down {
    height:11px;
    background: url(../img/dn.png) no-repeat top center;
}

.hoverBlock .galleryWrap .down:hover {
    background-position:50% -11px;
}

.hoverBlock .galleryWrap .disabled:hover,
.hoverBlock .galleryWrap .disabled {
    opacity:0.6;
    background-position: 50% 0;
}

.hoverBlock .galleryWrap .up,
.hoverBlock .galleryWrap .down {
    display:none;
}

.hoverBlock .scrollable .up,
.hoverBlock .scrollable .down {
    display:block;
}

.hoverBlock .list {
    width:72px;
    position:relative;
}

.hoverBlock .list li {
    display:block;
}

.hoverBlock .list .act {
    opacity:0.7;
}

.hoverBlock li .imgWrap {
    display:block;
    width:64px;
    height:64px;
    padding:4px;
    vertical-align:middle;
    text-align:center;
    line-height:64px;
}

.hoverBlock li .imgWrap img {
    max-width:100%;
}


.hoverBlock .pic,
.productList .pic {
    height:200px;
    line-height:200px;
    background: white;    
    display:block;
    text-align:center;
    margin-bottom:2px;
    position:relative;
}

.product .labels,
.productList .pic .labels {
    position:absolute;
    right:0px;
    top:-24px; /*kruf было -7px*/
    display:block;
    line-height:normal;    
}

.productList .pic img {
    max-width:100%;
}

.CategoryList .pic img {
    max-width:100%;
}

.productList .info {
    display:block;
    background: white;
    padding: 3px 5px 5px;
    height:74px; /*kruf было 69px*/
    overflow:hidden;
}

.productList .info h3 {
    font-size:14px;
    color: #222;
    font-weight: normal;
    height:45px;    /*kruf было 35px*/
}

.productList .info:hover h3 {
    color: #B10000;
}

.productList .info .group {
    font-size:12px;
    margin-top:5px;
    color: #222;
    position:relative;    
    height:32px;
    /*overflow:hidden;*/    
}

.productList .info .group .name {
    display:table-cell;
    *display:block;
    vertical-align:middle;
    padding:2px 69px 2px 0;
    height:29px;
    color:#B2AEAE;
    font-size:11.5px;
}

.productList .info .group .scost {
    position: absolute;
    right:0;
}

.scost {
    display:inline-block;
    *display:inline;
    zoom:1;
    height:34px;
    line-height:14px;
    padding: 5px 0 0 0;
    color: black; /*цвет цены kruf */
    font-weight: bold; /*жирный шрифт у цены kruf*/
    /*box-shadow: 1px 1px 1px rgba(0,0,0,.25);*/
    position:relative;    
    font-size:22px;
}

.tabs_scost {
    display:inline-block;
    *display:inline;
    zoom:1;
    height:34px;
    line-height:14px;
    padding:0 8px;
    color: black; /*цвет цены kruf */
    font-weight: bold; /*жирный шрифт у цены kruf*/
    /*box-shadow: 1px 1px 1px rgba(0,0,0,.25);*/
    position: absolute;
    font-size: 20px;
    right: 0;
    top: 10px;
}

.tabs_scost_main {
    display:inline-block;
    *display:inline;
    zoom:1;
    height:34px;
    line-height:14px;
    padding:0 8px;
    color: black; /*цвет цены kruf */
    font-weight: bold; /*жирный шрифт у цены kruf*/
    /*box-shadow: 1px 1px 1px rgba(0,0,0,.25);*/
    position: absolute;
    font-size: 20px;
    right: 0;
    top: 10px;
}

.scost_main_page {
    display:inline-block;
    *display:inline;
    zoom:1;
    height:34px;
    line-height:29px;
    padding:0 8px;
    color: black; /*цвет цены kruf */
    font-weight: bold; /*жирный шрифт у цены kruf*/
    /*box-shadow: 1px 1px 1px rgba(0,0,0,.25);*/
    position:relative;    
    font-size:18px;
    position: absolute;
    right:0;
}

.container_12 .grid_fr {
    float:right;
}

.grid_cleft {
    clear:left;
}

.grid_cright {
    clear:right;
}

footer {
    background: url(../img/dark-gray.gif) repeat top left;
    background: url(../img/blackdot.gif) repeat-x top left, url(../img/dark-gray.gif) repeat top left;
    padding:10px 0;
    margin-top:20px;
    color: #a4aaaa;
}

footer a {
    color:#61686D;    
}

footer .cms {
    font-size:11px;
}

footer .cmsName {
    color: #2bbfbd;
}

footer .copy {
    font-size:11px;
    margin-top:9px;
}

footer h4 {
    text-transform: uppercase;
    font-size: 12px;
    padding: 8px 0px;
    display: inline-block;
    color: #EB272B;
}



footer ul a {
    font-size:13px;
}

footer li {
    padding:1px 0;
}

.bottomSites { overflow:hidden; }

.bottomSites li {
    float:left;
    padding:0 6px;
    line-height:26px;
    margin-right:7px;
}

.bottomSites li a { font-size:12px; }
.bottomSites .act { background: #2bbfbd; }
.bottomSites .act a { color: #222; }

.bottomAuth {
    margin:27px 0;
}

.bottomAuth a {
    font-size:12px;
    border-bottom:1px dashed #A4AAAA;
    margin-right:10px;
    line-height:24px;
}

footer .feedback {
    line-height:36px;
    display:inline-block;
    padding:0 20px;
    border:1px solid #e4e4df;
    white-space:nowrap;
    font-size:14px;
}

footer .feedback:hover {
    background: -moz-linear-gradient(top, #fefefe, #a7adad);
    background: linear-gradient(top, #fefefe, #a7adad);
}

.socialLine {
    margin-top: 20px;
}

.socialLine a {
    display:inline-block;
    width:34px;
    height:34px;
    margin-right:2px;
    background: url(../img/social_icons.png) no-repeat;
}

.socialLine .fb { }
.socialLine .vk { background-position:-34px 0; }
.socialLine .tw { background-position:-68px 0; }
.socialLine .instagram { background-position:-170px 0; }
.socialLine .google { background-position:-102px 0; }
.socialLine .rss { background-position:-136px 0; }

.mbot10 {
    margin-bottom:10px;
}

.categoryToggle {
    border:1px solid #dcdcc9;
    color: #939384;
    margin-bottom:10px;
}

.breadcrumb {
    margin-bottom:8px;
}

.breadcrumb i{
    font-style: normal;
}

.breadcrumb a,
.breadcrumb span {
    background: url(../img/ar_right.png) no-repeat left center;
    padding-left:19px;
    margin-left: 12px;
    font-size:12px;
    color:#666666;
    text-decoration: underline;
}

.breadcrumb a:hover {
    color:#B10000;
}

.breadcrumb .first {
    padding-left:0;
    margin-left:0;
    background: none;
}

.breadcrumb span {
    color: #B10000;
}

/* оформление подкатегорий kruf*/
.subCategory {
    margin-bottom: 6px;
    margin-top: 0px;
    line-height: 2em;
}
.subCategory a{
   color: #FFFFFF;
    font-size: 12px;
    text-shadow: 0 -1px 1px rgba(0,0,0,.3);
    margin-right: 3px;
    background-color: #3F3F3F;
    padding: 6px 12px;
    border-radius: 5px;
    white-space: nowrap;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
}
.subCategory a:hover {
    background-color: #4395E6;
}
/* оформление подкатегорий kruf*/

/*сортировать по kruf*/
.viewOptions {
    background: #fff;
    margin-top:10px;
    height: 26px;
    line-height: 24px;
    padding: 0 7px;
    font-size: 12px;
    border-radius: 5px;
    border:1px solid #E8E8E8;
}
/*сортировать по */

.viewAs {
    width:18px; /* было -23px kruf*/
    height:18px; /* было -27px kruf*/
    background: url(../img/viewtype.gif) no-repeat top left;
    float:right;
    margin-top:4px; /* было 6px kruf*/
    margin-left:3px; /* было 6px kruf*/
}

.viewAs.table { background-position:-18px 0; } /* было -23px kruf*/

.viewAs.table.act,
.viewAs.table:hover { background-position:-18px -18px; }

.viewAs.blocks.act,
.viewAs.blocks:hover { background-position:0 -18px; }

.productList .extra {
    height:110px;
}

.productList .descr {
    font-size:12px;
    color: #a6a69a;
    margin-top:3px;
}

.productList .titleGroup {
    height:64px; /* высота блока в каталоге товаров kruf*/
    display:block;
    overflow:hidden;
}

.productList .titleGroup h3 {
    height:auto;
}



.rating {
    width:79px;
    height:14px;
    display:inline-block;
    background: url(../img/stars_na.gif) no-repeat top left;
    position:relative;
}

.rating .value {
    width:79px;
    height:14px;
    position:absolute;
    background: url(../img/stars.gif) no-repeat top left;
    top:0;
    left:0;
}

.rating .mark1 { width:16px; }
.rating .mark2 { width:32px; }
.rating .mark3 { width:48px; }
.rating .mark4 { width:64px; }
.rating .mark5 { width:79px; }

.productList .comments {
    font-size:11px;
}

.productList .compare {
    border-left:1px solid #dcdcc9;
    text-align:center;
    height:36px;
    line-height:36px;
    font-size:12px;
    color: #939384;
}



.productList .compare:before {
    content:'';
    width:17px;
    height:17px;
    background:url(../img/cmp.png) no-repeat top left;
    display:inline-block;
    margin-top:9px;    
}

.productList .compare:hover:before {
    content:'';
    background-position:-18px 0;
    opacity:0.3;
}



.productList .compare.inCompare:before {
    background-position:-36px 0;
    opacity:1;
}

.productList .actionBar {
    display:flex;
    background:#ebebe5;
    border:1px solid #dcdcc9;
    height:36px;
}

.productList .actionBar > *:first-child {
    border-left:none;
}

.productList .actionBar .cartButton,
.productList .actionBar .favorite,
.productList .actionBar .compare {
    flex:1 100%;
}

.favorite.listStyle {
    background:#ebebe5;
    border-left:1px solid #dedecc;
    height:36px;
    line-height:36px;
    text-align:center;
}

.favorite.listStyle:before {
    content:'';
    width:17px;
    height:17px;
    background:url(../img/favorite.png) no-repeat top left;
    display:inline-block;
    margin-top:9px;
}

.favorite.listStyle:hover:before {
    background-position:-19px 0;
    opacity:0.3;
}

.favorite.listStyle.inFavorite:before {
    background-position:-19px 0;
    opacity:1;
}

.productList .cartButton {    
    height:36px;    
    background-repeat: no-repeat;
    background-position:center center;
    cursor:pointer;
}


















.productList .cartButton {
    float:left;
    width:100%;
    height:36px;
    line-height: 36px;
    display:block;
    background:#ebebe5;
    background-repeat: no-repeat;
    background-position:7% 50%;
    outline:1px solid #dcdcc9;
    cursor:pointer;
    text-align: center;
}

.cartButton:hover {
    color:black;
}

.productListTable .cartButton {
    width:36px;
    height:30px;
    display:inline-block;
    vertical-align:middle;
    background:#ebebe5;
    background-repeat: no-repeat;
    background-position:center center;
    cursor:pointer;
}

.cartButton:hover {
    background-color: #F29B30;
    border-color:#F29B30;
}

.cartButton.addToCart {
    /*background-image:url("../img/tobasket.png");*/
}

.cartButton.addToCart:hover {
    /*background-image:url(../img/tobasket_white.png);*/
}

.cartButton.showComplekt {
    /*background-image:url("../img/tobasket.png");*/
}

.cartButton.showComplekt:hover {
    /*background-image:url(../img/tobasket_white.png);*/    
}

.cartButton.reserve {
    padding:0;
    background-image:url(../img/reserve_black.png);
}

.cartButton.reserve:hover {
    background-color:#14a6a4;
    background-image:url(../img/reserve.png);
    border-color:#14a6a4;
}



.cartButton.unobt,
.cartButton.unobt:hover {
    padding:0;
    /*background-image:url(../img/unobt.png);*/
    background-color: #ebebe5;
    border-color:#dcdcc9;
    color:#404040;
}

.cartButton.added,
.cartButton.added:hover {
    background-image:url(../img/inbasket.png);
    background-color: white;
}


.compare:hover {
    color:#14a6a4;
}

.compare span {
    /*border-bottom:1px dashed #939384;*/ подчеркивание сравнить
}


.compare span:hover {
    color:#14a6a4;
}

.inCompare span {
    background: url(../img/ok.png) no-repeat left center;
    padding-left:16px;    
    border:none;
    color:#14a6a4;
}

.folding .category {
    display:none;
}

.folding.on .category {
    display:block;
}

.folding .category {
    margin-top:5px;
    margin-bottom:9px;
}

.filterSection {
    position:relative;
	overflow:hidden;
}

.filterSection .loadOverlay {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: white;
    z-index:101;
    opacity:0.6;
    display:none;
}

.filterSection.inLoading .loadOverlay {
    display:block;
}

.filters .filter {
    background: #fff; /* фон у фильтров слева kruf*/
    margin-bottom:9px; /* было 6px kruf*/
    padding:10px 10px;
    padding: 10px 10px;
    border:1px solid #E8E8E8;
}

.filters:hover .filter:hover {
    background-color: #FFFBEF;
    transition: 0.2s;
    -webkit-transition-duration: 0.2s;
}

.filters .filter h4 {
    font-size:12px;
    font-weight:bold;
    margin-bottom:10px;
}

.filters .submitFilter {
    margin-bottom:6px;
    display:block;
    width:100%;
    color: black;
}

.textinp {
    border:1px solid #dcdcc9;
    height:28px;
}

.filters .string {
    width:98%;
}

.filters .yesno {
    border:1px solid #dcdcc9;
    height:28px;
    padding:5px 5px 5px 0;    
}

.compareProducts {
    overflow:hidden;
}
.compareProducts li { overflow:hidden; margin-bottom:10px; }
.compareProducts .image { 
    float:left; 
    width:50px;
    padding:5px;
    background: white;
    text-align:center;
}
.compareProducts .image img { vertical-align:bottom; max-width:100%; }

.compareProducts .categoryName,
.compareProducts .title {
    margin-left:70px;
    display:block;
    font-size:14px;
}

.compareProducts .categoryName {
    font-size:12px;
    margin-top:5px;
    color: #C3BDCB;
}

.compareProducts .remove {
    width:19px;
    height:19px;
    background: #ebebe5 url(../img/x.png) no-repeat center center;
    float:right;
    display:block;
    cursor:pointer;
}

.compareProducts .remove:hover {
    background-color: white;
}

.doCompareButton {
    background: #2bbfbd;
    display:block;
    text-align:center;
    height:38px;
    line-height:38px;
    margin-top:10px;
}

.doCompareButton span {
    background: url(../img/compare.png) no-repeat left center;
    padding-left:30px;
    color: white;
}

.doCompareButton:hover {
    background: #b1b1a3;
}

.sideBlock {
    margin-bottom:40px;
}

/* 3 колонки */

.wrapWidth {
    width:100%;
    overflow:hidden;    
}

.lastViewedList {
    width:103%;
    overflow:hidden;
    padding:1px;
}

.lastViewedList li {
    width:31.479847%;
    margin-right:1.31391%;
    margin-bottom:3px;
    float:left;
    height:72px;
    line-height:72px;
    background: white;
    position:relative;
    text-align:center;
}

.lastViewedList li:hover {
    outline:1px solid #CDCDC3; /* обводка у просмотренных товаров kruf */
}

.lastViewedList a {
    width:80%;
    padding:0 10%;
    vertical-align: middle;
    display:block;
}

.lastViewedList a img {
    vertical-align: middle;
    max-width:100%;
}

.filters {
    font-size:14px;
}

.jslider .jslider-bg i,
.jslider .jslider-pointer { background: url(../img/jslider.plastic.png) no-repeat 0 0; }

.jslider { display: block; width: 100%; height: 1em; position: relative; top: 0.6em; font-family: Arial, sans-serif; }
.jslider table { width: 100%; border-collapse: collapse; border: 0; }
.jslider td, .jslider th { padding: 0; vertical-align: top; text-align: left; border: 0; }

.jslider table,
.jslider table tr,
.jslider table tr td { width: 100%; vertical-align: top; }

.jslider .jslider-bg { position: relative; }
.jslider .jslider-bg i { height: 5px; position: absolute; font-size: 0; top: 0; }
.jslider .jslider-bg .l { width: 10%; background-position: 0 0; left: 0; }
.jslider .jslider-bg .f { width: 80%; left: 10%; background-repeat: repeat-x; background-position: 0 -20px; }
.jslider .jslider-bg .r { width: 10%; left: 90%; background-position: right 0; }
.jslider .jslider-bg .v { position: absolute; width: 60%; left: 20%; top: -1px; height: 5px; background-repeat: repeat-x; background-position: 0 -40px; }

.jslider .jslider-pointer { width: 17px; height: 20px; background-position: -2px -53px; position: absolute; left: 20%; top: 0px; margin-left: -6px; cursor: pointer; cursor: hand; }
.jslider .jslider-pointer-hover { background-position: -2px -53px; }
.jslider .jslider-pointer-to { left: 80%; }

.jslider .jslider-label { font-size: 9px; line-height: 12px; color: black; opacity: 0.4; white-space: nowrap; padding: 0px 2px; position: absolute; top: -18px; left: 0px; }
.jslider .jslider-label-to { left: auto; right: 0; }

.jslider .jslider-value { font-size: 11px; white-space: nowrap; padding: 1px 2px 0; position: absolute; top: -19px; left: 20%; background: white; line-height: 12px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
.jslider .jslider-value-to { left: 80%; }

.jslider .jslider-label small,
.jslider .jslider-value small { position: relative; top: -0.4em; }

.jslider .jslider-scale { position: relative; top: 12px; }
.jslider .jslider-scale span { position: absolute; height: 5px; border-left: 1px solid #999; font-size: 0; }
.jslider .jslider-scale ins { font-size: 9px; text-decoration: none; position: absolute; left: 0px; top: 5px; color: #999; }

.jslider-single .jslider-pointer-to,
.jslider-single .jslider-value-to,
.jslider-single .jslider-bg .v,
.jslider-limitless .jslider-label { display: none; }

.filters .jslider {
    padding-bottom:20px;
    width:94%;
    margin-left:3%;
}

.filters .fullwidth {
    align-items: center;
    color: #999;
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    margin-top: 15px;
    width: 100%;
}

.filters .fullwidth .fromto {
    box-sizing: border-box;
    width: 100%;
}

.filters .fullwidth .p50 {
    padding: 0 5px 3px;
}

.filterToggle {
    display:none;
}

.fullwidth { width:100%; }
.fullwidth td { vertical-align:middle; padding:2px; }
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.fullwidth {
    width:100%;
}

.fullwidth td {
    vertical-align:middle;
    padding:2px;
}
.fullwidth .fromto { 
    width:95%; 
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.15) inset,0 1px 0 0 rgba(255,255,255,.35);
    text-align: center;   
}

.typeMultiselect .cb {
    float:left;
}

.typeMultiselect .propsContent {
    max-height: 205px;
    overflow:auto;
}


.typeMultiselect .removeBlockProps{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-bottom: 3px;
    vertical-align: middle;
    background-image: url(../img/close.png);
    background-position: top left;
    background-repeat: no-repeat;
}

.typeMultiselect .removeBlockProps.hidden{
    display: none;
}

.typeMultiselect label{
    margin-left:30px;
    line-height:22px;
    display:block;
}

.typeMultiselect li {
    overflow:hidden;
    margin-bottom:3px;
}

.filter.typeClickable ul {
    word-spacing: -2px;
}

.filter.typeClickable .clickableItem {
    display:inline-block;
}

.filter.typeClickable .clickableItemValue {
    visibility:hidden;
    position:absolute;    
}

.filter.typeClickable .clickableItem img {
    vertical-align:top;
}

.filter.typeClickable .clickableItemValue + label {
    border:1px solid #dcdcc9;
    display:inline-block;
    width:22px;
    height:22px;
    line-height:20px;
    margin:0;
    cursor:pointer;
    box-shadow:inset 0 0 0 1px white;
    margin:2px;
    overflow: hidden;
}

.filter.typeImage .clickableItemValue + label {
    width:60px;
    height:60px;
    line-height:58px;
}

.filter.typeClickable .clickableItemValue:checked + label {
    border:2px solid #a8a891;
    margin:1px;
}

.jq-checkbox {
    position: relative;
    width: 18px;
    height: 18px;
    border: 1px solid #dcdcc9;
    background: white;
    vertical-align: middle;
    cursor: pointer;
}
.jq-checkbox.checked span {
    display: block;
    height: 18px;
    background: url(../img/ok.png) no-repeat 4px center;
}
.jq-checkbox.focused {
    border: 1px solid #08C;
}
.jq-checkbox.disabled {
    opacity: 0.55;
    filter: alpha(opacity=55);
}


.jq-selectbox.yesno {
    border:none;
    padding:0;
    height:auto;
}

.jq-selectbox {
    vertical-align: middle;
    cursor: pointer;
}
.jq-selectbox .select {
    height: 30px;
    line-height:30px;
    padding: 0 45px 0 10px;
    border: 1px solid #dcdcc9;
    background: white;
    color: #333;
}
.jq-selectbox .select:hover .trigger{
    background-color: #E6E6E6;
    background-position: 0 -10px;
}

.jq-selectbox .select:active .trigger{
    background: #F5F5F5;
    box-shadow: inset 1px 1px 3px #DDD;
    -moz-box-shadow: inset 1px 1px 3px #DDD;
    -webkit-box-shadow: inset 1px 1px 3px #DDD;
}
.jq-selectbox.focused .select {
    border: 1px solid #5794BF;
}
.jq-selectbox.disabled .select {
    border-color: #dcdcc9;
    background: #F5F5F5;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: #888;
}
.jq-selectbox .select .text {
    display: block;
    float:left;    
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.jq-selectbox .trigger {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 34px;
    height: 30px;
    border-left: 1px solid #dcdcc9;
    background: #ebebe5;
}
.jq-selectbox .trigger .arrow {
    position: absolute;
    top: 12px;
    right: 10px;
    width: 15px;
    height: 9px;
    background: url(../img/dropdown.png) no-repeat center center;
    opacity: 0.3;
    filter: alpha(opacity=30);
}
.jq-selectbox:hover .arrow {
    opacity: 1;
    filter: alpha(opacity=100);
}
.jq-selectbox.disabled .arrow {
    opacity: 0.3;
    filter: alpha(opacity=30);
}
.jq-selectbox .dropdown {
    top: 33px;
    min-width: 100px;
    margin: 0;
    padding: 0;
    border: 1px solid #C6CBD0;
    background: #FFF;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
.jq-selectbox ul {
    margin: 0;
    padding: 0;
}
.jq-selectbox li {
    padding: 5px 10px 6px;
    color: #231F20;
}
.jq-selectbox li.selected {
    background: #A3ABB1;
    color: #FFF;
}
.jq-selectbox li:hover {
    background: #2BBFBD;
    color: #FFF;
}
.jq-selectbox li.disabled {
    color: #AAA;
}
.jq-selectbox li.disabled:hover {
    background: none;
}
.jq-selectbox li.optgroup {
    font-weight: bold;
}
.jq-selectbox li.optgroup:hover {
    background: none;
    color: #231F20;
    cursor: default;
}
.jq-selectbox li.option {
    padding-left: 25px;
}

.jq-radio{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    border: 1px solid #dcdcc9;
}

.jq-radio.checked span {
    display: block;
    height: 20px;
    background: url(../img/ok.png) no-repeat 5px center;
}

.productListTable li {
    margin:15px 0;
    overflow:hidden;
    border:1px solid #E8E8E8; /* обводка товаров в каталоге товаров вид список kruf*/
    background-color: #fff;
}

.productListTable li:hover {
    border:1px solid #297CCC;
    transition: 0.3s;
    -webkit-transition-duration: 0.3s;
}

.productListTable .pic {
    float:left;
    padding:10px;
    background: white;
    float:left;
    width:74px;
    text-align:center;
    line-height:66px;
}

.productListTable .info {
    margin-left:105px;
    padding:6px;
}

.productListTable li:hover .info{
    background: white;
}

.productListTable .titleGroup h3 {
    font-size:15px;
    font-weight:normal;
    margin-bottom:7px;    
} 

.productListTable .titleGroup .descr {
    color: #85857B;
    font-size:12px;
    margin-bottom:7px;
    margin-top:7px;
}

.productListTable .compare {
    font-size:12px;
    margin-left:36px;
    color: #939384;
}

.productListTable .compare:hover {
    color: #14a6a4;
}

.productListTable .compare span {
    border-bottom:1px dashed #939384;
}

.productListTable .compare.inCompare span {
    background: url(../img/ok.png) no-repeat left center;
    padding-left:20px;
    border:none;
    color: #14a6a4;
}

/*показывать по kruf*/
.pages-line {
    padding-top: 3px;
    padding-left: 7px;
    line-height: 29px;
}
/*показывать по kruf*/

.paginator {
    display:block;
    line-height:27px;
}

.paginator a {
    vertical-align:middle;        
    padding:4px 7px;
    border:1px solid #dcdcc9;
    font-size:10px;
    background: #f2f2f0;
    color: #a6a69a;
}

.paginator a:hover {
    background: white;
}

.paginator .act {
    border-color: black;
    color: black;
}

.pages-line .pageSizeBlock {
    float:left;
}

.pages-line .paginator {
    float:right;
}

.pageSizeBlock {
    font-size:12px;
}

.sectionListBlock .lineList, .sectionListBlock .lineList li,
.lineListBlock .lineList, .lineListBlock .lineList li {
    display:inline;
}

.sectionListBlock,
.lineListBlock {
    vertical-align:middle;
}
 

.lineList .item {
    padding:6px 10px;    /* было 7px 10px kruf*/
    line-height: normal;
    zoom:1;
}

.lineList .item i {
    font-style: normal;
    border-bottom:1px dashed #939384;
}

.lineList .item.act,
.lineList .item.asc,
.lineList .item.desc {
    background: white;
    border-radius:13px;
    color: #B10000;
}

.lineList .item.asc {
    background: white url(../img/sort_asc.gif) no-repeat right center;
    padding-right:17px;
}

.lineList .item.desc {
    background: white url(../img/sort_desc.gif) no-repeat right center;
    padding-right:17px;
}

.lineList .item.act i {
    border:none;
}


.lineListBlock .lineTrigger {
    display:none;
}

.clearboth {
    clear:both;
    height:0;
    font-size:0;
}

.header-exception {
    text-align:center;
    line-height:72px;
}

.header-exception .logo {
    display:inline;
}

.exceptionBlock {
    margin:0 auto;
    text-align: center;
}

.exceptionBlock .code {
    font-size:130px;
    line-height: 140px;
    font-weight:bold;
    margin-top:5px;
}

.exceptionBlock .message {
    margin-bottom:25px;
}

.exceptionBlock .gomain {
    font-size:16px;
    color: #14a6a4;
    background: url(../img/gonext.png) right center no-repeat;
    padding-right:20px;
}

.exceptionBlock .gomain:hover {
    color: #097d7b;
}

.p50 {
    width:49%;
}

.article,
article {
    font-size:14px;    /*было 15px kruf*/
    line-height:125%;
    margin-top: 15px;

}

.article p,
article p {
    margin:0 0 10px 0; /*kruf было 5 px*/
}

.article ul,
article ul {
    list-style:square;
    padding-left:20px;
}

.article ul li,
article ul li {
    padding-bottom:10px;
}

.article img,
article img {
    max-width:100%;
}

.article a,
article a {
    text-decoration:underline;
}

.article table td,
article table td {
    border:1px solid #aaa;
    padding:5px;
}

.article table td > p,
article table td > p {
    margin-top:0;
    margin-bottom:0;
}

.article h1,
.article h3,
article h1,
article h3 {
    background:none;
    text-align:left;
}

.article h2,
article h2 {
    font-size:22px;
    line-height:100%;
    margin: 25px 0 10px 0;
    color:#313131;
    font-weight: normal;
}

.article .mainImage {
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}

.article .date {
    color: #939384;
    font-size:11px;
}

.article h1,
article h1 {
    font-size:26px;
    line-height:100%;
    margin-bottom:20px;
}

.product .packages {
    display:inline-block;
    margin-bottom:10px;
}

.product .packages .package {
    font-size:12px;   
}
.product .packages .package .pname {
    color:#939384;
}

.product .packages .package .values {
    margin-left:0px;
    margin-top:5px;
    margin-bottom:5px;
}
.packages .package .values input{
    margin:0 3px 0 0;
    vertical-align:top;
}

.packages .packageItem {
    padding-bottom:5px;
}

.product .image {
    width:50%;
    float:left;
    position:relative;
}

.product .image .labels {
    right:-7px;
	top:0;
}

.product .inform {
    width:48%;
    float:right;
    position:relative;
}

.product .mainPicture {
    display:block;
    /*height:350px;*/
    padding:0px; /*kruf было 20 px*/
    background: white;
    text-align:center;
    line-height:350px;  
}

.product .mainPicture img {
    max-width:100%;
    max-height:100%;
}

.product .hidden {
    display:none;
}
.forcedReserve .reserve.hidden,
.notAvaliable.canBeReserved .reserve.hidden,

.notAvaliable .unobtainable.hidden{
    display: block !important;
}
.forcedReserve .addToCart,
.notAvaliable.canBeReserved .unobtainable.hidden{
    display:none !important;
}

.notAvaliable .toBasket{
    display: none; 
}

.notAvaliable .oneclick{
    display: none; 
}

.product h1 {
    font-size:26px;
    font-weight:bold;
    margin-bottom:10px;
}

.productGalleryWrap {
    margin-top:3px;    
    position:relative;
}

.productGalleryWrap .prev {
    width:13px;
    height: 19px;
    display:block;
    background: url(../img/prev.png) no-repeat;
    position:absolute;
    left:0;
    top:27px;
}

.productGalleryWrap .next {
    width:13px;
    height: 19px;
    display:block;
    background: url(../img/next.png) no-repeat;
    position:absolute;
    right:0;
    top:27px;
}

.productGalleryWrap .control:hover {
    background-position:0 -19px;
}

.productGalleryWrap .gallery  {
    margin:0 28px;
    height:74px;
    overflow:hidden;    
    position:relative;
}

.productGalleryWrap .gallery ul {
    position:relative;
    width:1300px;
}

.productGalleryWrap ul li{
    float:left;
    width:72px;
    height:72px;
    background: white;
    margin-right:3px;
    vertical-align:middle;
    border:1px solid #E0E0D7;
}

.productGalleryWrap ul li:hover {
    border:1px solid #F29B30;
}

.productGalleryWrap .gallery a {
    display:block;
    padding:4px;
    width:64px;
    height:64px;
    line-height:64px;
    text-align:center;
}

.productGalleryWrap li.hidden{
    display: none;
}

.productGalleryWrap .gallery a img {
    max-width:100%;
    max-height:100%;
}



.productGalleryWrap .disabled:hover,
.productGalleryWrap .disabled {
    opacity:0.2;
    background-position: 0 0;
}

.floatWrap {
    overflow:hidden;
    margin-top: 10px;
}

.commentsCount {
    font-size:11px;
    color: #515148;
}

.product .ratingBlock {
    float:left;
    font-size:11px;
    margin-bottom:10px;
}

.bg .rating {
    background:url(../img/bgstars_na.gif) no-repeat;
}

.bg .rating span {
    background:url(../img/bgstars.gif) no-repeat;
}

.product .gotoComment {
    float:left;
    margin-left: 27px;
    font-size:12px;
    color: #939384;    
    border-bottom:1px dashed #939384;
}

.product .compare:hover,
.product .gotoComment:hover {
    color:#14a6a4;
}

.multiOffers{
   margin-bottom: 16px; 
}

.multiOffers .title{
   font-size: 12px; 
   margin-top: 10px;   
   margin-bottom:2px;
}

.multiOffers select{
   display: block;
   padding:2px;
}

.multiOffers .multiOfferValues{
   overflow: hidden; 
   line-height: 40px;
   font-size:14px;
}

.multiOffers .multiOfferValueBlock{
   display: inline-block;
   float: left;
   border: 2px solid #dfdfdf;
   vertical-align: middle; 
   margin-right: 3px;
   margin-bottom: 3px;
   height: 40px;
   width: 40px;
   cursor: pointer;
   overflow:hidden;
   background:white;
}

.multiOffers .multiOfferValueBlock img{
   height: 40px; 
   vertical-align: top;
}

.multiOffers .multiOfferValueBlock.likeString{
   padding-left: 6px; 
   padding-right: 6px; 
   line-height: 40px;
   width: auto;
}

.multiOffers .multiOfferValueBlock.sel,
.multiOffers .multiOfferValueBlock:hover{
   background-color: #14a6a4; 
   border-color: #14a6a4;
   color: white;
}

.multiOffers .levelType-radio .levelRow {
    display:block;
}

.multiOffers .levelType-image .levelRow,
.multiOffers .levelType-color .levelRow {
    display:inline-block;
    
}
.multiOffers .levelType-image .levelRow input,
.multiOffers .levelType-color .levelRow input {
    position:absolute;
    visibility:hidden;
    left:-9999px;
}

.multiOffers .levelType-color .levelRow img,
.multiOffers .levelType-image .levelRow img {
    vertical-align:top;
}

.multiOffers .levelType-image .levelRow input + label,
.multiOffers .levelType-color .levelRow input + label {
    border:1px solid #dcdcc9;
    display:inline-block;
    width:32px;
    height:32px;
    line-height:30px;
    margin:0;
    cursor:pointer;
    box-shadow:inset 0 0 0 1px white;
    margin:2px;
    overflow: hidden;
}

.multiOffers .levelType-image .levelRow input + label {
    width:60px;
    height:60px;
    line-height:58px;
}

.multiOffers .levelType-image .levelRow input:checked + label,
.multiOffers .levelType-color .levelRow input:checked + label {
    border:2px solid #14a6a4;
    margin:1px;
}

.multiOffers .levelType-radio .levelRow label {
    font-size:14px;
}


.concomitantBlock{
    margin: 10px 0;
}

.concomitantBlock .concomitantTitle {
    font-size: 12px;
    margin-bottom: 7px;  
    color: #939384;
}

.concomitantBlock .concomitantItem {
    font-size: 12px;
    padding-bottom: 10px;
    overflow: hidden;
}

.concomitantBlock .concomitantItem input {
    float:left;
    margin:0 3px 0 0;
}

.concomitantBlock .jq-checkbox{
    width: 14px;
    height: 14px;
    margin-left: 0px;
    margin-right: 5px;
    float: left;
}

.concomitantBlock .jq-checkbox.checked span{
    height: 14px;
    background-position: 2px center;
}

.concomitantBlock .concomitantItem label{
    display: block;
    margin-left: 20px;
}

.product .fcost {
   font-size: 35px;
    color: #2C2C2C;
    font-weight:bold;
    margin-bottom: 20px;
}

.product .descr {
    font-size: 13px;
    margin-bottom: 12px;
    padding: 14px 0 6px 0;
}

.reserve {
    background: #147ba6 url(../img/reserve.png) no-repeat 22px center;
    float:left;
    padding:12px 25px 12px 49px;
    color: white;
    font-weight:16px;    
    margin-right:20px;
}

.reserve:hover {
    background-color: #0f6b92;
    color: white;
}

.oneclick {
    background: #ffffff url(.../img/oneclick.png) no-repeat center;
    float: left;
    background-color: white;
    height: 40px;
    border: 1px solid #1ab8b6;
    line-height: 40px;
    color: #1fc0be;
    padding: 0px 12px;
}

.oneclick:hover {
    color:white;
    background-color: #1ab8b6;
}

.oneclick:hover {
    /*background-color: #0f6b92;
    color: white;*/
}


.toBasket {
    background: #f29b30 url(../img/tobasket.png) no-repeat 22px center;
    float:left;
    padding:0 25px 0 49px;
    line-height:42px;
    color: white;
    font-weight:16px;
    margin-right:5px;
}

.toBasket.added {
    opacity:0.7;
}

.toBasket:hover {
    background-color: #e2891c;
    color: white;
}

.unobtainable {
    border:2px solid red;
    padding:10px 21px;
    color:red;
    float:left;
    font-size:14px;
    margin-right:20px;
}

.basketLine .compare {
    margin-left:10px;
    padding-top:10px;
    padding-bottom: 1px;    
    float:left;
    font-size:14px;
    color: #939384;     
}

.product .brand {
    margin-top:5px;
    font-size:13px;
}

.product .brand .brandTitle {
    border-bottom:1px dotted #333;
}

.product .barcode {
    margin-top:20px;
    font-size:13px;
}

.product .warehouseDiv,
.productPreview .warehouseDiv
{
    background-color: white;
    padding: 0px;
    margin-top: 5px;
    margin-bottom: 15px;
} 

.productPreview .warehouseDiv {
    padding-left:0;
    padding-right:0;
}

.product .warehouseDiv .warehouseRow,
.productPreview .warehouseDiv .warehouseRow
{
    margin-top: 7px;
}

.product .warehouseDiv .warehouseRow.empty .stickWrap {
     border-color: #ddd;
}

.product .warehouseDiv .title,
.productPreview .warehouseDiv .title
{
    font-size: 13px;
    font-weight: bold;
    background: white;
}

.product .warehouseDiv .warehouseRow .title,
.productPreview .warehouseDiv .warehouseRow .title
{
    font-size: 12px;
    display: block;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;    
    background: url('../img/stock_dot.gif') repeat-x center left;    
    color: #939384;
}

.product .warehouseDiv .warehouseRow .title:hover,
.productPreview .warehouseDiv .warehouseRow .title:hover {
    color: #14a6a4;
}

.product .warehouseDiv .warehouseRow .title span,
.productPreview .warehouseDiv .warehouseRow .title span {
    background: white;
    padding-right: 5px;
}

.product .warehouseDiv .warehouseRow .stickWrap,
.productPreview .warehouseDiv .warehouseRow .stickWrap {
    border:1px solid #147BA6;
    float:right;
    padding:2px 1px;
    font-size:0;
    background: white;
}

.product .warehouseDiv .warehouseRow .stick,
.productPreview .warehouseDiv .warehouseRow .stick
{
    display: inline-block;
    background-color: #f7f7f7;
    height: 6px;
    line-height:6px;
    width: 6px;
    vertical-align:top;
    margin:0 1px;
}

.product .warehouseDiv .warehouseRow .stick.filled,
.productPreview .warehouseDiv .warehouseRow .stick.filled
{
    background-color: #147BA6;
}

.product .prLine {
    height:50px;
}

.product .share {
    font-size:12px;
    color: #a6a69a;
    position:relative;
    float:right;
    margin-right:10px;
}

.product .share .handler {
    width:16px;
    height:18px;
    background:url(../img/social.png) no-repeat 0 -18px;
    display:block;
    margin-bottom:5px;
}

.product .share .block {
    position:absolute;
    background: white;
    right:0;
    white-space:nowrap;
    padding:15px;
    box-shadow:0 0 10px #bbb;
    -moz-box-shadow:0 0 10px #bbb;
    -webkit-box-shadow:0 0 10px #bbb;
    display:none;
}

.product .b-share__handle {
    display:inline-block;
    float:none;
}

.product .share .block i {
    width:12px;
    height:7px;
    background:url(../img/social_corner.png) no-repeat top left;
    display:block;
    position:absolute;
    top:-7px;
    right:4px;
}

.product .share:hover .handler {
    background-position:0 0;
}

.product .share:hover .block {
    display:block;
}

.product .share .block .text {
    margin-bottom:5px;
}

.properties .kv {
    width:100%;
    border-collapse:collapse;
}

.properties tr {
    display:table-row;
    font-size:14px;
}

.properties tr:hover,
.properties tr:hover .key span{
    color: #0c9694;
}

.properties tr:hover td {
    border-color: #0c9694;
}

.properties .key{
    border-bottom:1px solid #e0e0d7;
    display:table-cell;
    width:48%;
    padding-right:2%;
    padding-top:10px;
    color: #939384;
    vertical-align:bottom;
}

.properties .key span {
    padding:1px;
}

.properties .value {
    border-bottom:1px solid #e0e0d7;
    width:50%;
    display:table-cell;
    vertical-align:bottom;
    padding-top:10px;
    text-align:right;
}

.properties h2 {
    margin:15px 0 0;
}

.comments {
    margin-top:30px;
    margin-bottom:30px;
}

.comments .head {
    background: #ebebe5;
    padding:5px;
    font-size:16px;
    line-height:20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.comments .head ul {
    display:inline;
    margin-left:30px;
    color: #939384;
    font-size:12px;
}

.comments .head ul li {
    display:inline;
}

.comments .lineList .item {
    padding:4px 10px;
}

.comments .lineList .item a {
    color: #a6a69a;    
}

.comments .lineList .item a:hover,
.comments .lineList .act a {
    color: #14a6a4;
}

.writeComment {
    padding:10px 0;
    
    font-size:13px;
}

.writeComment .title {
    border-bottom:1px dashed #222;    
}

.commentList li{
    padding:17px 0;
    border-bottom:1px solid #dcdcc9;
    overflow:hidden;
}

.commentList .right {
    float:right;
    width:90px;
    text-align:center;
    font-size:11px;
}

.commentList .right .useful {
    margin-top:15px;
    color: #515148;
}

.commentList .right .useful a {
    width:39px;
    height:30px;
    line-height:30px;
    border:1px solid #dcdcc9;
    background: white;
    display:block;
    margin-left:2px;
    float:left;
    margin-top:4px;
}

.commentList .useful .yes { color: #14a6a4; }
.commentList .useful .no { color: #db4646; }

.commentList .useful .yes:hover { border:1px solid #2bbfbd; }
.commentList .useful .no:hover { border:1px solid #df5c5c; }

.commentList .info .date {
    font-size:11px;
    color:#939384;;
}

.commentList .info .user {
    font-size:12px;
    color: #939384;
    margin-left:25px;
}

.commentList .message {
    margin:10px 0;
    font-size:13px;
    line-height:18px;
}

.form-packages {
    margin-bottom:15px;
}

.mobileBasketLine {
    text-align:center;
    display:none;
}

.hidden {
    display:none;
}

.articles li {
    margin-bottom: 30px;
    padding-top: 5px;
    border-top: 1px dashed #DADADA;
    background-color: white;
    width: 45%;
    margin-right: 5%;
    float: left;
    height: 330px;
}

.articles .date {
    color: #CACACA;
    font-size:12px;
}

.articles .title {
    font-size: 20px;
    font-weight: bold;   
    /*text-decoration: underline;*/
}

.articles .title:hover {
    text-decoration: underline;
}

.articles .image {
    float: left;
    margin: 6px 10px 10px 0;
    /*outline: 1px solid #CCCCCC;
    border: 2px solid #FFFFFF;*/
}

.articles .little_block {
    padding: 4px;
}

.articles .preview {
    color: #585858;
    font-size: 14px;
    line-height: 18px;
    content: "";
    display: table;
    clear: both;
    *zoom: 1;
}

.writeComment form {
    background: white;
    position:relative;
    margin-top:15px;
    padding:0;
}

.writeComment .corner {
    width:14px;
    height:7px;
    background: url(../img/whitecorner.png) no-repeat;
    position:absolute;
    top:-7px;
    left:9px;
}

.adaptForm li {
    overflow:hidden;
    margin-bottom:15px;
}

.adaptForm .caption {
    font-size:12px;
    color: #939384;
    padding-top:12px;
}

.adaptForm .field input {
    width:96%;
}

.adaptForm input {
    border: 1px solid #d4d4d4;
    height:25px;  
    padding: 2px 8px;
    box-shadow: inset 0 1px 4px rgba(0,0,0,.1);
}

.adaptForm input:focus {
    border:1px solid #F29B30;
}

.adaptForm .name {
    width:33%;
    float:left;
}

.adaptForm .name .caption {
    width:50px;
    float:left;
}

.adaptForm .name .field {
    margin-left:50px;
}

.adaptForm .ball {
    width:65%;
    float:left;
}

.adaptForm .ball .rate {
    float:right;
}
.adaptForm .ball .descr {
    text-align:center;
    font-size:12px;
}

.adaptForm .ball .stars {
    display:block;
    overflow:hidden;
}

.adaptForm .ball .stars i{
    width:21px;
    height:20px;
    background: url(../img/stars.png) no-repeat;
    float:left;
    cursor:pointer;
}

.adaptForm .ball .stars .act {
   background-position:0 -20px; 
}

.adaptForm .ball .caption {
    font-size:14px;
    float:right;
    margin-right:17px;
}

.adaptForm .text .caption {
    width:50px;
    float:left;
}
.adaptForm .text .field {
    margin-left:50px;
}

.adaptForm .text textarea {
    width:96%;
    resize:vertical;
    border: 1px solid #d4d4d4; 
    padding: 7px 8px;
    box-shadow: inset 0 1px 4px rgba(0,0,0,.1);
    font-family: Arial;
}

.adaptForm .text textarea:focus {
     border:1px solid #F29B30;
}

.adaptForm .captchaImg {
    width:40%;
    float:left;
}

.adaptForm .captchaImg img {
    float:right;
}

.adaptForm .captchaField {
    float:left;
    width:60%; 
}

.adaptForm .captchaField .subtext {
    font-size:11px;
    color: #939384;
}

.adaptForm .submit {
    margin-left:40%;
}

.adaptForm .submit input {
    background: #5FB31C;
    color: white;
    border:none;
    padding:10px 40px;
    cursor:pointer;
    height:auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.adaptForm .submit input:hover {
    background: #78CC35;
}

.adaptForm .error {
    color: red;
    font-size:14px;
}

.writeComment form {
    display:none;
}

.writeComment.on form {
    display:block;
    background-color: #FCF8E3;
    padding: 15px 10px 1px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.mt10 {
    margin-top:10px;
}

.recommended {
    margin-top:50px;
}

.recommended .previewList {
    background: white;
    padding:20px 40px;
    position:relative;
}

.previewList_photolist {
    background: white;
}

.previewList_photolist ul {
    list-style: none;
    width:100%;
}

.recommended .gallery {
    position:relative;
    overflow:hidden;
}

.recommended_photolist .gallery {
    position:relative;
    overflow:hidden;
}

.recommended ul {
    position:relative;
    width:9000px;
}

.recommended_photolist ul {
    position: relative;
    padding-left: 5px;
}

.recommended_photolist ul li {
    float:left;
    width:165px;
    padding-bottom: 15px;
}

.recommended ul li {
    float:left;
    width:165px; /*Kruf было 72px*/
    min-height: 222px; /*Kruf было 72px*/
    margin-right:4px; /*kruf было 3px*/   
}

.recommended ul a {
    padding:5px;
    line-height:16px; /*kruf было 62 px*/
    display:block;
    text-align:center;
}

.previewList .prev {
    width:13px;
    height: 19px;
    display:block;
    background: url(../img/prev.png) no-repeat;
    position:absolute;
    left:15px;
    top:50px;
}

.previewList .next {
    width:13px;
    height: 19px;
    display:block;
    background: url(../img/next.png) no-repeat;
    position:absolute;
    right:15px;
    top:50px;
}

.previewList .next:hover,
.previewList .prev:hover {
    background-position: 0 -19px;
}

.previewList .disabled:hover,
.previewList .disabled {
    opacity:0.2;
    background-position: 0 0;
}


.compareHead {
    display:table-row;
}

.compareHead li {
    display:table-cell;
    vertical-align:top;
    padding-right:20px;  
    width:221px;
}

.compareHead .logoZone {
   position:relative; 
   padding-right:0;
   width:250px;
}

.compareHead .logoZone .print {
    margin-top:15px;
    border:1px solid #dcdcc9;
    padding:7px 50px 7px 85px;
    font-size:12px;
    background: white url(../img/print.png) no-repeat 50px center;        
    color: #939384;
}

.compareHead .back {
    height:203px;
    margin-top:35px;
    margin-bottom:30px;
    line-height:203px;
    position:relative;
    margin-right:20px;
    width:230px;
    text-align:center;
    background:url(../img/dark-gray.gif) repeat;    
}

.compareHead .topline {
    height:35px;
    position:relative;
}

.compareHead .image {
    background: white;
    padding:10px;
    width:201px;
    height:183px;
    line-height:183px;
    text-align:center;
}

.compareHead .image img {
    max-width:100%;
    max-height:100%;
}

.compareHead .activelist {
    cursor:pointer;
}

.compareHead .item .remove {
    background: url("../img/x.png") no-repeat scroll center center #EBEBE5;
    cursor: pointer;
    display: block;
    height: 19px;
    width: 19px;
    position:absolute;
    top:0;
    left:50%;
    margin-left:-9px;
}

.compareHead .item .remove:hover {
    background-color: white;
}

.comparePageBody {
    margin-top:20px;
}

.comparePageBody #debug-top-block{
    margin-top: -20px;
    margin-bottom: 20px;
}

.compareHead .item .multiOffers .title {
    height:auto;
    font-size: 12px;
    margin-bottom: 2px;
    margin-top: 10px;
}

.compareHead .item .title {
    font-size:18px;
    margin:15px 0 10px;
    height:90px;
    overflow:hidden;
}

.compareHead .item .vendor {
    font-size:12px;
    margin-bottom:10px;  
}

.compareHead .item .offer {
    margin-bottom:10px;
    padding: 10px;
}

.compareHead .item .cost {
    font-size:20px;
    font-weight:bold;
    margin:10px 0;
}

.compareHead .multiOffers{
    margin:10px 0;
}

.compareHead .pname {
    font-size:14px;
    margin-bottom:5px;
}


.compareBody h3{
    border-bottom:1px solid #e0e0d7;
    padding-bottom:1px;    
    text-transform: uppercase;
    color: #222;
    margin-top:30px;
    font-weight:normal;
    font-size:18px;
}

.compareBody h3 span {
    display:block;
    background: #ebebe5;
    padding:10px;
}

.compareBody .table {
    display:table;
    font-size:14px;
}

.compareBody .table li {
    display:table-row;
}

.compareBody .table li:hover .key,
.compareBody .table li:hover .value
 {
    background: #d3eceb;
    border-bottom:1px solid #d3eceb;
}

.compareBody .table .key,
.compareBody .table .value {
    display:table-cell;
    vertical-align:top;
    width:221px;    
    padding:8px 20px 8px 0;   
    border-bottom:1px solid #e0e0d7; 
}

.compareBody .table .value .product {
    display:none;
}

.compareBody .table .key {
    color: #939384;
    width:230px;
}

.centerWrap {
    text-align:center;
}

.centerWrap .center {
    display:inline-block;
    *display:inline;
    text-align:left;
}

.noQuery,
.noProducts,
.noData,
.noCompare {
    font-size:24px;
    text-align:center;
    padding:100px 0;
    color: #585858;
    text-shadow:0 1px 0 white; 
}

/* Корзина */

.cartDialog #cboxClose {
    right:38px;
    top:21px;
}

.cartDialog #cboxClose:hover {
    background-color: white;
}

/* цвет верхней полосы в корзине kruf*/
.cart .top {
    height:63px;
    overflow:hidden;
    background:url(../img/bg-black-cart.gif) repeat-x top left;
}
/* цвет верхней полосы в корзине kruf*/

.cartIcon {
    float:left;
    margin-left:15px;
    line-height:63px;
    height:63px;
    background: url(../img/cart.png) no-repeat right center;
    padding-right:35px;
    text-transform: uppercase;
    font-size:20px;
    color:#fff;
}

.cartDialog .cartIcon {
    margin-left:80px;
}

.clearCart {
    display:block;
    height:63px;
    line-height:63px;
    float:left;
    margin-left:45px;
}

.clearCart span {
    color: white;
    border-bottom:1px dashed white;
}

.cartDialog .cart .padd {
    padding:0 40px;
}

.cart .head {
    overflow:hidden;
    font-size:12px;
    padding:4px 0;
    border-bottom:1px solid #e0e0d7;
}

.cart .head .price{
    width:190px;
    float:right;
}

.cart .head .amount {
    width:160px;
    float:right;
}

.cart input[type=number]::-webkit-inner-spin-button,
.cart input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.cartDialog .cart .viewport {
    max-height:309px;
    overflow:auto;
}

.cartProducts {
    width:100%;
    border-collapse: collapse;
}

.cartProducts .multiOffers{
    margin-top: 10px;
    margin-bottom: 10px;
}

.cartProducts .multiOffers .title{
    font-size:12px;
    color: #7e7e6a;
    margin-top:7px;
}

.cartProducts .colTitle select {
    font-size:13px;
    padding:1px;
}

.cartProducts td{
    padding:13px 0;
    border-top:1px solid #e0e0d7;
    vertical-align:middle;
}

.cartProducts .first td {
    border-top:none;
}

.cartProducts .preview {
    display: block;
    height: 64px;
    line-height: 64px;
    padding: 5px;
    text-align: center;
    border:1px solid #ececec;
    background: white;
}

.cartProducts .colPreview {
    width:74px;
	position: relative;
}

.cartProducts .colTitle {
    padding-left:10px;
    padding-right:10px;
}

.cartProducts .title {
    font-size:14px;
}

.cartProducts .colAmount{
    width:140px;
}

.cartProducts .colAmount .error {
    font-size:11px;
    color:red;
    margin-top:5px;
    clear:left;
}

.cartProducts .colPrice {
    width:154px;
    white-space:nowrap;
}

.cartProducts .colRemove {
    width:56px;
}

.cartProducts .remove {
    background: url("../img/x.png") no-repeat center center white;
    cursor: pointer;
    display: block;
    float: right;
    height: 25px;
    width: 25px; 
    margin-right:35px;   
    border:1px solid #dcdcc9;
}

.cartProducts .remove:hover {
    border-color: black;
    background-image:url("../img/close.png");
}

.cartProducts .discount {
    color: green;
    font-size:12px;
}

.cartProducts .unobtainable{
    display: none;
}

.notAvaliable .unobtainable{
    display: block;
}

.notAvaliable .amoutPicker{
    display: none;
}


.cartFooter {
    background: #5FB31C;
    padding: 4px;
    color: white;
    font-size: 14px;
    overflow: hidden;
    line-height: 30px;
}

.cartFooter .discountText{
    float:left;
}

.cartFooter .couponCode {
    height:28px;
    line-height:28px;
    border:1px solid #5FB31C;
}

.cartFooter .hasError {
    
    background: #ffcccc;
}

.cartFooter .applyCoupon {
    margin-left:20px;
    color: white;
    border-bottom:1px dashed white;    
}

.clearCart:hover span,
.cartFooter .applyCoupon:hover {
    border:none;
    color: #222;
}


.cartFooter .total {
    float:right;
    width:200px;
    font-size:22px;
    font-weight:bold;
}

.cartFooter .total .text {
    /*display:none;*/
}

.cart .bottom {
    margin:18px 0;
    overflow:hidden;
}

.cart .submit {
    float:right;
    margin-left:10px;
    background: #5FB31C;
    border:none;
    padding:10px 35px;
    color: white;
    font-size:16px;
}

.cart .continue,
.cart .toggleOneClickCart {
    float:right;
    margin-left:10px;
    background: #aaa;
    border:none;
    padding:10px 35px;
    color: white;
    font-size:16px;    
}

.cart .continue:hover {
    background: #999;
}

.cart .toggleOneClickCart {
    display: inline-block;
}

.cart .continue{
    float:left;
}

.cart .continue:hover,
.cart .toggleOneClickCart:hover {
    background-color: #999;
}

.cart .submit:hover {
    background: #4EA20B;    
}

.cart .submit.disabled {
    background: #c0c0c0;
    color:#808080;
    text-shadow:0 1px 0 white;
}

.cart .bottom .error {
    padding-top:5px;
    font-size:12px;
    color: red;
}

.cart .qpicker {
    float:left;
    width:20px;
}

.cart .qpicker .inc {
    display:block;
    width:15px;
    height:9px;
    background: url(../img/inc.png) no-repeat;
    margin-top:2px;
}

.cart .qpicker .dec {
    display:block;
    width:15px;
    height:9px;
    background: url(../img/dec.png) no-repeat;
    margin-top:11px;
}

.cart .qpicker .inc:hover,
.cart .qpicker .dec:hover {
    background-position: 0 -9px;
}

.cart .fieldAmount {
    height:29px;
    width:50px;
    border:1px solid #dcdcc9;
    text-align: center;
}

.cart .priceBlock {
    font-weight:bold;
	font-size: 150%;
}

.cart .linesContainer .line {
    border-bottom:1px dotted white;
    margin-bottom:5px;
    overflow:hidden;
}

.cart .linesContainer .line .remove {
    width:19px;
    height:19px;
    background: url(../img/close.png) no-repeat center center;
    float:left;
    display:block;
    cursor:pointer;
    margin-top:5px;
    margin-right:3px;    
}

.cart .linesContainer .line .remove:hover {
    background-color: white;
}

.cart .linesContainer .line .text {
    float:left;
}

.cart .linesContainer .line .digits {
    float:right;
    width:200px;
}

.cart .empty {
    text-align:center;
    padding:100px 0;
    font-size:22px;
    color: #808080;
    text-shadow:0 1px 0 white;
}

.cart .recalc {
    float:left;
    cursor:pointer;
    background: none;
    padding:8px 20px;
    font-size:16px;    
    margin:0;
    margin-right:10px;
}

.cart.inloading .loader {
    background: url(../img/cart_loading.gif) no-repeat center center;
    width:32px;
    height:32px;
    float:right;
        margin-right:10px;
}

.oneClickCartForm {
    background-color: white;
    padding: 20px;
    text-align:center;
}

.oneClickCartTable {
    margin:0 auto;
}

.oneClickCartForm input[type="text"] {
    width:300px;
    max-width:100%;
}

.oneClickCartCaption {
    color:#939384;
    margin-bottom:16px;
}

#colorbox .oneClickCartForm {
    border: 1px solid #dadada;
}

.formTable .oneClickCartForm tr .key,
.formTable .oneClickCartForm tr .value {
    border-bottom: 0px;
}

.changePaymentSelect{
    width: 242px;
}

.oneClickCartForm .formSave{
    margin-left: inherit;
    width:260px;
    display:inline-block;
}

.oneClickCartSuccess{
    color: green;
    font-size: 15px;
    padding: 40px 30px;
    text-align: center;
}

.formSection {
    background: #ebebe5;
    /*height:39px;*/
    line-height:39px;
    padding:0 7px;
}

.formSection .sectionListBlock{
    display: inline;
}

.formPickUpTypeWrapper{
    margin-top: 20px;
    margin-bottom: 20px;
}

.formTable {
    border-collapse: collapse;
    width:100%;
    /*margin-bottom:40px; kruf отступ в заказе после цены*/
}



.formTable .row {
    margin-bottom:15px;
}

.formTable .row .caption {
    color:#939384;
    font-size:14px;
    margin-bottom:3px;
}

.formTable input.has-error {
    border:2px solid #f9c1c1;
}

.formTable .form-error {
    color:red;
}

.formTable .formFieldError {
    font-size:12px;
    color:red;
}

.formTable tr .key,
.formTable tr .value,
.formTable tr .valueFix {
    padding:12px 0;    /* было по 18px kruf*/
    /*border-bottom:1px dashed #dcdcc9;*/
    vertical-align:middle;
}



.formTable .noBottomLine .key, 
.formTable .noBottomLine .value {
    border-bottom:none;
}

.formTable .value.fixedRadio.topPadd{
    width: 40px;
}

.formTable tr .key {
    width:160px;
    font-size:14px;
	font-weight:bold;
}

.formTable .help {
    color: #939384;
    font-size:12px;
    padding-top: 5px;
}

/*
.formTable input {
    /*height: 15px;*/
    /*line-height: 20px;*/
    padding:3px 5px;
    border: 2px solid #dcdcc9;
    /*width: 15px;*/
    /*box-shadow: 0 1px 2px 0 rgba(0,0,0,.15) inset,0 1px 0 0 rgba(255,255,255,.35);*/
    background-color: rgb(231, 255, 223);
}
*/

.formTable input[type=radio] {
    border:none;
}

.formTable select {
    height:32px;
    line-height:32px;    
    padding:7px 5px 7px 0;
    border:1px solid #dcdcc9;
}

.formTable .inline {
    float:left;
    margin-left:10px;
}

.formTable .inline.f {
    margin-left:0;
}

.formSuccessText {
    border:1px solid #f29b30;
    padding:20px;
}

.w300 {
    width:300px;
}

.ml10 {
    margin-left:10px;
}

.formResult.success {
    padding:10px;
    margin-bottom:10px;
    border:1px dashed #229325;
    color: #229325;
}

.formSection {
    font-size:12px;
}

.formSection .inline *{
    vertical-align:middle;
}

.formSectionTitle {
    padding:7px 10px;
    background: white;
    border-radius:13px;
    color: #14a6a4;
}

.formSave {
    background: #5FB31C;
    border:none;
    width:300px;
    display:block;
    padding:15px 0;
    color: white;
    margin:0 auto;
    margin-top:20px;
    cursor:pointer;
    text-align:center;
}

.formSave:hover {
    background: #4EA20B;
    color: white;
}

.ib {
    display:inline-block;
    vertical-align:middle;
}

.userProfile .organization {
    display:none;
}

.userProfile .thiscompany .organization {
    display:table-row-group;
}

.formTable input[type=checkbox], label {
    vertical-align:middle;
}

.forgotPassword {
    float:left;
    line-height:30px;
}

.authorization .forgotPassword {
    float:left;
    font-size:14px;
}

.authorization .forgotPassword span {
    border-bottom:1px dashed #000;
}

.authorization .error {
    color: red;
}

.authorization .dialogForm .error {
    background: #f22e2e;
    color: white;
    text-align:center;
    font-size:14px;
    padding:5px;
    margin-bottom:4px;
}

.authorization .dialogForm .login,
.authorization .dialogForm .password {
    border:1px solid #dcdcc9;
    width:100%;
    height:32px;
    margin-bottom:20px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

.authorization .dialogForm .def-value {
    text-align:center;
}

.authorization .rememberBlock {
    height:38px;
    line-height:38px;
    float:left;
}

.authorization .rememberBlock input,
.authorization .rememberBlock label {
    vertical-align:middle;
}

.authorization .floatWrap label {
    font-size:11px;
}

.authorization .floatWrap button {
    float:right;
    background: #5FB31C;
    border:none;
    color: white;
    padding:0 40px;
    height:38px;
    line-height:38px;
}

.authorization .floatWrap button:hover {
    background: #4EA20B;
}

.authorization .noAccount {
    border-top:1px dashed #c7c7bc;
    margin-top:30px;
    padding-top:18px;
    text-align:center;
    font-size:12px;
    color: #939384;
    margin-bottom:5px;
    line-height:22px;
}

.authorization .noAccount a {
    color: #939384;
    border-bottom:1px dashed #939384;
}

.authorization .noAccount a:hover {
    color:#2bbfbd; 
    border-bottom:none;
}

.authorization .recoverText {
    background: #ebebe5;
    padding:10px;
    font-size:12px;
    margin-bottom:20px;
    position:relative;
}

.authorization .recoverText i {
    width:12px;
    height:6px;
    background: url(../img/gray_corner_up.png) no-repeat;
    position:absolute;
    left:10px;
    top:-6px;
}

.authorization .recoverText.success {
    background: #f29b30;
    color: white;
}

.authorization .recoverText.success i {
    background-image: url(../img/orange_corner_up.png);
}

.authorized,
.authorized a {
    color: #fff; /* цвет текста авторизации на главной kruf*/
    font-size:14px;
}

.authorized a:hover {
    color:#fff;
}

.authorized .top {
    padding-top:14px;
    padding-left:5px;
    padding-right:3px;
    margin-left: 0;
    float:left;
    width:90%;
}

.top2 {
    padding-top:14px;
    padding-left:5px;
    padding-right:10px;
    margin-right: 10px;
    float:left;
    width:61%;
    color:white;
    text-align: right;
    background: url(../img/borderregion.png) no-repeat right 17px;
}

.top33 {
    padding-top:10px;
    color:white;
    text-align: left;
    line-height: 25px;
}

.top33 a {
    color:white;
    border-bottom: 1px dashed #a4aaaa;
}

.top33 a:hover {
    border-bottom:none;
}

.authorized .bottom {
    width:55px;
    padding-top:14px;    
    float:right;
    width:28%;
    display:none;
}

.authorized .user {
    margin-left:6px;
    white-space:nowrap;
    display:block;
    height:17px;
    overflow:hidden;
    position:relative;
}

.authorized .user .balance {
    margin-right:10px;
    white-space:nowrap; 
    float:left;
}

.authorized .user .username {
    float:left;
}

.authorized .my .dropdown {
    display:none;
}

.authorized .my .dropdown li a{
    padding:5px;
    display:block;
    color: #222;
}

.authorized .my .dropdown li a:hover {
    background: #297CCD; /*цвет выделения авторизация kruf*/
    color: white;
}

.authorized .my {
    margin-top:4px;
    position:relative;
    height:30px;
}

.authorized .my .dropblock {
    position:absolute;
}

.authorized .my .dropdown-handler {
    background: url(../img/down.png) no-repeat center right;
    display:block;
    padding:6px 30px 6px 6px;
    white-space:nowrap;
}

.authorized .exit {
    color: #fff;
}

.authorized .mail {
    height:17px;
    padding-left:36px;
    background: url(../img/messages.png) no-repeat left center;
    margin-top:10px;
    display:block;
}

.authorized .dropblock:hover  {
    background: white;
    z-index:3;
    box-shadow:0 2px 6px #aaa;
    -moz-box-shadow:0 2px 6px #aaa;
    -webkit-box-shadow:0 2px 6px #aaa;
}

.authorized .dropblock:hover .dropdown-handler {
    color: #939384;
}

.authorized .dropblock:hover .dropdown {
    display:block;
    border-top:1px solid #ccc;
}

.pageError {
    padding:10px;
    margin-bottom:10px;
    border:1px dashed red;
    ackground: #edb9b9;
    color: red;
    margin-bottom:20px;
}

/* Оформление заказа */

.checkoutSteps li{
    float:left;
    padding-top:9px;
    margin-right:9px;
    padding-right:19px;
    background:url(../img/arrow_right.png) no-repeat right center;
    position:relative;
    height:63px;
}

.checkoutSteps li.already {
    background:url(../img/arrow_right_act.png) no-repeat right center;
}

.checkoutSteps .confirm.already {
    background: none;
}

.checkoutSteps .confirm {
    margin-right:0;
    padding-right:0;
    background:none;
}

.checkoutSteps .item {
    display:block;
    padding:5px 9px;
    margin:1px;
    cursor:default;
}

.checkoutSteps .already a.item {
    cursor:pointer;
}

.checkoutSteps .already a.item:hover .title{
    color: #FFFF69;
}

.checkoutSteps .act .item {
    border:1px solid #fff;
    border-radius:20px;    
    margin:0;
}

.checkoutSteps .icon {
    width:45px;
    height:42px;
    background: url(../img/checkout.png) no-repeat top left;
    display:inline-block;    
    vertical-align: middle;    
}

.checkoutSteps .delivery .icon { background-position:-45px 0; }
.checkoutSteps .payment .icon { background-position:-90px 0; }
.checkoutSteps .confirm .icon { background-position:-135px 0; }

.checkoutSteps .address.already .icon { background-position:0 -42px; }
.checkoutSteps .delivery.already .icon { background-position:-45px -42px; }
.checkoutSteps .payment.already .icon { background-position:-90px -42px; }
.checkoutSteps .confirm.already .icon { background-position:-135px -42px; }

.checkoutSteps .title {
    color: #fff;
    font-size:12px;
    display:inline-block;
    vertical-align: middle;
}

.checkoutSteps .already .title {
    color: #F9CD00;
}

.checkoutSteps .act .corner {
    width:18px;
    height:10px;
    background: url(../img/checkout_corner.png) no-repeat top left;
    display:block;
    position:absolute;
    bottom:-10px;
    left:50%;
    margin-left:-18px;    
}

.headerCheckout {
    margin-bottom:20px;
}

.existsAddress {
    background: #DFDFD5; 
    padding:10px;
}

.deleteAddress{
    display: inline-block;
    vertical-align: middle;
    background: url(../img/close.png) no-repeat top left;
    width:11px;
    height:11px;
    margin-left: 5px;
    cursor: pointer;
}

.clearLeft {
    clear:left;
    height:0;
    font-size:0;
}

.orderInfo.fullwidth,
.cartInfo.fullwidth {
    float:none;
    width:auto;
    margin-right:0;
}


.orderInfo {
    float:right;
    background: #f0f0f0;
    padding:20px;
    width:330px;
    margin-bottom:20px;
    border: 1px solid #E8E8E8;
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.1);
}

.orderInfo .section {
    margin-top:15px;
}

.orderInfo .section a{
    text-decoration:underline;
}

.orderInfo .section a:hover{
    text-decoration:none;
}

.orderInfo .section.first {
    margin-top:0;
}

.orderInfo .section li {
    padding:5px 0;
    border-bottom:1px dashed #aaa;
    font-size:14px;
}

.orderInfo .section .key {
    color: #585858;
    font-family: impact;
}

.orderInfo .section.last li {
    border-bottom:none;
}

.cartInfo {
    margin-right:390px;
}

.cartInfo .errorNum {
    font-size:12px;
    color: red;
}

.orderBasket {
    width:100%;
}

.orderBasket .multioffersWrap{
   margin-top: 5px; 
}

.orderBasket td{
    padding:4px;    
}

.orderBasket .amountCell{
    width: 110px;
}

.orderBasket .totalPriceCell{
    width: 160px;
}

.orderBasket .head td {
    background: #F29B30;
    padding:7px 5px;
    color: white;
    font-size:14px;
}

.orderBasket tbody td{
    border-bottom:1px solid #E0E0D7;
    vertical-align: middle;
}

.orderBasket .summary td {
    white-space:nowrap;
    border-top:3px solid #2BBFBD;
    font-weight:bold;
    font-size:20px;
    padding-top:8px;
    padding-bottom:8px;
}

.orderBasket .bold .price{
    font-weight:bold;
}

.orderBasket .additional td {
    background: white;
    border:none;
    border-top:1px dotted #E0E0D7;
    color: #444;
}

.orderBasket .additional .first td {
    border-top:3px solid #E0E0D7;
}

.orderBasket .codeLine{
    font-size:12px;
    color: #939384;
    padding:4px 0;
}

.orderBasket .codeLine .value {
    font-weight:bold;
}

.orderBasket .priceBlock {
    font-weight:bold;
}

.orderBasket .discount {
    color: green;
    font-size: 12px;
}

.orderComment textarea{
    width:99%;
    height:80px;
}

.mb10 {
    margin-bottom:20px;
    font-size: 14px;
}

.underline {
    text-decoration:underline;
}

.underText a {
    text-decoration:underline;
}

.orderList {
    width:100%;
}

.orderList thead th{
    background: #ebebe5;
}

.orderList thead th {
    padding:10px 0;    
}

.orderList td {
    border-bottom:1px solid #dcdcc9;
    padding:20px 0;
    vertical-align:middle;
}

.orderList .date {
    color: #939384;
    font-size:12px;
}

.orderList .products .image {
    background:white;
    padding:4px;
    display:inline-block;
    line-height:36px;
    height:36px;
    width:36px;
    text-align:center;
    margin-bottom:2px;
    margin-right:7px;
    float:left;
}

.orderList .products .title {
    font-size:14px;
    color: #222;
}

.orderList .products .title:hover {
    color: #14a6a4;
}

.orderList .price {
    font-size:18px;
    font-weight:bold;
}

.orderList .statusItem {
    padding:7px;
    line-height:32px;
    color: white;
    font-size:12px;
    white-space: nowrap;
}

.orderList .actions a {
    color: #14a6a4;
    font-size:12px;
}

.orderList .actions a:hover {
    color: #222;
}

.orderList .actions .more {
    background: url(../img/arrow_right_act.png) no-repeat right center;
    padding-right:15px;
    font-size:14px;
}

.orderList .multioffersWrap{
    font-size: 11px;
    color: gray;
    margin-top: 5px;
}

.moreItems .items,
.moreItems .collapse {
    display:none;
}

.moreItems .expand,
.moreItems .collapse {
    color: #14a6a4;
}

.moreItems .expand:hover,
.moreItems .collapse:hover {
    color: #222;
}

.moreItems.on .items,
.moreItems.on .collapse {
    display:block;
}

.moreItems.on .expand {
    display:none;
}

.orderList td {
    padding-left:5px;
    padding-right:5px;
}

.orderList .products li {
    overflow:hidden;
}

.viewOrder .statusItem {
    /*float:right;*/
    padding:14px 20px;
    line-height:60px;
    color: white;
    font-size:12px;
    white-space: nowrap;    
}

.fright {
	font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}

.fright > a {
	color:#14A6A4;
}

.fright > a:hover {
	color:black;
}

.viewOrder .formTable .key {
    width:auto;
}

.viewOrder .products {
    background: white;
    position:relative;
    margin-bottom:20px;
}

.viewOrder .products .control {
    position:absolute;
    top:50%;
    margin-top:-10px;
    background: url(../img/prev.png) no-repeat;
    width:13px;
    height:18px;
    display:block;    
}

.viewOrder .products .prev {
    background: url(../img/prev.png) no-repeat;
    left:10px;    
}

.viewOrder .products .next {
    background: url(../img/next.png) no-repeat;
    right:10px;    
}

.viewOrder .products .control:hover {
    background-position:0 -19px;
}

.viewOrder .products .control.disabled,
.viewOrder .products .control.disabled:hover {
    opacity:0.3;
    background-position:0 0;
    cursor:default;
}

.viewOrder .products .itemsWrap {
    margin:0 45px;
    overflow:hidden;
    padding:13px 0;
    position:relative;
}

.viewOrder .products .items {
    width:10000px;
    position:relative;
}

.viewOrder .products .items li {
    float:left;
    width:220px;
    margin-right:20px;
}

.viewOrder .products .items li .image {
    height:200px;
    display:block;
    line-height:200px;
    vertical-align:middle;
    text-align:center;
}

.viewOrder .products .items li .title {
    margin-top:5px;
    font-size:14px;
    display:block;
}

.viewOrder .products .items .keyval {
    font-size:12px;
    margin-top:5px;
}

.viewOrder .products .items .keyval .key {
    color: #939384;
}

.viewOrder .products .items .keyval li {
    padding:2px 0;
}

.viewOrder .formTable .key {
    color: #939384;
}

.viewOrder .formTable tr .key,
.viewOrder .formTable tr .value {
    padding:12px 5px;
}

.viewOrder .summary .key,
.viewOrder .summary .value
 {
    border-bottom: none;
    background: #549145;
    color: white;
    font-weight: bold;
    font-size: 18px;
}

.viewOrder .userText {
    background: #EBEBE5;
    padding:10px;
    margin-top:10px;
}

.viewOrder .repeatOrder {
    margin-bottom: 20px;
}
.paymentDocuments {
    background: #E0E0E0;
    padding:20px;
    margin-bottom:20px;
}

.paymentDocuments h3 {
    margin-bottom:10px;
    font-size:20px;
}

.paymentDocuments .docsList {
    list-style:square;
    padding-left:15px;
    margin-top:20px;
}

.paymentDocuments .docsList a{
    text-decoration:underline;
}

input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
    /*-webkit-appearance: none;
    -moz-appearance: none; /* mobile firefox too! */
    border: 1px solid #DCDCC9;
    height: 2.4em;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.blockWizard {
    position:relative;
    padding:10px;
    margin:20px 0;
    border:1px dashed #939384;
}

.blockWizard .back{
    background: white;
    opacity:0.5;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:0;
}

.blockWizard .title {
    text-align:center;
    position:relative;
    color: #808080;
    font-size:18px;
}

.blockWizard.blockLeft .title {
    text-align:left;
}

.blockWizard .title img {
    margin-right:10px;
}

.blockWizard .title * {
    vertical-align:middle;    
}

.blockWizard .do {
    position:relative;
    visibility:hidden;
    text-align:center;
    margin-top:20px;
}

.blockWizard:hover {
    box-shadow:0 0 10px #ccc;
    -moz-box-shadow:0 0 10px #ccc;
    -webkit-box-shadow:0 0 10px #ccc;
}

.blockWizard:hover .do {
    visibility:visible;
}

.blockWizard.noBack {
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}

.blockWizard .do li {
    display:inline-block;
}

.blockWizard .do li a {
    display:block;
    border:1px solid #dcdcc9;
    padding:13px;
    margin:2px 0;
    font-size:14px;
}

.blockWizard .do li a:hover {
    background: #cfcfb7;
    border-color: #cfcfb7;
    color: white;
}

.blockWizard.noBack {
    border:none;
}

.blockWizard.noBack .back {
    display:none;
}

.blockWizard.blockSmall {
    padding:0;
}

.blockWizard.canEdit.blockSmall:hover .title {
    visibility:hidden;
}

.blockWizard.blockSmall .do {
    margin-top:0;
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    text-align:left;
}

.blockWizard.noBack .do a {
    color: #939384;
    background: white;
}

.blockWizard.noBack .do a:hover {
    background: white;
    color: #2bbfbd;
}

.blockWizard.blockSmall .middle {
    text-align:left;
}


.blockLogo {
    margin-top:10px;
    height:50px;
}

.blockLogo .title {
    margin-top:10px;
}

.blockMenu {
    height:30px;
    margin:2px 0 0;
}

.blockWizard.blockMenu .do {
    left:auto;
}

.blockWizard.blockMenu .do a {
    padding:0 5px;
    white-space:nowrap;
    line-height:28px;
    height:28px;
    border:none;
}

.blockLastNews .outer,
.blockBannerView .outer,
.blockCategory .outer {
    height:300px;
}

.blockTopProducts .outer {
    height:500px;
}

.outer {overflow: hidden; position: relative; width:100%}
.outer[class] {display: table; position: static;}

.middle {position: absolute; top: 50%; width:100%; text-align:center} /* for quirk explorer only*/
.middle[class] {display: table-cell; vertical-align: middle; width: 100%; position: static;}

.inner {position: relative; top: -50%} /* for quirk explorer only */
.inner[class] {position: static;}

.balanceLine {
    overflow:hidden;
}

.balanceLine .balance {
    background: #ebebe5;
    width:49%;
    padding:10px 0;
    float:left;
}

.balanceLine .balance .cap {
    margin-left:10px;
    color: #939384;
}

.balanceLine .addfunds {
    float:right;
    width:50%;
}

.balanceLine .addfunds a {
    background: #5FB31C;
    border:none;
    padding:10px 0;
    color: white;
    cursor:pointer;
    text-align:center;    
    display:block;
}

.balanceLine .addfunds a img {
    margin-right:10px;
}

.balanceLine .addfunds a:hover {
    background: #4B9F08;
    color: white;
}

.balanceTable thead th{
    font-size:12px;
}

.tcost {
    /*background: none repeat scroll 0 0 #2b71bf;*/
    color: white;
    display: inline-block;
    font-size: 14px;
    height: 29px;
    line-height: 29px;
    padding: 0 8px;
    position: relative;
}

.balanceTable .reason {
    font-size:14px;
}

.reserveForm {
    overflow:hidden;
}

.reserveForm .infotext {
    /*color: #939384;*/
    font-size:20px;
    margin:10px 0;    
}

.reserveForm .prodtitle {
}

.reserveForm button {
    float:right;
}

.reserveForm label {
    display:block;
    font-size:12px;
    margin-bottom:3px;
}

.reserveForm .inp {
    border:1px solid #dcdcc9;
    
    box-sizing: border-box;
    -moz-box-sizing: border-box; /*Firefox 1-3*/
    -webkit-box-sizing: border-box; /* Safari */
    
    width:99%;
    height:30px;
}

.reserveForm .formTable .amount {
    width:80px;
    text-align:center;
}

.reserveForm .formTable .kaptcha {
    width:120px;
}

.reserveForm .unobtainable {
    display:none;
}

.disabled .reserveForm .unobtainable {
    float:none;
    display:inline-block;
}

.sbutton {
    background: #2bbfbd;
    border:none;
    color: white;
    padding:0 40px;
    height:38px;
    line-height:38px;
}

.sbutton:hover {
    background: #049d9b;
}

.reserveForm .qpicker {
    display:inline-block;
    vertical-align:middle;
    width:20px;
}

.reserveForm .qpicker .inc {
    display:block;
    width:15px;
    height:9px;
    background: url(../img/inc.png) no-repeat;
}

.reserveForm .qpicker .dec {
    display:block;
    width:15px;
    height:9px;
    background: url(../img/dec.png) no-repeat;
    margin-top:11px;
}

.reserveForm .qpicker .inc:hover,
.reserveForm .qpicker .dec:hover {
    background-position: 0 -9px;
}

.reserveForm .error {
    background: #f22e2e;
    color: white;
    text-align:center;
    font-size:14px;
    padding:5px;
    margin-bottom:4px;
}

#colorbox .dialogTable,
#colorbox .dialogTable tbody,
#colorbox .dialogTable tr,
#colorbox .dialogTable td
{
    width:100%;
    display:block;
    padding:0;
    margin:0;
    border:none;
}

#colorbox .dialogTable .key {
    font-size:12px;
    margin-bottom:3px;    
}

#colorbox .dialogTable .value {
    margin-bottom:15px;
}

#colorbox .dialogTable .inp {
    width:99%;
}

#colorbox .dialogTable .formSave {
    margin:0;
}

.dialogTitle {
    display:none;
}

.prodtitle {
    font-size:26px;
}

#colorbox .dialogTitle {
    display:inline;
}

#colorbox .prodtitle {
    font-size:16px;
}

.successPay {
    text-align: center;
}

.successPay .error{
    color: red;
}

.successPay .title {
    color: #14a6a4;
    font-size:26px;
    margin:20px 0 10px;
}

.failPay {
    text-align: center;
}

.failPay .title {
    color: red;
    font-size:26px;
    margin:20px 0 10px;
}

/* Тех. поддержка: Список топиков */

.supportTopics {
    width: 100%;
    margin-bottom:30px;
}

.supportTopics thead td {
    background: #EBEBE5;
    font-size:12px;
}

.supportTopics td {
    padding: 8px;
    border-bottom:1px solid #dcdcc9;
    vertical-align:middle;
}

.supportTopics .dateCol {
    width:100px;
    font-size:12px;
    color: #939384;
}

.supportTopics .toolsCol {
    width:25px;
}

.supportTopics .remove {
    width:20px;
    height:20px;
    background: url(../img/x.png) no-repeat center center;
    display:block;
}

.supportTopics .remove:hover {
    background-color: #DCDCC9;
}

.supportForm {
    background-color: #FCF8E3;
    padding: 1px 10px 3px 15px;
    /*padding: 3px 25px 24px 24px;*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position:relative;
    border: 1px solid #DCDCC9; /*kruf добавил границу форме для сообщений и отзывов*/
}

select#topic_id {
    border: 1px solid #DCDCC9;
    height: 35px;
    padding: 5px 5px 5px 0;
}

#newtopic {
    margin-top:10px;
}

.supportForm .newtopic {
    width:97%;
}

.supportTopics .msgCount .text {
    display:none;
}

.nothing {
    padding-top:140px; 
}

.nothing div{
    color: #026885; 
    text-align:center; 
    font-size:20px; 
    width:420px;
    margin:0 auto;
}

/* Тех. поддержка: Диалог */

.supportChat {
    margin-top:15px;
}

.supportChat .quest,
.supportChat .answer {
    margin-bottom:15px;
}

.supportChat .quest {
    background: white;
    padding: 9px 16px 15px;
}

.supportChat .quest .date span{
    background: #a6a6a6;
    padding:4px 5px;
    color: white;
    font-size:11px;
}

.supportChat .answer .date,
.supportChat .quest .date {
    overflow:hidden;
    padding:4px 0;
    margin-bottom:7px;
}

.supportChat .text {
    color: #444;
    font-size:14px;
}

.supportChat .answer {
    background: #cfcfc3;
    margin-left:15px;
    padding:7px;
    position:relative;
}

.supportChat .answer .tip {
    position:absolute;
    top:-11px;
    left:5px;
    
    background: url(../img/supporttip.png) no-repeat top left;
    width:11px;
    height:11px;
}

.supportChat .answer .date span{
    background: #8c8c79;
    padding:4px 5px;
    color: white;
    font-size:11px;
}

.supportChat .answer .img {
    float:left;
    margin-right:8px;
    margin-bottom:5px;
}

.supportBlock .cbutton{
    margin-top:10px;
}

.adaptForm .wideForm {
    margin:5px 0 20px;
}

.adaptForm .wideForm textarea {
    width:99%;
    border: 1px solid #d4d4d4;
    padding: 7px 4px;
    box-shadow: inset 0 1px 4px rgba(0,0,0,.1);
    font-family: Arial;
}

.adaptForm .wideForm textarea:focus {
    border:1px solid #F29B30;
}

.supportForm .corner {
    width:14px;
    height:7px;
    background: url(../img/whitecorner.png) no-repeat;
    position:absolute;
    top:-7px;
    left:20px;
}

.licAgreement {
    text-decoration:underline;
}

#colorbox .licenseAgreementViewport {
    max-height:400px;
    overflow:auto;
}

.confirmPayTable {
    width:100%;
}

.confirmPayTable td{
    padding:10px;
    border-bottom:1px solid #DCDCC9;
}

.confirmPayTable .key {
    width:25%;
    font-size:14px;
}

.feedbkForm{
    margin-top: 10px;
}

.feedbkFormName {
    font-size:22px;
    margin-bottom:10px;
}

.feedbkForm .feedTextArea{
    width: 350px; 
    height: 120px;
    border: 1px solid #DCDCC9;
}

.sideBanners .banner {
    background: white;
    text-align:center;
    margin-bottom:20px;
}

.sideBanners .banner img{
    max-width:100%;
}

.bannerSlider {
    position:relative;
    margin-bottom: 15px;
}

.bannerSlider .banners {
    position:relative;
}

.bannerSlider .banners .item {    
    display:none;    
}

.bannerSlider .banners .transform {
    position:absolute;
    top:0;
    left:0;
    width:100%;    
}

.bannerSlider .banners .item img {
    max-width:100%;
}

.bannerSlider .banners .item.act {
    display:block;
}

.bannerSlider .pages {
    position:absolute;
    right:10px;
    bottom:10px;
}

.bannerSlider .pages a {
    width:10px;
    height:10px;
    display:inline-block;
    background: white;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow:1px 1px 1px #ACACAC;
    -moz-box-shadow:1px 1px 1px #ACACAC;
    -webkit-box-shadow:1px 1px 1px #ACACAC;
    margin-right:3px;
}

.bannerSlider .pages a.act {
    background: #C70D10;
}

.oneClickWrapper .pageError {
    margin-bottom:0;
}

.logoService {
    
    margin-right:10px;
    margin-bottom:5px;
}

.middleBox {
    display:inline-block;
    *display:inline;
    zoom:1;    
    vertical-align:middle;
    width:80%; /* kruf */
}

.formTable .checkoutPriceCol {
    text-align:right;
}

.previewList .gallery ul {
    list-style:none;
    padding:0;
}

/* подпись к категориям kruf*/
.categoryDescription {
   font-size: 14px;
    margin-bottom: 6px;
    color: #444444;
}
/* подпись к категориям kruf*/
.searchCityItems{
    background: white;
    position:absolute;
    z-index:15;
    box-shadow:0 2px 4px #999;
    -moz-box-shadow:0 2px 4px #999;
    -webkit-box-shadow:0 2px 4px #999;
}

.searchCityItems li {
    overflow:hidden;
    border-bottom:1px solid #EBEBE5;
    position:relative;
}

.searchCityItems li a {
    display:block;
    padding:5px;
    color: black;
}

.searchCityItems li a.ui-state-focus {
    background: #EBEBE5;
    color:black;
}

.searchItems {
    background: white;
    position:absolute;
    z-index:15;
    box-shadow:0 2px 4px #999;
    -moz-box-shadow:0 2px 4px #999;
    -webkit-box-shadow:0 2px 4px #999;
}

.searchItems li {
    overflow:hidden;
    border-bottom:1px solid #EBEBE5;
    position:relative;
}

.searchItems li .image {
    width:62px;
    height:62px;
    float:left;
    text-align:center;
    line-height:62px;
    padding:5px;
    background: url(../img/loading.gif) no-repeat center center;
}

.searchItems li a {
    display:block;
    margin-left:70px;
    padding:5px;
    min-height:62px;
    color: black;
}

.searchItems li a.noimage{
    margin-left: 0px;
    min-height: inherit;
}

.searchItems li a.ui-state-focus {
    background: #EBEBE5;
    color:black;
}

.searchItems li a .label,
.searchItems li a .barcode,
.searchItems li a .price,
.searchItems li a .preview{
    display:block;
    font-size:14px;
}

.ui-corner-all .price {
    color:#0066AC;
}

.searchItems li a .label,
.searchItems li a .barcode {
    padding-bottom:3px;
}

.searchItems li a .barcode {
    font-style: italic;
    color: #585858;
}

.searchItems li.allSearchResults{
    text-align: center;
    font-weight: bold;
}

.rememberBox {
    margin-top:10px;
}
.multiComplectations .leftColumn{
    width: 48%;
    padding-right:2%;
    float: left;
    border-right:1px solid #F0F0F0;
}

.multiComplectations .inform {
    float:right;
    width:45%;
}

.multiComplectations .inform .packages {
    font-size:14px;
}

.multiComplectations .fn {
    font-size:26px;
    margin-bottom:15px;
}

.multiComplectations .image{
    width: 310px;
    line-height:310px;
    text-align: center; /*kruf не было выравнивания*/
}

.multiComplectations .mainPicture{
    max-height: 100%;
    max-width: 100%;
}

.multiComplectations .barcode{
    margin-bottom: 15px;
    font-size:12px;
}

.multiComplectations .descr {
    font-size:13px;
    margin:14px 0;
}

.multiComplectations .concomitantTitle,

.multiComplectations .pname{
    margin-bottom: 10px;
    display: block;
    color: #939384;
}

.multiComplectations .fcost {
    font-size:24px;
}

.multiComplectations .hidden{
    display: none;
}

.brandPage article p {
    margin-top:0;
}

.brandLine{
    overflow: hidden; 
    position: relative;
    margin-top: 10px;
}

.brandall{
    font-size: 12px;
    text-align: center;
    margin-top: 7px; 
}

.brandLine ul {
    overflow: hidden;
    width: 103%;
    padding:2px;
}

.brandLine ul li{
    background: white;
    float: left;
    height: 72px;
    line-height: 72px;
    margin-bottom: 3px;
    margin-right: 1.31391%;
    position: relative;
    text-align: center;
    width: 31.4798%;
    overflow:hidden;
}

.brandLine ul li:hover {
    outline:1px solid #CDCDC3; /* обводка у просмотренных товаров kruf */
}

.brandLine .onemore {
    margin-top:5px;
}

.brandLine ul li img {
    max-width: 100%;
    max-height:100%;
    vertical-align: middle;
}

.brandPage h1{
    font-size: 21px;
    font-weight: normal;
    margin-bottom:10px;  
}

.brandPage .description{
    overflow: hidden;
    margin-bottom: 20px;
}

.brandPage .mainImage{
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.brandList{
    overflow: hidden;
}

.brandList .list{
    display: inline-block;
    float: left;
    width: 25%;
    overflow: hidden;
}

.brandList .list .letter{
    margin-bottom: 20px;
    overflow: hidden;
}

.brandList .list .letter .lColl{
    float: left;
    width: 20px;
}

.brandList .list .letter .rColl{
    float: left;
    width: 80%;
    border-left:2px solid silver;
    padding-left: 5px;
}

.brandDirs .cats {
    overflow:hidden;
}

.brandDirs .cats sup {
    color: #aaa;
}

.brandDirs .cats a {
    background: url(../img/cat.png) no-repeat left center;
    padding-left:25px;
    font-size:14px;
}

.brandDirs .cats li {
    padding:3px 0;
}

.brandDirs .cats.col2 li {
    display:inline-block;
    width:49%;
}               

.brandDirs .cats.col3 li {
    display:inline-block;
    width:33%;
}

.brandList .oneBrand {
    display:inline-block;
    text-align:center;
    margin:10px 10px;
    width:195px;
    vertical-align:top;
}

.brandList .oneBrand a {
    background: white;
    display:block;
}

.brandList .oneBrand a span {
    display:block;
    margin-top:5px;
    border-top:1px solid #ddd;
    padding:3px;
}

.tabProducts .tabFrame{
    display: none;
}

.tabProducts .tabFrame.act{
    display: block;
}

.tabProducts .tabList{
    display: block;
    margin-bottom: -2px;
    overflow: hidden;
}

.tabProducts .tabList li{
   display: inline-block;
   /*float: left;*/ 
}

.tabProducts .tabList li a{
   display: inline-block;
   line-height: 40px;
   padding-left: 10px; 
   padding-right: 10px; 
   margin-bottom: -1px;
   margin-left: 10px;
   
}

.tabProducts .tabList li a.act{
   border: 1px solid #dcdcc9; 
   border-bottom: 1px solid white; 
   background-color: #ebebe5;
}

.tabProducts .botLine{
   clear: both;
   height: 1px;
   border-bottom: 1px solid #dcdcc9; 
   margin-bottom: 10px;
}

.warehouseCard h1{
    font-size: 26px;
    font-weight: normal;
    margin-bottom: 10px;
}

.warehouseCard .warehouseMap{
    width:100%;
    height: 500px;
    margin-top: 10px;
    background:white url(../img/loading.gif) no-repeat center center;
}

.warehouseCard .warehouseDesc{
    margin-bottom: 10px;
    overflow: hidden;
}

.warehouseCard .warehouseDesc .mainImage{
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
}

.warehouseCard .warehouseInfo {
    font-size: 14px;
    clear: both;
    margin:17px 0;
    background:white;
    padding:25px;
    overflow:hidden;
}

.warehouseCard .warehouseInfo .address,
.warehouseCard .warehouseInfo .phone,
.warehouseCard .warehouseInfo .worktime {
    width:33%;    
    float:left;
    font-size:12px;
    text-align:center;
}

.warehouseCard .warehouseInfo i {
    background:url(../img/warehouse.png) no-repeat top left;
    display:block;
    float:left;    
}

.warehouseCard .warehouseInfo .center {
    display:inline-block;
    text-align:left;
}

.warehouseCard .warehouseInfo .address i {
    width:42px;
    height:44px;
}

.warehouseCard .warehouseInfo .phone i {
    width:44px;
    height:44px;
    background-position:-42px 0;
}

.warehouseCard .warehouseInfo .worktime i {
    width:43px;
    height:44px;
    background-position:-86px 0;
}

.warehouseCard .warehouseInfo .title {
    margin-left:50px;
    font-weight:bold;
    margin-bottom:5px;
}

.warehouseCard .warehouseInfo .value {
    margin-left:50px;
    
}

.telephon {
    border: 1px solid green;
    color: white;
}

.overTopNav {
    height: 3px;
    background-color: #DE2A1B;
}

.navContainer {
    border-bottom: 1px solid #A30505;
background: #c40c0f; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0MGMwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2M0MGMwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2JmMDcwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #c40c0f 0%, #c40c0f 49%, #bf070a 52%, #af0000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c40c0f), color-stop(49%,#c40c0f), color-stop(52%,#bf070a), color-stop(100%,#af0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c40c0f 0%,#c40c0f 49%,#bf070a 52%,#af0000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c40c0f 0%,#c40c0f 49%,#bf070a 52%,#af0000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c40c0f 0%,#c40c0f 49%,#bf070a 52%,#af0000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c40c0f 0%,#c40c0f 49%,#bf070a 52%,#af0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c40c0f', endColorstr='#af0000',GradientType=0 ); /* IE6-8 */
}

#order_login {
    font-size: 18px;
    padding: 7px 20px;
    background: #5FB31C;
    color:white;
    margin-top: 20px;
    display: block;
    width: 40px;
}

#order_login:hover {
    background: #4EA20B;

}

.footer_luchski {
    background: #EBEBE5;
    padding: 10px 0 35px 0;
}

.footer_luchski a:hover {
    color:#61686D;
    text-decoration: underline;
}

.footer_social {
    margin-bottom: 10px;
    color: #61686D;
}

.copyright {
    margin-top:15px;
    color:#000;
}

.adress {
    margin-left: 30px;
}

.telephone {
    margin-left: 30px;
}

.email {
    margin-left: 30px;
}

.visa {
    margin-top:15px;
    text-align: right;
}

.brand_ray {
    margin-top: 6px;
}


/*таблица на главной*/
.table_main {
    font-family:Arial;
    font-size:13px;
}
.cell_table_main {
    width:200px;
    float:left;
    margin:0 18px 18px 0;
}
.clear_table_main {
    clear:both;
}
.cell_table_main a {
    color:#0B64BC;
    margin-right: 15px;
    text-decoration: underline;
}
.cell_table_main a:hover {
    color:#DB6700;
}
.title_on_main {
    font-weight: bold;
}
/*таблица на главной*/


#important { 
    padding:5px;
    background-color: #D8E8F0;
    border: 2px solid #D8E8F0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 1.5em
}



.category_title {
    font-size:26px;
    font-weight: bold;
    margin-bottom: 4px;
}

.cap {
    font-weight: bold;
}

.offerBarcode {
    color:#939384;
}

.table_on_main {
    margin-top:20px;
    width:103%;
    height: 100px;
}

.table_on_main > li{
    float: left;
    width: 30.51317% !important;
    margin-right: 2.67392%;
    margin-bottom: 18px;
    position: relative;
    outline: 1px solid #E8E8E8;
}

.sheeplaMap{
   padding: 10px; 
}

.sheeplaMap td{
   padding: 5px; 
   font-size: 12px !important;
}


.block-colors ul .selected {
    border: 2px solid #dd0080;
    bottom: -2px;
    display: none;
    left: -4px;
    position: absolute;
    right: -2px;
    top: -4px;
}
.block-colors ul .checked .selected {
    display: block;
}

.block-colors ul {
    list-style: none outside none;
    margin: 0 18px;
    overflow: hidden;
    padding: 0;
}
.block-colors ul li {
    background: none repeat scroll 0 0 #ececec;
    float: left;
    height: 24px;
    margin: 5px;
    position: relative;
    width: 24px;
}
.block-colors ul .selected {
    border: 2px solid #dd0080;
    bottom: -2px;
    display: none;
    left: -4px;
    position: absolute;
    right: -2px;
    top: -4px;
}
.block-colors ul .checked .selected {
    display: block;
}
.block-colors ul li a {
    box-shadow: 0 0 3px silver;
    left: -1px;
    position: relative;
    top: -1px;
}

.BarcodeBlocks {
    font-size: 12px;
    color: #CACACA;
    padding: 2px 0 0 3px;
}

.recommend {
    margin-right: 5px;
}


.fotka {
    height: 120px;
    line-height: 120px;
}

.fotka img {
    vertical-align: middle;
}

.onmain {
    border: 1px solid red;
    margin-bottom: 10px;
    padding: 5px;
    background-color: rgb(126, 255, 117);
}

.cartpage_margin_select {
    height:5px;
}

.product_opacity {
    filter: alpha(Opacity=50);
    opacity: 0.5;
}

.table_asics td {
    vertical-align: middle;
}

.scost2 {
    font-weight: bold;
    font-size:18px;

}

.offer_product {
    padding:2px;
}

.importanto {
    background-color: #0078BC;
    padding:10px;
    color:white;
    border-radius: 5px;
}

.block_on_main {
    margin-top: 15px;
}

.block_on_main a {
    color:#035FAB;
    text-decoration: underline;
}

.block_on_main a:hover {
    color:#C61013;
}

.category_count {
    font-size:12px;
    color:#E7E817;
}

.category_count2 {
    font-size:12px;
    color:#989898;
}

.sizess {
    margin: 377px -6px 0px -81px;
    font-size: 12px;
    padding: 4px;
    border-top: 1px solid white;
    border-bottom: 1px solid #E8E8E8;
    border-left: 1px solid #E8E8E8;
    border-right: 1px solid #E8E8E8;
    background-color: #FFFFFF;
    color: #807E7E;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(177, 177, 177, 0.75);
    -moz-box-shadow: 0px 2px 3px 0px rgba(177, 177, 177, 0.75);
    box-shadow: 0px 2px 3px 0px rgba(177, 177, 177, 0.75);
}

.sizes {
    margin: 0 0 0 5px;
}

.multiofferr {
    font-weight: bold;
}

.key_discount {
    color:green;
    font-weight: bold;
}

#toTop {
    position: fixed;
    z-index: 9999;
    bottom: 0;
    left: 15px;
    padding: 8px 9px;
    background-color: #0d8bcd;
    color: #fff;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 3px rgba(0,0,0,0.4);
}

.hrefsizes {
    color:#147BA6;
    font-weight: bold;
    border-bottom: 1px dashed #147BA6;
}

.cdekWidjet .formSave{
    display: inline-block;
    width: auto;
    padding: 8px 20px;
    margin-top: 0px;
}

.cdekWidjet .title{
    margin-top: 20px;
    margin-bottom: 7px;
    font-size: 12px;
}

.cdekWidjet .cdekMap{
    max-width: 500px;
    height: 350px;
    margin-top: 10px;
}

.cdekWidjet .cdekAdditionalInfo{
    margin-top: 7px;
}

.cdekWidjet .cdekAdditionalInfo{
   font-size: 12px;
}

.cdekWidjet .cdekAdditionalInfo .key{
   margin-right: 5px;
   border-bottom: 0px;
}

.cdekWidjet .cdekAdditionalInfo .row{
   display: block;
   padding-top: 3px;
   padding-bottom: 3px;
   color:gray;
}

.cdekWidjet .additionalTitleInfo{
   font-size: 12px;
   margin-bottom: 10px; 
   color: gray;
}

.user_passport {
    background-color: green;
    color:black;
    font-weight: bold;
}

.title-delivery {
    color:black;
    font-size:110%;
}

.CategoryList {
    width:103%;
    /*overflow:hidden;*/
    padding-top:23px;
}

/* 3 фотографии в списке */

.CategoryList > li{
    float:left;    
    width: 30.51317%;
    margin-right: 2.67392%;
    margin-bottom:18px;
    position:relative;
    height:340px;
}

.CategoryList img {
    max-width: 100%;
    max-height: 100%;
}

.CategoryList > li .hoverBlock {
    display:none;
    background: white;
    position:absolute;
    width:100%;
    height:100%;
    right:-5px;
    top:0;
    padding:0 5px 5px 80px;       
    box-shadow:0 0 10px #ccc; 
    -moz-box-shadow:0 0 10px #ccc; 
    -webkit-box-shadow:0 0 10px #ccc; 
}

.seo_text {
    margin-bottom: 6px;
}

.d_title {
	font-weight:bold;
}

.advantage {
}

.our_advantage {
    width:103%;
}

.our_advantage > li {
    float:left;    
    width: 18%;
    margin-right: 1.8%;
    margin-bottom:3px;
    position:relative;
    height:55px;
    /*outline:1px solid lightgrey;*/
}

.icon_text {
    position: inherit;
    top: 4px;
    font-size:13px;
}

.icon_main {
    float:left;
    margin-right:5px;
}

#tooltip1 {
    z-index: 9999;
    position: absolute;
    display: none;
    top:0px;
    left:0px;
    background-color: #000;
    padding: 5px 10px 5px 10px;
    color: white;
    opacity: 0.9;
    border-radius: 5px;
    font-size: 13px;
    max-width:230px;
}

#tooltip2 {
    z-index: 9999;
    position: absolute;
    display: none;
    top:0px;
    left:0px;
    background-color: #000;
    padding: 5px 10px 5px 10px;
    color: white;
    opacity: 0.9;
    border-radius: 5px;
    font-size: 12px;
    width:100px;
}

.tooltip {
    font-size: 12px;
    cursor: help;
}

.tooltip::after {
    background: rgb(194, 0, 0);
    color: #FFF;
    content: attr(data-tooltip); /* Главная часть кода, определяющая содержимое всплывающей подсказки */
    opacity: 0; /* Наш элемент прозрачен... */
    padding: 3px 7px;
    position:absolute;
    top: -43px;
    left: -90px;
    width: 135px;
    visibility: hidden; /* ...и скрыт. */            
    transition: all 0.4s ease-in-out; /* Добавить плавности по вкусу */
    z-index: 99999;
}
        
.tooltip:hover::after {
    opacity: 1; /* Показываем его */
    visibility: visible;
}

.tooltip2 {
    font-size: 12px;
    cursor: help;
    position: absolute;
    right:0;
}

.tooltip2::after {
    background: rgb(0, 122, 190);
    color: #FFF;
    content: attr(data-tooltip); /* Главная часть кода, определяющая содержимое всплывающей подсказки */
    opacity: 0; /* Наш элемент прозрачен... */
    padding: 3px 7px;
    position:absolute;
    top: -43px;
    left: -52px;
    width: 96px;
    visibility: hidden; /* ...и скрыт. */            
    transition: all 0.4s ease-in-out; /* Добавить плавности по вкусу */
    z-index: 99999;
}
        
.tooltip2:hover::after {
    opacity: 1; /* Показываем его */
    visibility: visible;
}

.tooltip3 {
    font-size: 12px;
    cursor: help;
}

.tooltip3::after {
    background: rgb(194, 0, 0);
    border-radius: 8px 8px 8px 0px;
    color: #FFF;
    content: attr(data-tooltip); /* Главная часть кода, определяющая содержимое всплывающей подсказки */
    opacity: 0; /* Наш элемент прозрачен... */
    padding: 3px 7px;
    position:absolute;
    top:38px;
    visibility: hidden; /* ...и скрыт. */            
    transition: all 0.4s ease-in-out; /* Добавить плавности по вкусу */
    z-index: 99999;
}
        
.tooltip3:hover::after {
    opacity: 1; /* Показываем его */
    visibility: visible;
}

.tooltip4 {
    font-size: 12px;
    cursor: help;
}

.tooltip4::after {
    background: rgb(0, 122, 190);
    border-radius: 8px 8px 8px 0px;
    color: #FFF;
    content: attr(data-tooltip); /* Главная часть кода, определяющая содержимое всплывающей подсказки */
    opacity: 0; /* Наш элемент прозрачен... */
    padding: 3px 7px;
    position:relative;
    top:-25px;
    font-weight: normal;
    visibility: hidden; /* ...и скрыт. */            
    transition: all 0.4s ease-in-out; /* Добавить плавности по вкусу */
    z-index: 99999;
}
        
.tooltip4:hover::after {
    opacity: 1; /* Показываем его */
    visibility: visible;
}

.scost1 {
    font-size:25px;
}

.scost4 {
    font-size:14px;
}

.scost3 {
    font-size:35px;
}

.paginator_articles {
    clear:both;
    padding-top: 20px;
}

.linc2{
display:none;
position: absolute;
}

.CategoryList1 {
    width: 102%;
    margin-top: 9px;
}

.CategoryList1 > li {
    width: 48.5%;
    height: 210px;
    float: left;
    margin-right: 1%;
    margin-bottom: 1%;
    font-size: 18px;
    text-shadow: -1px 1px 0 rgba(65,65,65,0.25);
    text-align: center;
    padding-top: 10px;
    font-weight: bold;
    position: relative;
}

.CategoryList1 > li > a {
    color:white;
}

.CategoryList1 > li > a:hover {
    color:#FFEB3B;
}

.CategoryList1 > li > ul {
    position: absolute;
    left: 7px;
    bottom: 6px;
    text-align: left;
    line-height: 14px;
    /*display: none;*/
}

.CategoryList1 > li > a > img {
    max-width: 100%;
    max-height: 170px;
}

.CategoryList1 > li > ul > li > a {
    color:white;
    font-size: 13px;
    font-weight: normal;
}

.CategoryList1 > li > ul > li > a:hover {
    color:#FFEB3B;
}

.krossovki {
    background: #5ef3fa;
    background: -moz-radial-gradient(center, ellipse cover,  #5ef3fa 0%, #2dabbe 100%);
    background: -webkit-radial-gradient(center, ellipse cover,  #5ef3fa 0%,#2dabbe 100%);
    background: radial-gradient(ellipse at center,  #5ef3fa 0%,#2dabbe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ef3fa', endColorstr='#2dabbe',GradientType=1 );
}

.krossovki a img {
    padding:6px 0 0 80px;
}

.odezda {
    background: #70b3dc;
    background: -moz-radial-gradient(center, ellipse cover,  #70b3dc 0%, #1070b4 100%);
    background: -webkit-radial-gradient(center, ellipse cover,  #70b3dc 0%,#1070b4 100%);
    background: radial-gradient(ellipse at center,  #70b3dc 0%,#1070b4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70b3dc', endColorstr='#1070b4',GradientType=1 );
}

.odezda a img {
    padding:10px 0 0 90px;
}

.rollery {
    background: #f1bc3a;
    background: -moz-radial-gradient(center, ellipse cover,  #f1bc3a 0%, #f06934 100%);
    background: -webkit-radial-gradient(center, ellipse cover,  #f1bc3a 0%,#f06934 100%);
    background: radial-gradient(ellipse at center,  #f1bc3a 0%,#f06934 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1bc3a', endColorstr='#f06934',GradientType=1 );
}

.pitanie {
    background: #c27dd8;
    background: -moz-radial-gradient(center, ellipse cover,  #c27dd8 0%, #894bb9 100%);
    background: -webkit-radial-gradient(center, ellipse cover,  #c27dd8 0%,#894bb9 100%);
    background: radial-gradient(ellipse at center,  #c27dd8 0%,#894bb9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c27dd8', endColorstr='#894bb9',GradientType=1 );
}

.pitanie a img {
    padding:8px 0 0 55px;
}

.turizm {
    background: #bfe2a3;
    background: -moz-radial-gradient(center, ellipse cover,  #bfe2a3 0%, #729e27 100%);
    background: -webkit-radial-gradient(center, ellipse cover,  #bfe2a3 0%,#729e27 100%);
    background: radial-gradient(ellipse at center,  #bfe2a3 0%,#729e27 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfe2a3', endColorstr='#729e27',GradientType=1 );
}

.turizm a img {
    padding:18px 0 0 35px;
}

.kompressiya {
    background: #5ef3fa;
    background: -moz-radial-gradient(center, ellipse cover,  #5ef3fa 0%, #2dabbe 100%);
    background: -webkit-radial-gradient(center, ellipse cover,  #5ef3fa 0%,#2dabbe 100%);
    background: radial-gradient(ellipse at center,  #5ef3fa 0%,#2dabbe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ef3fa', endColorstr='#2dabbe',GradientType=1 );
}

.kompressiya a img {
    padding:10px 0 0 0;
}

.balls {
    background: #70b3dc;
    background: -moz-radial-gradient(center, ellipse cover,  #70b3dc 0%, #1070b4 100%);
    background: -webkit-radial-gradient(center, ellipse cover,  #70b3dc 0%,#1070b4 100%);
    background: radial-gradient(ellipse at center,  #70b3dc 0%,#1070b4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70b3dc', endColorstr='#1070b4',GradientType=1 );
}

.balls a img {
    padding:10px 0 0 0;
}

.banner-mobile {
	display:none !important;
}

.banner-desktop {
	margin-bottom:15px;
}

.main-corousel .owl-nav {
    width: 15px;
    position: absolute;
    right: 35px;
    bottom: 75px;
    z-index: 10;
}

.main-corousel .owl-nav .owl-next {
    background: url(../img/arrow.png) no-repeat center center !important;
    background-size: contain !important;
    position: absolute;
    top: 38px;
    right: -20px;
    width: 24px;
    height: 24px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 0.7;
    font-size: 0;
    transition: ease-in-out 0.3s;
}
.main-corousel .owl-nav .owl-prev {
    background: url(../img/arrow.png) no-repeat center center !important;
    background-size: contain !important;
    position: absolute;
    top: 38px;
    left: -20px;
    width: 24px;
    height: 24px;
    font-size: 0;
    opacity: 0.7;
    transition: ease-in-out 0.3s;
}
.main-corousel .owl-dots {
    height: 10px;
    width: 100%;
    position: absolute;
    bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
}
.main-corousel .owl-dot {
    background: #fff;
    border-radius: 30px;
    width: 6px;
    height: 6px;
    display: block;
    margin: 7px;
    transition: ease-in-out 0.3s;
}
.main-corousel .owl-dot:before {
    border: 1px solid transparent;
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 30px;
    margin: -3px;
}
.main-corousel .owl-dot.active:before {
    border: 1px solid #fff;
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 30px;
    margin: -3px;
}

.acsessuary {
    background: #f1bc3a;
    background: -moz-radial-gradient(center, ellipse cover,  #f1bc3a 0%, #f06934 100%);
    background: -webkit-radial-gradient(center, ellipse cover,  #f1bc3a 0%,#f06934 100%);
    background: radial-gradient(ellipse at center,  #f1bc3a 0%,#f06934 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1bc3a', endColorstr='#f06934',GradientType=1 );
}

.acsessuary a img {
    padding:8px 0 0 0;
}

.sumki {
    background: #c27dd8;
    background: -moz-radial-gradient(center, ellipse cover,  #c27dd8 0%, #894bb9 100%);
    background: -webkit-radial-gradient(center, ellipse cover,  #c27dd8 0%,#894bb9 100%);
    background: radial-gradient(ellipse at center,  #c27dd8 0%,#894bb9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c27dd8', endColorstr='#894bb9',GradientType=1 );
}

.sumki a img {
    padding:8px 0 0 0;
}

.ui-menu-item a {
color: black !important;
background-color:white !important;
padding:5px 15px 5px 0 !important;
display: block;
margin-top: -1px;
border:1px solid lightgray;
}

.ui-menu-item a:hover {
    background-color: #FCFCAA !important;
}


.concomitantBlock {
    margin-bottom: 20px;
}

.radio {
    vertical-align: top;
    width: 17px;
    height: 17px;
    margin: 11px 3px 0 0;
}
.radio + label {
    cursor: pointer;
}
.radio:not(checked) {
    /*position: absolute;*/
    opacity: 0;
}
.radio:not(checked) + label {
    position: relative;
    padding: 0 0 0 35px;
}
.radio:not(checked) + label:before {
    content: '';
    position: absolute;
    top: -3px;
    left: 0;
    width: 22px;
    height: 22px;
    border: 1px solid #CDD1DA;
    border-radius: 50%;
    background: #FFF;
}
.radio:not(checked) + label:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 4px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #9FD468;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.5);
    opacity: 0;
    transition: all .2s;
}
.radio:checked + label:after {
    opacity: 1;
}
.radio:focus + label:before {
    box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}

input[type='reset'] {
    padding: 12px 15px;
    border: none;
    border-radius: 5px;
    background: #CDD1DA;
    color: #FFF;
    cursor: pointer;
    font-size: 15px;
}
input[type='reset']:active {
    background: #BDC0CC;
}
input[type='reset']:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}



.formPickUpTypeWrapper {
    padding:10px 0;
}

/* Базовый контейнер табов */
.tabs {
    min-width: 320px;
    max-width: 1280px;
    padding: 0px;
    margin: 0 auto;
}
/* Стили секций с содержанием */
.tabs>section {
    display: none;
    padding: 15px;
    background: #fff;
    border: 1px solid #ddd;
}
.tabs>section>p {
    margin: 0 0 5px;
    line-height: 1.5;
    color: #383838;
    /* прикрутим анимацию */
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
/* Описываем анимацию свойства opacity */
 
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/* Прячем чекбоксы */
.tabs>input {
    display: none;
    position: absolute;
}
/* Стили переключателей вкладок (табов) */
.tabs>label {
    display: inline-block;
    margin: 0 0 -1px;
    padding: 15px 25px;
    font-weight: 600;
    text-align: center;
    color: #aaa;
    border: 0px solid #ddd;
    border-width: 1px 1px 1px 1px;
    background: #f1f1f1;
    border-radius: 3px 3px 0 0;
}


/* Изменения стиля переключателей вкладок при наведении */
 
.tabs>label:hover {
    color: #888;
    cursor: pointer;
}
/* Стили для активной вкладки */
.tabs>input:checked+label {
    color: #555;
    border-top: 1px solid #009933;
    border-bottom: 1px solid #fff;
    background: #fff;
}
/* Активация секций с помощью псевдокласса :checked */
#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4 {
    display: block;
}
/* Убираем текст с переключателей 
* и оставляем иконки на малых экранах
*/
 
@media screen and (max-width: 680px) {
    /*.tabs>label {
        font-size: 0;
    }*/
    .tabs>label:before {
        margin: 0;
        font-size: 18px;
    }
}
/* Изменяем внутренние отступы 
*  переключателей для малых экранов
*/
@media screen and (max-width: 400px) {
    .tabs>label {
        padding: 15px;
    }
}

.confirm-block {
	font-size: 18px;
    text-align: center;
    padding: 0 140px 15px 140px;
}

@media screen and (max-width: 800px) {
.confirm-block {
    padding: 0 20px 15px 20px;
}
}

.sizes-ray-1 td {
  border:1px solid lightgray;
  padding:3px;
  text-align:center;
  width:90px;
}

.sizes-ray-1 {
  border-collapse:collapse;
}

.sizes-ray-1-top {
  background:yellow;
}

.myCost {
    font-size: 35px;
}

.myCostcurrency {
    font-size: 35px;
}

.green {
    color:green;
    font-weight: bold;
}

.orange {
    color:orange;
    font-weight: bold;
}

.red {
    color:red;
    font-weight: bold;
}

.green1 {
    font-size: 14px;
    color:green;
    font-weight: bold;
}

.orange1 {
    font-size: 14px;
    color:orange;
    font-weight: bold;
}

.red1 {
    font-size: 14px;
    color:red;
    font-weight: bold;
}