/* Header Navigation */
.g-header__top {
	border-bottom: 1px solid var(--color-dark-grey);
}

.g-header__top .mobile-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.g-header__top .mobile-links {
	margin-right: 10px;
}

.g-header__top .menu-toggle {
	margin-left: 15px;
}

.g-header__top .menu-toggle .icon-bar:first-child{
	margin-top: 0;
}

@media (min-width: 768px) {
	.g-header__top .mobile-header {
		display: none;
	}
}

.g-header__top .mobile-logo-link {
	display: block;
	width: 150px;
	margin: 10px;
}

.g-header__top .mobile-logo {
	width: 150px;
	height: 38px;
}

.header__login-desktop {
	display: flex;
	justify-content: flex-end;
	padding-top: 5px;
	padding-bottom: 5px;
}

.header__login-desktop a {
	color: var(--color-secondary);
	text-decoration: underline;
}

.g-header .logo {
	padding: 15px;
}

header .logo img {
	width: 210px;
}

header .links {
	position: relative;
}

header.navigation .is-submenu {
	margin: 8px 0 0;
}

header .links nav {
	height: 100%;
}

/* Cart */
header .cart_summary a {
	text-decoration: none;
	color: black;
	font-size: 8pt;
}

/* Navigation Dropdown */
.has-submenu {
	position: relative;
}

.has-submenu:hover ul {
	display: block;
}

.has-submenu a span.glyphicon {
	color: var(--color-secondary);
}

.is-submenu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	min-width: 180px;
	padding: 0;
	list-style: none;
	background-color: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 0 0 4px 4px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-clip: padding-box;
}

#manage-nav .is-submenu {
	right: 0;
	left: initial;
}

/* Bootstrap Account nav margin fix */
#account-nav .dropdown-menu {
	margin:0;
}

/* Sidebar Layout */
.with-sidebar {
	display: flex;
	width: 100%;
}

.with-sidebar__sidebar {
	background: var(--color-grey);
	padding: 5px;
	width: 500px;
}

.with-sidebar .g-main__content {
	padding: 0 20px;
	flex: 1;
	width: 100%;
}

.with-sidebar .g-main__content .main_col {
	width: 100%;
	flex: 1;
}

/* Sidebar Accordion */

.sidebar-accordion {
	list-style: none;
}

.sidebar-accordion>li {
	background: var(--color-dark-grey);
	margin-bottom: 3px;
	padding: 0;
	color: var(--color-black);
}

.sidebar-accordion>li.menu {
	background-color: #fff;
	font-size: 18px;
	font-weight: 900;
	padding:10px 25px;
	border-bottom: #d3d3d3 solid thin;	
}

.sidebar-accordion>li>details>summary, .sub-accordion summary {
	cursor: pointer;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
	text-transform: uppercase;
}

.sidebar-accordion>li>details>summary {
	padding: 8px 40px;
}



.sidebar-accordion>li>details>summary:hover {
	background-color: var(--color-primary);
	color: white;
}

.sub-accordion summary {
	padding: 5px 30px;
}

.sidebar-accordion>li details summary::-webkit-details-marker {
	display: none;
}

.sidebar-accordion>li>details>summary::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	width: 23px;
	height: 23px;
}

.sub-accordion>summary::before {
	content: '';
	position: absolute;
	top: 65%;
	left: 3px;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
}

.sidebar-accordion>li>details[open]>summary::before {
	background: url(/img/left_nav_arrow_s_o.png) no-repeat;
}

.sidebar-accordion>li>details:not([open])>summary::before {
	background: url(/img/left_nav_arrow_e.png) no-repeat;
}

.sidebar-accordion>li>details>summary a {
	color: var(--color-black);
	text-decoration: none !important;
	margin: -8px -40px;
	padding: 8px 40px;
	width: inherit;
	height: 100%;
	display: flex;
	flex: 1;
}

.sidebar-accordion>li>details>div {
	background: var(--color-grey);
	padding: 12px 10px;
}

.sub-accordion[open]>summary::before {
	background: url(/img/nav-minus.png) no-repeat;
}

.sub-accordion:not([open])>summary::before {
	background: url(/img/nav-plus.png) no-repeat;
}

.sub-accordion:not([open]):hover>summary::before {
	background: url(/img/nav-plus-hover.png) no-repeat;
}

.sub-accordion>div {
	padding-left: 0 0 20px 20px;
	background-color: #eeeeee !important;
}

#services-list-items {
	padding-left: 20px;
}

#services-list-items li {
	padding: 0;
}

/* Footer */

.g-footer {
	color: #FFF;
	background-color: #000;
	padding: 40px 20px;
	text-align: center;
}

.share-links {
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}

.g-footer .footer_cert {
	display: flex;
	justify-content: space-around;
	margin-bottom: 10px;
}

#loading {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.25);
	z-index: 9999;
}
#loading img {
	display: block;
	margin: 30vh auto 0 auto;
}
.loading-price {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 9900;
}
.loading-price img {
	display: block;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

.loading-table {
	display: block;
	background-color: rgba(255, 255, 255, 0.9);
}

.loading-price.hidden {
	display: none;
}

@media(min-width: 768px) {
	.g-footer {
		text-align: left;
	}

	.g-footer-content {
		display: flex;
		justify-content: space-between;
	}

	.footer--links {
		margin-left: 20px;
	}

	.footer_terms {
		text-align: center;
	}
}

footer h3 {
	color: #fff;
}
footer .footer--links a {
	display: block;
}

footer a {
	margin-bottom: 10px;
	color: white;
}

footer a:hover {
	color: white;
}

footer address p {
	margin-top: 10px;
	line-height: 1.4;
}

.share-links svg {
	width: 36px;
	height: 36px;
}

/* Search Bar */
.search-form {
	margin: 6px 0;
	position: relative;
	display: flex;
}

.search-form input {
	height: 45px;
	width: 100%;
	border: 0;
	border-radius: 0;
	font-size: 16px;
}

header>.search {
	background: #7a7e81;
	height: 100%;
}

header .search input.q {
	text-indent: 5px;
	border: 1px solid black;
	margin-top: 20px;
	margin-bottom: 8px;
}

.header__search-bar {
	background-color: black;
	padding: 10px 10px 10px 0;
	display: flex;
	align-items: center;
}

@media(max-width: 767px) {
	.header__search-bar {
		margin-top: 57px;
		padding: 10px;
	}
}

.header__search-bar__inner {
	display: flex;
	align-items: center;
}

.header__search-bar__inner>div:first-child {
	display: flex;
	justify-content: center;
}

.header__search-bar-btn.btn {
	height: 45px;
	padding: 0 30px;
}

#search-results {
	display: none;
	position: absolute;
	height: auto;
	width: calc(100% - 74px);
	z-index: 9;
	background: var(--color-grey);
	text-align: left;
	border: 1px solid #5698BE;
	background-color: #fff;
	box-shadow: 0 4px 8px rgba(0,0,0,0.5);
	top: 45px;
	left: 0;
}

#search-results a {
	display: block;
	padding: 5px 10px;
	color: #000;
	border-top: 1px solid #D2D2D2;
}

#search-results a:first-child {
	border-top: 0px;
}

#search-results a:hover, #search-results a.hover {
	background: #0176bb;
	color: white;
    text-decoration: none;
}

#search-results #items-div > a {
    padding: 18px;
    border-radius: 1.5em;
    margin: 6px;
    border: none;
    box-shadow: 0 2px 12px rgba(0,0,0, 0.2);
    max-height: 120px;
    overflow: hidden;
}

#search-results #items-div > a > div {
    align-items: center
}

#search-results #items-div > a > div > div:nth-child(2) {
    padding-left: 8px;
}

#search-results #items-div > a > div > div:nth-child(2) > span:nth-child(1) {
    font-weight: 900;
}

#search-results #items-div > a > div > div:nth-child(2) > span:nth-child(2) {
    -webkit-line-clamp: 3;
}

/* Main */

.g-main {
	min-height: 100vh;
	height: 100%;
	flex: 1;
}

/* Admin */
.with-sidebar__sidebar .logo img {
	margin: 10px 0;
}

/*---------------------------------------
left column category search list items*/

.left_col {
	background: #eeeeee;
	padding: 0 5px;
}

.left_col .category_nav, #category_nav, #brand_nav_ad, #category_nav_ad, #custom_category_nav, #vendor-list-items {
	margin: 0;
	padding: 0;
}

.category_nav input[type='checkbox'] {
	width: 20px;
	height: 20px;
	vertical-align: text-bottom;
}

.with-sidebar__sidebar .category_nav, #category_nav, #brand_nav_ad, #category_nav_ad, #custom_category_nav, #vendor-list-items {
	margin: 0;
	padding: 0 0 20px 0;
}

.category_nav_container {
	padding: 16px 8px;
}

.left_col .label {
	display: block;
	text-align: left;
	padding: 5px 12px;
	background: #d3d3d3;
	margin-bottom: 3px;
	cursor: pointer;
}

.left_col .label a {
	color: #635F5F;
	font-size: 10pt;
	position: relative;
	top: -5px;
	left: 10px;
}

.left_col .label span.icon {
	background: url(/img/left_nav_arrow_e.png) no-repeat;
	display: inline-block;
	width: 23px;
	height: 23px;
}

.left_col .label.active span.icon {
	background: url(/img/left_nav_arrow_s_o.png) no-repeat;
}

.left_col span.children_toggle {
	display: inline-block;
	width: 14px;
	height: 14px;
	cursor: pointer;
}

.left_col span.children_toggle.plus-white {
	background: url(/img/nav-plus.png) no-repeat;
}

.left_col span.children_toggle.plus-white:hover {
	background: url(/img/nav-plus-hover.png) no-repeat;
}

.left_col span.children_toggle.minus-white {
	background: url(/img/nav-minus.png) no-repeat;
}

.left_col .sub-cat-nav.li {
	margin-bottom: 8px;
	clear: both;
	overflow: hidden;
}

.left_col .sub-cat-nav.li span {
	float: left;
}

.left_col .sub-cat-nav.li a {
	color: black;
	text-transform: uppercase;
	font-size: 12px;
}

.left_col .sub-cat-nav.li.l0 {
	padding-left: 16px;
	list-style-type: none;
	width: 233px;
}

.left_col .sub-cat-nav.li.l0 a {
	width: 185px;
	display: inline-block;
}

.left_col .sub-cat-nav.li.l0 span {
	margin-right: 15px;
	display: inline-block;
}

.left_col .sub-cat-nav.li.l1 {
	padding-left: 60px;
}


/*---------------------------------------
login*/

.with-sidebar__sidebar .label {
	display: block;
	text-align: left;
	padding: 5px 12px;
	background: #d3d3d3;
	margin-bottom: 3px;
	cursor: pointer;
}

.with-sidebar__sidebar .label a {
	color: #635F5F;
	font-size: 10pt;
	position: relative;
	top: -5px;
	left: 10px;
}

.with-sidebar__sidebar .label span.icon {
	background: url(/img/left_nav_arrow_e.png) no-repeat;
	display: inline-block;
	width: 23px;
	height: 23px;
}

.with-sidebar__sidebar .label.active span.icon {
	background: url(/img/left_nav_arrow_s_o.png) no-repeat;
}

.with-sidebar__sidebar span.children_toggle {
	display: inline-block;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

.with-sidebar__sidebar span.children_toggle.plus-white {
	background: url(/img/nav-plus.png) no-repeat;
}

.with-sidebar__sidebar span.children_toggle.plus-white:hover {
	background: url(/img/nav-plus-hover.png) no-repeat;
}

.with-sidebar__sidebar span.children_toggle.minus-white {
	background: url(/img/nav-minus.png) no-repeat;
}

.with-sidebar__sidebar .sub-cat-nav.li {
	margin-bottom: 0px;
	clear: both;
	overflow: hidden;
}

.with-sidebar__sidebar .sub-cat-nav.li a {
	color: black;
	text-transform: uppercase;
	font-size: 12px;
}

.with-sidebar__sidebar .sub-cat-nav.li.l0 {
	padding-left: 8px;
	list-style-type: none;
	width: 250px;
	margin-top: 8px;
    font-weight: 900;
}

.with-sidebar__sidebar .sub-cat-nav.li.l0 a {
	width: 200px;
	display: inline-block;
}

.with-sidebar__sidebar .sub-cat-nav.li.l0 span {
	margin-right: 8px;
	display: inline-block;
}

.with-sidebar__sidebar .sub-cat-nav.li.l1 {
	padding-left: 46px;
	margin-bottom: 12px;
}

/*---------------------------------------
headers*/

h5.header {
	line-height: 33px;
	height: 33px;
}

.header.blue {
	background: transparent;
	color: var(--color-primary);
	margin: 0;
	text-indent: inherit;
}

h3.header.blue {
	vertical-align: middle;
	line-height: 50px;
}

h3.header.blue>span.icon {
	float: left;
	margin-right: 15px;
	border-right: 1px solid #ffffff;
}

h4.header.blue {
	margin-bottom: 16px;
}

h4.header.blue span:nth-of-type(2) {
	position: relative;
	top: -11px;
}

.header-text {
	padding-left: 0px;
	display: block;
}

.icon {
	background: url("/img/icon_sprite.png") no-repeat;
	width: 50px;
	height: 50px;
	display: inline-block;
	padding: 0px;
}

/*change this when we have a small image set as well*/

.icon.small {
	background: url("/img/icon_sprite.png") no-repeat;
	width: 33px;
	height: 33px;
	position: relative;
	margin-right: 5px;
}

.img-icon {
	width: 33px;
	height: 33px;
	position: relative;
	margin-right: 5px;
	background-color: var(--color-primary);
}

/* Icons */

/* was not included in the sprites image so create the icon standalone so we would always have it */

.icon.mycatalogs {
	background: transparent url("/img/icon-mycatalogs.png") no-repeat
}

.icon.abrasives {
	background-position: 0px 0px;
}

.icon.barcode {
	background-position: 0px 50px;
}

.icon.brushes {
	background-position: 0px 50px;
}

.icon.chemicals {
	background-position: 0px 50px;
}

.icon.contractor {
	background-position: 0px 50px;
}

.icon.electrical {
	background-position: 0px 50px;
}

.icon.fasteners {
	background-position: 0px 50px;
}

.icon.fluid {
	background-position: 0px 50px;
}

.icon.handtools {
	background-position: 0px 50px;
}

.icon.janitorial {
	background-position: 0px 50px;
}

.icon.machine {
	background-position: 0px 50px;
}

.icon.material {
	background-position: 0px 50px;
}

.icon.metal {
	background-position: 0px 50px;
}

.icon.misc {
	background-position: 0px 50px;
}

.icon.pipe {
	background-position: 0px 50px;
}

.icon.powertools {
	background-position: 0px 50px;
}

.icon.powertran {
	background-position: 0px 50px;
}

.icon.pumps {
	background-position: 0px 50px;
}

.icon.quality {
	background-position: 0px 50px;
}

.icon.rubber {
	background-position: 0px 50px;
}

.icon.safety {
	background-position: -1081px 0px;
}

.icon.saw {
	background-position: 0px 50px;
}

.icon.tape {
	background-position: 0px 50px;
}

.icon.toolsdie {
	background-position: 0px 50px;
}

.icon.welding {
	background-position: 0px 50px;
}

.icon.inventory {
	background-position: 0px 50px;
}

.icon.search {
	background-position: 0px 50px;
}

.icon.small.abrasives {
	background-position: 0px 50px;
}

.icon.small.barcode {
	background-position: -1359px -7px;
}

.icon.small.brushes {
	background-position: 0px 50px;
}

.icon.small.chemicals {
	background-position: 0px 50px;
}

.icon.small.contractor {
	background-position: 0px 50px;
}

.icon.small.electrical {
	background-position: 0px 50px;
}

.icon.small.fasteners {
	background-position: 0px 50px;
}

.icon.small.fluid {
	background-position: 0px 50px;
}

.icon.small.handtools {
	background-position: 0px 50px;
}

.icon.small.janitorial {
	background-position: 0px 50px;
}

.icon.small.machine {
	background-position: 0px 50px;
}

.icon.small.material {
	background-position: 0px 50px;
}

.icon.small.metal {
	background-position: 0px 50px;
}

.icon.small.misc {
	background-position: 0px 50px;
}

.icon.small.pipe {
	background-position: 0px 50px;
}

.icon.small.powertools {
	background-position: 0px 50px;
}

.icon.small.powertran {
	background-position: 0px 50px;
}

.icon.small.pumps {
	background-position: 0px 50px;
}

.icon.small.quality {
	background-position: 0px 50px;
}

.icon.small.rubber {
	background-position: 0px 50px;
}

.icon.small.safety {
	background-position: -1090px -7px;
}

.icon.small.saw {
	background-position: 0px 50px;
}

.icon.small.tape {
	background-position: 0px 50px;
}

.icon.small.toolsdie {
	background-position: 0px 50px;
}

.icon.small.welding {
	background-position: 0px 50px;
}

.icon.small.inventory {
	background-position: 0px 50px;
}

.icon.small.search {
	background-position: -1404px 0px;
}

.icon-flipped {
	transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	color: #000;
}

/* Tabs */

.tabs {
	list-style: none;
	width: 100%;
	padding: 0;
	margin: 20px 0;
}

@media (min-width: 480px) {
	.tabs {
		display: flex;
	}
}

.tabs__tab {
	flex: 1;
}

.tabs__tab a {
	display: flex;
	align-items: center;
	flex: 1;
	width: 100%;
	height: 100%;
	padding: 10px 20px;
	font-size: 18px;
	background-color: black;
	color: white;
	transition: background-color 500ms, color 500ms;
	text-decoration: none;
}

.tabs__tab a::after {
	content:'\25BC';
	font-size: 13px;
	margin-left: 3px;
}

.tabs__tab.active a {
	background-color: var(--color-grey);
	color: black;
}

.tabs__tab a:hover {
	color: white;
	background-color: #1b98d5;
	cursor: pointer;
}

.tabs__content {
	margin-bottom: 20px;
}

/*---------------------------------------
index tweeks*/

.index .nav.nav-tabs>li a {
	background: #d3d3d3 url(/img/left_nav_arrow_e.png) 5px 7px no-repeat;
	padding-left: 35px;
	font-weight: 700;
	color: #635F5F;
}

.index .nav.nav-tabs>li.active a {
	background-image: url(/img/left_nav_arrow_s_o.png);
	background-color: #7a7e81;
	color: #FFFFFF;
}

.index .tab-content a {
	color: #454545;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: underline;
}

.index .tabs__categories .categories__row {
	display: flex;
	flex-wrap: wrap;
}

.index .tabs__categories .categories__row .column {
	width: calc(50% - 10px);
	display: flex;
	flex-direction: column;
	margin: 5px;
	padding: 15px;
	border: 1px solid #ddd;
	text-align: center;
}

@media(min-width: 768px) {
	.index .tabs__categories .categories__row .column {
		width: calc(33.3% - 10px);
	}
}

@media(min-width: 1170px) {
	.index .tabs__categories .categories__row .column {
		width: calc(25% - 10px);
	}
}

.index .tabs__categories a {
	align-self: center;
	display: block;
	text-decoration: none;
}

.index .tabs__categories a:first-child {
	flex-grow: 1;
}

.index .tabs__categories a:hover {
	text-decoration: underline;
}

.index .tabs__categories a.category__title {
	color: #1c98d5;
	font-family: "futura-pt", sans-serif;
	font-size: 18px;
	font-weight: 700;
	height: 56px;
}

@media(min-width: 768px) {
	.index .tabs__categories a.category__title {
		font-size: 20px;
	}
}

.index .tabs__brands span {
	display: block;
	text-align: center;
}

.index .showMore, .index .showLess {
	margin-top: 15px;
	padding-left: 18px;
	line-height: 14px;
}

.index .showMore a, .index .showLess a {
	font-size: 12px;
	text-decoration: none;
}

.index .list-unstyled li.show {
	display: list-item !important;
}

.index .showMore {
	background: url(/img/nav-plus-hover.png) no-repeat;
}

.index .showLess {
	background: url(/img/nav-minus.png) no-repeat;
}

.index #tab_services h5>span {
	float: left;
}

.modal-body .closeModal {
	display: block;
	float: right;
	border: none;
	color: var(--color-secondary);
	text-decoration: none;
	font-size: 15px;
	padding: 2px;
	line-height: 11px;
	margin: -14px -14px 0px 0px;
	border-radius: 0px;
}

.modal-body .closeModal:hover {
	background-color: var(--color-grey);
	color: white;
}

.modal-title {
	text-transform: uppercase;
	margin-bottom: 10px;
}

.quote_request th {
	background-color: var(--color-primary);
	border-left: 2px solid #ffffff;
	color: #ffffff;
	padding: 6px 5px;
	text-transform: uppercase;
	text-align: center;
}

.quote_request td input {
	width: 100%;
	padding: 16px;
}

.quote_request th:nth-of-type(1), .quote_request td:nth-of-type(1) {
    width: 30%;
}

.quote_request th:nth-of-type(2), .quote_request td:nth-of-type(2) {
    width: 10%;
}

.showMoreRows {
	margin: 10px 10px;
	padding-left: 18px;
	line-height: 20px;
}

.showMoreRows {
	background: url(/img/nav-plus-hover.png) no-repeat;
}

.showMoreRows a {
    padding-left: 10px;
}

.create-new-account {
	padding-bottom: 20px;
}

.create-new-account .col-wrapper {
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #999;
}

.create-new-account .col-wrapper h3 {
	color: #000;
	text-align: center;
}

.create-new-account .col-wrapper p {
	text-align: center;
}

.create-new-account .col-wrapper .btn {
	font-family: futura-pt-bold, sans-serif;
	font-size: 16px;
	width: 100%;
}

@media(min-width: 1024px) {
	.create-new-account .col-wrapper .btn {
		font-size: 20px;
	}
}

.create-new-account .corporate-account .btn {
	font-family: futura-pt-bold, sans-serif;
	font-size: 16px;
	width: 100%;
	max-width: 380px;
}

@media(min-width: 1024px) {
	.create-new-account .corporate-account .btn {
		font-size: 20px;
	}
}

.create-new-account .register_form, .create-new-account .corporate-account {
	display: none;
}

.create-new-account form label {
	display: block;
}

.create-new-account form label>span {
	display: block;
}

.create-new-account form input[type=submit] {
	margin-top: 10px;
	max-width: 380px;
	padding: 10px;
	border: 0;
	font-family: futura-pt-bold, sans-serif;
	font-size: 20px;
}

.create-new-account .help-list {
	list-style: none;
	padding-left: 0px;
}

.test_drive_yourself {
	background: #e2e2e2 url('/images/test_drive.jpg') no-repeat;
	max-width: 445px;
	min-height: 103px;
	padding-left: 125px;
	padding-right: 10px;
	margin-bottom: 20px;
}

.test_drive_yourself h5 {
	float: left;
	width: 100%;
}

.send_quote label {
	padding-right: 20px;
	display: block;
}

/* .send_quote label span {width:25%;display:inline-block;} */

.send_quote label input[type="text"] {
	width: 250px;
}

.send_quote input {
    padding: 24px;
}

.send_quote label textarea {
	height: 100px;
}

.send_quote input.btn {
	margin-right: 7.5%;
}

#tab_brands .row {
	text-align: center;
}

/*---------------------------------------
search tweeks*/

/* #facetQuery ul li label input[type="checkbox"]{ visibility:hidden; } */

/*---------------------------------------
Categories*/

.search_list .search-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 10px;
	min-height: 136px;
	padding: 20px;
}

.search_list .search-item .image {
	margin-right: 30px;
}

.search_list .search-item .image .insert {
	min-width: 100px;
	min-height: 100px;
}

.search_list .search-item .details {
	max-width: 900px;
	flex-grow: 1;
}

.search_list .search-item .details .part_nums {
	display: flex;
	justify-content: space-between;
}

.search_list .search-item .item_code {
	font-family: futura-pt-bold, sans-serif;
	font-size: 20px;
}

.search_list .search-item .item_code strong {
	display: block;
	font-size: 16px;
}

.search_list .search-item .details .part_nums .custom_code {
	text-align: right;
	align-self: flex-end;
	margin-bottom: 5px;
}

.search_list .search-item .details .part_nums .custom_code p {
	margin-bottom: 0;
	color: #888;
	font-size: 14px;
	line-height: 1;
}

.search_list .search-item .details .part_nums .custom_code p strong {
	font-size: 20px;
	font-family: futura-pt-bold, sans-serif;
	color: black;
}

.search_list .search-item .price_area {
	position: relative;
	min-width: 170px;
	margin-left: 30px;
	padding-left: 15px;
	border-left: 1px solid #999;
}

.search_list_mobile .search-item .price_area {
	display: inline-block;
}

.search_list_mobile .search-item .image_area {
	display: inline-block;
}

.search_list .search-item .in-stock img {
	margin-right: 5px;
}

.search_list .search-item .in-stock .lead-time {
	display: block;
	font-size: 11px;
	font-style: italic;
}

.search_list .search-item .price::first-letter {
	font-size: 70%;
	vertical-align: text-top;
}

.search_list .search-item .quantity {
	display: flex;
	align-items: center;
	margin-top: 20px;
}

.search_list .search-item .quantity_field {
	max-width: 60px;
	margin-left: 5px;
	padding: 6px 8px;
}

.search_list .search-item .quantity-select {
	text-align:center;
	display: none;
	margin-left: 5px;
}

.pagination_prev, .pagination_next {
	text-transform: uppercase;
}

.pagination_prev a img, .pagination_next a img {
	padding: 0px 2px 3px 2px;
}

/*---------------------------------------
product*/

.search_wrapper .no_top_margin {
	margin-top: 0;
}

/*---------------------------------------
product*/

.item_detail {
	margin-bottom: 20px;
}

.item_detail .nav.nav-tabs {
	margin-top: 40px;
	border-bottom: 0px;
	overflow: hidden;
}

.item_detail .nav.nav-tabs>li a {
	font-family: futura-pt, sans-serif;
	font-size: 24px;
	font-weight: 700;
	color: #635F5F;
	text-transform: uppercase;
}

.item_detail .nav.nav-tabs>li.active a {
	background-color: #000;
	color: #FFFFFF;
}

.item_detail .tab-content .documents {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

.item_detail .tab-content .documents li {
	list-style: none;
	text-align: center;
}

.item_detail .tab-content a {
	display: block;
	font-weight: 700;
}

.item_detail .tab-content a img {
	display: block;
	margin: 0 auto 10px;
}

.item_detail .add_form label {
	display: block;
}

.item_detail #photo-div {
	text-align: center;
	overflow: hidden;
}

.item_detail #photo-div img {
	max-width: 332px;
}

.item_detail .item-brand strong {
	color: #000;
	font-size: 30px;
	display: block;
}

.item_price {
	margin-top: 30px;
	color: #000;
	font-size: 30px;
}

.item_price span {
	font-size: 16px;
	font-weight: normal;
}

.item_detail #quantity {
	width: 80px;
	padding: 10px;
	font-size: 16px;
	text-align: right;
}
.item_detail select#quantity {
	width: auto;
}

.item_detail strong {
	padding: 0px 5px 0px 0px;
}

#addToCustomCatalogForm {
	width: 260px;
	border: 1px solid #5698BE;
	box-shadow: 0px 0px 4px var(--color-primary);
	padding: 0px;
	min-height: 118px;
}

#addToCustomCatalogForm .title {
	padding-left: 5px;
	line-height: 24px;
}

#addToCustomCatalogForm select {
	width: 100%;
	margin-top: 5px;
	padding: 0px 5px;
}

#addToCustomCatalogForm .closeModal {
	display: block;
	float: right;
	color: var(--color-secondary);
	text-decoration: none;
	font-size: 15px;
	padding: 2px;
	line-height: 11px;
	margin: 6px 2px 0px 0px;
	border-radius: 0px;
	border: 0px;
	outline: 0;
}

#addToCustomCatalogForm .closeModal:hover {
	background-color: var(--color-grey);
	color: white;
}

#addToCustomCatalogForm .footer {
	background-color: #d3d3d3;
	text-align: right;
}

#addToCustomCatalogForm .footer input.btn {
	margin: 5px;
	display: inline-block;
}

#addToCustomCatalogForm .messages {
	width: 100%;
	display: none;
	padding: 30px 0px;
	line-height: 28px;
	text-align: center;
}

#addToCustomCatalogForm .messages a {
	display: block;
	color: var(--color-secondary);
}

/*Registration Form*/
.register_form label {
	margin-bottom: 10px;
	font-weight: normal;
}

.register_form input {
	width: 100%;
	margin-top: 5px;
	padding: 5px 10px;
	border: 1px solid #999;
}

/*---------------------------------------
Fieldset Hacks*/

div.legend.label {
	border-bottom: none;
	position: relative;
	top: 7px;
	font-size: 14px;
	left: 20px;
	background: white;
	width: auto;
}

fieldset div.row {
	margin-left: 0;
	margin-right: 0;
	padding-top: 10px;
}

fieldset div.label {
	display: block;
	padding: 0 0 3px 0;
	font-size: 100%;
	font-weight: normal;
	text-align: left;
}

fieldset {
	margin: 5px;
	padding: 10px 5px;
	border: 1px solid var(--color-grey);
}

.item_counter {
	display: inline-block;
	width: 20px;
	text-align: right;
}

tr.odd {
	background-color: #e4e4e4;
}

/* Home Page */

@media(min-width: 768px) {
	.home-welcome {
		width: 60%;
		margin-right: 40px;
	}
}

.home-welcome h1 {
	margin-top: 40px;
	color: #000;
}

/* Helpers */

.h-text-center {
	text-align: center;
}

.flex {
	display: flex;
}

.h-h-padding {
	padding: 0 20px;
}

.h-global-width {
	max-width: 1440px;
	width: 100%;
	margin: 0 auto;
}

.message {
	margin: 5px 0;
	color:#ff0000;
}

/* Down triangle - not in Bootstrap 3 */
.down-triangle { top:-2px; left:1px; }
.down-triangle:after { content:'\25BC'; } 

@media(max-width: 768px) {
	.with-sidebar__sidebar .sub-cat-nav.li a { 
		font-size: 14px;
		line-height: 2em;
	}
	.children_toggle {
		margin-top:8px;
	}
	li .l0 { 
		font-weight: 700;
	}
	li .l1 { 
		color:#222;
	}
	.in-stock img {
		margin-right: 5px;
	}
	.price { font-size: 20px;
		font-weight: 700; }
	#sfilters { margin-bottom:20px; }
	.quantity_field { width:90px; }
	.modal-content { max-width:350px; margin:auto; }
}

/* banners */
/* leave these alone jcf */
.banner-red {
	background-color: #CC0000;
}

.banner-green {
	background-color: #00802D;
}

.account-table {
	width: 100%;
}

.account-table td {
	padding: 4px;
}

#tax_loading {
	display: none;
}

.account-table.hidden, .account-message.hidden, .account-table-pager.hidden {
	display: none;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}

.col-xs-15 {
	width: 20%;
	float: left;
}
@media (min-width: 768px) {
	.col-sm-15 {
		width: 20%;
		float: left;
	}
}
@media (min-width: 992px) {
	.col-md-15 {
		width: 20%;
		float: left;
	}
}
@media (min-width: 1200px) {
	.col-lg-15 {
		width: 20%;
		float: left;
	}
}

.related-item-description {
	color: black;
	font-weight: 300;
	font-size: 14px;
	line-clamp: 5;
	-webkit-line-clamp: 5;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.body-development {
	border: 5px blue solid;
}

#my-catalog a {
	font-size: 14px;
	color: rgb(51,51,51);
	left: 0;
}

#custom_category_nav {
	background-color: rgb(238, 238, 238);
}

#custom-category-table {
	width: 100%;
}

#custom-category-table .row {
	width: 100%;
}

#custom-category-table .custom-cat-col {
    text-align: center;
    color: white;
    background-color: #1b98d5;
    border: 1px white solid;
    border-radius: 10px;
    text-transform: uppercase;
    height: 65px;
}

#custom-category-table .custom-cat-col a {
    color: white;
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
    padding: 20px 10px 20px 10px;
}

#custom-category-table .custom-cat-col:hover {
    background-color: grey;
}

#subcategory-table .custom-cat-col {
    text-align: center;
    color: black;
    background-color: white;
    border: 1px white solid;
    border-radius: 10px;
    box-shadow: 1px 1px 6px rgba(0,0,0,0.25);
    text-transform: uppercase;
    height: 100px;
    margin: 3px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    width: calc(50% - 12px);
}

@media (min-width: 768px) {
    #subcategory-table .custom-cat-col {
        width: calc(25% - 12px);
    }
}

#subcategory-table .custom-cat-col:hover {
    cursor: pointer;
}

#subcategory-table .custom-cat-col a {
    color: black;
    display: block;
}

#subcategory-table .custom-cat-col a:hover {
    text-decoration: underline;
}

#subcategory-table .custom-cat-col:hover {
    text-decoration: underline;
    box-shadow: 1px 1px 6px rgba(0,0,0,0.5);
}

.cat-show {
	display: inline-block;
}

.cat-hidden {
	display: none;
}

.fuzzy-span {
	margin-bottom: 20px;
	display: block;
	font-style: italic;
}

.search .row:first-of-type {
	margin-bottom: 10px;
}

.description a {
	color: black;
	font-size: 100%;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.description {
	margin-bottom: 5px;
}

.product-digits {
	color: grey;
}

.pretty-pagination {
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	width: fit-content;
}

.pretty-pagination span {
	width: 40px;
	display: inline-block;
	background-color: black;
	height: 40px;
	line-height: 40px;
	color: white;
	font-size: 18px;
}

.pretty-pagination span.current-page {
	background-color: #1b98d5;
}

.pretty-pagination span:hover {
	background-color: grey;
}

.pretty-pagination span a {
	color: white;
	text-decoration:none;
	height: 40px;
	width: 40px;
	display: inline-block;
	text-align: center;
}

/* slider */
/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
	line-height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* 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 #1b98d5;
}

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%;
}

#items_per_page {
	height: 40px;
	width: 50px;
}

#items-per-page-label {
	font-size: 1.2em;
}

#passwordForm .label {
	font-size: 1.2em;
}

#passwordForm .field {
	margin-bottom: 5px;
}

#admin-customer-shipping-addresses li {
	margin-bottom: 20px;
}

.settings input {
	padding: 8px 6px;
}

.settings .row {
	margin-bottom: 10px;
}

#setting-form label {
	min-width: 300px;
}

a.account-name-link {
	color: black;
	text-decoration: none;
}

a.account-name-link:hover {
	color: #F26522;
	text-decoration: underline;
}

.pretty-pager-wrapper .glyphicon {
	line-height: 35px;
}

#manager_order_auth .order_auth_no_orders_message {
	padding: 5px;
}

.account_open_quote .quantity_field {
	text-align:center;
	width:100%;
}

.account_open_quote .add {
	width:50px;
	text-align:center;
}

.non_catalog #cat-name {
	border-bottom: none;
	margin-bottom: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 475px;
}

.quick_order #cat-name {
	border-bottom: none;
	margin-bottom: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 475px;
}

#quickOrderModal .cat-name {
	border-bottom: none;
	margin-bottom: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 475px;
}

.account_open_order .list td {
    padding: 6px;
}

.brand-ribbon {
    background: url(/img/brand-icon.png) no-repeat;
    width: 30px;
    height: 30px;
}

.brand-ribbon:hover {
    background: url(/img/brand-icon-hover.png) no-repeat;
}

.brand-ribbon a {
    margin-left: 35px;
}