/* Remove the jumbotron's default bottom margin */ 
.jumbotron {
	margin-bottom: 0;
	}
	
	/* Page Styles */
	h1, h2, h3, h4 {
		font-family: 'Arial Narrow', 'AvenirNextCondensed-Medium', Arial, Helvetica, sans-serif;
	}
	h1 {
		margin-top: 5px !important;
	}
	.nopadding {
		margin: 0;
		padding: 0;
	}
	.brown-label-bg { 
		font-size: 11.5px; 
		margin-top: 30px; 
		position: absolute; 
		margin: 20px 0 0 -15px; 
		background: #b7df2d;
		background: -moz-linear-gradient(top, var(--yellow) 0%, #c79810 100%);
		background: -webkit-linear-gradient(top, var(--yellow) 0%,#c79810 100%);
		background: linear-gradient(to bottom, var(--yellow) 0%,#c79810 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c79810', endColorstr='#c79810',GradientType=0 );; 
		border-radius: 5px; 
		color: #fff; 
		padding: 3px 8px; 
		z-index: 2; 
	}
	/* Bootstrap Mods */
	@media (min-width: 1400px) {
		.container-fluid {
			margin-right: auto;
			margin-left: auto;
			max-width: 1350px;
		}
	}
	.btn-primary {
	background-color: var(--main-color);
	border-color: var(--main-color);
	color: #fff;
	margin-left: 10px;
	}
	.btn.btn-primary:hover {
		color: #fff;
		background-color: var(--main-color);
	}
	.btn-primary.focus {
			background-color: var(--main-color);
	}
	
	.panel-primary > .panel-heading {
		background-image: none;
		background-color: var(--main-color);
		color: #fff;
	
	}
	a:hover {
		text-decoration: none;
	}
	
	/* Item Styles */
	
	.desc {
		/*
		white-space: nowrap;
		text-overflow: ellipsis;
		*/
		height: 38px;
		overflow: hidden;
		font-size: 12.5px;
	}
	
	.itemno {
		color: #396dac;
		font-size: 18px;
		line-height: 1em;
	}
	.size {
		color: #333;
		font-size: 11.5px;
	}
	.brand {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.brand a {
		color: #d67a5c;
	}
	.label_attr { color: #000; font-weight: bold; font-size: 0.8em; text-transform: uppercase; white-space: nowrap; }
	a:hover .desc,
	a:hover .itemno,
	a:hover .size {
		color: #f00 !important;
	}
	/* Header */
	#hdr-bg { background-color: #156eca; border-bottom: 1px solid #999; margin: 0; width: 100%; }
	#hdr-upper-right-nav { margin: 15px 0 15px 15px; color: #fff; }
	#hdr-upper-right-nav a { color: #fff; }
	#hdr-phone-number { color: #fff; font-weight: 800; font-family: Arial, Helvetica, sans-serif; text-align: right; }
	#navbar { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;background-color: rgba(255,255,255,0.8); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); }
	@media (max-width: 768px) {
		#navbar { background-color: rgb(255,255,255); }
		.navbar .form-group { margin-bottom: 0; }
	}
	.nav > li > a {
		color: #777;
		font-size: 16px;
	}
	.nav > li > a:focus, .nav > li > a:hover,
	.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
		background-color: #e0e0e0;
	}
	.dropdown-submenu{ position: relative; }
	
	.dropdown-submenu>.dropdown-menu{
	  top:0;
	  left:100%;
	  margin-top:-6px;
	  margin-left:-1px;
	  -webkit-border-radius:0 6px 6px 6px;
	  -moz-border-radius:0 6px 6px 6px;
	  border-radius:0 6px 6px 6px;
	}
	
	.dropdown-submenu>a:after{
	  display:block;
	  content:" ";
	  float:right;
	  width:0;
	  height:0;
	  border-color:transparent;
	  border-style:solid;
	  border-width:5px 0 5px 5px;
	  border-left-color:#cccccc;
	  margin-top:5px;margin-right:-10px;
	}
	.dropdown-submenu:hover>a:after{
	  border-left-color:#555;
	}
	.dropdown-submenu.pull-left{ float: none; }
	.dropdown-submenu.pull-left>.dropdown-menu{
	  left: -100%;
	  margin-left: 10px;
	  -webkit-border-radius: 6px 0 6px 6px;
	  -moz-border-radius: 6px 0 6px 6px;
	  border-radius: 6px 0 6px 6px;
	}
	ul.nav > li.dropdown:hover > ul.dropdown-menu {
		display: block;
	}
	ul.nav > li.dropdown:hover > ul.dropdown-menu > li.dropdown:hover > ul.dropdown-menu {
		display: block;
	}
	.subnav { width: 455px; height: 550px; padding: 10px; display: none;  border: 1px solid #ccc; border-bottom: 8px solid #505862; border-left: none; position: absolute; margin-left: 265px; margin-top: -1px; background-color: #fff; background-position: bottom right; background-repeat: no-repeat; }
	.subcatnav { height: 600px !important; }
	.subnav a { color: #333; }
	.parentsubnavlink a { color: #333; }
	.parentsubnavlink a:hover, .subnav a:hover { color: #f00; }
	.parentsubnavlink a .glyphicon { padding-top: 10px; }
	
	.mb-subnav { background-color: #fff; }
	.mb-subnav li { border-bottom: 1px solid #ccc; margin-left: -15px; margin-right: -15px; }
	.mb-subnav li a {  }
	.navbar .hl-sublink { color: #f00; }
	
	#hdr-upper-right-nav a { font-size: 13px; margin: 0 10px 0 0; padding: 0; } 
	#hdr-upper-right-nav a:hover { background-color: transparent; }
	
	
	.typeahead__list {
		max-height: 300px;
		overflow-y: auto;
		overflow-x: hidden;
		font-size: 18px;
		width: 430px;
	}
	 
	.project-jquerytypeahead.page-demo .typeahead__list li a {
		position: relative;
	}
	
	/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
	@media screen and (max-height: 450px) {
		.sidenav {padding-top: 15px;}
		.sidenav a {font-size: 18px;}
	}
	
	/* Breadcrumbs */
	.breadcrumb {
		background-color: transparent;
		color: #ccc;
		font-size: 11px;
		margin: 5px 0 0 10px;
		padding: 0;
	}
	.breadcrumb a {
		color: #ccc;
		font-size: 14px;
	}
	.breadcrumb a:hover {
		color: #666;
	}
	.breadcrumb a .glyphicon-home {
		font-size: 18px;
	}
	
	/* Carousels */
	
	.carousel-control {
		/*height: 40px;*/ /* The controlsy */
		width: 40px;
	}
	.carousel-control.right {
		/*right: -12px;*/
	}
	.carousel-indicators {
		right: 50%; /* The indicators */
		top: auto;
		bottom: -10px;
		margin-right: -19px;
	}
	.carousel-indicators li {
		background: #cecece; /* The colour of the indicators */
	}
	.carousel-indicators .active {
		background: #999;
	}
	.car-col {
	}
	.carousel-control .glyphicon {
		border: 1px solid #777; line-height: 1.2em; padding: 13px 0px; color: #333; text-shadow: none !important; top: 25%; background-color: #fff;
	}
	.carousel-inner>.item {
	}
	.lbl-promo { position: absolute; width: 90%; top: 20px; left: -1%; margin-left: 10px; }
	
	.iconitemmenu{
		cursor: pointer;
	}
	.iconitemmenu.dropdown .dropdown-menu {
		margin-left: -200px;
		margin-top: 0;
		width: 250px;
		padding: 0;
	}
	@media (max-width: 768px) {
		.iconitemmenu.dropdown .dropdown-menu {
			margin-left: -160px;
		}
	}
	.iconitemmenu.dropdown .dropdown-submenu {
	}
	.iconitemmenu.dropdown .dropdown-submenu .dropdown-menu {
		top: -20px;
		left: 0;
		margin-top: -1px;
	}
	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
		/* display: none; <- Crashes Chrome on hover */
		-webkit-appearance: none;
		margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
	}
	.qty-select-dropdown {
		position: absolute; 
		z-index: 1; 
		background-color: #e0e0e0; 
		font-size: 13px; 
		line-height: 2em; 
		border: 1px solid #aaa; 
		border-radius: 5px; 
		white-space: nowrap; 
		display: none; 
		box-shadow: 0 0 4px #aaa;
		min-width: 120px;
		text-align: left;
	}
	.qty-select-val {
		border-bottom: 1px solid #aaa; 
		padding: 0 25px;
	}
	.qty-select-val:hover{
		background-color: #f1f1f1;
	}
	.addtocartholder .input-group-btn .btn { min-width: 45px; }
		#addcartscroll { display: none !important; }
	@media (max-width: 768px) {
	
		.qty-select-dropdown {
			font-size: 18px; 
			line-height: 2.6em; 
		}
		
		.qty-select-val {
			padding: 0 15px;
		}	
	}
	.add-to-cart-holder {
		width: 50%;
	}
	.qty-holder { 
		width: 48%; margin-right: 2%;
	}
	@media (max-width: 1200px) {
		.qty-holder { 
			width: 63%; margin-right: 2%;
		}
		.add-to-cart-holder {
			width: 35%;
		}
	}
	.floatingcartnav { margin: 0; position: fixed; top: 50%; transform: translate(0, -50%); z-index: 1; }
	.fakeqty {
		background-color: #e0e0e0; 
		font-size: 15px; 
		/*line-height: 2.15em; */
		line-height: 2em;
		text-align: right;
		border: 1px solid #aaa; 
		border-radius: 5px; 
		padding: 0 10px;
	}
	@media (max-width: 768px) {
	.fakeqty {
		padding: 0 3px;
	}	
	}
	.promolabel { display: none; position: absolute; z-index: 5; color: #fff; background-color: green; width: 60px; height: 20px; font-size: 11.5px; font-weight: bold; text-align: center; padding: 2px 4px 1px 4px; border-radius: 2em; margin: -10px 0 0 -10px; }
	.carousel-inner { 
		padding: 5px 15px 20px 20px;
	}
	.carousel-inner .row { /*border-left: 1px solid rgba(200,200,200,0.5);*/ }
	.car-col { /*border-right: 1px solid rgba(200,200,200,0.5);*/ padding-bottom: 20px; }
	.lbl-promo .new, .lbl-promo .promo { position: absolute; }
	.lbl-promo .promo { top: 20px; }
	@media (max-width: 768px) {
		.clickorslide { width: 100%; height: 225px; overflow: scroll; overflow-y: hidden; }
		.clickorslide .item { display: block !important; float: left; position: static; width: 960px; }
		.clickorslide .carousel-inner { width: 4000px; height: 225px; }
		.clickorslide .car-col { width: 160px;  }
		.clickorslide .prod-thumb { min-width: 110px; }
		.clickorslide .carousel-indicators { display: none; }
		.clickorslide .carousel-control { display: none; }
	}
	/* Forms */
	/* The switch - the box around the slider */
	.switch {
	  position: relative;
	  display: inline-block;
	  width: 60px;
	  height: 34px;
	}
	
	/* Hide default HTML checkbox */
	.switch input { display:none; }
	/* The slider */
	.slider {
	  position: absolute;
	  cursor: pointer;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background-color: #ccc;
	  -webkit-transition: .4s;
	  transition: .4s;
	}
	.slider:before {
	  position: absolute;
	  content: "";
	  height: 26px;
	  width: 26px;
	  left: 4px;
	  bottom: 4px;
	  background-color: white;
	  -webkit-transition: .4s;
	  transition: .4s;
	}
	input:checked + .slider {
	  background-color: #2196F3;
	}
	input:focus + .slider {
	  box-shadow: 0 0 1px #2196F3;
	}
	input:checked + .slider:before {
	  -webkit-transform: translateX(26px);
	  -ms-transform: translateX(26px);
	  transform: translateX(26px);
	}
	/* Rounded sliders */
	.slider.round {
	  border-radius: 34px;
	}
	.slider.round:before {
	  border-radius: 50%;
	}
	
	/* Searchbox TypeAhead CSS */
	#search .tt-menu, #search2 .tt-menu {
		background-color: #FFFFFF;
		border: 1px solid rgba(0, 0, 0, 0.2);
		border-radius: 8px;
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
		margin-top: 12px;
		padding: 8px 0;
		width: 422px;
		color: #333;
	}
	#search .tt-suggestion, #search2 .tt-suggestion {
		font-size: 14px;  /* Set suggestion dropdown font size */
		padding: 3px 20px;
	}
	#search .tt-cursor, #search2 .tt-cursor {
		background-color: #c1f48e;
	}
	.supp { color: #5e8cba; font-family: "Courier New", Courier, monospace; font-weight: bold; }
	.lbl-crv, 
	.lbl-sugar-tax {
		background-color: #aaa; 
		color: #fff; 
		font: normal 11px/1.2em Verdana, sans-serif; 
		border-radius: 10px; 
		padding: 2px 8px; 
		margin-right: 10px;
	}
	
	
	.no-results { 
		text-align: center; 
		margin: 20px 0;
	}
	.static-list { 
		padding: 0 15px;
	}
	.hdr-cart-category {
		margin-bottom: 5px;
	}
	.cart-thumb { 
		padding: 0 2px;
	}
	.cart-thumb .thumbnail {
		margin-bottom: 10px;
	}
	.cart-thumb .thumbnail img {
		margin: 10px auto;
	}
	.cart-thumb .thumbnail .calendar {
		margin: 10px 0 5px 0;
	}
	.items-selected-badge-txt { font-size: 10px; padding: 1px 7px 3px 7px; }
	.cart-mobile-bottom-menu { position: fixed; z-index: 1; bottom: 0; width: 100%;  background-color: #156eca; }
	.cart-menu button { padding-bottom: 0; margin-right: 3px; }
	.cart-menu .glyphicon { font-size: 16px; }
	#cart-steps { color: #ccc; margin-top: 5px; }
	#cart-steps a .step { margin-right: 10px; color: #ccc !important; }
	#cart-steps a .step.active { margin-right: 10px; color: #000 !important; }
	.cart-body .panel-heading { background-color: #156eca; border-color: #396dac; color: #fff; }
	.cart-body .panel-heading h4 { margin: 0; padding: 0; }
	.cart-body .panel-heading .form-group-lg { margin: 3px 0; }
	.cart-cust-login { font-size: 18px; }
	.cart-cust-login .standout { font-size: 28px; }
	.cart-cust-login .or-you-can { padding-left: 20px; }
	.cart-cust-login .guest-users { marign-bottom: 100px; }
	.cart-noresults { text-align: center; margin: 20px 0 200px 0; }
	.back-order-info { font-size: 18px; }
	.back-order-info .glyphicon { color: #999; }
	#icon-legend .navbar-nav { margin-bottom: 10px; }
	#icon-legend img { width: 16px; margin: 0 3px 0 0; }
	#icon-legend .dropdown-menu { padding: 10px; white-space: nowrap; line-height: 2em; }
	#icon-legend img img { display: inline; }
	#order-summary .panel-heading { background-color: #156eca !important; border-color: #156eca; color: #fff; }
	#order-summary .panel-body { background-color: #ddd; }
	.secondary-cta { border-color: #888; background-color: #888; }
	#lbl-cart-id { color: #777; background-color: #eee; border: 1px solid #777; font-size: 14px; padding: 3px 5px; margin: 3px; }
	#back-to-top { position: fixed; bottom: 50px; right: 40px; }
	#back-to-top .to-top { text-align: center; }
	#back-to-top .to-top  a { background-color: rgba(0,0,0,0.8); color: #fff; display: block; width: 40px; height: 20px; }
	#back-to-top .to-top-top { border-top-left-radius: 5px; border-top-right-radius: 5px; } 
	#back-to-top .wh-line { border-bottom: 1px solid #fff; }
	#back-to-top .to-top-open-jump { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
	#back-to-top  #page-jump-menu { position: absolute; z-index: 2; bottom: 0; margin-left: -210px; display: none; }
	#quickadd .tt-query { display: inline-block; width: 120px; margin: 0; margin-top: -7px; padding: 3px 8px; }
	#quickadd .inputqty { display: inline-block; width: 60px; margin: 0; padding: 3px 8px; } 
	#quickadd button.btn-primary { display: inline-block; background-color: #396dac;  padding: 6px; border: 1px solid #fff; margin-right: 10px }
	.cart-delete { color: #999; cursor: pointer; }
	table .border-none { border: none; }
	
	/* Header */
	#nav-cart-summary {
		background-color: #e0e0e0; right: 0; width: 440px;
	}
	#nav-cart-summary .cust-circle {
		background-color: #ff6666; width: 60px; height: 60px; border-radius: 50%; display: inline-block; margin: 5px; text-align: center; font-family: 'Arial Narrow', Arial, sans-serif; font-weight: bold;
	}
	#nav-cart-summary .cust-initial {
		font-size: 36px; font-weight: bold; line-height: 1em; padding-top: 6px;
	}
	#nav-cart-summary .cust-little-no {
		font-size: 10px; line-height: 1em;
	}
	#nav-cart-summary .cart-text {
		padding-top: 15px;
	}
	#nav-cart-summary .cart-your-contents {
		padding: 5px; font-size: 18px; line-height: 1em;
	}
	#nav-cart-summary .cart-your-item-cnt {
		padding: 5px; line-height: 1em;
	}
	#nav-cart-summary .cart-list {
		height: 280px; background-color: #fff; overflow: auto; overflow-x: hidden;
	}
	#nav-cart-summary .cart-list table {
		width: 100%; color: #666;
	}
	#nav-cart-summary .td1 {
		width: 1%;
	}
	#nav-cart-summary .td2 {
		width: 5%;
	}
	#nav-cart-summary .td3 {
		overflow: hidden; white-space: nowrap; width: 54%;
	}
	#nav-cart-summary .td4 {
		width: 30%;
	}
	#nav-cart-summary .cart-is-empty {
		text-align: center; margin: 20px 0;
	}
	#nav-cart-summary .bottom-btns {
		padding: 5px 10px; background-color: #f1f1f1;
	}
	
	
	.descpopover { display: none; position: absolute; z-index: 2; border: 1px solid #ccc; box-shadow: 2px 2px 2px #aaa; padding: 3px 5px; background-color: #fff; color: #000; border-radius: 3px; margin-top: 35px; }
	
	
	.y_add_to_list{
		border: 1px solid #000000 !important;
		color: #000 !important;
		width: 100% !important;
		font-size: 16px !important;
		background: #fff !important;
	}
	
	.y_add_to_list:hover{
		color:#156ECA !important;
		border: 1px solid #156ECA !important;
	}
	.list-unstyled li label:hover{
		color:red;
		text-decoration: underline;
	}
	
	.addToList_icon{
		position: absolute;
		right: 5px;
		top: 5px;
		width: 24px;
		height: 22px;
		z-index: 9;
		transform: scale(0.8);
		cursor: pointer;
	}