#mcssmenu ul,
#mcssmenu li,
#mcssmenu span,
#mcssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#mcssmenu:after,
#mcssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#mcssmenu a {
  color: #ffffff;
  display: inline-block;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 35px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 0 #333333;
}
#mcssmenu ul {
  list-style: none;
}

#mcssmenu > ul > li.active a {
	background: rgb(89,89,89); /* Old browsers */
	background: linear-gradient(to bottom, rgba(89,89,89,1) 0%,rgba(135,135,135,1) 50%,rgba(89,89,89,1) 100%); /* W3C */
}
#mcssmenu > ul > li.active a:hover {
  background: #646464;/* Old browsers */
  background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
}
#mcssmenu > ul > li a {
  background: #343434; /* Old browsers */
  background: linear-gradient(to bottom, #343434 0%,#656565 50%,#343434 100%); /* W3C */
  border-right: 1px solid #5d5d5d;
  line-height: 38px;
  padding: 0 25px;
}
#mcssmenu > ul > li a:hover {
    background: rgb(89,89,89); /* Old browsers */
	background: linear-gradient(to bottom, rgba(89,89,89,1) 0%,rgba(135,135,135,1) 50%,rgba(89,89,89,1) 100%); /* W3C */
}
#mcssmenu > ul > li:first-child a {
}
#mcssmenu > ul > li:last-child a {
  border-right: 0px;
}
#mcssmenu .has-sub ul li {
  text-align: center;
}

#mcssmenu .has-sub ul li a 
{
	border-top: 0 none;
	display: block;
	line-height: 120%;
	text-align: center;
}


@media only screen and (max-width: 480px) {
	#cssmenu {display:none;}
	
	#mcssmenu > ul > li 
	{
	  float: left;
	  left:0;
	}
	#mcssmenu a {
	  margin: 0;
	  padding: 0;
	  position: relative;
	  width:270px;
	}
	#mmenu_box
	{
	/*width: 100%;*/
	min-width:270px;
	position:relative;
	margin-bottom:10px;
	float:left;
	overflow: hidden;
	}
	#mcssmenu .has-sub:hover ul {
  
	   max-height: 100%;
	   line-height: 38px;
	}
	#mcssmenu .has-sub ul {
	  /*overflow: hidden;*/
	  float: left;
	}

	#mcssmenu .has-sub ul li {
	  list-style: none;
	  padding: 0;
	  margin: 0;
	  
	}
	#mcssmenu .has-sub ul li a {
	  line-height: 38px;
	  /*padding: 9px 0;*/
	  min-width:270px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
	#cssmenu {display:none;}
	
	#mcssmenu > ul > li 
	{
	  float: left;
	  left:0;
	}

	#mcssmenu a {
	  /*display:inline;*/
	  margin: 0;
	  padding: 0;
	  position: relative;
	  width:100px;
	}
	#mmenu_box
	{
	/*width: 100%;*/
	min-width:460px;
	position:relative;
	margin-bottom:10px;
	overflow: hidden;
	}
	
	#mcssmenu .has-sub:hover ul {
  
	   max-height: 100%;
	   line-height: 38px;
	}
	#mcssmenu .has-sub ul {
	  
	  float: left;
	
	}

	#mcssmenu .has-sub ul li {
	  list-style: none;
	  padding: 0;
	  margin: 0;
	  
	  
	}
	#mcssmenu .has-sub ul li a {
	  line-height: 38px;
	  width:100px;
	}
	
}
@media only screen and (min-width: 769px) and (max-width: 959px) {
	#mmenu_box{display:none;}

	#cssmenu ul,
	#cssmenu li,
	#cssmenu span,
	#cssmenu a {
	  margin: 0;
	  padding: 0;
	  position: relative;
	}
	#cssmenu:after,
	#cssmenu ul:after {
	  content: '';
	  display: inline-blockblock;
	  clear: both;
	}
	#cssmenu a {
	  color: #ffffff;
	  display: inline-block;
	  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
	  font-size: 12px;
	  min-width: 35px;
	  text-align: center;
	  text-decoration: none;
	  text-shadow: 0 -1px 0 #333333;	  

	}
	#cssmenu ul {
	  list-style: none;
	  width:500px;
	  
	}
	#cssmenu > ul > li {
	  float: left;
	  left:278px;
	}
	#cssmenu > ul > li.active a {
		background: rgb(89,89,89); /* Old browsers */
		background: linear-gradient(to bottom, rgba(89,89,89,1) 0%,rgba(135,135,135,1) 50%,rgba(89,89,89,1) 100%); /* W3C */
	}
	#cssmenu > ul > li.active a:hover {
	  background: #646464;/* Old browsers */
	  background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
	}
	#cssmenu > ul > li a {
	  background: #343434; /* Old browsers */
	  background: linear-gradient(to bottom, #343434 0%,#656565 50%,#343434 100%); /* W3C */
	  border-right: 1px solid #5d5d5d;
	  line-height: 38px;
	  padding: 0 15px;
	}
	#cssmenu > ul > li a:hover {
		background: rgb(89,89,89); /* Old browsers */
		background: linear-gradient(to bottom, rgba(89,89,89,1) 0%,rgba(135,135,135,1) 50%,rgba(89,89,89,1) 100%); /* W3C */
	}
	#cssmenu > ul > li:first-child a {
	}
	#cssmenu > ul > li:last-child a {
	  border-right: 0px;
	}
	#cssmenu .has-sub:hover ul {
	  display: block;
	}
	#cssmenu .has-sub ul {
	  display: none;
	  position: absolute;
	  top: 38px;
	  left: -1px;
	  min-width: 100%;
	  text-align: center;
	  /* IE7 */
	  z-index: 1;
	  width: 100%;
	}
	#cssmenu .has-sub ul li {
	  text-align: center;
	}
	#cssmenu .has-sub ul li a {
	  border-top: 0 none;
	  display: block;
	  line-height: 120%;
	  padding: 9px 5px;
	  text-align: center;
	}
}