/* ######### Matt Black Strip Main Menu Bar CSS ######### */

/* |_________________________\menu/_______________________| */

#ca_id .mattblackmenu {
	width:100%;
	white-space:nowrap;
	text-align:left;
	margin:0;
	padding:0px 0 16px 0px;
	position:relative;
	height:80px;
}
#ca_id .mattblackmenu table  { overflow:hidden;}
#ca_id .mattblackmenu table td { padding:0 1px 0px 2px; vertical-align:top;}
#ca_id .mattblackmenu table td.first { padding-left:0px;}
#ca_id .mattblackmenu table td.last { padding-right:0px;}

#ca_id .mattblackmenu a b { }

#ca_id .mattblackmenu { white-space:nowrap; text-align:left;}

#ca_id .mattblackmenu .first a  {}
#ca_id .mattblackmenu .last a {}

#ca_id .mattblackmenu a {
	text-decoration:none;
	text-transform:none;
	text-align:center;
	white-space:nowrap;
	vertical-align:top;
	padding:0px;
	display:block;
	background:#63bfd0;
	padding:14px 0 19px;
	position:relative; -moz-border-radius:0px 0px 10px 10px; -webkit-border-radius:0px 0px 10px 10px; border-radius:0px 0px 10px 10px;  behavior: url(./css/PIE.htc);
}

#ca_id .mattblackmenu a em.base img { display:inline-block; vertical-align:middle;  }
#ca_id .mattblackmenu a em.hover img { display:none;}

#ca_id .mattblackmenu a:hover,
#ca_id .mattblackmenu a.selected,
#ca_id .mattblackmenu .active a  {
	background:url(../../images/menu_button_bg.png) repeat-x left top #dff2f6;
	border:1px solid #FFF;
	padding:19px 0 20px;
	color: #2D8395;
}

#ca_id .mattblackmenu a:hover em.base img,
#ca_id .mattblackmenu a.selected em.base img,
#ca_id .mattblackmenu .active em.base img  { display:none;
}
#ca_id .mattblackmenu a:hover em.hover img,
#ca_id .mattblackmenu a.selected em.hover img,
#ca_id .mattblackmenu .active em.hover img  { display:inline-block; vertical-align:middle;  
}
