/*
 * 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
 *
 * Product Page Layout 1 for Ecommerce Plus Templates
 *
 * Last Modified: 2021-04-27
 */
div.prodfilter{
display:inline-block;
padding:2px;
margin-bottom:4px;
}
div.prodfilterbar{
margin-bottom:14px;
}
div.filtertext{
padding:13px 6px;
}
input.prodfilter,button.prodfilter{
padding:8px;
border:1px solid #ccc;
border-radius:3px;
}
select.prodfilter option{ padding:0 4px; }
select.prodfilter::-ms-expand{ display:none; }
select:disabled.prodfilter::-ms-expand{ background:#f60; }
select.prodoption option{ padding:0 4px; }
select.prodoption::-ms-expand{ display:none; }
select:disabled.prodoption::-ms-expand{ background:#f60; }
div.product{
min-height:220px;
display:inline-block;
vertical-align:top;
margin:0.5%;
padding:6px 6px 0px 6px;
border:1px solid #ccc;
}
div.product:hover{
border:1px solid #888;
}
.prodratinglink{
font-size:0.9em;
}
div.allproddiscounts{
margin:2px 6px;
}
div.proddiscountsapply,div.eachproddiscount,div.discountsnotapply,div.prodnoapplydiscounts{
float:right;
width:52%;
}
.proddiscounts, .proddiscountsapply{
margin:0;
}
div.prodmanufacturer{
float:right;
width:52%;
margin:2px 0px;
}
div.prodsku{
float:right;
width:52%;
margin:2px 0px;
}
div.prodimage{
float:left;
width:48%;
padding:4px 4px 4px 0;
min-height:160px;
box-sizing:border-box;
}
img.prodimage{
max-width:100%;
height:auto;
}
div.prodname{
float:right;
width:52%;
font-size:1.1em;
margin:4px 0px;
}
div.prodinstock{
float:right;
width:52%;
margin:2px 0px;
}
div.proddescription{
margin:4px 0px;
float:left;
font-size:0.9em;
line-height:1.5em;
width:48%;
}
div.prodoptions{
float:none;
clear:both;
padding:8px 0;
}
div.ectoptioncontainer{
display:flex;
}
div.optiontext{
margin:4px 0px;
}
div.option{
margin:4px 0px;
}
select.prodoption{
min-width:200px;
}
div.option input[type="radio"]{
margin-top:-2px;
margin-right:6px
}
div.listprice{
float:right;
width:52%;
font-size:0.9em;
margin:2px 0px;
}
span.yousave{
background:#0065A7;
color:#fff;
margin:4px 0px;
font-size:0.9em;
}
div.prodprice{
float:right;
width:52%;
margin:4px 0px;
font-size:1.1em;
}
div.prodrating{
float:right;
width:52%;
margin:2px 0px;
}
div.prodcurrency{
float:right;
width:52%;
font-size:0.8em;
color:#666;
margin:2px 0px;
}
div.configbutton{
float:right;
width:52%;
margin:2px 0px;
}
div.outofstock{
text-align:center;
margin:2px 0px;
font-weight:bold;
width:48%;
}
div.prodid,div.proddateadded{
float:right;
width:52%;
margin:2px 0px;
}
div.proddateaddedlabel{
float:left;
}
div.proddateaddeddate{
float:left;
margin-left:4px;
}
div.multioptiontext{
width:180px;
}
div.detaillink,div.addtocart,div.qbuybutton{
float:right;
width:52%;
text-align:center;
padding:0px;
margin:4px 0;
}
input.detaillink,input.buybutton,input.qbuybutton,input.prodnotifystock,input.prodwishlist,input.prodoutofstock,
button.detaillink,button.buybutton,button.qbuybutton,button.prodnotifystock,button.prodwishlist,button.prodoutofstock{
width:100%;
text-align:center;
padding:6px;
margin:0px;
border:0px;
color:#fff;
border:0;
border-radius:4px;
-webkit-appearance:none;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.6);
font-family:FontAwesome, sans-serif;
}
input.prodwishlist,button.prodwishlist{
font-size:10px;
}
div.prodaddtocartquant{
float:right;
width:52%;
}
div.prodaddtocartquant > .addtocart{
margin:0 0 0 4px;
text-align:left;
}
div.prodaddtocartquant div.quantity2div{
width:90px;
}
div.prodaddtocartquant input.buybutton,div.prodaddtocartquant button.buybutton{
margin:0;
width:100%;
}
input.detaillink:hover, input.qbuybutton:hover,button.detaillink:hover, button.qbuybutton:hover{
color:#000;
cursor:pointer;
-webkit-appearance:none;
text-shadow:0 1px 1px rgba(255, 255, 255, 0.6);
}
div.pagenumbers{
text-align:center;
margin:4px 0px;
}
p.cstitle{
float:left;
width:96%;
padding:4px 2px;
border-bottom:1px solid #CF9436;
font-size:1em;
margin:20px 0px 0px 10px;
color:#666
}