/*-------------------------
-- Mitsubishi Megaview 
-- 2009 MEA Digital
--
-- Header Styles
-------------------------*/

#site_header { background: url(../img/header/background.jpg) repeat-x; color: #FFF; font-family: Verdana, Arial, sans-serif; font-size: 11px; height: 100px; width: 930px; z-index: 999; }

/* Header Contents */

#site_header .header_right { float: right; margin: 20px 0 0 0; width: 700px; }

#site_header .header_newsletter, #site_header .header_questions, #site_header .header_flags { float: right; height: 20px; line-height: 20px; margin: 0 15px; }

#site_header .header_flags{position:relative;top:-3px;}

#site_header .header_input { color: #000; font-size: 10px; height: 14px; padding: 1px; }

#site_header .header_submit { background: none; color: #FFF; }

/* Main Navigation */

div#main_navigation.esmx li.level1-li:hover ul.level2,
div#main_navigation.ptbr li.level1-li:hover ul.level2{
	left:auto;right:-1px;
}

div#main_navigation.esmx li.level1-li:hover ul.level2 li.level2-li:hover ul.level3,
div#main_navigation.ptbr li.level1-li:hover ul.level2 li.level2-li:hover ul.level3,
div#main_navigation.esmx li.level1-li:hover ul.level2 li.level2-li:hover ul.level3 li.level3-li:hover ul.level4,
div#main_navigation.ptbr li.level1-li:hover ul.level2 li.level2-li:hover ul.level3 li.level3-li:hover ul.level4{
	left:auto;
	right:98%;
}

div#main_navigation{position:absolute;top:55px;right:10px;margin:0px;width:440px;}
div#main_navigation.esmx{width:305px;}
div#main_navigation.ptbr{width:270px;}

div#main_navigation.esmx,
div#main_navigation.ptbr{float:right;right:0px;padding:0px;}



div#main_navigation ul {float:right;margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
div#main_navigation ul {display:inline-block;} 
div#main_navigation ul {display:inline;}

div#main_navigation li {margin:0; padding:0; list-style:none;}
div#main_navigation li {display:inline-block; display:inline;}
div#main_navigation ul ul {position:absolute; left:-9999px;}
div#main_navigation ul.level1 {display:table; margin:0; position: absolute; top:0; left:0;}
div#main_navigation ul.level1 li.level1-li {float:left; display:block; position:relative;}

div#main_navigation.esmx ul.level1 li.level1-li,
div#main_navigation.ptbr ul.level1 li.level1-li{
	//border:1px solid #444;
}

div#main_navigation.esmx ul.level1 li.level1-li *,
div#main_navigation.ptbr ul.level1 li.level1-li *{
	padding
}



div#main_navigation b {position:absolute;} 

div#main_navigation a {display:block; font:normal 10px verdana,arial,sans-serif; color:#fff; line-height:25px; text-decoration:none;padding:0 10px;}
div#main_navigation ul.level1 li.level1-li a.level1-a {float:left;}
div#main_navigation ul.level2 li.level2-li a {background:#222; border-bottom:1px solid #000; margin: 0; padding:0 20px 0 10px;}
div#main_navigation ul.level3 li.level3-li a {background:#333; border-bottom:1px solid #000; margin: 0;}

div#main_navigation ul li:hover > ul {visibility:visible; left:0; top:25px;}
div#main_navigation ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-25px;}
div#main_navigation li.left:hover > ul {visibility:visible; left:auto; right:0; top:25px;}
div#main_navigation li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-25px;}

div#main_navigation a:hover ul {left:0; top:23px;}
div#main_navigation li.left a:hover ul {left:auto; right:-1px; top:23px;}

div#main_navigation li.left ul a {text-align:right;}

div#main_navigation a:hover a:hover ul, 
div#main_navigation a:hover a:hover a:hover ul {right:100%; visibility:visible;}
div#main_navigation li.left a:hover a:hover ul, 
div#main_navigation li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}

div#main_navigation a:hover ul ul, 
div#main_navigation a:hover a:hover ul ul {left:-9999px;}
div#main_navigation li.left a:hover ul ul, 
div#main_navigation li.left a:hover a:hover ul ul {left:-9999px;}

div#main_navigation li a.drop {background:transparent url(/) no-repeat right center;}
div#main_navigation ul.level2 li.level2-li a.fly {background:url(/img/header/white_right_arrow.gif) no-repeat right center #222;}

div#main_navigation li a:hover,
div#main_navigation li a.fly:hover {color:#ED1C24; white-space:nowrap;} 
div#main_navigation li:hover > a,
div#main_navigation ul li:hover > a.fly {color:#ED1C24; white-space:nowrap;}

div#main_navigation table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:-5px;}
div#main_navigation table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}

div#main_navigation li.left table {position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse; margin-top:-4px;}
div#main_navigation li.left table table {position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}