﻿/* ***********************************************************
This CSS file contains the styling for modifications to the default CSS for ECT, or for ECT related styling that affects every page, e.g. mini login. 
For modifications to the default CSS for ECT, or for ECT related styling that affects every page, see ectcartmods.css. 
DO NOT MODIFY the ectcart.css file as it is subject to change by ECT with the updater.
DO NOT MODIFY THE bootstrap.min.css file under any circumstances. Any modifications to bootstrap elements are in the main.css file.
Page specifc CSS can be found in the <head> of the respective page, e.g. categories.asp/php, products.asp/php, and proddetail.asp/php.
CSS link rel="stylesheet" href=" FILES SHOULD BE PLACED IN THE <head> IN THE FOLLOWING ORDER
<link rel="stylesheet" href="/2017/css/bootstrap.min.css" media="screen">
<link rel="stylesheet" href="/2017/css/main.css" media="screen">
<link rel="stylesheet" href="/2017/css/ectcart.css" media="screen">
<link rel="stylesheet" href="/2017/css/ectcartmods.css" media="screen">
<link rel="stylesheet" href="/2017/css/print.css" media="print">
*********************************************************** */

input.buybutton, input.sccheckout, input.checkoutbutton, input.vieworderstatus, input.viewlicense, input.trackpackage,input.trackinggo, input.login, input.newaffiliate, input.affiliatelogin, input.search, input.logintoaccount,input.createaccount,input.inpagesearch,input.continueshopping,input.printversion,input.butn,input.cartaccountlogin,input.newaccount,input.forgotpassword,input.gcsubmit,.stripe-button input,input.stripe-button,.stripe-button,input.reviewsubmit{color:black;//background-color:#fff;padding:6px 10px;border:1px solid #1a7cb7;border-radius:3px;-webkit-box-shadow:0 2px 4px #ccc;-moz-box-shadow:0 2px 4px #ccc;box-shadow:0 2px 4px #ccc;}
input.buybutton:hover, input.sccheckout:hover, input.checkoutbutton:hover, input.vieworderstatus:hover, input.viewlicense:hover, input.trackpackage:hover,input.trackinggo:hover, input.login:hover, input.newaffiliate:hover, input.affiliatelogin:hover, input.search:hover, input.logintoaccount:hover,input.createaccount:hover,input.inpagesearch:hover,input.continueshopping:hover,input.printversion:hover,input.butn:hover,input.cartaccountlogin:hover,input.newaccount:hover,input.forgotpassword:hover,input.gcsubmit:hover,.stripe-button input:hover,input.stripe-button:hover,.stripe-button:hover,input.reviewsubmit:hover{color:#00f;-webkit-box-shadow:inset 0 2px 4px #ccc;-moz-box-shadow:inset 0 2px 4px #ccc;box-shadow:inset 0 2px 4px #ccc;cursor:pointer;}

/* Cart, Wish List, Login Buttons and LInks */
div.ectdiv2column input.submit,div.ectdiv2column input.cancel,div.cdformtitlell input[type=button],input.applycoupon{color:black;background-color:#fff;padding:4px 10px;border:1px solid #1a7cb7;border-radius:3px;-webkit-box-shadow:0 2px 4px #ccc;-moz-box-shadow:0 2px 4px #ccc;box-shadow:0 2px 4px #ccc;}
div.ectdiv2column input.submit:hover,div.ectdiv2column input.cancel:hover,div.cdformtitlell input[type=button]:hover,input.applycoupon:hover{color:#00f;-webkit-box-shadow:inset 0 2px 4px #ccc;-moz-box-shadow:inset 0 2px 4px #ccc;box-shadow:inset 0 2px 4px #ccc;cursor:pointer;}

div.wishlistcontainer {margin-top:20px !important;}
div.wishlistcontainer a.ectlink{color:black;background-color:#fff;padding:6px 10px;border:1px solid #1a7cb7;border-radius:3px;-webkit-box-shadow:0 2px 4px #ccc;-moz-box-shadow:0 2px 4px #ccc;box-shadow:0 2px 4px #ccc;}
div.wishlistcontainer a.ectlink:hover{text-decoration:none;color:#00f;-webkit-box-shadow:inset 0 2px 4px #ccc;-moz-box-shadow:inset 0 2px 4px #ccc;box-shadow:inset 0 2px 4px #ccc;cursor:pointer;}

/*

Wish List, cart page
<div id="savecartlist" class="savecartlist" style="position:absolute;top:0px;left:0px;z-index:10000;display:none" onmouseover="cartoversldiv=true;" onmouseout="cartoversldiv=false;setTimeout('cartchecksldiv()',1000)"><div style="display:table-row"><div class="cobll" onmouseover="this.className='cobhl'" onmouseout="this.className='cobll'" onclick="dosaveitem('')" style="display:table-cell"><a class="ectlink wishlistmenu" href="#" onclick="return dosaveitem('')">My Wish List</a></div></div>
<div style="display:table-row"><div id="savelistcartrow" class="cobll" onmouseover="this.className='cobhl'" onmouseout="this.className='cobll'" onclick="document.location='cart.asp'" style="display:table-cell"><a class="ectlink wishlistmenu" href="#" onclick="document.location='cart.asp';return false">Switch to Cart</a></div></div>
<div style="display:table-row"><div id="savelistcreaterow" class="cobll" onmouseover="this.className='cobhl'" onmouseout="this.className='cobll'" onclick="document.location='clientlogin.asp#list'" style="display:table-cell"><a class="ectlink wishlistmenu" href="#" onclick="document.location='clientlogin.asp#list';return false">Create Gift Registry</a></div></div>

product page
<div class="wishlistcontainer productwishlist"><div style="position:relative;display:inline"><a class="ectlink" href="#" onclick="gtid=1;return displaysavelist(this,event,window)">Add To List</a></div></div></div></form></div>
*/
/* Mini Login */
div.minicartoneline {width:99%;}
div.minicartoneline1{margin-left:0;margin-right:0;width:40%;float:left;clear:right;text-align:center;}
div.minicartoneline2{margin-left:0;margin-right:0;width:34%;float:right;text-align:center;}
div.minicartoneline3{width:0;display:none !important;color:#fff;}
a.inlinelogin,a.inlinelogin:visited {opacity:0.8;}
a.inlinelogin:hover {opacity:1;}

div.categories,div.products{width:100%;margin:0;margin-top:20px;padding:0;clear:both;}
div.category,div.product{width:31%;margin:1%;float:left;}

@media (max-width:768px) {div.category,div.product{width:48%;margin:1%;float:left;}}
@media (max-width:480px){div.category,div.product{width:98%;margin:1%;float:left;}}
@media (max-width:340px){div.category,div.product{width:98%;margin:1%;float:left;}}


div.pagenums{color:#fff;float:left;width:100%;margin:15px auto;padding:10px 0;text-align:center;clear:both;}
div.pagenums a.ectlink{margin:35px 0;padding:5px 10px;line-height:40px;white-space:nowrap;color:#1a7cb7;border:1px solid #1a7cb7;border-radius:4px;font-size:14px;-webkit-box-shadow:0 2px 4px #c0c0c0;-moz-box-shadow:0 2px 4px #c0c0c0;box-shadow:0 2px 4px #c0c0c0;}
div.pagenums a.ectlink:hover{color:#e71b1f;border:1px solid #e71b1f;-webkit-box-shadow:inset 0 2px 4px #ccc;-moz-box-shadow:inset 0 2px 4px #ccc;box-shadow:inset 0 2px 4px #ccc;}
div.pagenums .currpage{color:#000;margin:5px;padding:5px 10px;border:1px solid #29425A;-moz-border-radius:6px;-webkit-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;background-color:#ccc;cursor:no-drop;}

/* *************************************************  SOFT CART *************************************************************************** */
div.opaguediv {position:fixed;width:100%;height:100%;top:0px;left:0px;text-align:center;z-index:10000;background-color:rgba(140, 140, 150, 0.498039);}
div.scart {font-size:16px;}
input.sccheckout {color:#000;background-color:white;border:1px solid #009;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-box-shadow:0 2px 4px #c0c0c0;-moz-box-shadow:0 2px 4px #c0c0c0;box-shadow:0 2px 4px #c0c0c0;}
input.sccheckout:hover {color:#00f;-webkit-box-shadow:inset 0 2px 4px #c0c0c0;-moz-box-shadow:inset 0 2px 4px #c0c0c0;box-shadow:inset 0 2px 4px #c0c0c0;cursor:pointer;}
div.scimage{width:180px !important;}
div.scprodsadded, div.sccartitems{background:#fff !important;}
div.scprice { color:#000 !important;background:#fff !important;margin-top:5px;padding-top:5px !important;}
div.sccarttotal{color:#000 !important;background:#fff !important;}

/* ************************* Dropdown Cart *************************** */
/* ~~ Main container ~~*/
.ectdp_minicartmainwrapper_ct{position:relative;width:100%;z-index:1000;/*margin-top:-8px !Important;*/}
.ectdp_minicartmainwrapper{background:transparent none repeat scroll 0 0;position:absolute;right:0;}
/* ~~ View cart line display ~~*/
.ectdp_minicartopen{padding-top:0;cursor:pointer;width:140px;float:right;clear:both;}
.ectdp_minicartopenimg{margin-top:2px;margin-left:20px;}
/* ~~ Products in cart message ~~*/
.ectdp_pincart{width:100%;float:left;margin-top:12px;}
/* ~~ Drop down display ~~*/
.ectdp_minicartcontainer{border:1px solid #1a7cb7;border-radius:3px;background:#fff;padding:10px;margin:0px;width:320px;box-shadow:0 5px 6px 0 rgba(161,161,161,161);-webkit-box-shadow:0 5px 6px 0 rgba(161,161,161,161);}
/* ~~ Close and checkout buttons ~~*/
.ectdp_minicartclose,.ectdp_minicartcheckout{cursor:pointer;background:#EE5249;padding:2px 16px;border-radius:4px;line-height:38px;}
/*a.ectdp_minicartclose, a.ectdp_minicartcheckout{color:#fff !important;}
a.ectdp_minicartclose:hover, a.ectdp_minicartcheckout:hover{color:#000 !important;text-decoration:none;}*/
a.ectdp_minicartclose,a.ectdp_minicartcheckout{color:#000;background-color:#fff;padding:6px 10px;border:1px solid #1a7cb7;border-radius:3px;-webkit-box-shadow:0 2px 4px #ccc;-moz-box-shadow:0 2px 4px #ccc;box-shadow:0 2px 4px #ccc;}
a.ectdp_minicartclose:hover,a.ectdp_minicartcheckout:hover{text-decoration:none;color:#00f;-webkit-box-shadow:inset 0 2px 4px #ccc;-moz-box-shadow:inset 0 2px 4px #ccc;box-shadow:inset 0 2px 4px #ccc;cursor:pointer;}
/* ~~ Delete button ~~*/
a.deletecartitem{color:#fff !important;text-decoration:none;background-color:#EE5249 !important;border-radius:50%;width:40px;height:40px;font-size:0.9em;padding:1px 4px;}
a.deletecartitem:hover{color:#000 !important;text-decoration:none;}
.ectdp_minicartitemImg{width:60px;float:left;margin-right:5px;}
.ectdp_minicartitemDelete{float:left;width:24px;padding-top:16px;text-align:right;}
/* ~~ Totals display ~~*/
.ectdp_minicarttotal{text-align:right !important;margin-right:28px;margin-bottom:10px;font-size:1.1em;border-bottom:1px solid #ccc;padding:6px 0px}
/* ~~ Discounts display ~~*/
.ecHidDsc{text-align:right !important;margin-right:28px;color:#EE5249;padding-top:6px;}
/* ~~ Product image ~~*/
.ectdp_minicartImg{padding:10px 2px;width:60px !important;height:auto;}
/* ~~ Product name display ~~*/
.ectdp_minicartitemName{float:left;width:208px;text-align:right;padding:15px 2px;border-bottom:1px solid #ccc;}
/* ~~ Div setting ~~*/
div.minicartcnt_dp{text-align:center;clear:both;}
/* ~~ Empty cart display ~~*/
div.ectdp_empty{width:100%;float:left;text-align:center;padding:12px 0px;}
@media (max-width: 768px) {
.ectdp_minicartmainwrapper{position:relative;text-align:center;}
.ectdp_minicartopen{width:140px;margin-right:auto;margin-left:auto;float:none;clear:both;}
}
/* Dropdown Cart - Modifications for screen widths below 320 pixels */

@media (max-width: 320px) {

.ectdp_minicartcontainer {width:99%;}
.minicartcnt_dp ectdp_pincart,.ectdp_minicartitemImg,.ectdp_minicartitemName,.ectdp_minicartitemDelete {width:100%;float:left;}
.minicartcnt_dp ectdp_pincart,.ectdp_minicartitemImg {text-align:center;}
.ectdp_minicartitemName {width:85%;text-align:left;}
.ectdp_minicartitemDelete {width:10%;float:right;text-align:right;}
}

