/* Advisor Classes */
.advisor-button {
  display: inline-block;
  border-radius: 4px;
  background-color: #4466e6;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 14px;
  padding: 10px;
  width: 140px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.advisor-button:hover {
transition: 0.5s;
box-shadow: 2px 2px 3px #9f9f9f;
}

.advisor-button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.advisor-button span:after {
  content: " \00BB";
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.advisor-button:hover span {
  padding-right: 15px;
}

.advisor-button:hover span:after {
  opacity: 1;
  right: 0px;
}

/* Product Card Classes */
.finish_list_spacing { float:left; margin:0 5px 5px 0; }
.clear_left { clear:left; }
.output_div { width:95%; height:402px; background-color:#f8f8f8; box-shadow: 0 0 8px #bababa; margin:0 10px 24px 10px; } 
.top_td_format { height:220px; background-color:#FFFFFF; border-bottom:1px solid #d3d3d3; }
.bottom_td_format { height:187px; padding:10px; font-size:15px;  }
.brand_image_format { margin-bottom:10px; height:25px; vertical-align: middle; }
.darkblack_link a:hover{text-decoration:none; }
.float_right { float:right; }
.float_left { float:left; }
.title_format { height:50px; font-weight:bold; }
.finish_list_height { height:35px; }

.category_button { width:230px; }
.button_cell1 { width:90px; }

.plain_link a:hover { text-decoration:none; }
.darkblack_link a:hover{text-decoration:none; }
.title_format { height:40px; font-weight:bold; }

.retail_format { text-decoration:line-through; font-size:14px; color:#545454; }
.precent_off_format { float:right; color:#de3737; font-size:20px; font-weight:bold; margin-top:2px; }
.price_format { font-size:22px; color:#2c881c;  font-weight:bold; }

.arrow a:link, .arrow a:visited, .arrow a:hover{text-decoration:none;color:#000000;}
.darkblack_link a:hover{text-decoration:none; }
.charcoal_link a:hover{text-decoration:none; color:blue;}
.black_link a:hover{text-decoration:none;}
.filter_item:hover { background-color:#f4f4f4; }

.badge_format { margin-bottom:10px; height:25px; vertical-align: middle; padding:3px 3px 0 0; }
.time_to_read { white-space: nowrap; font-size:16px; color:#888888; }
.article_bottom_format { float:left; padding-right:25px; }
.padding_right_10 { padding-right:10px; }
.published_time { color:#888888; padding-top:5px;  }
.spacer_div { height:1px; background-color:#a9a9a9; margin:10px 0; width:100%; }
.filter_div_1 { margin-bottom:5px; width:100%; }
.filter_div_2 { padding:10px; font-weight:bold; }
.padding_10 { padding: 0 10px;  }
.plain_link { text-decoration: none; }
.top_margin_10 { margin-top:5px; }
.top_margin_5 { margin-top:5px; }
.bottom_margin_10 { margin-bottom:10px; }
.flex_280 { flex: 0 0 280px; width:280px; }
.filter_header { height:1px; background-color:#a9a9a9; margin:10px 0; width:100%; }
.filter_item { padding:5px 0; }
.filter_count_format { float:right; color:#686868; }
.flex_0 { flex:0 1 auto; width:100%; }
.sortby_format { padding:10px; width:200px; border-radius:5px; }
.keyword_format { font-size:32px; font-weight:bold; text-decoration:none; padding:0; margin:0 0 10px 0; }
.item_found_format { float:right; padding:0 0 0 10px; font-size:14px; color:#767676; }
.filter_circle { margin: 0 10px 10px 0; font-size:15px; background-color:#efefef; border:1px solid #e1e1e1; border-radius:10px; padding:8px; white-space:nowrap; }
.filter_circle_font { font-weight:bold; font-size:18px; }
.filter_spacer_div { height:10px; width:100%; }
.footer_image_format { max-width:800px; max-height:250px; width:100%; height:100%; }
.footer_subgroup_list { width:235px; padding:0 15px 15px 0; }
.footer_subgroup_list a { text-decoration: underline; }

.blurb { padding:10px; color:#5f5f5f; }
.blurb a { color:#434343; text-decoration:underline; }
.blurb a:hover { color:blue; text-decoration:underline; } /* was none */

.hide_864 { display:block; }

/* Recommend Queries Styling */
@media all and (max-width:880px){ .search_window_3 { display:none; } }
@media all and (max-width:1040px){ .search_window_4 { display:none; } }
@media all and (max-width:1200px){ .search_window_5 { display:none; } }
@media all and (max-width:1360px){ .search_window_6 { display:none; } }
@media all and (max-width:1520px){ .search_window_7 { display:none; } }
@media all and (max-width:1680px){ .search_window_8 { display:none; } }
@media all and (max-width:1840px){ .search_window_9 { display:none; } }
@media all and (max-width:1720px){ .middle_keywords { display:none; } }
@media all and (max-width:1175px){ .filter_display { display:none; } }
@media all and (max-width:1040px){ .vertical_filter_bar { display:none; } }
@media all and (max-width:880px){ .search_window_0, .search_window_1, .search_window_2 { display:none; } }
@media all and (max-width:1000px){ .desk_advisor_display { display:none; } }

/* Additional Styling */

@media all and (max-width:864px){
.hide_864 { display:none; }
}

@media all and (max-width:570px){
    .output_div { width:90%; height:402px; background-color:#f8f8f8; box-shadow: 0 0 8px #bababa; margin:0 12px 24px 12px;  }
    .keyword_format { padding-top:10px; }
}
.footer_content_link_list{
    width: 100%;
	max-width:1000px;
    margin-bottom: 5px;
    padding: 10px;
}
.footer_content{
    width: 100%;
	max-width:1200px;
    margin-bottom: 5px;
    /*padding-bottom: 5px;*/
    padding: 10px;
    max-height:420px;
    overflow:hidden;
    text-overflow: ellipsis;
    content: \"\";
    position:relative;
}
.footer_content:before {
    content:'';
    width:100%;
    height:100%;    
    position:absolute;
    left:0;
    top:0;
}
.container_image {

  position: relative;
  text-align: center;
  color: white;
  z-index:1;
}
.centered_text {
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index:2000;
  padding:20px;
  font-size:36px;
  font-weight:bold;
  background-color:rgba(0, 0, 0, 0.5);
}

.footer_content_after{
    width: 100%;
    max-width:1200px;
    margin-bottom: 5px;
    /*padding-bottom: 5px;*/
    padding:  10px;
    max-height: none;
    overflow:auto;
    text-overflow: none;
    content: \"\";
    position:relative;
}

.sticky_left {
  position: -webkit-sticky;
  position: sticky;
  top: 250px;
  margin-top:  150px;
  padding: 50px;
}

.flex_200b { flex: 0 0 200px; width:200px; font-size:13px; }
.flex_231 { flex: 0 0 231px; width:231px; font-size:13px; }
.flex_0b { flex:0 1 auto; width:100%; }
.filter_count_formatb { float:right; color:#686868; font-size:13px; }
.sticky_leftb {
  font-size:13px;
  position: -webkit-sticky;
  position: sticky;
  top: 250px;
  margin-top:  150px;
}

.columnA { float: left; width: 16.57%; }
@media all and (max-width:1915px){ .columnA { float: left; width: 20%; } }
@media all and (max-width:1630px){ .columnA { float: left; width: 25%; } }
@media all and (max-width:1350px){ .columnA { float: left; width: 33.33%; } }
@media all and (max-width:1050px){ .columnA { float: left; width: 50%; } }
@media all and (max-width:750px){ .columnA { float: left; width: 100%; } }

@media all and (max-width:1000px){
.header1 { width:100%; }
.header2 { display:none; }
}

/* ----------------- Search Styles ---------------------- */
.search-field { height:44px; color:#434343; }
.vertical_filter_bar { width: 220px; }
.flex_200 { flex: auto 0 220px; width:220px; font-size:13px; }
.dropdown-cart { float:right; padding-right:0px; width:44px; }
.search-wrap { margin-right:150px; }
.filter_header { background-color:#c4c4c4; }
.filter_header2 { height:1px; background-color:#c4c4c4; width:100%; margin:20px 0 10px 0; }
.filter_header3 { height:1px; background-color:#ebebeb; width:100%; margin:10px 0 10px 0; }
.filter_header4 { height:1px; background-color:#c4c4c4; width:100%; margin:10px 0 10px 0; }
.filter_title { font-size:15px; color:#3f3f3f; font-weight:bold; }
.filter_div_2 { padding:0px 10px 5px 10px; }
.sticky-header { position: -webkit-sticky;position: sticky;top: 0px; background-color:white; height:80px; padding:10px 10px 0 10px; z-index:5000; }
@media all and (max-width:657px){
.hide_657{display:none;}
.search-wrap { margin-right:100px; }
}
@media all and (max-width:607px){
.hide_607{display:none;}
.search-wrap { margin-right:50px; }
}

@media all and (max-width:1500px){
.menu_9 { display:none; }
.top-level-menu > li { width: 12.5%; }
}
@media all and (max-width:1345px){
.menu_8 { display:none; }
.top-level-menu > li { width: 14.28%; }
}
@media all and (max-width:1082px){
.menu_7 { display:none; }
.top-level-menu > li { width: 16.66%; }
}
@media all and (max-width:780px){
.menu_6 { display:none; }
.top-level-menu > li { width: 20%; }
}

/* ------------------- Heart Sprite -------------------------------------- */

.heart_icon_filled {
    width: 15px; height: 13px;
    background: url('/images/heart_sprite.png') -10px -10px;
}


.heart_icon_empty {
    width: 15px; height: 13px;
    background: url('/images/heart_sprite.png') -45px -10px;
}

/* ------------------- Star Sprite -------------------------------------- */


.star_three_quarter {
    width: 15px; height: 14px;
    float: left;
    background: url('/images/star_sprite.png') -0 -0;
}

.star_quarter {
    width: 15px; height: 14px;
    float: left;
    background: url('/images/star_sprite.png') -15px -0;
}

.star_full {
    width: 15px; height: 14px;
    float: left;
    background: url('/images/star_sprite.png') -30px -0;
}

.star_half {
    width: 15px; height: 14px;
    float: left;
    background: url('/images/star_sprite.png') -45px -0;
}

.star_empty {
    width: 15px; height: 14px;
    float: left;
    background: url('/images/star_sprite.png') -60px -0;
}

/* ------------------- Social Media Sprite -------------------------------------- */

.social-x {
    width: 42px; height: 41px;
    background: url('/images/sprites/social_media_sprite_large.png') -82px -0;
}

.social-pinterest {
    width: 42px; height: 41px;
    background: url('/images/sprites/social_media_sprite_large.png') -124px -0;
}

.social-youtube {
    width: 42px; height: 41px;
    background: url('/images/sprites/social_media_sprite_large.png') -166px -0;
}

.social-linkedin {
    width: 41px; height: 41px;
    background: url('/images/sprites/social_media_sprite_large.png') -0 -0;
}

.social-facebook {
    width: 41px; height: 41px;
    background: url('/images/sprites/social_media_sprite_large.png') -41px -0;
}

/* ------------------- Price Range Filter Slider -------------------------------------- */

.wrapper{
width: 210px;
padding: 0 0 0 10px;
}
 
.price-input{
  width: 100%;
  display: flex;
  margin: 10px 0 15px;
}
.price-input .field{
  display: flex;
  width: 100%;
  height: 30px;
  align-items: center;
}
.field input{
  width: 100%;
  height: 60%;
  outline: none;
  font-size: 12px;
  margin-left: 7px;
  border-radius: 5px;
  text-align: center;
  border: 1px solid #999;
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.price-input .separator{
  width: 100px;
  display: flex;
  font-size: 19px;
  align-items: center;
  justify-content: center;
}
.slider{
  height: 5px;
  position: relative;
  background: #ddd;
  border-radius: 5px;
}
.slider .progress{
  height: 100%;
  left: 25%;
  right: 25%;
  position: absolute;
  border-radius: 5px;
  //background: #17A2B8;
}
.range-input{
  position: relative;
}
.range-input input{
  position: absolute;
  width: 100%;
  height: 5px;
  top: -5px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type="range"]::-webkit-slider-thumb{
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #de3737;
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: 0 0 6px rgba(0,0,0,0.05);
}
input[type="range"]::-moz-range-thumb{
  height: 16px;
  width: 16px;
  border: none;
  border-radius: 50%;
  background: #de3737;
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: 0 0 6px rgba(0,0,0,0.05);
}



.price-input_mobile{
  width: 100%;
  display: flex;
  margin: 10px 0 15px;
}
.price-input_mobile .field_mobile{
  width: 95%;
  height: 30px;
  align-items: center;
}
.field_mobile input{
  width: 100%;
  height: 60%;
  outline: none;
  font-size: 12px;
  margin-left: 7px;
  border-radius: 5px;
  text-align: center;
  border: 1px solid #999;
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.price-input_mobile .separator_mobile{
  width: 100px;
  display: flex;
  font-size: 19px;
  align-items: center;
  justify-content: center;
}
.slider_mobile{
  height: 5px;
  position: relative;
  background: #ddd;
  border-radius: 5px;
}
.slider_mobile .progress_mobile{
  height: 100%;
  left: 25%;
  right: 25%;
  position: absolute;
  border-radius: 5px;
  //background: #17A2B8;
}
.range-input_mobile{
  position: relative;
}
.range-input_mobile input{
  position: absolute;
  width: 100%;
  height: 5px;
  top: -5px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type="range"]::-webkit-slider-thumb{
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #de3737;
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: 0 0 6px rgba(0,0,0,0.05);
}
input[type="range"]::-moz-range-thumb{
  height: 16px;
  width: 16px;
  border: none;
  border-radius: 50%;
  background: #de3737;
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: 0 0 6px rgba(0,0,0,0.05);
}


/* ------------------- Navigation Menu Mobile Display --------------------------------- */
@media all and (max-width:1320px){
.reception-desks-menu{ display:none; }
/*.top-level-menu > li { width: 12.5%; }*/
}

@media all and (max-width:1111px){
.cubicles-menu{ display:none; }
/*.top-level-menu > li { width: 14.28%; }*/
}

@media all and (max-width:807px){
.office-accessories-menu{ display:none; }
/*.top-level-menu > li { width: 16.66%; }*/
}

@media all and (max-width:707px){
.conference-tables-menu{ display:none; }
/*.top-level-menu > li { width: 20%; }*/
}

@media all and (max-width:870px){
.furniture-menu { display:none; }
}

/* ----------------- Navigation Icons ---------------------- */
/*
.search_windowb_0 { width:14%; }
.search_windowb_1 { width:14%; }
.search_windowb_2 { width:14%; }
.search_windowb_3 { width:14%; }
.search_windowb_4 { width:14%; }
.search_windowb_5 { width:14%; }
.search_windowb_6 { width:14%; }
.search_windowb_7 { width:14%; }
.search_windowb_8 { width:14%; }
.search_windowb_9 { width:14%; }
.search_windowb_10 { width:14%; }
.search_windowb_11 { width:14%; }
.search_windowb_12 { width:14%; }
.search_windowb_13 { width:14%; }
*/

    .search_windowb_0 { width:12.5%; }
    .search_windowb_1 { width:12.5%; }
    .search_windowb_2 { width:12.5%; }
    .search_windowb_3 { width:12.5%; }
    .search_windowb_4 { width:12.5%; }
    .search_windowb_5 { width:12.5%; }
    .search_windowb_6 { width:12.5%; }
    .search_windowb_7 { width:12.5%; }
    .search_windowb_8 { width:12.5%; }
    .search_windowb_9 { width:12.5%; }
    .search_windowb_10 { width:12.5%; }
    .search_windowb_11 { width:12.5%; }
    .search_windowb_12 { width:12.5%; }
    .search_windowb_13 { width:12.5%; }
    .search_windowb_14 { width:12.5%; }
    .search_windowb_15 { width:12.5%; }
    

.show_tiny_mob { display: none; text-align: center; }
.search_outside_wrapper { padding: 5px 4px; display: inline-block; width: 166px; }

@media all and (max-width:1570px){
.search_windowb_6 { display:none; }
.search_windowb_13 { display:none; }
}

@media all and (max-width:1500px){
.search_windowb_7 { display:none; }
.search_windowb_14 { display:none; }
}

@media all and (max-width:1400px){
.search_windowb_5 { display:none; }
.search_windowb_12 { display:none; }
}

@media all and (max-width:1200px){
.search_windowb_4 { display:none; }
.search_windowb_11 { display:none; }
}

@media all and (max-width:840px){
.search_windowb_3 { display:none; }
.search_windowb_10 { display:none; }
}

@media all and (max-width:720px){
.show_tiny_mob{ display: block; }
}

@media all and (max-width:378px){
  .search_outside_wrapper { 
    display: none;
   }
}

.image_frame {
    height: 110px;      /* equals max image height */
    width: 110px;
    white-space: nowrap;
    text-align: center; 
}

.image_frame_container { font-size:14px; }
.image_frame_container a:link, .image_frame_container a:visited { color:#242424; }
.image_frame_container a:hover { text-decoration: underline; }

.image_frame:before, .image_frame_before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.image_frame img {
    vertical-align: middle;
}

.image_frame {
    list-style:none;
    behavior: expression(
        function(t){
            t.insertAdjacentHTML('afterBegin','<span class="image_frame_before"></span>');
            t.runtimeStyle.behavior = 'none';
        }(this)
    );
}