﻿/* Top Menu */

ul.ul_mainmenu{padding:0;margin:0; position:relative; z-index:9999;}
ul.ul_mainmenu > li { float:left; padding:0 5px;margin:0px; list-style-type:none; /*border-left: solid 1px green;*/ display:block; }

ul.ul_mainmenu li.li_first_level {float:left; display:block; padding-left:10px; padding-right:10px; position:relative; border-left:solid 1px #000000; height:15px;}
ul.ul_mainmenu li.li_first_level .main_item {}
ul.ul_mainmenu li.li_first_level {padding-left:10px \9;padding-right:30px \9;}/* css hack for IE */
ul.ul_mainmenu li.first{border-left:0px;} 
ul.ul_mainmenu a img{border:none;}
ul.ul_mainmenu .submenu{position:absolute; background-color:#EEEEEE; z-index:9999; /*padding-left:10px; padding-right:10px;*/ padding-bottom:10px; padding-top:10px; left:10px; top:18px;}
ul.ul_mainmenu .submenu ul{margin:0;padding:0; list-style-type:none;}
ul.ul_mainmenu .submenu ul li{margin:0;padding:0; border-bottom:solid 1px #FFFFFF;padding:2px 10px;}
ul.ul_mainmenu .submenu ul li a{white-space:nowrap; text-decoration:none;}
ul.ul_mainmenu .submenu ul li a:hover{color:Black;}
ul.ul_mainmenu .current{ background: url('images/share/bg_submenu.jpg') repeat;}
ul.ul_mainmenu .hover{ background: url('images/share/bg_submenu.jpg') repeat;}
.hide{display:none;}


/*country list*/
#region_selbox select{ width:186px; height:10px;}

/* mile stone */
.tab_holder {display:block; line-height:30px; vertical-align:middle; width:100%; background-color:#1C7BB3;}
.tab_holder ul{ list-style-type:none;}
.tab_holder li{float:left;}
.tab_holder span {display:inline-block; width:105px;  border:0px; margin:0px; padding:0px; float:left; text-align:center;}
.tab_holder span a {background:url('images/milestone_menu_bg.jpg') repeat-x; border:0px; margin:0px; padding:0px;text-decoration:none; color:#1e336c; font-weight:bold;}
.tab_holder span a:hover {background:#d9d9d9;color:#ce1010;}
.tab_holder span a.hover {background:#d9d9d9;color:#ce1010;}
.tab_holder span a.selected {background:url('images/milestone_menu_bg2.jpg') repeat-x;color:#ce1010;}

.sub_tab_holder {display:block; /*border-bottom:solid 1px black;*/  width:100%; line-height:35px; vertical-align:middle; margin-top:2px; background:#d9d9d9; border-bottom:solid 2px Gray; }
.sub_tab_holder ul {margin:0; padding:0;}
.sub_tab_holder ul li {margin:0; padding:0;}
.sub_tab_holder span {background:url('images/milestone_menu_bg2.jpg') repeat-x; display:block; width:90px;  border:0px; margin:0px; padding:0px; float:left; text-align:center;}
.sub_tab_holder span a {border:0px; margin:0px; padding:0px; text-decoration:none; color:#999999; font-size:16px; font-weight:bold; font-family:"Times New Roman"; line-height:35px; vertical-align:middle;}
.sub_tab_holder span a:hover {color:#ce1010;}
.sub_tab_holder span a.hover {color:#ce1010;}
.sub_tab_holder span a.selected {color:#ce1010;}

.tab_holder a, .sub_tab_holder a {display:block; width:100%;}

.year_group_block_content { }

.year_block .item_block, .year_block .item_block_even {margin-top:20px;}

.year_block .item_block .content_text, .year_block .item_block_even .content_text
{
	float:left;  
	width:620px; 
	padding:5px;   
}
 

.year_block .item_block .content_photo
{
    float:left; 
    -moz-box-shadow: 3px 3px 4px #333333;
    -webkit-box-shadow: 3px 3px 4px #333333;
    box-shadow: 3px 3px 4px #333333;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333');
}
.year_block .content_photo img{width:140px;}

.year_block .item_block_even .content_photo
{
    float:right;
    -moz-box-shadow: 3px 3px 4px #333333;
    -webkit-box-shadow: 3px 3px 4px #333333;
    box-shadow: 3px 3px 4px #333333;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333');
}
.clear{clear:both;padding:0px; margin:0px;}
.year_block{ background: url('images/milestone_bg.jpg') repeat; width:637px; width:100% \9; padding-left:20px; padding-right:15px; padding-top:5px; padding-bottom:10px;}

/* index */
#item_index .msg_wrapper{position:relative; width:500px; margin:0 auto; height:400px; display:block;}
#item_index #hph_logo{ margin-top:30px;}
#item_index #hph_welcome{ margin-top:140px;}
.image_wrapper{position:absolute; top:0px; height:400px; width:100%;  z-index:5px;}
.transit{position:absolute; top:0px; height:400px; width:100%;  z-index:5px;}
.msg_wrapper{top:0px;height:400px;position:absolute; z-index:10; overflow:hidden;}
.msg_wrapper img{border:none;}

.ul_index_bottom_menu{margin:0px; padding:0px; list-style-type:none;}
.ul_index_bottom_menu li { float:left; padding:0px; margin:0px;}
.index_bottom_menu{position:absolute; bottom:0px; height:40px; width:100%;}

.btnIndex1{ } /* width:169px;height:37px;display:block;background: url('/images/index/btn_experience.gif') no-repeat;} */
.btnIndex2{ } /* width:169px;height:37px;display:block;background: url('/images/index/btn_investment.gif') no-repeat;} */
.btnIndex3{ } /* width:158px;height:37px;display:block;background: url('/images/index/btn_people.gif') no-repeat;} */
.btnIndex4{ } /* width:169px;height:37px;display:block;background: url('/images/index/btn_innovations.gif') no-repeat;} */
.btnIndex5{ } /* width:290px;height:37px;display:block;background: url('/images/index/btn_corporate.gif') no-repeat;} */

.btnIndex1_en{width:146px;height:36px;display:block;background: url('/images/index/btn_index_en.png') 0 0 no-repeat;}
.btnIndex2_en{width:181px;height:36px;display:block;background: url('/images/index/btn_index_en.png') -146px 0 no-repeat;}
.btnIndex3_en{width:140px;height:36px;display:block;background: url('/images/index/btn_index_en.png') -327px 0 no-repeat;}
.btnIndex4_en{width:186px;height:36px;display:block;background: url('/images/index/btn_index_en.png') -467px 0 no-repeat;}
.btnIndex5_en{width:302px;height:36px;display:block;background: url('/images/index/btn_index_en.png') -653px 0 no-repeat;}
.btnIndex1_tc{width:169px;height:36px;display:block;background: url('/images/index/btn_index_tc.png') 0 0 no-repeat;}
.btnIndex2_tc{width:192px;height:36px;display:block;background: url('/images/index/btn_index_tc.png') -169px 0 no-repeat;}
.btnIndex3_tc{width:191px;height:36px;display:block;background: url('/images/index/btn_index_tc.png') -361px 0 no-repeat;}
.btnIndex4_tc{width:192px;height:36px;display:block;background: url('/images/index/btn_index_tc.png') -552px 0 no-repeat;}
.btnIndex5_tc{width:211px;height:36px;display:block;background: url('/images/index/btn_index_tc.png') -744px 0 no-repeat;}

.btnIndex1_sp{width:149px;height:36px;display:block;background: url('/images/index/btn_index_sp.png') 0 0 no-repeat;}
.btnIndex2_sp{width:159px;height:36px;display:block;background: url('/images/index/btn_index_sp.png') -149px 0 no-repeat;}
.btnIndex3_sp{width:134px;height:36px;display:block;background: url('/images/index/btn_index_sp.png') -308px 0 no-repeat;}
.btnIndex4_sp{width:179px;height:36px;display:block;background: url('/images/index/btn_index_sp.png') -442px 0 no-repeat;}
.btnIndex5_sp{width:334px;height:36px;display:block;background: url('/images/index/btn_index_sp.png') -621px 0 no-repeat;}

.clear{clear:both;}


