@import "custom_fonts.css";

div#ecm {width:466px;height:191px;background-color:#EBEBEC;margin:10px 0px;}

div#ecm #ecm-top,
div#ecm #ecm-bottom {height:63px;clear:both;}
div#ecm #ecm-center {height:65px;line-height:65px;font-family:UniversBoldCondensed,Tahoma,sans-serif;font-size:54px;color:#D2711D;text-align:center;}

div#ecm ul {list-style:none;margin:0px;padding:0px}
div#ecm ul li {width:108px;height:63px;float:left;margin-right:11px;position:relative;cursor:pointer;}
div#ecm ul li.no-margin {margin-right:0px;}

div#ecm ul li div.ecm-top-container,
div#ecm ul li div.ecm-bottom-container {position:absolute;width:108px;z-index:10;}

div#ecm ul li div div.ecm-container-header {height:41px;width:108px;position:relative;background-color:#D2711D;}
div#ecm ul li div div.ecm-container-header h3 {position:absolute;left:5px;font-family:UniversCondensedMedium,Tahoma,sans-serif;font-size:16px;font-weight:normal;color:white;padding:0px;margin:0px;}
div#ecm ul li div.ecm-top-container div.ecm-container-header h3 {top:2px;}
div#ecm ul li div.ecm-bottom-container div.ecm-container-header h3 {bottom:2px;}
div#ecm ul li div p {display:none;background-color:#C5C5C7;font-family:Tahoma,sans-serif;line-height:13px;font-weight:normal;padding:3px 5px 3px 5px;margin:0px;}

div#ecm ul li:hover div.ecm-top-container {bottom:0px;}
div#ecm ul li:hover div.ecm-bottom-container {top:0px;}
div#ecm ul li:hover div p {display:block;} 

div#ecm .ecm-top-container .ecm-container-top {height:4px;font-size:0px;background-image:url('../images/ecm_orange_top.png');}
div#ecm .ecm-top-container .ecm-container-bottom {height:18px;background-image:url('../images/ecm_arrow_top.png');}
div#ecm .ecm-bottom-container .ecm-container-top {height:18px;background-image:url('../images/ecm_arrow_bottom.png');}
div#ecm .ecm-bottom-container .ecm-container-bottom {height:4px;font-size:0px;background-image:url('../images/ecm_orange_bottom.png');}

/* IE6 fixes */
* html div#ecm ul li a {display:block;width:108px;height:63px;color:black;text-decoration:none;position:relative;cursor:pointer;}
* html div#ecm ul li a:hover {border:0px none;}
* html div#ecm ul li a:hover div.ecm-top-container {bottom:0px;}
* html div#ecm ul li a:hover div.ecm-bottom-container {top:0px;}
* html div#ecm ul li a:hover div p {display:block;}