:root {
	--bg-color: #5e5e5e; /* #bc152f */
	--accent-bg-color: #e31837; /*#080;*/
	--accent-hover-bg-color: #a02e40; /*#033509;*/
}
html {
	margin: 0;
	padding: 0;
}
body {
	color: #333;
	font-family: Roboto, sans-serif;
	margin: 0px;
	padding: 0px;
	min-width: 320px;
}
body, td, th, input, textarea, select{
	font-size: 14px;
	max-width:100%;
}
h1,  .welcome #title{
	color: #000;
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 1.2em;
	font-weight: 700;
	text-transform:uppercase;
}
h2{font-size: 17px;}
h3{font-size: 16px;}
h4{font-size: 14px;}
h2, h3, h4 {
	color: #000;
	font-weight:700;
	margin-top: 0px;
	margin-bottom: 5px;
}
p {
	margin-top: 0px;
	margin-bottom: 20px;
}
#doptext{ font-size:16px;}
a{
	color: var(--accent-bg-color);
	text-decoration:none;
	cursor: pointer;
}
a:hover {
	color: var(--accent-hover-bg-color);
	text-decoration: none;
}
a img {
	border: none;
}
form {
	padding: 0;
	margin: 0;
	display: inline;
}
input[type='text'], input[type='password'], textarea {
	background: #Fff;
	border: 1px solid #ccc;
	color:#666;
	padding: 3px;
	margin-left: 0px;
	margin-right: 0px;

}
.contactarea{ width:90%;}
select {
	background: #f6f6f6;
	border: 1px solid #CCCCCC;
	padding: 3px;
}
.lmodul select.select1{ width:208px;cursor:pointer;}
.lmodul span.select1  {width:198px;}
.sort select.select1{ width:170px;cursor:pointer;}
.sort span.select1  {width:160px; overflow:hidden;}
.limit select.select1{ width:40px;cursor:pointer;}
.limit span.select1  {width:30px;}
span.select1 {
	color:#666;
	height:22px;
	font-size:13px;
	text-align:left;
	background:#fff url('../image/arrow-select.png') 100% 50% no-repeat;
	line-height:22px;
	white-space:nowrap;
	padding:0 4px;
	border:1px solid #ccc;
	margin:0;
		zoom:1;
}

label {
	cursor: pointer;
}

/***************************** layout ***************************************/
#main-container {
	/*overflow: hidden;*/
}
#container {
	width: 100%;
	/*margin-left: auto;
	margin-right: auto;*/
	/*text-align: left;*/
	/*overflow:hidden;*/
	position:relative;

}

#column-left {
	float: none;
	width: 300px;
	padding: 0px;
	margin-left: 0px;
	position: absolute;
	left: 0px;
	overflow: hidden;
	z-index: 2;
	top: 0;
	background: #fff;
	transition: all 300ms ease;
	visibility: hidden;
	opacity: 0;
}
#column-left.visible {
	opacity: 100;
	visibility: visible;
}
#column-right {
	/*float: right;
	width: 210px;*/
	padding:0px;
	margin-right:0px;
	}
.products-wrapper {
	position: relative;
	/*overflow: hidden;*/
}
.products-wrapper #column-right {

}
#column-right-wrapper {
	float: left;
	position: relative;
	width: 210px;
}
#content {
	min-height: 400px;
	_height:400px;
	margin-bottom:20px;
	margin-right:0px;
	margin-left:0px;
}
#column-left + #column-right + #content {
	margin-left: 240px; margin-right:240px;
}
 #column-left + #content {
	 margin-right: 0px;
	margin-left:240px;}
#column-right + #content {
	margin-right: 240px;
	margin-left:0px;
}
#wrapper{ width:1170px; margin:0 auto; padding: 0;  vertical-align:top;}
.main{background-color:#fff; }
.topnote{ margin:0 auto;}
.welcome { padding:20px 0 ; }
.relat{ position:relative;}
.centerbox{ margin:0 50px;}
#container > #content > .breadcrumb {
 padding-left:20px;
 margin-left: -20px;
}

#container > #content  {
 margin-left:20px;
}
/******************************************* header *************************************/
#header{
	border-bottom:1px solid #ddd;
	min-height:34px;
	padding:0;
	margin:0;
	width: 100%;
}
.top_logo { position: relative; padding:9px 0; max-width:50%; z-index:11;}
.top-nav {
	position: relative;
	float:right;
	margin-top:8px;
	z-index:10002;
}
.ctr{ clear:both;}
.top-nav #topbox { float:right; padding:4px 7px; }
.top-nav #language img {
	cursor: pointer;
	margin-right: 5px;
}
.top-nav #language span{ display:none;}
.top-nav #currency span{ display:none;}
.select2 {
	color:#9d9d9d;
	height:18px;
	font-size:11px;
	text-transform:uppercase;
	text-align:left;
	padding-left:6px;
	font-weight:normal;
	line-height:18px;
	white-space:nowrap;
	padding:0;
	zoom:1;
	margin:0;
	cursor:pointer;
}
select.select2{width:42px; margin-left:-1px; }
span.select2{width:34px; background:url('../image/arrow-select.png') 100% 50% no-repeat; }
.top-nav #topbox > a { 
    text-decoration:none;
	font-size:12px;
	line-height:18px;
	padding-bottom:6px;
}

.top-nav .wishlist-tot a{
		 background:url(../image/herz.png) 0px -30px no-repeat;
		 padding-left:22px;
		 transition-delay: 0;
         transition-duration: 0.2s;
         transition-property: all;
         transition-timing-function: cubic-bezier(0, 0, 1, 1);}
.top-nav .wishlist-tot a:hover{
	background-position:  0px 0px;}

.top-nav #currency a b {
	color: #FB2B75;
	text-decoration: none;
}

#searchbox {
	display: block;
    width: calc(100% - 680px);
    position: relative;
    top: unset;
    float: left;
    padding: 13px 0;
    height: 70px;
    box-sizing: border-box;
    margin-right: 20px;
}
#searchbox .button-search {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 13px;
	color: #000;
	font-size: 20px;
	height: 42px;
	line-height: 42px;
	width: 30px;
	text-align: center;
}
#searchbox .button-search:hover {
	color:  var(--accent-hover-bg-color);
}
#searchbox input {
	background: #f6f6f6;
	border:1px solid #ddd;
	border-radius: 7px;
	width: 100%;
	box-sizing: border-box;
	padding: 4px 35px 4px 10px;
	height: 43px;
	font-size: 1.2em;
}
.dropdown_fullwidth  div#infolink{ float:left; width:50%;}
.dropdown_fullwidth ul {
    margin: 0;
	padding: 0; }
.dropdown_fullwidth ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding:3px 0;
}
.top_info{display:block; position: absolute; right:0px; top:25px; z-index:10;}
.top_info > div{ float:right;
               margin-left:50px;
			   font-size:20px;
			   color:#000;}
.top_info > div img{ margin-right:6px;}

.content ul { list-style:none; margin:0; padding:0 0 0 20px;}
.content ul li{ padding:3px 0;}
/*******************************CART*********************************************/

.shop_carts {
	width: 230px;
	height: 70px;
	float: right;
}
.enter_reg {
	width: 80px;
	position: relative;
	float: left;
	border-right: 1px solid #fff;
	font-size: 0.9em;
	padding: 0px 20px 0px 0;
	margin: 10px 0;
	display: none;
}
.enter_reg a {
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
.enter_reg a:hover {
	text-decoration:underline;
}
.enter_reg_small {
	width: 40px;
	float: left;
	font-size: 25px;
	line-height: 40px;
	text-align: center;
	border-right: 1px solid #fff;
	padding: 0px 10px 0px 0;
	margin: 15px 0;
	display: block;
	height: 40px;
}
.enter_reg_small a {
	color: #fff;
}
.cartss_small {
	display: none;
	float: left;
	width: 40px;
}
.cartss_small a {
	width: 30px;
	display: block;
	overflow: hidden;
	height: 30px;
	margin: 10px 0 0 10px;
	color: #fff;
	font-size: 25px;
}
.cartss_small a:hover,
.enter_reg_small a:hover {
	color: var(--accent-bg-color);
}
.cartss {
	padding: 10px 0 10px 10px;
	width: 175px;
	float: left;
	box-sizing: border-box;
	height: 70px;
}
.cartss #cart-icon {
	color:#fff;
	font-weight:bold;
	position:relative;
	display:block;
	font-size:14px;
	top:17px;
	margin-left:157px;
	display:none;
}
#cart .cart-icon {
	display: block;
	width: 40px;
	height: 50px;
	font-size: 25px;
	margin: 0px 10px 0 0;
	line-height: 50px;
	float: left;
}
.cartss:hover .cart-icon {
	color:  var(--accent-bg-color);
}
#cart .content {
	margin:0;
	max-width:450px;
	width:400%;
	display:none;
	position:absolute;
	background:#fff;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:  0px 1px 3px 0px  rgba(0, 0, 0, 0.15);
	text-align:left;
	z-index:999999999999;
	padding:20px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
    right:0px;
    top:70px;
}
.cartss:hover #cart .content {
   display: block;
}
#cart > a {
	color: #fff;
	display: block;
	text-decoration: none;
	font-size: 1em;
	text-align: left;
	width: 110px;
	height: 50px;
	float: left;
	padding: 10px 0 0;
}

#cart h4 {display:none;}

.mini-cart-info table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 5px;
}
.mini-cart-info td {
	color: #000;
	vertical-align: top;
	padding: 10px 5px;
	border-bottom: 1px solid #EEEEEE;
}
.mini-cart-info .image {
	width: 1px;
}
.mini-cart-info .image img {
	border: 1px solid #EEEEEE;
	text-align: left;
}
.mini-cart-info .name small {
	color: #666;
}
.mini-cart-info .quantity {
	text-align: right;
}
.mini-cart-info td.total {
	text-align: right;
}
.mini-cart-info .remove {
	text-align: right;
}
.mini-cart-info .remove img {
	cursor: pointer;
}
.mini-cart-total {
	text-align: right;
	background-color:#f2f2f2;
	padding:10px;
	margin-bottom: 5px;
}
.mini-cart-total table {
	border-collapse: collapse;
	display: inline-block;
	display: -moz-inline-stack;

}
.mini-cart-total td {
	color: #da0000;
	font-weight:bold;
	padding: 4px;
}
.mini-cart-total td b{ color:#000;}
 #cart .checkout {
	text-align: right;
	clear: both;
}
#cart .empty {
	padding-top: 50px;
	text-align: center;
}
/*********************************** Top Account*******************************************/

.topaccount .dropdown_fullwidth {
	margin:0;
	width:449px;
	display:none;
	position:absolute;
	background:#fff;
   box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:  0px 1px 3px 0px  rgba(0, 0, 0, 0.15);
	text-align:left;
	padding:20px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
   }
.topaccount:hover .dropdown_fullwidth    {
   right:0px;
   top:26px;
	display: block;
	}
.topaccount #loginform div{ margin-top:10px;
                        display:inline-block;
						display: -moz-inline-stack;}

/*********************************** DROP-DOWN MENU *******************************************/

#menu{ position:relative; clear:both; z-index:1000;}
.colormenu{ background-color:#3DBCD4; z-index:100; margin:0 auto;}
.menuResp {
	display:block;
	padding: 0;
	z-index:10001;
	list-style: none;
	margin: 0;
	min-height:38px;

}
.menuResp > li {
	float: left;
	padding: 0px;
	transition-delay: 0;
    transition-duration: 0.3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.menuResp > li:first-child{
    -moz-border-top-left-radius: 3px;
	-khtml-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
}

.menuResp > li#homelink > a{ background:url('../image/homelink.png') center center no-repeat; width:24px;  text-indent:-9999px;}
.menuResp > li > a {
	font-size: 17px;
	color: #FFF;
	line-height: 18px;
	text-decoration: none;
	display: block;
	padding: 10px 12px;
	z-index: 6;
	position: relative;

}
.menuResp > li:hover > a{ color:#fff;}
.menuResp > li:hover {
	background-color: #000;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:  0px 1px 3px 0px  rgba(0, 0, 0, 0.15);}
.menuResp > li > div{
	display: none;
	position: absolute;
	z-index:10002;
	background-color: #fff;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:  0px 1px 3px 0px  rgba(0, 0, 0, 0.15);
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd; }
.menuResp > li > div.topmenu {
	padding:0px;
	float:left;
		min-width:250px;

   }
.menuResp > li.customlink { position:relative;}
.menuResp > li.customlink > div{
	float:right;
	right:0;
	left:auto;
	padding:0px;
	min-width:250px;

}

.menuResp > li > div > ul > li:hover > div
{ display:block;}

.menuResp > li:hover > div
{
 	display: table;
 }
.menuResp > li > div > ul {
	display: table-cell;
	list-style:none;
	margin:0;
	vertical-align:top;

}
.menuResp > li > div > ul{ padding:20px;}
.menuResp > li > div > ul > li > div  ul{ padding:5px 0 0 40px; list-style:none;}
.menuResp > li ul + ul,
.menuResp > li ul > li ul + ul {
	padding-left:20px;
}
.menuResp > li > div > ul > li { margin-bottom:10px;}

.menuResp > li > div > ul > li > a{
	 font-size:15px;
	 text-decoration:none;
	 color: #000;
	 display:block;}
.menuResp > li > div > ul > li > a span{ background-color:#f4f4f4; padding:6px;  min-height:20px; display:block;}

.menuResp ul ul> li > a{ text-transform:none;}
.menuResp ul li a, .menuResp > li > div > a{
	text-decoration: none;
	font-size:13px;
	color: #000;
	display: block;
	min-width: 120px;
	padding:2px 0;
}
.menuResp ul li a:hover, .menuResp > li > div > a:hover, .menuResp > li > div > ul > li > a:hover {
	color: #FB2B75;
}

.menuResp .categ_image{width:300px; padding:20px 20px 40px 20px;  display: table-cell; display:none;  }
.menuResp .categ_image img{ display:block; margin-bottom:20px;display:none;}
.menuResp #subcategory .sub_image { float:left;}
.menuResp #subcategory .sub_image img { width:40px; height:auto; margin-right:10px;}
.menuResp #topbrand .sub_image img { width:80px; height:auto; margin-right:10px;}
.menuResp #topbrand li{ text-align:center;}
.menuResp #topbrand li{ width:18%; float:left; margin-right:20px;}
.menuResp .categ_image a{ color:#000;}
/************************************** mobile menu ******************************************/
.ma-nav-mobile-container{ display:none; z-index:10; position:relative;}

#mobile-menu{
    display:none;
	float:right;
	margin-right:10px; margin-left:5px;
}
#mobile-menu select{ }
#mobile-welcome{ width:100%; text-align:right; display:none; height:26px; font-size:11px;}
/******************************************Breadcrumb*********************************************** */

.breadcrumb {
	color: #7b7b7b;
	margin-bottom: 20px;
	display:block;
	text-align:left;
	border-bottom:1px solid #ddd;
	background-color:#fff;
    padding:20px 0px;
}
.breadcrumb a{ color:#7b7b7b; font-size:12px;}
.breadcrumb a:hover{ color:#FB2B75;}

/******************************************Success*********************************************** */
.success, .warning, .attention, .information {
	padding: 10px 10px 10px 33px;
	margin-bottom: 0px;
	color: #555555;
}
.success {
	background: #EAF7D9 url('../image/success.png') 10px center no-repeat;
	border: 1px solid #BBDF8D;}
#notification .success {
	width:200px;
	position: fixed;
	top:10%;
	right:10%;
	z-index:99999;
}
.successimg{ width:100px; height:auto !important; display:block; margin-bottom:10px;}
.warning {
	background: #FFD1D1 url('../image/warning.png') 10px center no-repeat;
	border: 1px solid #F8ACAC;
}
.attention {
	background: #FFF5CC url('../image/attention.png') 10px center no-repeat;
	border: 1px solid #F2DD8C;
}
.success .close, .warning .close, .attention .close, .information .close {
	float: right;
	padding-top: 4px;
	padding-right: 4px;
	cursor: pointer;
}
.required {
	color: #FF0000;
	font-weight: bold;
}
.error {
	display: block;
	color: #FF0000;
}
.help {
	color: #999;
	font-size: 10px;
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
	display: block;
}

/******************************Table form******************************/
table.form {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
table.form tr td:first-child {
	width: 150px;
}
table.form > * > * > td {
	color: #000;
}
table.form td {
	padding: 4px;
}
input.large-field, select.large-field {
	width: 300px;
}
table.list {
	border-collapse: collapse;
	width: 100%;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
	background-color:#FFF;
}
table.list td {
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
table.list thead td {
	background-color:#f8f8f8;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	font-size:14px;
	padding: 0px 5px;
}
table.list thead td a, .list thead td {
	text-decoration: none;
	color: #000;

}
table.list tbody td {
	padding: 0px 5px;
}
table.list .left {
	text-align: left;
	padding: 7px;
}
table.list .right {
	text-align: right;
	padding: 7px;

}
table.list  tfoot .right{color:#da0000; font-weight:bold;}
table.list tfoot .right b{ color:#000;}
table.list .center {
	text-align: center;
	padding: 7px;
}
table.radio {
	width: 100%;
	border-collapse: collapse;
}
table.radio td {
	padding: 5px;
}
table.radio td label {
	display: block;
}
table.radio tr td:first-child {
	width: 1px;
}
table.radio tr td:first-child input {
	margin-top: 1px;
}
table.radio tr.highlight:hover td {
	background: #F1FFDD;
	cursor: pointer;
}

/*****************Pagination********************************/
.pagination {
	display: inline-block;
	width: 100%;
	margin: 2px 0 20px 0;

}
.pagination .links {
	float: left;
}
.pagination .links a {
	display: inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    -khtml-border-radius: 3px;
	border-radius: 3px;
	padding: 4px 10px;
	text-decoration: none;
	color: #000;
	background-color:#e0e0e0;
}
.pagination .links b, .pagination .links a:hover {
	display: inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    -khtml-border-radius: 3px;
	border-radius: 3px;
	padding: 4px 10px;
	font-weight: normal;
	text-decoration: none;
	color: #fff;
	background-color: #32353A;
	cursor:pointer;
}
.pagination .results {
	float: right;
	padding-top: 3px;
	margin-right:10px;
}
/***************************************** button **********************************/
.boxfeatured .cart a.button,
.product-grid .cart a.button,
.verticaltab .cart a.button{
				  background-color: var(--accent-bg-color);
	              /*background-image: url('../image/bigbutton.png') ;
	             text-indent:-9999px;
				  background-position:0px -30px;
				  background-repeat: no-repeat;*/
				  height:30px;
				  width:100px;
				  padding:0;
	             transition-delay: 0;
                 transition-duration: 0.2s;
                 transition-property: all;
                  transition-timing-function: cubic-bezier(0, 0, 1, 1);
				  display:block;
				}
.cart-button-wrapper {
	margin: 10px 0;
	width: 100%;
}
#button-cart {
	background: var(--accent-bg-color);
	min-width: 150px;
	height: 40px;
    font-size: 1.1em;
    margin: 10px 0 0;
}
.boxfeatured .cart a.button:hover,
.product-grid .cart a.button:hover,
.verticaltab .cart a.button:hover,
#button-cart:hover {
	background-color: var(--accent-hover-bg-color);
}

.wishlist a, .compare a {
   transition-delay: 0;
   transition-duration: 0.2s;
   transition-property: all;
   transition-timing-function: cubic-bezier(0, 0, 1, 1);
   width:100px;
   height:30px;
   display: block;
  -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
     -khtml-border-radius: 3px;
	  border-radius: 3px;
	  color:#000;

  }
.product-grid .wishlist a, .product-grid .compare a, .boxfeatured .wishlist a, .boxfeatured .compare a,
.verticaltab .wishlist a, .verticaltab .comparet a{	text-indent:-9999px;}
.wishlist a:hover,
.compare a:hover{ 
	color:#FFF;
	background-color:#FB2B75;
}
.cart input.button,
.product-list .cart a.button{
	/*background:#32353A url('../image/bigbutton.png') 4px -30px no-repeat;*/
	border:none;
	/*padding-left: 40px;*/
	color:#fff;
	height:30px;
	line-height:30px;
}
.cart input.button{min-width:100px;}
.product-list .cart a.button{min-width:80px; max-width:120px; /*padding-right:10px;*/}
.cart input.button:hover, .product-list .cart a.button:hover { background-color:#FB2B75; background-position:4px 0px;}

a.button, input.button, a.checkbut, a.redbutton , button{
	background-color: var(--accent-bg-color);
	cursor: pointer;
	color: #fff;
	text-decoration:none;
	font-size: 12px;
	padding:0 25px;
	line-height:30px;
	height:30px;
	 transition-delay: 0;
     transition-duration: 0.2s;
     transition-property: all;
     transition-timing-function: cubic-bezier(0, 0, 1, 1);
	 -webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
      -khtml-border-radius: 3px;
	   border-radius: 3px;
	   border:none;

}

a.button:hover, input.button:hover,  .checkbut:hover, a.redbutton:hover, button:hover{ background-color: var(--accent-hover-bg-color);
	color:#fff;
}
a.button,  .checkbut, a.redbutton {
	display: inline-block;
	display: -moz-inline-stack;
}

.buttons {
	overflow: auto;
	margin: 10px 0 20px;
	border-top:1px solid #e0e0e0;
	padding-top:10px;

}
.buttons .left {
	float: left;
	text-align: left;
}
.buttons .right {
	float: right;
	text-align: right;
}
.buttons .center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
/**************************************Tabs************************************/
.htabs {border-bottom:1px solid #ddd;
 height:23px;

}
.htabs a {
	padding:5px 2%;
	font-size: 1.1em;
	line-height:20px;
	text-decoration: none;
	color: #000;
    border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-top:1px solid #32353A;
	background-color:#eee;
}
.htabs a.selected, .htabs a:hover {
	background-color: #fff;
	color: var(--accent-bg-color);
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-top:1px solid  var(--accent-bg-color);
}
.tab-content {
	padding: 20px;
	margin-bottom: 20px;
	z-index: 2;
	overflow: auto;
	background-color:#fff;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
.tab-content .buttons{ text-align:right;}
/*******************Box-account****************************************/

.box-account {
	border:1px solid #ddd;
	background-color:#f8f8f8;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    -khtml-border-radius: 3px;
	border-radius: 3px;
	padding:10px;
}

.box-account li {
	list-style:none;
}

.box-account > li  {
	display:block;
	padding: 8px 4px 8px 4px;
	border-bottom:1px solid #eee;


}
.box-account > li > a {
	text-decoration: none;
	font-size:15px;
	color: #000;
}


.box-account li a:hover{color:#FB2B75;}
.box-account li:hover{ border-color:#FB2B75; background-color:#FFF;}

/*******************Vertical slider****************************************/
#content .arrbuttons { display:none;}

#column-left #vertslide,
#column-right #vertslide{overflow:hidden; position:relative; }
#column-left #vertslide .viewport,
#column-right #vertslide .viewport { float: left; width: 100%; overflow: hidden; position: relative; height:390px;}
#column-left #vertslide .overview,
#column-right #vertslide .overview {position: absolute; padding: 0; margin: 0; width:100%; left: 0; top: 0;}

#column-left .arrbuttons, #column-right .arrbuttons {
                        background:#f8f8f8 url("../image/slider_arrows_vert.png") no-repeat;
                        display:block;
						margin:0px;
						background-position: 0px 50%;
						text-indent: -999em;
						width: 25px;
						height:25px;
						border:1px solid #ddd;
						top:0px;
						right:28px;
						overflow: hidden;
						position: absolute;
                       z-index:2;
					      -webkit-border-radius: 3px;
	                    -moz-border-radius: 3px;
                       -khtml-border-radius: 3px;
	                    border-radius: 3px;}
#vertslide .next { background-position: -25px 50%; right:0px;  }
#vertslide .disable { -moz-opacity: 0.3;
                         -khtml-opacity: 0.3;
                          opacity: 0.3;
	                      filter:alpha(opacity=30); }

#column-left .block, #column-right .block{
	width:188px;
	padding:10px;
	text-align:left;
	max-height:80px;
	min-height:100px;

	}
#column-left .block:hover, #column-right .block:hover{
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:  0px 0px 7px rgba(0, 0, 0, 0.1) ;
}

#column-left .boxfeatured .image, #column-right .boxfeatured .image{ float:left; }
#column-left #buttonrow, #column-right #buttonrow{ display:none;}
#column-left .block .descr, #column-right .block .descr{ margin-left:90px;}
#column-left .savemoney, #column-right .savemoney{ display:none;}
#column-left .boxfeatured .name a, #column-right .boxfeatured .name a{ font-size:13px;}


/******************************** box category ***********************************/
ul.box-category  {
	list-style: none;
	margin: 0;
	border:1px solid #ddd;
	background-color:#f8f8f8;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    -khtml-border-radius: 3px;
	border-radius: 3px;
	padding:10px;
}

.box-category > li > a {
	display:block;
	padding: 8px 4px 8px 4px;
	text-decoration: none;
	font-size:15px;
	color: #000;
    border-bottom:1px solid #eee;
}
.box-category > li +li{}
.box-category > li > ul {
	display: none;
	padding:5px 10px 10px 10px;
      background-color:#FFF;
	   border-bottom:1px solid #eee;
}
.box-category > li > a.active {
	border-color:#FB2B75;
	color:#FB2B75;
    background-color:#FFF;
}
.box-category > li a.active + ul {
	display: block;
}
.box-category > li > ul  li {
	list-style: none;
}
.box-category > li ul > li > a {
	text-decoration: none;
	color:#000;
	display: block;
	padding:3px;
}

.box-category li a:hover{color:#FB2B75; border-color: #FB2B75; background-color:#FFF;}

.box-category > li > ul ul {
	display: block;
	padding:8px 0 8px 10px;

}
.box-category .list-unstyled {
	padding:0;

}
.filter-price{list-style: none;
	margin: 0;
	border:1px solid #ddd;
	background-color:#f8f8f8;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    -khtml-border-radius: 3px;
	border-radius: 3px;
	padding:10px;

}
/********************** box filter ************************/
ul.box-filter, ul.box-filter ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.box-filter span {
	font-weight: bold;
	border-bottom: 1px solid #EEEEEE;
	display: block;
	padding-bottom: 5px;
	margin-bottom: 8px;
}
ul.box-filter > li ul {
	padding-bottom: 10px;
}
/****************************** content **************************************/
#content .content {
	overflow: auto;
	margin-bottom: 20px;

}
#content .content .left {
	float: left;
	width: 49%;
}
#content .content .right {
	float: right;
	width: 49%;
}


/********************************* manufacturer ****************************/
.manufacturer-list {
	border: 1px solid #DBDEE1;
	padding: 5px;
	overflow: auto;
	margin-bottom: 20px;
}
.manufacturer-heading {
	background: #fff;
	font-size: 18px;
	color:#32353A;
	padding: 5px 8px;
	margin-bottom: 6px;
}
.manufacturer-content {
	padding: 8px;
}
.manufacturer-list ul {
	float: left;
	width: 25%;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 10px;
}
/********************* Category ***************************/
.category-info {
	overflow: auto;
	margin-bottom: 20px;
	display:block;
	width:auto;
	vertical-align:top;
}
.category-info .image {
	float: left;
	padding: 0px;
	margin-right: 20px;
	margin-bottom:10px;
}
.category-list {
	overflow: auto;
margin-bottom: 20px;
}
.category-list h2{ border-bottom:1px solid #ddd;
                   margin-bottom:10px;
                  display:none;}
.category-list ul {
	margin:0;
	padding:0;
	display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.category-list ul li{
	display: block;
	border:1px solid #ddd;
	/*float: left;*/
	width:126px;
	min-height:114px;
	/*margin: 0px 10px 10px 0px;*/
	padding: 0;
	text-align:center;
	padding:8px;
	min-height: 120px;

}
.category-list ul li img{

}

.product-filter {
	padding:5px 0px;
	overflow: auto;
	margin-bottom:10px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.product-filter .display {
	margin-top:6px;
	float: left;
	color: #888;
}

.product-filter .display .iconlist, .product-filter .display .icongrid {
	padding-left:21px; margin-right:10px; height:17px; line-height:17px;

}
.product-filter .display a.iconlist{ background:url(../image/display-list.png) left no-repeat;}
.product-filter .display span.iconlist{ background:url(../image/display-list-over.png) left no-repeat;}
.product-filter .display a.icongrid{ background:url(../image/display-grid.png) left no-repeat;}
.product-filter .display span.icongrid{ background:url(../image/display-grid-over.png) left no-repeat;}
.product-filter .sort {
	float:right;
	margin-top:2px;
	margin-left: 10px;
	color: #333;
}
.product-filter .limit {
	margin-top:2px;
	margin-left: 10px;
   float:right;
	color: #333;
}
.product-compare{ display:inline-block;}

.product-compare a {
	text-decoration: none;
	line-height: 28px;
	display: block;
	padding-top: 1px;
	white-space: nowrap;
	transition-delay: 0;
	transition-duration: 0.2s;
	transition-property: all;
	transition-timing-function: cubic-bezier(0, 0, 1, 1);
}

.product-compare a:hover { color:#FB2B75;}
.product-compare a:hover { background-position:0px 0px;}

/***********************Modules***********************************/
#column-left .box, #column-right .box {
	margin-bottom: 30px;
}
.box{ margin-bottom:20px;}
.box .box-heading {
    margin-bottom:10px;
	font-size: 18px;
	color: #000;
	text-transform:uppercase;
	padding: 0px;

}
#column-left .box .box-heading, #column-right .box .box-heading{
	font-size: 18px;
	color: #000;
	text-transform:uppercase;
}
.block{
	margin:0px 8px 8px 0px;
	background-color:#fff;
	vertical-align:top;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius:4px;
	border-radius: 4px;
	border:1px solid #ddd;
	overflow:hidden;
	transition-delay: 0;
	transition-duration: 0.2s;
    transition-property: all;
	transition-timing-function: cubic-bezier(0, 0, 1, 1);
}

.block:hover{
	border-color:var(--accent-bg-color);
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
}

.boxfeatured {
	margin:0;
	width: 100%;
	overflow: hidden;
	position:relative;
	text-align:center;
	padding:0px;
}
.boxfeatured .block{
 display: inline-block;
 position:relative;
 width:200px;
 padding:8px;
 text-align:center;
}

#column-left + #column-right + #content .boxfeatured > div {
	width: 230px;
}
.boxfeatured .image {
	margin-bottom: 8px;
	padding:0;
	position:relative;
}

.boxfeatured .image img {
	border:none;
}
.boxfeatured .name a {
	color: #000;
    font-size:15px;
	text-decoration: none;
	display: block;
	margin-bottom:10px;
	height: 30px;
}
.boxfeatured .name a:hover{ color:#FB2B75;}

.boxfeatured .description{ margin-bottom:8px;  padding-bottom:8px; text-align:left; display:none;}
.boxfeatured .description a{text-decoration:none; color:#777; }
.boxfeatured .description a:hover{ color:#FB2B75;}
.savemoney{
   /**display: inline-block;*/
   color:#fff;
   background-color:#FB2B75;
	width:40px;
	height:40px;
	line-height:40px;
	font-size:12px;
	text-align:center;
	 -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
    -khtml-border-radius: 50%;
	border-radius: 50%;
}
.boxfeatured .savemoney, .product-grid .savemoney, .verticaltab .savemoney {
	display:block;
	position:absolute;
	left:10px; top:50px;
}
.boxfeatured .price {
	font-size:15px;
	display: block;
	color: #333;
	margin-bottom:8px;
}
.boxfeatured .price-old {
	color: #888;
	text-decoration: line-through;
}
.boxfeatured .price-new {
	color: var(--accent-bg-color);
}
.boxfeatured .price .price-tax {
	display: none;
	color:#797979;
}
.boxfeatured #buttonrow {
   position: relative;  width:100%; padding-top:3px; padding-bottom:8px;
}

#buttonrow div{
      display:inline-block;
	  display: -moz-inline-stack;
       *display: inline;
	  vertical-align:middle;
	  margin-right:0px;
	  padding:0;
	  	zoom:1;
}
.cart i {
	margin: 0 5px 0 0;
	font-size: 1.2em;
}


/************************************Product-grid*******************************************/

.product-grid{
	margin:0;
	padding:0px;
	width: calc(100% - 210px);
	overflow: hidden;
	position:relative;
	text-align:center;
	margin: 0 0 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 1%;
}
.product-grid .block{
	position: relative;
	width: 24.25%;
	text-align: center;
	margin-right: 1%;
	box-sizing: border-box;
	margin-bottom: 1%;
	display: block;
	float: left;
	padding: 5px;

	/*width: 19.2%;*/
	padding: 8px 4px;
	margin: 0;
}
/*.product-grid .block:nth-child(4n) {
	margin-right: 0;
}*/

#column-left + #column-right + #content .product-grid > div {
	width: 232px;
}

.product-grid .image{
	margin:0 0 10px 0;
	position:relative;
	padding:0;
}
.product-grid .image a{ padding:0; margin:0;}
.product-grid .image_but{
	margin-bottom: 8px;
	position:relative;
	padding:0;}
.product-grid .image img {
	border:none;
	max-width: 100%;
}
.product-grid .name a {
	color: #000;
    font-size:15px;
	text-decoration: none;
	display: block;
	margin-bottom:8px;
}
.product-grid .name a:hover{ color:#FB2B75;}

.product-grid .description{ margin-bottom:10px;text-align:left; display:none;}
.product-grid .description a{text-decoration:none; color:#777; }
.product-grid .description a:hover{ color:#FB2B75;}
.product-grid .price {
	font-size:15px;
	display: block;
	color: #3DBCD4;;
	margin-bottom:8px;
}
.product-grid .price-old {
	color: #888;
	text-decoration: line-through;
}
.product-grid .price-new {
	color: #FB2B75;
}
.product-grid .price .price-tax {
	display: none;
	color:#797979;
}
.product-grid #buttonrow {
     position: relative;  width:100%; padding-top:3px; padding-bottom:8px;
}
.product-grid .rating {
	min-height: 20px;
}

/*************************************Product-list******************************************/

.product-list .savemoney{ position: relative; display:inline-block; margin-left:10px;}
.product-list .left{ float:left; margin-right:30px;}
.product-list .right{}
.product-list .block{
    width:95%;
	display: inline-block;
    position:relative;
	overflow:auto;
	padding:20px;
}
.product-list .image img {
	border:none;
}
.product-list .name a {
	color: #000;
    font-size:15px;
	text-decoration: none;
	display: block;
	margin-bottom:8px;
}
.product-list .name a:hover{ color:#FB2B75;}

.product-list .description{margin:20px 0;}
.product-list .description a{text-decoration:none;
                            color:#777;

							}
.product-list .description a:hover{ color:#FB2B75;}
.product-list .price {
	font-size:15px;
	display: block;
	color: #3DBCD4;
	margin-bottom:8px;
}
.product-list .price-old {
	color: #888;
	text-decoration: line-through;
}
.product-list .price-new {
	color: #FB2B75;
}
.product-list .compare a, .product-list .wishlist a{
            width:auto;
			line-height:30px;
			padding-left:30px;
			padding-right:10px;}
.product-list .rating{ margin-bottom:10px;}
.product-list .price .price-tax {
	display: none;
	color:#797979;
}

/************************************ Product info ********************************************/
.product-info {
	overflow: auto;
	padding:10px;
	border:1px solid #ddd;
	background-color:#FFF;
	margin-bottom: 20px;
}
.product-info .left {
	float: left;
	margin-right: 20px;
}
.product-info .right  {
	margin-left: 350px;
}
.relatedbox .block{ min-height:280px; }

.relatedbox .boxfeatured{ text-align:left;}
.product-info .image {
	border: 1px solid #E7E7E7;
	float: left;
	margin-bottom: 20px;
	padding: 0px;
	text-align: center;
}
.product-info .image-additional{
	width: 300px;
	clear: both;
	overflow: hidden;}
.product-info .image-scroll {
	overflow:hidden; position:relative; height:1%;
}
.product-info .image-scroll .viewport { float: left; width:268px; overflow: hidden; position: relative; height:110px; margin-left:20px;}
.product-info .image-scroll .overview {position: absolute; padding: 0; margin: 0; width:100%; left: 0; top: 0;}

.product-info .image-scroll  .arr2buttons {
                        background:#f8f8f8 url("../image/slider_arrows.png") no-repeat;
                        display:block;
						margin:0px;
						background-position: 0px 50%;
						text-indent: -999em;
						width: 25px;
						height:25px;
						border:1px solid #ddd;
						top:28px;
						overflow: hidden;
						position: absolute;
                       z-index:2;
					      -webkit-border-radius: 3px;
	                    -moz-border-radius: 3px;
                       -khtml-border-radius: 3px;
	                    border-radius: 3px;}
.product-info .image-scroll .next { background-position: -25px 50%; right:0px;  }
.product-info .image-scroll .prev{left:0px;}
.product-info .image-scroll .disable { -moz-opacity: 0.3;
                         -khtml-opacity: 0.3;
                          opacity: 0.3;
	                      filter:alpha(opacity=30); }
#buttonrow .minimum{ display:block;}

.product-info #buttonrow .cart{
	margin: 0;
}

.product-info .image-additional img {
	border: 1px solid #ddd;
}
.product-info .image-additional .item {
	float: left;
	display: block;
	width:82px;
	margin-right: 10px;

}
.product-info .description {
	margin-bottom:20px;
	line-height: 20px;

}
.product-info #buttonrow{ padding:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:10px;}
.product-info .share{ margin-top:10px;}
.product-info .description span {
	color: #a7a7a7;
}
.product-info .price {
	overflow: auto;
	margin-bottom: 10px;
	font-size: 1.2em;
	color: #3DBCD4;
	float:right;
}
.product-info .savemoney{ position:relative;
                          display:inline-block;
						  display: -moz-inline-stack;
                          *display: inline;
						  vertical-align: middle;
						  	zoom:1; }
.product-info .price-old {
	color: #888;
	text-decoration: line-through;
}
.product-info .price-new {color: #FB2B75;}
.product-info .price-tax {
	font-size: 11px;
	font-weight: normal;
	color: #777;
	margin-bottom:6px;
}
.product-info .price .reward {
	font-size: 11px;
	font-weight: normal;
	color: #777;
	margin-bottom:6px;
}
.product-info .price .discount {
	font-weight: normal;
	font-size: 11px;
	color: #777;
}
.product-info .options {
	margin-bottom: 20px;
	text-align:left;
	 vertical-align:top;
}
.product-info .option-image {
	margin-top: 3px;
	margin-bottom: 10px;
}
.product-info .option-image label {
	display: block;
	width: 100%;
	height: 100%;
}
.product-info .option-image img {
	margin-right: 5px;
	border: 1px solid #ddd;
	cursor: pointer;
}
.product-info #stars{
		   margin-bottom:20px;
}

.b-share {
margin-left: -4px;
margin-top: -6px;
}
.product-info .review .share {
	overflow: auto;
	line-height: normal;
	text-align:left;
	margin-bottom:20px;
	}
.product-info .review .share a {
	text-decoration: none;
}
.product-info .minimum{ margin-bottom:10px;}
.review-list {
	overflow: auto;
	margin-bottom: 20px;
}
.review-list .author {
	background:url(../image/user_review.png) left no-repeat;
	padding-left:22px;
	float: left;
	line-height:18px;
	margin-bottom: 20px;
}
.review-list .rating {
	float: right;
	margin-bottom: 20px;
}

.review-list .text {
	clear: both;
}
.product-info #opname{
	font-size:16px;
	color:#32353A;
	margin-bottom:5px;
	margin-top:10px;
	}
.attribute {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.attribute thead td, .attribute thead tr td:first-child {
	color: #000;
	font-size: 14px;
	font-weight:normal;
	background: #F7F7F7;
	text-align: left;
}
.attribute tr td:first-child {
	color: #000;
	font-weight: bold;
	text-align: right;
	width: 20%;
}
.attribute td {
	padding: 7px;
	text-align: center;
	vertical-align: top;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
.reviewfield{ margin-bottom:10px;}
.reviewfield strong{ float: left; min-width:180px; font-weight:normal;}
.reviewfield textarea{ max-width:50%; }
.product-info .compare,
.product-info .wishlist {
	margin: 0 0 0 10px;
	text-align: center;
}
.product-info .compare a,
.product-info .wishlist a {
    width: auto;
    color: #000;
    padding: 5px 10px;
    line-height: 30px;
    height: 40px;
    box-sizing: border-box;
    background: #ddd;
    font-size: 1.1em;
    margin: 10px 0 0;
}
.product-info .compare a:hover,
.product-info .wishlist a:hover{
	color:#fff;
	background: var(--bg-color);
}
.product-info .compare i,
.product-info .wishlist i {
	margin: 0 5px 0 0;
}
.product-info #buttonrow table{ border-collapse: collapse;}
input#htop{ padding:6px; width:30px; }
#decrease, #increase{
	background-color: transparent;
	width:34px;
	height:30px;
	color:#222;
	border:none;
	margin-right:3px;
	font-size:18px;
	cursor:pointer;

	}
/************************************Compare*****************************************/
.compare-info {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
	background-color:#FFF;
}
.compare-info thead td, .compare-info thead tr td:first-child {
	color: #000;
	font-size: 14px;
	background-color:#f8f8f8;
	border-top:1px solid #ddd;
	text-align: left;
}
.compare-info tr td:first-child {
	color: #000;
	background-color:#f8f8f8;
	text-align: right;
}
.compare-info td {
	padding: 7px;
	width: 20%;
	color: #4D4D4D;
	text-align: center;
	vertical-align: top;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
.compare-info .name a {
	font-weight: bold;
}
.compare-info .price-old {
	font-weight: bold;
	color: #F00;
	text-decoration: line-through;
}
.compare-info .price-new {
	color:#FB2B75;
}
/************************************** wishlist ************************************************/
.wishlist-info table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
	background-color:#FFF;
}
.wishlist-info td {
	padding: 7px;
}
.wishlist-info thead td {
	color: #000;
	font-size:14px;
	background-color:#f8f8f8;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.wishlist-info thead .image {
	text-align: center;
}
.wishlist-info thead .name, .wishlist-info thead .model, .wishlist-info thead .stock {
	text-align: left;
}
.wishlist-info thead .quantity, .wishlist-info thead .price, .wishlist-info thead .total, .wishlist-info thead .action {
	text-align: right;
}
.wishlist-info tbody td {
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}
.wishlist-info tbody .image img {
	border: 1px solid #eee;
}
.wishlist-info tbody .image {
	text-align: center;
}
.wishlist-info tbody .name, .wishlist-info tbody .model, .wishlist-info tbody .stock {
	text-align: left;
}
.wishlist-info tbody .quantity, .wishlist-info tbody .price, .wishlist-info tbody .total, .wishlist-info tbody .action {
	text-align: right;
}
.wishlist-info tbody .price s {
	color: #F00;
}
.wishlist-info tbody .action img {
	cursor: pointer;
}
.login-content {
	margin-bottom: 20px;
	overflow: auto;
}
.login-content .left {
	float: left;
	width: 48%;
}
.login-content .right {
	float: right;
	width: 48%
}
.login-content .left .content, .login-content .right .content {
	min-height: 190px;
	_height:190px;
}
/********************** orders ******************************/
.order-list {
	margin-bottom: 10px;
}
.order-list .order-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.order-list .order-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}
.order-list .order-content {
	padding: 10px 0px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}
.order-list .order-content div {
	float: left;
	width: 33.3%;
}
.order-list .order-info {
	text-align: right;
}
.order-detail {
	background: #EFEFEF;
	font-weight: bold;
}
/******************************* returns ********************************/
.return-list {
	margin-bottom: 10px;
}
.return-list .return-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.return-list .return-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}
.return-list .return-content {
	padding: 10px 0px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}
.return-list .return-content div {
	float: left;
	width: 33.3%;
}
.return-list .return-info {
	text-align: right;
}
.return-product {
	overflow: auto;
	margin-bottom: 20px;
}
.return-name {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-model {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-quantity {
	float: left;
	width: 31%;
}
.return-detail {
	overflow: auto;
	margin-bottom: 20px;
}
.return-reason {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-opened {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-opened textarea {
	width: 98%;
	vertical-align: top;
}
.return-captcha {
	float: left;
}
.download-list {
	margin-bottom: 10px;
}
.download-list .download-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.download-list .download-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}
.download-list .download-content {
	padding: 10px 0px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}
.download-list .download-content div {
	float: left;
	width: 33.3%;
}
.download-list .download-info {
	text-align: right;
}
/********************** cart *****************************/
.cart-info table {
	width: 100%;
	margin-bottom: 15px;
	border-collapse: collapse;
	background-color:#FFF;
}
.cart-info td {
	padding: 7px;
}
.cart-info thead td {
	color: #000;
	font-size:14px;
	background:#f8f8f8 ;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;

}
.cart-info thead .image {
	text-align: center;
}
.cart-info thead .name, .cart-info thead .model, .cart-info thead .quantity {
	text-align: left;
}
.cart-info thead .price, .cart-info thead .total {
	text-align: right;
}
.cart-info tbody td {
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}
.cart-info tbody .image img {
	border: 1px solid #DDDDDD;
}
.cart-info tbody .image {
	text-align: center;
}
.cart-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity {
	text-align: left;
}
.cart-info tbody .quantity input[type='image'], .cart-info tbody .quantity img {
	position: relative;
	top: 4px;
	cursor: pointer;
}
.cart-info tbody .price, .cart-info tbody .total {
	text-align: right;
}
.cart-info tbody span.stock {
	color: #F00;
	font-weight: bold;
}

.cart-module > div {
	display: none;
}
#cart-total {
	margin-bottom: 0px;
	text-align: left;
	word-wrap: break-word;
}
.cart-total table {
	float: right;
	min-width:300px;
}
.cart-total td {
	padding: 3px;
	text-align: right;
	color:#da0000;
	font-weight:bold;
}
.cart-total td b{ color:#777;}
/******************************** checkout ************************************/
.checkout-heading {
	background: #eaeaea;
	border-bottom: 1px solid #ccc;
	padding: 8px;
	font-size: 15px;
	color: #000;
	margin-bottom: 1px;
}
.checkout-heading a {
	float: right;
	margin-top: 1px;
	font-weight: normal;
	text-decoration: none;
}
.checkout-heading a:hover{ color:#FB2B75;}
.checkout-content {
	padding: 20px;
	background-color:#fff;
	display: none;
	overflow: auto;
}
.checkout-content .left {
	float: left;
	width: 48%;
}
.checkout-content .right {
	float: right;
	width: 48%;
}
.checkout-content .buttons {
	clear: both;
}
.checkout-product table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
	background-color:#FFF;
}
.checkout-product td {
	padding: 7px;
}
.checkout-product thead td {
	color: #000;
	font-size:14px;
	background-color:#f8f8f8;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.checkout-product thead .name, .checkout-product thead .model {
	text-align: left;
}
.checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total {
	text-align: right;
}
.checkout-product tbody td {
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}
.checkout-product tbody .name, .checkout-product tbody .model {
	text-align: left;
}
.checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total {
	text-align: right;
}
.checkout-product tfoot td {
	text-align: right;
	border-bottom: 1px solid #DDDDDD;
}
.checkout-product tfoot td.total{ color:#da0000; font-weight:bold;}
.contact-info {
	overflow: auto;
	padding:20px;
	 background-color:#ededed;
	-webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
     -khtml-border-radius: 3px;
	border-radius: 3px;
	margin-bottom:20px;

}
.contact-info .left {
	float: left;
	width: 48%;
}
.contact-info .right {
	float: left;
	width: 48%;
}
.sitemap-info {
	overflow: auto;
	margin-bottom: 40px;
}
.sitemap-info .left {
	float: left;
	width: 48%;
}
.sitemap-info .right {
	float: left;
	width: 48%;
}
.sitemap-info ul{ list-style:none;}
.sitemap-info > div > ul > li > a{ font-weight:bold; line-height:30px; border:1px solid #ddd; padding:4px; background-color:#f8f8f8;}
.sitemap-info ul ul { padding:0 0 0 15px;}
/********************************* footer ********************************/
#topfooter {
	clear: both;
	overflow: auto;
	padding:30px 0px 20px 0px;
	min-height: 100px;
	_height:100px;
	 background-color: #fff;
	 border-top:1px solid #ddd;

}

#footer {
	clear: both;
	color:#888;
	overflow: auto;
	padding:30px 0px 20px 0px;
	min-height: 100px;
	_height:100px;
	 background: #32353a;
	 border-top:1px solid #44474c;
}
#footer h3 {
	color: #fff;
	font-size: 16px;
	margin: 0px 30px 8px 0;
	font-weight:normal;
	border-bottom:1px solid #4e5057;
}
#topfooter .part{ width:77%; float:left;}
#topfooter .part1{ width:23%; float:left;}


#footer .part{ width:100%; }

#topfooter .part p{ padding:0 30px 0 0;}
#topfooter .part p img{ margin-bottom:45px; margin-right:45px;}
#footer .column {
	float: left;

	min-height: 140px;
	_height:140px;
}
#footer .column ul {
	margin: 0px;
	padding: 0px;
}
#footer .column ul li, #footer .tweetcolumn li {
	margin-bottom: 5px;
	list-style:none;
}
#footer .column a {
	text-decoration: none;
	color: #aaa;
	padding:4px;
}
#footer .column a:hover {
	text-decoration:none;
	background-color:#5E6067;
	color:#fff;

}
#footer .tweetcolumn, #footer .facebookcolumn, #footer .vcomcolumn{
	float: left;
	width: 25%;
}
#footer .tweetcolumn ul{ padding-left:20px;}
#topfooter .footercontact{
	list-style:none;
	margin:0;
	padding:0;}


li.phone_f {
	line-height: 22px; padding:0px 0 8px 0px;}
li.skype_f {line-height: 22px; padding:0px 0 8px 0px;}
li.clock_f {; line-height: 22px; padding:0px 0 8px 0px;}
li.email_f {line-height: 22px;  padding:0px 0 8px 0px;}
li.address_f {line-height: 22px; padding:0px 0 8px 0px;}
.sidebarcontact i,
.footercontact i {
	font-size: 1.2em;
	margin: 0 5px 0 0;
}
#powered {
	background: #383b40;
	border-top:1px solid #44474c;
	color:#888;
	padding:10px 0px;
	clear: both;
	min-height:40px;
	_height:40px;
}
#powered a{ color:#888; text-decoration:underline;}
#powered #copy{ float:right;}
#powered .paymetod{ float:left;}
#powered .paymetod ul {list-style:none; margin:0; padding:0; }
#powered .paymetod ul li{ float:left; margin-right:6px; display:block; width:52px; height:32px;}

.paymetod li#visa {
	background:url("../image/paymetod/visa.png") no-repeat;
}
.paymetod li#electron {
	background:url("../image/paymetod/visa-electron.png") no-repeat;
}
.paymetod li#master {
	background:url("../image/paymetod/mastercard.png") no-repeat;
}
.paymetod li#maestro {
	background:url("../image/paymetod/maestro.png") no-repeat;
}
.paymetod li#american {
	background:url("../image/paymetod/amex.png") no-repeat;
}
.paymetod li#cirrus {
	background:url("../image/paymetod/cirrus.png") no-repeat;
}
.paymetod li#two_checkout {
	background:url("../image/paymetod/2checkout.png") no-repeat;
}
.paymetod li#delta {
	background:url("../image/paymetod/delta.png") no-repeat;
}
.paymetod li#discover {
	background:url("../image/paymetod/discover.png") no-repeat;
}
.paymetod li#google {
	background:url("../image/paymetod/google.png") no-repeat;
}
.paymetod li#moneybookers {
	background:url("../image/paymetod/moneybookers.png") no-repeat;
}
.paymetod li#sage {
	background:url("../image/paymetod/sage.png") no-repeat;
}
.paymetod li#paypal {
	background:url("../image/paymetod/paypal.png") no-repeat;
}
.paymetod li#solo {
	background:url("../image/paymetod/solo.png") no-repeat;
}
.paymetod li#switch {
	background:url("../image/paymetod/switch.png") no-repeat;
}
.paymetod li#western {
	background:url("../image/paymetod/western.png") no-repeat;
}
.paymetod li#egold {
	background:url("../image/paymetod/egold.png") no-repeat;
}
.paymetod li#direct {
	background:url("../image/paymetod/direct.png") no-repeat;
}

.socset {padding:0; clear:both; height:19px;}
.socset ul{list-style-type:none; margin:0; padding:0;}
.socset ul li{ display:inline-block; margin-left:6px;}



/**************************** banner ************************************/

.banner {
	margin-bottom:20px;
	transition: all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition:  all 0.4s ease-out;
}

.boxbanner{margin:0; display: block; width:100%; overflow:hidden; text-align:center; padding-bottom:10px;}
.boxbanner div{ display:inline-block; overflow:hidden; padding:0; margin:0;}
.boxbanner div img{ width:100%;}
.boxbanner div+ div { margin-left:5%;}

/*******************************Tipsy*************************************/

.tipsy { padding: 5px;
        font-size: 11px;
		 opacity: 0.8;
		 filter: alpha(opacity=80);
		 background-repeat: no-repeat;
		 background-image: url(../image/tipsy.gif);
		 }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color:#000; color:#fff; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }
/*******************************Colorbox*************************************/
.colorbox div#plus{ position:absolute;
            z-index:1000;
			display:none;
			width:25px;
			height:25px;
			background:#FB2B75 url(../image/bigplus.png) center center no-repeat;}
.image:hover .colorbox div#plus{ display:block;}

#topcontrol{ z-index:10}
/*******************************Filter*************************************/
.filterprice{list-style: none;
	margin: 0;
	border:1px solid #ddd;
	background-color:#f8f8f8;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    -khtml-border-radius: 3px;
	border-radius: 3px;
	padding:10px;

}


ul.box-filter, ul.box-filter ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.box-filter span {
	font-weight: bold;
	border-bottom: 1px solid #EEEEEE;
	display: block;
	padding-bottom: 5px;
	margin-bottom: 8px;
}
ul.box-filter > li ul {
	padding-bottom: 10px;}


.categ_image img{ display:none!important;}
.language-wrapper a {
	padding: 3px;
	border-radius: 3px;
	border: 1px solid transparent;
}
.language-wrapper a:hover {
	border: 1px solid var(--bg-color);
}
.language-wrapper .active {
	/*background: var(--bg-color);
	color: #fff;*/
}
#header .toggler-element {
	background: var(--bg-color)
}
.contacts-left {
	float: left;
	width: 30%;
}
.contacts-right {
	float: left;
	width: 70%;
	padding-bottom: 50px;
}
#filter-layout {
	display: none;
	z-index: 2;
	background: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
	position: fixed;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	box-sizing: border-box;
	padding: 10px;
}
#filter-layout.active {
	display: block;
}
#filter-close {
	font-size: 20px;
    position: absolute;
    right: 10px;
    top: 20px;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    z-index: 2;
    display: none;
}
#filter-close:hover {
	color: #BC152F;
}
#filter-layout .ocfilter {
	background: #fff;
	padding: 5px;
	width: 100%;
	box-sizing: border-box;
	height: 100%;
	position: relative;
	overflow-y: auto;
    overflow-x: hidden;
}
.button-display-filter {
	cursor: pointer;
	text-align: center;
	background: var(--bg-color);
	color: #fff;
	padding: 10px;
	border-radius: 10px;
	display: none;
}
.button-display-filter:hover {
	background: #710516;
}
.show-more {
	margin: -60px auto 40px;
    background: linear-gradient(0deg, #fff, transparent);
    height: 40px;
    position: relative;
    text-align: center;
    display: none;
}
.show-more span {
	background: #BC152F;
	color: #fff;
	cursor: pointer;
	font-size: 1.1em;
	margin: 10px 0 0;
	display: inline-block;
	padding: 10px;
	border-radius: 10px;
}
.show-more span:hover {
	background: #333;
}
#column-right-wrapper .ocfilter .button-float {
	top: 80px !important;
	left: 0;
}
#column-right-wrapper #option-m0 {
	margin-top: 30px;
}
.mega-menu-mobile {
	display: none;
}
#mega-menu-layout {
	position: absolute;
	top: 70px;
	background: #fff;
	z-index: 10000;
	width: 280px;
	border: 1px solid #888;
	display: none;
}
.menued #mega-menu-layout {
	display: block;
}
#mega-menu {

}
#mega-menu-close {
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 1.7em;
	cursor: pointer;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
}
#mega-menu-categories {
	padding: 0;
	margin: 0;
}
.level-top {
	position: relative;
	padding: 10px 10px 10px 35px;
	box-sizing: border-box;
    background-size: 25px 22px;
    background-position: 5px 8px;
    background-repeat: no-repeat;
}
.level-top.category-keramicheskaya-cherepitsa {
    background-image: url('../image/category/ceramic-tile.svg');
}
.level-top.category-metallocherepitsa {
	background-image: url('../image/category/metal-tile.svg');
	background-size: 25px 17.6px;
}
.level-top.category-bitumnaya-cherepitsa {
	background-image: url('../image/category/shinglas-tile.svg');
}
.level-top.category-gidroizolyaciya {
	background-image: url('../image/category/hydroisolation.svg');
	background-position: 5px 13px;
	background-size: 25px 11px;
}
.level-top.category-komplektuyuschie {
	background-image: url('../image/category/adds.svg');
	background-position: 8px 6px;
	background-size: 21px 22px;
}
.level-top.category-steny-pol-fasad {
	background-image: url('../image/category/walls.svg');
	background-position: 5px 7px;
	background-size: 25px 19.2px;
}
.level-top.category-gipsokarton-i-shpaklevka {
	background-image: url('../image/category/drywall.svg');
	background-position: 5px 6px;
	background-size: 25px 22.4px;
}
.level-top.category-uteplitel {
	background-image: url('../image/category/warmer.svg');
	background-position: 5px 6px;
	background-size: 25px 21.3px;
}
.level-top.active,
.level-second.active {
	padding: 0px;
	background-image: none;
}
#mega-menu-categories a {
	color: #000;
}
#mega-menu-categories a:hover {
	color: #000;
	font-weight: 700;
}
.level-top::after,
.level-second::after {
	content: '>';
    color: #333;
    position: absolute;
    right: 5px;
    font-weight: 700;
}
.level-top:hover {
	background-color: #eee;
}
.level-second:hover {
	background: #ddd;
}
.level-top:hover .level1,
.level-second:hover .level2 {
	display: block;
}
.level1 {
	position: absolute;
	left: 280px;
	background: #eee;
	top: 0;
	display: none;
	width: 240px;
	margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #888;
    border-left: none;
}
.level1 > li,
.level2 li {
	padding: 10px;
	position: relative;
}
.level2 {
	display: none;
	position: absolute;
	left: 240px;
	background: #ddd;
	width: 240px;
	padding: 0;
	top: 0;
	list-style: none;
	margin: 0;
    border: 1px solid #888;
    border-left: none;
}
#login-block {
	padding: 40px 10px 10px;
    background: var(--bg-color);
}
#login-block a {
	color: #fff;
}
#login-block a:hover {
	text-decoration: underline;
}
.categories-header {
	color: #000;
    padding: 10px;
    font-size: 1.3em;
    font-weight: 700;
}
#mega-menu .language-wrapper {
	margin: 10px;
	font-size: 1.2em;
	position: absolute;
	top: -5px;
    left: 0px;
}
.mega-menu-links {
	line-height: 1.6em;
	margin: 0;
	padding: 10px;
	color: #000;
	list-style: none;
}
.mega-menu-links li {
	padding: 5px 0;
}
.mega-menu-links li a {
	color: #000;
}
.mega-menu-links li a:hover {
	font-weight: 700;
}
.cart-mega-link i {
	font-size: 1.5em;
	margin: 0 5px 0 0;
}
.level1-more,
.level1-less,
.level2-more,
.level2-less {
	color: #fff;
	font-size: 1.2em;
	position: absolute;
	right: 5px;
	background: var(--bg-color);
	width: 40px;
	text-align: center;
	top: 7px;
	border-radius: 3px;
	display: none;
	cursor: pointer;
}
.level1-less,
.level2-less {
	position: relative;
	top: unset;
	right: unset;
}
.level-title {
	color: var(--bg-color);
    font-weight: 700;
    font-size: 1.2em;
}

/*#boxfeatured .item {
	display: block;
	position: relative;
	width: 19.2%;
	padding: 8px 4px;
	text-align: center;
	float: left;
	box-sizing: border-box;
	margin: 0 1% 1% 0;
}*/
#boxfeatured .item .rating {
	min-height: 20px;
}
#boxfeatured .item:nth-child(5n) {
	margin-right:0;
}
.more-360 {
	display: block;
}
.less-360 {
	display: none;
}
#header .language-wrapper {
	display: inline-block;
	margin: 0 20px 0 0;
}
.sidebarcontact {
	background: var(--bg-color);
	color: #fff;
	padding: 10px;
	list-style: none;
}
.sidebarcontact a {
	color: #fff;
	text-decoration: underline;
}
.sidebarcontact a:hover {
	text-decoration: none;
	color: #fff;
}
.toggle-container {
	display: inline-block;
    width: 30px;
    overflow: visible;
    height: 10px;
    position: relative;
    cursor: pointer;
}
.toggler-path {
	width: 100%;
    height: 8px;
    background: #ddd;
    border-radius: 8px;
}
.toggler-element {
	width: 14px;
    height: 14px;
    position: absolute;
    background: #fff;
    top: -3px;
    left: 16px;
    border-radius: 50%;
    transition: left 200ms ease;
}
.l-ua .toggler-element {
	left: 0;
}
#colorbox, #cboxOverlay, #cboxWrapper{ z-index:10003;}