/*-------------------------
-- 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 { float: right; height: 20px; line-height: 20px; margin: 0 15px; }

#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 {position: absolute; top:55px; right:10px; margin:0; width: 440px; }

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 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 {left: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;}