/*            MAIN PAGE STYLES              */

.main-drop-font{
	font-weight:600;
}
.top-row-covid{
	border:1px solid #cecece;
	width:350px;
	min-height:270px;
	display:block;
	font-size:1.3em;
	font-weight:600;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
	margin-bottom:25px;
}
.top-row-max{
	min-width:1750px;
}
.home-row-con{
	background:#fff;
	border:1px solid #cecece;
	padding:30px 8px 30px 8px;
	margin:50px 0px 10px 0px;
	width:100%;
	min-width:100%;
	display:block;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
	min-height:500px;
}
.home-row-con:hover{
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.home-con-max{
	min-width:550px;
}

/* Side Bar Sticky Request Quote */
.req-sticky{
	display:block;
	width:275px;
	border:1px solid black;
	position: fixed;
	top: 730px;
	right:20px;
	z-index:3;
	background-color:#1c2755;
}
.sticky-title{
	font-size:1.3em;
	font-weight:600;
	margin-left:10px;
	color:#fff;
}
/* Navigation */
.hvr-overline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  top: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.slider:link{
	color:#fff;
}
a.slider:visited{
	color:#fff;
}
/* Carousel styles */
body .carousel-indicators li{
  background-color:#1c2755;
  padding:5px;
}
.carousel-control-prev-icon {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23002157' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
 background-color:#fff;
 height:100%;
 min-height:230px;
  width:110px;
  min-width:25px;
  margin-left:-65px;
  opacity:.4;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23002157' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
  background-color:#fff;
  height:100%;
   min-height:230px;
  width:110px;
  min-width:25px;
  margin-right:-65px;
  opacity:.4;
}
body .no-padding{
  padding-left: 0;
  padding-right: 0;
}
carousel-thumbnail{
	display:block;
	width:200px;
	margin-top:30px;
	margin-bottom:30px;
}
/* Button styles */
.req-btn{
	display:block;
	padding:5px;
	background-color:#f48221 !important;
	color:#fff;
	border:1px solid black;
	width:auto;
	text-align:center;
	font-weight:600;
	
}
.req-btn:hover{
	background-color:#ff963d;
	cursor:pointer;
}
.border{
	border:1px solid black;
}
.button {
	display:block;
	background-color:#f58220 !important;
	font-size:1.3em;
	width:200px;
	height:50px;
	font-weight:600;
	color:#ffffff;
}
.button:hover {
	cursor:pointer;
}
.button-txt{
	color:fff;
	font-weight:600;
	font-size:1.3em;
	text-align:center;
	padding-top:8px;
}
/* Navigation Styles */
.menu {
	display:block;
	position: relative;
	display: inline-block;
	padding:10px;
}

.menu-item {
	display: none;
	position: relative;
	background-color: #c7c7c7;
	width:auto;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	padding: 12px 16px;
	z-index: 1;
}

.menu:hover .menu-item {
	display: block;
}
/* Header Styles */
#hdr{
	min-width:90em;
	max-width:95em;
	display:block;
	float:left;
}
#hdr-div-logo{
	min-width:11em;
	max-width:17em;
	float:left;
	margin-right:10px;
	display:inline-block;
}
#hdr-div-search{
	min-width:40em;
	max-width:50em;
	margin-top:10px;
	float:left;
	display:inline-block;
}
#hdr-div-srch-btn{
	min-width:4em;
	max-width:4em;
	float:left;
	display:inline-block;
}
#hdr-div-btn{
	min-width:20em;
	max-width:25em;
	margin-left:10px;
	margin-left:10px;
	float:left;
	display:inline-block;
}
.hdr-div-sml{
	min-width:6em;
	margin-left:10px;
	float:left;
	display:inline-block;
}
#ftr{
	min-width:80em;
	max-width:90em;
	display:block;
	float:left;
}
#ftr-spcr{
	display:block;
	width:200px;
	float:left;
	height:1px;
}
#ftr-left{
	min-width:25em;
	max-width:30em;
	display:block;
	float:left;
	margin-left:100px;
}
#ftr-right{
	min-width:30em;
	max-width:35em;
	display:block;
	float:left;
	margin-left:50px;
}
.flex-none{
	flex:none;
}
.responsive-hdr{
  max-width: 100%;
  height: auto;
}
.menu-icon{
	display:block;
	height:45px;
	color:#ffffff;
	padding-left:5px;
	padding-right:5px;
	border: 1px solid #1b2755;
}
.menu-icon:hover{
	border:1px solid #c3c3c3;
}
.menu-small{
	color:#ffffff;
	font-size: .8em;
	margin-bottom:-8px;
}
.menu-lrg{
	color:#ffffff;
	font-size: 1.2em;
	font-weight:600;
}
.cart-left{
	display:inline-block;
	float:left;
	margin-right:5px;
}
/* Gray footer styles */
.footer-header {
	font-size:1.3em;
	color:orange;
	font-weight:650;
}
.footer-body {
	color:white;
	font-size:1.2em;
	text-align:left;
}
a:link{
	color:#000;
}
a:visited{
	color:#000;
}
a:hover{
	text-decoration:underline;
}
.ftr-spc{
	display:block;
	width:20px;
	float:left;
	height:1px;
	text-align:center;
	color:#ffffff;
}
.ftr-txt-lrg{
	font-size:1.5em;
	font-weight:700;
}
.ftr-text{
	display:block;
	float:left;
	color:#ffffff;
}
.news-box{
	display:block;
	margin:10px;
	color:#ffffff;
	width:400px;
	height:100px;
	border:1px solid #4a4b4c;
	padding-left:15px;
}
.news-box:hover{
	border:1px solid #f3f3f3;
	cursor:pointer;
}
.news-col{
	display:inline-block;
	float:left;
}
.news-title{
	display:inline-block;
	float:left;
	color:#ffffff;
	font-size:2.5em;
	margin-bottom:-10px;
	width:240px;
	text-align:center;
}
.news-body{
	display:block;
	color:#ffffff;
	width:200px;
	line-height:1;
	text-align:center;
}
.news-image{
	display:block;
	margin-top:15px;
}
.line{
	display:block;
	float:left;
	margin-top:-8px;
	font-size:4em;
	text-align:center;
	width:30px;
	height:120px;
}
.scl-box{
	display:block;
	padding:10px;
	margin-left:5px;
	height:30px;
	margin-bottom:30px;
}
.scl-icon{
	display:block;
	float:left;
	margin-right:30px;
}
	
/* Legal section */
.legal-row{
	background-color:#f3f3f3;
}
.legal-box{
	display:inline-block;
	width:300px;
	margin-right:3px;
	margin-left:15px;
	text-align:center;
}
/* Supplier Page product name title text */
.req-row{
	background-color:#eee;
	padding:5px;
}
.prod-btn{
	width:300px;
	background-color:#f48221;
	display:block;
	border:1px solid black;
	padding:10px;
	font-size:1.3em;
	font-weight:600;
	padding:5px;
	color:#fff;
	text-align:center;
	margin:10px;
}
.prod-btn:hover{
	background-color:#ff963d;
	cursor:pointer;
}
.prod-req{
	font-size:1.8em;
	font-weight:600;
	text-align:center;
	display:block;
	margin:5px;
}
.po-logo{
	display:block;
	height:20px;
	float:left;
	margin-right:5px;
}
.po-logo-right{
	display:block;
	height:20px;
	float:left;
	text-align:right;
}
.po-logo-right .logo-tool-tip{
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

/* Price range */

.range-container{
	width:260px;
	height:40px;
	display:block;
}
.range-number-label{
	display:block;
	float:left;
	width:35px;
	margin:10px 0px 0px 5px;
	font-weight:600;
}
.range-number{
	display:block;
	float:left;
	width:80px;
	height:40px;
	background-color:#fff;
	border:1px solid black;
	margin-right:10px;
}
.price-range-title{
	width:260px;
	text-align:center;
	display:inline-block;
	font-weight:600;
	margin-bottom:10px;
}
.price-range-box{
	width:130px;
	height:auto;
	float:left;
	display:inline-block;
}
.price-range{
	display:inline-block;
	width:270px;
	min-height:80px;
	padding:5px;
	margin-bottom:20px;
}
.po-logo-right:hover .logo-tool-tip {
  visibility: visible;
}

.cart-btn{
	display:inline-block;
	background-color:orange;
	color:000;
	border: 1px solid gray;
	border-radius:5px;
	float:left;
	padding:5px 15px 5px 15px;
	margin:5px 0px 5px 0px;
	font-weight:600;
	font-size:1.1em;
}
.cart-btn:hover{
	cursor:pointer;
}
.cart-qty{
	display:block;
	border:1px solid black;
	float:left;
	padding:5px 15px 5px 15px;
	margin:6px 5px 5px 5px;
	width:65px;
	height:38px;
}
.odd{
	background-color:#efefef;
}
.even {
	background-color:white;
}
/* Product box outline */
.sameday{
	margin-top:16px;
	margin-left:-8px;
	padding:5px; 
	position:absolute;
	color:#fff;
	font-size:.8em;
	transform:rotate(-45deg);
	z-index:1000;
}
.sameday-box{
	width: 0;
    height: 0;
    border-top: 85px solid #f58220;
    border-right: 85px solid transparent;
	position:absolute;
	z-index:1000;
}
.prod-box {
	border:1px solid #c7c7c7;
	min-width:250px;
	font-weight:600;
	font-size:1.2em;
}
.box-shadow{
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
}
.box-shadow-white{
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
}
.carousel-width{
	width:600px;
	height:400px;
}
.prod-img-inherit{
	height:inherit !important;
	max-width:100%;
	margin:0 auto;
}
.product-img-placeholder{
	width:
}
.prod-specs {
	font-size:1.5em;
	font-weight:700;
	display:block;
	margin-bottom:10px;
}
.prod-summary{
	display:block;
	background-color:#ececec;
}
.add-info{
	font-size:1.1em;
	font-weight:600;
}
 /* Description Boxes for product pages */
	.lg-spec-box {
		display:block;
		padding-top:10px;
		padding-bottom:10px;
		margin-bottom:10px;
		border-top:1px solid black;
		
	}
	.sm-spec-box-left {
		display:inline-block;
		text-align:left;
		font-weight:700;
		font-size:1.1em;
		width:190px;
	}
	.sm-otherspec-box-left {
		display:inline-block;
		text-align:left;
		font-weight:700;
		font-size:1.1em;
		width:300px;
	}
	.sm-spec-box-right {
		display:inline-block;
		text-align:left;
		font-size:1.1em;
	}
	.prod-desc-title{
		font-weight:700;
		font-size:1.5em;
		margin-bottom:10px;
	}
	.addtl-info{
		font-weight:700;
		font-size:1.5em;
		}
	.spec-box{
		display:block;
		border:1px solid black;
		background-color:#f2f2f2;
		  /* Add shadows to create the "card" effect */
		box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
		transition: 0.3s;
	}
	.spec-box:hover{
		box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
	}
/* Login Page Styles */
.form-text{
	font-size:1.1em;
	font-weight:700;
}
.agree-box{
	font-weight:600;
}
.btn-algn{
	width:200px;
	display:inline-block;
	float:left;
	margin-left:70px;
}
/* Personal Information Form Styles */
.reg-top{
	display:block;
	width:600px;
	border:1px solid black;
	background-color:#d8d8d8;
	color:#000000;
	padding:5px;
	padding-left:10px;
	font-size:1.3em;
	font-weight:600;
	
}
.reg-bottom{
	display:block;
	width:600px;
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	padding:10px;
	font-weight:500;
}
.reg-title{
	display:block;
	border-left:1px solid black;
	border-right:1px solid black;
	border-top:1px solid black;
	padding:10px;
	font-weight:700;
	font-size:1.2em;
	background-color:#d8d8d8;
}
.reg-left-left{
	display:block;
	border-left: 1px solid black;
	border-top: 1px solid black;
	padding:10px;
	font-weight:500;
}
.reg-left-right{
	display:block;
	border-right:1px solid black;
	border-top: 1px solid black;
	padding:10px;
	font-weight:500;
}

.reg-right-left{
	display:block;
	border-top: 1px solid black;
	padding:10px;
	font-weight:500;
}
.reg-right-right{
		display:block;
		border-right:1px solid black;
		border-top:1px solid black;
		padding:10px;
}
.right-only{
	display:block;
	border-right:1px solid black;
	padding-right:10px;
	padding-bottom:10px;
}
.left-only{
	display:block;
	border-left:1px solid black;
	padding-left:10px;
	padding-bottom:10px;
}
.reg_msg{
	display:block;
	font-weight:600;
	margin-top:10px;
}

.pass-bottom{
	display:block;
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	padding:20px;
}
.bottom{
	border-bottom:1px solid black;
}
/* Filter header text */
.filter {
	font-weight:700;
	font-size:1.2em;
}

/* Product Holder */
.prod-holder {
	display:block; 
	width:235px;
	height:200px;
	background-color:#fff;
	text-align:center;
}
.prod-img{
	max-width:235px;
	max-height:200px;
}
.prod-logo{
	max-width:300px;
	max-height:100px;
	height:auto;
	width:auto;
}

/* Styles for product search page */
#bttBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color:#2f5293;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#bttBtn:hover {
  background-color: #555;
}
/*shop by supplier styles*/
.gray-bg{
		background-color:#eee;
}
.vendor-letter {
	display:block;
	font-size:1.2em;
	text-align:center;
	font-weight:700;
	color:#000000 !important;
	transition:all .3s ease;
	cursor: pointer;
}
.vendor-letter:hover {
	text-decoration:underline;
}
.vendor {
	display:block;
	border:none;
	text-align:center;
	font-weight:600;
	color:#000000 !important;
	transition:all .3s ease;
	font-size:.95em;
}
.vendor:hover {
	cursor:pointer;
}
.search-box {
	border:1px solid black;
	background-color:#2f5293;
	width:100%
}
.filter-search{
	border:1px solid black;
	background-color:#2f5293;
	height:40px;
	margin-bottom:10px;
}
.filter-btn{
	border:1px solid black;
	background-color:#f58220 !important;
	text-align:center;
	padding:5px 0px 5px 0px;
	font-weight:600;
	height:40px;
	width:75px;
}
.filter-btn:hover{
	cursor:pointer;
}
.vendor-title {
		font-size:2em;
		font-weight:700;
		color:#000000;
		display:block;
		margin:0px;
}
.vendor-cat{
		font-size:1.2em;
		font-weight:700;
		color:#000000;
		display:block;
		margin:0px;
}
.supplier-title{
	font-size:3em;
	font-weight:700;
	color:#000;
	display:block;
}
/*       Autocomplete CSS            */
* { box-sizing: border-box; }
.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}
input {
  border: 1px solid transparent;
  background-color: white;
  padding: 10px;
  font-size: 16px;
}
input[type=text] {
  background-color: white;
  width: 100%;
}
input[type=submit] {
  background-color: DodgerBlue;
  color: #fff;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}

/* Promo page styles */
.promo-box {
		display:block;
		width:auto;
		background-color:#ffffff;
		padding:10px;
		max-width:100%;
}
.promo-page-summary {
		font-size:1.4em;
		font-weight:600;
}

.img-box {
		display:block;
		max-width:280px;
		padding:5px;
		background-color:#ffffff;
		border:1px solid #c9c9c9;
}
.promo-img{
		width:100%;
		max-width:280px;
		height:auto;
}
.box-box-top {
		display:block;
		width:auto;
		background-color:#ffffff;
		padding:5px;
		margin-bottom:10px;
}
.unv-button {
		display:block;
		width:auto;
		height:40px;
		padding:5px;
		margin-top:5px;
		text-align:center;
		font-size:1.3em;
		font-weight:600;
		color:#ffffff !important;
		border-radius:5px;
		background: #f58220 !important;  
    -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
}
.add-cart-btn {
		display:block;
		width:200px;
		height:50px;
		padding:10px;
		margin-top:5px;
		text-align:center;
		font-size:1.3em;
		font-weight:600;
		color:#ffffff;
		border-radius:2px;
		background: #f58220 !important;  
    -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .3), inset -1px -1px 1px rgba(0, 0, 0, .3);
    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .4), inset -1px -1px 1px rgba(0, 0, 0, .4);
}
.unv-button:hover {
		cursor:pointer;
}
.add-cart-btn:hover{
	cursor:pointer;
}
.box-exp {
		height:55px;
		display:inline-block;
		font-weight:660;
		color:#000000;
		background-color:#ffffff;
		padding:5px;
		margin:5px;
}
/* Product Page Styles */
.option-box{
	display:inline-block;
	border:1px dotted black;
	width:auto;
	background-color:#cecece;
	margin:5px;
	padding:5px 10px 5px 10px;
	float:left;
	position:relative;
	color:#000;
}
.option-box-text{
	visibility: hidden;
	display:block;
	background-color: black;
	color: #fff;
	text-align: center;
	padding:5px 10px 5px 10px;
	position: absolute;
	margin-left:-10px;
	margin-top:-80px;
	z-index: 1;
}
.option-box:hover{
	background-color:#99ccff;
}
.option-box:hover .option-box-text{
	visibility:visible;
}
.contract {
	display:block;
	padding-top:7px;
}	
.contract-icon {
	height:30px;
	padding-top:5px;
	margin-left:10px;
}
.logo-gov{
	height:40px;
	width:35px;
	padding-top:5px;
	margin-left:15px;
}
.in-stock{
	display:block;
	padding-top:5px;
	margin-left:7px;
	font-size:1.1em;
	color:red;
}
.lbl-width{
	margin-right:10px;
	line-height:80%;
}
.uom{
	font-size:1.1em;
	font-weight:600;
	display:block;
}
.uom-hdr{
	font-size:1.3em;
	font-weight:600;
	display:block;
	padding-bottom:10px;
	margin-bottom:5px;
	border-bottom:1px solid #cecece;
}
.prod-shade{
	display:block;
	float:left;
	background-color:#fff;
	padding:10px;
	border:1px solid black;
	min-width:300px;
	margin-right:10px;
}
.opt-row{
	display:block;
	width:auto;
}
.opt-label{
	display:block;
	float:left;
	font-size:1.1em;
	font-weight:600;
	margin-right:10px;
	width:100px;
}
.opt-select{
	display:block;
	float:left;
	width:250px;
}
.line-break{
	border:1px solid black;
	height:2px;
	width:200px;
	float:left;
	display:block;
}
.prod-thumb{
	display:block;
	margin-bottom:40px;
	height:auto;
}


/* Product Table Styles */		
.table-flex {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		align-content: flex-start;
		list-style:none;
		padding:0;
		height:30em;
}
.table-attr-flex {
		width:45em;
		height:3em;
		margin-right:60px;
		margin-left:15px;
}
.attr {
	display:block;
	border-top:1px solid gray;
	width:20em;
	height:3em;
	padding-top:10px;
	font-weight:700;	
}
.attr-value {
	display:block;
	border-top:1px solid gray;
	width:20em;
	height:3em;
	padding-top:10px;
}
.item-spec-flex {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		align-content: flex-start;
		list-style:none;
		padding:0;
		height:10em;
}
.item-attr-flex {
		width:45em;
		height:3em;
		margin-right:60px;
		margin-left:15px;
}		
		
/* -- quantity box -- */

.quantity {
 display: inline-block; }

.quantity .input-text.qty {
 width: 35px;
 height: 50px;
 padding: 0 5px;
 text-align: center;
 background-color: transparent;
 border: 1px solid #efefef;
}

.quantity.buttons_added {
 text-align: left;
 position: relative;
 white-space: nowrap;
 vertical-align: top; }

.quantity.buttons_added input {
 display: inline-block;
 margin: 0;
 vertical-align: top;
 box-shadow: none;
}

.quantity.buttons_added .minus,
.quantity.buttons_added .plus {
 padding: 7px 10px 8px;
 height: 50px;
 background-color: #e0e0e0;
 border: 1px solid #efefef;
 cursor:pointer;}

.quantity.buttons_added .minus {
 border-right: 0; }

.quantity.buttons_added .plus {
 border-left: 0; }

.quantity.buttons_added .minus:hover,
.quantity.buttons_added .plus:hover {
 background: #eeeeee; }

.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
 -webkit-appearance: none;
 -moz-appearance: none;
 margin: 0; }
 
 .quantity.buttons_added .minus:focus,
.quantity.buttons_added .plus:focus {
 outline: none; }		
 
 .align {
	 padding-top:10px;
 }

/* Page Styles */
.page-title {
	font-size:1.8em;
	font-weight:700;
	color:#000000;
}
.bld-txt{
	font-weight:600;
	font-size:1.1em;
}
.sub-title {
	font-size:1.3em;
	font-weight:700;
	margin-bottom:5px;
}
.contact-text{
	font-size:1.1em;
	font-weight:600;
}
	
/* Contact Page Styles */
.form-border {
	display:block;
	border:1px solid gray;
	height:550px;
	padding:20px;
	margin-bottom:10px;
}
.field-style{
	font-weight:700;
}
.hq-box{
	display:block;
	border:1px solid black;
	margin-right:5px;
	margin-bottom:20px;
	height:230px;
}
.hq-box-hdr{
	background-color:#d8d8d8;
	display:block;
	padding:10px;
	font-weight:700;
}
.hq-box-bdy{
	display:block;
	padding:10px;
}
/* COVID page styles*/
.covid-msg{
	display:block;
	background-color:#ffffff;
	color:#f5821f;
	width:540px;
	margin-left:100px;
	margin-top:50px;
	padding:10px;
	font-size:2.2em;
	font-weight:700;
}
.covid-img{
	background-image:url('images/corona_large.png');height:200px;
}

/* POP UP */

@keyframes pop {
	0% {
		height: 0%;
	}
	50% {
		height: 0%;
	}
	100% {
		height: 100%;
	}
}

@keyframes show-text {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.pop-up {
	animation: pop 0.8s ease .1s;
	animation-iteration-count: 1;
	animation-fill-mode: backwards;
	background-color: rgba(0, 0, 0, 0.8);
	display: flex;
	justify-content: center;
	position: fixed;
	right:10px;
	bottom:0px;
	overflow: hidden;
	width: 455px;
	height:505px;
	z-index: 550;
}
.pop-content {
	align-self: center;
	background-color: white;
	width: 450px; 
	height:500px;
}
.pop-header{
	background-color:#002157;
	width:100%;
	padding:10px;
}
.pop-body{
	width:relative;
	height:relative;
	padding:10px;
}
.pop-text{
	font-weight:600;
}
/*Cart Page*/
.row-brdr{
	border-bottom:1px solid black;
	margin-bottom:5px;
	padding-bottom:10px;
}
.cart-img{
	display:block;
	width:100px;
	height:100px;
	background-color:#f3f3f3;
	margin-right:5px;
}
.cart-text{
	display:block;
	margin-top:30px;
	font-weight:600;
	float:left;
}
.cart-rmv{
	margin-top:20px;
	min-width:100px;
	display:block;
	border:1px solid black;
	background-color:#c3c3c3;
	font-weight:600;
	border-radius:5px;
	float:left;
	margin-left:10px;
	padding:5px;
}
.btn-right{
	float:right;
}
.cart-rmv:hover{
	cursor:pointer;
	background-color:#c9c9c9;
}
.cart-orange{
	background-color:#f5821f !important;
}
.cart-rmv-txt{
	display:block;
}
.cart-qty-chk input{
	display:block;
	float:left;
	height:40px;
	width:40px;
	padding:7px;
	margin: 20px 0px 0px 10px;
	border:1px solid black;
}
.sub-ttl{
	display:block;
	font-weight:600;
	font-size:1.1em;
	margin-left:110px;
	text-align:right;
	padding:5px;
}
.ship-ttl{
	background-color:#cbcbcb;
}
.ship-red{
	color:red;
}
.cart-btn-align{
	display:block;
	margin-left:170px;
}
.note-bx{
	display:block;
	width:100%;
	height:100px;
}
/* Supplier Login Notification */
.wlcm{
	display:block;
	font-weight:600;
	font-size:1.3em;
	padding:5px;
	margin:5px 10px 5px 5px;
	float:left;
}
.wlcm-logo{
	display:block;
	margin:5px;
	float:left;
}
.gry-bck{
	background-color:#ebebeb;
}
/* Credit Card Reconciliation */
.cc-label{
	display:block;
	font-weight:600;
	font-size:1.1em;
	margin-top:10px;
}
.cc-field{
	display:block;
	border:1px solid black;
	width:100%
}
.cc-field-wide{
	display:block;
	height:100px;
}
.cc-search{
	margin-top:20px;
	display:block;
	border:1px solid black;
	background-color:#orange;
	font-weight:600;
	border-radius:5px;
	float:left;
	margin-left:10px;
	padding:5px;
	width:200px;
}
.cc-search:hover{
	cursor:pointer;
	background-color:#c9c9c9;
}
.cc-spacer{
	display:block;
	width:75px;
	height:10px;
	float:left;
}	

/*Request a quote*/
.email-msg{
	font-style:italic;
}
.req-field{
	color:red;
	font-weight:600;
}
.req-title{
	display:block;
	margin-top:20px;
	color:orange;
	font-weight:600;
	font-size:1.3em;
}
table.req{
	border-collapse:collapse;
	border:1px solid black;
	width:100%;
}
td.a{
	border:1px solid black;
	padding:15px;
}
td.hdr{
	border:1px solid black;
	background-color:#f5821f;
	color:#fff;
	font-weight:600;
	font-size:1.1em;
	text-align:center;
}
/*           Checkout             */
.checkout-cat{
	background-color:#fff;
	border:1px solid black;
	padding:10px;
	display:block;
	margin-bottom:10px;
}
.checkout-cat-txt{
	color:fff;
	font-weight:600;
}
.checkout-cat-hdr{
	padding:5px;
	font-size:1.1em;
	font-weight:600;
	display:block;
	color:#000;
}
.checkout-addy{
	font-weight:600;
	display:block;
	margin-bottom:10px;
	border:1px solid black;
	padding:5px;
}
.checkout-spacer{
	margin-bottom:10px;
}
.checkout-edit-btn{
	background-color:#e66e08;
	width:100px;
	border:1px solid black;
	font-size:1.1em;
	font-weight:600;
	color:white !important;
}
.checkout-lbl-width{
	width:150px;
}
.checkout-prod{
	display:block;
	float:left;
	margin-right:30px;
	margin-left:30px;
}
.checkout-sub-cat{
	display:block;
	padding-top:20px;
}
.checkout-prod-img{
	width:200px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.checkout-font-bold{
	font-weight:600;
}
.checkout-btm-brder{
	border-bottom:1px solid gray;
	padding-bottom:20px;
}
.checkout-total{
	text-align:left;
	font-weight:600;
}
/* COVID LANDING PAGE STYLES */
.covid-landing-cat{
	display:block;
	width:auto;
	height:auto;
}
.covid-landing-hdr{
	display:block;
	background-color:#FF9F14;
	background:linear-gradient(90deg, rgba(255,159,20,1) 0%, rgba(255,255,255,1) 100%);
	padding:10px;
	color:#000;
	border:1px solid black;
	font-weight:600;
	font-size:1.2em;
}
.covid-landing-bdy{
	display:block;
	padding:10px;
	margin-bottom:30px;
	background-color:#f0f0f0;
	line-height:30px;
	border:1px solid black;
}
.covid-landing-banner{
	background:url(images/corona_large.png) no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
	background-size:contain;
	width:1410px;
	height:200px;
	padding:40px;
	overflow:hidden;
}
.covid-landing-sum{
	font-size:1.1em;
	font-weight:600;
	display:block;
	margin:10px;
}
.covid-landing-bnr-txt{
	display:block;
	background-color:#fff;
	color:orange;
	padding:10px;
	margin-top:20px;
	font-size:2em;
	font-weight:700;
	width:525px;
}
.covid-page-border{
	width:auto;
	height:5px;
	display:block;
	background-color:orange;
	margin-top:10px;
	margin-bottom:10px;
}
/* About Us Page Styles */
.seg-title{
	font-size:1.5em;
	font-weight:600;
}
.supplier-desc{
	display:block;
	padding:10px;
	border:1px solid gray;
	color:#000;
	background-color:#cecece;
	font-weight:600;
	margin-top:20px;
	text-align:center;
}
.our-mission{
	padding:10px;
	background-color:#e26b14;
	color:#fff;
	font-weight:600;
	font-weight:1.1em;
	margin-top:20px;
}
/* Flyer Page Styles */
.flyer{
	max-width:100%;
	min-width:50%;
}
/*Category Page Styles*/
.side-bar-menu{
	width:275px;
	height:500px;
	background-color:#e5e5e5;
	color:#000;
	padding:20px;
	overflow-x:auto;
}
.category-promo{
	width:400px;
	height:250px;
	margin-right:5px;
}
a.side-cat{
	font-size:1em;
	font-weight:600;
}
.category-item{
	display:block;
	height:auto;
	width:auto;
	padding:10px;
}
.category-item:hover{
	background-color:#ffca08;
}
/* Category Product Holder */
.category-holder {
	display:block; 
	width:360px;
	height:300px;
	background-color:#fff;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.category-img{
	max-width:285px;
	max-height:auto;
	margin-bottom:10px;
}
.instock{
	font-weight:600;
	color:#2F5293;
	font-size:1.1em;
}
/* Punchout Page Styles */
.welcome-punchout{
	font-size:1.3em;
	font-weight:600;
}
/*            MAIN PAGE STYLES              */
h1{
	font-size:1.7em;
	font-weight:700;
	text-transform:uppercase;
}
h2{
	font-size:1.5em;
	font-weight:700;
}
h3{
	font-size:1.3em;
	font-weight:700;
}
h4{
	font-weight:700;
	font-size:2em;
}
#home{
	font-family:MyriadPro, sans-serif;
	background: rgb(20, 33, 255);
	background: linear-gradient(180deg, rgba(0,0,0,5) 0%, rgba(240,240,240,10)10%);
}
.main-drop-font{
	font-weight:600;
}
.home-image{	
	max-width:100%;
	min-width:25%;
}
.sldr-right{
	margin-bottom:10px;
	display:block;
}
.home-row-con{
	background:#fff;
	border:1px solid #cecece;
	padding:30px 8px 30px 8px;
	margin:30px 0px 10px 0px;
	display:block;
	max-width:600px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
}
.home-row-con:hover{
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
/* Homepage sidebar */
/* Fixed sidenav, full height */
/* V4 NAVIGATION STYLE */
.cat-min-width{
	min-width:280px;
}
.cat-menu{
	position:absolute;
	display:inline-block;
	cursor:pointer;
	max-width:280px;
	min-width:200px;
}
.cat-spc{
	display:block;
	min-height:50px;
	width:10px;
}
.cat-spc-btm{
	display:block;
	min-height:66px;
	width:10px;
}
.cat-menu-item{
	display:block;
	min-height:50px;
	width:280px;
	min-width:200px;
	background:#c9c9c9;
	float:left;
	font-weight:600;
	border:1px solid #eee;
	padding:13px 10px 10px 15px;
	font-weight:500;
	position:relative;
	cursor:pointer;
	font-size:.9em;
}
.cat-menu-item:hover{
	background: rgba(0, 20, 127, 0.2);
}
.cat-sub-menu{
	display:none;
	height:auto;
	min-width:410px;
	background:#fff;
	float:left;
	cursor:pointer;
	z-index:100;
	position:relative;
	margin-left:280px;
	margin-top:-45px;
	padding:10px;
	border:1px solid gray;
	font-size:.9em;
	box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12);
}
.cat-menu:hover > .cat-sub-menu{
	display:block;
}
.cat-item{
	display:block;
	width:410px;
	padding:10px;
	float:left;
	height:auto;
}
.cat-item:hover{
	background: rgba(0, 20, 127, 0.2);
}
.cat-arrow{
	display:block;
	float:right;
	width:20px;
}
.shop-category{
	display:block;
	font-weight:600;
	font-size:1.3em;
	background-color:#1d2656;
	color:#ffcb08;
	padding:10px;
	width:280px;
}
a.cat:link{
	color:#000;
}
a.cat:hover{
	color:#000;
}
a.cat:visited{
	color:#000;
}
a.standard:link{
	color:#e26b14;
}
a.standard:hover{
	color:#e26b14;
}
a.standard:visited{
	color:#e26b14;
}
/* Side Bar Sticky Request Quote */
.req-sticky{
	display:block;
	width:275px;
	border:1px solid black;
	position: fixed;
	top: 730px;
	right:20px;
	z-index:3;
	background-color:#1c2755;
}
.sticky-title{
	font-size:1.3em;
	font-weight:600;
	margin-left:10px;
	color:#fff;
}
/* Navigation */
.hvr-overline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  top: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
  right: 0;
}
.dropdown:hover>.dropdown-menu {
  display: block;
  margin-top:0px;
}
.dropdown-item:hover{
	background-color:#c3c3c3;
}
.dropdown>.dropdown-toggle:active {
    pointer-events: none;
}

.supplier_summary{
		font-weight:700;
}

/* Button styles */
.req-btn{
	display:block;
	padding:5px;
	background-color:#f48221;
	color:#fff;
	border:1px solid black;
	width:auto;
	text-align:center;
	font-weight:600;
	
}
.req-btn:hover{
	background-color:#ff963d;
	cursor:pointer;
}
.border{
	border:1px solid black;
}
.button {
	display:block;
	background-color:#f58220 !important;
	font-size:1.3em;
	width:200px;
	height:50px;
	font-weight:600;
	color:#ffffff;
}
.button:hover {
	cursor:pointer;
}
.button-txt{
	color:fff;
	font-weight:600;
	font-size:1.3em;
	text-align:center;
	padding-top:8px;
}
/* Navigation Styles */
.menu {
	display:block;
	position: relative;
	display: inline-block;
	padding:10px;
}

.menu-item {
	display: none;
	position: relative;
	background-color: #c7c7c7;
	width:auto;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	padding: 12px 16px;
	z-index: 1;
}

.menu:hover .menu-item {
	display: block;
}
/* Header Styles */
#hdr{
	min-width:90em;
	max-width:95em;
	display:block;
	float:left;
}
#hdr-div-logo{
	min-width:11em;
	max-width:17em;
	float:left;
	margin-right:10px;
	display:inline-block;
}
#hdr-div-search{
	min-width:40em;
	max-width:50em;
	margin-top:10px;
	float:left;
	display:inline-block;
}
#hdr-div-srch-btn{
	min-width:4em;
	max-width:4em;
	float:left;
	display:inline-block;
}
#hdr-div-btn{
	min-width:20em;
	max-width:25em;
	margin-left:10px;
	margin-left:10px;
	float:left;
	display:inline-block;
}
#hdr-div-sml{
	min-width:6em;
	margin-left:10px;
	float:left;
	display:inline-block;
}
#ftr{
	min-width:80em;
	max-width:90em;
	display:block;
	float:left;
}
#ftr-spcr{
	display:block;
	width:200px;
	float:left;
	height:1px;
}
#ftr-left{
	min-width:25em;
	max-width:30em;
	display:block;
	float:left;
	margin-left:100px;
}
#ftr-right{
	min-width:30em;
	max-width:35em;
	display:block;
	float:left;
	margin-left:50px;
}
.flex-none{
	flex:none;
}
.responsive-hdr{
  max-width: 100%;
  height: auto;
}
.menu-icon{
	display:block;
	height:45px;
	color:#ffffff;
	padding-left:5px;
	padding-right:5px;
	border: 1px solid #002157;
}
.menu-icon:hover{
	border:1px solid #c3c3c3;
}
.menu-small{
	color:#ffffff;
	font-size: .8em;
	margin-bottom:-8px;
}
.menu-lrg{
	color:#ffffff;
	font-size: 1.2em;
	font-weight:600;
}
.cart-left{
	display:inline-block;
	float:left;
	margin-right:5px;
}
/* Gray footer styles */
.footer-header {
	font-size:1.3em;
	color:orange;
	font-weight:650;
}
.footer-body {
	color:white;
	font-size:1.2em;
	text-align:left;
}
a:link{
	color:#000;
}
a:visited{
	color:#000;
}
a:hover{
	text-decoration:underline;
}
.ftr-spc{
	display:block;
	width:20px;
	float:left;
	height:1px;
	text-align:center;
	color:#ffffff;
}
.ftr-txt-lrg{
	font-size:1.5em;
	font-weight:700;
}
.ftr-text{
	display:block;
	float:left;
	color:#ffffff;
}
.news-box{
	display:block;
	margin:10px;
	color:#ffffff;
	width:400px;
	height:100px;
	border:1px solid #4a4b4c;
	padding-left:15px;
}
.news-box:hover{
	border:1px solid #f3f3f3;
	cursor:pointer;
}
.news-col{
	display:inline-block;
	float:left;
}
.news-title{
	display:inline-block;
	float:left;
	color:#ffffff;
	font-size:2.5em;
	margin-bottom:-10px;
	width:240px;
	text-align:center;
}
.news-body{
	display:block;
	color:#ffffff;
	width:200px;
	line-height:1;
	text-align:center;
}
.news-image{
	display:block;
	margin-top:15px;
}
.line{
	display:block;
	float:left;
	margin-top:-8px;
	font-size:4em;
	text-align:center;
	width:30px;
	height:120px;
}
.scl-box{
	display:block;
	padding:10px;
	margin-left:5px;
	height:30px;
	margin-bottom:30px;
}
.scl-icon{
	display:block;
	float:left;
	margin-right:30px;
}
	
/* Legal section */
.legal-row{
	background-color:#f3f3f3;
}
.legal-box{
	display:inline-block;
	width:300px;
	margin-right:3px;
	margin-left:15px;
	text-align:center;
}
/* Supplier Page product name title text */
.supplier-filter-cat{
	min-width:225px;
}
.supplier-banner{
	min-width:375px;
	margin-bottom:10px;
}
.supplier-banner-bg{
	background: rgb(0,33,87); 
	background: linear-gradient(270deg, rgba(0,33,87,0.3) 38%, rgba(227,227,227,1) 75%, rgba(255,255,255,1) 100%);
}
.supplier-disclaimer{
	border:2px solid #fff;
	padding:10px;
	margin-top:10px;
	font-weight:600;
	background-color:#1b2755;
	color:#fff;
	text-align:center;
	max-width:1310px;
	min-width:400px;
}
.supplier_summary{
		font-weight:700;
}
.req-row{
	background-color:#eee;
	padding:5px;
}
.prod-btn{
	width:300px;
	background-color:#f48221;
	display:block;
	border:1px solid black;
	padding:10px;
	font-size:1.3em;
	font-weight:600;
	padding:5px;
	color:#fff;
	text-align:center;
	margin:10px;
}
.prod-btn:hover{
	background-color:#ff963d;
	cursor:pointer;
}
.prod-req{
	font-size:1.8em;
	font-weight:600;
	text-align:center;
	display:block;
	margin:5px;
}
.po-logo{
	display:block;
	height:20px;
	float:left;
	margin-right:5px;
}
.po-logo-right{
	display:block;
	height:20px;
	float:left;
	text-align:right;
}
.po-logo-right .logo-tool-tip{
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

/* Price range */

.range-container{
	width:260px;
	height:40px;
}
.range-number-label{
	display:block;
	float:left;
	width:35px;
	margin:10px 0px 0px 5px;
	font-weight:600;
}
.range-number{
	display:block;
	float:left;
	width:80px;
	height:40px;
	background-color:#fff;
	border:1px solid black;
	margin-right:10px;
}
.price-range-title{
	width:260px;
	text-align:center;
	display:inline-block;
	font-weight:600;
	margin-bottom:10px;
}
.price-range-box{
	width:130px;
	height:auto;
	float:left;
	display:inline-block;
}
.price-range{
	display:block;
	width:270px;
	height:50px;
	padding:5px;
}
.range-slider-txt{
	display:block;
	width:50px;
	margin:8px 8px;
	float:left;
	font-weight:600;
}
.range-slider{
	display:block;
	float:left;
	padding:0;
}
.range-slider-box{
	width:100px;
	height:30px;
	margin-left:80px
}
.po-logo-right:hover .logo-tool-tip {
  visibility: visible;
}

.cart-btn{
	display:inline-block;
	background-color:orange;
	color:000;
	border: 1px solid gray;
	border-radius:5px;
	float:left;
	padding:5px 15px 5px 15px;
	margin:5px 0px 5px 0px;
	font-weight:600;
	font-size:1.1em;
}
.cart-btn:hover{
	cursor:pointer;
}
.cart-qty{
	display:block;
	border:1px solid black;
	float:left;
	padding:5px 15px 5px 15px;
	margin:6px 5px 5px 5px;
	width:65px;
	height:38px;
}
.odd{
	background-color:#efefef;
}
.prod-name {
	font-weight:600;
	font-size:1em;
	color:#2F5293;
	line-height:20px;
}
.prod-vendor{
	font-weight:600;
	font-size:1em;
	color:#e08402;
}
.prod-model{
	font-weight:600;
	color:#000;
	font-size:.9em;
	text-align:right;
	bottom:0;
}
/* Product box outline */
.carousel-width{
	width:600px;
	height:400px;
}
.prod-img-inherit{
	height:inherit !important;
	max-width:100%;
	margin:0 auto;
}
.product-img-placeholder{
	width:
}
.prod-specs {
	font-size:1.5em;
	font-weight:700;
	display:block;
	margin-bottom:10px;
}
.prod-summary{
	display:block;
	background-color:#ececec;
}
.add-info{
	font-size:1.1em;
	font-weight:600;
}
 /* Description Boxes for product pages */
	.lg-spec-box {
		display:block;
		padding-top:10px;
		padding-bottom:10px;
		margin-bottom:10px;
		border-top:1px solid black;
		
	}
	.sm-spec-box-left {
		display:inline-block;
		text-align:left;
		font-weight:700;
		font-size:1.1em;
		width:190px;
	}
	.sm-otherspec-box-left {
		display:inline-block;
		text-align:left;
		font-weight:700;
		font-size:1.1em;
		width:300px;
	}
	.sm-spec-box-right {
		display:inline-block;
		text-align:left;
		font-size:1.1em;
	}
	.prod-desc-title{
		font-weight:700;
		font-size:1.5em;
		margin-bottom:10px;
	}
	.addtl-info{
		font-weight:700;
		font-size:1.5em;
		}
	.spec-box{
		display:block;
		border:1px solid black;
		background-color:#f2f2f2;
		  /* Add shadows to create the "card" effect */
		box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
		transition: 0.3s;
	}
	.spec-box:hover{
		box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
	}
/* Login Page Styles */
.form-text{
	font-size:1.1em;
	font-weight:700;
}
.login-btn{
		display:block;
		width:175px;
		height:40px;
		padding:1px;
		text-align:center;
		font-size:1.3em;
		font-weight:600;
		color:#ffffff;
		border-radius:2px;
		background: #f58220 !important;
}
.login-btn-align{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}
.login-btn:hover{
	cursor:pointer;
}
.agree-box{
	font-weight:600;
}
.btn-algn{
	width:200px;
	display:inline-block;
	float:left;
	margin-left:70px;
}
/* Personal Information Form Styles */
.reg-top{
	display:block;
	width:600px;
	border:1px solid black;
	background-color:#d8d8d8;
	color:#000000;
	padding:5px;
	padding-left:10px;
	font-size:1.3em;
	font-weight:600;
	
}
.reg-bottom{
	display:block;
	width:600px;
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	padding:10px;
	font-weight:500;
}
.reg-title{
	display:block;
	border-left:1px solid black;
	border-right:1px solid black;
	border-top:1px solid black;
	padding:10px;
	font-weight:700;
	font-size:1.2em;
	background-color:#d8d8d8;
}
.reg-left-left{
	display:block;
	border-left: 1px solid black;
	border-top: 1px solid black;
	padding:10px;
	font-weight:500;
}
.reg-left-right{
	display:block;
	border-right:1px solid black;
	border-top: 1px solid black;
	padding:10px;
	font-weight:500;
}

.reg-right-left{
	display:block;
	border-top: 1px solid black;
	padding:10px;
	font-weight:500;
}
.reg-right-right{
		display:block;
		border-right:1px solid black;
		border-top:1px solid black;
		padding:10px;
}
.right-only{
	display:block;
	border-right:1px solid black;
	padding-right:10px;
	padding-bottom:10px;
}
.left-only{
	display:block;
	border-left:1px solid black;
	padding-left:10px;
	padding-bottom:10px;
}
.reg_msg{
	display:block;
	font-weight:600;
	margin-top:10px;
}

.pass-bottom{
	display:block;
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	padding:20px;
}
.bottom{
	border-bottom:1px solid black;
}
/* Filter header text */
.filter {
	font-weight:700;
	font-size:1.2em;
}

/* Product Holder */
.prod-holder {
	display:block; 
	width:235px;
	height:200px;
	background-color:#fff;
	text-align:center;
}
.prod-img{
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.prod-logo{
	max-width:300px;
	max-height:300px;
	margin-top:5px;
}

/* Styles for product search page */
#bttBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color:#2f5293;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#bttBtn:hover {
  background-color: #555;
}
/*shop by supplier styles*/
.gray-bg{
		background-color:#eee;
}
.vendor-letter {
	display:block;
	font-size:1.2em;
	text-align:center;
	font-weight:700;
	color:#000000 !important;
	transition:all .3s ease;
	cursor: pointer;
}
.vendor-letter:hover {
	text-decoration:underline;
}
.vendor {
	display:block;
	border:none;
	text-align:center;
	font-weight:600;
	color:#000000 !important;
	transition:all .3s ease;
	font-size:.95em;
}
.vendor:hover {
	cursor:pointer;
}
.search-box {
	border:1px solid black;
	background-color:#2f5293;
	width:100%
}
.filter-search{
	border:1px solid black;
	background-color:#2f5293;
	height:40px;
	margin-bottom:10px;
}
.filter-btn{
	border:1px solid black;
	background-color:#f58220;
	text-align:center;
	padding:5px 0px 5px 0px;
	font-weight:600;
	height:40px;
	width:75px;
}
.filter-btn:hover{
	cursor:pointer;
}
.vendor-title {
		font-size:2em;
		font-weight:700;
		color:#000000;
		display:block;
		margin:0px;
}
.vendor-cat{
		font-size:1.2em;
		font-weight:700;
		color:#000000;
		display:block;
		margin:0px;
}
.supplier-title{
	font-size:3em;
	font-weight:700;
	color:#000;
	display:block;
}
/*       Autocomplete CSS            */
* { box-sizing: border-box; }
.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}
input {
  border: 1px solid transparent;
  background-color: #f1f1f1;
  padding: 10px;
  font-size: 16px;
}
input[type=text] {
  background-color: #f1f1f1;
  width: 100%;
}
input[type=submit] {
  background-color: DodgerBlue;
  color: #fff;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}

/* Promo page styles */
.promo-box {
		display:block;
		width:auto;
		background-color:#ffffff;
		padding:10px;
		max-width:100%;
}
.promo-page-summary {
		font-size:1.4em;
		font-weight:600;
}

.img-box {
		display:block;
		max-width:280px;
		padding:5px;
		background-color:#ffffff;
		border:1px solid #c9c9c9;
}
.promo-img{
		width:100%;
		max-width:280px;
		height:auto;
}
.box-box-top {
		display:block;
		width:auto;
		background-color:#ffffff;
		padding:5px;
		margin-bottom:10px;
}
.unv-button {
		display:block;
		width:auto;
		height:40px;
		padding:5px;
		margin-top:5px;
		text-align:center;
		font-size:1.3em;
		font-weight:600;
		color:#ffffff;
		border-radius:5px;
		background: #f58220 !important;  
    -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
}
.add-cart-btn {
		display:block;
		width:200px;
		height:50px;
		padding:10px;
		margin-top:5px;
		text-align:center;
		font-size:1.3em;
		font-weight:600;
		color:#ffffff;
		border-radius:2px;
		background: #f58220 !important;  
    -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .3), inset -1px -1px 1px rgba(0, 0, 0, .3);
    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .4), inset -1px -1px 1px rgba(0, 0, 0, .4);
}
.unv-button:hover {
		cursor:pointer;
}
.add-cart-btn:hover{
	cursor:pointer;
}
.box-exp {
		height:55px;
		display:inline-block;
		font-weight:660;
		color:#000000;
		background-color:#ffffff;
		padding:5px;
		margin:5px;
}
/* Product Page Styles */
.option-box{
	display:inline-block;
	border:1px dotted black;
	width:auto;
	background-color:#cecece;
	margin:5px;
	padding:5px 10px 5px 10px;
	float:left;
	position:relative;
	color:#000;
}
.option-box-text{
	visibility: hidden;
	display:block;
	background-color: black;
	color: #fff;
	text-align: center;
	padding:5px 10px 5px 10px;
	position: absolute;
	margin-left:-10px;
	margin-top:-80px;
	z-index: 1;
}
.option-box:hover{
	background-color:#99ccff;
}
.option-box:hover .option-box-text{
	visibility:visible;
}
.contract {
	display:block;
	padding-top:7px;
}	
.contract-icon {
	height:30px;
	padding-top:5px;
	margin-left:10px;
}
.logo-gov{
	height:40px;
	width:35px;
	padding-top:5px;
	margin-left:15px;
}
.in-stock{
	display:block;
	padding-top:5px;
	margin-left:7px;
	font-size:1.1em;
	color:red;
}
.lbl-width{
	margin-right:10px;
	line-height:80%;
}
.uom{
	font-size:1.1em;
	font-weight:600;
	display:block;
}
.uom-hdr{
	font-size:1.3em;
	font-weight:600;
	display:block;
	padding-bottom:10px;
	margin-bottom:5px;
	border-bottom:1px solid #cecece;
}
.prod-shade{
	display:block;
	float:left;
	background-color:#fff;
	padding:10px;
	border:1px solid black;
	width:100%;
	margin-right:10px;
}
.opt-row{
	display:block;
	width:auto;
}
.opt-label{
	display:block;
	float:left;
	font-size:1.1em;
	font-weight:600;
	margin-right:10px;
	width:100px;
}
.opt-select{
	display:block;
	float:left;
	width:250px;
}
.line-break{
	border:1px solid black;
	height:2px;
	width:200px;
	float:left;
	display:block;
}
.prod-thumb{
	display:block;
	margin-bottom:40px;
	height:auto;
}


/* Product Table Styles */		
.table-flex {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		align-content: flex-start;
		list-style:none;
		padding:0;
		height:30em;
}
.table-attr-flex {
		width:45em;
		height:3em;
		margin-right:60px;
		margin-left:15px;
}
.attr {
	display:block;
	border-top:1px solid gray;
	width:20em;
	height:3em;
	padding-top:10px;
	font-weight:700;	
}
.attr-value {
	display:block;
	border-top:1px solid gray;
	width:20em;
	height:3em;
	padding-top:10px;
}
.item-spec-flex {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		align-content: flex-start;
		list-style:none;
		padding:0;
		height:10em;
}
.item-attr-flex {
		width:45em;
		height:3em;
		margin-right:60px;
		margin-left:15px;
}		
		
/* -- quantity box -- */

.quantity {
 display: inline-block; }

.quantity .input-text.qty {
 width: 35px;
 height: 50px;
 padding: 0 5px;
 text-align: center;
 background-color: transparent;
 border: 1px solid #efefef;
}

.quantity.buttons_added {
 text-align: left;
 position: relative;
 white-space: nowrap;
 vertical-align: top; }

.quantity.buttons_added input {
 display: inline-block;
 margin: 0;
 vertical-align: top;
 box-shadow: none;
}

.quantity.buttons_added .minus,
.quantity.buttons_added .plus {
 padding: 7px 10px 8px;
 height: 50px;
 background-color: #e0e0e0;
 border: 1px solid #efefef;
 cursor:pointer;}

.quantity.buttons_added .minus {
 border-right: 0; }

.quantity.buttons_added .plus {
 border-left: 0; }

.quantity.buttons_added .minus:hover,
.quantity.buttons_added .plus:hover {
 background: #eeeeee; }

.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
 -webkit-appearance: none;
 -moz-appearance: none;
 margin: 0; }
 
 .quantity.buttons_added .minus:focus,
.quantity.buttons_added .plus:focus {
 outline: none; }		
 
 .align {
	 padding-top:25px;
 }

/* Page Styles */
.page-title {
	font-size:1.8em;
	font-weight:700;
	color:#000000;
}
.bld-txt{
	font-weight:600;
	font-size:1.1em;
}
.sub-title {
	font-size:1.3em;
	font-weight:700;
	margin-bottom:5px;
}
.contact-text{
	font-size:1.1em;
	font-weight:600;
}
	
/* Contact Page Styles */
.form-border {
	display:block;
	border:1px solid gray;
	height:500px;
	padding:20px;
	margin-bottom:10px;
}
.field-style{
	font-weight:700;
}
.hq-box{
	display:block;
	border:1px solid black;
	margin-right:5px;
	margin-bottom:20px;
	height:230px;
}
.hq-box-hdr{
	background-color:#d8d8d8;
	display:block;
	padding:10px;
	font-weight:700;
}
.hq-box-bdy{
	display:block;
	padding:10px;
}
/* COVID page styles*/
.covid-msg{
	display:block;
	background-color:#ffffff;
	color:#f5821f;
	width:540px;
	margin-left:100px;
	margin-top:50px;
	padding:10px;
	font-size:2.2em;
	font-weight:700;
}
.covid-img{
	background-image:url('images/corona_large.png');height:200px;
}

/* POP UP */

@keyframes pop {
	0% {
		height: 0%;
	}
	50% {
		height: 0%;
	}
	100% {
		height: 100%;
	}
}

@keyframes show-text {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.pop-up {
	animation: pop 0.8s ease .1s;
	animation-iteration-count: 1;
	animation-fill-mode: backwards;
	background-color: rgba(0, 0, 0, 0.8);
	display: flex;
	justify-content: center;
	position: fixed;
	right:10px;
	bottom:0px;
	overflow: hidden;
	width: 455px;
	height:505px;
	z-index: 550;
}
.pop-content {
	align-self: center;
	background-color: white;
	width: 450px; 
	height:500px;
}
.pop-header{
	background-color:#002157;
	width:100%;
	padding:10px;
}
.pop-body{
	width:relative;
	height:relative;
	padding:10px;
}
.pop-text{
	font-weight:600;
}
/*Cart Page*/
.row-brdr{
	border-bottom:1px solid black;
	margin-bottom:5px;
	padding-bottom:10px;
}
.cart-img{
	display:block;
	width:100px;
	height:100px;
	background-color:#f3f3f3;
	margin-right:5px;
}
.cart-text{
	display:block;
	margin-top:30px;
	font-weight:600;
	float:left;
}
.cart-rmv{
	margin-top:20px;
	display:block;
	border:1px solid black;
	background-color:#c3c3c3;
	font-weight:600;
	border-radius:5px;
	float:left;
	margin-left:10px;
	padding:5px;
}
.btn-right{
	float:right;
}
.cart-rmv:hover{
	cursor:pointer;
	background-color:#c9c9c9;
}
.cart-orange{
	background-color:#f5821f;
}
.cart-rmv-txt{
	display:block;
}
.cart-qty-chk-2, .cart-qty-chk input {
	display:block;
	float:left;
	height:40px;
	width:40px;
	padding:7px;
	margin: 20px 0px 0px 15px;
	border:1px solid black;
}
.sub-ttl{
	display:block;
	font-weight:600;
	font-size:1.1em;
	margin-left:110px;
	text-align:right;
	padding:5px;
}
.ship-ttl{
	background-color:#cbcbcb;
}
.ship-red{
	color:red;
}
.cart-btn-align{
	display:block;
	margin-left:170px;
}
.note-bx{
	display:block;
	width:100%;
	height:100px;
}
/* Supplier Login Notification */
.wlcm{
	display:block;
	font-weight:600;
	font-size:1.3em;
	padding:5px;
	margin:5px 10px 5px 5px;
	float:left;
}
.wlcm-logo{
	display:block;
	margin:5px;
	float:left;
}
.gry-bck{
	background-color:#ebebeb;
}
/* Credit Card Reconciliation */
.cc-label{
	display:block;
	font-weight:600;
	font-size:1.1em;
	margin-top:10px;
}
.cc-field{
	display:block;
	border:1px solid black;
	width:100%
}
.cc-field-wide{
	display:block;
	height:100px;
}
.cc-search{
	margin-top:20px;
	display:block;
	border:1px solid black;
	background-color:#orange;
	font-weight:600;
	border-radius:5px;
	float:left;
	margin-left:10px;
	padding:5px;
	width:200px;
}
.cc-search:hover{
	cursor:pointer;
	background-color:#c9c9c9;
}
.cc-spacer{
	display:block;
	width:75px;
	height:10px;
	float:left;
}	

/*Request a quote*/
.email-msg{
	font-style:italic;
}
.req-field{
	color:red;
	font-weight:600;
}
.req-title{
	display:block;
	margin-top:20px;
	color:orange;
	font-weight:600;
	font-size:1.3em;
}
table.req{
	border-collapse:collapse;
	border:1px solid black;
	width:100%;
}
td.a{
	border:1px solid black;
	padding:15px;
}
td.hdr{
	border:1px solid black;
	background-color:#f5821f;
	color:#fff;
	font-weight:600;
	font-size:1.1em;
	text-align:center;
}
/*           Checkout             */
.checkout-cat{
	background-color:#fff;
	border:1px solid black;
	padding:10px;
	display:block;
	margin-bottom:10px;
}
.checkout-cat-txt{
	color:fff;
	font-weight:600;
}
.checkout-cat-hdr{
	padding:5px;
	font-size:1.1em;
	font-weight:600;
	display:block;
	color:#000;
}
.checkout-addy{
	font-weight:600;
	display:block;
	margin-bottom:10px;
	border:1px solid black;
	padding:5px;
}
.checkout-spacer{
	margin-bottom:10px;
}
.checkout-edit-btn{
	background-color:#e66e08;
	width:100px;
	border:1px solid black;
	font-size:1.1em;
	font-weight:600;
}
.checkout-lbl-width{
	width:150px;
}
.checkout-prod{
	display:block;
	float:left;
	margin-right:30px;
	margin-left:30px;
}
.checkout-sub-cat{
	display:block;
	padding-top:20px;
}
.checkout-prod-img{
	width:200px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.checkout-font-bold{
	font-weight:600;
}
.checkout-btm-brder{
	border-bottom:1px solid gray;
	padding-bottom:20px;
}
.checkout-total{
	text-align:right;
	font-weight:600;
}
/* About Us Page Styles */
.seg-title{
	font-size:1.5em;
	font-weight:600;
}
.supplier-desc{
	display:block;
	padding:10px;
	border:1px solid gray;
	color:#000;
	background-color:#cecece;
	font-weight:600;
	margin-top:20px;
	text-align:center;
}
.our-mission{
	padding:10px;
	background-color:#e26b14;
	color:#fff;
	font-weight:600;
	font-weight:1.1em;
	margin-top:20px;
}
/* Flyer Page Styles */
.flyer{
	max-width:100%;
	min-width:50%;
}
/*Category Page Styles*/
.cat-page-cat{
	min-width:290px;
	font-size:1.2em;
	font-weight:600;
}
.side-bar-menu{
	width:275px;
	height:500px;
	background-color:#e5e5e5;
	color:#000;
	padding:20px;
	overflow-x:auto;
}
.category-promo{
	width:400px;
	height:250px;
	margin-right:5px;
}
a.side-cat{
	font-size:1em;
	font-weight:600;
}
.category-item{
	display:block;
	height:auto;
	width:auto;
	padding:10px;
}
.category-item:hover{
	background-color:#ffca08;
}
/* Category Product Holder */
.contract-message{
	position:absolute;
	display:inline-block;
	cursor:pointer;
	max-height:100px;
	z-index:100;
}
.contract-hover{
	display:none;
	position:absolute;
	min-width:200px;
	height:40px;
	background-color:#000;
	color:#fff;
	margin-top:-35px;
	opacity:.8;
	padding:10px;
}
.contract-text{
	display:block;
	max-height:50px;
	min-width:200px;
	background:orange;
	float:left;
	font-weight:600;
	border:1px solid #000;
	padding:1px 10px 1px 10px;
	font-weight:500;
	position:relative;
	cursor:pointer;
	font-size:1.1em;
	line-height:20px;
	font-size:1rem;
	margin-top:10px;
}
.contract-text:hover{
	text-decoration:underline;
}
.contract-text:hover + .contract-hover{
	display:block;
}
.category-holder {
	display:block; 
	width:200px;
	height:100px;
	background-color:#fff;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

/* Punchout Page Styles */
.welcome-punchout{
	font-size:1.3em;
	font-weight:600;
}

/* Homepage Resources slider */
/*input[type="radio"] { display: none; }*/

input[type="radio"]:checked + section { display: block; }

.container {
  max-width: 600px;
  min-width:25%;
  max-height: 370px;
  min-height:25%;
  display:inline-block;
  font-size:1.1em;
}
.container-arrows{
	width:100%;
	min-width:100px;
	display:block;
	height:40px;
	margin-bottom:20px;
	margin-top:50px;

}
.container-arw-lft{
	width:50%;
	max-width:50%;
	min-width:20%;
	height:40px;
	float:left;
	display:inline-block;
	text-align:left;
	font-size:1.5em;
	color:#fff;
	position:relative;
}
.container-arw-rght{
	width:50%;
	max-width:50%;
	min-width:20%;
	height:40px;
	float:left;
	display:inline-block;
	text-align:right;
	font-size:1.5em;
	color:#fff;
	position:relative;
}
.container section {
  display: none;
  max-height: 370px;
  padding: 10px;
  background: #449df5;
  color: #fff;
  text-align: center;
}

.container section h1 {
  margin-bottom: 0;
  font-family: 'Roboto', sans-serif;
  font-weight: lighter;
  font-size: 2em;
}

.container section p {
  width: 75%;
  margin: 0 auto;
  padding: 10px;
}

.container section label {
  position: absolute;
  display: inline-block;
  cursor: pointer;
  font-size: 1.5em;
  bottom: 0;
}

.container section label:nth-child(odd) { right: 120px; }

.container section label:nth-child(even) { left: 120px; }

.container section > i {
  font-size: 6em !important;
  margin-top: 30px;
  margin-bottom: 25px;
}
/* FAVORITES LIST */
a.favorites-link{
	color:#000;
	font-size:1.2em;
	font-weight:600;
	transition-duration:0.3s;
}
a.favorites-link:hover{
	text-decoration:underline;
}
.save-list{
	width:200px;
	display:block;
	float:left;
	padding:8px;
	background-color:#1b2755;
	color:#fff;
	font-size:1.2em;
	text-align:center;
	font-weight:600;
	border-radius:10px;
}
.save-list:hover{
	cursor:pointer;
	background-color:#263d95;
}
.list-container{
	padding:10px;
	background-color:#d8d8d8;
	display:block;
}
.list-title{
	font-size:1.3em;
	font-weight:600;
	display:block;
	float:left;
	margin-top:5px;
}
.welcome-ecat{
	background-color:#ffcb05;
	padding:10px 20px 10px 20px;
	color:#1b2755;
	font-weight:700;
	font-size:2em;
	text-align:center;
	border-radius:0 0 10px 10px;
}