@font-face {
	font-family: 'robotoregular';
	src: url('fonts/roboto-regular.eot');
	src: url('fonts/roboto-regular.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-regular.woff') format('woff'), url('fonts/roboto-regular.ttf') format('truetype'), url('fonts/roboto-regular.svg#robotoregular') format('svg');
}
.megamenu-menu, .megamenu-menu *, .megamenu-menu .megamenu-parent, .megamenu-menu .megamenu-parent-title, .megamenu-menu .megamenu-bin, .megamenu-menu .megamenu-slot, .megamenu-menu .megamenu-slot-title, .megamenu-menu .megamenu-items {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	vertical-align: baseline;
}
ul.megamenu-menu, .megamenu-menu ul.megamenu-items {
	list-style: none;
}
 ul.megamenu-items:first {
width:245px;
}
/* @end */ 

/* Structure
 *------------------------------------------------------------*/
/* @group Structure */
.megamenu-menu {
	overflow: visible; /* Contain floated elements */
}
.megamenu-menu .megamenu-parent {
	display: inline;
	position: relative;
	z-index: 999;
}
.megamenu-menu .megamenu-parent-title {
	display: inline;
}
.megamenu-menu .megamenu-bin {
	position: absolute;
	left: 0; /* Default horizontal orientation */
	top: -9000px; /* default hidden position */
	z-index: 10000;
	overflow: hidden;
}
/* Bin Alignment
 *--------------------------------------------------------*/
.megamenu-menu .megamenu-bin-right {
	left:auto;
	right:-500px;
}
/* @group Horizontal Links */
.megamenu-menu .megamenu-links-horizontal {
	overflow: hidden;
}
.megamenu-menu .megamenu-links-horizontal li, .megamenu-menu .megamenu-links-horizontal li a {
	float: left;
}
/* @end Horizontal Links */

.megamenu-menu .megamenu-menu-vertical .megamenu-parent {
	display: block;
}
/* @end Structure */




/* Default styles
 *--------------------------------------------------------*/
/* @group Default styles */

.megamenu-menu ul a {
	text-decoration: none;
}
.megamenu-menu ul a:hover {
	text-decoration: underline;
}
/* @end */
/* @end Fundamentals */


/* User Overrides
 *
 * This part will have to be dynamically generated in the 
 * customization admin screen.  The user can specify the 
 * proper widths for structural elements according to the 
 * ID of the mega menu.
 *--------------------------------------------------------*/
/* @group Widths, Padding, & Margins */
.megamenu-parent {
	margin: 0.1em 1em; /* Left margin affects fly-out value */
}
.megamenu-menu .megamenu-bin {
	padding: 0.5em;
}
.megamenu-menu .megamenu-slot {
	width: 200px; /* move this to skins or php */
	margin-bottom: 0.5em;
}
/* Vertical Orientation
 *--------------------------------------------------------*/
/* @group Vertical Menu */
.megamenu-menu-vertical {
	width: 8em;
}
.megamenu-menu-vertical .megamenu-parent {
	margin-top: 1em;
}
.megamenu-slots.flyright {
	left: 7em; /* [megamenu-menu-vertical] (width) - [megamenu-parent] (margin) */
	top: 0;
}
.megamenu-slots.flyleft {
	left: -16.2em; /* Calculation of this value did not seem straightforward */
	top: 0;
}
/* @end */


/* Horizontal Orientation
 *--------------------------------------------------------*/
/* @group Horizontal Slots */
/* This value will have to be calculated to account for slot widths + margins */
/* 2009.1009.1437 EFD: this width conflicted with our layout. it made more sense for us to set width on the slots themselves. unsure how the interface should handle this. */
.megamenu-menu .megamenu-slots-columnar {
	overflow: hidden; /* contain floated slots */
	background:#f7f7f7;
}
.megamenu-menu #megamenu-mlid-572 .megamenu-slots-columnar, .megamenu-menu #megamenu-mlid-934 .megamenu-slots-columnar {
	width:605px!important;
	padding:15px;
	border-top:5px solid #3b8eb4;
}
.megamenu-menu #megamenu-mlid-312 .megamenu-slots-columnar {
	width:187px!important;
	border-top:5px solid #3b8eb4;
	padding:15px;
}
.megamenu-menu #megamenu-mlid-313 .megamenu-slots-columnar {
	width:361px!important;
	border-top:5px solid #3b8eb4;
	padding:15px;
}
.megamenu-menu #megamenu-mlid-573 .megamenu-slots-columnar {
	width:203px!important;
	border-top:5px solid #3b8eb4;
	padding:15px;
}
.megamenu-slots-columnar li.megamenu-slot {
	float: left;
}
/* @end Horizontal Slots */
/* @end Widths*/

/* megamenu-menu end */

/* Compatibilty with Admin Menu */
.megamenu-menu {
	z-index:10;
}
#phonenav a.active, #support a.active, #navi a:hover, #support a:hover {
	background:none;
}
.contact-outer {
	float:left;
	width:225px;
	padding-top:5px;
}
.contact-outer .contact-area {
	display:block;
	padding-bottom:15px;
	float:left;
	width:100%;
}
.contact-outer .contact-area h6 {
	display:block;
	color:#3088b0;
	font-size:15px;
	line-height:18px;
	margin-bottom:5px;
	padding:0 0 5px;
}
.contact-area ul {
	display:block;
	list-style:none;
}
.contact-outer .contact-area li {
	display:block;
	padding:3px 0;
	color:#4D4D4D;
	clear:both;
	float:left;
	width:100%;
	padding:4px 0!important;
	font-size:14px!important;
	line-height:16px!important;
}
.contact-outer .contact-area li a {
	color:#4D4D4D!important;
	font-size:14px!important;
	line-height:16px!important;
	padding:0!important;
}
.contact-outer .contact-area li a:hover {
	background:none!important;
	color:#30B8FC!important;
}
.contact-outer.sm-section {
	float:left;
	width:222px;
	margin-left:20px;
}
.contact-outer.sm-section ul li{padding-bottom:8px!important;}
#navi ul li ul {
	font-family: 'robotoregular'!important;
}
