@charset "utf-8";

* {font-family: Helvetica, Arial, sans-serif;}
html {background:url("/template/images/back.png") repeat; position:relative; min-height:100%; min-width: 1250px;}
body {background: url("/template/images/back_shadow.png") no-repeat center top;}
html, body {}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0px; padding:0px;  outline:0px;}

:focus {outline:0px;}
body {line-height:1; min-height: 750px; height: 100%;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {/*text-align:left;font-weight:normal;*/}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}

a {text-decoration: none!important;}
a img {border:0;}

ins {text-decoration: none;}
del {text-decoration: line-through;}

#content {float: left; width: 970px; margin-top: 60px; color: #bbecff;}
#content #left {float: left; width: 970px; position: relative;}
#content #right {float: right; position: relative;}

#left h1, #left h2, #left h4 {height: 70px; line-height: 65px; color: white; text-shadow: 0 -1px 0 black; margin-bottom: 7px}
#left h1 {font-size: 50px; margin-top: -10px;}
#left h2 {font-size: 36px; font-weight: normal;}
#left h2.big {height: auto !important; line-height: 36px !important;}
#left h4 {font-size: 24px; font-weight: normal; margin-bottom: 20px!important;}
#left h4.auto_height {height: auto!important; line-height: 40px!important}
#left h4.auto_height a {color: #bbecff; text-decoration: underline!important; display: inline;}
#left h4.auto_height a:hover {color: white!important; text-decoration: underline!important}
#left h4.auto_height span {display: inline-block; margin: 0 10px;}
#left h5 {font-size: 30px; line-height: 40px; font-weight: normal; color: white; text-shadow: 0 -1px 0 black; margin-bottom: 20px; width: 400px; float: left;}
#left h6 {font-size: 18px; color: white; font-weight: normal; text-shadow: 0 -1px 0 black; line-height: 30px; margin-bottom: 10px;}

.breadcrums {font-size: 16px!important;}

#left .catalog a {color: #bbecff; font-size: 14px;}
#left .catalog a:hover, #left .catalog-menu a, #left .catalog-menu td.active a {text-decoration: underline; color: white}
#left .catalog a.hover, #left .catalog-menu a.hover {color: white !important}
#left .catalog a:hover img, #left .catalog a.hover img, #left .catalog-menu a:hover img,
#left .catalog-menu a.hover img, #left .catalog-menu td.active a img {text-decoration: none;}
#left .catalog a:hover div, #left .catalog a.hover div, #left .catalog-menu a:hover div,
#left .catalog-menu a.hover div {background: rgb(0,153,224) repeat-x;}
#left .catalog a div {width: 160px; padding: 10px; background: rgba(255,255,255,0.2); border-radius: 2px; margin-right: 0px}
#left .catalog a div span {text-align: center; display: table-cell; vertical-align:middle; width: 160px; height: 160px; position:relative; overflow: hidden; background-color: white}
#left .catalog a div img {max-width: 145px; max-height: 145px}
#left .catalog td.title, #left .catalog-menu td.title {vertical-align: middle; line-height: 20px; padding: 0 10px 5px 0; width: 190px}
#left .catalog td.title a, #left .catalog-menu td.title a {margin-right: 4px;}
#left .catalog td.title img, #left .catalog-menu td.title img {position: relative;}
#left .catalog td.image, #left .catalog-menu td.image  {padding-bottom: 45px;}
#left .catalog td.image a, #left .catalog td.image a:hover {text-decoration: none !important;}
#left .catalog strong {line-height: 11px; height:11px; margin-bottom: 10px; font-weight: normal; font-size: 12px; color: #82dcff; display: block; overflow: hidden; position: relative; width: 190px;}
#left .catalog .hover strong {color: #bbecff}

#left .product {margin: 20px 0 41px; float: left; width: 670px}
#left .product .images {width: 280px; float: left; position: relative; overflow: hidden;}
#left .product .images ul {list-style: none; height: 250px; width: 20000em; position: absolute; margin-top: 10px}
#left .product .images ul li {float: left; width: 250px; height: 250px; position: relative; overflow: hidden; display: block}
#left .product .images ul li a {display: table-cell; vertical-align: middle; height: 255px; width: 250px; text-align: center}
#left .product .images ul li img {max-width: 250px; max-height: 250px;}
#left .product .description {width: 350px; float: right; text-align: left; line-height: 20px; color: #82dcff; font-size: 14px;}
#left .product .description label {color: white; display: block}
#left .product .description a {color: #82dcff; margin-bottom: 10px; display: block; text-decoration: underline !important;}
#left .product .description a:hover {color: white; text-decoration: underline !important;}

#left .line {background: url("/template/images/line.png") repeat-x center top; height: 20px; margin-top: 12px;}

#header {background: url("/template/images/back_top.png") no-repeat center top; position: absolute; top: 0; width:100%; height: 130px; z-index: 0;}
#shadowed_header {background: url("/template/images/back_top_shadow.png") no-repeat center top; position: absolute; top: 130px; width:100%; height: 23px;  z-index: 0}
#wrap {height: auto !important; min-height: 100%;}
#footer-wrap, #wrap {position: relative; width: 970px; margin: 0 auto; z-index: 1;}
#footer-wrap {cursor: pointer;}
#footer-inner {height: 160px; position: relative; overflow: hidden;}
#footer-shadow {height: 23px; background: url("/template/images/footer_shadow.png") no-repeat center top;}
#footer {position:absolute; left:0px; bottom:0px; z-index: 2; margin: -133px auto 0; height: 133px !important; width:100%; background: url("/template/images/footer.png") no-repeat center 23px;}
#footer a {color: #bbecff; font-size: 12px;  text-decoration:underline !important;}
#footer ul {list-style: none; margin-top: 50px; margin-right:80px; float: left;}
#footer ul li {float: left; margin-right: 30px;}
#footer .copyrights {font-family: Tahoma; font-size:11px; color: #5e97b9; float: right; margin-top: 42px}
#footer .logotype {margin-top: 21px; width: 220px;}

#back_top {position: fixed; cursor:pointer; background: url("/template/images/2top.png") no-repeat; width: 110px; height: 110px; margin-left: -120px; display: none}
#back_top:hover {background-position:0 -110px}

#content #right .head {background: url("/template/images/cart-empty.png") no-repeat; margin-left: 10px; position: relative; overflow:hidden; padding:0 10px 10px;}
#content #right .head h4 {height: 38px; line-height: 40px; font-size: 24px; color: #bbecff; font-weight: normal;}
#content #right .head h4 a {color: #bbecff; text-decoration:underline !important;}
#content #right .head h4 a:hover {color: white}
#content #right .head h4 img {position:relative; margin-left: 4px;}
#content #right .head span {color: #82dcff; font-size: 13px;}

#content #right .body {
	overflow: hidden;
	width: 370px;
	border-radius: 5px;
	box-shadow: 0px 0px 1px 0px #234b73;
}

#content #right .body .columns, #content #right .body ul li,
#content #right .body .result, #content #right .body .buttons {
	background: url(/template/images/bg-arrows.png) repeat;
	box-shadow: 0px 0px 1px 0px #234b73;
}

#content #right .body .columns {background: url(/template/images/cart-top.png) repeat; border-bottom: 1px solid #234b73; padding: 0 10px; position: relative; overflow: hidden; top: -1px;}
#content #right .body .columns span {display: block; float: left; height: 30px; line-height: 30px; color: #00c0ff; font-size: 14px;}
#content #right .body .columns .c1 {width: 185px; text-align: center;}
#content #right .body .columns .c2, #content #right .body li .count {width: 80px; text-align: center;}
#content #right .body .columns .c3, #content #right .body li .price {width: 85px; text-align: center;}

#content #right .body ul {list-style: none; margin-top: -1px; position: relative; max-height: 410px; overflow: hidden;}
#content #right .body ul li {border-bottom: 1px solid #234b73; padding: 5px 10px; position: relative; overflow: hidden;}
#content #right .body li td {height: 30px; vertical-align: middle;}
#content #right .body li .name {width: 185px; text-align: center;}
#content #right .body li .name a , #content #right .body li .count {color: #bbecff; font-size: 11px;}
#content #right .body li .name a:hover {text-decoration: underline; color: white}
#content #right .body li .price {color: white; font-size: 12px;}
#content #right .body li span {color: #82dcff; font-size: 11px;}
#content #right .body li .remove {visibility: hidden; float:right; cursor: pointer; background: url("/template/images/btn-remove.png") no-repeat; width: 80px; height: 31px; position: relative; top: -4px}
#content #right .body li input {border: 1px solid transparent; height: 14px; width: 25px}

#content #right .body .result {padding: 10px; border-bottom: 1px solid #234b73;}
#content #right .body .result .cover {width: 270px; padding: 20px 40px; background: url("/template/images/checkout-sum.png") no-repeat;}
#content #right .body .result .cover div {height: 30px; line-height: 30px; color: #bbecff; font-size: 18px;}
#content #right .body .result .cover div i {text-align: right; float: right; font-style: normal;}
#content #right .body .result .cover div.price i {color: #00c0ff;}
#content #right .body .result .cover div.discount i {color: #18628e;}
#content #right .body .result .cover div.total i {color: white;}

#content #right .body .buttons {padding: 8px; position:relative; overflow: hidden;}
#content #right .body .buttons a {float: left; width: 154px; height: 42px; display: block; text-indent: -10000px}
#content #right .body .buttons a.cancel {background: url("/template/images/btn-cancel.png") no-repeat; margin-right: 6px;}
#content #right .body .buttons a.cancel:hover {background-position: 0 -42px}
#content #right .body .buttons a.send {background: url("/template/images/btn-send.png") no-repeat;}
#content #right .body .buttons a.send:hover {background-position: 0 -42px}

#search {background: url("/template/images/search.png") no-repeat; width: 300px; height: 30px;}
#search input {border: none; background-color: transparent; margin-top: 0px; height: 30px;}
#search input.search_text {padding: 0 10px; margin-left: 0px; float: left; width: 250px; color: #919191; font-size: 14px;}
#search input.search_submit {float: left; margin-left: 0px; width: 30px; cursor: pointer}

#sort {width: 200px;}

#user-cart {background: url("/template/images/bg-arrows.png") repeat; border-bottom: 1px solid #234b73;}

#table {
	background: url("/template/images/bg-arrows.png") repeat;
	border-bottom: 1px solid #234b73;
}

.TableOrderList {
    padding: 5px 5px;
    border-radius: 5px;
	width: max-content;
	background: url("/template/images/bg-arrows.png") repeat;
	box-shadow: 0px 0px 1px 0px #234b73;
}

.info {
    padding: 15px 15px;
    border-radius: 5px;
	width: auto;
	background: url("/template/images/bg-arrows.png") repeat;
	box-shadow: 0px 0px 1px 0px #234b73;
}

.form-horizontal-background {
    padding: 30px 30px 15px 30px;
    border-radius: 5px;
	width: max-content;
	background: url("/template/images/bg-arrows.png") repeat;
	box-shadow: 0px 0px 1px 0px #234b73;
}

.menu {
	display: flex;
	float: left;
	font-size: 14px;
	cursor: pointer;
	list-style: none;
	margin-top: 40px;
	width: 450px;
	z-index: 2;
}
.menu a {
	margin: 0 auto;
	line-height: 50px;
	color: #bbecff;
	float: left;
	text-shadow: 0 -1px 0 black;
	text-decoration:underline !important;
}
.menu a:hover {
	color: white;
	text-decoration:underline
}

.catalog-number {
	text-align: center;
	padding: 10px 0 0 0;
}

.catalog-price {
	text-align: center;
	font-size: 18px;
	color: #ffd800;
	padding: 10px 0 0 0;
}

.catalog-product-button-add {
	color: #fff;
	background-color: #428bca;
	border-color: #357ebd;
	display: inline-block;
	padding: 1px 5px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.35;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.catalog-product-button-add:hover {
	background-color: #286da9;
}

.catalog-product-button-add:disabled {
	background-color: #428bca;
	cursor: not-allowed;
}

.catalog-product-button-add:disabled:hover {
	background-color: #428bca;
	cursor: not-allowed;
}

.logotype {height: 50px; width: 190px; float:left; margin: 26px 53px 0 0;}
.logotype:hover {background-position: 0 -41px}

.jcarousel-container {background: url("/template/images/product-back.png") no-repeat 0 0;}
.jcarousel-clip {margin-left: 14px; width: 250px; height: 272px; position: relative; overflow: hidden;}
.jcarousel-prev, .jcarousel-next {height: 30px; width: 18px; background: url("/template/images/arrows-nav.png") no-repeat; position: absolute; top: 120px; cursor: pointer;}
.jcarousel-prev {background-position: 0 0; margin-left: 10px;}
.jcarousel-prev:hover {background-position: -37px 0;}
.jcarousel-next {background-position: -19px 0; margin-left: 320px}
.jcarousel-next:hover {background-position: -56px 0;}
.jcarousel-container .inactive { opacity: .5; cursor: default; }

.content-block {
	position: relative;
	display: inline-block;
}

.content-items {	
	float:left;	
	width:175px;	
	padding:0px 9px 35px;
	position:relative;
}

.clear {clear:both;}

.text a {color: #82dcff; text-decoration: underline !important;}
.text a:hover {color: white; text-decoration: underline !important;}
.text img {padding:10px; border-radius: 2px; background-color: white}

.cart-mini {
	position: absolute;
    background: url(/template/images/cart-empty.png) no-repeat;
	border-radius: 5px;
    margin-left: 10px;
    width: 230px;
    overflow: hidden;
    padding: 0 10px 10px;
	color: white;
	font-size: 11pt;
	margin-top: 30px;
	text-align: left;
	right: 0;
}
.cart-mini h4 {
    font-size: 24px;
    height: 18px!important;
    line-height: 40px!important;
    font-weight: normal;
    margin-bottom: 20px!important;
}

.cart-mini a {
	color: #bbecff;
}
.cart-mini a:hover {
	color: #fff;
}
.cart-mini-img {
    position: relative;
    margin-left: 3px;
	top: 3px;
}

h2.cart {font-size: 22pt;margin-bottom: 20px; float: left; font-weight: normal; height: 70px; line-height: 70px; color: white; text-shadow: 0 -1px 0 black;}
h2.cart img {position: relative; margin-left: 10px;top:10px;}

h2,h3.OrderList {
	font-size: 22pt;
    font-weight: normal;
    height: 70px;
    line-height: 70px;
    color: white;
}

.page-count {float: right; background: url("../images/page-count.png") no-repeat; width: 270px; line-height: 30px; padding: 10px; font-size: 12px; color: #bbecff; text-align: left; margin-top: 10px;}
.page-count select {float: right; height: 30px; font-size: 12px; margin: 0 0; width: 70px;}
.align_left {text-align: left !important;}
.cart_table {width: 950px; margin: 0 auto; z-index:1; position: relative;}
.cart_table thead tr {border: none;}
.cart_table tbody {padding-top: 10px}
.cart_table tbody tr {width: 950px}
.cart_table tbody tr:first-child {border: none!important;}

.cart_table th:hover {color: white}
.cart_table th {height: 50px; line-height: 50px; text-align: center; font-size: 12px; color: #00c0ff;}
.cart_table th img {position: absolute; z-index:1; border-bottom: 1px solid #234b73; margin-left: 1px;}
.cart_table th.light, .cart_table td.light {background: url("../images/bg-arrows-light.png") repeat;}
.cart_table th.first img{margin-left: -59px;}
.cart_table th.first b, .cart_table th.last b {text-decoration: none!important; cursor: default}
.cart_table th b {cursor: pointer; text-decoration: underline; font-weight: normal; z-index: 2; position: relative;}
.cart_table td input {width: 40px; text-align: right; border-radius: 3px; margin-right: 5px}
.cart_table td {font-size: 12px; color: #bbecff; text-align: center; padding: 10px;}
.cart_table td a {color: #bbecff}
.cart_table td a:hover {color: white; text-decoration: underline}
.cart_table tr {border-top: 1px solid #234b73;}

.cart_table th b {cursor: pointer; text-decoration: underline; font-weight: normal;}
.cart_table th i, .cart_table th em {width: 7px; height: 9px; background: url("../images/arrows-sort.png") no-repeat; display:inline-block; cursor: pointer;  z-index: 2; position: relative;}
.cart_table th i {margin-right: 8px; background-position: 0 0}
.cart_table th em {margin-right: 8px; background-position: -7px 0}
.cart_table th.headerSortUp em {background-position: -7px 0}
.cart_table th.headerSortDown i {background-position: 0 0}
.cart_table th.headerSortUp i {background-position: -14px 0}
.cart_table th.headerSortDown em {background-position: -21px 0}
.cart_table th.headerSortDown, .cart_table th.headerSortUp {color: #bbecff}
.cart_table tr.spacer td {padding: 0; height: 10px}
.cart_table tr.spacer span {display: block; height: 10px;}
.cart_table tr.spacer:hover {background-image: none}
.cart_table tr.spacer:hover .light {background: url("../images/bg-arrows-light.png") !important;}

.cart_table tr.deleted .t1 {border-radius: 4px 0 0 4px}
.cart_table tr.deleted .t8 {border-radius: 0 4px 4px 0}
.cart_table tr.deleted td, .cart_table tr.deleted:hover td, .cart_table tr.deleted td a, .cart_table tr.deleted:hover td a{background: none black !important; color: #00c0ff;}
.cart_table tr.deleted .remove {display: none;}
.cart_table tr.deleted .t8 span {color: #ffab00 !important; font-size: 12px; margin-top: 5px; display: block; }
.cart_table tr.deleted .t8 a {display: block; height: 30px; line-height: 30px; font-size: 12px; color: #88d300 !important;}

.cart_table tbody tr:hover td a, .cart_table tbody tr:hover a.remove {color: white; background: transparent none;}
.cart_table tbody tr:hover td {background: url("../images/cart-hover.png") no-repeat !important;}
.cart_table tbody tr:hover td.light {background: url("../images/cart-hover-light.png") repeat-x !important;}
.cart_table tbody tr:hover td.t1 {background-position: 0 0}
.cart_table tbody tr:hover td.t2 {background-position: -50px 0!important}
.cart_table tbody tr:hover td.t3 {background-position: -200px 0!important}
.cart_table tbody tr:hover td.t4 {background-position: -70px 0!important}
.cart_table tbody tr:hover td.t5 {background-position: -200px 0!important}
.cart_table tbody tr:hover td.t6 {background-position: -60px 0!important}
.cart_table tbody tr:hover td.t7 {background-position: -200px 0!important}
.cart_table tbody tr:hover td.t8 {background-position: -830px 0!important}
.cart_table a.remove {display: block; text-indent: -10000px; background: url("../images/btn-delete-big.png") no-repeat; width: 100px; height: 30px; cursor:pointer;}
.cart_table div {height: 50px; width: 50px; border-radius: 2px; position: relative; overflow: hidden; background-color: white;}

.cart_table_order_list {width: 950px; margin: 0 auto; z-index:1; position: relative;}
.cart_table_order_list thead tr {border: none;}
.cart_table_order_list tbody {padding-top: 10px}
.cart_table_order_list tbody tr {width: 950px}
.cart_table_order_list tbody tr:first-child {border: none!important;}

.cart_table_order_list th:hover {color: white}
.cart_table_order_list th {height: 50px; line-height: 50px; text-align: center; font-size: 12px; color: #00c0ff;}
.cart_table_order_list th img {position: absolute; z-index:1; border-bottom: 1px solid #234b73; margin-left: 1px;}
.cart_table_order_list th.light, .cart_table_order_list td.light {background: url("../images/bg-arrows-light.png") repeat;}
.cart_table_order_list th.first img{margin-left: -59px;}
.cart_table_order_list th.first b, .cart_table_order_list th.last b {text-decoration: none!important; cursor: default}
.cart_table_order_list th b {cursor: pointer; text-decoration: underline; font-weight: normal; z-index: 2; position: relative;}
.cart_table_order_list td input {width: 40px; text-align: right; border-radius: 3px; margin-right: 5px}
.cart_table_order_list td {font-size: 12px; color: #bbecff; text-align: center; padding: 10px;}
.cart_table_order_list td a {color: #bbecff}
.cart_table_order_list td a:hover {color: white; text-decoration: underline}
.cart_table_order_list tr {border-top: 1px solid #234b73;}

.cart_table_order_list th b {cursor: pointer; text-decoration: underline; font-weight: normal;}
.cart_table_order_list th i, .cart_table_order_list th em {width: 7px; height: 9px; background: url("../images/arrows-sort.png") no-repeat; display:inline-block; cursor: pointer;  z-index: 2; position: relative;}
.cart_table_order_list th i {margin-right: 8px; background-position: 0 0}
.cart_table_order_list th em {margin-right: 8px; background-position: -7px 0}
.cart_table_order_list th.headerSortUp em {background-position: -7px 0}
.cart_table_order_list th.headerSortDown i {background-position: 0 0}
.cart_table_order_list th.headerSortUp i {background-position: -14px 0}
.cart_table_order_list th.headerSortDown em {background-position: -21px 0}
.cart_table_order_list th.headerSortDown, .cart_table_order_list th.headerSortUp {color: #bbecff}
.cart_table_order_list tr.spacer td {padding: 0; height: 10px}
.cart_table_order_list tr.spacer span {display: block; height: 10px;}
.cart_table_order_list tr.spacer:hover {background-image: none}
.cart_table_order_list tr.spacer:hover .light {background: url("../images/bg-arrows-light.png") !important;}

.cart_table_order_list tr.deleted .t1 {border-radius: 4px 0 0 4px}
.cart_table_order_list tr.deleted .t8 {border-radius: 0 4px 4px 0}
.cart_table_order_list tr.deleted td, .cart_table_order_list tr.deleted:hover td, .cart_table_order_list tr.deleted td a, .cart_table_order_list tr.deleted:hover td a{background: none black !important; color: #00c0ff;}
.cart_table_order_list tr.deleted .remove {display: none;}
.cart_table_order_list tr.deleted .t8 span {color: #ffab00 !important; font-size: 12px; margin-top: 5px; display: block; }
.cart_table_order_list tr.deleted .t8 a {display: block; height: 30px; line-height: 30px; font-size: 12px; color: #88d300 !important;}

.cart_table_order_list tbody tr:hover td a, .cart_table_order_list tbody tr:hover a.remove {color: white; background: transparent none;}
.cart_table_order_list tbody tr:hover td {background: url("../images/cart-hover-no-remove.png") no-repeat !important;}
.cart_table_order_list tbody tr:hover td.t1 {background-position: 0 0}
.cart_table_order_list tbody tr:hover td.t2 {background-position: -50px 0!important}
.cart_table_order_list tbody tr:hover td.t3 {background-position: -200px 0!important}
.cart_table_order_list tbody tr:hover td.t4 {background-position: -70px 0!important}
.cart_table_order_list tbody tr:hover td.t5 {background-position: -200px 0!important}
.cart_table_order_list tbody tr:hover td.t6 {background-position: -60px 0!important}
.cart_table_order_list tbody tr:hover td.t7 {background-position: -200px 0!important}
.cart_table_order_list tbody tr:hover td.t8 {background-position: -830px 0!important}
.cart_table_order_list a.remove {display: block; text-indent: -10000px; background: url("../images/btn-delete-big.png") no-repeat; width: 100px; height: 30px; cursor:pointer;}
.cart_table_order_list div {height: 50px; width: 50px; border-radius: 2px; position: relative; overflow: hidden; background-color: white;}

.pager-wrapper {background: url("../images/bg-arrows.png") repeat; padding: 30px 40px; float: left; max-width: 240px}
.sum {background: url("../images/bg-arrows.png") repeat; float: right; border-bottom: 1px solid #234b73; width: 231px; padding: 30px 50px;}
.sum div {height: 30px; line-height: 30px; color: #bbecff; font-size: 18px;}
.sum div i {text-align: right; float: right; font-style: normal;}
.sum div.price i {color: #00c0ff;}
.sum div.discount i {color: #18628e;}
.sum div.delivery i {color: #18628e;}
.sum div.total i {color: white;}

.buttons2 {background: url("../images/bg-arrows.png") repeat; float: right; padding: 8px; width: 315px; position:relative; overflow: hidden;}
.buttons2 a {float: left; width: 154px; height: 42px; display: block; text-indent: -10000px}
.buttons2 a.cancel {background: url("../images/btn-cancel.png") no-repeat; margin-right: 6px; cursor:pointer;}
.buttons2 a.cancel:hover {background-position: 0 -42px}
.buttons2 a.send {background: url("../images/btn-sendorder.png") no-repeat; cursor:pointer;}
.buttons2 a.send:hover {background-position: 0 -42px}

.comment {background: url("../images/bg-arrows.png") repeat; float: left; width: 280px; padding: 10px; margin-right: 10px;}
.comment strong {font-weight: normal; font-size: 14px; color: #00c0ff; display: block; height: 30px; line-height: 30px;}
.comment div {position: relative; border-radius: 4px; padding: 10px; width: 260px; height: 140px; position: relative; overflow: hidden; background-color: white}
.comment textarea {border: none; width: 260px; height: 140px; color: black; font-size: 12px; background-color: transparent; resize: none;}

.a-sort {
	text-decoration: none!important; font-size: 12px; color: #00c0ff;
}
.a-sort:hover {
	color: #fff;
}

.pagination {
	border-radius: 4px;
	display: inline-block;
	margin: 20px 0;
	padding-left: 0;
}
.pagination>li {
	display: inline;
}
.pagination>li>a,.pagination>li>span {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #428bca;
	float: left;
	line-height: 1.42857143;
	margin-left: -1px;
	padding: 6px 12px;
	position: relative;
	text-decoration: none;
}
.pagination>li:first-child>a,.pagination>li:first-child>span {
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	margin-left: 0;
}
.pagination>li:last-child>a,.pagination>li:last-child>span {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
	background-color: #eee;
	border-color: #ddd;
	color: #23527c;
	z-index: 2;
}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
	background-color: #428bca;
	border-color: #428bca;
	color: #fff;
	cursor: default;
	z-index: 3;
}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
	background-color: #fff;
	border-color: #ddd;
	color: #777;
	cursor: not-allowed;
}
.pagination-lg>li>a,.pagination-lg>li>span {
	font-size: 18px;
	line-height: 1.3333333;
	padding: 10px 16px;
}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px;
}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
	border-bottom-right-radius: 6px;
	border-top-right-radius: 6px;
}
.pagination-sm>li>a,.pagination-sm>li>span {
	font-size: 12px;
	line-height: 1.5;
	padding: 5px 10px;
}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
}

.catalog_table {width: 950px; margin: 0 auto; z-index:1; position: relative;}
.catalog_table thead tr {border: none;}
.catalog_table tbody {padding-top: 10px}
.catalog_table tbody tr {width: 950px}
.catalog_table tbody tr:first-child {border: none!important;}

.catalog_table th:hover {color: white}
.catalog_table th {height: 50px; line-height: 50px; text-align: center; font-size: 12px; color: #00c0ff;}
.catalog_table th img {position: absolute; z-index:1; border-bottom: 1px solid #234b73; margin-left: 1px;}
.catalog_table th.light, .catalog_table td.light {background: url("../images/bg-arrows-light.png") repeat;}
.catalog_table th.first img{margin-left: -59px;}
.catalog_table th.first b, .catalog_table th.last b {text-decoration: none!important; cursor: default}
.catalog_table th b {cursor: pointer; text-decoration: underline; font-weight: normal; z-index: 2; position: relative;}
.catalog_table td {font-size: 12px; color: #bbecff; text-align: center; padding: 10px;}
.catalog_table td a {color: #bbecff;}
.catalog_table td a:hover {color: white; text-decoration: underline}
.catalog_table tr {border-top: 1px solid #234b73;}

.catalog_table th b {cursor: pointer; text-decoration: underline; font-weight: normal;}
.catalog_table th i, .catalog_table th em {width: 7px; height: 9px; background: url("../images/arrows-sort.png") no-repeat; display:inline-block; cursor: pointer;  z-index: 2; position: relative;}
.catalog_table th i {margin-right: 8px; background-position: 0 0}
.catalog_table th em {margin-right: 8px; background-position: -7px 0}
.catalog_table th.headerSortUp em {background-position: -7px 0}
.catalog_table th.headerSortDown i {background-position: 0 0}
.catalog_table th.headerSortUp i {background-position: -14px 0}
.catalog_table th.headerSortDown em {background-position: -21px 0}
.catalog_table th.headerSortDown, .catalog_table th.headerSortUp {color: #bbecff}

.catalog_table td.tOrderList1 {
	text-align: left;
	color: white;
	font-weight:bold;
	font-size: 14px;
}

.catalog_table td.tOrderList2 {
	text-align: left;
	font-size: 14px;
}

.view-mode {
	background-image: url('/template/images/view_mode.png');
	display: inline-block;
	width: 33px;
	height: 33px;
    background-color: #428bca;
	cursor: pointer;
}

.view-mode:hover {
	background-color: #1b5c90;
}

.view-mode.list {
	background-position: 0px 0px;
}

.view-mode.table {
	background-position: 33px 0px;
}

.view-mode.selected {
	background-color: #1b5c90;
	cursor: not-allowed;
}

.login-info {
	position: absolute;
    margin-left: 10px;
    width: 230px;
    overflow: hidden;
    padding: 0 10px 10px;
	color: white;
	font-size: 11pt;
	margin-top: 8px;
	text-align: center;
	right: 0;
}
.login-info h4 {
    font-size: 24px;
    height: 18px!important;
    line-height: 40px!important;
    font-weight: normal;
    margin-bottom: 20px!important;
}

.login-info a {
	color: #bbecff;
}
.login-info a:hover {
	color: #fff;
}

.equipment-detailed {
	margin-bottom: 100px;
}
.equipment-detailed__preview, .equipment-detailed__slider {
	display: flex;
	flex-direction: column;
}
.equipment-detailed__title {
	margin-bottom: 20px;
}
.equipment-detailed__container {
	background: #ffffff;
	padding-bottom: 30px;
	padding-left: 40px;
	padding-right: 90px;
	padding-top: 30px;
}
.equipment-detailed__content {
	display: flex;
}
.equipment-detailed__description {
	flex-shrink: 1;
	width: 100%;
}
.equipment-detailed__description p {
	color: #000000;
	letter-spacing: 0;
	line-height: 28px;
	opacity: 0.7;
}
.equipment-detailed__description > p {
}
.equipment-detailed__description ul {
}
.equipment-detailed__description li {
	align-items: center;
	display: flex;
}
.equipment-detailed__description li::before {
	background: #8DC63F;
	border-radius: 50%;
	content: "";
	display: block;
	flex-shrink: 0;
	height: 8px;
	margin-right: 13px;
	width: 8px;
}
.equipment-detailed__description h4 {
	color: #000000;
	letter-spacing: 0.79px;
	line-height: 30px;
	margin-bottom: 20px;
}
.equipment-detailed__description span {
	color: #000000;
	letter-spacing: 0;
	line-height: 28px;
	opacity: 0.7;
}
.equipment-detailed__slider {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin-bottom: 55px;
	margin-right: 55px;
	width: 270px;
}
.equipment-detailed__img-list {
	display: flex;
	flex-wrap: wrap;
	margin-top: 15px;
}
.equipment-detailed__img_large {
	align-items: center;
	display: flex;
	justify-content: center;
}
.equipment-detailed__img_large .equipment-detailed__img-source {
	height: 100%;
	object-fit: cover;
	width: 100%;
}
.equipment-detailed__img_small {
	align-items: center;
	background: #ffffff;
	cursor: pointer;
	display: flex;
	height: 80px;
	justify-content: center;
	margin: 5px;
	width: 80px;
	border-radius: 9px;
}
.equipment-detailed__img_small:hover {
	box-shadow: 0px 1px 3px 0px rgba(62, 75, 81, 0.5);
}
.equipment-detailed__img_small:last-child {
	margin-right: 0;
}
.equipment-detailed__img_small .equipment-detailed__img-source {
	object-fit: cover;
	width: 70px;
	height: 70px;
}
.equipment-detailed__button {
	height: 54px;
	margin-bottom: 30px;
	width: 230px;
}
.equipment-detailed__link {
	color: #000000;
	letter-spacing: 0.63px;
	line-height: 24px;
	text-decoration: underline;
	width: 230px;
}
.equipment-detailed__list {
	margin-bottom: 35px;
}