/* * 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 * * STYLE SHEET FOR THE ECT SHOPPING CART * * Last Modified: 2026-04-07 */ div.cartoptionsline div.cartoptionoutstock{ display:none; } form{ margin:0; padding:0; } a.ectlink:visited,a.ectlink:link{ text-decoration:none; } .ectclearfix::after{ content:""; clear:both; display:table; } select.ectselectinput{ width:auto; } input[type].cdform1fixw,input[type].cdform2fixw,input[type].cdform3fixw, button.cdform1fixw,button.cdform2fixw,button.cdform3fixw, select.cdform1fixw,select.cdform2fixw,select.cdform3fixw{ width:280px; box-sizing:border-box; } .nofixw{ box-sizing:border-box; padding:6px; } div.flexvertalign{ display:flex; justify-content:flex-start; align-items:center; } div.cart1details,div.cart2details,div.cart3details{ font-family:sans-serif; line-height:normal; } div.editaddressbuttons{ display:inline-block; padding:4px 0; } input[type].cdformsmfixw,div.cdformsmfixw{ width:138px; box-sizing:border-box; } input.cdformcoupon{ width:218px; } span.extraimgnumof::before, span.giantimgback::before{ content:"("; } span.extraimgnumof::after, span.giantimgback::after{ content:")"; } span.extracommentsdots::before{ content:" \2026\a0["; } span.extracommentsdots::after{ content:"]"; } div.opttooltip{ font-size:24px; vertical-align:middle; margin-left:6px; position:relative; display:inline; color:#333; } div.opttooltip::after{ content:"\24D8"; color:#333; } div.tooltipcontent{ display:none; font-size:15px; border:1px solid gray; background:#FFF; position:absolute; z-index:100; min-width:200px; padding:6px; border-radius:5px; color:#333; font-weight:normal; } div.tooltipright{ right:-20px; top:-20px; } img.giantthumb{ cursor:pointer; } img.giantimage{ max-width:100%; max-height:91.5vh; margin:0px; box-shadow:5px 5px 2px #999; } input[type="button"].ectbutton,input[type="submit"].ectbutton,button.ectbutton{ background-color:#006ABA; color:#FFF; padding:6px 12px; border:0; border-radius:4px; font-family:FontAwesome,sans-serif; cursor:pointer; font-weight:normal; -webkit-appearance:none; line-height:normal; font-size:14px; box-sizing:border-box; } input[type="button"].ectbutton:hover,input[type="submit"].ectbutton:hover,button.ectbutton:hover{ background-color:#DDD; color:#000; } input[type="button"].ectbutton:disabled,input[type="submit"].ectbutton:disabled,button.ectbutton:disabled{ background-color:#DDD; color:#000; cursor:default; text-shadow:none; } div.largereviewstars svg.icon,div.smallreviewstars svg.icon{ display:inline-block; fill:#006ABA; } div.largereviewstars svg.icon{ width:24px; height:24px; } div.smallreviewstars svg.icon{ width:14px; height:14px; } div.reviewsavg,div.reviewsnumber{ display:inline; vertical-align:middle; } div.reviewsavg{ margin-right:5px; } div.reviewsnumber{ margin-left:5px; } div.clickreview{ margin:16px 0; text-align:center; } button.clickreview{ width:300px; max-width:100%; } span.reviewheader{ vertical-align:text-bottom; padding-left:5px; font-weight:bold; } span.reviewer{ font-weight:bold; } div.reviewname,div.reviewcomments,div.reviews{ margin-top:16px; } div.reviews{ clear:both; } div.noreview{ margin:30px 0; } video.prodimage,video.csprodimage,video.detailimage,video.giantimage{ height:auto; max-width:100%; } div.giantthumb{ margin:10px 12px 10px 10px; } img.giantthumb,video.giantthumb{ width:100%; box-shadow:5px 5px 2px #999; } div.giantthumbcontainer{ padding:0px 10px 10px 10px; width:200px; } /*mini newsletter*/ div.minimailsignup{background:#fff;margin:4px auto;padding:0px;width:98%;} label.minimailsignup{display:block;padding:2px;} button.minimailsubmit,button.mincart{-webkit-appearance:none;font-size:12px;width:100%;margin:8px 0;} input.minimailsignup {width:100%;box-sizing:border-box;} div.minimailsigned{text-align:center;margin:20px 0;font-style:italic;} /*Tabs*/ div.reltabproduct{ clear:both; } div.reltabimage{ float:left; width:20%; padding:10px; clear:left; text-align:center; box-sizing:border-box; } img.reltabimage{ max-width:100%; height:auto; } div.reltabname,div.reltabdescription{ margin:5px 2%; float:right; width:76%; box-sizing:border-box; } div.reltabname{ font-weight:bold; } div.reltabproduct::after{ content:""; clear:both; display:table; } div.reltabproduct{ padding-bottom:15px; } div.reltab > div.reltabproduct:not(:last-child){ border-bottom:1px solid gray; margin-bottom:15px; } div.ecthreview{ padding-bottom:15px; } div.reviewscontainer > div.ecthreview:not(:last-child){ border-bottom:1px solid gray; margin-bottom:15px; } div.prodrating a{ vertical-align:middle; } div.TabbedPanelsContentGroup{ background-color:#FFF; border:1px solid gray; } ul.TabbedPanelsTabGroup > li.TabbedPanelsTab{ font-family:FontAwesome,sans-serif; background-color:#FFF; font-size:0.9em; padding:6px 12px; border:1px solid gray; border-radius:5px 5px 0 0; list-style:none; } ul.TabbedPanelsTabGroup > li.TabbedPanelsTabSelected{ border-bottom:1px solid #FFF; } div.tabpanelcontent{ padding:15px; } div.tabpanelcontent::after{ content:""; clear:both; display:table; } div.autosearch{ min-width:280px; border:1px solid gray; background-color:white; z-index:10000; text-align:left } div.autosearch > div{ padding:5px; cursor:pointer; } div.autosearch > div:hover{ background-color:lightgray; } div.autosearch > div.autosearchselected{ background-color:lightgray; } div.rcoption{ margin-bottom:5px; } div.rcoptioninline{ display:inline-block; } div.multioptiontext{ display:inline-block; width:50%; } input.prodoption{ border:1px solid gray; padding:2px; } div.option input[type="radio"],div.option input[type="checkbox"]{ vertical-align:middle; } input.ecttextinput[type="number"]{ -moz-appearance:textfield; } div.optiontext{ padding:2px 6px 2px 0; min-width:120px; font-weight:bold; color:#555; } div.multioptiontext > input.ecttextinput{ width:36px; } div.multioptiontext > input.oostock{ background-color:#EBEBE4; } option.oostock,label.oostock{ color:#F00; } input.cpncart1{ font-size:11px; width:140px; } div.ectbreadcrumb{ display:inline-block; margin-left:5px; } select.breadcrumbcats{ max-width:200px; text-overflow:ellipsis; } div.imagenavigator{ margin-top:2px; white-space:nowrap; overflow:hidden; } div.imagenavigator img{ margin:0 4px 3px 4px; vertical-align:middle; } div.imagenavigator input.previmg{ margin:0 2px 0 0; } div.imagenavigator input.nextimg{ margin:0 0 0 2px; } div.prodimagenavigator{ font-size:0.7em; } div.imagenavigator > button{ font-size:12px; padding:4px 6px; margin:0 3px; } div.origprice{ color:#999999; font-weight:bold; } span.liststrike{ text-decoration:line-through; } select.sidefilter{ min-width:150px; padding:6px; } div.ectpat{ padding:4px 0px; cursor:pointer; } div.ectpatgrp{ border-bottom:1px solid gray; margin:12px 0px; padding:6px; } div.ectpattitle{ margin-bottom:6px; font-size:1.2em; } div.ectpatcb{ margin:3px 0px; } input[type].sidefilter,button.sidefilter{ padding:6px; } button.removefilter{ text-decoration:line-through; margin-bottom:4px; } input.sfprice{ border:1px solid gray; outline:none; padding:6px; box-shadow:inset 0px 11px 8px -10px #AAA, inset 0px -11px 8px -10px #AAA; border-radius:3px; width:70px; text-align:right; box-sizing:border-box; } div.sfpriceinputs input{ height:35px; text-align:center; width:100%; } div.sfpriceinputs > div{ padding:2px; } div.sfpriceinputs{ display:flex; margin-bottom:15px; } .sfslidercontainer{ width:100%; height:6px; position:relative; background-color:lightgrey; border-radius:5px; } .sfslidercontainer div{ height:100%; left:0; right:0; position:absolute; border-radius:5px; background:#006aba; } .sfrangesliders { position:relative; } .sfrangesliders input{ position:absolute; width:100%; height:5px; background:none; top:-5px; cursor:pointer; appearance:none; margin:0; border-radius:15px; } div.contactform{ max-width:800px; margin:10px auto 50px auto; } div.contactform input.ecttextinput, textarea.ecttextinput{ width:100%; } div.contactform textarea.ecttextinput{ height:80px; } button.contactformsend{ min-width:200px; } div.ectcf2col > div:first-child { width:40%; } div.ectcf2col > div:nth-of-type(2){ flex-grow:1; } div.ectcf2col { margin: 12px 0px; display: flex; justify-content: flex-start; align-items: center; } div.contactformblurb{ margin-bottom:30px; } div.contactformthanks{ text-align:center; margin:50px; } input[type="range"]::-webkit-slider-thumb { height:15px; width:15px; border-radius:15px; background:#FFF; border:1px solid grey; pointer-events:auto; appearance:none; } div.zeroatt{ color:#AAA; } div.zeroatt input{ opacity:0.50; } div.grpMoreDiv{ text-align:center; padding:5px; } ul.ectverticalmenu2 > li,ul.ectverticalmenu3 > li{ margin-bottom:-1px; } ul.ectverticalmenu3 > li, ul.ectsubverticalmenu3 > li{ border:1px solid gray; min-width:180px; min-height:34px; margin-bottom:-1px; background-color:#FFF; } ul.ectverticalmenu2 > li.ectsub{ display:none; } li.ectraq1 > a::before{ content:"\00BB\00A0"; } li.ectraq2 > a::before{ content:"\00BB\00A0\00BB\00A0"; } li.ectraq3 > a::before{ content:"\00BB\00A0\00BB\00A0\00BB\00A0"; } li.ectraq4 > a::before{ content:"\00BB\00A0\00BB\00A0\00BB\00A0\00BB\00A0"; } li.ectraq5 > a::before{ content:"\00BB\00A0\00BB\00A0\00BB\00A0\00BB\00A0\00BB\00A0"; } li.ectraq6 > a::before{ content:"\00BB\00A0\00BB\00A0\00BB\00A0\00BB\00A0\00BB\00A0\00BB\00A0"; } li.ectraq7 > a::before{ content:"\00BB\00A0\00BB\00A0\00BB\00A0\00BB\00A0\00BB\00A0\00BB\00A0\00BB\00A0"; } ul.ectverticalmenu3 > li > a, ul.ectsubverticalmenu3 > li > a{ display:inline-block; vertical-align:text-top; width:100% } li.ectselected{ font-weight:bold; } div.ectpacount{ float:right; } div.termsandconds{ margin:20px auto 0 auto; width:800px; max-width:90%; overflow-y:auto; max-height:98%; padding:6px; border-radius:5px; box-shadow:1px 1px 5px #333; background-color:#FFF; } div.ectdivcontainer{ overflow:auto; display:table; width:98%; margin:14px auto; } div.amazonpaybuttontext{ margin-bottom:5px; } div.amazonlogout1{ clear:both; } div.checkoutbutton1{ margin:6px; } div.eachcatdiscountsapply,div.eachproddiscountsapply,div.discountsapply,span.detaildiscountsapply{ color:#DF1A1A; } div.discountsapply{ padding:4px 0px 0px 0px; } div.catdiscounts,div.proddiscounts,div.prodnoapplydiscounts{ color:#DA6A1E; padding:0px 0px 4px 0px; } div.proddiscountexempt,div.freeshippingexempt{ font-size:0.8em; } span.inctax{ font-size:0.8em; } div.prodimage{ text-align:center; } /* Social Media Buttons */ div.socialmediabuttons{ text-align:center; } div.socialmediabuttons > div{ display:inline-block; padding-right:5px; vertical-align:top; float:none; } div.socialmediabutton{ display:inline-block; padding:6px; } div.socialmediabutton > *{ vertical-align:top !important; } input.lgaskaquestion, input.lgemailfriend{ height:28px; margin:0; } button.smaskaquestion, button.smemailfriend{ height:21px; margin:0; font-size:12px; line-height:10px; } div.smlinkedininner{ background-color:#0073B1; } div.smlinkedininner{ height:20px; padding:4px; border-radius:4px; display:inline-flex; box-sizing:content-box; } /* Mini Widget Defaults */ div.minicart{ padding:3px; } div.minicartcnt{ padding:3px; background-color:#FFF; } div.minicartoneline{ display:inline-flex; align-items:center; } div.minicartoneline > div{ padding:3px; } /* Image Upload */ input.ectfileinput{ border-radius:4px; border:1px solid gray; padding:20px; } div.imageuploadtable{ display:table; width:50%; margin:auto } div.receiptheadrow,div.downloadheadrow,div.imageuploadrow{ display:table-row; font-weight:bold; height:42px; } div.imageuploadbutton{ text-align:center; margin:10px 0; } div.imageupload{ padding:20px; text-align:center; } div.imageuploadprogress{ padding:20px; text-align:center; margin:0 10% 0 10%; box-sizing:border-box; width:80%; display:inline-block; max-width:750px; min-width:275px; } div.imageuploadfile{ text-align:center; border:dotted; border-radius:10px; padding:5% 5%; margin-bottom:1rem; } div.imageuploadfile.hoverwithfile{ border:solid; background-color:#BEB; } div.uploadedimagestable{ display:table; margin:auto; max-width:500px; width:90%; } div.uploadedimagesrow{ display:table-row; } div.uploadedimagesrow > div{ display:table-cell; } div.uploadedimagesrow > div:nth-of-type(3){ text-align:center; } div.imageuploadhead{ color:#333 } /* Receipt Page */ div.thankspageimg{ text-align:center; display:inline-block; } img.thankspageimg{ max-width:75px; } div.receiptlist,div.downloadlist{ display:table; width:100%; } div.receiptlistrow,div.downloadlistrow{ display:table-row; } div.receiptheadrow > div,div.downloadheadrow > div,div.receiptlistrow > div,div.downloadlistrow > div,div.imageuploadrow > div{ display:table-cell; vertical-align:middle; padding:3px; } div.receiptitemrow > div,div.downloadlistrow > div{ height:38px; border-top:1px solid gray; padding-top:10px; } div.receiptoptionrow > div{ height:32px; } div.receiptoption{ font-size:0.82em; } div.receipttotalstable{ display:inline-table; width:50%; max-width:350px; border-top:1px solid gray; margin:4px; padding:6px 4px; } div.receipttotalsrow{ display:table-row; } div.receipttotalsrow > div{ display:table-cell; padding:2px; } div.rectotgrandtotal{ font-weight:bold; } div.receipttotalscolumn{ text-align:right; margin-top:20px; } div.receiptcontainer{ padding:4px 2px; } div.receiptleft,div.receiptright{ display:inline-block; padding:2px; box-sizing:border-box; vertical-align:top; } div.receiptleft{ width:40%; text-align:right; } div.receiptright{ width:60%; text-align:left; } div.receiptaddress div.receiptcontainer div.receiptleft{ text-align:left; padding-left:10px; } div.receiptleft::after{ content:": "; } div.receiptaddress{ width:48.8%; min-height:100px; display:inline-block; vertical-align:top; } div.receiptextra,div.receiptdownload,div.receiptaddress{ margin:0.6% 0.6% 0% 0.6%; padding:6px 4px; border:1px solid gray; box-sizing:border-box; } div.receiptdownload{ margin-bottom:30px; } div.rectotdiscounts div.ectright{ color:#FF0000; } div.receiptoptgroup{ text-align:right; } div.receiptoptgroup::after{ content:": "; } div.receiptbuttons{ padding:10px; text-align:center; } div.receiptcontinueshopping,div.receiptprintversion{ padding:10px; width:50%; display:inline-block; box-sizing:border-box; } div.receiptcontinueshopping{ text-align:right; } div.receiptprintversion{ text-align:left; } div.printbody{ background-color:#FFF; color:#000; } div.receipttotalsrow div.ectleft{ text-align:left ; } div.receipttotalsrow div.ectright{ text-align:right; } div.receiptnodownloadtext{ margin:15px; } div.receiptpackage{ display:table; font-size:0.9em; color:#404040; } div.receiptpackagerow{ display:table-row; } div.receiptpackagerow > div{ display:table-cell; padding:2px; } div.receiptpackagerow div.ectleft::before{ content:" > "; } div.receiptpackagerow div.ectleft::after{ content:": "; } div.receiptsectionhead{ padding:10px 0px; font-size:1.3em; font-weight:500; } div.receiptaddresses{ overflow:auto; } div.latedownloadbuttons{ padding:10px; } /* Quantity Inputs */ input[type="text"].quantity0input{ max-width:100px; } input.quantity1input:focus,input.quantity2input:focus{ outline:none; } div.quantitycontainer{ display:flex; } div.quantity1div{ border-radius:6px; width:80px; border:1px solid gray; font-size:1.5em; color:gray; text-align:left; height:36px; } div.quantity1div > div{ width:35%; height:50%; border-radius:3px; float:right; border-left:1px solid gray; clear:right; font-size:12px; text-align:center; cursor:pointer; margin:0px; box-sizing:border-box; } div.quantity1div > div:nth-child(2){ border-bottom:1px solid gray; } div.quantity1div > div:hover{ background-color:grey; color:#FFF; } input[type].quantity1input{ width:65%; height:100%; border:none; float:left; text-align:center; margin:0; padding:0; border-radius:5px; } div.quantity2div{ border-radius:6px; width:105px; border:1px solid gray; overflow:auto; font-size:1.5em; color:gray; display:flex; align-items:center; min-height:32px; } div.detailquantity2div{ min-height:38px; } div.quantity2div > div{ text-align:center; width:33%; cursor:pointer } div.quantity2div > div:hover{ color:#006aba; } input[type].quantity2input{ text-align:center; width:34%; border:none; margin:0px; padding:0px; } /* Stock Notify */ div.notifyinstock{ background:#FFF; margin:30vh auto; width:350px; max-width:98%; padding:2px; border-radius:8px; box-shadow:5px 5px 2px #666; overflow:auto; } div.cartstockwarning{ text-align:center; margin:5px 0; } div.pricechangedwarning{ border:1px solid gray; padding:5px; margin:0 0 6px 0; } div.cartstockjustpurchased{ font-size:0.8em; } div.cartminquant_cntnr{ text-align:center; margin:10px 0; } /* Soft Cart / Quick Buy */ div.scwrap, div.qbuywrapper, div.iuwrap{ margin:5vh auto 0 auto; background:#FFF; width:98%; max-width:600px; padding:6px; border-radius:5px; box-shadow:1px 1px 5px #333; overflow:auto; max-height:90vh; box-sizing:border-box; text-align:left; } div.scprodsadded{ padding:3px; border-top:1px solid #567CBB; clear:both; } div.scclose{ padding:3px; text-align:right; float:right; cursor:pointer; } div.scclose::after{ content:url(../images/ect_close.svg); } div.qbuywrapper div.multioptiontext{ display:inline-block; width:49%; text-align:left } div.qbopaque, div.iuopaque, div.ectopaque{ overflow-y:auto; position:fixed; width:100%; height:100%; background-color:rgba(140,140,150,0.5); top:0px; left:0px; z-index:998; } div.opaqueinner{ background-color:#FFFFFF; width:98%; max-width:1000px; height:97%; margin:1% auto; border-radius:8px; box-shadow:5px 5px 2px #666; overflow-x:auto; padding:20px; box-sizing:border-box; } div.scwrap{ text-align:left; } div.sccheckout{ padding:3px; display:inline-block; text-align:left; } div.scnostock{ padding:3px; text-align:center; background-color:#FFCFBF; border:1px solid #8C0000; clear:both; } div.scimage{ padding:3px; display:inline-block; width:160px; text-align:center; vertical-align:top; } img.scimage{ max-width:150px; } div.scproducts{ padding:3px; display:inline-block; } div.scproduct{ padding:3px; } div.scprodname{ padding:3px; text-align:left; } div.scprice{ padding:3px; text-align:left; clear:left; background:#f1f1f1; border-top:1px dotted #567CBB; font-weight:bold; color:#666; } div.scoptions{ max-width:400px; } div.scoption{ padding:3px; margin-left:10px; } div.scoptname,div.scoptvalue{ padding:3px; display:inline-block; } div.scnostock,div.scbackorder{ padding:3px; text-align:center; background-color:#FFCFBF; border:1px solid #8C0000; } div.sccartitems{ padding:3px; text-align:right; } div.sccarttotal{ padding:3px; text-align:right; background:#f1f1f1; border-top:1px dotted #567CBB; font-weight:bold; color:#666; } span.sccartdscnt{ color:#8C0000; } div.sclinks{ padding:3px; text-align:right; } div.scerror{ text-align:center; padding:100px 0; } div.qbuywrapper div.prodname{ border-bottom:1px solid gray; } div.catnavandcheckout{ display:flex; justify-content:space-between; align-items:center; } div.prodname,div.prodminquant,div.prodid,div.prodsku,div.proddescription,div.prodprice,div.proddateadded,div.listprice,div.prodoptions,div.detaillink,div.addtocart,div.qbuybutton,div.detailquantity,div.detaildiscounts,div.detailname, div.detailminquant,div.detailid,div.detailsku,div.detailshortdescription,div.detaildescription,div.detailprice,div.detaildateadded,div.detaillistprice,div.detailoptions,div.previousnext,div.catnavcheckout,div.catnavigation, div.checkoutbutton,div.socialmediabuttons,div.prodnavigation,div.searchwords,div.detailcustom1,div.detailcustom2,div.detailcustom3,div.prodaddtocartquant,div.detailaddtocartquant,div.optioncontainer,div.multioptiontable{ margin:4px 0; } div.categories, div.products, div.csproducts{ display:flex; flex-wrap:wrap; width:100%; } div.product{ min-height:180px; margin:0.5%; padding:6px; box-sizing:border-box; width:32.3%; } div.prodname{ font-size:1.2em; } div.prodprice,div.detaillink,div.qbuybutton,div.addtocart,div.notifyinstock{ font-size:1.1em; } span.prodpricelabel::after{ content:": "; } div.proddateaddedlabel,div.proddateaddeddate,div.detaildateaddedlabel,div.detaildateaddeddate{ display:inline-block; } div.proddateaddedlabel::after,div.detaildateaddedlabel::after,span.prodidlabel::after,span.prodinstocklabel::after,span.detailmanufacturerlabel::after,span.prodmanufacturerlabel::after{ content:": "; } label.ectlabel{ display:inline-block; margin:0; font-weight: normal; } div.addtocartquant{ padding:0; display:flex; align-items:center; } div.addtocartquant div.quantity0div, div.addtocartquant div.quantity1div, div.addtocartquant div.quantity2div{ margin:0 6px 0 0; } input[type="text"].quantity0input{ margin:0; min-height:32px; width:40px; font-size:1.1em; } input[type="text"].detailquantity0input{ min-height:38px; width:50px; } button.buybutton,button.detaillink,input.qbuybutton,button.qbuybutton,button.outofstock,button.notifystock,button.configbutton{ min-height:32px; } button.detailbuybutton,button.detailoutofstock,button.detailnotifystock{ min-height:38px; min-width:180px; } button.detailwishlist{ min-width:180px; } div.addtocartquant > div{ float:none; } div.addtocartquant > .addtocart{ flex-grow:1; } div.invisibleproduct{ visibility:hidden; } /* Category Page */ div.category{ border:1px solid gray; margin:0.5%; padding:6px; width:49%; display:inline-block; box-sizing:border-box; vertical-align:top; } /* Surveys */ .surveyform{max-width:760px;margin:25px auto;padding:26px 28px;background:#fff;border:1px solid gray;box-sizing:border-box} .surveyformtitle{margin:0 0 18px 0;padding-bottom:12px;border-bottom:1px solid gray;text-align:center;font-size:1.25em;font-weight:bold} .surveyquestionblock{display:block;padding:18px 0;border-top:1px solid gray} .surveyquestionblock:first-of-type{border-top:0;padding-top:6px} .surveyquestiontitle{width:100%;padding-bottom:10px;font-weight:bold;font-size:1.03em} .surveyquestionfield{width:100%} .surveyquestionfield textarea{width:100%;max-width:100%;min-height:130px;box-sizing:border-box;padding:10px;border:1px solid #cfcfcf} .surveyquestionfield label{display:block;padding:8px 10px;margin-bottom:8px;border:1px solid gray;background:#fafafa} .surveyquestionfield label input{margin-right:8px} .surveypreviewnote{margin-bottom:15px;padding:10px 12px;text-align:center;background:#fafafa;border:1px solid gray;color:#555} .surveyformbuttons{text-align:center;padding-top:20px} div.surveyratingpicker{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;justify-content:space-evenly} div.surveyratingpicker .surveystarbutton{background:none;border:0;padding:0;cursor:pointer;line-height:1} div.surveyratingpicker svg.icon{width:100%;height:100%} div.surveyratingpicker .surveystarbutton:focus{outline:1px solid #666;outline-offset:2px} /* Soft Cart Related */ #softcartrelated{text-align:left} div.scrproduct{ min-height:180px; width:31%; display:inline-block; vertical-align:top; margin:4px; } h1.scrheader{ font-size:16px; color:#333; margin:4px 8px 20px 8px; } div.scrproduct div,div.scuproduct div{text-align:center;padding:4px 0px;margin:0px 2px} div.scrimage{border:1px solid gray;padding:4px;min-height:116px} img.scrimage{max-width:100%;height:auto} div.scrprodname{background:#777;} div.scrprodname a.ectlink{color:#fff} div.scrprodname a.ectlink:hover{color:#000} div.scrproddescription p{margin:0px;text-align:left} div.scrprodprice{font-weight:bold} /* Cross Sell */ p.cstitle{ font-weight:bold; } /* Quantity Pricing */ div.prodquantpricingwrap{ width:200px; border:1px solid #999; overflow:hidden; margin:10px auto; } div.detailquantpricingwrap{ width:300px; border:1px solid #999; overflow:hidden; } div.prodquantpricing,div.detailquantpricing{ width:100%; text-align:center; } div.prodqpheading,div.detailqpheading{ padding:6px; background:#999; color:#fff; } div.prodqpheadquant,div.prodqpheadprice,div.prodqpquant,div.prodqpprice, div.detailqpheadquant,div.detailqpheadprice,div.detailqpquant,div.detailqpprice{ padding:6px; width:50%; } /* Page Bar */ span.pagebarsep::after{ content:" | "; } span.pagebarquo{ font-family:Verdana; font-weight:bold; } div.pagenumbers{ text-align:center; margin:8px 0; clear:both; } /* Calendar */ div.ectcalendar{ box-shadow:0 5px 15px 0 rgba(0,0,0,0.25); font-family:arial; font-size:11px; border:1px solid #a0a0a0; background-color:#fff; } div.ectcaldayno1{ color:#909090; } table.ectcalheader{ margin:1px; padding:2px; width:99.4%; color:#fff; font-weight:bold; background-color:#222; } div.ectcaltodaydate{ background-color:#f0f0f0; padding:5px; text-align:center; } table.ectcalselector{ font-family:arial; font-size:11px; border:1px solid #a0a0a0; background-color:#F1A42E; border-collapse:collapse; min-width:50px; } td.ectcalselector{ border:1px solid #222; padding:3px; } div.ectcaldate{ } div.ectcaldatedisabled{ background-color:#fdd; pointer-events:none; cursor:default; opacity:0.6; } div.ectcaltoday{ font-weight:bold; color:#f00; border:1px solid #a0a0a0; } table.ectcalheader td{ padding:2px; font-family:arial; font-size:12px; } table.ectcaldates{ font-family:verdana; font-size:10px; } td.ectcaldate{ text-align:right; padding:6px; } /* CART CONTAINER */ div.cartcontentsdiv{ padding:5px; } div.cartbackorder{ text-align:center; font-weight:bold; padding:8px; border:1px solid gray; margin-bottom:10px; } div.cartoutstock{ overflow:auto; font-weight:bold; margin:6px 0px 6px 0px; } div.cartstockacceptlevel{ overflow:auto; font-weight:bold; margin:6px 0px 6px 0px; } div.cartoptionoutstock{ text-align:center; text-decoration:line-through; } /* TOP ROW */ div.cartdetails_cntnr{ white-space:nowrap; padding:2px 0; margin:1px 0; } div.cartdetailspric{ text-overflow:ellipsis; overflow:hidden; vertical-align:middle; } div.cartdetails{ display:inline-block; } div.cartdetailsid,div.cartlineid{ width:27%; text-align:center; } div.cartdetailsname,div.cartlinename{ width:75%; padding-right:3px; } div.cartlinename{ font-weight:bold; } span.cartlinepricelabel{ display:none; } span.cartlinepricelabel::after{ content:": "; } div.cartdetailsprice,div.cartlineprice,div.cartoptionprice{ width:25%; } div.cartdetailsquant,div.cartlinequant,div.cartoptionoutstock{ width:33%; text-align:center; } div.cartdetailstotal,div.cartlinetotal{ width:33%; text-align:right; } div.cartlinetotal{ font-weight:bold; } div.cartdetailscheck,div.cartlinecheck{ font-size:0.8em; width:34%; display:inline-block; white-space:normal; text-align:center; vertical-align:middle; } /* Cart Product Row */ div.cartline{ padding-bottom:6px; margin-bottom:6px; } div.cartdetailsnameprice,div.cartlinenameprice{ width:49%; display:inline-block; } div.cartdetailsquanttotal,div.cartlinequanttotal{ width:24%; display:inline-flex; justify-content:space-between; align-items:center; } div.cartlineid,div.cartlinename,div.cartlineprice,div.cartlinequant,div.cartlinetotal{ display:inline-block; vertical-align:middle; box-sizing:border-box; } img.cartimage{ width:95%; max-width:100px; } select.prodfilter{ min-width:130px; } div.prodfilterbar{ display:flex; align-items:center; margin-bottom:4px; } div.prodfilter,div.prodfiltergrp{ display:inline-block; } div.filtertext{ padding:0 6px; } div.prodfilter,div.prodfiltertext{ padding:4px; } input.prodfilter,button.prodfilter{ margin-left:4px; } .resetfilters{ margin:20px; } div.cartresumecontents,div.custdetailsresume{ margin:20px; padding:20px; border:1px solid gray; border-radius:10px; } div.custdetsresumehead,div.cartdetails{ font-weight:bold; color:#555; } div.cartdetails{ vertical-align:middle; } div.custdetsresumeline{ padding:10px } div.cartresumecontents img.cartimage{ max-width:90px; max-height:90px; width:100%; } input.cartquant{ text-align:right; width:40px; } /* OPTIONS ROW */ div.cartlineitems > div:not(:last-child){ border-bottom:1px solid gray; padding-bottom:10px; margin-bottom:12px; } div.cartoptionsline div{ font-size:0.8em; } div.cartoptionsline{ white-space:normal; padding-bottom:2px; margin-bottom:1px; display:flex; align-items:center; } div.cartoptiongroup{ width:25%; text-align:right; font-weight:bold; } div.cartoptiongroupspacer::after{ content:" - "; padding:5px; } div.cartoption{ width:36.75%; } div.cartoptiongroupspacer{ width:2%; } div.cartoptiontotal{ text-align:right; margin-left:auto; } /* LOYALTY POINTS */ div.cartloyaltypoint_cntnr{ overflow:auto; } div.cartloyaltypointmenu{ display:inline-block; white-space:normal; width:53%; margin-bottom:6px; } div.cartloyaltypointmenu select{ width:170px; margin-bottom:3px; } div.cartloyaltypoints{ display:inline-block; white-space:normal; width:45%; margin-bottom:6px; text-align:right; } /* SHIPPING */ div.shiplogo{ padding:5px 10px 5px 5px; text-align:center; } div.shipaltrates{ text-align:center; } div.cart3alratelines{ display:inline-block; text-align:left } div.cart3shiphead{ font-size:1.2em; font-weight:bold; color:#444; } div.cartshippingandtotals{ margin-bottom:12px; margin-top:12px; padding-top:12px; border-top:1px solid gray; } div.cartshippingdetails{ vertical-align:top; display:inline-block; width:60%; margin-bottom:12px; } div.estimatorerrors{ margin-bottom:12px; } div.estimatortitle{ font-size:1.2em; padding-bottom:6px; } div.shipestimatemarkup_cntnr{ margin-bottom:12px; } div.cartestimatortext{ display:inline-block; white-space:normal; width:100%; } div.estimatorchecktext{ display:inline-block; white-space:normal; width:49%; } div.estimatorcheckcarrier{ display:inline-block; white-space:normal; width:49%; } div.shipline{ padding:4px 0; } input.shipradio{ vertical-align:text-bottom; margin-right:5px; } div.cartstateselectortext{ display:inline-block; white-space:normal; width:20%; } div.cartstateselector{ display:inline-block; white-space:normal; } div.cartcountryselectortext{ display:inline-block; white-space:normal; width:20%; } div.cartcountryselector{ display:inline-block; white-space:normal; } div.cartzipselector_cntnr, div.cartstateselector_cntnr, div.cartcountryselector_cntnr{ margin:6px 0px; } div.cartzipselectortext{ display:inline-block; white-space:normal; width:20%; } div.cartzipselector{ display:inline-block; white-space:normal; } div.cartestimatorend{ overflow:auto; margin-top:12px; } div.updateestimator{ margin-top:8px; margin-left:20%; } div.shipoptionstable select, div.shipoptionstable2 select{ min-width:250px; } /* TOTALS */ input.checkoutbutton,button.checkoutbutton{ width:100%; } div.checkoutopts{ padding-bottom:20px; max-width:760px; width:40%; text-align:center; } div.carttotals{ vertical-align:top; display:inline-block; width:40%; margin-bottom:12px; } div.cartsubtotal_cntnr{ overflow:auto; white-space:nowrap; } div.cartsubtotaltext{ display:inline-block; white-space:normal; width:53%; margin:6px 0px 6px 0px; } div.cartsubtotal{ display:inline-block; white-space:normal; width:45%; text-align:right; } div.shippingtotaltext{ display:inline-block; white-space:normal; width:53%; margin-bottom:6px; } div.shippingtotal{ display:inline-block; white-space:normal; width:45%; text-align:right; } div.cartcountrytaxtext{ display:inline-block; white-space:normal; width:53%; margin-bottom:6px; } div.cartcountrytax{ display:inline-block; white-space:normal; width:45%; text-align:right; } div.cartdiscountstext{ display:inline-block; white-space:normal; width:53%; margin-bottom:6px; } div.cartdiscounts{ display:inline-block; white-space:normal; width:45%; text-align:right; } div.cartcoupontext,div.cartcouponapplied,div.cartcoupon{ white-space:normal; margin-bottom:4px; } div.cartcoupon > input{ margin:0; } div.expiredcoupon{ color:#F00; margin:10px 0; } div.cartgiftcerttext{ display:inline-block; white-space:normal; width:53%; margin-bottom:6px; } div.cartgiftcert{ display:inline-block; white-space:normal; width:45%; text-align:right; } div.cartgrandtotaltext{ display:inline-block; white-space:normal; width:53%; margin-bottom:6px; padding:3px 0px; font-size:1.1em; border-bottom:1px solid gray; } div.cartgrandtotal{ display:inline-block; white-space:normal; width:45%; padding:3px 0px; text-align:right; font-size:1.1em; border-bottom:1px solid gray; } div.cartcheckoutbuttons{ margin-top:18px; text-align:right; display:flex; flex-direction:column; align-items:end; } div.cominpurchase, div.tofreeshipping, div.coforcelogin{ overflow:auto; text-align:center; margin:6px 0; padding:8px; border:1px solid gray; background:#eee; display:block; } /* DISCOUNT FORMATTING */ div.ectdscntt{ color:#AD2803; } div.ectdscnt{ color:#AD2803; } /* COUPON FORMATTING */ #cpncodespan{ font-size:0.8em; } #cpncodespan div{ padding:4px 12px 4px 0px; } /* ERROR / WARNING FORMATTING */ div.ectwarning{ color:#AD2803; } div.checkoutwarning{ font-size:18px; margin:5px 0; } div.estimatorerror{ color:#AD2803; } span.redstar{ color:#FF1010; } div.redstar::before{ content:"*"; color:#FF1010; } /* NEW ACCOUNT */ div.ectsoftwrapper{ margin:120px auto 0 auto; background:#FFF; width:600px; padding:6px; border-radius:5px; box-shadow:1px 1px 5px #333; font-family:FontAwesome,sans-serif; box-sizing:border-box; } div.softformheader{ border-bottom:1px solid #999; padding-bottom:6px; margin:12px 0px 16px 0px; font-size:1.3em; text-align:center; } div.cartloginsuccess, div.cartloginsuccesswait{ text-align:center; padding:6px 0px; } div.ectsf2col{ margin:12px 0px; display:flex; justify-content:flex-start; align-items:center; } div.ectsf2col > div:first-child{ width:25%; } div.ectsf2col > div:nth-of-type(2){ flex-grow:1; } div.softformjright{ text-align:right; } div.cartaccloginallowpromo{ text-align:right; } div.softformsend,div.clientloginmessage{ text-align:center; } div.softformsend input,div.softformsend button, div.clientloginbuttons input,div.clientloginbuttons button, div.cartloggedin input,div.cartloggedin button, div.loginprompt input,div.loginprompt button{ margin:8px; } div.cartaccloginallowpromo input{margin-right:8px;} div.cartaccloginallowpromotext{ padding-left:3px; } div.cartacclogineverdivulge{ font-size:0.8em; } div.ectsoftwrapper select, div.ectsoftwrapper textarea, div.ectsoftwrapper input[type="text"], div.ectsoftwrapper input[type="email"], div.ectsoftwrapper input[type="password"]{ width:66%; } div.ectsoftwrapper textarea.softcomments{ width:98%; height:100px; box-sizing:border-box; } div.ectsfsuccess{ margin:80px; text-align:center; } div.ectsfthanks,div.clientloginmessage{ margin:60px 10px; } div.loginprompt,div.cartloggedin{ flex-grow:1; } div.clientloginbuttons{ text-align:center; flex-grow:1; } div.contactblurb{ text-align:center; margin:15px; font-size:1.2em; } /* ORDER HISTORY */ div.ectorderhistorytable button{ min-width:150px; display:block; margin-bottom:2px; } /* WISH LIST */ div.cartmaincontents{ padding:0 5px; } span.listname{ font-weight:normal; } div.wishlistcontainer{ position:relative; top:1px; } button.cartaddtolist,button.cartdelete{ padding:3px 4px; white-space:nowrap; margin-top:1px; font-size:12px; min-width:52px; } div.savecartlist{ box-shadow:4px 4px 2px #999; position:absolute; visibility:hidden; top:50%; left:50%; z-index:10000; outline:1px solid gray; transform:translate(-50%,-50%); min-width:180px; border-radius:4px; overflow:hidden; } div.savecartclose{ text-align:right; } div.savecartclose::after{ content:url(../images/ect_close.svg); } div.savecartlist > div{ outline:1px solid gray; background:#fcfcfc; padding:5px; cursor:pointer; white-space:nowrap; min-height:14px; display:flex; justify-content:center; align-items: center; } div.savecartlist > div:not(:first-child){ margin-top:1px; } div.savecartlist > div:hover{ background:#ececec; } div.savecartdivider{ background:#dcdcdc !important; cursor:default !important; } /* EMPTY CART */ div.emptycart{ text-align:center; } div.sorrycartempty{ margin-top:30px; padding:8px; } div.cartemptyclickhere{ padding:8px; } div.emptycartviewmain{ padding:8px; } div.emptycartcontinue{ padding:18px; margin-bottom:30px; } div.emptycartemptylist{ margin-top:50px; } /* MAILING LIST CONFIRMATION */ div.cartemailconftitle{ font-weight:bold; text-align:center; padding:16px 0px; } div.cartemailconfaction{ text-align:center; padding:16px 0px; } div.cartemailconfcontinue{ text-align:center; padding:16px 0px; } /* GIFT WRAP */ div.giftwrap{ font-weight:normal; } div.giftwrapdiv{ overflow:auto; white-space:nowrap; padding:2px; margin:1px } div.giftwrapdetailscntr{ display:inline-block; white-space:normal; } div.giftwrapid,div.giftwrapname,div.giftwrapquant,div.giftwrapyes{ display:inline-block; border-bottom:1px solid #999; padding-bottom:6px; margin:12px 0px 6px 0px; } div.giftwrapupdate{ overflow:auto; } div.giftwraplineid,div.giftwraplinename,div.giftwraplinequant,div.giftwraplineyes{ display:inline-block; white-space:normal; vertical-align:top; } div.giftwraplineid,div.giftwrapid{ width:25%; } div.giftwraplinename,div.giftwrapname{ width:35%; } div.giftwraplinequant,div.giftwrapquant,div.giftwraplineyes,div.giftwrapyes{ width:20%; } div.giftwraptmessage{ font-weight:bold; font-size:1.2em; color:#333; padding-top:15px; } div.giftwrapmessage{ overflow:auto; } div.giftwraplinemessage textarea{ width:100%; padding:10px; } div.giftwrapbuttons{ overflow:auto; text-align:right; margin-top:12px; } /* BILLING & SHIPPING */ div.cart2header{ overflow:auto; border-bottom:1px solid #999; padding-bottom:6px; margin:12px 0px 6px 0px; font-size:1.2em; } div.billformrow,div.shipformrow,div.copayresultrow,div.nohidebillrow,div.checkoutadds2col,div.billformrowflags,div.copayradio1{ display:flex; justify-content:flex-start; align-items:center; } div.cdformtpayradio1{ float:left; } div.cobhl2,div.cdshipftflag,div.cdshipftselect,div.cdaddtflag,div.cdformpayradio1{ width:33%; } div.cobll2{ padding:4px 0; flex-grow:1; } input.cdformpayment{ margin-right:5px; } div.coshipflagscontainer{ margin-bottom:12px } div.cdshipftflag,div.cdshipftselect,div.cdaddtflag,div.cdformtnewaccount,div.cdformpayradio1{ text-align:right; box-sizing:border-box; padding-right:5px; } div.cdshipflag,div.cdaddflag{ font-size:0.9em; padding:6px 2px; } div.cdformshipdiff{ padding:12px 0; text-align:center; } input.cdformshipdiff{ margin-right:12px; } textarea.addinfo{ width:85%; height:70px; box-sizing:border-box; border:1px solid gray; padding:6px; border-radius:5px; } .cdformtmailingr input{margin:0px 0px 6px 8px} div.cdformtitle{ padding-bottom:2px; } div.cdformtitlell{ padding-bottom:8px; } div.payprovider{ overflow:auto; } div.payprovline{ overflow:auto; margin-bottom:8px; } div.payprovline img{ vertical-align:top; margin-left:12px; } button.widecheckout2,button.widecheckout3{ width:90%; padding:10px } div.cdformsubmit{ overflow:auto; } input.cdformradio{ margin:3px 3px 0 5px; } /* SHIPPING TOTALS SCREEN */ div.cart3details{ overflow:auto; } div.cartheader{ font-size:1.2em; } div.cart3header{ border-bottom:1px solid #999; padding-bottom:6px; margin:12px 0px 6px 0px; font-size:1.2em; } div.cart2column{ padding-bottom:6px; margin:12px 0px 6px 0px; } div.cart3row{ display:flex; justify-content:flex-start; align-items:center; padding-bottom:8px; } div.cobhl3,div.cart3shippingt{ width:33%; } div.cart3shippingt,div.cart3shipping{ display:inline-block; vertical-align:top; } div.cart3shipping{ max-width:66%; } div.cobll3{ flex-grow:1; } div.cart3servicecommitment{ margin-left:10px; display:inline-block; color:#070; } div.cart3totgoodst{ border-bottom:1px solid gray; margin-bottom:12px; font-size:1.1em; padding-bottom:2px; } div.cart3totgoods{ border-bottom:1px solid gray; margin-bottom:12px; font-size:1.1em; padding-bottom:2px; } div.shiprateline{ padding:4px 0; } span.shipratecost{ font-weight:bold; } div.shiptableline{ padding:5px 0; } div.shiptableline2{ display:flex; justify-content:flex-start; align-items:center; padding:6px 0; } div.shiplogo2{ width:33%; text-align:right; padding-right:32px; box-sizing:border-box; } div.shiptablerates2{ width:67%; box-sizing:border-box; } div.shiptablerates{ display:inline-block; min-height:45px; } div.shiptablerates select{ margin:5px 0px 0px 5px; max-width:300px; } div.cartheading{ overflow:auto; padding-bottom:6px; margin:12px 0px 16px 0px; border-bottom:1px solid #999; font-size:1.2em; } div.cart3gndtotcntnr{ border-bottom:1px solid gray; border-top:1px solid gray; margin-bottom:12px; padding-top:6px; padding-bottom:3px; font-size:1.2em; min-height:32px; } div.altshippingselector{ text-align:center; padding:10px; font-size:0.9em; } div.shipaltrates{ border:1px solid gray; border-radius:5px; margin-bottom:10px; margin-right:20px; padding-top:5px; } /* CREDIT CARD RESULTS SCREEN */ div.cart4details{ overflow:auto; } div.cart4header{ overflow:auto; padding-bottom:6px; margin:12px 0px 16px 0px; border-bottom:1px solid #999; font-size:1.2em; } div.cobhl4{ width:35%; margin-bottom:12px; padding-top:8px; } div.cobll4{ flex-grow:1; margin-bottom:12px; padding-top:8px; } div.cart4row{ display:flex; justify-content:flex-start; align-items:center; padding-bottom:8px; } div.cart4buttons{ padding:6px 0; } div.checkoutbutton2,div.checkoutbutton3{ text-align:center; } /* SECOND LINE TEXT ENTRIES */ span.ectsmallnote{ font-size:0.8em; } /* END OF CART CLASSES */ /* STYLE SHEET FOR THE ECT SEARCH PAGE */ div.prodnoexist, div.categorynotavailable, div.nosearchresults,div.noproducts{ padding:40px 0; text-align:center; } div.prodnoexistcat,div.prodnoexistcatimg{ padding:10px; font-size:16px; } div.prodnoexistcatimg img{ max-width:120px; } div.searchresults{ padding-top:20px; margin-top:20px; border-top:1px solid lightgray; } div.notfoundtrysearch,div.notfoundremoved,div.notfoundcontact{ margin:40px; font-size:20px; color:#333; text-align:center; } div.prodnoexistaltcat{ display:flex; padding:20px; justify-content:center; align-items:center; } div.notfoundtrysearch,div.notfoundcontact{ margin-bottom:15px; } button.notfoundcontactbutton{ min-width:250px; padding:12px; font-size:18px; } div.notfoundcontactbutton{ margin-bottom:40px; } div.notfoundinputcntnr{ text-align:center; margin-bottom:40px; } div.notfoundinput{ display:inline-block; } div.notfoundcontactbutton{ text-align:center; } input.notfoundinput{ height:32px; vertical-align:middle; width:220px; } button.notfoundsubmit{ color:#000; background-color:#FFF; height:32px; box-sizing:border-box; border-radius:5px; border:1px solid gray; margin-left:2px; padding:8px; vertical-align:middle; cursor:pointer; } /* Search header div */ div.searchheader{ overflow:auto; border-bottom:1px solid #999; padding-bottom:6px; margin:12px 0px 16px 0px; font-size:1.2em; } /* Search label divs */ div.reviewformblock{ margin-top:15px; } div.searchtext,div.reviewlabels{ width:24%; padding:6px 4px; white-space:nowrap; } /* Search form field divs */ div.searchcntnr,div.reviewformline{ display:flex; justify-content:flex-start; align-items:center; padding:6px 4px; } div.searchcontrol{ flex-grow:1; text-align:left; } div.reviewimage{ text-align:center; } div.reviewimagecontainer{ display:inline-block; padding:15px; margin-bottom:15px; border:1px solid gray; border-radius:5px; } div.reviewimagecontainer > img{ max-width:250px; } /* Search form field formatting */ div.reviewfields > button,div.reviewfields > input,div.reviewfields > textarea,div.reviewfields > select,button.search{ min-width:160px; } div.searchfor input{ width:80%; } div.searchcontrol select{ width:170px; } div.searchfiltergroup{ display:inline-block; } div.searchfiltergroup select{ min-width:170px; margin-bottom:8px } /* Div containing submit button */ div.searchsubmit{ padding:8px 4px; } /* END OF SEARCH CLASSES */ /* AFFILIATE, ORDER STATUS, CLIENT LOGIN, TRACKING */ input.newaffiliate,input.affiliatelogin{ margin-top:5px; } div.ectdiv{ overflow:auto; margin-bottom:20px; } /* Header div */ div.ectdivhead,div.checkoutsteps{ text-align:center; border:1px solid gray; padding:10px; margin-bottom:10px; display:flex; justify-content:space-between; align-items:center; } div.checkoutstep,div.cartlistimg{ padding:5px; min-width:34px; } div.checkoutstep{ text-align:left; } div.checkoutstepof3::after{ content:"/3"; } div.cartlistimg{ text-align:right; } div.cartname,div.loginheader{ font-weight:bold; font-size:1.2em; } /* Label divs */ div.ectdivleft{ width:28%; white-space:nowrap; display:table-cell; vertical-align:middle; } /* Form field divs */ div.ectdivright{ width:68%; display:table-cell; vertical-align:middle; } /* Form field formatting */ div.ectdivright input[type="text"], div.ectdivright select, div.ectdivright textarea{ width:60%; max-width:600px; box-sizing:border-box; } div.ectsoftwrapper input[type="text"], div.ectsoftwrapper input[type="email"], div.ectsoftwrapper input[type="password"], div.ectsoftwrapper textarea, div.ectdivright input[type="text"], div.ectdivright input[type="password"], div.cobll input[type="text"], div.cobll input[type="email"], div.cobll input[type="tel"], div.ectdivright textarea, input[type="email"].ecttextinput, input[type="number"].ecttextinput, input[type="password"].ecttextinput, input[type="search"].ecttextinput, input[type="tel"].ecttextinput, input[type="text"].ecttextinput, textarea.ecttextinput{ border:1px solid gray; padding:6px; border-radius:5px; display:inline-block; box-sizing:border-box; height:auto; margin:0; } div.ectdivright input.ectinputhalf{ width:30%; box-sizing:border-box; max-width:298px; } div.ectdivright select, select.ectselectinput, div.cobll select, div.ectsoftwrapper select{ border:1px solid gray; padding:6px; border-radius:5px; display:inline-block; background-image:none; } select.ectwarning,input.ectwarning,textarea.ectwarning{ border:2px solid #AD2803 !important; } /* Checkbox and Radio */ input[type="checkbox"].ectcheckbox,input[type="radio"].ectradio{ -webkit-appearance:none; appearance:none; width:17px; height:17px; border:2px solid gray; transform:translateY(-1px); display:inline-grid; place-content:center; margin:2px 5px 1px 5px; padding:0; background-color:white; } input[type="checkbox"].ectcheckbox{ border-radius:4px; } input[type="radio"].ectradio{ border-radius:50%; } input[type="checkbox"].ectcheckbox::before,input[type="radio"].ectradio::before{ content:""; transform:scale(0); transition:120ms transform ease-in-out; box-shadow:inset 17px 17px #333; box-sizing:border-box; } input[type="checkbox"].ectcheckbox::before{ width:12px; height:12px; clip-path:polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); transform-origin:bottom left; } input[type="radio"].ectradio::before{ width:9px; height:9px; border-radius:50%; } input[type="checkbox"].ectcheckbox.ectwarning{ border:0.15em solid #AD2803; } input[type="checkbox"].ectcheckbox.ectwarning::before{ box-shadow:inset 1em 1em #AD2803; } input[type="checkbox"].ectcheckbox:checked::before{ transform:scale(1); box-sizing:border-box; } input[type="radio"].ectradio:checked::before{ transform:scale(1); } input[type="radio"].ectradio.ectwarning{ border:0.15em solid #AD2803; } input[type="radio"].ectradio.ectwarning::before{ box-shadow:inset 1em 1em #AD2803; } /* Div spanning 2 columns */ div.ectdiv2column{ margin:14px; } div.ectdiv2column ul{ list-style:none; } /* Warning message on Order Status page */ div.ectorderstatus div.ectwarning{ overflow:auto; } /* Text based div */ div.ectmessagescreen div{ margin:30px; } div.ectmessagescreen input{ margin-top:12px; } /* Account details on client login */ div.ectclientloginaccount div.ectdivleft{ white-space:normal; } /* Address details on client login */ div.ectclientloginaddress div.ectdivleft{ width:48%; } div.ectclientloginaddress div.ectdivright{ width:48%; } /* Gift registry on client login */ div.ectdivleft input{ width:200px; border:1px solid #999; } div.ectclientlogingiftreg .ectdiv2column{ padding:6px 8px; } div.ectgiftregname{ font-weight:bold; font-size:1.1em; } input.giftregistrycopy{ width:90%; } div.ectgiftregistrybuttons > div{ display:inline-block; margin-right:10px; } div.ectgiftregistrybuttons button{ min-width:150px; } div.ectgiftregistrybuttons{ overflow:auto; padding-bottom:30px; display:flex; align-items:center; margin-bottom:6px; } div.ectclientlogingiftreg .ectdivleft input{ margin-top:3px; padding:4px; } div.ordhistorycontrols{ margin-bottom:10px; text-align:center; } div.ectclientlogorder{ border:1px solid grey; margin-bottom:15px; padding:5px; } div.ectclordrow1,div.ectclordrow2,div.ectclordrow3{ display:flex; justify-content:space-between; align-items:center; min-height:50px; padding:5px; } div.ectclordrow3:nth-child(odd){ border:1px solid grey; } div.ectclprodimg{ max-width:100px; margin:10px; } div.ectclprodimg > img{ max-width:100%; } div.ectclordarticle{ min-height:20px; } div.ectclordprodid,div.ectclordprodname,div.ectclordviewprod,div.ectclordtrack,div.ectclordreview,div.ectclordqbuybutton{ margin:10px; } div.ectclordcount{ display:inline-block; font-weight:bold; border:1px solid gray; padding:11px; border-radius:5px; font-family:sans-serif; line-height:normal; } div.ordhistorycontrols > *{ height:40px; vertical-align:middle; box-sizing:border-box; margin-bottom:5px; } div.ordhistorycontrols > select{ width:auto; } span.ectclordlabel{ font-weight:bold; } div.ectcladdressbutton{ margin:6px; } div.ectcladdressbutton > button{ min-width:118px; } input.ectclordsearchtxt{ width:200px; } div.amformrow,div.grformrow,div.omformrow,div.adformrow{ margin:40px 20px; } div.ectclientloginaddress>div.ectdivcontainer{ padding:5px; } div.ectclientloginordersrow:nth-child(even){ background-color:#EEE; } div.ectclientloginaddress > div.ectdivcontainer{ border:1px solid gray; border-radius:5px; } div.ectclientloginordersrow{ display:table-row; } div.ectclientloginordersrow > div{ display:table-cell; padding:6px; margin:4px; font-size:0.9em; } /* Tracking buttons */ input.trackinggo{ width:60px; } /* Tracking form */ div.ecttracking div.ectdivcontainer{ overflow:auto; } div.trackingselectlogo{ width:100px; display:table-cell; vertical-align:middle; text-align:center; padding-right:10px; height:40px; } div.trackingselectlogo > img{ vertical-align:middle; } div.ecttracking div.ectdivleft{ width:42%; white-space:normal; } div.ecttracking div.ectdivright{ width:43%; } div.ecttrackingresults{ overflow:auto; } div.ecttrackingresults div{ width:33%; } div.ecthighlight{ background-color:#EEE; } div.ecthighlight,div.ectlowlight{ padding:3px; } /* Header row on Tracking form */ div.tracktablehead div{ padding:20px 0px 6px 4px; border-top:1px solid gray; border-bottom:1px solid gray; } div.trackingcopyright{ font-size:0.9em; } /* Gift Certificate form */ div.ectgiftcerts{ overflow:auto; } div.ectgiftcerts div.ectdivleft{ width:38%; white-space:normal; } div.ectgiftcerts div.ectdivright{ width:58%; } div.ectgiftcerts #amount{ width:100px; } /* Donations form */ div.ectdonations #amount{ width:80px; } /* For SquareUp */ .sq-field-wrapper{ display:flex; flex-flow:row nowrap; margin-bottom:16px; } .sq-field{ margin-bottom:16px; width:100%; } .sq-field:first-child{ margin-left:0; } .sq-field:last-child{ margin-right:0; } .sq-field--in-wrapper{ flex-grow:1; margin:0 8px; } .sq-label{ margin-bottom:8px; text-transform:uppercase; } .sq-input{ background-color:#fff; border-style:solid; border-width:1px; overflow:hidden; transition:border-color 0.25s ease; width:100%; } .sq-input--focus{ background-color:#fbfdff; } .sq-input--error{ background-color:#fbfdff; } .sq-button{ width:100%; } .sq-payment-form{ max-width:100%; padding:20px 0 5px; width:380px; margin:auto; } .sq-label{ color:#000000; font-size:14px; font-family:sans-serif; font-weight:500; letter-spacing:0.5px; } .sq-input{ border-color:#E0E2E3; border-radius:4px; } .sq-input--focus{ border-color:#4A90E2; } .sq-input--error{ border-color:#e02e2f; } .sq-wallet-divider{ margin:24px 0; position:relative; text-align:center; width:100%; } .sq-wallet-divider:after, .sq-wallet-divider::after, .sq-wallet-divider:before, .sq-wallet-divider::before{ background:#bbb; content:''; display:block; height:1px; left:0; position:absolute; right:0; top:9px; } .sq-wallet-divider:after, .sq-wallet-divider::after{ right:65%; } .sq-wallet-divider:before, .sq-wallet-divider::before{ left:65%; } .sq-wallet-divider__text{ color:#bbb; padding:10px; text-transform:uppercase; } apple-pay-button { --apple-pay-button-height:48px; --apple-pay-button-width:100%; --apple-pay-button-border-radius:28px; } .paypal-button,.card_container{ border-radius:5px; background-color:#FFFFFF; max-width:760px; width:100%; margin:0 auto 17px auto; box-sizing:border-box; } button.gpay-card-info-container{ width:100%; } .button-google-pay{ background-color:transparent; height:48px; width:100%; padding:0; margin-bottom:18px; border:0; border-radius:4px; outline:0; cursor:pointer; display:none; } .apple-pay-btn{ height:48px; } .apple-pay-button{ -webkit-appearance:-apple-pay-button; -apple-pay-button-style:black; border:none; height:48px; margin-bottom:16px; width:100%; display:none; } .sq-masterpass{ background-color:#000; background-repeat:no-repeat; background-size:contain; background-position:center; border-radius:5px; height:48px; width:100%; display:none; } button.sq-button{ padding:12px 0; } /* ECT Slider */ .sliderimages img{width:100%;} div.slidercontainer{ margin:auto; position:relative; } div.slidercontainer > div:first-child{ position:relative; opacity:1; transition:opacity 1s ease-in-out; z-index:2; } div.slidercontainer > div:not(:first-child){ position:absolute; top:0; left:0; opacity:0; transition:opacity 1s ease-in-out; width:100%; z-index:1; } .sliderarrow{ cursor:pointer; position:absolute; top:50%; padding:16px; transform:translate(0,-50%); color:white; font-weight:bold; font-size:80px; font-family:sans-serif; text-decoration:none; transition:0.6s ease; opacity:50%; z-index:3; } .sliderleft{ left:5px; } .sliderright{ right:5px; } .sliderarrow:hover{ color:rgba(100,100,100,0.8); text-decoration:none; } .slidercaption,.slidercaptionbottom{ color:#eff5d4; font-size:30px; padding:8px 12px; position:absolute; width:100%; text-align:center; box-sizing:border-box; } .slidercaption{ top:10px; } .slidercaptionbottom{ bottom:10px; } /* ECT Mega Menu */ .menu-container{ width:100%; margin:0 auto; } .ectmegamobile{ display:none; padding:20px; } span.megamobiletext::before{ content:"Navigation"; } svg.megahamburger{ float:right; } .ectmega-has-dropdown > a::after{ content:"\25bc"; font-family:"Helvetica"; } .ectmegamenu > ul{ margin:0 auto; width:100%; list-style:none; padding:0; position:relative; box-sizing:border-box; } .ectmegamenu > ul::before, .ectmegamenu > ul::after, .ectmegamenu > ul > li > ul::before, .ectmegamenu > ul > li > ul::after, .ectmegamenu > ul > li > ul > li > ul::before, .ectmegamenu > ul > li > ul > li > ul::after{ content:""; display:table; } .ectmegamenu > ul::after, .ectmegamenu > ul > li > ul::after, .ectmegamenu > ul > li > ul > li > ul::after{ clear:both; } .ectmegamenu > ul > li{ float:left; margin:0; padding:0; background:#F0F0EE; } .ectmegamenu > ul > li a{ text-decoration:none; padding:0.4em 1.6em; display:block; } .ectmegamenu > ul > li:hover{ background:#f0f0f0; } .ectmegamenu > ul > li > ul{ display:none; width:100%; background:#f0f0f0; padding:20px; position:absolute; z-index:99; left:0; margin:0; list-style:none; box-sizing:border-box; } .ectmegamenu > ul > li > ul > li{ text-align:left; float:left; margin:0; padding-bottom:0; width:25%; background:none; } .ectmegamenu > ul > li > ul > li a{ color:#777; padding:.2em 0; width:95%; display:block; border-bottom:1px solid gray; } .ectmegamenu > ul > li > ul > li > ul{ display:block; padding:0; margin:10px 0 0; list-style:none; box-sizing:border-box; } .ectmegamenu > ul > li > ul > li > ul > li{ text-align:left; float:left; margin:0; width:100%; padding:10px 0; font-size:.9em; } .ectmegamenu > ul > li > ul > li > ul > li a{ border:0; } .ectmegamenu > ul > li > ul.normal-sub{ width:300px; left:auto; padding:10px 20px; } .ectmegamenu > ul > li > ul.normal-sub > li{ width:100%; } .ectmegamenu > ul > li > ul.normal-sub > li a{ border:0; padding:1em 0; } /* Drop Down Minicart */ .ectdp_minicartmainwrapper{ position:absolute; right:0; } .ectdp_minicartmainwrapper_ct{ position:relative; width:100%; z-index:997; } .ectdp_minicartopen{ padding-top:8px; cursor:pointer; width:140px; float:right; clear:both; } .ectdp_minicartopenimg{ margin-top:2px; margin-left:20px; } .ectdp_pincart{ width:100%; float:left; margin-top:12px; } .ectdp_minicartcontainer{ background:#fff; padding:10px; margin:0px; width:320px; box-shadow:0 5px 6px 0 rgba(161,161,161,0.8); } .ectdp_minicartitemImg{ width:60px; float:left; margin-right:5px; } .ectdp_minicartitemDelete{ float:left; width:24px; padding-top:20px; text-align:right; } .ectdp_minicarttotal{ text-align:right; margin-right:28px; margin-bottom:10px; font-size:1.1em; border-bottom:1px solid gray; padding:6px 0px } .ecHidDsc{ color:#EE5249; padding-top:6px; } .ectdp_minicartImg{ padding:10px 2px; width:60px; height:auto; } .ectdp_minicartitemName{ float:left;width:208px; text-align:right; padding:15px 2px; border-bottom:1px solid gray; } div.minicartcnt_dp{ text-align:center; clear:both; } div.ectdp_empty{ width:100%; float:left; text-align:center; padding:25px 0px; } /* ECT Menu */ ul.ectverticalmenu2 li.ectmenuhassub1 > a{ display:block; clear:both; } ul.ectverticalmenu2 li.ectmenuhassub1 > a::after{ content:"+"; float:right; } div.card_field,div.card_container input[type="text"],div.card_container input[type="tel"]{ width:100%; padding:12px; border:1px solid gray; border-radius:4px; box-sizing:border-box; margin-top:6px; margin-bottom:16px; resize:vertical; height:40px; background:white; font-size:17px; color:#3a3a3a; font-family:sans-serif; } div.paylaterquote{ margin:10px 0; } div.affirm-as-low-as{ font-size:23px; font-weight:bold; font-family:sans-serif; margin:10px 0; } div.paylaterbanner{ margin-bottom:10px; } /* Styles for screens below 940px*/ @media all and (max-width:940px){ div.cartdetails_cntnr{ display:none; } div.cartlinenameprice{ width:73%; } div.cartoptionsline{ display:flex; align-items:center; } div.cartoptiontotal{ margin-left:auto; padding-right:6px; } div.cartlinequanttotal{ width:250px; display:flex; margin-left:auto; border:1px solid gray; padding:5px; } span.cartlinepricelabel{ display:inline; } div.cartoptiongroup{ width:auto; text-align:left; min-width:20%; } .menu-container, .ectmegamenu > ul > li > ul.normal-sub{ width:100%; } .ectmegamobile, .ectmegamenu .show-on-mobile{ display:block !important; text-align:left; } .ectmega-has-dropdown > a::after{ display:none; } .ectmega-has-dropdown::before{ content:"\25bc"; font-family:Helvetica; cursor:pointer; float:right; padding:14px 14px 14px 30px; font-size:22px; clear:both; background-color:#FFF; color:#333; } .ectmegamenu > ul{ display:none !important; } .ectmegamenu > ul > li{ width:100%; float:none; display:block !important; } .ectmegamenu > ul > li a{ padding:1.5em !important; width:100%; display:block !important; } .ectmegamenu > ul > li > ul, .ectmegamenu > ul > li > ul > li > ul{ position:relative; } .ectmegamenu > ul > li > ul > li{ float:none; width:100%; margin-top:20px; } .ectmegamenu > ul > li > ul > li:first-child{ margin:0; } .ectmegamenu > ul > li > ul > li > ul > li{ float:none; } div.shipaltrates{ margin-right:0; } div.cart3shipselrow{ display:block; } div.cart3shipping{ padding:10px 0; } div.cart3shipselrow > div.cart3shippingt,div.cart3shipselrow > div.cart3shipping{ width:auto; display:block; max-width:none; } div.altshippingselector{ display:inline-block; } div.cartshippingdetails{ width:auto; display:block; } div.carttotals,div.checkoutopts,div.cartcheckoutbuttons{ width:auto; display:block; } div.checkoutopts{ margin:auto; } /* RESET COLUMNS */ div.cartdetailsname,div.cartlinename, div.cartdetailsprice,div.cartlineprice{ width:auto; display:block; padding:5px; } div.cartdetailsquant,div.cartlinequant{ width:auto; padding-left:20px; } div.cartdetailstotal,div.cartlinetotal{ width:auto; } div.cartdetailscheck,div.cartlinecheck{ width:auto; } div.cartoptionsline div.cartoptionprice{ display:none; } div.cartoption{ width:51%; padding:5px; } div.cartoptiontotal{ width:24%; } /* REALIGN TOTALS */ div.cartsubtotaltext, div.shippingtotaltext, div.cartcountrytaxtext, div.cartgiftcerttext, div.cartdiscountstext, div.cartgrandtotaltext{ width:72%; } div.cartsubtotal, div.shippingtotal, div.cartcountrytax, div.cartgiftcert, div.cartdiscounts, div.cartgrandtotal{ width:28%; } div.cartcoupontext{ text-align:right } div.cartcoupon{ text-align:right } div.cartcouponapplied{ text-align:right; width:97% } div.cdshipftflag,div.cdaddtflag{ width:22px; } .sliderleft{ left:0; } .sliderright{ right:0; } } @media (max-width: 767px){ .surveyform{margin:15px auto;padding:18px 16px} .surveyformtitle{margin-bottom:14px;padding-bottom:10px;font-size:1.15em} .surveyquestionblock{padding:16px 0} .surveyquestionfield label{padding:8px} } @media screen and (max-width:715px){ div.amformrow,div.grformrow,div.omformrow,div.adformrow{ margin:20px 0; } /* Receipt page addresses in one column */ div.cartmaincontents{ padding:0; } div.receiptaddress{ width:auto; display:block; } /* Puts the search filters into one column */ div.searchfiltergroup{ padding:4px 0px; width:auto; display:block; } /* Tracking form */ div.ecttracking div.ectdivleft{ width:auto; display:block; } div.ecttracking div.ectdivright{ width:auto; display:block; margin:10px 0; } /* Create account / New account */ div.ectsoftwrapper{ margin-top:25px; width:85%; overflow:auto; max-height:95vh; } div.cartacctloginnametext, div.cartaccloginemailtext, div.cartaccloginpasswordtext, div.cartaccloginrecaptchaspace, div.cartaccloginallowpromo, div.cartaccloginextra1text, div.cartaccloginextra2text, div.cartloginemailtext, div.cartloginpwdtext{ width:29%; } div.cartaccloginrecaptcha{ width:71%; } /* Giant image pop up */ div.giantthumbcontainer{display:none;} div.giantimg{width:98%!important;} div.qbuywrapper div.prodid, div.qbuywrapper div.prodname, div.qbuywrapper div.proddescription{ float:none; width:auto; } } /*Styles for screens below 560px */ @media screen and (max-width:560px){ div.scrproduct{ width:48%; } div.ectsoftwrapper{ width:99%; } div.cartdetailsnamecr{ width:58%; } div.cartoptionsline div.cartoptionoutstock{ display:none; } } /*Styles for screens below 480px on the cart page*/ @media all and (max-width:480px){ div.ectsoftwrapper select, div.ectsoftwrapper input[type="text"], div.ectsoftwrapper input[type="email"], div.ectsoftwrapper input[type="password"]{ width:80%; } div.cartcontentsdiv{ padding:5px 0; } div.cartdetailsquant{ visibility:hidden; } div.ectsf2col > div:first-child{ width:auto; margin-bottom:3px; } div.ectsf2col{ display:block; } div.softformjright{ text-align:left; float:left; } div.cdformpayradio1{ width:50%; } div.cart3servicecommitment{ display:block; } div.ectdivhead{ margin-bottom:5px; } div.cartname{ font-size:1em; } div.billformrow,div.shipformrow,div.copayresultrow,div.nohidebillrow,div.checkoutadds2col,div.cart4row{ display:block; } div.cobhl4{ margin-bottom:1px; } div.cobhl2,div.cdshipftselect{ width:auto; } div.scrproduct{ width:98%; } div.logintoaccount, div.createaccount{ display:block; margin:4px 0px; } div.cartacctloginnametext, div.cartaccloginemailtext, div.cartaccloginpasswordtext, div.cartaccloginextra1text, div.cartaccloginextra2text, div.cartloginemailtext, div.cartloginpwdtext{ width:98%; } div.cartaccloginallowpromo, div.cartlogincookie{ width:25px; } div.cartaccloginrecaptchaspace{ display:none; } div.cartloginlogin, div.cartloginnewacct{ width:45%; } div.cartloginforgotpwd{ text-align:left; width:96%; margin-top:9px; } .shiptablerates{width:100% !important;} div.searchcntnr,div.reviewformline{ display:block; padding:4px; } div.searchtext,div.reviewlabels{ width:auto; } div.cartresumecontents,div.custdetailsresume{ margin:5px; padding:8px; border-radius:5px; } /*Styles for screens below 480px on the affiliate, order status, client login page*/ div.ectdivright input{ width:95%; } div.ectdiv2column input{ margin:6px 0px 12px 0px; } div.ectdivright{ width:auto; display:block; margin:10px 0; } div.ectdivleft{ width:auto; display:block; } div.ectgiftcerts textarea{ width:98%; } div.ectdonations textarea{ width:98%; } div.cobhl4,div.cobll4{ width:auto; } div.cdformtnewaccount,div.cdformtmailingd{ width:auto; float:none; text-align:left; } div.cdformnewaccount,div.cdformmailingd{ width:auto; float:none; padding:12px 0px; } div.ectclordrow1, div.ectclordrow2, div.ectclordrow3{ display:block; text-align:center; } div.ectclprodimg{ max-width:none; } div.ectclprodimg > img{ max-height:100px; } div.ectorderhistorytable button{ display:inline-block; } } @media print{ .no-print, .no-print *{ display:none !important; } }