/*  _____________________________________________________________________________

    01 MENU BAR
    _____________________________________________________________________________  */



.megamenu_container {
	width:685px;

	margin:0 auto;
	position: relative;

}
.megamenu {
	list-style:none;
	z-index:9999;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;

}
	.megamenu li {
	float:left;

	border:none;
	list-style-type: none;
	}
		.megamenu li:hover, .active {
	background-color: #FFFFFF;
		}
		.megamenu li.noactive {
			background:none;
		}
		.megamenu li a {
	font-size:12px;
	color:#8D8D8D;
	outline:0;
	font-weight:normal;
	text-decoration:none;
	display:block;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	width:166px;
	font-family: "OpenSansSemibold", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
		}
		.megamenu li:hover a {
	color:#00AFCC;
	text-decoration: none;
		}
		.megamenu li .drop {
			

		}

		/* Right aligned menu item */
		
		.megamenu li.right {
			float:right;
			margin-right:-1px;
		}
		.megamenu li.right a {
			margin-right:5px;
		}



/*  _____________________________________________________________________________

    02 DROP DOWN COMMON CONTAINER
    _____________________________________________________________________________  */



.megamenu li .dropcontent {
	position:absolute;
	left:-9999em;
	top:44px; /* Places the drop down under the menu bar */
	z-index:9998;
	text-align:left;
	/* Rounded Corners */


}
.megamenu li .dropfirst {
	margin:0 auto 0 -1px; /* Fixes a 1px issue for the 1st drop down */
}

/* Showing Drop Down on Mouse Hover - Left aligned */

.megamenu li:hover .dropcontent {
	left:auto;
}

/* Showing Drop Down on Mouse Hover - Right aligned */

.megamenu li .align_right {
	right:-1px;
}
.megamenu li:hover .align_right {
	left:auto;
	right:-1px;
}

/* Full width drop down */

.megamenu li .fullwidth {
	position: absolute;
	width: 685px;
	top:44px;
	border-top:none;
	background-color: #FFFFFF;
}
.megamenu li:hover .fullwidth {
	display: block;
	z-index:9998;
	left: -1px;
}






/* Links */

.megamenu li .dropcontent a, 
.megamenu li .fullwidth a {
	text-transform:none;
	font-size:12px;
	display:inline;
	padding:0;
}
.megamenu li .dropcontent a:hover, 
.megamenu li .fullwidth a:hover {
	padding:0;
}



.megamenu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
.megamenu li ul li {
	font-size:12px;

	position:relative;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
}
.megamenu li ul li:hover {
	background:none;
	border:none;
}


.megamenu ul.list, 
.megamenu ul.list2, 
.megamenu ol.num, 
.megamenu ol.num2 {

	padding:0;
}
.megamenu ul.list li, 
.megamenu ul.list2 li, 
.megamenu ol.num li, 
.megamenu ol.num2 li{
	
	line-height:24px;
}
.megamenu .list li {
	list-style:disc;
}
.megamenu .list2 li {
	list-style:square;
}
.megamenu .num li {
	list-style:decimal;
}
.megamenu .num2 li {
	list-style:upper-latin;
}



.megamenu ul.thumbnails li {
	margin-bottom:18px;
}

.megamenu ul.categories {

}
.megamenu ul.categories li, 
.megamenu ul.categories li:hover {


}
.megamenu li .dropcontent ul.categories li a,
.megamenu li .fullwidth ul.categories li a {
	color:#cccccc;
}
.megamenu li .dropcontent ul.categories li a:hover,
.megamenu li .fullwidth ul.categories li a:hover {
	color:#ffffff;
}




/

/*  _____________________________________________________________________________

    07 VERTICAL VARIANT
    _____________________________________________________________________________  */



.megamenu_container_vertical {
	width:185px;
	float:left;
	position: relative;


}
	.megamenu_container_vertical .megamenu li {
	margin:0;
	width:185px;
	}
		.megamenu_container_vertical .megamenu li .drop {
			padding-right:-20px;
			background:url("../img/right.png") no-repeat right center;
		}
		.megamenu_container_vertical .megamenu li.right {
			float:left;
			margin-right:auto;
		}
		.megamenu_container_vertical .megamenu li.right a {
			margin-right:auto;
		}

.megamenu_container_vertical .megamenu li .dropcontent,
.megamenu_container_vertical .megamenu li .fullwidth {

	top:auto;

}
.megamenu_container_vertical .megamenu li .dropfirst {
	margin:-45px auto 0 185px; /* Fixes a 1px issue for the 1st drop down */
}
.megamenu_container_vertical .megamenu li .align_right {
	right:auto;
}
.megamenu_container_vertical .megamenu li:hover .align_right {
	left:auto;
	right:auto;
}
.megamenu_container_vertical .megamenu .levels li:hover ul ul,
.megamenu_container_vertical .megamenu .levels li:hover ul ul ul {
	left: -999em;
}
.megamenu_container_vertical .megamenu .levels li:hover ul {
	left: 200px;
}
.megamenu_container_vertical .megamenu .levels li li:hover ul,
.megamenu_container_vertical .megamenu .levels li li li:hover ul {
	left: 200px;
}
.megamenu li ul #active {
	color:#FFFFFF;
	text-decoration: none;
	background-color: #00AFCC;
}