/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mainmenu ul{
margin: 0;
padding: 0;
font: 12px Verdana;
list-style-type:  none;
/*border-bottom: 1px solid gray;*/
border-bottom: 0px;
background: #efefef;
overflow: hidden;
width: 100%;
}

.mainmenu li{
display: inline;
margin: 0; 
}

.mainmenu li a{
font-size: 12px;
float: left;
display: block;
text-decoration: none;
margin: 0;
/*width: 134px; /*Size of each tab*/
/*padding: 6px 8px; /*padding inside each tab*/
padding-top: 6px;
padding-bottom: 6px;
padding-left: 24px;
padding-right: 23px;
border-left: 1px solid white; /*right divider between tabs*/
border-bottom: 0px;
color: black;
background: #efefef;
}

.mainmenu li a:visited{
font-size: 12px;
color: black;
}

.mainmenu li a:hover{
font-size: 12px;
background: #cccccc; /*background of tabs for hover state */
}

.mainmenu a.selected{
font-size: 12px;
background: #eeeeee; /*background of tab with "selected" class assigned to its LI */
}


/* ######### Matt Black Strip Product Menu Bar CSS ######### */

.mattblackmenu ul{
margin: 0;
padding: 0;
font: 12px Verdana;
list-style-type: none;
/*border-bottom: 1px solid gray;*/
border-bottom: 0px;
background: #efefef;
overflow: hidden;
width: 100%;
}

.mattblackmenu li{
display: inline;
margin: 0;
}

.mattblackmenu li a{
font-size: 12px;
float: left;
display: block;
text-decoration: none;
margin: 0;
/*padding: 6px 8px; /*padding inside each tab*/
padding-top: 6px;
padding-bottom: 6px;
padding-left: 11px;
padding-right: 12px;
border-left: 1px solid white; /*right divider between tabs*/
border-bottom: 0px;
color: black;
background: #efefef;
}

.mattblackmenu li a:visited{
font-size: 12px;
color: black;
}

.mattblackmenu li a:hover{
font-size: 12px;
background: #cccccc; /*background of tabs for hover state */
}

.mattblackmenu a.selected{
font-size: 12px;
background: #eeeeee; /*background of tab with "selected" class assigned to its LI */
}

/* set current class via body ID */
/*product menu*/
/*detail page*/
#wood-detail .wood a{color:#fff;background:#a95234;}
#resin-detail .resin a{color:#fff;background:#a95234;}
#vanity-detail .vanity a{color:#fff;background:#b07d6a;}
#close-out-detail .close-out a{color:#fff;background:#a95234;}
#wall-detail .wall a{color:#fff;background:#a95234;}

#all .all a{color:#fff;background:#877461;}

#wood .wood a{color:#fff;background:#877461;}
/*#wood .product-catalog a{color:#fff;background:#877461;}*/

#resin .resin a{color:#fff;background:#877461;}
/*#resin .product-catalog a{color:#fff;background:#877461;}*/

#wall .wall a{color:#fff;background:#877461;}
/*#wall .product-catalog a{color:#fff;background:#877461;}*/

#top .top a{color:#fff;background:#877461;}
/*#top .product-catalog a{color:#fff;background:#877461;}*/

#new .new a{color:#fff;background:#877461;}
/*#new .product-catalog a{color:#fff;background:#877461;}*/

#special .special a{color:#fff;background:#E15555;}
/*#special .product-catalog a{color:#fff;background:#E15555;}*/

#vanity .vanity a{color:#fff;background:#877461;}

#close-out .close-out a{color:#fff;background:#877461;}
/*#close-out .product-catalog a{color:#fff;background:#877461;}*/

#sales-tools .sales-tools a{color:#fff;background:#947b5f;}
/*#sales-tools .product-catalog a{color:#fff;background:#947b5f;}*/

/*main menu*/
#about-us .about-us a{color:#fff;background:#80a3b7;}
#customer-registration .customer-registration a{color:#fff;background:#a5ae55;}
#sales-rep-apply .sales-rep-apply a{color:#fff;background:#b13d40;}
#terms-of-sale .terms-of-sale a{color:#fff;background:#c89806;}
#contact-us .contact-us a{color:#fff;background:#934eaa;}

/* position span over current link to stop it being clicked */
#wood .wood span{left:0;}
#resin .resin span{left:0;}
#wall .wall span{left:0;}
#top .top span{left:0;}
#vanity .top span{left:0;}
#new .new span{left:0;}
#special .special span{left:0;}
#close-out .close-out span{left:0;}
#sales-tools .sales-tools span{left:0;}
p{clear:both}