@charset "utf-8";
/* CSS Document */

body{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2f2f2f;
	background-color:#ffffff;}

form{margin:0px;
padding:0px;}



.bg{background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	}
	
	
.container{
	width:955px;
	margin-left:auto;
	margin-right:auto;
	padding-top:4px;
	}
	
.directors{
color: #0099FF;
font-weight:bold;
font-size:14px;
}

form{padding:0px;
margin:0px;}

.clear{clear:both;
padding:1px;}

.clearNews {clear:both;
padding:0px; margin:0;}

.clearTopNavi{clear:both;

padding-top:3px;}

.{margin-right:10px;}
.marginLeft230{margin-left:230px;}
.marginLeft155{margin-left:155px;}
.marginLeft120{margin-left:120px;}
.marginLeft60{margin-left:60px;}
.marginRight5{margin-right:5px;}
.marginLeft5{margin-left:5px;}

a:link, a:visited{color:#0a6fba; text-decoration:none;}
a:hover{color:#1586db;text-decoration:none;}

.imgFloat{float:left;margin-right:10px;}
.imgFloatDivider{float:left;margin-right:5px;}

.floatRight{float:right}

ul {margin-left:6px; padding-left:6px;}
.imgBorder{ border: solid 1px #cccccc;} 

.borderTopGrey{ border-top: solid 1px #d4d4d4; margin-top:7px; margin-bottom:7px;}
.borderBottomGrey{ border-bottom: solid 1px #d4d4d4;}


/*-------------------------------TOP NAVIGATION -----------------------*/

.topBg{
	background-image:url(../images/top_bg.gif);
	background-repeat:no-repeat;
	width:955px;
	height:67px;
	}
	
.logo{
	float:left;
	padding-left:15px;
	margin-top:3px;
	width:193px;
	height:53px;}
	
#topNavigationWrap{
margin-bottom:7px;margin-right:5px;width:700px;}

	

.topNavigationContainer{
	float:right;
	width:700px;
	padding-top:3px;
	padding-right:25px;
	font-size:11px;
	text-align:right;}





.topSubNavi{
	float:right;
	width:200px;
	padding-right:0px;
	font-size:11px;
	padding-top:3px;

	}


.topNavigationContainer a:link, .topNavigationContainer a:visited{
color:#2384cc;
text-decoration:none;
margin-left:3px;
margin-right:3px;}	
	
.topNavigation a:hover{
color:#319ceb;
text-decoration:none;}

.searchBgContainer{
	
padding-left:310px;
}

.searchBg{
	
	width:15px;
	margin-top:5px;
	border: solid 1px #cecece;
	background:#e2e4e5;
	height:15px;
		float:left;
		
		}

.search{
	background:#e2e4e5;
	border:0px;
	height:12px;
	padding:0px;
	float:left;
	font-size:11px;

	}

.mainNavigation{margin-top:0px;margin-left:30px; text-align:right; }	


/*-------------------------------MAIN BANNER -----------------------*/

.banner{padding-top:5px;}

/*-------------------------------HOMEPAGE CONTENT-----------------------*/

/*.contentLeft{padding-top:6px;float:left;width:730px;line-height:14pt;}*/

.contentLeft{padding-top:6px;float:left;width:955px;line-height:14pt;}
.contentRight{padding-top:6px;width:190px;float:right;margin-right:5px;}

.newsFlash{
	background:#e0e0e0;
	padding:3px 10px;
	vertical-align:middle;
	width:935px;
	font-size:11px;
	}
	
.newsFlash a:link,.newsFlash a:visited,.newsFlash a:hover{
	font-size:11px;
	text-decoration:underline;
	position:absolute;
}

.newsButton{margin-left:20px; margin-bottom:10px;}
.newsImg{float:left; padding:1px 0px;}

#tempholder{margin:0px;}
#placeholder{ width:400px; float:right; padding-right:450px; height:13px; line-height:10pt;margin:0px; padding-top:0px;}

.moreNews{margin-left:200px;margin-top:1px;border:0px;}

.borderBottomDotted{border-bottom: dotted 1px #797979;margin-top:3px; margin-bottom:3px;}

.newsletterBg{
	background-image:url(../images/banner_newsletter.jpg);
	background-repeat:no-repeat;
	width:195px;
	height:53px;
	margin-left:2px;
	padding-top:25px;
	padding-right:10px;}
	
.input{
border: solid 1px #b4b4b4;
width:100px;
font-size:11px;
height:12px;}

.businessTabContainer{width:360px;float:left;margin-left:0px;}
.videoContainer{width:240px;float:right; padding-top:10px;}
.latestEventContainer{width:350px; padding-top:15px; margin-left:390px;}
.rightContainer{
	width:200px;
	padding-top:15px;
	float:right;
	margin-right:5px;
}
.date{ font-size:11px;
font-style:italic;
color:#666;
clear:right;}


.header{	

font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
color:#474f59;
margin-bottom:10px;}


/* TABS FOR HALAL INFO, HALAL NEWS, TRADE LEADS */
/* Tabs
----------------------------------*/
.ui-tabs { padding: 0;} 
  
.ui-tabs .ui-tabs-nav { list-style: none; margin-left:0px;padding-left:0px;}

.ui-tabs .ui-tabs-nav li { display:inline;margin-top: 0px; padding: 0px;color:#ffffff;list-style-position:inside; font-weight:bold;  }
.ui-tabs .ui-tabs-nav li a { text-decoration: none; padding: 5px; color:#0e67a9;margin-right:0px;background:#d5d5d5;border-left:solid 1px #b0b0b0; border-top:solid 1px #b0b0b0; border-right:solid 1px #b0b0b0; margin-left:0px!important}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {padding: 5px;background-color:#0e67a9; background-image:url(../images/bg_tab_on.gif); background-repeat:repeat-x; border-left:solid 1px #0e67a9;border-right:solid 1px #0e67a9;border-top:solid 1px #0e67a9;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a, .ui-corner-top ui-tabs-selected ui-state-active { cursor: text;color:#ffffff; background-color:#0e67a9; background-image:url(../images/bg_tab_on.gif); background-repeat:repeat-x; margin-right:0px;padding: 0px;margin-left:0px; border-left:0px; border-top:0px; border-right:0px;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer;padding: 5px;margin-left:0px!important} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {  display: block; border-top:solid 1px #c3c3c3;padding-left:0px; padding-right:0px; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs-panel, .ui-widget-content, .ui-corner-bottom{padding:0px;}
.ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all {margin-bottom:0px;}

.ui-corner-top ui-state-default li, .ui-state-default ui-corner-top li{border: 0px;margin-left:0px!important} 

.ultabs{margin-bottom:2px!important}

.ui-tabs p {margin-left:8px;}

.business li{padding-left:0px;margin-left:0px; list-style-image:url(../images/bullet-square.gif);border-bottom: dotted 1px #797979; padding-bottom:2px;}

.business li a{color:#0a6fba; text-decoration:none;}


#tabs-2, #tabs-3, #tabs-4{ display:none;}

.divider{margin-top:45px;}



/*-----------------------------FOOTER---------------------------------------------------*/

.footerBorder{border-top: solid 1px #c8c8c8; margin-bottom:5px;}
.footer {font-size: 11px; color:#737373; padding:10px; margin-top:5px; width:500px; float:left;}
.footer a:link, .footer a:visited{color:#737373; text-decoration:none;}
.footer a:hover{color:#666; text-decoration:none;}



/*---------------------------------TOP NAVIGATION-------------------------------------------------------*/

.dropdown {
	float:left;
	position:relative;
	padding-right:5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#525252;
	text-transform: normal;
	letter-spacing: 0.2px;
	line-height: 1.5em;
	text-align:left;
	z-index:7;
}
.dropdown dt {
	width:auto;
	border:0px solid #dedede;
	padding:0px;
	z-index:7;
	text-align:left;
color:#525252;

}
.dropdown dt:hover {

padding:0px;
}

.dropdown dl {

	color:#525252;

}
.dropdown dd {
	position:absolute;
	overflow:hidden;
	width:250px;
	display:none;
	z-index:7;
	opacity:0;
    margin-left:0px;
	padding-left:0px;
	color:#353535;
		padding-right:5px;
}


.dropdown dd a:link, .dropdown dd a:visited{
z-index:7;
	color:#353535;
}


.dropdown dd a:hover {

	color:#000000;
}



.dropdown ul {
	width:170px;
	border: solid 0px #cdd0d7;
	list-style:none;
	margin-left:0px;
	padding-left:0px;
	color:#525252;
}
.dropdown li {
	display:inline;
	text-align:left;
	margin-left:0px;
	padding-left:0px;	
	color:#525252;
    width:170px;
		
}
.dropdown a, .dropdown a:active, .dropdown a:visited {
	display:block;
	padding:5px;
	color:#525252;
	text-decoration:none;
	background:#efefef;
	width:210px;
}
.dropdown a:hover {
	background:#ffffff;
	color:#0e63a6;
	border-bottom:1px solid #cdd0d7;
	/*opacity: .9;
				 For IE 5-7  */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
				-moz-opacity:0.9;
}
.dropdown .underline {
	border-bottom:1px solid #cdd0d7;
}


/*--------------------------------SUBPAGES-------------------------------------*/

.subBannerAboutDagangAsia{background-image:url(../images/banner_about_dagangasia_net.jpg);background-repeat:no-repeat;width:955px;height:111px;}
.subBannerMerchantJoinIn{background-image:url(../images/banner_merhcant_joinin.jpg);background-repeat:no-repeat;width:955px;height:111px;}
.subBannerStrategicBusinessPlan{background-image:url(../images/banner_strategic_business_plan.jpg);background-repeat:no-repeat;width:955px;height:111px;}
.subBannerNewsEvents{background-image:url(../images/banner_news_events.jpg);background-repeat:no-repeat;width:955px;height:111px;}
.subBannerFAQ{background-image:url(../images/banner_faq.jpg);background-repeat:no-repeat;width:955px;height:111px;}
.subBannerArticles{background-image:url(../images/banner_articles.jpg);background-repeat:no-repeat;width:955px;height:111px;}
.subBannerVideos{background-image:url(../images/banner_videos.jpg);background-repeat:no-repeat;width:955px;height:111px;}




.externalLink{float:right;}
.externalLink a{ text-decoration:underline;}


.breadcrumb{padding-top:90px; padding-left:240px;font-size:11px; display:none;}
.breadcrumb a{font-size:11px;}
.leftPanel{ width:205px;float:left;padding-top:30px;}
.rightPanel{
	width:715px;
	float:right;
	line-height:14pt;
	padding-top:30px;
	text-align: left;
}
.leftNavi{
width: 205px;
padding-left:5px;
line-height:14pt;

}

.leftNavi ul{
padding-left:20px;
margin-left:0px;
margin-top:9px;


}

.leftNavi li{

padding:2px 0px;
margin:0px 0px;
border-bottom: solid 1px #cccccc;
list-style-image:url(../images/bullet_round.gif);
list-style-position:outside;

}


 .leftNavi a{
padding-left:0px;

}

h3{ font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: -0.1;
line-height: 1.4em;
color:#1586DB;
margin-top:0px;}


h4{font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
color:#1168ad;
}


.subnewsletterBg{
	background-image:url(../images/banner_newsletter.jpg);
	background-repeat:no-repeat;
	width:200px;
	height:53px;
	margin-left:0px;
	padding-top:25px;
	padding-right:0px;}
	
.subinput{
border: solid 1px #b4b4b4;
width:100px;
font-size:11px;
height:12px;
margin-left:60px;}


.tableBorder{border: solid 1px #cccccc;}
.tableBorderRight{border-right: solid 1px #cccccc;}
.tableBorderRightWhite{border-right: solid 1px #ffffff;}
.tableHeader{background:#0b5a99; color:#ffffff;font-weight:bold;}
.altRowGrey{background:#dde1e4;}

.quote{font-size:14px; font-weight:bold;}


/*TOGGLE EXPAND MAIN BANNER CSS*/

.bannerDAnet{ background-image:url(../images/banner_DANet.jpg); background-repeat:no-repeat; width:955px; height:231px;background-repeat:no-repeat;}

.bannerDA{ background-image:url(../images/banner_DA.jpg); background-repeat:no-repeat; width:955px; height:231px;background-repeat:no-repeat;}
.bannerDH{ background-image:url(../images/banner_DH.jpg); background-repeat:no-repeat; width:955px; height:231px;background-repeat:no-repeat;}


.buttonExpand {
 z-index: 3;
  position:absolute;
  margin:160px 0px 0px 400px;

  }

.buttonExpandDA {
 z-index: 3;
  position:absolute;
  margin:0px 0px 0px 0px;
  display:none;
  }

.buttonExpandDH {
 z-index: 3;
  position:absolute;
  margin:160px 0px 0px 430px;
    display:none;
  }

#expandDA {
 z-index: 3;
  position:absolute;
  margin:160px 0px 0px 0px;
  }

#expandDH {
 z-index: 3;
  position:absolute;
  margin:160px 0px 0px 430px;
  }

.reset{display:none;}


.wordContainer{z-index:9999999; position:absolute;}



#wordDANet{
	display:none; 
	color:#FFFFFF;
	width:450px;
	margin-left:450px;
	margin-top:0px;line-height:14pt;}
	
	
#wordDANet a{
 
	color:#ffea00;
	text-decoration:underline;
	font-weight:bold;
}	



#wordDA{
	display:none; 
	color:#FFFFFF;
	width:450px;
	margin-left:480px;
	margin-top:30px;line-height:14pt;
	 background-color:#e05013; 
	}
	
	
#wordDA a{
 
	color:#ffea00;
	text-decoration:underline;
font-weight:bold;
}

#wordDH{
	display:none; 
	color:#FFFFFF;
	width:450px;
	margin-left:480px;
	margin-top:30px;
	line-height:14pt; background-color:#497506; }
	
	
#wordDH a{
 
	color:#ffea00;
	text-decoration:underline;
font-weight:bold;
	
}
.title{
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	width:450px;
	margin-bottom:7px;}	
	

#hide{ opacity:0.0;}
.hideDH{z-index:5;}
.flash{z-index:-99999999;}

.flashDA{z-index:-99999999;margin-left:00px; margin-top:15px; clear:both;float:right; padding-right:10px; }

.flashDH{z-index:-99999999;margin-left:00px; margin-top:20px; clear:both;float:right; padding-right:10px; }


/*  main banner Ajax */

#slideshow2 {
	margin: 0px;
height:231px;
	width:955px;
		overflow:hidden;
}

.slideshow2Height {

height:100%;

}



#block1, #block2, #block3 {z-index:-3;}


#nav2Container{position:absolute; z-index:5; padding-top:160px;}


#nav2 li {
	width: 39px;
	float: left;
margin-right:10px;
	list-style: none;
	clear:right;
	
}


#nav2 a {
	width: 39px;
	padding: 0px;
	display: block;
	border: 1px solid #ffffff;
}
#nav2 a.activeSlide {
	border:solid 2px #ff5800;
	margin:0px !important	
}
#nav2 a:focus {
	outline: none;
}
#nav2 img {
	border: 0px;
	display: block;
}
#nav2 ul {
	padding:0px;
	margin:0px;
  overflow:hidden;
   
   
}


.naviThumbs ul,.naviThumbs li{ display:inline;}


/*Preloader*/
.image-holder{

z-index:-1;
	height:231px;
	margin: 0px;

	background:url(../images/ajax-loader.gif) 50% 50% no-repeat;

}



/*----------------------------------Photo Event  Gallery----------------------------------------------*/


#slideshow {list-style:none; color:#fff}

#slideshow span {display:none}
#wrapper {width:506px; margin:30px auto; display:none}

#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#e7e7ea}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:13px}
#information p {padding:0 8px 8px; font-size:12px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(TinySlideshow/images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(TinySlideshow/images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(TinySlideshow/images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(../../news_events/TinySlideshow/images/scroll-left.gif) center center no-repeat; background-color:#e7e7ea}
#slideleft:hover {background-color:#ffffff}
#slideright {float:right; width:20px; height:81px; background:#e7e7ea url(../../news_events/TinySlideshow/images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#ffffff}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #8b8b8d; padding:2px;
}




/*----------------------------------Photo Event  Gallery on Homepage----------------------------------------------*/


#slideshow3 {list-style:none; color:#fff}

#slideshow3 span {display:none}
#wrapper2 {width:300px; margin:30px auto; display:none}

#wrapper2 * {margin:0; padding:0}
#fullsize2 {position:relative; width:300px; height:300px; padding:2px; border:1px solid #ccc; background:#e7e7ea}
#information2 {position:absolute; bottom:0; width:300px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information2 h3 {padding:4px 8px 3px; font-size:13px}
#information2 p {padding:0 8px 8px; font-size:12px}
#image2 {width:300px}
#image2 img {position:absolute; z-index:25; width:auto}
.imgnav2 {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev2 {left:0; background:url(../../news_events/TinySlideshow/images/left.gif) left center no-repeat}
#imgnext2 {right:0; background:url(../../news_events/TinySlideshow/images/right.gif) right center no-repeat}
#imglink2 {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover2 {background:url(../../news_events/TinySlideshow/images/link.gif) center center no-repeat}
#thumbnails2 {margin-top:15px}
#slideleft2 {float:left; width:20px; height:81px; background:url(../../news_events/TinySlideshow/images/scroll-left.gif) center center no-repeat; background-color:#e7e7ea}
#slideleft2:hover {background-color:#ffffff}
#slideright2 {float:right; width:20px; height:81px; background:#e7e7ea url(../../news_events/TinySlideshow/images/scroll-right.gif) center center no-repeat}
#slideright2:hover {background-color:#ffffff}
#slidearea2 {float:left; position:relative; width:290px; margin-left:5px; height:81px; overflow:hidden}
#slider2 {position:absolute; left:0; height:81px}
#slider2 img {cursor:pointer; border:1px solid #8b8b8d; padding:2px;
}

#dynatip {
	display:none;
	background:transparent url(black_arrow.gif);
	font-size:10px;
	height:35px;
	width:100px;
	padding:25px;
	color:#fff;	
}

/* style the trigger elements */
#dyna img {
	border:0;
	cursor:pointer;
	margin:0 ;
}
#dynatip.bottom {
	background:url(black_arrow_bottom.png);	
	padding-top:40px;
	height:55px;
}

#dynatip.bottom {
	background:url(black_arrow_bottom.png);
}
