body {
	margin:0; 
	padding:0;
	background-color: #343A40;
}
.light-bg {background-color: #E6E6E6;}
a:hover {color: #f9a01b;}
a:link, a:visited, a:active {color: #000;}
a.btnlinkstyle:link, a.btnlinkstyle:visited, a.btnlinkstyle:active {color: #fff;}
hr { margin-top:5px; margin-bottom:5px; }
.heading {
	font-size:150%!important;
	font-weight:bold!important;
}
.bold {
	color: #000;
	font-weight:bold;
}
.topmenu {
	color:#fff;
}
.topmenu a:link, .topmenu  a:visited, .topmenu  a:active {color: #fff; text-decoration:none;}
.topmenu a:hover {color: #fff; text-decoration:underline;}
.linkheading {
	color: #f9a01b;
	font-weight:bold;
}
.prodtop {
	background-image:url("/images/top_div.gif");
	background-repeat:no-repeat;
}
.prodbottom {
	background-image:url("/images/bottom_div.gif");
	background-repeat:no-repeat;
}
.prodmiddle {
	background-image:url("/images/1x1gray.gif");
	background-repeat:repeat-y;
}
.prodmid {
	background-image:url("/images/1x1gray.gif");
	background-repeat:repeat-x;
}
.prodleft {
	background-image:url("/images/left_div.gif");
	background-repeat:no-repeat;
}
.prodright {
	background-image:url("/images/right_div.gif");
	background-repeat:no-repeat;
}
.scprod {
	font-weight:bold;
	color:#777;
	padding:12px 0px;
}
.scprod .small {
	text-align:center;
	margin-bottom:2px;
}
.scprod a {
	font-weight:normal;
}
#maincontainer {
	background-color:#ffffff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.signinbox {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ccc; 
	padding:35px;
}
.formBox {
	border:1px solid #ccc;
	padding:35px;
	width:350px;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
  -webkit-box-shadow: 0 1px 14px rgba(0,0,0,.15);
     -moz-box-shadow: 0 1px 14px rgba(0,0,0,.15);
          box-shadow: 0 1px 14px rgba(0,0,0,.15);
}
.signinid input {
	border: 1px solid #ccc;
	padding: 4px 8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.altphotos {
	text-align:center;
}
.grn { background:#EAEBD8; }
.scs {
	text-align:left;
	color:#555;
	width:170px;
}
.signin {
	padding-top:3px;
}
.signin input {
	border:1px solid #ccc;
	padding-top:0px;
	color:#555;
	height:12px;
	width:65px;
}
.signin select {
	border:1px solid #ccc;
	color:#555;
	height:15px;
}
#signinbtn {
	border:0px!important;
	width:35px;
	height:15px;
}
#phone {
	font-weight:bold;
	color:#000;
}
.note {
	margin:2px;
	color:#777;
	font-style:italic;
}
.navycell {
	background-color:#000066;
	color:#fff;
	font-weight: bold;
}
.carttable {
	border-collapse:collapse;
	border-color:#000;
	border-style:solid;
}
.carttable th {
	font-weight:bold;
	color: #fff;
	background-color: #777;
	border:1px solid #fff;
}
.carttable td {
	background-color: #fff;
	border:1px solid #777;
	color:#000;
}
.ordertable {
	border-collapse:collapse;
	border-color:#000;
	border-style:solid;
}
.ordertable th {
	font-weight:bold;
	color: #fff;
	background-color: #000;
	border:1px solid #fff;
}
.ordertable td {
	color:#000;
	padding:1px 5px 1px 8px;
}
.total td {
	background-color: #ffffff;
	border-color:#ffffff;
	font-weight:bold;
	color:#000;
}
.smallcart {
	border-collapse:collapse;
	border-color:#ffffff;
	border-style:solid;
}
.smallcart th {
	color: #fff;
	background-color: #777;
}
.smallcart td {
	background-color: #fff;
	border:1px solid #777;
	color:#000;
}
.infotable {
	text-align:left;
}
.infotable th {
	background-color:#777;
	color:#fff;
}
.smtotal td {
	background-color: #ffffff;
	border:1px solid #ffffff;
	padding:2px!important;
	font-weight:bold;
}
.smalltext{font-size:75%;}
.small{
	font-size:70%;
	color:#777;
	font-weight:regular;
	letter-spacing:1px;
}
.remove a:link, .remove a:visited, .remove a:active {
	color:#888888;
}
.remove a:hover {
	color:#aaaaaa;
}
.threshold {
	font-size:120%;
	border:1px solid #ccc;
	padding:5px;
	color:#cc0000;
}
#availtext {
	margin-top:10px;
	font-weight:normal;
}
#popupImage {
	background-color:#777;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:100;
}
#popupPhotoDiv {
	position:absolute;
	top:30px;
	left:0px;
	width:100%;
	text-align:center;
	z-index:101;
}
.popPhoto {
	width:520px;
	padding:10px;
	font-size:large;
	font-weight:bold;
	background-color:#fff;
	border:1px solid #999;
	position:relative;
	margin:0 auto;
}
.altphotos {
	padding-top:10px;
	padding-bottom:10px;
}
#productphotodiv {
	padding-bottom:5px;
}
#productphotodiv a {
	text-decoration:none;
}
#alert-box {
	position: absolute;
	top:200px;
	left:85px;
	width: 215px;
	height: 100px;
}
#error {
	padding:10px;
	background-color:#fff6ad;
	color:#d10a34;
	font-weight:bold;
	margin:10px;
}
.alert-box-inside {
	margin-right:35px;
	font-weight: bold;
	text-align: center;
	color:#000;
	width: 180px;
	height: 100px;
	background-color:#faf5c9;
	border:1px solid #f9a01b;
}
.alert-box-inside p {
	padding:10px;
	margin:0px;
}
.displayproduct {
	width:160px;
}
#cvv2-box {
	position: absolute;
	top: 650px;
	left: 650px;
	width: 224px;
	padding: 10px;
	height: 350px;
	text-align: center;
	background-color:#ffffff;
	border:1px solid #f9a01b;
}
#rvbox {
	background-color:#ffffff;
	border-left:1px solid #003366;
	border-right:1px solid #003366;
	width:178px;
	height:auto;
}
#shippingmethodbox { font-size:75%; }
#shippingmethodbox select { font-size:75%; }
.menudivider { 
	width:188px;
	height:0px;
	border-top:1px solid #d9dabf;
	border-bottom:1px solid #ffffff;
	margin:5px;
}
.QuickProductView {
	float:left;
	width:350px;
	height:165px;
	border:1px solid #EAEBD8;
	margin:5px;
	padding-top:5px;
	overflow:hidden;
}
.ProductName{
	font-weight:bold;
}
.ProductNameLarge {
	font-size:150%;
	font-weight:bold;
}
.ProductItemNo {
	font-size:70%;
	margin-bottom:15px;
}
.qtybox {
	border:1px solid #bbb;
	padding:2px 5px;
	width:30px;
	margin:1px;
}
#photoinstructions{
	color:#888;
}
#largephotodiv {
	background-color:#fff;
	border:1px solid #ccc;
	overflow:hidden;
	position:absolute;
	visibility:hidden;
	height:250px;
	width:300px;
	z-index:-10;
	left:0;
	top:0;
}
#largephoto{
	position:absolute;
	left:0;
	top:0;
}
footer {
	color:#fff;
}
footer a {
	color:#fff;
	display:block;
}
footer a:link, footer a:visited, footer a:active {color: #fff; text-decoration:none;}
footer a:hover {color: #f9a01b; text-decoration:underline;}
.footer ul {
	margin: 0px; 
	padding: 0px; 
	list-style-type: none; 
}
#addresspop {
	width:700px;
	height:500px;
	position:absolute;
	top:135px;
	left:230px;
	border:1px solid #aaa;
	background-color:#ddd;
	padding:15px;
}
#addresspop h1 {
	font-size:150%;
	color:#990A15;
	margin-bottom:10px;
}
#addresspop h3 {
	font-size:130%;
	color:#000;
	margin-bottom:0px;
}
.addresscell {
	border:1px solid #bbb;
	background-color:#fff;
	padding:10px;
}
ul#mbar { width: 100%; height: 43px; background: #FFF url("/images/menu-bg.gif") top left repeat-x; list-style-type: none; margin: 0; padding: 0; }
ul#mbar li { display: block; float: left; margin: 0 0 0 5px; }
ul#mbar li a { height: 43px; color: #333; text-decoration: none; display: block; float: left; line-height: 200%; padding: 8px 15px 0; }
ul#mbar li a:hover { color: #666; }
ul#mbar li a.current{ color: #FFF; background: #FFF url("/images/current-bg.gif") top left repeat-x; padding: 5px 15px 0; }
.tabletab {
    background-color: #000;
    color: #fff;
    font-size: 75%;
    font-weight: bold;
    padding: 5px 10px;
}

.image{ position:relative; max-width:200px; }
.insulated{ position:absolute; top:2px; right:2px; width:25px; height:25px; }
.receiptoption {
	padding:10px; margin:0px; border:1px solid #00568d; width:358px;
}
.receipttab a {
	padding:4px 9px;
	display:block;
	float:left;

	border-radius: 4px;
	width:155px;
	text-decoration:none;
}
.receipttab a:hover {color:#ccc;}
.hdr2 {
	margin-top:10px;
	padding-top:10px;
	font-size:120%;
	width:100%;
}
.hl2 {
	margin-top:10px;
	font-size:120%;
	background-color:#fff1b0;
	padding:10px;
}
.minimallist th {
	border-bottom: 2px solid #039;
    color: #039;
    font-weight: bold;
    padding: 6px 8px;
}
.minimallist td {
	border-bottom: 1px solid #ccc;
    color: #335;
    padding: 6px 8px;
    font-weight: normal;
}
.minimallist {
    border-collapse: collapse;
    text-align: left;
	width:100%;
}
.yesbtn {
	background-image: url('/images/yes.png');
    width: 73px;
    height: 41px;  
    border:0px;
	cursor:pointer;
}
.nobtn {
	background-image: url('/images/no.png');
    width: 73px;
    height: 41px;  
    border:0px;
	cursor:pointer;
}
.btn2 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #b3b3b3;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #111;
    cursor: pointer;
    display: inline-block;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: left;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}
.btnsmall {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #b3b3b3;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #111;
    cursor: pointer;
    display: inline-block;
    font-size: 80%;
    line-height: 12px;
    margin-bottom: 0;
    padding: 2px 5px;
    text-align: left;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}

.nav-tabs .nav-link {
	-webkit-border-radius: 6px 6px 0 0 !important;
	-moz-border-radius: 6px 6px 0 0 !important;
	border-radius: 6px 6px 0 0 !important;
	border-bottom-color: transparent !important;
}
.nav-tabs .nav-link.active {
	border-color: transparent !important;
	font-weight: bold;
}
.nav-tabs .nav-item {margin-right:3px;}

.nav-pills .nav-link {
	background-color: rgba(255, 255, 255, 0.2);
	color:#ffffff;
	margin-right:3px;
}
.nav-pills .nav-link.active {
	background-color: #ffffff !important;
	font-weight: bold;
}
.nav-pills .nav-link:hover {
	background-color: rgba(255, 255, 255, 0.4);
}

.navbar-nav .nav-item a, .navbar-nav .nav-item a:link, .navbar-nav .nav-item a:visited, .navbar-nav .nav-item a:active {
	color:#fff;
}
.navbar-nav .nav-item a:hover {
	color:#eee;	
} 

.dropdown-menu a, .dropdown-menu a:link, .dropdown-menu a:visited, .dropdown-menu a:active {
	color:#212529!important;
}
.dropdown-menu a:hover {
	color:#777!important;	
} 
.dropdown-item:active {
	background-color: transparent !important;
}

.return-icon {
	background-image:url('/images/return.png');
	display: inline-block;
	width: 28px;
	height: 28px;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: text-top;
}

#popmask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9000;
  background-color: #fff;
  display: none;
}
#popwindow {
	padding:10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.2);
	box-shadow: 0 3px 10px rgba(0,0,0,0.2);
	border: 1px solid rgba(0,0,0,0.2);
	background-color: #ffffff;
	display: none;
	z-index: 9999;
	position: absolute;
	left: 0;
	top: 0;
}
#popcontent {
	padding: 20px;
	overflow-y: auto;
	background-color: #ffffff;
}
#popclose {
	text-align:center;
	width:100%;
	padding:10px;
}
.rateblock {
	padding:6px;
	font-weight:bold;
	color:#111;
	-webkit-border-radius: 4px!important;
	-moz-border-radius: 4px!important;
	border-radius: 4px!important;
}
.rating5 {
	background-color: #a8d315;
	background-image: linear-gradient(to bottom, #a8d315, #98bc1b);
}
.rating4 {
	background-color: #d5ed64;
	background-image: linear-gradient(to bottom, #d5ed64, #bfd64e);
}
.rating3 {
	background-color: #f6d315;
	background-image: linear-gradient(to bottom, #f6d315, #e9c500);
}
.rating2 {
	background-color: #edac1b;
	background-image: linear-gradient(to bottom, #edac1b, #da9f1b);
}	
.rating1 {
	background-color: #ee7b44;
	background-image: linear-gradient(to bottom, #ee7b44, #dc6a33);
}
.rating0 {
	background-color: #f06a4a;
	background-image: linear-gradient(to bottom, #f06a4a, #d95435);
}

.navbar-dark .navbar-toggler {
	color:rgba(255,255,255,1)!important;
	border-color: rgba(255,255,255,.3)!important;
}
.navbar-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")!important;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	.mcontainer { margin-top:42px!important; }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
  footer a {
    font-size: 130%;
    margin:15px auto !important;
  }
  nav .nav-link {font-size: 130%;}
  .dropdown-item {font-size: 130%;}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 
	.signinbox {
		border:0px!important;
		padding-top:0px!important;
	}
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 

}

.emp-announcement-count {
    font: 32px Arial, sans-serif;

    width: 2em;
    height: 2em;
    box-sizing: initial;
    
    background-color: #ff3333;
    color: #fff;
    text-align: center;
    border-radius: 50%;    
    padding: 2px 4px;
    line-height: 2em;
    box-sizing: content-box; }

ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 41px;
    width: 2px;
    height: 100%;
    z-index: 400;
    margin-top: 3px;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #d4d9df;
    left: 28px;
    width: 28px;
    height: 28px;
    z-index: 400;
    margin-top: 3px;
}
.custom-radio-alt {
	width:100%;
	border:1px solid #ced4da;
	border-radius:.3rem;
	margin-bottom:.3rem;
	cursor:pointer;
}
.custom-radio-alt-selected {
	border:2px solid #007bff;
}
.custom-radio-alt .custom-control-label {
	margin:.5rem;
	font-size:1.2rem;
}
.custom-radio-alt input, .custom-radio-alt label {
	cursor:pointer;
}

.plusminus-btn {
	display: block;
	height: 50%;
	width: 1.25rem;
	padding: 0px 4px !important;
	margin-left: -1px;
	line-height: 50% !important;
}
.plusminus-btn-plus {
	border-top-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.plusminus-btn-minus {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.plusminus-btn-text {
	margin-top:-4px;
	display: inline-block;
	line-height: 25% !important;
}

.prod-search-list {
	z-index:999;
	display: none;
	position:absolute !important;
	right:15px;
	height:auto;
	max-height:80vh;
	width: calc(100% * 1.5);
}
.prod-search-item {
	padding:5px;
	display:grid;
	grid-template-columns: 2fr 1fr 3fr;
	grid-template-rows: 3fr 1fr;
	border-width:2px;
	margin-top:-1px;
}
.prod-search-prodcode {
	color: grey;
	justify-self: center;
	grid-column: 1 / 2;
	grid-row: 2;
}
.prod-search-img {
	justify-self: start;
	margin: auto;
	grid-column: 1 / 1;
	grid-row: 1 / 2;
}
.prod-search-desc {
	margin-left:5px;
	grid-column:1 / 4;
	grid-row: 1;
}
.prod-search-price {
	grid-column: 3;
	grid-row: 2;
	justify-self: end;
	font-weight: bold;
	margin-right: 1.5em;
}
.product-search-empty {
	text-align: center;
}
.suggestions-search-group {
	margin-right: 5px;
	width: 100%;
}

@media(min-width: 768px){
	.prod-search-desc {
		grid-column: 2 / 4;
	}
}

.main-nav-collapse {
	min-width:270px;
	margin-top:0;
	z-index:100;
	background-color:#343A40;
	position:absolute;
	border-radius: 0px 0 6px 6px;
	border-top-style:solid;
	border-top-width: 1px;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.4);
}

.hover-orange-btn:hover {
	color: #faa01b;
}

.quotetotal {
	font-weight: bold;
}