@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:-100px;z-index:10}
	#skipNavigation:focus,#skipNavigation:active{top:0;}
/*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}

#mainnav .search {display: inline-block; float: right; height: 2.813em; line-height: 2.813em}
#mainnav .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}
     #mainnav .search input {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}
     #mainnav .search input:focus {background: #072240}
          #mainnav .search input::-webkit-input-placeholder {color: #fff; opacity:1;}
          #mainnav .search input::-moz-placeholder {color:#fff; opacity:1}
          #mainnav .search input:-ms-input-placeholder {color: #fff; opacity:1}
          #mainnav .search input:-moz-placeholder {color: #fff; opacity:1}     
#mainnav .search button {width:2.813em; position: absolute; right:0; top:0; -webkit-box-shadow:none; box-shadow:none; border:0; background:none}
     #mainnav .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}
     #mainnav .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}




/* 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 h1{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 {	/* required */	position:relative;	width: 100%;height: 55vh;min-height: 30em;	background-size: cover;	background-position: left center;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;}
.slide .body {max-width: 44.375em; width:100%; border-radius:3px; background: rgba(255,255,255,0.95);z-index:1;	opacity: 0;	filter: alpha(opacity:0);	padding:2em;	margin:0 auto;	position: relative;	text-align: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: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-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; -ms-flex-line-pack: 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: table; 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.jpg) 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.jpg) no-repeat center bottom / contain}
               .categoryList .state > span {background:#fff  url(/images/home/flags/state.jpg) no-repeat center bottom / contain}
               .categoryList .service > span {background:#fff  url(/images/home/flags/service.jpg) no-repeat center bottom / contain}
               .categoryList .historic > span {background:#fff  url(/images/home/flags/historic.jpg) no-repeat center bottom / contain}
               .categoryList .sports > span {background:#fff  url(/images/home/flags/sports.jpg) no-repeat center bottom / contain}
               .categoryList .outdoor > span {background:#fff  url(/images/home/flags/outdoor.jpg) no-repeat center bottom / contain}
               .categoryList .indoor > span {background:#fff  url(/images/home/flags/indoor.jpg) no-repeat center bottom / contain}
               .categoryList .accessories > span {background:#fff  url(/images/home/flags/accessories.jpg) 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: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    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 .categoryList a .center {height: 9em; margin-bottom: 0.75em; overflow: hidden;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;}
.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%;}

/* 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 ----------------------*/

@media screen and (max-width: 1200px) {
     .twoCol.login .create-account .createAccountBtn {text-align: center}
     .twoCol.login .create-account .createAccountBtn .button {display: block}
}

@media screen and (max-width:1055px) {
     #mainnav .search input {width:9em}
     .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 .search, #ancillary nav {display: none}
     #mainnav div>ul {display: table-row}
     #mainnav div>ul>li {display: table-cell; width:1%; text-align: center; padding:0}
     #mainnav div>ul>li>a {line-height: 2.813rem; display: block; font-size: 0.9em; padding:0}
     .product, .buy {width: 100%}
}

@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;}
     /* 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{position: absolute;right: 0;top:2.5rem;line-height: 3.75rem;text-align: center;padding:0 .5rem}
     .secondary .navIcon{padding:0 .6rem;float: left; color: #c0151b; display: inline-block}
     .secondary .navIcon img{height:1em;width: auto;vertical-align: middle}
     .menu img{height: 1em;width: auto;position: relative;bottom: -.15em}
     body>header .primary .menu img{padding-left: .25em}
	.menu.navIcon{text-align: center}
     body>nav .menu img{padding-right: .25em}
     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}
     
    .fatFooter .badges {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
                flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -ms-flex-line-pack: center;
        align-content: center;
        -ms-flex-align: center;
        -webkit-box-align: 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}
     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: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-wrap: nowrap; 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: 3;-ms-flex-order: 2;order: 2;}
     main>.wrap>.sidebar {-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3;}
     main>.wrap>.discounts {-webkit-box-ordinal-group: 2;-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: 1.13em; 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: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex-line-pack: start; align-content: flex-start; -ms-flex-align: center; -webkit-box-align: center; align-items: center;}
     main>.wrap>.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>.wrap>.discounts .box .discount {width: 50%;padding: 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 h2 {text-transform: uppercase; margin-bottom: 0.125em; font-weight: 800; font-size: 25px; color: #001F45; text-align: center;}
     main>.wrap>.discounts .box p {font-size: 0.88em; line-height: 1.3em; 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;}
     
     /* 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}
     .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}
     /* discounts */
     #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; margin-bottom: 0.5em; font-weight: 800; font-size: 1.13em; color: #C0151B; text-align: center; text-transform: uppercase}
     #content .discounts .box {border-radius: 4px; position: relative; margin-bottom: 0.5em; border: 1px solid #001F45; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex-line-pack: start; align-content: flex-start; -ms-flex-align: center; -webkit-box-align: center; align-items: center;}
     #content .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}
     #content .discounts .box .discount {width: 50%;padding: 0.5em; -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto;}
     #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}
     #content .discounts .box h2 {text-transform: uppercase; margin-bottom: 0.125em; font-weight: 800; font-size: 25px; color: #001F45; text-align: center;}
     #content .discounts .box p {font-size: 0.88em; line-height: 1.3em; 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;}

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