

/* Left & right aligned common styles */

 
.megaCSS3menu #dropdown_fullwidth_first,
.megaCSS3menu #fullwidth_56,
.megaCSS3menu #dropdown_fullwidth_item3,
.megaCSS3menu #dropdown_fullwidth_item4,
.megaCSS3menu #dropdown_fullwidth_item5,
.megaCSS3menu #dropdown_fullwidth_item6,
.megaCSS3menu #dropdown_fullwidth_item_right {
	margin:4px auto;
	left:-999em;
	position:absolute;
	background:#fefefe;
	border:1px solid #aaaaaa;
	border-top:none;
	padding:10px;
	text-align:left;

	/* CSS 3 Stylings */

	-moz-border-radius: 0px 5px 5px 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
    -khtml-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px;
	
	background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));
}

 

.megaCSS3menu #dropdown_fullwidth_first,
.megaCSS3menu #fullwidth_56,
.megaCSS3menu #dropdown_fullwidth_item3,
.megaCSS3menu #dropdown_fullwidth_item4,
.megaCSS3menu #dropdown_fullwidth_item5,
.megaCSS3menu #dropdown_fullwidth_item6,
.megaCSS3menu #dropdown_fullwidth_item_right {
	width: 920px;
	/* Rounded corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

 

.megaCSS3menu li:hover #dropdown_fullwidth_first {
	left:-1px;
	top:25px;
	/* Removing Top left rounded corner, use it for the left menu item */
	-moz-border-radius: 0px 5px 5px 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
    -khtml-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px;
}
.megaCSS3menu li:hover #fullwidth_56 {left:-181px; top:25px;}
.megaCSS3menu li:hover #dropdown_fullwidth_item3 {left:-221px; top:25px;}
.megaCSS3menu li:hover #dropdown_fullwidth_item4 {left:-331px; top:25px;}
.megaCSS3menu li:hover #dropdown_fullwidth_item5 {left:-441px; top:25px;}
.megaCSS3menu li:hover #dropdown_fullwidth_item6 {left:-551px; top:25px;}
.megaCSS3menu li:hover #dropdown_fullwidth_item_right {
	right:-1px;
	top:25px;
	left:auto;
	/* Removing Top right rounded corner, use it fr the right aligned and last item */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    -khtml-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}
