@charset "UTF-8";
/* Web Solutions 4.0 Compatible */
* {margin:0;padding:0;border:0;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box}
ul li{list-style:none}
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr{font-family:inherit; font-size:inherit; font-style:inherit;font-weight:inherit}
table {border-collapse:collapse}
td, th {empty-cells:show;vertical-align:top;text-align:left}
body {background:#011229}
#skipNavigation{background:#fff;color:#000;padding:.5em;position:absolute;left:0;top:-100vh;z-index:10}
	#skipNavigation:focus,
	#skipNavigation:active{top:0;}

.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*page widths*/
body>header, body>nav, main, body>footer, #alertApp{width:100%;float:left;clear:left;padding:0 1em;display:block;}
body>*>.wrap, body>footer>.fatFooter,#alertApp>*{width:100%; max-width:80em;margin-left:auto;margin-right:auto;position:relative;overflow:auto}

/* text */
body, .text, input, button{font-family:"effra", sans-serif; font-size: 1em; line-height:1.563em;color:#011839}
a, a *{color:#4ca2eb;text-decoration:none}
a:hover, a:active, a:hover *, a:active *{color:#c0151b}
p,h1,h2,h3,h4,hr,.content ul,.contentEditor ul,blockquote,dd,ol{margin-bottom:1em}
h1, h2, h3, h4, h5, h6, h7, h8, h9, th{font-weight:400; line-height: 120%;}
p + h2, p + h3, p + h4, p + h5, p + h6 {margin-top:1.3em;}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt{color:#31659b}
em, i, q, cite, .italic{font-style: italic}
b, strong{font-weight:700}
u { text-decoration:none}
hr{border-top:1px solid rgba(0,0,0,.15);margin:1em 0;padding-top:1px}
p{font-size:1em}
h1, .content article.blog>h1{font-size:2.188em; line-height: 120%; font-weight: 700; text-transform:uppercase; color:#c0151b; margin-bottom: 0.75em}
.content>section{margin:2em 0}
h1+h2{margin-top:-1em}
h2, .content * h1{font-size:1.625em; font-weight: 700; color:#011839}
     h2#outdoorFlags, h2#indoorFlags {width:100%; float: left; clear:both; padding: 1em 0; margin-bottom:0}
h3{font-size:1.5em; font-weight:600; color:#444444}
h4, th{font-size:1.375em; font-weight:500; font-style: italic; color:#011839}
h5 {font-size:1.25em; font-weight: 600; color:#c0151b}
h6 {font-size:1.125em; font-weight: 600; color:#072240}
h7, h8, h9{font-size:1em}
sup, sub { font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}

/* level1 list */
.content ul li, .content_home ul li, .contentEditor ul li, #featVid ul li, #news ul li, #events ul li, #blog ul li, #quickLinks ul li{background:url(../images/icons/misc/red-arrow.svg) no-repeat 0.7em 0.6em;margin-top:.3em;padding-left:1.5em}
.content ol, #content_home ol, .contentEditor ol{margin-left:35px}
.contentEditor ol {padding: 10px 0 0 25px !important}

/* level2 list */
.content ul li ul li, .content_home ul li ul li, .contentEditor ul li ul li{background-image:url(/images/icons/16x16/bullet2.png); background-position: 0.5em 0.25em}
.content ol ol {list-style: lower-alpha}
.content ol li {padding-left:0.25em}

/* addon classes */
.clearFloats{clear:both}
.nobr{ white-space: nowrap}
.twoCol {
-webkit-columns:2;
        columns:2;
-webkit-column-gap:40px;
        column-gap:40px;
-webkit-column-rule:1px outset rgba(0,0,0,.15);
        column-rule:1px outset rgba(0,0,0,.15);
}

.threeCol {
-webkit-columns:3;
        columns:3;
-webkit-column-gap:30px;
        column-gap:30px;
-webkit-column-rule:1px outset rgba(0,0,0,.15);
        column-rule:1px outset rgba(0,0,0,.15);
}
.req{color:#c00}
.textIcon{background:#999; background-color:rgba(0,0,0,.2);font-size:.8em;line-height:1em;display:inline-block;padding:.2em .4em;border-radius: .5em;color:#fff}
.textIcon:hover{background:#666; background-color:rgba(0,0,0,.4);color:#fff}

/* forms */
input, button{font-size:.9em}
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea, select, input[type="button"], input[type="submit"]{border-radius:0;-webkit-appearance:none}
input[type="radio"],input[type="checkbox"]{}
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea, select{border:1px solid rgba(0,0,0,.2);background-color:#f2f2f2;padding:0.25em 0.5em; border-radius:3px; -webkit-transition:ease all 150ms; transition:ease all 150ms; -webkit-box-shadow:none; box-shadow:none; font-size: 1em}
input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, textarea:focus, select:focus{border:1px solid #777;}
textarea{display:block}
select{font-size: 1em; line-height: 1.563em}
@media screen and (-webkit-min-device-pixel-ratio:0) {
     select { background-image:url(/images/icons/misc/select-down.svg);background-repeat:no-repeat;background-position:right center;padding:0.25em 1.5em 0.25em 0.5em;}
	input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
	input[type="search"]{padding-right:0}
}
select option{padding:0 .2em}
button,.button,input[type="button"], input[type="submit"], input[type="reset"]{background:#fff;color:#011839;border:1px solid #4891db;padding:0.75em 1em; border-radius: 3px; display: inline-block; font-size: 1.125em; font-weight:700; font-style:italic; line-height:1em;cursor:pointer}
.button:after {content: "\0020\›"; color: #c0151b;}
input::-moz-focus-inner {border:0;padding:0;}
button:hover,input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover,.button:hover,.button:focus,input[type="button"]:focus,input[type="submit"]:focus,input[type="reset"]:focus{background-color:#4891db;color:#fff}
button img{height:1em;width:auto;vertical-align:top}
input.bulky, .bulky {padding: .4em 1em; font-size: 1em; margin-top: 1.5em;}
.formTable, .formTable table{width:100%}
.formTable td{width:50%}
.formTable input[type="text"], .formTable input[type="password"], .formTable input[type="tel"], .formTable input[type="number"], .formTable input[type="email"], .formTable input[type="url"], .formTable input[type="search"], .formTable textarea{width:100%}
.formTable td{padding:0 0 .5em .5em}
.formTable td:first-child{padding:0 .5em .5em 0}
.formTable table td,.formTable table td:first-child{padding-bottom:0}
.formTable.right td:first-child{text-align:right;width:1%}
.formTable.right td{width:auto}
.formTable td[colspan="2"]{padding-right:0}
.formTable.formLoose,.formTable.formLoose td{width:auto}
.subjClass{display:none !important;}
#Captcha label{padding-left:0}
td.right, th.right{text-align:right}
.wsNew{display:inline-block;font-size:.7em;line-height:1.5em;height:1.5em;padding:0 .3em;margin:.3em 0;background-color:#FFC700;overflow:visible;vertical-align:top;color:#fff;font-style:italic}
.button.flag-left, .button.flag-right {position: relative}
.button.flag-left:before, .button.flag-right:after {content:""; position: absolute; top:0; height: 100%; width: 1.750em; background: url(/images/icons/misc/flag.svg) no-repeat center}
     .button.flag-left {padding-left: 2.5em}
     .button.flag-left:before {left: 0.5em}
     .button.flag-right {padding-right: 2.5em}
     .button.flag-right:after {right: 0.5em}
     .button.red-arrow:after {content: "\0020\›"; color: #c0151b}
     .button.flag-right.linkDown {margin-bottom: 0.75em}
     .button.flag-right h2 {margin:0; text-transform: none}


/* HEADER ----------------------*/

body>header{margin:0 auto;width:100%;background:#fff}
#brand{position: absolute; top: 0; left: 0; height: 100%; display:block; float: left}
     #brand img {position: relative; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%)}
     #brand:hover {opacity: 0.75}
/* ancillary */
#ancillary {position:relative; float: right; color:#ccc; text-align:right}
     #ancillary > div {margin: 0.625em 0 0.75em}
     #ancillary nav, #ancillary .cartInfo {display: inline-block; vertical-align: middle}
     #ancillary li{float:left; border-right:1px solid #9C9C9C; line-height: 100%}
     #ancillary li:last-child{border:0}
     #ancillary li a {font-size: 0.875em; font-weight:500; color:#9C9C9C; display: inline-block; margin: 0 0.75em}
     #ancillary a {text-decoration:none;-webkit-text-size-adjust:none}
     #ancillary a:hover, #ancillary a:active {color:#c0151b}
     #ancillary li.on a {text-decoration:none;color:#c0151b}
     #ancillary .cartInfo a {float: left; font-size: 1em; background: #efefef; position: relative; color:#000; display: inline-block; vertical-align: middle; line-height:2.563em; text-shadow: 0 1px 0 #fff; padding:0 1em; border-radius: 3px 0 0 3px}
     #ancillary .cartInfo a:hover {background:#4ca2eb; color:#072240; text-shadow:none}
     #ancillary .cartInfo a+a {margin-left:1px;border-radius: 0 3px 3px 0; padding: 0 0.4em 0 2.5em}
     #ancillary .cartInfo a+a:before {-webkit-transition:ease all 150ms;transition:ease all 150ms; content: ""; opacity:0.8; -webkit-filter: grayscale(1);filter: grayscale(1); position: absolute; top:0; left:1em; width:1em; height: 100%; background:  url(/images/navigation/cart.svg) no-repeat center; display:block;}
     #ancillary .cartInfo a+a:hover:before {opacity:1; -webkit-filter: grayscale(0);filter: grayscale(0)}
     #ancillary .cartInfo a span {margin-left:0.6em; position: relative; text-shadow:none;display: inline-block; background: #888888; border-radius: 3px; color:#fff; line-height:100%; padding:0.3em 0.55em}
     #ancillary .cartInfo a:hover span {background: #072240;}
     #ancillary .cartInfo a span:after, #ancillary .cartInfo a span:before {-webkit-transition: ease all 150ms;transition: ease all 150ms;	right: 100%;top: 50%;	border: solid transparent;	content: " ";	height: 0;	width: 0;	position: absolute;	pointer-events: none;}
     #ancillary .cartInfo a span:after {border-color: rgba(136, 183, 213, 0);border-right-color: #888888;	border-width: 5px;	margin-top: -5px;}
     #ancillary .cartInfo a span:before {border-color: rgba(194, 225, 245, 0);border-right-color: #888888;border-width: 0.313em;	margin-top: -0.313em;}
     #ancillary .cartInfo a:hover span:after, #ancillary .cartInfo a:hover span:before {border-right-color:#072240}
     #ancillary address > a {font-size: 1.813em; cursor: text; position: relative; padding: 0.25em 0 0.25em 1em; margin:0 0 0.5em; color: #c0151b; font-weight: 700; display: inline-block; vertical-align:middle; background:url(/images/navigation/phone.svg) no-repeat center left}

body > .search {position:absolute; top:var(--header-offset); right:calc(50% - 642px);  height: 2.813em; line-height: 2.813em}
body.management > .search {top: calc(var(--header-offset) + 35px);}
body.management2 > .search {top: calc(var(--header-offset) + 70px);}
body > .search > .product-search {position: relative;}
body > .search form > * {float: left; border-radius:0; font-weight:300; font-size: 1em; font-style: italic; height: 2.813em; -webkit-transition:ease all 150ms; transition:ease all 150ms}
     body > .search input {font-style:normal; line-height: 2.813em; font-size: 1em; -webkit-box-shadow:none; box-shadow:none; border:0; background:#547199; color:#fff; padding:0 2.813em 0 1em; width:14.813em}
     body > .search input:focus {background: #072240}
          body > .search input::-webkit-input-placeholder {color: #fff; opacity:1;}
          body > .search input::-moz-placeholder {color:#fff; opacity:1}
          body > .search input:-ms-input-placeholder {color: #fff; opacity:1}
          body > .search input:-moz-placeholder {color: #fff; opacity:1}
body > .search button {width:2.813em; position: absolute; right:0; top:0; -webkit-box-shadow:none; box-shadow:none; border:0; background:none}
     body > .search button:before {cursor: default; -webkit-transition:ease all 150ms; transition:ease all 150ms; content:''; opacity: 0.4; position: absolute; top:0; right:0; bottom:0; left:0; background: url(/images/navigation/search.svg) no-repeat center}
     body > .search input:focus+button:hover:before {cursor: pointer; opacity: 1}




/* PRIMARY NAV ----------------------*/

#mainnav{background:#12477b;overflow:visible; border-bottom: 4px solid #072240}
#mainnav .wrap{overflow: visible}
#mainnav ul{display: inline-block; text-align:left;overflow:visible; border-right: 1px solid #072240}
#mainnav li{display:inline-block;border-left: 1px solid #072240; position:relative}
#mainnav a{color:#fff;line-height:2.813em;padding:0 1.25em; font-weight: 400; display:inline-block;text-decoration:none;-webkit-text-size-adjust:none}
#mainnav .wrap>ul>li:hover>a, #mainnav .wrap>ul>li:active>a, #mainnav .wrap>ul>li.on>a{background:#c0151b;color:#fff}
#mainnav>ul>li.on>a{background:#c0151b;color:#fff}
/*dhtml*/
#mainnav li ul{z-index:3; width:14em; top:-200vh; opacity: 0; left:0;padding:1em 0.25em;background:#072240;position:absolute;overflow:auto;height:auto; border-radius: 0 0 0.25em 0.25em}
#mainnav li:hover ul{top:100%; -webkit-transition: ease opacity 200ms; transition: ease opacity 200ms; opacity: 1}
#mainnav .wrap>ul>li:last-child ul{right:0}
#mainnav .wrap>ul>li:nth-child(3) ul{width: 20em;
       -webkit-column-count: 2;
          column-count: 2;
}
#mainnav .wrap ul li {-webkit-column-break-inside: avoid; break-inside: avoid;}
#mainnav li ul li{width:100%;display:block;float:left}
#mainnav ul li ul li a{background:none;color:#fff}
#mainnav li ul li a{font-size:.9em;line-height:1.1em;padding:.5em; display:block;width:100%;text-align:left;float:left; border-radius:0.1em;}
#mainnav li ul li a:hover, .t1 li ul li a:active{color:#000;background:#fff}




/* Search Autocomplete ----------------------*/
body:has(.search-container.visible + #product-matches.is-visible) {
	overflow: hidden;
}

.overflow-hidden :is(#mainnav, main, .callouts, footer) {pointer-events: none;}

.search-autocomplete-window {
    background: rgba(07,34,64,.9);
    bottom: 0;
	height: calc(1000vh - var(--header-offset));
    left: 0;
    opacity: 0;
    padding: 0.6875em 1em;
    pointer-events: none;
    position: absolute;
    top: calc(var(--header-offset) + var(--mainnav-height));
    transform: translateY(0.5rem);
    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
    visibility: hidden;
    width: 100%;
    z-index: 2;
}

body.management .search-autocomplete-window {
    top: calc(var(--header-offset) + var(--mainnav-height) + 35px);
}

body.management2 .search-autocomplete-window {
    top: calc(var(--header-offset) + var(--mainnav-height) + 70px);
}

.search-autocomplete-window.is-visible {
	opacity: 1;
	transform: translateY(0);
	visibility: visible;
}

.search-autocomplete {
    background: #EFEFEF;
    border-radius: 10px;
    display: grid;
    gap: 0.5625em;
    max-width: 23.125em;
    padding: 1em;
	pointer-events: all;
	width: 100%;
}

.search-autocomplete .small-title {
    color: #000000;
    font-size: 0.875em;
    font-style: italic;
}

.search-autocomplete ul {
    display: grid;
    gap: 0.1875em;
}

.search-autocomplete ul li a {
	align-items: flex-start;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 0.25em;
    box-shadow: 0 0.25em 0.5em 0 rgba(0,0,0,0.05);
    display: flex;
    display: flex;
    gap: 0.5625em;
    padding: 0.25em 1em 0.25em 0.25em;
    width: 100%;
}

.search-autocomplete .search-product-image {
    aspect-ratio: 1/1;
    position: relative;
    width: 2.625em;
}

.search-autocomplete .search-product-image img {
    height: 100%;
    inset: 0;
    object-fit: contain;
    object-position: center;
    padding: 0.25em;
    position: absolute;
    width: 100%;
}

.search-autocomplete .search-product-image img {
    height: 100%;
    inset: 0;
    object-fit: contain;
    object-position: center;
    padding: 0.25em;
    position: absolute;
    width: 100%;
}

.search-autocomplete .search-product-name {
    align-items: center;
    color: #011839;
    display: flex;
    font-weight: 500;
	line-height: 1.125em;
	padding: 0.25em 0;
	min-height: 2.5em;
}

.search-autocomplete .view-all {
    border-top: 1px dashed #CDCDCD;
    padding-top: 0.5625em;
}

.search-autocomplete .view-all .button {
    background: #fff;
    border-color: #DCDCDC;
    border-radius: 0.25em;
    color: #011839;
    font-size: 1em;
    font-style: normal;
    font-weight: 500;
    padding: 1.0625em;
}

.search-autocomplete :is(a, .button):is(:hover, :focus-visible) {
    border-color: #4891db;
}




/* MAIN ----------------------*/

main, .mceContentBody{background:#fff}
main>.wrap{padding-top:3.15em}
.contentEditor{background:#fff;min-width:100%;}
/* side column */
main>div>aside{position:relative;width:20%;float: left}
/* t1 */
#sidenav{overflow:hidden;margin:0 0 2em}
#sidenav li{height:1%;overflow:hidden}
#sidenav li a{padding:1em;line-height:1.1em;display:block}
#sidenav li a:hover, #sidenav li a:active{background:#e5e5e5}
#sidenav li.on>a{color:#000}
#sidenav > ul > li.on > a {display: none}
/* t2 */
#sidenav li.on ul li{border-bottom:1px solid #eee}
#sidenav li.on ul li a{padding:0.7em 2.5em 0.7em 0.5em;color:#4ca2eb; border-radius:3px}
#sidenav li ul li a:hover, #sidenav li ul li a:active, #sidenav li ul li.on>a:hover{color:#fff;background:#4ca2eb}
#sidenav li ul li.on>a{color:#07223D}

/* t3 */
#sidenav li ul li.on ul{padding:1px;border:0; background: #EEEEEE; position: relative; border-radius:3px;}
#sidenav > ul > li > ul > li.on > ul:before{content: "";position: absolute; top:-1.75em; right:1em; display: block; width:1em; height:1em; background: url(/images/icons/misc/down-arrow.svg) no-repeat center right;}
#sidenav li ul li.on ul li{border:0}
#sidenav li ul li.on ul li a{padding:0.5em 1em 0.5em 2rem;font-size:0.938em;color:#c0151b}
#sidenav li ul li ul li a:hover, #sidenav li ul li ul li a:active, #sidenav li ul li ul li.on>a:hover{background:#c0151b; color:#fff}
#sidenav li ul li ul li.on {background:#fff;}
#sidenav li ul li ul li.on ul {background:#fff; padding:0}
/* t4 */
#sidenav li ul li ul li.on ul li a{padding-left:50px;font-size:0.875em; padding:0.25em 1em 0.25em 3.25rem; color:#757575}
#sidenav li ul li ul li ul li a:hover, #sidenav li ul li ul li a:active, #sidenav li ul li ul li ul li.on>a:hover{background:#072240; color:#fff}
#sidenav li ul li ul li ul li.on>a{color:#2f2f2f}
/*section callouts*/
main>div>aside section{margin:0 0 3em;padding:2em 1em; border-radius:3px; color:#fff; background: #071e3f url(/images/side-bg.jpg) no-repeat center / cover; text-align:center;}
main>div>aside section h2{color:#fff; font-style: italic; text-transform: none; margin:0 0 0.5em;font-size:1.5em}
main>div>aside section p{margin:0; line-height: 1.25em; font-size: 1.063em;}
main>div>aside section a{color:#fff; text-decoration: underline; font-weight:500; display: inline-block}
main>div>aside section .tel, main>div>aside section .tel:hover{color:#fff; text-decoration: none; cursor: default}
/* sidebar discounts */
#content .discounts {display: none}
main>div>.discounts {text-align: center; clear: left; margin-bottom: 3em}
main>div>.discounts .discount+.discount {margin-top: 0.75em; padding-top: 0.75em; border-top: 1px dashed #CDCDCD}
main>div>.discounts .title {display: block; margin-bottom: 0.5em; font-weight: 800; font-size: 1.13em; color: #C0151B; text-align: center; text-transform: uppercase}
main>div>.discounts .box {border-radius: 4px; position: relative; margin-bottom: 0.5em; padding: 1em; border: 1px solid #001F45;}
main>div>.discounts .box:before {content: ""; display: block; position: absolute; top:0; left:0; height: 0.69em; width:100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url(/images/sidebar-star.svg) no-repeat center}
main>div>.discounts .box h2 {text-transform: uppercase; margin-bottom: 0.125em; font-weight: 800; font-size: 25px; color: #001F45; text-align: center;}
main>div>.discounts .box p {font-size: 0.88em; line-height: 1.3em; margin: 0; color: #4A4A4A;text-align: center;}
main>div>.discounts .box p span {text-decoration: underline}
main>div>.discounts .box p strong {text-transform: uppercase}
main>div>.discounts .disclaimer {font-size: 0.75em; color: #9B9B9B; text-align: center; line-height: 1.25em;}
main>div>.discounts .discount {position: relative;}
main>div>.discounts .discount+.discount:before {background-color: #fff; content:"or"; font-weight: bold; position: absolute; top:-.9em; left:50%; transform: translateX(-50%); text-align: center; width:2em;}

/* breadcrumb */
.breadcrumb{margin-bottom: 1.5em; font-size: 0.875em; color: #adadad}
.breadcrumb a:after{content: "\203A"; margin: 0 0.5em; color: #adadad}



/* slider */


/* slide */
.slide {
    align-content: stretch;
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    position:relative;
    width: 100%;height: 55vh;min-height: 30em;
}
.slide .body {
	background: rgba(255,255,255,0.95);z-index:1;
	border-radius:3px;
	margin:0 auto;
	max-width: 44.375em;
	opacity: 0;
	padding:2em;
	position: relative;
	text-align:center;
	width:100%;
	z-index: 1;
}
.slide img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* caption */
.slide .title {font-size:2.500em; overflow: hidden; padding-bottom:0.7em; margin-bottom: 0.6em; display: block; line-height:120%; font-weight:700;	text-transform: uppercase;	color:#c0151b;	z-index:1;	opacity: 0;	filter: alpha(opacity:0);	position: relative;; background: url(/images/home/rotator-star.svg) no-repeat center bottom}
.slide .brief {color: #011839; overflow: auto; position: relative; display:block; border-bottom:1px solid #011839;  display: -webkit-flex; display: flex; -webkit-flex-direction: row;  flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch;  align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
.slide a {font-size:1.5em; margin-top: 1.75em; font-weight:normal; font-weight: 600; line-height: 100%}
.slide a:hover {background: #011839; border: 1px solid #011839}
.slide .on { opacity: 1;	filter: alpha(opacity:100); -webkit-transition: all 500ms linear;transition: all 500ms linear;  }

.slide .left, .slide .right {width: 50%; float: left; color: #011839}
.slide .brief > div:not(.disclaimer):nth-child(even) {padding-left: 1em;border-left: 1px solid #ccc}
.slide .brief > div:not(.disclaimer):nth-child(n+3) {padding-top: 1rem; border-top:1px solid #ccc}
.slide h2 {color:#011839; font-size: 2.25em; line-height: 120%; font-weight: 700; text-transform: uppercase; margin-bottom:0}
.slide p:empty {display: none}
.slide .left span, .slide .right span {text-decoration: underline}
.slide .sale .rotatorLink {clear:both; width:100%; border-top: 1px solid #011839; padding-top:2em}
.slide .disclaimer {font-size: 0.75em; margin: 0.5em 0; float: left; clear: both; text-align: center; width: 100%; color: #666;}

@media screen and (max-width:750px) {
     .slide h2 {font-size: 1.5em;}
     .slide .brief > div:not(.disclaimer):nth-child(even) {padding-left: 1em;}
     .slide .brief > div:not(.disclaimer):nth-child(odd) {padding-right: 1em;}
     .slide .brief > div p {font-size:0.875rem}
}
@media screen and (max-width:600px) {
    .slide {min-height: 0;height: auto}
	.slide .body {max-width:100%;background: #fff}
	.slide .title {font-size: 1.5em; padding-bottom:0.5em}
	.slide .brief {font-size:1em; line-height: 120%;}
	.slide .brief:before {top:-1.6rem}
	.slide a {font-size: 1em}
	.slide .sale .left, .slide .sale .right {width: 100%;}
	.slide .sale .right { padding-top:1em; border-left:0; border-top:1px solid #ccc}
	.slide .sale h2 {font-size: 1.5em; margin-bottom:0}
}


/* CONTENT ----------------------*/

#content{float:right;width:74%;padding:0 2em 5em 0;overflow:hidden; min-height:600px;word-wrap:break-word;position:relative}
#content img {max-width: 100%; height: auto;}
#content .manage img {max-width: none; height:auto !important}
#content .photoright, #content .photoleft{max-width:50%;height:auto; border-radius: 3px}
#content .photoright img,#content .photoleft img {max-width:100%;height:auto}
#content img.phototreatment{max-width:50%;height:auto}
img.phototreatment,img.photoright,img.photoleft,.photoright img,.photoleft img {}
.photoright{float:right;margin:0 0 3em 4em;clear:right}
.photoleft{float:left;margin:0 4em 3em 0;clear:left}
.muted {opacity:0.5;filter:alpha(opacity=50)}
.highlight, .content .highlight{border-top: 1px solid #415d86; border-bottom: 1px solid #415d86; padding:2em 1em;margin:5% 0}
#content * h1{font-size:1.438em; font-style: italic; color:#c0151b; font-weight:500; text-transform: none; margin-bottom:1em}
small, .textSm{font-size:.8em}
#content table, .contentEditor table{width:100%}

.shareIcons{display:inline-block;position:relative;overflow:auto}
.shareIcons a{display:block;float:left;margin:0 .5em 1em 0;height:20px;width:20px;background-position:center center; background-repeat:no-repeat;background-size:contain;border-radius:.2em;-webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2);box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2)}
.shareIcons a:hover{background-color:#F03C5E}
.shareFacebook{background-color:#3b5998; background-image:url(../../images/icons/64x64/facebook.png)}
.shareTwitter{background-color:#00aced; background-image:url(../../images/icons/64x64/twitter.png)}
.shareLinkedin{background-color:#007bb6; background-image:url(../../images/icons/64x64/linkedin.png)}
.shareGoogle{background-color:#dd4b39; background-image:url(../../images/icons/64x64/google-plus.png)}

.callouts {width:100%; margin:0; display: flex; border-top:1px solid #fff; border-bottom:1px solid #fff; clear: both; background: url(/images/callout-bg.jpg) no-repeat center / cover}
     .callouts div {width: 33%; text-align: center; color:#d9d9d9; display: table-cell; vertical-align: top; padding: 1.5em 2%; display: inline-block}
     .callouts div:nth-child(2) {background: rgba(0,0,0,0.3)}
     .callouts h2 {font-size: 1.375em; margin-bottom: 0.5em; color:#fff; text-transform: uppercase; font-weight:700}
     .callouts p {font-size: 1.05em; margin-bottom: 0}
.home .main {background: url(/images/home/barn.webp) no-repeat center / cover}

.categories {width:100%; text-align: center; overflow: hidden; float: left; padding: 4.250em 1em; clear:both; background:#fff}
     .categories .wrap {overflow: visible}
     .categories .categoryList {width:100%; float: left; clear:both}
     .categoryList a {display: inline-block; text-align: center; width: 21.15%; position: relative; vertical-align: top; margin: 0 4.8% 4.8% 0; border: 1px solid #4891dc; border-radius:4px;background-color:#fff;}
          .categoryList a:hover {border: 1px solid #c0151b}
          .categoryList a:nth-child(4n+4) {margin-right:0}
          .categoryList a > span {width: 100%; height:0; border-radius: 4px; padding-bottom: 52%; display: block;}
               .categoryList .international > span {background:#fff url(/images/home/flags/international.webp) no-repeat center bottom / contain}
               .categoryList .state > span {background:#fff  url(/images/home/flags/state.webp) no-repeat center bottom / contain}
               .categoryList .service > span {background:#fff  url(/images/home/flags/service.webp) no-repeat center bottom / contain}
               .categoryList .historic > span {background:#fff  url(/images/home/flags/historic.webp) no-repeat center bottom / contain}
               .categoryList .sports > span {background:#fff  url(/images/home/flags/sports.webp) no-repeat center bottom / contain}
               .categoryList .outdoor > span {background:#fff  url(/images/home/flags/outdoor.webp) no-repeat center bottom / contain}
               .categoryList .indoor > span {background:#fff  url(/images/home/flags/indoor.webp) no-repeat center bottom / contain}
               .categoryList .accessories > span {background:#fff  url(/images/home/flags/accessories.webp) no-repeat center bottom / contain}
               .categoryList .reinforced-nylon-flags > span {background:#fff  url(/images/home/flags/reinforced-nylon-flags.webp) no-repeat center bottom / contain}
     .categoryList h2 {font-size:1.250em; height: 4.375rem; margin:0; color:#2474C6; padding: 0 0.5em;}
     .categoryList h2 * {color:inherit;}
          .categoryList h2 span {line-height: 100%; display: block; position: relative; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%)}
          .categoryList a:hover h2 {color:#c0151b}
.help {clear:both; font-size:1.25em; padding-top:2em; border-top:1px solid #ccc}
     .help > span {display: inline-block; font-size:1.1em; color:#c0151b; font-weight:600}
     .help .button {margin: 0 0.75rem}
     .interior .categoryList + .help {border-top: 1px solid #ccc; text-align: center; font-size: 1.125em}
     .interior .categoryList + .help .button {font-size: 1em}

.home .main {padding: 3.813em 1em;width: 100%;clear: both}
     .home .main .wrap {padding: 0}
     .home .main #content.right {max-width: 30.250em; padding:5em 2em 3em; float:right; text-align: center; background:rgba(255,255,255,0.95); border-radius:4px; min-height: 0}
     .home .main #content.right h1 {text-transform: none; position: relative; padding-bottom:0.9em; margin-bottom: 0.75em; font-size: 2.125em; background: url(/images/home/star-underline.svg) no-repeat center bottom}
     .home .main #content.right h2 {color: #c0151b; font-style: italic; font-size: 1.750em; font-weight:600; margin-bottom:0.65em}
     .home .main #content.right p {color: #011839; font-size: 1.125em;}
     .home .main #content.right a {font-weight: 500; color: #011839; text-decoration: underline}
     .home .main #content.right a:hover {color: #c0151b}
     .home .main #content.right a.tel {text-decoration: none; cursor: default}
     .home .main #content.right a.tel:hover {text-decoration: none; cursor: text; color: #444}
.advancedSearch {padding-top:1em; margin-bottom: 3em; overflow: auto}
     .advancedSearch .inputGroup {width: 100%; padding:0 2em 2em 0; margin-bottom:2em; float: left; clear: both; overflow:auto; border-bottom:1px solid #ccc}
.advancedSearch .inputGroup h2 {margin-bottom:0.5em}
     .advancedSearch .inputGroup .half {width:50%; float: left}
     .advancedSearch .inputGroup input[type="text"], .advancedSearch .inputGroup select {width:75%}
     .advancedSearch .inputGroup.small select {min-width: 4em; width:  auto; margin:0 1em 0 0.25em}
     .advancedSearch .inputGroup.full input[type="text"] {width:88%}
.searchResults {float: left; clear: both; width:100%; margin-top:0 !important}
.searchResults > .flag-left {margin-bottom: 2em}
figcaption {font-size: 0.8em; line-height: 130%; text-align: right; color:#666}

/* PRODUCTS ----------------------*/
.productPreview {float:left; max-width: 50%; height: auto; margin: 0 2em 1em 0}
     .productPreview img {max-width: 100%; height: auto}
.productTable {border: 1px solid #aeaeae; float: left; margin:1em 0; border-radius: 5px; overflow: hidden; clear: both; width:100%}
     .productTable thead th {font-size: 1.125em; padding: 0 0.5rem; color:#fff; line-height: 2.813rem; background: #072240; text-transform: none; font-style:normal}
.productTable thead th:nth-child(2) {padding-left:0}
     .productTable tbody th {position: relative; font-size: 1em; color:#fff; font-style: italic; font-weight:400; padding: 0 1em; line-height: 2.188rem; background: #4891dc; text-transform: none}
          .productTable tbody th .question:after {content: url(/images/icons/misc/question-white.svg); display: inline-block; margin-left: 0.25em; vertical-align:baseline}
          .productTable tbody th .question:hover {cursor: pointer}
          .productTable tbody th .answer {position: fixed; z-index:10; top:0; left:0; right:0; bottom:0; background: rgba(0,0,0,0.8); display: none}
          .productTable tbody th .answer.on {display: block}
               .productTable tbody th .answer .contain {width: 60%; position: absolute; border-radius:5px; padding:2em; font-size: 1em; color:#666; font-style:normal; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); background: #fff; height:auto}
               .productTable tbody th .answer .contain .close:before {opacity: .65; position: absolute; -webkit-transition: ease all 200ms; transition: ease all 200ms; top:-2em; right:0; content: ""; width:1.5em;height: 1.5em;  cursor: pointer; font-size:1.5em; padding: 0.25em 0;background: url(/images/navigation/times-circle-white.svg) no-repeat center center;background-size:80%}
               .productTable tbody th .answer .contain .close:hover:before {opacity: 1}
               .productTable tbody th .answer .contain .answerTitle {font-size: 1.5em; margin-bottom:1em; font-weight:600; line-height: 120%; padding-right: 2em; display: block; color: #c0151b}
               .productTable tbody th .answer .contain li {background-position:  0.7em 0.9em}
     .productTable tbody td {padding: 1rem 0.5rem; font-weight: 600; border-bottom:1px solid #aeaeae; border-collapse: collapse; width: 1%; vertical-align: middle}
     .productTable tbody tr:last-child td {border: 0}
     .productTable tbody tr:nth-child(odd) {background: #f2f2f2}
     .productTable tbody td:first-child {padding: 0.5rem 2.5rem; width:2%}
     .productTable tbody td:nth-child(2) {width:5%; padding-left:0}
     .productTable .price {font-size: 1.125em; color:#011839}
     .productTable .thumbnail {max-width: 4.5em; vertical-align:middle; display:inline-block; height: auto}
          .productTable .thumbnail:hover {opacity:0.5}
          .productTable .thumbnail img {float: left}
     .productTable .add {display: inline-block; font-style: italic; padding: 0.5em 0.75em; border-radius:4px; background: #c0151b; color:#fff}
     .productTable .add:hover {background: #4ca2eb}
     .productTable input[type="submit"] {background: #c0151b; color:#fff; border: 0}
     .productTable input[type="submit"]:hover {background: #4891dc}

.wsProductsTable td:first-child {vertical-align: middle}
.wsProductsTable .delete-product {display: block; width:3em; text-align: center}
     .wsProductsTable .delete-product img {width: .8em}

.interior .categoryList {margin-top:3em;
     
    
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    
    align-content: stretch;
}
.interior .categoryList a {width:25%; float: left; border-radius: 0; margin:0; border:0; padding: 2em 1em; border-top: 1px solid #ccc}
     .interior .categoryList a:hover {background:#ececec}
     .interior .categoryList a h2 {font-size: 1em; margin-top:0.5em; height: auto}
     .interior #content .categoryList a .image {
		align-content: center;
		align-items: center;
		display: flex;
		flex-wrap: nowrap;
		height: 9em;
		justify-content: center;
		margin-bottom: 0.75em;
		overflow: hidden;
		position: relative;
	}
     .interior #content .categoryList a .image img {
        height: 100%;
        left: 0;
        object-fit: contain;
        object-position: center;
        position: absolute;
        top: 0;
        width: 100%;
   }
.interior .categoryList a .center > div {width: 100%; height: auto}

.product {width: 50%; height: auto; float: left;}
     .product .thumbnails {width:100%; margin: 1em 0 0}
     .product .thumbnails div {border: 1px solid #ccc; overflow: hidden; opacity: 0.5; position: relative; -webkit-transition: all 150ms ease-out; transition: all 150ms ease-out; display: inline-block; cursor: pointer; margin-right:0.25em; width:5em; height: 3em; background-position: center; background-repeat:no-repeat; background-size: cover}
     .product .thumbnails div.on, .product .thumbnails div:hover {opacity: 1; border: 1px solid #c0151b}
     .product .thumbnails div img {position: absolute; top:50%; left:0; width: 100%; height:auto; transform: translateY(-50%); -webkit-transform:  translateY(-50%)}

.buy {width: 50%; float: left; padding: 2em 0 0; color:#666}
.buy .strike {text-decoration: line-through}
.buy .price {font-size: 1.375em; font-weight: 600; color:#011839}
.buy input {width:7em; margin: 0.75em 0}
.buy td {padding: 0.2em 1em; vertical-align: middle}
.buy td:first-child {text-align: right}
.buy td button {font-size: 1.125em; padding: 1em 1.5em; margin-top:0.75em}

.description, .related {width:100%; clear:both; margin: 2em 0; float: left}
.related {text-align: center}
.related h2 {color: #011839; overflow: hidden; font-size: 1.250em; position: relative}
.related h2:before, .related h2:after {content: ''; height: 1px; background:#ccc; position: absolute; bottom:0.5em;  width: 50%}
     .related h2:before {right: calc(50% + 5em)}
     .related h2:after {left: calc(50% + 5em)}
     .interior .related .categoryList a {width: 33.333%; border: 0}
     .interior .related .categoryList a h3 {font-size: 1em;color:#4891dc; margin:1em 0 0}

#dd25 input {height: 2.5em; font-size: 1em; line-height: 2.5em; padding: 0 1em}

.col {width:50%; float: left; padding-right:5%; margin:1em 0 0.5em}
.col h2 {margin-bottom: 0.5em}
#estimatedShippingCost {font-size: 1.25em; margin-left:1em; font-weight:bold; color:#31659b}


.confirmOrder {float:left; padding: 1em 0 2em; width: 100%;}
.confirmOrder section {float: left; padding-right: 3%; width: 33%;}



/* SITE SEARCH ----------------------*/

.search-results main > .wrap {
	max-width: 70em;
	padding-top: 1.15em;
}

.search-results main > .wrap .search-header {
	align-items: flex-end;
    display: flex;
    justify-content: space-between;
    gap: 0 1em;
	margin-bottom: 3em;
}

.search-results h1 {
	margin: 0;
	text-transform: none;
    width: 100%;
}

.search-results h1 span {
    color:#333;
    display: block;
    font-size: 1rem;
    font-style: italic;
    font-weight: 400;
}

.search-results .radio-group {
    display: flex;
    gap: 0.5em;
}

.search-results .radio-group label {
    align-items: center;
    background: #011839;
	border-color: #011839;
    color: #fff;
    display: flex;
    justify-content: space-between;
	white-space: nowrap;
}

.search-results .radio-group label:after {
    display: none;
}

.search-results .radio-group input:not(:checked) + label {
    background: #efefef;
    border-color: #ccc;
	color: #011839;
}

.search-results .radio-group input:not(:checked):is(:hover, :focus-visible) + label {
    background: #12477b;
    border-color: #12477b;
    color:#fff;
}

.search-results main > .wrap #content {
	padding: 0;
	width: 100%;
}

.search-results .content > section {
    margin: 0;
}

.search-results #results-products .resultsList {
    display: grid;
    gap: 2.5em 1em;
    grid-template-columns: repeat(auto-fill, minmax(13.75em, 1fr));
}

.search-results .content .no-matches {
    background: #DBECFF;
    border-radius: 6px;
	padding: 1em;
	margin: 0;
	text-align: center;
}

.search-results .content ul li {
    background: none;
    margin: 0;
    padding: 0;
}

.search-results #results-products .resultsList li a {
    align-content: start;
    display: grid;
    gap: 0.35em;
    height: 100%;
}

.search-results #results-products .resultsList li a img {
    aspect-ratio: 1.5/1;
    border: 1px solid #ccc;
    border-radius: 6px;
    display: block;
    object-fit: cover;
    object-position: center;
    padding: 1em;
    transition: ease all 200ms;
    width: 100%;
}

.search-results #results-products .resultsList li a:is(:hover, :focus-visible) img {
    border-color: #2474C6;
}

.search-results #results-products .resultsList li a .result-title {
    color: #011839;
    display: block;
    line-height:1.125em;
    padding: 0 1em;
    text-align: center;
    transition: ease all 200ms;
}

.search-results #results-products .resultsList li a:is(:hover, :focus-visible) .result-title {
    color: #2474C6;
}

.search-results #results-sitewide > ul {
    display: flex;
	gap: 1em;
	flex-direction: column;
}

.search-results #results-sitewide > ul li a {
	align-content: start;
	display: block;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 1em;
}

.search-results #results-sitewide > ul li a:is(:hover, :focus-visible) {
    border-color: #2474C6;
}

.search-results #results-sitewide > ul li a h3 {
    color: #c0151b;
    margin: 0 0 0.5em;
    transition: ease all 200ms;
}

.search-results #results-sitewide > ul li a:is(:hover, :focus-visible) h3 {
    color: #2474C6;
}

.search-results #results-sitewide > ul li a figure {
    display: block !important;
    margin: 0 0 0 1em !important;
	width: 15% !important;
	float: right !important;
	min-width: 4.6875rem !important;
}

.search-results #results-sitewide > ul li a figure img {
	height: auto;
	margin: 0 auto;
	margin-bottom: 0px;
	max-width: 100%;
	max-height: 6.25em;
	display: block;
}

.search-results #results-sitewide > ul li a p {
    color: #011839;
    line-height: 1.25em;
}

.search-results #results-sitewide > ul li a :last-child {
    margin-bottom: 0;
}

.search-results .content nav.pagination {
	margin: 3em 0;
}

.search-results .content nav.pagination .pager {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .25em;
	justify-content: center;
}

.search-results .content nav.pagination li > * {
    border: 1px solid #ccc;
    border-radius: 4px;
    display: block;
    padding: .25em .65em;
    text-decoration: none;
}

.search-results .content nav.pagination li > a:is(:hover, :focus-visible) {
	border-color: #2474C6;
	background: #2474C6;
	color: #fff;
}

.search-results .content nav.pagination .pager a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

.search-results .content nav.pagination .pager [aria-current="page"] {
	background: #011839;
	border-color: #011839;
	color:#fff;
    pointer-events: none;
}

.search-results .content nav.pagination .pager li[aria-disabled="true"] {
	opacity: .5;
}

.search-results .content nav.pagination .pager li[aria-disabled="true"] > * {
	border: 0;
}

.search-results .content nav.pagination .ellipsis {
    padding: 0 .25em;
}







/* FOOTER ----------------------*/

body>footer{padding:3.5em 1em;color:#74A9EB; background:#002248; border-top: 1px solid #fff}
footer>.wrap{overflow:visible}
footer a{color:#fff}
footer a:hover, footer a:active{color:#c0151b}
footer a.on, footer .on>a{text-decoration:none;color:#c0151b}
#web-solutions-exposure {float:right;margin-left:11px}
body>footer .fatFooter {overflow: hidden;}
.fatFooter > div {float: left;line-height: 1.25em}
.fatFooter .middle {text-align: center}
.fatFooter .badges {text-align: right}
.fatFooter .badges * {display: inline-block; float:right; clear:both}
.fatFooter .badges img+a, #GTS_CONTAINER {margin-top: 1.5em;}
.fatFooter a {display: block; cursor: pointer}
.fatFooter .middle a {font-size: 1.5em; font-weight:500; background: url(/images/icons/misc/phone.svg) no-repeat center left; display:inline-block; padding:0.25em 0 0.25em 1.25em; margin-bottom:0.75em}
.fatFooter .middle a:hover {color:#fff; cursor: default}
.fatFooter .connect {margin-top: 2em; padding:0 0 0 2em; background: url(/images/icons/misc/facebook.svg) no-repeat center left}
.fatFooter .signUp span {display: block; margin-bottom:0.5em}
.fatFooter .signUp div, .fatFooter .signUp input[type="text"], .fatFooter .signUp button {height: 2.313rem; line-height: 2.313rem; border:0; font-size: 1em}
.fatFooter .signUp div {position: relative; height: 2.313rem; border-radius: 3px; overflow: hidden; display: inline-block; line-height: 2.313rem}
.fatFooter .signUp input {background: #2A4563; color:#fff; font-style: italic; padding-right:3em; padding-left:1em}
.fatFooter .signUp input:focus {background: #fff; color:#666; }
.fatFooter .signUp button {position: absolute; cursor: default; width: 2.313rem; top:0; right:0; border-radius:0; background: #77889C;padding:0}
.fatFooter .signUp input:focus + button:hover {background: #4ca2eb}
.fatFooter .signUp button img {position: absolute; height: 1.113rem; width: auto; top:.6rem; right:.6rem; }
          .fatFooter .signUp input::-webkit-input-placeholder {color: #fff; opacity:1;}
          .fatFooter .signUp input::-moz-placeholder {color:#fff; opacity:1}
          .fatFooter .signUp input:-ms-input-placeholder {color: #fff; opacity:1}
          .fatFooter .signUp input:-moz-placeholder {color: #fff; opacity:1}
#seoFooter {display:none}
.copyright {width:100%; float:left; clear:both; color:rgba(255,255,255,.5); background: #011229; padding:1em}
.copyright .wrap > div {font-size: 0.875em}
.copyright nav {display: inline-block}
.copyright a {color:rgba(255,255,255,.5)}
.copyright a:hover,.copyright a.on {color:rgba(255,255,255,.7)}


/* APPS ----------------------*/

/* pagination */
.pagination{font-size:1em;text-align:right}
.categoryList + .pagination {margin: 1em 0}

/* page header */
.pageHeader{width:100%; float: left; clear:both; height:auto; height: 7.313em; border-bottom:1px solid #b2b9c3; background-position: center; background-size:cover; background-repeat:no-repeat}

/* rotator */
#rotator {float:left; background:#fff; clear:both; width:100%}

/* ALERT */
#alertApp, #alertApp.alertStatic:hover{width:100%; background:#990000}
#alertApp h1{margin-bottom:0;font-size:1.1em;padding:5px;color:#fff;text-align:center}
#alertTitle span{float:right; opacity:.5}
#alertApp:hover #alertTitle span{opacity:1}
#alertTitle a{color:#fff;text-decoration:underline}
#alertDesc{overflow:hidden}
.alertClosed #alertDesc{height:auto;max-height:0}
.alertOpen #alertDesc{height:auto;min-height:0;max-height:250px;}
#alertDesc p{color: rgba(255,255,255,.8);}
#alertApp {cursor:pointer;}
#alertApp.alertStatic{cursor:auto}
#alertApp:hover { background:#660000;}



/* MANAGEMENT OVERRIDES ------------------------------ */
#wysiwygBody{background:#fff}

/* management table */
hr+.manage{margin-top:-1em}
.manage{border-bottom:1px solid rgba(0,0,0,.2);width:100%;line-height:1.3em}
.manage th{border-bottom:1px solid rgba(0,0,0,.2);text-align:left}
.manage th.right{text-align:right}
.manage th.sort{cursor:pointer}
.manage th.sort img{margin-left:5px}
.manage th img {position:relative;bottom:-2px}
.manage td,.manage th{padding:5px 5px 5px 0}
.manage td:first-child{padding-left:.8em}
.manage img.preload{display:none;position:absolute;z-index:9900;top:0;border:solid 1px #fff}
.manage td.icons img{margin-left:5px;position:relative;bottom:-2px}
.manage td:first-child.icons img{margin-left:0}
.manage td:first-child.icons{padding-left:3px;padding-right:3px}
.manage td.icons a:first-child img{margin-left:0}
.manage td.icons input{position:relative;bottom:2px;margin-left:5px}
.manage .hidden{font-style:italic;color:#900}
.manageButton{text-align:right;padding:10px 0}
.alternate tbody tr:nth-child(even), .even{background:#fff}
.alternate tbody tr:nth-child(odd), .odd {background:rgba(0,0,0,.06)}
.manage+hr, .manage+.manageLinks+hr{margin-top:50px}
.manageLinks{margin-top:10px}
.manageLinks a{white-space:nowrap}
.manageLinks a img{position:relative;bottom:-2px}
.manageLinks button{margin-left:5px}
.manageButtons{text-align: right;padding:10px 0}
.wsReturnToButton {float:right;margin-top:-3.5em}
.manage.rightFirstChild td:first-child{text-align:right}
.sortRow th{cursor:pointer}
.manageEllipsis{width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}
/*
.manage td.reportTitle{padding-left:5px;width:150px; cursor:pointer}
.manage td.views{padding-right:5px}
.manageCaption{}
.manageCaption td:first-child{padding-top:0;padding-left:0;font-size:.85em; font-style:italic;opacity:0.4;filter:alpha(opacity=4)}
*/
.gm-style-iw > div > div > div {width:auto !important; overflow: hidden !important}
#dd2 input {padding: 0.25em 0.5em !important; line-height:1.5em !important; font-size: 1em !important}

header>.menu, #mainnav>.menu, .primary, .secondary, #site-search, .quickCheckout {display: none}


/* RESPONSIVE ----------------------*/


/* Desktop Only */
@media screen and (min-width: 750px) {
	.management #skipNavigation:focus,
	.management #skipNavigation:active{top:35px;}
	.management2 #skipNavigation:focus,
	.management2 #skipNavigation:active{top:70px;}

    .search-autocomplete-window .wrap {
        display: flex;
		justify-content: flex-end;
    }
}


@media screen and (max-width: 1310px) {
	body > .search {
		right: 1em;
	}
}

@media screen and (max-width: 1280px) {
	#brand {
		max-width: calc(50vw - 13.75em);
		min-width: 15.625em;
	}
	#brand img {
		width: 100%;
		height: auto;
	}
	#mainnav {
		padding: 0;
	 }

	body > .search {
		right: 15.0625em;
		top: calc(var(--header-offset) - 3.5em);
		width: calc(50vw - 3.125em);
	}

	body.management > .search {
		top: calc(var(--header-offset) - 3.5em + 35px);
	}
	body.management2 > .search {
		top: calc(var(--header-offset) - 3.5em + 70px);
	}

	body > .search input {
		background: #efefef;
		color:#000;
		border-radius: 6px;
		width: 100%;
	}
	    body > .search input::-webkit-input-placeholder {color: #666;}
        body > .search input::-moz-placeholder {color:#666;}
        body > .search input:-ms-input-placeholder {color: #666;}
        body > .search input:-moz-placeholder {color: #666;}
	body > .search input:focus {
		background: #efefef;
		color:#000;
		box-shadow: inset 0 0 0 1px #4ca2eb;
	}
	body > .search button {
		filter: brightness(0);
	}
	.search-autocomplete-window {
		top: var(--header-offset);
	}
	body.management .search-autocomplete-window {
		top: calc(var(--header-offset) + 35px);
	}
	body.management2 .search-autocomplete-window {
		top: calc(var(--header-offset) + 70px);
	}
	.search-autocomplete-window .wrap {
		padding-right: 14em;
	}
	#mainnav .wrap > ul {
		display: flex;
	}
	#mainnav .wrap > ul > li {
		flex: 1 1 auto;
	}
	#mainnav .wrap > ul > li > a {
		display: block;
		font-size: 0.8em;
		padding: 0;
		text-align: center;
	}
	#mainnav .wrap > ul > li li a {
		font-size: 0.8em;
	}
     .twoCol.login .create-account .createAccountBtn {text-align: center}
     .twoCol.login .create-account .createAccountBtn .button {display: block}
}

@media screen and (max-width:1055px) {
     .categoryList a {width:30%; margin: 0 3.8% 3.8% 0}
     .categoryList a:nth-child(3n+3) {margin-right: 0}
     .categoryList a:nth-child(4n+4) {margin-right: 3.8%}
     .interior .categoryList a {width:50%; margin:0}
     main>div>aside {font-size: 0.9em}

}

@media screen and (max-width:965px) {
     #mainnav div>ul {display: table-row}
     .product, .buy {width: 100%}
}

@media screen and (max-width:900px) {
     body > .search {
		width: calc(100% - 33.125em);
	 }
	.search-autocomplete-window .wrap {
    	justify-content: center;
    	padding: 0;
  	}
}

@media screen and (min-width:750px) {
    .fatFooter > div:first-of-type, .fatFooter > .badges {width: 15%;}
    .fatFooter > div.middle {width: 40%;}
    .fatFooter > div.reviews {width: 30%;}
}

@media screen and (max-width:749px) {
     .mobileHide {display: none}
     header>.menu, #mainnav>.menu, .primary, .secondary {display: block}
    .home .main {padding: 0}
    .home .main #content.right {background: #fff;border-radius: 0}
     .categoryList h2 {font-size: 1em}
     .categoryList a {width:48%; margin: 0 3% 3% 0}
     .categoryList a:nth-child(2n+2) {margin-right: 0 !important}
     .categoryList a:nth-child(3n+3) {margin-right: 3%}
     .categoryList a:nth-child(4n+4) {margin-right: 0}

     body>header{text-align: left;position: relative;width:100%;background:#fff; padding: 0}
     #brand{position: relative; margin-top:2.5rem; line-height: 3.75rem;height: 3.75rem; width:13em; display: inline-block;padding: 0 1rem; background: url(/images/m/Flag-Store-USA.svg) no-repeat 0.5rem center / 90%}
     #brand img{display: none;}

		 #mainnav .wrap > ul {
			 display: block;
		 }

		 #mainnav .wrap>ul>li>a {
			 font-size: 1em;
			 padding-inline: 1em 5em;
			 text-align: left;
		 }

		 #mainnav .wrap > ul > li li a {
			 font-size: .9375em;
		 }

     /* TOPNAV */
     .primary{background-color:#113568; border-bottom: 3px solid #011839; width:100%; float: left; clear: both; display: table-row}
     .primary>*{color:#fff;line-height:2.75rem;font-size: 0.85em; padding:0 1rem; display: table-cell; width:1%; text-align:center; padding:0; white-space: nowrap}
     .primary>*+*{border-left: 1px solid #011839}
    header .login:after{content:"\f023";}
	.secondary {
		align-items: center;
        height: 3.75rem;
        padding: 0 .5rem;
        position: absolute;
        right: 0;
        text-align: center;
        top: 2.5rem;
		display: flex;
	}

	.secondary .navIcon {
		align-items: center;
		background: none;
		border: 0;
		color: #c0151b;
		padding: 0;
		display: flex;
		justify-content: center;
		width: 2.5rem;
		height: 2.5rem;
		line-height: 2.5rem;
	}

	.secondary .navIcon[aria-expanded=true] {
		background: #c0151b;
	}

	.secondary .navIcon[aria-expanded=true] img {
		filter: brightness(100);
	}

	.secondary .navIcon img {
        height: 1em;
        object-fit: contain;
        object-position: center;
        vertical-align: middle;
        width: 1em;
	}

     body>header .primary .menu:after{content:"";display: inline-block;margin-left: .25em;background: url(/images/navigation/bars-white.svg) no-repeat center bottom;background-size: contain;width: .7em;height: .7em;}
     body>nav .menu:before{content:"";display: inline-block;margin-right: .25em;background: url(/images/navigation/bars-white.svg) no-repeat center bottom;background-size: contain;width: .7em;height: .7em;}

     header .menu{cursor: pointer}
     header>.menu{position: fixed;right: -100%;top: 0;width: 2.5em;height: 2.5em;line-height: 2.5em;z-index:-1;opacity: 0;background-color: rgba(255,255,255,.5)}
     .scroll header>.menu{opacity: 1;z-index: 2; right:0}
     .scroll header>.menu img{position: absolute; top: 50%; left: 50%; width: 1em; transform: translate(-50%, -50%); height: auto;}

	 /* smart search */
	body > .search-container,
	body.management > .search-container,
	body.management2 > .search-container {
		background: #fff;
		border-bottom: 1px solid #ccc;
		height: auto;
		left: 0;
		padding: 0 1em 1em;
		right: 0;
		top: calc(var(--header-offset) - 3em);
		width: 100%;
		z-index: 10;
		transition: opacity 0.3s ease, transform 0.3s ease;
		transform: translateY(0.625em);
		opacity: 0;
		pointer-events: none;
	}

	body > .search-container.visible {
		opacity: 1;
		pointer-events: auto;
		transform: translateY(0);
	}

	body > .search-container:after {
        background: rgba(07,34,64,.9);
        content: "";
        height: calc(100vh - 100px);
        left: 0;
        left: 0;
        pointer-events: none;
        position: fixed;
        top: 3.75em;
        width: 100vw;
    }

	.search-autocomplete-window,
	body.management .search-autocomplete-window,
	body.management2 .search-autocomplete-window {
		top: calc(var(--header-offset) + 0.875em);
		background: none;
		z-index: 11;
	}

	.search-autocomplete {
        max-height: calc(100vh - var(--header-offset) - 62px);
		max-width: 100%;
		overflow: auto;
    }

	.search-container:not(.visible) + .search-autocomplete-window.is-visible {
		opacity: 0;
		transform: translateY(0.5rem);
		visibility: hidden;
	}



    .fatFooter .badges {
        
        
        display: flex;
        
        
        
                flex-direction: row;
        
        flex-wrap: nowrap;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -ms-flex-line-pack: center;
        align-content: center;
        
        
                align-items: center;
        }

     /* HAMBURGER */
     body,body>nav,header>.menu{transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s}
     body {right:0;position:relative;}
     .slideNav,.slideNav header>.menu{right:80%}
     .slideNav>nav {right:0}
     body>nav {right:-80%; position:fixed; overflow:auto;-webkit-overflow-scrolling: touch; height:100vh; top:0; padding:0; width:80%; z-index:10; background:#1972c4;}


     /* TYPOGRAPHY --------------------*/
     h1{font-size:1.6em;margin-bottom:1em}
     h1+h2{margin-top:-.7em}
     h2{font-size:1.45em}
     h3{font-size:1.3em}
     h4, th{font-size:1.2em}
     h5, h6, h7, h8, h9{font-size:1.1em}
     sup, sub { font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
     sup {bottom:1ex}
     sub {top:.5ex}
     table{border-collapse:collapse}
     .req{color:#c00}
     #content>section{margin:2em 0}


     /* MENU --------------------*/
     body>nav{background:#113568;}
     body:before {opacity: 0;right: -100vw; content: "";position: fixed;z-index: 2;top:0;bottom: 0;width: 100%; display: block;background-color: rgba(0,0,0,.9);
		-webkit-transition: opacity .3s ease 0s, right 0s linear .3s;
		transition: opacity .3s ease 0s, right 0s linear .3s}
     body.slideNav:before {opacity: 1;right: 0;
		-webkit-transition: opacity .3s ease 0s, right 0s linear 0s;
		transition: opacity .3s ease 0s, right 0s linear 0s}
/*     .slideNav>nav {-webkit-box-shadow: 0 0 303px 150px #000;box-shadow: 0 0 303px 150px #000}*/
     #mainnav > .menu {padding: 0 1em; line-height: 3rem}
     #mainnav>*:last-child{margin-bottom: 3em}
     #mainnav li{position: relative;border-top:1px solid rgba(255,255,255,.2); border-left: 0}
     #mainnav ul{padding-left: 0;margin: 0}
     #mainnav a{position: relative;padding:.65em .5rem .65em 1rem;color:rgba(255,255,255,.65);line-height:1.2em;display:block;}
     #mainnav li ul{display: none}
     #mainnav li.on>ul{display:block}
     #mainnav li li{font-size:.95em;border-top:1px solid rgba(255,255,255,.1)}
     #mainnav li.on{background:#c0151b}
     #mainnav a{color:rgba(255,255,255,1)}
     #mainnav ul a{padding-left:1rem}
     #mainnav ul ul a{padding-left:2rem}
     #mainnav ul ul ul a{padding-left:3rem}
     #mainnav ul ul ul ul a{padding-left:4rem}

     #mainnav {overflow: auto; padding-bottom: 3em}
     #mainnav ul {border: 0}

     #mainnav .wrap>ul>li>a {line-height: 3rem}
     #mainnav li ul {top:0; opacity:1; position: relative; width:100%; border-radius: 0; padding: 0 0 0.5em}
     #mainnav li ul li a {padding: 0.75em 1.25em}

     #mainnav li>span{display: block;background-color:rgba(0,0,0,0.25); z-index: 2;position: absolute;right: 0;top:1px; color:#fff;text-align: center;width: 3rem;height: calc(3rem - 2px);line-height:calc(3rem - 2px)}
     #mainnav li>span:before{content:""; -webkit-transform: rotate(0deg); transform: rotate(0deg); border-radius: 50%; width: 100%;height:100%; display: inline-block; -webkit-transition: ease all 200ms; transition: ease all 200ms;background: url(/images/navigation/angle-down-white.svg) no-repeat center center;background-size:1em}
     #mainnav li.open>span:before{-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}

     body>nav .search,body>footer .search{width:100%;display: block}
     body>nav .search{padding:1rem;border-top:1px solid rgba(255,255,255,.2);position: relative;overflow: auto}
     .search input[type="search"]{height: 2em;width:calc(100% - 2em);line-height: 2em;font-size: 1em;padding: 0 0 0 .5em;border: 0;float: left;background-color: #fff}
     .search button{height: 2em;width: 2em;line-height: 2em;font-size: 1em;padding: 0;border: 0;float: left;-webkit-appearance:none;background-color: #fff}
     .search button img{margin: .5em}
     main>div>aside {font-size: 1em}

     #ancillary {background: #ececec; border-top: 1px solid #fff; position: absolute; top:0; left:0; width:100%}
     #ancillary nav {display: block;}
     #ancillary nav ul {display: table-row; width:100%}
     #ancillary li {display: table-cell; float: none; text-align: center; width:1%; border:0}
     #ancillary li+li, #ancillary li:last-child {border-left: 1px solid #fff}
     #ancillary li a, #ancillary li.on a {display: block; margin:0; color:#666; line-height: 2.5rem}
     #ancillary > div {padding:0; margin:0}
     #ancillary address, #ancillary .cartInfo {display: none}
     #mainnav div>ul {display: block}
     #mainnav div>ul>li {display: block; width:100%; text-align: left}
     #mainnav div>ul>li>a {font-size: 1em; display: block; padding:0 1em; border-left: 0}
     figure, #content .photoright, #content .photoleft {width:100% !important; max-width: 100% !important; margin:1em 0 !important; padding:0 !important}

     /* HOMEPAGE --------------------*/
     .callouts {display: block}
     .callouts > div {display: block; width:100%}
     .callouts p {font-size: 1em}
     .categories {padding: 2em 1em 3em}
     .help {padding-top: 1.5em; font-size: 1em; margin-top:1.5em; text-align: center; clear: both; float: left; width:100%;}
     .help > * {display: block; margin-bottom:0.5em}
     .help > span {font-size: 1.15em; display: block}
     .help .button {font-size: 1em}
     .home .main #content.right {max-width:100%; width: 100%; padding: 2em 1em 2em}
     .home .main #content.right h1 {font-size: 1.75em; line-height:120%}
     .home .main #content.right p {font-size: 1em; line-height: 140%}


     /* MAIN --------------------*/
     .pageHeader {display: none}
     .breadcrumb {font-size:0.75rem; line-height:1.25em}
     main{padding:2rem 1rem;clear:both;word-wrap:break-word}
     main>.wrap {padding-top:0}
     #content{max-width:40rem; padding-right:0; width:100%;margin:0 auto;min-height: 50vh}
     #content img{max-width:100%;height:auto}
     #content .photoright, #content .photoleft{max-width:40%;max-height:40%;height:auto; border-radius: 3px}
     #content .photoright img,#content .photoleft img {max-width:100%;height:auto; border-radius:3px}
     main>div>aside {width:100%}
     main>div>aside section {display: none}
     img.phototreatment, .phototreatment img{max-width:100%; max-height:120px}
     .photoright{float:right;padding:0 0 10px 10px;clear:right}
     .photoleft{float:left;padding:0 10px 10px 0;clear:left}
     .muted {opacity:0.5;filter:alpha(opacity=50)}
     .highlight{background:#FFC;padding:1em;margin:.7em 0}
     #content * h1{font-size:1.2em}
     nav.breadcrumb{font-size:.8em}
     nav.breadcrumb a{white-space:nowrap;overflow: visible;text-overflow:ellipsis;max-width:35%;display:inline-block;vertical-align:bottom}
     nav.breadcrumb a:last-child {}
     .advancedSearch {padding-top:0; border-bottom: 1px solid #ccc; padding-bottom: 1.5em;}
     .advancedSearch .inputGroup .half {width:100%; padding: 0 0 1.5em 0; border-bottom: 1px solid #ccc; margin-bottom:1.5em}
     .advancedSearch .inputGroup {border:0; margin:0; padding:0}
     .advancedSearch .inputGroup.full input[type="text"], .advancedSearch .inputGroup select {width:100%}
     #content .searchResults {margin:0}
     .twoCol {
     -webkit-columns:1;
             columns:1;
     -webkit-column-gap:0;
             column-gap:0;
     -webkit-column-rule:0;
             column-rule:0;
     }
     .mapLocations li {width:100%}
     main>.wrap {  display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical;  flex-direction: column;  flex-wrap: nowrap; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -ms-flex-align: stretch; -webkit-box-align: stretch; align-items: stretch;}
     main>.wrap>.content {-webkit-box-ordinal-group: 2;-ms-flex-order: 2;order: 2;}
     main>.wrap>.sidebar {-webkit-box-ordinal-group: 3;-ms-flex-order: 3;order: 3;}
     main>.wrap>.discounts {-webkit-box-ordinal-group: 1;-ms-flex-order: 1;order: 1; display: block; clear:both; font-size: 0.875em; text-align: center; margin: 0 0 2em; width: 100%; float: left;}
        .product-page main>.wrap>.discounts {display: none}
     main>.wrap>.discounts .title {display: block; margin-bottom: 0.5em; font-weight: 800; font-size: 0.875em; line-height:1.25em; color: #C0151B; text-align: center; text-transform: uppercase}
     main>.wrap>.discounts .box {border-radius: 4px; padding: 0; position: relative; margin-bottom: 0.5em; border: 1px solid #001F45;   display: -webkit-flex; display: flex; -webkit-flex-direction: row;  flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center;  justify-content: center; -webkit-align-content: stretch;  align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
     main>.wrap>.discounts .box:before {content: ""; z-index:1; display: block; position: absolute; top:0; left:0; height: 0.69em; width:100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url(/images/sidebar-star.svg) no-repeat center}
     main>.wrap>.discounts .box .discount {width: 50%;padding: 1em 0.5em; -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto;}
     main>.wrap>.discounts .box .discount:nth-child(2) {margin-top: 0; border-top: 0}
     main>.wrap>.discounts .box .discount:nth-child(even) {border-left: 1px dashed #CDCDCD}
     main>.wrap>.discounts .box .discount:nth-child(n+3) {border-top: 1px dashed #CDCDCD; margin-top: 0}
     main>.wrap>.discounts .box .discount:nth-child(2):before {display: none}
     main>.wrap>.discounts .box .discount:nth-child(n+3):before {background-color: #fff;content: "or";font-weight: 400; font-style: italic; position: absolute;top: -.9em;left: 50%;transform: translateX(-50%);text-align: center;width: 2em;}
     main>.wrap>.discounts .box h2 {text-transform: uppercase; margin-bottom: 0.125em; font-weight: 800; font-size: 1.125rem; color: #001F45; text-align: center;}
     main>.wrap>.discounts .box p {font-size: 0.75rem; line-height: 1.45em; margin: 0; color: #4A4A4A;text-align: center;}
     main>.wrap>.discounts .box p span {text-decoration: underline}
     main>.wrap>.discounts .box p strong {text-transform: uppercase}
     main>.wrap>.discounts .disclaimer {font-size: 0.75em; color: #9B9B9B; text-align: center; line-height: 1.25em;}
          #content .discounts {display: block; clear:both; font-size: 0.875em; text-align: center; margin: 1.5em 0 -1.5em; width: 100%; float: left;}
          #content .discounts .title {display: block; position: relative; z-index:2;margin-bottom: 0.5em; font-weight: 800; font-size: 0.875em; line-height:1.25em; color: #C0151B; text-align: center; text-transform: uppercase}
          #content .discounts .box {border-radius: 4px; padding: 0; position: relative; margin-bottom: 0.5em; border: 1px solid #001F45;   display: -webkit-flex; display: flex; -webkit-flex-direction: row;  flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center;  justify-content: center; -webkit-align-content: stretch;  align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
          #content .discounts .box:before {content: ""; z-index:1; display: block; position: absolute; top:0; left:0; height: 0.69em; width:100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url(/images/sidebar-star.svg) no-repeat center}
          #content .discounts .box .discount {width: 50%;padding: 1em 0.5em; -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto;}
          #content .discounts .box .discount:nth-child(2) {margin-top: 0; border-top: 0}
          #content .discounts .box .discount:nth-child(even) {border-left: 1px dashed #CDCDCD}
          #content .discounts .box .discount:nth-child(n+3) {border-top: 1px dashed #CDCDCD; margin-top: 0}
          #content .discounts .box .discount:nth-child(2):before {display: none}
          #content .discounts .box .discount:nth-child(n+3):before {background-color: #fff;content: "or";font-weight: 400; font-style: italic; position: absolute;top: -.9em;left: 50%;transform: translateX(-50%);text-align: center;width: 2em;}
          #content .discounts .box h2 {text-transform: uppercase; margin-bottom: 0.125em; font-weight: 800; font-size: 1.125rem; color: #001F45; text-align: center;}
          #content .discounts .box p {font-size: 0.75rem; line-height: 1.35em; margin: 0; color: #4A4A4A;text-align: center;}
          #content .discounts .box p span {text-decoration: underline}
          #content .discounts .box p strong {text-transform: uppercase}
          #content .discounts .disclaimer {font-size: 0.75em; color: #9B9B9B; text-align: center; line-height: 1.25em;}

     /* PRODUCTS --------------------*/
     .productPreview {width: 100%; max-width:100%}
     .interior .categoryList {display: block}
     .interior .related .categoryList a {width:100%}
     .interior .categoryList a {width:100%; margin:0; padding: 2em 1em}
     .interior .categoryList a .center {height: auto}
     .productTable {border:0; border-radius: 0}
     .productTable thead, .productTable th {display: none}
     .productTable tbody td, .productTable tbody td:first-child, .productTable tbody td:nth-child(2) {display: block; width:100%; border:0; padding: 0; text-align: center}
     .productTable tbody td:first-child {padding-top: 2em}
     .productTable tbody td:last-child {padding-bottom: 2em; border-bottom: 1px solid #ccc}
     .productTable tbody tr:nth-child(odd) {background: #fff}
     .productTable tbody td:nth-child(2) a {display: block; font-size: 1.25em; padding: 1em 0 0.25em}
     #content .productTable .thumbnail {max-width: 100%;}
     .productTable .price {font-size: 1.5em;display: block; padding: 0.25em 0 0.75em}
     .product .thumbnails div {height: 0; padding-bottom:16%; width:calc(25% - 0.25em); float: left}
     .col {width:100%; float: left; padding-right:0}
     #estimatedShippingCost {font-size: 1.25em; width:100%; float: left; clear:both; margin-left: 1em; font-weight: bold; color: #31659b; text-align: center; margin: 1em 0;}
     #estimatedShippingCost:before {content: "Shipping:"; font-size: 0.85em !important; margin-right:0.25em;font-weight: normal; font-size:1em; color: #333}

    /* SITE SEARCH --------------------*/
	.search-results main > .wrap {
		gap: 1em;
		padding-top: 0;
	}

	.search-results main > .wrap .search-header {
		flex-wrap: wrap;
    	gap: 1em;
		margin-bottom: 1em;
	}

	.search-results main > .wrap .search-header > div {
		width: 100%;
	}

	.search-results main > .wrap .search-header .radio-group label {
		flex: 1 1 auto;
	}

	.search-results h1 {
		margin: 0;
	}

	.search-results main > .wrap > aside,
	.search-results main > .wrap #content {
		width: 100%;
	}

	.search-results .radio-group {
		grid-template-columns: 1fr 1fr;
	}

	.search-results .radio-group label {
		font-size: 1em;
		justify-content: center;
	}

	.search-results .radio-group label:after {
		display: none;
	}

	.search-results #content > section {
		margin: 0;
		padding-top: 2em;
		border-top: 2px solid #011839;
	}

	.search-results #results-products .resultsList {
		gap:1.5em 1em;
		grid-template-columns: repeat(auto-fill, minmax(9.75em, 1fr));
	}

	.search-results #results-products .resultsList li a .result-title {
		padding: 0;
	}


        /* FOOTER --------------------*/
     body>footer {padding: 2em 1em; text-align: center}
     footer .gnumber {text-align: center; display: block; font-size: 1.5em; font-weight: 500;padding: 0.25em 0 0.25em; margin: 0.5em 0 0.75em; }
     footer .gnumber:before {content: url(/images/icons/misc/phone.svg); display: inline-block; vertical-align: middle; margin-right:0.5em}
     footer .search input, body>nav .search input {border-radius: 3px 0 0 3px}
     footer .search button, body>nav .search button {border-radius: 0 3px 3px 0; font-style: normal; background: #4ca2eb; color:#fff}
     footer address {float: left; line-height: 130%;  clear: both; width:100%; margin:1em 0}
     footer .wrap {clear:both; width:100%; opacity:0.5; font-size: 0.8em; border-top:1px solid rgba(255,255,255,0.25); padding-top:1em}
     footer .wrap nav a{display: inline-block}
     footer .wrap nav a+a:before{content:"|"; color: #74A9EB; margin:0 0.25em}
     footer .wrap nav a:last-child{display: none}
     #web-solutions-exposure {display: none}
     .badges {margin: 0 0 1.5em}
     .badges img+img {margin-left: 1em}
     #site-search {display: block; margin-bottom: 1em}
     .fatFooter > div {width:100%; margin: 1em 0; text-align: center}
     .fatFooter > div a {display: inline-block; text-align: center}
     .fatFooter > div a[href="/driving-directions/"] {display: block; text-align: center}
     .fatFooter .badges {text-align: center;}
     .fatFooter .badges img {float: none}
     .copyright .wrap > div {text-align: center}
     .copyright .wrap > div a+a {margin-left:1em}
     .fatFooter .badges img+a {margin-top: 0;}



}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
#content ul li ul li, #content_home ul li ul li, .contentEditor ul li ul li{background-image:url(/images/icons/32x32/bullet2.png); background-size:16px 16px; background-position:0.5em 0}
}


/* TRANSITIONS ------------------------------ */
a, a *,button,.button,input[type="button"],input[type="submit"],.rsFullscreenBtn,#alertApp,#alertApp span,#alertDesc{-webkit-transition: all 150ms ease-out;transition: all 150ms ease-out}


/* FORM ERROR ------------------------------ */
.formError {background-color:Black; border:0; padding: 5px 10px; color:#fff; display:none; margin:0 0 2px; z-index:9999; border-radius: 10px; -moz-box-shadow:0 2px 2px #333; -webkit-box-shadow:0 2px 2px #333;}
.formError p {margin:0; font-size:.9em; }
.formError em { border:10px solid;  border-color:Black transparent transparent; bottom:-17px; display:block; height:0; left:40px; position:absolute; width:0; }