body {
height:100%;
margin:0;
background:#CCCCCC;
width: 100%;
}
#container{
width:980px;
margin:0 auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#CCCCCC;
}
#header{
width:910px;
background:url(images/header_line.gif) no-repeat #FFFFFF;
height:5px;
float:left;
padding:0;
margin:0;
border-right:solid 1px #DDE9DF;
}
#content_index{
width:910px;
border-right:solid 1px #DDE9DF;
background-color:#FFFFFF;
float:left;
}
.index_left{
float:left;
}
#right_space{
float:left;
width:69px;
height:600px;
background:#CCCCCC;
}
.search_bar{
position:absolute;
top:159px;
left:600px;
width:400px;
}

#logo{
border-right:solid 1px #DDE9DF;
width:910px;
float:left;
background-color:#FFFFFF;
}
#index_right{
width:329px;
float:left;
padding:2px 2px 0 2px;;
margin-left:13px;
}
.caption{
display:none;
}
.caption_img{
margin-bottom:3px;
}
.index_news{
margin:0;
padding:0 0 0 15px;
}
.index_news a{
color:#666666;
text-decoration:none;
}
.index_news a:hover{
text-decoration:underline;
}
.index_news li{
list-style:url(images/list_style.gif);
line-height:12px;
padding:1px 0;
margin:0px;
}
.index_news li span{
font-weight:bold;
color:#666666;
}
.seperator{
height:2px;
width:329px;
clear:both;
}
.search{
background:#EFEFEF;
width:322px;
height:10px;
padding-top:8px;
padding-bottom:8px;
margin:0;
float:left;
}
img{
border:0;
}
#customer{
width:322px;
height:50px;
background:url(images/customer_bg.gif) no-repeat;
padding-top:20px;
padding-left:8px;
}
#footer_index{
height:60px;
width:911px;
clear:both;
background:#D6E4E4;
font:Arial, Helvetica, sans-serif;
}
.index_section{
float:left;
padding:0;
margin-top:3px;
width:328px;
}
.footer_left{
float:left;
color:#000000;
width:375px;
text-transform:uppercase;
font:Helvetica, sans-serif;
margin-top:19px;
margin-left:5px;
padding:0;
}
#compy_name{
font-size:13px;
font-weight:bold;
color:#085648;
}
#copyright{
font-size:8px;
color:#085648;
font-weight:bold;
font:Helvetica, sans-serif;
}
.footer_right{
width:520px;
margin-top:19px;
padding:0;
font:Helvetica, sans-serif;
float:right;

}
.footer_right ul{
font-size:9px;

}
.footer_right ul li{
list-style:none;
margin-right:5px;
float:left;
}
.footer_right ul li a{
color:#000000;
text-decoration:none;
}
.footer_right ul li a:hover{
text-decoration:underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
#menu{
position:absolute;
left:50%;
top:0px;
width:980px;
height:36px;
z-index:2;
margin-left:-490px;
}
#menu li{
float:left;
padding:3px;
}

#flash_banner{
position:absolute;
left:50%;
top:0px; 
width:980; 
height:184; 
z-index:1;
margin-left:-490px;
}
#left_cont{
width:180px;
float:left;

}
#right_cont{
width:773px;
float:left;


background:#FFFFFF;
}
#left_top{
width:25px;
height:25px;
background:url(images/left_curve.gif) no-repeat;
}
#right_top{
width:25px;
height:25px;
background:url(images/right_curve.gif) no-repeat;
}
#right_top{
width:25px;
height:25px;
background:url(images/right_curve.gif) no-repeat;
}
#top_line{
height:25px;
background:url(images/top_line.gif) repeat-x;
}
#left_line{
height:25px;
background:url(images/left_line.gif) repeat-y;
}
#right_line{
height:25px;
background:url(images/right_line.gif) repeat-y;
}
#main_cont{
margin-left:10px;
margin-top:10px;
background-color:#FFFFFF;
float:left;
color:#6F8088;
}
.tbl_content{
width:100%;
}
.tbl_content td{
vertical-align:top;
}
.tbl_content a{
text-decoration: none;
border-bottom: 1px dotted;
color: #6F8088;
}
.highlight{
font-weight: bold;
}
.line{
width:465px;
background:url(images/separate_line.gif) repeat-x;
height:21px;
}
#content{
padding-top:184px;
display:block;
width:980px;
background-color:#FFFFFF;

}
#content:after {  /*to fix the problem in ff which cant completely enclose a floated element in container(no effect to IE)*/
	content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;

}
#path{
float:left;
margin-left:10px;
font:Helvetica, sans-serif;
width:600px;
font-size:9px;
color:#999999;
}
#path a{
color:#999999;
text-decoration:none;
}
#path a:hover{
color:#999999;
text-decoration:underline;
}
#footer{
height:65px;
width:980px;
clear:both;
background:#D6E4E4;
font:Arial, Helvetica, sans-serif;
}
#link_top{
vertical-align:bottom;
}
#awards{
margin-left:40px;
margin-top:5px;

}
#awards li{
list-style:url(images/icon.gif) ;
}
.cert{
float:left;
margin:30px;
}
.cert span,.bottle span{
display:block;
margin-top:2px;
text-align:center;
font-size:9px;
line-height:14px;
}
.bottle{
float:left;
margin:0 18px 30px 2px;
height:280px;
}
.certpic{
border: solid 5px #CCCCCC;
}

.spacer{
height:55px;
float:left;
width:600px;
}
.bar{
background:url(images/malaya_glass_bar.gif) repeat-x;
height:22px;
width:474px;
}
.address{
width:619px;
height:78px;
background:url(images/address_bg.gif) no-repeat;
}
#info1{
float:left;
width:260px;
margin-left:24px;
margin-top:10px;
font:Helvetica, sans-serif;
color:#004A80;
font-weight:bold;
}
#info2{
float:left;
width:260px;
margin-left:5px;
margin-top:10px;
font:Helvetica, sans-serif;
color:#004A80;
font-weight:bold;
}
.sitemap{
width:182px;
height:150px;
margin:5px 8px;
float:left;
}
.sitemap_list{
margin-left:22px;
font-size:10px;
font-weight:bold;
width:170px;
}
.sitemap_list li{
list-style:url(images/icon.gif);
border-bottom:1px solid #D1E8EC;
line-height:20px;
height:20px;
}
.sitemap_list a{
color:#1A76AB;
text-decoration:none;
}
.sitemap_list a:hover{
text-decoration:underline;
}
#news_header{
color:#000000;
width:639px;
height:34px;
line-height:34px;
background:url(images/news_header.gif) no-repeat;
}
.title{
float:left;
padding-left:22px;
width:400px;
font-weight: bold;
}
#date{
color:#FFFFFF;
float:right;
padding-right:0px;
width:145px;
}
#latestNews{
color:#8D8D8D;
}
.faq_title{
font-weight:bold;
line-height:22px;
height:22px;
color:#597D77;
margin-left:10px;
}
.faq_ans{
width:652px;
background:#F7F7F7;
border-bottom:1px solid #cccccc;
border-top:1px solid #CCCCCC;
margin-bottom:20px;
margin-left:10px;
margin-top:6px;
padding:3px;
}
#construction{
font-size:16px;
color:#FF0000;
font-weight:bold;
}
/*------------------------------------------------------------------------------------------------------*/

#equip_gallery {
	width: 100%;
	text-align: center;
	margin-bottom: 25px;
}

#equip_gallery td {
	padding: 10px;
}

#equip_gallery td {
	vertical-align: top;
}

#equip_gallery span {
	display: block;
	clear: both;
	margin-top: 5px;
}

#content_holder {
	text-align: center;
	width: 100%;
	margin: 5px 0 50px 0;
}

#flowchart {
	margin: 40px 0 0 0;
	background:url(images/flowchart_bg.gif);
	background-repeat:no-repeat;
	background-position: center;
}

#flowchart_bg {
	margin-top:35px;
	background:url(images/flowchart_bg.gif);
	background-repeat:no-repeat;
}

#recycling {
	height: 240px;
	text-align: left;
}

#recycling_logo {
	margin: 40px auto 0 230px;
	text-align: center;
	position: absolute;
	z-index:2;
}

#recycling_bg {
	position: absolute;
	z-index:1;
	text-align: center;
	margin: 0 0 0 60px;
}

#recycling_copy {
	text-align: left;
	margin: 0;
	padding: 0;
}

#recycling_copy h4 {
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 13px;
}

#recycling_copy h5 {
	margin: 0;
	padding: 0;
	font-size: 11px;
}

#recycling_copy div{
	padding: 10px 0 10px 30px;
}

#recycling_copy p {
	margin:0;
	padding:0;
}

div.blue_bg {
	background-color: #E8F3F4;
}

hr.contact {
	margin:0 55px 0 0;
	padding:0;
	height: 4px;
	color: #FF0000;;
	background-color: #FF0000;
	border: none;
}

#advantages_copy_table {
	width: 100%;
	background-color: #E8F3F4;
	text-align: left;
}

#advantages_copy_table td {
	width: 50%;
}

#advantages_copy_table ul {
	margin: 15px;
	padding: 0 0 0 15px;
}

#advantages_copy_table ul li{
	margin-bottom: 9px;
}

.tbl_content a.noborder{
	border: none;
}