﻿
/* Top Level */

#DNNMegaMenu {
	float:left;
}

#DNNMegaMenu ul.topnav
{
	padding: 0;
	margin: 0;
	height: 62px;
	position: relative;
}

/* Middle/Generic Menu Item */
#DNNMegaMenu ul.topnav li a.topMenuItem:link,
#DNNMegaMenu ul.topnav li a.topMenuItem:visited
{
	background-repeat: no-repeat;
	background-position: left bottom;
    padding: 0 10px;
	height: 62px;
	text-decoration: none;
}

	#DNNMegaMenu ul.topnav li {
		float: left;
		list-style-type: none;
	}
		#DNNMegaMenu ul.topnav li .dropdown li {
			padding: 0 5px!important;
		}
		#DNNMegaMenu ul.topnav li .dropdown li a {
			text-decoration:none;
		}

		#DNNMegaMenu ul.topnav li.current,
		#DNNMegaMenu ul.topnav li.hover,
		#DNNMegaMenu ul.topnav li.hover {
			background-image: url(../images/menu/right_on.gif);
		}

#DNNMegaMenu ul.topnav li.hover a.topMenuItem:link,
#DNNMegaMenu ul.topnav li.hover a.topMenuItem:visited,
#DNNMegaMenu ul.topnav li.current a.topMenuItem:link,
#DNNMegaMenu ul.topnav li.current a.topMenuItem:visited,
#DNNMegaMenu ul.topnav li.current a.topMenuItem:hover {color: #E31B23;background-color:#FFCC00;}

		#DNNMegaMenu ul.topnav li a.topMenuItem:link,
		#DNNMegaMenu ul.topnav li a.topMenuItem:visited {
			font-family: 'ChunkFiveRegular', 'Segoe UI', Helvetica, Arial;
			font-size: 24px;
			color: #31261D;
			display: block;
			line-height: 62px;
			text-transform: uppercase;
		}

#DNNMegaMenu ul.topnav li a.topMenuItem:active,
#DNNMegaMenu ul.topnav li.sfHover a.topMenuItem:link,
#DNNMegaMenu ul.topnav li.sfHover a.topMenuItem:visited
{
	text-decoration: none;
	/*color: #730B0F;*/
}
#DNNMegaMenu ul.topnav li.sfHover a.topMenuItem:active
{
	color: #730B0F;
}

#DNNMegaMenu ul.topnav li a.topMenuItem:hover,
#DNNMegaMenu ul.topnav li.current a.topMenuItem:link,
#DNNMegaMenu ul.topnav li.current a.topMenuItem:visited
{
	text-decoration: none;
	color: #E31B23;
}

#DNNMegaMenu ul.topnav li.break {
			height: 100%;
			padding: 0!important;
}

/* Children */
.sfHover #megaWrapper {display: block;}

#megaWrapper {
	display: none;
	position: absolute;
	padding: 5px 10px 5px 0;
	background-color: #FFF;
	border: 1px solid #FFCC00;
}
.first {
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
}
.last {
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
}
.last + .break {
	display: none;
}
.dropdown .first {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.dropdown .last {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

#megaWrapperInner
{
	position: relative;
	width: 220px;
	float: left;
}
#megaWrapperInnerCommon
{
	position: relative;
	width: 220px;
	float: left;
}

#DNNMegaMenu ul li.haschild.sfHover ul.dropdown
{
	float: left !important;
	padding: 0;
	margin: 0;
}

#DNNMegaMenu ul.topnav li.haschild.sfHover ul.dropdown li,
#DNNMegaMenu ul.topnav li.haschild.sfHover ul.dropdown li a.firstLevelMenuItem:link,
#DNNMegaMenu ul.topnav li.haschild.sfHover ul.dropdown li a.firstLevelMenuItem:visited
{
	color: #583420;
	font-weight: bold;
	font-size: 14px;
	background-image: none;
	height: auto;
}

#DNNMegaMenu ul.topnav li.haschild.sfHover ul.dropdown {width: 230px !important;}
#DNNMegaMenu ul.topnav li.haschild.sfHover ul.dropdown li a.firstLevelMenuItem:link,
#DNNMegaMenu ul.topnav li.haschild.sfHover ul.dropdown li a.firstLevelMenuItem:visited
{
	display: block;
	line-height: 20px;
	border-top: 1px solid #DFDACB;
	text-transform: none !important;
	font-family: 'Segoe UI', Segoe, Helvetica, Arial !important;
	background-image: url(../images/menuArrow.png);
	background-repeat: no-repeat;
	background-position: 205px 50%;
	padding: 10px 25px 10px 10px;
}

#DNNMegaMenu ul.topnav li.haschild.sfHover ul.dropdown li a.firstLevelMenuItem:hover
{
	background-color: #F4EAC7;
	color: #E31B23;
	text-decoration: none;
}

#DNNMegaMenu ul.topnav li.haschild.sfHover ul.dropdown li a.firstLevelMenuItem:active
{
	background-color: #E1D5AA;
	color: #730B0F;
	text-decoration: none;
}


#DNNMegaMenu #dnn_sfHeader_sfMenu .last #megaWrapper #megaWrapperInner .dropdown .last{
		display: none;
}
@media only screen and (min-width:640px) and (max-width:1279px) {
	#DNNMegaMenu {
		margin-left: 10px!important;
	}
}