<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*body {background: #f4f4f4;}*/
body {font-family:Arial, Helvetica, sans-serif}
#maincontent, .page-main {background: #fff;padding-top: 20px;}
.page-header {background: #fff;}
.header-account.dropdown .material-icons, .minicart-wrapper .action.showcart:before {text-shadow: none;}
.breadcrumbs {background: #fff;padding: 10px 20px;margin-bottom: 0;border-bottom: 1px solid #f4f4f4;}
.nav-sections {background: #000;border-color: #000;}
.navigation {background: #000;}
.navigation .level0.submenu {border-color: green;}
.action.primary {background: green; border-color: green;}
.products-grid .product-item-actions .actions-primary .action.primary {background: green;color: #988931;border-color: green;color: #fff;}
.action.primary:hover {background: #988931;border-color: #988931;}
.smile-es-range-slider .ui-slider-handle {background: green;}
.page-footer {background: #f6f6f6; border-top: 50px solid #666;}
.page-footer .links li, .page-footer .links li a, .page-footer .links li:before, .page-footer h3 a {color: #333 !important;font-size: 15px;}
.product.data.items &gt; .item.title.active &gt; .switch, .product.data.items &gt; .item.title.active &gt; .switch:focus, .product.data.items &gt; .item.title.active &gt; .switch:hover {background: #666;border-color: #666;}
.product.data.items &gt; .item.title.active &gt; .switch {background: green;border-color: green;}
.product-info-main .box-tocart .action.tocart, .product-options-bottom .box-tocart .action.tocart {background: green; border-color: green;}
.price-rrp .saving-splat {background: #000;}
.page-header .panel.wrapper {background: #000; border-color: #000;}
.block.newsletter .action.subscribe {background #000;}
.nav-sections {border: none;}
.navigation .level0.submenu &gt; li.level1 &gt; a {background: #666;}
.navigation .level0.submenu {border-color: #e51b1b;}
.spare-parts {background: #f4f4f4; width: 100%; height: 100%; padding: 20px; color: #333; text-align: center;}
.spare-parts p {margin: 30px 0;}
.spare-parts h3 {margin-top: 3vw;}
.spare-parts a {display: block; padding: 10px 20px; background: red; color: #fff; text-decoration: none; max-width: 200px; margin: 0 auto;}
.spare-parts a:hover {text-decoration: none; color: #fff;}

/* Remove mega menu until they decide they want blocks back in */
.navigation .level0.submenu &gt; li {display: block; width: 24% !important; margin: 0 0.5%; float: left;}
.navigation .level0.submenu &gt; li.level1 &gt; a { background: #fff !important; color: #000; border: none !important;}
.navigation .level0.submenu &gt; li.level1 &gt; a:hover { background: #fff !important}
.navigation .level0 .submenu:before {display: none;}
.navigation .level0 .submenu .level1.submenu {display: block!important; position: inherit !important; box-shadow: none; background: #fff; border: none; overflow: inherit !important; overflow-y: inherit !important;}
.navigation .level0.submenu {background: #fff; color: #000 !important;}
.navigation .level0.submenu {background: #fff !important;}
.navigation .level0.submenu &gt; li.level1 &gt; a {color: #000 !important;}

.cms-index-index .products-grid .product-item-name {min-height: 40px;}
.footer.content .block-title {color: #fff;font-size: 18px;text-transform: uppercase;margin: 0 0 20px 0;}
.footer.content ul:nth-of-type(1) li {display: inline-block;float: left;width: 25%;text-align: center;margin-bottom: 30px;}
.footer.content ul:nth-of-type(1) li a {color: #000; font-weight: bold;}


.nav-10 .submenu {display: none !important;}
.navigation .level0.nav-9 &gt; ul.level0.submenu &gt; li.level1 {display: inherit;}

.hpusps .box {background: #f2f2f3; border-left: 10px solid #e51b1b; padding: 10px 25px;}
.hpusps .box h3 {font-weight: 700;}

.block.related, .block.upsell {background: #eeeeee;padding: 30px 40px 10px 40px;}
.block.related .product-item, .block.upsell .product-item {width: 19.666667%;margin: 0;text-align: center;}
.block.related .product-item-info, .block.upsell .product-item-info {width: auto;padding: 0 20px;}
.block.related .title strong, .block.upsell .title strong {font-size: 21px;font-weight: bold;}
.block.related .action.select {background: #fff;}
.block.upsell {padding: 0; background #fff;}
.block.upsell .block-title {display: none;}

.block-information {background: #ededed;padding: 20px 30px;}
.block-information ul {padding: 0; margin: 20px 0 0 0;}
.block-information ul li {list-style: none;}
.block-information .block-title span {font-size: 18px; text-transform: uppercase;}
.block-information .block-cms-link {margin: 0;}
.block-information a {color: #333;}

.navigation .level0.parent &gt; .level-top {padding: 0 18px !important;}

.btu-calculator {max-width: 940px; margin: 0 auto; background: #f4f4f4;padding: 30px 40px;margin-bottom: 40px;}
.btu-calculator ul li {list-style: none;}
.btu-calculator ul {padding: 0;}
.btu-calculator #insulation {min-height: 90px;}
.cms-btu-calculator .main {width: 100%;}
.cms-btu-calculator .page-title-wrapper {text-align: center; margin: 10px 0 20px 0;}
.btu-calculator label {font-size: 17px; font-weight: bold;margin: 20px 0 10px 0; padding: 20px 0 0px 0; display: inline-block;width: 100%; border-top: 1px solid #cfcfcf; float: left;}
.btu-calculator #width {width: 46%; float: left; margin: 0 20px 0 0;}
.btu-calculator #height {width: 48%;float: right;}
.btu-calculator label:nth-of-type(1) { border: none; margin-top: 0; padding-top: 0;}
.btu-calculator input[type="button"] {border: none; background: #000; padding: 10px 20px; border-radius: 2px; color: #fff; margin: 20px 0;}
.btu-results {text-align: center; margin: 0 -5px; padding: 10px; background: #effce7; border-top: 1px solid #ccc; font-weight: normal; border: none;}
.btu-calculator .form-list li.btu-results input[type=text] {border: 0; background: 0; font-size: 20px; font-weight: bold; color: #000; font-family: "Courier New",Courier,monospace; margin-left: 10px; width: auto;}
.watts-btu {max-width: 940px; margin: 0 auto; background: #f4f4f4; padding: 20px 30px;}


@media only screen and (max-width:1280px) and (min-width:769px) {
	.navigation .level0 a {font-size: 1.2vw !important;padding: 0 20px;}
	.navigation li.level0 {width: auto;}
}

@media only screen and (min-width: 769px) {
	.page-header .block-search input {border: 1px solid #cfcfcf;}
	.page-header .logo {margin: 15px 14% 15px 0;}
	.navigation li.level0 {border-right: 1px solid rgba(255,255,255,0.2);margin: 0;}
}

.logo img {max-width: 300px;}

@media only screen and (max-width: 768px) {
	.nav-sections {background: #fff !important;}
	.nav-sections .navigation .level0.parent&gt;.level-top {padding: 15px 20px !important;}
	.navigation .level0.submenu {display: block;}
	.navigation .level0&gt;.level-top.ui-state-active, .navigation .level0&gt;.level-top.ui-state-active + ul {background: red !important;}
	.navigation .level0.submenu &gt; li {width: 100% !important}
	.logo img {max-width: 180px;margin: 10px 0 0 0;}
	.block-search .label:before, .block-search .label:hover:before {margin: 0 20px 0 0;}
	.block.related, .block.upsell {padding: 20px;}
	.block.related .product-item, .block.upsell .product-item {width: 50%;}
	.block.related .product-item:nth-of-type(5), .block.upsell .product-item:nth-of-type(5) {display: none;}
	.spcontent ul {padding: 0;}
	.watts-btu {padding: 0; background: none;}
	
	.page-header .block-search {top:36px;}
	.wop-account-mob,
	.minicart-wrapper {top:43px;}
	.wop-account-content{top:78px;}
}
@media only screen and (max-width: 420px) {
	.page-header .block-search {top:50px;}
	.wop-account-content{top:110px;}
}
/* Nav Changes - had to add .nav-sections to the selector as there is CSS everywhere , including on-pagers with icky !importants */
#nav-overlay {display: none}
@media only screen and (min-width: 769px) {
	#nav-overlay {
		background: rgba(0,0,0,0.5);
		position: absolute;
		top: 265px;/* header height */
		left: 0;
		right: 0;
		bottom: -999px;
		z-index: 2;
	}
	.nav-sections .navigation .level0.level-top:last-child {border: 0;}
	
	.nav-sections .navigation .level0 &gt; .level-top {min-width:0;padding: 0 15px!important;text-shadow:none;font-family:inherit;font-size: 15px;letter-spacing: 0}
	.nav-sections .navigation .level0.submenu a {font-family:inherit;}
	.nav-sections .navigation .level0.parent &gt; .level-top {font-size:15px;letter-spacing: 0;}
	
	.nav-sections .navigation .level0 &gt; .level-top:hover,
	.nav-sections .navigation .level0 &gt; .level-top.ui-state-focus,
	.nav-sections .navigation .level0 &gt; .level-top.ui-state-active {background: #e51b1b;}
	/* Parents */
	/*.nav-sections .navigation .level0.parent &gt; .level-top {padding: 3px 27px 3px 20px!important;}*/
	
	.nav-sections .navigation .level0.parent &gt; .level-top {padding: 3px 18px 3px 18px!important;}
	.nav-sections .navigation .level0.parent &gt; .level-top &gt; .ui-menu-icon {display:inline!important;}
	.nav-sections .navigation .level0.parent.nav-10 &gt; .level-top &gt; .ui-menu-icon {display:none!important;}
	/* Popups */
	/* Resets */
	.nav-1 &gt; ul,.nav-2 &gt; ul,.nav-3 &gt; ul,.nav-4 &gt; ul,.nav-5 &gt; ul,.nav-6 &gt; ul,.nav-7 &gt; ul,.nav-8 &gt; ul,.nav-9 &gt; ul {min-height:0!important;}
	/* Popups */
	.nav-sections .navigation .level0.submenu {padding:5px 15px 25px;left:15px!important;right:15px;}
	.nav-sections .navigation .level0 .submenu .level1 &gt; a {padding: 5px 0;text-transform:none;}
	.nav-sections .navigation .level0 .submenu .level1.submenu {padding: 0;}
	.nav-sections .navigation .level0 .submenu .level1.submenu a {padding: 3px 0}
	.nav-sections .navigation .level0 .submenu .level1 &gt; a:hover,
	.nav-sections .navigation .level0 .submenu .level2 &gt; a:hover{text-decoration:underline;}
	.nav-sections .navigation .level0 .submenu .level1.submenu .level2 &gt; a {font-size:14px;}
	.nav-sections .navigation .level0 .submenu li.parent &gt; a &gt; .ui-menu-icon {display:none} /* Not wanted in popups */
}
@media only screen and (max-width: 768px) {
	.nav-sections .nav-sections-item-title {display:none;}
	.nav-sections .nav-sections-item-content {margin-top: 0;padding-top: 5px;}
	.nav-sections .navigation .level0.submenu &gt; li {border-bottom: 1px solid rgba(0,0,0,0.15)}
	.nav-sections .navigation .level0.submenu &gt; li a,
	.nav-sections .navigation .level0.submenu &gt; li.level1 &gt; a,
	.nav-sections .navigation .level0 .submenu .level1.submenu a {padding:8px 20px;font-family:inherit;}
	
	.nav-sections .navigation .level0 &gt; .level-top.ui-state-active + ul li a {background:transparent;}
	
	.nav-sections .navigation .level0 .submenu .level1.submenu {margin:0;}
	.nav-sections .navigation .level0 .submenu .level1.submenu .level2 {background:#f4f4f4;}
	.nav-sections .navigation .level0 .submenu .level1.submenu .level2 &gt; a {font-size:14px;padding: 6px 20px;border-bottom:1px solid #ddd;}
	.nav-sections .navigation .level0 .submenu .level1.submenu .level2:last-child &gt; a {border-bottom: 0;}
	.nav-sections .navigation .level0 .submenu .level1.submenu {padding:0;}
	
	.nav-sections .navigation .level0 .submenu .level1.submenu .level2.submenu{display:none!important}
}


.category-spareparts #sub-category-list {display: none;}
.navigation .level0.parent &gt; .level-top {letter-spacing: -0.5px; font-weight: 700;}

.navigation-mobile {border-top: 1px solid #cfcfcf;}
.btu-calculator #length {width: 48%;float: right;}
.cms-btu-calculator .main {width: 100% !important;}

@media only screen and (min-width: 768px) {
	.navigation .level0.parent&gt;.level-top {padding: 0 18px !important;}
	.logo img {max-width: 380px; width: 380px;}
}

@media only screen and (max-width: 767px) {
.btu-calculator #width {width: 37%;}
}
.block.related {width: 100%;}

@media only screen and (max-width: 767px) {
	.logo {padding: 10px !important;}
	.logo img {max-width: 270px !important;margin: 10px 0 0 0;}
	.wop-account-mob {top: 76px !important;}
	.minicart-wrapper {top: 67px !important;}
	.block-search {margin-top: 20px !important;}
	.nav-toggle:before, .nav-toggle:hover:before, .header-account.dropdown .material-icons, .minicart-wrapper .action.showcart:before, .block-search .label:before, .block-search .label:hover:before {color: #fff !important;}
	
	/*.nav-toggle:before, .nav-toggle:hover:before, */
	/*.header-account.dropdown .material-icons, */
	/*.minicart-wrapper .action.showcart:before, */
	/*.block-search .label:before, */
	/*.block-search .label:hover:before,*/
	/*.wop-account-mob:after {font-size: 0;}*/
	.page-header {height: 111px;}
}



@media only screen and (min-width: 770px) {
	.minicart-wrapper .action.showcart:before, .minicart-wrapper .action.showcart.active:before,
	.header-account.dropdown .material-icons, .minicart-wrapper .action.showcart:before {color: #000;}
}
/* Changes for Klaviyo */
.page-footer {border-top-width: 80px}

/* Reset few extra fonts now custom ones are removed */
.product-info-main .box-tocart .action.tocart,
.product-options-bottom .box-tocart .action.tocart,
.products-grid .product-item-actions .actions-primary .action.primary,
.product.data.items &gt; .item.title &gt; .switch,
.product.data.items &gt; .item.title &gt; .switch:visited,
.page-title-wrapper.product .page-title,
.product-info-main .page-title-wrapper .page-title{font-family:inherit}</pre></body></html>