﻿/*-------------------------------------------------------------------------------*/
/*POSITION THE MENU FROM THE TOP OF THE PAGE*/
#mega_menu 					{top: 0px;}
#mega_menu 					{position: absolute; width: 98%; margin-left:1%; margin-right:1%;}

/*CHANGE TOP AND LEFT POSITIONING*/
ul.megamenu_menu 			{margin: 0px auto 0px 0px;}


/*CHANGE BUTTON HEIGHT*/
ul.megamenu_menu > li > a 	{height: 26px;	padding: 15px 10px 8px 10px;	margin-left: 1px;	margin-top:1px;	opacity: 0.8;}

/*CHANGE MENU WIDTH AND FLOAT*/
ul.megamenu_menu {
	list-style: none;
	position: relative;
	width: auto;
	float: left;
	clear: both;
}
/*CHANGE BUTTON PADDING AND FLOAT*/
ul.megamenu_menu > li {
	padding-bottom: 2px;
	float: left;
	position: relative;
}
/*CHANGE BUTTON HEIGHT*/
ul.megamenu_menu > li 	{
	height: 50px;
}

/*CHANGE MAIN MENU BUTTON BACKGROUND*/
ul.megamenu_menu > li > a {
	display: block;
	background:url('../../../Site/graphics/topmenu_bg.png');
}

/*CHANGE SUB MENU CONTAINER BACKGROUND PROPERTIES*/
ul.megamenu_menu div {
	position: absolute;
	top: 50px;
	left: 1px;
	width: 530px;
	height: 180px;
	padding:30px 40px 0px 0px;
	display: none;
	border-radius: 6px;
	background:url('../../../Site/graphics/megamenu.jpg');
}


/*CHANGE SUB MENU CONTAINER LIST ITEM PROPERTIES*/
ul.megamenu_menu li ul {
	list-style: none;
	float: left;
	width: 130px;
	margin-right: 5px;
}

/*CHANGE SUB MENU HEADINGS*/
li.megamenu_heading {
	font-size: 16px;
	padding-bottom: 6px;
}


/* ADAPTIVE LAYOUTS CSS <=940 */
@media screen and (min-width:0px) and (max-width:959px){
/*CHANGE BACKGROUND*/
#mega_menu {position:absolute; 	top:-2px;    width: 100%;    margin-left:0%;margin-right:0%;}
}

/* ADAPTIVE LAYOUTS CSS <=481 */
@media screen and (min-width:0px) and (max-width:700px){
#mega_menu { top:-999px;}
}


