@charset "utf-8";

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 45px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: #ffffff;
margin: 0 4px 0 0; /*Margin between each menu item*/
padding: 3px 8px;
text-decoration: none;
letter-spacing: 1px;
background-color: #01a5e2; /*Default menu color*/
border-bottom: 0px solid #121212;
}

#modernbricksmenu .product {
background-color: #016b93; /*dark tab for products*/
}

#modernbricksmenu a:hover{
background-color: #6f6f6f; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #ffffff;  
border-color: #ffffff;
color: #000000;
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #ffffff; /*Brown color theme*/ 
}


/* Sub menu styles */
#tabcontent{ /*2nd level content wrapper*/
background-color: #FFFFFF;
padding: 10px 0;
height: 100% /*IE7 beta2 fix*/
}

#tabcontent ul{
font: 13px Arial;
padding: 0;
margin: 0;
margin-left: 30px; /* margin between first menu item and left browser edge*/
list-style-type: none;
display: block;
}

#tabcontent ul li{
display: inline;
}


#tabcontent ul li a{
border-right: 1px solid #CCC;
color: #666666;
padding: 4px 8px;
display: block;
float: left;
text-decoration: none;
}


#tabcontent ul li a:hover{
background-color: #CCCCCC;
color: black;
display: inline;
}

#tabcontent p{
font: 13px Arial;
padding: 4px 8px;
margin: 0;
margin-left: 30px; /* margin between first menu item and left browser edge*/
display: block;
}

.clearfix:after{ /*Clear floats hack: http://positioniseverything.net/easyclearing.html*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix{
display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */