/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 100%;
background: transparent;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding-bottom: 5px;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 0 0 0;
padding: 0;
text-transform:none;
}

.modernbricksmenu2 a{
font: bold 14px verdana;
color: #D7D5D8;
text-decoration: none;
margin: 10px 10px 10px 10px; /*Margin between each menu item*/
padding: 5px 10px;
background-color: #1B1B1B; /*Brown color theme*/ 
border:1px solid #1B1B1B;
}

.modernbricksmenu2 a:hover{
font: bold 14px verdana;
background-color: #363636; /*Brown color theme*/ 
margin: 10px 10px 10px 10px; /*Margin between each menu item*/
color: #FFFFFF;
border:1px solid #1B1B1B;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
font: bold 14px verdana;
background-color: #363636; /*Brown color theme*/ 
margin: 10px 10px 10px 10px; /*Margin between each menu item*/
color: #FFFFFF;
border:1px solid #1B1B1B;
}
.tab1{
display:none;
position:absolute;
right: 30px;
width:100%px;
height:100%px;
background:#1B1B1B;
color:#EEEEEE;
}
.tab2{
display:none;
position:absolute;
right: 200px;
width:100%px;
height:100%px;
background:#1B1B1B;
color:#EEEEEE;
}
.tab3{
display:none;
position:absolute;
right: 30px;
width:100%px;
height:100%px;
background:#1B1B1B;
color:#EEEEEE;
}
.tabcontent_bg{
width:100%px;
height: 100%px;
background: #FFFFFF;
padding: 5px;
}
.tab_background{
background:#1B1B1B;
height:55px;
}
.tab_shopby{
font: bold 16px verdana;
color: #D7D5D8;
text-decoration: none;
background-color: #1B1B1B; /*Brown color theme*/ 
}