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

/* |_________________________\menu/_______________________| */

#ca_id .main_menu {
	overflow:hidden;
	width:100%;
	clear:both;
}

#ca_id .mattblackmenu {
}

#ca_id .mattblackmenu ul {
	width:100%; zoom:1;
	overflow:hidden;
}
#ca_id .mattblackmenu ul li { float:left; padding:0 2px 0 0; zoom:1; background:url(../../images/mm_s.png) no-repeat right top; }
#ca_id .mattblackmenu ul li.li_first { padding-left:0; }
#ca_id .mattblackmenu ul li.li_last { background:none; padding-right:0; }

* html #ca_id .mattblackmenu ul li.li_4,
* html #ca_id .mattblackmenu ul li.li_last { margin-right:-2px; position:relative; }

#ca_id .mattblackmenu a {
	font-size:12px;
	line-height:14px;
	color:#1a1a1a;
	display:block;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	outline:none;
	border:none;
	position:relative; 
	background:url(../../images/mm_bg.png) repeat-x left top;
	height:38px;
	overflow:hidden;
}

#ca_id .mattblackmenu a img,
#ca_id .mattblackmenu a i { vertical-align:middle; display:inline-block; }

#ca_id .mattblackmenu a img { zoom:1; }
#ca_id .mattblackmenu a i { height:38px; }

#ca_id .mattblackmenu a b { display:block; padding:0 7px 0 4px; }

#ca_id .mattblackmenu a b.hover { display:none;  }

#ca_id .mattblackmenu a:hover .hover,
#ca_id .mattblackmenu a.active .hover,
#ca_id .mattblackmenu a.selected .hover { display:block; }

#ca_id .mattblackmenu a:hover .base,
#ca_id .mattblackmenu a.active .base,
#ca_id .mattblackmenu a.selected .base { display:none; }

#ca_id .mattblackmenu a:hover,
#ca_id .mattblackmenu a.active,
#ca_id .mattblackmenu a.selected { background-position:left bottom; }

#ca_id .mattblackmenu a:hover b,
#ca_id .mattblackmenu .active a b,
#ca_id .mattblackmenu a.selected b { }