html {overflow-y: scroll; }

body {
		background-repeat: repeat-x; 
		background-color: #FFFFFF; 
		margin-top: 0; 
		margin-bottom: 0; 
		font-family: Verdana, Arial, helvetica, sans-serif;
		font-size: 0.85rem;
}

@media (min-width: 768px) {
	body {
		font-size: 1.125rem;
	}
}
 
a:not(.btn):not(.nav-link) {text-decoration:none; }
a:not(.btn):not(.nav-link):hover {text-decoration:underline; }

img:not(.img-fluid):not(.gallery-thumb) {border: 0; }

.h1 { font-weight: bold; color: #F59D2A; }


.font-default-white{
	color: white;
}

.font-default , 
.font-default-white, 
.font-default-14,
.font-default-16{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.bold{
	font-weight: bold;
}

#head {border: 1px solid gray; padding: 6px; }


#features ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	line-height: 1.3em;
}

#features li
{
	background-image: url(../images/features.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 1em;
}

#related ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	line-height: 1.3em;
}

#related li
{
	padding-left: 0em;
}

#thicktabs{
	margin: 0;
	padding: 0;
	font: bold 1.125rem Verdana, Arial, sans-serif;
}

#thicktabs li {
	display: block;
}

#thicktabs li a.nav-link {
	white-space: nowrap;
	color: #232323;
	padding: 6px 10px;
	text-decoration: none;
	text-align: center;
	border-left: 1px solid #B7B7B7;
}

#thicktabs li a.nav-link#rightmostitem {
	border-right: 1px solid #B7B7B7;
}

#thicktabs li a.nav-link:visited {
	color: #232323;
}

#thicktabs li a.nav-link:hover {
	color: #065CAC;
	text-decoration: underline;
}

#topnav-bar {
	background: #c9c9c9;
background: linear-gradient(180deg,rgba(201, 201, 201, 1) 0%, rgba(222, 222, 222, 1) 50%, rgba(201, 201, 201, 1) 100%);
}

@media (min-width: 768px) {
	#topnav-bar #thicktabs li {
		display: inline;
	}
	#topnav-bar #thicktabs li a.nav-link {
		float: left;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	#thicktabs .nav-link {
		font-size: 0.75rem;
		padding-left: 0.25rem;
		padding-right: 0.25rem;
	}
	#thicktabs .nav-item:last-child img {
		width: 20px;
		height: 13px;
	}
}

/* ── Landscape / small-height devices (e.g. iPhone XR 896×414) ────────────── */
@media (max-height: 500px) and (orientation: landscape) {
    /* Compact header: shrink badges and remove extra vertical padding */
    .badge-imgs img       { max-height: 46px !important; }
    .badge-imgs           { gap: 4px; }
    .logo-link img        { max-height: 46px; width: auto; }
    header > div,
    header .d-flex        { padding-top: .35rem !important; padding-bottom: .35rem !important; }

    /* Tighter nav bar */
    #topnav-bar .nav-link { padding-top: .2rem; padding-bottom: .2rem; font-size: .82rem; }

    /* Reduce top padding on main content area */
    .col-12.col-md-10.pt-3 { padding-top: .4rem !important; }

    /* Compact similar-product cards */
    .sp-img-wrap { height: 88px; }
    .sp-name     { -webkit-line-clamp: 2; }
    .card-body.px-3.pt-2 { padding-top: .25rem !important; }
}


.top-url{
	display: block;
	height: 72px;
	line-height: 60px;
	
	font-variant: small-caps;
	font-weight: bold;
	color: white;
	float: left;
	padding-left: 10px;
}

.link-menu-right{
	padding: 8px;
}

.link-menu-right dt{
	font-weight:bold;
	margin:0;
}

.link-menu-right dd{
	margin:0;
	margin-top: 2px;
	margin-left: 15px;
}

.link-menu-right dd a:hover{
	color:#eb7c1e;
	font-weight:bold;
}

h2.product{
	font-weight: bold;
}

.form-check-input
{
	border: 2px solid #6e6e6e !important;
}

.product-main-img {
	display: block;
	max-width: 400px;
	width: 100%;
	height: auto;
	margin: 0 25px 0 0 !important;
}

/* Section dividers inside product description */

hr.section-divider-top {
	clear: both;
	display: none;
}
hr.section-divider-top,
hr.section-divider-bottom,
hr.section-divider {
    border: none;
    border-top: 2px solid #055198;
    opacity: 1;
    margin: 0.5rem 0;
	clear: both;
}

hr.section-divider-bottom {
	border-top: 4px solid #055198 !important;
}

p.section-label {
    font-weight: 700;
    color: #055198;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0.25rem 0;
    padding: 0;
	clear: both;
}

/* Responsive header: logo + badge images */
.logo-link {
    display: block;
    text-align: center;
}
.logo-link img {
    max-width: 100%;
    height: auto;
}
.badge-imgs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.badge-imgs > img,
.badge-imgs > a {
    flex: 0 0 auto;
}
.badge-imgs img {
    max-height: 60px;
    width: auto;
    height: auto;
    display: block;
}

/* Below 1200px: logo on its own centered row, badges centered below */
@media (max-width: 1199.98px) {
    .topmenu-wrap {
        flex-direction: column !important;
        align-items: center !important;
    }
    .logo-link {
        width: 100%;
        margin-bottom: 0.25rem;
    }
}

/* 1200px+: side-by-side — logo left, badges pushed to the right */
@media (min-width: 1200px) {
    .logo-link {
        flex-shrink: 0;
        width: auto;
        text-align: left;
    }
    .badge-imgs {
        margin-left: auto;
        justify-content: flex-end;
    }
    .badge-imgs img {
        max-height: 105px;
    }
}

/* 30 Day Return badge: only visible above 1200px */
.show-over-1200 {
    display: none !important;
}
@media (min-width: 1200px) {
    .show-over-1200 {
        display: inline-block !important;
    }
}

.foot{
	display:block;
	padding: 5px;
}

/* FOOTER RSS */
.footer-rss {
	text-align: left;
	margin-top: 2px;
	margin-left: 10px;
}

#vp-items span, .vp-sc-items span {
	display: block;
	margin-left: 17px;
}

/* Additional product image thumbnails */
.ai-thumb {
    width: 62px;
    height: 62px;
    object-fit: contain;
    background: #f7f8fa;
    border: 2px solid #ddd;
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease;
    padding: 3px;
    box-sizing: border-box;
}
.ai-thumb:hover,
.ai-thumb.active {
    border-color: #055198;
    box-shadow: 0 0 0 2px rgba(5,81,152,.25);
}

/* Product gallery thumbnails (subcategory + view) */
.gallery-thumb {
    width: 70px;
    height: 70px;
    object-fit: cover;
    cursor: pointer;
    border: 2px solid #5f5f5f;
    border-radius: .25rem;
    opacity: .75;
    transition: opacity .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.gallery-thumb:hover,
.gallery-thumb.gallery-active {
    opacity: 1;
    border-color: #055198 !important;
    box-shadow: 0 0 0 2px rgba(5,81,152,.25);
}

/* relatedImage – description embedded images */
.relatedImage { text-align: center; margin: 1rem 0; }
.relatedImage a { display: inline-block; cursor: zoom-in; }
.relatedImage a img {
    border-radius: .375rem;
    transition: opacity .2s ease, box-shadow .2s ease;
}
.relatedImage a:hover img {
    opacity: .88;
    box-shadow: 0 4px 16px rgba(5,81,152,.3);
}
.relatedImageText { font-size: .78rem; color: #888; margin-top: .25rem; }

/* Similar Products */
.sp-card { transition: box-shadow .2s ease, transform .2s ease; cursor: pointer; }
.sp-card:hover { box-shadow: 0 6px 22px rgba(5,81,152,.2) !important; transform: translateY(-4px); }
.sp-img-wrap { height: 148px; background: #f7f8fa; border-radius: .5rem .5rem 0 0; overflow: hidden; padding: 4px; box-sizing: border-box; }
.sp-img { width: 100%; height: 100%; object-fit: contain; display: block; }
.sp-name { font-size: .82rem; color: #111; line-height: 1.35;
           display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }


/*override bootstrap 5 */
h2 {
	font-size: 1.125rem;
}

/* imageFrameInfo – inline image with caption (from abqindustrial.net product descriptions) */
.product .imageFrameInfo          { display: inline-block; border: 1px solid #9a9a9a; max-width: 225px; }
.product .imageFrameInfo .imageFrameInfoInner img { border: none !important; }
.product .imageFrameInfo .imageFrameInfoText      { border-top: 1px solid #9a9a9a; font-size: 0.8em; text-align: center; padding: 4px; color: #555; }

/* relatedImage – same pattern used for related product images */
.product .relatedImage            { display: inline-block; border: 1px solid #9a9a9a; max-width: 250px; }
.product .relatedImage .relatedImageInner img { border: none !important; }
.product .relatedImage .relatedImageText      { border-top: 1px solid #9a9a9a; font-size: 0.8em; text-align: center; padding: 4px; color: #555; }