/* cms-mb menu */
/* dropdown theme */
@media only screen and (min-width: 1333px) {
	.block#block-cms-mb-1 ul {
		padding: 0; margin: 0;
	}
	ul.cms-mb.ddso li a {
		background: none; border: none; text-decoration: none; display: block;
		padding: 58px .6em 50px; /* padding top + bottom + height is your offset @ line 70 */
		height: 24px;
		color: #3b3c3d;
		font-size: .89em; text-transform: uppercase; font-family: "Open Sans"; font-weight: 700;
	}
	ul.cms-mb.ddso li.menuparent:hover,
	ul.cms-mb.ddso li.menuparent:hover a,
	ul.cms-mb.ddso li:hover a,
	ul.cms-mb.ddso li.active-trail a.active-trail {
		background: transparent;
		color: #900028;
	}
	ul.cms-mb.ddso li.menuparent li a {
		color: #ffffff !important;
		background: transparent;
		text-transform: none;
		padding: 0.5em 1em 0.8em;
	}
	ul.cms-mb.ddso li:hover ul {
		top: 132px; /* make the height of the menu button */
		background: rgba(144,0,40,0.9);
		min-width: 10em;
		color: #ffffff;
		border: 1px solid #fff; border-top: none;
		-webkit-box-shadow: 0px 7px 10px 0px rgba(50, 50, 50, 0.59);
		-moz-box-shadow:    0px 7px 10px 0px rgba(50, 50, 50, 0.59);
		box-shadow:         0px 7px 10px 0px rgba(50, 50, 50, 0.59);
	}
	ul.cms-mb.ddso li.menuparent li a:hover,
	ul.cms-mb.ddso li.active-trail.menuparent li a:hover,
	ul.cms-mb.ddso li.active-trail.menuparent li.active-trail a.active {
		background: #6e001e; color: #ffffff;
	}
	#block-cms-mb-1 {z-index: 1000;  font-family: "Open Sans"; }
	#block-cms-mb-1 #cms-mb-1 {width: 724px; float: right;}
	#cms-mb-menu-609-1 > a {padding-left:0;} 
	#cms-mb-menu-814-1 > a {padding-right:0;}	
	#cms-mb-menu-814-1 ul {left:-80px;}	
}

@media only screen and (max-width: 1332px) {
	#expand {
		top: 45px; right: 5px; color: #6e001e;cursor: pointer;
	}
	#small-nav-menu ul.cms-mb.expanded {
		width: 50%;
		top: 132px;
		left: 50%;
		background: rgba(144,0,40,0.9);
	}
	#small-nav-menu ul.cms-mb.expanded li a {
		color: #fff;
		background: transparent;
		text-shadow: 1px 1px 3px #000;
		font-size: 1.1em;
	}
	#small-nav-menu ul.cms-mb.expanded li ul {
	}
	#small-nav-menu ul.cms-mb.expanded li li a {
	}
	#small-nav-menu ul.cms-mb.expanded a.active {
		background: #6e001e;
	}
	#small-nav-menu ul.cms-mb.expanded a:hover {
		background: #6e001e;
	}	

}

@media only screen and (max-width: 768px) {
	#small-nav-menu ul.cms-mb.expanded {width: 100%;left: 0px;}
}
@media only screen and (max-width: 662px) {
	#expand {top:106px;}
	#small-nav-menu ul.cms-mb.expanded {top:166px;}
}
@media only screen and (max-width: 480px) {
	#expand {top:0;bottom:0;right:0;}
	#small-nav-menu ul.cms-mb.expanded {top:48px;}	
}