html, body {
height:100%;
}
body {
position:relative;
font:14px/16px Arial, sans-serif;
color:#000000;
background-color:#fff;
width:100%;
min-width:320px;
overflow:hidden; 
}
body.home {
background-color:#eaeaea;
overflow:visible; 
}

* {
margin:0;
padding:0; 
}
a{
color: #00388f;
outline:none;
}
a:hover{
text-decoration:none;
}
img {
border:none;
max-width:100%;
}
input:focus, button, select, input, textarea:focus {
outline:none;
}
input:invalid, input:-moz-ui-invalid {
border:0;
outline:none;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}
input[type="submit"], button {
cursor:pointer;
}
input[type="number"] {
-moz-appearance:textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none; margin: 0px;
}
input, textarea, button {
font-family:Arial, sans-serif;
font-size:14px;
color:#000;
}
fieldset{
border:none;
}
textarea{
resize:none;
overflow:auto;
}
table {
border-collapse:collapse;
border-spacing:0;
}
.clr {
height:0;
clear:both;
}
h1, h2, h3 {
font-size:24px;
line-height:24px;
color:#00388f;
font-weight:bold;
margin-bottom:10px;
}


.wrapper {
position:relative;
max-width:1000px;
min-width:320px;
margin:0 auto;
}


#header {
position:relative;
min-height:72px;
padding-left:260px;
}
.header {
height:68px;
background:#fff;
border-bottom:3px #00388f solid;
margin-bottom:5px;
}
.logo {
position:absolute;
left:0;
top:0;
width:260px;
height:72px;
display:flex;
align-items:center;
justify-content:center;
padding:5px;
box-sizing:border-box;
}
.logo img {
max-height:100%;
}
.home .logo {
position:relative;
float:left;
width:68px;
height:68px;
margin-left:20px;
margin-right:20px;
}

#menu {
float:left;
margin-top:26px;
}
#menu ul {
list-style:none;
}
#menu li {
float:left;
padding:0 10px;
border-right:1px #dde0e5 solid;
}
#menu li:last-child {
border:none;
}
#menu li a {
display:block;
font-size:16px;
font-weight:bold;
color:#000;
text-decoration:none;
height:28px;
line-height:28px;
}
#menu li a:hover, #menu li.active a {
text-decoration:underline;
color:#00388f;
}

.balance {
position:absolute;
right:0;
bottom:0;
background:#00388f;
font-size:12px;
line-height:18px;
color:#fff;
padding:0 5px;
}
.login {
height:56px;
float:right;
padding-bottom:16px;
}
.filter {
height:41px;
background:#b2b2b2;
padding-left:0;
-webkit-transition: padding-left .2s;
transition: padding-left .2s;
}
.close .filter {
padding-left: 20px;
}
#container {
position:relative;
background:#fff;
}
#container.right {
padding-right:240px;
}
#component {
padding:30px 40px;
}
#container.right #component {
float:left;
}
#component p {
margin-bottom:15px;
}
#right {
width:240px;
float:right;
margin-right: -240px;
box-sizing:border-box;
padding:40px 10px 40px 20px;
background:#f5f5f5;
}
#right h2 {
font-size:18px;
line-height:18px;
color:#3b3b3b;
font-weight:normal;
margin-bottom:15px;
}
.article_latestnews ul {
list-style:none;
}
.article_latestnews li, .item_blog {
margin-bottom:15px;
}
.article_latestnews .date, .item_blog_date {
display:inline-block;
background:#9b9b9b;
font-size:11px;
color:#fff;
line-height:14px;
height:14px;
padding:0 4px;
margin-bottom:5px;
}
.article_latestnews li a, .item_blog a {
display:block;
font-size:12px;
line-height:14px;
color:#00388f;
margin-bottom:5px;
}
.item_blog a h3 {
font-size:12px;
line-height:14px;
font-weight:normal;
color:#00388f;
}
.article_latestnews .introtext, .introtext_blog {
display:block;
font-size:12px;
line-height:14px;
height:84px;
overflow:hidden;
}
.introtext_blog {
height:auto;
overflow:visible;
}
a.allnews {
font-size:12px;
color:#333333;
}

#main {
position:relative;
background:#b2b2b2;
padding-left:260px;
border-top:3px #00388f solid;
-webkit-transition: padding-left .2s;
transition: padding-left .2s;
}
#main.close {
padding-left:0;
}
.l_scroll {
overflow:auto;
background:#dde0e5;
}
.leftopen {
position:absolute;
z-index:5;
width:16px;
height:21px;
top:28px;
right:4px;
background:url(../img/leftopen.png) no-repeat left top;
border:none;
}
.close .leftopen {
top: 10px;
right: -24px;
background-position:right top;
}
#left {
position:absolute;
left:0;
top:0;
width:245px;
border-right:2px #fff solid;
-webkit-transition: left .2s;
transition: left .2s;
}
.close #left {
left:-247px;
}
#left .title span {
cursor:pointer;
float:left;
width:50%;
height:20px;
line-height:20px;
font-size:12px;
font-weight:bold;
background:#b2b2b2;
text-align:center;
}
#left .title span.active {
background:#dde0e5;
}
#left ul {
display:none;
list-style:none;
padding-left:10px;
}
#left ul.first {
display:block;
padding-top:10px;
padding-bottom:10px;
}
#left li.active > ul {
display:block;
}
#left li {
position:relative;
}
#left li a {
position:relative;
display:inline-block;
font-size:12px;
color:#000;
text-decoration:none;
line-height:14px;
border:solid 1px #dde0e5;
padding:4px 5px 4px 18px;
}
#left a.active, #left li a:hover {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border:solid 1px #a4a4a4;
color:#00388f;
font-style:italic;
}
#category ul a {
color:#000;
}
#category ul ul a {
color:blue;
}
#category ul ul ul a {
color:green;
}
#category ul ul ul ul a {
color:#000;
}
#category ul ul ul ul ul a {
color:blue;
}
#category ul ul ul ul ul ul a {
color:green;
}
.open_ul {
position:absolute;
z-index:1;
left:0;
top:0;
cursor:default;
display:inline-block;
width:20px;
height:24px;
}
.open_ul span {
display:block;
width:0;
height:0;
margin:6px 0 0 6px;
border-top:solid 5px #dde0e5;
border-right:solid 5px #dde0e5;
border-bottom:solid 5px #dde0e5;
border-left:solid 5px #212122;
}
#left li.active > .open_ul span {
margin:8px 0 0 4px;
border-top:solid 3px #dde0e5;
border-right:solid 3px #212122;
border-bottom:solid 3px #212122;
border-left:solid 3px #dde0e5;
}


#products_list.load {
padding-bottom:20px;
background:url(../img/loader.gif) no-repeat center bottom;
}
#products {
position:relative;
overflow-y:scroll;
-webkit-transition: all .2s;
transition: all .2s;
}
#products_list {
position:relative;
}
#height {
height:5px;
background:#535259;
cursor:row-resize;
}


.topfixed {
position:relative;
}
.topfixed .thead, .topfixed .tbody {
display:table;
width:100%;
table-layout: fixed;
}
.thead div, .tbody div {
position:relative;
font-size:11px;
line-height:20px;
display:table-cell;
height: 20px;
vertical-align: top;

}
.thead div, .top .col1 {
font-size:12px;
font-weight:bold;
background-color: #b6b9bf;
background-image: -webkit-linear-gradient(bottom, #dadada, #fff);
background-image: -moz-linear-gradient(bottom, #dadada, #fff);
background-image: -o-linear-gradient(bottom, #dadada, #fff);
background-image: -ms-linear-gradient(bottom, #dadada, #fff);
background-image: linear-gradient(to top, #dadada, #fff);
}
.top .col7, .scrollright {
background-color: #b6b9bf;
background-image: -webkit-linear-gradient(bottom, #bfbfbf, #e6e6e6);
background-image: -moz-linear-gradient(bottom, #bfbfbf, #e6e6e6);
background-image: -o-linear-gradient(bottom, #bfbfbf, #e6e6e6);
background-image: -ms-linear-gradient(bottom, #bfbfbf, #e6e6e6);
background-image: linear-gradient(to top, #bfbfbf, #e6e6e6);
}
.thead div span, .tbody div span, .col1 span {
display:block;
padding:0 5px;
height:20px;
border-right: 1px #b2b2b2 solid;
border-bottom: 1px #b2b2b2 solid;
overflow:hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.top .col7 span {
border-right:none;
}
.thead div span, .top .col1 {

}

.col1 {
width:8%;
text-align:center;
}
.col2 {
width:28%;
}
.col3 {
width:8%;
}
.col4 {
width:8%;
}
.col5 {
width:4%;
}
.col6 {
width:4%;
}
.col8 {
width:5%;
}
.col7 {
width:31%;
}
.col9 {
width:36%;
}
.col10 {
width:4%;
}
div.col5 {
display:none;
}

.breadcrumbs {
height:23px;
line-height:23px;
background:#fff;
padding-left:14px;
border-bottom: 1px #b2b2b2 solid;
}
.breadcrumbs span {
font-size:12px;
font-weight:bold;
font-style:italic;
color:#828282;
}
.prod {
background:#fff;
}
.prod:hover {
cursor:pointer;
background-image: -webkit-linear-gradient(bottom, rgba(0,56,143,0.6), rgba(0,56,143,0.2));
background-image: -moz-linear-gradient(bottom, rgba(0,56,143,0.6), rgba(0,56,143,0.2));
background-image: -o-linear-gradient(bottom, rgba(0,56,143,0.6), rgba(0,56,143,0.2));
background-image: -ms-linear-gradient(bottom, rgba(0,56,143,0.6), rgba(0,56,143,0.2));
background-image: linear-gradient(to top, rgba(0,56,143,0.6), rgba(0,56,143,0.2));
}
.prod.active {
background-color: #ddf5e9;
background-image: -webkit-linear-gradient(bottom, #b3d5c4, #ddf5e9);
background-image: -moz-linear-gradient(bottom, #b3d5c4, #ddf5e9);
background-image: -o-linear-gradient(bottom, #b3d5c4, #ddf5e9);
background-image: -ms-linear-gradient(bottom, #b3d5c4, #ddf5e9);
background-image: linear-gradient(to top, #b3d5c4, #ddf5e9);
}
#product {
height:97px;
position: relative;
padding-top: 158px;
}
#product.close {
padding-top: 0;
}
.product_info {
background:#ededed;
padding:10px;
height:100%;
box-sizing:border-box;
overflow-y:auto;
}
.product_info img {
float:left;
max-width:180px;
height:138px;
margin:0 20px 15px 0;
}
.product_name {
font-size:18px;
font-weight:bold;
margin-bottom:5px;
}
.product_desc {
font-size:11px;
}

.product_info_top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 158px;
overflow: hidden;
}
.product_info_bottom {
position:relative;
padding-top:37px;
box-sizing: border-box;
height: 100%;
}
.product_info_bottom_h {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 37px;
}
#analogue_list {
height:100%;
overflow-y:scroll;
}
.product_info_open {
position: absolute;
width: 21px;
height: 16px;
top: -25px;
left: 5px;
background: url(../img/product_info_open.png) no-repeat left bottom;
border: none;
}
.close .product_info_open {
background-position:left top;
}

.formpad {
float:left;
height:30px;
margin:4px 0 0 9px;
padding:0 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #f5fcfe;
border: solid 1px #a4a4a4;
background-image: -webkit-linear-gradient(bottom, #e9e9e9, #d2d2d2);
background-image: -moz-linear-gradient(bottom, #e9e9e9, #d2d2d2);
background-image: -o-linear-gradient(bottom, #e9e9e9, #d2d2d2);
background-image: -ms-linear-gradient(bottom, #e9e9e9, #d2d2d2);
background-image: linear-gradient(to top, #e9e9e9, #d2d2d2);
}
.fleft {
float:left;
margin-left:5px;
}
.icon {
display:inline-block;
width:26px;
height:27px;
}
.icon1 {
background:url(../img/icon1.png) no-repeat center top;
margin-top:1px;
}
.icon2 {
background:url(../img/icon2.png) no-repeat center top;
margin-top:2px;
}
.clear {
display:inline-block;
width:20px;
height:20px;
margin-top:6px;
background:url(../img/clear.png) no-repeat center top;
}
.filter select {
height:22px;
width:150px;
padding:0 5px;
margin-top:4px;
}
.filter .inp {
width:140px;
height:20px;
line-height:20px;
padding:0 5px;
background:#fff;
border:1px #a4a4a4 solid;
margin-top:4px;
}
.filter label {
cursor:pointer;
display:block;
line-height:20px;
height:20px;
margin-top:4px;
}
.filter label input {
float:left;
margin-right:5px;
margin-top:4px;
}
.thead span.order {
position:relative;
cursor:pointer;
}
.thead span.order:after {
content:'';
display:inline-block;
width:10px;
height:11px;
background:url(../img/sort.png) no-repeat left top;
margin:0 0 -1px 5px;
}
.thead span.order.asc:after, .thead span.order.desc:after {
content:'';
position:relative;
display:inline-block;
width:0;
height:0;
margin:0 0 0 5px;
border:solid 5px rgba(0,0,0,0);
background:none;
}
.thead span.order.asc:after {
border-bottom-color:#212122;
top:-2px;
}
.thead span.order.desc:after {
border-top-color:#212122;
bottom:-4px;
}

.userdata {
float:left;
margin-top:15px;
margin-right:15px;
}
.input-small {
float:left;
width: 140px;
height: 20px;
line-height: 20px;
padding: 0 5px;
background: #fff;
border: 1px #a4a4a4 solid;
margin-right:10px;
}
.userdata .btn {
float:left;
width: 140px;
height: 22px;
background: #fff;
border: 1px #a4a4a4 solid;
text-align:center;
}
.username {
font-size:14px;
color:#000;
}
#cart, #waitinglist {
float:left;
padding-left:45px;
background:url(../img/cart.png) no-repeat left top;
text-decoration:none;
color:#000;
font-size:12px;
min-height:29px;
margin:10px 20px 0 0;
}
#waitinglist {
background:url(../img/waitinglist.png) no-repeat left top;
}
.cart_count strong {
font-size:18px;
font-weight:bold;
}
#waitinglist.waitingready {
color:red;
animation: waitinglist 1s linear infinite;
}
@keyframes waitinglist {
  50% {
    opacity: 0;
  }
}
.waiting_to_cart {
color: #f30000;
display:block;
text-decoration:none;
}
.btn_waiting {
text-decoration: none;
font-size: 12px;
color: #0083fe;
}
.waiting_ok {
float: left;
font-size: 12px;
color: #06b741;
}





#system-message-container {
text-align: center;
}
#system-message-container .close {
display:none;
}

#overlaybg {
display:none;
position:fixed;
z-index:100;
left:0;
top:0;
right:0;
bottom:0;
width:100%;
height:100%;
background:rgba(0,0,0,.5);
}
#overlaybg_wrap {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:flex;
justify-content: center;
align-items: center;
}
#overlaycontent {
max-height:100%;
width:100%;
max-width:836px;
min-width:320px;
position:relative;
background:#f0f0f0;
padding:8px;
box-sizing:border-box;
margin:0 auto;
}
#overlayiframe {
min-height:100px;
background-color:#eeeeee;
-webkit-box-shadow: 0 0 9px rgba(0,0,0,.21);
-moz-box-shadow: 0 0 9px rgba(0,0,0,.21);
box-shadow: 0 0 9px rgba(0,0,0,.21);
max-height: calc(100vh - 16px);
overflow: auto;
}
#overlayiframe.load:after {
content:'';
position:absolute;
z-index:15;
top:0;
right:0;
bottom:0;
left:0;
width:100%;
height:100%;
background:rgba(255,255,255,.8) url(../img/loader.gif) no-repeat center;
}
.cartaddload {
background:url(../img/loader.gif) no-repeat center;
}
#overlayclose {
display:block;
position:absolute;
z-index:10;
top:15px;
right:30px;
width:17px;
height:17px;
background:url(../img/close.png) no-repeat left top;
}
.back_order {
display:block;
position:absolute;
z-index:10;
top:17px;
right:60px;
width:20px;
height:13px;
background:url(../img/back.png) no-repeat left top;
}
#overlayiframe .jshop_prod_cart td {
text-align:center;
padding:5px 10px;
font-size:12px;
line-height:16px;
font-weight:normal;
}
#overlayiframe .odd td {
background:#fafafa;
}
#overlayiframe .even td {
background:#eeeeee;
}
#overlayiframe .jshop_prod_cart td.product_name {
text-align:left;
}
#overlayiframe .jshop_prod_cart td.total_price {
font-weight:bold;
}
#overlayiframe .quantity input {
width:40px;
height:20px;
line-height:20px;
background: #fff;
border: 1px #a4a4a4 solid;
text-align:center;
vertical-align:top;
}
#overlayiframe table.cart {
margin-bottom:20px;
width:100%;
}
#overlayiframe table.jshop_subtotal td {
font-weight:bold;
padding-right:10px;
padding-bottom:10px;
}
#overlayiframe .control-group {
margin-bottom:20px;
overflow:hidden;
}
.pfinish_comment_block {
padding-top:20px;
}
.pfinish_comment_block .name {
text-align:center;
margin-bottom:10px;
}
.pfinish_comment_block textarea {
box-sizing:border-box;
width:100%;
height:100px;
background:#fff;
border:1px #a4a4a4 solid;
padding:5px;
margin-bottom:20px;
}
#overlayiframe h1 {
font-size:24px;
line-height:24px;
font-weight:normal;
margin-bottom:20px;
white-space:nowrap;
}
.jshop_profile_data {
margin-bottom:20px;
}
#myaccount {
text-decoration:none;
color:#000;
font-weight:bold;
font-style:italic;
}

input.quantity {
float:left;
display:block;
background:#fff;
border:1px #a4a4a4 solid;
width:30px;
height:16px;
line-height:16px;
font-size:12px;
text-align:center;
margin-top:1px;
margin-right:10px;
}
a.btn-link.cart {
float:left;
text-decoration:none;
font-size:12px;
color:#00388f;
}
a.btn-link.cart i {
font-style:normal;
color:#27572d;
}
a.proddelete, a.waiting_delete_prod {
float:left;
text-decoration:none;
width:18px;
height:18px;
margin-top:1px;
margin-left:10px;
background:url(../img/delete.png) no-repeat center;
}

#account_left {
float:left;
width:33%;
padding:15px 0 15px 20px;
box-sizing:border-box;
}
#account_left h1, #listcart h1 {
font-size:24px;
font-weight:bold;
color:#000;
line-height:46px;
text-transform:uppercase;
padding-left:52px;
background:url(../img/account.png) no-repeat left center;
}
#listcart h1 {
background:url(../img/carth1.png) no-repeat left center;
padding-left:60px;
}
#listcart h1 span {
color:#00388f;
}
.profile_name {
font-size:18px;
line-height:18px;
color:#000;
font-weight:bold;
font-style:italic;
margin-bottom:15px;
}
.profile_login, .profile_mail {
font-size:16px;
line-height:18px;
color:#000;
margin-bottom:10px;
}
.profile_login span, .profile_mail span {
color:#666;
}
.myaccount_urls a {
font-size:16px;
color:#00388f;
}
.myaccount_urls {
margin-bottom:10px;
}
.account_order {
position:relative;
padding-left:20px;
margin-bottom:10px;
}
.account_order input {
position:absolute;
left:0;
top:1px;
}
#account_right {
float:left;
width:67%;
padding:25px 15px;
background:#fff;
box-sizing:border-box;
}
#account_right h2 {
font-size:24px;
line-height:24px;
color:#000;
font-weight:normal;
margin-bottom:15px;
}
table.listorders {
width:100%;
}
table.listorders th {
font-size:12px;
font-weight:bold;
padding:5px 7px;
}
table.listorders td {
font-size:12px;
padding:10px 7px;
background:#fafafa;
}
table.listorders tr:nth-child(odd) td {
background:#eeeeee;
}
table.listorders .number, table.listorders .total {
font-weight:bold;
}
table.listorders .total {
white-space: nowrap;
}
table.listorders .date {
font-size:11px;
}
table.listorders .name a {
width:256px;
font-size:13px;
color:#00388f;
display:block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.overflow {
overflow:auto;
}
.control-label {
float:left;
width:68px;
font-size:14px;
color:#666;
line-height:24px;
}
.controls {
float:left;
}
.controls input {
width:138px;
height:22px;
line-height:22px;
font-size:14px;
font-weight:bold;
padding:0 10px;
background:#fff;
-webkit-box-shadow: inset 3px 3px rgba(203,203,203,.4);
-moz-box-shadow: inset 3px 3px rgba(203,203,203,.4);
box-shadow: inset 3px 3px rgba(203,203,203,.4);
border: solid 1px #a8a8a8;
}
.logintext {
float:left;
font-size:11px;
line-height:12px;
color:#666;
margin-left:7px;
}
#overlayiframe .btn {
display:inline-block;
font-size:16px;
color:#fff;
font-weight:bold;
text-transform:uppercase;
height:34px;
line-height:34px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border:none;
background-color: #00388f;
padding:0 15px;
text-decoration:none;
}
#overlayiframe button.btn {
line-height:0;
}
#listcart {
padding:20px;
background:#fff;
}
#listcart th {
font-size:12px;
line-height:14px;
font-weight:bold;
color:#000;
text-align:center;
padding-bottom:10px;
}
.productdelete, .orderdelete, .waiting_delete, .cart2_delete {
display:inline-block;
width:18px;
height:18px;
background:url(../img/productdelete.png) no-repeat left top;
}
.updateCart {
display:inline-block;
width:28px;
height:21px;
background:url(../img/updateCart.png) no-repeat left top;
}
.pricetotal, .weightorder {
float:left;
font-size:18px;
line-height:18px;
color:#6f6f6f;
}
.weightorder {
margin-left:30px;
}
.pricetotal span, .weightorder span {
font-size:24px;
line-height:24px;
color:#000;
font-weight:bold;
}
#listcart .btn {
float:right;
}

.saleprod {
display:inline-block;
width:17px;
height:15px;
margin:3px 5px 0 5px;
background:url(../img/sale.png) no-repeat left center;
}
.orderprod {
display:inline-block;
width:28px;
height:17px;
margin:2px 5px 0 5px;
background:url(../img/order.png) no-repeat left center;
}

#product_overlay {
padding:25px 20px;
background:#fff;
}
.product_overlay_img {
float:left;
width:315px;
margin-right:20px;
}
.product_overlay_info {
overflow:hidden;
}
#product_overlay h1 {
font-size:20px;
line-height:22px;
color:#000;
font-weight:bold;
margin-bottom:15px;
white-space: normal;
}
#product_overlay p {
font-size:16px;
line-height:18px;
color:#666;
margin-bottom:15px;
}
#product_overlay p strong {
color:#000;
font-weight:bold;
}
#product_overlay p.description {
font-size:14px;
}
.cart_input_add {
cursor:pointer;
float:right;
margin-right:20px;
margin-top:5px;
}
#order_add_label {
float:left;
margin:5px 0 0 10px;
}
.cart_input_add input, #order_add_label input {
cursor:pointer;
margin-right:5px;
margin-top:1px;
float:left;
}
#downloadprice {
display:inline-block;
font-size:13px;
line-height:14px;
font-weight:bold;
color:#00388f;
background:url(../img/downloadprice.png) no-repeat right center;
padding-right:16px;
margin-top: 8px;
}
.downloadprice {
background:#fff;
}
.downloadprice_brands {
width:414px;
height:527px;
float:left;
overflow:auto;
border:1px #878787 solid;
box-sizing:border-box;
padding:10px 20px;
background:#f1f1f1;
}
.downloadprice h1 {
font-size:24px !important;
font-weight:bold !important;
color:#000 !important;
line-height:46px !important;
text-transform:uppercase;
background:url(../img/downloadpriceh1.png) no-repeat left center;
padding-left:35px;
margin-left:28px;
margin-bottom:0 !important;
float:left;
}
.titledesc {
float:left;
font-size:14px;
color:#666666;
margin-left:8px;
margin-top:18px;
}
.downloadprice_brands label {
cursor:pointer;
display:block;
margin-bottom:10px;
}
.downloadprice_brands label input {
float:left;
margin-right:5px;
margin-top:1px;
}
.downloadprice_format {
float:left;
margin-left:25px;
width:360px;
}
.downloadprice_param {
margin-bottom:30px;
}
.downloadprice_param_title {
font-size:20px;
line-height:20px;
margin-bottom:5px;
}
.downloadprice_format label {
cursor:pointer;
display:block;
font-size:16px;
font-weight:bold;
color:#666666;
margin-bottom:10px;
}
.downloadprice_format label input {
cursor:pointer;
margin-right:5px;
margin-top:1px;
float:left;
}
.downloadprice_format input[type='text'] {
width: 140px;
height: 20px;
line-height: 20px;
padding: 0 5px;
background: #fff;
border: 1px #a4a4a4 solid;
}
#downloadprice_submit {
font-size:16px;
font-weight:bold;
color:#fff;
background:#00388f;
text-transform:uppercase;
border:none;
height:32px;
padding:0 15px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.selectblock {
position:relative;
width: 130px;
height: 20px;
line-height: 20px;
background: #fff;
border: 1px #a4a4a4 solid;
margin-top: 4px;
}
.selectopen {
cursor:pointer;
display:block;
height: 20px;
padding:0 5px;
}
.selectopen:after {
content:'';
position:absolute;
top:8px;
right:5px;
display: block;
width: 0;
height: 0;
border-top: solid 5px #212122;
border-right: solid 5px #fff;
border-bottom: solid 5px #fff;
border-left: solid 5px #fff;
}
.selectlist {
display:none;
position:absolute;
z-index:10;
left:-1px;
top:24px;
width: 130px;
border: 1px #000 solid;
background: #fff;
padding:0 5px 5px 5px;
}
.selectlist.w160 {
width:170px;
}
.selectblock.active .selectlist {
display:block;
}
.marks_icon {
display:block;
float:left;
width:45px;
height:25px;
background:url(../img/marks.png) no-repeat left top;
margin-top:3px;
margin-left:20px;
}
#marks_open {
display:block;
float:left;
height:22px;
line-height:22px;
font-size:14px;
color:#fff;
text-decoration:none;
text-transform:uppercase;
padding:0 10px;
background:#00388f;
margin-top:4px;
margin-left:6px;
}
#overlay_marks, #overlay_adc {
display:none;
position: fixed;
z-index: 100;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.5);
text-align: center;
}
#overlay_adc {
z-index: 110;
}
#overlay_marks_content, #overlay_adc_content {
position:relative;
top:100px;
left:40px;
width:1200px;
height:588px;
background:#fff;
-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.2);
box-shadow: 0 0 4px 2px rgba(0,0,0,.2);
}
#marks_content, #adc_content {
padding:12px;
height: 100%;
box-sizing: border-box;
}
#marks_content.load:after, #adc_content.load:after {
content:'';
position:absolute;
z-index:15;
top:0;
right:0;
bottom:0;
left:0;
width:100%;
height:100%;
background:rgba(255,255,255,.8) url(../img/loader.gif) no-repeat center;
}
#marks_list {
float:left;
width:116px;
}
#marks_list a {
display:block;
margin-bottom:8px;
text-decoration:none;
font-size:12px;
color:#fff;
}
#marks_list .markLogo {
display:block;
height:50px;
border:1px #f3f3f3 solid;
background-color:#f3f3f3;
background-repeat:no-repeat;
background-position:center;
}
#marks_list .markName {
display:block;
height:22px;
line-height:22px;
overflow:hidden;
text-align:center;
background:#b2b2b2;
}
#marks_list a:hover .markName, #marks_list a.active .markName {
background:#00388f;
}
#marks_list a:hover .markLogo, #marks_list a.active .markLogo {
border-color:#00388f;
}
.hr_vertical {
float:left;
height:100%;
width:1px;
margin-left:6px;
background-color: #b2b2b2;
-webkit-box-shadow: 1px 0 1px rgba(0,0,0,.2);
-moz-box-shadow: 1px 0 1px rgba(0,0,0,.2);
box-shadow: 1px 0 1px rgba(0,0,0,.2);
}
#models_list {
float:left;
width:340px;
margin-left:8px;
background:#f3f3f3;
text-align:left;
height:100%;
overflow:auto;
}
#models_list a {
text-decoration:none;
display:block;
color:#000;
font-size:17px;
height:82px;
overflow:hidden;
padding-right:10px;
}
#models_list a:hover, #models_list a.active {
background:#dde0e5;
}
#models_list .model_img {
float:left;
width:110px;
height:100%;
margin:0 20px 0 10px;
}
#models_list .model_img span {
display:table-cell;
width:100%;
height:82px;
text-align:center;
vertical-align:middle;
}
#models_list img {
max-height:100%;
}
#models_list .modelname {
display:block;
padding-top:10px;
text-overflow:ellipsis;
white-space:nowrap;
font-weight:bold;
}
#models_list .model_modification, #models_list .model_actual {
display:block;
text-overflow:ellipsis;
white-space:nowrap;
font-size:14px;
color:#a3a3a3;
overflow:hidden;
}
#marks_close, #adc_close {
position:absolute;
right:0;
top:-30px;
width: 27px;
height: 27px;
background: #e8e8e8 url(../img/marks_close.png) no-repeat center;
-webkit-box-shadow: 2px 0 4px rgba(0,0,0,.3);
-moz-box-shadow: 2px 0 4px rgba(0,0,0,.3);
box-shadow: 2px 0 4px rgba(0,0,0,.3);
}
#tree_list {
position:relative;
float:left;
margin-left:10px;
height:100%;
}
#tree_list ul.tree ul {
display:none;
}
#tree_list ul {
list-style:none;
width:180px;
text-align:left;
}
#tree_list li {
background:#f3f3f3;
}
#tree_list a {
position:relative;
display:block;
line-height:16px;
font-size:14px;
color:#000;
text-decoration:none;
padding:10px 15px;
}
#tree_list a:hover, #tree_list a.active {
background:#dde0e5;
}
#treediv1 {
position:absolute;
top:0;
left:192px;
width:288px;
height:100%;
overflow:auto;
}
#treediv1 ul ul {
display:none;
}
#treediv1 ul, #treediv2 ul {
width:100%;
}
#treediv2 {
position:absolute;
top:0;
left:490px;
width:200px;
height:100%;
overflow:auto;
}
#map_adc_iframe {
position:relative;
float:left;
width:490px;
border:1px #888888 solid;
}
#imageFrame {
position:relative;
width:100%;
height:420px;
overflow:hidden;
}
#adc_content {
padding-top:60px;
}
#adc_content h2 {
position: absolute;
top:12px;
left:12px;
text-align:left;
font-size:21px;
line-height:22px;
font-weight:normal;
margin-bottom:5px;
}
#map_adc_table {
float:left;
width:664px;
margin-left:20px;
height:100%;
overflow:auto;
}
#adc_content table {
width:100%;
}
#adc_content td {
font-size:13px;
font-weight:normal;
padding:6px 5px;
border-bottom:2px #a7a7a7 solid;
text-align:left;
}
#adc_content td a {
color:#00388f;
}
#adc_content td a.detail_num {
text-decoration:none;
}
#adc_content tr:hover td, #adc_content tr.active td {
background-color:#e8e8e8;
}
#ImageArea div.label, #ImageArea div.true, #ImageArea div.over {
    border: 1px solid #000;
    color: #000;
    background: #FFF;
    font-weight: bold;
    width: 181px;
    height: 24px;
    font-size: 18px;
    line-height: 24px;
    z-index: 10;
    padding: 0;
    border-radius: .25em;
cursor: pointer;
}
#ImageArea div.active {
    text-align: center;
    cursor: default;
    position: absolute;
    border: 2px solid #00388f;
    border-radius: .25em;
    color: #000;
    background-color: #00388f;
    font-weight: bold;
    overflow: hidden;
    display: block;
    font-size: 18px;
    z-index: 11;
}
#imageFrame {
    cursor: move;
}
#zoomer {
text-align:center;
padding-top:15px;
width:100%;
height:45px;
background:#e8e8e8;
}
#zoomer .ml20 {
display:inline-block;
}
#zoomer b {
float:left;
font-size:20px;
color:#000;
line-height:25px;
margin-right:15px;
}
#zoomer span {
cursor: pointer;
float:left;
margin-right:3px;
width:25px;
height:25px;
text-align:center;
line-height:25px;
color:#fff;
background:#a7a7a7;
font-size:20px;
}
#zoomer input {
float:left;
margin-right:3px;
width:50px;
height:25px;
text-align:center;
line-height:25px;
color:#fff;
background:#a7a7a7;
border:none;
}
#open_category {
display:none;
}
.tbody div b, .col1 b {
display:none;
}
.size_width {
position:absolute;
z-index:5;
top:0;
right:-3px;
width:6px;
height:21px;
cursor:col-resize;
}
#to_cart2 {
text-decoration:none;
color:#00388f;
float:right;
font-size:18px;
}

.user_settings label {
display:block;
cursor:pointer;
margin-bottom:10px;
}
.importcart {
padding:10px 0;
}
.importcart, #listcart .importcart .btn {
float:left;
}
.importcart input[type="file"] {
display:none;
}
.back_cart {
position: absolute;
top: 15px;
left: 30px;
text-decoration: none;
color: #00388f;
}
.icon_image {
display:inline-block;
vertical-align: middle;
width:16px;
height:16px;
background: url(../img/icon_image.png) no-repeat center / 100% auto;
}