/* bg line LIGHT #b0ce60 */
/* bg line DARK #2b8b4a */
/* trans green #ebf2d6 */
/* table green #fbfff0 */
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary
{display:block; }
audio, canvas, video {display:inline-block; }
audio:not([controls]) {display:none; height:0; }
[hidden] {display:none; }
html {scroll-behavior: smooth;scroll-padding-top: 150px; accent-color: #b0ce60;}
input:focus-visible, textarea:focus-visible {outline: #b0ce60 auto 1px;}
body {margin:0; }
a:focus {outline:thin dotted; }
a:active, a:hover {outline:0; }
h1 {font-size:2em; margin:0.67em 0; }
abbr[title] {border-bottom:1px dotted; }
b, strong {font-weight:bold; }
dfn {font-style:italic; }
hr {-moz-box-sizing:content-box; box-sizing:content-box; height:0; }
mark {background:#ff0; color:#000; }
code, kbd, pre, samp {font-family:monospace, serif; font-size:1em; }
pre {white-space:pre-wrap; }
q {quotes:"\201C" "\201D" "\2018" "\2019"; }
small {font-size:80%; }
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup {top:-0.5em;}
sub {bottom:-0.25em; }
img {border:0; }
svg:not(:root) {overflow:hidden; }
figure {margin:0; }
fieldset {border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em; }
legend {border:0; padding:0; }
button, input, select, textarea {font-family:inherit; font-size:100%; margin:0; }
button, input {line-height:normal; }
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; }
input[type="checkbox"], input[type="radio"] {box-sizing:border-box; padding:0; }
/*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; }
*/
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0; }
textarea {overflow:auto; vertical-align:top; }
table {border-collapse:collapse; border-spacing:0; }
.nowrap {white-space:nowrap;}

@font-face {
  font-family:'MyriadWeb';
  font-weight:normal;
  font-style:normal;
  src:url('font/myriadwebpro-webfont.eot'); /* IE9 Compat Modes */
  src:url('font/myriadwebpro-webfont.eot?#iefix') format('embedded-opentype'),
      url('font/myriadwebpro-webfont.woff') format('woff'),
      url('font/myriadwebpro-webfont.ttf')  format('truetype'),
      url('font/myriadwebpro-webfont.svg#myriadwebpro-webfont') format('svg');
  }

@font-face {
    font-family:'MyriadWeb';
    font-weight:bold;
    font-style:normal;
    src:url('font/myriadwebpro-bold-webfont.eot');
    src:url('font/myriadwebpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('font/myriadwebpro-bold-webfont.woff') format('woff'),
        url('font/myriadwebpro-bold-webfont.ttf') format('truetype'),
        url('font/myriadwebpro-bold-webfont.svg#MyriadWeb-Bold') format('svg');
  }

html {
  font-family:MyriadWeb, sans-serif; font-size:1.1em;
   -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;
  overflow:-moz-scrollbars-vertical; overflow-y:scroll;
  }

body  {
  margin:0;
  padding:0;
  left:-24px;
  color:#333;
  background-image:url(/assets/img/BG_SideStripes.gif);
  background-repeat:repeat-y;
  background-attachment:fixed;
  background-color:#fff;
  text-align:center;
  width:100%;
}

 a {
	text-decoration:underline;
	color:#33c;
	font-weight:inherit;
	}
a:link {
	color:#33c;
	}
a:visited {
	color:#2b8b4a;
	}
a:hover {
	text-decoration:none;
	color:#2b8b4a;
	display:inline;
	}
a:active {
	color:#b0ce60;
	text-decoration:none;
	position:relative;top:1px;
	}


a.btnSmall {
	margin:1.0em auto;
	width:auto;
	display:inline-block;
	font:14px sans-serif;
	font-weight:bold;
	letter-spacing:1px;
	padding:8px 10px 6px 10px;
	color:#fff;text-decoration:none;
	background:#138C4A;
	border:none;
	border-radius:6px;
	}
	a.btnSmall:hover {
		position:relative; top:-1px;
		color:#138C4A;
		background:#B0CE60;
		text-shadow:0 0 0 #999;
		cursor:pointer;
		}
	a.btnSmall:active {
		position:relative; top:1px;
		background:#138C4A;
		color:#fff;
		text-shadow:0 0 0 #000;
		cursor:pointer;
		}

    .btn {
      display: inline-block;
      padding: 4px 12px;
      margin-bottom: .1em;
      font-family: 'MyriadWeb', sans-serif;
      font-size: 1em;
      font-weight: bold;
      color: #333;
      line-height: 22px;
      text-align: center;
      vertical-align: middle;
      cursor: pointer;
      background: #b0ce60;
      border-style:none;
      border-radius: 4px;
    }
    .btn:hover {
      background: #2b8b4a;
      color:white;
    }
    .btn:active {
      background: #fff;
      color:#2b8b4a;
    }
    .btn-small {
      padding: 3px 10px 1px;
      font-size: .85em;
      border-radius: 4px;
      letter-spacing:.5px;
    }

/* XXXXXXXXXX  BEGIN COMMON TOP XXXXXXXXXXXX */
#fixed_top {position:fixed; margin:0; padding:0; z-index:100; height:30px; width:100%; background-color:#b0ce60; border-bottom:5px solid #2b8b4a; }
#topnavcon {position:relative; margin:auto; width:760px; height:30px; text-align:left; overflow:visible; z-index:500; }
#headcontainer {position:relative; width:780px; height:124px; margin:5px auto 18px auto; padding:0 0 18px 36px;background-color:rgba(255,255,255,.9);background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 85%, rgba(255,255,255,0) 100%); }
	#headcontainer h1 {float:left; margin:7px auto auto 0; padding:0; width:316px; }
	#headcontainer h1 a {padding:0; margin:0; margin-bottom:8px; width:316px; height:82px; display:block; background:url(/assets/img/CP_LOGO.svg) no-repeat top left;background-size: 316px auto; }
	#headcontainer h1 a span {display:none; }
	#headcontainer #hdconcon {font-weight:bold; font-size:20px; letter-spacing:1px; color:#2b8b4a; text-align:right; padding:4px 18px 0 0; line-height:18px; }

/* XXXXXXXXXXX END COMMON TOP XXXXXXXXXXXXXXXX */

#wrap {
	width:780px;
	margin:auto auto auto auto;
	padding:12px 0 0 36px; /* CONTROLS Y OF BODY CONTENT */
 	border:0;
	border-top:0 solid #b0ce60;
	background-color:transparent;
	overflow:hidden;
}

#bgcontainer {
	clear:left;
	width:774px;
    text-align:left;
	margin:0 auto;
 	border:0;
	padding:0 0 0 10px;
	background-color:#fff;
}

#container {
	/*float:left; for side menu */
	/*width:610px;  for side menu */
  width:99%;
	height:auto;
    text-align:left;
	line-height:160%;
	margin:0 auto;
	padding:160px 0 0 0;
 	border:0;
	background-color:#fff;
}

#container.homeContainer { width:760px;padding-top:158px;}

/* topMenu = PRODUCT PAGE TAB MENU	*/
#topMenu {
  padding:0 0;
  margin:1.5em 0 0 0;
  border-bottom:2px solid #b0ce60;
  font:bolder 0.9em MyriadWeb, sans-serif;
  }
#topMenu li {
  list-style:none;
  display:inline;
  position:static;
  }
#topMenu li a {
  position:relative;
  bottom:2px;
  padding:0 0.6em;
  margin-left:8px;
  border:2px solid #ebf2d6;
  background:#ebf2d6;
  font-weight:bolder;
  text-decoration:none;
  -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;
  }
#topMenu li a:link { color:#33c; }
#topMenu li a:visited { color:#33c; }
#topMenu li a:hover {
  color:#900;
  background-color:#b0ce60;
  position:relative;
  bottom:2px;
  border-top:2px solid #b0ce60;
  border-right:2px solid #b0ce60;
  border-bottom:3px solid #b0ce60;
  border-left:2px solid #b0ce60;
  }
#topMenu li a:active {
  color:#ebf2d6;
  background:#b0ce60;
  position:relative;
  top:1px;
  border-bottom:0;
  }
#topMenu li a#current {
  position:relative;
  bottom:0;
  background:#faffe2;
  color:#2b8b4a;
  border-top:2px solid #b0ce60;
  border-right:2px solid #b0ce60;
  border-bottom:3px solid #fff;
  border-left:2px solid #b0ce60;
  background-image:url(/assets/img/hereLinkBG.gif);
  background-repeat:repeat-x;
  background-position:top center;
  padding-top:1px;
  }


 /* TEMPLATE LISTING ON PRODUCT PAGES */
.template {
      float:left;
      list-style:none;
      margin:auto 0;
      padding:0 20px;
      border-left:1px solid #b0ce60;
      text-align:left;
      line-height:2.0em;
      }
.template li {
      line-height:2.0em;
      }

.backTopHome {font-size:0.7em; line-height:1.6em; border-top:1px dotted #B0CE60; border-bottom:1px dotted #B0CE60; margin:28px 0; padding:2px 0; }
.backTopHome a {color:#33c; }
.backTopHome a:hover {color:#2b8b4a; }

#footerinc {clear:both; width:760px; text-align:center; border-top:3px solid #2b8b4a; padding-top:10px; margin:18px auto; }
#footerinc p {width:100%; margin:auto; text-align:center;}
#footerinc ul {width:100%; margin:0 auto; padding:0; list-style:none; }
#footerinc ul li {font-weight:bold; padding:0; display:inline; list-style:none; }

#footerinc ul li a {text-decoration:none; color:#2b8b4a; }
#footerinc ul li a:hover {color:#0000ff; }
#footerinc a {text-decoration:none; color:#2b8b4a; }

h1{text-wrap: balance;clear:both; text-align:inherit; font-size:20px; font-weight:bold; color:#2b8b4a; margin:0; padding:0; }
h2 {text-wrap: balance;clear:left; text-align:inherit; font-size:1.6em; font-weight:bold; color:#2b8b4a; text-decoration:none; margin-bottom:3px; padding-bottom:0; line-height:1.25em; }
h3 {text-wrap: balance;clear:both; font-weight:bold; font-size:1.4em; margin-bottom:0.5em; }
h3.prodOps {color:#2b8b4a; border-bottom:1px solid #b0ce60; margin:1.5em auto 0 auto; font-size:1.1em; }
h3.prodOps+p, h3.prodOps+img+p {margin-top:0.5em;}
.glamTopIMG {margin:0.8em 0 0 6px; width:600px; height:auto; border:0 solid #fff; }
.floorIMG {margin:0.8em 0 0 6px; width:600px; height:170px; border:0 solid #fff; }
.prodDescription {text-wrap: balance;margin:0 auto; font-weight:bold; line-height:1.3em; }
.recycleMobius14 {height:14px; margin-bottom:-2px; width:16px; }

/* LEAD TIME TABLE ************** */
.bigBox {border:0 solid #666; margin:0 0 12px 0; padding:0; background-color:#FFF; }
#leadtimeTable {border-collapse:collapse; width:600px; }
#leadtimeTable tr td {border-bottom:2px solid gray; border-top:2px solid gray; text-align:center; font-size:14px; padding:6px 2px; }
.rushops {float:left; width:200px; text-align:center; border-bottom:2px solid gray; border-top:2px solid gray; padding-top:4px; padding-bottom:5px; }
.rushops img {margin:0 auto -4px auto; }

/* PRICE TABLES & INSERT SIZE TABLES ************** */
.pxJumpLink {color:#b0ce60; text-align:right; font-size:0.75em; font-weight:bold; margin:1px 6px 0 auto; }
.pxEffective {text-align:right; font-size:11px; font-weight:bolder; color:#b0ce60; margin-right:6px; margin-bottom:-1.0em; letter-spacing:1px; }
.productPricing {border-collapse:collapse; margin-top:0.8em; margin-bottom:1.0em; width:100%; }
.productPricing tbody th {font-size:0.7em; font-weight:bold; background-color:#2b8b4a; color:#ebf2d6;line-height:1.4em; letter-spacing:1px;}
.productPricing tbody tr{background-color:#fbfff0; }
.productPricing tbody tr td {color:black; border-spacing:0; border-collapse:collapse; line-height:2.0em; font-size:16px; border-top:1px dashed #dedede; height:24px; text-align:center;}
.productPricing tbody tr:hover {background:#b0ce60;}
.padLeft {padding-left:8px; }
.padRight {padding-right:8px; }
.sepBorder {border-bottom:1px solid #b0ce60; }
.prodName {font-size:1.1rem; text-align:left; letter-spacing:1px; color:#2b8b4a; border-bottom:1px solid #2b8b4a;  }
.tableFoot{background-color:#b0ce60; }

.printsetupinc {width:100%; background-color:#ebf2d6; margin-bottom:36px; padding:2px; border-collapse:collapse; }
.printsetupinc tr td {border:1px solid #b0ce60; color:black; line-height:1.5em; font-size:11px; text-align:center; padding-left:6px; padding-right:6px; }


table.page-templates {
    border-collapse: collapse;
    width: 100%;
    clear: both;
    font-size: .8rem;
    margin-top: 24px;
    margin-bottom: 0;
    font-weight: normal;
    line-height:160%;
}

table.page-templates td {border-top:1px solid #b0ce60;}
table.page-templates tr:hover {background-color:#ebf2d6;}
table.page-templates thead {color:#999;font-size:.7rem;letter-spacing: .5px;}

.advantages p{text-wrap: balance; margin-bottom:0.5em; font-size:1.1em; font-weight:bolder; line-height:1.4em; }
.advantages ul {margin-top:0; list-style:disc url(/assets/img/check.gif) outside; margin-left:2.0em; padding-left:0; text-indent:-5px; }
.advantages ul li{font-weight:normal; font-size:0.85em; line-height:1.5em; margin-bottom:4px; }

.disclaimer {position: relative; margin-left: 10px; font-size: .75em; }

.employeePhotos {margin-top:8px; margin-right:22px; float:left; width:130px; }
.employeePhotos p {line-height:1.3em; text-align:center; }
.employeePhotos img {float:left; margin-right:6px; border:2px solid #2b8b4a; }

p {font-size:1em; line-height:1.5em }
.firstp {margin-top:0; padding-top:0; }
sup {font-size:.6em;font-weight:normal;line-height:0.4em;position:relative;top:-0.5em;}
a span.bodysubhdr sup { text-decoration:none;}
.noMargin-tb {margin:0 auto;}
.bodysubhdr { font-weight:bolder; font-size:1.2em;  }
.bolder {font-weight:bolder;}
.bold {font-weight:bolder;}
.bodybigbold  {font-weight:bolder; font-size:medium; line-height:1.1em;}
.bodysmall2 { font-size:0.8em; line-height:1.6em }
.bodysmall3 { font-size:0.7em }
.bodysmall4 { color:#060; font-size:0.6em }
.reverse { color:#f5f5dc; font-weight:bolder }
.clr060green { color:#090 }
.green {color:#2b8b4a;}
.clr900red { color:#900 }
.red { color:#C00 }
.clrMidGreen { color:#9eae97 }
.clrMidGrDark { color:#63685c }
.clrWHITE { color:#fff }
.submit { color:#030; font-size:11px; background-color:#ebf2d6; padding-top:1px; padding-bottom:1px; }
.printonly {display:none;}

.popular-glamTopIMG {width:380px;height:auto;float:right;margin:-34px 0 34px 0;}
.footerflag {border:0; height:13px; width:22px; display:inline; margin-bottom:-2px; margin-left: 1px;}


/* MAIN NAVIGATION */
.mainNav{display:block;position:absolute;top:-8px;left:0; width:780px;z-index:1000;}

	.mainNav ul{float:right;margin:0;padding:0;}
	.mainNav li{list-style-type:none;line-height:30px;float:left;position:relative;border:1px solid transparent;margin:10px 0 8px 0;padding:0 10px;}
  .mainNav li a{color:#333;font-weight:bold;text-decoration:none;}
	.mainNav li.navSearch{width:2em;margin:6px 0 -6px -6px;}
	.mainNav li.current,.mainNav li:hover{background-color:#FFF;cursor:pointer;
		position:relative;top:-1px;
		border:1px solid rgb(220,240,220);border-bottom:none;
		}
	.mainNav li.current:hover{background-color:#ECF3D9;}
	.mainNav li:hover{background-color:#FFF;border-color:#ECF3D9;}
  .mainNav li.navSearch:hover{background-color:transparent;border-color:transparent;}
	.mainNav li.current:hover a{color:#000;}
	/*.mainNav li.current a,.mainNav li.current:hover a{color:#FFF !important;}*/
	.mainNav li.hasSubNav{font-size:16px;}
	.mainNav li.hasSubNav:hover{background-color:#ECF3D9; background:#ECF3D9;position:relative;z-index:990;}
	.mainNav li:hover .subNav{display:block;}
  .mainNav li.hasSubNav:hover a{color:#000;}
.subNav{
	background:#ECF3D9;
	width:168px;font-size:15px;line-height:16px;color:#333;position:absolute;top:-18px;left:-1px;overflow:hidden;
	border-top:0 solid rgb(220,240,220); border-width:1px;
	border-left-color:#B0CE60; border-right-color:#B0CE60; border-bottom-color:#B0CE60;
	display:none;
	margin-top:3em !important;z-index:650 !important;
	-moz-box-shadow:0 10px 10px rgba(50,60,50,.7);
	-webkit-box-shadow:0 10px 10px rgba(50,60,50,.7);
	box-shadow:0 10px 10px rgba(50,60,50,.7);
	/*-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=90, Color='#999999')"; For IE 8 ( causes hover color to not work) */
	margin:0;padding:0;
	}
	.subNav ul{float:none;text-align:left;list-style-type:none;margin:0;padding:0;}
	.subNav li{background:none !important;float:none !important;border:none !important;list-style-type:none !important;font-size:14px;line-height:28px !important;margin:0 !important;padding:0;padding-left:10px !important;}
	.subNav li:hover{background:#B0CE60 !important ;border-style:none !important;}
	.mainNav li.hasSubNav:hover .subNav li a{text-decoration:none !important;display:block !important;border:none !important;outline:none !important;margin:0 !important;padding:0 !important;}
	.subNav li a{text-decoration:none;display:block;outline:none !important;margin:0;}
	.subNav a{font-weight:normal !important;color:#333 !important;}
	.subNav a:hover {font-weight:bold !important;}

.crumbs { clear:both; display:block; width:772px; height:30px; margin:0;padding:0; border-top:1px solid #ccc;list-style:none; text-align:left; padding-left:8px; padding-top:3px; font-size:0.8em; letter-spacing:1px;}
	.crumbs li { display:inline; }

@media print {
  body {background-image:url();left:0;}
  #wrap {width:100%;padding:0;margin:0;}
  #headcontainer {padding:0;}
  #headcontainer h1 a span {display:none;}
	a.btnSmall {display:none;}
	#fixed_top, #topnavcon, .crumbs, #footerinc, .backTopHome {display:none;}
	#container {width:100%;}
}

/* EXPERIMENTAL... */
@media only screen and (max-width:568px) {
  body {left:0;}
  html {font-size:1.0em;height:100%;}
  body {left:0; background-image:none; }
  div {}
#fixed_top {position:fixed; margin:0; padding:0; top:0; z-index:100; height:30px; width:100%; background-color:#b0ce60; border-bottom:5px solid #2b8b4a; }
  #topnavcon {width:100%; margin:0;}
  #headcontainer { position:relative; padding:0 12px 0 12px; z-index:99;width:100%; height:184px; margin:0 auto 18px auto; }
  #headcontainer h1 {box-sizing:border-box;width:auto; }
  #headcontainer h1 a {box-sizing:border-box;width:290px; height:76px; background-size: 290px auto; }
  .mainNav{width:98%; padding:inherit 0;}
  .mainNav li.hasSubNav{font-size:11px;}
  .mainNav li {padding:0 4px;}
  #headcontainer #hdconcon {float:right; display:block; font-size:14px; letter-spacing:0; padding:0; line-height:16px; }
  #container.homeContainer { width:100%;padding-top:130px;}
  .crumbs {width:100%; padding-left:0;letter-spacing: 0;}
#dBtnContainer {display:flex; flex-direction: column;float:none;}

  #wrap {width:100%;margin:3.5em 0 0 0;padding:0 12px; }
  #bgcontainer {width:100%;margin:0;padding:0; }
  #container {width:100%;margin:0;padding:0;}
  .homeContainer #dBtnContainer {width:95%; height:auto; background-color: transparent;}
  #footerinc {width:100%; font-size:75%;}
  .footerflag {display:none;}
  .contentBoxRight {display:none;}
  .glamTopIMG, .countermatsIMG, .floorIMG {width:100%; height:auto !important; margin:0.4em 0 0 0;}
  .popular-glamTopIMG {width:100%;height:auto;float:none;margin:0;}
  .productPricing td {font-size:.7em;line-height:1.2em;}
.productPricing tbody tr td {
text-align:right;
line-height: 1.2em;
font-size: 13px;
border-top: 1px dashed #dedede;
height: 18px;
}



p {line-height:1.4em;}
h2, h4 {line-height:1.0em;}
.span6 {width:100% !important;}

ul li, .advantages ul li {line-height:1.2em; margin-bottom:0.6em;}
#leadtimeTable {width:100%; }
#leadtimeTable td {font-size:0.7em; }
#leadtimeTable td .bodybigbold{font-size:0.9em; }
/* PRODUCT MENU */
#topMenu {margin:1.0em 0 0 0; font:bolder 0.70em MyriadWeb, sans-serif; }
#topMenu li a {margin-left:1px; }

h1, header, nav, div, #fixed_top, #topnavcon, .mainNav, #headcontainer, #wrap, #footerinc, p {box-sizing:border-box;}

}

@media only screen and (max-width:320px) {
  .mainNav li.hasSubNav{font-size:10px;}

}

/*@view-transition {
  navigation: auto;
  types: bounce;
}*/