ul.cat-tree { display:none; list-style:none; margin:0; padding:0 0 0 16px; line-height: 14px; text-align:left }
.cat-tree li { background:none!important; padding:0!important; }
.cat-tree b { color: #bbb; font-weight:normal }
.cat-tree i { padding-left:12px; height: 14px; background:transparent url(/.s/img/wd/1/sb.gif) 0 2px no-repeat }
.cat-tree u { padding-left:12px; height: 14px; background:transparent url(/.s/img/icon/pm.gif) no-repeat }
.cat-tree u.plus { background-position:0 3px;}
.cat-tree u.minus { background-position:0 -18px }

.cat-blocks {
border-collapse:collapse;
border-spacing:0px;
margin-top:3px;
margin-bottom:3px;
width:246px;
margin-right:-11px;
display:table;
}
.cat-blocks div {
cursor:pointer; 
background:#FFFF18 url(/images/catlink.png) left no-repeat;
height:48px;
line-height:48px;
float:none;
display:block;
width:216px;
padding-left:20px;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
}


.cat-blocks div:hover {
cursor:pointer; 
background:url(/images/cathover.png) no-repeat;
color:#fff;
height:48px;
line-height:48px;
width:226px;
float:none;
display:block;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
}




.cat-blocks ul { display:none; list-style:none; margin:0; padding:0; text-align:left }
.cat-blocks li { height:auto; padding:0 20px; margin-bottom:1px; overflow:hidden;line-height:35px;font-size:18px;}
.cat-blocks a, .cat-blocks a:hover, .cat-blocks a:visited, .cat-blocks u { text-decoration:none }

table.catalog { width:100% }
table.catalog h3 { margin:0 0 0 60px }
table.catalog td { line-height:160%; padding-bottom:10px; }
table.catalog div { margin:0 0 0 60px; }
table.catalog img { float:left; margin:0; border:0; }

.flist a, .slist a { text-decoration:none!important }
.flist .active, .slist .active { font-weight:bold }

.gphoto { border:none; margin-bottom:10px; cursor:pointer;max-width:100px; }
.newprice { color:red }


#goods_cont .empty { text-align:center; padding:50px }
.goods-list .basket { width:32px; height:32px; background-repeat:no-repeat; background-position:center center; }
.goods-list .wish{}
.goods-list .add { background-image:url(/.s/img/sh/badd.png); cursor:pointer; }
.goods-list .err { background-image:url(/.s/img/sh/berr.png); cursor:pointer; }
.goods-list .now { background-image:url(/.s/img/sh/bnow.png); cursor:pointer; }
.goods-list .wait {
background:#1b74aa url(/images/heartiCon.png) right no-repeat;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
.goods-list .done { background-image:url(/.s/img/sh/bdone.png); cursor:pointer; }

.goods-list .wadd { 
background:#1b74aa url(/images/heartiCon.png) right no-repeat;
height:44px;
width:44px;
display:block;
float:left;
cursor:pointer;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}

.goods-list .wadd:hover { 
background:#116a9f url(/images/heartiCon.png) right no-repeat;
height:44px;
width:44px;
display:block;
float:left;
cursor:pointer;
}


.goods-list .wdo { 
background:#2986be url(/images/heartiCon.png) right no-repeat;
height:44px;
width:44px;
display:block;
float:left;
cursor:pointer;
}

.goods-list .wdo:hover { 
background:#2986be url(/images/heartiCon.png) right no-repeat;
height:44px;
width:44px;
display:block;
float:left;
cursor:pointer;
}


.goods-list .wdel { 
background:#2986be url(/images/heartiCon.png) right no-repeat;
height:44px;
width:44px;
display:block;
float:left;
cursor:pointer;
}

.goods-list .wdel:hover { 
background:#2986be url(/images/heartiCon.png) right no-repeat;
height:44px;
width:44px;
display:block;
float:left;
cursor:pointer;
}

.goods-list .werr { background-image:url(/.s/img/sh/wler.png); cursor:pointer; }


/*
.plist { clear: both; padding:15px 0; overflow:hidden; height:30px; line-height:30px; }
.plist span, .plist a { font-size:1.0em!important; padding:2px 5px; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin:0 2px; font-weight:100; }
.plist span, .plist a:link, .plist a:active, .plist a:visited { }
.plist span, .plist a:hover { }
*/

img.basket, .fa-pointer { cursor: pointer }
#image-list { width: 100%; position: relative; margin-top: 10px }
#image-list .belt { display: flex; flex-direction: column; gap: 1em; }
#image-list .panel { margin: 0; overflow: hidden; width:inherit;height:inherit;}
#image-list .inner { position: relative; overflow: hidden; padding:0; }
#image-list .img-controls { position: absolute; top:.5em; right:.5em; display:flex; gap:.5em; }
#image-list .img-controls > div { width: 16px; height: 16px; cursor: pointer; top: 4px; overflow: hidden }
#image-list .img-controls .edt { background: transparent url(/.s/img/icon/edt.png) no-repeat 0 0 }
#image-list .img-controls .del { background: transparent url(/.s/img/icon/del.png) no-repeat 0 0 }
#image-list .img-controls .at-edit { background: transparent url(/.s/img/icon/sg.png) no-repeat 0 0 }
#image-list .inner input { opacity: 0; cursor: pointer; max-width: 100%; box-sizing: border-box; max-height: 100%; }
#image-list #gimage-add.wait { background: url('/.s/img/wait.svg') no-repeat center center; }
#image-list #gimage-add.wait p { display: none; }
#image-list #gimage-add .inner { border: #999 2px dashed; text-align:center; height:3.5rem; background: #9992; display: flex; align-items: center; justify-content: center; }
#image-list #gimage-add .inner p { line-height:1.5em; }
#image-list #gimage-add .add-image-label { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; }
#image-list #gimage-add .add-image-label input { width: 100%; height: 0; padding: 0; margin:0; min-height:unset; }
#image-list #gimage-add .add-image-label span#add_img { height: inherit; display: block; }
#image-list #gimage-wrap { display:flex; flex-wrap:wrap; line-height:0; gap:1em; }
.sel-gimage img { border:2px solid blue; box-sizing:border-box; }
#image-list #gimage-wrap .inner div.image-alt-title-wrapper { position: absolute; bottom:0; top:auto; left:0; right:0; width:auto; display:flex; flex-direction:column; gap:.5em; box-sizing:border-box; height:4.5em; transition:height .5s ease-in-out; overflow:hidden; margin:0 .5em .5em; cursor:initial; }
#image-list #gimage-wrap .inner div.image-alt-title-wrapper.u-hidden { height:0; }
#image-list #gimage-wrap .inner div.image-alt-title-wrapper input { width:100%; position:unset; box-sizing:border-box; cursor:initial; opacity:1; height:2em; font-size:inherit; padding:0 .5em; line-height:2em; margin:0; min-height:unset; background:#fffc; background:#8888; }

#order-table td.order-total { font-weight:bold }
#order-table .order-head th { font-weight:bold; border-bottom: 1px dashed; text-align:left; font-size:10pt }
#order-table .order-item td { border-bottom : 1px dashed}
#order-table .warning td { color:red }
#order-table td.wantdel { text-decoration:line-through; }
#order-but-recalc, #order-tax-wrapper { float:right }
#order-journal { overflow-y:scroll; height:300px }

#order-submit { text-align:center; margin:10px }
#order-button { font-size:14px; height:33px; margin:10px; }

.order-fname { padding: 10px 10px 5px 10px; font-weight:bold }
.order-field { padding: 0 10px 10px 40px; }
.order-field span { display:block; min-width:100px; min-height:25px; }



#total-sum { margin: 20px 0 }
#total-sum h4 { margin-bottom:5px }
#total-sum td { padding:5px 20px 5px 5px; border-top: 1px dashed; border-left: #eee 4px solid; }

.methods-list div { padding-bottom:5px }
.methods-list .label { display:block; font-weight:bold }
.methods-list td { line-height:150% }
.methods-list th { width:1% }
.methods-list textarea { height:140px }
.methods-list .fw { width:400px }
.methods-list input.radio, .methods-list input.checkbox { vertical-align:-2px }


#transaction-table .col_rem { font-size:70% }
#invoice-table small, #transaction-table small { display:block }
#invoice-table .col_amount small { cursor:help }
#invoice-table .group-pic { vertical-align:-4px }
#cont-shop-order .osum { display:block; height:14px; }

#cont-shop-invoices .gTableSubTop { cursor:pointer; white-space:nowrap; }
#cont-shop-invoices .gTable td, #transactions_cont .gTable td { text-align:center; }
#cont-shop-invoices td.col_payment_id, .col_payment_id td, .col_note small { text-align:left!important; }
#cont-shop-invoices .forumNameTd { padding-left:6px; padding-right:6px; }

#shop-currency { text-align:center }

.shop_spec u { cursor:help }
.shop_spec_grp td { font-weight:bold; border-top: 1px dashed }
.shop_spec_sub, .shop_spec_val { padding-left:20px }
.shop_spec_nor { font-weight:bold }

.shop-tabs { display:block; height:44px; padding:0; margin:0 0 10px 0;}
.shop-tabs li {
float:left;
list-style-type:none;
margin-left:10px;
}

.shop-tabs a {
height:44px;
line-height:44px;
background:#f1f1f1;
padding-left:15px;
padding-right:15px;
display:block;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
}
.shop-tabs a:hover {
text-decoration:none !important;
background:#116a9f;
color:#fff;
}

.shop-info { padding:5px; min-height:30px; }

.shop-imgs img {float:left; margin: 0 15px 15px 0 }


.with-clear:after{content:"."; display:block; visibility:hidden; clear:both; height:0; font-size:0; line-height:0}
.with-clear {display:inline-block}
.without-bg {background:none;background-color:#F6F6F6;}
.with-clear {display:block}


#shop-hmenu { list-style:none; margin:0; padding:0 }
#shop-hmenu div.hmenu-item, #shop-hmenu li.hmenu-item { float:left; text-align: center; padding: 0 1px 0 1px; }
#shop-hmenu td.hmenu-item { text-align:center; padding: 0 1px 0 1px; height: 100% }
#shop-hmenu .hmenu-link { display:block; /*display:table-cell!important;*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; vertical-align: middle; padding: 0 5px 0 5px; text-align: center; text-decoration: none; font-size: 12px; font-weight:bold; background-color:white; color:#000; border: 1px solid #C2CFE0 }
#shop-hmenu .hmenu-corn { width:100%; height:0px; display:none }
#shop-hmenu .hmenu-corn b { width:100%; height:10px; position:absolute; display:block; background: url(/.s/img/sh/vcor.png) no-repeat 50% 0; margin-top: 1px; z-index: 99 }
#shop-hmenu .hmenu-cont u { text-decoration:none }
#shop-hmenu .hmenu-cont { display: none; position: absolute; left:0; text-align:left; z-index:98; width:100% }
#shop-hmenu .hmenu-cont ol { list-style:none; padding:0 0 0 5px; background-color:white; border:1px solid #C2CFE0; padding:10px; margin-top:10px; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(0,0,0,0.5); }
#shop-hmenu .hmenu-cont ol li { margin:0 10px 0 0; width:200px; float:left!important; /* for sort */ }
#shop-hmenu .hmenu-cont h4 { margin: 2px 0 2px 0 }
#shop-hmenu .hmenu-cont h4 a { font-size:12px; color: #000; font-weight: bold; text-decoration: none }
#shop-hmenu .hmenu-cont ul { list-style:none; padding:0 0 0 10px; margin:0px }
#shop-hmenu .hmenu-cont ul li { line-height: 20px }
#shop-hmenu .hmenu-cont ul li a { font-size:12px; color: #888; text-decoration: none }
.hmenu-onhover .hmenu-item:hover .hmenu-corn { display:block!important }
.hmenu-onhover .hmenu-item:hover .hmenu-cont { display:block!important }