/*catalog */

.billinfo { padding: 10px; display: inline-block; width: 45%; vertical-align: top;}
.billinginfotable, .shippinginfotable {border: 0px;width: 350px;margin-bottom: 10px;}
#billtable, #shiptable {float: left;background: #F9F9F9;padding: 10px;width: 50%;margin: 10px 0 20px 0;min-height: 200px;}
#billtable h3, #shiptable h3{font-size:16px; margin-bottom:10px;}
#billtable .billingaddress{ padding:0;}
#cartform{float:none;clear:both;margin-top: 15px;}

#payment_totalamount{ width:100%; float:none; clear:both; font-size:24px; font-weight:600;}

.billtable tr td span {  display: inline-block; text-align: left; margin-right: 5px; }
.billtable select { width: 200px;  }
.bgcol { background: #EDF8ED; padding: 10px 20px; }
#op_issue_order{ clear:both;}

/* departments */
.department {margin: 1%;position: relative;line-height: 1.5em;font-size: 0.87em;border: 1px solid #f3f3f3;box-shadow: 0 0 5px #FFF;margin-bottom: 10px;display: -webkit-flex; /* Safari */-webkit-flex-wrap: wrap; /* Safari 6.1+ */display: flex;flex-wrap: wrap;flex-direction: column;}
.department:hover{border: 1px solid #eaeaea;box-shadow: 0 0 5px #eaeaea; }
.department p { padding: 0px; margin: 0px; }
.department h2 {width: 100%;text-align: center;margin: 0;}
.department h2 a {color: #e72324;padding: 2px 10px;font-size: 1.3em;}
.department div.image {text-align: center;margin-bottom: 10px;min-height: 250px;}
.department div.image img{/* min-height:250px; */width: auto;}
.department div.name{padding:10px;background: #f3f3f3;}


/* sub departments */
.subdep div.department h2 a {padding: 1px 3px; font-size: 0.92em }

/* products */ 
.total .price {font: bold 16px/20px Georgia, Arial, Helvetica, sans-serif;color: #333;}
.price sup, .price span sup { font-size: 13px; }
.orgprice, .savprice { font-weight: bold; font-size: 12px;  }
.savprice { color: #028202; }
.productrow {/* margin-bottom: 15px; */position: relative;border: 1px solid #f3f3f3;height: 100%;background: #f3f3f3;}
.productrow:hover{ border: 1px solid #eaeaea;box-shadow: 0 0 5px #eaeaea; }
.productrow div.name a {display: block;/* font-size:0.82em; */padding: 5px;color: #333;}
.productrow div.partno { display: none; }
.productrow .image {margin: 0;min-height: 180px;background: #FFF;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;align-items: center;}
.productrow .details {border-top: 1px solid #eceeef;background: #f3f3f3;}

.productrow .image img {border: 0px;margin: 0px auto;padding: 0;display: block;max-height: 250px;}
.productrow .image a{font-size:0;line-height: 1;display: block;width: 100%;}
.productrow div.price {margin: auto;font-weight: 500;padding: 2px 5px;color: #ef3d34;}
.deptcontainer { background: #f7f7f7;  }
.deptcontainer h2  { padding: 4px 10px;}
 
/* product */
.indvproduct { width: 100%; margin-top: 20px; }
.indvproduct div.image img {max-width: 360px;}
.indvproduct div.container div.name {border-bottom: 1px solid #eceeef;margin-bottom: 5px;color: #333;font-size: 19px;}
.indvproduct div.container div.info div { margin: 8px 0px; }
.indvproduct div.container div.info div.price{font-size:16px; font-weight:600;}
.indvproduct div.container div.info div.qty input{width: 90%;background-color: rgba(43, 43, 43, 0.07);border: 1px solid rgba(47, 47, 47, 0.07);font-size: 14px;padding: 10px;text-align: left;color: #333;margin: 3px 5px 3px 0;border-radius: 0;}
.indvproduct div.container div.info div.options{display:flex;margin-top: 30px;padding: 5px;}
.indvproduct div.container div.info div.size{margin-right: 10px;}
div.description { padding-top: 10px;  }
div.description h2 {border-bottom: 1px solid #f3f3f3;color: #333;}
.prodetails label { width: 50%; font-size: 12px;  display: inline-block; vertical-align: top; margin-right: 2px; line-height: 25px; text-align: left;   }

/* suggested products */
#suggestedproducts, .suggestedproducts { margin-top: 25px; border: 1px dotted #CCC; padding: 10px; background: #FFF; }
.suggestitem { width: 94%; margin: 10px 1%; padding: 7px 5px;  display: block; border-bottom: 1px dotted #CCC; }
.suggestitem .suggestimg { border: 0px; width: 40%; display: inline-block; }
.suggestitem .suggestimg img { width: 100%; height: 45px;  }
.suggestitem .suggestname { width: 50%; margin-left: 5px; display: inline-block; vertical-align: top; }
.suggestitem .suggestname a { display: block;  font-size: 12px; color: #028202;  }
.suggestitem .suggestname a span { font-size: 14px; }
.suggestitem .suggestname a span sup { font-size: 11px; }

/* view orders */
.vieworders { width: 100%; margin: 10px 0px; border: 1px solid #DEDEDE;   }
.vieworders th { background: #E9E9E9; line-height: 30px;  }
.vieworders td, .vieworders th {  border: 1px solid #DEDEDE; padding: 0px 5px; text-align: center; }
.vieworders .oddrow { background: #F9F9F9; }
.vieworders .evenrow { background: #FFF; }

/* cart */
.catalogcart {width: 100%;margin: 10px 0px;border: 1px solid #DEDEDE;}
.catalogcart td, .catalogcart th {border: 1px solid #e4e4e4;padding: 2px 5px;font-weight: normal;text-align: center;}
 .catalogcart th{ font-weight:500;}
.catalogcart td.qty input{text-align:center;margin: 5px 0;}
.catalogcart td.price{ font-weight:600;}
.cartheadings {background: #eceeef;line-height: 30px;}
.catalogcart .itemname { padding-top: 5px; }
.catalogcart p { padding: 0px; margin-top: 0px; }
.catalogcart .oddrow {background: #FFF;}
.catalogcart .evenrow {background: #f9f9f9;}
.carttotals { line-height: 30px; }
#cartbuttons ul {list-style: none;padding: 0px;margin: 0px;margin-top: 20px;/* text-align: right; */}
#cartbuttons ul li { display: inline-block; }
.cartlinks {margin: 0;margin-bottom: 20px;}
.cartlinks ul {margin: 0px;padding: 0px;list-style: none;/* float: right; *//* margin-top: -4px; */}
#subnav .cartlinks ul li { float: left;   padding: 0px 0px; border: 0; }
#subnav .cartlinks ul li a { color: #FE5E66;  line-height: 35px; display: block; font-weight: bold;  border: 0; padding: 2px 18px; }
/* bliiing */
.billingaddress {/* width: 48%; */padding: 2% 1%;}
.billingaddress .name { font-weight: bold;  }
.paymenttitle { margin-top: 15px;  font-size: 1.3em;  }
#paymentdiv { padding-bottom: 20px;  clear: both; }
#changeinfo {margin-top: 20px;}
#changeinfo  ul {  margin: 0; padding: 0; list-style: none; color: #FE5E66; }
#changeinfo  ul li  {margin: 5px 0;margin-right: 20px;display:inline-block;padding: 5px 10px;border: 1px solid #ef3d34;}
#changeinfo  ul li a { color: #FE5E66;}
#returntocart{margin: 25px 0;}
#returntocart a{display:inline-block;padding: 5px 10px;border: 1px solid #ef3d34;}
#returntocart a:before, #changeinfo  ul li:before {content:"\f177";font: normal normal normal 14px/1 FontAwesome;display: inline-block;margin-right: 5px;}
.secureseal{ margin:10px 0;}

.paymentmodule{} 
.paymentdetails{margin:5px;text-align: left;width: 420px;padding: 10px;margin-bottom: 20px;background: #f9f9f9;}
.paymentdetails input{padding:5px;margin: 0;min-width: 165px;background: rgba(0, 0, 0, 0.02);}
.paymentchoice{ font-weight:bold;}
.firstnameoncard-block, .lastnameoncard-block{display:inline-block;width: 49%;padding: 1%;}
.firstnameoncardlabel, .firstnameoncardinput, .lastnameoncardlabel, .lastnameoncardinput, .nameoncardlabel, .cardnumberlabel,.expireoncardlabel{min-width: 100%;display: inline-block;vertical-align: middle;margin: 0;}
.cardnumber-block, .codeoncard-block { display:inline-block;}
 .cardnumber-block {width: 74%;padding: 1%;}
 .codeoncard-block{width: 24%;padding: 1%;}
 
.nameoncardlabel, .nameoncardinput, .cardnumberlabel, .cardnumberinput, .expireoncardlabel, .codeoncardlabel, .codeoncardinput{display: block;vertical-align: middle;margin: 0;}
.codeoncardinput input{width: 100%;min-width: 40px;}
.expireoncard-block{width:100%;display:block;padding: 1%;}
.expireoncardinput select{padding: 4px;margin: 0 3px;}
.sqaureCard iframe {background: #fff;}
.sq-input {height: 25px !important;}
.expireoncardinput { width:100%; display:block;}
.expireoncardinput select{display:inline-block;width: 48%;background: rgba(0, 0, 0, 0.02);}



.subscriptionorder, .formorder, .issueorder  {width: 80%;margin: 20px 0;padding: 2%;text-align: left;}
.formorder .formorder_head { display: table; text-align: right; font-weight: bold; border-bottom: 1px solid #999999;}
.formorder .formorder_head span  { /* padding: 5px; */ display: table-cell;}
.formorder .formorder_head span.order_desc, .formorder .orderrow span.order_desc { text-align: left;}
.formorder .orderrow  {padding: 1%; margin: 0; display: table; width: 98%;}
.formorder .orderrow span { display:table-cell; }
.formorder .orderrow span.order_price  { text-align:right;}
.formorder .orderrow.total { border-top: 1px solid #999999; border-bottom: 1px solid #999999;}
.issueorder tr td, .issueorder tr th, .subscriptionorder tr td, .subscriptionorder tr th {border:1px solid #DDD;border-collapse:collapse;padding: 3px;}
.issueorder tr+tr td+td { text-align:right;}
.subscriptionorder tr th { font-size:1em;}
.subscriptionorder .purchasedate, .issueorder .purchasedate {font-weight: bold;text-align: right;}
.subscriptionorder .price, .issueorder .price{width: 200px;text-align: right;}
.subscriptionorder tr.total, .issueorder tr.total { font-weight:bold; }

.subscription_name{/* font-weight:bold; */}
.subscription_desc {color: #696969;font-size: .90em;}

@media all and (min-width: 0px) and (max-width: 991px) {  
#billtable, #shiptable {width:100%;margin:0;margin-bottom: 20px;min-height: auto;border-bottom: 1px solid #eceeef;}

}