/* CSS Document */

body {
margin:0;
padding:0;
height:100%;
background-color:#193950; background-image:url(../../share_images/bg_div.jpg); background-repeat:repeat-x;
}

.sb_index { 
scrollbar-3dlight-color:#CCCCCC; 
scrollbar-arrow-color:#4D828B; 
scrollbar-base-color:#CCCCCC; 
scrollbar-darkshadow-color:#CCCCCC; 
scrollbar-face-color:#CCCCCC; 
scrollbar-highlight-color:#E6E6E6; 
scrollbar-shadow-color:#E6E6E6;
}

.sb_prod {
scrollbar-3dlight-color:#CCCCCC; 
scrollbar-arrow-color:#ffffff; 
scrollbar-base-color:#CCCCCC; 
scrollbar-darkshadow-color:#CCCCCC; 
scrollbar-face-color:#CCCCCC; 
scrollbar-highlight-color:#ffffff; 
scrollbar-shadow-color:#ffffff;
}

.sb_prod2 { background-image:none; background-color:#C6D2DA; }

.sb_faci {
scrollbar-3dlight-color:#638578; 
scrollbar-arrow-color:#ffffff; 
scrollbar-base-color:#638578; 
scrollbar-darkshadow-color:#638578; 
scrollbar-face-color:#638578; 
scrollbar-highlight-color:#ffffff; 
scrollbar-shadow-color:#ffffff;
}

#faci_list { float:left;}

.faci_group { width:150px;  float:left; margin:0px 7px 7px 7px; }
.faci_thumb { width:150px; float:left; margin-bottom:3px; border:1px solid #797979; }
.faci_desc { background-color:#638577; height:85px; width:150px; float:left; color:#FFFFFF; border:1px solid #89A89B; padding-top:5px; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.faci_desc_s {font-size:10px;}
.faci_div {float:left; height:5px; width:640px;}

.pop_wrapper { width:450px; float:left; background-color:#FFFFFF; padding:1px; }
#pop_logo { width:450px; float: left; background-color:#4D9393; height:46px; }
.p_logo {width:410px; height:46px; float:left;}
.p_close { width:33px; height:46px; float:left; }
.pop_photo { height:312px; widows:408px; float:left; padding:8px 42px 0px 42px; background-color:#FFFFFF; }
.pop_desc { float:left; height:70px; background-color:#648276; padding-top:5px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:20px; }
.p_desc1 { font-size:14px; width:450px; float:left; }
.p_desc2 { font-size:18px; width:450px; float:left; }


#pop2_wrapper { width:640px; float:left; background-color:#638378; height:640px; }
.p2_logo { width:640px; height:106px; }

#pop3_wrapper { width:640px; float:left; background-color:#638378; height:750px; }
.p3_logo { width:640px; height:60px; }





form { display:inline; }

a { outline: none; } 

#wrapper{ padding: 7px 0px 20px 0px; width:980px; margin-right:auto; margin-left:auto; background-color:#193950; background-image:url(../../share_images/bg_div.jpg); background-repeat:repeat-x;}
#wrapper_in{ width:940px; background-color:#E8E5E5; margin-right:auto; margin-left:auto; }

.border_top{ width:940px; height:27px; margin:0; padding:0; background-image:url(../../share_images/bar_top.jpg); background-repeat:no-repeat; }
.border_bot{ width:920px; height:28px; margin:0; padding:0px 20px 0px 0px; background-image:url(../../share_images/bar_bot.jpg); background-repeat:no-repeat;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#FFFFFF;
			font-size:11px;
			}

.border_left{ width:3px; background-image:url(../../share_images/bg_left.jpg); }
.border_right{ width:3px; background-image:url(../../share_images/bg_right.jpg); }

#top{ width:934px; float:left; }
#logo { width:352px; height:239px;  margin:10px 0px 14px 0px; float:left; }
#media_swf { width:582px; height:239px; float:left; margin:10px 0px 14px 0px; }

#content { width:934px; }

/* MENU */

#menu_wrapper{ width:934px; height:45px; padding:0px; margin:10px 0px 0px 0px; 
				background-image:url(../../share_images/bg_menu.jpg); background-repeat:no-repeat; 
				float:left; z-index:100;
				
			  }

#menu { margin-right:auto; margin-left:auto; width:934px; top:0px; #top:0px; position: relative; }
#menu a { display: block; text-indent: -900%; position: absolute; outline: none; }
#menu a:hover { background-position: left bottom; }
#menu .home {height:45px; 	width:152px; 	background-image:url(../../share_images/m_home.jpg); left: 34px; top: 0px; }
#menu .home-active { height:45px; width:152px; background-image:url(../../share_images/m_home.jpg); left: 34px;top: 0px; background-position: left bottom; }
#menu .company { height:45px; width:152px; background-image:url(../../share_images/m_company.jpg); left: 187px; top: 0px; }
#menu .company-active { height:45px; width:152px; background-image:url(../../share_images/m_company.jpg); left: 187px; top: 0px; background-position: left bottom; }
#menu .facilities { height:45px; width:152px; background-image:url(../../share_images/m_facilities.jpg); left: 365px; top: 0px;	}
#menu .facilities-active { height:45px; width:152px; background-image:url(../../share_images/m_facilities.jpg); left: 365px; top: 0px; background-position: left bottom; }
#menu .product { height:45px; width:152px; background-image:url(../../share_images/m_product.jpg); left: 547px; top: 0px; }
#menu .product-active { height:45px; width:152px; background-image:url(../../share_images/m_product.jpg); left: 547px; top: 0px; background-position: left bottom; }
#menu .contact { height:45px; width:152px; background-image:url(../../share_images/m_contactus.jpg); left: 729px; top: 0px;	}
#menu .contact-active { height:45px; width:152px; background-image:url(../../share_images/m_contactus.jpg); left: 729px; top: 0px; background-position: left bottom; }

/* CONTENT BORDERS */
#content_top { height:19px; background-image:url(../../share_images/bg_top_in.jpg); background-repeat:no-repeat; width:934px; float:left; }
#content_bot{ height:19px; background-image:url(../../share_images/bg_bot_in.jpg); background-repeat:no-repeat; width:934px; float:left; }

#content_body { width:922px; padding:0px 4px 0px 8px; float:left; margin-top:-10px; }
#content_main{ width:907px; padding:0px 5px 0px 10px; margin:0px; background-color: #C6D2DA; float:left; }



#intro_left { width:670px; float:left; }
#intro_right { width:229px; float:left; margin-left:8px;}

.intro_box { width:235px; height:150px; float:left; padding:12px 10px 0px 85px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:11px;
line-height:16px;
}

.intro_box2 { width:235px; height:150px; float:left; padding:12px 10px 0px 85px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:11px;
line-height:16px;
margin-left:10px; 
}
.intro_info { width:235px; height:125px; overflow:hidden; }
.intro_det { width:213px; height:18px;}
.intro_a { font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:11px; line-height:16px; text-decoration:none; }
.intro_a:hover { text-decoration:underline; }


.sb_prod_top { width:215px; padding: 0px; margin:0px;   height:30px; background-image:url(../../share_images/bg_product_top.jpg); background-repeat:no-repeat; float:left; }
.sb_prod_bot { width:215px; padding: 0px; margin:0px;   height:30px; background-image:url(../../share_images/bg_product_bot.jpg); background-repeat:no-repeat; float:left; }


#prod_left { width:215px; float:left; }
#sb_prod_left {
height: 318px;
width: 216px;
background-color: #CCCCCC;
padding: 10px 0px 10px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #4D4D4D;
float:left;
overflow: auto; 
}
#sb_prod{ width:180px; float:left; margin: 0px; padding:0; margin-left:0px; }

#sb_prod_left UL{ width:180px; margin: 0px; padding: 0px; }
#sb_prod_left UL LI{ list-style: none; }


#sb_prod_left UL LI a {
width:175px; margin-left:5px;
}

#sb_prod_left UL LI UL{ margin: 0px; padding: 0px; margin-left:18px;}

#sb_prod_left UL LI UL LI {
background-color:#E0E0E0;
padding-top:3px;
list-style: none;
}

#sb_prod_left UL LI UL LI a {
width:160px; margin-left:5px;
}

.sb_prod1_a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#374641; text-decoration:none;  
line-height:16px; 
background-image: url(../../share_images/bullet01.jpg); 
background-repeat:no-repeat;
width:155px;
display:block;
padding-left:15px;
padding-bottom:5px;
}

.sb_prodch_a{ color:#5B7069;}

.sb_prod1_a:hover{ 
color:#ffffff; background-image: url(../../share_images/bullet02.jpg); background-repeat:no-repeat; 
}

.sb_prod1_a-active { 
color:#ffffff;  
background-image: url(../../share_images/bullet02.jpg); 
}

.sb_prod2_a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999; text-decoration:none;  line-height:14px; 
background-image: url(../../share_images/bullet03.jpg); 
background-repeat:no-repeat;
width:135px;
display:block;
padding-left:15px;
padding-bottom:5px;
}
.sb_prod2_a:hover{ 
background-image: url(../../share_images/bullet04.jpg); 
background-repeat:no-repeat;
color:#818181;


}
.sb_prod2_a-active { 
color:#535353; 
background-image: url(../../share_images/bullet04.jpg); 
}


.prod_div { background-image:url(../../share_images/div_prod.jpg); background-repeat:no-repeat; height:10px; width:199px; }




#sb_prod_r { 
height: 395px;
width: 673px;
margin-left:5px;
overflow: auto;
background-color: #C6D2DA;
padding: 0px 0px 0px 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #4D4D4D;
float:left;
}

#sb_prod2_r { 
height: 355px;
width: 678px;
margin-left:10px;
overflow: auto;
background-color: #C6D2DA;
padding: 0px 0px 10px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #4D4D4D;
float:left;
}

#sb_prod3_r { 
height: 365px;
width: 685px;
margin-left:12px;
overflow: auto;
background-color: #C6D2DA;
padding: 0px 0px 0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #4D4D4D;
float:left;
}

#sb_faci_r { 
height: 376px;
width: 685px;
margin-left:17px;
overflow: auto;
background-color: #C6D2DA;
padding: 0px 0px 0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #4D4D4D;
float:left;
}

#sb_comp_r { 
height: 170px;
width: 735px;
overflow: auto;
background-color: #FFFFFF;
padding: 10px 15px 10px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color: #4D4D4D;
float:left;
}


#sb_prod_det_r { 
height: 350px;
width: 678px;
margin-left:10px;
overflow: auto;
background-color: #C6D2DA;
padding: 5px 0px 10px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #4D4D4D;
float:left;
}


#box_iso { float:left;}
.b_iso_title { float:left; background-image:url(../images/title_iso.jpg); height:31px; width:136px; }
.b_thumb { float:left; width:133px; background-color:#618274; padding-left:3px; }
.b_det { float:left; height:30px; width:136px; }

#box_map { float:left; margin-top:10px;}
.b_map_title { float:left; background-image:url(../images/title_map.jpg); height:30px; width:136px; }


#sb_comp_r P { text-align:justify; }


#prod_path {
width:674px; background-color:#495760; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px;color:#ffffff; padding:7px 0px 0px 5px;
margin-left:10px;
height:22px;
}

#prod_path_det {
width:675px; background-color:#495760; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px;color:#ffffff; padding:7px 0px 0px 5px;
height:22px;
margin-left:10px;
}
.prod_thumb {
border:1px solid #495760; float:left; margin:5px 12px 5px 12px; padding:0px; width:135px; background-color:#BBB9BA;
}
.prod_desc {
background-image:url(../../share_images/bg_prod_items3.jpg); background-repeat:no-repeat; background-color:#BBB9BA;  float:left; min-height:42px;height:auto !important;height:42px; width:130px; margin:0px; padding:5px 0px 2px 5px; color:#ffffff; 
}

#thumb_list { width:270px;  float:left; }

#thumb_wrapper { float:left; }

#photo_display { width:205px; background-color:#A0A5A9; float:left; height:309px; }

.thumb_big { float:left; margin-bottom:8px; padding:0px; width:205px; height:180px; overflow:hidden; }

.thumbnail { float:left; margin-bottom:3px; padding:0px 0px 4px 4px; width:84px; height:70px; overflow:hidden; }

.prod_label { float:left; margin:0px; padding:0px; width:205px; min-height:124px;height:auto !important;height:124px;}
.pl_catname { background-color:#495760; padding:5px; display:block; min-height:30px;height:auto !important;height:30px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; line-height:18px; }
.pl_fantasy { height:85px; width:206px; background-image:url(../../share_images/bg_fantasy.jpg); float:left;}

.btn_back { padding-top:32px; height:30px; width:288px; float:left; }

#prod_info { width:186px; background-color:#E3E2DD;  float:left; }

.prod_info_title { float:left; width:186px; height:19px; }

#prod_info UL {
}

#prod_info UL LI {
margin-left:-28px;
list-style-image:url(../../share_images/bullet05.jpg);
padding-bottom:10px;
}

.prod_cat {
width:313px;  float:left; background-color:#B9CAC4; border:1px solid #728D88; margin-right:10px;
}


.prod_item {
width:166px; float:left; border-right:1px solid #728D88;min-height:96px;height:auto !important;height:96px;
}
.prod_title {
width:151px; float:left; padding:28px 0px 0px 15px; background-color: #B9CAC4; background-image:url(../../share_images/bg_prod_items.jpg); background-repeat:no-repeat; 
min-height:48px;height:auto !important;height:48px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#51655A;
line-height:16px;
}


.prod_link {
width:166px; float:left; height:20px; background-image:url(../../share_images/bg_prod_items2.jpg); background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:11px;
}

.p_link_a{
font-family: Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
text-decoration:none;
padding-left:100px;
}

.p_link_a:hover{
text-decoration: underline;
}

.prod_photo{
width:146px; float:left;
}

.cat_div {
width:640px; float:left; height:15px;
}


.item_desc {
font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-decoration:none; width:155px;
background-image:url(../../share_images/bg_prod_items2.jpg); background-repeat:no-repeat;
height:20px;
}


.prod_det {
float:left; width:166px; 
padding:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#7F7E7A;
min-height:278px;
height:auto !important;
height:278px;
}

.name_s { font-size:10px; }
.det_a { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-decoration:none; }
.det_a:hover { text-decoration: underline; }

.path_a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none; }
.path_a:hover { text-decoration:underline; }


.prod_bg { width:165px; height:88px; }
.prod_bg01 { background-color:#B8CAC3;}
.space_w20 { width:10px;}
.space_h7 { height:7px;}



.title01 { font-weight:bold; }
.title02 { font-weight:bold; font-size:10px; }

.box_div { background-image:url(../../share_images/box_div.jpg); height:19px; float:left; width:668px; margin:4px 0px 4px 0px; }

#scroll_index {
height: 150px;
width: 209px;
overflow: auto;
background-color: #E0E0E0;
padding: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #4D4D4D;
float:left;
}

#scroll_index UL LI {
margin-left:-28px;
list-style-image:url(../../share_images/bullet05.jpg);
padding-bottom:10px;
}

#scroll_index p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #4D4D4D;
}


.scroll_top { 
width:214px;
padding: 9px 0px 0px 15px;  
height:28px;
background-image:url(../images/bg_news_top.jpg); background-repeat:no-repeat; 
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
font-weight: bold;
line-height:16px;
float:left;
}


.scroll_bot { background-image:url(../../share_images/bg_news_bot.jpg); background-repeat:no-repeat; width:229px; height:19px; float:left; margin-bottom:10px;}

.text11 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:11px;
}

.contact-us { width:313px; float:left; margin-left:90px; margin-top:10px; }
.con_hk_title { background-image:url(../images/title_office_hk.jpg); height:35px; width:313px; float:left;}
.con_info { background-color:#FFFFFF; width:293px; height:168px; padding:10px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#626262; line-height:20px; }
.con_hk_photo { background-image:url(../../share_images/photo_office_hk.jpg); height:150px; width:313px; float:left;}

.con_ch_title { background-image:url(../images/title_office_ch.jpg); height:35px; width:313px; float:left;}
.con_ch_photo { background-image:url(../../share_images/photo_office_ch.jpg); height:150px; width:313px; float:left;}