/* #################### Z-INDEX ####################
	2001 - Inspiration Slideshow Arrows
	2000 - Inspiration Lightbox
	1101 - Cart (Desktop)
	1100 - Shade - Cart Open (Desktop)
	1000 - Neenah Logo
	900 - Main Nav Dropdown (Desktop)
	852 - Account Pullout (Desktop)
	851 - Main Nav Dropdown (Mobile)
	850 - Main Nav Mobile & Mobile Search
	821 - Cart (Mobile)
	800 - Shade
	10 - Share
*/



/* #################### HTML / BODY #################### */
html {
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	background-color: #ededed;
	color: #333333;
	overflow-x: hidden;
	/*-ms-overflow-style: none;*/
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	line-height: 1.5;
}

/* body.mainNavULHovered, */
body.mobileMainNavOpen,
body.searchOpen,
body.accountPulloutOpen,
body.cartOpen {
	width: 100%;
	overflow: hidden;
	position: fixed;
}

body .bodyWrapper {
	-ms-overflow-style: none;
	overflow-x: hidden;
}

body.searchOpen .bodyWrapper {
	overflow-x: visible;
}

@media (min-width: 768px) {
    /* body.mainNavULHovered, */
    body.mobileMainNavOpen,
    body.searchOpen,
    body.accountPulloutOpen,
    body.cartOpen {
	    width: auto;
	    overflow: visible;
	    position: static;
    }
}



/* #################### FONTS #################### */
@font-face {
	font-family: "avenir-light";
	src: url("/Content/Storefront/Neenah/fonts/avenir-light.eot");
	src: url("/Content/Storefront/Neenah/fonts/avenir-light.eot?#iefix") format("embedded-opentype"),
		  url("/Content/Storefront/Neenah/fonts/avenir-light.woff") format("woff"),
		  url("/Content/Storefront/Neenah/fonts/avenir-light.ttf") format("truetype"),
		  url("/Content/Storefront/Neenah/fonts/avenir-light.svg#avenir-light") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "avenir-book";
	src: url("/Content/Storefront/Neenah/fonts/avenir-book.eot");
	src: url("/Content/Storefront/Neenah/fonts/avenir-book.eot?#iefix") format("embedded-opentype"),
		  url("/Content/Storefront/Neenah/fonts/avenir-book.woff") format("woff"),
		  url("/Content/Storefront/Neenah/fonts/avenir-book.ttf") format("truetype"),
		  url("/Content/Storefront/Neenah/fonts/avenir-book.svg#avenir-book") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "avenir-bold";
	src: url("/Content/Storefront/Neenah/fonts/avenir-bold.eot");
	src: url("/Content/Storefront/Neenah/fonts/avenir-bold.eot?#iefix") format("embedded-opentype"),
		  url("/Content/Storefront/Neenah/fonts/avenir-bold.woff") format("woff"),
		  url("/Content/Storefront/Neenah/fonts/avenir-bold.ttf") format("truetype"),
		  url("/Content/Storefront/Neenah/fonts/avenir-bold.svg#avenir-bold") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "avenir-heavy";
	src: url("/Content/Storefront/Neenah/fonts/avenir-heavy.eot");
	src: url("/Content/Storefront/Neenah/fonts/avenir-heavy.eot?#iefix") format("embedded-opentype"),
		  url("/Content/Storefront/Neenah/fonts/avenir-heavy.woff") format("woff"),
		  url("/Content/Storefront/Neenah/fonts/avenir-heavy.ttf") format("truetype"),
		  url("/Content/Storefront/Neenah/fonts/avenir-heavy.svg#avenir-heavy") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "avenir-black";
	src: url("/Content/Storefront/Neenah/fonts/avenir-black.eot");
	src: url("/Content/Storefront/Neenah/fonts/avenir-black.eot?#iefix") format("embedded-opentype"),
		  url("/Content/Storefront/Neenah/fonts/avenir-black.woff") format("woff"),
		  url("/Content/Storefront/Neenah/fonts/avenir-black.ttf") format("truetype"),
		  url("/Content/Storefront/Neenah/fonts/avenir-black.svg#avenir-black") format("svg");
	font-weight: normal;
	font-style: normal;
}



/* #################### TYPOGRAPHY #################### */
h1,
h2,
h3,
h4,
h5 {
	margin: 0 0 15px 0;
	line-height: 1.1;
}

h1 {
	font-family: "avenir-black", Helvetica, Arial, sans-serif;
	font-size: 30px;
	text-transform: uppercase;
}

h1.reversed {
	color: white;
}

h1.blackBar {
	border-top: 6px solid black;
	padding-top: 9px;
	display: inline-block;
}

h1.blackBar span.light {
	font-family: "avenir-light", Helvetica, Arial, sans-serif;
}

h1.whiteBar {
	border-top: 6px solid white;
	padding-top: 9px;
	display: inline-block;
}

h1.whiteBar span.light {
	font-family: "avenir-light", Helvetica, Arial, sans-serif;
}

h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 25px;
	text-transform: uppercase;
}

h2.sectionHeader {
	font-family: "avenir-light", Helvetica, Arial, sans-serif;
	font-size: 30px;
}

h2.sectionHeader.small {
	font-size: 25px;
}

h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 20px;
}

h2 span.heavy,
h3 span.heavy {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}

h1 span.lowercase,
h2 span.lowercase,
h3 span.lowercase {
	text-transform: none;
}

h4 {
	font-family: "avenir-heavy", Helvetica, Arial, sans-serif;
	font-size: 16px;
}

h4.light {
	font-family: "avenir-light", Helvetica, Arial, sans-serif;
}

h5 {
	border-top: 3px solid black;
	padding-top: 6px;
	display: inline-block;
	font-family: "avenir-black", Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
}

h5.small {
	padding-top: 5px;
	font-size: 12px;
}

p {
	margin: 0 0 15px 0;
}

p.smallText {
	font-size: 12px;
	font-style: italic;
}

a {
	color: #2a5da5;
}

sup {
	top: -.55em;
	font-size: 60%;
}

ul.standard {
	padding-left: 15px;
	list-style-type: none;
	/*line-height: 24px;*/
}

ul.standard li {
	margin-bottom: 18px;
	position: relative;
}

ul.standard li:before {
	width: 4px;
	height: 4px;
	background-color: #999999;
	display: block;
	position: absolute;
	top: 8px;
	left: -15px;
	content: "";
	/*font-family: FontAwesome;
	font-size: 5px;
	content: "\f0c8";*/
}



/* #################### BOOTSTRAP #################### */
.form-control {
	line-height: 1.25;
}

@media (min-width: 992px) {
	.container-fluid {
		padding-right: 30px;
		padding-left: 30px;
	}
}



/* #################### GLOBAL #################### */
hr {
	background-color: ##ededed;
	margin-top: 30px;
	margin-bottom: 30px;
}

/* ########## PLACEHOLDER AREA ########## */
.placeholderArea {
	background-color: white;
	padding: 60px 0 60px 0;
}


/* ########## HIDE SCROLL BARS ########## */
/*::-webkit-scrollbar { 
	display: none; 
}*/


/* ########## CONTENT AREA ########## */
.contentArea {
	position: relative;
}


/* ########## UL ########## */
ul.unlisted {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.inline > li {
	display: inline-block;
}


/* ########## BUTTONS ########## */
a.btn,
button.btn,
input.btn {
	border-radius: 0;
	padding: 14px 30px 12px 30px;
	font-family: "avenir-black", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1;
	text-transform: uppercase;
	cursor: pointer;
    -webkit-appearance: none !important;
}
a.btn:focus,
button.btn:focus,
input.btn:focus {
	box-shadow: none;
}

a.btn.btn-primary,
button.btn.btn-primary,
input.btn.btn-primary {
	background-color: black !important;
	color: white;
	border: none;
	-webkit-transition: background-color .25s ease-in-out;
		-moz-transition: background-color .25s ease-in-out;
		  -o-transition: background-color .25s ease-in-out;
			  transition: background-color .25s ease-in-out;
}
a.btn.btn-primary:hover,
button.btn.btn-primary:hover,
input.btn.btn-primary:hover {
	background-color: #666666;
	color: white;
}
a.btn.btn-primary.disabled,
button.btn.btn-primary.disabled,
a.btn.btn-primary.disabled:hover,
button.btn.btn-primary.disabled:hover,
input.btn.btn-primary.disabled:hover,
input.btn.btn-primary.disabled:hover {
	background-color: #cccccc !important;
	cursor: auto;
}

a.btn.btn-secondary,
button.btn.btn-secondary,
input.btn.btn-secondary {
	background-color: transparent;
	color: black;
	border: 1px solid #999999;
	padding: 13px 30px 11px 30px;
	-webkit-transition: color .25s ease-in-out, border .25s ease-in-out;
		-moz-transition: color .25s ease-in-out, border .25s ease-in-out;
		  -o-transition: color .25s ease-in-out, border .25s ease-in-out;
			  transition: color .25s ease-in-out, border .25s ease-in-out;
}
a.btn.btn-secondary:hover,
button.btn.btn-secondary:hover,
input.btn.btn-secondary:hover {
	color: #666666;
	border: 1px solid #999999;
}

a.btn.btn-secondary.small,
button.btn.btn-secondary.small,
input.btn.btn-secondary.small {
	border: 1px solid #b2b2b2;
	padding: 13px 30px 13px 30px;
	font-size: 12px;
}
a.btn.btn-secondary.small:hover,
button.btn.btn-secondary.small:hover,
input.btn.btn-secondary.small:hover {
	color: #666666;
	border: 1px solid #999999;
}
a.btn.btn-secondary.small:hover svg rect,
a.btn.btn-secondary.small:hover svg polygon,
button.btn-secondary.small:hover svg rect,
button.btn-secondary.small:hover svg polygon,
input.btn-secondary.small:hover svg rect,
input.btn-secondary.small:hover svg polygon {
	fill: #333333;
}

a.btn.btn-secondary.white,
button.btn.btn-secondary.white,
input.btn.btn-secondary.white {
	background-color: transparent;
	color: white;
	border: 1px solid white;
	padding: 13px 30px 11px 30px;
	-webkit-transition: background-color .25s ease-in-out;
		-moz-transition: background-color .25s ease-in-out;
		  -o-transition: background-color .25s ease-in-out;
			  transition: background-color .25s ease-in-out;
}
a.btn.btn-secondary.white:hover,
button.btn.btn-secondary.white:hover,
input.btn.btn-secondary.white:hover {
	background-color: rgba(0, 0, 0, 0.15);
}

a.btn.btn-link,
button.btn.btn-link {
	color: #808080;
	padding: 0;
	font-size: 11px;
	text-transform: uppercase;
}
a.btn.btn-link:hover,
button.btn.btn-link:hover {
	color: black;
	text-decoration: none;
}

button svg,
a.btn svg {
	width: 9px;
	height: 11px;
	margin: 0 0 0 15px;
	vertical-align: top;
}
a.btn svg rect,
a.btn svg polygon,
button svg rect,
button svg polygon {
	fill: #999999;
	-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		  -o-transition: all .25s ease-in-out;
			  transition: all .25s ease-in-out;
}
a.btn:hover svg rect,
a.btn:hover svg polygon,
button:hover svg rect,
button:hover svg polygon {
	fill: #2a5da5;
}


/* ########## FORM ELEMENTS ########## */
/* ########## ANIMATED LABEL */
.form-group.animatedLabel {
	position: relative;
}

.form-group.animatedLabel label {
	color: #1a1a1a;
	position: absolute;
	top: 4px;
	left: 0;
	pointer-events: none;
	-webkit-transition: top .15s ease-in-out, font-size .15s ease-in-out, opacity .15s ease-in-out;
		-moz-transition: top .15s ease-in-out, font-size .15s ease-in-out, opacity .15s ease-in-out;
		  -o-transition: top .15s ease-in-out, font-size .15s ease-in-out, opacity .15s ease-in-out;
			  transition: top .15s ease-in-out, font-size .15s ease-in-out, opacity .15s ease-in-out;
}

.form-group.animatedLabel.moveLabel label {
	opacity: 0.75;
	top: -12px;
	font-size: 10px;
}

.form-group.animatedLabel label.altLabel {
	opacity: 1 !important;
	position: absolute;
	top: 4px !important;
	right: 0 !important;
	left: auto !important;
	font-size: 14px !important;
}

.form-group.animatedLabel input.form-control::-webkit-input-placeholder {
	color: transparent;
}
.form-group.animatedLabel input.form-control::-moz-placeholder {
	color: transparent;
}
.form-group.animatedLabel input.form-control:-ms-input-placeholder {
	color: transparent;
}
.form-group.animatedLabel input.form-control:-moz-placeholder {
	color: transparent;
}

/* ########## STATIC LABEL */
.form-group.staticLabel {
	position: relative;
}

.form-group.staticLabel label {
    color: #1a1a1a;
    opacity: 0.75;
	position: absolute;
    top: -15px;
	left: 0;
	pointer-events: none;
}

/* ########## INPUT */
.form-group input,
input {
	background-color: transparent !important;
	color: #1a1a1a;
	border: none;
	border-bottom: 1px solid rgba(102, 102, 102, 0.5);
	border-radius: 0;
	padding: 6px 0 6px 0;
	font-size: 14px;
	-webkit-transition: border-bottom .15s ease-in-out;
		-moz-transition: border-bottom .15s ease-in-out;
		  -o-transition: border-bottom .15s ease-in-out;
			  transition: border-bottom .15s ease-in-out;
}

.form-group input:focus,
input:focus {
	background-color: transparent;
	color: #1a1a1a;
	border-bottom: 1px solid black;
	box-shadow: none;
}


/* ########## SELECT */
.form-group select,
select {
	height: 30px !important;
	background: transparent url(/Content/Storefront/Neenah/img/icon-select_arrow.svg) no-repeat right top 13px !important;
	background-size: 11px 7px !important;
	color: #1a1a1a;
	border: none;
	border-bottom: 1px solid rgba(102, 102, 102, 0.5);
	border-radius: 0 !important;
	padding: 0;
	font-size: 14px;
	-webkit-appearance: none;
      -moz-appearance: none;
}

.form-group select::-ms-expand,
select::-ms-expand {
   display: none !important;
}

.form-group select:focus,
select:focus {
	border-bottom: 1px solid black;
	box-shadow: none;
}

/* ########## TEXTAREA */
.form-group textarea {
    border: none;
    border-bottom: 1px solid rgba(102, 102, 102, 0.5);
    border-radius: 0;
    padding: 6px 0 6px 0;
    -webkit-transition: border-bottom .15s ease-in-out;
		-moz-transition: border-bottom .15s ease-in-out;
		  -o-transition: border-bottom .15s ease-in-out;
			  transition: border-bottom .15s ease-in-out;
}

.form-group textarea:focus {
    border-bottom: 1px solid black;
    box-shadow: none;
}

.form-group textarea.form-control::-webkit-input-placeholder {
	color: transparent;
}
.form-group textarea.form-control::-moz-placeholder {
	color: transparent;
}
.form-group textarea.form-control:-ms-input-placeholder {
	color: transparent;
}
.form-group textarea.form-control:-moz-placeholder {
	color: transparent;
}

/* ########## FORMS INLINE */
.form-group.inline label {
	color: black;
	display: inline-block;
	font-weight: 300;
	font-size: 13px;
}

.form-group.inline select {
	width: auto;
	height: auto !important;
	background-color: transparent;
	color: black;
	border: 0;
	border-radius: 0;
	margin: 0 0 0 3px;
	padding: 0;
	display: inline-block;
	font-weight: 500;
	font-size: 13px;
	-webkit-appearance: none;
   	-moz-appearance: none;
   text-overflow: '';
}

.form-group.inline select::-ms-expand {
    display: none;
}

/* ########## CHECKBOX */
.checkbox label {
   padding: 0;
}

.checkbox input[type='checkbox'] {
   -ms-transform: scale(2); /* IE */
}

.checkbox input[type="checkbox"] {
   margin: 0;
   position: absolute;
   left: -9999px;
}

.checkbox input[type="checkbox"] + div {
   width: 15px;
   height: 15px;
   background-color: white;
   border: 1px solid #b2b2b2;
   margin-top: -3px;
   margin-right: 5px;
   display: inline-block;
   vertical-align: middle;
   position: relative;
   line-height: 18px;
}

.checkbox input[type="checkbox"] + div:before {
	width: 9px;
	height: 9px;
   background-color: transparent;
   display: block;
   position: absolute;
   top: 2px;
   left: 2px;
   content: "";
}

.checkbox input[type="checkbox"]:checked + div:before,
.checkbox input[type="checkbox"]:checked:disabled + div:before {
	background-color: #666666;
}

.checkbox input[type="checkbox"]:disabled + div:before {
    background-color: #b2b2b2;
}

/* ########## RADIO */
.radio [type="radio"]:checked,
.radio [type="radio"]:not(:checked) {
   position: absolute;
   left: -9999px;
}

.radio [type="radio"]:checked + label,
.radio [type="radio"]:not(:checked) + label {
	padding-left: 24px;
	display: inline-block;
   position: relative;
   cursor: pointer;
   line-height: 20px;
}

.radio [type="radio"]:checked + label:before,
.radio [type="radio"]:not(:checked) + label:before {
	width: 15px;
   height: 15px;
   background: white;
   border: solid 1px #b2b2b2;
   border-radius: 100%;
   position: absolute;
   top: 2px;
   left: 0;
   content: '';
}

.radio [type="radio"]:checked + label:after,
.radio [type="radio"]:not(:checked) + label:after {
   width: 9px;
   height: 9px;
   background-color: transparent;
   border-radius: 100%;
   position: absolute;
   top: 5px;
   left: 3px;
   content: '';
}
.radio [type="radio"]:not(:checked) + label:after {
   background-color: transparent;
}
.radio [type="radio"]:checked + label:after {
   background: #666666;
}


/* ########## TABLE ########## */
table {
	width: 100%;
	margin-bottom: 30px;
}

table.fixedLayout {
	table-layout: fixed;
}

table thead {
	border-bottom: 3px solid black;
}

table th {
    border: none !important;
	padding: 0 10px 5px 10px;
	vertical-align: bottom;
	word-break: break-word;
}

table td {
    border: none !important;
	padding: 7px 10px 5px 10px;
	word-break: break-word;
}

table tbody tr:nth-child(even) td {
	background-color: #f2f2f2;
}

table a {
    color: #333333 !important;
}



/* #################### TICKER #################### */
.ticker {
	width: 100%;
	background-color: #1a1a1a;
	color: white;
	padding: 10px 30px 10px 30px;
	text-align: center;
}

.ticker p {
	margin: 0;
	font-size: 12px;
	line-height: 15px;
}

.ticker p span {
	font-family: "avenir-black", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

.ticker p a {
	color: white;
	text-decoration: underline;
}



/* #################### HEADER #################### */
header {
	width: 100%;
	height: 75px;
	background-color: white;
	position: relative;
	z-index: 840;
	line-height: 24px;
}

@media (min-width: 992px) {
	header {
		height: 100px;
	}

	header .container-fluid {
		padding-right: 30px;
		padding-left: 30px;
	}
}


/* ########## NEENAH LOGO ########## */
.neenahLogo {
	width: 77px;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.neenahLogo .logoTab {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}

.neenahLogo .logoTab a {
	width: 77px;
	height: 90px;
	background-color: white;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
			  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
	display: block;
	text-align: center;
}

.neenahLogo .logoTab img {
	width: 47px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
		 -ms-transform: translateY(-50%);
			  transform: translateY(-50%);
}

@media (min-width: 768px) {
	.neenahLogo {
		width: 122px;
	}

	.neenahLogo .logoTab a {
		width: 100px;
		height: 100px;
	}

	.neenahLogo .logoTab img {
		width: 56px;
	}
}

@media (min-width: 992px) {
	.neenahLogo .logoTab a {
		width: 122px;
		height: 120px;
	}

    .neenahLogo .logoTab img {
        width: 62px;
    }
}


/* ########## MAIN NAV ########## */
header .mainNav {
	width: 100%;
	height: calc(100vh - 75px);
	background-color: #ededed;
	padding: 30px;
    overflow-y: scroll;
    overflow-x: hidden;
    overflow: -moz-scrollbars-none;
	position: absolute;
	top: 75px;
	left: 100%;
	z-index: 850;
	-webkit-transition: left .25s ease-in-out;
		-moz-transition: left .25s ease-in-out;
		  -o-transition: left .25s ease-in-out;
			  transition: left .25s ease-in-out;
}

header .mainNav::-webkit-scrollbar {
    width: 0px;
    background: transparent;
    display: none;
}

body.mobileMainNavOpen header .mainNav {
	left: 0;
}

header .mainNav > ul {
	margin-top: 20px;
}

header .mainNav > ul > li {
	margin-bottom: 29px;
}

header .mainNav > ul > li > a {
	background: url(/Content/Storefront/Neenah/img/icon-chevron.svg) no-repeat center right;
	background-size: 8px 12px;
	color: #1a1a1a;
	display: block;
	font-family: "avenir-black", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 19px;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}

header .mainNav > ul > li a {
	cursor: pointer;
}

header .mainNav a.hasMenu {
	background: url(/Content/Storefront/Neenah/img/icon-chevron.svg) no-repeat center right;
	background-size: 8px 12px;
}

@media (min-width: 992px) {
	header .mainNav {
		width: calc(100% - 273px);
		height: 100px;
        background-color: transparent;
		padding: 0;
		display: inline-block;
		vertical-align: top;
        overflow-y: visible;
        overflow-x: visible;
        -ms-overflow-style: auto;
		text-align: center;
		position: static;
		top: auto;
		left: auto;
		z-index: auto;
	}

    header .mainNav::-webkit-scrollbar {
        width: auto;
        background: transparent;
        display: inline;
    }

	header .mainNav > ul {
		margin-top: 0;
		display: inline-block;
		position: relative;
		-webkit-transition: max-height .25s ease-in-out, opacity .25s ease-in-out, visibility .25s ease-in-out;
			 -moz-transition: max-height .25s ease-in-out, opacity .25s ease-in-out, visibility .25s ease-in-out;
				 -o-transition: max-height .25s ease-in-out, opacity .25s ease-in-out, visibility .25s ease-in-out;
						transition: max-height .25s ease-in-out, opacity .25s ease-in-out, visibility .25s ease-in-out;
	}

	body.searchOpen header .mainNav > ul {
		max-height: 0;
		opacity: 0;
		visibility: hidden;
	}

	header .mainNav > ul > li {
		margin-bottom: 0;
		display: inline-block;
		vertical-align: top;
		position: relative;
	}

	header .mainNav > ul > li > a {
		height: 100px;
		background: none;
		padding: 0 25px 0 25px;
		font-size: 13px;
		line-height: 16px;
	}

	header .mainNav > ul > li > a > span {
		display: block;
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
						transform: translateY(-50%);
	}

	header .mainNav a.hasMenu {
		background: url(/Content/Storefront/Neenah/img/icon-chevron.svg) no-repeat center right;
		background-size: 6px 10px;
	}
}

@media (min-width: 1000px) {
    header .mainNav > ul > li > a {
        padding: 0 30px 0 30px;
    }
}


/* ########## CURRENT PAGE */
body.mainNavULHovered header .mainNav > ul > li.currentPage:after {
	max-width: 0;
}

@media (min-width: 992px) {
	header .mainNav > ul > li.currentPage:after {
		width: calc(100% - 62px);
		max-width: 100px;
		height: 3px;
		background-color: black;
		display: block;
		position: absolute;
		top: 34px;
		left: 31px;
		content: " ";
		-webkit-transition: max-width .25s ease-in-out;
			 -moz-transition: max-width .25s ease-in-out;
				 -o-transition: max-width .25s ease-in-out;
						transition: max-width .25s ease-in-out;
	}
}


/* ########## HOVERED UNDERLINE */
header .mainNav > ul li.hoveredUnderline {
	display: none;
}

@media (min-width: 992px) {
	header .mainNav > ul li.hoveredUnderline {
		width: 0;
		height: 3px;
		background-color: black;
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		-webkit-transition: width .25s ease-in-out, left .25s ease-in-out;
			-moz-transition: width .25s ease-in-out, left .25s ease-in-out;
			  -o-transition: width .25s ease-in-out, left .25s ease-in-out;
				  transition: width .25s ease-in-out, left .25s ease-in-out;
	}

	body.indexPage header .mainNav > ul li.hoveredUnderline {
		-webkit-transition: all 0s ease 0s;
			-moz-transition: all 0s ease 0s;
			  -o-transition: all 0s ease 0s;
				  transition: all 0s ease 0s;
	}

	body.indexPage header .mainNav > ul li.hoveredUnderline.animated {
		-webkit-transition: width .25s ease-in-out, left .25s ease-in-out;
			-moz-transition: width .25s ease-in-out, left .25s ease-in-out;
			  -o-transition: width .25s ease-in-out, left .25s ease-in-out;
				  transition: width .25s ease-in-out, left .25s ease-in-out;
	}
}


/* ########## DROPDOWNS */
.mainNav > ul > li .dropdown,
.mainNav > ul > li .thirdNav,
.mainNav > ul > li .fourthNav {
	width: 100%;
	height: calc(100vh - 75px);
	background-color: #ededed;
	overflow-x: hidden;
    overflow-y: scroll;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
	text-align: left;
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 851;
	-webkit-transition: left .25s ease-in-out;
		-moz-transition: left .25s ease-in-out;
		  -o-transition: left .25s ease-in-out;
			  transition: left .25s ease-in-out;
}

.mainNav > ul > li .dropdown::-webkit-scrollbar,
.mainNav > ul > li .thirdNav::-webkit-scrollbar,
.mainNav > ul > li .fourthNav::-webkit-scrollbar {
    width: 0px;
    background: transparent;
    display: none;
}

/*.mainNav > ul > li .thirdNav {
	background-color: orange;
}

.mainNav > ul > li .fourthNav {
	background-color: red;
}*/

.mainNav > ul > li .dropdown li {
	margin: 0;
}

.mainNav > ul > li .dropdown a {
	padding: 10px 0 9px 0;
	display: block;
	font-size: 16px;
	line-height: 19px;
}

.mainNav > ul > li.dropdownOpen .dropdown,
.mainNav > ul > li .dropdown > ul > li.thirdNavOpen .thirdNav,
.mainNav > ul > li .thirdNav > ul > li.fourthNavOpen .fourthNav {
	left: 0;
}

.mainNav > ul > li .dropdown > ul,
.mainNav > ul > li .thirdNav > ul,
.mainNav > ul > li .fourthNav > ul {
	padding: 0 30px 0 35px;
}

.mainNav > ul > li .dropdown > ul:last-child,
.mainNav > ul > li .thirdNav > ul:last-child,
.mainNav > ul > li .fourthNav > ul:last-child {
	margin-bottom: 90px;
}

.mainNav > ul > li .dropdown > ul:nth-of-type(2),
.mainNav > ul > li .thirdNav > ul:nth-of-type(2),
.mainNav > ul > li .fourthNav > ul:nth-of-type(2) {
	margin-top: 15px;
}

.mainNav > ul > li .dropdown > ul > li > a,
.mainNav > ul > li .thirdNav > ul > li > a,
.mainNav > ul > li .fourthNav > ul > li > a {
	color: #1a1a1a;
	text-decoration: none;
}

.mainNav > ul > li .dropdown > ul > li.mainPage,
.mainNav > ul > li .thirdNav > ul > li.mainPage,
.mainNav > ul > li .fourthNav > ul > li.mainPage {
	margin-bottom: 0;
}

.mainNav > ul > li .dropdown > ul > li.mainPage > a,
.mainNav > ul > li .thirdNav > ul > li.mainPage > a,
.mainNav > ul > li .fourthNav > ul > li.mainPage > a {
	font-family: "avenir-black", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

.mainNav > ul > li .dropdown > ul > li.more > a,
.mainNav > ul > li .thirdNav > ul > li.more > a,
.mainNav > ul > li .fourthNav > ul > li.more > a {
	font-weight: bold;
}

@media (min-width: 992px) {
	.mainNav > ul > li .dropdown {
		width: 232px;
		height: auto;
		opacity: 0;
		overflow: hidden;
		padding: 24px 30px 23px 30px;
		top: 100px;
		left: 0 !important;
		z-index: 900;
		transform-origin: 0% 0%;
		transform: rotateX(90deg);
		-webkit-transition: height .25s ease-in-out, opacity .25s ease-in-out, transform .25s ease-in-out;
			-moz-transition: height .25s ease-in-out, opacity .25s ease-in-out, transform .25s ease-in-out;
			  -o-transition: height .25s ease-in-out, opacity .25s ease-in-out, transform .25s ease-in-out;
				  transition: height .25s ease-in-out, opacity .25s ease-in-out, transform .25s ease-in-out;
	}

    .mainNav > ul > li .dropdown,
    .mainNav > ul > li .thirdNav,
    .mainNav > ul > li .fourthNav {
        overflow-y: hidden;
        overflow-x: hidden;
        -ms-overflow-style: auto;
    }

    .mainNav > ul > li .dropdown::-webkit-scrollbar,
    .mainNav > ul > li .thirdNav::-webkit-scrollbar,
    .mainNav > ul > li .fourthNav::-webkit-scrollbar {
        width: auto;
        background: transparent;
        display: inline;
    }

	.mainNav > ul > li.dropdownOpen .dropdown {
		opacity: 1;
		transform: rotateY(0deg);
	}

	.mainNav > ul > li .dropdown a {
		padding: 7px 0 6px 0;
		font-size: 14px;
		line-height: 17px;
	}

	.mainNav > ul > li .dropdown a:hover {
		text-decoration: underline;
	}

	.mainNav > ul > li .thirdNav,
	.mainNav > ul > li .fourthNav {
		width: 232px;
		height: auto;
		padding: 24px 30px 23px 30px;
		overflow: visible;
		top: 0;
		left: 100%;
		z-index: 900;
		-webkit-transition: height .25s ease-in-out, left .25s ease-in-out;
			-moz-transition: height .25s ease-in-out, left .25s ease-in-out;
			  -o-transition: height .25s ease-in-out, left .25s ease-in-out;
				  transition: height .25s ease-in-out, left .25s ease-in-out;
	}

	.mainNav > ul > li .dropdown > ul > li.thirdNavOpen .thirdNav,
	.mainNav > ul > li .thirdNav > ul > li.fourthNavOpen .fourthNav {
		left: 0;
	}

	.mainNav > ul > li .dropdown > ul,
	.mainNav > ul > li .thirdNav > ul,
	.mainNav > ul > li .fourthNav > ul {
		padding: 0;
	}

	.mainNav > ul > li .dropdown > ul:nth-of-type(2),
	.mainNav > ul > li .thirdNav > ul:nth-of-type(2),
	.mainNav > ul > li .fourthNav > ul:nth-of-type(2) {
		margin-top: 16px;
	}

	.mainNav > ul > li .dropdown > ul:last-child,
	.mainNav > ul > li .thirdNav > ul:last-child,
	.mainNav > ul > li .fourthNav > ul:last-child {
		margin-bottom: 0;
	}
}

/* ########## DROPDOWN HEADER */
.mainNav > ul > li .dropdown .dropdownHeader,
.mainNav > ul > li .thirdNav .thirdNavHeader,
.mainNav > ul > li .fourthNav .fourthNavHeader {
	padding: 51px 15px 18px 15px;
	position: relative;
	cursor: pointer;
}

.mainNav > ul > li .dropdown .dropdownHeader img,
.mainNav > ul > li .thirdNav .thirdNavHeader img,
.mainNav > ul > li .fourthNav .fourthNavHeader img {
	width: 8px;
	height: 12px;
	margin-top: -2px;
	margin-right: 13px;
	display: inline-block;
	vertical-align: text-top;
	transform: rotate(180deg);
}

.mainNav > ul > li .dropdown .dropdownHeader span,
.mainNav > ul > li .thirdNav .thirdNavHeader span,
.mainNav > ul > li .fourthNav .fourthNavHeader span {
	display: inline-block;
	vertical-align: top;
	font-family: "avenir-roman", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 19px;
	text-transform: uppercase;
}

@media (min-width: 992px) {
	.mainNav > ul > li .dropdown .dropdownHeader,
	.mainNav > ul > li .thirdNav .thirdNavHeader,
	.mainNav > ul > li .fourthNav .fourthNavHeader {
		padding: 4px 0 10px 0;
	}

	.mainNav > ul > li .dropdown .dropdownHeader img,
	.mainNav > ul > li .thirdNav .thirdNavHeader img,
	.mainNav > ul > li .fourthNav .fourthNavHeader img {
		width: 7px;
		height: 13px;
		margin-top: -3px;
	}

	.mainNav > ul > li .dropdown .dropdownHeader span,
	.mainNav > ul > li .thirdNav .thirdNavHeader span,
	.mainNav > ul > li .fourthNav .fourthNavHeader span {
		font-family: "avenir-black", Helvetica, Arial, sans-serif;
		font-size: 14px;
		line-height: 17px;
		text-transform: none;
	}
}


/* ########## ICONS ########## */
header .icons {
	width: calc(100% - 81px);
	height: 75px;
	padding-right: 62px;
	display: inline-block;
	vertical-align: top;
	text-align: right;
}

header .icons ul li {
	height: 75px;
	border-bottom: 3px solid transparent;
	margin-right: 30px;
	vertical-align: middle;
	-webkit-transition: border-bottom .25s ease-in-out;
		-moz-transition: border-bottom .25s ease-in-out;
		  -o-transition: border-bottom .25s ease-in-out;
			  transition: border-bottom .25s ease-in-out;
}

header .icons ul li:last-child {
	margin: 0;
}

body.accountPulloutOpen header .icons ul li.iconAccount {
	border-bottom: 3px solid black;
}

header .icons ul li img {
	margin-top: -6px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
		 -ms-transform: translateY(-50%);
			  transform: translateY(-50%);
	transform-origin: 50% 50%;
	-webkit-transition: opacity .25s ease-in-out, visibility .25s ease-in-out, transform .25s ease-in-out;
		-moz-transition: opacity .25s ease-in-out, visibility .25s ease-in-out, transform .25s ease-in-out;
		  -o-transition: opacity .25s ease-in-out, visibility .25s ease-in-out, transform .25s ease-in-out;
			  transition: opacity .25s ease-in-out, visibility .25s ease-in-out, transform .25s ease-in-out;
	cursor: pointer;
}

header .icons ul li.iconChat img {
	width: 16px;
	height: 16px;
}

header .icons ul li.iconSearch img {
	width: 15px;
	height: 16px;
}

header .icons ul li.iconAccount img {
	width: 17px;
	height: 18px;
}

header .icons ul li.iconShopping {
	position: relative;
}

header .icons ul li.iconShopping img {
	width: 18px;
	height: 16px;
}

header .icons ul li.iconShopping span {
	color: #666666;
	display: block;
	position: absolute;
	top: 15px;
	left: calc(50% + 2px);
	-webkit-transform: translateX(-50%);
		 -ms-transform: translateX(-50%);
			  transform: translateX(-50%);
	font-weight: 500;
	font-size: 10px;
	-webkit-transition: opacity .25s ease-in-out, visibility .25s ease-in-out;
		-moz-transition: opacity .25s ease-in-out, visibility .25s ease-in-out;
		  -o-transition: opacity .25s ease-in-out, visibility .25s ease-in-out;
			  transition: opacity .25s ease-in-out, visibility .25s ease-in-out;
}

body.mobileMainNavOpen header .icons ul li img,
body.searchOpen header .icons ul li img,
body.cartOpen header .icons ul li img,
body.mobileMainNavOpen header .icons ul li span,
body.searchOpen header .icons ul li span,
body.cartOpen header .icons ul li span {
	opacity: 0;
	visibility: hidden;
}

@media (min-width: 768px) {
    header .icons {
        width: calc(100% - 126px);
    }
}

@media (min-width: 992px) {
	header .icons {
		width: 143px;
		height: 100px;
		padding-right: 0;
	}

	header .icons ul li {
		height: 100px;
		margin-right: 20px;
	}

	header .icons ul li img {
		margin-top: -10px;
	}

    header .icons ul li.iconShopping span {
        top: 26px;
    }
}

/* ########## ACCOUNT PULLOUT */
.accountPullout {
	background-color: #ededed;
	padding: 24px 30px 24px 30px;
	position: absolute;
	top: 100px;
	right: -100%;
	z-index: 852;
	-webkit-transition: right .25s ease-in-out;
		-moz-transition: right .25s ease-in-out;
		  -o-transition: right .25s ease-in-out;
			  transition: right .25s ease-in-out;
}

body.accountPulloutOpen header .accountPullout {
	right: -15px;
}

.accountPullout p {
	margin-bottom: 15px;
	font-family: "avenir-black", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

.accountPullout li {
	margin-bottom: 2px;
}

.accountPullout a {
	color: #1a1a1a;
	font-size: 13px;
	line-height: 16px;
}

.accountPullout span {
	color: #1a1a1a;
	font-family: "avenir-heavy", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 16px;
}

.accountPullout li.disabled a {
	opacity: 0.5;
}

.accountPullout li.disabled a:hover {
	opacity: 0.5;
	text-decoration: none;
}

.accountPullout a img {
	margin: -2px 14px 0 0;
}

/* ########## ACCOUNT MOBILE */
header .mainNav .accountMobile li.disabled a {
	opacity: 0.5;
	cursor: auto;
}

header .mainNav .accountMobile li a img {
	margin: -4px 14px 0 0;
}

header .mainNav .accountMobile p {
	margin: 0;
	padding: 10px 0 9px 0;
	display: block;
	font-family: "avenir-heavy", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 19px;
}


/* ########## HAMBURGER ########## */
header .hamburger {
	width: 18px !important;
	position: absolute;
	top: 50%;
	right: 30px;
	-webkit-transform: translateY(-50%);
		 -ms-transform: translateY(-50%);
			  transform: translateY(-50%);
}

.tcon-menu--xcross.tcon-transform .tcon-menu__lines::before,
.tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
	width: 22px;
}

/*header .hamburger span.tcon-menu__lines:before {
	 width: 22px;
}*/

@media (min-width: 992px) {
	header .hamburger {
		display: none;
	}
}


/* ########## SEARCH ########## */
header .search {
	width: 100%;
	height: calc(100vh - 75px);
	background-color: #ededed;
	padding: 30px;
	position: absolute;
	top: 75px;
	left: 100%;
	z-index: 850;
	-webkit-transition: left .25s ease-in-out;
		-moz-transition: left .25s ease-in-out;
		  -o-transition: left .25s ease-in-out;
			  transition: left .25s ease-in-out;
}

body.searchOpen header .search {
	left: 0;
}

header .search form {
	margin-top: 27px;
}

header .search input {
	background: transparent url(/Content/Storefront/Neenah/img/icon-search-background.svg) no-repeat top 9px left;
	background-size: 15px 15px;
	color: #808080;
	border: none !important;
	border-bottom: 1px solid #bebebe !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	margin-bottom: 2px;
	padding: 5px 12px 5px 24px;
	font-size: 18px;
	font-weight: 300;
}

header .search input:focus {
	background-color: transparent;
}

header .search input.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #808080;
	font-size: 18px;
	font-weight: 300;
}
header .search input.form-control::-moz-placeholder { /* Firefox 19+ */
	color: #808080;
	font-size: 18px;
	font-weight: 300;
}
header .search input.form-control:-ms-input-placeholder { /* IE 10+ */
	color: #808080;
	font-size: 18px;
	font-weight: 300;
}
header .search input.form-control:-moz-placeholder { /* Firefox 18- */
	color: #808080;
	font-size: 18px;
	font-weight: 300;
}

header .search select {
	width: auto;
	height: 38px !important;
	background: transparent url(/Content/Storefront/Neenah/img/select-dropdown.svg) no-repeat top 17px right !important;
	background-size: 11px 5px !important;
	background-color: transparent !important;
	color: #333333;
	border: none;
	box-shadow: none !important;
	margin: 0 0 0 auto;
	padding-right: 20px;
	font-family: "avenir-black", Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 13.75px;
	text-transform: uppercase;
	-webkit-appearance: none;
		-moz-appearance: none;
}

#search_resizing_select {
	width: 122px;
}

#search_width_tmp_select {
	display: none;
}

header .search img.close {
	display: none;
}

@media (min-width: 992px) {
	header .search {
		height: 100px;
		background-color: transparent;
		opacity: 0;
		visibility: hidden;
		padding: 0;
		top: 0;
		left: auto;
		right: 0;
		-webkit-transition: opacity .25s ease-in-out, visibility .25s ease-in-out;
		   -moz-transition: opacity .25s ease-in-out, visibility .25s ease-in-out;
			  -o-transition: opacity .25s ease-in-out, visibility .25s ease-in-out;
				  transition: opacity .25s ease-in-out, visibility .25s ease-in-out;
	}

	body.searchOpen header .search {
		opacity: 1;
		visibility: visible;
		top: 0;
		left: auto;
		right: 0;
	}

	header .search form {
		width: 400px;
		/*width: calc(100% - 653px);*/
        border-bottom: 1px solid #bebebe !important;
		margin: 0 auto;
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
			 -ms-transform: translateY(-50%);
				  transform: translateY(-50%);
	}

	header .search form input {
		width: auto;
		background: transparent url(/Content/Storefront/Neenah/img/icon-search-background.svg) no-repeat top 7px left;
		background-size: 18px 18px;
        border: none !important;
        margin-right: -4px;
		padding: 7px 12px 10px 32px;
		display: inline-block;
	}

	header .search form select {
		width: auto;
		background: transparent url(/Content/Storefront/Neenah/img/select-dropdown.svg) no-repeat top 15px right !important;
		background-size: 11px 5px !important;
		border: none !important;
		border-radius: 0;
		padding: 0px 20px 1px 0;
		display: inline-block;
		font-size: 13px;
		line-height: 16px;
	}

	#search_resizing_select {
		width: 132px;
	}

	header .search img.close {
		width: 15px;
		height: 15px;
		opacity: 1;
		display: block;
		position: absolute;
		top: 50%;
		right: 90px;
		-webkit-transform: translateY(-50%);
			 -ms-transform: translateY(-50%);
				  transform: translateY(-50%);
		cursor: pointer;
	}
}

@media (min-width: 992px) {
	header .search form {
		width: 595px;
	}

	header .search img.close {
		right: 138px;
	}
}



/* #################### SHADE #################### */
.shade {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.65);
	opacity: 0;
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 800;
	-webkit-transition: visibility .25s ease-in-out, opacity .25s ease-in-out;
		-moz-transition: visibility .25s ease-in-out, opacity .25s ease-in-out;
		  -o-transition: visibility .25s ease-in-out, opacity .25s ease-in-out;
			  transition: visibility .25s ease-in-out, opacity .25s ease-in-out;
}

body.helpModalOpen .shade,
body.sideNavMobileOpen .shade {
	opacity: 1;
	visibility: visible;
	position: fixed;
	z-index: 2000;
}

body.cartOpen .shade {
	opacity: 1;
	visibility: visible;
}

@media (min-width: 768px) {
	body.mainNavULHovered .shade,
	body.searchOpen .shade,
	body.accountPulloutOpen .shade {
		opacity: 1;
		visibility: visible;
	}

	body.sideNavMobileOpen .shade {
		opacity: 0;
		visibility: hidden;
	}

	body.cartOpen .shade {
		display: none;
	}
}



/* #################### PLACEHOLDER HERO IMAGE #################### */
img.placeholderHeroImage {
	width: 100%;
	margin: 0 auto 0 auto;
	display: block;
}



/* #################### CART #################### */
header .cart {
	width: 100%;
	height: calc(100vh - 75px);
	background-color: #ededed;
	padding: 15px;
	position: fixed;
	top: 75px;
	right: -100%;
	z-index: 821;
	-webkit-transition: right .25s ease-in-out;
		-moz-transition: right .25s ease-in-out;
		  -o-transition: right .25s ease-in-out;
			  transition: right .25s ease-in-out;
}

body.cartOpen .cart {
	right: 0;
}

@media (min-width: 768px) {
	header .cart {
		width: 450px;
		height: 100vh;
		background-color: white;
		padding: 30px;
		top: 0;
		z-index: 1101;
	}
}


/* ########## CART HEADER ########## */
header .cart .cartHeader {
	border-bottom: 1px solid #d9d9d9;
	padding: 20px 0 21px 0;
}

header .cart .cartHeader p {
	border-top: 3px solid black;
	margin: 0;
	padding-top: 2px;
	display: inline-block;
	font-family: "avenir-black", Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 21px;
	text-transform: uppercase;
}

header .cart .cartHeader img.close {
	width: 17px;
	height: 17px;
	display: none;
	cursor: pointer;
	-webkit-transition: opacity .25s ease-in-out;
		-moz-transition: opacity .25s ease-in-out;
		  -o-transition: opacity .25s ease-in-out;
			  transition: opacity .25s ease-in-out;
}

@media (min-width: 768px) {
	header .cart .cartHeader {
		padding: 1px 0 21px 0;
	}

	header .cart .cartHeader img.close {
		margin-top: 3px;
		display: block;
	}
}


/* ########## CART ITEMS ########## */
header .cart .cartItems {
	overflow-y: auto;
    overflow-x: hidden;
}

header .cart .cartItems li {
	border-bottom: 1px solid #d9d9d9;
    padding-left: 2px;
}

header .cart .cartItems a {
	color: black;
	padding: 16px 0 13px 0;
	display: block;
	position: relative;
    text-decoration: none !important;
}

header .cart .cartItems img {
	width: 50px;
	margin-right: 15px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
			  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
	display: inline-block;
	vertical-align: top;
}

header .cart .cartItems .info {
	width: calc(100% - 130px);
	display: inline-block;
	vertical-align: top;
}

header .cart .cartItems .info p.name {
	margin-bottom: 3px;
	font-family: "avenir-roman", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 16px;
}

header .cart .cartItems .info p.name span {
	font-family: "avenir-black", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

header .cart .cartItems .info p.name span sup {
	top: -0.3em;
}

header .cart .cartItems .info p.details {
	color: #666666;
	margin: 0;
	font-size: 10px;
	line-height: 13px;
}

header .cart .cartItems .info p.details span {
	display: block;
}

header .cart .cartItems .delete {
	position: absolute;
	bottom: 13px;
	right: 0;
}

header .cart .cartItems .delete i {
	color: #666666;
}

header .cart .cartItems .price {
	width: 50px;
	margin-left: 15px;
	display: inline-block;
	vertical-align: top;
	text-align: right;
	font-family: "avenir-heavy", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 16px;
}

@media (min-width: 768px) {
	header .cart .cartItems img {
		width: 80px;
	}

	header .cart .cartItems .info {
		width: calc(100% - 190px);
	}

	header .cart .cartItems .info p.name {
		margin-bottom: 4px;
		font-size: 16px;
		line-height: 19px;
	}

	header .cart .cartItems .info p.details {
		font-size: 12px;
		line-height: 15px;
	}

	header .cart .cartItems .price {
		width: 80px;
		font-size: 16px;
		line-height: 19px;
	}
}


/* ########## CART FOOTER ########## */
header .cart .cartFooter {
	border-top: 1px solid #d9d9d9;
	padding: 12px 0 0 0;
}

header .cart .cartFooter p {
	margin: 0 0 11px 0;
	display: block;
	font-family: "avenir-roman", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 16px;
	text-transform: uppercase;
}

header .cart .cartFooter a.btn:first-of-type {
	margin-bottom: 15px;
}

header .cart .cartFooter p span {
	float: right;
	font-family: "avenir-heavy", Helvetica, Arial, sans-serif;
	text-transform: none;
}

header .cart .cartFooter p.discount span {
	color: #cc0000;
}

header .cart .cartFooter a.btn:first-of-type,
header .cart .cartFooter button:first-of-type {
	margin-top: 25px;
}

@media (min-width: 768px) {
	header .cart .cartFooter {
		padding: 13px 0 0 0;
	}

	header .cart .cartFooter a.btn {
		padding: 11px 15px 10px 15px;
		font-size: 14px;
		line-height: 17px;
	}

	header .cart .cartFooter p {
		margin: 0 0 11px 0;
		font-size: 16px;
		line-height: 19px;
	}
}


/* ########## CART SHADE ########## */
.cartShade {
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.65);
	opacity: 0;
	visibility: hidden;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1100;
	-webkit-transition: visibility .25s ease-in-out, opacity .25s ease-in-out;
		-moz-transition: visibility .25s ease-in-out, opacity .25s ease-in-out;
		  -o-transition: visibility .25s ease-in-out, opacity .25s ease-in-out;
			  transition: visibility .25s ease-in-out, opacity .25s ease-in-out;
}

@media (min-width: 768px) {
	.cartShade {
		display: block;
	}

	body.cartOpen .cartShade {
		opacity: 1;
		visibility: visible;
	}
}



/* #################### FOOTER #################### */
footer {
	width: 100%;
	background-color: transparent;
	margin: 0;
	padding: 58px 0 0 0;
}

footer p {
	margin: 0 0 10px 0;
	font-family: "avenir-black", Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	text-transform: uppercase;
}

footer ul {
	margin-bottom: 27px !important;
}

footer li {
	margin: 0 0 10px 0;
}

footer li.copyright {
	color: #666666;
	font-size: 10px;
	line-height: 13px;
}

footer a {
	color: #666666;
	display: block;
	font-size: 12px;
	line-height: 15px;
}

footer a:hover {
	color: #666666;
}

footer a i {
	margin-right: 5px;
	vertical-align: bottom;
	font-size: 18px !important;
}

footer .liveChatIcon {
    margin-right: 5px !important;
}

i.fa.fa-external-link {
    color: #999999;
    font-size: 14px !important;
}

@media (min-width: 768px) {
	footer {
		padding: 58px 0 37px 0;
	}

	footer .container-fluid {
		padding-right: 30px;
		padding-left: 30px;
	}

	footer ul {
		margin-bottom: 0 !important;
	}
}



/* #################### HOME HERO SLIDER #################### */
.heroSlider {
	visibility: hidden;
}

.heroSlider.home {
	margin: 0 !important;
	padding: 0 !important;
}

@media (min-width: 992px) {
	.heroSlider {
		margin: 0 30px 0 30px !important;
		/*padding-top: 45px;*/
	}
}


/* ########## PACKAGING ########## */
.heroSlider.productLanding .slick-slide,
.heroSlider.productLanding .heroContent {
	height: auto !important;
	min-height: 0 !important;
}

.heroSlider.productLanding .heroContent div {
	margin: 0 auto !important;
	padding-top: 50px !important;
	padding-bottom: 15px !important;
	position: static !important;
	top: auto !important;
	left: auto !important;
	-webkit-transform: translateY(0%) translateX(0%) !important;
		 -ms-transform: translateY(0%) translateX(0%) !important;
			  transform: translateY(0%) translateX(0%) !important;
}

.heroSlider.productLanding .heroContent h1,
.heroSlider.productLanding .heroContent p {
    text-shadow: 0 0 60px rgba(0, 0, 0, 0.5);
}

@media (min-width: 992px) {
	.heroSlider.productLanding .slick-slide,
	.heroSlider.productLanding .heroContent {
		padding-top: 52px !important;
		padding-bottom: 31px !important;
	}

	.heroSlider.productLanding .heroContent div {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
}


/* ########## SLIDE DOTS ########## */
.heroSlider .slick-dots {
	bottom: 0;
}

.heroSlider .slick-dots.hidden {
	display: none;
}

.heroSlider .slick-dots li {
	width: 100px;
	height: 33px;
}

.heroSlider .slick-dots li button {
	width: 100%;
	height: 33px;
	padding: 0;
}

.heroSlider .slick-dots li button:before {
	width: 100%;
	height: 3px;
	background-color: white;
	top: 15px;
	content: ' ';
	-webkit-transition: opacity .25s ease-in-out;
		-moz-transition: opacity .25s ease-in-out;
		  -o-transition: opacity .25s ease-in-out;
			  transition: opacity .25s ease-in-out;
}
@keyframes slickTimer {
   0% {width: 0;}
   100% {width: 100%;}
}

.heroSlider .slick-dots li.slick-active button:after {
animation-name: slickTimer;
   animation-duration: 5s;
   animation-delay: 0s;
   animation-timing-function: linear;
}

.heroSlider.timerStart .slick-dots li.slick-active button:after {
animation-name: slickTimer;
   animation-duration: 5.6s;
   animation-delay: 0s;
   animation-timing-function: linear;
}

/* ########## SLICK SLIDE ########## */
.heroSlider .slick-slide {
	min-height: 500px;
	background: url(/Content/Storefront/Neenah/img/placeholder-hero_image.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}

.heroSliderExample {
	background: #404040;
	color: white;
	padding-top: 40px;
	padding-bottom: 40px;
}

/* ########## HERO CONTENT */
.heroSlider .heroContent {
	width: 100%;
	min-height: 500px;
	color: white;
	background-color: rgba(0, 0, 0, 0.5);
	text-align: center;
}

.heroSlider .heroContent div {
	width: 100%;
	padding: 15px 15px 15px 15px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
		 -ms-transform: translateY(-50%) translateX(-50%);
			  transform: translateY(-50%) translateX(-50%);
}

@media (min-width: 992px) {
	.heroSlider .heroContent {
		width: 40%;
		background-color: transparent;
		text-align: left;
	}

	.heroSlider .heroContent div {
		width: auto;
		padding: 52px 50px 52px 50px;
		position: relative;
		top: 50%;
		left: auto;
		-webkit-transform: translateY(-50%) translateX(0%);
			 -ms-transform: translateY(-50%) translateX(0%);
				  transform: translateY(-50%) translateX(0%);
	}

	.heroSlider .heroContent.left {
		position: absolute;
		left: 0;
	}

	.heroSlider .heroContent.right {
		position: absolute;
		right: 0;
	}

	.heroSlider .heroContent.center {
		width: 100%;
	}

	.heroSlider .heroContent.center div {
		width: 60%;
		left: 50%;
		text-align: center;
		-webkit-transform: translateY(-50%) translateX(-50%);
			 -ms-transform: translateY(-50%) translateX(-50%);
				  transform: translateY(-50%) translateX(-50%);
	}
}

/* ########## TEXT */
.heroSliderExample h2,
.heroSlider h2 {
	margin: 0 0 28px 0;
	font-family: "avenir-light", Helvetica, Arial, sans-serif;
}

.heroSliderExample h2.heavy,
.heroSlider h2.heavy {
	font-family: "avenir-heavy", Helvetica, Arial, sans-serif;
}

.heroSliderExample h2.lg,
.heroSlider h2.lg {
	font-size: 45px;
	line-height: 48px;
}

.heroSliderExample h2.md,
.heroSlider h2.md {
	font-size: 35px;
	line-height: 38px;
}

.heroSliderExample h2.sm,
.heroSlider h2.sm {
	font-size: 25px;
	line-height: 28px;
}

.heroSliderExample p,
.heroSlider p {
	margin: 0 0 35px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: lighter;
}

.heroSliderExample p.bold,
.heroSlider p.bold {
	font-weight: bold;
}

.heroSliderExample p.lg,
.heroSlider p.lg {
	font-size: 25px;
	line-height: 28px;
}

.heroSliderExample p.md,
.heroSlider p.md {
	font-size: 20px;
	line-height: 23px;
}

.heroSliderExample p.sm,
.heroSlider p.sm {
	font-size: 16px;
	line-height: 19px;
}

.heroSliderExample p.smallHeader,
.heroSlider p.smallHeader {
	border-top: 3px solid white;
	margin: 0 0 28px 0;
	padding-top: 5px;
	display: inline-block;
	font-family: "avenir-black", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 17px;
	text-transform: uppercase;
}

.heroSliderExample a.btn,
.heroSlider a.btn {
	color: white;
	border: 1px solid white;
	padding: 7px 25px 6px 25px;
	font-size: 12px;
	line-height: 15px;
	-webkit-transition: background-color .25s ease-in-out;
		-moz-transition: background-color .25s ease-in-out;
		  -o-transition: background-color .25s ease-in-out;
			  transition: background-color .25s ease-in-out;
}

.heroSliderExample a.btn:hover,
.heroSlider a.btn:hover {
	background-color: rgba(255, 255, 255, 0.075);
	color: white;
	border: 1px solid white;
}

@media (min-width: 992px) {
	.heroSliderExample h2,
	.heroSlider h2 {
		margin: 0 0 38px 0;
	}

	.heroSliderExample h2.lg,
	.heroSlider h2.lg {
		font-size: 60px;
		line-height: 63px;
	}

	.heroSliderExample h2.md,
	.heroSlider h2.md {
		font-size: 50px;
		line-height: 53px;
	}

	.heroSliderExample h2.sm,
	.heroSlider h2.sm {
		font-size: 40px;
		line-height: 43px;
	}

	.heroSliderExample p,
	.heroSlider p {
		margin: 0 0 40px 0;
	}

	.heroSliderExample p.lg,
	.heroSlider p.lg {
		font-size: 30px;
		line-height: 33px;
	}

	.heroSliderExample p.smallHeader,
	.heroSlider p.smallHeader {
		border-top: 4px solid white;
		margin: 0 0 33px 0;
		padding-top: 8px;
		font-size: 18px;
		line-height: 21px;
	}

	.heroSliderExample a.btn,
	.heroSlider a.btn {
		padding: 11px 35px 10px 35px;
		font-size: 14px;
		line-height: 17px;
	}
}

/* ########## BLACK */
@media (min-width: 992px) {
	.heroSlider .heroContent.black {
		color: black;
	}

	.heroSlider .heroContent.black p.smallHeader {
		border-top: 4px solid black;
	}

	.heroSlider .heroContent.black a.btn {
		color: black;
		border: 1px solid black;
	}
}

/* ########## BLACK BOX */
@media (min-width: 992px) {
	.heroSlider .heroContent.blackBox div {
		background-color: black;
	}
}



/* #################### ICON GRID #################### */
.iconGrid {
	background-color: white;
	padding: 57px 0 54px 0;
	text-align: center;
}

.iconGrid ul {
	margin-top: 6px;
}

.iconGrid li {
	margin-bottom: 30px;
}

.iconGrid li a {
	color: #1a1a1a;
	display: block;
	font-family: "avenir-light", Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 21px;
	text-decoration: none;
	-webkit-transition: color .25s ease-in-out;
		-moz-transition: color .25s ease-in-out;
		  -o-transition: color .25s ease-in-out;
			  transition: color .25s ease-in-out;
}

.iconGrid li a:hover {
	color: #666666;
}

.iconGrid li a svg {
	margin: 0 auto 15px auto;
	display: block;
}

.iconGrid li a svg rect,
.iconGrid li a svg polygon,
.iconGrid li a svg path {
	-webkit-transition: fill .25s ease-in-out;
		-moz-transition: fill .25s ease-in-out;
		  -o-transition: fill .25s ease-in-out;
			  transition: fill .25s ease-in-out;	
}

.iconGrid li a:hover svg rect,
.iconGrid li a:hover svg polygon,
.iconGrid li a:hover svg path {
	fill: #666666;
}


/* ########## SHOP NEENAH ########## */
.iconGrid.shopNeenah li svg {
	width: 36px;
	height: 36px;
}



/* #################### FEATURED ITEMS #################### */
.featuredItems {
	padding-top: 15px;
}

.featuredItems.noSpaceBefore {
	margin-top: -15px;
}

.featuredItems.whiteBackground {
	background-color: white;
	padding-bottom: 0;
}

.featuredItems.whiteBackground.noSpaceBefore {
	padding-top: 9px;
}

.featuredItems > div > div {
	margin-bottom: 15px;
}

.featuredItems > div.sectionHeader > div {
	margin-bottom: 0;
}

.featuredItems h2 {
	margin: 27px 0 21px 0;
	text-align: center;
}

.featuredItems .itemContent {
	height: 100%;
	background-color: white;
	overflow: hidden;
	display: block;
	-webkit-transition: box-shadow .25s ease-in-out;
		-moz-transition: box-shadow .25s ease-in-out;
		  -o-transition: box-shadow .25s ease-in-out;
			  transition: box-shadow .25s ease-in-out;
	text-decoration: none;
}

.featuredItems .itemContent:hover {
	box-shadow: 0 30.5px 70px -24.5px rgba(0,0,0,0.3);
}

.featuredItems .itemContent .itemImage {
	width: 100%;
	border-radius: 0;
}

.featuredItems .itemInfo {
	color: black;
	padding: 20px 15px 25px 15px;
}

.featuredItems .itemTitle {
	margin-bottom: 0;
}

.featuredItems .itemText {
	font-family: "avenir-light", Helvetica, Arial, sans-serif;
}

h4.itemText {
    color: #333333;
    margin: 0;
    text-align: center;
    font-family: "avendi-light", Arial, Helvetica, sans-serif, Arial, sans-serif;
    font-size: 18px;
}

.featuredItems .shopNow {
	color: #808080;
	margin: 0;
    font-family: "avenir-heavy", Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
}

.featuredItems .card a {
	color: #808080;
	font-size: 11px;
	text-transform: uppercase;
}

.featuredItems .card a:hover {
	text-decoration: underline;
}

@media (min-width: 768px) {
	.featuredItems {
		padding-top: 30px;
	}

	.featuredItems.noSpaceBefore {
		margin-top: -30px;
	}

	.featuredItems.whiteBackground {
		padding-bottom: 15px;
	}

	.featuredItems > div > div {
		margin-bottom: 30px;
	}

	.featuredItems .itemInfo {
		padding: 20px 30px 25px 30px;
	}
}

/* ########## TWO UP ########## */
.featuredItems.twoUp .itemText {
	margin-bottom: 11px;
	font-size: 22px;
}


/* ########## THREE UP ########## */
.featuredItems.threeUp .itemInfo {
	padding: 20px 15px 15px 15px;
}

.featuredItems.threeUp .itemTitle {
	margin-bottom: 4px;
}

.featuredItems.threeUp .itemText {
	font-size: 18px;
	line-height: 24px;
}

@media (min-width: 768px) {
	.featuredItems.threeUp .itemInfo {
		padding: 20px 30px 15px 30px;
	}
}


/* ########## RELATED ITEMS ########## */
.featuredItems.relatedItems .itemInfo {
	padding: 19px 0 15px 0;
}

.featuredItems.relatedItems .itemTitle {
	margin-bottom: 4px;
}

.featuredItems.relatedItems .itemText {
	font-size: 18px;
	line-height: 24px;
}

.featuredItems.relatedItems .itemText:last-child {
	margin: 0;
}

.featuredItems.relatedItems .itemContent {
	overflow: visible;
}

.featuredItems.relatedItems .itemContent:hover {
	box-shadow: none;
	margin: 0;
	padding: 0;
}

.featuredItems.relatedItems .itemContent .itemImage {
	-webkit-transition: box-shadow .25s ease-in-out;
		-moz-transition: box-shadow .25s ease-in-out;
		  -o-transition: box-shadow .25s ease-in-out;
			  transition: box-shadow .25s ease-in-out;
}

.featuredItems.relatedItems .itemContent:hover .itemImage {
	box-shadow: 0 34.5px 30px -30.5px rgba(0,0,0,0.3);
}


/* ########## RELATED ITEMS ALT ########## */
.featuredItems.relatedItemsAlt .itemInfo {
	padding: 25px 0 20px 0;
}

.featuredItems.relatedItemsAlt h4.itemText {
	color: #333333;
	margin: 0;
	text-align: center;
	font-family: "avenir-light", Helvetica, Arial, sans-serif;
}

@media (min-width: 768px) {
	.featuredItems.relatedItems .itemInfo {
		padding: 19px 0 0 0;
	}
}



/* #################### LIST #################### */
.list {
	padding-top: 15px;
	padding-bottom: 15px;
}

.list.white {
	background-color: white;
}

.list h2 {
	margin-top: 27px;
	margin-bottom: 50px;
	text-align: center;
}

.list a {
	color: black;
	text-decoration: none;
}

@media (min-width: 576px) {
	.list {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.list ul ul li {
		-webkit-column-break-inside: avoid;
                page-break-inside: avoid;
                     break-inside: avoid;
	}
}


/* ############# THREE COLUMNS ############# */
.list.threeColumns > div > div > ul {
   -webkit-columns: 2;
      -moz-columns: 2;
  			  columns: 2;
  	-webkit-column-gap: 30px;
      -moz-column-gap: 30px;
           column-gap: 30px;
}

@media (min-width: 768px) {
	.list.threeColumns > div > div > ul {
	   -webkit-columns: 3;
	      -moz-columns: 3;
	  			  columns: 3;
	  	-webkit-column-gap: 30px;
	      -moz-column-gap: 30px;
	           column-gap: 30px;
	}
}


/* ############# FOUR COLUMNS ############# */
@media (min-width: 576px) {
	.list.fourColumns > div > div > ul {
	   -webkit-columns: 2;
	      -moz-columns: 2;
	  			  columns: 2;
	  	-webkit-column-gap: 30px;
	      -moz-column-gap: 30px;
	           column-gap: 30px;
	}
}

@media (min-width: 768px) {
	.list.fourColumns > div > div > ul {
	   -webkit-columns: 3;
	      -moz-columns: 3;
	  			  columns: 3;
	  	-webkit-column-gap: 30px;
	      -moz-column-gap: 30px;
	           column-gap: 30px;
	}
}

@media (min-width: 992px) {
	.list.fourColumns > div > div > ul {
	   -webkit-columns: 4;
	      -moz-columns: 4;
	  			  columns: 4;
	  	-webkit-column-gap: 30px;
	      -moz-column-gap: 30px;
	           column-gap: 30px;
	}
}


/* ############# DESIGN COLLECTION BRANDS ############# */
.list.designCollectionBrands li {
	margin-bottom: 30px;
}

.list.designCollectionBrands h4 {
	margin-bottom: 3px;
	text-transform: uppercase;
}

.list.designCollectionBrands h4 span {
	font-family: "avenir-black", Helvetica, Arial, sans-serif;
}

.list.designCollectionBrands p {
	color: #666666;
	font-weight: 300;
	line-height: 24px;
}

@media (min-width: 576px) {
	.list.designCollectionBrands li {
		margin-bottom: 45px;
	}
}


/* ############# NEENAH BRANDS ############# */
.list.neenahBrands li {
	/*margin-bottom: 9px;*/
	line-height: 30px;
}

.list.neenahBrands li.letter {
	color: #cccccc;
	margin-top: 30px;
	font-family: "avenir-light", Helvetica, Arial, sans-serif;
	font-size: 30px;
}

.list.neenahBrands li.letter:first-of-type {
	margin-top: 0;
}

.list.neenahBrands a {
	text-decoration: none;
}

.list.neenahBrands a span {
	font-weight: 600;
}



/* #################### BUTTON GRID #################### */
.buttonGrid {
	padding-top: 60px;
	padding-bottom: 30px;
	text-align: center;
}

.buttonGrid.white {
	background-color: white;
}

.buttonGrid h2 {
	margin-bottom: 20px;
}

.buttonGrid button,
.buttonGrid a.btn {
	margin: 0 15px 30px 15px;
}



/* #################### SHARE #################### */
.share {
	padding: 15px 15px 10px 15px;
	text-align: right;
}

.share p {
	color: #999999;
	font-family: "avenir-heavy", Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	cursor: pointer;
	display: inline-block;
	-webkit-transition: color .25s ease-in-out;
		-moz-transition: color .25s ease-in-out;
		  -o-transition: color .25s ease-in-out;
			  transition: color .25s ease-in-out;
}

.share.open p {
color: black;
}

.share img {
	width: 13px;
	height: 14px;
	margin-top: -4px;
	margin-left: 6px;
}

@media (min-width: 768px) {
	.share {
		padding: 0;
		text-align: left;
		position: absolute;
		top: 29px;
		right: 30px;
		z-index: 10;
	}
}


/* ########## OPTIONS ########## */
.share .options {
	background-color: white;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
			  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	margin-right: 13px;
	padding: 14px 30px 10px 30px;
	display: inline-block;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: visibility .25s ease-in-out, opacity .25s ease-in-out;
		-moz-transition: visibility .25s ease-in-out, opacity .25s ease-in-out;
		  -o-transition: visibility .25s ease-in-out, opacity .25s ease-in-out;
			  transition: visibility .25s ease-in-out, opacity .25s ease-in-out;
}

.share.open .options {
	visibility: visible;
	opacity: 1;
}

.share .options li {
	margin-right: 25px;
}

.share .options li:last-child {
	margin-right: 0;
}

.share .options i {
	color: black;
	font-size: 16px;
	line-height: 19px;
}



/* #################### BREADCRUMBS #################### */
.breadcrumbs {
	padding-top: 44px;
	margin-bottom: 24px;
}

.breadcrumbs li {
	margin-right: 8px;
	position: relative;
}

.breadcrumbs li:after {
	color: #999999;
	display: block;
	position: absolute;
	top: 2px;
	right: -8px;
	font-family: "avenir-heavy", Helvetica, Arial, sans-serif;
	font-size: 12px;
	content: "/";
}

.breadcrumbs a {
	color: #999999;
	font-family: "avenir-heavy", Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
}

.breadcrumbs li.currentPage:after {
	display: none;
}

.breadcrumbs li.currentPage a {
	color: black;
	font-family: "avenir-black", Helvetica, Arial, sans-serif;
}



/* #################### PAGINATION #################### */
.pagination {
	width: 100%;
	display: block;
	text-align: center;
}

.pagination li {
	margin: 0 5px 0 5px;
}

.pagination li a {
	color: #999999;
	font-weight: 400;
	font-size: 13px;
}

.pagination li.prev {
	margin-right: 27px;
}

.pagination li.next {
	margin-left: 27px;
}

.pagination li.next a,
.pagination li.prev a {
	color: #333333;
	font-weight: 500;
}

.pagination li.currentPage a {
	color: #333333;
	font-weight: 500;
}

.pagination li.disabled a {
	color: #999999;
	font-weight: 400;
}



/* #################### WHY NEENAH #################### */
.whyNeenah {
	background-color: white;
	padding: 60px 0 60px 0;
	text-align: center;
}

.whyNeenah .videoContainer {
	max-width: 100%;
	height: 0;
	margin-bottom: 50px;
	padding-bottom: 56.25%;
	overflow: hidden;
	position: relative;
}

.whyNeenah .videoContainer iframe,
.whyNeenah .videoContainer object,
.whyNeenah .videoContainer embed {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.whyNeenah p {
	margin-bottom: 18px;
	font-family: "avenir-light", Helvetica, Arial, sans-serif;
	font-size: 20px;
}

.whyNeenah .btn.btn-link {
	margin-bottom: 57px;
	display: block;
}

.whyNeenah .btn.btn-secondary {
	width: 100%;
	max-width: 380px;
	margin-bottom: 0;
}



/* #################### SIDE NAV #################### */
.sideNav {
	width: calc(100% - 30px);
	height: 100vh;
	background-color: white;
	padding: 0 0 30px 0;
	position: fixed;
	top: 0;
	right: -100%;
	z-index: 2001;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-transition: right .25s ease-in-out;
		-moz-transition: right .25s ease-in-out;
		  -o-transition: right .25s ease-in-out;
			  transition: right .25s ease-in-out;
}

body.sideNavMobileOpen .sideNav {
	right: 0;
}

.sideNav .sideNavHeaderMobile {
	width: 100%;
	height: 71px;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 30px;
	padding: 0 17px 0 17px;
	position: relative;
}

.sideNav .sideNavHeaderMobile button {
	margin-top: 15px;
}

.sideNav .sideNavHeaderMobile img {
	width: 13px;
	height: 13px;
	position: absolute;
	top: 28px;
	right: 30px;
	cursor: pointer;
}

.sideNav p.sideNavHeader {
	border-top: 3px solid black;
	margin-bottom: 12px;
	margin-right: 30px;
	margin-left: 30px;
	padding-top: 3px;
	display: inline-block;
	font-family: "avenir-black", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 16px;
	text-transform: uppercase;
}

@media (min-width: 768px) {
	.sideNav {
		width: 100%;
		height: 100%;
		/*min-height: 800px;*/
		padding: 30px 0 30px 0;
		position: static;
		top: auto;
		left: auto;
		overflow-y: visible;
	}
}


/* ########## UL ########## */
.sideNav ul {
	margin-right: 30px;
	margin-left: 30px;
}

.sideNav li {
	margin-bottom: 11px;
	padding-right: 20px;
	position: relative;
}

.sideNav a {
	color: black;
	font-size: 13px;
	line-height: 16px;
	display: block;
	text-decoration: none;
	cursor: pointer;
}

.sideNav a:hover {
	text-decoration: underline;
}

.sideNav li.currentPage > a {
	font-weight: 600;
}

.sideNav li.hasDropdown > ul {
    width: 100%;
	/*width: calc(100% - 10px);*/
	max-height: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: max-height .25s ease-in-out, opacity .25s ease-in-out, margin-top .25s ease-in-out, visibility .25s ease-in-out;
		-moz-transition: max-height .25s ease-in-out, opacity .25s ease-in-out, margin-top .25s ease-in-out, visibility .25s ease-in-out;
		  -o-transition: max-height .25s ease-in-out, opacity .25s ease-in-out, margin-top .25s ease-in-out, visibility .25s ease-in-out;
			  transition: max-height .25s ease-in-out, opacity .25s ease-in-out, margin-top .25s ease-in-out, visibility .25s ease-in-out;
}

.sideNav ul > li.hasDropdown.open > ul {
	max-height: 1000px;
	opacity: 1;
	margin-top: 10px;
	visibility: visible;
}

.sideNav ul.categories > li.hasDropdown > ul {
	margin: 0 0 0 20px;
}

.sideNav ul.categories > li.hasDropdown.open > ul {
	margin: 10px 0 0 20px;
}

.sideNav ul.categories > li.hasDropdown.open > ul > li.hasDropdown > ul {
    margin: 0 0 0 20px;
}

.sideNav ul.categories > li.hasDropdown.open > ul > li.hasDropdown.open > ul {
    margin: 10px 0 0 20px; 
}

.sideNav ul.categories > li.hasDropdown > ul li:last-child {
    margin-bottom: 0 !important;
}

.sideNav ul > li.hasDropdown.open > ul > li.hasDropdown.open > ul {
	max-height: 1000px;
	opacity: 1;
	visibility: visible;
}

.sideNav li.hasDropdown img {
	width: 9px;
	height: 9px;
	position: absolute;
	top: 3px;
	right: 0;
	cursor: pointer;
}

.sideNav li.hasDropdown > span.accordionTrigger {
	width: 9px;
	height: 9px;
	background: transparent url(/Content/Storefront/Neenah/img/icon-plus.svg) no-repeat top left;
	background-size: 9px 9px;
	display: block;
	position: absolute;
	top: 3px;
	right: 0;
	cursor: pointer;
}

.sideNav li.hasDropdown.open > span.accordionTrigger {
	background: transparent url(/Content/Storefront/Neenah/img/icon-minus.svg) no-repeat top left;
	background-size: 9px 9px;
}


/* ########## FILTERS ########## */
.sideNav .filters {
	margin-top: 28px;
}

.sideNav .filters > ul {
	margin: 0;
}

.sideNav .filters > ul > li {
	margin: 0;
	padding-right: 0;
}

.sideNav .filters > ul > li > span {
	border-top: 1px solid #e5e5e5;
	margin-bottom: -11px;
	padding: 12px 30px 12px 30px;
	display: block;
	font-family: "avenir-black", Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	cursor: pointer;
}

.sideNav .filters > ul > li.hasDropdown > span {
	background: transparent url(/Content/Storefront/Neenah/img/icon-plus.svg) no-repeat center right 30px;
	background-size: 9px 9px;
}

.sideNav .filters > ul > li.hasDropdown.open > span {
	background: transparent url(/Content/Storefront/Neenah/img/icon-minus.svg) no-repeat center right 30px;
	background-size: 9px 9px;
}

.sideNav .filters > ul > li:last-child {
	border-bottom: 1px solid #e5e5e5;
}

.sideNav .filters li img {
	top: 18px;
	right: 30px;
	pointer-events: none;
}

.sideNav .filters ul ul {
	margin: 0 0 0 30px;
}

.sideNav .filters ul ul li {
	margin: 0 0 9px 0;
}

.sideNav .filters input {
	margin-right: 15px;
}

.sideNav .filters .checkbox label {
	margin-bottom: 0;
    text-transform: capitalize;
}

.sideNav .filters .checkbox input[type="checkbox"] + div {
	margin-right: 11px;
}

.sideNav .filters .form-check {
	margin: 0;
}


/* ########## OPEN/CLOSE FILTERS ########## */
span.openSideNavMobile {
	font-weight: 500;
	font-size: 13px;
	cursor: pointer;
}

.sideNavMobile {
	width: 100%;
	margin-top: 4px;
	margin-bottom: 23px;
	display: block;
	text-align: right;
}


/* ########## SUBSCRIBE ########## */
.sideNav .subscribe {
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	margin-top: 14px;
	padding: 26px 30px 30px 30px;
}

.sideNav .subscribe p {
	margin: 0;
	font-family: "avenir-black", Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
}

.sideNav .subscribe input {
	-webkit-transition: margin-top .15s ease-in-out;
		-moz-transition: margin-top .15s ease-in-out;
		  -o-transition: margin-top .15s ease-in-out;
			  transition: margin-top .15s ease-in-out;
}

.sideNav .subscribe input.topSpacing {
	margin-top: 15px;
}


/* ########## CATEGORIES ########## */
.sideNav .blogCategories {
	border-bottom: 1px solid #e8e8e8;
	padding: 26px 0 12px 0;
}

.sideNav .blogCategories ul li {
	margin-bottom: 14px;
}

.sideNav .blogCategories ul li:first-child {
	font-family: "avenir-black", Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
}



/* ########## POPULAR ARTICLES ########## */
.sideNav .popularArticles {
	padding: 26px 0 0 0;
}

.sideNav .popularArticles ul li {
	margin-bottom: 16px;
}

.sideNav .popularArticles ul li:first-child {
	font-family: "avenir-black", Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
}



/* #################### SIDENAV CONTENT #################### */
.contentModule {
	height: 100%;
	background-color: white;
	/*margin-top: 45px;*/
	padding: 55px 30px 55px 30px;
}

@media (min-width: 768px) {
	.contentModule {
		padding: 55px 58px 55px 58px;
	}
}


/* ########## HEADER OUTSIDE BANNER ########## */
.contentModule .headerOutsideBanner {
	padding: 0 0 25px 0;
}

.contentModule .headerOutsideBanner h1 {
	margin-bottom: 4px !important;
}

@media (min-width: 768px) {
	.contentModule .headerOutsideBanner {
		padding: 0 0 33px 0;
	}
}


/* ########## HEADER IN BANNER ########## */
.contentModule .headerInBanner {
	width: calc(100% + 60px);
	background: url(/Content/Storefront/Neenah/img/placeholder-calculator_background.jpg) grey no-repeat center center;
	background-size: cover;
	color: white;
	margin: -55px 0 55px -30px;
	padding: 45px 30px 45px 30px;
	word-break: break-word;
}

.contentModule .headerInBanner h1 {
	margin: 0;
	font-size: 40px;
	line-height: 40px;
    text-shadow: 0 0 90px rgba(0, 0, 0, 0.5);
}

.contentModule .headerInBanner h1 span {
	font-family: "avenir-light", Helvetica, Arial, sans-serif;
}

@media (min-width: 768px) {
	.contentModule .headerInBanner {
		width: calc(100% + 116px);
		margin: -55px 0 55px -58px;
		padding: 56px 60px 50px 60px;
	}
}


/* ########## BANNER ########## */
.contentModule .banner {
	width: calc(100% + 60px);
	height: 200px;
	background: url(/Content/Storefront/Neenah/img/placeholder-calculator_background.jpg) grey no-repeat center center;
	background-size: cover;
	margin: -55px 0 45px -30px;
}

@media (min-width: 768px) {
	.contentModule .banner {
		width: calc(100% + 116px);
		height: 300px;
		margin: -55px 0 45px -58px;
	}
}


/* ########## CONTENT COLUMNS ########## */
.contentColumns > div {
	margin-bottom: 30px;
}


/* ########## VIEW SAMPLE REPORT ########## */
.viewSampleReport {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

.viewSampleReport img {
	width: 49px;
	height: 63px;
	display: inline-block;
	vertical-align: top;
}

.viewSampleReport p {
	height: 63px;
	color: #333333;
	margin-top: 10px;
	padding-left: 15px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-family: "avenir-black", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-decoration: none;
	text-transform: uppercase;
}

.viewSampleReport p span {
	display: block;
}

@media (min-width: 992px) {
	.viewSampleReport {
		width: 200px;
		max-width: 200px;
		margin-top: 0;
		margin-bottom: 114px;
	}
}



/* #################### CALCULATOR #################### */
form.calculator {
	margin-top: 63px;
}

.calcElement {
	margin-top: 32px;
	margin-bottom: 32px;
}

.calcElement:last-of-type {
	margin-bottom: 44px;
}

.calcElement .form-group {
	margin-bottom: 15px;
}

.calcElement a.btn,
.calcElement button {
	margin-top: 15px;
}

@media (min-width: 992px) {
	.calcElement a.btn,
	.calcElement button {
		margin-top: -10px;
	}
}




/* #################### CASE STUDIES #################### */
.featuredItems.caseStudies {
    padding-top: 10px;
}

@media (min-width: 768px) {
	.caseStudies .itemContent {
		margin-bottom: 35px !important;
	}
}



/* #################### SWATCH GRID #################### */
.swatchGrid {
	padding-top: 26px;
	padding-bottom: 31px;
}

.swatchGrid .swatches {
	margin: 0 -8px 0 -8px;
}

@media (min-width: 768px) {
	.swatchGrid .sideNav {
		height: calc(100% - 44px);
		margin-top: 44px;
	}
}


/* ########## SWATCH GRID FORM ########## */
.swatchGrid form.sortView .form-group.inline {
	width: 100%;
    text-align: right;
}

.swatchGrid form.sortView select {
	background: none !important;
	cursor: pointer;
}

#width_tmp_select {
	display: none;
}


/* ########## SWATCH GRID SWATCHES ########## */
.swatchGrid .swatches li {
	width: calc(33.33333333% - 20px);
	margin: 0 8px 28px 8px;
	text-align: left;
	vertical-align: top;
}

.swatchGrid .swatches li a {
	text-decoration: none;
}

.swatchGrid .swatches img {
	width: 100%;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); 
	margin: 0 auto 11px auto;
	display: block;
    -webkit-transition: box-shadow .25s ease-in-out;
		-moz-transition: box-shadow .25s ease-in-out;
		  -o-transition: box-shadow .25s ease-in-out;
			  transition: box-shadow .25s ease-in-out;
}

.swatchGrid .swatches li:hover img {
	box-shadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.3); 
}

.swatchGrid .swatches span {
	width: 100%;
	color: #333333;
    margin-bottom: 5px;
	display: block;
	font-size: 13px;
	line-height: 16px;
    text-transform: capitalize;
}

.swatchGrid .swatches span.brand {
    font-weight: 500;
}

.swatchGrid .swatches span.finish {
    color: #888888 !important;
}

@media (min-width: 440px) {
	.swatchGrid .swatches li {
		width: calc(25% - 20px);
	}
}

@media (min-width: 580px) {
	.swatchGrid .swatches li {
		width: calc(20% - 20px);
	}
}

@media (min-width: 725px) {
	.swatchGrid .swatches li {
		width: calc(16.66666667% - 20px);
	}
}

@media (min-width: 1180px) {
	.swatchGrid .swatches li {
		width: calc(12.5% - 20px);
	}
}

@media (min-width: 1555px) {
	.swatchGrid .swatches li {
		width: calc(10% - 20px);
	}
}

@media (min-width: 1930px) {
	.swatchGrid .swatches li {
		width: calc(8.33333333% - 20px);
	}
}



/* #################### INSPIRATION GALLERY #################### */
.inspirationGallery {
	margin: 0 -25px -50px -25px;
}

.inspirationGallery:after {
   display: block;
   clear: both;
   content: '';
}

.inspirationGallery .packeryGrid-sizer,
.inspirationGallery .packeryGrid-item {
   width: 100%;
}

.inspirationGallery .packeryGrid-item.gi2x2 {
   width: 100%;
}

.inspirationGallery .packeryGrid-item {
   float: left;
}

.inspirationGallery .packeryGrid-item:before {
   padding-top: 100%;
   display: block;
   content: " ";
}

.inspirationGallery .inner {
   margin: 5px;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   overflow: hidden;
   -webkit-transition: box-shadow .25s ease-in-out;
		-moz-transition: box-shadow .25s ease-in-out;
		  -o-transition: box-shadow .25s ease-in-out;
			  transition: box-shadow .25s ease-in-out;
}

.inspirationGallery .packeryGrid-item:hover .inner {
    box-shadow: 0 30.5px 70px -24.5px rgba(0,0,0,0.3);
}

.inspirationGallery .table {
   width: 100%;
   height: 100.1%;
   display: table;
   position: relative;
   overflow: hidden;
   cursor: pointer;
}

.inspirationGallery .table img {
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
		 -ms-transform: translateX(-50%);
			  transform: translateX(-50%);
}

.inspirationGallery .table > a {
   color: white;
   padding: 30px 30px;
   vertical-align: middle;
   display: table-cell;
   text-align: center;
   font-size: 14px;
   line-height: 17px;
   text-decoration: none;
}

@media (min-width: 768px) {
    .inspirationGallery {
        margin: 45px -35px -30px -35px;
    }

   .inspirationGallery .packeryGrid-sizer,
   .inspirationGallery .packeryGrid-item {
      width: 50%;
   }

   .inspirationGallery .packeryGrid-item.gi2x2 {
      width: 100%;
   }
}

@media (min-width: 992px) {
    .inspirationGallery {
		margin: 45px -30px -30px -30px;
	}

   .inspirationGallery .packeryGrid-sizer,
   .inspirationGallery .packeryGrid-item {
      width: 25%;
   }

   .inspirationGallery .packeryGrid-item.gi2x2 {
      width: 50%;
   }
}


/* ########## CASE STUDY GRID ########## */
.inspirationGallery.caseStudy {
    margin: -65px -25px 30px -25px;
}

.inspirationGallery.caseStudy .packeryGrid-item:before {
    padding-top: 73%;
}

@media (min-width: 768px) {
    .inspirationGallery.caseStudy {
        margin: -45px -35px 30px -35px;
    }
}

@media (min-width: 992px) {
    .inspirationGallery.caseStudy {
        margin: -45px -45px 30px -33px;
    }

    .inspirationGallery.caseStudy .packeryGrid-sizer,
    .inspirationGallery.caseStudy .packeryGrid-item {
        width: 33%;
    }

    .inspirationGallery.caseStudy .packeryGrid-item.gi2x2 {
        width: 66%;
    }
}




/* ########## INSPIRATION LIGHTBOX ########## */
.inspirationLightboxWrapper {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.85);
	visibility: hidden;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000;
	pointer-events: none;
}

body.inspirationLightboxOpen .inspirationLightboxWrapper {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
}

.inspirationLightbox {
	width: calc(100% - 30px);
	background-color: white;
	padding: 10px;
	position: absolute;
	top: 44px;
	left: 15px;
}

.inspirationLightbox .closeInspirationLightbox {
	width: 14px;
	height: 14px;
	position: absolute;
	top: -29px;
	right: 0;
	z-index: 2000;
	cursor: pointer;
}

@media (min-width: 768px) {
	.inspirationLightbox {
		width: calc(100% - 120px);
		top: 60px;
		left: 60px;
	}
}


/* ########## INSPIRATION SLIDER */
.inspirationSlider .slick-prev,
.inspirationSlider .slick-next {
	width: 14px;
	height: 23px;
	top: 75px;
	z-index: 2001;
}

.inspirationSlider .slick-prev {
	background: url(/Content/Storefront/Neenah/img/icon-inspiration-arrow.svg) no-repeat center center;
	background-size: 14px 23px;
	left: -37px;
	-webkit-transform: rotate(180deg);
		 -ms-transform: rotate(180deg);
			  transform: rotate(180deg);
}

.inspirationSlider .slick-next {
	background: url(/Content/Storefront/Neenah/img/icon-inspiration-arrow.svg) no-repeat center center;
	background-size: 14px 23px;
	right: -37px;
}

.inspirationSlider .slick-prev:before,
.inspirationSlider .slick-next:before {
	display: none;
}

.inspirationSlider .slick-slide {
	background-color: #ededed;
}

.inspirationSlider .slick-slide:focus {
	outline-width: 0;
	outline-color: transparent;
}

.inspirationSlider .slick-slide img {
	max-width: 100%;
	margin: 0 auto;
}

.inspirationSlider .inspirationInfo {
	width: 100%;
	background-color: white;
	padding: 33px 0 13px 0;
}

.inspirationSlider .inspirationInfo h5 {
	border-top: 4px solid black;
	margin: 0 0 15px 0;
	padding-top: 3px;
	display: inline-block;
	font-size: 20px;
}

.inspirationSlider .inspirationInfo ul {
	margin-bottom: 15px;
	-webkit-columns: 2;
      -moz-columns: 2;
  			  columns: 2;
}

.inspirationSlider .inspirationInfo li {
	margin-right: 25px;
	margin-bottom: 15px;
	text-align: left;
}

.inspirationSlider .inspirationInfo li:last-child {
	margin-right: 0;
}

.inspirationSlider .inspirationInfo li span {
	color: #c2c2c2;
	display: block;
	font-family: "avenir-black", Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 12px;
	text-transform: uppercase;
}

.inspirationLightbox .imageCounter {
	color: white;
	position: absolute;
	top: -29px;
	left: 0;
	font-size: 12px;
}

@media (min-width: 768px) {
	.inspirationSlider .slick-prev,
	.inspirationSlider .slick-next {
		top: calc(50% - 40px);
	}

    .inspirationSlider .slick-prev {
        top: calc(50% - 51px);
    }

	.inspirationSlider .slick-slide img {
		max-height: 70vh;
	}

	.inspirationSlider .inspirationInfo {
		text-align: center;
	}

	.inspirationSlider .inspirationInfo ul {
		margin-left: 25px;
		display: inline-block;
		-webkit-columns: 1;
	      -moz-columns: 1;
	  			  columns: 1;
	}

	.inspirationSlider .inspirationInfo li {
		margin-bottom: 0;
	}
}



/* #################### INTRO #################### */
.intro {
	padding-bottom: 30px;
}

.intro img {
	width: 100%;
	margin-bottom: 30px;
}

.intro p {
	/*color: #666666;*/
}

/*.intro p:last-of-type {
	margin-bottom: 0;
}*/

.intro p.boldItalic {
	font-weight: 600;
	font-style: italic;
}

@media (min-width: 768px) {
	.intro img {
		margin-bottom: 0;
	}

	.intro .content {
		padding-left: 30px;
	}

	.intro h1 {
		margin-bottom: 30px;
	}
}


/* ########## INTRO - CENTERED ########## */
.intro.centered {
	padding-top: 90px;
	padding-bottom: 30px;
	text-align: center;
}

.intro.centered h1 {
	margin-bottom: 33px;
}


/* ########## SHOW MORE/LESS TEXT ########## */
.intro .content .moreContent {
	max-height: 0;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
}

.intro .content.visible .moreContent {
	max-height: 9999px;
	opacity: 1;
	visibility: visible;
	overflow: auto;
}

.intro .content .moreContent h3 {
	margin-top: 30px;
	margin-bottom: 0;
}

.intro .content .moreContent h3:first-child {
	margin-top: 15px !important;
}

.intro .content .moreContent li {
	margin-bottom: 0;
}

.intro .content .show {
	text-decoration: none !important;
}



/* #################### SKU #################### */
.sku {
	padding-bottom: 30px;
}


/* ########## SKU IMAGE ########## */
.sku .image {
	margin: 0 15px 0 15px;
}

.sku .image img {
	width: calc(50% - 30px);
	margin-bottom: 30px;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
			  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

/*@media (min-width: 768px) {
	.sku .image {
		width: 125px;
		margin: 30px 30px 0 30px;
		display: inline-block;
		vertical-align: top;
	}

	.sku .image img {
		width: 100%;
		margin-bottom: 0;
	}
}*/

@media (min-width: 992px) {
	.sku .image {
		width: 178px;
		margin: 30px 30px 0 30px;
		display: inline-block;
		vertical-align: top;
	}

	.sku .image img {
		width: 100%;
		margin-bottom: 0;
	}
}


/* ########## SKU HEADER ########## */
.sku .skuHeader {
	margin-bottom: 48px;
}

.sku .skuHeader h1 {
	margin-bottom: 4px;
}

.sku .skuHeader p, .sku .skuHeader a {
	font-family: "avenir-black", Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
}


/* ########## SKU OPTION ########## */
.sku .skuOption {
	margin-bottom: 30px;
}

.sku .skuOption h3 {
	display: inline-block;
	font-weight: 600;
}

.sku .skuOption p {
	display: inline-block;
}

.sku .skuOption a.weightHelp {
	font-style: italic;
	font-size: 12px;
}

/* ########## HELP MODAL */
.sku .skuOption h3 .help {
	display: inline-block;
}

.sku .skuOption h3 .help img {
	width: 12px;
	height: 12px;
	vertical-align: top;
	cursor: pointer;
}

.helpModal {
	width: calc(100% - 30px);
	max-width: 595px;
	max-height: 100vh;
	max-height: calc(100vh - 120px);
	background-color: white;
	padding: 58px 60px 60px 60px;
	overflow-y: scroll;
	position: fixed;
	top: -100%;
	left: 50%;
	z-index: 2001;
	-webkit-transform: translateX(-50%);
		 -ms-transform: translateX(-50%);
			  transform: translateX(-50%);
}

.helpModal.open {
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
		 -ms-transform: translateX(-50%) translateY(-50%);
			  transform: translateX(-50%) translateY(-50%);
}

.helpModal img {
	position: absolute;
	top: 30px;
	right: 30px;
}

.helpModal p {
	color: black;
	margin-left: 0 !important;
	font-weight: 300;
	font-size: 14px;
	line-height: 24px;
}

/* ########## OPTION DESCRIPTION */
.skuOptionDescription p {
	margin-left: 24px;
}

.skuOptionDescription p span {
	font-weight: 600;
}

/* ########## RADIOS */
.sku .skuOption .radios .radio {
   display: inline-block;
   position: relative;
}

.sku .skuOption .radios .radio input[type="radio"]:checked,
.sku .skuOption .radios .radio input[type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
}

.sku .skuOption .radios .radio label {
	min-width: 80px;
	background: white;
   color: black;
   border: 1px solid #cccccc;
   margin-right: 7px;
	padding: 9px 15px 8px 15px;
	text-align: center;
	cursor: pointer;
}

.sku .skuOption .radios .radio.large label {
	min-width: 125px;
}

.sku .skuOption .radios .radio input[type="radio"]:checked + label {
	background: black;
	color: white;
   border: 1px solid black;
   padding: 7px 15px 8px 15;
   font-weight: 600;
}

.sku .skuOption .radios .radio input[type="radio"]:disabled + label,
.sku .skuOption .radios .radio input[type="radio"].disabled + label {
	color: #cccccc;
	cursor: default;
}

.sku .skuOption .radios .radio [type="radio"]:checked + label:before,
.sku .skuOption .radios .radio [type="radio"]:not(:checked) + label:before,
.sku .skuOption .radios .radio [type="radio"]:checked + label:after,
.sku .skuOption .radios .radio [type="radio"]:not(:checked) + label:after,
.sku .skuOption .radios .radio [type="radio"]:not(:checked) + label:after,
.sku .skuOption .radios .radio [type="radio"]:checked + label:after {
   display: none;
}


/* ########## SKU STICKY TOTAL ########## */
.stickySide {
	width: calc(100% - 30px);
	margin-left: 15px;
}

.stickyScrollingArea {
	margin: 0 15px 0 15px;
}

.sku .stickyScrollingArea > img {
	width: calc(50% - 30px);
	margin-bottom: 30px;
}

@media (min-width: 768px) {
	.sku {
		margin-top: -30px;
	}

	.stickyScrollingArea {
		width: calc(100% - 376px);
		margin: 30px 0 0 30px;
		display: inline-block;
		vertical-align: top;
	}

	.stickySide {
		width: 286px;
		margin: 30px 30px 0 30px;
		float: right;
		display: inline-block;
		vertical-align: top;
	}

	.skuBullets .colWidth {
		flex: 0 0 316px;
	}
}

@media (min-width: 992px) {
	.stickyScrollingArea {
		width: calc(100% - 588px);
		margin: 30px 0 0 0;
	}
}


/* ########## SKU TOTAL ########## */
.skuTotal {
	padding: 18px 30px 15px 30px;
	background-color: white;
}

.skuTotal p.price {
	font-family: "avenir-black", Helvetica, Arial, sans-serif;
	font-size: 30px;
}

.skuTotal p.select {
	margin-bottom: 28px;
	font-weight: 600;
}

.skuTotal .form-group {
	width: 39px;
	margin-top: 10px;
	margin-right: 30px;
	display: inline-block;
	vertical-align: top;
}

.skuTotal .form-group input {
	text-align: center;
}

.skuTotal button {
	width: calc(100% - 69px);
	display: inline;
	vertical-align: top;
	white-space: normal;
}

@media (min-width: 768px) {
	.skuTotal button {
		width: auto;
	}
}


/* ########## ADDITIONAL INFO ########## */
.sku .additionalInfo {
	background-color: white;
	margin-top: 15px;
	margin-bottom: 30px;
	padding: 22px 30px 26px 30px;
}

@media (min-width: 768px) {
	.sku .additionalInfo {
		margin-bottom: 0;
	}
}

/* ########## ITEM INFO TABLE */
.sku table.itemInfo {
	width: 100%;
}

.sku table.itemInfo td {
	width: 50%;
}

.sku table.itemInfo td:first-child {
	font-weight: 600;
}

/* ########## ITEM INFO */
.sku .itemInfo {
	margin-bottom: 16px !important;
}

.sku .itemInfo li {
	margin-bottom: 8px;
}

.sku .itemInfo li span {
	font-weight: 600;
}

/* ########## ITEM ICONS */
.itemIcons li {
	margin-bottom: 3px;
}

.itemIcons img {
	width: 35px;
	height: 32px;
}

.leadTimeMsg {
    font-weight: 600;
    margin: 20px 0 0 0;
    padding: 10px;
    border: 2px solid #000000;
}

/* ########## END USES */
.endUses {
	border-top: 1px solid #ededed;
	margin-top: 25px !important;
	padding-top: 21px !important;
}

.endUses li:first-child {
	margin-bottom: 1px;
	font-weight: 600;
}



/* #################### BLOG #################### */
/* ########## BLOG SIDE NAV MOBILE ########## */
.openSideNavMobile.blog {
	margin-top: -38px;
	float: left;
}

/* ########## FEATURED ITEMS ########## */
.blog .featuredItems {
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 60px;
	padding: 17px 0 24px 0;
}

.blog .featuredItems h5 {
	margin-bottom: 9px !important;
}


/* ########## BLOG POSTS ########## */
.blog .blogPosts a {
	color: black;
	margin-bottom: 30px;
	text-decoration: none;
}

.blog .blogPosts a:last-child {
	margin-bottom: 0;
}

.blog .blogPosts a img {
	width: 100%;
	margin-right: 0 !important;
	margin-bottom: 23px;
	-webkit-transition: box-shadow .25s ease-in-out;
		-moz-transition: box-shadow .25s ease-in-out;
		  -o-transition: box-shadow .25s ease-in-out;
			  transition: box-shadow .25s ease-in-out;
}

.blog .blogPosts a:hover img {
	box-shadow: 0 34.5px 30px -30.5px rgba(0,0,0,0.3);
}

.blog .blogPosts a p {
	font-family: "avenir-light", Helvetica, Arial, sans-serif;
	font-size: 22px;
	line-height: 26px;
}

@media (min-width: 576px) {
	.blog .blogPosts a img {
		width: auto;
		margin-bottom: 0;
	}
}

@media (min-width: 768px) {
	.blog .blogPosts a img {
		width: 100%;
		margin-bottom: 23px;
	}
}

@media (min-width: 992px) {
	.blog .blogPosts a img {
		width: auto;
		margin-bottom: 0;
	}
}


/* ########## BLOG ARTICLE ########## */
.contentModule.blog.articleOne .banner {
	background: url(/Content/Storefront/Neenah/img/placeholder-blog-article.jpg) grey no-repeat center center;
	background-size: cover;
}











/* #################### RESOURCES TEST #################### */
.resourcesTest {
	margin: 40px 0 40px 0;
}


/* ########## RESOURCES NAV ########## */
.resourcesTest .resourcesNav {
	width: 100%;
	height: 100%;
	min-height: 800px;
	background-color: white;
	padding: 30px;
}

.resourcesTest .resourcesNav p.resNavHeader {
	border-top: 3px solid black;
	margin-bottom: 9px;
	padding-top: 3px;
	display: inline-block;
	font-family: "avenir-black", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 16px;
	text-transform: uppercase;
}

.resourcesTest .resourcesNav li {
	margin-bottom: 6px;
	position: relative;
}

.resourcesTest .resourcesNav a {
	color: black;
	font-size: 13px;
	line-height: 16px;
	text-decoration: none;
	cursor: pointer;
}

.resourcesTest .resourcesNav a:hover {
	text-decoration: underline;
}

.resourcesTest .resourcesNav li.currentPage > a {
	font-weight: 600;
}

.resourcesTest .resourcesNav li img {
	width: 9px;
	height: 9px;
	position: absolute;
	top: 8px;
	right: 0;
	cursor: pointer;
}

.resourcesTest .resourcesNav li.hasDropdown ul {
	max-height: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: max-height .25s ease-in-out, opacity .25s ease-in-out, visibility .25s ease-in-out;
		-moz-transition: max-height .25s ease-in-out, opacity .25s ease-in-out, visibility .25s ease-in-out;
		  -o-transition: max-height .25s ease-in-out, opacity .25s ease-in-out, visibility .25s ease-in-out;
			  transition: max-height .25s ease-in-out, opacity .25s ease-in-out, visibility .25s ease-in-out;
}

.resourcesTest .resourcesNav > ul > li.hasDropdown.open > ul {
	max-height: 1000px;
	opacity: 1;
	margin-top: 6px;
	visibility: visible;
}

.resourcesTest .resourcesNav > ul > li.hasDropdown.open > ul > li.hasDropdown.open > ul {
	max-height: 1000px;
	opacity: 1;
	margin-top: 6px;
	visibility: visible;
}

.resourcesTest .resourcesNav ul ul {
	margin-left: 30px;
}


/* ########## CONTENT BOX ########## */
.resourcesTest .contentBox {
	width: 100%;
	height: 100%;
	min-height: 800px;
	background-color: white;
	padding: 60px;
}

.resourcesTest .contentBox h3 {
	margin-bottom: 16px;
	font-family: "avenir-book", Helvetica, Arial, sans-serif;
	font-size: 22px;
	line-height: 25px;
}

.resourcesTest .contentBox p {
	color: #666666;
}



/* #################### ADDITIONAL GLOBAL CONTENT STYLES #################### */
.image-left {float: left; margin-right: 15px; margin-bottom: 15px;}
.image-right {float: right; margin-left: 15px; margin-bottom: 15px;}
.image-center {margin: 0 15px 15px;}

.tips img, .landingGrid img {width: 100%; margin: 30px 0 15px 0;}
.landingGrid a {color: #333;}
.landingGrid a:hover {text-decoration: none;}
.landingGrid h4 {margin-top: 10px;}
.landingGrid h5 {margin-top: 5px; margin-bottom: 10px;}
.landingGrid a {
-webkit-transition: box-shadow .25s ease-in-out;
-moz-transition: box-shadow .25s ease-in-out;
-o-transition: box-shadow .25s ease-in-out;
transition: box-shadow .25s ease-in-out;
}
.landingGrid a img, .landingGrid a h5 {
-webkit-transition: box-shadow .25s ease-in-out;
-moz-transition: box-shadow .25s ease-in-out;
-o-transition: box-shadow .25s ease-in-out;
transition: box-shadow .25s ease-in-out;
}


.landingGrid a:hover img {
box-shadow: 0 30px 25px -20px rgba(0,0,0,0.3);
}

.landingGrid a h5, .landingGrid a:hover h5 {
box-shadow: none;
}

h3.sectionDivider, h4.sectionDivider {margin: 45px 0 30px;}
h5.sectionDivider {margin: 30px 0;}

.headerImage {margin-bottom: 15px;}
.headerImage h3 {margin: 0; vertical-align: middle!important;}
.headerImage a {color: #1a1a1a;}
.headerImage a:hover {text-decoration: none;}
.headerImage p {margin-top: 15px;}



/* #################### SEARCH RESULTS #################### */
.searchResults {
	margin-top: 54px;
}

.searchResults h1 {
	margin-bottom: 48px;
	text-align: center;
}

.searchResults img {
	width: 100px;
	height: 100px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
 box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.searchResults li {
	background-color: white;
	margin-bottom: 30px;
	padding: 15px 0 15px 0;
}

.searchResults p {
	margin-bottom: 20px;
	font-family: "avenir-light", Helvetica, Arial, sans-serif;
	font-size: 18px;
}

.searchResults a.btn {
	margin-right: 10px;
	margin-bottom: 10px;
}

.searchResults a.btn:last-child {
	margin-right: 0;
}

@media (min-width: 576px) {
	.searchResults li {
		-webkit-box-align: center !important;
		-ms-flex-align: center !important;
		align-items: center !important;
	}
}

@media (min-width: 768px) {
	.searchResults img {
		width: 150px;
		height: 150px;
	}

	.searchResults p {
		font-size: 20px;
	}
}


/* #################### CONTACT US #################### */
.contactUsH1 {
	margin-top: 60px;
	margin-bottom: 41px;
	text-align: center !important;
}

.contactUs {
	background-color: white;
	padding-top: 46px;
	padding-bottom: 46px;
}

.contactUs ul {
	margin-bottom: 40px;
}

.contactUs .form-group {
	margin-bottom: 30px;
}
.contactUs-left {
width: calc(50% - 15px);
margin-right: 15px;
display: inline-block;
}

.contactUs-right {
width: calc(50% - 15px);
margin-left: 15px;
display: inline-block;
}




/* #################### STUFF #################### */
/* ########## STUFF STUFF ########## */
/* ########## STUFF STUFF */
.verticalCenter {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
		 -ms-transform: translateY(-50%);
			  transform: translateY(-50%);
}

.transition {
	-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		  -o-transition: all .25s ease-in-out;
			  transition: all .25s ease-in-out;
}

@media (min-width: 768px) {

}





/* #################### RDA GENERATED HTML STYLES #################### */
.accountLogin .form-group,
.register .form-group {
    margin-top: 10px;
    margin-bottom: 30px;
}

.titleText {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 26px;
}

.whiteWrapper {
    width: 100%;
    background-color: white;
    padding: 50px 0 50px 0;
}

.inputSpacing .animatedLabel {
    margin-bottom: 25px;
}

input.btn {
	border-radius: 0;
	padding: 14px 30px 12px 30px;
	font-family: "avenir-black", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1;
	text-transform: uppercase;
	cursor: pointer;
    -webkit-appearance: none !important;
}
input.btn:focus {
	box-shadow: none;
}
input.btn.btn-primary {
	background-color: black;
	color: white;
	border: none;
	-webkit-transition: background-color .25s ease-in-out;
		-moz-transition: background-color .25s ease-in-out;
		  -o-transition: background-color .25s ease-in-out;
			  transition: background-color .25s ease-in-out;
}
input.btn.btn-primary:hover {
	background-color: #666666;
	color: white;
}
input.btn.btn-primary.disabled,
input.btn.btn-primary.disabled:hover {
	background-color: #cccccc !important;
	cursor: auto;
}

span.validationMessage {
    color: red !important;
    font-size: 12px !important;
}


/* ########## SEARCH RESULTS ########## */
/* Views/Storefront/Catalog/SiteContentList.cshtml */
.searchResults h1 {
    margin-top: 54px;
    margin-bottom: 48px;
}

.searchResults a {
    background-color: white;
    color: black;
    padding: 15px 15px 15px 15px;
    /*display: block;*/
    text-decoration: none;
    -webkit-transition: box-shadow .25s ease-in-out;
		-moz-transition: box-shadow .25s ease-in-out;
		  -o-transition: box-shadow .25s ease-in-out;
			  transition: box-shadow .25s ease-in-out;
}

.searchResults a:hover {
    box-shadow: 0 10.5px 50px -24.5px rgba(0, 0, 0, 0.3);
}

.searchResults a img {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 15px;
    display: block !important;
}

.searchResults a div {
    width: 100%;
    display: block !important;
}

.searchResults a div span {
    color: #666666;
    word-wrap: break-word;
    font-size: 13px;
}

@media (min-width: 768px) {
    .searchResults a img {
        width: 150px !important;
        margin-right: 15px;
        margin-bottom: 0;
        display: inline-block !important;
    }

    .searchResults a div {
        width: calc(100% - 180px);
        display: inline-block !important;
    }
}


/* ########## ACCOUNT ########## */
/* ########## LOGIN */
/* Views/Storefront/Account/Login.cshtml */
.accountLogin .accountTop .buttons {
    margin-bottom: 26px;
}

.accountLogin .accountTop button {
    margin-right: 11px;
    margin-bottom: 15px;
    vertical-align: top;
}

.accountLogin .accountTop button:last-of-type {
    margin-right: 0;
    margin-bottom: 30px;
}

.accountLogin .accountTop p {
    margin-bottom: 30px;
}

.accountLogin .form-group label {
    display: inline-block;
}

.accountLogin .form-group input::-webkit-input-placeholder {
    opacity: 0;
}
.accountLogin .form-group input::-moz-placeholder {
    opacity: 0;
}
.accountLogin .form-group input:-ms-input-placeholder {
    color: transparent;
}
.accountLogin .form-group input:-moz-placeholder {
    opacity: 0;
}

.accountLogin .form-group span.required {
    display: inline-block;
}

.accountLogin .rememberMe {
    margin-bottom: 20px;
}

.accountLogin #SignInButton {
    margin-bottom: 24px;
}

.accountLogin .rememberMe label {
    margin-right: 5px;
}

@media (min-width: 768px) {
    .accountLogin .accountTop .buttons {
        margin-bottom: 56px;
    }

    .accountLogin .accountTop button,
    .accountLogin .accountTop button:last-of-type {
        margin-bottom: 30px;
    }
}

/* ########## REGISTER */
.register p.instructions {
    margin-bottom: 25px;
}

.register .captcha {
    margin-top: 5px;
    margin-bottom: 28px;
}

.register .captchaButtons {
    margin-bottom: 58px;
}

.register .captchaButtons button,
.register .captchaButtons a.btn {
    margin-right: 12px;
}

.register .captchaButtons button:last-child,
.register .captchaButtons a.btn:last-child {
    margin-right: 0;
}

/* ########## INDEX */
#recentOrders {
    margin-bottom: 75px;
}

#accountProfile {
    margin-bottom: 75px;
}

#accountProfile li {
    margin-bottom: 15px;
}

#accountProfile li a {
    color: #333333 !important;
}

/* ########## MY ORDERS */
.myOrders .btn-secondary {
    margin-bottom: 30px;
}

/* ########## MY ORDER */
.orderInfo p {
    margin-right: 15px;
    margin-bottom: 15px;
    display: inline-block;
}

.myOrderPage .cart-image img {
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
			  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}


/* ########## CHECKOUT ########## */
.checkoutHeader {
    padding-top: 60px;
    padding-bottom: 19px;
    text-align: center;
}

.checkoutHeader.cart {
    padding-bottom: 41px;
}

.checkoutWrapper .btn {
    height: auto !important;
}

.checkoutFooter {
    margin-top: 30px;
}

.checkoutFooter > div {
    display: inline-block !important;
    vertical-align: top !important;
}

.checkoutFooter > div:first-child {
    margin-bottom: 10px;
}

.checkoutFooter > div:last-child > div {
    width: 100%;
    margin-bottom: 10px;
}

@media (min-width: 992px) {
    .checkoutFooter > div:last-child {
        text-align: right;
    }
}

/* ########## TABS */
#checkoutStepIndicator ul {
    border: none;
}

#checkoutStepIndicator li {
    width: 33.333333333%;
}

#checkoutStepIndicator li a {
    width: 100%;
    color: #999999;
    padding: 15px 15px 5px 15px;
    display: block;
    text-align: center;
    font-size: 14px;
    text-decoration: none !important;
}

#checkoutStepIndicator li:hover a {
    background-color: rgba(0, 0, 0, 0.1);
}

#checkoutStepIndicator li.active a {
    background-color: white !important;
    color: black;
    font-family: "avenir-black", Helvetica, Arial, sans-serif;
}

#billingPage input {
    background-color: transparent !important;
}


/* ########## CART ########## */
#cartSection .cart-image img {
    width: 150px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
			  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
}

#cartSection table tr:hover {
    background-color: transparent !important;
}

#cartSection table th,
#cartSection table td {
    word-break: normal;
}

#cartSection table td.cart-delete a {
    -webkit-transition: opacity .25s ease-in-out;
		-moz-transition: opacity .25s ease-in-out;
		  -o-transition: opacity .25s ease-in-out;
			  transition: opacity .25s ease-in-out;
}

#cartSection table td.cart-delete a:hover {
    opacity: 0.5;
    cursor: pointer;
}

/*#cartSection table {
    table-layout: fixed;
}

@media (min-width: 992px) {
    #cartSection table {
        table-layout: auto;
    }
}*/



/* #################### FIND A DISTRIBUTOR #################### */
#findADistributorTabs {
    background: none;
    border: none;
    margin-top: 60px !important;
    padding: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

#findADistributorTabs .ui-tabs-nav {
    background: none;
    border: none;
    border-bottom: 3px solid black;
    border-radius: 0;
    padding: 0;
}

#findADistributorTabs .ui-tabs-nav li {
    background: none;
    border: none;
    margin: 0 0 -1px 0;
    padding: 0;
    cursor: pointer;
}

#findADistributorTabs .ui-tabs-nav li a {
    color: black !important;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
}

#findADistributorTabs .ui-tabs-nav li:hover a {
    background-color: rgba(0, 0, 0, 0.05);
}

#findADistributorTabs .ui-tabs-nav li.ui-state-active a {
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
}

#findADistributorTabs select,
#findADistributorTabs .form-group {
    min-width: 150px;
    margin-right: 15px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.ui-tabs .ui-tabs-panel {
    padding: 30px 0 0 0;
}

.tabTitle {
    font-weight: bold;
}

.tabText {
    text-transform: capitalize;
}

.resultsArea {
    width: 100%;
    display: block;
}

.resultsArea .row {
    padding-top: 20px;
}

.resultsArea .row:nth-child(odd) {
    background-color: #f2f2f2;
}

#distibutors-results-us,
#distibutors-results-ca,
#distibutors-results-int {
    border-top: 1px solid #ededed;
    padding-top: 20px;
}





/* #################### CALCULATORS #################### */
/* .calculatorwrapper table {
    margin-bottom: 15px;
}

.calculatorwrapper table td {
    padding: 0 10px 0 0 !important;
}

.calculatorwrapper button {
    background-color: black;
	color: white;
    border: none;
	border-radius: 0;
    margin-top: 5px;
    margin-bottom: 15px;
	padding: 14px 30px 12px 30px;
	font-family: "avenir-black", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1;
	text-transform: uppercase;
	cursor: pointer;
    -webkit-appearance: none !important;
    -webkit-transition: background-color .25s ease-in-out;
		-moz-transition: background-color .25s ease-in-out;
		  -o-transition: background-color .25s ease-in-out;
			  transition: background-color .25s ease-in-out;
}
.calculatorwrapper button:focus {
	box-shadow: none;
}
.calculatorwrapper button:hover {
	background-color: #666666;
	color: white;
}

.calculatorwrapper .inputwrapper {
    width: 100% !important;
    margin-bottom: 15px !important;
}

.calculatorwrapper label {
    margin: 0 !important;
}

.calculatorwrapper input:focus,
.calculatorwrapper select:focus {
    outline-width: 0 !important;
    outline-color: transparent !important;
}

.calculatorwrapper input {
    width: 100% !important;
    background-color: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(102, 102, 102, 0.5) !important;
    padding: 5px 10px 5px 10px !important;
}

.calculatorwrapper select {
    width: 100% !important;
    height: 33px !important;
    background: rgba(0, 0, 0, 0.05) url(/Content/Storefront/Neenah/img/icon-select_arrow.svg) no-repeat right 10px top 13px !important;
    background-size: 11px 7px !important;
    background-color: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(102, 102, 102, 0.5) !important;
    padding: 5px 10px 5px 10px !important;
}

#resultscorner {
    display: none;
}

#metricinstructions,
#usinstructions {
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .calculatorwrapper .inputwrapper {
        width: 50% !important;
    }
} */


/*  Calculator CSS code -- */

.grid_4, .grid_5, .grid_8, .grid_12{
position: relative;
}
.alpha {
margin-left: 0;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
display: inline;
float: left;
}

.omega {
margin-right: 0;
}

.container_12 .grid_6, .container_16 .grid_8 {
width: 460px;
}

.alpha {
margin-left: 0;
}

.container_16 .grid_5 {
width: 280px;
}

.container_12 .grid_9, .grid_12 {
/*width: 700px;*/
width:100%;
}

.content-region-container{
    padding-left: 220px;
    margin-top: 15px;
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .omega {
        margin-left: 0;
    }
}

.resultswrapper h5 {
    border: none !important;
}

/********** Form Styling **********/
.inputwrapper input,
.inputwrapper select,
.calculator-input input,
.calculator-input select,
.bw-row input,
.bw-row select,
select.calcSelect {
    width: 170px !important;
    height:35px !important;
    border: 1px solid rgba(102, 102, 102, 0.5) !important;
    margin-bottom: 15px !important;
    padding: 5px 10px 5px 10px !important;
}

select.calcSelect {
    width: 31% !important;
    min-width: 200px !important;
}

.inputwrapper select,
.calculator-input select,
.bw-row select,
select.calcSelect {
    background: transparent url(/Content/Storefront/Neenah/img/icon-select_arrow.svg) no-repeat right 10px top 13px !important;
    background-size: 11px 7px !important;
}

.calculatorwrapper {
    margin: 0 -90px 0 0;
}

#tag-calculator, #label-calculator {
    padding-left:20px;
}

.inputwrapper table td {
    padding: 0 10px 0 0 !important;
}

.inputwrapper table td:nth-child(even) {
    padding: 0 30px 0 0 !important;
}

.inputwrapper table td input {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
}

.calculatorwrapper input[type=submit],
.calculatebutton,
.account-container input[type=submit] {
    background-color: black;
	color: white;
    border: none;
	border-radius: 0;
    margin-top: 5px;
    margin-bottom: 15px;
	padding: 14px 30px 12px 30px;
	font-family: "avenir-black", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1;
	text-transform: uppercase;
	cursor: pointer;
    -webkit-appearance: none !important;
    -webkit-transition: background-color .25s ease-in-out;
		-moz-transition: background-color .25s ease-in-out;
		  -o-transition: background-color .25s ease-in-out;
			  transition: background-color .25s ease-in-out;
}
.calculatorwrapper input[type=submit]:focus,
.calculatebutton:focus,
.account-container input[type=submit]:focus {
	box-shadow: none;
}
.calculatorwrapper input[type=submit]:hover,
.calculatebutton:hover,
.account-container input[type=submit]:hover {
	background-color: #666666;
	color: white;
}

/*.calculatorwrapper input[type=submit], .calculatebutton, .account-container input[type=submit] {
    height:auto!important;
    background-image:none!important;
    text-indent:0!important;
    background-color:#666!important;
    padding: 9px 30px;
	font-size: 13px;
	font-family: "Brown",sans-serif; 
	text-transform: uppercase;
	text-decoration: none;
	outline: none !important;
	border: none;
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased;
    color:#fff;
    margin-bottom:5px;
    position:relative!important;
}

.calculatebutton {
    display:block;
    text-align:center;
}

.calculatebutton:hover, .calculatebutton:focus {
    color:#fff;
}*/

.contentModule .container-fluid {
    display: none;
}

.inputwrapper input[type=radio] {
    margin: 0 5px 0 0;
}

.inputwrapper input#contentregion_0_useus {
    margin-right:5px;
}

.inputwrapper #contentregion_0_usemetric, .inputwrapper #calculatorregion_0_usemetric {
    margin: 0 5px 0 12px;
}

.inputwrapperhalf label, .inputwrapper label, .displaywrapper label {
width: 100%;
display: block;
margin: 0;
}

.calculatorwrapper .inputwrapper label {
display: block;
width: 100%;
}

.inputwrapper label.error {
    font-weight:normal;
    max-width:220px;
    color:#c00;
}

.grid_12 p /*Comment appearing under submit button*/{
    font-size:12px;
    margin-top:5px;
}

.calculator_boximagewrapper {
border: 1px solid #ddd;
background: #fff;
position: relative;
margin-top: 70px;
margin-bottom: 15px;
padding:20px;
width:100%;
min-width: 250px;
max-width: 500px;
height:303px;
text-align:center;
}

.resultswrapper {
border: 1px solid #ddd;
background: #fff;
position: relative;
padding:20px;
width:500px;
margin-top:22px;
text-align:center;
}

.papercalcinput {
    width:220px;
}

.calculator_boximagewrapper img{
    margin-top:10px;
}

#weightcalculation {
font-weight: bold;
text-decoration: underline;
}

.calculator_boximagewrapper #resultscorner, .resultswrapper #resultscorner {
/*position: absolute;
bottom: -1px;
right: -1px;*/
display:none;
}

.bodytext table {
width: 100%;
margin-bottom: 7px;
}

#papercalculatorwrapper select {
    width:100%!important;
}

#papercalculatorwrapper h2 {
    padding: 0 0 25px;
	margin: 20px 0 -10px 0;
	text-align: center;
	color: #333;
	text-shadow: 0 1px 1px #FFF;
    text-transform:uppercase;
    font-family:"Brown-Light", sans-serif;
    font-size:30px;
}

.papercalcheader {
    font-size: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 15px;
    text-align:center;
}

@media (max-width: 767px) {

    .contentregion_1_IE7inputwraper {
        padding-right:10px;
    }

}


/*Dynamic Calculator Styles */

.calculator-input {
    float: left;
    width:200px;
}

.calculated-container{
    margin: 0 0 0 15px;
    padding: 0;
}

.calculated-container label {
    margin-top: 20px;
    margin-bottom: 0px;
    font-weight: bold;
}

.calcSelect {
    margin-right: 12px;
    margin-bottom: 15px;
}

.resultswrapper {
    margin-bottom: 30px !important;
}

/* end Calculator stuff */

/* Account Setup *****/

.grid_6 {
    width: 50%;
    padding: 0 10px;
    margin: 0;
}

input#contentregion_1_resetpassword_submit_btn {
width: auto!important; /*override fixed width*/
}

.tblcheckboxwrapper input[type="checkbox"] {
margin: 0 5px 0 0; /*checkbox margins Create Account*/
}
#wideFormatCalculatorForm .inches, #wideFormatCalculatorForm .cm, #wideFormatCalculatorForm .feet, #wideFormatCalculatorForm .meters, 
.calculator_boximagewrapper .squareMeters, .calculator_boximagewrapper .squareFeet{ display:none;}

/* Multiple faceting additions */
.sideNav .clear-all-link {
    position: absolute;
    top: 0px;
    text-align: right;
    width: 100%;
    padding-right: 38px;
}

.sideNav .clear-all-link a {
    display: inline-block;
}

.sideNav .clear-all-link a:hover {
    text-decoration: none;
}
/* end Multiple faceting additions */