@charset "UTF-8";
/* Web Solutions 4.0 Mobile Compatible */
html{-webkit-box-sizing:border-box;box-sizing:border-box;}
*, *:before, *:after{-webkit-box-sizing:inherit;box-sizing:inherit;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;}
body{margin:0;padding:0;}
body>*{position:relative;overflow:auto}
td, th {empty-cells:show;vertical-align:top;text-align:left}
body{background:#fff}
ul li{list-style:none}
/* addon classes */
.clearFloats{clear:both}
.nobr{ white-space: nowrap}
.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* typography --------------------*/
html{line-height:1.4}
body, .text, input, select, textarea{font-family:"ff-tisa-web-pro", serif; color:#555; line-height:1.625em}
a, a *{color:#467C9B;text-decoration:none}
p, h1, h2, h3, h4, hr, #content ul, .contentEditor ul, blockquote, dd{margin-bottom:0.75em}
h1, h2, h3, h4, h5, h6, h7, h8, h9, th, .home main h3.brushes-header {font-family: "effra",sans-serif; line-height: 120%; font-weight:400}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt{color:#000}
h1, .home main .brushes-header, .home .industry h2 {color: #860102; font-weight:700; margin-top:0}
em, i{font-style: italic}
b, strong{font-weight:700}
u{text-decoration:none}
hr{	border: 0;
	border-top: 1px solid rgba(0,0,0,.15);
	clear: both;
	margin: 1.5em 0;
	padding-top: 1px;}
p{font-size:1em; margin-bottom: 1.5em}
h1{font-size:1.6em;margin-bottom:0.6em}
h1+h2, .home .brushes-header > span, .home .industry h2 span{margin-top:-.8em; font-size:1.3em; font-family: "ff-tisa-web-pro",serif; font-style: italic; font-weight:400; color: #467C9B; display: block;}
.home .brushes-header > span, .home .industry h2 span {margin-top: -0.25rem; font-size: 1rem;}
h2{font-size:1.45em; color: #860102; font-weight:700}
h2 > * {font-size: 0.7em}
h3{font-size:1.3em; font-family: "ff-tisa-web-pro",serif; font-style: italic;  font-style: italic; color: #467C9B; font-weight:400;}
h4, th{font-size:1.2em; color: #860102; font-weight:700}
h5 {font-family: "ff-tisa-web-pro",serif; color: #467C9B; font-style: italic; font-weight:400;}
h5, h6, h7, h8, h9{font-size:1.1em}
sup, sub { font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}
table{border-collapse:collapse}
.req{color:#c00}
#content>section{margin:2em 0}

/* level1 list */
#content ul {padding:0}
#content ul li, #content_home ul li, .contentEditor ul li, #featVid ul li, #news ul li, #events ul li, #blog ul li, #quickLinks ul li{background:url(/images/m/bullet.svg) no-repeat 0.15em 0.65em; margin-top:.3em;padding-left:16px}
#content ol, #content_home ol, .contentEditor ol{margin-left:20px}

/* level2 list */
#content ul li ul li, #content_home ul li ul li, .contentEditor ul li ul li{background:url(/images/m/bullet.svg)  no-repeat 0.15em 0.5em / 0.5em 0.5em;padding-left:1em;font-size:.92em;line-height:1.4em}



/* forms */
input{font-size:1em}
input[type="text"],input[type="password"],input[type="tel"], input[type="number"],input[type="email"],input[type="url"], input[type="search"], textarea, select,input[type="button"],input[type="submit"],input[type="reset"]{border-radius:0;-webkit-appearance:none}
input[type="radio"],input[type="checkbox"]{border:1px solid #999;}
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea, select{border:1px solid #999;background:#efefef;padding:3px 5px; border-radius: 3px}
input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, textarea:focus{background:#fff; -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, .2); box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, .2)}
select, textarea{font-size: 1em; display:block}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    select{background-image:url(/images/icons/32x32/select.png);background-repeat:no-repeat;background-position:right center;background-size:16px 16px;padding:3px 16px 3px 5px}
	input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
	input[type="search"]{padding-right:0}
}
select option{padding:0 .2em}
.button,input[type="button"],input[type="submit"],input[type="reset"]{background:#69c;color:#fff;border:0;padding:.4em .6em;line-height:1em;cursor:pointer}
input::-moz-focus-inner {border:0;padding:0;}
input[type="button"]:focus,input[type="submit"]:focus,input[type="reset"]:focus, input:focus, textarea:focus{background:#fff; -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, .2); box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, .2)}
input.bulky, .bulky {padding:.4em .6em;font-size:1.2em}
.formTable, .formTable table{width:100%}
.formTable td{width:50%}
.formTable input[type="text"], .formTable input[type="password"], .formTable input[type="tel"], .formTable input[type="number"], .formTable input[type="email"], .formTable input[type="url"], .formTable textarea{width:100%; border-radius: 3px}
.formTable td{padding:0 0 5px 5px}
.formTable table td,.formTable table td:first-child{padding-bottom:0}
.formTable td:first-child{padding:0 5px 5px 0}
.formTable.right td:first-child{text-align:right;width:1%}
.formTable.right td{width:auto}
.formTable td[colspan="2"]{padding:0 0 5px 0}
.subjClass{display:none}
#Captcha label{padding-left:0}
.button, input[type="submit"],input[type="button"] {font-family: "effra", sans serif; background: #467C9B; color: #fff; font-weight: 500; border: 0; padding: 0.75em 1.25em; line-height: 1em; cursor: pointer; border-radius: 5px;}
p>.button {display: block}

/* Forms - without tables ----- */
.form-flex {
	width: 100%;
}
form.narrow .form-flex,
.narrow.form-flex {
	max-width: 18.75em;
}

.form-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.form-flex fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}

.form-flex fieldset legend {
	float: left;
	width: 100%;
}

.form-flex>div {
	margin: 0 0 .75em;
}

.form-flex .full {
	width: 100%;
}

.form-flex>div>label:first-of-type {
	display: block;
}

.form-flex :is(input, select, textarea):not([type=checkbox], [type=radio], [type=submit], [type=button]) {
	width: 100%;
}

.form-flex :where(.half, .third) {
	width: 100%;
}

.form-flex .quarter {
	width: calc(50% - .5em);
}

.form-flex input[type=submit] {
    padding: 1em 1.5em;
	font-size: 1rem;
}

input.clear {
    background: none;
    color: #666;
    font-weight: 400;
    margin-top: 0.625rem;
    text-decoration: underline;
}

.form-error {
    background: #ffe9e9;
    border: 1px solid #ffa7a7;
    border-radius: 3px;
    color: #000;
    font-family: "effra",sans-serif;
    font-size: 0.875em;
    line-height: 1em;
    margin-bottom: 5px;
    padding: 0.5em;
}

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


/* CART POPOVER --------------------*/
body.no-scroll {overflow: hidden}
.cart-popover-container {position: fixed; z-index: 99999; top: 0; left: 0; width: 100%; height: 100%}
.cart-popover-container .mask {content: ""; background: rgba(0,0,0,0.8); z-index: 9; display: block; width: 100vw; height: 100vh; position: fixed; top:0; left:0;}
.cart-popover-container .cart-popover {z-index: 10; overflow: auto; position: fixed; width: calc(100% - 2em); max-height: calc(100% - 2em); top:50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 5px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
.cart-popover-container .cart-popover .products {padding: 1em 2em;}
.cart-popover-container .cart-popover .product {background: #fff; pointer-events: none; margin: 1em 0; border-radius: 5px; display: block; overflow: auto; position: relative; line-height: 1.25em; border: 2px solid #deddd5; padding: 1em}
.cart-popover-container .cart-popover .product+.product {margin-top: 0}
.cart-popover-container .cart-popover .product:last-child:not(:first-child) {margin-bottom: 2em}
.cart-popover-container .cart-popover .product:hover {background: #fff}
.cart-popover-container .cart-popover .product .product-image {width: 100%; height: 4em; position: relative; margin: 0 auto 1em;}
.cart-popover-container .cart-popover .product .product-image img {max-width:100%; width: auto; max-height: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}
.cart-popover-container .cart-popover .product .product-details {text-align: center}
.cart-popover-container .cart-popover .product .product-details .product-name {font-family: "effra", sans-serif; color:#467C9B; font-size: 1em; text-align: center; font-weight:600; line-height:1.125em; margin-bottom: 0.5em}
.cart-popover-container .cart-popover .product .product-details .price-qty {font-family: "effra", sans-serif; font-size: 0.75em; line-height:1.25em; color: #666}
.cart-popover-container .cart-popover .product .product-details .price-qty * {margin: 0 1em; color:#666}
.cart-popover-container .cart-popover .products p {text-align: center; margin: 1em 0; font-weight: 300; color: #c2c2c2}
.cart-popover-container .cart-popover .cart-bottom {background: #f5f5f2; border-radius: 0 0 5px 5px; text-align: center; padding: 1.5em 1em; border-top:1px solid #ececec}
.cart-popover-container .cart-popover .cart-bottom .cart-total {font-family: "effra", sans-serif; margin: 0 auto 0.5rem; font-size: 1.25em; font-weight:400; color: #860102}
.cart-popover-container .cart-popover .cart-bottom .alerts {font-size: 0.75em; font-weight: 400; color: #e40000; line-height: 1.25em; margin-bottom: 1rem}
.cart-popover-container .cart-popover .cart-bottom .alerts .alert+.alert {margin-top: 0.5em}
.cart-popover-container .cart-popover .cart-bottom .alerts .alert.shipping {color: green;}
.cart-popover-container .cart-popover .cart-bottom .alerts .alert.no-items {font-size: 0.875rem; color: #467C9B;}
.cart-popover-container .cart-popover .cart-bottom .checkout {margin: 0 auto}
.cart-popover-container .cart-popover .cart-bottom .checkout .button {text-transform: none; display: block;background: #467C9B}
.cart-popover-container .cart-popover .cart-bottom .checkout .button:hover {background: #860102}
.cart-popover-container .cart-popover .cart-bottom .checkout .sub-link {font-family: "effra", sans-serif; text-decoration: underline; display: inline-block; line-height: 1em; margin-top: 0.5em; font-size: 0.875em; padding: 0.5em 1em}


/* MAIN --------------------*/
main{padding:1rem;clear:both;word-wrap:break-word}
.home main {text-align: center; background: #e7e6de; padding: 1em 1em 2em}
.home main h1, .home main h2.brushes-header, .home main h3.brushes-header, .home .industry h2 {font-size: 1.250em; margin-top:0}
.home main h2 {font-size: 1em; font-weight:400}
.home main h3.brushes-header {font-style: normal; font-weight: 700;}
#content{max-width:40rem;margin:0 auto;min-height: 50vh}
#content img{max-width:100%;height:auto}
#content .photoright, #content .photoleft{max-width:40%;max-height:40%;height:auto}
#content .photoright img,#content .photoleft img {max-width:100%;height:auto}
img.phototreatment, .phototreatment img{max-width:100%; max-height:120px}
.photoright{float:right;padding:0 0 10px 10px;clear:right}
.photoleft{float:left;padding:0 10px 10px 0;clear:left}
.muted {opacity:0.5;filter:alpha(opacity=50)}
#content * h1{font-size:1.2em}

.home .industry ul.industry-selector {padding-left: 0;}

.highlight{background: #f5f5f2 none repeat scroll 0 0; border: 1px solid #ededed; border-radius: 7px; margin: 1em 0; clear:both}
#content .highlight h1 {background: #860102; border-radius: 7px 7px 0 0; color: #eae7df; display: block; width:100%; font-family: "ff-tisa-web-pro",serif; font-size: 1.1em; font-style: italic; font-weight: 400; line-height: 120%; margin: 0 0 1em; padding: 0.5em 1rem;}
#content .highlight p {margin: 0 1rem 1rem}
#content .highlight > ul {margin:  0 1rem 1.5rem; display: block; padding-left: 0}

nav.breadcrumb{font-size:.8em; font-family:"proxima-nova",Helvetica,sans serif; margin-bottom:0.75em; line-height: 120%}
nav.breadcrumb a{white-space:nowrap;overflow: hidden;text-overflow:ellipsis;max-width:35%;display:inline-block;vertical-align:bottom}
nav.breadcrumb a:last-child{}
.shareIcons{display:inline-block;position:relative;overflow:auto}
.shareIcons a{display:block;float:left;margin:0 .5em 1em 0;height:32px;width:32px;background-position:center center; background-repeat:no-repeat;background-size:contain;border-radius:.2em;-webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2);box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2)}
.shareFacebook{background-color:#3b5998; background-image:url(../../images/icons/64x64/facebook.png)}
.shareTwitter{background-color:#00aced; background-image:url(../../images/icons/64x64/twitter.png)}
.shareLinkedin{background-color:#007bb6; background-image:url(../../images/icons/64x64/linkedin.png)}
.shareGoogle{background-color:#dd4b39; background-image:url(../../images/icons/64x64/google-plus.png)}
.textIcon{background:#999; background-color:rgba(0,0,0,.2);font-size:.8em;line-height:1em;display:inline-block;padding:.2em .4em;border-radius: .5em;color:#fff}

.home .categories {margin: 1.25em 0; padding-left: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
.home .categories > a, .product-list a, .products.category .categories a {width: 48.5%; height: 7.35em; font-family: "effra",sans-serif; font-weight: 500; padding-top:0.5em; display: block; float: left; background: #fff; border-radius: 5px; border: 1px solid #cfcfc7; margin-bottom: 3%; background-position: bottom center; background-repeat: no-repeat; background-size:7em}
.home .categories > li {width: 48.5%; font-family: "effra",sans-serif; font-weight: 500; display: block; float: left; margin-bottom: 3%;}
.home .categories > li > a { background: #fff;  height: 7.35em; border-radius: 5px; border: 1px solid #cfcfc7; padding-top:0.5em; display: block;  background-position: bottom center; background-repeat: no-repeat; background-size:7em}
.home .categories > a:nth-child(even), 
.home .categories > li:nth-child(even), 
.categories a,
.product-list a {overflow:hidden} 
.product-list a:nth-child(even), 
.products.category .categories a:nth-child(even) {margin-left: 3%}
	.home .categories .acid-brushes {background-image: url("/Customer-Content/www/Products/Categories/Photos/m/acid-brushes.png")}
	.home .categories .chip-brushes {background-image: url("/Customer-Content/www/Products/Categories/Photos/m/solo-horton-chip-brushes.png")}
	.home .categories .paint-brushes {background-image: url("/Customer-Content/www/Products/Categories/Photos/m/paint-or-chip-brushes.png")}
	.home .categories .artist-brushes {background-image: url("/Customer-Content/www/Products/Categories/Photos/m/artist-brushes-camel.png")}
	.home .categories .cleaning-brushes {background-image: url("/Customer-Content/www/Products/Categories/Photos/m/cleaning-brushes.png")}
	.home .categories .tube-brushes {background-image: url("/Customer-Content/www/Products/Categories/Photos/m/tube-brushes.png")}
	.home .categories .wheel-brushes {background-image: url("/Customer-Content/www/Products/Categories/Photos/m/wheel-brushes.png")}
	.home .categories .glue-brushes {background-image: url("/Customer-Content/www/Products/Categories/Photos/m/glue-brushes.png")}
	.home .categories .industrial-brushes {background-image: url("/Customer-Content/www/Products/Categories/Photos/m/paint-rollers-and-applicators.png")}
	.home .categories .floor-brushes {background-image: url("/Customer-Content/www/Products/Categories/Photos/m/floor-brushes.png")}
	.home .categories .commercial-brushes {background-image: url("/Customer-Content/www/Products/Categories/Photos/m/cleaning-misc.png")}
	.home .categories .commercial-dusters {background-image: url("/Customer-Content/www/Products/Categories/Photos/m/dusters.png")}
	.home .categories a span, .product-list a h2, .products.category .categories a h2 {height: 2.5rem; font-size: 0.813em; line-height: 120%;padding: 0 0.25em;     
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		-ms-flex-direction: row;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		        flex-direction: row;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-ms-flex-pack: center;
		-webkit-box-pack: center;
		        justify-content: center;
		-ms-flex-line-pack: center;
		align-content: center;
		-ms-flex-align: center;
		-webkit-box-align: center;
		        align-items: center;
	}
.product-list a img,
#content .product-list a img,
.categories a img,
#content .categories a img {width:100%; height:6.4375rem; object-fit: contain; object-position: center bottom;}
.home main section {border-top: 1px solid #cfcec6; margin-top:1.5em; padding-top:1.5em; float: left; clear:both; width:100%; text-shadow: 0 1px 0 #fff}
.home main section h1, .home main section .brushes-header {margin-bottom: 0.25em}
.home main section span {font-style: italic; line-height: 130%}
.home main section a {font-style: normal; font-weight:500; font-family: "effra",sans-serif}

.home .welcome {padding:2em 1em 1.5em; color: #fff; text-align: center; background: url(/images/m/welcome.jpg) no-repeat center / cover}
.home .welcome h1 {color:#fff; padding-bottom: 0.75em; font-size: 1.250em; border-bottom: 1px solid #c7c7c4}
.home .welcome h1 span + span{display: block; font-size: 0.850em; font-family: "ff-tisa-web-pro", serif; font-style: italic}

.product-list, .products.category {margin:1em 0; width:100%; float:left; clear:both}
.product-list a, .products.category .categories a {height: auto;}
.product-list a:nth-child(odd), .products.category .categories a:nth-child(odd) {clear:left}
.product-list a > h2, .products.category .categories a > h2 {text-align: center; padding: 0 0.5em}
.product-list a > img, .products.category .categories a > img {float: left}


.delete-product {vertical-align:middle; margin-right:5px; width: 1em; height:5em; background: url(/images/m/mobile-minus.svg) no-repeat center; display:block}
.delete-product img {opacity: 0}

.right .product-table {width:100%; overflow:auto; border-radius:5px; -webkit-border-radius:5px; border:1px solid #ededed}
.right .product-table th {color:#eae7df; vertical-align: middle;  background:#860102; font-size:1em; font-style:italic; padding:1em 0.25em; text-align:center}
.right .product-table td {vertical-align: middle; font-family: "effra",sans serif; text-align:center; padding:0.5em; color:#666;border-left:1px solid #fff; border-right:1px solid #fff;}
.right .product-table td:first-child {border-left:none;}
.right .product-table td:last-child {border-right:none;}
.right .product-table tr:nth-child(odd) {background:#f5f5f2}
.right .product-table table input {width:4em; margin:0 auto; display:block}
.Add-to-Cart {font-size:1.250em; font-style:iatlic; float:right; margin:2em 0; padding:1em 1.75em}

.product-detail .right {margin-bottom:3em}
.product-detail .right .starting-at {
        font-family: "effra", sans-serif;
        font-size: 1.25rem;
        font-weight: 400;
        margin: 1em 0;
}
.product-detail .right .starting-at span {
        color: #1f5d77;
        font-weight: 700;
}
.right .product-table {overflow-x: auto; width:100%; position: relative}
.right .product-table table {width:100%;}
.right .product-table td * {font-size:1em !important}

.product-table .row {padding: 0; letter-spacing: 0; background: #f5f5f2; border: 1px solid #ccc; border-radius: 5px; overflow: hidden}
.product-table .row+.row {margin-top: 3em}
.product-table .row div {padding: 0 1em}
.product-table span {display: inline-block; letter-spacing: 0; margin: 0.25em 0; line-height: 120%}
.product-table .quantity span {display: block}
.product-table .title {font-weight:600; margin-right: 0.25em}
.product-table .data {font-family: "effra",sans serif; max-width:50%}
.product-table .row > .catalog-number {font-size: 1.15em; margin-bottom:0.5em; background: #860102; color:#fff; padding: 0.25em 1em}
.product-table .price span {font-size: 1.15em; margin: 0.5em 0 1em}
.product-table .price .title {color:#000}
.product-table .price .data {color:#467C9B; margin-left:0.4em; font-weight:600}
.product-table .row > .quantity {background: #467C9B; padding: 0.25em 1em}
.product-table .quantity .title {color:#fff; font-size: 1.15em; font-weight:600}
.product-table input {width: 100%; display: inline-block; vertical-align: middle}
.Add-to-Cart {font-size:1.250em; font-style:italic; font-family: "ff-tisa-web-pro", serif; border:0; border-radius: 7px; width:100%; display: block; background: #467C9B; font-weight:500; line-height:1em; float:right; margin:2em 0; padding:1em 1.75em; color:#fff;}

.rotator-pause-button:before {
        content: "";
        background-repeat: no-repeat;
        background-size: contain;
        height: 1.25rem;
        width: 1.25rem;
        position: absolute;
        display: block;
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
        pointer-events: none;
}
.rotator-pause-button:before {background-image: url(/images/icons/misc/pause.svg);}
.rotator-pause-button.on:before {background-image: url(/images/icons/misc/play.svg);}
.rotator-pause-button {
        font-size: 0;
        padding: 1.5rem;
        background-color: rgb(0,0,0);
        border: 2px solid #000;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 2;
}
        

/* Content Callouts */
#content > .custom-work, #content > .ship, #content .related-products {float:left; border-radius: 0; background:none; width:100%; height:auto; position:relative; padding:1.5em 0; clear:both; overflow:visible; text-align:center; display:block; margin:1.500em 0; border-bottom:1px solid #cdcaca; border-top:1px solid #cdcaca;}
#content > .ship {margin:2.5em 0}
#content > .related-products {border-bottom: 0}
#content > .custom-work .work-title, #content .related-products .title {display:inline-block; position:relative; margin-top:0; padding:0; font-size:1.625em; font-style:italic; color:#467C9B;}
#content .related-products .title {margin-bottom: 1em}
#content > .custom-work > div {display: none}
#content > .custom-work > p {margin:0.75em 0 0; position:relative; font-size:1em}
#content > .ship > p {font-size:1em; margin:0.75em 0 0}
#content > .custom-work > span, #content > .ship > span {color:#860102; font-size:1.438em; display: block; margin: 1em 0 0}
#content > .custom-work br, #content > .ship br {display: none}

#content .related-products a {width: 100%;
    font-family: "effra",sans-serif;
    font-weight: 500;
    padding-top: 0.5em;
    display: block;
    float: left;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #cfcfc7;
    margin-bottom: 3%;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 7em;}
#content .related-products h2 {
    height: 2.5rem;
    font-size: 0.813em;
    line-height: 120%;
    padding: 0 0.25em;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;	
}

/* Breadcrumb */

/* Children */
#content nav.children{margin-top:2em}
#content nav.children ul{background-color:rgba(0,0,0,.1);border-radius:4px;padding:0}
#content nav.children li{background:none;padding:0;margin:0}
#content nav.children a{padding:.4em .6em;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#content nav.children li+li a{border-top:1px solid rgba(255,255,255,1)}

/* pagination */
.pagination {
    font-size: .95em;
    text-align: right;
    clear: both;
    border-top: solid 1px #ded9d9;
    border-bottom: solid 1px #ded9d9;
    display: block;
    line-height: 2.5em;
}
.pagination a {padding:0 .25em}

/*section callouts*/
main>div>aside {
        clear: both;
        width: 100%;
}

main>div>aside .sidebar-callout {
    color: #555;
    font-weight: 400;
    margin: 0;
    padding: 2.813em 0 2.813em 3.5em;
	position: relative;
}

main>div>aside .sidebar-callout + .sidebar-callout {
    border-top:1px solid #cdcaca;
}

main>div>aside .sidebar-callout:before {
    content: "";
	position: absolute;
	top: 2.0625em;
	left:0;
	width: 2.625em;
	height: 2.625em;
	border-radius: 50%;
	background-color: #DEDDD5;
	background-repeat: no-repeat;
	background-position: center;
}

main>div>aside .sidebar-callout.newsletter:before {
    background-image: url(/images/paper-plane-red.svg);
}

main>div>aside .sidebar-callout.download-catalog:before {
    background-image: url(/images/book-red.svg);
}

main>div>aside .sidebar-callout.ready-ship:before {
    background-image: url(/images/box-red.svg);
}

main>div>aside .sidebar-callout h2 {
    color: #467C9B;
    display: block;
    font-size: 1.250em;
    font-style: normal;
    font-weight: 600;
    margin:0 0 0.5rem;
}

main>div>aside .sidebar-callout h2 a {
    font-size: 1em;
}

main>div>aside .sidebar-callout p {
	font-family: "effra", sans-serif;
	font-style: italic;
	line-height: 1.125em;
	margin: 0 0 0.8125rem;
}

main>div>aside .sidebar-callout .button {
        display: inline-block;
	font-weight: 400;
	padding: 0.5em 1em;
}



/* Cart Checkout */
#content .subtotal-large {font-size: 1.5em; font-family: "effra", sans-serif; color: #860102; font-weight: 700;}
#content .subtotal-large {display: block; line-height: 100%; margin-bottom: 1em; text-align: right; margin-top: -1.8em}
#content .subtotal-large span {color: #6c6c6c; line-height: 150%; font-weight:400; font-size: 1rem; font-family: "ff-tisa-web-pro", serif; display: block}
#content .checkout .cart-header {width: 100%; overflow: auto; clear: both;}
#content .checkout .cart-header div {border-bottom: 1px solid #dadada; overflow: auto; padding-bottom: 1.125rem}
#content .checkout .cart-header .continue-shopping {font-weight: 600; display: inline-block; line-height:2.13em; font-family: "effra", sans-serif; font-size: 1.06em}
#content .checkout .cart-header .button {float: right}
#content .checkout .cart-header .titles {display: none}
#content .checkout .button.next {font-weight: 600; font-size: 1.06em; padding: 0 1.5em; line-height: 2.13em}
#content .checkout .button.next[disabled] {color: rgba(255,255,255,0.75); background: #b7b7b7; cursor: no-drop}
#content .checkout .product {border: 2px solid #dcdbd2; text-align: center; padding: 1.25rem; border-radius: 5px; margin-top: 1.38em;}
#content .checkout .product .product-description {}
#content .checkout .product .product-description .product-name {font-size: 1.125em; margin-right: 0.5em; font-weight:600}
#content .checkout .product .product-description .item-number {display: block; color: #848484; font-size: 1.125em}
#content .checkout .product .product-description .item-number span {color: #515151}
#content .checkout .product .product-description .discount {font-family: "effra", sans-serif; font-size: 0.94em; color: #656565}
#content .checkout .product .product-description .actions {font-family: "effra", sans-serif; font-size: 0.94em}
#content .checkout .product .product-description .actions a {display: block; vertical-align: baseline; width: 100%; background: none; height: auto; color: #860102; margin: 0.5em 0;}
#content .checkout .product .subtotal:before {content: "Subtotal: "}
#content .checkout .product .price {margin-bottom: 1em}
#content .checkout .product .price,
#content .checkout .product .subtotal {font-size: 1.125em; color: #515151}
#content .checkout .product .quantity {margin-bottom: 1em}
#content .checkout .product .quantity:before {content: "Qty: "; display: inline-block; vertical-align: middle}
#content .checkout .product input {width: 100%; display: inline-block; vertical-align: middle; max-width: 8em; height: 2.5em; padding-top:0; padding-bottom:0}
#content .checkout .cart-footer {margin-top: 1.25em; text-align: center}
#content .checkout .cart-footer .warning {font-size: 1.125em; min-height: 2em; color: #860102; text-align: left; padding: 0 0 0 2em; margin-bottom: 1em; position: relative}
#content .checkout .cart-footer .warning:before {content: ""; display: block; width: 1.5em; height: 1.5em; background: url(/images/alert.svg) no-repeat center; background-size: contain; position: absolute; top:0; left:0.2rem}
#content .checkout .cart-footer .free-shipping {font-size: 1.125em; min-height: 2em; color: #454545;  text-align: left; padding: 0 0 0 2em; margin-bottom: 1em; position: relative}
#content .checkout .cart-footer .free-shipping:before {content: ""; display: block; width: 1.5em; height: 1.5em; background: url(/images/free-shipping.svg) no-repeat center; background-size: contain; position: absolute; top:0; left:0.2rem}
#content .checkout .cart-footer .next-step {}
#content .checkout .cart-footer .next-step .subtotal {font-size: 1.44em; margin-bottom: 1.5em; font-family: "effra", sans-serif; color: #6c6c6c}
#content .checkout .cart-footer .next-step .subtotal strong {color: #860102; font-size: 1.25em}
#content .checkout .cart-footer .next-step .update {background: url(/images/update.svg) no-repeat center left #fff; font-weight: 600; padding:0.75rem 1.5rem 0.75rem 1.75rem; color: #467C9B}
#content .checkout .cart-footer .next-step .update:hover {color: #a5a5a5}
#content .checkout .related-products {margin: 3em 0 0}

.halfTable, .halfTable+.halfTable {padding: 0 !important}
.checkout .three-col > section {margin: 0 !important; padding: 0.5em 0 1em !important}
.checkout .three-col > section td {text-align: left !important; padding-right:0.5em}

#questionsAndAnswers .question-submitted {display:none; font-family: "effra", sans-serif; text-align:center; padding:3em; background: #f5f5f2; border-radius: 3px}
#questionsAndAnswers .question-submitted strong {display: block; font-weight:700; font-size: 1.25em}

.button.question::before {background: url(/images/question-icon.svg) no-repeat left top / contain; content: "";display: inline-block; vertical-align: middle; height: 1.5em;margin-right: .5em;opacity: .7;width: 2em;}




/* MODAL ------------------------------ */
/* Hidden state: modal not in DOM flow */
.modal.is-hidden {
  display: none;
}

.modal__dialog {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.35s ease, transform 0.35s ease;
}

.modal.is-open .modal__dialog {
    opacity: 1;
    transform: translateY(0);
}

.modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.modal__backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  opacity: 0;
  transition: opacity 0.25s ease;
}

.modal__dialog {
  position: relative;
  max-width: 600px;
  width: 100%;
  margin: 1rem;
  background: #fff;
  border-radius: 8px;
  padding: clamp(1.563rem, 1.222rem + 1.7vw, 2.5rem) clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  opacity: 0;
  transform: translateY(20px);
  transition:
    opacity 0.25s ease,
    transform 0.25s ease;
}

.modal.is-open .modal__backdrop {
  opacity: 1;
}

.modal.is-open .modal__dialog {
  opacity: 1;
  transform: translateY(0);
}

.modal__close {
    background: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 2em;
    font-weight: 400;
    line-height: 1.5em;
    opacity: 0.75;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-100%);
    width: 1.5em;
}

.modal__close:is(:hover, :focus-visible) {
    opacity: 1;
}

.text-align-center .modal__header h2,
.text-align-center .modal__body > * {
    text-align: center;
}

.modal__header h2 {
    margin: 0 0 0.5em;
}

.modal__body > *:not(h2, h3, h4) {
    color: #333;
    font-size: 1.125em;
}

.modal__footer {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 0.5em;
    justify-content: center;
    margin-top: 2em;
}

.modal__footer :is(button, .button) {
	border: 0;
	display: block;
	font-size: 1.125em;
	padding: 0.75em 1.25em;
}

.modal__footer .close {
    background: none;
    color: #666;
    font-weight:400;
    text-decoration: underline;
}

.modal__footer .close:is(:hover, :focus-visible) {
    background: #efefef;
	color:#333
}








/* FOOTER --------------------*/
body>footer{padding:1em;color:#535353;background-color: #deddd5;  font-family: "effra",sans-serif; border-top: 3px solid #960608}
body>footer>*{max-width: 40rem;margin-left: auto;margin-right: auto}
body>footer a{color:#ccc}
body>footer .search{position: relative;overflow: auto;margin:.5em auto 1.5em; border: 1px solid #cfcec6; border-radius: 5px}
body>footer>div {width: 50%; float:left; font-size: 0.750em; color: #535353; line-height: 140%}
body>footer>form + div > * {margin-bottom: 1em}
body>footer>div address {font-style: normal}
body>footer>div address > span, body>footer>div a > span:first-child, body>footer>div div+div > a, body>footer>div > section span {font-family: "effra",sans-serif; font-style:normal; display: block; color: #960608; font-weight: 500;}
body>footer>div address > span, body>footer>div > section span {font-size: 1.167em; margin-bottom: 0.25em}
body>footer>div address+div > a {color: #535353; display: block;}
body>footer>div address+div > a span:first-child {display: inline-block}
body>footer>div address+div > a span+span {color: inherit}

body>footer>div + div {text-align: center; padding-left: 5%}
body>footer>div > section {font-size: 0.875em; font-family: "ff-tisa-web-pro", serif; font-style: italic; color: #960608; background: #d1d0c8; border-radius: 5px; padding:1.25em 1em}
body>footer>div > section span {font-weight: 600; font-size: 1.333em; margin-bottom: 0}
body > footer > div > section a {color: inherit; text-decoration: underline;}

body>footer .social {margin-top: 2em;}
body>footer .social span {display: block; margin-bottom:0.5em}
body>footer .social a {display: inline-block; vertical-align: middle}
body>footer .social a + a {margin-left:1em}

body>footer>section {clear: both; color: #535353; font-size: 0.625em; line-height: 140%; border-top: 1px solid rgba(0,0,0,0.3); padding-top: 1.5em; margin-top: 1.5em; float: left; width: 100%;}
body>footer>section nav {margin-bottom: 1em}
body>footer>section a {color: #535353;}

body>footer .acceptedCards {width: 100%; padding:0; margin:1em 0}
body>footer .acceptedCards img {width: 54px; height: 34px}
body>footer .acceptedCards img+img {margin-left:5px}

body>footer .footer-nav {text-align: left;}
body>footer .acceptedCards + .footer-nav {padding-left: 0;}
body>footer .footer-nav ul {padding-left: 0; margin-bottom: .5em;}
body>footer .footer-nav ul li a {font-weight: 500; color: #960608;}
body>footer .footer-nav a {color: #535353;}

@media screen and (max-width:350px) {
.albumThumb a{width:25%;float:left;line-height:0}}
.albumThumb img{width:100%;height:auto;padding:2px}


/* TRANSITIONS */
#alertApp,#alertApp span,#alertDesc,body>nav li>span,body>nav li{
	-webkit-transition:all 200ms ease-out;
	        transition:all 200ms ease-out}