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

/* |_________________________\menu/_______________________| */

#ddtopmenubar { white-space:nowrap; text-align:left; padding:0; float:right; margin-right:-13px;}

#ddtopmenubar ul li {float:left;}
#ddtopmenubar li.first a { padding-left:9px;}
#ddtopmenubar li.last a { padding-right:14px; }
#ddtopmenubar ul li a img {vertical-align:middle;}
#ddtopmenubar ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#fff;
	text-decoration:none !important;
	display:block;
	text-align:center;
	padding:0 12px 0 14px; 
	position:relative;
	float:left;
}
#ddtopmenubar a em {display:block; position:static; left:0; padding:8px 0 10px;}
#ddtopmenubar a em.base {top:0;}
#ddtopmenubar a em.hover {position:absolute; top:0; left:-3000px;}
#ddtopmenubar a:hover,  #ddtopmenubar .active a, #ddtopmenubar a.selected {background:#FFF;}
#ddtopmenubar .active a {background:#ff9c00;}
#ddtopmenubar a:hover em.hover, #ddtopmenubar .active a em.hover, #ddtopmenubar .selected a em.hover {position:static; top:0; left:0; }
#ddtopmenubar a:hover em.base, #ddtopmenubar .active a em.base, #ddtopmenubar .selected a em.base {position:absolute; top:0; left:-3000px;} 

#ca_id .mattblackmenu a:hover .hover, #ca_id .mattblackmenu .active a .hover, #ca_id .mattblackmenu a.selected .hover { position:static; left:0; top:0; }
#ca_id .mattblackmenu a:hover .base, #ca_id .mattblackmenu .active a .base, #ca_id .mattblackmenu a.selected .base { position:absolute; top:0px; left:-3000px; }