/* Important! This file is to only be edited through WebDAV or through the control panel by the client, not theme partners/designers. */
.inner {
max-width: 1200px !important;
margin: 0 auto;
}
.hideThis {
  display: none !important;
}
.auto-width {
  width: auto !important;
}

/* COLORBOX MIN CSS */

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url(images/border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url(images/controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; background:url(images/border.png) repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; background:url(images/controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(images/controls.png) repeat-y -211px 0;}
    #cboxContent{background:#fff; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible;  position:absolute; bottom:-29px; background:url(images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious:hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext:hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose:hover{background-position:-100px 0px;}

        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}
/*  MOBILE MENU */

#DrawerMenu a {
  text-transform: uppercase;
  font-size: 16px;
}
#DrawerMenu .mobile-subnav li {
  background: #424242;
}
#DrawerMenu .mobile-subnav.closed {
  display: none;
}
#DrawerMenu .mobile-subnav a {
  font-size: 14px;
  text-indent: 10px;
}
#DrawerMenu .mobile-parentnav {
  position: relative;
  clear:both;
}
/*#DrawerMenu .mobile-parentnav:after {
  content: '';
  position: absolute;
  background: transparent url(//cdn6.bigcommerce.com/s-hqjg7u/templates/__custom/images/plus.png?t=1498654416) no-repeat;
  border: 1px solid #555555;
  height: 60px;
  width: 60px;
  display: block;
  right: 0;
  bottom: -1px;
  text-align: center;
  font-size: 20px;
}*/
#DrawerMenu .mobile-dropdown {
  position: absolute;
  border: 1px solid #555555;
  height: 58px;
  width: 60px;
  padding: 0;
  display: block;
  right: 11px;
  bottom: -1px;
  text-align: center;
  font-size: 20px;  
  cursor: pointer;
}
.mobile-dropdown.plus {
  background: transparent url(//cdn6.bigcommerce.com/s-hqjg7u/templates/__custom/images/plus.png?t=1498654416) no-repeat;
}
.mobile-dropdown.minus {
  background: transparent url(//cdn6.bigcommerce.com/s-hqjg7u/templates/__custom/images/minus.png?t=1498654416) no-repeat;
}

/*HEADER*/
html {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body * {
  font-family: lato, Arial, sans-serif;
  font-weight: normal;

}
.hide-it {
  display: none !important; 
}
.right-header {
  float: right;
  padding-bottom: 20px;
  width: calc( 100% - 240px);
  max-width: 700px;
}
.mobile-right-header {
  display: none;
  margin-right: 15px;
}
 .right-header .row-two, .right-header .row-three {
  width: 100%;
}
.right-header .row-one {
  width: 520px;
}
.right-header .row-two > span, .right-header .row-two > div {
  /*margin-right: 10px;*/
}
.right-header .row-one {
  /*margin-top: 35px;*/
  margin-top: 25px;
  color: #999999;
}
.right-header .row-one a {
  color: #999999;
}
.row-two .PageMenu {
  margin-top: 0;
}

.left-header {
  float: left;
}
.dp-program {
  padding-top: 10px;
  width: 50%;
  float: left;
}
.dp-program span {
  font-weight: bold;
}
.shipping-message {
  float: right;
  margin-top: 10px;
  text-transform: uppercase;
}
#shipping-message-content {
  padding: 20px;
}
.main {
  /*margin-top: 100px;*/
}

#Header {
  /*position: relative;*/
  width: 100%;
  z-index: 100;
  top: 0;
  left: 0;
  background: rgba(255,255,255,0.9);
  padding-bottom: 14px;
}
#Header .inner {
  position: relative;
}
.header-logo {
  /*margin-top: 45px;*/
  margin-top: 33px;
  float: none;
}
.PageMenu {
  /*float: right;*/
    position:absolute;
  /* top:104px; */
top:72px;
  left:22.5%;
}
.PageMenu .sf-menu > li > a {
  font-size: 14px;
  color: #666666;
  font-weight: normal;
  border-top: solid 1px #ffffff;/*james*/
}


.PageMenu .sf-menu > li > a:hover{color:#999}
/*.PageMenu .CategoryList {
  display: none;
}*/
.PageMenu .sf-menu > li:hover > ul {
  display: inline-block;
} 
.PageMenu .sf-menu > li:first-child {
  margin-left: 0;
}
.PageMenu .sf-menu li ul {
  position: absolute;
  left: -15px; 
}
.PageMenu .sf-menu a span {
  /*margin: 0 1px;
  letter-spacing: 1px;*/
  font-weight: bold;
}
.PageMenu .sf-menu a:hover span {
  margin: 0;
  color: #666666;
  /*font-weight: bold !important;*/
/*text-decoration:underline;*/
}
.PageMenu .sf-menu > li a:hover {
  border-top: 1px solid #999;
color:#000;

}
.PageMenu .sf-menu > li li a:hover {
  border-top:0;
color:#000;

}
.PageMenu .custom-subnav li {
  padding: 5px 0 5px 0;
  margin: 0 8px 0 0;
}
.PageMenu .custom-subnav li:first-child {
  margin-left: 0;
}
.PageMenu  li {
  padding-top: 0;
}
.PageMenu .pages-menu {
  text-transform: uppercase;
}
.PageMenu li.parent > ul {
  display: block;
}
.PageMenu li.active-menu a{/*color:#000*/}
.custom-subnav > ul {
  display: none;
}
.custom-subnav a {
  text-transform: uppercase;
  font-size: 11px;

}
.custom-subnav li.active-menu {
  

}
.custom-subnav li.active-menu a {
  color: #000;border-top: 1px solid #000;

}
.desktop_tag
{
  position: absolute;
    top: 0px;
    z-index: 999999999999999;
    height: auto;
    display: block;
}
.desktop_tag .tagline p, .mobile_tag .tagline p
{
margin:0px;
}
.desktop_tag .counter_wrap #getting-started{
    display: inline-block;
}
.desktop_tag{
    position: absolute;
    top: 0px;
    z-index: 999999999999999;
    width: 100%;
    background: red;
    height: auto;
    display: block;
}
.desktop_tag .counter_wrap
{
position: absolute;
    right: 0;
    top: 0;
}
#Header .section_inner
{
margin-top:27px;
}
/* submenu overrides */
.PageMenu li ul {
  background-color: transparent;
  width: 100%;
}
.PageMenu li ul li {
  display: inline-block;
  background-color: transparent;
}
li.search-icon img{width: 22px;position: absolute; top: 0;}
li.search-icon{display:none; width:24px}
#SearchForm input#search_query {
  border-right-width: 1px !important;
  width: 100%;
  height: auto;
  line-height: normal;
  padding:8px;
  box-sizing:border-box;
padding-left:18px;

background-image: url("https://cdn6.bigcommerce.com/s-hqjg7u/product_images/uploaded_images/magnifier-glass.png?t=1465926707") !important;
background-position: 96% !important;
background: no-repeat;
background-size: 20px 29px;

}
.PageMenu .sf-menu li ul li:hover {
  text-decoration: none;  
}

/* if decorative page */
#home .decorative-subnav,
.decorativePage .decorative-subnav {
  display: block;
}

.decorativePage .pages-menu > li:first-child > a,#home .pages-menu > li.active-main-menu > a
 {
  /*border-top: 1px solid #000;
  color:#000; */
}
#home .pages-menu > li.active-main-menu a,
.decorativePage .pages-menu > li:first-child a
 {
  /*font-weight: bold;*/

}
#home .pages-menu > li.active-main-menu a{color:#000;}
/* if architectural page */
/*.architecturalPage .architectural-subnav {
  display: block;
}
.architecturalPage .category-list > li:nth-child(2) {
  text-decoration: underline;
}
.architecturalPage .category-list > li:nth-child(2) a {
  font-weight: bold;
}*/
/* if world of flos page */
.wofPage .wof-subnav {
  display: block;
}
.wofPage .pages-menu > li:nth-child(3) {
  /*border-top: 1px solid black;*/
}
/*.wofPage .pages-menu li:nth-child(3) span {
  font-weight: bold;
}*/
.category-list > li:hover,
.HasSubMenu:hover,
.custom-subnav li:hover {
  text-decoration: underline;
}
.category-list > li:hover a,
.HasSubMenu:hover a,
.custom-subnav li:hover a{
  font-weight: bold;
}
/* if blog page (which is using wof subnav) */

/* if blog page */
.blog .blog-subnav {
  display: block;
}

.wofPage.blog .pages-menu .HasSubMenu {
  text-decoration: none;
}
.wofPage.blog .pages-menu .HasSubMenu span {
  font-weight: normal;
}
.blog .pages-menu >  li:nth-child(4) {
  /*text-decoration: underline;*/
  /*border-top: 1px solid black;*/
}

/* CUSTOM STYLE FOR PAGES MENU */

.PageMenu ul.architectural-subnav{width:120%}/*lets increase the width for this section*/
.PageMenu ul.wof-subnav{left:189px!important}
.PageMenu ul.blog-subnav{left:119px!important}

.PageMenu  li{
position: relative;
}
.PageMenu ul ul
{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    background:#fff;
    padding:0;
        width:200px;
    /*border-top: 10px solid #fff;
    border: 1px solid #000;*/

}
/*.PageMenu ul ul:before{
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid black;
    position: absolute;
    left: 10px;
    top: -10px;
}*/
.PageMenu ul ul li
{
    float:none;
    width:200px;
    margin-left: 0px;
}

.PageMenu ul ul a
{
    line-height:120%;
    padding:15px;
        font-size:12px;
}

.PageMenu ul ul ul
{
    top:0;
    left:100%
}

.PageMenu ul li:hover > ul
{
    display:block
}



/* END CUSTOM STYLE FOR PAGES MENU */

.category-list > li:hover,
.HasSubMenu:hover,
.custom-subnav li:hover {
  text-decoration: underline;
}
.category-list > li:hover a,
.HasSubMenu:hover a,
.custom-subnav li:hover a{
  font-weight: bold;
}


.SideCategoryListFlyout { 
  font-size: 14px;
}
.SideCategoryListFlyout li {
  padding: 5px 0;
}
.SideCategoryListFlyout a:hover {
  text-decoration: underline;
}
#SearchForm  {
  margin-top: 10px;
}
#SearchForm {
  /*width: 100%;*/

}
#SearchForm .Button {
  /*display: none;*/
}
#SearchForm input#search_query {
  border-right-width: 1px !important;
  width: 100%;
  height: auto;
  line-height: normal;
  padding:10px;
  box-sizing:border-box;
/*padding-left:38px;*/

}
   .First {
  /*display: none;*/
  font-size: 12px;
  color: #343434;
  position: relative;
  bottom: 0;
}
 .First a {
  font-weight: normal;
}
 .First a:hover {
  text-decoration: underline;
}
.CartLink {
  /*width: 40%;*/
}


.shipping-message {
  background: #ff6600;
  /*color: white;*/
  font-size: 11px;
  width: 205px;
  text-transform: uppercase;
  letter-spacing:0.036em;
}
.shipping-message img{width:156px; margin:12px 0 0 0}
.shipping-message p {
  padding: 5px;
  margin-bottom: 0;
  color: #fff;
  text-align: right;
  text-transform: uppercase;
  font-size: 11px;
}
.shipping-message span {
  /*font-weight: 700;*/
  text-transform: uppercase;
  color: #f3702b;
  font-weight: bold;
  font-size: 12px;
}
.shipping-message a {
  text-transform: uppercase;
  color: #fff;
}
.shipping-message a:hover {
  text-decoration: underline;
}
.TopMenu {
  display: none;
} 
#cartForm table em {
  padding-right: 5px;
}
/*FOOTER*/
.footer-column {
  width: 33%;
  float: left;
}
.signup-message {
  margin-bottom: 10px;
  font-size: 14px;  
  color: black;
  font-family: lato, Arial, sans-serif;
  text-transform: uppercase;
}

.footer-divider {
  width: 100%;
  display: block;
  height: 40px;
  position: relative;
}
.footer-divider:after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 60px;
  height: 2px;
  background-color: #000000;
}

.footer {
  padding-bottom: 30px;
}
.footer > .inner {
  width: 90%;
}
.footer-main {
  padding: 40px 0 30px;
}
.footer-menus {
  width: calc(100% - 450px);
  float: left;
}
.footer-contact-area {
  width: 305px;
  float: right;
}
.newsletter-subscription {
  width: 300px;
  float: right;
}
.footer .social-icons {
  width: 150px;
  float: left;
}
.footer .social-icons li {
  margin-right: 10px;
}
.footer .primary-footer-menu {
  margin-bottom: 10px;
}
.primary-footer-menu a, .primary-footer-menu li {
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.05em;
  font-weight: 300;
}
.primary-footer-menu a span {
  font-weight: 300;
}
.primary-footer-menu li, .secondary-footer-menu li, .tertiary-footer-menu li {
  display: block;
  float: none;
  margin-bottom: 15px;
}
.footer-name-input,
.footer-email-input {
  margin-bottom: 15px;
  /*width: 35%;*/
  /*float: left;*/
}
.footer-newsletter-submit {
  /*width: 30%;*/
  /*float: left;*/
}
.newsletter-subscription input[type=submit] {
  width: auto;
}
.seals {
  /*margin-top: 20px;*/
}
.seals li {
  background: url(//cdn6.bigcommerce.com/s-hqjg7u/templates/__custom/images/home-cat-icon.png?t=1498654416) no-repeat;
  text-indent: -9999px;
  display: block; 
}
.seals .bbb {
  background-position: -117px -94px;
  width: 106px;
  height: 41px;
}
.seals .trustwave {
  background-position: -259px -93px;
  width: 85px;
  height: 43px;
}
.seals .bizrate {
  background-position: -12px -94px;
  width: 69px;
  height: 41px;
}

#HomeSlideShow {
  max-height: 800px;
}

/*HOMEPAGE MASONRY*/
.homepage-masonry, .category .ProductList.brick{
  width: calc(100% + 10px);
  right: 10px;
}

.bestsellers, .category .ProductList.brick{
  width: calc(99% + 10px);
  right: 10px;
}


.category .ProductList.brick {
  left: 0;
  right: 0;
}
.wofPage .brick {
  left: 0;
  right: 0;
}
.homepage-masonry.brick, .category .ProductList.brick {
  margin-left: 0;
}

.homepage-masonry .grid-item {
  position: relative;
}
/* MASONRY PLUGIN STYLES*/
.homepage-masonry.brick:after, .category .ProductList.brick:after {
  content: '';
  display: block;
  clear: both;
}
.category .ProductList li {
  border: 1px solid #999999;
  padding: 0;
}
.grid-sizer,
.grid-item {
  width: calc(100% - 10px);
  margin-bottom: 10px;
}
.gutter-sizer {
  width: 10px;
}
.grid-item.featured {
  width: calc(100% - 10px);
}
.grid-item {
  float: right;
}
.category .grid-item {
  float: left;
}

.grid-item img {
  display: block;
  max-width: 100%;
}

.inspirationpage .grid-item img {
width: 100% !important;
}

.mailing-list-container {
  min-height: 160px;
  background: gray;
  max-width: 100%;
}
.homepage-masonry .box-content, .ProductList .box-content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -webkit-align-content: center;
  -webkit-justify-content: center;  
  align-items: center;
  align-content: center;
  justify-content: center;
  text-align: center;
  position: absolute;
  height: 0;
  width: calc(100% - 40px);
  background: rgba(0,0,0,0.7);
  padding: 0 20px;
  color: white;
  bottom: 0;
  left: 0;
  font-size: 14px;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
  overflow-y: auto;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.homepage-masonry .featured .box-content {
  height: 100%;
  transition: none;
  background: rgba(255,255,255,0.8);
  color: black;
}
.grid-item:hover > .box-content {
  height: 100%;
}
/*KJ*/

.custom_notice {
   /* background-color: rgba(33, 150, 243, 0.6);*/
    background-color: #ff6600;
    color: #fff;
   
    padding: 20px 15px;
   
}
.custom_notice span img {
    vertical-align: middle;
    padding-right: 20px;
}
.ProductDetailsGrid .gray-box .DetailRow.product_detail_cart {
    width: 100%;
}
.backtotop{position:fixed;bottom:20px;right:20px;border:1px solid #f3702b;padding:8px;background-color:#f3702b;}
.backtotop:hover{background-color:#999999;border:1px solid #d3d3d3;}
.backtotop img{vertical-align:top;}
.alphabet_header{display: inline-block;padding: 0px 0px 10px 0px;}
.alphabet_header ul li{display:inline;list-style-type:none;float:left;height:20px;}
.alphabet_header ul li a{font-size:16px;padding:0px 8px;}
.alphabet_header ul li:first-child a{padding-left:0px;}
.alphabet_header ul li:last-child:after{content:"";}
.alphabet_header ul li:after{content:"|";}
.alphabet {
    float: left;
}
.alphabet_content {
    width: 100%;
    float: left;
}
.alphabet_content:nth-child(even) {
padding-right:1%;
clear:both;
}

/*.alphabet_content:nth-child(odd) {
    padding-left:1%;
   
}*/
.alphabet, .alphabet_content{
margin-bottom:20px;
}
.alphabet_content h3{
padding-bottom:10px;
}
.alphabet_content p{
margin-bottom:10px;
}

.alphabet_content ul{
    margin: 20px 0 20px 40px;
}
.alphabet_content ul li{
    margin-bottom: 5px;
}
.alphabet h4{
    text-decoration: underline;
        color: #f3702b;
      font-size:34px;
}
.alphabet strong{
font-weight: bold;
}


/* Trade Purchase Program page */
.hero-slide{position:relative;}
.hero-overlay{position:absolute;background:rgba(255,255,255,0.95);left:0;right:0;width:536px;top:75px;margin:0px auto;text-align:center;padding:10px 30px;bottom:75px;}
.hero-overlay h1{text-transform:uppercase;padding:20px 0px;font-size:25px;color: #333333;}

.hero-overlay p{font-size:17px;}
.hero-overlay a{display:block;width:150px;margin:0px auto;padding:12px 8px;border:1px solid #f3702b;background-color:#f3702b;text-transform:uppercase;margin-bottom:10px;color:#fff !important;margin-top:10px;}
.trade-container{width:993px;margin:0px auto;}
.remove-margin{margin-bottom:0px;}
.enrollment-application{margin:15px 0px;text-align:center;}
.enrollment-application ul li{display:inline;}
.enrollment-application ul li a{line-height:24px;text-transform:uppercase;}
.enrollment-application ul li:first-child a{padding-left:0px;}
.enrollment-application ul li:last-child:after{content:"";}
.enrollment-application ul li:after{content:"|";padding:0px 8px;}
.product-detail p,.architectural-solution p,.custom-option p,.engage p,.engage h3{font-size:16px;color:#666666;line-height:22px;margin-bottom:10px;text-transform: none;padding-bottom: 0;}
.product-detail{display:inline-block;width:100%;margin:30px 0px 30px 0px;}
.product-detail-img img{height:330px;}

.product-detail-img{float:left;width:50%;}
.product-detail-text{float:right;width:47%;}

.custom-option-img{float:right;width:50%;}
.custom-option-text{float:left;width:47%;}


.architectural-solution-text{float:right;width:47%;}

.architectural-solution-img,.engage-img{float:right;width:50%;text-align:right;}

.architectural-solution-img{float:left;width:50%;text-align:left!important;}

.engage{margin: 45px 0 30px;display:inline-block;width:100%;}
.custom-option{margin: 45px 0 30px;display:inline-block;width:100%;}
.architectural-solution{margin: 45px 0 30px;display:inline-block;width:100%;}
.engage-text{width:47%;float:left;}
.product-detail h2,.architectural-solution h2,.custom-option h2,.engage h2{font-size:32px;padding-top:0px;padding-bottom:20px;line-height:38px;text-transform:uppercase;}
.product-detail h3{padding-bottom:5px;text-transform:uppercase;font-size:20px;}
.architectural-solution-text p{
  clear: both;
}

@media all and (max-width: 878px){
.alphabet_header ul li:first-child a{padding-left:8px;}
}

@media all and (max-width: 768px) {
  .grid-item:hover > .box-content {
  height: 0 ;
}
.desktop_tag #getting-started{
 position:initial;
}

}
.InventoryLevel {
  display: none;
}
.gray-box {
  background: #eeeeee;
  padding: 20px 15px 15px 15px;
}
.gray-box .AddCartButton, .gray-box .QuantityInput {
  display: inline;
}
.gray-box .QuantityInput {
  font-size: 12px;
}
.gray-box .AddCartButton {
  background: #f3702b;
  /*height: 50px;*/
  height: 42px;
}
.gray-box .qty .AddCartButton {
  background: none;
}
.gray-box .AddCartButton:hover {
  background: #999999;
}
.gray-box .PriceRow {
  float: left;
}
.gray-box .PriceRow .Value {
  margin-top: 7px;
}
.gray-box .DetailRow.qty {
  float: right;
}
.gray-box .DetailRow.qty .selector {
  width: auto !important;
}
.gray-box .btn.alt {
  background: #999999;
  height: 42px;
}
.gray-box .btn.alt:hover {
  background: black;
}
.gray-box .InfoMessage {
  margin: 0;
  padding: 15px 20px 15px 55px;
}
.ProductDetailsGrid .gray-box  .DetailRow {
  margin-bottom: 10px;
  width: 48%;
}
.ProductDetailsGrid .gray-box  .DetailRow.qty {
  width: auto;
}
.addto .right-cta {
  float: right;
  width: 50%;
  /*overflow: auto;*/
}
.addto .DetailRow, .addto .DetailRow input, .addto #SideProductAddToWishList, .addto #SideProductAddToWishList input {
  width: 100%;
}
.right-cta .DetailRow .btn, .right-cta .AddToWishlistLink .btn {
  padding: 0;
}
.gray-box #SideProductAddToWishList.AddToWishlistLink {
  float: right;
  width: 48%;
  clear: none;
}
.stock-level {
  padding-top: 10px;
}
.ProductDetailsGrid .DetailRow.left-cta {
  margin-bottom: 0;
}
/* PRODUCT ACCORDIAN */
.ProductDetailsGrid.prodAccordionContent .DetailRow {
  position: relative;
  height: 55px;
  margin-bottom: 1px;
}
.ProductDetailsGrid.prodAccordionContent .DetailRow:after {
  clear: both;
}
.ProductDetailsGrid.prodAccordionContent .Label span, .ProductDetailsGrid.prodAccordionContent .Value span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ProductDetailsGrid.prodAccordionContent .Label span {
  width: 100%;
  text-align: center;
}
.ProductDetailsGrid.prodAccordionContent .Value span {
  width: 96%;
  left: 2%;
}
.ProductDetailsGrid.prodAccordionContent .Label, .ProductDetailsGrid.prodAccordionContent .Value {
  position: relative;
  height: 100%;
  width: 50%;
 
}
.ProductDetailsGrid.prodAccordionContent .Label {
  text-align: center;
  background: #eeeeee;
  border-bottom: 1px solid #f7f7f7;
   float: left;
   margin: 0;
}
.ProductDetailsGrid.prodAccordionContent .Value {
  background: #f7f7f7;
  border-bottom: 1px solid #999999;
  float: right;
} 

.ProductDetailsGrid .spec-sheet-link {
  /*text-indent: -9999px;*/
  background: url(//cdn6.bigcommerce.com/s-hqjg7u/templates/__custom/images/pdficon_small.png?t=1498654416) no-repeat;
  height: 16px;
  /*width: 16px;*/
  display: block;
  padding-left: 20px;
}

.prodAccordionContent {
  background: #eeeeee;
}

.prodAccordionContent .designer-info {
  float: right;
  width: 66%;

}
.prodAccordionContent .designer-img {
  width: 33%;
  float: left;
} 
#prodAccordion .subtitle span {
  position: relative;
}
#prodAccordion .subtitle span:after {
  content: "";
  position: absolute;
  /*display: block;*/
  width: 16px;
  height: 8px;
  background: url(//cdn6.bigcommerce.com/s-hqjg7u/templates/__custom/images/ninja_icon_sprite.png?t=1498654416) no-repeat -38px -138px;
  right: -25px;
  top: 5px;
}
#prodAccordion .current .subtitle span:after {
  background-position: -14px -137px;
}
.related-product-area {
  float: right;
  width: calc(33% - 20px); 
}
.productPage .related-product-area  .ProductList {
  margin: 0;
}
.related-product-area .ProductPriceRating {
  display: none;
}
.productPage .related-product-area  .ProductList li {
  border: 1px solid black;
  position: relative;
  width: calc(50% - 10px);
  padding: 0;
  margin-left: 0;
  margin-bottom: 10px;
}
.productPage .related-product-area  .ProductList li.Even {
  margin-left: 10px;
}
.related-product-area img {
  max-width: 100%;
  height: auto;
}
.related-product-area .p-price {
  display: none;
}
.related-product-area .ProductDetails {
  bottom: 0;
  position: absolute;
  margin: 0;
  padding: 0;
}
.related-product-area .ProductDetails a {
  display: block;
  z-index: 999;
  line-height: 20px;
  text-transform: uppercase;
  background: #ffffff;
  padding: 3px;
}
/*  RELATED PRODUCTS */
.SideRelatedProducts .line-title, .family-products-section .line-title {
  
}
.line-title {
  border-bottom: 1px solid black;
  font-size: 12px;
  width: 33%;
  position: relative;
  padding: 0;
  margin-bottom: 20px;
}
.SideRelatedProducts .line-title {
  margin-bottom: 5px;
}
.line-title span {
  text-transform: uppercase;
  position: relative;
  background: white;
  padding-right: 10px;
  bottom: -7px;
  width: auto;
  font-family: 'lato bold', lato, sans-serif;
  font-weight: bold;
}
.productPage .SideRelatedProducts .SparePartList li {
  display: list-item;
  list-style: none;
  overflow: visible;
}
.SideRelatedProducts .SparePartList li:hover {
  background: #eeeeee;
}
.productPage .SideRelatedProducts .SparePartList {
  overflow: visible;
  padding-left: 20px;  
  margin-top: 10px;
  max-height: 160px;
  overflow-y: auto;
}
.ProductAddToCart .ProductSKU {
  /*display: none;*/
}
.ProductAddToCart .ProductSKU .Label, .ProductAddToCart .ProductSKU .Value {
  float: left;
}
.productPage .SideRelatedProducts .SparePartList li,
.productPage .SideRelatedProducts .SparePartList li .ProductDetails {
  width: 100%;
  position: relative;
  /*margin: 5px 0;*/
  padding: 5px 0;
}
.SideRelatedProducts .SparePartList .ProductImage  {
  display: none ;
}
 .SparePartList .ProductDetails,
 .SparePartList .pname-container,
 .SparePartList .rp-price,
 .SparePartList .spare-part-pdf,
 .SparePartList .spare-part-sku,
 .SparePartList .Rating,
 .SparePartList .ProductActionAdd,
 .spare-parts-header li  {
  float: left;
  width: 16.66%;
}
.SparePartList .pname-container {
  width: 28%;
  margin-right: 1%;
}
.spare-parts-header li:first-child {
  width: 28%;
}
.SparePartList .pname {
  font-size: 16px;
  text-transform: uppercase;
}
.SparePartList .p-price {
  padding-left: 20px;
}
.spare-part-pdf, .spare-part-sku {
  min-height: 10px;
}
.SparePartList .ProductActionAdd .btn {
  width: 100%;
  background-color: #f3702b;
  height: 35px;
  line-height: 35px;
}
.SparePartList .ProductActionAdd .btn:hover {
  background: #999999;
}
.diagram-container {
  position: relative;
  float: left;
  /*border: 1px solid #eee;*/
  height: 100%;
  width: calc(50% - 2px);
}
.diagram-container img {
  max-width: 100% !important;
  max-height: 100% !important;
  height: auto !important;
  position: absolute;
  bottom: 0;
  left: 0;
}
.diagram-container p {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
}
.SparePartList .ProductActionAdd {
  width: 20%;
}
.SparePartList {
  position: relative;
  /*max-height: 500px;*/
  overflow-y: auto;
  /*counter-reset: item;*/
}
.pname-container a {
  position: relative;
  left: 20px;
}
/*.pname-container a:before {
  content: counter(item) ") ";
  counter-increment: item;
  position: absolute;
  left: -20px;
  top: 0;
}*/
.spare-part-diagrams {
  /*background: gray;*/
  display: block;
  width: 100%;
  /*height: 35vw;*/
  height: 25vw;
  max-height: 435px;
  /*padding-bottom: 20px;*/
  padding-bottom: 0;
}
.static-diagram {
    height: 100%;
  width: 50%;
  float:left;
}
.spare-part-diagrams img {
  height: 100%;
  width: auto;
}
.share {
  padding: 0;
  text-transform: uppercase;
}
.social-icons  {
  padding-left: 0;
  margin: 10px 0 0 0;
}
.social-icons li {
  text-indent: -9999px;
  list-style: none;
  display: inline-block;
}
.social-icons a {
  background-image: url(//cdn6.bigcommerce.com/s-hqjg7u/templates/__custom/images/footer-social-icons-new.png?t=1498654416);
  background-repeat: no-repeat;
  background-size: 213px 66px;
  display: block;
}

.BlockContent .social-icons a {
  margin-right:10px;
}

.social-icons .facebook {
  width: 11px;
  height: 22px;
  background-position: 0px -4px;
}
.social-icons .facebook:hover {
  background-position: 0px -41px;
}
.social-icons .houzz {
  width: 24px;
  height: 24px;
  background-position: -48px -10px;
}
.social-icons .houzz:hover {
  background-position: -48px -40px;
}
.footer-main .social-icons .houzz {
  width: 17px;
  height: 29px;
  background-position: -196px 0px;
}
.footer-main .social-icons .houzz:hover {
  background-position: -196px -37px;
}
.social-icons .instagram {
  width: 23px;
  height: 23px;
  background-position: -80px -10px;
}
.social-icons .instagram:hover {
  background-position: -80px -40px;
}
.footer-main .social-icons .instagram {
  width: 22px;
  height: 23px;
  background-position: -127px -3px;
}
.footer-main .social-icons .instagram:hover {
  background-position: -127px -40px;
}
.social-icons .pinterest22 {
  width: 24px;
  height: 24px;
  background-position: -113px -9px;
}
.social-icons .pinterest22:hover {
  background-position: -113px -40px;
}
.footer-main .social-icons .pinterest22 {
  width: 18px;
  height: 25px;
  background-position: -63px -3px;
}
.footer-main .social-icons .pinterest22:hover {
  background-position: -63px -40px;
}
.social-icons .twitter{
  width: 25px;
  height: 25px;
  background-position: -147px -9px;
}
.social-icons .twitter:hover {
  background-position: -147px -40px;
}
.social-icons .gplus{
  width: 24px;
  height: 24px;
  background-position: -182px -9px;
}
.social-icons .gplus:hover {
  background-position: -182px -40px;
}
/* ARCHITECTURAL */

.decorativePage .architect-only,
.architecturePage .decorative-only,
.architecturePage .ProductThumb {
  display: none !important;
}
.productPage .ui-widget-header {
  background: white;
}
#tabs.ui-widget-content {
  background: none;
  float: left;
  width: 95%;
}
#tabs ul.ui-corner-all {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border: none;
  border-bottom: 1px solid #eeeeee;
}

#tabs .ui-state-active a,
 #tabs .ui-state-active a:link {
  color: #000000;
}
#tabs .ui-state-default {
  background: #eeeeee;
  border: 1px solid #aaaaaa;
}
#tabs .ui-state-default a,
#tabs .ui-state-default a:link {
  color: #000000;
}
#tabs .ui-state-hover {
  background: #e3e3e3;
}
#tabs .ui-tabs-selected {
  background: #ffffff;
}
#tabs .tab-content h3 {
  font-size: 16px;
  width: 100%;
  float: none;
  padding-top: 20px;
  /*display: table-cell;*/
  /*colspan: 2;*/
}
#tabs .tab-content {
  /*display: table;*/
}
#tabs .tab-content > div:after {
  clear: both;
}
#tabs .DetailRow {
  width: 100%;
}
.DetailRow:after {
  clear: both;
}
#tabs .Label, #tabs .Value {
  /*display: table-cell;*/
  /*padding: 5px 15px;*/
  font-size: 14px;
  width: 33%;
  float: left;
}
.TagList {
  display: none;
}

/* FLOS PRODUCT LISTS */
.ProductList.Flos li {
  border: 1px solid black;
  position: relative;

}
.ProductList.Flos .Rating, .ProductList.Flos .ProductActionAdd {
  display: none;
}
.ProductList.Flos .ProductDetails a {
  position: absolute;
  left: 0;
  bottom: 0;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 300;
  background: #ffffff;
  padding: 4px 4px 0 0;
  font-family: lato, Arial, Sans-serif;
  display: block;
  z-index: 100;
}
.ProductList.Flos li .ProductPriceRating {
/*  position: absolute;
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.7);
  margin: 0;
  padding: 0;
  -webkit-transition: 0.3s;
  transition: height 0.3s;*/
  display: none;
}
.ProductList.Flos .ProductPriceRating em {
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  color: white;
  text-align: center;
  transform: translateY(-50%);
}
.ProductList.Flos li:hover .ProductPriceRating {
  height: 100%;
}
.thirds {
  width: calc(100% + 20px);

}
.thirds li {
  width: calc(33.33% - 22px);
  margin: 0 20px 20px 0;
  overflow: hidden;
  -moz-box-sizing: content-box;
  box-sizing: border-box;

}
.hidden {
  display: none;
}


/* HOMEPAGE CATEGORY ICONS */
.category-icons {
  width: 100%;
  margin-bottom: 20px;

}
.mobile-category-icons {
  display: none;
}
.mobile-category-icons, .mobile-category-icons img {
  width: 100%;
  cursor: pointer;
}
.category-icons ul {
  width: 102%;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row no-wrap;
  flex-flow: row no-wrap;
  /*justify-content: space-between;*/
}
.category-icons li {
  width: 15%;
  margin-right: 1.6%;
  list-style: none;
  text-align: center;  
  transition-property: opacity;
}
.category-icons a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  font-size: 20px;
  text-transform: uppercase;
  color: #323232;
  font-weight: 300;
  padding-top: 100px;
}
/*.category-icons a:before {*/
 /* content: "";
  display: block;
  width: 100%;
  height: 100px;*/
  /*background-color: #a7a9ad;*/
  /*transition: background-color .5s;*/
/*}*/

.category-page .ProductList {
  opacity: 0 !important;
  display: none;
}

.category-icons a:after, .category-icons a:before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(//cdn6.bigcommerce.com/s-hqjg7u/templates/__custom/images/new-home-cat-icon.png?t=1498654416);
  background-repeat: no-repeat; 
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  left: 50%;
}
.architecturalPage .category-icons a:after, .architecturalPage .category-icons a:before {
  background-image: url(//cdn6.bigcommerce.com/s-hqjg7u/templates/__custom/images/new-arch-cat-icon.png?t=1498654416);
}
.category-icons a:after, .category-icons li:hover a:before {
  opacity: 1;

}
.category-icons li:hover a:after, .category-icons a:before {
  opacity: 0;
}
.category-icons .floor a:after {
  background-position: -22px -9px;
  width: 69px;
  height: 83px;
  margin-left: -34px;
  top: 9px;
}
.category-icons .floor a:before {
  background-position: -22px -100px;
  width: 70px;
  height: 83px;
  margin-left: -34px;
  top: 9px;
}
.category-icons .table a:after {
  background-position: -97px -16px;
  width: 43px;
  height: 67px;
  margin-left: -21px;
  top: 17px;
}
.category-icons .table a:before {
  background-position: -97px -112px;
  width: 43px;
  height: 65px;
  margin-left: -21px;
  top: 17px;
}
.category-icons .pendant a:after {
  background-position: -166px -20px;
  width: 53px;
  height: 64px;
  margin-left: -26px;
  top: 17px;
}
.category-icons .pendant a:before {
  background-position: -169px -115px;
  width: 53px;
  height: 64px;
  margin-left: -26px;
  top: 17px;
}
.category-icons .outdoor a:after {
  background-position: -232px -24px;
  width: 49px;
  height: 65px;
  margin-left: -24px;
  top: 17px;
}
.category-icons .outdoor a:before {
  background-position: -241px -103px;
  width: 49px;
  height: 65px;
  margin-left: -24px;
  top: 17px;
}
.category-icons .wall-ceiling a:after {
  background-position: -314px -35px;
  width: 51px;
  height: 54px;
  margin-left: -25px;
  top: 22px;
}
.category-icons .wall-ceiling a:before {
  background-position: -314px -108px;
  width: 51px;
  height: 54px;
  margin-left: -25px;
  top: 22px;
}
.category-icons .led a:after {
  background-position: -393px -35px;
  width: 61px;
  height: 49px;
  margin-left: -30px;
  top: 26px;
}
.category-icons .led a:before {
  background-position: -393px -116px;
  width: 61px;
  height: 49px;
  margin-left: -30px;
  top: 26px;
}

.category-icons .systems a:after {
  background-position: -35px -34px;
  width: 155px;
  height: 59px;
  margin-left: -77px;
  top: 26px;
}
.category-icons .systems a:before {
  background-position: -35px -137px;
   width: 155px;
  height: 75px;
  margin-left: -77px;
  top: 26px;
}
.category-icons .arch-wall-ceiling a:after {
  background-position: -223px -32px;
  width: 40px;
  height: 75px;
  margin-left: -20px;
  top: 12px;
}
.category-icons .arch-wall-ceiling a:before {
  background-position:  -223px -122px;
  width: 40px;
  height: 75px;
  margin-left: -20px;
  top: 12px;
}
.category-icons .spotlights a:after {
  background-position: -300px -32px;
  width: 51px;
  height: 64px;
  margin-left: -25px;
  top: 26px;
}
.category-icons .spotlights a:before {
  background-position: -298px -133px;
  width: 51px;
  height: 64px;
  margin-left: -25px;
  top: 26px;
}
.category-icons .downlights a:after {
  background-position: -395px -24px;
  width: 50px;
  height: 71px;
  margin-left: -25px;
  top: 18px;
}
.category-icons .downlights a:before {
  background-position: -395px -137px;
  width: 50px;
  height: 69px;
  margin-left: -25px;
  top: 18px;
}
.category-icons .arch-outdoor a:after {
  background-position: -484px -23px;
  width: 40px;
  height: 66px;
  margin-left: -20px;
  top: 18px;
}
.category-icons .arch-outdoor a:before {
  background-position: -484px -137px;
  width: 40px;
  height: 66px;
  margin-left: -20px;
  top: 18px;
}
.category-icons .soft-architecture a:after {
  background-position: -576px -34px;
  width: 62px;
  height: 62px;
  margin-left: -31px;
  top: 26px;
}
.category-icons .soft-architecture a:before {
  background-position: -576px -144px;
  width: 62px;
  height: 62px;
  margin-left: -31px;
  top: 26px;
}

.featured .box-content {
  display: block;
  width: calc(50% - 40px);
  left: 50%;
}
.featured-content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  text-align: center;
  padding: 0 20px;
  /*height: 100%;*/
  /*overflow-y: auto;*/
}
.featured-title {
  padding-top: 30px;
  font-size: 20px;
  text-transform: uppercase;
  padding-bottom: 0;
  letter-spacing: 0.2em;
  color: black;
}
 .secondary-title {
  font-size: 14px;
  text-transform: uppercase;
  color: white;
}
.featured-content .secondary-title {
  color: black;
}
.featured-content p {
  font-size: 16px;
  line-height: 24px;
  color: black;
}

.homepage-masonry .title, .category .title, .parent-category-content .sub-cat-name, #designer-page .title {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: 0;
  color: #323232;
  background: #ffffff;
  padding-right: 5px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 300;
}

.new-products .title, .category .title, .parent-category-content .sub-cat-name{
/*background:#ebebeb none repeat scroll 0 0 !important;*/
}

.bestsellers .title, .category .title, .parent-category-content .sub-cat-name{
/*background:#ebebeb none repeat scroll 0 0 !important;*/
}


.category .title, .parent-category-content .sub-cat-name {
  background: #ffffff;
  text-indent: 5px;
}
.homepage-masonry .mailing-list-container.box {
  padding-top: 35%;
  position: relative;
}
.mailing-list-container.box .mailing-list-content {
  position: absolute;
  background: gray;
  width: calc(100% - 10px);
  height: 100%;
  left: 10px;
  top: 0;

}
.BlockContent .box img {
  width: 100%;
}
.row-one {
  position: relative;
  float: right;
  height: 25px;
  /*height: 35px;*/
}
.search-row {
  float: right;
  width: 100%;
}
.search-row #SearchForm {
  width: 315px;
  margin-right: 20px;
}

.row-one .First, .row-one .CartLink, .row-one .locations {
  float: right;
  margin-left: 14px;
}
.row-one .locations a:hover, .row-one .First a:hover {
  /*font-weight: bold;*/
  text-decoration: underline;
}
.row-one .First {
  font-size: 14px;
}
.row-one .CartLink {
  display: block;
  float: right;
}
.row-one .CartLink span{margin-left:7px}
.row-one .shop-phone {
  /* float: right; */
  margin-right: 5px;
  position: relative;
  left: 85px;
}

.checkout .row-one .shop-phone,.cart-page .row-one .shop-phone
{
/* float: right; */
margin-right: 0px;
position: relative;
left: 284px;
}
.checkout .row-one .shop-phone:before
{
bottom:0px;
}
.header_offer
{
  
  width: 100%;
  text-align: center;
  background: #ff6600;
  color: #fff;
  padding: 4px 0px;
  line-height: 19px;
}
.mobile_tag
{
  display: none;
}
.trade-professional {
  width: auto;
    /* float: left; */
    position: relative;
    height: 35px;
    left: 95px;
    top: 0;
    color: #999999;
    text-align: right;
    font-weight: bold;
}
.trade-professional a:hover {
  text-decoration: underline;
  /*font-weight: bold;*/
}
.layer-one {
  /*float: right;*/
  width: 100%;
  background: rgba(255,255,255,0.9);
  /*position: absolute;*/
  /*right: 0;*/
}
.layer-two {
    padding-top: 10px;
}

#ProductDetails h1, .BrandName div {
  font-size: 35px;
  font-weight: 300;
  color: #343434;
  text-transform: uppercase;
  width: calc(100% - 80px);
}
.BrandName div {
  font-size: 24px;
  margin-left: 10px;
}
.BrandName a {
  position: relative;
  display: block;
  height: 100%;
}
.BrandName img, .BrandName div {
  float: left;
}
.BrandName a img {
  width: 67px;
}
.BrandName a > div {
  margin-top: -5px;
}
.designed-by {
  font-size: 16px;
   display: inline-block;
    text-indent: 10px;
}
.light-source-container {
  display: none;
}
.CategoryDescription img {
  max-width: 100%;
}
#ProductDetails .ImageCarouselBox {
  position: absolute;
  left: 0;
  top: 0;
}
.ProductDescriptionContainer .custom-popup {
  display: none !important;
}
.ProductDescriptionContainer {
  padding: 10px;
}
.ProductDescriptionContainer ul,
.ProductDescriptionContainer ol {
  padding-left: 20px;
}
.inspiration-panel {
  padding: 10px;
}
.family-products-section {
  display: none;
}
.family-products-section .load-family > li {
  float: left;
  list-style: none;

}
.family-products-section .load-tags {
  display: none;
}
.view-family {
  position: absolute;
  top: 0;
  right: 0;
  background: #eeeeee;
  text-transform: uppercase;
  font-size: 20px;
  padding: 10px;
  
}
/*.ProductDescriptionContainer .product-diagram, */
#ProductDetails .tag-container {
  position: relative;
}
#ProductDetails .load-tags li {
  max-width: 33%;
  list-style: none;
}
.fastCartThumb img {
  max-width: 100%;
}
/*CATEGORY PAGE*/
.TitleHeading {
  font-family: 'Lato Light', lato, sans-serif;
  font-size: 40px;
  font-weight: 100;
  color: #323232;
  border: none;
  text-transform: uppercase;
}
#category-page .Breadcrumb.Block {
  margin-bottom: 0;
}
#category-page .TitleHeading {
  margin-bottom: 0;
}
#category-page .product-nav {
  margin-bottom: 0;
}
.category-filter-area {
  /*padding-top: 20px;*/
  width: 100%;
  /*background: #ebebeb;*/
}
.facet-container, .category .SortBox {
  /*width: calc(31.33% - 2px);*/
  float: left;
  border: 1px solid black;
  margin-right: 2%;
  margin-bottom: 5px;
  background: #ffffff;
  position: relative;
}
.selector .custom-select {
  text-transform: uppercase;
  font-weight: bold;
}
.SortBox #uniform-sort {
  width: calc(100% - 2px);
}
.sort-container-header, .filter-container-header {
  border-bottom: 1px solid black;
  width: 66%;
  padding: 0;
  margin-bottom: 30px;
  font-family: Lato, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
}
.sort-container-header span, .filter-container-header span {
  position: relative;
  width: auto;
  background: #ebebeb;
  bottom: -2px;
  padding-right: 10px;
  font-weight: bold;
}
#category-page #facet-range-form input, 
#category-page #facet-range-form .btn {
  width: calc(100% - 10px);
  margin-right: 5px;
  margin-left: 5px;
}
#category-page #facet-range-form .btn {
  margin-top: 5px;
}
.facet-container .facet-header {
  padding: 2px 17px 2px 0 !important;
}
.facet-header .facet-header-title {
  margin-left: 5px !important;
  text-transform: uppercase !important;
}
.facet-header.js-facet-accordion-action:after {
  content: ">" !important;
      display: block;
    font-size: 20px !important;
    position: absolute;
    right: 10px !important;
    text-transform: none;
    top: -2px !important;
    vertical-align: middle;
}
.facet-body {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 50;
  background: #ffffff;
  border: 1px solid black;
}
.filter-container {
  float: right;
  width: 50%;
  display: none;
}
.filter-container .facet-body {
  z-index: 60;
}
.sort-container, .filter-container {
  float: left;
  width: calc(50% - 20px);
  /*margin-left: 20px;*/
}

.filter-container {
  float: right;
}
.js-faceted-showing-container {
  width: calc(100% - 20px);
  margin-left: 20px;
}
.js-faceted-showing-container .facet-container {
  /*float: right;*/
  width: 100%;
  border: none;
  background: none;
}
.js-facet-wrapper .facet-container.close > .facet-body {
  display: none;
}
.js-faceted-showing-container:after {
  clear: both;
}
.js-faceted-showing-container .facet-body {
  position: relative;
  background: none !important;
  border: none !important;
  display: none;
}
.js-faceted-showing-container .facet-header {
  display: none;
}
.facet-header .js-facet-clear {
  margin-right: 25px !important;
}
.js-faceted-showing-container ul.facet-labels-list .facet-label {
  padding: 15px 12px;
  color: #343434;
  background: rgba(255,255,255, 0.7);
}
.js-faceted-showing-container ul.facet-labels-list a {
  color: #343434;
}
.js-faceted-showing-container ul.facet-labels-list a:after {
    font-size: 18px;
    position: relative;
    bottom: -3px;
}
.mobile-category-content {
      border: 1px solid #999999;
      display: block;
      margin-bottom: 10px;
}
.category-description-content {
  display: none;
}
/* PARENT CATEGORY PAGE */
.parent-category-content .SubCategoryListGrid > ul li {
  width: 25%;
  position: relative;
}
.parent-category-content .SubCategoryListGrid > ul li img {
  border: 1px solid black;
}
.parent-category-content .SubCategoryListGrid > ul li.RowDivider {
  display: none;
}
.parent-category-content .sub-cat-name {
  /*position: absolute;*/
  bottom: 4px;
  left: 1px;
}
/* DESIGNER PAGE */
#designer-page .ProductActionAdd {
  display: none;
}
#designer-page .ProductList li {
  position: relative;
  border: 1px solid black;
}
#designer-page .ProductList .ProductDetails {
  position: absolute;
  left: 0;
  bottom: 0;
  text-transform: uppercase;
  font-size: 20px;
  display: block;
  z-index: 100;
  margin: 0;
  background-color: #ffffff;
}
#designer-page .ProductList .ProductPriceRating {
  display: none;
}

#designer-page .TitleHeading {
  font-size: 20px;
  padding: 40px 20px 0 20px;
}
.designer-info {
  background: #eeeeee;
  margin-bottom: 20px;
}
.designer-info .designer-name {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 100;
}
.designer-info .designer-bio {
  float: right;
  width: 66%;
  overflow: auto;
}
.designer-bio .bio {
  padding: 0 20px 20px 20px;
}
.designer-bio .bio p {
  font-family: 'Lato Light', lato, sans-serif;
  font-weight: 100;
  font-size: 16px;
}
.designer-info .designer-pic {
  float: left;
  width: 33%;
  background: #ffffff;
}
.designer-info .designer-pic img {
  max-width: 100%;
  position: relative;
    bottom: -2px;  
}
.category .ProductList {
  /*opacity: 0;*/

}
/* NEW PRODUCT PAGE */
.new-products .grid-item {
  border:  1px solid #999999;

}

.bestsellers .grid-item {
  border:  1px solid #999999;

}

.inspirationpage .grid-item{
border:none;
}

.new-products .ProductList.brick {
  margin-left: 0;
  width: calc(100% - 10px);
}

/* SEARCH PAGE */
#frmCompare .CompareButtonContainer {
  display: none;
}
.search-page .Left {
  /*width: 100%;*/
  display: none;
}
.search-list-divider {
  padding: 0;
  margin: 0;
  width: 100% !important;
}
  .search-page .ProductList.List .ProductImage {
    float: none;
  }

.search-page .ProductList.List .ProductDetails {
    /*border-top: 1px solid #d9d9d9;*/
    border-top: none;
}  

.search-page .ProductList.List li {
  width: 100%;
  margin-bottom: 15px;
  padding-top: 15px;
}
.search-page .ProductList.List .ProductImage {
  width: 25%;
  max-width: 400px;
}
.search-page .HorizontalFormContainer dt {
  float: none;
  text-align: left;
  width: auto;
  text-transform: uppercase;
}
.search-page .HorizontalFormContainer dd {
  margin-left: 0;
}
.search-page .ProductList {
  overflow: visible;
}

.spare-parts-header {
 width: calc(100% - 40px);
    margin-left: 40px;
    border-bottom: 0.5px solid #eeeeee;
    padding-bottom: 3px;


}
.spare-parts-header ul {
  padding-left: 0;

}
.spare-parts-header li {
  list-style: none;
  display: inline-block;
}

/* Checkout pages */
.GiftCertificate {
  display: none;
}

/* SITEMAP */

#Sitemap ul {
  margin: 0 0 0 20px;
} 
#Sitemap li {
  list-style: none;
}
#Sitemap .SitemapPages, #Sitemap .SitemapCategories, #Sitemap .SitemapBrands {
  width: 100%;
  float: none;
}

/* CONTACT PAGE */

#ContactForm {
  width: 500px;
  float: left;
}
#ContactForm input.Textbox, #ContactForm textarea, #ContactForm input[type="text"], #ContactForm input[type="password"] {
  width: 100%;
}
.contact-info {
  float: right;
  width: calc(100% - 550px);
  
}
.contact-info .item {
  position: relative;
  min-height: 40px;
  margin-bottom: 50px;
  margin-left: 80px;
}
.contact-info .item:before {
  content: "";
  position: absolute;
  display: block;
  background: url(//cdn6.bigcommerce.com/s-hqjg7u/templates/__custom/images/contact-sprite.png?t=1498654416) no-repeat;
  width: 40px;
  height: 40px;
  left: -50px;
}
.contact-phone.item:before {
  background-position: -257px 0; 
}
.contact-at.item:before {
  background-position: -205px 0; 
}
.contact-mail.item:before {
  background-position: -153px 0; 
}
.contact-fax.item:before {
  background-position: -101px 0; 
}
.contact-global.item:before {
  background-position: -49px 0; 
}
.contact-commercial.item:before {
  background-position: 0 0; 
}

.contact-chat.item:before {
  background-position: -309px 0; 
}
.faq em {
  font-weight: bold;
  font-size: 16px;
}
.trade-program-iframe iframe {
  margin-top: -135px;
  margin-bottom: -135px;
}
.contract-sales-page .sales-heading {
  border-bottom: 1px solid gray;
  padding-bottom: 10px;
  font-size: 24px;
}
.contract-sales-page table {
  width: 100%;
  float: left;
  min-height: 135px;
}
.contract-sales-page td {
  padding: 0;
}
.contract-sales-page .region {
  padding-bottom: 0;
}
.contract-sales-page .store-name {
  padding: 0;
}
.contract-sales-page p {
  padding: 0;
  margin-bottom: 0;
}
.contract-sales-page table tbody tr td {
  border-bottom: none;
}
.contract-sales-page .region-section {
  margin-top: 60px;
}
.contract-sales-page .region-section .cf {
  margin-top: 30px;
}

/* FLOSOPHY PAGE */
.vert-navigation {
    width: 240px;
    float: left;
}
.vert-navigation ul {
    list-style: none;
}
.vert-navigation a {
    text-decoration: none;
    color: black;
}
.vert-navigation a:hover {
    text-decoration: underline;
}
.flosophy-content {
    padding-top: 30px;
    float: left;
    width: calc(100% - 290px);
    height: 700px;
    overflow: auto;
    background: #eeeeee;
    padding: 20px;
}
.flosophy-content .main-content {
  float: left;
  width: calc(100% - 260px);
}
.flosophy-content .flosophy-sidebar {
  width: 250px;
  float: right;
}
.top-links {
    padding-left: 0;
    text-transform: uppercase;
    font-size: 15px;
}
.timeline {
    padding-left: 20px;
    border-left: 2px solid black;
    text-transform: uppercase;
    font-size: 15px;
}
.timeline li {
  margin-bottom: 30px;
}
.timeline span {
    margin-bottom: 30px;
    margin-top: 0;
}
.timeline .date {
    position: relative;
    font-size: 11px;
    margin-bottom: 5px;

}
.date:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    background: black;
    top: 5px;
    left: -20px;
}
#AjaxLoading .ajax-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.CreateAccount ul {
  padding-left: 40px;
  margin-bottom: 30px;
}
#FormField_13, #FormField_23 {width: 100px !important;}

#CheckoutGuestForm li {
  list-style: none;
}
.dealer-login {
  margin-bottom: 30px;
}
#fancy_content {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}
/* Arrangements Page Start */
.flos-arrangements .icff{
  font-size: 0;
}
.flos-arrangements .icff .one-third{
  display: inline-block;
  border-right:1px dotted;  
  width: 33%;
}
.flos-arrangements .icff div.one-third:nth-of-type(3){
   border: medium none;
}
.flos-arrangements h1{
  color: #323232;
  padding-bottom: 5px;
}
.image-wrapper{
    position: relative;
    text-align: center;
}
.cta-btn{
  position: absolute;
  bottom: 25px;
  left: 0;
  right: 0;
  margin: 0px auto;
  padding: 12px 8px;
  border: 1px solid #f3702b;
  background-color: #f3702b;
  text-transform: uppercase;
  width:180px;
  color: #ffffff !important;
}
.email-popup{  
  width: auto;
  margin: 0px auto;
  padding: 12px 8px;
  border: 1px solid #f3702b;
  background-color: #f3702b;
  text-transform: uppercase;  
  color: #ffffff !important;
  cursor: pointer;
}
.Email-popup{
  text-align: center;
    margin: 30px 0;
}
.madiagram h2{
  text-align: center;
}
.cta-btn sup{
      font-size: 6px;
    margin-left: 2px;
    display: inline-block;
    position: relative;
    bottom: 3px;
    margin-right: 4px;
}
.flos-arrangements .designer-bio h2,.flos-arrangements .designer-bio h3{
/*  padding-left: 20px;*/
}
.designer-pic .photo img{
 /*box-shadow: 0 0 10px #ddd;*/
 border: 5px solid #bbbbbb;
}
.pp_social{
  display: none !important;
}
.myvideolinkclass{
  margin-bottom: 40px;
  display: block;
}
.flos-arrangements .designer-bio h2{
  padding-bottom: 5px;
  text-transform: uppercase;
}
.flos-arrangements .designer-info{
  background: transparent;
}
.flos-arrangements .designer-info .designer-pic{
  width: auto;
  margin-right: 15px;
  margin-bottom: 5px;
}
.flos-arrangements .designer-bio .bio{
  padding-left: 0;
}
.flos-arrangements .designer-info .designer-pic img {
  height: 260px;
}
.flos-arrangements .designer-bio .bio p:last-child{
  margin-bottom: 0;
}
.flos-arrangements .designer-info .designer-bio{
float: none;
width: auto;
display: inline;
}
.flos-arrangements .designer-info .designer-pic h3{text-align: center;margin-top: 20px;}
.gallery .col-4{
  width:33%;
  display: inline-block;
}
.gallery .col-8{
  width:65%;
  display: inline-block;
  margin-right: 2%;
  vertical-align: top;
}
.gallery .col-8 img{
  margin-bottom: 3%;
}
.gallery .col-4 img{
  margin-bottom: 6%;
}
.gallery{
  clear: both;
  font-size:0; 
}


/* Modal BOX */
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 30px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height:801px; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    z-index: 999999;
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 65%;
    height: 560px;
}
.modal-content h2{
  text-align: center;
  border-bottom: 2px solid #ccc;
  padding-bottom: 15px;
}
.modal-content h3{
  text-align: center;
  padding-bottom: 15px;  
  text-align: center;
}
.modal-content input{
 margin: 0 auto;
}
.modal-content .form-container{
  text-align: center;
  padding: 0px 20px;

}

/* The Close Button */
.modal-content .close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-top: -7px;
}
.modal-content .form-container input{
      width: 40%;
    margin: 0 auto;
}
.modal-content .close:hover,
.modal-content .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/* Arrangements Page End */
@media all and (min-width: 480px) {
/*mobile sidemenu displays at this width*/
  .PageMenu .CategoryList {
    display: block;
  }
  #Header {
    position: fixed;
  }
    .layer-one .First {
    display: block;
  }
}
@media all and (max-width: 480px) {
  .AddToWishlistLink .btn {
    margin-bottom: 0;
  }
  .gray-box #SideProductAddToWishList.AddToWishlistLink {
    /*float: none;*/
  }
}

@media all and (min-width: 550px) {
   .grid-sizer,
  .grid-item,
  .ProductList .grid-item.ProductImage {
    width: calc(50% - 10px);
    margin-bottom: 10px;
  }
  .search-page .ProductList.List .ProductImage {
    float: left;
  }
  .search-page .ProductList.List .ProductDetails {
     border-top: 1px solid #d9d9d9; 
}
}
@media all and (max-width: 600px) {
  .footer .social-icons {
    /*width: 100%;*/
    float: none;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  .newsletter-subscription {
    width: 100%;
    float: none;
  }
/*  .footer-contact-area {
    float: none;
    width: 100%;
    max-width: none;
  }*/
  .social-icons {

  }
  .social-icons li {
    

  }
  .gray-box .AddCartButton {
    margin-bottom: 20px;
  }
}
@media all and (min-width: 768px) {
  
  .right-header {
    /*padding-right: 20px;*/
  }
    .right-header {
    /* width: calc(100% - 220px); */
  }
  .main {
    margin-top:120px;
  }
  #Sitemap .SitemapPages, #Sitemap .SitemapCategories, #Sitemap .SitemapBrands {
    width: 33.33%;
    float: left;
  }  
}
@media all and (min-width: 768px) {

  .right-header {
    padding-bottom: 0;
  }
  .PageMenu .CategoryList {
    padding-left: 0;
  }
  .decorativePage #prodAccordion .DetailRow {
    width: 50%;
    float: left; 
    display: block;
  }
  #prodAccordion .DetailRow .Label {
    width: 34%;
    float: left;
    align-self: center;
  }
  #prodAccordion .DetailRow .Value {
    width: 66%;
    float: left;
    font-size: 11px;
    align-self: center;
    line-height: 1.5;
  }
  .row-two .PageMenu {
    margin-top: 10px;
  }
  .PageMenu li {
    padding: 5px 0 6px 0;
  }
  .white-cart-link {
    display: none;
  }


}
@media all and (min-width: 1200px) {
    .mobile-category-content {
      display: none;
    }
    .category-description-content {
      display: block;
    }
  }
@media all and (min-width: 1000px) {
  .homepage-masonry .title, .category .title, .parent-category-content .sub-cat-name {
    font-size: 20px;
  }
  .grid-sizer,
  .grid-item,
  .ProductList .grid-item.ProductImage {
    width: calc(33.333% - 10px);
   /* margin-bottom: 10px;*/
  }
    .grid-item.featured {
    width: calc(66.666% - 10px);
  }
    .grid-item.featured.full-width {
      width: calc(100% - 10px);
    }
  .PageMenu li{padding:0}
    .PageMenu li a{
    padding: 5px 0 10px 0;
display:block;
  }
  .right-header {
    padding-bottom: 0;
  }
  .contract-sales-page table {
    width: 33%;
  }
   .AddBillingAddress dt, 
   .AddBillingAddress  dd, 
   .AddShippingAddress dt, 
   .AddShippingAddress  dd {
    float: left;
  }
  .AddBillingAddress dd,
  .AddShippingAddress dd {
    margin: 0 0 0 10px;
  }
  .HorizontalFormContainer {
    max-width: 975px !important;
  }
  .HorizontalFormContainer p.submit {
    width: 100%;
    float: none !important;
  }
  .HorizontalFormContainer dl:after {
    content: "";
    display: table;
    clear: both;
  }

  .search-page .ProductList.List li {
    width: 33%;
    float: left;
  }
  .search-page .ProductList.List .ProductDetails {
    border: none;
  }
  .search-page .search-list-divider {
    border-top: 1px solid #d9d9d9;
    margin-top: 15px;
    margin-bottom: 15px;
  }


}

@media all and (min-width: 1601px) {
.featured-content p {
    font-size: 18px;
line-height:28px;
}
}
@media all and (max-width: 1600px) {
  .PageMenu, .header-logo {
    /*float: none;*/
  }
  .header-logo img {
    margin: 0;
  }
  .layer-one .row-one, .layer-one .row-two {
    /*width: 330px;*/
  }

  .layer-one {
    width: 100%;
  }
  .main {
    /*margin-top: 165px;*/
  }
}
@media all and (max-width: 1100px) {

  /*.ProductMain.one-third, .left-content.two-thirds {
  width: 100%;
  }*/
 
  .layer-one {
    width: 100%;
  }
  .shipping-message {
    margin-top: 10px;
  }
  .header-logo img {
    margin-top:10px;
    max-height: 70px;


  }
  .row-two .PageMenu a {
    font-size: 14px;
  }
  .PageMenu .custom-subnav a {
    font-size: 11px;
  }
/*  .right-header {
    width: calc(100% - 140px);
  }*/
  .footer-contact-area, .footer-menus {
    float: none;
    width: 100%;
  }

  .primary-footer-menu, .secondary-footer-menu {
    width: auto;
    margin: 0 auto;
    float: none;
    text-align: left;
  }
/*  .primary-footer-menu li, .secondary-footer-menu li {
    margin: 0 12px;
    float: none;
  }*/
/*  .footer-contact-area {
    width: auto;
    margin: 30px auto 0; 
    float: right;
  
  }*/
  .fc-row-one {
    max-width: 500px;
  }
  #ContactForm, .contact-info {
    width: 100%;
    float: none;
  }
  .contact-info .item {
    width: calc(50% - 80px);
    float: left;
  }
.desktop_tag .counter_wrap {
position:relative;
}

}
@media all and (max-width: 950px) {
  .ProductMain.one-third, .left-content.two-thirds {
  width: 100%;
  }
  .PageMenu .sf-menu a span {
    letter-spacing: 0;

  }
  .PageMenu .sf-menu li {
    /*margin-right: 10px;*/
  }
  .sort-container, .filter-container {
    width: calc(100% - 20px);
    float: none;
  }  
  .sort-container {
    padding-bottom: 50px;
  }
  #prodAccordion {
    width: 100%;
    float: none;
  }
  .related-product-area {
    float: none;
    width: 100%;
  }
  .productPage .related-product-area .ProductList li {
    width: calc(25% - 10px);
  }
  .productPage .related-product-area .ProductList li.Odd {
    margin-left: 10px;
  }
  .designer-info .designer-pic, .designer-info .designer-bio {
    width: 50%;
  }
  .search-page .ProductList.List .ProductImage {
    width: 50%;
  }
}
@media all and (max-width: 768px) {
  .left-header {
    padding-left: 0;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  z-index: 9;
  }
  #DrawerMenu li:first-child { float:none; padding:0;}
  .header-logo{margin:0 auto; margin-top:10px; width:110px}
  .header-logo img {
      margin: 0 auto;
  }
    .Content {
      min-height: 0 !important;
    }
    .main {
      margin-top: 0;
    }
    /* HIDE TINY IMAGE CAROUSEL */
    #ProductDetails .ProductThumbImage {
      width: 100%;
      left: 0;
    }
    #ProductDetails .ImageCarouselBox {
      display: block;
    }
    .SeeMorePicturesLink {
      display: block;
    }
  .main {
      /*margin-top: 0 !important;*/
      margin-top: 100px !important;
  }
  #Header {
      /*position: static !important;*/
      position: fixed !important;
     
  }
  .SideRelatedProducts .SparePartList {
    /*border-top: 1px solid #afafaf;*/
  }
  .SparePartList li:first-child {
    border-top: 1px solid #afafaf;
  }
  .SparePartList li {
    border-bottom: 1px solid #afafaf;

  }
  .SparePartList .pname-container {
    width: calc(100% - 20px);
    margin-bottom: 10px;
  }
  .SparePartList .product-add-container {
    float: left;
    width: 100%;

  }
  .SparePartList .ProductActionAdd {
    width: auto;
    min-width: 33%;
    margin-right: 10px;
    /*float: right;*/
    float: left;
    margin-top: 20px;
    /*margin-bottom: 20px;*/
    margin-left:20px;

  }
  .SparePartList .rp-price {
    width: auto;
    margin-right: 10px;
    margin-top: 5px;
  }
  .SparePartList .spare-part-sku {
    width: auto;
    margin-right: 10px;
    margin-top: 5px;
  }
  .SparePartList .spare-part-pdf {
    width: auto;
    margin-top: 5px;
  }  
  .spare-parts-header {
    display: none;
  }
  .spare-part-diagrams {
    height: auto;
  }
  .spare-part-diagrams img {
    width: 100%;
    height: auto;

  }
  .diagram-container {
    display: none;
  }
  .static-diagram {
    width: 100%;

  }
}
@media all and (max-width: 768px) {
    .PageMenu .sf-menu > li > a{font-size: 13px;}
    .sort-container {width:100%;}
    #category-page .SortBox div.selector{border:none; margin-top:8px;}
    .category .SortBox{border:1px solid #999; width:99%;}
}
@media all and (max-width: 768px) {
  .main {
    margin-top: 65px;
  }
/* .left-header {
    width: 81%;
    text-align: center;
}*/ 
  .right-header {
    display: none;
  }
  .ProductThumbImage a {
    display: block !important;
  }
  #ProductDetails .ProductThumbImage img {
    max-height: 300px;
  }
.shop-phone22{padding:5px;font-size: 13px;}
.seals .trustwave{margin:0;}
.shop-phone22 img{width: 26px;}
  .mobile-right-header {
    display: block;
    float: right;
    padding-top: 10px;
    position: relative;
    z-index:30;
  }
  .mobile-right-header .icon {
    background: url(//cdn6.bigcommerce.com/s-hqjg7u/templates/__custom/images/ninja_icon_sprite.png?t=1498654416) no-repeat -24px -157px;
    width: 34px;
    height: 46px;
    float: none;
    margin-left: 0px;
  }
  .mobile-right-header .phone-icon {
    background: url(//cdn6.bigcommerce.com/s-hqjg7u/templates/__custom/images/ninja_icon_sprite.png?t=1498654416) no-repeat -104px -16px;
    width: 27px;
    height: 42px;
    text-indent: -9999px;
    float: right;
    margin-left: 0px;
display:none;
  }
  .mobile-right-header .search-icon {
    background: url(//cdn6.bigcommerce.com/s-hqjg7u/templates/__custom/images/ninja_icon_sprite.png?t=1498654416) no-repeat -102px -82px;
    display: block;
    width: 44px;
    height: 44px;
    float: right;
display:none;
  }
  .right-header .CartLink {
    display: block;
  }
  .category-icons {
    /*display: none;*/
  } 
  .mobile-category-icons {
    /*display: block;*/
  }
  .mobile-overlay {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    background: rgba(0,0,0,0.8);
    display: none;
  }
  .mobile-overlay ul {
    padding-top: 50px;
    position: relative; 
  }

  .x {
    display: block;
    position: absolute;
    background: url(//cdn6.bigcommerce.com/s-hqjg7u/templates/__custom/images/mobile-home-cat-icon.png?t=1498654416) no-repeat -509px -62px;
    width: 30px;
    height: 30px;    
    right: 25px;
    top: 25px;
    cursor: pointer;
    z-index: 210;
    /*padding: 20px;*/
  }
  .mobile-overlay li {
    float: left;
    width: 33%;
    list-style: none;
    text-align: center;  
    text-transform: uppercase;   
  }
  .mobile-overlay a {
    color: white;
    font-family: lato,Arial, sans-serif;
    font-weight: 300;
    position: relative;
    padding-top: 100px;
    /*padding-bottom: 100px;*/
    width: 100%;
    display: block;
  }
  .mobile-overlay a:after {
    content: "";
    display: block;
    position: absolute;
    background-image: url(//cdn6.bigcommerce.com/s-hqjg7u/templates/__custom/images/mobile-home-cat-icon.png?t=1498654416);
    background-repeat: no-repeat; 
    left: 50%;
    height: 100px;
    width: 100%;
    }
    .mobile-overlay.architecture a:after {
      background-image: url(//cdn6.bigcommerce.com/s-hqjg7u/templates/__custom/images/mobile-new-arch-cat-icon.png?t=1498654416);
    }

  .mobile-overlay .floor a:after {
    background-position: -22px -9px;
    width: 69px;
    height: 82px;
    margin-left: -34px;
    top: 9px;
    /*top: 34px;*/
  }
  .mobile-overlay .table a:after {
    background-position: -97px -16px;
    width: 42px;
    height: 65px;
    margin-left: -21px;
    top: 17px;
    /*top: 53px;*/
  }

  .mobile-overlay .pendant a:after {
    background-position: -166px -20px;
    width: 53px;
    height: 64px;
    margin-left: -26px;
    top: 17px;
    /*top: 57px;*/
  }

  .mobile-overlay .outdoor a:after {
    background-position: -232px -24px;
    width: 49px;
    height: 64px;
    margin-left: -24px;
    top: 17px;
    /*top: 42px;*/
  }

  .mobile-overlay .wall-ceiling a:after {
    background-position: -314px -35px;
    width: 51px;
    height: 54px;
    margin-left: -25px;
    top: 22px;
    /*top: 52px;*/
  }

  .mobile-overlay .led a:after {
    background-position: -393px -35px;
    width: 61px;
    height: 47px;
    margin-left: -30px;
    top: 26px;
    /*top: 53px;*/
  }
  .mobile-overlay .systems a:after {
    background-position: -35px -34px;
    width: 155px;
    height: 59px;
    margin-left: -77px;
    top: 26px;
  }
.mobile-overlay .arch-wall-ceiling a:after {
  background-position: -223px -32px;
  width: 40px;
  height: 75px;
  margin-left: -20px;
  top: 12px;
}

.mobile-overlay .spotlights a:after {
  background-position: -300px -32px;
  width: 51px;
  height: 64px;
  margin-left: -25px;
  top: 26px;
}

.mobile-overlay .downlights a:after {
  background-position: -395px -24px;
  width: 50px;
  height: 71px;
  margin-left: -25px;
  top: 18px;
}

.mobile-overlay .arch-outdoor a:after {
  background-position: -484px -23px;
  width: 40px;
  height: 66px;
  margin-left: -20px;
  top: 18px;
}

.mobile-overlay .soft-architecture a:after {
  background-position: -576px -34px;
  width: 62px;
  height: 62px;
  margin-left: -31px;
  top: 26px;
}
  
  .thirds li {
    width: calc(50% - 22px);
  }    
  .line-title {
    width: 100%;
  }
  .footer-contact-area {
    width: 100%;
    float: none;
  }
.footer-contact-area:before,
.footer-contact-area:after {
    content: " ";
    display: table;
}

.footer-contact-area:after {
    clear: both;
}  
.shop-phone22 { display:block;}
  .productPage .SideRelatedProducts .SparePartList {
    max-height: none;
  }

}
@media all and (max-width: 550px) {
  #ProductDetails .ImageCarouselBox {
    display: none;
  }
  #ProductDetails .ProductThumbImage {
    width: 100%;
    left: 0;
  }
  .productPage .related-product-area .ProductList li {
    width: calc(50% - 10px);
  }
  .facet-container, .SortBox {
    width: 95%;
  }
  .SortBox {
    height: 37px;
  }
  .designer-info .designer-pic, .designer-info .designer-bio {
    width: 100%;
    float: none;
  }  
  .contact-info .item {
    width: calc(100% - 80px);
    float: none;
  }

  
}

.columned {
  -webkit-columns: 1;
  -moz-columns: 1;
  columns: 1;
}
.customer-service-one, .customer-service-two {
 width: 100%;
 float: none;
}
@media all and (min-width: 50em) {
  .columned {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
  }
}
@media all and (min-width: 100em) {
  .columned {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
  }
.customer-service-one, .customer-service-two {
   width: 49%;
  }  
  .customer-service-one {
    float: left;
  }
  .customer-service-two {
    float: right;
  }
}


.footer-contact-area {
    width: calc(33.333% - 10px);
    margin: 0px auto 0;
    float: left;
    padding: 5px;
}
.footer-menus {width: 65%;float: right;}
.newsletter-subscription {
    width: auto;
    float: left;
}
.footer .social-icons {
    float: left;
width: auto;
}

.fullwidth { float:left; width:100%; margin-bottom:20px; position:relative;}
/*.fullwidth img { width:100%; height:auto;}*/
.rightbox { width:390px; padding:20px; height:99.3%; box-sizing:border-box; position:absolute; top:0px; right:0px; background:rgba(220,219,217,0.8); }
.rightbox p { font-size:15px; line-height:20px; padding:0 0 15px 0; margin:0px; }
.rightbox p a { background:#f78934; color:#fff !important; font-size:15px; padding:8px 20px; }

.rightbox2 { width:600px; padding:20px; padding-top:60px; height:99.3%; box-sizing:border-box; position:absolute; top:0px; right:0px; background:rgba(0,0,0,0.8); }
.rightbox2 p { font-size:15px; line-height:20px; padding:0 0 15px 0; margin:0px; color:#fff !important; }
.rightbox2 p a { background:#f78934; color:#fff !important; font-size:15px; padding:8px 20px; }
.new-products .ProductList.brick {
    margin-left: 13px;
}
.homepage-masonry .title, .category .title, .parent-category-content .sub-cat-name {
    background: #ffffff;
  padding: 4px 9px 3px 6px;
}
@media only screen and (max-width: 767px){
.grid-item.featured{display: none;}
#HomeNewProducts{margin-bottom:5px !important;}
#storemapper-right{ overflow: visible !important; }
#storemapper {overflow: hidden!important;padding-top:50px;}
#storemapper-right{top: -24px !important;}
.Content {overflow: visible !important;}
#search_button{position: relative;top: -50px;font-weight: bold;font-size:18px;}
#locate span{display:block;float:none !important;text-align:center;}
#locate{z-index:0 !important;}
.gm-style .gm-style-iw{margin-top:35px;}
.footer-contact-area {width:auto;margin:20px auto 0;float: none;}
.footer-menus {width:auto;margin:20px auto 0;float: none;}
.footer .social-icons {
    width: 100%;
    float: left;
    position: relative;
    left: 0;
    transform: translateX(0%);
/*text-align:center;*/
}
.footer-main li{float: none;}
.seals li {display: block;margin: 0 auto;}
.footer-contact-area { float:left; width:100%; }
.responsive-footer { float:left; width:35%; }
.left-flinks{width:58%;}


} 


.brick-description-content{height:269px !important;overflow: hidden;}
.brick-description-content .grid-item img{width: 100%;}
/*.product-nav #CategoryPagingTop, .product-nav #CategoryPagingBottom, .product-nav .CategoryPagination{display:none !important;}*/
.product-nav #CategoryPagingTop .CategoryPagination { display: none;}
.footer .social-icons {
 padding-left: 5px;
}
/*.footer .social-icons li{    transform: scale(1.4);}*/
.footer .social-icons li {margin-right: 40px;}
.h-head{ background: #000;color: #fff;padding: 5px 15px;}
.h-head h1{color: #fff;}
.r-header{float:right;padding: 5px 0 0;}

.r-header .social-icons{display:inline-block;}
.r-header .social-icons li { transform: scale(1);margin-right: 10px;}
.sign-up{display:inline-block;border:1px solid #333;}
.sign-up .input-s{border:0;}
.sign-up .btn-s{background: url(https://cdn6.bigcommerce.com/s-hqjg7u/product_images/uploaded_images/emailicon.png) no-repeat #fff center center;
    border: 0 none;
    height: 35px;
    width: 30px;}

/* EDUARDO STYLE FOR OLARK */
#habla_window_div #habla_panel_div, #habla_window_div.olrk-fixed-bottom .habla_panel_border, #habla_window_div.olrk-fixed-bottom #habla_topbar_div{border-radius:initial!important;-moz-border-radius:initial!important}
.hbl_txt_wrapper textarea{min-height:20px!important}

.active-menu > a{color:#000 !important;}
.active-main-menu > a {color:#000 !important}
.hover-style{ font-size:15px;}

/* EDUARDO STYLE FOR LINKS */

.BlockContent p{font-weight:normal}
.BlockContent p a:link{font-weight:bolder}


/* IPAD ONLY */
/*@media only screen and (max-width: 1039px) {

.header-logo,.header-logo img
{
  margin-top: 0px;
  }
  .main
  {
    margin-top: 155px !important;
  }
.header #Header {
    padding-top: 30px;
  }
}*/


@media only screen and (max-device-width: 1024px) {
  .mobile_tag .inner
  {
    width: 90%;
  }


  .right-header, .phone-icon {
    display: none;
  }
  .mobile-right-header {
    display: block;
      float: right;
      padding-top: 10px;
      position: relative;
      z-index: 30;
  }
  .shop-phone22 {
    display: block !important;
    padding: 5px;
    font-size: 13px;
    float: left;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    border-bottom: 1px solid #efefef;
  }
  .shop-phone22 img {
    width: 26px;
  }
  #Header {
    position: fixed !important;
    
    border-bottom: 1px solid #efefef;
    padding-bottom: 0px !important;
  }
  #Header > .inner {
    position: relative;
    width: 100%;
      display: table;
      height: 60px;
  }
  #ToggleMenu {
    display: table-cell;
  }
  .left-header {
    padding-left: 0;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    z-index: 9;
  }
  .header-logo {
    display: block;
    float: none;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 10px;
    width: 110px;
  }
  .header-logo img {
    margin: 0 auto;
    max-height: 70px;
    width: 100px;
  }
  .main {
    margin-top: 98px !important;
  }
.icon{background: url(//cdn6.bigcommerce.com/s-hqjg7u/templates/__custom/images/ninja_icon_sprite.png?t=1479143704) no-repeat -24px -157px;
    width: 34px;
    height: 46px;}
}
#fancy_frame {
    height: 99.5% !important; /* to remove scrollbar */
}


/* EDUARDO RESPONSIVE STYLE FOR HEADER */
@media all and (max-width: 1145px) {
.shipping-message, .s-box{display:none; }
.s-box{position: absolute; width: 100%!important;margin: 0;top: 110px;left: 0;}
#SearchForm{width: 100%!important;margin-top:10px}
.PageMenu{top:64px; right:0}
.PageMenu ul{float:right}
li.search-icon{display:inline-block}
.header-logo img{/* max-height:70px */}
}
@media all and (max-width: 935px) {
.s-box{top:98px}
.PageMenu .sf-menu > li > a {font-size: 13px;}
.header-logo img{/* max-height:57px */}
.PageMenu{top:72px; left:0}
}
@media all and (max-width: 812px) {
.s-box{top:86px}
.header-logo img{/* max-height:47px */ width:58%;}
.PageMenu{top:64px; right:0; font-size:12px}

}
@media all and (max-width: 768px) {
.PageMenu, .s-box{display:none}
#Header{padding-bottom:10px}
#ToggleMenu{display:table-cell}
.inner{display:table}
#DrawerMenu .inner{display:block}
}
/* EDUARDO SIGN UP PAGE */
.signup-container{width: 960px; margin: auto;}
.signup-container-form, .signup-container-img {float: left; width: 48%}

@media all and (max-width: 1250px){
.hero-overlay{top:60px;bottom:60px;}
.PageMenu .sf-menu > li > a{font-size:13px;}
}
@media all and (max-width: 1130px){
.trade-container{width:100%;}
.product-detail p, .architectural-solution p, .custom-option p, .engage p,.engage h3{font-size:15px;margin-bottom:10px;padding-bottom: 0;}
.product-detail h2,.architectural-solution h2,.custom-option h2,.engage h2{font-size:32px;padding-top:10px;}
.hero-overlay{top:40px;bottom:40px;}

}

@media all and (max-width: 1024px){
.trade-container{width:100%;}
.hero-overlay{width:400px;top:30px;}
.hero-overlay h1{font-size:16px;}
.hero-overlay p{font-size:13px;}
.hero-overlay a{padding:8px 8px;}
.product-detail p, .architectural-solution p, .custom-option p, .engage p,.engage h3{font-size:14px;margin-bottom:10px;}
.product-detail h2,.architectural-solution h2,.custom-option h2,.engage h2{font-size:28px;padding-top:0px;}
.custom-option,.architectural-solution,.engage{margin: 30px 0 30px;}
}

@media all and (max-width: 959px) {
.signup-container{width: 100%; margin: auto;}
.signup-container-form, .signup-container-img {width: 100%}
.signup-container-img img{float:none; margin:0 auto;display:block}
.hero-overlay{width:400px;top:25px;bottom:25px;}
.product-detail h2,.architectural-solution h2,.custom-option h2,.engage h2{font-size:24px;padding-top:0px;line-height: 28px;}
.product-detail h3{font-size:16px;}
.product-detail p, .architectural-solution p, .custom-option p, .engage p,.engage h3{font-size:13px;padding-bottom: 0;}
}

/* SEGMENTATION STYLE */

@media all and (max-width: 830px){
.hero-overlay{top:20px;bottom:20px;width:375px;}
.hero-overlay h1{font-size:14px;}
.hero-overlay p{font-size:14px;}
}
/* SEGMENTATION RESPONSIVE STYLE */
@media all and (max-width:768px){
  .category-icons li p {
        margin-top:13px!important;
        font-size: 13px!important;
        padding: 0 10px!important;
  }
.trade-container{width:100%;}
  .hero-overlay{width:190px;top:25px;padding:10px 10px;bottom:25px;}
.hero-overlay h1{font-size:18px;padding:8px 0px;}
.hero-overlay p{display:none;}
.hero-overlay a{padding:4px 8px;}
.hero-image img{height:150px;}
.product-detail-img,.product-detail-text,.architectural-solution-img,.architectural-solution-text,.custom-option-img,.custom-option-text,.engage-text,.engage-img{width:100%;}
.product-detail-img img{height:auto;}
.architectural-solution-img, .engage-img{text-align:left;}
.product-detail h2,.architectural-solution h2,.custom-option h2,.engage h2{padding-top:0px;}
  .product-detail{margin:0px;}

.architectural-solution, .custom-option, .engage{margin:15px 0px 0px 0px;}
}
@media all and (max-width: 565px) {
  flos-arrangements .designer-bio .bio{   
    text-align: center;   
  }   
  .flos-arrangements .designer-bio h2, .flos-arrangements .designer-bio h3{   
    text-align: center;   
  }   
  .flos-arrangements .designer-pic .photo{    
    text-align: center;   
    width: 100%;    
    margin-bottom: 15px;    
  }
  .flos-arrangements h1{
    text-align: center;
  }
  .main
  {
    margin-top: 98px !important;
  }
 .hero-overlay{width:190px;top:25px;padding:10px 10px;bottom:25px;}
.hero-overlay h1{font-size:16px;padding:8px 0px;}
.hero-overlay p{display:none;}
.hero-overlay a{padding:4px 8px;}
.hero-image img{height:150px;}
.product-detail-img,.product-detail-text,.architectural-solution-img,.architectural-solution-text,.custom-option-img,.custom-option-text,.engage-text,.engage-img{width:100%;}
.architectural-solution-img, .engage-img{text-align:left;}
.architectural-solution, .custom-option, .engage{margin:15px 0px 0px 0px;}
  }

.category-icons a{font-size:16px!important;}
}
#CheckoutStepBillingAddress .ExpressCheckoutContent .info_wrapper
{
display:none;
}
@media only screen and (max-width: 420px) {

  .mobile-overlay li {
    width: 50%;
  }
  .thirds li {
    width: 100%;
  }  
    
.tagline
{
padding:0px 10px;
}
.product-detail h2,.architectural-solution h2,.custom-option h2,.engage h2{font-size:20px;padding-top:0px;line-height: 24px;}
.enrollment-application ul li a{font-size:11px;}
.enrollment-application h2{font-size:20px;}
.enrollment-application ul li a{line-height:20px;}
}

/* Loader */

/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url("//cdn5.bigcommerce.com/s-hqjg7u/templates/__custom/images/loading.gif?t=1498654416") center no-repeat #fff;
}

/* Pagination DIT */
/* Pagination Dit */

.inner #CategoryContent #CategoryPagingBottom{
  float: none;
      text-align: center;
      margin-top: 30px;
}
.CategoryPagingBottom .PagingList{
     display: inline-block;
     float: none;
}
.CategoryPagination .PagingList li{
  display: inline;
}
.CategoryPagination{
  display: inline-block;
  float: none;
}
.CategoryPagination .PagingList .ActivePage{
   background: #333333 none repeat scroll 0 0;
   border-radius: 50%;  
    color: #ffffff;
    display: inline-block;
    font-weight: 600;
    height: 30px;
    line-height: 30px;
    width: 20px;
}
.nav-prev, .nav-next,.CategoryPagination .PagingList a{
  color: #333333;
}
.CategoryPagination .PagingList a:hover,.CategoryPagination a.nav-prev:hover,.CategoryPagination a.nav-next:hover{
  color: #bbb;
}
.CategoryPagination .PagingList .ActivePage:hover{
  background-color: #bbbbbb;
}
.CategoryPagination .PagingList li{
  margin: 0 5px;
}

.contact-info .contact-commercial {
    margin-bottom: 10px;
}
.message-us h4 {
    padding-top: 20px;
}