/* Reset code to remove theme inherent styling */
.pg-nav ul.menu ul, .pg-nav ul.menu li {
list-style: none; 
padding: 0; 
margin: 0;
}
.pg-nav ul.menu ul {
display: none; /* Hides non-mega links */
}
.pg-nav ul.menu .sub ul {
display: block; /* overrides above hide */
}

/* Main menu styles */
.pg-nav ul.menu {
	width: 100%;
	height: 45px;
	position: relative; /* Important - required for positioning of mega menu */
	font: normal 13px Arial, sans-serif;
	line-height: 16px;
	background-image: url(../images/nav-bg.jpg);
	background-repeat: repeat-x;
	background-position: 0 0px;
	padding:0;
}
.pg-nav ul.menu li {
	float: left;
	font-weight: normal;
	font-family: UbuntuRegular;
	font-size: 17px;
}
.pg-nav ul.menu li a {
	float: left;
	display: block;
	color: #000;
	text-decoration: none;
	font-family: UbuntuRegular;
	font-size: 16px;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
}
.pg-nav ul.menu li.nav-hover a, .pg-nav ul.menu li a:hover {
	color: #000;
	font-size: 16px;
	text-decoration:underline;
}

/* Arrow tag for parent links */
.pg-nav ul.menu li a.dc-mega {
	padding-right: 36px; /* Additional padding for arrow */
	position: relative; /* Required for arrow positioning */
}
.pg-nav ul.menu li a .pg-nav-icon {
	display: block;
	position: absolute;
	top: 20px;
	right: 25px;
	width: 8px;
	height: 6px;
	background: url(../images/arrow.png) no-repeat 0 0;
}
.pg-nav ul.menu li.pg-hover a .pg-nav-icon {
background-position: 0 100%;
}

/* Mega Menu Styling */
/* Mega Drop Down Container */
.pg-nav ul.menu li .sub-container {
	position: absolute;
	padding-left: 0px;
	margin-left: -3px;
	background-color: #eeeeee;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
	margin-top: 3px;
}
.pg-nav ul.menu li .sub {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.pg-nav ul.menu li .sub li {
	float: none;
	font-size: 12px;
	font-weight: normal;
	font-family: UbuntuLight;
	background-color: #FFF;
	padding: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	text-transform: uppercase;
}
.pg-nav ul.menu li .sub a { /* Clear the styles from the top-level links and set the font styles */
	background: none;
	border: none;
	text-shadow: none;
	color: #111;
	display: block;
	float: none;
	text-decoration: none;
	font-size: 12px;
	background-color: #FFF;
	width: 100%;
	padding: 5px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	text-transform: uppercase;
}
.pg-nav ul.menu li .sub a:hover { /* Clear the styles from the top-level links and set the font styles */
	border: none;
	text-shadow: none;
	color: #111;
	display: block;
	float: none;
	text-decoration: none;
	font-size: 12px;
	background-color: #f5f5f5;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
	background-image: none;
}


/* Style the 3rd level links */
.pg-nav ul.menu li .sub li ul li {
margin-right: 90px;
}
.pg-nav ul.menu .sub li.mega-hdr li a {
color: #444;
font-weight: normal; 
padding: 3px 0 3px 25px; 
background: url(../images/bullet.png) no-repeat 10px 8px; 
}
.pg-nav ul.menu .sub li.mega-hdr li a:hover {
	color: #248103;
	background-image: url(../images/bullet_on.png);
	background-color: #f5f5f5;
}

/* Styling for items with only 2 levels */
.pg-nav ul.menu li .sub-container.non-mega .sub {
	padding: 5px;
}
.pg-nav ul.menu li .sub-container.non-mega li {
width: 190px; /* Set the drop down width */
}
.pg-nav ul.menu li .sub-container.non-mega li a {
padding: 7px 5px 7px 22px; 
background: url(../images/bullet.png) no-repeat 5px 12px;
}
.pg-nav ul.menu li .sub-container.non-mega li a:hover {
	color: #248103;
	background-image: url(../images/bullet_on.png);
	background-color: #f5f5f5;
	width: 86%;
}