@charset "utf-8";
@font-face {font-family:'droid_sansregular';  font-display:swap; src:url('fonts/DroidSans-webfont.eot'); src:url('fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/DroidSans-webfont.woff') format('woff'), url('fonts/DroidSans-webfont.ttf') format('truetype'), url('fonts/DroidSans-webfont.svg#droid_sansregular-disable') format('svg');font-weight:normal;font-style:normal;}
@font-face {font-family: 'droid_sansregular';  font-display:swap; src: url('fonts/DroidSans-Bold-webfont.eot'); src: url('fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/DroidSans-Bold-webfont.woff') format('woff'), url('fonts/DroidSans-Bold-webfont.ttf') format('truetype'), url('fonts/DroidSans-Bold-webfont.svg#droid_sansbold') format('svg');  font-weight: bold; font-style: normal;}
@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/dropcloth-black-tile.jpg) repeat-x center top;background-attachment: fixed; background-color:#dedede;color: #000;font-family:droid_sansregular,arial,helvetica,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size: 14px;line-height: 1.4;}
html.PlainBackground {background-image:none!important;background-color:#212121;color: #000;font-family:droid_sansregular,arial,helvetica,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size: 14px;line-height: 1.4;}
body{margin:0 0 60px 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:700}dfn{font-style:italic}h1{font-size:2em;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:700}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}
.Header {display:inline;font-size:30px;font-family:JamesPaul,arial,helvetica, sans-serif;font-weight:normal} /*same as H1*/
.SubHead {font-size:20px;font-family:JamesPaul,arial,helvetica, sans-serif;font-weight:normal}
.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:18px;margin-top:30px;} h2.MarginAdjust {font-size:18px;margin-top:18px}
h3 {font-size:16px;margin-top:30px} h3.MarginAdjust {font-size:16px;margin-top:16px}
h4 {font-size:14px;margin-top:30px} h4.MarginAdjust {font-size:14px;margin-top:14px}
p.MarginAdjust {margin-top:30px} 
	.MTopZero {margin-top:0px} /*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:16px;}
.small {font-size:12px}
.spacer {height:5px} 
img {height:auto;margin-bottom:5px;margin-top:5px;width:auto;max-width:100%;}
img.ImgCorner {-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%;padding:0 0 10px 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} 
[class*="RightBox"] p.PadFix:last-of-type, [class*="Col-"] p.PadFix, .PadFix {margin-bottom:0px!important} /*removes extra space around images in a p*/
/* 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}
/* 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 {margin-top:5px} /*reduces space between a row of images and a para below */
.Center {text-align:center!important} .Right {text-align:right!important} .Left {text-align:left!important} 
.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:#149749}
.NotBold {font-weight:normal!important}
.Highlight {background-color:#eee;border-bottom:1px solid #ccc;border-top:1px solid #ccc;padding:4px 8px;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}
.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:4px 8px;box-sizing:border-box}
.HighlightLG {background-color:#f8f8f8!important} /*used primarily with tech info... proselect/datasheets*/
.border {border:1px solid #ccc} .border-tb {border-bottom:1px solid #ccc;border-top:1px solid #ccc}
.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:bold} 
	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:bold} 
	.LetterList li span, .LetterList2 li span {font-family:droid_sansregular,arial,helvetica,sans-serif;font-weight:normal}
ol.BoldNos {font-weight:bold} ol.BoldNos span {font-weight:normal!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}
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}

/*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:#3366cc;} a:visited{color:#2952a3;} a:hover {color:#cc0000;} a:active {color:#ff0000;}
/*Black link opion*/
a.txtlink:link{color:#000;} 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;;color:#2952a3;} 
a {text-decoration:none}

/* STANDARD BUTTON */
a.ButtonG:link {background-color:#373535;-moz-border-radius:12px;border-radius:12px;color:#fff;display:inline-block;font-weight:bold;font-size:12px;padding:7px 14px;text-align:center;}
a.ButtonG:visited {background-color:#373535;-moz-border-radius:12px;border-radius:12px;color:#fff;display:inline-block;font-weight:bold;font-size:12px;padding:7px 14px;text-align:center;}
a.ButtonG:hover {background-color:#3366cc;}
a.ButtonG:active {background-color:#cc0000;}

/* 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 #ccc;border-bottom:none;padding: 2px 0 1px 8px;background: #eee;font-weight: bold;
line-height: 2;cursor: pointer;}
.tab-content {max-height: 0;overflow:hidden; background: #fff; border:1px solid #ccc;border-top:none;-webkit-transition: max-height .35s; transition: max-height .35s;}
.tab-content p {margin: 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);}
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/

/*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%}
p.TitleA { background: url('picts/brushstroke.jpg') no-repeat; background-size: 100% 100%;background-position:left;padding:10px 30px 1px 5px;display:inline-block;min-height:30px;max-width:96%}
/*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 #3366cc;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color:#3366cc;color:#fff;margin:2px 0px;cursor: pointer;outline:none;}
.SubmitG:active {border:1px solid #666;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color:#cc0000;color:#fff;margin:2px 0px;cursor: pointer;outline:none;}
/*Index pages*/
.IndexTitles {border-bottom:1px solid #999;font-size:15px;padding-bottom:6px}
/*Photo Captions*/
.Caption {background-color:#eee;color:#333;display:block;font-size:13px;margin:0 auto 18px auto;padding:5px 0.5%;width:740px;max-width:99%;text-align:left}
.CaptionLG {background-color:#eee;color:#333;display:block;font-size:13px;margin:auto;padding:5px 0.5%;width:856px;max-width:99%;text-align:left}
.CaptionV {background-color:#eee;color:#333;display:block;font-size:13px;margin:auto;padding:5px 0.5%;width:490px;max-width:99%;text-align:left}
.PhotoWidth {margin:auto!important;width:755px!important;max-width:100%!important;} .CaptionFont {font-size:13px}
.PhotoWidthLG {margin:auto!important;width:865px!important;max-width:100%!important;} 
.Caption a:link, .Caption a:visited, .CaptionLG a:link, .CaptionLG a:visited, .CaptionV a:link, .CaptionV a:visited {color:#2952a3;}
.Caption a:hover, .CaptionLG a:hover, .CaptionV a:hover {color:#3366cc;}
.Caption a:active, .CaptionLG a:active, .CaptionV a:active {color:#cc0000;}  
/*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: 0;
	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 <hr> tag to give a line. Hide for views required.*/
/*e.g. HabitatPlus-highlighting numbers*/
.Nos {font-size:20px; font-weight:bold;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} 
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/


/* MEDIA QUERY FOR MOBILE DEVICES*/
@media only screen and (min-width : 285px)  {
/*Header*/
.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;background-color:#fff;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;
    }	
.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 {background-color:#fff;padding:15px 15px;max-width:100%;width:100%;margin:auto;}
h1 {display:inline;font-size:24px;font-family:JamesPaul,arial,helvetica, sans-serif;font-weight:normal;line-height:1.2}	

/*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:30px 1.75% 50px 1.75%;}	
.ContactWrapper {background-image:none;background-color:#dedede;clear:both;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;}
	.FooterShares {width:auto;display:flex; -webkit-justify-content: center;justify-content:center}
	.LeftBoxF {float:left;padding:10px 10px;text-align:left;width:auto} .LeftBoxF img {margin-top:0px}
	.LeftBoxF3 {color:#000;font-size:12px;float:left;margin-top:-11px;padding:10px 10px;text-align:left;width:auto}
.FooterLinks a {display:inline-block!important;padding: 0 2px!important;margin:0!important}

/*Columns/Column Padding*/ 
.Col-M-1, .Col-M-2, .Col-M-3, .Col-M-5, .Col-M-7, .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-4 {float:left;padding:5px 1.75%; width:29.5%} .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, .RightBox-25, .RightBox-50, .RightBox-44 {float:none; max-width:100%;width:100%;} 
.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*/
.SubNav {margin-bottom:16px;padding:0 1.75%} /*Container for Sub Nav*/
.FlexRow {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;}
.Row-st, .two-thirds, .three-quarters, .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-66, .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*/

	
/*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 {max-height:66px;max-width:100%;width:107px;height:66px}

/*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%}
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:bold!important;font-size:16px}
.Specs td.SpecsH2  {border-bottom:1px solid #ccc;border-top:2px solid #ccc;background-color:#ddd;font-weight:bold!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:bold!important;}
.Specs .MHead {background-color:#eee!important;font-weight:bold}
/*.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 #ccc;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;font-size:16px; margin:2px 0px 10px 0px;padding:4px 10px;width:auto;}
.HighlightM, .HighlightMT {background-color:#f8f8f8; border-bottom:1px dotted #ccc; border-top:1px dotted #ccc;padding:10px 0 13px 0}
/*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:bold;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:bold;font-size:12px;padding:7px 14px;margin:5px 3px 5px 0px;text-align:center;}
a.ButtonG2:hover {background-color:#3366cc;}
a.ButtonG2:active {background-color:#cc0000;}
/*ROOM FOR IMPROVMENT*/
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  {text-align:center} 


/*FORM*/
.FormWrap {max-width:90%;width:470px;margin:auto} /*for ask us/feedback form popups*/	
.FormStyle {background-color:#eee;border:1px solid #ccc;box-sizing:border-box;padding:10px 3% 10px 3%;text-align:left;width:100%;margin:auto}
	.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;font-size:16px;padding:6px 3%;width:94%}
.FormStyle select {font-size:16px} .FormStyle option {font-size:16px}
.Submit {border:1px solid #999;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color:#ddd;color:#3366cc;font-size:16px;padding:10px;cursor: pointer;outline:none;}
.Submit:hover {border:1px solid #999;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color:#ccc;color:#cc0000;cursor: pointer;outline:none;}
.Submit:active {border:1px solid #999;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color:#cc0000;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 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 {max-width:100%;padding:30px 12px 20px 12px;width:inherit} 
h1 {display:inline;font-size:30px;font-family:JamesPaul,arial,helvetica, sans-serif;font-weight:normal;line-height:1.2}

/*Footer*/
.ContactWrapper {max-width:1060px;width:inherit} 

/*Columns/Column Padding*/ 
.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; 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*/
.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;max-width:90%;width:90%}
.IconRow-4 img {height:auto;width:auto;max-width:100%}
	
/*Search Inputs and Submit - for specific sections*/
.SearchBoxG {background-color:#f8f8f8;border:1px solid #ccc;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;font-size:16px; margin:2px 0px 2px 0px;padding:4px 10px;width:40%;min-width:120px}
.HighlightM {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:bold;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:bold;font-size:12px;padding:7px 14px;margin:0 0px 5px 0px;text-align:center;}
a.ButtonG2:hover {background-color:#3366cc;}
a.ButtonG2:active {background-color:#cc0000;}
/*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 {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 TABLETS */
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/
	
/* MEDIA QUERY FOR DESKTOPS AND LAPTOPS (min-width:1025px-previous) */
@media only screen and (min-width:768px) {
/* Header - top links, Sharing and Follow Tools */
.HeaderBar, .HeaderBar2  {background-color:#212121;max-width:1060px;width:auto;}
.HeaderBarKW2 {max-width:1060px;width:auto}
.RHome {box-sizing:border-box;float:left;height:auto;padding:15px 5px 15px 15px;text-align:left;width:25%} 
.RHomeTCA {box-sizing:border-box;float:left;height:auto;padding:5px 5px 5px 20px;width:24%}
.RHomeCurtain {box-sizing:border-box;float:left;height:auto;padding:0px 5px 0px 0px;width:34.5%}
.TLContainer {box-sizing:border-box;float:right;text-shadow:1px 1px #000;width:auto;max-width:75%}	
.TopLinks {color:#808080;box-sizing:border-box;font-size:12px;float:right;padding:15px 10px 0px 0px;text-align:right;white-space:normal;width:auto}
	.TopLinks a:link {color:#eee;padding:0px 2px 0px 2px}
	.TopLinks a:visited {color:#eee;padding:0px 2px 0px 2px}
	.TopLinks a:hover {color:#3366cc}
	.TopLinks a:active {color:#cc0000}
	.TopLinks img {position: relative; top: 0px;background-color:transparent;padding: 0 0 0 5px;}

.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:15px 5px 1px 0px;text-align:right;width:auto} /*AddThis sharing*/
.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:0 5px 0 0}
.SField, .SFieldB {background-color:#eee;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;border:1px solid #ccc;font-size:14px;height:24px;margin:0 0 5px 0;padding:2px 28px 2px 2px;width:171px}

	
/*Main Content Window*/
.HPWrapper {max-width:1060px;margin:0 auto;padding:0 0 0 0}
.MainTable2 {max-width:1060px;padding:35px 40px 20px 40px;width:inherit;-webkit-border-top-left-radius: 6px;-webkit-border-top-right-radius: 6px;-moz-border-radius-topleft: 6px;-moz-border-radius-topright: 6px;border-top-left-radius: 6px;border-top-right-radius: 6px} 
	
/*Footer*/
.ContactWrapper {max-width:1060px;width:auto;padding:10px 30px}

/*Columns/Column Padding*/ 
.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 {float:right; padding:0 0 5px 2%; width:32%}  .RightBox-25 {float:right; padding:0 0 5px 2%; width:23.5%;} 
.RightBox-44 {float:right; padding:0 0 5px 2%; width:44.1%;}	.RightBox-50 {float:right; 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*/
.SubNav {margin-bottom:16px;padding:0 1% 0 1%;}
.two-thirds {float:left;width:66%;} .three-quarters {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 {clear:left;max-width:74.5%;width:74.5%}
.FirstPara-66 {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;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:90%;width:90%} /*4 icons across*/
	.ProjectWidth, .ProjectWidth-B {display: -webkit-flex; display:flex; -webkit-justify-content: center;justify-content:center;margin:auto;max-width:90%;width:90%}
	.ProjectWidth-2 {margin:auto;max-width:90%;width:90%} /* 90% width in desktop, doesn't add flex centering */
	 .ProjectWidth-3 {margin:auto;max-width:78.37%;width:78.37%}

/*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:normal}
/*.Specs strong {font-size:14px}*/
	
/*Search Inputs and Submit - for specific sections*/
.HighlightMT {background-color:#fff; border:none;padding:0} /*Hides Mobile Highlight*/
.SearchBoxG {background-color:#f8f8f8;border:1px solid #ccc;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;font-size:16px; margin:2px 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 */

/*Forms*/
.FormStyle {margin:auto;padding:10px 3% 10px 3%;text-align:left;width:100%;}

/*Hide/Show*/
.HideRTablet {display:block} .HideDesktop {display:none}
}
/* End Media Query for DESKTOPS and LAPTOPS*/
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/

/*Hide for Tablet Portrait View  - for sharing tools in header*/
@media only screen and (max-width : 1079px) {
.HideTPort {display:none}	
}
/*Show for Tablet landscape View - for sharing tools in header */
@media only screen and (min-width : 1080px) {
.HideTPort {display:block}	
}
/* End header sharing tool fix*/
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/

/* MENUS - EXISTING*/
.Sticky {background-color:#212121;position: -webkit-sticky;  position: sticky;  top: 0; z-index:5} /* sticky menu bar addition*/
.Menu {background-color:#212121;margin:0 auto 0 auto;font-size:0;padding:3px 0 0 0;width:100%;max-width:1060px;}
.MenuMini {background-color:#000;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}
.MenuWrap {background-color:transparent;float:none;max-width:80%} .ShareTools {background-color:transparent;float:right;width:auto;max-width:18%;font-size:0}

/* MAIN- new dropdown menu */
ul#css3menu1,ul#css3menu1 ul{margin:0;list-style:none;padding:0;background-color:transparent;border:none;}
ul#css3menu1 ul{display:none;position:absolute;left:0;top:100%;background-color:#ddd;border:1px solid #333;border-top:none;padding:8px 8px 8px 8px;}
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{position:absolute;left:100%;top:0;-moz-box-shadow:0px 0px 1px #ccc;-webkit-box-shadow:0px 0px 1px #ccc;box-shadow:0px 0px 1px #ccc;border-top:1px solid #333}
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:12px droid_sansregular,arial,helvetica,sans-serif;color:#eee;cursor:pointer;padding:6px 10px 12px 10px;border-width:0px;border-style:none;}
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/arrowsub.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:#eee;border-style:solid;border-color:#333;color:#000;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:#000;}
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:#000;background-image:url(picts/triangle.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}
.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}
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/


/*MOBILE MENU*/
ul#css3menu4{	margin:0;list-style:none;padding:0;background-color:#000;font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;
*display:inline;}
ul#css3menu4 li{display:block;white-space:nowrap;font-size:0;float:left;}
* html ul#css3menu4 li a{	display:inline-block;}
ul#css3menu4>li{margin:0;border-bottom:1px solid #000}
ul#css3menu4 a:active, ul#css3menu4 a:focus{outline-style:none;}
ul#css3menu4 a{display:block;vertical-align:middle;text-align:left;text-decoration:none;font:14px droid_sansregular,arial,helvetica,sans-serif;color:#eee;cursor:pointer;padding:8px 15px}
ul#css3menu4 li:hover>a,ul#css3menu4 li a.pressed{	border-style:none;color:#eee;}
ul#css3menu4 > li.switch{	display:none;cursor:pointer;width:25px;height:20px;padding:8px 1% 8px 3%;max-width:96%}
ul#css3menu4 > 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#css3menu4 > li.switch:hover:before{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;}
.c3m-switch-input{	display:none;}
ul#css3menu4 li:hover>a,ul#css3menu4 li > a.pressed{border-style:none;color:#eee;text-decoration:none;}
ul#css3menu4 li.topmenu>a{background-color:#666;}
ul#css3menu4 li.topmenu:hover>a,ul#css3menu4 li.topmenu > a.pressed{	background-color:#666;}
@media screen and (max-width: 768px) {
	ul#css3menu4 > li {position: initial;}
	ul#css3menu4 ul .submenu,ul#css3menu4 li > ul {left: 0; right:auto; top: 100%;}
	ul#css3menu4 .submenu,ul#css3menu4 ul,ul#css3menu4 .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: 767px) {
	ul#css3menu4 {	width: 100%;}
	ul#css3menu4 > li {display: none;		position: relative;		width: 100% !important;}
	ul#css3menu4 > li.switch,.c3m-switch-input:checked + ul#css3menu4 > li + li {display: block;}
	ul#css3menu4 > li.switch > label {		position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;}
    .mobile-search{
        display:block !important;
    }
}
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/


/*SUB MENUS*/
ul.NavSub {background-color:#eee;border:1px solid #ccc;color:#333;font-size:12px;list-style-type:none;overflow: hidden;padding:0;margin: 0 auto;text-align:center;max-width:100%; }
.NavSub li {border-top:1px solid #ccc;background-color:#eee;float: left;margin:0 0 0 0} .NavSub b {font-size:12px;font-weight:normal} .NavSub strong {font-size:12px;font-weight:normal}
.NavSub a:link {border-bottom:1px solid #ccc;border-right:1px solid #ccc;background-color:#eee;color:#333;display:block;margin:0;padding:7px 7px;white-space:nowrap;}
.NavSub a:visited {border-bottom:1px solid #ccc;border-right:1px solid #ccc;background-color:#eee;color:#333;display:block;margin:0;padding:7px 7px;white-space:nowrap;}
.NavSub a:hover {background-color:#eee;color:#3366cc;display:block;margin:0;padding:7px 7px;white-space:nowrap}
.NavSub a:active {background-color:#eee;color:#ff0000;display:block;margin:0;padding:7px 7px;white-space:nowrap}

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 droid_sansregular,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:14px droid_sansregular,arial,helvetica,sans-serif;color:#3366cc;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:#cc3333;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 droid_sansregular,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 droid_sansregular,arial,helvetica,sans-serif;color:#3366cc;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:#cc3333;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:207px;
    /*background-color: #ffffff;*/
    background-color: #000000;
    position:absolute;
    z-index: 999999999999;
    margin-left: 0px;
	}
div.options > label > input {
    visibility: hidden;
}

div.options > label {
    display: block;
    margin: 0 0 0 -10px;
    padding: 5px 5px 20px 5px;
    height: 20px;
    width: 207px;
    font-size:14px;
    /*color:#000000;*/
    color:#ffffff;
    text-shadow:none;
}

div.options > label > img {
    display: inline-block;
    padding: 0px;
    height:30px;
    width:30px;
    background: none;
    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:43px;
    width:100%;
    max-width:1000px;
	padding-top:5px;
	padding-left:0px;
	padding-right:0px;
    background-color:rgb(0, 0, 0);
    z-index: 9999999;
    border-top:1px solid #666;
    height:58px;
}
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/


@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}
  @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:24px!important;font-family:JamesPaul,arial,helvetica, sans-serif;font-weight:normal}
.SubHead {font-size:18px!important;font-family:JamesPaul,arial,helvetica, sans-serif;font-weight:normal}
.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 {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  {display:none!important}	
.MainTable2 {padding-top:20px;} .MainTable2 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, .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}
[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 {float:left!important;max-width:66%;width:66%!important;} 
.three-quarters {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 {clear:left;max-width:75%;width:75%}
.FirstPara-66 {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 {float:right; padding:0 0 5px 1%; width:24%} 
	.RightBox-25 {float:right; padding:0 0 5px 1%; width:24%;}
	.RightBox-44 {float:right; padding:0 0 5px 2%!important; width:44%!important;}
	.RightBox-50 {float:right; 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, .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 {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 {clear:both;max-width:100%;margin:0;padding:0;width:100%;}
.FlexRow {clear:both;display: -webkit-flex; display:flex;-webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center;justify-content:center; max-width:100%;width:100%;margin:0;padding:0;overflow:auto;}
.ProjectWidth, .ProjectWidth-B, .ProjectWidth-2 {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:normal}
.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 {width:856px!important;max-width:70%px!important;}
.RImg {width:25%!important;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}
}