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

/* |_________________________\menu/_______________________| */

#ddtopmenubar { white-space:nowrap; text-align:center; padding:0px 0 5px 0; }
#ddtopmenubar ul.ul { width:100%; overflow:hidden; position:relative; }
#ddtopmenubar li.li { float:left; background:url(../images/empty.html) no-repeat left top; }
#ddtopmenubar td.td { padding-right:1px; }
#ddtopmenubar td.last { padding-right:0; }
#ddtopmenubar a {
	color:#fff;
	text-decoration:none;
	text-transform:none;
	text-align:left;
	font-size:0px;
	line-height:0px;
	font-weight:normal;
	display:block;
	position:relative;
	width:100%;
}

#ddtopmenubar a .bl, #ddtopmenubar a .br { display:block; position:absolute; width:6px; height:45px; }
#ddtopmenubar a .bl { left:0; top:0; background:url(../images/mb_l.png) no-repeat left top; }
#ddtopmenubar a .br { right:0; top:0; background:url(../images/mb_r.png) no-repeat left top; }
#ddtopmenubar a .bHeight { display:inline-block; vertical-align:middle; height:45px; width:0px; }

#ddtopmenubar a b { padding:0 6px; display:block; }
#ddtopmenubar a em { background:url(../images/mb_m.png) repeat-x left top; display:block; text-align:center; overflow:hidden; padding:0px 0 0px 0; }
#ddtopmenubar a em img { margin:0 auto; display:inline-block; vertical-align:middle; }


#ddtopmenubar a:hover .bl, #ddtopmenubar .active a .bl, #ddtopmenubar a.selected .bl { background-image:url(../images/mb_l_h.png); }
#ddtopmenubar a:hover .br, #ddtopmenubar .active a .br, #ddtopmenubar a.selected .br { background-image:url(../images/mb_r_h.png); }
#ddtopmenubar a:hover em, #ddtopmenubar .active a em, #ddtopmenubar a.selected em, #ddtopmenubar a em:hover { background-image:url(../images/mb_m_h.png); }