@charset "utf-8";
@font-face {font-family:'droid_sansregular'; 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'; 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';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');}

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;}
body {margin:0 0 60px 0}

body.PureWhite {background:#fff;background-image:none;margin:0 0 60px 0}
.PureWhite table.center {max-width:360px;width:100%} .PureWhite p.center img {height:auto;max-width:100%;width:auto}
body.white{background:#fff;background-image:none;margin:0px 0px 60px 0px;}
body.ezypaint {background:#333 url(picts/background-black.jpg) repeat-x;color:#000000;margin:0 0 60px 0}
body.curtains {margin:0px 0px 60px 0px;}
body.wallpaperc {margin:0 0 60px 0}

/*! 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;}
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/

/* HEADERS */
table.HeaderMain {margin:auto;width:1000px}
.HeaderMain td.HeaderMainL {width:651px}
.HeaderMain td.HeaderMainM {text-align:right;vertical-align:top;width:234px;}
.HeaderMain td.HeaderMainR {width:115px}
.swatchtitles {font-size:14px;font-weight:bold;}

/* new header */
.HeaderBar, .HeaderBar2  {background-color:#212121;max-width:1060px;width:auto;margin:auto;height:106px}
.HeaderBarKW2 {max-width:1060px;width:auto;margin:auto}
.HeaderBar img, .HeaderBar2 img, .HeaderBarKW2 img {padding:0!important;margin:0}	
.ShareBox2 {color:#fff;float:right;height:auto;margin:0 0 0 0;padding:0px 5px 1px 0px;text-align:right;width:auto} /*AddThis sharing*/
.SFieldBox {float:right;margin:6px 5px 12px 0;max-width:242px}
.SearchButton {float:right;height:24px;padding-left:5px;margin:10px 0 0 0;width:28px;}
.Search {width:auto;margin:0;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}
.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;margin:0;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:0 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;}

.Menu {background-color:#212121!important;margin:0 auto 0 auto;font-size:0;padding:0 0 0 0;width:100%;max-width:1060px;}
.MenuMini {background-color:#212121;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%;padding:0;margin:0;margin-top:4px;font-size:0;} 
.ShareTools {background-color:transparent;float:right;width:auto;max-width:18%;padding:0;margin:0;font-size:0}
.Sticky {background-color:#212121!important;position: -webkit-sticky;  position: sticky;  top: 0; z-index:5}
.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}

/*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}

/*Forms and input styling*/
#contact td input[type=text],
#contact td input[type=number],
#contact td input[type=email],
#contact td input[type=tel]{width:227px;border:1px inset #ccc;background-color:#fff;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance:none;margin:0;}
input:required:invalid, input:focus:invalid {
    border:1px inset #F08080;
    background:#fed7da;
}
/* IMAGES */
img.left {float:left;padding:0 2% 10px 0;border:0px;max-width:31%}
img.right {float:right;padding:0 0 10px 2%;border:0px;max-width:31%}
img.rightpadding {float:right;padding:0 0 20px 2%;border:0px;max-width:31%}
img.rightNoPadding {float:right;padding:0 0 0 2%;border:0px;max-width:31%}
img {border:0px;height:auto;max-width:100%;}

code {font-weight:normal;font-size:14px;}

/*General Buttons*/
.ButtonWrap {margin:0px auto 10px auto;max-width:220px} .ButtonAdjust {margin-bottom:10px!important}

a.ButtonG:link, a.ButtonG:visited  {background-color:#373535;-moz-border-radius:12px;border-radius:12px;color:#fff;display:inline-block;font-weight:bold;font-size:12px;min-width:110px;padding:7px 10px 7px 10px;text-align:center;}
a.ButtonG:hover {background-color:#3366cc}
a.ButtonG:active {background-color:#cc0000}

a.ButtonZ:link {background-color:#373535;-moz-border-radius:12px;border-radius:12px;color:#fff;display:inline-block;font-weight:bold;font-size:10px;min-width:110px;padding:6px 1.3% 6px 1.3%;text-align:center;white-space:nowrap}
a.ButtonZ:visited {background-color:#373535;-moz-border-radius:12px;border-radius:12px;color:#fff;display:inline-block;font-weight:bold;font-size:10px;min-width:110px;padding:6px 1.3% 6px 1.3%;text-align:center;white-space:nowrap}
a.ButtonZ:hover {background-color:#3366cc;-moz-border-radius:12px;border-radius:12px;color:#fff;display:inline-block;font-weight:bold;font-size:10px;min-width:110px;padding:6px 1.3% 6px 1.3%;text-align:center;white-space:nowrap}
a.ButtonZ:active {background-color:#cc0000;-moz-border-radius:12px;border-radius:12px;color:#fff;display:inline-block;font-weight:bold;font-size:10px;min-width:110px;padding:6px 1.3% 6px 1.3%;text-align:center;white-space:nowrap}

a.ButtonBuy:link, a.ButtonBuy:visited  {background-color:#149749;-moz-border-radius:4px;border-radius:4px;color:#fff;display:inline-block;font-weight:bold;font-size:12px;padding:3px 6px 3px 6px;text-align:center;white-space:nowrap}
a.ButtonBuy:hover {background-color:#3366cc;-moz-border-radius:4px;border-radius:4px;color:#fff;display:inline-block;font-weight:bold;font-size:12px;padding:3px 6px 3px 6px;text-align:center;}
a.ButtonBuy:active {background-color:#993333;-moz-border-radius:4px;border-radius:4px;color:#fff;display:inline-block;font-weight:bold;font-size:12px;padding:3px 6px 3px 6px;text-align:center;}

/* GENERAL LINKS */
a:link{color:#3366cc;} a:visited{color:#2952a3;} a:hover {color:#cc0000;} a:active {color:#ff0000;} 

/* FOOTER LINKS */
a.white:link{color:#fff;padding:2px} a.white:visited{color:#fff;padding:2px}  a.white:hover{background:#666666;padding:2px}
a.greylink:link{color:#666666;} a.greylink:visited{color:#666666;}  a.greylink:hover{color:#cc0000;}
/* FOOTER - CELL THAT CONTAINS LINKS */
.whitefooter {font-size:10px;color:#eeeeee;white-space:nowrap;padding:3px 2px 3px 2px}

/* CONTACT DETAILS TABLE*/
.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;border-bottom:1px solid #dedede;padding:30px 0 70px 0!important;text-align:center;}		
.ContactWrapper {background-image:none;clear:both;color:#000;font-size:12px;padding:10px 15px;max-width:1060px;width:inherit;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;margin:auto-webkit-flex; 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}
	.LeftBoxF2 {color:#000;font-size:12px;float:left;padding:10px 4px;text-align:left;width:auto} 
	.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}

/* CLICKABLE PHONE LINKS Black text */
a.blacklink:link{color:#000000;} a.blacklink:visited{color:#000000;} a.blacklink:hover{color:#cc0000;}
/* NOT SURE LINKS */
a.whitefooter:link{color:#fff;padding:3px}  a.whitefooter:visited{color:#fff;padding:3px}  a.whitefooter:hover{background:#666666;padding:3px}
/* NO DROPDOWN HEADER LINKS - FOR CLEARFIELD PAGES */
a.white2:link{color:#fff;} a.white2:visited{color:#fff;} a.white2:hover{color:#333333;}
/* NO DROPDOWN HEADER - CELLS FOR LINKS */
.bordernav {text-align:center;color:#fff;border:1px solid #eeeeee;background:#999999;white-space:nowrap}
.bordernav2 {text-align:center;font-size:12px;color:#fff;border:1px solid #eeeeee;background:#878787;white-space:nowrap}

/* MAKES LINKS HAVE NO UNDERLINE */
a { text-decoration:none;}

/* HIGHLIGHTING TEXT */
.highlight     {background-color:#cccccc;color:#fff;}
.highlightlight     {color:#000000;background-color:#eeeeee;padding:2px}
.highlightborder {padding:3px;background-color:#cccccc;border:thin solid #999999;font-weight:bold;font-size:18px}
.highlightborderpad {padding:3px 20px 3px 20px;background-color:#cccccc;font-weight:bold;font-size:18px}
.HighlightTopBot {padding:4px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-weight:bold;font-size:18px}
.HighlightTopBot2 {padding:4px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#eeeeee;font-weight:bold;font-size:15px}
.HighlightTopBot3 {padding:4px 20px 4px 20px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#eeeeee;font-weight:bold;font-size:15px}
.HighlightBlk {background-color:#222428;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0px 0px 5px 0px #ccc;-moz-box-shadow:0px 0px 5px 0px #ccc;box-shadow:0px 0px 5px 0px #ccc;color:#eee;padding:5px 10px;}

div {font-size:14px;line-height:140%}
p {font-size:14px;line-height:140%}
h1 {display:inline;font-family:JamesPaul,arial,helvetica,sans-serif;font-size:30px;font-weight:normal;padding:0px;margin:0;line-height:120%}
h1.center {display:inline;font-family:JamesPaul,arial,helvetica,sans-serif;font-size:30px;font-weight:normal;padding:0px;margin:0px;text-align:center}
h2 {font-size:18px;display:inline}
h2.ST {display:inline-block;font-size:18px;margin:15px 0px 0px 0px;}
.JP {display:inline-block;font-family:JamesPaul,arial,helvetica,sans-serif;font-size:24px;font-weight:normal;margin:15px 0px 0px 0px;}
.JP18 {display:inline-block;font-family:JamesPaul,arial,helvetica,sans-serif;font-size:18px;font-weight:normal;margin:15px 0px 0px 0px;}
.JPMed {display:inline-block;font-family:JamesPaul,arial,helvetica,sans-serif;font-size:26px;font-weight:normal;margin:15px 0px 0px 0px;}
h3 {font-size:14px;display:inline}
.header {display:inline;font-family:JamesPaul,arial,helvetica,sans-serif;font-size:30px;font-weight:normal;padding:0px;margin:0px}
.headerc {display:inline;font-family:JamesPaul,arial,helvetica,sans-serif;font-size:30px;font-weight:normal;padding:0px;margin:0px;text-align:center}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}

/* RWD begin */
p b {font-size:15px} p strong {font-size:15px}
td b {font-size:15px} td strong {font-size:15px}
ul b {font-size:15px} ul strong {font-size:15px}
.small b {font-size:12px} .small strong {font-size:12px}
.smallc b {font-size:12px;} .smallc strong {font-size:12px;}
.smallcenter b {font-size:12px;} .smallcenter strong {font-size:12px;}
h1 b {font-size:30px} h1 strong {font-size:30px}
h2 b {font-size:18px} h2 strong {font-size:18px}
h2.ST b {font-size:18px} h2.ST strong {font-size:18px}
.header b {display:inline;font-family:JamesPaul,arial,helvetica,sans-serif;font-size:30px;font-weight:normal;padding:0px;margin:0px}
.header strong {display:inline;font-family:JamesPaul,arial,helvetica,sans-serif;font-size:30px;font-weight:normal;padding:0px;margin:0px}
.ButtonCM b {font-size:12px} .ButtonCM strong {font-size:12px}
/* RWD end */

/* TEXT COLOURS */
.red {color:#cc0000;}
.white {color:#fff;} .WhiteTxt {color:#fff}
.yellow {color:#cc9900;}
.teal {color:#339999;}
.grey {color:#999999;}
.greymid {color:#666666;}
.greydark {color:#333333;}
.green {color:#006600}

/* GENERAL FORMATING */
.small {font-size:12px;color:#000000;}
.smallc {font-size:12px;color:#000000;text-align:center;}
.smallcenter {font-size:12px;color:#000000;text-align:center;}
.smallright {font-size:12px;text-align:right;}
.ten {font-size:12px;color:#000000;}
.tenc {font-size:12px;text-align:center}
.eleven {font-size:12px;color:#000000;}
.elevenc {font-size:12px;text-align:center;}
.twelve {font-size:12px;}
.twelvec {font-size:12px;text-align:center;}
.fourteen {font-size:14px;color:#000000;}
.fourteenc {font-size:14px;text-align:center;}
.sixteen {font-size:18px;color:#000000;}
.sixteenc {font-size:18px;text-align:center;}
.large {font-size:18px} .largetxt {font-size:16px}

.nowrap {white-space:nowrap}
.bold {font-weight:bold}
.NotBold {font-weight:normal}
.right {text-align:right;}
.RightFloat {float:right;max-width:31%;padding:0 0 5px 2em}
.LeftFloat {float:left;}
.center {text-align:center} .Center {text-align:center}
.left {text-align:left}
.inline {display:inline}
p.inline {display:inline}
.centerinline {display:inline;text-align:center}
.FloatStop {clear:both;width:1px;height:1px;}
.FloatStopR {clear:right;width:1px;height:1px;} .FloatStopL {clear:left;width:1px;height:1px;}
.HPSearch {font-size:11px;margin:auto;padding:10px 0px 5px 0px;text-align:center;width:85%}
.HPSearch2 {font-size:11px;padding:10px 0px 5px 0px;text-align:left;width:100%} .HPSearch2 p strong {font-size:14px!important}
.Hide {display:none}
iframe {display:block;margin:0 auto;}
.scroll {overflow-x:auto;max-width:100%;width:auto}

.RightBox {float:right;padding:0px 0px 10px 20px;text-align:center;max-width:200px;width:31% !important;} .RightBox img {padding-bottom:5px;height:auto;max-width:100%;width:auto;}
.RightBoxL {float:right;padding:0px 0px 10px 20px;text-align:left;max-width:200px;width:31% !important;} .RightBoxL img {padding-bottom:5px;height:auto;max-width:100%;width:auto;}
.RightBoxText {float:right;padding:0px 0px 0px 10px;max-width:100%;width:697px}
.RightBox2 {float:right;padding:14px 0px 0px 20px;max-width:306px;width:33%;text-align:center !important;} .RightBox2 img {padding-bottom:5px; height:auto; max-width:100%}
.RightBox3 {float:right;padding:0px 0px 10px 20px;max-width:280px;width:30%;text-align:center !important;box-sizing:border-box} .RightBox3 img {padding-bottom:5px; height:auto; max-width:100%}
.RightBox4 {float:right;padding:0px 0px 10px 20px;max-width:300px;width:32%;text-align:center !important;box-sizing:border-box} .RightBox4 img {padding-bottom:5px; height:auto; max-width:100%}
.RightBox4L {float:right;padding:0px 0px 10px 2%;max-width:300px;width:32%;text-align:left !important;} .RightBox4L img {padding-bottom:5px; height:auto; max-width:100%}
.RightBox5 {float:right;padding:0px 0px 10px 20px;max-width:320px;width:34%;text-align:center !important;} .RightBox5 img {padding-bottom:10px; height:auto; max-width:100%}
.RightBox6 {float:right;padding:0px 0px 10px 20px;text-align:center;max-width:160px;width:31% !important;} .RightBox img {padding-bottom:5px;height:auto;max-width:100%;width:auto;}
.RightBoxProds {float:right;margin-top:100px;margin-right:100px;padding:0px 0px 10px 10px;max-width:270px; text-align:left;width:29% !important;}
.RightBoxNP {float:right;padding:0px 0px 0px 20px; max-width:200px;width:31%; text-align:center !important;}
.LeftBox {float:left;padding:0 2% 0 0;text-align:center;max-width:200px;width:31% !important;} .LeftBox img {padding-bottom:5px;height:auto;max-width:100%;width:auto;}
.LeftBox p {display:inline}
.LeftBoxT {float:left;padding:0px 10px 10px 0px;max-width:200px;width:31%; text-align:center !important;} .LeftBoxT img {padding-bottom:5px; height:auto; max-width:100%}

/* Search boxes */
.SearchSWrap {clear:left;float:none;font-size:14px!important;margin-bottom:15px;max-width:100%;width:inherit;padding:10px 10px 10px 0px;border:0px solid #cccccc;}
.SearchSWrap2 {background-color:#f8f8f8;border:0px solid #999;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;margin-bottom:20px;padding:10px;max-width:580px;width:auto}
.SearchTitle {background:#f8f8f8;border-bottom:1px dotted #ccc;border-top:1px dotted #ccc;color:#333;font-size:14px;font-weight:bold;margin-bottom:10px;padding:5px;max-width:100%}
.SearchTitle2 {border-bottom:1px solid #999;font-size:16px; font-weight:bold;padding:0px;margin-bottom:10px}
.SearchSWrap input {margin-bottom: 8px}
.TxtSize {font-size:2em}

table.alpha {border-collapse:collapse;border-spacing:0px;width:100%}
.alpha td {border-bottom:1px solid #cccccc;border-top:1px solid #cccccc;padding:3px 5px}

/* UNIQUE TAGS*/
.searchbackground {background-image:url(swatches/images/search-titles.jpg);background-position:left;background-repeat:repeat-y;border-bottom:1px solid #999999;color:#fff;font-weight:bold;white-space:nowrap}
.searchshadow {background-image:url(swatches/images/background_search_shadow.jpg);background-repeat:no-repeat}

/* BORDERS */
.BorderBottomPale {border-bottom:1px solid #cccccc} .BorderBotPad {border-bottom:1px solid #ccc;padding-bottom:16px}
.BorderBottomPaleC {border-bottom:1px solid #cccccc;text-align:center}
.BorderPale {border:1px solid #cccccc}
.BorderPaleCenter {border:1px solid #cccccc;text-align:center}
.border {border:1px solid #999999;}
.bordersmall {border:1px solid #ccc;font-size:10px;}
.bordercenter {border:1px solid #ccc;text-align:center;}
.bordercenter2 {border:1px solid #ccc;text-align:center;font-weight:bold;background-color:#dddddd}
.BorderHeader {border-bottom:1px solid #ccc;text-align:center;font-weight:bold;background-color:#eeeeee}
.BorderHeader2 {border-top:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center;font-size:16px;font-weight:bold;background-color:#eeeeee}
.BorderHeaderLeft {border-bottom:1px solid #ccc;text-align:left;font-size:16px;font-weight:bold;background-color:#eee;}
.BorderHeaderLeft2 {border-top:1px solid #ccc;border-bottom:1px solid #ccc;text-align:left;font-size:16px;font-weight:bold;background-color:#eeeeee}
.BorderHeaderLeft3 {border:1px solid #ccc;text-align:left;font-size:16px;font-weight:bold;background-color:#dddddd}
.BorderHeaderLeft4 {border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;text-align:left;font-size:16px;font-weight:bold;background-color:#fff}
.BorderRightLinesC {border-right:1px solid #ccc;text-align:center}
.BorderRightLinesL {border-right:1px solid #ccc;text-align:left}
.BorderRightLinesLB {border-right:1px solid #ccc;border-bottom:1px solid #ccc;text-align:left;background-color:#eeeeee}

/*Background colours */
.GreyMidBackground {background-color:#666666}

/* TABLE TAGS / STYLES*/
table.center {border-collapse:collapse;border-spacing:0;text-align:left;margin:auto;max-width:100%;table-layout:auto;width:auto}
table.center td {padding:5px 1%;vertical-align:top} 
table.center td.centerMid {padding:5px 1%;vertical-align:middle;}
table.center td.phone-padding{padding-right:25px;}
table.centerC {border-collapse:collapse;border-spacing:0;text-align:center;margin:auto;max-width:100%;width:auto;}
table.centerC td {padding:5px 1%;vertical-align:top;}
table.centerC td.centerCMid {padding:5px 1%;vertical-align:middle;}
table.CenterBorder {border-collapse:collapse;border-spacing:0;border:1px solid #999999;text-align:left;margin:auto;max-width:100%;table-layout:auto;width:auto}
table.CenterBorder td {padding:5px 1%;vertical-align:top}
table.CenterBorderC {border-collapse:collapse;border-spacing:0;border:1px solid #999999;margin:auto;text-align:center;max-width:100%;width:auto}
table.CenterBorderC td {padding:5px 1%;vertical-align:top}
table.Profs {border-collapse:collapse;border-spacing:0;text-align:left;margin:auto;max-width:100%;table-layout:auto;width:100%}
table.Profs td {padding:5px 1%;vertical-align:top}
table.Recommend {border-collapse:collapse;border-spacing:0;text-align:left;table-layout:auto;width:100%}
.Recommend td {border-bottom:1px solid #ccc;padding:20px 1% 5px 1%;vertical-align:top;} 
.Recommend td.BorderHeaderLeft2 {border-top:1px solid #999999;border-bottom:1px solid #999999;font-size:16px;font-weight:bold;background-color:#eeeeee;padding:5px 1%}
.Recommend td.BorderHeaderLeft {border-bottom:1px solid #999999;font-size:14px;font-weight:bold;background-color:#f8f8f8;padding:4px 1%}.Recommend td.BorderHeaderLeft strong {font-size:14px}
.Recommend td.RIcon {padding:16px 1% 4px 0px;width:18%} .Recommend td.RIcon img {margin:8px 0px;}

.HPWrapper {max-width:1060px;margin:0 auto;padding:0}
div.MainTable2 {background-color:#fff;max-width:1060px;margin:0 auto;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}
table.MainTable2 {background-color:#fff;border-spacing:40px;border-collapse:separate;margin:0 auto;text-align:left;max-width:1060px;width:100%;-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} 
/*table.MainTable2 td:first-of-type {padding:35px 40px 20px 40px;}*/

table.MainTableTop {background-color:#fff;border-spacing:0px;border-collapse:separate;margin:0 auto;text-align:left;max-width:1060px;width:100%;-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} 
div.MainTableTop {background-color:#fff;max-width:1060px;margin:0;padding:30px 40px 20px 40px!important;width:inherit;}/*Online ordering main table*/
.MainTableTopTrans {background-color:#fff;margin: auto; text-align:left;max-width:1060px;} /*Online ordering guest login register table*/
.MainTable {background-color:#fff;margin:auto;margin-top:30px;text-align:left; max-width:100%; }

table.RightImage {float:right;margin-left:2%;margin-bottom:10px;max-width:200px;text-align:center;width:31% !important} 
table.RightImageCurtains {float:right;margin:10px 0 10px 2%;max-width:360px;table-layout:fixed} .RightImageCurtains td {padding:0 2% 5px 0;width:31%}
table.LeftImage {float:left;padding-right:20px;padding-bottom:10px;max-width:160px}

table.Form {background-color:#eeeeee;border:1px solid #cccccc;border-collapse:collapse;border-spacing:0;margin:5px auto;table-layout:auto;width:70%;}
.Form td.FormL {padding:10px 1%;width: 32%} .Form td {padding:10px 1%;vertical-align:top} .Form td.nowrap {white-space:normal !important;} .Form p.red {display:inline}
.Form b {font-size:14px;} .Form strong {font-size:14px;} .Form input {max-width:100%} .Form p {display:inline}
.Form table {margin:0 0;table-layout:auto;max-width:100%} .Form table input {max-width:100%}
.Form td .FormSOther {position:absolute;left:-10000px;}

table.ColourPersonality {border:1px solid #999;border-spacing:0;border-collapse:collapse;margin:auto;max-width:400px;}
.ColourPersonality td {padding:10px;text-align:left}
.ColourPersonality td.center {padding:10px;text-align:center}
.ColourPersonality td.right {padding:10px;text-align:right;width:10%}
Table.CP {font-size:10px;margin:auto;text-align:center;max-width:100%;width:100%} .CP td {font-size:10px;padding:3px 0.5% 10px 0.5%}
.CP img {display:block;height:60px;width:100%}

/* STANDARD TABLE EMAIL FORM FORMATTING */
table.FormS {border-collapse:collapse;border-spacing:0;background-color:#e8e8e8;border:1px solid #999999;margin:auto;text-align:left;max-width:100%;}
.FormS td {padding:5px 15px 5px 15px;vertical-align:middle}
.FormS td.FormSTR {padding:5px 15px 5px 15px;text-align:right;vertical-align:middle}
.FormS td.FormSRed {color:#cc0000;padding:5px 15px 5px 15px;vertical-align:middle}
.FormS td.FormSRedTR {color:#cc0000;padding:5px 15px 5px 15px;text-align:right;vertical-align:middle}
.FormS b {font-size:14px;} .FormS strong {font-size:14px}
.FormS td.FormSR {padding:5px 10px 5px 5px;vertical-align:middle}
.FormS td.FormSVTop {padding:5px 15px 5px 15px;vertical-align:top}
.FormS td.FormSVTopTR {padding:5px 15px 5px 15px;text-align:right;vertical-align:top}
.FormS td.FormSVTopRed {color:#cc0000;padding:5px 15px 5px 15px;vertical-align:top}
.FormS td.FormSVTopRedTR {color:#cc0000;padding:5px 15px 5px 15px;text-align:right;vertical-align:top}

.FormS td.FormSTop {padding:15px 15px 5px 15px;}
.FormS td.FormSTopRed {color:#cc0000;padding:15px 15px 5px 15px;}
.FormS td.FormSTopRedTR {color:#cc0000;padding:15px 15px 5px 15px;}
.FormS td.FormSTopR {padding:15px 10px 5px 5px}
.FormS td.FormSBot {padding:5px 15px 15px 15px}
.FormS td.FormSBotR {padding:5px 10px 15px 5px}
.FormS td .FormSOther {position:absolute;left:-10000px;}
.FormSOther {position:absolute;left:-10000px;}

.FormSField {border-bottom:1px solid #cccccc;border-left:1px solid #999999;border-right:1px solid #cccccc;border-top:1px solid #999999;color:#000000;padding:3px;margin-bottom:2px;max-width:220px}
.FormSFieldH {border-bottom:1px solid #cccccc;border-left:1px solid #999999;border-right:1px solid #cccccc;border-top:1px solid #999999;color:#000000;padding:3px;margin-bottom:2px;max-width:320px;background-color:#fff8dc}
.FormSFieldHW {border-bottom:1px solid #cccccc;border-left:1px solid #999999;border-right:1px solid #cccccc;border-top:1px solid #999999;color:#000000;padding:3px;margin-bottom:2px;max-width:600px;background-color:#fff8dc}
.FormSHighlight {border-bottom:1px solid #cccccc;border-left:1px solid #999999;border-right:1px solid #cccccc;border-top:1px solid #999999;color:#000000;padding:3px;background-color:#fff8dc;margin-bottom:2px;}
.FormSDropDown {border-bottom:1px solid #999999;border-left:1px solid #999999;border-right:1px solid #999999;border-top:1px solid #999999;color:#000000;padding:3px;background-color:#fff8dc;font-weight:bold;max-width:225px}
.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;font-family:droid_sansregular,arial,helvetica,sans-serif;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:#fff;cursor: pointer;outline:none;}
input {font-size:14px;}
.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!important;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!important;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!important;cursor: pointer;outline:none;}


.borderPad10 {border:1px solid #999999;margin:auto;padding:10px}
.borderPad20 {border:1px solid #999999;margin:auto;padding:20px}
.Width80Percent {width:80%;margin:auto;}

/* PRODUCT IN ACTION TABLES */
table.ProdsInA {border-collapse:collapse;border-spacing:0;border:1px solid #999999;margin:auto;table-layout:fixed;width:100%}
.ProdsInA td {padding:10px 4px 4px 4px;text-align:center;width:18%;vertical-align:top}
.ProdsInA td.ProdsInAR {padding:10px 8px 4px 4px;text-align:center;width:18%;vertical-align:top}
.ProdsInA td.ProdsInAL{padding:10px 4px 4px 8px;text-align:center;width:18%;vertical-align:top}
.ProdsInA h2 {background-color:#eeeeee;padding:4px;font-weight:bold;font-size:15px;display:block;text-align:left;border-bottom:1px solid #cccccc}
.ProdsInA td.ProdsInAHead {padding:4px 8px 4px 8px;vertical-align:top}
.ProdsInA img{padding-bottom:5px;max-width:100%}

/* INSPIRATION GALLERY TABLES */
table.InspGall {border-collapse:collapse;border-spacing:0;margin:auto;table-layout:fixed;width:100%}
.InspGall td {padding:10px 5px 5px 5px;text-align:center;vertical-align:top}
.InspGall h2 {background-color:#eeeeee;padding:4px;font-weight:bold;font-size:15px;display:block;text-align:left;border-bottom:1px solid #cccccc;border-top:1px solid #cccccc}
.InspGall td.InspGallHead {padding:5px 5px 5px 5px;vertical-align:top}
.InspGall img {padding-bottom:5px}

/* 5 Column Table with Border */
table.Column5Imagesborder {border-collapse:collapse;border-spacing:0;border:1px solid #999999;margin:auto;table-layout:fixed;width:100%;}
.Column5Imagesborder td {padding:20px 10px 0px 10px;text-align:center;vertical-align:top}
.Column5Imagesborder td.Column5ImagesborderR {padding:20px 20px 0px 10px;text-align:center;vertical-align:top}
.Column5Imagesborder td.Column5ImagesborderL{padding:20px 10px 0px 20px;text-align:center;vertical-align:top}
.Column5Imagesborder h2 {background-color:#eeeeee;padding:20px 20px 0px 20px;font-weight:bold;font-size:15px;display:block;text-align:left;border-bottom:1px solid #cccccc}
.Column5Images td.Column5ImagesborderHead {padding:20px 10px 0px 10px;vertical-align:top}
.Column5Imagesborder img{padding-bottom:5px}

/* 5 COLUMNS IMAGES WITHOUT BORDER TABLE */
table.Columns5OfImages {border-collapse:collapse;border-spacing:0;margin:auto;max-width:100%;table-layout:fixed;width:100%}
.Columns5OfImages td {padding:10px 2% 4px 2%;text-align:center;vertical-align:top}
.Columns5OfImages td.Columns5OfImagesR {padding:10px 2% 4px 2%;text-align:center;vertical-align:top}
.Columns5OfImages td.Columns5OfImagesL{padding:10px 2% 4px 2%;text-align:center;vertical-align:top}
.Columns5OfImages td.Columns5OfImagesSm {font-size:10px;padding:10px 2% 4px 2%;text-align:center;vertical-align:top}
.Columns5OfImages td.Columns5OfImagesRSm {font-size:10px;padding:10px 2% 4px 2%;text-align:center;vertical-align:top}
.Columns5OfImages td.Columns5OfImagesLSM {font-size:10px;padding:10px 2% 4px 2%;text-align:center;vertical-align:top}
.Columns5OfImages h2 {background-color:#eeeeee;border-bottom:1px solid #cccccc;border-top:1px solid #cccccc;display:block;font-weight:bold;font-size:14px;padding:4px 2%;text-align:left}
.Columns5OfImages td.Columns5OfImagesHead {padding:4px 2% 4px 2%;vertical-align:top;text-align:left}
.Columns5OfImages td.Columns5OfImagesTextLeft {padding:10px 2% 4px 2%;text-align:left;vertical-align:top}
.Columns5OfImages td.Columns5OfImagesTextLeftSm {font-size:10px;padding:10px 2% 4px 2%;text-align:left;vertical-align:top}
.Columns5OfImages img {padding-bottom:5px}

/* 4 COLUMNS IMAGES WITHOUT BORDER TABLE */
table.Columns4OfImages {border-collapse:collapse;border-spacing:0;margin:auto;table-layout:fixed;width:100%;}
.Columns4OfImages td {padding:10px 4px 4px 4px;text-align:center;vertical-align:top}
.Columns4OfImages td.Columns4OfImagesR {padding:10px 8px 4px 4px;text-align:center;vertical-align:top}
.Columns4OfImages td.Columns4OfImagesL{padding:10px 4px 4px 8px;text-align:center;vertical-align:top}
.Columns4OfImages h2 {background-color:#eeeeee;padding:4px;font-weight:bold;font-size:15px;display:block;text-align:left;border-bottom:1px solid #cccccc}
.Columns4OfImages td.Columns4OfImagesHead {padding:4px 8px 4px 8px;vertical-align:top}
.Columns4OfImages img {padding-bottom:5px}

/* 4 COLUMNS IMAGES WITH BORDER TABLE */
table.Columns4OfImagesborder {border-collapse:collapse;border-spacing:0;border:1px solid #999999;margin:auto;table-layout:fixed;width:100%;}
.Columns4OfImagesborder td {padding:10px 4px 4px 4px;text-align:center;vertical-align:top}
.Columns4OfImagesborder td.Columns4OfImagesborderR {padding:10px 8px 4px 4px;text-align:center;vertical-align:top}
.Columns4OfImagesborder td.Columns4OfImagesborderL{padding:10px 4px 4px 8px;text-align:center;vertical-align:top}
.Columns4OfImagesborder h2 {background-color:#eeeeee;padding:4px;font-weight:bold;font-size:15px;display:block;text-align:left;border-bottom:1px solid #cccccc}
.Columns4OfImages td.Columns4OfImagesborderHead {padding:4px 4px 4px 8px;vertical-align:top}
.Columns4OfImagesborder img {padding-bottom:5px}

/* INSPIRATION STORY TABLES  - for swatches */
table.SmCTable {border-collapse:collapse;border-spacing:0;font-size:12px;margin:auto;max-width:100%;table-layout:fixed;width:auto}
.SmCTable td {text-align:center;font-size:10px;max-width:133px;padding:4px 1%;vertical-align:top}
.SmCTable td.SmCTableHeadC {padding:2% 10px 4px 1%;text-align:center;vertical-align:middle;}
.SmCTable td.SmCTableHead {padding:4px 1% 4px 1%;text-align:center;}
.SmCTable td.SmCTableSubHead {padding:20px 1% 20px 1%;text-align:left;}
.SmCTable td.SmCTableSubHeadH {padding:20px 1% 10px 1%;text-align:left;}
.SmCTable td.SmCTableHeadL {padding:4px 1% 4px 1%;text-align:center;}
.SmCTable td.SmCTableHeadLH {background-color:#eeeeee;border-bottom:1px solid #cccccc;border-top:1px solid #cccccc;font-size:12px;padding:4px 1% 4px 1%;text-align:left;}
.SmCTable img {height:75px;padding-bottom:5px;width:133px}
.SmCTable .highlight {background-color:#f8f8f8;border:1px solid #dddddd;-moz-border-radius:10px;border-radius:10px;color:#000000;font-weight:bold;padding:5px 1%;text-align:center;}

/* Swatch TABLE with border */
table.SwatchTable {border-collapse:collapse;border-spacing:0;border:1px solid #999999;margin:20px auto 20px auto;max-width:100%;table-layout:fixed;width:auto}
.SwatchTable td {font-size:10px;padding:4px 10px 4px 10px;text-align:center;max-width:133px;}
.SwatchTable img {padding-bottom:5px}

/* Swatch TABLE without border */
table.Swatches {border-spacing:0;border-collapse:collapse;max-width:100%;table-layout:fixed;width:auto}
.Swatches td {font-size:10px;text-align:center;padding:3px 30px 3px 0px;}
.Swatches td.SwatchesR {padding:3px 0px 3px 0px;}
.Swatches td.SwatchesT {font-weight:bold;text-align:center;padding:15px 30px 3px 0px;vertical-align:bottom}
.Swatches td.SwatchesTR {font-weight:bold;text-align:center;padding:15px 0px 3px 0px;vertical-align:bottom}
.Swatches img {padding-bottom:3px}

/* MiniSwatch TABLE with LINES */
table.MiniSwatches {border-bottom:1px solid #cccccc;border-spacing:0;border-collapse:collapse;max-width:100%;table-layout:fixed;width:auto;}
.MiniSwatches td {border-top:1px solid #cccccc;font-size:10px;padding:5px 5px 5px 6px;text-align:left;vertical-align:middle}
.MiniSwatches td.MiniSwatchesH {background-color:#cccccc;border-right:1px solid #fff;font-size:14px;font-weight:bold;padding:5px 5px 5px 5px;text-align:left;}
.MiniSwatches img {padding:3px 0px 0px 0px;}

/* Spec type tables */
table.Table6 {border-bottom:1px solid #999;border-left:1px solid #999;border-top:1px solid #999;border-collapse:collapse;border-spacing:0;margin:auto;text-align:center;table-layout:auto;max-width:100%;width:auto}
.Table6 td {border-right:1px solid #999;padding:5px 10px;}
.Table6 td.Table6L {border-right:1px solid #999;padding:5px 10px;text-align:left}

table.Table7 {border-left:1px solid #999;border-top:1px solid #999;border-collapse:collapse;border-spacing:0;margin:auto;text-align:center;max-width:100%;table-layout:auto;width:auto}
.Table7 td {border-bottom:1px solid #999;border-right:1px solid #999;padding:5px 10px;}
.Table7 td.Table7L {border-bottom:1px solid #999;padding:5px 10px;text-align:left}

table.Table10 {border:1px solid #cccccc;border-collapse:collapse;border-spacing:0;margin:auto;text-align:center;max-width:100%;table-layout:auto;width:auto;}
.Table10 td {border-bottom:1px solid #ccc;padding:5px 10px;}
.Table10 td.Table10L {border-bottom:1px solid #ccc;padding:5px 10px;text-align:left}

table.Spec {border:1px solid #cccccc;border-collapse:collapse;border-spacing:0;margin:auto;max-width:100%;table-layout:auto;width:auto;}
.Spec td {padding:5px 1%} .Spec td.SpecL {width:17%}

/* General Tables*/
table.General {border-collapse:collapse;border-spacing:0;font-size:12px;margin:auto;table-layout:fixed;text-align:center;width:100%}
.General td {padding:5px 1% 15px 1%;vertical-align:top}
.General img {padding-bottom:5px}
.General h2 {background-color:#eee;border-bottom:1px solid #ccc;border-top:1px solid #ccc;display:block;font-weight:bold;font-size:17px;padding:5px 1%;text-align:left;}
.General b {font-size:15px} .General strong {font-size:15px}
.General td iframe {max-width:100%;height:auto}

table.GeneralSM {border-collapse:collapse;border-spacing:0;margin:auto;text-align:center;font-size:11px;table-layout:fixed;width:100%}
.GeneralSM td {padding:5px 10px 15px 10px;vertical-align:top}
.GeneralSM img {padding-bottom:5px}
.GeneralSM h2 {background-color:#eee;border-bottom:1px solid #ccc;border-top:1px solid #ccc;display:block;font-weight:bold;font-size:17px;padding:5px 10px;text-align:left; }
.GeneralSM b {font-size:15px} .GeneralSM strong {font-size:15px}

/* MURALS WINNERS */
table.MuralsWinners {border:1px solid #999999;margin:auto;table-layout:fixed;width:100%}
.MuralsWinners td {padding:10px 4px 4px 4px;text-align:center;white-space:normal;vertical-align:top}
.MuralsWinners td.MuralsWinnersR {padding:10px 8px 4px 4px;text-align:center;white-space:normal;vertical-align:top}
.ProdsInA td.MuralsWinnersL{padding:10px 4px 4px 8px;text-align:center;white-space:normal;vertical-align:top}
.MuralsWinners h2 {background-color:#eeeeee;padding:4px;font-weight:bold;font-size:17px;display:block;text-align:left;border-bottom:1px solid #cccccc}
.MuralsWinners td.ProdsInAHead {padding:4px 8px 4px 8px;vertical-align:top}
.MuralsWinners img{padding-bottom:5px}

/* Unspecifided Table/CELL TAGS*/
table.auto {border-collapse:collapse;border-spacing:0;margin:0 0;table-layout:auto;max-width:100%;}
.auto td.L {padding:5px 5px 0px 0px} .auto td.R {padding:5px 0px 0px 5px}
table {border-collapse:collapse;border-spacing:0;margin:auto;table-layout:auto;width:100%;}
td {font-size:14px;line-height:140%;padding:3px 10px;vertical-align:top}
td.footerwhite {font-size:10px;color:#fff;}
td.whitefooter2 {font-size:10px;color:#eeeeee;white-space:nowrap;padding:3px}

td.bordernav {text-align:center;font-size:12px;color:#fff;border:1px solid #eeeeee;background:#999999;white-space:nowrap}
td.bordernav2 {text-align:center;font-size:12px;color:#fff;border:1px solid #eeeeee;background:#878787;white-space:nowrap}

.PadBot5 {padding-bottom:5px}
.PadLeft20NoWrap {padding:3px 20px 3px 20px;white-space:nowrap;}
.PadLeft20NoWrapGrey {padding:3px 20px 3px 20px;white-space:nowrap;background-color:#cccccc;font-weight:bold;}
.PadLeft20 {padding-left:20px}
.PadLeft10 {padding-left:10px}
.RightImage {padding-top:10px;text-align:center;font-weight:normal}
.thirds {width:33%;padding-left:20px}
.thirdspadding {width:33%;padding-left:20px}

/* Styles for Headings on Main SubIndex Pages e.g. painters.htm */
.ColourInfo {float:left;margin:5px 1%; width:23%}
.IndexInfo {float:left;margin:5px 1%; width:31%}
.IndexInfoR {float:left;margin:5px 1%; width:31%}
.IndexTitles {border-bottom:1px solid #999;color:#000;font-size:13px;font-weight:bold; padding:4px 0px 4px 0px;}
.IndexTitles strong {font-size:14px}
.IndexTitles a:link {color:#000} 
.IndexTitles a:visited {color:#000} 
.IndexTitles a:hover {color:#cc0000}
.IndexTitles a:active {color:#ff0000}
.IndexTitles2 {background:#fff url(picts/fade2.jpg) left repeat-y;color:#333333;font-weight:bold;padding:4px 10px 4px 10px;margin:0px}

/* Styles for Headings on Colour Experts, Decorating newsletters */
.IndexTitles3 {background:#fff url(picts/fade.jpg) repeat-y;color:#000066;font-weight:bold; padding:4px 10px 4px 10px;width:300px}
.IndexTitles3 strong {font-size:16px} 
.IndexTitles3 a:link {color:#000} 
.IndexTitles3 a:visited {color:#000} 
.IndexTitles3 a:hover {color:#cc0000} 
.IndexTitles3 a:active {color:#ff0000}

/* LISTS - BULLETS AND NUMBERS */
ul {font-size:14px;list-style-type:disc;}
ul li {line-height:140%;margin-bottom:4px}
ul ul {font-size:14px;list-style-type:circle;margin-bottom:10px}
ul.ten {font-size:14px;list-style-type:disc;}
ul.pdf {font-size:14px;list-style-image:url(picts/pdficon_small.png);} 
.pdf li {padding-bottom:5px}
ul.linklist {font-size:14px;list-style-type:disc;}
ol {font-size:14px;list-style-type:decimal;}
ol li {line-height:140%;margin-bottom:4px}
ol.ten {font-size:14px;list-style-type:decimal;}

/* Coating Tech Styles */
div.ContainerCoatingTech {background-image:url(picts/coatingtech_shadow.jpg);background-repeat:no-repeat;margin:auto;min-height:490px;width:1000px}

/* MyPalette Entries - Styles */
.MyPalette {width:996px}
.MyPalette td {font-weight:bold;padding:4px 0px 4px 20px;text-align:left;vertical-align:top;white-space:normal;width:146px;}
.MyPalette td.left {font-weight:bold;padding:4px 0px 4px 0px;text-align:left;vertical-align:top;white-space:normal;width:146px;}
.MyPalette td.notes {font-size:13px;padding:4px 0px 4px 20px;text-align:left;vertical-align:top;white-space:normal;width:146px;}
.MyPalette td.links {padding:4px 0px 4px 20px;}
.MyPalette td.links2 {padding:4px 0px 4px 2px;}
.MyPalette a:link {background-color:#999999;border-bottom:1px solid #666666;border-top:1px solid #666666;color:#fff;display:block;padding:4px 6px 4px 6px;letter-spacing:1px;text-align:center;}
.MyPalette a.visited {background-color:#999999;border-bottom:1px solid #666666;border-top:1px solid #666666;color:#fff;display:block;padding:4px 6px 4px 6px;letter-spacing:1px;text-align:center;}
.MyPalette a:hover {background-color:#666666;border-bottom:1px solid #333333;border-top:1px solid #333333;color:#fff;display:block;padding:4px 6px 4px 6px;letter-spacing:1px;text-align:center;}
.MyPalette textarea {background-color:#f8f8f8;border:1px solid #cccccc;padding:2px;width:146px}

/* Professionals Table */
.textfield2 {margin-top:5px!important;font-size:12px!important}
table.ProfSearch {background-color:#f8f8f8;border:1px solid #ccc; border-spacing:10px!important;border-collapse: separate;width:auto;max-width:100%; }
.ProfSearch td {padding:4px 20px 4px 0}
.ProfSearch td.ProfSearchL {padding:4px 20px 4px 0;}
.ProfSearch input {margin-top:5px}

table.Prof {max-width:100%}
.Prof td {padding:4px 1% 4px 1%}
.Prof td.ProfData {border-bottom:1px solid #cccccc;padding:4px 1% 4px 1%}
.Prof td.ProfEco {padding:4px 1% 4px 1%;}
.Prof td.ProfPhoto {padding:4px 1% 4px 1%;}

table.EcoDecorator {border-collapse:collapse;border-spacing:0;border-top:1px solid #999999;table-layout:auto;max-width:100%;}
.EcoDecorator td {border-bottom:1px solid #999999;text-align:left;padding:4px 4px 4px 4px;vertical-align:top}
.EcoDecorator td.EcoDecoratorL {border-left:1px solid #999999;}
.EcoDecorator td.EcoDecoratorR {border-right:1px solid #999999;}
.EcoDecorator td.EcoDecoratorHead {background-color:#e7f0eb;border-bottom:1px solid #999999;border-left:1px solid #999999;border-right:1px solid #999999;font-size:14px;font-weight:bold;text-align:left}
.EcoDecorator td.EcoDecoratorSubHead {background-color:#e7f0eb;border-bottom:1px solid #999999;border-right:0px solid #999999;font-weight:bold;text-align:left}
.EcoDecorator td.EcoDecoratorSubHeadL {background-color:#e7f0eb;border-bottom:1px solid #999999;border-left:1px solid #999999;font-weight:bold;text-align:left}
.EcoDecorator td.EcoDecoratorSubHeadR {background-color:#e7f0eb;border-bottom:1px solid #999999;border-right:1px solid #999999;font-weight:bold;text-align:left}
.EcoDecorator a:link {color:#15a95f} .EcoDecorator a:visited {color:#15a95f} .EcoDecorator a:hover {color:#cc0000;}
.EcoBox {float:right;padding:0px 0 10px 2%;width:25%;margin-top:-20px}

ul.swirl {list-style-image:url(/ecodecorator/images/swirl.jpg)}
.swirl li {font-size:12px; margin:5px 0 5px 0}
.swirl a:link {color:#15a95f} .swirl a:visited {color:#15a95f} .swirl a:hover {color:#cc0000;}
a.EcoLink:link {color:#15a95f} a.EcoLink:visited {color:#15a95f} a.EcoLink:hover {color:#cc0000;}

table.Articles {border-collapse:collapse;border-spacing:0;text-align:left;margin:auto;max-width:100%;table-layout:auto;width:auto}
.Articles h2 {background-color:#eeeeee;border-bottom:1px solid #ccc;border-top:1px solid #ccc;padding:4px;font-weight:bold;font-size:15px;display:block;text-align:left;}
.Articles td {font-size:14px;padding:5px 0 15px 0;vertical-align:middle;} .Articles p {font-size:14px}
.Articles td.center {padding:5px 2% 15px 0;text-align:center;vertical-align:top;width:19%}
.Articles td.ArticlesL {padding:15px 2% 5px 0;text-align:center;vertical-align:top;width:30%}
.Articles img {padding-bottom:3px}

Table.IconTable {border-collapse:collapse;border-spacing:0;text-align:left;margin:auto;max-width:100%;table-layout:auto;width:auto}
.IconTable td.IconTableTopL {padding:12px 0 6px 0;text-align:center;width:17%}
.IconTable td.IconTableL {padding:12px 0 6px 0;text-align:center; width:17%}
.IconTable td.IconTableBotL {padding:6px 0 12px 0;text-align:center;width:17%}
.IconTable td.IconTableTop {padding:12px 1% 6px 2%;}
.IconTable td {padding:6px 1% 6px 2%;}
.IconTable td.IconTableBot {padding:6px 1% 12px 2%;}
.IcontTable img {padding-bottom:3px;}

Table.IconTablelg {border-collapse:collapse;border-spacing:0;text-align:left;margin:auto;max-width:100%;table-layout:auto;width:auto}
.IconTablelg td {padding:6px 1% 6px 2%;}
.IconTablelg td.IconTablelgL {padding:6px 0px 6px 0px;text-align:center; width:40%}
.IcontTablelg img {padding-bottom:3px;}

Table.Project4Icons {border-collapse:collapse;border-spacing:0;border:1px solid #999999;margin:auto;width:100%;}
.Project4Icons td {padding:4px;text-align:center;vertical-align:top;width:25%}
.Project4Icons td.Project4IconsHalf {width:50%}

Table.Project4IconsN {border-collapse:collapse;border-spacing:0;margin:auto;width:100%;}
.Project4IconsN td {padding:4px;text-align:center;vertical-align:top;width:25%}
.Project4IconsN img {height:auto;padding-bottom:10px;max-width:100%;}
.Project4Icons td.Project4IconsNHalf {width:50%}

/* MAIN- new dropdown menu */
ul#css3menu1,ul#css3menu1 ul{margin:0;margin-top:0px;list-style:none;padding:0;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:#000000;}
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:#000000;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 #666}
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:#231f20;}
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*/
.SubNav {margin-bottom:5px}
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;border-radius:6px 0 0 6px;-webkit-border-top-right-radius:0;border-top-right-radius:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;}
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;border-radius:0 6px 6px 0;-webkit-border-top-right-radius:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;border-bottom-right-radius:6px;}
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;border-radius:6px 0 0 6px;-webkit-border-top-right-radius:0;border-top-right-radius:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;}
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;border-radius:0 6px 6px 0;-webkit-border-top-right-radius:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;border-bottom-right-radius:6px;}
ul.css3menu3 li.toplast:hover>a,ul.css3menu3 li.toplast a.pressed{background-color:#ccc;border-style:solid;border-color:#182634;}

/* Mobile Layout: 480px and below. */
@media screen and (max-width:480px){
	.PrintOnly {display:none}
    .HeaderBar {background-image:none;height:auto;}
    .HeaderBar2 {background-image:none;height:auto;}
    .HeaderBarKW2 {height:auto;}
    .Search {float:right;width:100%;margin:0 5px 5px auto;text-align:left;max-width:300px}
    .SField {border:1px solid #666666;height:24px;margin-top:-1px;font-size: 16px;}
    .SField:focus {
        outline-offset: 0px;
        outline: none;
    }
}
@media only screen and (max-device-width: 480px) {
	.PrintOnly {display:none}
    .HeaderBar {height:auto;}
    .HeaderBar2 {height:auto;}
    .HeaderBarKW2 {height:auto;}
    .SField {border:1px solid #666666;height:24px;margin-top:-1px;font-size: 16px;}
    .SField:focus {
        outline-offset: 0px;
        outline: none;
    }
.TLContainer {height:auto;text-align:center;text-shadow:1px 1px #000;width:auto;}
.RHome {float:none;height:auto;margin:auto;padding:15px 5px 15px 5px;max-width:198px;text-align:center;width:auto;}
.RHomeTCA {float:none;height:auto;margin:0 0;padding:0px 5px 0px 35px;max-width:198px;text-align:left;width:auto;}
.RHomeCurtain {float:none;height:auto;margin:0 0;padding:0 5px 0px 0px;max-width:318px;width:auto;}
.Search {float:none;margin:0 5px 5px auto;text-align:left;max-width:300px}
.MenuMini {background-color:#000;border-top:1px solid #666;font-size:0;margin:0 auto;padding:6px 0 0 0; max-width:958px;}
h1 {font-size:28px;} h1 b {font-size:28px;} h1 strong {font-size:28px;}
.header {font-size:28px;} .headerc {font-size:28px;} .header b {font-size:28px;} .header strong {font-size:28px;}
.small,.smallc,.smallcenter,.smallright,.ten,.tenc {font-size:10px;}
.eleven,.elevenc {font-size:10px;}
p {font-size:14px} 
h2 {font-size:16px;} h2 b {font-size:16px} h2 strong {font-size:16px}
h2.ST b {font-size:16px} h2.ST strong {font-size:16px}
.MainTable2 table h2 {font-size:14px;} .MainTable2 table h2 b {font-size:14px} .MainTable2 table h2 strong {font-size:14px}
.MainTable2 table h3 {font-size:12px;} .MainTable2 table h3 b {font-size:12px} .MainTable2 table h3 strong {font-size:12px}
.MainTable2 table p {font-size:12px} .MainTable2 table p b {font-size:12px} .MainTable2 table p strong {font-size:12px}
.MainTable2 td {font-size:10px;padding:3px;vertical-align:top}
.MainTable2 table td b {font-size:12px} .MainTable2 table td strong {font-size:12px}
.MainTable2 table ul b {font-size:12px} .MainTable2 table ul strong {font-size:12px}
.MainTable2 table .highlightborder {font-size:14px}
.MainTable2 table .highlightborderpad {font-size:14px}
.MainTable2 table .HighlightTopBot {font-size:14px}
.MainTable2 table .HighlightTopBot2 {font-size:14px}
.MainTable2 table .HighlightTopBot3 {font-size:14px}
.MainTable2 table .BorderHeaderLeft {font-size:14px;} .MainTable2 table .BorderHeaderLeft b {font-size:14px;}
.MainTable2 table .BorderHeaderLeft2 {font-size:14px;} .MainTable2 table .BorderHeaderLeft2 b {font-size:14px;}
.MainTable2 table .BorderHeaderLeft3 {font-size:14px;} .MainTable2 table .BorderHeaderLeft3 b {font-size:14px;}
.MainTable2 table .BorderHeaderLeft4 {font-size:14px;} .MainTable2 table .BorderHeaderLeft4  b {font-size:14px;}
td {font-size:10px;padding:3px;vertical-align:top} 
.RightBox,.RightBox p,.RightBoxL,.RightBoxL p,.RightBoxText,.RightBoxText p,.RightBox2,.RightBox2 p,.RightBox3,.RightBox3 p,.RightBox4,.RightBox4 p,.RightBox4L,.RightBox4L p,.RightBox5,.RightBox5 p,.RightBoxProds,.RightBoxProds p,.RightBoxNP,.RightBoxNP p  {font-size:11px}
.RightBox4L {float:none;padding:0px 0px 10px 0px;width:100%;text-align:left !important;} .RightBox4L img {padding-bottom:5px; height:auto; max-width:100%;width:auto} .RightBox4L .JP {font-size:16px}
.SearchSWrap {clear:none;float:left;margin-bottom:15px;width:100%}
.EcoDecorator td.EcoDecoratorHead b,strong {font-size:10px} 
.EcoDecorator td.EcoDecoratorSubHead b,strong {font-size:10px}
.EcoDecorator td.EcoDecoratorSubHeadL b,strong {font-size:10px}
.EcoDecorator td.EcoDecoratorSubHeadR b,strong {font-size:10px}
.EcoBox {float:none;padding:5px 0 5px 0;max-width:100%;width:100%;margin-top:5px}
table.RightImage b,strong {font-size:10px}
.IndexInfo {float:left;margin:5px 2% 0 0; width:48%} .IndexInfo ul {font-size:12px} .IndexInfo ul li {margin:5px 0}
.IndexInfoR {clear:both;float:none;margin:5px 2% 0 0; width:98%} .IndexInfoR ul {font-size:12px} .IndexInfoR ul li {margin:5px 0}
.ColourInfo {clear:both;float:none;margin:5px 2% 0 0; width:98%} .ColourInfo ul {font-size:12px} .ColourInfo ul li {margin:5px 0}
img.right {border:0px;float:right;height:auto;max-width:31%;padding:0px 0px 10px 2%;} img.rightpadding {border:0px;height:auto;float:right;max-width:31%; padding:0px 0px 20px 2%;} img.rightNoPadding {border:0px;height:auto;float:right;max-width:31%;padding:0px 0px 0px 2%;}
iframe {display:block;height:auto;margin:0 auto;width:auto;}
.SmCTable img {height:40px;} .CP img {height:30px;}
.SmCTable td b {font-size:12px} .SmCTable td strong {font-size:12px}
table.IconTable td {font-size:14px} table.IconTable td b {font-size:14px} table.IconTable td strong {font-size:14px} 
table.Articles td {font-size:14px} table.Articles td b {font-size:14px} table.Articles td strong {font-size:14px}
table.Form {width:100%} table.Form td b {font-size:10px} table.Form td strong {font-size:10px}
.Hide {display:block}	
.HideMobile {display:none}
.Recommend td {font-size:10px;padding:20px 1% 5px 1%;} 
.Recommend td.BorderHeaderLeft2 {font-size:14px;padding:5px 1%}
.Recommend td.BorderHeaderLeft {font-size:10px;padding:4px 1%}.Recommend td.BorderHeaderLeft strong {font-size:10px}
ul.linklist {font-size:12px;} .linklist li {margin:5px 0}
.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;}
}

/* Tablet Layout: 480px and up. */
@media only screen and (min-device-width: 481px) and (max-device-width:769px) {
.PrintOnly {display:none}
iframe {display:block;height:auto;margin:0 auto;width:auto;}
.HeaderBar {background-image:none!important;height:auto;}
.HeaderBarCurtains {height:auto;}
p {font-size:14px}
.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}
.HideTablet {display:none}	
}

/* Desktop Layout: 769px and up. */
@media only screen and (min-device-width: 770px) {
.PrintOnly {display:none}
.HideDesktop {display:none}	
}

@media print {
body {background-color:#fff;color:#000;background-image:none;font-family:droid_sansregular,arial,helvetica,sans-serif;font-size:13px;margin:0px 0px 40px 0px}
html {background-color:#fff;background-image:none}
.PrintOnly {display:contents!important;color:#000!important}
.feedback-button {display:none}
.feedback-button img {display:none}
.HeaderBar {background-color:#fff;}
/* new header*/
.ShareBox, .FollowBox, .FollowBox2, .TLContainer, .TopLinks, .SFieldBox, .SField, .SField2, .SearchButton, .Menu, .FooterBand, .FooterShares, .Menu  {display:none}
	div.MainTable2 {padding-top:5px!important} table.MainTable2 {border-spacing:5px!important}
/* CONTACT DETAILS Information*/
div.ContactWrapper {background-color:#fff;border:none;color:#000;font-size:11px;margin:auto;padding:10px 16px 5px 16px;width:964px}
}

div.options{
    display:none;
    clear:both;
    max-width:212px;
    /*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 0;
    height: 20px;
    width: 212px;
    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 #fff;

}

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:24px 24px;
    height:28px;
    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 28px;
    height:28px;
    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-right:0px;
    background-color:rgb(0, 0, 0);
    z-index: 9999999;
    border-top:1px solid #666;
    height:58px;
}


.martb-10{
   margin-top:10px;
   margin-bottom:10px;	
}
.textLeft{
   text-align:left !important;
   padding: 0px 5px 0px 5px;
}

     .col-3{
        float:left;
        margin:auto;
        width:33.33%;
	text-align:center;
    }
    .col-3 img{

        margin-top:auto;
        margin-bottom:4px;
        margin-left:auto;
        margin-right:auto;
        display:block;

    }
    .col-5{
        float:left;
        margin:auto;
        width:20%;
        text-align:center;
    }
    .col-5 img{

        margin-top:auto;
        margin-bottom:4px;
        margin-left:auto;
        margin-right:auto;
        display:block;

    }
   .col-6{
        float:left;
        margin:auto;
        width:16.66%;
        text-align:center;
    }
    .col-6 img{

        margin-top:auto;
        margin-bottom:4px;
        margin-left:auto;
        margin-right:auto;
        display:block;
	width: 135px;

    } 
   .tableImg{
        float:left;
        width:25%;
        margin-top:10px;
        margin-bottom:10px;
        margin-left:auto;
        margin-right:auto;
	text-align:center;
    }
    .imgCont{
        clear:both;
        width:100%;
	display:inline-block;
    }
    .tableImg img{
        margin:auto;
	display:block;
    }
    @media only screen and (device-width: 992px),
    only screen and (max-width: 992px) {
        .tableImg{
            /*float:none;*/
            width:50%;
            margin-top:10px;
	}
        .vacancyVideos td{
		display:block;
	width:212px;
             
		
	}
	.col-5{
	    width:30%;
            margin-top:15px;
	}
	.col-6{
            width:33.33%;
            margin-top:15px;
        }
	.vacancyVideos tbody {
		float:left;
	}
	.vacancyVideos thead{
		float:left;
		min-width:120px;
	}
	.vacancyVideos th {
		display:block;
	}
    }
    @media only screen and (device-width: 768px),
    only screen and (max-width: 768px) {
        .RightBox3{
            float:none;
            width:100%;
            margin-left:auto;
            margin-right:auto;
            margin-top:10px;
        }
	     .RightBox2{
            float:none;
            width:100%;
            margin-left:auto;
            margin-right:auto;
            margin-top:10px;
        }	
        .col-3{
            /*float: none;*/
            width:50%;
            margin-top:15px;
        }
	.col-5{
            /*float: none;*/
            width:50%;
            margin-top:15px;
        }
	.col-6{
            /*float: none;*/
            width:50%;
            margin-top:15px;
        }

	.martb-10.ButtonG:link{
                margin-left:auto;
                margin-right:auto;
                display:block;
        }
	.Articles td {

		width:100% !important;
		display:block;
	}
	.IconTable td{
		width:100% !important;
                display:block;
	}
	.Articles td.ArticlesL{
		text-align:left;
	}
	.IconTable td.IconTableTopL{
		text-align:left;
	}
	.IconTable td.IconTableL{
                text-align:left;
        }
	.noJobmsg{
		margin-right:0px !important;
		float:none !important;
		clear:both !important;
		margin-top:0px !important;
		text-align:center;
	}
    }
    @media only screen and (device-width: 480px),
    only screen and (max-width: 480px) {
        .tableImg{
            float:none;
            width:100%;
        }
        .col-3{
            float: none;
            width:100%;
            margin-top:20px;
        }
	
	.col-5{
            float: none;
            width:100%;
            margin-top:20px;
        }
    }