/**
* @version   $Id: fusionmenu.css 2286 2012-08-10 19:07:57Z josh $
* @author    RocketTheme http://www.rockettheme.com
* @copyright Copyright (C) 2007 - 2012 RocketTheme, LLC
* @license   http://www.rockettheme.com/legal/license.php RocketTheme Proprietary Use License
*/

/* Global Settings */
.menutop {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	line-height: 1em;
	display: inline-block;
	li {
		height: auto;
		margin: 0;
		padding: 0;
		position: relative;
		list-style: none;
		float: left;
		display: block;
		text-align: left;
		&:hover {
			ul {
				top: 0;
			}
			li {
				ul {
					top: -999em;
				}
			}
		}
		.fusion-submenu-wrapper {
			float: none;
			left: -999em;
			position: absolute;
			z-index: 500;
		}
	}
	em {
		display: block;
	}
}
.menu-block {text-align: right;}

/* Menu Items */
.menutop {
	li {
		.item {
			display: block;
			margin: 0;
			text-decoration: none;
			float: none;
			width: auto;
			white-space: nowrap;
			cursor: pointer;
			outline: none;
			position: relative;
			height: auto;
			font-size: 120%;
			font-weight: 500;
			line-height: 1.8em;
			text-transform: uppercase;
			z-index: 0;
		}
	}
	li.root {
		> .item {
			> span.menu-text {
				padding: 15px 20px 20px;
				display: block;
				position: relative;
				font-size: 100%;
			}
			em {
				font-size: 11px;
				font-style: normal;
				font-weight: 100;
				line-height: 100%;
				text-transform: none;
				font-weight: normal;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
				margin-top: 4px;
			}
		}
		&:hover {
			> .item {
				span.menu-text {
					padding-bottom: 30px;
				}
			}
		}
		.daddy {
			> span.menu-text {
				padding-right: 28px;
			}
		}
		.daddy.item {
			.daddyicon {
				width: 20px;
				height: 7px;
				position: absolute;
				right: 2px;
				top: 37px;
				margin-top: -6px;
				background-position: 0 -440px;
				background-repeat: no-repeat;
				-webkit-transition: none;
				-moz-transition: none;
				-o-transition: none;
				-ms-transition: none;
				transition: none;
			}
		}
		.image {
			img {
				margin-bottom: -1px;
			}
		}
	}
	li.root.f-mainparent-itemfocus {
		> .item {
			span.menu-text {
				padding-bottom: 30px;
			}
			.menu-overlay {
				background-image: none;
			}
		}
	}
	li.parent.root {
		.item {
			.daddyicon {
				width: 20px;
				height: 7px;
				position: absolute;
				right: 2px;
				top: 37px;
				margin-top: -6px;
				background-position: 0 -440px;
				background-repeat: no-repeat;
				-webkit-transition: none;
				-moz-transition: none;
				-o-transition: none;
				-ms-transition: none;
				transition: none;
			}
		}
	}
	li.parent.root.active.f-mainparent-itemfocus {
		.item {
			.daddyicon {
				width: 20px;
				height: 7px;
				position: absolute;
				right: 2px;
				top: 37px;
				margin-top: -6px;
				background-position: 0 -440px;
				background-repeat: no-repeat;
				-webkit-transition: none;
				-moz-transition: none;
				-o-transition: none;
				-ms-transition: none;
				transition: none;
			}
		}
	}
}
.menutop.level1 {
	li.root.active {
		.item {
			.daddyicon {
				background-position: 0 -755px;
			}
		}
	}
	> li.f-mainparent-itemfocus {
		> .item {
			.menu-overlay {
				background-image: none;
			}
		}
	}
	li.root.active.f-mainparent-itemfocus {
		.item {
			.menu-overlay {
				display: none;
			}
		}
	}
}

/* Dropdown Surrounds */
.menutop {
	ul {
		padding: 0;
		margin: 10px 0;
		float: left;
	}
	li.root {
		> .item.subtext {
			line-height: 14px;
		}
	}
	.drop-bot {
		height: 1px;
		overflow: hidden;
		clear: both;
	}
	.fusion-submenu-wrapper {
		height: auto !important;
		padding: 0;
		position: relative;
	}
}

/* Fusion JS */
.fusion-js-container {display: block;height: 0;left: 0;overflow: visible;position: absolute;top: 0;z-index: 600000!important;background: transparent !important;}
.fusion-js-subs {display: none;margin: 0;overflow: hidden;padding: 0;position: absolute;}
.menutop .fusion-js-subs li > .item span.menu-shadow, .menutop .fusion-js-subs li > .item .menu-number {display: none;}
.fusion-js-subs ul li {width: 100%;float: none;}
.menutop .fusion-js-subs li > .item span {display: block;font-size: 0.9em;}
.menutop .fusion-js-subs li > .item {padding: 6px 8px;margin: 0 10px;border: 1px solid transparent;}
.menutop .fusion-js-subs li > .item em {font-size: 10px;line-height: 0.9em;}
.menutop ul li > .daddy span {background-position: 110% -137px;background-repeat: no-repeat;}
.menutop li.parent.root:hover .item .daddyicon, .menutop li.parent.root.f-mainparent-itemfocus .item .daddyicon, .menutop li.root:hover .daddy.item .daddyicon, .menutop li.root.f-mainparent-itemfocus .daddy.item .daddyicon {margin-bottom: 6px;}

/* JS Disabled */
.menutop li.root:hover > .fusion-submenu-wrapper {top: 65px;left: 0;}
.menutop ul li:hover > .fusion-submenu-wrapper {left: 180px;top: -8px;}

/* Grouped & Modules */
.fusion-grouped {padding: 4px 0 10px 15px;}
.fusion-grouped ol {padding: 0;}
.menutop .fusion-module, .menutop .fusion-modules, .menutop .fusion-grouped {display: block;}
.menutop .fusion-js-subs li > .item.fusion-modules {padding: 3px 11px;margin: 0;border: 0;}
.menutop .fusion-module em {display: inline;}
.menutop .fusion-module p {white-space: normal;line-height: 1.2em;font-size: 1em;}
.menutop ul .grouped-parent > .daddy span {background: none;}
.menutop ul li > .fusion-modules.item:hover {background: none !important;border: none !important;box-shadow: none;}
.fusion-grouped ol {padding: 0;}
.menutop .fusion-js-subs li > .fusion-modules.item {padding-right: 18px;}
.menutop .fusion-module, .menutop .fusion-modules, .menutop .fusion-grouped {display: block;font-size: 100%;}
.menutop .fusion-module .module-title {margin: 0;padding: 0;font-size: 1.5em;}
.menutop .fusion-module .module-title .title {font-size: 1.5em;}

/* Masks */
.main-mask-fold {
	.menutop li.root > .item .menu-overlay, .menutop.level1 > li > .item .menu-overlay {height: 24px;}
	.menutop li.root.active > .item .menu-overlay, .menutop.level1 > li.active > .item .menu-overlay {height: 100%;}
}
.main-mask-pointed {
	.menutop li.root {min-width: 115px;}
	.menutop li.root > .item .menu-overlay, .menutop.level1 > li > .item .menu-overlay {height: 100%;}
	.menutop li.root.active > .item .menu-overlay, .menutop.level1 > li.active > .item .menu-overlay {top: 0;background-position: 50% -46px;}
	.menutop li.root.active > .item .menu-overlay span, .menutop.level1 > li.active > .item .menu-overlay span {margin-top: 28px;}
}
