@charset "UTF-8";
/* GNB-First */

/* Eng Version*/
/* Latest Update: 05/06/2012*/
/* Add mouseover hightlight #global_nav_menu li .current:hover*/
/* add style for #staticpage-content, #article-content ul, sub-article-list-title-black  */


#navigation {
 
	z-index:110;
	width: 802px;
	clear: both;

	}

#global_nav_menu ul, #global_nav_menu li {
	font-size:11px; 
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	line-height:21px;
	text-align:left;
	z-index:50;
}

#global_nav_menu .spacer {
	clear:both;
	line-height:0;
}


#global_nav_menu {
	font-size:11px; 
	width:828px;
	margin:0px 0 0px 0;
	height:28px;
	padding:0px 0px 0px 0px;

	/* Background color and gradients */	
	
	/* Borders */
	z-index:99;
}





#global_nav_menu li  {

	float:left;
	display:block;
	text-align:center;
	position:relative;
	/*padding: 4px 10px 4px 10px;*/
	padding: 0;
	margin-right:10px;
	margin-top:0px;
	border:none;
}
#global_nav_menu a {

	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 10px;	border:0px #FFF solid; /* change border to 0 by victor  */
}
#global_nav_menu .col_1 a,
#global_nav_menu .col_2 a,
#global_nav_menu .col_3 a,
#global_nav_menu .col_4 a,
#global_nav_menu .col_5 a {
	padding: 0;
	
}

/* mouse over */
#global_nav_menu li:hover  {
	/*border: 1px solid #ff9e52;*/
	padding: 0;
	background-color:#f47920;	
	/*padding: 4px 9px 4px 9px;*/
	/* Background color and gradients */	/* Rounded corners */	
}

#global_nav_menu li:hover .drop{
	color: #333333;
	
	
}

#global_nav_menu li:hover .nosub{
	color: #333333;
}

#global_nav_menu a:hover {
	
}

#global_nav_menu .menu_shown a:hover {
	border: 0px;
	
}

#global_nav_menu .col_1 a:hover,
#global_nav_menu .col_2 a:hover,
#global_nav_menu .col_3 a:hover,
#global_nav_menu .col_4 a:hover,
#global_nav_menu .col_5 a:hover {
	padding: 0;
	border: none;
}





#global_nav_menu li a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; 
	color: #333;
	display:block;
	outline:0;
	text-decoration:none;
	
}


#global_nav_menu li .drop, #global_nav_menu li .current {
	padding-right:10px;
	color:#999999;
		
	
	
}

#global_nav_menu li .nosub, #global_nav_menu li .current {
	padding-right:10px;
	color:#999999;
		
	
	
}
/* IE6 mouseover*/
#global_nav_menu li .drop:hover,  #global_nav_menu li .current:hover {
	padding-right:10px;
	color: #333333;border:1px #FFF solid;
	background-color:#f47920;	
	
}

#global_nav_menu li .nosub:hover{
	padding-right:10px;
	color:#999999;
	background-color:#f47920;
}




#global_nav_menu li:hover .drop, #global_nav_menu li:hover .current {
	padding-right:10px;
	color:#999999;border:0px #FFF solid; /* change border to 0 by victor  */
	background-color:#f47920;
	
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#global_nav_menu table {
	position:absolute; 
	top:0; left:0; 
	border-collapse:collapse;
	border-spacing:0px;
	border:none;
}

/* By On Click - START */

#global_nav_menu .menu_shown {
	
	padding: 0;
	
}

#global_nav_menu .dropdown_1columns_shown, 
#global_nav_menu .dropdown_2columns_shown, 
#global_nav_menu .dropdown_3columns_shown, 
#global_nav_menu .dropdown_4columns_shown,
#global_nav_menu .sdown_5columns_shown {
	//float:left;
	position:absolute;
	left:-1px;
	margin-left:1px;
	text-align:left;
	border:1px solid #f47920;
	background:#ffffff;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

#global_nav_menu .dropdown_1columns_shown .subtitle,
#global_nav_menu .dropdown_2columns_shown .subtitle,
#global_nav_menu .dropdown_3columns_shown .subtitle,
#global_nav_menu .dropdown_4columns_shown .subtitle,
#global_nav_menu .dropdown_5columns_shown .subtitle {
	font-weight:bold;
	clear:both;
	line-height: normal;
	margin-top: 4px;
	margin-right: auto;
	margin-bottom: 4px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#global_nav_menu .dropdown_1columns_shown {width: 250px;}
#global_nav_menu .dropdown_2columns_shown {width: 500px;}
#global_nav_menu .dropdown_3columns_shown {width: 700px;}
#global_nav_menu .dropdown_4columns_shown {width: 885px;}
#global_nav_menu .dropdown_5columns_shown {width: 700px;}

#global_nav_menu .borderdiv { padding:0px; margin:0px; }
#global_nav_menu .ietable { border:0; border-spacing:0; border-collapse: collapse; }

/* TEST FOR IE6 - START */
#global_nav_menu li .dropdown_1columns_shown, 
#global_nav_menu li .dropdown_2columns_shown, 
#global_nav_menu li .dropdown_3columns_shown,
#global_nav_menu li .dropdown_4columns_shown,
#global_nav_menu li .dropdown_5columns_shown {
	left:-1px;
}
#global_nav_menu li a .dropdown_1columns_shown,
#global_nav_menu li a .dropdown_2columns_shown,
#global_nav_menu li a .dropdown_3columns_shown,
#global_nav_menu li a .dropdown_4columns_shown,
#global_nav_menu li a .dropdown_5columns_shown {
	left:-1px;
	top:27px;
	visibility:visible;
}
/* TEST FOR IE6 - END */

/* By On Click - END */

#global_nav_menu .dropdown_1columns, 
#global_nav_menu .dropdown_2columns, 
#global_nav_menu .dropdown_3columns, 
#global_nav_menu .dropdown_4columns,
#global_nav_menu .dropdown_5columns {
	/*margin:4px auto;*/
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	/*visibility:hidden;*/
	text-align:left;
	padding:10px 5px 10px 5px;

	border-top:none;
	
	/* Gradient background */

}

#global_nav_menu .dropdown_1column .subtitle,
#global_nav_menu .dropdown_2columns .subtitle,
#global_nav_menu .dropdown_3columns .subtitle,
#global_nav_menu .dropdown_4columns .subtitle,
#global_nav_menu .dropdown_5columns .subtitle {
	margin:4px auto;
	padding:10px 5px 20px 5px;
	font-weight:bold;
	clear:both;
	line-height: normal;
}

#global_nav_menu .dropdown_1column {width: 250px;}
#global_nav_menu .dropdown_2columns {width: 500px;}
#global_nav_menu .dropdown_3columns {width: 700px;}
#global_nav_menu .dropdown_4columns {width: 885px;}
#global_nav_menu .dropdown_5columns {width: 700px;}

/*
#global_nav_menu li:hover .dropdown_1column, 
#global_nav_menu li:hover .dropdown_2columns, 
#global_nav_menu li:hover .dropdown_3columns,
#global_nav_menu li:hover .dropdown_4columns,
#global_nav_menu li:hover .dropdown_5columns {
	left:-1px;
}

#global_nav_menu li a:hover .dropdown_1column,
#global_nav_menu li a:hover .dropdown_2columns,
#global_nav_menu li a:hover .dropdown_3columns,
#global_nav_menu li a:hover .dropdown_4columns,
#global_nav_menu li a:hover .dropdown_5columns {
	left:0px;
	top:30px;
	visibility:visible;
}
*/

#global_nav_menu .col_1, #global_nav_menu .col_2, #global_nav_menu .col_3, #global_nav_menu .col_4, #global_nav_menu .col_5 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}
#global_nav_menu .col_1 {width:240px;}
#global_nav_menu .col_2 {width:240px;}
#global_nav_menu .col_3 {width:220px;}
#global_nav_menu .col_4 {width:210px;}
#global_nav_menu .col_5 {width:690px;}

#global_nav_menu .menu_right {
	float:right;
	margin-right:0px;
}

#global_nav_menu li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}

#global_nav_menu p, #global_nav_menu h2, #global_nav_menu h3, #global_nav_menu ul li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:normal;
	font-size:11px;
	text-align:left;

}



#global_nav_menu li:hover div a {
	font-size:11px;
	color:#333;
	line-height: 1.4em;

	
}



#global_nav_menu li:hover div a:hover, #global_nav_menu  div a:hover {
	color:#f47920;
}

#global_nav_menu li:hover  a:hover {
	color:#333333;
	/*background-color: #ffba6b; */
	
	
	

}

#global_nav_menu li ul {
	padding:0;
	margin:0 0 12px 0;

	
}




#global_nav_menu li ul li {
	font-size:11px;
	line-height:1.4em;
	position:relative;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	padding-left:10px;
	padding-bottom:7px;
	background-image: url(../images/common/gabalmenu-point.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	
	
}
#global_nav_menu li ul li:hover {

	border:none;
	padding:0;
	margin:0;
		
	line-height:1.4em;
	padding-left:10px;
	padding-bottom:7px;
	background-image: url(../images/common/gabalmenu-point.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	
}


#global_nav_menu   li ul li a {
	font-size:11px;
	line-height:1.4em;
}


#global_nav_menu li ul li:hover  {
	/*border: 1px solid #ff9e52;*/
	padding-left:10px;
	margin:0;
	background-color:#FFFFFF;
		
/*padding: 4px 9px 4px 9px;*/
	/* Background color and gradients */
	/* Rounded corners */
}

#global_nav_menu li .current {
	color: #333333;
	padding-right:10px;
}



#global_nav_menu  .current a:link, #global_nav_menu  .current a:visited {
	color: #333333;
	text-decoration: none;
	
	cursor:text;
}

#mainleftnav {
width:185px;
margin-right:10px;
float:left;
}

.mainleftmenu {

width:185px;
font-size:12px;
border:1px #ff9933 solid;
margin:0; padding:0;
}

.mainleftmenu a.menuitem {
background:#ffbc79;
font-weight:700;
color:#000;
display:block;
height:20px;
position:relative;
text-decoration:none;
margin:1px 0 1px 0;
padding:5px 0;
list-style-type: none;
}

.icon {
padding-left:3px;
padding-right:3px;
padding-top:3px;
}

.mainleftmenu a.menuitem:visited,.mainleftmenu .menuitem:active {

-moz-outline:none 0;
outline:none 0;
padding:5px 0;
}

.mainleftmenu a.menuitem:hover {
background:#ff8f1f;
}


.mainleftmenu div.submenu {
background:#ffeedd;
list-style-type: none;

-moz-outline:none 0;
outline:none 0;

}

.mainleftmenu div.submenu ul {
background:#ffeedd;
list-style-type:square;
font-size:11px;
-moz-outline:none 0;
outline:none 0;
margin:0 0 0 20px;padding:5px;

}

.mainleftmenu div.submenu ul li a {
margin:0px;
background:#ffeedd;
display:block;
color:#000;
text-decoration:none;
padding-top:2px;
padding-bottom:2px;
padding-left:0px;
list-style-type: none;
-moz-outline:none 0;
outline:none 0;
}

.mainleftmenu div.submenu ul li a:hover{
color:#ff7f00;

-moz-outline:none 0;
outline:none 0;
}







ul.mainbullet {
	padding:0;
	margin: 0;
	width:100%;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 11px;
}

ul.mainbullet li{
	display:block;
	background:url(../images/minisite/arrow.gif) no-repeat;
	text-decoration:none;
	padding:0 0 10px 18px;line-height:normal;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 11px;
	
}


ul.mainbullet li a {
	display:block;color:#000;
	text-decoration:none;padding:0;
	
}

ul.mainbullet  li a:hover{
	display:block;color:#cc3300;
	text-decoration:none;padding:0;
	
}


#main3 {
position:relative;display:block;width:100%;
}

#main2 {
position:relative;display:block;height:100%;
}


#main2 .cat01_shown {
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	left:0;
	float:left;
	overflow:auto;
	
	
	
}
#main3 .cat01{
	float:left;
	position:absolute;
	display:inline-block;
	left:-999em;
	height:100%;
	width:100%;
}



/* add verticl line after menu li by victor*/

#global_nav_menu  li:before {
content: " | ";float:right;margin-right:-7px;margin-top:3px;color:#fff;
}

#global_nav_menu  li:first-child:before {
content: none;
}

