@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700&display=swap');
@font-face {font-family: 'JamesPaul'; font-display:swap; src: url('fonts/34167F_0_0.eot');src: url('fonts/34167F_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/34167F_0_0.woff2') format('woff2'),url('fonts/34167F_0_0.woff') format('woff'),url('fonts/34167F_0_0.ttf') format('truetype'),url('fonts/34167F_0_0.svg#wf') format('svg'); }
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {background:url("picts/backgrounds/blackbar.jpg") repeat-x center top;background-color:#fff;color: #000;font-family:'Lexend',arial,helvetica,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size: 16px;line-height: 1.4;font-weight:300}
html.PlainBackground {background-image:none!important;background-color:#212121;color: #000;font-family:'Lexend',arial,helvetica,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size: 15px;line-height: 1.4;font-weight:300}
body{margin:0 0 60px 0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;text-decoration:none}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:600}dfn{font-style:italic}h1{color:#212121;margin:.67em 0 0 0;}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:600}table{border-collapse:collapse;border-spacing:0}td,th{padding:6px 10px}
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/
/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
::-moz-selection {background: #b3d4fc;text-shadow: none;}
::selection {background: #b3d4fc;text-shadow: none;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}
audio,canvas,iframe,img,svg,video {vertical-align: middle;}
fieldset {border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}
.clearfix:before,
.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/
/* GLOBAL STYLES */
/* general*/
/** {box-sizing: border-box;}*/
[class*="MainTable"] {box-sizing:border-box}
.ContactWrapper, .FooterLinks {box-sizing:border-box}
h1 + p {margin-top:10px}
.SubHead {font-size:20px;font-family:JamesPaul,arial,helvetica, sans-serif;font-weight:300}
.JPText {font-family:JamesPaul,arial,helvetica, sans-serif;font-weight:300}
.SubHead-B {display:inline-block;padding:0;margin:0 0 5px 0;} /*e.g. use as heading over nav bar - decorating inspiration*/
h2 {font-size:20px;margin-top:30px;} h2.MarginAdjust {font-size:20px;margin-top:18px!important} h2.MarginAdjustA {font-size:20px;margin-top:10px!important}
h3 {font-size:18px;margin-top:30px} h3.MarginAdjust {font-size:18px;margin-top:18px!important} h3.MarginAdjustA {font-size:18px;margin-top:10px!important}
h4 {font-size:16px;margin-top:30px} h4.MarginAdjust {font-size:16px;margin-top:18px!important} h4.MarginAdjustA {font-size:16px;margin-top:10px!important}
h2,h3,h4 {font-weight:700} /* bold */
b,strong {font-weight:600} /* semi-bold */
h2.Highlight {font-weight:600}
.MarginAdjustA {margin-top:10px!important}
p.MarginAdjust {margin-top:30px!important}
.MTopZero {margin-top:0px!important} /*When using muliple rightboxes in page to keep secondary p with correct spacing*/
.MZero {margin:0!important} /*When you need to remove margins*/
.large {font-size:18px;} .xlarge {font-size:20px} .xxlarge {font-size:22px}
.large strong, .largeQ strong {font-weight:500} /* medium */
.largeQ {quotes: '\201c' '\201d'; font-size:18px} /*half space: \2009*/
.largeQ:before { content: open-quote; font-family:arial,helvetica;font-weight:600;color:#333}
.largeQ:after { content: close-quote; font-family:arial, helvetica;font-weight:600;color:#333}
.small {font-size:13px} .medium {font-size:14px}
.Blurb {font-size:19px;color:#707070;}
.BlurbQ { quotes: '\201c' '\201d'; font-size:19px;color:#707070;} /*half space: \2009*/
.BlurbQ:before { content: open-quote; font-family:arial,helvetica}
.BlurbQ:after { content: close-quote; font-family:arial, helvetica}
.bold {font-weight:600} .semibold {font-weight:500}
.spacer {height:5px} .spacer-line {height:14px}
img {height:auto;margin-bottom:8px;margin-top:5px;width:auto;max-width:100%; -webkit-user-select: none;user-select:none!important}
img.ImgCorner {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
iframe.VidCorner {-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
video {width:100%;;max-width:940px; height:auto;max-height:529px;border-radius:6px}
.IconLists img {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.IconLists234 img {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;width:234px;max-width:100%}
.IconCorner img {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.ImgCen img {display:block;margin:0px auto 8px auto;padding:0!important;} /*centers just image in a container*/
img.ImgCen {display:block;margin:0px auto 8px auto;padding:0!important;} /*center just image anywhere*/
img.RImg {float:right;height:auto;max-width:25%;margin-bottom:10px;margin-left: 20px;width:auto} img.LImg {float:left;height:auto;max-width:25%;padding:0 10px 5px 0;width:auto}
[class*="RightBox"] img {margin-bottom:8px;/*margin-top:0*/} .RB-Plus {margin-bottom:1em!important}
.RightBoxB [class*="HighlightDot"], .RightBox-25B [class*="HighlightDot"] {margin-right:auto;margin-left:auto;max-width:459px;width:100%}
/*[class*="RightBox"] p.PadFix:last-of-type, [class*="Col-"] p.PadFix,*/ .PadFix {margin-bottom:0px!important} .PadFixHalf {margin-bottom:0.5em}
p.Center {clear:both}
hr.tinyline {margin:32px auto 16px auto;width:200px}
/* changes top of first para bottom of last para in a Col- to zero */
.ColPara [class*="Col-"] p:first-of-type {margin-top:0px} .ColPara [class*="Col-"] p:last-of-type {margin-bottom:0px} /*.ColPara [class*="Col-"] p {margin-left:0px;margin-right:0px}*/
/* changes column padding to 0 applied to each column container div - less coding required */
.ColPFix [class*="Col-"] {padding-bottom:0px!important;padding-top:0px!important}
.ColPFix-T [class*="Col-"] {padding-top:0px!important} .ColPFix-B [class*="Col-"] {padding-bottom:0px!important}
/* changes column padding to 0 applied to each column div */
.ColPFix {padding-bottom:0px!important;padding-top:0px!important;} .ColPFix-T {padding-top:0px!important} .ColPFix-B {padding-bottom:0px!important}
[class*="ColPFix-T"] + .Row p:first-of-type, [class*="ColPFix-T"] + .RowG p:first-of-type {margin-top:16px} /*reduces space between a row of images and a para below by 3px - accounts for added 3px under text e.g. j,p etc rather than JP*/
[class*="ColPFix-T"] + .Row p:last-of-type, [class*="ColPFix-T"] + .RowG p:last-of-type {margin-bottom:18px} /*add column padding to account for remove in row of images below*/
/* Index Page Icons with Captions*/
.FlexRow-Caption {box-sizing:border-box;display: -webkit-flex; display:flex;-webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center;justify-content:center; align-self:stretch;margin:0.5em 0 0.5em 0;max-width:100%;overflow:auto;width:100%;padding:0} /* the Row */
.IconCaptionLG, .IconCaptionLG-b {background-color:#f8f8f8;color:#212121; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing:border-box;border-radius: 6px; box-shadow: 0 0 0 1px #ccc inset; font-size:13px;position:relative;border-bottom:2px solid #f5f5f5;max-width:365px;} /* the Column "look" (for 362 px wide images e.g. latest looks, trends postcards) */
.IconCaptionSM, .IconCaptionSM-b {background-color:#f8f8f8;color:#212121; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing:border-box;border-radius: 6px; border-bottom:2px solid #f5f5f5; box-shadow: 0 0 0 1px #ccc inset; font-size:13px;max-width:276px;}
.IconCaptionSM-blank {background-color:#fff;color:#fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing:border-box;border-radius: 6px; border-bottom:2px solid #fff; box-shadow: 0 0 0 1px #fff inset; font-size:13px;max-width:276px;}
.IconCaptionLG-b a:link, .IconCaptionLG-b a:visited, .IconCaptionSM-b a:link, .IconCaptionSM-b a:visited {color:#017f39}
.IconCaptionLG-b a:hover, .IconCaptionSM-b a:hover {color:#74aa50}
.IconCaptionLG-b a:active, .IconCaptionSM-b a:active {color:#92d763}
.IconCaptionLG:hover a, .IconCaptionSM:hover a {color:#01a049!important} /* column hover effect for all links*/
.IconCaptionLG a:link, .IconCaptionSM a:link {color:#212121}
.IconCaptionLG a:visited, .IconCaptionSM a:visited {color:#212121}
.IconCaptionLG a:hover, .IconCaptionSM a:hover {color:#01a049}
.IconCaptionLG a:active, .IconCaptionSM a:active {color:#74aa50}
.IconCaptionLG p, .IconCaptionLG-b p, .IconCaptionSM p, .IconCaptionSM-b p {padding:0px;margin:0}
.IconCaptionLG p.notes, .IconCaptionLG-b p.notes, .IconCaptionSM p.notes, .IconCaptionSM-b p.notes {margin:0px 8px 13px 8px!important;padding:0!important}
.IconCaptionLG strong, .IconCaptionLG-b strong {display:inline-block;font-size:15px;font-weight:600; margin-bottom:5px;}
.IconCaptionSM strong, .IconCaptionSM-b strong {display:inline-block;font-size:14px;font-weight:600; margin-bottom:2px;}
.IconCaptionLG img, .IconCaptionLG-b img, .IconCaptionSM img, .IconCaptionSM-b img {margin:0px auto 8px auto!important;padding:0!important;border-bottom-left-radius:0px;border-bottom-right-radius: 0px;border-top-right-radius:6px;border-top-left-radius: 6px;width:100%;max-width:100%;height:auto}
.IconCaptionSM img.border, .IconCaptionSM-b img.border, .IconCaptionLG img.border, .IconCaptionLG-b img.border {box-sizing:border-box;border-bottom:1px solid #d8d8d8;width:100%;max-width:100%}
.IconCaptionSM img.border-trans60, .IconCaptionSM-b img.border-trans60 {box-sizing:border-box;border-bottom:1px solid #d8d8d8;width:100%;max-width:100%}
/*Photo Captions*/
.Caption {background-color:#eee;box-sizing:border-box;color:#333;display:block;font-size:13px;margin:5px auto!important;padding:12px 8px;width:750px;max-width:100%;text-align:left}
.CaptionLG {background-color:#eee;box-sizing:border-box;color:#333;display:block;font-size:13px;margin:5px auto!important;padding:12px 8px;width:864px;max-width:100%;text-align:left}
.CaptionXLG {background-color:#eee;box-sizing:border-box;color:#333;display:block;font-size:13px;margin:5px auto!important;padding:12px 8px;width:940px;max-width:100%;text-align:left}
.CaptionV {background-color:#eee;color:#333;display:block;font-size:13px;margin:5px auto;padding:12px 5px;width:500px;max-width:100%;text-align:left}
.Caption a:link, .Caption a:visited, .CaptionLG a:link, .CaptionLG a:visited, .CaptionV a:link, .CaptionV a:visited, .HighlightDot a:link, .HighlightDot a:visited {color:#017f39;} /*#3E8027,#2952a3*/
.Caption a:hover, .CaptionLG a:hover, .CaptionV a:hover, .HighlightDot a:hover {color:#74aa50;}/*#3366cc*/
.Caption a:active, .CaptionLG a:active, .CaptionV a:active, .HighlightDot a:active {color:#92d763;}
[class*="Col"] [class*="Caption"] {margin:0px auto!important;}
[class*="Col"] p.CaptionFont {margin:1em 0!important;}
.PhotoWidth {margin:auto!important;width:750px!important;max-width:100%!important;} .CaptionFont {font-size:14px}
.PhotoWidthLG {margin:auto!important;width:864px!important;max-width:100%!important;}
.PhotoWidthXLG {margin:auto!important;width:940px!important;max-width:100%!important;}
p.PhotoWidth, p.PhowoWidthLG, p.PhotoWidthXLG {margin:1em auto!important;width:750px!important;max-width:100%!important;}
.Highlight {background-color:#eee;border-bottom:1px solid #D8D8D8;border-top:1px solid #D8D8D8;padding:4px 8px;box-sizing:border-box}
.Highlight2 {background-color:#f8f8f8;border-bottom:1px dotted #ccc;border-top:1px dotted #ccc;padding:4px 8px;box-sizing:border-box}
.Covid-Active {background-color:#fffae5;border-bottom: 2px dotted #ffcc00;border-top: 2px dotted #ffcc00; padding:12px 8px;box-sizing:border-box}
.HighlightDotBox {background-color:#f8f8f8;border: 1px dotted #b2b2b2; -moz-border-radius:8px;border-radius:8px;/*box-shadow:0px 3px 5px #eee;*/padding:0 1em;box-sizing:border-box}
.HighlightDot {background-color:#f8f8f8;border-bottom: 1px dotted #ccc;border-top: 1px dotted #ccc; padding:12px 8px;box-sizing:border-box}
.MaxWidth495, .MaxWidth459 {margin-right:auto;margin-left:auto;max-width:459px!important;width:100%}
.HighlightDot p:first-of-type, .HighlightDot ul:first-of-type {margin-top:0px} .HighlightDot p:last-of-type, .HighlightDot ul:last-of-type {margin-bottom:0px} .HighlightDot h2:first-of-type {margin-top:0.5em}
.HighlightNB {background-color:#eee;padding:6px 8px;box-sizing:border-box;}
.HighlightLG {background-color:#f8f8f8!important} /*used primarily with tech info... proselect/datasheets*/
/*For even height Captions under photos in columns, the Cols have the margin and padding reversed, img styles in breakpoints*/
.ColourBlock {background-color:#f8f8f8;border-bottom:1px dotted #ccc;}
p.CBImg {background-color:white} /*makes the space around the image white*/ .ColourBlock img.NoEffect {margin-top:0px;margin-bottom:0px;box-shadow:none}
.ColourBlockText {padding:8px;border-top:1px dotted #ccc;}
.Center {text-align:center!important} .Right, .right {text-align:right!important} .Left {text-align:left!important} .Justify {text-align:justify}
.nowrap {white-space:nowrap}
.inline {display:inline}
.Clear {clear:both} .ClearL {clear:left;}
.FloatStop {clear:both;height:1px;width:1px} .FloatStopR {clear:right;width:1px;height:1px;} .FloatStopL {clear:left;width:1px;height:1px;}
.Red {color:#cc0000} .ColorTxt {color:#cc9900} .LightTxt {color:#A9A9A9} .WhiteTxt {color:#fff} .Green {color:#74aa50}
.order-note {color:#006666;white-space:normal} /*#01652e,#149749*/
.order-note a:link, .order-note a:visited {color:#006666!important;text-decoration:underline}/*#149749*/
.order-note a:hover {color:#01a049!important}
.order-note a:active {color:#74aa50!important}
.NotBold {font-weight:300!important}
.border {border:1px solid #ccc} .border-tb {border-bottom:1px solid #ccc;border-top:1px solid #ccc}
img.border {box-sizing:border-box;border: 1px solid #ccc;}
img.border-trans60 {box-sizing:border-box;border: 1px solid #e0e0e0} .border-trans60 {border:1px solid #e0e0e0}
.border-bottom {border-bottom:1px solid #ccc} .border-right {border-right:1px solid #ccc} .border-top {border-top:1px solid #ccc}
.PrintOnly {display:none}
.Fullwidth {width:100%!important} /*expand a table full width*/
/*LISTS*/
/*For lists that start with letters rather than bullets or nos*/
ol.LetterList, ul.LetterList {list-style-type:upper-latin;font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"; font-weight:600}
ol.LetterList2, ul.LetterList2 {list-style-type:lower-latin;font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"; font-weight:600}
.LetterList li span, .LetterList2 li span {font-family:'Lexend',arial,helvetica,sans-serif;font-weight:300}
ol.BoldNos {font-weight:700} ol.BoldNos span {font-weight:300!important} /*bolding nos in a list options*/
ol ol {list-style-type:square} ol ol ol {list-style-type:circle} /*options for nested lists in how to paint your home files*/
ul.blank {list-style-type:none} ul.ZeroM, ul.MZero {margin:0} /*Use when a list is in a column e.g. Room for improvement 03 */
/* used in accordion menu - habitat, murals */
ul.ButtonLook {color:#333;list-style-type:none;overflow: hidden;padding:0;margin: 0 10px 0 10px ;text-align:center;max-width:100%; }
.ButtonLook li {border:1px dotted #ccc;background-color:#f8f8f8;float: left;margin:5px;padding:5px;}
.ButtonLook a:link,.ButtonLook a:visited {color:#019845} .ButtonLook a:hover {color:#74aa50} .ButtonLook a:active {color:#92d763}
ul.ButtonNav {color:#333;list-style-type:none;overflow: hidden;padding:0;margin: 0 ;text-align:center;max-width:100%;}
.ButtonNav li {border:1px dotted #ccc;background-color:#f8f8f8;float: left;margin:3px 3px;padding:5px;border-radius:2px}
.ButtonNav li.MainItem {background-color:#fff;border:1px dotted #fff;font-weight:600}
.ButtonNav a:link, .ButtonNav a:visited {color:#000} .ButtonNav a:hover {color:#01a049} .ButtonNav a:active {color:#74aa50}
ul.list-space li, ol.list-space li {margin:7px 0}
ul.list-space li ul li:first-of-type {margin:4px 0 4px 0} ul.list-space li ul li {margin:4px 0} ul.list-space li ul li:last-of-type {margin:4px 0 14px 0}
ol.list-space li ol li:first-of-type {margin:4px 0 4px 0} ol.list-space li ol li {margin:4px 0} ol.list-space li ol li:last-of-type {margin:4px 0 14px 0}
[class*="Col-"] ul.list-space {margin:0!important}
[class*="Col-"] ul.list-space li:first-of-type {margin-top:0px}
[class*="Col-"] ul.list-space li li:first-of-type, [class*="Col-"] ul ul.list-space li:first-of-type {margin-top:7px}
.list-spaceRow {margin:14px 0 0 0!important}
ul.checkmark {list-style-image: url("picts/checkmark.jpg");} .checkmark li {margin:7px 0px 10px 0px} ul.checkmark li ul {list-style-type:circle;list-style-image: none}
ul.list-inline {overflow:hidden;max-width:100%;margin-bottom:1.2em;margin-left:0px;box-sizing:border-box;}/* good for projects for a listed of inline bulleted items */
ul.list-inline li {float:left;padding:1px 0px;margin:0 30px 0 0;box-sizing:border-box;}
ul li {margin-bottom:3px}
ul.tiny-indent {margin-left:0.5em;padding-left:0} ul.tiny-indent li {margin-left:0;padding-left:0}
/*Feedback Button*/
.feedback-button{float:left;position:fixed;right:0px;top:40%;width:25px;z-index:999999;display:none;}
.hidefeedback{cursor:pointer;position:absolute;padding-top:10px;padding-left:2px;z-index:10;width:25px;}
.hidefeedback img {width:22px;height:auto}
/*STANDARD LINKS*/
a:link{color:#01a049;} a:visited{color:#01a049;} a:hover {color:#74aa50;} a:active {color:#92d763;}
/*a:link{color:#3366cc;} a:visited{color:#2952a3;} a:hover {color:#74aa50;} a:active {color:#92d763;}*/
a.covid:link, a.covid:visited{color:#ffd480!important;} a.covid:hover {color:#ebbb00!important;} a.covid:active {color:#ffcc00!important;}
/*Black link opion*/
a.txtlink:link, a.txtlink:visited{color:#000;} a.txtlink:hover {border-bottom:1px solid #ddd;color:#000;} a.txtlink:active {border-bottom:1px solid #ddd;color:#000}
a.blklink:link, a.blklink:visited {color:#000;border-bottom:1px solid #ddd;}
a.blklink:hover {border-bottom:1px solid #01a049;color:#000;}
a.blklink:active {border-bottom:1px solid #74aa50;color:#000}
a.txt2link:link, a.txt2link:visited {color:#000;border-bottom:none;}
a.txt2link:hover {border-bottom:1px dotted #666;color:#000;}
a.txt2link:active {border-bottom:1px dotted #01a049;color:#01a049}
a.txt3link:link, a.txt3link:visited{color:#000;} a.txt3link:hover {color:#01a049;} a.txt3link:active {color:#74aa50}
a.txtlink-eco:link, a.txtlink-eco:visited{color:#40784e;}
a.txtlink-eco:hover {color:#01a049;}
a.txtlink-eco:active {color:#74aa50}
.txt-eco {color:#40784e}
a {text-decoration:none}
.JumpLink::before {display: block!important; content: " "; margin-top: -3em; height: 3em; visibility: hidden; pointer-events:none;}
p.JumpLink::before { display: block!important; content: " "; margin-top: -4em; height: 4em; visibility: hidden; pointer-events: none;}
.JumpLink [class*="Col-"] {scroll-margin-top:3em} .JumpLink [class*="Col-"] img {scroll-margin-top:3em}
.CircleLink:link, .CircleLink:visited {height: 26px; width: 26px; padding:2px;background-color: #eee; border:1px solid #ccc; border-radius: 50%; display: inline-flex; color:#01a049;font-weight:300; align-items:center;justify-content:center;margin:0 3px 3px 0px}
.CircleLink:hover {background-color: #01a049; border:1px solid #01a049;color:#fff;}
.CircleLink:active {background-color: #74aa50; border:1px solid #74aa50;color:#fff;}
/* Tooltips on links */
/* e.g. I need helpWe have solutions NOTE: put in RowG with a clearfix if need for floating elements*/
.LinkInfo {position: relative;}
.LinkInfo .LinkInfoText { background-color: #f1f6ed; border: 2px solid #74aa50; border-radius: 6px; bottom: 100%; box-shadow: 0 0 5px 5px #fff;color: #000; left: 50%; margin-bottom:5px; margin-left: -150px; opacity: 0; transition: opacity 1s;padding: 5px 5px; position: absolute; text-align: center; visibility: hidden; width: 300px; z-index: 1;}
.LinkInfo:hover .LinkInfoText {opacity: 1;visibility: visible;}
.LinkInfo .LinkInfoText::after {border-width: 7px; border-style: solid; border-color: #74aa50 transparent transparent transparent; content: " "; left: 50%; margin-left: -5px; margin-top:1px; position: absolute; top: 100%;}
/* STANDARD BUTTON */
a.ButtonG:link, a.ButtonG:visited {background-color:#373535;-moz-border-radius:12px;border-radius:12px;color:#fff;display:inline-block;font-weight:600;font-size:12px;padding:7px 14px;text-align:center;}
a.ButtonG:hover {background-color:#01a049}
a.ButtonG:active {background-color:#74aa50}
/* ACCORDION MENU styles */
.tab {position: relative; margin-bottom: 0px; width: auto; color: #333; overflow: hidden;}
.tab input {position: absolute; opacity: 0; z-index: -1;}
.tab label {position: relative;display: block;border:1px solid #D8D8D8;border-bottom:none;padding: 1px 20px 4px 8px;background: #eee;font-weight: 500;
line-height: 2;cursor: pointer;}
.tab label.NotBold {font-weight:500!important}
.light-accordion {position: relative;display: block;border-left:none!important;border-right:none!important;border-top:1px solid #e0e0e0!important;border-bottom:none!important;padding: 1px 20px 4px 8px;background: #f8f8f8!important;font-weight: 500;line-height: 2;cursor: pointer;}
.border-top-light {border-top:1px solid #e0e0e0}
.tab-content {max-height: 0;overflow:hidden; background: #fff; border:1px solid #D8D8D8;border-top:none;-webkit-transition: max-height .35s; transition: max-height .35s;}
.tab-content p, .tab-content H3 {margin: 1em;} .tab-content .accordion-padding {padding-top:1em;padding-bottom:1em}
/* :checked */
.tab input:checked ~ .tab-content {max-height: 100%;}
/* Icon */
.tab label::after {position: absolute; right: 0;top: 0; display: block; width: 2em; height: 2em; line-height: 2; text-align: center; -webkit-transition: all .35s; transition: all .35s;padding:2px 0 1px 0;}
.tab input[type=checkbox] + label::after {content: "+";}
.tab input[type=checkbox]:checked + label::after {content:"–";-webkit-transform: rotate(360deg); transform: rotate(360deg);}
/* ACCORDION MENU - Photo Caption */
.Caption-Accordion{position: relative; margin-bottom: 0px; width: auto; color: #333; overflow: hidden;}
.Caption-Accordion input {position: absolute; opacity: 0; z-index: -1;}
.Caption-Accordion label {position: relative;display: block;border:1px dotted #ccc;border-bottom:none;padding: 2px 0 1px 8px;background: #eee;font-weight: 500;
line-height: 2;cursor: pointer;}
.Caption-Accordion-content {max-height: 0;overflow:hidden; background: #fff; border:1px dotted #999;border-top:none;-webkit-transition: max-height .35s; transition: max-height .35s;}
.Caption-Accordion-content p {margin: 1em;}
/* :checked */
.Caption-Accordion input:checked ~ .Caption-Accordion-content {max-height: 100%;}
/* Icon */
.Caption-Accordion label::after {position: absolute; right: 0;top: 0; display: block; width: 2em; height: 2em; line-height: 2; text-align: center; -webkit-transition: all .35s; transition: all .35s;padding:2px 0 1px 0;}
.Caption-Accordion input[type=checkbox] + label::after {content: "+";}
.Caption-Accordion input[type=checkbox]:checked + label::after {content:"–";-webkit-transform: rotate(360deg); transform: rotate(360deg);}
.Caption-Accordion .HighlightDot {border-top:1px dotted #999}
/* ACCORDION MENU - Photo Caption: Option 2 */
.Caption-AccordionB{position: relative; margin-bottom: 0px; width: auto; color: #333; overflow: hidden;}
.Caption-AccordionB input {position: absolute; opacity: 0; z-index: -1;}
.Caption-AccordionB label {position: relative;display: block;border-top:1px dotted #999;padding: 2px 0 2px 0px;background: #f8f8f8;font-weight: 400;line-height: 2;cursor: pointer;}
.Caption-AccordionB-content {max-height: 0;overflow:hidden; background: #f8f8f8; -webkit-transition: max-height .35s; transition: max-height .35s;}
.Caption-AccordionB-content p {margin: 1em 1em 0 1em;}
.Caption-AccordionB-content .FullList {background:transparent;border-top:1px dotted #999;}
/* :checked */
.Caption-AccordionB input:checked ~ .Caption-AccordionB-content {max-height: 100%;}
/* Icon */
.Caption-AccordionB label::after {position: absolute; right: 0;top: 0; display: block; width: 2em; height: 2em; line-height: 2; text-align: center; -webkit-transition: all .35s; transition: all .35s;padding:2px 0 1px 0;}
.Caption-AccordionB input[type=checkbox] + label::after {content: "+";color:#000;}
.Caption-AccordionB input[type=checkbox]:checked + label::after {content:"–";-webkit-transform: rotate(360deg); transform: rotate(360deg);}
/* ACCORDION MENU - closed Mobile/Tablet */
.AccMTmenu {position: relative; margin-bottom: 0px; width: auto; color: #333; overflow: hidden;}
.AccMTmenu input {position: absolute; opacity: 0; z-index: -1;}
.AccMTmenu label {position: relative;display: block;border:1px solid #D8D8D8;border-bottom:none;padding: 2px 0 1px 8px;background: #eee;font-weight: 500;line-height: 2;cursor: pointer;}
.AccMTmenu-content {max-height: 0;overflow:hidden; background: #fff; border:1px solid #D8D8D8;border-top:none;-webkit-transition: max-height .35s; transition: max-height .35s;}
.AccMTmenu-content p {margin: 1em 0;}
/* :checked */
.AccMTmenu input:checked ~ .AccMTmenu-content {max-height: 100%;}
/* Icon */
.AccMTmenu label::after {position: absolute; right: 0;top: 0; display: block; width: 2em; height: 2em; line-height: 2; text-align: center; -webkit-transition: all .35s; transition: all .35s;padding:2px 0 1px 0;}
.AccMTmenu input[type=checkbox] + label::after {content: "+";}
.AccMTmenu input[type=checkbox]:checked + label::after {content:"–";-webkit-transform: rotate(360deg); transform: rotate(360deg);}
.show input {position:static; opacity: 1!important; z-index: 1!important;}
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/
/*INDIVIDUAL SECTION STYLES*/
/*ecodecorater/standard Specs Responisve Table background*/
.PaleGreen {background-color:#e7f0eb;} .SpecHead {background-color:#ddd}
.Specs .PaleGreen {background-color:#e7f0eb!important;} .Specs .SpecHead {background-color:#ddd!important;}
/*Products/ section*/
.MLabel {font-size:12px;margin:10px auto 0 auto;text-align:center;width:90%} /*uses .lg for product shot*/
/*Custom titles with background brushstrokes*/
.TitleA {background: url('picts/brushstroke.jpg') no-repeat; background-size: 100% 100%;background-position:left;padding:7px 30px 5px 5px;margin-bottom:5px;margin-top:23px;display:inline-block;min-height:30px;max-width:96%;font-weight:600}
p.TitleA { background: url('picts/brushstroke.jpg') no-repeat; background-size: 100% 100%;background-position:left;padding:10px 30px 1px 5px;margin-top:14px!important;display:inline-block;min-height:30px;max-width:96%;font-weight:600}
.TitleAT {background: url('picts/brushstroke.png') no-repeat; background-size: 100% 100%;background-position:left;padding:7px 30px 5px 5px;margin-bottom:5px;margin-top:23px;display:inline-block;min-height:30px;max-width:96%;font-weight:600}
p.TitleAT { background: url('picts/brushstroke.png') no-repeat; background-size: 100% 100%;background-position:left;padding:10px 30px 1px 5px;display:inline-block;min-height:30px;max-width:96%;font-weight:600}
.TitleB {background: url('picts/brushstroke-b.jpg') no-repeat; background-size: 100% 100%;background-position:left;padding:7px 30px 5px 5px;margin-bottom:5px;margin-top:23px;display:inline-block;min-height:30px;max-width:96%;font-weight:600}
.TitlePainty {background-color:#f8f8f8;background-image: url(picts/painty-line-title.jpg); background-position: right 0px bottom; background-repeat: no-repeat;border-top: 1px solid #e0e0e0;border-top-right-radius: 10px;color:#000;margin:23px 0 16px 0;padding:10px 0 20px 6px;font-weight:600}
/*Search Inputs and Submit - for specific sections*/
.SubmitG {border:1px solid #666;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color:#666;color:#fff;font-size:14px;padding:5px 10px;margin:2px 0px;cursor: pointer;outline:none;}
.SubmitG:hover {border:1px solid #01a049;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color:#01a049;color:#fff;margin:2px 0px;cursor: pointer;outline:none;}
.SubmitG:active {border:1px solid #74aa50;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color:#74aa50;color:#fff;margin:2px 0px;cursor: pointer;outline:none;}
/*Index pages*/
.IndexTitles {border-bottom:1px solid #999;font-size:15px;padding-bottom:6px}
/*VIDEOS*/
.video-wrap {height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative;}
.video-wrap iframe, .video-container object, .video-wrap embed {
position: absolute;
top: -1px;
left: 1px;
width: 100%;
height: 100%;
}
/* Colour inspiration back/next photo button*/
.previous {border-top-left-radius: 12px; border-bottom-right-radius:6px }
.next {border-bottom-right-radius: 12px; border-top-left-radius:6px }
/*PROECTS / tables*/
.NS {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin:16px 0 0 0;padding: 0;} /*use with Garden projects at end of steps in an
tag to give a line. Hide for views required.*/
/*e.g. HabitatPlus-highlighting numbers*/
.Nos {font-size:20px; font-weight:600;padding:0 5px; margin:0;line-height:1}
/*Tables and styles for TechInfo ie ProSelect + datasheets*/
table.border {border:1px solid #ccc;border-bottom:none;width:auto;max-width:100%;margin-top:5px}
.border td, .border th {border-bottom:1px solid #ccc;vertical-align:top}
.border th {background-color:#eee;text-align:left}
.underline {border-bottom:1px solid #666} .underlinered {border-bottom:1px solid #cc0000;}
.TableC {margin:auto!important} .VTop, table.VTop td {vertical-align:top} .VMid, table.VMid td {vertical-align:middle!important}
/*circle for highlighting e.g. renovating-guide/190-*/
.Circle {height: 26px; width: 26px; padding:2px;background-color: #eee; border:1px solid #ccc; border-radius: 50%; display: inline-flex; align-items:center;justify-content:center;}
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/
/* MEDIA QUERY FOR MOBILE DEVICES*/
@media only screen and (min-width : 285px) {
/*Header*/
.HeaderWrap {background-color:#212121;margin:0;padding:0 0 1px 0;height:106px}
.HeaderBar {height:auto;margin:0 auto;font-size:0;padding:0;width:auto}
.HeaderBar2 {height:auto;margin:0 auto;padding:0;font-size:0;width:auto}
.HeaderBarKW2 {background:url(picts/Resene-Header-KW3.jpg) no-repeat top left 10px;background-color:transparent;height:auto;margin:0 auto;font-size:0;padding:0;width:auto}
.Search {float:right;width:100%;margin:0 0 0 0;text-align:left;max-width:290px}
.SField {border:1px solid #666666;height:24px;margin-top:-1px;font-size: 16px;margin:-1px 0px 5px 0px;padding:2px 28px 2px 2px;width:171px}
.SField:focus {
outline-offset: 0px;
outline: none;
}
.mobile-search {display:inline-block!important;background-color:transparent!important;border:0!important;position:absolute;top:46px;right:0px;width:28px;height:28px}
.RHome {float:none;height:auto;margin:auto;padding:15px 5px 15px 12px;text-align:center;width:auto;max-width:100%}
.RHomeTCA {float:none;height:auto;margin:0 0;padding:5px 5px 5px 35px;text-align:center;width:auto;max-width:100%}
.RHomeCurtain {float:none;height:auto;margin:0 0;padding:0 5px 0px 0px;text-align:left;width:auto;max-width:100%}
.RHome img, .RHomeTCA img, .RHomeCurtain img {padding:0px!important}
.SearchButton {float:right;height:24px;padding-left:5px;margin:13px 0 0 0;width:28px;}
.SFieldBox {float:right;margin:9px 5px 9px 0;max-width:242px}
.HeaderBar img, .HeaderBar2 img, .HeaderBarKW2 img {padding:0!important;margin:0}
/*Main Content Window*/
.HPWrapper {background-color:transparent;margin:0 auto;width:100%;max-width:100%;padding:0}
.MainTable2, .MainTable2b {background-color:#fff;box-sizing:border-box;padding:15px 15px;max-width:100%;width:100%;margin:0 auto 0 auto;}
h1, .Header {display:inline;font-size:24px;font-family:'Lexend',arial,helvetica, sans-serif;font-weight:500;}
/*Footer*/
/*.FooterBand {background-color:#212121; background-image:url(picts/backgrounds/page-tile-bottom.jpg), url(picts/backgrounds/page-tile-top.jpg); background-position:bottom, top; background-repeat:repeat-x, repeat-x;padding:40px 1.75% 40px 1.75%;}
.FooterBand {background-image:url("picts/backgrounds/brushstroke.jpg");background-size:100% 100%;border-radius:8px;padding:30px 15px 30px 15px;}
.ContactWrapper {background-image:none;background-color:transparent;color:#000;font-size:12px;padding:10px 15px;max-width:100%;width:100%;margin:0px auto 60px auto}
.ContactWrapper p {font-size:12px}
.Footertxt {float:none;max-width:100%;width:auto}
.Footertxt p.JP, .Footertxt2 p.JP, .FooterBand p.JP {font-family:JamesPaul,arial,helvetica, sans-serif!important;font-size:22px;}
.FooterLinks a {display:inline-block!important;padding: 0 2px!important;margin:0!important}*/
/* Footer NEW */
.FooterSignUp {background-color:#eee;padding:8px 15px 8px 15px;margin:0;} .FooterSignUp img {padding:0!important;margin:0!important} .FooterSignUp p {margin:0!important}
.FooterSignUp a:link, .FooterSignUp a:visited {color:#212121;border-bottom:1px dotted #999}
.FooterSignUp a:hover {color: #01a049;} .FooterSignUp a:active{color: #74aa50;}
.FooterHero {background-color:#212121; background-image:none!important;color:#eee;font-family:JamesPaul,arial,helvetica;font-size:25px!important;padding:10px 15px;text-align:center!important;}
.FooterHero a:link, .FooterHero a:visited {color:#01a049;border-bottom:0px dotted#999;white-space:nowrap} /*blue: #527dd4*/
.FooterHero a:hover {color:#74aa50;border-bottom:0px dotted #ccc} .FooterHero a:active {color: #92d763}
.FooterHero img {padding:0!important;margin:0!important}
.FooterHold {background-color:#fff;width:100%;padding:20px 0px 20px 0px;margin:0;}
.Shield {float:right!important;width:50px} .Shield img {cursor: pointer; margin: 6px 10px; display: inherit;}
.Shield2 {width:50px;margin:0px auto;text-align:center} .Shield2 img {cursor: pointer; margin: 6px 10px; display: inherit;}
.FooterContent {margin:auto; max-width:1200px; width:100%;font-size:14px;padding:5px 20px;box-sizing:border-box}
.FooterContent ul {list-style-type: none;margin:0 0 1em 0;padding:0;background-color:#fff;}
.FooterContent li {padding-bottom:0.5em}
.FooterContent a:link, .FooterContent a:visited {color:#212121;}
.FooterContent a:hover {color: #01a049;} .FooterContent a:active{color: #74aa50;}
.FooterShares {clear:both;width:auto;display: -webkit-flex; display:flex;-webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center;justify-content:center;padding:5px 2px;margin:auto}
.Share1 {float:left;margin:0px 20px 16px 20px;text-align:left;width:auto} /*facebook follow*/
.Share2 {float:left;margin:-6px 10px 5px 15px;text-align:left;width:auto;white-space:nowrap} /*social media icons*/
.Share2 img {float:left; padding-right:15px!important;height:22px;width:22px}
.Share3 {float:left;margin:0px 10px 5px 10px;text-align:left;width:auto} /*DIY videos*/
.Share4 {float:left;margin:-11px 10px 16px 5px;padding:0;text-align:left;width:auto} /*shielded logo*/
img.video {margin:-3px 0 0 0!important;padding:0!important;}
.FLinks {text-align:center}
.FLinks a:link, .FLinks a:visited {color:#212121;padding-left:5px;padding-right:5px;}
.FLinks a:hover {color: #01a049;}
.FLinks a:active{color: #74aa50;}
.color-note {padding-left:5px}
.color-note a {border-bottom:1px dotted #999}
.FLinksB {}
.FLinksB a:link, .FLinksB a:visited {color:#212121;padding-left:5px;padding-right:5px;}
.FLinksB a:hover {color: #01a049; border-bottom:0px dotted #01a049}
.FLinksB a:active{color: #74aa50;}
/* Order links in FooterOrder */
.FooterOrder {font-size:1.125em; padding: 0px 15px 16px 15px;text-align:center}
.FooterOrder a:link, .FooterOrder a:visited {color:#01a049;padding:0;margin:8px}
.FooterOrder a:hover {color: #74aa50;border-bottom:0px dotted #999}
.FooterOrder a:active {color: #92d763;}
/* ToolTips on links */
.LinkInfoText {display:none}
/*Columns/Column Padding*/
.FlexRow-Caption [class*="Col-"] {padding:0!important; margin:8px 1.75%}
.FlexRowCB [class*="Col-"] {padding:0!important; margin:8px 1.75%;}
.ColourBlock img {margin-top:0px;margin-bottom:10px;box-shadow:0 0 0 10px #fff}
.Col-M-1, .Col-M-3, .Col-M-5, .Col-M-9, .Col-M-10, .Col-M-11, .Col-M-12 {float:none;padding:5px 1.75%;width:96.5%}
.Col-M-6, .Col-20P {float:left;padding:5px 1.75%;width:46.5%}/*[class*="Col-"] {width: 100%;}*/
.Col-M-2 {float:left;padding:5px 1.75%; width:13.16%} .Col-M-3 {float:left;padding:5px 1.75%; width:21.5%} .Col-M-4 {float:left;padding:5px 1.75%; width:29.5%} .Col-M-7 {float:left;padding:5px 1.75%; width:54.83%} .Col-M-8 {float:left;padding: 5px 1.75%; width:63.1%}
.Clear-M-Cols {clear:left} /* clears unequal column heights heights while wrapping, apply after Mobile break point*/
/*Right aligned info boxes*/
.RightBox, .RightBoxB, .RightBox-25, .RightBox-25B, .RightBox-50, .RightBox-44 {float:none; max-width:100%;width:100%;margin-bottom:1.2em}
.MBack {background-image:url(picts/backgrounds/painty-band.jpg); background-repeat:no-repeat; background-size:100% 100%;padding:10px 0;margin-top:5px}
/*Shrink image in mobile*/
img.mini {width:auto;height:100px} img.med {width:45%; height:auto} img.lg, img.lg2 {width:66%; height:auto}
/*fitting images on left,if rightboxes are used*/
img.fit, img.fit-lg {width:auto;max-width:100%;height:auto} /*use with RightBox, RightBox-25*/
/*General Rows*/
.Row {overflow:auto;max-width:96.5%;margin:0;padding:0 1.75%;width:96.5%;} /*Using Rightbox'es*/
.RowG {max-width:96.5%;margin:0;padding:0 1.75%;width:96.5%;} /*General row that JumpLinks with work with, use clearfix if you need a clear for a rightbox*/
.SubNav {margin-bottom:16px;padding:0 1.75%} /*Container for Sub Nav*/
.FlexRow, .FlexRowCB {display: -webkit-flex; display:flex;-webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center;justify-content:center; margin:0;padding:0;max-width:100%;overflow:auto;width:100%;}
.Fl-Cen {align-items: center;} /*center items in flexrow*/ .Fl-End {align-items: flex-end;} .EvenC {align-self:stretch}
.Row-st, .two-thirds, .two-thirdsB, .three-quarters, .three-quartersB, .one-half {max-width:100%;margin:0;padding:0;width:100%;} /* for use with standard columns Col-*/
div.ImgCen *[class*="Col-"] {margin-bottom:16px} /* fix for weekend gardener*/
div.ImgCen *[class*="Col-"] p:first-of-type {display:inline} /* fix for weekend gardener*/
div.ImgCen *[class*="Col-"] p:last-of-type {margin-bottom:0px} /* fix for weekend gardener*/
.Row-auto {max-width:100%;margin:0;text-align:center;padding:0;width:100%;} /* for use with standard columns Col-, but centered on page, auto width*/
.Row-auto .Col-M-12 img, .IconRow-4 .Col-M-12 img {max-width:48.25%;height:auto} /*centers odd images*/
.FirstPara-75, .FirstPara-75B, .FirstPara-66, .FirstPara-66B, .FirstPara-56, .FirstPara-50 {width:100%;max-width:100%;margin:0;padding:1px 0 0 0} /* 3/4, 2/3, 1/2 width left hand info with Rightbox use*/
.FirstPara-66B .HighlightDot, .FirstPara-66B *[class*="Caption"] {margin-left:auto;margin-right:auto; max-width: 459px;width:100%}
/*Paint Swatch Rows*/
.SwatchRow {clear:both;display: -webkit-flex; display:flex;-webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center;justify-content:center;font-size:12px;margin:auto;max-width:100%;overflow:auto;text-align:center;width:100%}
.SwatchRow img {border-radius:4px;max-height:66px;max-width:100%;width:107px;height:66px;}
.SwatchRow a:link, .SwatchRow a:visited {color:#212121;border-bottom:1px solid #e6e6e6;} .SwatchRow a:hover {color:#01a049} .SwatchRow a:active {color:#74aa50}
/*Icon/Project Rows*/
.IconRow-4 {clear:both;max-width:100%;margin:0;padding:0;width:100%} /*4 icons across*/
.IconRow-4 div {text-align:center}
.ProjectRow-4 {clear:both;margin:auto;max-width:100%;width:100%}
.ProjectRow-4 div {text-align:left} .ProjectRow-4 div.Center {text-align:center!important}
/* Mobile Friendly Table */
.scroll {overflow-x:auto!important} /*add to row to show scroll bar*/
table.Specs {width:100%;max-width:100%;}
table.Specs, .Specs thead, .Specs tfoot, .Specs tbody, .Specs th, .Specs td, .Specs tr {display: block;}
.Specs thead tr, .Specs tfoot tr, .Specs td.HideCell {display:none}/*{position: absolute; top: -9999px;left: -9999px;}*/.Specs tr {border: 1px solid #ccc;}
.Specs tr:nth-of-type(odd) {background: #f8f8f8;}
.Specs td { /* Behave like a "row" */border: none;border-bottom: 1px solid #ccc;position: relative;padding-left: 30%;text-align:left;}
.Specs td:before { /* Similar to table headers */position: absolute;/* Top/left values mimic padding */top: 6px;left: 6px;width:25%;padding-right: 10px; white-space: nowrap;text-align:left;}
/*more room on left*/
.Specs td.Half { /* Behave like a "row" */border: none;border-bottom: 1px solid #ccc;position: relative;padding-left: 50%;text-align:left;}
.Specs td.Half:before { /* Similar to table headers */position: absolute;/* Top/left values mimic padding */top: 6px;left: 6px;width:45%;padding-right: 10px; white-space: nowrap;text-align:left;}
.Specs td.SpecsH {border-bottom:3px solid #ccc;background-color:#ddd;font-weight:600!important;font-size:16px}
.Specs td.SpecsH2 {border-bottom:1px solid #ccc;border-top:2px solid #ccc;background-color:#ddd;font-weight:600!important;font-size:16px} /*when mobile hidden "row" in its own tr*/
.Specs td.SpecsSH {border-bottom:1px solid #ccc;background-color:#eee;font-weight:600!important;}
.Specs .MHead {background-color:#eee!important;font-weight:600}
/*.Specs strong {font-size:14px}*/
/* Data Labels */
th[data-label]:before,
td[data-label]:before {content: attr(data-label) ":\00A0";}
/*Search Inputs and Submit - for specific sections*/
.SearchBoxG {background-color:#f8f8f8;border:1px solid #D8D8D8;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;-moz-box-shadow: inset 1px 1px 4px #D0D0D0;-webkit-box-shadow: inset 1px 1px 4px #D0D0D0;box-shadow: inset 1px 1px 4px #d8d8d8; font-size:16px; margin:2px 0px 10px 0px; outline:none;padding:4px 10px;width:auto;}/*background-color:#f8f8f8;border:1px solid #E0E0E0*/
.HighlightM, .HighlightMT {background-color:#f8f8f8; border-bottom:1px dotted #ccc; border-top:1px dotted #ccc;padding:10px 8px 13px 8px}
.HighlightDotM {background-color:#f8f8f8;border-bottom: 1px dotted #ccc;border-top: 1px dotted #ccc; padding:12px 8px;box-sizing:border-box}
/*full width highlight in mobile, not show in tablet/desktop*/
.ButtonAdjust {margin-bottom:10px!important} /*for wrapping buttons*/
/*Products section button*/
a.ButtonG2:link {background-color:#999;-moz-border-radius:8px;border-radius:8px;color:#fff;display:inline-block!important;font-weight:600;font-size:12px;padding:7px 14px;margin:5px 3px 5px 0px;text-align:center;}
a.ButtonG2:visited {background-color:#999;-moz-border-radius:8px;border-radius:8px;color:#fff;display:inline-block!important;font-weight:600;font-size:12px;padding:7px 14px;margin:5px 3px 5px 0px;text-align:center;}
a.ButtonG2:hover {background-color:#74aa50;}
a.ButtonG2:active {background-color:#92d763;}
/* Room for improvement */
table.mini td {padding: 4px 10px 4px 10px;vertical-align:top}
/* Other projects icons */
.mini-icons img {max-width:75%!important;width:140px;height:auto;}
/*Right aligned text options - different in different views*/
.RightTxt-D, .RightTxt-DT {text-align:left}
/*Right aligned text in desktop, centered in tablet and mobile - ie Habitat30*/
.RightTxt-DC, .CenTxt-MT, .CenTxt-M, .CentTxtMT-RightTxt-D {text-align:center}
/*FORM*/
.Upload {color:#7b9686/*#006666,#669999*/} .Mandatory {color:#017f39/*#009846, #149749*/} .error {color:#CD5C5C;font-weight:300;font-size:13px}
.FormWrap {max-width:90%;width:470px;margin:auto} /*for ask us/feedback form popups*/
.FormStyle {background-color:#f2f2f2;border:1px solid #d9d9d9;border-radius:8px;padding:10px 3% 10px 3%;text-align:left;width:94%;max-width:94%;margin:auto;}
.FormStyle strong, .Formstyle b {font-weight:500}
.FormStyle h2 {margin-top:0px!important;padding-top:0px!important}
.FormStyle div.Label {float:none;margin:0px 0px 1px 0px;padding:8px 1% 0 1%; width:98%}
.FormStyle div.LabelFull {float:none;margin:0px 0px 1px 0px;padding:8px 1% 0 1%; width:98%}
.FormStyle div.Input {float:none;margin:0px 0px 1px 0px;padding:8px 1% 0 1%; width:98%}
.FormStyle .InputBox {color:#3F5281;border:1px solid #ccc;border-radius:6px;font-size:16px;padding:6px 3%;width:94%}
.FormStyle .InputBoxsm {color:#3F5281;border:1px solid #ccc;border-radius:6px;font-size:16px;padding:6px 3%;width:94%}
.FormStyle select {font-size:16px;max-width:100%;cursor: pointer;outline:none;} .FormStyle option {font-size:16px}
.Submit {border:1px solid #666;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color:#666;color:#eee;font-size:16px;padding:6px 10px;cursor: pointer;outline:none;}
.Submit:hover {border:1px solid #01a049;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color:#01a049;color:#eee;cursor: pointer;outline:none;}
.Submit:active {border:1px solid #74aa50;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color:#74aa50;color:#eee;cursor: pointer;outline:none;}
.SubmitB {border:1px solid #666;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color:#666;color:#eee;font-size:16px;padding:6px 10px;cursor: pointer;outline:none;}
.SubmitB:hover {border:1px solid #01a049;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color:#01a049;color:#eee;cursor: pointer;outline:none;}
.SubmitB:active {border:1px solid #74aa50;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color:#74aa50;color:#eee;cursor: pointer;outline:none;}
.FormSOther {position:absolute;left:-10000px;} /*Hides Hidden form field*/
.Input p {margin:0;padding:0 0 8px 0!important}
/*hide/show*/
.HideMobile {display:none}
.TickSpace {margin-bottom:8px!important;}
}
/* End Media query for MOBILE devices*/
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/
/* MEDIA QUERY for SMALL TABLETS */
@media only screen and (min-width : 481px) {
/*Header*/
.HeaderBar {max-width:100%;width:auto;}
.HeaderBar2 {max-width:100%;width:auto}
.HeaderBarKW2 {max-width:100%;width:auto}
/* Header - top links, Sharing and Follow Tools */
.RHome {padding:15px 20px 15px 20px;text-align:center}
.RHomeTCA {text-align:left}
.RHomeCurtain {text-align:left}
.SearchIconA {width:24px;height:24px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0px;}
/*Main Content Window*/
.HPWrapper {clear:both;max-width:100%;margin:auto}
.MainTable2, MainTable2b {max-width:100%;padding:15px 15px 20px 15px;}
/* titles */
h1, .Header {display:inline;font-size:28px;font-family:'Lexend',arial,helvetica, sans-serif;font-weight:500;}
/*Footer*/
.ContactWrapper {max-width:1060px;width:inherit;padding:10px 15px;box-sizing:border-box}
/*Columns/Column Padding*/
.FlexRow-Caption [class*="Col-"] {padding:0!important; margin:8px 1.5%}
.FlexRow-Caption .Col-T-12 {margin:8px 12%!important}
.FlexRowCB [class*="Col-"] {padding:0!important; margin:8px 1.5%;}
.ColourBlock img {margin-top:0px;margin-bottom:13px;padding:0px;box-shadow:0 3px 0 10px #fff}
.Col-T-1, .Col-T-2, .Col-T-3, .Col-T-4, .Col-T-5, .Col-T-6, .Col-T-7, .Col-T-8, .Col-T-9, .Col-T-10, .Col-T-11,.Col-T-12, .Col-20P {float:left;padding:8px 1.5%;}
.Col-T-1 {width: 5.33%;} .Col-T-2 {width: 13.66%;} .Col-T-3 {width: 22%;} .Col-T-4 {width: 30.33%;} .Col-T-5 {width: 38.66%;} .Col-T-6 {width: 47%;}
.Col-T-7 {width: 55.33%;} .Col-T-8 {width: 63.66%;} .Col-T-9 {width: 72%;} .Col-T-10 {width: 80.33%;} .Col-T-11 {width: 88.66%;} .Col-T-12 {width: 97%;}
.Col-20P {width:30.33%} /*for one-off 5 across info*/
.Clear-M-Cols {clear:none} .Clear-T-Cols {clear:left} /* stops mobile clear /clears unequal column heights heights while wrapping, after Tablet break point*/
/*Right aligned info boxes*/
.RightBox, .RightBox-25 {float:right; margin-bottom:3px; padding:0 0 5px 2%; width:38%}
.MBack {background-image:none;padding:0;}
img.mini,img.med,img.lg2 {width:auto;height:auto} /*make mobile mini/med image normal in tablet/desktop*/
img.lg {width:432px;max-width:90%;height:auto} /*make mobile lg image normal in tablet/desktop, currently used products downloads*/
/*fitting images on left, if rightboxes are used*/
img.fit, img.fit-lg {width:auto;max-width:60%;height:auto} /*use with RightBox, RightBox-25*/
/*General Rows*/
.SubNav {margin-bottom:16px;padding:0 1% 0 1%;}
.Row-auto {clear:both;display: -webkit-flex; display:flex; -webkit-justify-content: center;justify-content:center;margin:auto;text-align:center;width:auto;max-width:100%;}
.Row-auto [class*="Col-"] {display:inline-block;float:none} /*use with Col- and want auto width centered. Col- type determined by % width of max images in a row - this centers*/ .Row-auto .Col-M-12 img, .IconRow-4 .Col-M-12 img {max-width:100%;width:auto;height:auto} /*centers odd images*/
.Row {overflow:auto;max-width:98%;margin:0;padding:0 1%;width:98%;} /*Using Rightbox'es*/
.RowG {max-width:98%;margin:0;padding:0 1%;width:98%;}
.two-thirds {float:left;width:60%;} .three-quarters {float:left;width:60%;} /*When you want to shorten a standard row to work with a rightbox*/
.Row-title p:last-of-type, .Row-title h2:last-of-type {padding-bottom:0;margin-bottom:0} /*removes padding at bottom of para so paragraph spacing is normal if using FirstPara styles*/
.Row-titles {} /*use with .ClearL below - standard options*/
.FirstPara-75, .FirstPara-66 {clear:left;max-width:60%;width:60%;}
/*Paint Swatch Rows*/
.SwatchRow {clear:both;display: -webkit-flex; display:flex;-webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center;justify-content:center;margin:auto;overflow:auto;text-align:center;width:auto;max-width:100%;}
.SwatchRow img {max-height:80px;max-width:100%;width:133px;height:80px}
.Swatch-2Icon {max-width:70%} /*Minimises the tablet row width for 2 icons columns*/
/*Icon/Project Rows*/
.ProjectRow-4 {clear:both;display: -webkit-flex; display:flex;-webkit-justify-content: center;justify-content:center;margin:auto;text-align:center;width:auto;max-width:100%;}
.ProjectWidth {margin:auto;width:auto;max-width:auto}
.IconRow-4 img {height:auto;width:auto;max-width:100%}
/*Search Inputs and Submit - for specific sections*/
.SearchBoxG {margin:3px 0px 2px 0px;padding:4px 10px;width:40%;min-width:120px} /*background-color:#f8f8f8;border:1px solid #E0E0E0;*/
.HighlightM, .HighlightDotM {background-color:#fff; border:none;padding:0} /*Hides Mobile Highlight*/
/*Products section button*/
a.ButtonG2:link {background-color:#999;-moz-border-radius:8px;border-radius:8px;color:#fff;display:block;font-weight:600;font-size:12px;padding:7px 14px;margin:0 0px 5px 0px;text-align:center;}
a.ButtonG2:visited {background-color:#999;-moz-border-radius:8px;border-radius:8px;color:#fff;display:block;font-weight:600;font-size:12px;padding:7px 14px;margin:0 0px 5px 0px;text-align:center;}
a.ButtonG2:hover {background-color:#01a049;}
a.ButtonG2:active {background-color:#74aa50;}
/*ROOM FOR IMPROVMENT*/
table.mini td {padding: 4px 20px 4px 0px;vertical-align:top} table.mini tr td:first-of-type {padding-left:32px}
/*Other projects icons - 73% if matching width of 4/row icons above*/
.mini-icons img {max-width:63%!important;width:140px;height:auto;}
/*Right aligned text options*/
.RightTxt-D, .CenTxt-M {text-align:left} .RightTxt-DT {text-align:right}
/*Forms*/
.FormStyle {margin:auto;padding:10px 3% 10px 3%;text-align:left;width:100%;}
.FormStyle div.Label {float:left;margin:0px 1% 1px 0px;padding:8px 1% 0 1%; width:25%}
.FormStyle div.LabelFull {float:none;margin:0px 1% 1px 0px;padding:8px 1% 0 1%; width:98%}
.FormStyle div.Input {float:left;margin:0px 0px 1px 0px;padding:8px 1% 0 1%; width:70%}
/*Hide/Show*/
.HideMobile {display:block} .HideRTablet {display:none}
}
/* END Media Query for SMALL TABLETS */
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/
/* MEDIA QUERY for med tablets */
@media only screen and (min-width:768px) {
.mobile-search {display:none!important}
}
/* MEDIA QUERY for TABLETS and DESKTOPS (min-width:1025px-previous) */
@media only screen and (min-width:768px) {
/* Header - top links, Sharing and Follow Tools */
.HeaderWrap {height:116px}
.HeaderBar, .HeaderBar2 {background-color:#212121;max-width:1200px;width:auto;padding:0 15px 5px 15px;box-sizing:border-box;}
.HeaderBarKW2 {max-width:1200px;width:auto;padding:0 15px 5px 15px;box-sizing:border-box}
.RHome {box-sizing:border-box;float:left;height:auto;padding:17px 5px 13px 15px;text-align:left;width:25%}
.RHomeTCA {box-sizing:border-box;float:left;height:auto;padding:10px 5px 5px 10px;width:24%}
.RHomeCurtain {box-sizing:border-box;float:left;height:auto;padding:0px 5px 0px 15px;width:34.5%}
.TLContainer {box-sizing:border-box;float:right;text-shadow:1px 1px #000;width:auto;margin-top:5px;max-width:75%;overflow:auto}
.TopLinks {color:#808080;box-sizing:border-box;font-size:12px;float:right;padding:20px 10px 0px 0px;text-align:right;white-space:normal;width:auto} /*top padding 25px during non-sales*/
.TopLinks a {border:none}
.TopLinks a:link {color:#eee;padding:0px 2px 0px 2px}
.TopLinks a:visited {color:#eee;padding:0px 2px 0px 2px}
.TopLinks a:hover {color:#01a049}
.TopLinks a:active {color:#74aa50}
.TopLinks img {position: relative; top: 0px;background-color:transparent;padding: 0 0 0 5px;}
/* Red sale link in James Paul */
a.sale-link:link, a.sale-link:visited {color:#eee!important;font-family:JamesPaul,arial,helvetica,sans-serif;font-size:16px;margin:0px!important;padding:0px 5px!important} /*#ff3333*/
a.sale-link:hover {color:#01a049!important;} /** #ff5151 **/
a.sale-link:active {color:#74aa50!important;} /** #ff0000 **/
/* Yellow sale link in standard font */
.TopLinks a.sale:link, .TopLinks a.sale:visited {color:#fdca0d!important;font-weight:600;font-size:14px}
.TopLinks a.sale:hover {color:#01a049!important;font-weight:600}
.TopLinks a.sale:active {color:#74aa50!important;;font-weight:600} /*#77be41*/
/* ToolTips on links */
.LinkInfoText {display:inline}
.ShareBox {color:#fff;float:right;height:auto;padding:10px 3px 1px 0px;text-align:right;width:auto} /*Pin it button*/
.ShareBox2 {color:#fff;float:right;height:auto;padding:18px 0px 1px 10px;text-align:right;width:128px;} /*AddThis sharing*/
.ShareBox2 img {float:left; margin-right:12px;height:19px;width:19px}
.FollowBoxAT {color:#fff;float:right;height:auto;margin-top:0;padding:10px 10px 1px 10px;text-align:left;width:auto} /* Addthis Follow*/
.Search {width:auto;padding:3px 10px 0 0}
.SField, .SFieldB {background-color:#eee;webkit-appearance: none;-webkit-border-radius: 0;border-top-left-radius: 6px;border-bottom-left-radius: 6px;border:1px solid #ccc;border-right:none;font-size:14px;height:24px;margin:0 0 5px 0;padding:2px 28px 2px 2px;width:171px}
.SearchButton {background-color:#eee;border-top-right-radius: 6px;border-bottom-right-radius:6px; border:1px solid #ccc;border-left:none;margin:9px 0px 9px 0;padding:2px 2px 2px 2px;}
.SFieldBox {margin:9px 0px 9px 0;max-width:242px}
/*Main Content Window*/
.HPWrapper {width:100%;max-width:1200px;margin:0 auto;padding:0}/*1060*/
.MainTable2 {box-sizing:border-box;margin:0 auto 0 auto;max-width:1200px;padding:15px 15px 20px 15px;}
.MainTable2b {box-sizing:border-box;margin:15px auto;max-width:1200px;padding:15px 15px 20px 15px;}
/* titles */
h1, .Header {display:inline;font-size:28px;font-family:'Lexend',JamesPaul,arial,helvetica, sans-serif;font-weight:500}
/*Footer*/
.ContactWrapper {max-width:1200px;width:auto;padding:10px 15px;box-sizing:border-box}
/*Columns/Column Padding*/
.FlexRow-Caption [class*="Col-"] {padding:0!important; margin:8px 1%}
.FlexRow-Caption .Col-T-12 {margin:8px 1%!important}
.FlexRowCB [class*="Col-"] {padding:0!important; margin:8px 1%;}
.Col-1, .Col-2, .Col-3, .Col-4, .Col-5, .Col-6, .Col-7, .Col-8, .Col-9, .Col-10, .Col-11, .Col-12, .Col-20P {float:left;margin:0;padding:8px 1%;} /*Adding all .Col- just to make display in dreamweaver work*/
.Col-1 {width: 6.33%;} .Col-2 {width: 14.66%;} .Col-3 {width: 23%;} .Col-4 {width: 31.333%;} .Col-5 {width: 39.66%;} .Col-6 {width: 48%;}
.Col-7 {width: 56.33%;} .Col-8 {width: 64.66%;} .Col-9 {width: 73%;} .Col-10 {width: 81.33%;} .Col-11 {width: 89.66%;} .Col-12 {width: 98%;}
.Col-20P {width:18%} /*one-off five column row*/
/*[class*="Col-"] img {width:100%} forces image to size in WYSIWYG, but will expand small images*/
.Clear-T-Cols {clear:none} /* stops tablet clear / used for unequal column heights heights while wrapping in tablets*/
.Clear-D-Cols {clear:left!important} /*Clears desktop columns with Flexbox - only required for WYSIWYG*/
/*Right aligned info*/
.RightBox, .RightBoxB {float:right; margin-bottom:3px; padding:0 0 5px 2%; width:32%}
.RightBox-25, .RightBox-25B {float:right; margin-bottom:3px; padding:0 0 5px 2%; width:23.5%;}
.RightBox-44 {float:right; margin-bottom:3px; padding:0 0 5px 2%; width:44.1%;}
.RightBox-50 {float:right; margin-bottom:3px; padding:0 0 5px 2%; width:49%;}
/*General Rows*/
.Row {overflow:auto;max-width:98%;margin:0;padding:0 1% 0 1%;width:98%;} /*Using Rightbox'es*/
.RowG {max-width:98%;margin:0;padding:0 1% 0 1%;width:98%;}
.SubNav {margin-bottom:16px;padding:0 1% 0 1%;}
.two-thirds, .two-thirdsB {float:left;width:66%;} .three-quarters, .three-quartersB {float:left;width:74.5%;} .one-halfplus {float:left;width:53.9%} .one-half {float:left;width:49%} /*When you want to shorten a standard row to work with a rightbox*/
.FirstPara-75, .FirstPara-75B {clear:left;max-width:74.5%;width:74.5%}
.FirstPara-66, .FirstPara-66B {clear:left;max-width:66%;width:66%}
.FirstPara-56 {clear:left;max-width:53.9%;width:53.9%}
.FirstPara-50 {clear:left;max-width:49%;width:49%}
/*Paint Swatches*/
.SwatchRow {display: -webkit-flex; display:flex;-webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center;justify-content:center;width:1100px;max-width:100%;overflow:auto;text-align:center}
.SwatchRow img {max-height:80px;max-width:100%;width:133px;height:80px}
.Swatch-2Icon {max-width:100%} /*reset 2 icon swatch row to full width*/
/*Icon/Project Rows*/
.IconRow-4 img {height:auto;width:176px;max-width:100%} /* 4 icons in row - forces older icons to be larger... New icons to be made larger*/
.ProjectRow-4 {max-width:768px;width:auto;} /*4 icons across*/
.ProjectWidth, .ProjectWidth-B {display: -webkit-flex; display:flex; -webkit-justify-content: center;justify-content:center;margin:auto;max-width:768px;width:auto}
.ProjectWidth-2 {margin:auto;max-width:882px;width:auto;} /* image: max-width:864px (75%) (18px margins) */
/*.ProjectWidth-2B {margin:auto;max-width:958px;width:auto;}*/ /* image: max-width:940px (82%) (18px margins) > moved below to accomodate ipad landscape/lg desktop */
.ProjectWidth-3 {margin:auto;max-width:768px;width:auto;} /* image: max-width:750px (65.306%) (18px margins) */
/*Responsive Table - doesn't scale down in iPad portrait view*/
table.Specs {border:1px solid #ccc;border-bottom:none;margin: auto;width:100%;display:table!important}
.Specs thead, .Specs tfoot, .Specs tbody {display:table-header-group;}
.Specs thead tr, .Specs tfoot tr {display:table-row;}
.Specs td.HideCell {display:table-cell} /*Shows cells that were hidden in mobile/tablet*/
.Specs td.VMid, .Specs th.VMid {vertical-align:middle!important}
.Specs td.Center, .Specs th.Center {text-align:center!important}
.Specs tr {border: none; display:table-row}
.Specs tr:nth-of-type(odd) {background-color:#fff;border: none; display:table-row}
.Specs th {background-color:#eee;border-bottom:1px solid #ccc;padding:6px 6px;vertical-align:top;display:table-cell;text-align:left}
.Specs th.foot {background-color:#f8f8f8!important}
.Specs td, .Specs td.Half {border-bottom:1px solid #ccc;padding:6px 6px;text-align:left;vertical-align:top;display:table-cell}
.Specs td:before, .Specs td.Half:before {display:none}
.Specs td.SpecsH, td.SpecsH2, td.Specs td.SpecsSH {display:none} .SpecsH2 {background-color:#f8f8f8!important}
.Specs .MHead {background-color:#fff!important;font-weight:300}
/*.Specs strong {font-size:14px}*/
/*Search Inputs and Submit - for specific sections*/
.HighlightMT {background-color:#fff; border:none;padding:0} /*Hides Mobile Highlight*/
.SearchBoxG {margin:3px 0px 2px 0px;padding:4px 10px;width:50%;min-width:180px;max-width:300px}
.ButtonAdjust {margin-bottom:0px} /*for wrapping buttons*/
/*Other projects icons*/
.mini-icons img {max-width:100%!important;width:140px;height:auto;}
/*Right aligned text options*/
.RightTxt-D, .RightTxt-DT {text-align:right}
/*Right aligned text in desktop, centered in tablet and mobile*/
.RightTxt-DC {text-align:Right}
.CenTxt-MT {text-align:left} /*Left in D, centered in M and T*/
/* ACCORDION MENU - closed Mobile/SmTablet, opens larger tablet/desktop */
.AccMTmenu {position: relative; margin-bottom: 0px; margin-top:0px; width: auto; color: #333; overflow: hidden;}
.AccMTmenu input {position: absolute; opacity: 0; z-index: -1;}
.AccMTmenu label {position: relative;display: block;border-width:1px 0 1px 0; border-color: #ccc;border-style:solid;padding: 2px 0 1px 8px;background-color: #eee;font-weight: 500; line-height: 2;cursor:auto;}
.AccMTmenu-content {max-height: 100%;overflow:visible!important; background: #fff; border:none;-webkit-transition: max-height .35s; transition: max-height .35s;}
.AccMTmenu-content p {margin: 1em 0;}
/* :checked */
.AccMTmenu input:checked ~ .AccMTmenu-content {max-height: 100%;}
/* Icon */
.AccMTmenu label::after {position: absolute; right: 0;top: 0; display: block; width: 2em; height: 2em; line-height: 2; text-align: center; -webkit-transition: all .35s; transition: all .35s;padding:2px 0 1px 0;}
.AccMTmenu input[type=checkbox] + label::after {content: "";}
.AccMTmenu input[type=checkbox]:checked + label::after {content:"";-webkit-transform: rotate(360deg); transform: rotate(360deg);}
.AccMTmenu .border-top {border-top:none!important}
/*Forms*/
.FormStyle {margin:auto;padding:10px 3% 10px 3%;text-align:left;width:100%;}
.FormStyle .InputBoxsm {color:#3F5281;border:1px solid #ccc;border-radius:6px;font-size:16px;padding:6px 3%;width:60%}
/*Hide/Show*/
.HideRTablet {display:block} .HideDesktop {display:none}
}
/* End Media Query for DESKTOPS and TABLETS*/
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/
/*Hide for Tablet Portrait View - for sharing tools in header*/
@media only screen and (max-width : 1023px) {
.HideTPort {display:none}
}
/*Show for Tablet landscape View - for sharing tools in header */
@media only screen and (min-width : 1024px) {
.HideTPort {display:block}
}
/* End header sharing tool fix*/
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/
/* For sharing tools in tablets*/
@media only screen and (min-width: 769px) {
.MenuWrap {background-color:transparent;max-width:100%;float:none;margin:0;}
.ShareTools {display:none}
.Refresh {display:inline-block!important}
.ProjectWidth-2B {margin:auto;max-width:882px;width:auto;}
}
/* For sharing tools (etc) in tablets/desktops*/
@media only screen and (min-width: 1024px) {
.MenuWrap {background-color:transparent;max-width:100%;float:none;margin:0;}
.ShareTools {display:none}
.ProjectWidth-2B {margin:auto;max-width:882px;width:auto;} /* Shrinks ProjectWidth-2B to match ProjectWidth-2 so larger images don't look too big in (ipad landscape) */
}
@media only screen and (min-width: 1366px) {
.MenuWrap {background-color:transparent;max-width:80%;float:left;margin:0;}
.ShareTools {background-color:transparent;display:inline-block;float:right;width:auto;max-width:18%;padding:4px 0 0 0;margin:0!important;font-size:0;}
.ProjectWidth-2B {margin:auto;max-width:956px;width:auto;} /* Reinstates larger images for large desktops | image: max-width:940px (82%) (18px margins) */
}
@media only screen and (min-width : 285px) {
.Refresh {display:none}
}
/* MENUS - EXISTING*/
.Sticky {background-color:#212121;position: -webkit-sticky; position: sticky; top: 0; z-index:91} /* sticky menu bar addition*/
/*.Menu {background:url("picts/backgrounds/menu-background.jpg") repeat-x center bottom;background-color:#212121;margin:0 auto 0 auto;font-size:0;padding:0 0 4px 0}*/
.Menu {background-image:url("picts/backgrounds/menu-background-rainbow.png"), linear-gradient(90deg, rgba(210,72,61,1) 0%, rgba(205,93,52,1) 20%, rgba(240,151,69,1) 25%, rgba(247,162,51,1) 30%, rgba(251,187,11,1) 40%, rgba(137,172,39,1) 45%, rgba(62,128,39,1) 60%, rgba(0,120,188,1) 70%, rgba(0,87,188,1) 100%); background-repeat: repeat-x;background-position: center bottom; margin:0;font-size:0;padding:0 0 0px 0;min-height:34px;border-bottom:10px solid #fff}
.MenuContainer {width:100%;max-width:1200px; margin:auto;padding:0px 9px 12px 27px;box-sizing:border-box;}
.MenuWrap {margin:0 0}
.MenuMini {background-color:#cc0000;border-top:1px solid #666;font-size:0;margin:0 auto;padding:6px 0 0 0;max-width:1000px}
.Menu img {padding:0 0 3px 0!important;margin:0!important}
/* MAIN- new dropdown menu */
ul#css3menu1,ul#css3menu1 ul {margin:0;list-style:none;padding:0;background-color:transparent;border:none;}
ul#css3menu1 ul{background-image:url("picts/menu-paint.jpg");background-repeat:repeat-x;display:none;position:absolute;left:0;top:100%;background-color:#fff;border:1px solid #ccc;border-top:none;padding:30px 20px 30px 20px;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);border-radius:6px}
ul#css3menu1 li:hover>*{display:block;}
ul#css3menu1 li {position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu1 li:hover{z-index:1;}
ul#css3menu1 ul ul {background-image:url("picts/menu-paint.jpg");background-repeat:repeat-x;left:100%;top:0;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);border-radius:6px;border-top:1px solid #ccc;}
ul#css3menu1{font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;padding:0;
*display:inline;}
ul#css3menu1 ul ul ul{background-image:url("picts/menu-paint.jpg");background-repeat:repeat-x;left:100%;top:0;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);border-radius:6px;border-top:1px solid #ccc;}
ul#css3menu1{font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;padding:0;
*display:inline;}
* html ul#css3menu1 li a {display:inline-block;}
ul#css3menu1>li{margin:0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{outline-style:none;}
ul#css3menu1 a{display:block;vertical-align:middle;text-align:left;text-decoration:none;font:13px 'Lexend',arial,helvetica,sans-serif;color:#eee;cursor:pointer;padding:8px 20px 12px 0px;border-width:0px;border-style:none;font-weight:300}
ul#css3menu1 ul li{float:none;margin:2px 0 0;}
ul#css3menu1 ul a{ text-align:left;padding:3px 7px;background-color:transparent;border-width:1px;border-style:solid;border-color:transparent;color:#000;text-decoration:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{ border-style:none;color:#FFFFFF;}
ul#css3menu1 img{border:none;vertical-align:middle;margin-right:6px;}
ul#css3menu1 ul span{background-color:transparent;background-image:url(picts/arrowsub3.png);background-position:right center;background-repeat:no-repeat;display:block;padding-right:14px;}
ul#css3menu1 > li.switch{ display:none;cursor:pointer;width:25px;height:20px;padding:6px 12px 15px 12px;}
ul#css3menu1 > li.switch:before{content:"";position:absolute;display:block;height:4px;width:25px;border-radius:4px;background:#eee;-moz-box-shadow:0 8px #eee, 0 16px #eee;-webkit-box-shadow:0 8px #eee, 0 16px #eee;box-shadow:0 8px #eee, 0 16px #eee;}
ul#css3menu1 > li.switch:hover:before{background:#FFFFFF;-moz-box-shadow:0 8px #FFFFFF, 0 16px #FFFFFF;-webkit-box-shadow:0 8px #FFFFFF, 0 16px #FFFFFF;box-shadow:0 8px #FFFFFF, 0 16px #FFFFFF;}
.c3m-switch-input{ display:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li > a.pressed{border-style:none;color:#FFFFFF;text-decoration:none;}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li > a.pressed{background-color:#fff;border-style:solid;border-color:#74aa50;color:#74aa50;text-decoration:none;}
ul#css3menu1 li.topmenu>a{background-color:transparent;}
ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu > a.pressed{ background-color:#212121;}
ul#css3menu1 li.toproot>a{background-color:transparent;background-image:none;background-repeat:no-repeat;background-position:0 100%;}
ul#css3menu1 li.toproot:hover>a,ul#css3menu1 li.toproot > a.pressed{background-color:transparent;background-image:url(picts/triangle4.png);}
@media screen and (max-width: 767px) {
ul#css3menu1 > li {position: initial;}
ul#css3menu1 ul .submenu,ul#css3menu1 li > ul {left: 0; right:auto; top: 100%;}
ul#css3menu1 .submenu,ul#css3menu1 ul,ul#css3menu1 .column {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding-right: 0;width: 100% !important;}
}
@media screen and (max-width: 766px) {
ul#css3menu1 { width: 100%;}
ul#css3menu1 > li {display: none; position: relative; width: 100% !important;}
ul#css3menu1 > li.switch,.c3m-switch-input:checked + ul#css3menu1 > li + li {display: block;}
ul#css3menu1 > li.switch > label {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;}}
/* main menu top level Menu item - widths/heights (what's new, wallpaper,specifiers,diy/home have no set width)*/
.MenuH {height:16px;line-height:16px} /*menu items heights*/
.MenuH2 {height:16px;line-height:16px} /*menu item heights for mobile menu */
/* main menu sub menu height fixes*/
.TopM20 {top:-20px!important}
.TopM30 {top:-30px!important}
.TopM40 {top:-40px!important}
.TopM50 {top:-50px!important}
.TopM60 {top:-60px!important}
.TopM70 {top:-70px!important}
.TopM80 {top:-80px!important}
.TopM90 {top:-90px!important}
.TopM100 {top:-100px!important}
.TopM110 {top:-110px!important}
.TopM120 {top:-120px!important}
.TopM130 {top:-130px!important}
.TopM150 {top:-150px!important}
.TopM160 {top:-160px!important}
.TopM170 {top:-170px!important}
.TopM200 {top:-200px!important}
.TopM210 {top:-210px!important}
.TopM230 {top:-230px!important}
.TopM240 {top:-240px!important}
.TopM250 {top:-250px!important}
.TopM260 {top:-260px!important}
.TopM280 {top:-280px!important}
.TopM300 {top:-300px!important}
.TopM320 {top:-320px!important}
.TopM330 {top:-330px!important}
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/
/*MOBILE MENU*/
@media only screen and (min-width : 285px) {
.Mobi-menu-wrap{max-width:1000px;margin:auto}
.Plus {float:right;font-size:1.25em;}
.toggle, [id^=drop] {display: none;}
.toggle + a, .Mobi-Menu {display: none;}
.toggle, [id^=drop]:checked + ul {display: block;}
/* Toggle label styles */
.toggle {background-color: transparent;color:#FFF;display: block;font-size:1em;padding:8px 20px 7px 20px;text-decoration:none;}
.toggle:hover {background-color: #000;color:#fff;} li .toggle:hover {background-color: #01a049;color:#fff;}
.toggle:visited {background-color:transparent;}
nav {margin: 0; padding:0;background-color:#000;border-top:1px solid #595959;border-bottom:1px solid #595959;}
nav:after {content:"";display:table;clear:both;}
nav ul {padding:0;margin:0; list-style: none;position: relative;}
nav ul li {background-color:#4d4d4d; border-top:1px solid #808080; display: block;width: 100%;margin-bottom:0px!important}
nav ul ul li {display: block;position: relative;width: 100%;}
/*sale links*/
nav ul li.salemobi {background-color:#4d4d4d; border-top:1px solid #808080;display: block;font-family:JamesPaul,'Lexend',arial,helvetica,sans-serif;font-size:20px;font-weight:300!important;letter-spacing:1px;width: 100%;} /*red: #db2228, dark green:608c42*/
nav li.salemobi a:hover {background-color: #01a049;color:#fff;} /*sale - background hover / red: #ff3333*/
/* Hide Dropdowns */
nav ul ul {display: none;position: static;}
/* Link styles */
nav ul a {display:block;color:#fff!important;font-size:1em;padding:5px 20px;text-decoration:none;} /* link styles*/
nav a:hover {background-color: #a9a9a9;color:#fff;} /*hover effect on dropdowns - background*/
nav ul ul ul a:hover {background-color: #bebebe;color:#fff;} /*hover effect on 2nd tier dropdowns - background*/
nav ul ul li a:link, nav ul ul li a:visited {color:#019845!important;font-size:1em;padding:5px 20px;} /* 1st,2nd tier link style*/
nav ul ul li a:hover {color:#fff!important} /* 1st,2nd tier link hover */
nav ul li ul li .toggle {background-color: #f2f2f2;color:#019845;font-size:1em;padding:8px 20px;} /*2nd tier/child toggle - #dcdcdc*/
nav ul li ul li .toggle:hover {background-color: #f2f2f2;color:#019845;font-size:1em;padding:8px 20px;} /*2nd tier/child toggle hover - #a9a9a9, #fff*/
nav ul ul a {display:block;background-color: #f2f2f2;} /*first tier dropdown bk colour*/
nav ul ul ul a {display:block;background-color:#fff} /*second tier/child dropdown bk colour - f8f8f8*/
/* Hide menus on hover */
nav ul ul li:hover > ul,
nav ul li:hover > ul {display: none;}
/* Change ' +' in order to change the Dropdown symbol */
nav li > a:after { content: ' + '; font-size:1.25em}
nav li > a:only-child:after { content: ''; }
}
@media only screen and (min-width:835px /*769*/) {
.Mobi-menu-wrap {display: none;}
.Menu {display:block!important}
}
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/
@media only screen and (min-width: 285px) {
.Menu {display:none}
}
/*SUB MENUS*/
ul.NavSub {background-color:#fff;color:#333;font-size:12px;list-style-type:none;overflow: hidden;padding:0;margin: 0 auto 8px auto;text-align:center;max-width:100%; }
.NavSub li {background-color:#fff;border-bottom:1px solid #e0e0e0;float: left;margin:0 0 0 0}
.NavSub b {font-size:12px;font-weight:300}
.NavSub strong {font-size:12px;font-weight:300}
.NavSub a {border-bottom:none}
.NavSub a:link, .NavSub a:visited {color:#333;display:block;margin:0;padding:7px 0px 7px 3px;white-space:nowrap;}
.NavSub a:hover {color:#01a049}
.NavSub a:active {color:#74aa50;}
.NavSub a::after {color:#ccc;content: " | ";}
.NavSub a.category:link, .NavSub a.category:visited {color:#333;display:block;margin:0;padding:7px 0px 7px 3px;white-space:nowrap;cursor:default}
.NavSub a.category:hover, .NavSub a.category:active {color:#333!important}
ul.css3menu2,ul.css3menu2 ul{margin:0;list-style:none;padding:0;background-color:#eee;border:1px solid #ccc;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
ul.css3menu2 ul{display:none;position:absolute;left:0;top:100%;background-color:#eee;border:1px solid #ccc;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;padding:0 3px 3px;}
ul.css3menu2 li:hover>*{display:block;}
ul.css3menu2 li{position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
ul.css3menu2 li:hover{z-index:1;}
ul.css3menu2{font-size:0;z-index:222;position:relative;display:inline-block;zoom:1;padding:0;*display:inline;}
* html ul.css3menu2 li a{display:inline-block;}
ul.css3menu2>li{margin:0;}
ul.css3menu2 a:active, ul.css3menu2 a:focus{outline-style:none;}
ul.css3menu2 a{display:block;vertical-align:middle;text-align:left;text-decoration:none;font:16px 'Lexend',arial,helvetica,sans-serif;color:#333333;cursor:pointer;padding:8px 15px;background-color:transparent;background-repeat:repeat;}
ul.css3menu2 ul li{float:none;margin:3px 0 0;}
ul.css3menu2 ul a{text-align:left;padding:7px;background-color:#eee;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font:13px 'Lexend',arial,helvetica,sans-serif;color:#01a049;text-decoration:none;}
ul.css3menu2 li:hover>a,ul.css3menu2 li a.pressed{border-style:none;color:#333;text-decoration:none;}
ul.css3menu2 span{display:block;overflow:visible;background-image:url("picts/arrowmain.gif");background-position:right center;background-repeat:no-repeat;padding-right:28px;}
ul.css3menu2 ul li:hover>a,ul.css3menu2 ul li a.pressed{background-color:#eee;color:#74aa50;text-decoration:none;}
ul.css3menu2 li.topfirst>a{background-color:#eee;border-width:0 0 0 0;border-style:solid;border-color:#182634;-moz-border-radius:6px 0 0 6px;-webkit-border-radius:6px 0 0 6px;border-radius:6px 0 0 6px;}
ul.css3menu2 li.topfirst:hover>a,ul.css3menu2 li.topfirst a.pressed{background-color:#ccc;border-style:solid;border-color:#182634;}
ul.css3menu2 li.toplast>a{background-color:#eee;background-image:url("picts/arrowup2.gif");background-position:center center;background-repeat:no-repeat;border-width:0px;border-style:solid;border-color:#182634;-moz-border-radius:0 6px 6px 0;-webkit-border-radius:0 6px 6px 0;border-radius:0 6px 6px 0;}
ul.css3menu2 li.toplast:hover>a,ul.css3menu2 li.toplast a.pressed{background-color:#ccc;border-style:solid;border-color:#182634;}
/*For Second sub nav on page*/
ul.css3menu3,ul.css3menu3 ul{margin:0;list-style:none;padding:0;background-color:#eee;border:1px solid #ccc;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
ul.css3menu3 ul{display:none;position:absolute;left:0;top:100%;background-color:#eee;border:1px solid #ccc;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;padding:0 3px 3px;}
ul.css3menu3 li:hover>*{display:block;}
ul.css3menu3 li{position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
ul.css3menu3 li:hover{z-index:1;}
ul.css3menu3{font-size:0;z-index:111;position:relative;display:inline-block;zoom:1;padding:0;*display:inline;}
* html ul.css3menu3 li a{display:inline-block;}
ul.css3menu3>li{margin:0;}
ul.css3menu3 a:active, ul.css3menu3 a:focus{outline-style:none;}
ul.css3menu3 a{display:block;vertical-align:middle;text-align:left;text-decoration:none;font:16px 'Lexend',arial,helvetica,sans-serif;color:#333333;cursor:pointer;padding:8px 15px;background-color:transparent;background-repeat:repeat;}
ul.css3menu3 ul li{float:none;margin:3px 0 0;}
ul.css3menu3 ul a{text-align:left;padding:7px;background-color:#eee;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font:14px 'Lexend',arial,helvetica,sans-serif;color:#01a049;text-decoration:none;}
ul.css3menu3 li:hover>a,ul.css3menu3 li a.pressed{border-style:none;color:#333;text-decoration:none;}
ul.css3menu3 span{display:block;overflow:visible;background-image:url("picts/arrowmain.gif");background-position:right center;background-repeat:no-repeat;padding-right:28px;}
ul.css3menu3 ul li:hover>a,ul.css3menu3 ul li a.pressed{background-color:#eee;color:#74aa50;text-decoration:none;}
ul.css3menu3 li.topfirst>a{background-color:#eee;border-width:0 0 0 0;border-style:solid;border-color:#182634;-moz-border-radius:6px 0 0 6px;-webkit-border-radius:6px 0 0 6px;border-radius:6px 0 0 6px;}
ul.css3menu3 li.topfirst:hover>a,ul.css3menu3 li.topfirst a.pressed{background-color:#ccc;border-style:solid;border-color:#182634;}
ul.css3menu3 li.toplast>a{background-color:#eee;background-image:url("picts/arrowup2.gif");background-position:center center;background-repeat:no-repeat;border-width:0px;border-style:solid;border-color:#182634;-moz-border-radius:0 6px 6px 0;-webkit-border-radius:0 6px 6px 0;border-radius:0 6px 6px 0;}
ul.css3menu3 li.toplast:hover>a,ul.css3menu3 li.toplast a.pressed{background-color:#ccc;border-style:solid;border-color:#182634;}
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/
/*ADVANCED SEARCH OPTIONS*/
div.options{
display:none;
clear:both;
max-width:212px;
background-color: #404040;/*#505050*/
border:1px solid #000;border-bottom:2px solid #000;
border-radius:6px;
position:absolute;
z-index: 999999999999;
margin: 0px 0px 0px -5px; padding:10px 5px 0px 5px;
}
div.options > label > input {
visibility: hidden;
}
div.options > label {
display: block;
margin: 0 0 0 -10px;
padding: 5px 5px 15px 0;
height: 20px;
width: 212px;
font-size:13px; letter-spacing:normal;
color:#ffffff;
text-shadow:none;
}
div.options > label > img {
display: inline-block;
padding: 0px;
height:22px;
width:22px;
background: #eee;
float:right;
border:1px solid #ccc;
}
div.options > label > input:checked +img {
background: url('/picts/check-radio.jpg');
background-repeat: no-repeat;
background-position:center center;
background-size:30px 30px;
}
div.advanceoptions {
float:right;
width:28px;
height:28px;
padding-top: 0px;
cursor:pointer;
display: block;
margin-left: -28px;
z-index: 999999;
border:0px;
border-image-width:0px;
position:relative;
text-shadow: none;
background-color: transparent;
}
div.advanceoptions > span{
display: inline-block;
background: url('/picts/down-arrow-b.png');
background-repeat: no-repeat;
background-position:center center;
background-size:24px 24px;
height:28px;
width:28px;
border:0px;
border-image-width:0px;
text-shadow: none;
/*background-position-x: 1px;*/
}
.mobile-search{
display:none;
float:right !important;
margin-top: -33px !important;
z-index: 9999;
position: relative;
padding-right: 5px;
max-width:28px !important;
border-bottom:0px !important;
}
.search-icon{
display: inline-block;
background: url('/picts/magnifying-glass.png');
background-repeat: no-repeat;
background-position:center center;
background-size:28px 24px;
height:24px;
width:28px;
border:0px;
border-image-width:0px;
text-shadow: none;
}
.close-icon{
display: inline-block;
background: url('/picts/cross-icon.png');
background-repeat: no-repeat;
background-position:center center;
background-size:28px 24px;
height:24px;
width:28px;
border:0px;
border-image-width:0px;
text-shadow: none;
}
.SearchButton-Mobile{
padding-right:5px;
}
.Search-Mobile{
position:absolute;
margin-top:49px;
width:100%;
max-width:1000px;
padding-right:0px;
background-color:#000;/*303030, f99e1c, f9c013, 212121*/
z-index: 9999999;
border-bottom:1px solid #595959;border-top:1px solid #000;
height:40px;padding:5px 0px 12px 3px;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
}
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/
@media print {
* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; font-size:11px!important;filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: none; }
a[href]:after { content: ""; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: none; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img {max-width:100%!important;width:auto!important;height:auto!important}
.RHome img {width:auto; max-height:70px!important;border:10px solid #212121;box-sizing:border-box}
@page { margin: 1.0cm; }
p, h2, h3 { orphans: 3; widows: 3;} p.Center, p.Clear {orphans: 1!important; widows: 1!important;}
h2, h3 { page-break-after: avoid; }
h1 {display:inline;font-size:22px!important;font-family:'Lexend',arial,helvetica, sans-serif;font-weight:500}
.SubHead {font-size:18px!important;font-family:'Lexend',arial,helvetica, sans-serif;font-weight:300}
.Footertxt p.JP {font-family:JamesPaul,arial,helvetica, sans-serif!important;font-size:16px!important;}
h2 {font-size:16px!important;margin:30px 0 0 0}
h3 {font-size:14px!important;margin:30px 0 0 0}
p {font-size:11px} p.Clear, P.Center {clear:both!important;}
.TitleA, .TitleB {border-top:1px solid #ccc; border-bottom:1px solid #ccc;padding:6px 5px 6px 5px;display:inline-block;min-height:20px;max-width:96%}
.HighlightDot {background-color:#fff;border-bottom: 1px dotted #ccc;border-top: 1px dotted #ccc; padding:6px 6px!important;box-sizing:border-box}
.Menu, .MenuMini, .SubNav, .TLContainer, .FooterLinks, .FStores, .feedback-button img, .SocialWrapper, .fb-like, .ButtonG, .ButtonG2, .tab, .FooterBand, .FooterShares, .Mobi-menu-wrap, .Shield, .FooterSignUp, .FooterHero, .FooterHold, .FooterOrder {display:none!important}
.MainTable2, .MainTable2b {padding-top:20px;} .MainTable2 p.Center img, .MainTable2b p.Center img {max-width:70%!important;width:auto!important;height:auto!important}
p.Center img.PrintImg {max-width:100%!important;width:auto!important;height:auto!important;box-sizing:border-box!important}
.Right, .right, .RightTxt-DT, .RightTxt-D, .RightTxt-DC {text-align:right!important}
.Col-PadR {padding:0 8px 0 0} .Col-PadL {padding:0 0 0 8px} .Col-PadE {padding:8px 8px}
.FlexRowCB [class*="Col-"] {padding:0!important; margin:8px 1%;}
.FlexRowCB [class*="Col-"] p.Center img, [class*="RightBox"] p.Center img {max-width:100%!important}
[class*="Col-"], .Col-1, .Col-2, .Col-3,.Col-4, .Col-5, .Col-6, .Col-7, .Col-8, .Col-9, .Col-10, .Col-11, .Col-12, .Col-20P {float:left;padding:8px 1%!important}
.Col-1 {width: 6.33%;} .Col-2 {width: 14.66%;} .Col-3 {width: 23%;} .Col-4 {width: 31.33%;} .Col-5 {width: 39.66%;} .Col-6 {width: 48%;} .Col-7 {width: 56.33%;} .Col-8 {width: 64.66%;} .Col-9 {width: 73%;} .Col-10 {width: 81.33%;} .Col-11 {width: 89.66%;} .Col-12 {width: 98%;} .Col-20P {width:18%}
.Clear-T-Cols, .Clear-M-Cols {clear:none!important}
.two-thirds, .two-thirdsB {float:left!important;max-width:66%;width:66%!important;}
.three-quarters, .three-quartersB {float:left!important;max-width:75%;width:75%!important;padding-bottom:10px!important}
.one-half {float:left!important;max-width:50%;width:50%!important;}
.one-halfplus {float:left!important;max-width:54%;width:54%!important;}
.FirstPara-75, .FirstPara-75B {clear:left;max-width:75%;width:75%}
.FirstPara-66, .FirstPara-66B {clear:left;max-width:75%;width:75%}
.FirstPara-50 {clear:left;max-width:50%;width:50%}
.FirstPara-53 {clear:left;max-width:53%;width:53%}
.RightBox, .RightBoxB {float:right; margin-bottom:3px; padding:0 0 5px 1%; width:24%}
.RightBox-25, .RightBox-25B {float:right; margin-bottom:3px; padding:0 0 5px 1%; width:24%;}
.RightBox-44 {float:right; margin-bottom:3px; padding:0 0 5px 2%!important; width:44%!important;}
.RightBox-50 {float:right; margin-bottom:3px; padding:0 0 5px 1%!important; width:49%!important;}
/*.RightBox p:first-of-type, .RightBox-25 p:first-of-type, .RightBox-44, .RightBox-50 p:first-of-type {padding-top:0;margin-top:0}*/
.Row, .RowG, .HeaderBar {padding:0 1% 0 1%!important;width:98%!important;max-width:98%!important}
.Row-auto {display: -webkit-flex; display:flex; -webkit-justify-content: center;justify-content:center;max-width:100%;overflow:auto!important;}
.SwatchRow {display: -webkit-flex; display:flex;-webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center;justify-content:center;max-width:100%;overflow:auto!important;}
.SwatchRow div {padding:10px 5px;text-align:center;}
.SwatchRow img {border-radius:4px;height:60px!important;width:110px!important;max-width:100%!important;box-sizing:border-box}
.IconRow-4 {clear:both;margin:auto;max-width:100%;width:auto} /*4 icons across*/
.IconRow-4 div {padding:8px 5px 5px 5px;text-align:center}
.IconRow-4 img {height:auto;width:auto;max-width:100%}
.ProjectRow-4 {clear:both;max-width:100%;width:100%}
.Row-st {max-width:100%;margin:0;padding:0;}
.FlexRow, .FlexRowCB {display: -webkit-flex; display:flex;-webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center;justify-content:center; max-width:100%;margin:0;padding:0;overflow:auto;}
.ProjectWidth, .ProjectWidth-B, .ProjectWidth-2, .ProjectWidth-2B {max-width:90%;width:90%!important;margin:auto!important}
.ProjectWidth-3 {max-width:78.37%;width:78.37%!important;margin:auto!important;}
.PrintOnly {display:block}
.Footertxt {border-top:1px solid #ccc;margin-top:20px;float:none;width:100%} .Footertxt p {font-size:9px!important;} .HQ strong {font-size:10px!important}
table.Specs {border:1px solid #ccc;border-bottom:none;margin: auto;width:100%;display:table!important}
.Specs thead, .Specs tbody {display:table-header-group;}
.Specs thead tr {display:table-row;}
.Specs tr {border: none; display:table-row}
.Specs tr:nth-of-type(odd) {background-color:#fff;border: none; display:table-row}
.Specs th {background-color:#eee;border-bottom:1px solid #ccc;padding:6px 6px;text-align:left;vertical-align:top;display:table-cell}
.Specs td {border-bottom:1px solid #ccc;padding:6px 6px;text-align:left;vertical-align:top;display:table-cell}
.Specs td.Empty {display:table-cell}
.Specs td:before {display:none}
.Specs td.SpecsH, .Specs td.SpecsH2 {display:none}
.Specs .MHead {background-color:#fff!important;font-weight:300}
.Specs strong {font-size:14px}
.HideDesktop {display:none}
span.CaptionV {width:470px!important;max-width:70%!important;} span.Caption {width:856px!important;max-width:70%!important;} span.CaptionLG, span.CaptionXLG {width:856px!important;max-width:70%!important;}
.RImg {width:25%!important;max-width:150px;height:auto}
.video-wrap {width:70%;max-width:70%;padding:10px 10pc 30px 10px;box-sizing:border-box;border:1px dotted #ccc;margin:auto}
.video-wrap:before {content:"Video"}
.video-wrap iframe, .video-container object, .video-wrap embed {display:none}
}