﻿/*-------------------------------------------------------------------------------*/

/*POSITION THE MENU FROM THE TOP OF THE PAGE*/

#mega_menu 					{top: 30px;}

#mega_menu 					{position: absolute; width: 98%; z-index:999; /* margin-left:1%; margin-right:1%; to centet the menu enable */ }



.sn-pxg U.pxg-set, .sn-pxg U.pxg-set S.s, .sn-pxg U.pxg-set S.s B.b 

							{z-index:98;}

							

							

/*CHANGE TOP AND LEFT POSITIONING*/

ul.megamenu_menu 			{margin: 0px 0px 0px 0px;}





/*CHANGE BUTTON HEIGHT*/

ul.megamenu_menu > li > a 	{height: 23px;	padding: 7px 10px 16px 10px;	margin-left: 1px;	margin-top:0px;	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: 33px;

}



/*CHANGE MAIN MENU BUTTON BACKGROUND*/

ul.megamenu_menu > li > a {

	display: block;

}





/*CHANGE SUB MENU CONTAINER BACKGROUND PROPERTIES*/

ul.megamenu_menu div {

	position: absolute;

	top: 33px;

	left: 1px;

	width: 440px;

	height: 180px;

	padding:20px 10px 0px 0px;

	display: none;

	border-radius: 0px;

	background:url('../../../Site/graphics/megamenu.png');

	z-index:99;

	border-radius: 		0px 0px 10px 10px / 0px 0px 10px 10px;



}





/*CHANGE SUB MENU CONTAINER LIST ITEM PROPERTIES*/

ul.megamenu_menu li ul {

	list-style: none;

	float: left;

	width: 100px;

	margin-right: 2px;

}



/*CHANGE SUB MENU HEADINGS*/

li.megamenu_heading {

	font-size: 12px;

	padding-bottom: 4px;

}





/* 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;}

}





