html, body, textarea, select, input { font-family: 'Blinker', sans-serif; font-size:1.01em;padding:0;margin:0; }
html, body { height:100%;background-color:#fff;color:#000; }
html { -webkit-text-size-adjust: 100%; }
textarea, select, input { border:1px solid #555;border-radius:4px;outline:0;padding:3px;font-size:14px;background-color:#fff; }
textarea:focus, select:focus, input:focus { border:1px solid #cc252d;outline:0; }
a:link, a:visited { color:#cc252d;text-decoration:underline; }
a:hover, a:active { color:#ed1e28;text-decoration:none; }
label { cursor:pointer; }

/* FontAwesome Form Elements */

input[type=radio], input[type=checkbox] { border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px; }
input[type=radio] + label:before, input[type=checkbox] + label:before { font-family: 'Font Awesome 5 Free';display: inline-block;letter-spacing: 10px;font-size: 1em;color: #535353;width: 1.3em; }
input[type=radio]:checked + label:before, input[type=checkbox]:checked + label:before  { font-size: 1em;color: #cc252d;letter-spacing: 5px; }
input[type=radio]:hover + label:before, input[type=checkbox]:hover + label:before { color: #ed1e28; }
input[type=radio][disabled] + label:before, input[type=checkbox][disabled] + label:before { color:#aaa; }
input[type=radio][disabled]:checked + label:before, input[type=checkbox][disabled]:checked + label:before { color:#f7a2a7; }
input[type=checkbox] + label:before { content: "\f0c8"; }
input[type=checkbox]:checked + label:before { content: "\f14a";font-weight:900; }
input[type=radio] + label:before { content: "\f111"; }
input[type=radio]:checked + label:before { content: "\f192";font-weight:900; }


/* Header */

#headbannerwrap { background:linear-gradient(0deg, #ddd 0%, #eee 100%);border-bottom:1px solid #bf242b; }
#headbanner { margin:0 auto;width:75%;padding:10px; }
#headbannername { font-size:40px;color:#444;text-shadow:1px 1px rgba(255,255,255,0.3);display:inline-block; }
#headbannername img { height:50px;vertical-align:middle;position:relative;top:-2px;margin-right:10px; }
#headsearch { float:right;border:1px solid #555;background-color:#fff;border-radius:30px;box-shadow:inset 0px 0px 2px rgba(0,0,0,0.4);padding:5px 10px 5px 10px;position:relative;top:10px; }
#headsearch i { color:#888;margin-right:5px; }
#headsearch input { background:rgba(255,255,255,0);border:0;outline:0; }
#headlinkswrap { background:#ef1621;background:linear-gradient(0deg, #ef1621 0%, #dc1c25 100%);border-top:1px solid #f24c54;border-bottom:1px solid #bf242b; }
#headlinks { margin:0 auto;width:75%;text-align:center; }
#headlinks a { padding:10px 20px 10px 20px;color:#fff;text-shadow:1px 1px rgba(0,0,0,0.5);text-decoration:none;display:inline-block; }
#headlinks a:hover { background:rgba(0,0,0,0.1); }


/* Body */

#bodywrap { margin:0 auto;width:75%;padding:10px;font-weight:300; }

.pagehead { font-size:2em;font-weight:500;padding:10px 0px 10px 0px;margin-bottom:10px;border-bottom:2px solid #ddd; }
.pagehead i { margin-right:10px; }
.pagesubhead { font-size:1.25em;font-weight:500;padding-top:5px;margin-bottom:10px;text-decoration:underline; }
.pagesubhead i { margin-right:6px; }

#pagecolwrap { display:grid;margin-top:5px;grid-template-columns:230px 1fr;grid-template-rows:auto;grid-template-areas: "leftbar rightcont"; }
#pageleftbar { grid-area:leftbar;padding:5px 0px 5px 0px; }
#pagerightcont { grid-area:rightcont;padding:5px 5px 5px 10px; }


/* Footer */

#footer { background-color:#eee;margin-top:20px;font-size:0.8em;text-align:center;padding:5px; }


/* Home page */

#newsticker { margin:10px 0px 10px 0px;background-color:#eee;border:1px solid #ddd;padding:5px 5px 5px 10px;border-radius:5px; }
#newsticker i { margin-right:10px;position:relative;top:1px;color:#444; }
#newsticker a { text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.spotlightwrap { padding-top:15px;padding-bottom:15px; }
.spotlighthead { border:1px solid #aaa;background-color:#ddd;font-weight:500;border-top-right-radius:5px;border-top-left-radius:5px;text-shadow:1px 1px rgba(255,255,255,0.3); }
.spotlighthead div { border-top:1px solid #eee;padding:8px 10px 8px 10px;border-top-right-radius:4px;border-top-left-radius:4px; }
.spotlighthead i { margin-right:10px; }
.spotlightbody { border-left:1px solid #aaa;border-right:1px solid #aaa;border-bottom:1px solid #aaa;padding:4px;overflow-y:auto;white-space:nowrap; }

.spottilewrap { border-radius:5px;display:inline-block;width:200px;height:200px;margin:8px;box-shadow:1px 1px 3px rgba(0,0,0,0.2); }
.spottilei { position:relative;border-radius:4px;height:100%;background:linear-gradient(0deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.4) 100%);white-space:normal;text-shadow:1px 1px rgba(255,255,255,0.3); }
.spottileia:hover { background:linear-gradient(0deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 100%); }
.spottilebannerwrap { width:115px;height:115px;overflow:hidden;position:absolute;top:-5px;left:-5px;z-index:1000; }
.spottilebannerwrap:after { content:"";display:block;width:10px;height:5px;background-color:#326d20;position:absolute;top:0;right:0;z-index:-1; }
.spottilebannerwrap:before { content:"";display:block;height:10px;width:5px;background-color:#326d20;position:absolute;bottom:0;left:0;z-index:-1; } 
.spottilebanner { width:175px;padding:5px;background-color:#478d32;color:#fff;text-align:center;transform:rotate(-45deg) translate(-28%, -35%);box-shadow:0px 3px 3px rgba(0,0,0,0.4);text-shadow:1px 1px rgba(0,0,0,0.4); }
.spottileii { position:absolute;top:50%;-ms-transform: translateY(-50%);transform: translateY(-50%);width:100%;text-align:center; }
.spottileii i { font-size:50px; }
.spottiletext { font-size:1.2em;font-weight:500;padding:10px 10px 0px 10px; }
.spottilesubtext { font-size:0.9em;padding:10px; }

.homebtnswrap { padding:15px 0px 10px 0px; }
.homebtnshalf { display:inline-block;width:50%; }
.homebtnshalf a { color:#333;text-decoration:none;text-shadow:1px 1px rgba(255,255,255,0.3); }
.homebtn { border:1px solid #333;border-radius:5px;box-shadow:1px 1px 3px rgba(0,0,0,0.2);background:linear-gradient(0deg, #cbcbcb 0%, #dddddd 100%);padding:10px 10px 10px 100px; }
.homebtni { position:relative; }
.homebtni i { position:absolute;top:5px;left:-75px;font-size:45px; }
.homebtnservice { margin-right:10px; }
.homebtncontact { margin-left:10px; }
.homebtntext { font-size:1.2em;font-weight:500;padding-bottom:10px; }

/* Products */

.producttilewrap { display:inline-block;border-radius:5px;width:150px;margin:8px;box-shadow:1px 1px 3px rgba(0,0,0,0.2); }
.producttilewrap:hover { border:1px solid #000;box-shadow:1px 1px 3px rgba(0,0,0,0.5); }
.producttilepic { height:130px;padding:5px;position:relative; }
.producttilepic img { max-width:145px;max-height:125px;position:absolute;top:50%;left:50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%); }
.producttilenamewrap { background-color:#eee;white-space:normal;color:#333;font-size:15px;padding:5px;height:35px;position:relative; }
.producttilename { position:absolute;top:50%;-ms-transform: translateY(-50%);transform: translateY(-50%); }
.producttileprice { padding:5px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;font-size:1.1em;text-align:right;font-weight:500;text-shadow:1px 1px rgba(255,255,255,0.3); }
.producttileoldprice { font-size:0.8em;display:inline-block;float:left;position:relative;top:3px;background:linear-gradient(to left top, transparent 47.75%, currentColor 49.5%, currentColor 50.5%, transparent 52.25%); }

.ptsalewrap { border:1px solid #5e9d36; }
.ptsaleprice { border-top:1px solid #5e9d36;background-color:#a1f16d;background:linear-gradient(#a1f16d,#7ed347);color:#3a681d; }

.ptnormwrap { border:1px solid #2a82b7; }
.ptnormprice { border-top:1px solid #2a82b7;background-color:#7fc5ef;background:linear-gradient(#7fc5ef,#56a8d9);color:#1d4c68; }

.prodhead { text-align:center; }
.prodpagewrap { display:grid;margin-top:5px;grid-template-columns:40% 60%;grid-template-rows:auto;grid-template-areas: "prodleft prodright"; }
.prodpageleft { grid-area:prodleft;padding:5px 10px 5px 0px; }
.prodpageright { grid-area:prodright;padding:5px 5px 5px 10px; }
.prodpicswrap { border:2px solid #ef5b63;border-radius:10px;box-shadow:2px 2px 4px rgba(0,0,0,0.2); }
.prodbigpic { padding:10px;height:400px;position:relative; }
.prodbigpic img { max-width:95%;max-height:400px;position:absolute;top:50%;left:50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%); }
.prodsmpicswrap { padding:10px 10px 5px 10px;border-top:2px solid #ddd; }
.prodsmpics { text-align:center;padding-bottom:5px;overflow-y:auto;white-space:nowrap; }
.prodsmpics::-webkit-scrollbar { height:7px; }
.prodsmpics::-webkit-scrollbar-track { background:rgba(0,0,0,0); }
.prodsmpics::-webkit-scrollbar-thumb { background:#aaa;border-radius:10px; }
.prodsmpics::-webkit-scrollbar-thumb:hover { background:#777; }
.prodsmpics a { display:inline-block;margin:0px 3px 0px 3px;padding:2px;border:1px solid transparent;border-radius:3px;transition:border 200ms; }
.prodsmpics a:hover { border:1px solid #ef5b63; }
.prodsmpics img { height:80px; }
.proddescription i { font-size:0.9em;margin-right:10px;color:#777; }
.prodprice { padding:20px 0px 20px 0px;font-size:2em;color:#64a61b;font-weight:500;-webkit-text-stroke: 1px #406e0d;text-shadow:1px 1px rgba(0,0,0,0.2); }
.prodprice span { font-size:15px;margin-left:10px;-webkit-text-stroke:0px; }
.proddisclaimer {  }

/* Services */

.servrateswrap { padding:15px 0px 10px 0px; }
.servratesboxwrap { display:inline-block;width:33.2%; }
.servratesbox { color:#18540d;border:1px solid #4ab836;border-radius:5px;box-shadow:1px 1px 3px rgba(0,0,0,0.2);background:linear-gradient(0deg, #76de64 0%, #aef4a2 100%);padding:10px 10px 10px 100px;text-shadow:1px 1px rgba(255,255,255,0.4); }
.servratesboxi { position:relative; }
.servratesboxi i { position:absolute;top:5px;left:-75px;font-size:45px; }
.servratesleft { margin-right:5px; }
.servratesmiddle { margin-right:5px;margin-left:5px; }
.servratesright { margin-left:5px; }
.servratestext { font-size:1.1em;padding-bottom:5px; }
.servratesprice span { font-size:1.4em;font-weight:500; }

/* Browse */

.filterboxwrap { border:1px solid #555;background-color:#eee;border-radius:5px; }
.filterboxhead { background:linear-gradient(#ccc,#ddd);border-top:1px solid #eee;border-bottom:1px solid #999;padding:8px;font-size:0.9em;color:#555;text-shadow:1px 1px rgba(255,255,255,0.5); }
.filterboxhead:first-child { border-top-left-radius:4px;border-top-right-radius:4px; }
.filterboxhead i { margin-right:8px; }
.filterboxbody { border-bottom:1px solid #999;padding:6px; }
.filterboxcats { max-height:150px;overflow-y:auto; }
.filterboxcat { padding:2px 2px 2px 5px;font-size:0.9em; }
.filterboxcatin { padding-left:15px; }
.filterboxcatdis { color:#aaa; }
.filterboxcatdis i { color:#000 !important; }
#filterwords { width:calc(100% - 8px); }
.filterboxsubmit { text-align:right;padding:6px;background:linear-gradient(#ddd,#ccc);border-bottom-left-radius:4px;border-bottom-right-radius:4px; }
.filterboxsubmit a { display:inline-block;border:1px solid #000;border-radius:5px;color:#fff;text-decoration:none;text-shadow:1px 1px rgba(0,0,0,0.5); }
.filterboxsubmit a span { display:block;border-radius:4px;padding:2px 5px 2px 5px;font-size:14px;background:#ef1621;background:linear-gradient(#ef1621,#dc1c25);border-top:1px solid #f66067;border-left:1px solid #f66067;border-bottom:1px solid #bf242b;border-right:1px solid #bf242b; }
.filterboxsubmit a span:hover { background:#dc1c25;background:linear-gradient(#dc1c25,#ef1621); }
.filterboxsubmit i { margin-right:5px; }

.resultnum { background-color:#eee;padding:8px;margin-left:8px;margin-bottom:5px;border-radius:5px;font-size:13px;font-weight:400;color:#333; }
.resultnum i { margin-right:10px;color:#aaa;margin-left:5px; }

.resultnone { text-align:center; }
.resultnonei { color:#dc1c25;text-shadow:2px 2px 1px #ddd;font-size:4em;padding:50px 0px 10px 0px; }
.resultnonetitle { color:#555;font-size:3em;padding:20px; }