/*
 * This code is copyright (c) ViciSoft SL, all rights reserved.
 * The contents of this file are protected under law as the intellectual property
 * of ViciSoft SL. Any use, reproduction, disclosure or copying
 * of any kind without the express and written permission of ViciSoft SL is forbidden.
 * Author: Vince Reid, vincereid@gmail.com
 *
 * Shopping cart classes for Ecommerce Plus Templates
 *
 * Last Modified: 2021-12-09
 */
/*mini newsletter*/
div.minimailsignup {
  background: #fff;
  margin: 4px auto;
  padding: 0px;
  width: 98%;
}
label.minimailsignup {
  width: 98%;
  padding: 2px;
}
input.minimailsignup[type="text"] {
  -webkit-appearance: none;
  font-size: 12px;
  width: 98%;
  margin: 2px;
}
input.minimailsubmit {
  margin: 8px 2px;
}
/*minicart*/
div.minicart {
  background: #fff;
  margin: 4px auto;
  width: 98%;
  padding: 0px;
}
div.minicartcnt {
  text-align: center;
  padding: 4px;
  font: normal 13px Arial, sans-serif;
  background-color: #fff;
}
span.minicartdsc {
  text-align: center;
  font: normal 12px Arial, sans-serif;
  color: #ff6600;
}
/*mini drop down cart*/
.ectdp_minicartopen img {
  display: none;
}
.ectdp_minicartmainwrapper {
  background: #fff;
  font-size: 14px;
}
.ectdp_minicartopen {
  padding-top: 0px;
  font-size: 1.2em;
  margin-top: 16px;
}
.ectdp_minicartopen a {
  color: #333;
}
.ectdp_minicartopen a:hover {
  color: #cf9436;
}
/*recent view*/
div.recentview {
  width: 100%;
}
div.recentviewheader {
  display: none;
}
div.recentviewline {
  width: 100%;
  border-bottom: 1px solid gray;
  padding-bottom: 6px;
}
img.recentviewimage {
  max-width: 75%;
  margin-top: 8px;
}
div.recentviewname {
  margin-top: 8px;
  float: left;
  width: 60%;
}
div.recentviewimage {
  float: right;
  width: 40%;
}
div.recentviewcategory {
  clear: both;
}
/*email a friend - ask a question*/
.emfhl {
  background: #666;
  color: #fff;
  font-family: FontAwesome, sans-serif;
}
/* Quantity */
div.quantity0div,
div.quantity1div,
div.quantity2div {
  float: left;
  margin: 4px 6px 0px 0px;
}
div.quantity0div,
div.quantity1div,
div.quantity2div {
  display: inline-block;
}
div.quantity2div {
  display: flex;
}
input.quantity0input {
  border: 1px solid gray;
  padding: 4px 4px 3px 4px;
}
/* Quantity Pricing */
div.detailquantpricingwrap {
  margin: 0 auto;
  margin-top: 20px;
}
img.ectinfo {
  vertical-align: text-bottom;
}
/*Internal store naviagtion*/
a.ectlink:link {
  color: navy;
  text-decoration: none;
}
a.ectlink:visited {
  color: navy;
  text-decoration: none;
}
a.ectlink:active {
  color: navy;
  text-decoration: none;
}
a.ectlink:hover {
  color: #cf9436;
  text-decoration: none;
}
/*Product width*/
div.product {
  width: 32.3%;
}
div.prodname,
div.prodimage,
div.prodprice,
div.detailname,
div.detailimage,
div.detailprice {
  box-sizing: border-box;
}
/*Product options, filter & side bar*/
input.prodfilter,
button.prodfilter {
  padding: 8px;
}
select.prodfilter,
select.prodoption {
  max-width: 100%;
  height: auto;
  border: 1px solid gray;
  border-radius: 5px;
  background-color: #fff;
  font-size: 12px;
  line-height: 16px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  vertical-align: middle;
  margin: 1px;
}
select.prodfilter:not([multiple]),
select.prodoption:not([multiple]) {
  padding: 8px 36px 8px 11px;
  background: url("../images/select-menu-arrow.png") right center no-repeat;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
select.prodfilter[multiple],
select[multiple].prodoption {
  padding: 2px;
}
select:not([multiple]).prodfilter option {
  padding: 0 4px;
}
select:not([multiple]).prodoption option {
  padding: 0 4px;
}
div.moreattributes {
  background: rgba(184, 184, 184, 0.8);
  color: #000;
  font-size: 12px;
  font-weight: bold;
  padding: 1px;
  border: 1px solid #999;
}
div.ectpacount {
  font-size: 0.9em;
  color: #666;
}
select.sidefilter {
  display: block;
  padding: 10px 40px 10px 13px;
  width: 100%;
  height: auto;
  background: url("../images/select-menu-arrow.png") right center no-repeat;
  background-color: #fff;
  color: #444444;
  font-size: 12px;
  line-height: 16px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
select.sidefilter option {
  padding: 0 4px;
}
/* Mega Menu Styling */
.ectmegamenu > ul > li > ul {
  border: 1px solid #333;
}
.ectmegamenu > ul > li > ul.normal-sub > li a,
.ectmegamenu > ul > li > ul > li a,
.ectmegamenu > ul > li > ul > li > ul > li a {
  color: #333;
  border-bottom: 1px solid #333;
  padding: 12px;
  box-sizing: border-box;
}
.ectmegamenu > ul > li > ul > li a:hover,
.ectmegamenu > ul > li > ul > li > ul > li a:hover {
  background-color: #333;
  color: #fff;
}
.ectmegamenu > ul > li > ul {
  background-color: #fefefe;
}
.ectmegamenu > ul > li > ul > li > ul > li {
  padding: 0;
}
.ectmegamenu > ul > li > ul > li > ul {
  margin: 0;
}
/* Home page cross selling
-------------------------------------*/
div.csproduct {
  display: inline-block;
  width: 32.3%;
  min-height: 260px;
  vertical-align: top;
  margin: 0.5%;
  padding: 6px;
  box-sizing: border-box;
}
div.csprodimage {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  min-height: 180px;
  align-items: center;
  margin: 0 0 2px 0;
  padding: 6px;
  border: 1px solid gray;
  box-sizing: border-box;
}
div.csprodimage:hover {
  border: 1px solid #a3a3c4;
}
img.csprodimage {
  max-width: 100%;
  height: auto;
  max-height: 180px;
}
div.csprodname {
  padding: 6px;
  font-size: 1em;
  margin: 0px 2px;
  text-align: center;
  background: #666;
}
div.csprodname a:link,
div.csprodname a:visited {
  color: #fff;
}
div.csprodname a:hover {
  color: #cf9436;
}
div.csprodinstock {
  margin: 4px 0px;
  float: left;
}
.prodratinglink {
  font-size: 0.9em;
}
div.csprodrating {
  margin: 2px 0px;
  float: right;
}
div.cslistprice {
  font-size: 1em;
  margin: 2px 0px;
  text-align: center;
}
div.csprodprice {
  text-align: center;
  margin: 6px 0px;
  font-size: 1.1em;
  clear: both;
}
div.csprodcurrency {
  font-size: 0.8em;
  color: #666;
  margin: 2px 0;
}
div.csdetaillink,
div.csqbuybutton {
  width: 49%;
  display: inline-block;
  text-align: center;
  padding: 0;
}
input.csqbuybutton,
input.csdetaillink {
  width: 82%;
  border: 0;
  margin: 0;
  padding: 6px 0;
}
p.cstitle {
  text-align: center;
  padding: 10px 6px;
  border: 1px solid gray;
  font-size: 1.2em;
  margin: 20px 0px;
  color: #333;
}
/* The category page
-------------------------------------*/
div.category {
  width: 99%;
  min-height: 140px;
  display: inline-block;
  vertical-align: top;
  margin: 0.5%;
  border: 1px solid gray;
  box-sizing: border-box;
}
div.category:hover {
  border: 1px solid #b61818;
}
div.catnavandcheckout {
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
}
div.catnavigation {
  padding: 10px 6px;
  margin-bottom: 10px;
}
div.catnavcheckout {
  padding: 5px 10px 5px 0;
  text-align: right;
  margin-bottom: 12px;
}
div.catimage {
  width: 26%;
  float: left;
  padding: 4px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100px;
}
img.catimage {
  max-width: 100%;
  height: auto;
}
div.catdesc {
  margin: 4px 8px;
  float: left;
  width: 66%;
}
div.catname {
  margin: 4px 8px;
  font-size: 1.2em;
  float: left;
  width: 66%;
}
p.noproducts {
  margin-top: 8px;
  width: 100%;
  float: left;
}
/* Options */
input[type="text"].prodoption,
textarea.prodoption {
  padding: 8px 8px 8px 15px;
  min-width: 200px;
  max-width: 100%;
  box-sizing: border-box;
}
div.optioncontainer {
  display: flex;
  align-items: center;
}
div.detailoptioncontainer.ectradiooption,
div.multioptiontable {
  margin-bottom: 15px;
}
/* Breakpoint 800px */
@media screen and (max-width: 800px) {
  div.product,
  div.csproduct {
    width: 49%;
  }
}
/* Breakpoint 480px */
@media screen and (max-width: 480px) {
  div.product,
  div.csproduct {
    width: 99%;
  }
}