/******************************************************************************/
/* Plugin e-Commerce - Estilos por Defecto                                    */
/* Authors:                                                                   */
/* Franc Muñoz, 27/06/2016                                                    */
/*                                                                            */
/******************************************************************************/

/* Catálogo >> */

.ecmcat {
	height: 16em;
	width: 25.6em;
	display: inline-block;
	margin: 0 1em 1em 0;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
    box-shadow: 0 0 2em -0.8em #000;
    border: none;
}

.ecmcat:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #C0C0C0;
    opacity: 0;
    left: 0;
    top: 0;
    z-index: 1;
    transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
}

.ecmcat > DIV:first-child, .ecmrelated > SPAN {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    padding: 0.5rem;
    color: #FFF;
    top: 0;
    z-index: 4;
    text-decoration: none;
    background: linear-gradient(to bottom, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%);
	text-shadow: 0 0 0.4em #000;
	font-size: 1.7em;
}

.ecmcat > DIV:last-child {
	position: absolute;
	bottom: 0;
	z-index: 3;
	background: linear-gradient(to top, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%);
	text-shadow: 0 0 0.4em #000;
	color: #FFF;
	width: 100%;
	padding: 0.5em;
	box-sizing: border-box;
}


.ecmcatrow {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px dotted #C0C0C0;
	overflow: auto;
}

.ecmcatimg {
	display: inline-block;
	width: 15em;
	float: left;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #FFF;
	background-position: center center;
}

.ecmcatimg > IMG {
	width: 100%;
	height: auto;
	float: left;
	border: 1px solid #E0E0E0;
}

.ecmcatcnt {
	padding-left: 16em;
}

.ecmcatcnt p {
	margin-top: 0;
}

.ecmcatrow h3 {
	margin-bottom: 0.3em;
	font-size: 2em;
	margin-bottom: 0em;
}

.ecmcatrow h3 a {
	text-decoration: none;
}

.ecmcatcats {
	font-size: 1em;
	margin-top: 0.5em;
}

.ecmcatprice .ecmlabel {
	font-size: 0.9em;
}

.ecmcatprice .ecmprcreal {
	font-size: 1em;
}

.ecmlabel A {
	margin: 0 0.2em;
}

.ecmcatpriceval {
	font-weight: bold;
}

.ecmcatcur {
	font-weight: bold;
}

.ecmcatcats a {
	text-decoration: none;
	color: #C0C0C0;
}

/* << Catálogo */


.ecmmagprddet {
	margin-bottom: 1em;
}

.ecmmagprddet > IMG {

}

.ecmmagprddet > H2 {

}

.ecmbadgesel {
	margin-top: 1em;
}

.ecmbadgeselitm {
	margin-bottom: 0.3em;
	padding-bottom: 0.3em;
	border-bottom: 1px solid #E0E0E0;
}

.ecmbadgeselimg {
	height: 2em;
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
}

.ecmprvpic {
	float: left;
	margin: 0 0.5em 0.5em 0;
	cursor: pointer;
	display: inline-block;
	height: 4em;
	width: 5em;
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid transparent;
}

.ecmprvpicsel {
	border: 1px solid #3399FF;
}

ecmprvpic:last-child {
	padding-right: 0;
}

.ecmcategories {
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
	overflow: auto;
	position: relative;
	width: 100%;
	overflow: auto;
	margin-bottom: 1em;
}


/* ARTICLE TEMPLATE */

.ecmarticle * {
	/*font-family: "Helvetica Neue", Roboto, "Segoe UI", Calibri, sans-serif;*/
}

.ecmarticle {
	position: relative;
	overflow: visible;
}

.ecmbuttons {
	text-align: right;
	padding-top: 1em;
	clear: both;
}

.ecmbuttons > BUTTON {
	margin-left: 0.5em;
}

.ecmarticlectx {
	width: 25em;
	float: left;
	overflow: auto;
}

.ecmarticlemain {
	margin-left: 27em;
	overflow: auto;
}

.ecmarticle .ecmartrelated {
	margin-left: 27em;
}

.ecmbutton {
  cursor: pointer;
}

.ecmbutton:hover {

}

.ecmarticlename {
	padding: 0em;
    font-size: 2.2em;
    margin: 0 0 1rem 0;
    border-bottom: 1px solid #E0E0E0;
}

.ecmartbrnd {
	float: right;
	height: 2.7em;
	width: 6em;
	background-position: right center;
	background-size: contain;
	background-repeat: no-repeat;
}

.ecmarticledata {
	position: relative;
	overflow: auto;
	width: 100%;
}

.ecmarticlepics {
	width: 25em;
}

.ecmthumbnails {
	padding-top: 0.5em;
	overflow: auto;
}

.ecmarticlemainpic {
	width: 100%;
	height: auto;
	border: 1px solid #E0E0E0;
	box-sizing: border-box;
}

.ecmprcreal {
	font-size: 0.7em;
	color: #C0C0C0;
}

.ecmprcrprc {
	position: relative;
}

.ecmprcrprc:after {
	top: 50%;
	left: 0;
	position: absolute;
	width: 100%;
	transform: rotate(200deg);
	border-bottom: 1px solid #505050;
	content: '';
}

.ecmprcrprc:before {
	top: 50%;
	left: 0;
	position: absolute;
	width: 100%;
	border-top: 1px solid #505050;
    transform: rotate(160deg);
    content: '';
}

.ecmartparameters {
	padding-top: 1em;
}


.ecmartparams {
	margin: 0.5em 0;
	padding: 0;
}

.ecmartparams li {
	margin: 0 0.5em 0.5em 0;
	text-align: center;
	min-width: 2em;
	border: 1px solid #444;
	padding: 0.5em;
	display: inline-block;
	list-style: none;
	font-weight: bold;
	cursor: pointer;
}

.ecmpardis {
	color: #C0C0C0!important;
	border: 1px solid #C0C0C0!important;
}

.ecmarticledesc {
	text-align: justify;
	color: #333;
	margin-top: 1em;
}

.ecmarticleprice {
    color: #505050;
    font-size: 1.8em;
    text-align: right;
    float: right;
}

.ecmparsel {
	background-color: #505050;
	color: #FFF;
}

/* CAROUSEL ARTICLES */
.ecmcarousel {
	overflow:hidden;
	width:100%;
}

.ecmcarouselitems {
    list-style:none;
    position:relative;
    width:500%; /* Number of panes * 100% */
    overflow:hidden; /* This is used solely to clear floats, it does not add functionality. */
    cursor: pointer;
}

.ecmcarouselitems > li {
	position:relative;
	float:left;
	width: 30em;
	height: 20em;
	color: #fff;
	box-shadow: 0 0 1em -0.5em #000;
    background-color: #F0F0F0;
    background-repeat: no-repeat;
}

.ecmcarouselitems li .ecmcarouselpinbg {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
    background-size: cover;
}

.ecmcarouselitems .ecmcarouselpincnt {
    bottom: 0;
    position: absolute;
}

.ecmcarouselitems li:hover .ecmcarouseldesc {
	display: block;
	text-align: justify;
	color: #ffffff;
	background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.ecmcarouselpincnt .ecmcarouseldesc {
	padding: 0 0.5em 0 0.5em;
	color: transparent;
	display: none;
	background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	-o-transition:color 2.5s ease-out, background 3s ease-in;
  	-ms-transition:color 2.5s ease-out, background 3s ease-in;
  	-moz-transition:color 2.5s ease-out, background 3s ease-in;
  	-webkit-transition:color 2.5s ease-out, background 3s ease-in;

  	transition:color 4s ease-out, background 4s ease-in;
}


/* BASKET TEMPLATE */

.ecmordertable {
	box-shadow: 0.45em 0.45em 0.7em -0.3em #888;
	margin-bottom: 1em;
}

.ecmordertable th, .ecmordertable td {
	text-align: right;
}

.ecmleft {
	text-align: left!important;
}

.ecmcenter {
	text-align: center!important;
}

.ecmorderfooter, .ecmorderftmin {
	text-align: right;
}

.ecmorderfooter ul, .ecmorderftmin {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: inline-block;
    background-color: #FFF;
    text-align: left;
}

.ecmorderftmin {
	width: 100%;
}

.ecmorderfooter ul {
    width: 26em;
    box-shadow: 0.45em 0.45em 0.7em -0.3em #888;
}

.ecmorderfooter li {
	padding: 0.4em;
}

.ecmorderftmin li {
	padding: 0.3em;
}

.ecmorderfooter li span:last-child, .ecmorderftmin li span:last-child {
	float: right;
}

.ecmordertotal {
	font-size: 1.3em;
	font-weight: bold;
}

.ecmordertotalmin {
	font-weight: bold;
}

.ecmordmincon {
	border-bottom: 1px solid #C0C0C0;
}

.ecminimg {
	float: left;

}

.ecminimg > IMG {
	width: 5em;
}

.ecmindet {
	margin-left: 5.5em;
}

.ecmindet .ecmart {
	white-space: normal;
}

.ecmordmincon > *{
	padding: 0.3em;
	overflow: auto;
}

.ecmlinprc {
	text-align: right;
}


.ecmorderfooter li span span {
	padding-left: 0.2em;
}

.ecminlinebtn {
	display: inline-block;
	padding: 0em 0.3em 0.15em 0.3em;
	text-decoration: none;
	color: #FFF;
	background-color: #C0C0C0;
	cursor: pointer;
}

.ecmordremove {
	background-color: #DC143C;
}

.ecmordremove:after {
	font-family: awesome;
	content: '\f00d';
}

.ecmorditmup:after {
	font-family: awesome;
	content: '\f077';
}

.ecmorditdwn:after {
	font-family: awesome;
	content: '\f078';
}

.ecmart {
	font-weight: bold;
}

.ecmart div {
	font-weight: normal;
	color: #C0C0C0;
}

.ecmorderbtn {

}

.ecmstorebtn {
	float: left;
	margin-left: 0!important;
}

.ecmimg {
	width: 10em;
}

.emcorderref {
	margin-bottom: 0.3em;
	padding: 0.3em;
	text-align: center;
	font-size: 2em;
	font-weight: bold;
	border: 1px solid #E0E0E0;
	background-color: #F0F0F0;

}

/*
.ecmsteppercnt {
	display: table;
	width: 100%;
	box-sizing: border-box;
	margin: 1em 0;
	background-color: #e0e0e0;
}

.ecmsteppercnt > div {
	display: table-row;
}

.ecmsteppercnt > div > div {
	display: table-cell;
	text-align: center;
	padding: 1em;
}

.ecmstepdone {
	background-color: #C0C0C0;
}

.ecmstepcurrent {
	background-color: #505050;
	color: #FFF;
}

.ecmbuyorder .zwfrmactions {
	margin: 1em 0;
}

.ecmbuyorder .zwfrmsubmit {
	float: right;
}
*/

.ecmbuymain {
	overflow: auto;
	position: relative;
	display: flex;
}

.ecmbuyctx {
	width: 23em;
}

.ecmbuyctx > BUTTON {
	width: 100%;
	box-sizing: border-box;
}

.ecmbuysec {
	margin-top: 2.5em;
	overflow: auto;
}

.ecmbuysec:first-child {
	margin-top: 0;
}

.ecmbuysec h2 {
	margin: 0 0 1em 0;
}

.ecmbuysub {

}

.ecmbuycnt {
	margin-right: 2em;
	flex-grow: 1;
	padding: 0 0 1em 0;
}

.ecmbuyitemimg > img {
	width: 5em;
	height: auto;
	margin-right: 1rem;
}

.ecmbuyitem {
	overflow: auto;
	padding: 0.5em;
	cursor: pointer;
	display: flex;	
}

.ecmbuyitemdet {
	flex-grow: 1;
}

ecmbuyitemdet > *:first-child {
	font-weight: bold;
}

.ecmbuyitemaddr {
	padding-left: 2.5em;
}

.ecmbuyitemsel {
	display: inline-block;
	border: 0.10rem solid #C0C0C0;
	border-radius: 50%;
	height: 1.5rem;
	width: 1.5rem;
	margin: 0 0.5em 0.5em 0;
	text-align: center;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ecmbuyitemsel:after {
    content: '';
    border-radius: 50%;
	background-color: #FFF;
	height: 1rem;
	width: 1rem;
	display: block;
}

.ecmbuyitem:hover .ecmbuyitemsel:after, .ecmbuyitemsel:hover:after,
.ecmbuyitem.ecmbuysel .ecmbuyitemsel:after {
	background-color: #C0C0C0;
}

.ecmbuyitem.ecmbuysel .ecmbuyitemsel:after {
	background-color: #C0C0C0!important;
}

.ecmbuysel {
	background-color: #F0F0F0;
}

.ecmbuysel H4, .ecmbuyitem H4 {
	margin: 0;
}

.ecmbuysub {
	color: #C0C0C0;
	margin-bottom: 0.5em;
}

.ecmbuyitemsub {
	color: #C0C0C0;
}

.ecmbtnbuy {
    font-size: 1em;
    padding: 1em;
    width: 100%;
    margin: 0!important;
}

.ecmbtncancel {
	border: 0;
	padding: 0;
	text-decoration: underline;
	margin-bottom: 0.5em;
	background: none;
}

.ecmbuyitemdelfree {
	margin-top: 0.3em;
	font-size: 0.9em;
}

.ecmrpcerror {
	position: absolute;
	padding: 0.3em;
	background-color: #DC143C;
	color: #FFF;
	z-index: 1;
	display: none;
}

.ecmordertable {
	display: table;
	width: 100%;
}

.ecmordertable > * {
	display: table-row;
}

.ecmordertable > * > * {
	display: table-cell;
	padding: 0.3em;
	vertical-align: middle;
}

.ecmarticleattrs {
	margin-top: 1em;
}

.ecmattr {
	padding: 0.4em;
	border-bottom: 1px solid #E0E0E0;
}

.ecmattr:hover {
	background-color: #F5F5F5;
}

.ecmattr > DIV:first-child {
	overflow: auto;
}

.ecmattr > DIV:first-child > SPAN:first-child {
	float: left;
}

.ecmattr > DIV:first-child > SPAN:last-child {
	float: right;
}

.ecmattrsub {
	font-size: 0.85em;
}

.ecmartrelated {
	margin-top: 3em;
}

.ecmartrelated article {
	font-size: 0.66em;
	height: 30em;
}

.ecmrelated {
	display: inline-block;
    height: 16em;
    width: 12.2em;
    margin: 0 1em 1em 0;
    background-size: 70%;
    position: relative;
    background-repeat: no-repeat;
    transition: all 0.3s;
    background-position: center center;
}

.ecmrelated:hover {
	background-size: 110%;
}

.ecmnostock {
	padding: 0.3em;
	color: #FFF;
	background-color: #DC143C;
	display: none;
}

.ecmnoparams {
	padding: 0.3em;
	background-color: #FFD700;
	display: none;
}

.ecmfeatart {
	margin-top: 3em!important;
}

.ecmfeatartcnt {
	margin-top: 1em;
}

.ecmpin {
	display: inline-block;
	height: 13em;
	width: 13em;
	position: relative;
	background-color: #FFF;
	margin: 0 1em 1em 0;
	border: 1px solid #E0E0E0;
	text-decoration: none;
}

.ecmpinbg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.ecmpincnt {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;

}

.ecmpincap {
 	color: #FFF;
    background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,0.5) 50%, rgba(209,209,209,0.49) 51%, rgba(254,254,254,0) 100%);
	text-shadow: 0 0 0.4em #000;
	font-size: 1.75em;
	padding: 0.4em;
}

.ecmpinicons {
	position: absolute;
	bottom: 1em;
	right: 1em;
	text-shadow: 0 0 0.4em #000;
	color: #FFF;
}

.ecmindet .ecmordremove {
	float: right;
	font-size: 0.75em;
}

.ecmorderempty {
	display: none;
}

.ecmcatalogue {

}

.ecmcatctx  ~ .ecmcatalogue {
	margin-left: 22em;
}

.ecmcatalogue .cmspager {
	margin-bottom: 1em;
}

.ecmcatctx {
	width: 20em;
	float: left;
}

.ecmsubcats {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin: 1em 0 2em 0;
}

.ecmsubcats > LI > A {
	display: block;
	padding: 0.4em;
	border-bottom: 1px solid #E0E0E0;
	text-decoration: none;
	color: #4B4B4B;
}

.ecmsubcats > LI > A:hover {
	background-color: #E0E0E0;
}

.ecmwarning {

}

.ecmartvideo {
	text-align: center;
}

.ecmartvideo VIDEO {
	margin: 1.5em 0;
	width: 640px;
	height: auto;
	box-shadow: 0 0 3em -1em #000;
}

.ecmattrcolor {
	display: inline-block;
	height: 1em;
	width: 1em;
	border: 1px solid #C0C0C0;
}

.ecmftcatcnt {
	overflow: auto;
	text-align: center;
}

.ecmfeatcats {
	margin-top: 2em;
	background-size: cover;
	padding: 6.875em 0;
	text-align: center;
	background-repeat: no-repeat;
}

.ecmfeatcat {
	display: inline-block;
	border: 1px solid #C0C0C0;
	background-color: rgba(255, 255, 255, .9);
	padding: 1.5em;
	text-decoration: none;
	color: #000;
	width: 16.3em;
	margin-right: 1em;
	margin-bottom: 1em;
	vertical-align: bottom;

}

.ecmfeatcat:last-child {
	margin-right: 0;
}

.ecmfeatcat h4 {
	font-family: 'Great Vibes', cursive;
    font-size: 2.5em;
    margin-bottom: 0.7em;
}

.ecmfeatcatimg {
	width: 100%;
	height: 8em;
	background-color: #C0C0C0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.ecmcatitems {
	text-align: center;
}

.ecmitem {
	width: 18em;
	position: relative;
	padding: 1.5em;
	box-sizing: border-box;
	margin: 0 2em 2em 0;
	text-align: center;
	border: 1px solid #C0C0C0;
	height: 27em;
	vertical-align: bottom;
	display: inline-block;
}

.ecmitemimg {
	display: block;
	position: relative;
}

.ecmitemimg > img {
	width: 100%;
}

.ecmitemimg:after {
	content:'';
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: #C0C0C0;
	opacity: 0;
	left: 0;
	top: 0;
	transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
}

.ecmitem:hover .ecmitemimg:after, .ecmcat:hover:after {
	opacity: 0.1;
}

.ecmitemcnt h1 {
	font-size: 1.2em;
	margin: 1em 0;
	font-weight: normal;
	height: 2.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.ecmitemcnt h1 a {
	text-decoration: none;
}

.ecmitemprice {
	margin-bottom: 0.5em;
	font-size: 1.5em;
}

.ecmitemcur {
	font-size: 80%;
}

 .ecmprcreal {
	margin-left: 0.8em;
}

.ecmitemcat a {
	text-decoration: none;
	color: #C0C0C0;
}


.ecmitemadd {
	position: absolute;
	top: 3em;
	left: 0;
	width: 100%;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
}

.ecmitem:hover .ecmitemadd {
	visibility: visible;
	opacity: 1;
	top: 5em;
}

.ecmitemadd button {
	border: none;
	padding: 0.6em;
	font-size: 0.9em;
	background-color: #FFF;
	transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
}

.ecmitemadd button:hover {
	background-color: #C0C0C0;
}

.ecmitemadd button:first-child {
	margin-right: 0.3em;
}

.ecmfilters {

}

.ecmfilters h4 {
	margin: 1em 0 0.5em 0;
}

.ecmfiltercnt {
	overflow: auto;
}

.ecmfltcoloritem {
	height: 1.5em;
	width: 1.5em;
	display: inline-block;
	margin: 0 0.5em 0.5em 0;
	box-sizing: border-box;
	border: 1px solid #f0f0f0;
}

.ecmfltitem {
	cursor: pointer;
}

.ecmfltitem span {
	color: #C0C0C0;
	margin-left: 0.5em;
	font-size: 80%;
}

.ecmfltvalueitem {
	padding: 0.1em;
}

.ecmfltvalueitem:hover {
	background-color: #F0F0F0;
}

.ecmfltdisabled {
	opacity: .3;
}

.ecmfltcoloritem.ecmfltdisabled {
	opacity: .1;
}

.ecmaccountmenu {
	margin:0;
	padding: 0;
	list-style-type: none;
	overflow: auto;
}

.ecmaccountmenu > li {
	float: left;
	background-color: #FFF;
	box-shadow: 0 0 0.8em -0.3em #000;
	display: block;
	margin: 1em;
	text-align: center;
}

.ecmaccountmenu .emcaccorders:before,
.ecmaccountmenu .emcaccaddress:before,
.ecmaccountmenu .emcaccinfo:before {
	font-family: awesome;
	text-align: center;
	display: block;
	font-size: 2em;
	margin: 0 0 0.3em 0;
}

.ecmaccountmenu .emcaccorders:before {
	content: '\f073';
}

.ecmaccountmenu .emcaccaddress:before {
	content: '\f041';
}

.ecmaccountmenu .emcaccinfo:before {
	content: '\f007';
}

.ecmaccountmenu > li > a {
	display: block;
	text-decoration: none;
	color: #888888;
	padding: 1em;
	width: 10em;
}

.ecmfootback {
	margin: 1em 0 1em 0;
	display: inline-block;
}

.ecmcommands {
	margin: 1em 0;
	display: inline-block;
}

.ecmfootback > *, .ecmcommands > * {
	display: inline-block;
	padding: 0.5em;
	text-decoration: none;
}

.ecmfootback > *:before, .ecmcommands > *:before {
	font-family: awesome;
	margin-right: 0.4em;
}

.ecmiconback:before {
	content: '\f104';
}

.ecmiconcat:before {
	content: '\f290';
}

.ecmiconhome:before {
	content: '\f015';
}

.ecmiconadd:before {
	content: '\f067';
}

.ecmiconlogout:before {
	content: '\f2f5';
}

.ecmiconsecure:before {
	content: '\f2f7';
}

.ecmicondelivery:before {
	content: '\f0d1';
}

.ecmiconquality:before {
	content: '\f005';
}

.ecmiconwarranty:before {
	content: '\f0e2';
}

.ecmiconcancel:before {
	content: '\f2ed';
}

.ecmaddressescnt {


}

.ecmaddressedit {
	float: left;
	padding: 1em;
	box-shadow: 0 0 1.5em -0.4em #000;
	margin: 0 1.5em 1.5em 0;
	min-width: 15em;
	height: 15em;
	position: relative;
}

.ecmaddrdefault {

}

.ecmaddralias {
	padding: 0 0 0.3em 0;
	font-size: 1.5em;
}

.ecmaddrname {

}

.ecmaddrbusiness {

}

.ecmaddrcountry {

}

.ecmaddrcmds {
	border-top: 1px solid #F0F0F0;
	margin-top: 1em;
	padding-top: 0.5em;
	position: absolute;
	bottom: 1rem;
	width: 15rem;
	box-sizing: border-box;
}

.ecmaddrcmds a {
	display: inline-block;
	padding: 0.3em 0.5em;
	text-decoration: none;
}

.ecmcmdedit {

}

.ecmcmdedit:before, .ecmcmddelete:before {
	font-family: awesome;
	margin-right: 0.3em;
}

.ecmcmdedit:before {
	content: '\f044';
}

.ecmcmddelete:before {
	content: '\f2ed';
}

.ecmcommands {

}

.ecmbuyinfo {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.ecmbuyinfo > LI {
	display: block;
	padding: 1em;
	box-sizing: border-box;
	border-bottom: 1px solid #F0F0F0;
}

.ecmbuyinfo > LI:before {
	font-family: awesome;
	margin-right: 0.5em;
}

.ecmcreateaccount {
	margin: 1em 0;
}

.ecmcreateaccount > DIV:first-child {
	font-weight: bold;
}


.ecmbuysbjsel {
	list-style-type: none;
	margin: 0 0 1em 0;
	padding: 0;
	border: 0.15rem solid #C0C0C0;
	display: inline-block;
	border-radius: 2rem;
	padding: 0.15rem;
}

.ecmbuysbjsel > LI {
	padding: 0.3em 0.8rem;
	display: inline-block;
	border-radius: 2rem;
	cursor: pointer;
}

.ecmbuysbjsel > LI:first-child:after {
	margin-left: 0.4em;
}

.ecmbuysbjsl {
	background-color: #C0C0C0;
}

#ecmorderlogin {
	display: none;
}

.ecmbuysubsec .zwusrloginbox > DIV > DIV > LABEL {
	width: 10em;
	display: inline-block;
}

.ecmbuysubsec .zwusrloginrec {
	background-image: none;
	margin-top: 1rem;
	padding: 0;
}

.ecmbuysubsec .zwusrloginrec A {
	text-decoration: none;
}

.ecmbuysubsec .zwusrloginrec A:before {
	font-family: awesome;
	content: '\f3c2';
	margin-right: 0.3em;
}

.ecmbuysubsec {
	margin-bottom: 1em;
}

.ecmbuylognfo {
	margin: 0.5em 0 1em;
	padding: 0.5em;
}

.ecmbuylognfo > DIV:first-child {
	font-weight: bold;
}

.ecmbuylognfo A {
	display: block;
	margin-top: 1em;
	text-decoration:none;
}

.ecmbuylognfo A:before {
	font-family: awesome;
	content: '\f057';
	margin-right: 0.3em;
}

.ecmbuyaddaddress {
	display: none;
}

.ecmuserbasket {
	position: relative;
}

.ecmiordcount {
	background-color: #DC143C;
	color: #FFF;
	display: inline-block;
	right: -1em;
	border-radius: 0.1em;
	padding: 0 0.2em;
	text-align: center;
	position: absolute;
}


.ecmbasketart > DIV {
	white-space: nowrap;
}

.ecmbasketart > DIV.ecmart {
	white-space: normal;
}

.ecmbuydisabled {
	background-color: #C0C0C0!important;
}

.ecmtermscheck {
	float: none!important;
}


.ecmfilterclean {
	display: inline-block;
	margin-top: 1rem;
	font-size: 0.8rem;
}



/* Default Responsive */

@media (max-width: 1366px) {

	.ecmmaincnt, .zwrow {
		width: auto;
	}

	.ecmfilters {
		padding: 0 0 0 1rem;
	}

	.ecmcatctx h3 {
		padding-left: 1rem;
	}

	.ecmsubcats > LI > A {
		padding-left: 1rem;
	}
	.ecmcatcontainer {
		padding-right: 1rem;
	}
	.ecmarticle {
		padding: 0 1rem;
	}
}

@media (max-width: 1279px) {
	.ecmbuymain {
		flex-direction: column;
	}

	.ecmbuyctx {
		order: 2;
		float: none;
		width: auto;
	}

	.ecmbuycnt {
		margin: 0;
	}
}


@media (max-width: 1023px) {

	.ecmcatctx {
		width: 32%;
	}

	.ecmcatctx  ~ .ecmcatalogue {
		margin-left: 35%;
	}

	.ecmarticlepics {
		width: auto;
	}
	.ecmarticle {
		display: flex;
		flex-direction: column;
	}
	.ecmarticlectx {
		width: auto;
		float: none;
		order: 2;
	}
	.ecmarticlemain {
		margin-left: auto;
		overflow: initial;
		order: 1;
	}
}