/* ------------ Home page banner ------------ */
#banner {
  position: relative;
  margin: 0px auto;
  padding: 0px;
  width: 100%;
  height: 630px; /* 695 */
  /* height:calc(100vh - 40px); */
  background-color: #FFF;
  overflow: hidden;
}

#banner-tiles {
  display: inline-block;
  position: relative;
  background: inherit;
  list-style: none;
  margin: 0px auto;
  padding: 0px;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
#banner-tiles li {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: #FFF;

  box-sizing: border-box;
  transition: all 0.3s ease 0s;
}

#banner-tiles li > div > section {
  padding:100px 0px 0px 0px;
}

#banner-tiles li article {
  display: block;
  position: relative;
  z-index: 0;
  margin: 0;
  box-sizing: border-box;
}

#banner-tiles li article .angle-banner {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  margin-bottom:20px;
}
#banner-tiles li article h2 {
  display: block;
  text-transform: uppercase;
  font-size: 300%;
  color:#000;
}
#banner-tiles li article p {
  font-size: 18pt; 
  text-transform: uppercase; 
  line-height: 26pt;
}
#banner-tiles li article h2 span {
  display: inline-block;
}
#banner-tiles li article h3 {
  font-size:150%;
}
#banner-tiles li > section:after {
  content: "";
  height: 100%;
  width: 145%;
  /*box-shadow: -860px 0px 85px -125px rgba(220, 220, 220, 0.9) inset;*/
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

#banner-tiles li.sel {
  visibility: visible;
  opacity: 1;
}
#banner-tiles .scroll-button {
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: 100px;
}

/* banner slider backgrounds */
#tile1 {
  background-image: url("../images/banners/home/banner1.jpg");
}

#tile2 {
  background-image: url("../images/banners/home/banner2.jpg");
}

#tile3 {
  background-image: url("../images/banners/home/banner3.jpg");
}

#tile4 {
  background-image: url("../images/banners/home/banner4.jpg");
}

#banner-nav {
  position: absolute;
  bottom: 95px;
  left: 0;
  width: 100%;
  z-index: 1;
}

.banner-overlay {
  border: 0px;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  width: 100%;
  border-collapse: collapse;
}

.banner-overlay .banner-text {
  background: url(/images/site/banner-overlay.png) repeat scroll left top transparent;
  vertical-align: middle;
  padding: 40px 0px;
  vertical-align: middle;
}

#banner-tiles .banner-overlay .banner-text p {
  padding: 0px;
  margin: 0px;
  color: #004d7b;
  text-transform: capitalize;
  font-size: 22px;
  line-height: 22px;
}

.banner-overlay .banner-corner {
  background: url(/images/site/banner-overlay-corner.png) no-repeat scroll right top transparent;
  background-size: 100% 100%;
  width: 75px;
}

.banner-text-lg {
  padding: 40px 0px 0px 58px;
  width: 70%;
}

.banner-heading {
  
}

/* -------- Nav used in banner ------------ */
.circle-nav {
  text-align: center;
}
.circle-nav li {
  border-radius: 50%;
  font-size: 16px;
  height: 1em;
  width: 1em;
  background-color: #FFF;
  z-index: 0;
}
.circle-nav li + li {
  margin-left: .75%;
}
.circle-nav li a {
  display: inline-block;
  height: 100%;
  width: 100%;
  padding: 3px;
  margin-top:-3px;
  margin-left:-3px;
  z-index: 5;
  text-align: left;
  text-indent: -9999px;
  z-index: 5;
}
.circle-nav li:after {
  content: "";
  height: 1.4em;
  width: 1.4em;
  border-radius: 50%;
  background-color: transparent;
  border: .20em solid transparent;
  position: absolute;
  top: -6px;
  left: -6px;
  z-index: -1;
}
.circle-nav li:hover, .circle-nav li.sel {
  background-color: #004D7B;
}
.circle-nav li:hover:after, .circle-nav li.sel:after {
  border-color: #FFF;
}
/* Smaller nav used on product details page, */
.circle-nav.mini li {
  height: 12px;
  width: 12px;
}
.circle-nav.mini li + li {
  margin-left: 10px;
}
.circle-nav.mini li:hover, .circle-nav.mini li.sel {
  background-color: #000;
}
.circle-nav.mini li:after {
  height: 18px;
  width: 18px;
  border-width: 0.15em;
  top: -5px;
  left: -5px;
}

.circle-nav.dark li {
  background-color: #D9DADA;
}
.circle-nav.dark li:hover, .circle-nav.dark li.sel {
  background-color: #000;
}
.circle-nav.dark li:hover:after, .circle-nav.dark li.sel:after {
  border-color: #000;
}

.scroll-button {
  position: absolute;
  bottom: 20px;
  left: 50%;
  display: inline-block;
  box-sizing: border-box;
  color: #A4A4A4 !important;
  font-size: 74%;
  text-transform: uppercase;
  padding-bottom: 25px;
}
.scroll-button:after {
  content: "";
  display: inline-block;
  height: 20px;
  width: 34px;
  background: url("../images/icons/icon_master.png") repeat -26px 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -17px;
}
.scroll-button:hover {
  color: #FFF;
}

.gray-banner {
  position: relative;
  background-color: #004d7b;
  color: #FFF;
  text-align: center;
}
.gray-banner > * {
  margin: 0 auto !important;
}
.gray-banner h1, .gray-banner h2 {
  font: lighter 160%/1 Avenir-Book, Gadget, Arial, sans-serif;
  letter-spacing: 5px;
  padding: 25px 0 20px;
  text-transform: uppercase;
}
.gray-banner nav ul li a {
  display: inline-block;
  box-sizing: border-box;
  font-size: 90%;
  padding: 25px 10px;
  color:#FFF;
}

.gray-banner nav ul li.sel a, .gray-banner nav ul li:hover a {
  background-color:#df7739;
}

.gray-banner.alt h1, .gray-banner.alt h2 { /* removed gray-banner a:hover selector, as it was causing lots of issues -- needs to be more specific */
  padding: 60px 0;
  font-size: 220%;
  font-family: Avenir-Heavy, "Arial Bold", Gadget, Arial, sans-serif;
  letter-spacing: 0;
  text-transform: capitalize;
}

/* ----------------------------------------------------------------
 Main Categories section - includes all section/category classes */
 
.category-icons {
  position: relative;
  background-color: #004D7B;
  text-align: center;
  box-shadow: 0 40px 40px -35px #222 inset;
  font-size: 0;
  z-index: 0;
}
.category-icons .category-text {
  position: relative;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: 95px 2.9% 0;
  width: 20%;
  max-width: 205px;
  min-height: 245px;
  z-index: 2;
  transition: all 0.5s ease 0s;
}
.category-icons .category-text h3, .category-icons .category-text p {
  opacity: 0;
  visibility: hidden;
}
.category-icons .category-text:after, .category-icons .category-text:before {
  content: "";
  background-repeat: no-repeat;
  transition: all 0.5s ease 0s;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.category-icons .category-text:after {
  height: 100%;
  width: 100%;
  background-position: center 60%;
  background-size: auto 49%;
}
.category-icons .category-text:before {
  opacity: 0;
  background-image: url("../images/icons/section_icons.png");
  position: absolute;
  top: 6%;
  left: 50%;
}
.category-icons .category-text:hover {
  background-color: #DFDFDF;
}
.category-icons .category-text:hover h3, .category-icons .category-text:hover p {
  opacity: 1;
  visibility: visible;
}
.category-icons .category-text:hover:after {
  background-size: auto 30%;
  background-position: center 10%;
  background-image: none;
  opacity: 0;
}
.category-icons .category-text:hover:before {
  opacity: 1;
  z-index: 10;
}
.category-icons p:first-child {
  font-size: 12.5pt;
  width: 100%;
  color: #FFF;
  text-align: center;
  position: absolute;
  top: 3px;
  left: 0;
  z-index: 1;
}
.category-icons.foldout p:first-child {
  position: relative;
  top: 0;
}

.category-text {
  font-size: 10pt;
  text-align: left;
  color: #5F6665 !important;
}
.category-text h3, .category-text h1 {
  font-size: 175%;
  line-height: 1;
  font-weight: bold;
  font-family: Avenir-Book, Gadget, Arial, sans-serif;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.category-text h3 span, .category-text h1 span {
  text-transform: none;
  color: #5F6665;
}
.category-text h3 .color-text, .category-text h1 .color-text {
  display: block;
  margin-top: 5px;
  font-size: 70%;
  letter-spacing: 0;
  text-transform: capitalize;
}
.category-text p {
  margin: 1em 5px 1em 0;
}

/********** Classes for Categories / Sections **********/
.active-learning-solutions.button, .active-learning-solutions .button, .blue.button, .blue .button {
  border-color: #004D7B;
  color: #004D7B;
}
.active-learning-solutions.button:hover, .active-learning-solutions .button:hover, .blue.button:hover, .blue .button:hover {
  background-color: #004D7B;
}
.active-learning-solutions.button.arrow:after, .active-learning-solutions .button.arrow:after, .blue.button.arrow:after, .blue .button.arrow:after {
  background-position: 0 0;
}
.active-learning-solutions.button.large, .active-learning-solutions .button.large, .blue.button.large, .blue .button.large {
  background-color: #004D7B;
}
.active-learning-solutions.color-callout, .blue.color-callout {
  background-color: #004D7B;
}
.color-nav .active-learning-solutions:hover, .color-nav .blue:hover {
  background-color: #004D7B;
}
.color-nav .active-learning-solutions span:after, .color-nav .blue span:after {
  background-position: 0 0;
}
.active-learning-solutions .color-text, .active-learning-solutions .detail-header, .blue .color-text, .blue .detail-header, .active-learning-solutions.button input[type="submit"], .blue.button input[type="submit"] {
  color: #004D7B;
}
.active-learning-solutions.left-slant:hover:before, a:hover .active-learning-solutions.left-slant:before, .blue.left-slant:hover:before, a:hover .blue.left-slant:before {
  border-right-color: #004D7B;
}

.active-learning-solutions.category-text:after {
  background-image: url("../images/icons/station-icon.png");
}
.active-learning-solutions.category-text:before {
  width: 62px;
  height: 62px;
  background-position: 0 0;
  margin-left: -31px;
}
.active-learning-solutions.cat-decor, .active-learning-solutions .cat-decor {
  border-right-color: #004D7B;
}
.active-learning-solutions.cat-decor:after, .active-learning-solutions .cat-decor:after {
  background-color: #004D7B;
  background-image: url("../images/icons/station-icon.png");
}
.active-learning-solutions.cat-decor:before, .active-learning-solutions .cat-decor:before {
  border-right-color: #004D7B;
}
.active-learning-solutions.category-prod-info li:after, .active-learning-solutions .category-prod-info li:after {
  background-color: #004D7B;
}
.active-learning-solutions.product-banner + #breadcrumbs li.sel a, .active-learning-solutions.product-banner + #breadcrumbs a:hover {
  color: #004D7B;
}
.active-learning-solutions.tabs a:hover, .active-learning-solutions.tabs a.sel, .active-learning-solutions .tabs a:hover, .active-learning-solutions .tabs a.sel {
  background-color: #004D7B;
  border-color: #004D7B;
}
.active-learning-solutions.tabs a:hover:after, .active-learning-solutions.tabs a.sel:after, .active-learning-solutions .tabs a:hover:after, .active-learning-solutions .tabs a.sel:after {
  border-top-color: #004D7B;
}
/*.active-learning-solutions.is-new:after,
.active-learning-solutions .is-new:after,
.active-learning-solutions.is-new-left:after,
.active-learning-solutions .is-new-left:after {
  background-color: #004D7B;
}*/
.active-learning-solutions article h2 span {
  color:#004D7B;
}

.lectern-podium-solutions.button, .lectern-podium-solutions .button, .orange.button, .orange .button {
  border-color: #DF7739;
  color: #DF7739;
}
.lectern-podium-solutions.button:hover, .lectern-podium-solutions .button:hover, .orange.button:hover, .orange .button:hover {
  background-color: #DF7739;
}
.lectern-podium-solutions.button.arrow:after, .lectern-podium-solutions .button.arrow:after, .orange.button.arrow:after, .orange .button.arrow:after {
  background-position: -15px 0;
}
.lectern-podium-solutions.button.large, .lectern-podium-solutions .button.large, .orange.button.large, .orange .button.large {
  background-color: #DF7739;
}
.lectern-podium-solutions.color-callout, .orange.color-callout {
  background-color: #DF7739;
}
.color-nav .lectern-podium-solutions:hover, .color-nav .orange:hover {
  background-color: #DF7739;
}
.color-nav .lectern-podium-solutions span:after, .color-nav .orange span:after {
  background-position: -15px 0;
}
.lectern-podium-solutions .color-text, .lectern-podium-solutions .detail-header, .orange .color-text, .orange .detail-header, .lectern-podium-solutions.button input[type="submit"], .orange.button input[type="submit"] {
  color: #DF7739;
}
.lectern-podium-solutions.left-slant:hover:before, a:hover .lectern-podium-solutions.left-slant:before, .orange.left-slant:hover:before, a:hover .orange.left-slant:before {
  border-right-color: #DF7739;
}

.lectern-podium-solutions.category-text:after {
  background-image: url("../images/icons/lectern-icon.png");
}
.lectern-podium-solutions.category-text:before {
  width: 67px;
  height: 62px;
  background-position: -63px 0;
  margin-left: -33.5px;
}
.lectern-podium-solutions.cat-decor, .lectern-podium-solutions .cat-decor {
  border-right-color: #DF7739;
}
.lectern-podium-solutions.cat-decor:after, .lectern-podium-solutions .cat-decor:after {
  background-color: #DF7739;
  background-image: url("../images/icons/lectern-icon.png");
}
.lectern-podium-solutions.cat-decor:before, .lectern-podium-solutions .cat-decor:before {
  border-right-color: #DF7739;
}
.lectern-podium-solutions.category-prod-info li:after, .lectern-podium-solutions .category-prod-info li:after {
  background-color: #DF7739;
}
.lectern-podium-solutions.product-banner + #breadcrumbs li.sel a, .lectern-podium-solutions.product-banner + #breadcrumbs a:hover {
  color: #DF7739;
}
.lectern-podium-solutions.tabs a:hover, .lectern-podium-solutions.tabs a.sel, .lectern-podium-solutions .tabs a:hover, .lectern-podium-solutions .tabs a.sel {
  background-color: #DF7739;
  border-color: #DF7739;
}
.lectern-podium-solutions.tabs a:hover:after, .lectern-podium-solutions.tabs a.sel:after, .lectern-podium-solutions .tabs a:hover:after, .lectern-podium-solutions .tabs a.sel:after {
  border-top-color: #DF7739;
}
/*.lectern-podium-solutions.is-new:after,
.lectern-podium-solutions .is-new:after,
.lectern-podium-solutions.is-new-left:after,
.lectern-podium-solutions .is-new-left:after {
  background-color: #DF7739;
}*/
.lectern-podium-solutions article h2 span {
  color:#DF7739;
}

.mobile-computing-solutions.button, .mobile-computing-solutions .button, .green.button, .green .button {
  border-color: #9CBE43;
  color: #9CBE43;
}
.mobile-computing-solutions.button:hover, .mobile-computing-solutions .button:hover, .green.button:hover, .green .button:hover {
  background-color: #9CBE43;
}
.mobile-computing-solutions.button.arrow:after, .mobile-computing-solutions .button.arrow:after, .green.button.arrow:after, .green .button.arrow:after {
  background-position: -30px 0;
}
.mobile-computing-solutions.button.large, .mobile-computing-solutions .button.large, .green.button.large, .green .button.large {
  background-color: #9CBE43;
}
.mobile-computing-solutions.color-callout, .green.color-callout {
  background-color: #9CBE43;
}
.color-nav .mobile-computing-solutions:hover, .color-nav .green:hover {
  background-color: #9CBE43;
}
.color-nav .mobile-computing-solutions span:after, .color-nav .green span:after {
  background-position: -30px 0;
}
.mobile-computing-solutions .color-text, .mobile-computing-solutions .detail-header, .green .color-text, .green .detail-header, .mobile-computing-solutions.button input[type="submit"], .green.button input[type="submit"] {
  color: #9CBE43;
}
.mobile-computing-solutions.left-slant:hover:before, a:hover .mobile-computing-solutions.left-slant:before, .green.left-slant:hover:before, a:hover .green.left-slant:before {
  border-right-color: #9CBE43;
}

.mobile-computing-solutions article h2 span {
  color: #9CBE43;
}

.mobile-computing-solutions.category-text:after {
  background-image: url("../images/icons/cart-icon.png");
}
.mobile-computing-solutions.category-text:before {
  width: 38px;
  height: 63px;
  background-position: -132px 0;
  margin-left: -19px;
}
.mobile-computing-solutions.cat-decor, .mobile-computing-solutions .cat-decor {
  border-right-color: #9CBE43;
}
.mobile-computing-solutions.cat-decor:after, .mobile-computing-solutions .cat-decor:after {
  background-color: #9CBE43;
  background-image: url("../images/icons/cart-icon.png");
}
.mobile-computing-solutions.cat-decor:before, .mobile-computing-solutions .cat-decor:before {
  border-right-color: #9CBE43;
}
.mobile-computing-solutions.category-prod-info li:after, .mobile-computing-solutions .category-prod-info li:after {
  background-color: #9CBE43;
}
.mobile-computing-solutions.product-banner + #breadcrumbs li.sel a, .mobile-computing-solutions.product-banner + #breadcrumbs a:hover {
  color: #9CBE43;
}
.mobile-computing-solutions.tabs a:hover, .mobile-computing-solutions.tabs a.sel, .mobile-computing-solutions .tabs a:hover, .mobile-computing-solutions .tabs a.sel {
  background-color: #9CBE43;
  border-color: #9CBE43;
}
.mobile-computing-solutions.tabs a:hover:after, .mobile-computing-solutions.tabs a.sel:after, .mobile-computing-solutions .tabs a:hover:after, .mobile-computing-solutions .tabs a.sel:after {
  border-top-color: #9CBE43;
}
/*.mobile-computing-solutions.is-new:after,
.mobile-computing-solutions .is-new:after,
.mobile-computing-solutions.is-new-left:after,
.mobile-computing-solutions .is-new-left:after {
  background-color: #9CBE43;
}*/
.desk-table-solutions.button, .desk-table-solutions .button, .brown.button, .brown .button {
  border-color: #925A43;
  color: #925A43;
}
.desk-table-solutions.button:hover, .desk-table-solutions .button:hover, .brown.button:hover, .brown .button:hover {
  background-color: #925A43;
}
.desk-table-solutions.button.arrow:after, .desk-table-solutions .button.arrow:after, .brown.button.arrow:after, .brown .button.arrow:after {
  background-position: -45px 0;
}
.desk-table-solutions.button.large, .desk-table-solutions .button.large, .brown.button.large, .brown .button.large {
  background-color: #925A43;
}
.desk-table-solutions.color-callout, .brown.color-callout {
  background-color: #925A43;
}
.color-nav .desk-table-solutions:hover, .color-nav .brown:hover {
  background-color: #925A43;
}
.color-nav .desk-table-solutions span:after, .color-nav .brown span:after {
  background-position: -45px 0;
}
.desk-table-solutions .color-text, .desk-table-solutions .detail-header, .brown .color-text, .brown .detail-header, .desk-table-solutions.button input[type="submit"], .brown.button input[type="submit"] {
  color: #925A43;
}
.desk-table-solutions.left-slant:hover:before, a:hover .desk-table-solutions.left-slant:before, .brown.left-slant:hover:before, a:hover .brown.left-slant:before {
  border-right-color: #925A43;
}

.desk-table-solutions.category-text:after {
  background-image: url("../images/icons/desk-icon.png");
}
.desk-table-solutions.category-text:before {
  width: 68px;
  height: 62px;
  background-position: -170px 0;
  margin-left: -34px;
}
.desk-table-solutions.cat-decor, .desk-table-solutions .cat-decor {
  border-right-color: #925A43;
}
.desk-table-solutions.cat-decor:after, .desk-table-solutions .cat-decor:after {
  background-color: #925A43;
  background-image: url("../images/icons/desk-icon.png");
}
.desk-table-solutions.cat-decor:before, .desk-table-solutions .cat-decor:before {
  border-right-color: #925A43;
}
.desk-table-solutions.category-prod-info li:after, .desk-table-solutions .category-prod-info li:after {
  background-color: #925A43;
}
.desk-table-solutions.product-banner + #breadcrumbs li.sel a, .desk-table-solutions.product-banner + #breadcrumbs a:hover {
  color: #925A43;
}
.desk-table-solutions.tabs a:hover, .desk-table-solutions.tabs a.sel, .desk-table-solutions .tabs a:hover, .desk-table-solutions .tabs a.sel {
  background-color: #925A43;
  border-color: #925A43;
}
.desk-table-solutions.tabs a:hover:after, .desk-table-solutions.tabs a.sel:after, .desk-table-solutions .tabs a:hover:after, .desk-table-solutions .tabs a.sel:after {
  border-top-color: #925A43;
}
.desk-table-solutions article h2 span {
  color:#925A43;
}

/*.desk-table-solutions.is-new:after,
.desk-table-solutions .is-new:after,
.desk-table-solutions.is-new-left:after,
.desk-table-solutions .is-new-left:after {
  background-color: #925A43;
}*/
.flexible-seating-solutions.button, .flexible-seating-solutions .button, .red.button, .red .button {
  border-color: #9E032A;
  color: #9E032A;
}
.flexible-seating-solutions.button:hover, .flexible-seating-solutions .button:hover, .red.button:hover, .red .button:hover {
  background-color: #9E032A;
}
.flexible-seating-solutions.button.arrow:after, .flexible-seating-solutions .button.arrow:after, .red.button.arrow:after, .red .button.arrow:after {
  background-position: -60px 0;
}
.flexible-seating-solutions.button.large, .flexible-seating-solutions .button.large, .red.button.large, .red .button.large {
  background-color: #9E032A;
}
.flexible-seating-solutions.color-callout, .red.color-callout {
  background-color: #9E032A;
}
.color-nav .flexible-seating-solutions:hover, .color-nav .red:hover {
  background-color: #9E032A;
}
.color-nav .flexible-seating-solutions span:after, .color-nav .red span:after {
  background-position: -60px 0;
}
.flexible-seating-solutions .color-text, .flexible-seating-solutions .detail-header, .red .color-text, .red .detail-header, .flexible-seating-solutions.button input[type="submit"], .red.button input[type="submit"] {
  color: #9E032A;
}
.flexible-seating-solutions.left-slant:hover:before, a:hover .flexible-seating-solutions.left-slant:before, .red.left-slant:hover:before, a:hover .red.left-slant:before {
  border-right-color: #9E032A;
}

.flexible-seating-solutions.category-text:after {
  background-image: url("../images/icons/chair-icon.png");
}
.flexible-seating-solutions.category-text:before {
  width: 50px;
  height: 64px;
  background-position: -239px 0;
  margin-left: -25px;
}
.flexible-seating-solutions.cat-decor, .flexible-seating-solutions .cat-decor {
  border-right-color: #9E032A;
}
.flexible-seating-solutions.cat-decor:after, .flexible-seating-solutions .cat-decor:after {
  background-color: #9E032A;
  background-image: url("../images/icons/chair-icon.png");
}
.flexible-seating-solutions.cat-decor:before, .flexible-seating-solutions .cat-decor:before {
  border-right-color: #9E032A;
}
.flexible-seating-solutions.category-prod-info li:after, .flexible-seating-solutions .category-prod-info li:after {
  background-color: #9E032A;
}
.flexible-seating-solutions.product-banner + #breadcrumbs li.sel a, .flexible-seating-solutions.product-banner + #breadcrumbs a:hover {
  color: #9E032A;
}
.flexible-seating-solutions.tabs a:hover, .flexible-seating-solutions.tabs a.sel, .flexible-seating-solutions .tabs a:hover, .flexible-seating-solutions .tabs a.sel {
  background-color: #9E032A;
  border-color: #9E032A;
}
.flexible-seating-solutions.tabs a:hover:after, .flexible-seating-solutions.tabs a.sel:after, .flexible-seating-solutions .tabs a:hover:after, .flexible-seating-solutions .tabs a.sel:after {
  border-top-color: #9E032A;
}
/*.flexible-seating-solutions.is-new:after,
.flexible-seating-solutions .is-new:after,
.flexible-seating-solutions.is-new-left:after,
.flexible-seating-solutions .is-new-left:after {
  background-color: #9E032A;
}
*/
.flexible-seating-solutions article h2 span {
  color:#9E032A;
}
/* category colors on sidebar, with category icon and angled box on bottom right */

.cat-decor {
  position: relative;
  box-sizing: border-box;
  border-right-style: solid;
  border-right-width: 20px;
}
.cat-decor:after, .cat-decor:before {
  content: "";
  position: absolute;
  bottom: 0;
  z-index: 3;
}
.cat-decor:after {
  height: 125px;
  width: 82px;
  background-position: 2px center;
  background-repeat: no-repeat;
  background-size: auto 40%;
  background-color:#242424;
  background-image:url(/images/icons/generic-icon.png);
  right: 0;
}
.cat-decor:before {
  border-right-width: 50px;
  border-right-style: solid;
  border-top: 125px solid transparent;
  right: 82px;
  -moz-transform: scale(0.9999);
  transform: scale(0.9999);
}

.new-products.cat-decor:after, .new-products .cat-decor:after {
  background-image:url(/images/icons/new-icon.png);
}

/******** Main Content styles *********/
.content {
  color: #5F6665;
  text-align: center;
  padding: 40px 0;
}
.content p, .content ul {
  font-size: 81%;
}

/* some default styling for lists */

.list-style {
  list-style: none;
  margin:1em auto;
  padding:0;
}

.list-style > li {
  position: relative;
  display: inline-block;
  padding-left:13px;
}

.list-style > li + li {
  margin-top:15px;
}

.list-style > li:before {
  content:"";
  display: inline-block;
  height:6px;
  width:6px;
  border-radius:50%;
  background-color:#004D7B;
  
  position: absolute;
  top:6px;
  left:0;
}

.content.shift {
/*   background: url("../images/site/content_banner.jpg") no-repeat right center; */
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  text-align: left;
  padding: 35px 0;
}
#banner ~ .content.shift {
  padding: 80px 0 120px;
}
.content.shift .contain, .content.shift .gray-banner nav ul, .gray-banner nav .content.shift ul, .content.shift .whats-new .media-list, .whats-new .content.shift .media-list {
  box-sizing: border-box;
  padding-right: 500px;
}

.sub-header {
  font: 95% Avenir-Book, Gadget, Arial, sans-serif;
  text-transform: uppercase;
}

/****** Featured Product Section ******/
.category-icons + .no-margins, .gray-banner nav .category-icons + ul {
  position: relative;
  border-bottom: 10px solid #5F6665;
}

.featured-product {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  z-index: 0;
}
.featured-product ul:first-child {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}
.featured-product ul:first-child li {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  height: 100%;
  width: 100%;
  white-space: normal;
  
  transition:opacity 0.2s ease 0s;
  
  position: absolute;
  top:0;
  left:0;
}
.featured-product ul:first-child li.sel {
  position: relative;

  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.featured-product .cat-decor {
  border-right-width: 50px;
}
.featured-product .cat-decor:after {
  width: 60px;
  height: 127px;
}
.featured-product .cat-decor:before {
  right: 60px;
}
.featured-product figure {
  margin: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
  
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
}
.featured-product figure img {
  position: absolute;
/*
  top: 0;
  left: 0;
*/

  top:50%;
  left:50%;
  
  /* Vertically + Horizontally center (IE9+) */
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  
  min-height: 100%;
  min-width: 100%;
  max-width: none;
  z-index: -1;
}
.featured-product figure a {
  height: 100%;
  width: 100%;
  display: block;
  box-sizing: border-box;
}
.featured-product .side-bar {
  position: absolute;
  top: 0;
  right: 0;
  width: -50px;
  height: 100%;
  z-index: 5;
}
.featured-product .side-bar h3 {
  font: 125% Avenir-Book, Gadget, Arial, sans-serif;
  display: inline-block;
  box-sizing: border-box;
  padding-left: 50px;
  position: absolute;
  color: #FFF;
  top: 0;
  left: 0;
  min-width: 500px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 5%;
  -moz-transform-origin: 5%;
  -ms-transform-origin: 5%;
  -o-transform-origin: 5%;
  transform-origin: 5%;
}
.featured-product .prod-heading {
  padding: 15px 85px 10px 7%;
}
.featured-product .prod-heading.left-slant:before {
  border-top-width: 128px;
  border-right-width: 35px;
}
.featured-product .circle-nav {
  width: 100px;
  position: absolute;
  bottom: 18px;
  left: 10%;
  margin-left: 250px;
  z-index: 6;
}
.featured-product, .featured-product + .color-nav {
  display: inline-block;
  width: 50%;
}
.featured-product + .color-nav {
  padding-left: 50%;
}

.color-nav a {
  position: relative;
  padding: 9.5% 6.5% 8.9% 10.5%;
  display: block;
  color: #5F6665;
  background-color: #DFDFDF;
}
.color-nav a span {
  position: relative;
  font-size: 91%;
  text-transform: uppercase;
}
.color-nav a span:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  margin-left: 10px;
  height: 12px;
  width: 14px;
  background-image: url("../images/icons/small_arrows.png");
}
.color-nav a + a:before {
  content: "";
  height: 1px;
  width: 73%;
  background-color: #A5A5A7;
  position: absolute;
  top: 0;
  left: 10.5%;
}
.color-nav a + a:hover:before {
  content: none;
}
.color-nav a:hover {
  color: #FFF;
}
.color-nav a:hover span:after {
  background-position: -76px 0;
  transition: none;
}

/****** "What's New" Section ******/
.whats-new {
	background-color: #5F6665;
	color: #FFF;
	/*  padding: 25px 0; */
	padding-bottom:25px;
	text-align: center;
}

.whats-new.foldout {
	height:93px;
}

.whats-new .plus, .whats-new h3:first-child, .whats-new h2:first-child {
	padding:25px 0;
	transition:all 0.3s ease 0s;
	margin-bottom:0;
}
.whats-new h2 {
	margin-bottom:15px !important;
}
.whats-new .plus:hover,
.whats-new .plus.sel {
	background-color:#DF7739;
}

.whats-new .button {
	margin-bottom:0;
	margin-top:10px;
	padding-top:17px;
}

.media-list {
	font-size: 0;
  
	display: block;
	display: flex;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: stretch;
	align-items: stretch;
}
.media-list li {
	font-size: 14pt;
	box-sizing: border-box;
 /*  width: 31%; */
	width:301px;
	min-height: 365px;
	margin: 12px;
	background-color:#FFF;
}
/*
.media-list li + li, .media-list .media-article + .media-article {
  margin-left: 1.66%;
}
*/

/* needs to be re-set with media queries for responsive layout */
.media-list li:nth-child(3n-1) {
  /*
  margin-left:1.66%;
  margin-right:1.66%;
  */
}

.media-list li a {
	display: inline-block;
	vertical-align: top;
}

.media-list .media-article {
	text-align: left;
}
.media-list .media-article figure {
	position: relative;
	margin: 0;
	height: 270px;
	
	background-repeat: no-repeat;
	background-size:cover;
	background-position:center center;
	background-color:#EEE;
}
.media-list li figure a {
	position: absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
}
.media-list .media-article figure img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	height: 100%;
}
.media-list .media-article figure .article-label {
	box-sizing: border-box;
	padding: 15px;
	min-width: 150px;
	color: #FFF;
	background-color: rgba(0, 0, 0, 0.8);
	font-size: 70%;
	position: absolute;
	bottom: 0;
	left: 0;
}
.media-list .media-article section {
	box-sizing: border-box;
	padding: 15px;
	background-color: #FFF;
	color: #5F6665;
	font-size: 81%;
}
.media-list .media-article section h4 {
	font-size: 100%;
	line-height: 1.2;
	text-transform: uppercase;
	margin-bottom:15px;
}
.media-list .media-article section article > div {
	margin: 0;
	font-family: Avenir-Roman, Gadget, Arial, sans-serif;
	
	min-height:52px;
	line-height:1.15;
}
.media-list .media-article section a {
	color:#DF7739;
}
.media-list .media-article section a:hover,
.media-list .media-article section a:active {
	color:inherit;	
}

.media-list .color-callout {
	position: relative;
	box-sizing: border-box;
	text-align: center;
  
	display: inline-block;
	display: inline-flex;
	display: -webkit-inline-flex;
	-webkit-flex-flow:column wrap;
	flex-flow:column wrap;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
  
	width: 301px;
	
	padding: 0;
	margin:12px;
}
.media-list .color-callout a {
	position: relative;
	padding-top: 145px;
	padding-left: 2%;
	padding-right: 2%;
  
	color:inherit;
}

/*
.media-list .color-callout h3 {
  font-size: 215%;
}
*/
.media-list .color-callout p {
  margin: 1.5em auto;
  font-size: 90%;
  line-height: 1.5;
  text-transform: uppercase;
}
.media-list .color-callout img {
  position: absolute;
  top: 30px;
  left: 50%;
}
.media-list .color-callout.media img {
  margin-left: -64px;
}

.format-list li {
  position: relative;
  padding-left: 15px;
}
.format-list li + li {
  margin-top: 1em;
}
.format-list li:before {
  content: "\02022";
  color: #004D7B;
  position: absolute;
  left: 0;
  top: 3px;
}

/* ------------------ General sub-page styles ----------------- */

.sub-banner {
  position: relative;
  color: #FFF;
  text-align: center;
  background-image: url("../images/banners/sub/sub-banner1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 320px;
  z-index: 0;
  overflow: hidden;
}
.sub-banner > article {
  display: block;
  width: 100%;
}
.sub-banner h1 {
  position: relative;
  font-size: 400%;
  text-transform: uppercase;
  margin: 80px auto 0;
  padding-top: 50px;
  max-width:1000px;
}
.sub-banner .sub-heading {
  color: #FFF;
  display: block;
  margin: 0 auto;
  font: 120% Avenir-Book, Gadget, Arial, sans-serif;
  text-transform: capitalize;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top:70px;
}
.sub-banner h2, .sub-banner p {
  font-size: 300%;
  max-width: 700px;
  margin: 4.5% auto;
}
.sub-banner p {
  font-size: 110%;
}
.sub-banner:after {
  content: "";
  height: 100%;
  width: 100%;
  background-color: rgba(50, 50, 50, 0.75);
  box-shadow: 0 150px 80px -80px #333 inset;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.color-callout {
  text-align: center;
  color: #FFF;
  box-sizing: border-box;
  padding: 55px 2.5% 0;
  min-height: 300px;
}
.color-callout h2, .color-callout h3, .color-callout h4 {
  text-transform: capitalize;
  font-size: 200%;
}
.color-callout p {
  margin: 2em auto 0;
  max-width: 960px;
  font-size: 90%;
  line-height: 2em;
}

.img-full {
  padding: 50px 0;
  text-align: center;
}

.callout1 {
  box-sizing: border-box;
  padding: 42px 2.5%;
  color: #FFF;
  /* background-color: #684287; */
  background-color:#004D7B;
  text-align: center;
}
.callout1 h3 {
  font-size: 200%;
  text-transform: none;
  margin: 0;
}
.callout1 p {
  font-size: 90%;
  text-transform: uppercase;
  margin: 0.5em 0;
}
.callout1 .callout-text {
  text-align: left;
  padding-left: 85px;
}
.callout1 .callout-text:before {
  content: "";
  height: 68px;
  width: 64px;
  background: url("../images/icons/icon_master.png");
  background-position: 2px -25px;
  position: absolute;
  left: 0;
  top: 0;
}
.callout1 .button {
  border-color: #FFF;
  color: #FFF;
  margin-left: 3.5%;
}
.callout1 .button.arrow:after {
  background-position: -75px 0;
}
.callout1 .button.arrow:hover:after {
  background-position: 0 0;
}
.callout1 .button:hover {
  background-color: #df6d28;
  border: 3px solid #df6d28;
  /* color: #684287; */
  color:#fff;
}

#breadcrumbs {
  background-color: #FFF;
  padding: 5px 0;
  
  max-width: 980px;
  margin: 0 auto;
  position:relative
}
#breadcrumbs > ul {
	display: inline-block;
}
#breadcrumbs ul li + li:before {
  content: "/";
  vertical-align: baseline;
  margin-right: 2px;
  font-size: 75%;
}
#breadcrumbs ul li.sel a {
  font-weight: bold;
}
#breadcrumbs ul li a {
  display: inline-block;
  padding: 10px 5px;
  font-size: 70%;
  text-transform: uppercase;
}

active-learning-solutions #requestButton.sticky {
	background-color: #004D7B;
}

.lectern-podium-solutions #requestButton.sticky {
	background-color:#DF7739;
}

.mobile-computing-solutions #requestButton.sticky {
	background-color: #9CBE43;
}

.desk-table-solutions #requestButton.sticky {
	background-color: #925A43;
}

.flexible-seating-solutions #requestButton.sticky {
	background-color: #9E032A;
}
#requestButton {
	position:absolute;
	right:0;
	top:0;
	background-color:#5F6665;
	color:#FFF;
	padding:10px;
	cursor:pointer;
	transition: background-color 0.3s ease 0s;
}

#requestButton.sticky {
	background-color: #004D7B;
	position: fixed;
	top: 105px;
	max-width: 145px;
	margin: auto;
	left: 815px;
	right: 0px;
	z-index: 999;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	transition: background-color 0.3s ease 0s; 
}

/******************************************************
Product Pages ***/

.product-banner {
  position: relative;
  background-color: #DFDFDF;
  border-bottom: 10px solid #5F6665;
  overflow: hidden;
  height: 350px;
}
.product-banner img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 60%;
  min-height: 100%;
  z-index: 0;
}
.product-banner section {
  background-color: #DFDFDF;
  box-sizing: border-box;
  padding-left: 20px;
  width: 63%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
}
.product-banner section .category-text {
  font-size: 100%;
  box-sizing: border-box;
  padding-left: 115px;
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  -o-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  
  
  padding-right: 120px; /* 16% */
}

/* external link image */
.category-text > img {
  position:relative;
  min-width:0;
  min-height:0;
}

.product-banner section .category-text h3, .product-banner section .category-text h1 {
  font-weight: lighter;
  margin: 0;
}
.product-banner section .category-text h3 span, .product-banner section .category-text h1 span {
  font-weight: bold;
  text-transform: lowercase;
}
.product-banner section .category-text p {
  font-size: 76%;
}
.product-banner section .category-prod-info {
  width: 100%;
  box-sizing: border-box;
  padding-right: 120px;
  padding-left: 9.5%;
  position: absolute;
  bottom: 30px;
  left: 0;
}
.product-banner section .category-prod-info .shipping {
  width: 52%;
}
.product-banner section .category-prod-info .assembly {
  width: 41%;
}
.product-banner .category-heading .angle-edge, .product-banner .angle-edge {
  width: 130px;
  height: 102%;
  background-color: #EAEAEA;
  position: absolute;
  right: 100%;
  margin-right:-64px;
  top: 0;
  z-index: 4;
  -webkit-transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  -ms-transform: skew(-20deg);
  -o-transform: skew(-20deg);
  transform: skew(-20deg);
}

.product-banner.small .angle-edge {
  width:110px;
}

.product-banner.small {
  height: 245px;
}
/*
.product-banner.small section .category-text {
  bottom: 15px;
}
*/
.product-banner.small section .category-prod-info {
  padding-right: 125px;
  padding-left: 11.5%;
  bottom: 20px;
/*   text-align: center; */
}

.product-tiles {
  padding: 30px 0;
  
}
.product-tiles ul, .outlet-cats ul {
  text-align: center;
}
.product-tiles ul li, .outlet-cats ul li,
.product-tiles div div .prod-tile {
  position: relative;
  display: inline-block;
  vertical-align: top;
  /* width: 32%; */
  width:316px;
  box-sizing: border-box;
  padding:1.1% 1.1% 0;

  overflow: hidden; /* For "New" Flag */
}

/*
.product-tiles ul li:nth-child(3n-1) {
  margin-left:2%;
  margin-right:2%;
}

.product-tiles ul li:nth-child(1n+4) {
  margin-top:1.25%;
}
*/

.product-tiles ul li a, .outlet-cats ul li a {
  display: inline-block;
  height: 100%;
  width: 100%;
}

.product-tiles ul li a figure, .outlet-cats ul li a figure {
  position: relative;
  margin: 0;
  width: 100%;
  height: 0;
  padding-bottom: 95%;
  overflow: hidden;
}
.product-tiles ul li a figure img, .outlet-cats ul li a figure img {
  position: absolute;
  top: 50%;
  left:50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  
/*
  min-height: 100%;
  min-width: 100%;
  max-width:none;
*/
  
  max-width:100%;
  max-height:100%;
}
.product-tiles ul li a figure .prod-heading {
  padding: 15px 2.5% 10px 4.5%;
  box-sizing: border-box;
  min-height: 140px;
}
.product-tiles ul li a figure .prod-heading span {
  display: block;
  line-height:1.2;
  font-size: 75%;
}
.product-tiles ul li a figure .prod-heading h5 {
  margin:10px 0 0;
  font-size: 95%;
  line-height:1.15;
}
.product-tiles ul li a:hover .prod-heading {
  background-color: #004D7B;
}

/* New layout for product tiles + outlet store */
.product-tiles ul li, .outlet-cats ul li {
  min-height:350px;
}

.product-tiles ul li a > figcaption, .outlet-cats ul li a > figcaption {
  background-color:#004D7B;
  color:#FFF;
}

.product-tiles ul li a > figcaption > h5 {
	display: flex;
	justify-content: center;
	flex-direction: column;
	flex-wrap: wrap;
}
.product-tiles ul li a > figcaption > h5 span {
	color: #fff;
	font-size: 10.5pt;
	padding: 5px 0;
	width: 100%;
}
.product-tiles ul li a > figcaption > h5, .outlet-cats ul li a > figcaption > h5 {
  box-sizing:border-box;
  padding:6px 9%;
  line-height:1.15;
  min-height:60px;
  
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  -ms-flex-pack:center;
  -ms-flex-align:center;
  -ms-flex: 1 1 auto;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  flex: 1 1 auto;
  /* */
  align-items: center;
  justify-content: center;
  flex-pack:center;
  
  text-transform:none;
}

/* Category Tiles */
.product-tiles li.cat-tile figure:before {
  content: ' ';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  background-color: rgba(33, 37, 38, 0.6);
  opacity: 0;
  transition: opacity 0.25s ease 0s;

}
.product-tiles li.cat-tile figure figcaption {
  color: #FFFFFF;
  font-size: 28px;
  z-index: 2;
  position: absolute;
  width: 100%;
  margin-top: 130px;
  font-family: Avenir-Heavy, "Arial Bold", Gadget, Arial, sans-serif;
  opacity: 0;
  transition: opacity 0.25s ease 0s;
}

.product-tiles li.cat-tile figure:hover:before,
.product-tiles li.cat-tile figure:hover figcaption {
  opacity: 1;
}

.product-tiles ul li.cat-tile a > figcaption h5 {
  margin-bottom: 0;
}

.product-tiles ul li.cat-tile a > figcaption small {
  display: block;
  padding: 0 0 6px 0;
  font-size: 80%;
}

/* adjust size for outlet store */
.outlet-cats ul li a > figcaption > h5 {
  font-size:12pt;
}

/* Angled-edge background */
.left-slant {
  width: 92% !important;
}
.left-slant:before {
  content: "";
  border-right-style: solid;
  border-top-style: solid;
  border-right-color: rgba(223, 223, 223, 0.8);
  border-top-color: transparent;
  border-right-width: 25px;
  border-top-width: 140px;
  position: absolute;
  right: 100%;
  bottom: 0;
  -moz-transform: scale(0.9999);
  transform: scale(0.9999);
}
.left-slant a:hover:before, a:hover .left-slant:before {
  border-right-color: #004D7B;
}

.prod-heading {
  
  background-color: rgba(223, 223, 223, 0.8);
  /* background:url('../images/site/metallic_texture.png') repeat top right; */
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
}
.prod-heading span {
  font-size: 70%;
  text-transform: uppercase;
  color: #004d7b;
  font-weight: bold;
  display: inline-block;
}
.prod-heading h5 {
  font: 120% Avenir-Book, Gadget, Arial, sans-serif;
  margin: 6px 0;
}

.category-prod-info {
  font-size: 73%;
}
.category-prod-info.vertical li {
  display: block;
  margin-top: 3em;
  margin-left: 0;
  padding-top:20px;
  padding-bottom:20px;
}
.category-prod-info li {
  box-sizing: border-box;
  padding-left: 55px;
  text-align: left;
}
.category-prod-info li:before {
  content: "";
  background-image: url("../images/icons/category_info_icons.png");
  z-index: 5;
  position: absolute;
  top: 50%;
}
.category-prod-info li:after {
  content: "";
  display: inline-block;
  border-radius: 50%;
  height: 44px;
  width: 44px;
  background-color: #004D7B;
  position: absolute;
  position: absolute;
  top: 50%;
  margin-top: -22px;
  left: 0;
}
.category-prod-info li + li {
  margin-left: 5%;
}
.category-prod-info .shipping:before {
  height: 27px;
  width: 27px;
  background-position: 0 0;
  margin-top: -13px;
  left: 9px;
}
.category-prod-info .assembly:before {
  height: 24px;
  width: 24px;
  background-position: -28px 0;
  margin-top: -12px;
  left: 10px;
}
.category-prod-info .fully-assembled:before {
  height: 24px;
  width: 24px;
  background-position: 25px 0;
  margin-top: -15px;
  left: 10px;
}

/*---------------- Product Details section ----------------*/
.prod-photos {
  overflow: hidden;
  text-align: center;
  position: relative;
}
.prod-photos li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 100%;
  width: 100%;
  white-space: normal;
  
  position: absolute;
  top:0;
  left:0;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  
  transition:opacity 0.25s ease 0s;
}
.prod-photos li.sel {
  position:relative;
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

.prod-photos li a {
  display: inline-block;
  transition:none;
  /* height:100%; */
  height:325px;
  width:100%;
}

.prod-photos li a img {

  max-height:100%;

  /* Vertically + horizontally center (IE9+) */
  position: absolute;
  top: 50%;
  left:50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

.prod-photos li figure {
  margin: 0 auto;
  min-height:325px;
}
.prod-photos + .circle-nav {
  margin: 20px auto;
}

.product-details {
  font: 95% Ubuntu, Arial, sans-serif;
  padding: 50px 0;
  overflow: hidden;
}
.product-details h2 {
  font-size: 150%;
  font-weight: bold;
  text-transform: none;
  margin: 0;
}
.product-details .prod-description .detail-header {
  margin: 2.5em 0 0;
}

.product-details .prod-description ul {
  list-style: disc;
  padding-left: 1em;
}

.product-details p {
  margin: 5px auto;
}

h2.show-badge {
	position: relative;
	padding-right: 205px;
}

.ada-badge {
	max-width: 167px;
	
	position: absolute;
	top: -25px;
	right: 40px;
}

.product-details table {
  text-align: left;
  margin: 25px 0;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.product-details table tbody {
  width: 100%;
}
.product-details table tr:last-child {
  border-bottom: 1px solid #000;
}
.product-details table th,
.product-details table td {
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0;
  padding: 12px 0;
}
.product-details table td {
  font-size: 78%;
}
.product-details table td:not(:first-child) {
	padding-left: 25px;
}

.subtext {
  display: block;
  text-transform: uppercase;
}

.detail-header {
  display: block;
  font-size: 105%;
  font-weight: bold;
  text-transform: uppercase;
}

.item-number {
  display: block;
  font-size: 76%;
  font-weight: bold;
  font-style: italic;
}

/* ----------- Tabbed content areas ----------- */

.tabs {
  margin: 30px auto;
}
.tabs a {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  padding: 12px 20px;
  min-width: 188px;
  border: 1px solid #000;
  font-size: 85%;
  text-align: center;
  transition: none;
}
.tabs a + a {
  margin-left: 1.5%;
}
.tabs a:hover, .tabs a:active, .tabs a.sel {
  color: #FFF !important;
  background-color:#004d7b;
}
.tabs a:hover:after, .tabs a:active:after, .tabs a.sel:after {
  content: "";
  border-top: 12px solid #004D7B;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  -moz-transform: scale(0.9999);
  transform: scale(0.9999);
}

.tab-content, table.tab-content {
  /* Hide tabs by default */
  display: none;
}
.tab-content.sel, table.tab-content.sel {
  display: block;
}

.tab-content ul, .tab-content ol {
  list-style: disc;
  padding-left: 20px;
}

.tab-content ul ul, .tab-content ol ol, .tab-content ul ol, .tab-content ol ul {
  list-style: circle;
  padding-left:20px;
}

.product-actions {
  margin: 25px auto;
}
.product-actions li {
  vertical-align: top;
  width: 45%;
  text-align: center;
  z-index: 0;
  margin-top: 1em;
}

.product-actions li a {
  position: relative;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  padding-top: 85px;
  font-size: 70%;
  color: #000 !important;
}
.product-actions li:before {
  content: "";
  height: 72px;
  width: 72px;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid #000;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -36px;
}
.product-actions li:after {
  content: "";
  background-image: url("../images/icons/product_action_icons.png");
  position: absolute;
  left: 50%;
  z-index: -1;
}
.product-actions li.clipboard:after {
  width: 35px;
  margin-left: -17px;
  height: 38px;
  top: 18px;
  background-position: 0 0;
}
.product-actions li.cad:after {
  width: 31px;
  margin-left: -14px;
  height: 39px;
  top: 16px;
  background-position: -189px 0;
}
.product-actions li.embed-vid:after {
  width: 35px;
  margin-left: -17px;
  height: 38px;
  top: 18px;
  background-position: -153px 0;
}
.product-actions li.clipboard-check:after {
  width: 37px;
  margin-left: -18px;
  height: 38px;
  top: 18px;
  background-position: -36px 0;
}
.product-actions li.share:after {
  width: 39px;
  margin-left: -20px;
  height: 39px;
  top: 18px;
  background-position: -73px 0;
}
.product-actions li.print:after {
  width: 39px;
  margin-left: -20px;
  height: 38px;
  top: 18px;
  background-position: -112px 0;
}

/*Set up everything for pdf_orange & pdf_green*/
.product-actions li.pdf_icon:after {
  background-repeat: no-repeat;
  background-size: 65%;
  width: 57px;
  margin-left: -18px;
  height: 76px;
  top: 12px;
} 


.product-callout {
  box-sizing: border-box;
 /*  background-color: #DFDFDF; */
 
 background-color:#004D7B;
 color:#FFF;
 border-top:1px solid #000;
 
  font-size: 125%;
  padding: 35px 45px;
  text-align: center;
}

.product-callout .button {
  vertical-align: middle;
  font-size: 70%;
  font-weight: lighter;
  padding: 9px 30px 9px 25px !important;
  margin-left: 4%;
}

/* used for blue button so it shows on blue background */
.product-callout .button.dark {
  color:#000;
  border-color:#000;
  background-color:transparent;
}

.product-callout .button.dark:hover, .product-callout .button.dark:active {
  background-color:#000;
  color:#FFF;
}

.product-callout .button.dark:after {
  background-position: -90px 0;
}

/*--------------------------- Events Calendar ---------------------- */
#eventSearch > * {
  font-size: 14pt;
}
#eventSearch .input-group, #newsSearch .input-group {
  margin-bottom: 10px;
  
  padding-top:25px;
  position: relative;
  margin-left:0;
}

.headerSearch .submit-button, .headerSearch > input[type="submit"] {
  margin-left:3%;
}

#newsSearch .submit-button, #newsSearch > input[type="submit"] {
  float:right;
  clear:both;
  margin:5px 15px 0 0;
}

#eventSearch .input-group label, #newsSearch .input-group label {
  width: 150px;
  display: block;
  
  position: absolute;
  top:0;
  left:0;
}

#eventSearch .input-group input, #eventSearch .input-group select {
  display: block;
  border: 1px solid #AAA;
  height: 25px;
  width: 92%;
  font-size: 81%;
}
#eventSearch .input-group select {
  background-color: #F0F0F0;
}

#eventSearch .input-group input:focus, #eventSearch .input-group select:focus {
  border:1px solid #004D7B;
  outline:none;
}

.event-list {
  table-layout: fixed;
  margin: 40px 0;
  padding: 10px;
  width:100%;
}
.event-list tr:nth-child(2n) {
  background-color: #DFDFDF;
}
.event-list th, .event-list td {
  width: 25%;
  padding: 10px;
  vertical-align: top;
}
.event-list th a, .event-list td a {
  height: 100%;
  width: 100%;
  display: inline-block;
}
.event-list th {
  border-bottom: 1px solid #000;
  color: #004D7B;
  text-align: left;
}
.event-list td:first-child {
  font-weight: bold;
}
.event-list td:first-child a {
  text-decoration: underline;
}

/*----- Date Picker Styles across site -----*/

#datePicker #datePickerClose, #datePicker a {
  color:#004D7B !important;
}

#datePicker td:hover, #datePicker td.selDate {
  background-color:#AAA !important;
}

/* calendar icon instead of text */
.datePickerLink {
  display: inline-block;
  height:16px;
  width:15px;
  background:url('../images/icons/calendar.png') no-repeat center center;
  
  text-align: left;
  text-indent: -9999px;
}

.input-group .datePicker {
  padding-right:28px;
  width:100%;
  box-sizing:border-box;
}

.input-group .datePickerLink {
  position: absolute;
  bottom:5px;
  right:7px;
}

#eventSearch .datePickerLink, #newsSearch .datePickerLink {
  right:8%;
  margin-right:7px;
  z-index: 100;
}

/* transitioning some styles to all inputs on the site... */

.content input[type="text"], .content input[type="email"], .content input[type="password"], 
.content input[type="tel"], .content input[type="search"], .content select {
  border:1px solid #CCC;
  height:27px;
  font-size:81%;
}

/* -------------- Project Gallery ------------ */

.product-tiles.gallery .prod-heading {
  min-height:80px;
}

.product-tiles.gallery .prod-heading.left-slant:before {
  border-top-width:80px;
}

.content > .input-group {
  text-align: left;
}

.product-tiles ul li a figure, .outlet-cats ul li a figure {
  background-size:cover;
  background-repeat:none;
  background-position:center center;
}

/* ------------ Gallery Details Page ------------- */

.gallery-details {
  margin:45px auto;
}

.gallery-details .main-photo {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width:335px;
  height:270px;
  overflow: hidden;
  
  margin:0;
}

.gallery-details .gallery-description {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width:52%;
  margin-left:4%;
  
  text-align: left;
}

.gallery-details .gallery-description .format-list {
  margin:15px 0;
  text-align: left;
}

.gallery-details .gallery-description .format-list li {
  display: block;
  width:100%;
  margin-top:5px;
}

.gallery-details .photo-list {
  position: relative;
  margin-top:15px;
  text-align: left;
}

.gallery-details .photo-list li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width:205px;
  height:175px;
  margin-top:15px;
  
  text-align: left;
  text-indent: -9999px;
}

.gallery-details .photo-list ul li:nth-child(3n-1) {
  margin:0;
}

.gallery-details .photo-list li + li {
  margin-left:2.5%;
}

.gallery-details .photo-list li a, .main-photo a {
  height:100%;
  width:100%;
  
  box-sizing:border-box;
  border:3px solid #D6DBEF;
  
  background-size:100% 100%; /* IE8 fallback */
  background-size:cover;
  
  position: absolute;
  top:0;
  left:0;
}

.gallery-details .photo-list li a:hover, .main-photo a:hover {
  border-color:#004D7B;
}

.gallery-details .photo-list li {
  width: 296px;
  padding: 1.1% 1.1% 0;
  overflow: hidden;
  min-height: 296px;
  margin-top: 0;
  margin-left: .5%;
}

.gallery-details .photo-list li + li {
  margin-left: .5%;
}

.gallery-details .photo-list li a {
  border: none;
  display: inline-block;
  height: 100%;
  width: 100%;
}

.gallery-details .photo-list li figure {
  position: relative;
  margin: 0;
  width: 100%;
  height: 0;
  padding-bottom: 95%;
  overflow: hidden;

  background-size: cover;
  background-repeat: none;
  background-position: center center;
}

/* Medium Photo Size */
.gallery-details .photo-list.photo-med li {
  width: 216px;
  min-height: 220px;
}

.gallery-details .gallery-description {
  width: 100%;
  margin-left: 0;
}

.gallery-details .gallery-description > p {
  width: 70%;
  display: inline-block;
  vertical-align: top;
}

.gallery-details .gallery-description > ul.format-list {
  width: 25%;
  margin-left: 4%;
  display: inline-block;
}

.gallery-details .gallery-description > ul.format-list li {
  margin-bottom: 10px;
}


.view-photo {
  position: relative;
  z-index: 0;
}

.view-photo:after {
  content:"View Photo";
  color:#FFF;
  font-size:18px;
  display: block;
  box-sizing:border-box;
  padding:15px 15px;
  height:60px;
  width:85%;
  background-color: rgba(88, 88, 88, 0.6);
  position: absolute;
  right: 0;
  bottom: 0;
}

.view-photo:before {
  content:"";
  border-top: 60px solid transparent;
  border-right:60px solid rgba(88,88,88,0.6);
  
  position: absolute;
  
  -moz-transform:scale(.9999);
  transform:scale(.9999);
}

.product-tiles.project-gallery ul {
  text-align: left;
}

.product-tiles.project-gallery figcaption {
  background: none;
  text-align: left;
  color: #000;
  padding: 20px 10px 20px 0;
  font-weight: bold;
}

/* ----------- News Sections / Page ----------- */

#newsSearch > * {
  font-size: 14pt;
}
#newsSearch .input-group {
  margin-bottom: 10px;
}
#newsSearch .input-group label {
  width: 150px;
  display: block;
}
#newsSearch .input-group input, #newsSearch .input-group select {
  display: block;
  border: 1px solid #CCC;
  height: 25px;
  width: 92%;
  font-size: 81%;
}
#newsSearch .input-group select {
  background-color: #DFDFDF;
}

.news-details > article figure {
  float:none;
  max-width:none;
  display: block;
  margin-left:0;
}

.news-details > article figure a {
  display: block;
  height:100%;
  width:100%;
}

.news-details > article figure img {
  top:0;
}

ul.month-archive li a {
  font-size:125%;
}

.news-details > header time, .event-details > header time {
  display: block;
  margin: 20px 0 25px;
}

.heading-text {
  font-weight:bold;
  text-transform:uppercase;
  padding-top: 14px;
}

.news-details > article {
  margin-top:30px;
  font-size:85%;
  line-height:1.6;
  
  position: relative;
}

.news-details > article:after {
  content:"";
  display: block;
  width:100%;
  height:1px;
  background-color:transparent;
  clear:both;
}

.news-details > article figure {
  position: relative;
  margin:0 auto 15px;
  float:none;
  display: inline-block;
  vertical-align: top;
  width:100%;
  max-width:190px;
  box-sizing:border-box;
  border:5px solid #004D7B;
  /* max-width:none; */
  margin-left:2%;
  float:left;
}

.news-details > article figure.mainPhoto {
  display: inline-block;
  max-width:550px;
  margin-left:0;
}

.news-details > article a {
  display: inline-block;
  height:100%;
  width:100%;
}

.news-details > article img {
  width:100%;
  vertical-align: bottom;

}
/* -------- */

a.back2News {
  position: relative;
  display: block;
  
  box-sizing:border-box;
  padding-left:15px;
  margin-bottom: 15px;
}

a.back2News:after {
  content:"\000AB";
  
  position: absolute;
  left:0;
  margin-right:8px;
  top:50%;
  margin-top:-10px;
  line-height: 1;
}
/************************************************************
File List */
.content .documents-header {
  margin-bottom:0;
}
.file-list {
  margin: 1em 0 0;
  padding: 0;
  list-style: none;
}

.file-list li {
  margin:1% 0;
  box-sizing:border-box;
}

.file-list a {
  position:relative;
  display:block;
  /* background-color:#dad7c6; */
  
  border:0.3em solid transparent;
  color:inherit;
  padding:0.7% 0 0.7% 2%;
  box-sizing:border-box;
}

.file-list a:before {
  background: url("/images/icons/file-icons/doc-file.png") no-repeat scroll center center transparent;
    content: " ";
    display: inline-block;
    height: 16px;
    padding-right: 0.75em;
    width: 16px;
    margin-bottom:-2px;
}

/* --------- File Icons ----------*/

.file-list a[href$=".gif"]:before,
.file-list a[href$=".jpg"]:before,
.file-list a[href$=".jpeg"]:before,
.file-list a[href$=".png"]:before {
    background-image: url("/images/icons/file-icons/doc-image.png");
}
.file-list a[href$=".pdf"]:before {
    background-image: url("/images/icons/file-icons/doc-pdf.png");
}
.file-list a[href$=".doc"]:before,
.file-list a[href$=".docx"]:before {
    background-image: url("/images/icons/file-icons/doc-word.png");
}
.file-list a[href$=".xls"]:before,
.file-list a[href$=".xlsx"]:before {
    background-image: url("/images/icons/file-icons/doc-excel.png");
}

.file-list.inline {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 80%;
}

.file-list.inline li {
  display: inline-block;
  margin-left: 1em;
  line-height:1.4;
}

.file-list.inline li:first-child {
  margin-left: 0;
}

/*--------------------------------------------------
Search results */

.search-page h3 {
  font-size: 135%;
}

.search-page h4 {
  padding-top: .5em;
  font-size: 90%;
}

#search-results {
  list-style:none;
  margin:1em 0;
  padding:0;
}
#search-results li {
  padding: .65em 0;
  border-top:1px solid #ededed;
}

#search-results h5 {
  margin-bottom: 0;
}

#search-results h5 + small {
  font-size: 80%;
}

#search-results a small {
  font-size:80%;
  text-transform:none;
}
#search-results a small:before {
  content:'(';
}
#search-results a small:after {
  content:')';
}

#search-results a:hover span:after {
  content: '\00bb';
  padding-left: .5em;
}

/* Pagination */
.pagination ul {
  list-style:none;
  margin:1em 0;
  padding:0;
  text-align:center;
}
.pagination li {
  display:inline;
  margin:0 0.2em;
  font-size: 110%;
}
.pagination li+li:before {
  content:'|  ';
  color:#e5e5e5;
}

.pagination li strong, .pagination li a {
  font-size: 120%;
}

.pagination li strong {
  color: #000;
  border-bottom: 1px solid #000;
}

/******** Custom Quote *********/

#build-quote {
  padding-bottom: 4em;
  /*background-color:#DFDFDF;*/
  background-color: #FFFFFF;
}

#build-quote h2 {
  padding: 1em 0;
  background-color:#004D7B;
}
/*
#build-quote nav {
  padding-bottom: 1.5em;
  padding-top:1.5em;
}

#build-quote nav li {
  position: relative;
  background-color: #A8ACAB;
  color: #5F6665;
  font-family: Avenir-Heavy, "Arial Bold", Gadget, Arial, sans-serif;
  text-transform: uppercase;
}

#build-quote nav li a:hover {
  background-color: #A8ACAB;
}

#build-quote nav li + li {
  margin-left: .5em;
}

#build-quote nav li a {
  padding: 1.25em 2em;
  cursor: default;
}

#build-quote nav li.sel a {
  color: #FFF;
  background-color: #004D7B;
}

#build-quote nav li.sel a:hover {
  background-color: #004D7B;
}

#build-quote nav li.sel:after {
  position: absolute;
  display:block;
  content: ' ';
  border-top: 20px solid #004D7B;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  left: 50%;
  margin-left: -20px;
}

#build-quote nav li.sel a {
  cursor: pointer;
}

#build-quote nav li.done a {
  text-decoration: line-through;
}

#build-quote > section {
  max-width: 980px;
}

/*#build-quote table {
  border-collapse: collapse;
  width: 100%;
  text-align: left;
  margin-bottom: 1em;
}

#build-quote table thead {
  background-color: #004D7B;
  text-transform: uppercase;
}

#build-quote table th,
#build-quote table td {
  padding: .5em;
  font-size: 75%;
}

#build-quote table tbody td {
 background-color: #FFF;
 color: #000;
}

#build-quote tbody tr {
  border-top: 5px solid #5f6665;
}

#build-quote tbody tr td:last-child {
  border-left: 5px solid #5f6665;
  text-align: center;
}

#build-quote tbody tr td:last-child a {
  font-size: 200%;
  display: block;
}

#build-quote tbody tr td:last-child a:hover, #build-quote tbody tr td:last-child a:active {
  color:#000;
}

#build-quote tbody tr.sel td:last-child {
  color: transparent;
  position: relative;
  background-color: #004D7B;
}

#build-quote tbody tr.sel td:last-child:after {
  position: absolute;
  content: '\2713';
  background-color: transparent;
  width: 100%;
  height: 90%;
  top:10%;
  left:0;
  font-size: 200%;
  box-sizing: border-box;
  color: #FFF;
}

#build-quote #sec-choose-options img {
  max-height: 100px;
}

#build-quote a.button {
  font-size: 90%;
}

#build-quote .qty-container label {
  color:#242424;
}

*/

#build-quote.foldout {
  height:120px;
}

 #sec-choose-color, 
#sec-choose-options {
  display: none;
}

#sec-choose-color li {
  display: inline-block;
  vertical-align: top;
  width: 16%;
  text-align: center;
  padding: .3em .1em .5em;
  box-sizing: border-box;
}

#sec-choose-color li:not(.sel) {
  cursor: pointer;
}

#sec-choose-color li.sel {
  /*background-color: #004D7B;
  border-radius: 4px;*/
}

#sec-choose-color figure {
  position: relative;
  display: inline-block;
  margin:0 0 .5em;
}

#sec-choose-color figure img {
  display: inline-block;
}

#sec-choose-color li.sel figure:before {
  display: block;
  content: ' ';
  position: absolute;
  width: 100%;
  height: 96%;
  background-color: #004D7B;
  left: 0;
  top: 0;
  opacity: .7; 
}

#sec-choose-color li.sel figure:after {
  display: block;
  position: absolute;
  content: '\2713';
  width: 100%;
  height: 100%;
  top: 13%;
  font-size: 540%;
  color: #FFF;
}

#sec-choose-color figure + span {
  font-family: Ubuntu, Arial, sans-serif;
  font-size: 85%;
  max-width:80%;
  display:block;
  margin: 0 auto;
}

#sec-choose-color p.buttons a.button + a.button {
  margin-left:1em;
}

#sec-choose-options thead tr th:last-child {
  text-align: center;
}

#sec-choose-options tbody tr td:first-child {
  border-right: 5px solid #5F6665;
  width: 100px;
  text-align: center;
}

#sec-choose-options tbody tr td:first-child + td {
  padding-left:1em;
}

#sec-choose-options tbody tr td:last-child {
  width: 75px;
}

#sec-choose-options tbody tr td:last-child input {
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 200%;
}

#sec-choose-options p.buttons a.button + a.button {
  margin-left:1em;
}

/*******************************************
    About Us - History Timeline Page
*******************************************/

#history {
  padding: 103px 0px 0px 0px;
  z-index: -1;
}

#history h2,
#history h3,
#history h4 {
  margin-bottom: 0px;
}

section.history {
  position: relative;
  text-align: center;
}

div.timeline {
  width: 5px;
  height: 110%;
  position: absolute;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  top: 0px;
  background-color: #004d7b;
  z-index: -2;
}

a.timeline-btn {
  height: 44px;
  width: 44px;
  border-radius: 50%;
  background-color: #004d7b;
  display:block;
  position:absolute;
  margin: 0 auto;
  top: 0px;
  left: 0px;
  right: 0px;
}

a.timeline-btn:hover:before,
a.timeline-btn.sel:before {
  background-color: #ffffff;
  border: 4px solid #004d7b;
  border-radius: 50%;
  content: "";
  display: block;
  height: 70px;
  left: -17px;
  position: absolute;
  top: -17px;
  width: 70px;
  z-index: -1;
  opacity: 0;
  font-size: 0px;
  
  animation:pulsate 1.2s .2s ease-out infinite;
  -webkit-animation:pulsate 1.2s .2s ease-out infinite;
}

@-webkit-keyframes pulsate {
  0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
  50% {opacity: 1.0;}
  100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}

@keyframes pulsate {
  0% {transform: scale(0.1, 0.1); opacity: 0.0;}
  50% {opacity: 1.0;}
  100% {transform: scale(1, 1); opacity: 0.0;}
}

a.timeline-btn span {
  display: block;
  height: 100%;
  width: 100%;
  font-size: 0px;
}

a.timeline-btn span:before {
  background-color: #ffffff;
  content: "";
  height: 21px;
  left:0px;
  right: 0px;
  position: absolute;
  top: 0px;
  bottom:0px;
  margin: auto;
  width: 5px;
  z-index: 1;
  
  -ms-transform: rotate(0deg); /* IE 9 */
  -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
  transform: rotate(0deg);
  
  transition:all 0.3s ease 0.0s;
}

a.timeline-btn span:after {
  background-color: #ffffff;
  content: "";
  height: 5px;
  left:0px;
  right: 0px;
  position: absolute;
  top: 0px;
  bottom:0px;
  margin: auto;
  width: 21px;
  z-index: 1;
}

a.timeline-btn.sel  span:before {
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  transform: rotate(90deg);
  
  transition:all 0.3s ease 0.0s;
}

div.title.left h2 {
  display: inline-block;
  text-align: right;
}

div.title.right h2 {
  display: inline-block;
  text-align: left;
}

div.title {
  display: block;
  margin: 0 auto 100px;
  max-width: 604px;
  position: relative;
}

div.title.left {
  text-align: left;
}

div.title.right {
  text-align: right;
}

article.plot {
  display:table;
  width: 100%;
  max-width: 825px;
  margin: 0 auto;
  margin-bottom: 100px;
}

article.plot figure,
article.plot aside {
  border:0px;
  margin: 0px;
  padding: 0px;
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  position: relative;
}

article.plot figure a {
  border: 1px solid #FFF;
  bottom: 17px;
  color: #FFF;
  font-size: 27px;
  line-height: 23px;
  padding: 8px 9px 4px;
  position: absolute;
  right: 101px;
  z-index: 10;
  zoom: 1;
  
  perspective: 1000;
  transform: rotateX(0deg);
  transform-style: preserve-3d;
  transition: 0.6s;
}

article.plot figure a.sel {
  -webkit-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  transform: rotateX(180deg);
  
  perspective: 1000;
}

article.plot figure figcaption {
  border-bottom: 1px solid #004d7b;
  border-top: 1px solid #004d7b;
  top: 297px;
  font-size: 13px;
  left: 0;
  line-height: 18px;
  padding: 8px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 350px;
  display: none;
}

article.plot figure.left {
  text-align: left;
  padding-left: 42px;
}

article.plot figure.left:before {
  content: "";
  position: absolute;
  height: 19px;
  width: 19px;
  border-radius: 50%;
  top:0px;
  bottom:0px;
  margin: auto 0;
  right:-10px;
  background-color: #004d7b;
  z-index: 0;
}

article.plot figure.left:after {
  content: "";
  position: absolute;
  height: 4px;
  max-width: 100px;
  width: 100%;
  top:0px;
  bottom:0px;
  margin: auto 0;
  right:0px;
  background-color: #004d7b;
  z-index: 0;
}

article.plot figure.right:before {
  content: "";
  position: absolute;
  height: 19px;
  width: 19px;
  border-radius: 50%;
  top:0px;
  bottom:0px;
  margin: auto 0;
  left:-10px;
  background-color: #004D7B;
  z-index: 0;
}


article.plot figure.right:after {
  content: "";
  position: absolute;
  height: 4px;
  max-width: 100px;
  width: 100%;
  top:0px;
  bottom:0px;
  margin: auto 0;
  left:0px;
  background-color: #004d7b;
  z-index: 0;
}

article.plot figure img {
  position: relative;
  z-index: 1;
  max-width: 280px;
}

article.plot figure.right {
  text-align: right;
  padding-right: 42px;
}

article.plot aside.right {
  text-align: left;
  padding-left:88px;
}

article.plot aside.left {
  text-align: right;
  padding-right: 88px;
}

article.plot aside p {
  font: 16px/20px Avenir-Book,Gadget,Arial,sans-serif;
}

article.plot aside h3 {
  color: #004d7b;
  font-size: 32px;
  padding-bottom: 18px;
}

article.plot aside.date-only h3 {
  padding-bottom: 0px;
}

article.plot figure div {
  width: 271px;
  display: inline-block;
  border: 4px solid #004d7b;
  box-sizing: border-box;
  padding: 12px;
}

article.plot figure.right div {
  text-align: left;  
}
  
section.dates {
  display: none;
}

section.timeline-bottom {
  display: block; 
  min-height: 450px;
  text-align: center;
  background-color: #004d7b;
  margin: 0px !important;
  position: relative;
  z-index: 1;
  padding: 0px !important;
}

section.timeline-bottom p.date {
  font-family: Avenir-Heavy, "Arial Bold", Gadget, Arial, sans-serif;
  color: #FFF;
  font-size: 42px;
  line-height: 42px;
  padding: 18px 0px 11px;
  display: inline-block;
  width: 160px; 
/*
  border: 4px #df7739 solid;
  background-color: #df7739;
  border-radius: 4px;
*/
  border-bottom: 4px solid #fff;
  margin-top: 80px;
  position: relative;
}

section.timeline-bottom p.date:before {
  content:"";
  height: 80px;
  width: 5px;
  background-color: #FFF;
  position: absolute;
  top:-84px;
  left:0px;
  right: 0px;
  margin: 0 auto;
  display: block;
}

section.timeline-bottom h2 {
  color:#FFF;
  text-transform: uppercase;
  font-size: 52px;
  line-height: 52px;
}

section.timeline-bottom p:last-child {
  display: block;
  margin: 0 auto;
  max-width: 820px;
  color: #FFF;
  font-size: 18px;
  line-height: 32px;
  padding-top: 28px
}

/* ----------- Literature Page ----------- */

/* Category Listing */
.literature-cat-list {
  margin-bottom: 1em;
}

.literature-cat-list li {
  vertical-align: top;
  box-sizing: border-box;
  display: inline-block;
  width: 48%;
  background: #DFDFDF;
  margin-bottom: 1.5%;
}

.literature-cat-list li:nth-child(2n) {
  margin-left:1%;
}

.literature-cat-list li > a:hover,
.literature-cat-list li.sel > a {
  background-color: #004D7B !important;
  color: #FFF !important;
}

.literature-cat-list li a {
  display: block;
  /*padding: 1em .5em;*/

  position: relative;
  padding: 6.5% 6.5% 6% 10.5%;
  display: block;
  color: #5F6665;
  background-color: #DFDFDF;
}

.literature-cat-list li a small {
  display: block;
  margin:10px 0;
  font-size:110%;
}

.literature-cat-list li a span {
  position: relative;
  font-size: 91%;
  text-transform: uppercase;
}

.literature-cat-list.short li a:after,
.literature-cat-list li a span:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  margin-left: 10px;
  height: 12px;
  width: 14px;
  background-image: url("../images/icons/small_arrows.png");
}

.literature-cat-list li.sel a span:after,
.literature-cat-list li a:hover span:after,
.literature-cat-list.short li.sel a:after,
.literature-cat-list.short li a:hover:after {
  background-position: -76px 0;
  transition: none;
}

.literature-cat-list li h2 {
  min-height: 55px;
  font-size:185%;
}

/* Shortened List */
.literature-cat-list.short li {
  margin-bottom: 1.25%;
}

.literature-cat-list.short li:nth-child(2n) {
  margin-left:0.5%;
}

.literature-cat-list.short li a {
  padding-top: 3%;
  padding-bottom: 3%;
}

/* Document Listing */
.literature-doc-list {
  margin-top: 2em;
}

.literature-doc-list li {
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
  width: 49%;
  margin-bottom: 1.5em;
}

.literature-doc-list figure {
  margin: 0;
}

.literature-doc-list figure > a {
  display: inline-block;
  vertical-align: top;
  max-width: 100px;
}

.literature-doc-list figure > a + figcaption {
  display: inline-block;
  vertical-align: top;
  max-width: calc(95% - 100px);
  margin-left: .5em;
}

.literature-doc-list figure figcaption a {
  display: inline-block;
  height:100%;
  width:100%;
}

.literature-doc-list li.divider {
  display: block;
  width: 96%;
  border-bottom: 1px solid #CCC;
}

/* ------ Image & File Database ------- */

/*
.literature-doc-list.image-files li.divider:before {
  content:none;
}
*/

.literature-doc-list.image-files li figcaption {
  font-size:120%;
}

.literature-doc-list.image-files li figcaption a {
  font-weight:bold;
  text-transform: capitalize;

  box-sizing:border-box;
  padding-left:2%;
  padding-right:6%;
  padding-bottom:6px;
  position: relative;
  box-sizing:border-box;
}

/* file icons on document lists */

.literature-doc-list.image-files li figure figcaption:first-child a {

  padding-left:50px;
}

.literature-doc-list.image-files li figure figcaption:first-child a:before {
  content:"";
  display: inline-block;
  height:32px;
  width:27px;
  background:url('../images/icons/file-icon.png') no-repeat center center;
  
  position: absolute;
  top:2px;
/*  margin-top:-16px; */
  left:10px;
}

.imagefile-cat-list li h3 {
  margin:0;
}

.imagefile-cat-list li {
  margin-top:0;
  box-sizing:border-box;
  padding-left:15px;
}

.imagefile-cat-list li a {
  display: inline-block;
  padding:3px 5px;
  font-size:105%;
}

.cat-list-heading, .imagefile-cat-list .cat-list-heading {
  margin:15px 0 10px;
  padding:0;
}

.prod-list {
  margin: 0px 0px 30px 0px;
  display: block;
  padding: 30px 30px 60px 30px;
  box-sizing: border-box;
  border-width:5px 20px 20px 5px;
  border-style: solid;
  position: relative;
  
  transition: all 0.25s ease 0s;
}

.prod-list:before {
  border-right-style: solid;
  border-right-width: 50px;
  border-top: 125px solid transparent;
  right: 82px;
  transform: scale(0.9999);
  
  transition: all 0.25s ease 0s;
}

.prod-list::after {
  background-color: #5F6665;
  background-image: url("/images/icons/generic-icon.png");
  background-position: 2px center;
  background-repeat: no-repeat;
  background-size: auto 40%;
  height: 125px;
  right: 0;
  width: 82px;
  
  transition: all 0.25s ease 0s;
}

.prod-list:after, .prod-list:before {
  bottom: 0;
  content: "";
  position: absolute;
  z-index: 3;
}

.prod-list li {
  display: inline-block;
  width: 48%;
}

.prod-list li a {
  display: block;
  padding-bottom: 10px; 
}

.prod-list .cat-list-heading {
  display: block;
  width: 100%;
}

.prod-list:hover {
  border-color: #242424;
}

.prod-list:hover:after {
  background-color:#242424;
}

.prod-list:hover:before {
  border-color:#242424;
  border-top-color:transparent;
}

.prod-list:hover .cat-list-heading a,
.prod-list a:hover {
  color:#242424;
}

.prod-list.active-learning-solutions:after {
  background-image: url("../images/icons/station-icon.png");
}
.prod-list.lectern-podium-solutions:after {
  background-image: url("../images/icons/lectern-icon.png");
}
.prod-list.mobile-computing-solutions:after {
  background-image: url("../images/icons/cart-icon.png");
  background-position: 18px 46px;
}
.prod-list.flexible-seating-solutions:after {
  background-image: url("../images/icons/chair-icon.png");
  background-position: 14px 48px;
}
.prod-list.new-products:after {
  background-image: url("/images/icons/new-icon.png");
}

/* List of photos */

.imagefile-photo-list {
  text-align: center;
}

.imagefile-photo-list li a, .product-tiles .imagefile-photo-list li a {
  display: block;
  margin:0 auto;
  height:200px;
}

.imagefile-photo-list img {
  display: inline-block;
  max-height:200px;
}

.imagefile-photo-list p {
  
}

.imagefile-photo-list li:nth-child(1n+4) {
  margin-top:20px;
}

/*------------- Find a Rep Search / Results Pages ----------------*/

.list-heading {
  font-size:100%;
  text-transform: uppercase;
  margin-top:33px;
}

.rep-listing {
  position: relative;
  box-sizing:border-box;
  padding:20px 0 20px 175px;
  
  margin-top:6.5%;
}

.rep-listing figure {
  position: absolute;
  top:50%;
  left:0;
  display: inline-block;
  margin:-88px 0 0;
  width:155px;
  height:170px;
  overflow: hidden;
  
  border:3px solid #5F6665;
  border-radius:5px;
  
  background-size:cover;
  background-repeat:no-repeat;
  background-position: center top;
}

.rep-listing h4 {
  font-size:115%;
}

.rep-listing h3, .rep-listing h4, .rep-listing h5 {
  text-transform:uppercase;
  color:#004D7B;
}

.rep-listing p {
  margin:0 auto 10px;
  font-size:90%;
}

.rep-listing span, .rep-listing a {
  display: block;
  margin:0;
  font-size:72%;
  margin-top:2px;
}

.rep-listing span strong, .rep-listing a strong {
  color:#004D7B;
  font-family:Avenir-Heavy, "Arial Bold", Arial, sans-serif;
}

#repSearch .submit-button {
  margin-left:5%;
  vertical-align: middle;
}

#rep-map {
  margin:30px auto;
  height: ; /* Needs to be specified for height transition effect to work */
  text-align: center;
  
  transition:none;
}

/* get rid of outline */
img[usemap], map area {
  outline:none !important;
}

/* make the map on the results page a show/hide */
.show-hide ~ #rep-map {
  opacity: 0;
  height:0;
  visibility: hidden;
  overflow: hidden;
}

.hidden {
  opacity:0;
  height:0;
  visibility: hidden;
}

.visible, #rep-map.visible {
  opacity:1;
  height:1122px;
  visibility: visible;
}

#staff-results-page .half {
  width: 48%;
  margin-left: 0;
}

#staff-results-page .half:nth-child(2n) {
  margin-left: 1%;
}

/*-------------- Contracts Page --------------*/

.contract-list {
  text-align: left;
  
  display: none; /* only used on mobile */
}

.contract-list li {
  display: inline-block;
  vertical-align: top;
  width:150px;
}

.contract-list li:first-child {
  display: block;
}

.contract-list li a {
  display: inline-block;
  padding:7px 5px;
  box-sizing:border-box;
}

/********** Project Registration **************/

#login-form {
  position: relative;
}
.forgot-info {
	display: block;
	color: #004D7B;
	padding: 5px 10px 0;
	font-size: 14px;
}
.forgot-info:hover {
	color: #DF6D27;
}
.forgot-info.inline {
	padding: 0;
	font-size: inherit;
}
.new-btn {
	display: inline-block;
	border-radius: 0 !important;
	color: #fff !important;
	background: #9CBE43 !important;
	border: solid 2px #9CBE43 !important;
	padding: 10px 30px !important;
	text-transform: uppercase;
	font: 14pt Avenir-Book, Gadget, Arial, sans-serif !important;
	font-weight: bold !important;
}
.new-btn i {
	font-size: 27px;
	position: relative;
	top: 3px;
	padding: 0 3px;
}
.new-btn.btn-left {
	background-color: #717374 !important;
	border-color: #717374 !important;
}
#login-form .error-message {
  box-sizing: border-box;
  display: none;
  left: 225px;
  padding: 12px;
  position: absolute;
  text-align: left;
  top: 22px;
  width: 295px;
}

#login-form .error-message p {
  color:#ff0000;
  font-size: 14px !important;
}

#login-form .error-message p a {
  color:#5f6665;
}

.login-box {
  padding-top: 27px;
}

.create p,
.create div {
  padding-right: 10px;
  padding-left: 15px;
  font-size: 81% !important;
  margin: 1em 0;
}

.create #address-block > input[type=text] {
  width: 170px;
} 

.create div > select {
  border: 1px solid #ccc;
  font-size: 9pt !important;
  height: 25px;
  font-family:  "Avenir-Book",Gadget,Arial,sans-serif;
  font-weight: normal;
  width: 138px;
  vertical-align: middle;
}

.create p > input[type=text],
.create p > input[type=email],
.create p > input[type=tel] {
  width: 100%;
  max-width: 400px;
  display: block;
}

.create hr {
  max-width: 500px;
  margin: 0px;
}

#address-block > #register-zip {
  width: 83px;
}

#phone-block > input[type=tel] {
  box-sizing: border-box;
  font-family: "Avenir-Book",Gadget,Arial,sans-serif;
  padding: 5px;
  border: 1px solid #ccc;
  font-size: 81%;
  height: 25px;
  width: 198px;
}

/* --- past projects page --- */

.inline {
  display: inline-block;
  vertical-align: middle;
  padding-right: 20px;
}

.inline label {
  display: inline-block;
  padding-right: 10px;
}

#registration-form .note {
  font-size: 14px;
  display: block;
  padding-top: 10px;
  font-style: italic;
  max-width: 485px;
}

.links {
  display: block;
  background: none !important;
}

.links a {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}

.check {
  display: inline-block;
  padding: 6px 0 0;
}

p.align label {
  /* width: 150px; */
  display: inline-block;
}

p.align input {
  width: 100% !important;
  /* max-width: 400px !important; */
}

p.direction {
  padding-top:0px; 
  padding-bottom: 25px; 
  text-align: right; 
  display: block; 
  color: #5f6665; 
  font-size: 16px;
  margin: 0px;
}

ul.side-col li {
  display: block;
  width: 100%;
  margin-left: 0px !important;
}

ul.side-col li h2 {
    font-size: 185%;
    min-height: auto;
}

.checkboxes label:first-child, .fancy-form .checkboxes label:first-child {
  float:left;
  margin-left:-11em;
  width:9.5em;
}

.checkboxes label, .fancy-form .checkboxes label {
  float:none;
  margin-left:0;
  width:auto;
  
}

#registration-form h2 + p {
  margin-left:0;
  width:100%;
  background-color:transparent;
}

#registration-form h4 {
  padding-bottom: 22px;
}

.reg-form-other {
  padding-top: 27px;
}

.past-projects {
  padding-right: 36px;
}

.past-projects h3 {
  color: #004D7B;
  font-size: 26px;
  line-height: 32px;
  padding-bottom: 10px;
}

.past-projects p {
  position: relative;
  display:block; 
  z-index: 1;
}

.past-projects p:before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  top: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto 0;
  border-top: 3px dotted #e8e8e8;
  position: absolute;
  z-index: 0;
}

.past-projects p > strong {
  display: inline-block;
  background: #ffffff;
  position: relative;
  z-index: 1;
  padding-right: 5px;
}

.past-projects p > span { 
  float: right;
  display: inline-block;
  background: #FFFFFF;
  position: relative;
  z-index: 1;
  padding-left: 5px;
}

div.project-list {
  padding: 24px 24px 8px; 
}

.past-projects p em {
  background: #ffffff none repeat scroll 0 0;
  display: inline-block;
  padding: 0 10px 0 0;
  position: relative;
  z-index: auto;
}

.past-projects p em a {
  text-decoration: underline;
}

/* ----- */

p.align input[type="radio"] {
  width: auto !important;
  margin-right: .5em;
}

/********** Checkout Section Styles ***********/

.cart.review {
  /* table-layout: fixed; */
}

.cart.review colgroup col:first-child + col {
  width:80% !important;
}

.cart.review colgroup col {
  width:10% !important;
}

.cart.review thead tr {
  background-color:#5F5C5E;
}

.info-cell > span {
  font-weight:bold;
}
  

/**********************************************************************
Outlet Store */

div.extra {
  text-align: center;
  margin-bottom: 26px;
}

div.extra p:first-child {
  font-size: 38px;
  line-height: 44px;
  padding-bottom: 30px;
  margin-top:0;
}

div.extra p:first-child span {
    border-bottom: 1px solid #5f6665;
    display: inline-block;
    font-size: 18px;
    line-height: 25px;
    padding-top: 9px;
    
    /* display: block; */
}

/*---------------------------------------------------------------------
Categories */

.outlet-cats {

}
.outlet-cats ul {
  list-style:none;
  margin:0.5em auto;
  padding:0;
}
.outlet-cats li {
  position:relative;
  display:inline-block;
  vertical-align:top;
  /* background:#dadada none no-repeat center center; */
  background-size:cover;
  overflow:hidden;
  /* margin:0.5% 0.25%; */
  /*
  height:12em;
  width:32.5%;
  */
  /* height:310px; */
  width:325px;
  text-align:center;

  /* Flex */
  /*
  display:-webkit-inline-flex;
  display:inline-flex;

  -webkit-flex-direction:column;
  flex-direction:column;

  -webkit-justify-content:flex-end;
  justify-content:flex-end;
  */
}
/*
.outlet-cats li a {
  display:block;
  text-align:left;
  background:rgba(95,102,101,0.6);
  padding:0.6em 5%;
  margin:0 0 0 20px;
  height:80px;
  box-sizing:border-box;
  color:#fff;
  line-height:1.1;

  -webkit-transition:all 0.4s ease 0s;
  transition:all 0.4s ease 0s;

  display:-webkit-flex;
  display:flex;

  -webkit-flex-direction:column;
  flex-direction:column;

  -webkit-justify-content:center;
  justify-content:center;
}
*/

/* Slant edge */
/*
.outlet-cats li a:before {
  content:' ';
  position:absolute;
  border-bottom:80px solid rgba(95,102,101,0.6);
  border-left:20px solid transparent;
  display:block;
  bottom:0;
  height:0;
  width:0;
  left:0;

  -webkit-transition:all 0.4s ease 0s;
  transition:all 0.4s ease 0s;
  
  -moz-transform:scale(.9999);
  transform:scale(.9999);
}
*/
/* Hit area */

/*
.outlet-cats li a:after { 
  content:' ';
  position:absolute;
  height:100%;
  width:100%;
  left:0;
  top:0;
}
*/
/*
.outlet-cats li:hover a {
  background-color:#004d7b;
}
.outlet-cats li:hover a:before {
  border-bottom-color:#004d7b;
}
*/

/* adjust font sizing on category listing page */
.content.contain .outlet-cats li a {
  font-size:123%;
}

.outlet-store-details figure {
  margin:0;
}

.outlet-store-details figure img {
  max-width: 300px;
  max-height: 300px;
}

.outlet-store-details .product-photo {
  margin:20px 0;
}

.info-heading {

}

.info-heading span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  
  color:inherit;
}

.info-heading span + span:before {
  content:"|";
  display: inline-block;
  vertical-align: middle;
  margin-left:10px;
  margin-right:14px;
}

/*---------------------------------------------------------------------
Products */

/* "Is New" - Default (Right Side) */
.is-new:after,
.is-new-left:after {
  content: "New";
  font-size: 85%;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  width: 150px;
  padding: 35px 5px 5px;
  color: #FFFFFF;
  background-color: #004D7B;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: -12px;
  right: -58px;
  z-index: 5;
}

/* "Is New" - Left Side */
.is-new-left:after {
  left: -58px;
  right: auto;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* Larger "Is New" */
.is-new-larger:after {
  font-size: 125%;
}

/* "Is Recommended" - Icon on the left top corner */
.is-recommended a:before {
  content: ' ';
  display: block;
  position: absolute;
  width: 50px;
  height:  50px;
  background: transparent url('/images/icons/recommended.png') no-repeat center center;
  z-index: 10;
}

/* --- Used for 'quick ship' banner, etc. --- */
.color-banner {
  font:38px Avenir-Heavy, "Arial Bold", Arial, sans-serif;
  background-color:#E6CD11;
  color:#000;
  text-transform: capitalize;
  padding:25px 20px;
  text-align: center;
  border-radius:2px;
  
  margin:20px auto;
}


/**********************************************************************
Product store */

.build-quote {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 40px;
  color: inherit;
}

.build-quote h3,
.build-quote h4,
.build-quote p {
  color: #1b1b1a;
}

.build-quote h4 {
  font-size:18px;
  text-transform: uppercase;
  text-align: left;
}

.build-quote p {
  font-size: 12px;
}

.page-width {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding-bottom: 22px;
}

.product-display {
  display: table;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  height: 100%;
  font-size: 0px;
  table-layout: fixed;
  border: none;
}

.product-display p {
  font-size: 16px;
}

.product-display > aside {
  display: table-cell;
  width: 50%;
  position: relative;
  vertical-align: top;
  height: 100%;
}

.product-display > section {
  display: table-cell;
  padding-left: 15px;
  width: 50%;
  vertical-align: top;
  height: 100%;
}

.product-display .prod-area {
  display: table;
  width: 100%;
  height: 100%;
  table-layout: fixed;
}

.prod-view {
  display: table-cell;
  vertical-align: top;
  height:100%;
  text-align: left;
  padding-right: 0;
}

.prod-area .prod-view {
	position: fixed;
	overflow: auto;
	height: auto;
	max-height: 1000px;
}

.prod-view figure {
  display: block;
  width:100%;
  max-width:425px;
  padding: 0px;
  margin: 0px;
  position: relative;
  
  transition: all 0.4s linear 0s;
}

.prod-view figure img {
  margin-bottom: 15px;
	height: 250px !important;
	width: auto;
}

.prod-view figure figcaption {
  font-family: Avenir-Heavy;
	font-size: 22px !important;
	line-height: 22px;
	padding: 15px 12px;
  width: 100%;
  text-align: center; 
  background-color: #df7739;
  box-sizing:border-box;
}

/* Products w/o Steps */
.product-no-steps .prod-view img {
  height: 325px;
  width: auto;
}

.product-no-steps .inline-quantity-form input {
  font-size: 26px;
  width: 100px;
}

/* Product Steps/Table */
table.prod-options {
  border: 0px;
  border-collapse: collapse;
  width: 100%;
  height: auto;
  text-align: left;
}

table.prod-options > tbody > tr > td {
  opacity: 0.6;
}

table.prod-options > tbody > tr > td a {
  cursor: default; 
}

table.prod-options > tbody > tr.active > td,
table.prod-options > tbody > tr.step-done > td,
table.prod-options > tbody > tr.current > td {
  opacity: 1;
}

table.prod-options .button,
.button.add-to-quote {
  font-size: 18px;
  line-height: 18px;
  padding: 12px 50px 8px 10px;
  position: relative;
  color: #fff !important;
  background: #9CBE43 !important;
  border: solid 2px #9CBE43 !important;
  border-radius: 0;
}

/* -- Button Arrows -- */
table.prod-options .button.arrow-back:before,
table.prod-options .button.arrow:after {
  content: "";
  height: 0; 
  width: 0;
  border-style: solid;
  display: block;
  position: absolute;
  top: 0px;
  bottom:0px;
  margin: auto 0px;
  transition: all 0.25s ease 0s;
  zoom: 1;
  
  -moz-transform:scale(.9999);
  transform:scale(.9999);
}

/* Next Arrow */
table.prod-options .button.arrow:after {
  right: 25px;
  border-width: 6px 0 6px 15px;
  border-bottom-color: transparent;
  border-left-color: inherit;
  border-right-color: transparent;
  border-top-color: transparent;
}

table.prod-options .button.arrow:hover:after {
  border-color: transparent transparent transparent #FFFFFF;
}

/* Back Arrow */
table.prod-options .button.arrow-back {
  padding: 12px 10px 8px 50px;
}

table.prod-options .button.arrow-back:before {
  left: 25px;
  border-width: 6px 15px 6px 0;
  border-bottom-color: transparent;
  border-right-color: inherit;
  border-left-color: transparent;
  border-top-color: transparent;
}

table.prod-options .button.arrow-back:hover:before {
  border-color: transparent #FFFFFF transparent transparent;
}

/* Disabled Arrow */
table.prod-options .button.disabled {
  opacity: .4;
  cursor: not-allowed;
}

table.prod-options .button.disabled:hover {
  background-color: inherit !important;
}

table.prod-options .button.disabled:hover:after {
  border-left-color: inherit !important;  /* Doesn't work yet */
}

table.prod-options .button:hover {
  color: #FFFFFF;
}

.active a {
  cursor: pointer !important;
}

a.disabled,
.active.current a.option {
  cursor: default !important;
}


.prev-step + .next-step {
  margin-left: 10px;
}

/* Option Listing */
table.prod-options a.option {
  font-size: 18px !important;
  line-height: 22px;
  font-family: Avenir-Heavy !important;
  width: 100%;
  display: table;
  table-layout: fixed;
  border: 0px;
  border-collapse: collapse;
}

table.prod-options a.option span {
  text-transform: uppercase;
  vertical-align: middle;
  display: table-cell;
  position: relative;
}
table.prod-options a.option span:after {
	content: '\f067';
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	top: 18px;
	right: 20px;
	font-size: 25px;
}
table.prod-options .current a.option span:after {
	content: '\f068';
}

table.prod-options a.option span {
 background: transparent !important;
 border-top: solid 1px #000;
 padding: 20px 0 15px;
 text-align: center;
 width: 67px;
 color: #1b1b1a;
 text-align: left;
}

table.prod-options a.option span + span {
  background-color: #004d7b;
  text-align: left;
  padding:15px 33px 10px;
  border-left:4px solid #FFFFFF;
  color: #FFFFFF;
  color: rgba(255, 255, 255, 0.6);
}

table.prod-options tr:last-child a.option span {
	padding-bottom: 20px;
	padding-right: 45px;
}

table.prod-options div.option-display {
  padding-bottom: 10px;
  display: none;
}

/* Enable the first step */
table.prod-options tr:first-child div.option-display {
  display: block;
}

table.prod-options .more-options .color-picker-list {
  display: none;
}

.color-picker .option-hover-box {
	display: none !important;
}

.build-selected {
	
}
.build-selected.empty {
	display: none;
}
.build-selected > p {
	font-size: 13px;
	margin-bottom: 10px;
	font-family: Avenir-Heavy, "Arial Bold", Gadget, Arial, sans-serif;
}
.build-selected ul {
	font-size: 14px;
	color: #000;
	text-align: left;
	padding-right: 20px;
}
.build-selected strong {
	font-size: 13px;
}
.build-selected ul li {
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.build-selected ul li:last-child {
	border-bottom: none;
}
.build-selected ul li > li {
	padding-bottom: 0;
	margin-bottom: 0;
	border: none;
}

/* Marketing Text */
table.prod-options .option-display table td {
  font-size: 11pt;
  font-weight: bold;
  color: #000000;
}

p.title {
  font-size: 14px;
  font-family: Avenir-Roman;
  text-transform: uppercase;
  display: block;
  text-align: left;
}

p.title a {
  color: #df7739;
  font-style: italic;
}

p.title a:hover {
  color: #df7739 !important;
}

p.note {
  font-size: 12px;
  font-family: Avenir-Roman,sans-serif;
  line-height: 16px;
  text-align: left;
  padding-top: 12px;
}

p.info { 
  font-size: 14px;
  font-family: Avenir-Roman,sans-serif;
  text-transform: uppercase;
  display: block;
  text-align: left;
  font-weight: bold;
  color: #df7739;
}

a.color-picker {
	position: relative;
	font-family: Avenir-Roman,sans-serif;
	display: inline-block;
	vertical-align: top;
	width: 88px;
	font-size: 13px;
	text-align: center;
	color: #8d8d8c;
	margin:0 4px 1.5em;
}

a.color-picker:hover {
  color: #1b1b1a !important;
}

a.color-picker.sel:not(:hover) .color-swatch:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
  top:0px;
  left: 0px;
  background: url(/images/site/swatch-select-green.png) no-repeat center center scroll transparent;
}

a.color-picker span {
  background: top left scroll no-repeat transparent;
  background-size: 100% auto;
  display: block;
  width: 100%;
}

a.color-picker span.color-swatch {
	position: relative;
	height:88px;
	width:100%;
	background-size: cover;
	border:3px solid transparent;
	box-sizing: border-box;
}
/* increase hover area of color swatch */
a.color-picker:hover:before,
a.color-picker:hover:after {
	content:"";
	background-color:transparent;
	position: absolute;
}
a.color-picker:before {
	height:180px;
	width:25px;
	right:23px;
	bottom:100%;
}
a.color-picker:after {
	height:25px;
	width:120px;
	right:100%;
	bottom:23px;
}

a.color-picker.swap-hover-h:hover:before {
	right:auto;
	left:23px;
}
a.color-picker.swap-hover-h:hover:after {
	right:auto;
	left:100%;
}

a.color-picker:hover .color-swatch,
a.color-picker.sel .color-swatch {
	border-color: #9CBE43;
	border-radius: 3px;
}

.highlight-option span {
	border: 3px solid #9CBE43 !important;
}

a.color-picker strong {
	font-size: 14px;
	display: block;
}

a.color-picker span.color-band {
	margin-bottom: 18px;
	height: 23px;
}

/* new hover box for option colors/laminates */
.option-hover-box {
/* 	display: none; */
	opacity: 0;
	visibility: hidden;

	position: absolute;
	bottom:50%;
	right:50%;
	z-index:-2000;

	width:300px;
	min-height:342px;
	padding:42px;
	box-sizing: border-box;
	background-color:#FFF;
	border:1px solid #1B1B1B;
	
	transition:visibility 0s linear 0s;
}
.swap-hover-h .option-hover-box {
	right:auto;
	left:50%;
}

.color-picker:hover {
	position: relative;
	z-index: 11;
}
/*
.color-picker:hover .option-hover-box {
	visibility: visible;
	z-index: 2000;
	transition:visibility 0s linear 0.25s;
}
*/

.checkbox {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	border:1px solid #1B1B1B;
	height:25px;
	width:25px;
	box-sizing: border-box;
	cursor: pointer;
}
.checkbox:after {
	content:"";
	display: inline-block;
	height:21px;
	width:0;
	white-space: nowrap; /* for dramatic effect */
	background:url(/images/icons/check-icon-orng.png) left center no-repeat;
	position: absolute;
	top:-2px;
	left:5px;
	
}
.checkbox.checked:after {
	width:22px;
	transition:width 0.2s linear 0s;
}

/* Color title */
.color-picker .option-hover-box strong {
	display: inline-block;
	vertical-align: middle;
	width:calc(100% - 45px);
	margin-left:15px;
	cursor: pointer;
}

/* larger color swatch in hover box */
.color-swatch-full {
	width:100%;
	/*height:165px;*/
	height:214px;
	margin:0 auto 22px;
	background-size:cover;
}

/* -- Option Image Popup List - List style starts the same color-picker-list, but with adjustment in size -- */

/* Modal */
#modal article.modal-image-popup-list {
  max-height:  550px !important;
}

#modal .modal-image-popup-list .tabs a {
  width: auto;
  min-width: 0;
  margin: 0 4px 10px 0;
  padding: 12px 10px;
}

#modal .modal-image-popup-list .tabs a:hover:after, 
#modal .modal-image-popup-list .tabs a:active:after, 
#modal .modal-image-popup-list .tabs a.sel:after {
  display:  none;
}

.modal-image-popup-list .tabs a {
  min-width: 0;
  padding: 12px 10px;
}

table.prod-options .image-popup-link {
  margin-bottom: 15px;
  padding: 12px 10px;
}

.image-popup-list a.color-picker {
  width: 90px;
  vertical-align: top;
}

.image-popup-list a.color-picker:hover:after, 
.image-popup-list a.color-picker.sel:after {
  background-position: center 25px;
}

.image-popup-list a.color-picker span {
  height:  99px;
  margin-bottom:10px;
}

.image-popup-list .color-picker:nth-child(3n + 1) {
  margin-left:12px;
}

.image-popup-list .color-picker:nth-child(5n + 1) {
  margin-left:  0;
}

.more-options {
  padding-top:30px
}

table.prod-options select {
    font-size: 16px;
    padding: 6px 26px 6px 6px;
    box-sizing:border-box;
    width:100%;
}

table.prod-options select:focus {
  outline-color: transparent;
  outline-width: 0;
}

.prod-options select {
  max-width:470px;
}
.prod-options select option:disabled {
    color: #cccccc;
}

/* ----------- Build a Quote / Order Another Modal ------------ */

/* swap out the close button for img */

#modal .simplemodal-close {
  background-color:transparent;
  border-color:transparent;
  color:transparent;
  background-image:url(/images/icons/close.png);
  background-repeat: no-repeat;
}

#modal .ask-order-quantity {
  border:8px solid transparent;
  border-radius:10px;
  text-align: center;
  box-sizing:border-box;
  padding:25px 90px;
}

.simplemodal-wrap {
  overflow: visible !important;
}

#modal {
  border-radius:10px;
}

#modal .ask-order-quantity figure {
  margin:0 auto;
  padding: 0px 45px;
}

#modal .ask-order-quantity figure img {
  margin:0 auto;
  box-sizing:border-box;
  display: inline-block;
  max-width:100%;
}

#modal .ask-order-quantity figure figcaption {
  color:#FFF;
  font-size:18px !important;
  padding:14px 12px;
  font-weight:normal;
}

#modal .ask-order-quantity .button + .button {
  margin-left:15px;
}

#modal .ask-order-quantity h4 {
  font-size:22px;
  text-transform: none;
  margin:30px auto 20px;
}

#modal .ask-order-quantity input,
.inline-quantity-form input {
  width:68px;
  padding:12px 14px;
  font-size:16px;
  border:3px solid transparent;
}

#modal .ask-order-quantity .button.dark {
  background-color:transparent;
  color:#000;
}

#modal .ask-order-quantity .button.dark:hover, #modal .ask-order-quantity .button.dark:active {
  background-color:#000;
  color:#FFF;
}

#modal .ask-order-quantity .button.arrow-back:before,
#modal .ask-order-quantity .button.arrow:after {
  content: "";
  height: 0;
  width: 0;
  border-style: solid;
  display: block;
  position: absolute;
  top: -2px;
  bottom:0px;
  margin: auto 0px;
  transition: all 0.25s ease 0s;
  zoom: 1;
  
  -moz-transform:scale(.9999);
  transform:scale(.9999);
}

/* Next Arrow */
#modal .ask-order-quantity .button.arrow:hover {
  color:#FFF;
}
#modal .ask-order-quantity .button.arrow {
  padding-right:30px;
}
#modal .ask-order-quantity .button.arrow-back {
  padding-left:30px;
}

#modal .ask-order-quantity .button.arrow-back:before {
  border-width:6px 15px 6px 0;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: #000;
  border-top-color: transparent;
  left:8px;
} 

#modal .ask-order-quantity .button.arrow:after {
  right: 8px;
  border-width: 6px 0 6px 15px;
  border-bottom-color: transparent;
  border-left-color: inherit;
  border-right-color: transparent;
  border-top-color: transparent;
}

#modal .ask-order-quantity .button.arrow-back:hover:before {
  border-right-color:#FFF;
}
#modal .ask-order-quantity .button.arrow:hover:after {
  border-left-color:#FFF;
}

/* Styles for color options page form */

.color-form {
  width: 100%;
  border-collapse: collapse;
  border: none;
  table-layout: fixed;
}

.color-form td {
  padding: 0px 0px 14px 0px;
}

.color-form td label {
  font-size: 15px;
}

.color-form td em {
  font-size: 13px;
}

.color-form td input[type="submit"] {
  padding: 13px 26px;
  font-size: 15px;
}

.color-form td.submit-cell {
  text-align: center;
}

.error404 {
  background-color: #e94343;
    border-radius: 50%;
    color: #FFF;
    display: block;
    font-size: 300px;
    line-height:300px;
    height: 400px;
    margin: 0 auto;
    max-width: 400px;
    text-align: center;
}

p.error-text {
  color: #e94343;
  font-size: 70px;
  text-align: center;
}

p.error-text span {
  display: block;
  font-size: 27px;
  padding-top: 20px;
}

/****************************************************
Where To Buy page **********************************/

/* page class */
.wheretobuy {
  
}

.wheretobuy .headerSearch {
  position: static;
}

.wheretobuy h5 {
  font-size:22px !important;
  /* line-height:1.25; */
}

.partner-list {
  display: block;
  margin:45px auto;
}

.partner-list ul {
  font-size:0 !important;
}

.partner-list li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width:24.85%;
  height:105px;
  font-size:14px !important;
  text-align: center;
  
  border-left:1px solid #afb2b2;
}

.partner-list > .four-columns > li {
	width:24.85%;
}

.partner-list > .three-columns > li {
	width:33.1%;
}

/* 'ghost centering' trick to vertically align links */
.partner-list li:before {
  content:"";
  display: inline-block;
  vertical-align: middle;
  color:transparent;
  background-color:transparent;
  height:100%;
}

/* border controls -- will need to be adjusted for responsive */
.partner-list > .four-columns > li:nth-child(4n-3) {
  border-left:none;
}
.partner-list > .four-columns > li:nth-child(1n+5) {
  border-top:1px solid #afb2b2;
}

.partner-list > .three-columns > li:nth-child(3n-2) {
  border-left:none;
}
.partner-list > .three-columns > li:nth-child(1n+4) {
  border-top:1px solid #afb2b2;
}

.partner-list a, .partner-list > span {
  display: inline-block;
  vertical-align: middle;
  z-index: 3;
  
  text-align: left;
  text-indent: -9999px;
  
  background-position:center bottom;
  background-repeat: no-repeat;
  
  transition:none;
}

/* expand hit area artificially */
.partner-list a:after, .partner-list > span:after {
  content:"";
  display: block;
  height:80%;
  width:80%;
  position: absolute;
  top:10%;
  left:10%;
  z-index: 0;
}

.partner-list a:hover, .partner-list > span:hover {
  background-position: center top;
}

/* ------- partner links ------- */

.partner-list .cdw {
  width:133px;
  height:67px;
  background-image:url(/images/partners/cdw.jpg);
}

.partner-list .udt {
  width:163px;
  height:60px;
  background-image:url(/images/partners/udt.jpg);
}

.partner-list .troxell {
  width:168px;
  height:73px;
  background-image:url(/images/partners/troxell.jpg);
}

.partner-list .insight {
  width:157px;
  height:71px;
  background-image:url(/images/partners/insight.jpg);
}

.partner-list .logicalis {
  width:177px;
  height:57px;
  background-image:url(/images/partners/logicalis-logo.jpg);
}

.partner-list .shi {
  width:121px;
  height:73px;
  background-image:url(/images/partners/shi.jpg);
}

.partner-list .sehi {
  width:111px;
  height:48px;
  background-image:url(/images/partners/sehi.jpg);
}

.partner-list .pomeroy {
  width:176px;
  height:45px;
  background-image:url(/images/partners/pomeroy.jpg);
}

.partner-list .promevo {
  width:194px;
  height:49px;
  background-image:url(/images/partners/promevo.jpg);
}

.partner-list .office-max {
  width:214px;
  height:48px;
  background-image:url(/images/partners/officemax.jpg);
}

.partner-list .avi-spl {
  width:202px;
  height:58px;
  background-image:url(/images/partners/avi-spl.jpg);
}

.partner-list .whitlock {
  width:185px;
  height:39px;
  background-image:url(/images/partners/whitlock.jpg);
}

.partner-list .pcmg {
  width:202px;
  height:34px;
  background-image:url(/images/partners/pcmg.jpg);
}

.partner-list .pc-connection {
  width:198px;
  height:74px;
  background-image:url(/images/partners/pc-connection.jpg);
}

.partner-list .zones {
  width:162px;
  height:55px;
  background-image:url(/images/partners/zones.jpg);
}

.partner-list .tigerdirect {
  width:185px;
  height:44px;
  background-image:url(/images/partners/tigerdirect.jpg);
}

.partner-list .hertzfurniture {
  width:206px;
  height:39px;
  background-image:url(/images/partners/hertzfurniture.jpg);
}

.partner-list .school-specialty {
  width:163px;
  height:67px;
  background-image:url(/images/partners/school-specialty.jpg);
}

.partner-list .tig {
  width:142px;
  height:58px;
  background-image:url(/images/partners/tig.jpg);
}

.partner-list .best-buy {
  width:200px;
  height:28px;
  background-image:url(/images/partners/best-buy.jpg);
}
.partner-list .ccs {
  width:200px;
  height:73px;
  background-image:url(/images/partners/ccs.jpg);
}

/* -------- Find a reseller section ------------ */

.find-reseller {
  padding:0;
  text-align: left;
}

.find-reseller .headerSearch form {
  font-size:15px;
  margin:15px auto;
}

.find-reseller .headerSearch input[type="submit"] {
  font-size:16px;
  margin-left:2%;
}

.find-reseller .headerSearch label, .find-reseller .headerSearch input, .find-reseller .headerSearch select {
  display: inline-block;
  vertical-align: middle;
  margin:10px 0;
}

.find-reseller .headerSearch form input ~ label, .find-reseller .headerSearch form select ~ label {
  margin-left:8px;
}

.reseller-content {
  position: relative;
  background-color:#dddfe0;
  height: 100%;

}

.reseller-list, .reseller-content .reseller-list {
  font-size:0;
}

.reseller-list li {
  font-size:16px;
  
  position: relative;
  display: inline-block;
  vertical-align: top;
  width:33.30%;
  z-index: 1;
  height: 285px;
  transition:all 0.3s ease 0s;
}

.reseller-list li + li:after {
  content:"";
  display: block;
  height:73%;
  width:1px;
  background-color: #5f6665;
  position: absolute;
  top:13.5%;
  left:0;
  z-index: -1;
}

.reseller-list li:hover {
  background-color:#00529b;
  color:#FFF;
}

.reseller-list li:hover a, .reseller-list li:hover a:link, .reseller-list li:hover a:visited {
  color:#FFF;
}

.reseller-list li a, .reseller-list li a:link, .reseller-list li a:visited {
  display: block;
  padding:35px 10%;
  color:#5f6665;
  height:160px;
}

/*
.reseller-list li.hidden {
  opacity: 1;
  visibility: visible;
  height:0;
  
  overflow: hidden;
  
  transition:all 0.35s ease 0s;
}
*/

.reseller-list img {
  max-height:115px;
}

.reseller-list h5 {
  font-size:16px;
  margin:8px auto;
}

.reseller-list h5:first-child {
  margin-bottom:8px;
}

.reseller-list li p {
  font-size:91%;
  margin:8px auto;
}

.reseller-list li .link {
  color:#00529b;
  
  transition:all 0.3s ease 0s;
}

.reseller-list li:hover .link, .reseller-list li .link:hover {
  color:#FFF;
}

.reseller-list li:nth-child(3n+1):after {
  content:none;
}

/* ---- 'no result' text ---- */
.find-reseller .no-result {
  text-align: center;
  position: absolute;
  top:50%;
  margin-top:-30px;
  left:50%;
  margin-left:-146px;
}

.no-result, p.no-result {
  font-size:32px;
  font-weight:bold;
  font-style:italic;
  text-decoration: underline;
}

/************************************************************
Reseller/Partner Portal */

.newsletter-list li,
.newsletter-list li a {
  margin: 0;
  padding: 0;
}

a.button.price-guide-link,
a.button.reseller-login-link {
  line-height: 1.3;
  text-align: left;
  padding-left: 4em;
  padding-right: 0;
}

.button.price-guide-link:before,
.button.reseller-login-link:before {
  content: url('../images/icons/price-guide.png');
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -18px;
}

.feedback-thank-you-message {
  display: none;
  text-align: center;
  padding: .5em 0 0;
}

.button.reseller-login-link:before {
  content: url('../images/portal/icon-key.png');
}

/* !Product selector */
.col.main .know-device-btn {
	background-color: #EAEAEA;
	margin-bottom: 15px;
}
.col.main .know-device-btn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	background-color: #dd6d28;
	color: #fff;
	text-transform: uppercase;
	padding: 18px;
	font-size: 12px;
	text-align: center;
}
.col.main .know-device-btn a:hover {
	color: #000;
}
.know-device.cell {
	background-color: #fff;
	padding: 0px 25px 25px;
}
.know-device.cell strong {
	display: block;
	padding-top: 25px;
}

.portal-page {
	display: block;
	display: -webkit-flex;
	display: flex;
}
.portal-page h2,
.portal-page h3 {
	font-family: 'Avenir-Book', Gadget, Arial, sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	padding-bottom: 10px;
	border-bottom: 2px solid #e4e5e6;
}
.portal-page .col.side {
	box-sizing: border-box;
	margin-left: 2.5%;
	padding-left: 30px;
	border-left: 2px solid #e4e5e6;
}

.nav-link-list {
	
}
.nav-link-list a {
	position: relative;
	display: block;
	padding: 8px 0 8px 11px;
	line-height: 1.25;
}
.nav-link-list a:before {
	content: "";
	display: inline-block;
	border-top: 6px solid transparent;
	border-left: 6px solid #9b1d30;
	border-bottom: 6px solid transparent;
	position: absolute;
	top: 12px;
	left: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease 0s;
}
.nav-link-list a:hover {
	color: #9b1d30;
}
.nav-link-list a:hover:before {
	opacity: 1;
	visibility: visible;
}

/* ------ Scroll indicator ------- */

@-webkit-keyframes hovering-anim {
  from {bottom: 20px;}
  to {bottom: 40px;}
}
@keyframes hovering-anim {
  from {bottom: 20px;}
  to {bottom: 40px;}
}

.scroll-popup {
  display: inline-block;
  border-radius:50%;
  height:52px;
  width:52px;
  background-color:#5F6665;
  
  position: absolute;
  bottom:45px;
  left:50%;
  margin-left:-22px;
  
  /* 'hovering' animation */
  -webkit-animation:hovering-anim 1.5s ease-in-out infinite alternate;
  animation:hovering-anim 1.5s ease-in-out infinite alternate;
  /*
  -webkit-animation:hovering-anim 1s steps(2, end) infinite;
  animation:hovering-anim 1s steps(2, end) infinite;
  */
  
  transition:all 0.4s ease 0s;
}

.scroll-popup:after {
  content:"";
  display: inline-block;
  height:20px;
  width:34px;
  background:url(/images/icons/icon_master.png) no-repeat -26px 0;
  position: absolute;
  top:50%;
  margin-top:-9px;
  left:50%;
  margin-left:-17px;
}

.scroll-popup.fade {
  opacity: 0;
  visibility: hidden;
  bottom:0;
}

/* top 'border' */
.reseller-list li:before {
  content:none;
  display: block;
  height:1px;
  width:72%;
  background-color:#5F6665;
  
  position: absolute;
  top:0;
  left:14%;
  z-index: -1;
  
}

.reseller-list li:nth-child(1n+4):before {
  content:"";
}

#top-nav > ul.mod {
  display: none;
}

/* --- videos page --- */
#videos {
	margin: 20px 0 0 0;
}

#videos > div {
	display: inline-block;
	margin:10px 18px;
	width: 450px !important;
}

#videos > div > iframe {
	width: 450px !important;
	height: 253px !important;
}

/* misc */
#products > li > p {
	clear: left;
	background-color: #DFDFDF;
	color: #666666;
	margin: 0 0 1em 13.5em;
	padding: 0.5em;
}

#products > li > p > input {
	width: 49%;
	display: inline-block;
}

/* --- On Hand Inventory / Finished Goods --- */
.on-hand-inventory {
  width:  100%;
  border-collapse: collapse;
}

.on-hand-inventory thead th {
  background-color: #C6D9F1;
  text-align: center;
  cursor: pointer;
}

.on-hand-inventory thead th,
.on-hand-inventory tbody td {
  border: 2px solid #000;
  padding: 4px;
  color: #000;
}

.on-hand-inventory tbody {
  font-size: 85%;
}

.on-hand-inventory a {
  text-decoration: underline;
}

.on-hand-inventory img {
  max-width:  100px;
  max-height: 150px;
}

.on-hand-inventory caption,
.on-hand-inventory tfoot td {
  text-align: right;
  font-size: 80%;
  padding: 5px;
}

.on-hand-inventory .col-image {
  text-align: center;
}

.on-hand-inventory .col-qty {
  text-align: center;
}

.onhand-inventory-form {
  margin-bottom:25px;
}

.simple-form {
  padding:15px;
  background-color:#F5F5F5;
}

.simple-form table {
  width:100%;
}

.simple-form td {
  vertical-align: bottom;
}
.simple-form td + td:not(:last-child) {
  padding-left:10px;
}

.simple-form input[type="text"],
.simple-form input[type="search"],
.simple-form input[type="email"],
.simple-form input[type="password"],
.simple-form input[type="tel"],
.simple-form input[type="submit"],
.simple-form select,
.simple-form textarea {
  padding:9px 10px;
  height:40px;
}

/* all inputs except submit */
.simple-form input[type="text"],
.simple-form input[type="search"],
.simple-form input[type="email"],
.simple-form input[type="password"],
.simple-form input[type="tel"],
.simple-form select,
.simple-form textarea  {
  display: block;
  width:100%;
  border:1px solid #B6B5B4;
}

.simple-form input[type="text"]:focus,
.simple-form input[type="search"]:focus,
.simple-form input[type="email"]:focus,
.simple-form input[type="password"]:focus,
.simple-form input[type="tel"]:focus,
.simple-form select:focus,
.simple-form textarea:focus {
  border:1px solid #004d7b;
}

.simple-form label {
  display: block;
  margin-bottom:10px;
  color:#333;
}

/* these apply to rte content in the finish options page */
.color-options-table td {
	text-align: center;
}
.color-options-table td sub ~ sub {
	display: block;
	margin-top: 12px;
}

/*****************************************************
******************************************************
Responsive Styles / Media Queries */

#nav-jump, #nav-close {
  display: none;
}

.index #content {
	display: block;
  padding-top:107px;
/* 	padding-top: 40px;	 */
}

body #content {
	display: block;
  padding-top:100px;
}

/* ------------ Height Based queries -----------------*/


@media screen and (max-height:800px) {
  

}

@media screen and (max-height:700px) {

  #modal .ask-order-quantity figure img {
    max-height: 200px;
  }
  
  #modal .ask-order-quantity figure figcaption {
    font-size: 15px !important;
    display: block;
    max-width: 265px;
    margin: 0 auto;
    
  }
  
  #modal .ask-order-quantity h4 {
    font-size: 20px;
    margin: 24px auto 20px;
  }

}

/* --- Width Based Queries --- */

@media screen and (min-width: 1200px) {
  /*------------- Header / Navigation ---------------*/
  
  /*-------------- Content / Layout -----------------*/
  .sub-banner h1 {
    margin-top: 80px;
  }
  
  .sub-banner .sub-heading {
    margin-top:70px;
  }

  .sub-banner h2, .sub-banner p {
    margin: 30px auto 55px;
  }

  /*--------------------- Footer ---------------------*/
}

@media screen and (max-width:1200px), (max-height:800px) {
  .banner-text-lg {
    padding: 20px 0 0 38px;
    width: 85%;
  }
  
  #banner-tiles li article h2 {
    font-size: 240%;
  }
  
  #banner-tiles li > div > section {
    padding: 75px 0 0;
  }
  
  #banner-tiles li article p {
    font-size: 14pt;
    line-height: 18pt;
  }
  
  .banner-overlay .banner-text {
    padding:30px 0px;
  }
  
  #banner-tiles .banner-overlay .banner-text p {
    font-size: 17px;
    line-height: 17px;
  }
  
  #banner-tiles li > div > section:first-child {
    width: 40%;
  }
}


@media screen and (max-width:1200px) {
  
  .featured-product .cat-decor:after {
    background-position:2px 20px;
  }
  
  .featured-product .circle-nav {
    left:auto;
    right:15px;
    bottom:10px;
  }
}

@media screen and (max-width: 980px) {
  
  /* pad everything */
  .content, body > footer, #build-quote > section, #content .contain {
    padding-left:2%;
    padding-right:2%;
    box-sizing:border-box;
  }
  
  /* a few unique padding situations... */
  .content.shift .contain {
    padding:30px 2% 30px 2%;
    background-color:rgba(255,255,255,0.8);
  }
  
  .content.find-reseller {
    padding-left:0;
    padding-right:0;
  }

  .navigation-bar .logo {
    margin:10px 0;
  }
  
  #main-nav > ul > li > a {
    padding:19px 9px;
    height:auto;
  }
  
  .category-icons .category-text {
    min-width:205px;
    min-height:225px;
  }
  
  .build-fixed #build-quote h2 {
    top:101px !important;
  }
  
  /* put callout items on 2 lines */
  .callout1 .callout-text {
    display: block;
    max-width:650px;
    margin:0 auto;
  }
  
  .callout1 .button {
    margin-left:0;
    margin-top:15px;
  }
  
  /* ---- Rep finder (responsive styles here bc image map doesn't scale down at all) ----- */
  
  #repSearch .input-group {
    max-width:30%;
  }
  
  #staff-results-page button.button.show-hide, .show-hide ~ #rep-map img, .show-hide ~ #rep-map map {
    display: none;
  }
  
  #repSearch + hr + p, #rep-map > img, #rep-map > map {
    display: none;
  }
  
  .contract-list {
    display: block;
  }
  
  /* ------------------- Product Pages --------------------- */
  
  .tabs a {
    width:30%;
    min-width:0;
    padding:8px 5px;
  }
  
  .product-banner section {
    width:67%;
  }
  
  .product-banner .category-heading .angle-edge, .product-banner .angle-edge {
    margin-right:-64px;
  }
  
  .product-banner.small .category-heading .angle-edge, .product-banner.small .angle-edge {
    margin-right:-52px;
  }
  
  /*
  .product-banner section .category-text {
    bottom:20px;
  }
  */
  
  .product-banner.small {
    height:295px;
  }
  
  .product-display {
    padding-left:2%;
    padding-right:2%;
    box-sizing:border-box;
  }
  .prod-view {
    padding-right:7%;
  }
  
  .page-width {
    padding-left:2%;
    padding-right:2%;
    box-sizing:border-box;
  }
  
  /* ------- where to buy page -------- */
  
  .partner-list li {
    width:33.2%;
  }
  
  .partner-list li:nth-child(4n-3) {
    border-left:1px solid #afb2b2;
  }
  .partner-list li:nth-child(1n+5) {
    border-top:none;
  }
  
  .partner-list li:nth-child(3n-2) {
    border-left:none;
  }
  .partner-list li:nth-child(1n+4) {
    border-top: 1px solid #afb2b2;
  }
  .partner-list li:last-child {
    border-right:1px solid #afb2b2;
  }
  
  .reseller-list li .link {
    font-size:14px;
  }
  
  /*-------------- Videos Page -----------------------*/
	#videos > div {
		margin:0 5px;
		width: 400px !important;
	}
	
	#videos > div > iframe {
		width: 400px !important;
		height: 225px !important;
	}
	
	#products > li > p > input {
		margin-left: 0 !important;
	}
	
	#requestButton {
		display: block;
		position: relative;
		text-align: center;
		top: -10px;
	}
	
	
	
}

@media screen and (max-width:950px) {
	.gal-photos {
		column-gap: 10px;
	}
	.gal-photos > a {
		width: 48% !important;
	}
}

@media screen and (max-width:900px) {
  #search-btn {
  	margin: 0;
  	border: none;
	}
	
	#top-nav > ul > li {
    font-size: 60%;
  }
}  

@media screen and (max-width:865px) {
  
  #banner-tiles li > section {
    width:68%;
  }
  
  .sub-banner {
    min-height:0;
    height: auto;
  }
  
  .product-banner section .category-text h3, .product-banner section .category-text h1 {
    font-size:150%;
  }
  
  /*------------- Footer ----------------*/
  
  #foot-nav > ul > li + li {
    margin-left:2.5%;
  }
  
  /*----- Rep listings -------*/
  
  #staff-results-page .col.half {
    width:100%;
    display: block;
    max-width:500px;
    margin:10px auto;
  }
  
  #staff-results-page .list-heading {
    max-width:500px;
    margin:10px auto;
  }
  
  /* -------- History / Timeline -------- */
  
  #history {
    padding-top:30px;
  }
  
  a.timeline-btn:hover:before, a.timeline-btn.sel:before {
    animation:none;
  }
  
  article.plot {
    margin-bottom:35px;
  }
  
  article.plot figure.left, article.plot figure.right {
    text-align: center
  }
  
  article.plot figure div {
    background-color:#FFF;
  }
  
  article.plot figure.left:after {
    z-index: -1;
  }
  
  article.plot figure:before, article.plot figure:after {
    content:none !important;
  }
  
  a.timeline-btn, div.timeline {
    display: none;
  }
  
  div.title {
    margin-bottom:55px;
  }
  
  article.plot aside.right {
    padding-left:15px;
  }
  
  article.plot aside.left {
    padding-right:15px;
  }
  
  #history h2 {
    display: block;
    text-align: center;
    margin:20px auto;
  }
  
  section.dates {
    display: block;
  }
  
  article.plot + article.plot {
    border-top:3px solid #004D7B;
    padding-top:30px;
  }
  
  /*-------------- Videos Page -----------------------*/
  #videos {
  	text-align: center;
  }
  
	#videos > div {
		width: 600px !important;
		border-bottom: 2px dotted #000;
		margin: 10px auto;
	}
	
	#videos > div > iframe {
		width: 600px !important;
		height: 338px !important;
	}
	
	#videos > div:last-child {
		border: none;
	}
}

@media screen and (max-width: 800px) {
  #site-search {
    width: 95%;
  }
  .search {
    font-size: 28px;
  }
  #site-search input[type="text"] {
    position: relative;
    z-index: 0;
  }
  
  #site-search input[type="submit"] {
    left: auto;
    right: 24px;
    z-index: 10;
    background-color: #004d7b;
    border-radius: 50%;
  }
  .close-search {
    right: 20px;
  }
}
@media screen and (max-width: 770px) { /* Tablet View */
  #banner-nav {
    z-index: 100;
  }
  .index #content {
    padding-top:95px;
  }
  main#content {
    padding-top: 95px;
  }
  #banner {
    min-height: 478px;
  }
  
  .content {
    padding:20px 2%;
    overflow: hidden;
  }
  
  .content.find-reseller {
    padding-top:0;
    padding-bottom:0;
  }
  
  #top-nav > ul > li > a {
    font-size:85%;
    height:32px;
    padding:9px 5px;
  }

  .sub-banner {
    /* height:300px; */
    height:auto;
  }
  .sub-banner h1 {
    font-size:250%;
  }

  .sub-banner h1, .sub-banner .sub-heading {
    margin-top:30px;
    padding-bottom:30px;
  }
  
  .sub-banner p {
    margin:0 auto 16px;
  }
    
  .angle-banner {
    padding:20px 25% 20px 20px;
    height:95px;
  }
  
  .angle-banner:before {
    border-right-width:55px;
    border-top-width:95px;
  }
  
  /* Make search box clickable (instead of hover) */
/*
  #site-search {
    font-size:14px !important;
    padding:5px 10px;
  }
*/
  
  /*
  #site-search input[type="text"], #site-search:hover input[type="text"] {
    width:0;
    padding:0;
    margin-right:0;
  }
  
  #site-search, #site-search:hover {
    padding:3px 8px 3px 6px;
  }
  
  #site-search:hover input[type="text"] {
    width:155px;
  }
  
  */
  
/*
  #site-search input[type="text"] {
    width:125px;
    padding:0.5em;
  }
  
  #site-search.show-input, #site-search.show-input {
    padding:3px 8px 3px 6px;
    width:auto;
    font-size:12px !important;
  }
  
  #site-search.show-input input[type="text"], #site-search.show-input:hover input[type="text"] {
    width:155px;
    padding:0.25em 0.5em;
    margin-right:2px;
    
    font-size:12px !important;
  }
*/
  
  /* show icon text by default */
  #banner ~ .category-icons p:first-child {
    position: relative;
    top:0;
    color:#5F6665;
  }
  
  #banner ~ .category-icons {
    overflow: hidden;
  }
  
  .category-icons {
    background-color:#DFDFDF;
    box-shadow:none;
  }
  
  .category-icons .category-text {
    background-color:#DFDFDF;
    min-height:200px;
  }
  
  .category-icons .category-text:after {
    content:none;
  }
  
  .category-icons .category-text h3, .category-icons .category-text p, .category-icons .category-text:before {
    visibility: visible;
    opacity: 1;
  }
  
  .category-icons.foldout p:first-child {
    background-color:#004D7B;
  }
  
  .gray-banner nav ul li a {
    padding:15px 9px;
  }
  
  /* Color nav buttons / Featured Product Section */
  
  /*
  
  .color-nav a h2 {
    font-size:165%;
  }
  
  .featured-product .side-bar h3 {
    padding-left:30px;
    font-size:110%;
    min-width:360px;
    -webkit-transform-origin: 7%;
    -moz-transform-origin: 7%;
    -ms-transform-origin: 7%;
    -o-transform-origin: 7%;
    transform-origin: 7%;
  }
  */
  
  #top-nav .cart-link {
    padding: 0.3em 0;
  }
  
  .color-nav a {
    padding:4% 7.5%;
  }
  
  .featured-product, .color-nav {
    position: relative;
    display: block;
    height:360px;
    padding:0;
    width:100%;
  }
  .featured-product + .color-nav {
    padding-left:0;
    width:100%;
    display: block;
    height:auto;
  }
  
  .featured-product .side-bar h3 {
    padding-left:25px;
  }
  
  /* ------- build-a-quote ------- */
  .build-fixed #build-quote h2 {
    top:93px !important;
  }
  
  .product-display aside .prod-view figure {
    top:0 !important;
  }

  #modal .image-popup-list {
    padding-bottom:  3em;
  }

  #modal .image-popup-list a.color-picker {
    margin-right: 2px;
    margin-left: 0;
  }

  .info-summary {
    text-align: center;
  }
  
  .info-summary > div {
    width:46%;
    text-align: left;
  }
  
  /* Get main/side columns into one column */
  .main, .side {
    max-width:none;
    width:100%;
    margin:0;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 1;
  }
  
  .main + .side {
    margin-left:0;
    margin-top:25px;
    text-align: center;
  }

  .side:first-child, .side:first-child + .main {
    max-width:none;
    width:100%;
    margin-left:0;
  }
  
  .side:first-child + .main {
    margin-top:35px;
  }
  
  .product-actions li {
    width:32%;
  }
  
  .product-details {
    padding:25px 0;
  }
  
  .product-banner, .product-banner.small {
    height:auto;
  }
  
  .product-banner section {
    width:100%;
    height:100%;
    position: relative;
  }
  
  .product-banner section .category-text {
    padding-left:2%;
    position: relative;
    top:0;
    -o-transform:none;
    -moz-transform:none;
    -ms-transform:none;
    -webkit-transform:none;
    transform:none;
    
    padding:50px 0 50px 2%;
    padding-right:125px;
  }
  
  .product-banner .category-heading .angle-edge, .product-banner .angle-edge {
    display: none;
  }
  
  .product-banner.small {
    height:auto;
  }
  
  .product-display aside, .product-display section {
    display: block;
    width:100%;
  }
  
  .product-display aside {
    margin-bottom:30px;
    text-align: center;
    margin-left:auto;
    margin-right:auto;
  }
  
  .product-display aside .prod-view figure {
    margin-left:auto;
    margin-right:auto;
  }
  
  .past-projects {
    padding-right:0;
  }
  
  p.direction {
    text-align: center;
  }
  
  p.direction span {
    display: block !important;
    float:none !important;
    margin-bottom:20px;
  }
  
  #checkout-pages .leftCol, #checkout-pages .rightCol {
    display: block !important;
    width:100% !important;
    padding-left:0 !important;
  }
  
  #checkout-pages .rightCol {
    margin-top:30px;
  }
  
  #checkout-pages #fancy-form > p.buttons {
    box-sizing:border-box;
  }
  
  .cart.review colgroup col:first-child + col {
    width:auto !important;
  }
  
  .cart.review colgroup col {
    width:90px !important;
  }
  
  #checkout-pages .info-summary {
    text-align: center;
  }
  
  #checkout-pages .info-summary > div {
    width:46%;
    text-align: left;
  }
  
  #checkout-pages .info-summary > div:last-child {
    display: block;
    width:45%;
    border-left:none;
    clear:both;
  }
  
  .portal-page {
	  display: block;
  }
  
  .portal-page .col.side {
	  border-left: none;
	  margin-left: 0;
	  padding-left: 0;
  }
  
  /* ------- where to buy page -------- */
  
  .partner-list li {
    width:49.75%;
  }
  
  .partner-list li:nth-child(4n-3), .partner-list li:nth-child(3n-2) {
    border-left:1px solid #afb2b2;
  }
  .partner-list li:nth-child(1n+5) {
    border-top:1px solid #afb2b2;
  }
  
  .partner-list li:nth-child(2n-1) {
    border-left:none;
  }
  .partner-list li:nth-child(1n+3) {
    border-top: 1px solid #afb2b2;
  }
  
  .partner-list li:last-child {
    border-right:none;
  }
  .partner-list li:nth-child(2n-1):last-child {
    border-right:1px solid #afb2b2;
  }
  
  .reseller-list li {
    width:49.75%;
  }
  
  .reseller-list li:nth-child(3n+1):after {
    content:"";
  }
  
  .reseller-list li:nth-child(2n-1):after {
    content:none;
  }
  
  .reseller-list li:nth-child(1n+3):before {
    content:"";
  }
  
  /* -------------------- Main navigation changes ---------------------- */
  
  #nav-jump {
    display:block !important;
    position:absolute;
    text-indent:-9999px;
    text-align: left;
    outline:none;
    z-index:100;
    right:2%;
    bottom:3px;
    width:55px;
    height:55px;
    background: #004D7B;
    opacity:1;
  }
  
  #nav-jump:after {
    content:' ';
    position:absolute;
    margin:-1px 0 0 -12px;
    top:50%;
    left:40%;
    width:35px;
    height:4px;
    background:#E0E6E7;
    box-shadow:0 10px 0 #E0E6E7, 0 -10px 0 #E0E6E7;
  }

  #nav-close {
    display:block !important;
    position:absolute;
    text-indent:-9999px;
    z-index:15;
    outline:none;
    right:10px;
    top:5px;
    width:30px;
    height:15px;
    padding:0 5px 5px;
    color:#004D7B;
    z-index: 701;
  }
  
  #nav-close:after {
    content:'x';
    display:block;
    text-indent:0;
    text-align:center;
    font-size:190%;
    line-height:1;
    position: absolute;
    top:50%;
    margin-top:-8px;
    right:50%;
    margin-right:-8px;
  }

  #main-nav {
    display: block; /* always make navigation menu visible */
    min-width:0;
  
    position:fixed;
    visibility:hidden;
    z-index:700;
    height:100%;
    width:100%;
    max-width:100%;
    left:100%;
    padding:0;
    top:0;
    overflow-y: scroll;
    border: none;

    transition:all 0.3s ease-in 0s;
    
    background-color:#FFF;
    text-align:left;
    box-sizing:border-box;
    padding:0 2%;
    margin:0;
    font-size:145%;
  }
  
  #main-nav:target {
    visibility: visible;
    left:0;
    
    transition:all 0.3s ease-in 0s;
  }
  
  #main-nav ul {
    max-width:none;
    display: block;
    text-align: left;
  }
  
  #main-nav > ul > li + li {
    margin:0;
  }
  
  #main-nav li {
    margin-top:8px;
    
    display:block;  
  }
  
  #main-nav li a {
    box-sizing:border-box;
    display:inline-block;
    width:100%;
  }
  
  #main-nav > ul > li {
    display: block !important;
    margin-left:0;
  }
  
  #main-nav > ul > li + li {
    /* border-top:1px solid #0051B9; */
  }
  
  #main-nav > ul > li > a {
    padding:25px 14px;
    background-color:#DFDFDF;
    color:#004D7B;
  }
  
  /*
  #main-nav > ul > li:first-child > a {
    max-width:85%;
  }
  */
  
  /* sub-nav menus */
  #main-nav > ul > li:after, #main-nav > ul > li:hover:before {
    content:none;
  }
  
  #main-nav > ul > li:hover ul {
    left:0;
  }
  
  #main-nav > ul > li ul {
    position: relative;
    display: block;
    margin:0;
    left:auto;
    top:auto;
    
    opacity: 1;
    visibility: visible;
    z-index: 1;
    background-color:#FFF;
    text-align: left;
  }
  
  #main-nav > ul > li ul li {
    display: block !important;
    margin: 0 !important;
  }
  
  #main-nav > ul > li ul li + li {
    margin-top:10px !important;
  }
  
  #main-nav > ul > li ul li a {
    color:#404040;
    padding:12px 5px 12px 25px;
  }
  #main-nav > ul > li ul li a:hover, #main-nav > ul > li ul li a:active {
    color:#FFF;
  }
  
  /* change footer layout */
  
  body > footer {
    padding:20px 2%;
  }
  
  #foot-nav {
    text-align: center;
  }
  
  #foot-nav > ul {
    display: none;
  }
  
  #foot-nav > article.col {
    width:100%;
  }
  .seamless-input {
    max-width:400px;
    margin:0 auto;
  }
  
  body > footer .social {
    margin:1.75em auto 1em;
  }
  
  body > footer .social li + li {
    margin-left:5.5%;
  }
  
  body > footer .nav-list {
    margin:1.25em 0;
  }
    
  body > footer section p.dividers span + span {
    margin-left:0;
  }
  body > footer section p.dividers span + span:before {
    content:none;
  }
  
  body > footer section {
    padding-right:0;
    padding-bottom:60px;
    text-align: center;
  }
  
  body > footer section .logo {
    bottom:0;
    left:50%;
    margin-left:-117px;
  }
  
  #banner-tiles li > div > section:first-child {
    display: none;
  }
  
  #banner-tiles li > div > section {
    padding: 25px 0 0;
  }
  
  .banner-overlay .banner-corner {
    display: none;
  }
  
  #banner-tiles .banner-overlay .banner-text p {
    text-align: center;
  }
  
  .banner-text-lg {
    width: 100%;
    padding: 20px 25px;
    text-align: center;
    box-sizing: border-box;
  }
  #banner-tiles li article h2 {
    font-size: 200%;
  }
  
  h2.show-badge {
	position: relative;
	padding-right: 205px;
  }

  .ada-badge {
	max-width: 167px;
	
	position: absolute;
	top: -15px;
	right: 0;
  }
  
  .prod-area .prod-view {
	  position: relative !important;
	  width: 100% !important;
  }
  
}

@media screen and (max-width:700px) {
  #top-nav > ul > li {
    font-size: 90%;
  }
  
  body #content, .index #content {
    padding-top:128px;
  }
  
  body:not(.index) #content {
    padding-top: 100px;
  }

/*
  #top-nav ul.reg {
    border: 0 none;
    display: table;
    float: right;
    height: auto;
    position: relative;
    width: 70%;
    background-color: #1B1B1A;
    z-index: 500;
  }
  #top-nav ul.reg {
    display: table;
    width: 100%;
    height: auto;
    border: 0px;
  }
  #top-nav ul.reg li {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    position: relative;
    z-index: 999;
  }
  #top-nav ul.reg li a {
    white-space: nowrap;
  }
*/
/*
  #site-search {
    width: 100%;
    margin: 0px;
    display: table;
  }
  #site-search div {
    display: table-cell;
    height: 100%;
  }
  #site-search div + div {
    width: 30px;
  }
  
  #site-search input[type="text"] {
    width: 100%;
  }
*/

  #top-nav {
    z-index: 500;
  }
  #top-nav ul.mod li {
    background-color: #1B1B1A;
    display: inline-block;
    font-size: 85%;
  }
  #top-nav ul.mod {
    left: 0 !important;
    position: fixed;
    text-align: center;
    top: 40px;
    width: 100%;
  }
  #top-nav ul.mod li a {
    display: block !important;
    padding: 10px 29px;
  }
  #top-nav ul.mod li ul {
    display: inline-block !important;
    left: 0;
    right: auto;
    width: 100%;
    text-align: center;
  }
  #top-nav ul.mod li ul li {
    text-align: center;
  }
  #top-nav ul.mod li ul li a {
    display: inline-block;
  }
  #top-nav ul.mod li.open ul {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (max-width:650px) {  
  /*-------------- Videos Page -----------------------*/
	
	#videos > div {
		width: 500px !important;
	}
	
	#videos > div > iframe {
		width: 500px !important;
		height: 281px !important;
	}
	
	/*-------------- !Product-selector-------------- */
	.prod-selector {
	    display: block !important;
	    width: 100% !important;
	}
	.prod-selector + section {
	    display: block !important;
	    margin: 0px !important;
	    width: 100% !important;
	}
	
}

@media screen and (max-width: 625px) {

	.gal-photos > a {
		width: 100% !important;
	}  

  /*
  .sub-banner {
    height:300px;
  }
  
  .sub-banner h1 {
    font-size:300%;
  }
  
  .sub-banner p {
    margin:16px auto;
  }
  */

  #banner-tiles li > section {
    width:100%;
  }
  
  /* white transparent background */
  
  #banner-tiles li > section {
    z-index: 0;
  }
  
  #banner-tiles li > section:after {
    content:"";
    display:block;
    height:100%;
    width:100%;
    background-color:rgba(255,255,255,0.4);
    
    position: absolute;
    top:0;
    left:0;
    z-index: -1;
  }

  #banner-tiles li article {
    padding:20px 0;
    text-align: center;
    z-index: 2;
  }
  
  #banner-tiles li article .angle-banner {
    padding:14px;
    height:auto;
  }
  
  #banner-tiles li article h2 {
    font-size: 180%;
    padding: 15px 0 0
  }
  
  #banner-tiles li article p {
    font-size: 16px;
    line-height: 21px;
  }
  
  #banner-tiles li article h3 {
    font-size:150%;
  }
  .banner-text-lg {
    padding: 20px 15px;
  }
  #banner-tiles a.icon:before {
    background-size: 60% auto !important;
    background-repeat: no-repeat !important;
    height: 29px !important;
  }
  .gray-banner nav ul li {
    font-size:12pt !important;
  }
  
  .gray-banner nav ul li a {
    padding:12px 9px;
  }
  
  .category-text h3 {
    font-size:150%;
  }
  .category-text h3 .color-text {
    font-size:85%;
  }
  
  /* -------- Rep Finder --------- */
  
  #repSearch .input-group {
    max-width:none;
    display: block;
  }
  
  #repSearch .input-group + .input-group, #repSearch .submit-button {
    margin-left:0;
    margin-top:15px;
  }
  
  /* decrease font size + increase margin of links */
  
  #simplemodal-container {
      box-sizing: border-box;
      /* padding: 0px 20px; */
  }
  
  #modal .ask-order-quantity {
    padding:25px 45px;
  }
  
  #modal .ask-order-quantity figure img {
      max-width: none;
      max-height: none;
      width: 130px;
  }
  
  .build-fixed #simplemodal-container {
    width: 100% !important;
    max-width:500px !important;
  }

  .cart.review colgroup, .cart thead {
    display: none;
  }
  
  .cart.review colgroup col {
    width:auto !important;
  }
  
  .cart, .cart tbody, .cart tr, .cart tfoot {
    display: block;
    width:100%;
  }
  
  .cart tr {
    font-size:0;
  }
  .cart tr > * {
    font-size:14px;
  }
  
  .cart tfoot tr {
    display:  table-row;
  }

  .cart tfoot th,
  .cart tfoot td {
    display:  table-cell;
    border-top:  none;
  }

  .cart td {
    display: inline-block;
    vertical-align: middle;
    box-sizing:border-box;
  }
  
  .cart td:first-child {
    width:30%;
  }
  .cart td:first-child + td {
    width:70%;
  }
  
  .cart td:first-child + td ~ td {
    width:30%;
    max-width:120px;
  }
  
  .cart + p.aln-right {
    text-align: center;
  }
  
  .cart tbody tr td {
    border-top:none;
  }
  
  .cart tr + tr {
    border-top:1px solid #B6B5B4;
    margin-top:15px;
    padding-top:15px;
  }
  
  /* ---------------- Footer ------------------ */
  
  #build-quote > h2 {
    font-size:175%;
  }
  
  #build-quote.foldout {
    height:105px;
  }
  
  .build-fixed #build-quote h2 {
    top: 0 !important;
    position:relative;
  }
  .build-fixed #build-quote {
    padding-top:0;
  }
  
  /* -------- history / timeline page --------- */
  
  div.title.right {
    
  }
  
  article.plot figure, article.plot div {
    display: block;
  }
}

@media screen and (max-width:550px) {
  #top-nav > ul > li > a {
    font-size: 65%;
  }
  
  #top-nav ul.mod li a {
    font-size: 80%;
    padding-left: 12px;
    padding-right: 12px;
  }
  
  .banner-overlay .banner-text {
    padding: 18px 0;  
  }
  
  article.plot aside, article.plot figure {
    display: block;
    width:100%;
    padding-left:0 !important;
    padding-right:0 !important;
    text-align: center !important;
  }
  
  article.plot aside ~ figure, article.plot figure ~ aside {
    margin-top:40px;
  }
  
  article.plot figure figcaption {
    margin-left:auto;
    margin-right:auto;
    position: relative;
    top:0;
  }
  
  article.plot figure a.sel {
    bottom:auto;
    top:235px;
  }
  
  #history h3 {
    text-align: center;
  }
  
  /* ----- Project registration form ------ */
  
  #fancy-form, .fancy-form {
    padding-right:0 !important;
  }
  
  #fancy-form > p, #fancy-form > div, .fancy-form > p, .fancy-form > div {
    margin-left:0 !important;
    width:100%;
    box-sizing:border-box;
  }
  
  #fancy-form > p label, #fancy-form > p .label, #fancy-form div label, #fancy-form div .label, .fancy-form > p label, .fancy-form > p .label, .fancy-form div label, .fancy-form div .label {
    float:none !important;
    margin-left:0 !important;
    text-align: left !important;
    display: block !important;
    margin-bottom:5px !important;
    width:auto !important;
  }
  
  #fancy-form input[type="checkbox"] + label, #fancy-form input[type="radio"] + label, .fancy-form input[type="checkbox"] + label, .fancy-form input[type="radio"] + label {
    display: inline-block !important;
  }
  
  /* -------------- Checkout Forms ------------- */
  
  #checkout-pages #fancy-form > p label, #checkout-pages #fancy-form > p .label {
    color:#242424;
  }
  
  body #checkout-pages #fancy-form > p.buttons {
    padding-left:0;
  }
  
  /* stack the checkout 'step' info */
  #checkout-steps ol li, #checkout-steps ul li {
    display: block;
    border-left:0;
    border-right:0;   
  }
  
  #checkout-steps ol li + li, #checkout-steps ul li + li {
    border-top:1px solid #A5A5A7;
  }
  
  #checkout-steps li a {
    padding:1em 0.75em 1em 3.75em;
  }
  
  #checkout-steps a.mailing:after, #checkout-steps a.shipping:after, #checkout-steps a.delivery:after, #checkout-steps a.review:after, #checkout-steps a.quote:after {
    right:auto !important;
    top:50% !important;
    margin-top:-34px !important;
  }
  
  #checkout-pages .info-summary > div {
    width:100%;
    display: block;
    float:none;
    border-left:none;
  }
  
  /* external link in product category page heading banner */
  .category-text p {
    margin:0.25em 5px 0.25em 0;
  }
  
  /*-------------- Videos Page -----------------------*/
	
	#videos > div {
		width: 400px !important;
	}
	
	#videos > div > iframe {
		width: 400px !important;
		height: 225px !important;
	}
	
	#products > li > p {
		margin-left: 0 !important;
		width: 100%;
		box-sizing: border-box;
	}
	
	#products > li > p > input {
		width: 100% !important;
	}
	
	/* FOOTER */
	.newsletter-box {
		width: 100%;
	}
	
}

@media screen and (max-width: 480px) {
  
  #banner-tiles li article h2 {
    font-size: 140%;
      padding: 0;
  }
  
  #banner-tiles li article p {
    font-size: 14px;
    line-height: 19px;
  }
  
  .banner-overlay .banner-text {
    padding: 14px 0;
  }
  
  #banner-tiles .banner-overlay .banner-text p {
    font-size: 14px;
    line-height: 14px;
  }
  
  #innovative-furniture h2 {
    font-size: 110%;
    letter-spacing: 0.08em;
  }

  #top-nav > ul > li > a {
    padding:9px 1px;
  }
    
  .featured-product .prod-heading {
    padding:10px 105px 10px 15px;
    
    right:auto;
    left:0;
    width:100% !important;
  }
  
  .whats-new.foldout, .whats-new .plus {
    height:128px;
    box-sizing:border-box;
  }
  
  table.prod-options, table.prod-options tbody, table.prod-options tr, table.prod-options tr td, table.prod-options table {
    display:block;
    width:100%;
  }
  
  .literature-cat-list li, .literature-doc-list li {
    width:100%;
    display: block;
  }
  
  .literature-cat-list li:nth-child(2n) {
    margin-left:0;
  }
  
  .literature-cat-list li a {
    padding:4.5% 6.5% 4% 7.5%;
  }
  
  .literature-cat-list li a h2 {
    margin-bottom:15px;
  }
  
  #modal .ask-order-quantity {
    padding:15px;
  }
  
  #modal .ask-order-quantity figure {
    padding:0 20px;
  }
  
  body #checkout-pages #fancy-form > p.buttons input.button {
    margin-top:20px;
  }
  
  /* ------ Rep Listing ------ */
  
  #staff-results-page .col.half + br, #staff-results-page .show-hide.button {
    display: none;
  }
  
  .rep-listing {
    padding:0 0 20px 150px;
  }
  
  .rep-listing figure {
    height:140px;
    width:130px;
    margin-top:0;
    top:0;
  }
  
  /* ------- where to buy page -------- */
  
  .partner-list li, .partner-list li:nth-child(3n-2) {
    width:100%;
    display: block;
    border-left:none;
  }
  
  .partner-list li + li, .partner-list li:nth-child(1n+3) {
    border-top: 1px solid #afb2b2;
  }

  .partner-list li:nth-child(2n-1):last-child {
    border-right:none;
  }
  
  .reseller-content {
    height:auto;
    overflow: hidden;
  }
  
  .reseller-list li {
    width:100%;
    display: block;
    text-align: center;
    padding:20px 0;
  }
  
  .reseller-list li a, .reseller-list li a:link, .reseller-list li a:visited {
    padding:0 7%;
    height:auto;
  }
  
  .reseller-list li + li {
    border-top:1px solid #5f6665;
  }
  
  .reseller-list li + li:after, .reseller-list li:nth-child(3n+1):after {
    content:none;
  }
  
  .reseller-list li:before, .reseller-list li:nth-child(1n+3):before, .reseller-list li:nth-child(1n+4):before {
    content:none;
  }
  
  .find-reseller p.no-result {
    position: relative;
    margin:40px auto;
    top:0;
    left:0;
  }
  
  .banner-text-lg .button.large {
    font-size: 88%;
  }
  
  /* new layout for product option configurator */
  .option-hover-box {
	  min-height:140px;
	  width:180px;
	  padding:20px;
  }
  .option-hover-box .color-swatch-full {
	  height:135px;
  }
  .option-hover-box .checkbox {
	  display: block;
	  margin:0 auto 5px;
  }
  .color-picker .option-hover-box strong {
  	  margin-left:0;
	  width:100%;
  }

}

@media screen and (max-width: 440px) {
  .more-menu {
    font-size: 14px !important;
    border-left: 2px solid #FFF;
    border-right: 2px solid #FFF;
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-left: 20px;
  }
}

@media screen and (max-width: 420px) {
  .navigation-bar {
    text-align: left;
    
    box-sizing:border-box;
    padding-left:2%;
  }
  
  .category-icons .category-text {
    text-align: center;
  }
  .category-icons .category-text + .category-text {
    border-top:1px solid #000;
  }
  
  .sub-banner h1 {
    font-size:225%;
  }
  
  #newsSearch .input-group {
    max-width:none;
    width:100% !important;
    display: block;
  }
  
  #newsSearch .input-group input, #newsSearch .input-group select {
    width:100% !important;
  }
  
  #eventSearch .datePickerLink, #newsSearch .datePickerLink {
    right:5px;
  }
  
  .product-actions li {
    width:45%;
  }
  
  .build-fixed #build-quote h2 {
    padding:0.5em 0;
  }
  
  #build-quote.foldout {
    height:138px;
  }
  
  
  
  .category-heading.cat-decor {
    border-right-width:0;
    padding-left:0;
  }
  
  .cat-decor:before {
    border-right-width:38px;
    border-top-width:80px;
    right:57px;
  }
  
  .cat-decor:after {
    height:80px;
    width:57px;
    background-size:auto 45%;
    background-position:7px center;
  }
  
  .product-banner section .category-text {
    padding-right:2%;
    padding-top:25px;
    padding-bottom:85px;
  }
  
  	
	.product-details table,
	.product-details table tbody,
	.product-details table tr,
	.product-details table th,
	.product-details table td {
		display: block;
	}
  
   /*-------------- Videos Page -----------------------*/
	
	#videos > div {
		width: 335px !important;
	}
	
	#videos > div > iframe {
		width: 335px !important;
		height: 188px !important;
	}
	
	h2.show-badge {
		padding-right: 0;
	}
	
	.ada-badge {
		display: block;
		
		position: relative;
		top: auto;
		right: auto;
	}

}

@media screen and (max-width: 360px) {

  .whats-new .media-list {
    padding-left:2%;
    padding-right:2%;
    box-sizing:border-box;
  }
  
  .media-list li, .media-list li a {
    width:100% !important;
    box-sizing:border-box;
  }
  
  .media-list li.color-callout {
    width:93% !important;
    margin-left:0;
    margin-right:0;
  }
  
  .sub-banner h1 {
    padding-top:65px;
  }
  
  .build-fixed #build-quote h2 {
    top:124px;
  }
    
  /* ------ Rep Listings ------- */
  
  #staff-results-page .list-heading {
    text-align: center;
  }
  
  .rep-listing {
    text-align: center;
    padding:0;
    margin:15px auto;
  }
  
  .rep-listing figure {
    position: relative;
    top:0;
    margin-top:0;
    margin-bottom:12px;
  }
  
}

.alert {
	background-color: rgba(29, 77, 122, 1);
	box-shadow: 0 0 20px 0px #000;
	color: #fff;
	padding: 15px 50px 15px 25px;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 99;
}
.alert > div {
	max-width: 1024px;
	margin: 0 auto;
}
.alert .alert-content + .button {
	margin-top: 10px;
}
.alert .close-btn {
	color: #fff;
	font-size: 25px;
	position: absolute;
	right: 20px;
	top: 15px;
}
.close-alert .alert{
	display: none !important;
}
.close-alert #header {
	margin-top: 0 !important;
}
.alert .center {
	text-align: center;
}
.alert .left {
	text-align: left;
}
.alert .right {
	text-align: right;
}

.alert strong {
	font-weight: bold;
}

.col.main ul:not([class]):not([style]),
.col.side ul:not([class]):not([style]),
.section .table.page ul:not([class]):not([style]) {
	list-style: inherit;
}