/* tabs */


/** COLORS & BUTTON STYLING **/
.tab a,.tab a:visited,.tab a:hover,.tab_selected a,.tab_selected a:visited
{
  color:#fff;
  background:#444;
  margin-bottom:5px;
  text-decoration:none;
  padding:10px 15px;
  text-transform:uppercase;
}
.tab a:hover 
{
  background:#666;
}

/** COLORS & BUTTON STYLING : HORIZONTAL TABS **/

.tabs_h .tab a,.tabs_h .tab a:visited,.tabs_h .tab a:hover,.tabs_h .tab_selected a,.tabs_h .tab_selected a:visited
{
  margin-bottom:0px;
}

.tabs_h .tab a:hover {}


/** SELECTED TAB **/
.tab_selected a,.tab_selected a:hover,.tab_selected a:visited
{
  color:#fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.18);
  
  background: #979899; 
  
}

/** SELECTED TAB : HORIZONTAL **/
.tabs_h .tab_selected a,.tabs_h .tab_selected a:visited,.tabs_h .tab_selected a:hover
{
  border-bottom:none;
}

.tabs:empty
{
  display:none;
}

.tab .item_count
{
  float: right;
  font-style: italic;
  opacity: 0.5;
  margin-left: 3px;
  font-size: 0.8em;
}
/** STRUCTURE **/

.tabs 
{
  float:left;
  width:220px;
  padding:5px 5px 5px 0;
}

.tabs_content 
{
  float:left;
  width:720px;width:-moz-calc(100% - 330px);width:-webkit-calc(100% - 330px);
  width:calc(100% - 230px);
  
  background:none;
  border:none;
  overflow:visible;
  padding: 5px 0 0 20px;
}

.tab_display 
{
  background:none;
  border:none;
  padding:0;
  overflow:visible;
}

.tab a,.tab a:visited,.tab a:hover,.tab_selected a,.tab_selected a:visited
{
  display:block;
  height:auto;
}

.tab_category_group_heading
{
  color:#660000;
}

/** HORIZONTAL TABS **/
.tabs_h .tabs_content,.tabs_h .tabs
{float:none;width:auto;}
.tabs_h .tabs {border-bottom:1px solid #ccc;margin-bottom:10px;}
.tabs_h .tab,.tabs_h .tab_selected
{display:inline-block;}

.tabs_h .tabs {padding-bottom:0;}
.tabs_h .tabs:empty {display:none;}
.tabs_h .tabs_content {padding-left:0;}

.tabs_h .tab a
,.tabs_h .tab a:visited
,.tabs_h .tab a:hover
,.tabs_h .tab_selected a
,.tabs_h .tab_selected a:visited
{
  text-decoration:none;
  padding:10px 16px;
  
}


@media only screen and (max-width: 940px)
  {
  
  
}

@media (max-width: 767px)
  {
  #promotions_view .tabs {display:none;}
  #promotions_view .tabs_menu {display:block;}
  .tabs {}
  
  .tabs_content {}
  
  /** Flexible columns **/
  .tabs 
  {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    justify-content: flex-start;
    vertical-align: top;
    margin:0;
    padding:0;
    flex-wrap: wrap;
    list-style:none;
  }
  
  .tabs .tab
  {
    float:left;
    align-self: stretch;-webkit-align-self: stretch;
    flex: 1 1 auto;-webkit-flex: 1 1 auto;
    min-height: 100%;
    vertical-align: top;
    padding:5px;
    text-align:center;
    margin:0;padding:0;
    border:1px solid #fff;
  }
  
  .tabs 
  {
    float:none;
    width:100%;
    padding:0;
  }
  
  
  .tabs .tab
  {
    display:inline-block; 
  }
  
  .tabs_content 
  {
    float:none;
    width:100%;
    padding: 12px;
  }
  
}
