@charset "utf-8";
/* CSS Document */

/* general layout */
img
{
	border-style:none;
}

body
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-color:#333333;
}

#tpl_wrapper
{
}

#tpl_container
{
	position:relative;
	margin:15px auto;
	width:922px;
	background-color:#ffffff;
}

/* header */

#tpl_header
{
	position:relative;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:100%;
	height:150px;
}

#tpl_header2
{
	position:relative;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:100%;
	height:220px;
}
#tpl_header3
{
	position:relative;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:100%;
	height:220px;
}

#tpl_headerNavMenu
{
	position:absolute;
	top:15px;
	right:20px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	height:26px;
}

#tpl_headerNavMenu li
{
	margin:0 0 0 0;
	padding:0 0 0 2px;
	float:left;
	list-style:none;
}

#tpl_headerNavMenu li a
{
	display: block;
	white-space: nowrap;
}

#tpl_headerNavMenu li ul
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	position:absolute;
	display:none;
}

#tpl_headerNavMenu li ul li
{	
	margin:0 0 0 0;
	padding:0 0 0 0;
	float: none;
	display: inline;
}

/* main navigation menu */

#tpl_mainNavMenu
{
	position:relative;
	margin:0 0 0 0;
	padding:0 0 0 0;
	height:35px;
	width:100%;
}

#tpl_content
{
	position:relative;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:100%;
}
#tpl_content2
{
	position:relative;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:100%;
}
#tpl_content3
{
	position:relative;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:100%;
}

#tpl_contentLeft
{
	position:relative;
	float:left;
	margin:5px 0 0 5px;
	padding:0 0 0 0;
	width:446px;
	outline: none;

	-moz-outline-style: none;
}
#tpl_contentLeft2
{
	position:relative;
	float:left;
	margin:5px 0 0 5px;
	padding:0 0 0 0;
	width:330px;
	outline: none;

	-moz-outline-style: none;
}
#tpl_contentLeft3
{
	position:relative;
	float:left;
	margin:5px 0 0 5px;
	padding:0 0 0 0;
	width:724px;
	outline: none;

	-moz-outline-style: none;
}
#tpl_contentLeft4
{
	position:relative;
	float:left;
	margin:5px 0 0 5px;
	padding:0 0 0 0;
	width:310px;
	outline: none;

	-moz-outline-style: none;
}
#tpl_contentLeft5
{
	position:relative;
	float:left;
	margin:5px 0 0 5px;
	padding:0 0 0 0;
	width:616px;
	outline: none;

	-moz-outline-style: none;
}

#tpl_scrollWrapper
{
	width:100%;
	padding:0 0 0px 0;
}
#tpl_scrollWrapper2
{
	width:100%;
	padding:0 0 0px 0;
}
#tpl_scrollWrapper3
{
	width:100%;
	padding:0 0 0px 0;
}

#tpl_contentMap
{
	position:absolute;
	bottom:15px;right:15px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:356px;
	height:356px;
	background-color:#f2f2f2;
}

#tpl_contentMap2
{
	position:absolute;
	bottom:15px;right:15px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:356px;
	height:356px;
}

#tpl_contentMap3
{
	position:absolute;
	bottom:60px;right:15px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:356px;
	height:356px;
}
#tpl_contentMap4
{
	position:absolute;
	bottom:60px;right:15px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:356px;
	height:356px;
}

#dotAustralia, #dotNewZealand, #dotChina, #dotIndia, #dotSouthAfrica, #dotThailand
{
	position:absolute;
	margin: 0 0 0 0;
	padding:0 0 0 0;
	cursor:pointer;
}

.australia, .newZealand, .china, .india, .southAfrica, .thailand
{
	cursor:pointer;
}

.mapCountryDetailHome
{
	position:absolute;
	background-color:#f1f1f1;
	bottom:-30px;
	right:15px;
	width:440px;
	height:81px;
	display:none;
	text-align:right;
}

.mapCountryDetailContent
{
	position:absolute;
	background-color:#f1f1f1;
	bottom:47px;
	right:-6px;
	width:400px;
	height:81px;
	display:none;
	text-align:right;
}

.mapCountryDetailHome p, .mapCountryDetailContent p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-align:right;
	margin:3px 5px 0 0;
}

.mapCountryDetailHome img, .mapCountryDetailContent img
{
	position:absolute;
	bottom:0;right:0;
	margin:0 5px 5px 0;
}

.mapCountryDetailHome img.map, .mapCountryDetailContent img.map
{
	position:absolute;
	bottom:0;left:0;
	margin:0 0 8px 8px;
}

#tpl_footer
{
	position:relative;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:100%;
}

/*** main navigation menu using flexible table ***/

#tableNavMenu
{
	position:relative;
	float:right;
	width:60%;
	height:100%;
	margin:-5px 0 0 0;
	padding:0 0 0 0;
	border-collapse:collapse;
}

#tableNavMenu td.menuItem
{
	position:relative;
	margin:0 0 0 0;
	padding:0 0 0 0;
	height:100%;
	text-align:center;
	cursor:pointer;
}

#tableNavMenu td.menuItem a
{
	text-decoration:none;
}

#tableNavMenu td.menuItem a:hover
{
	text-decoration:none;
}

.menuItemHover
{
	position:relative;
	background:url(../images/btn_black_bg.png) top left repeat-x;
	height:100%;
	margin:0 0 0 0;
	padding:0 30px 0 30px;
}

img.menuImgLeft
{
	position:absolute;
	top:0;left:0;
	z-index:1;
}

img.menuImgMid
{
	position:relative;
	margin:0 auto;
	z-index:1;
}

img.menuImgRight
{
	position:absolute;
	top:0;right:0;
	z-index:1;
}

div.imgMidWrapper
{
	position:absolute;
	top:0;left:0;
	width:100%;
}

div.menuTextWrapper
{
	position:relative;
	top:0;left:0;
	width:100%;
	height:100%;
	margin:0 0 0 0;
	padding:5px 0 0 0;
	z-index:2;
	vertical-align:middle;
}

h6
{
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#ffffff;
	margin:0 auto;
	padding:0 0 0 0;
	width:95%;
	z-index:2;
	white-space:nowrap;
}

/* accordion box style */

#accordionBox
{
	position:relative;
	width:354px;
}

#accordionBox div.accordionTitleBox
{
	background:url(../images/bg_accordion_title.png) top left no-repeat;
	width:100%;
	height:21px;
	margin:0 0 4px 0;
	padding:0 0 0 0;
	cursor:pointer;
}

div.accordionTitleBox h3
{
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 0 0;
	padding:2px 0 0 5px;
	font-size:12px;
	color:#ffffff;
}

#accordionBox div.buttonTitleBox
{
	background:url(../images/bg_accordion_blank.png) top left no-repeat;
	width:100%;
	height:21px;
	margin:0 0 4px 0;
	padding:0 0 0 0;
	cursor:pointer;
}

div.buttonTitleBox h3
{
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 0 0;
	padding:2px 0 0 5px;
	font-size:12px;
	color:#ffffff;
}

#accordionBox div.accordionParBox
{
	background-color:#f2f2f2;
	vertical-align:top;
	margin:-4px 0 4px 0;
	padding:0 0 0 0;
}

div.accordionParBox p
{
	margin:0 0 0 0;
	padding:7px 14px 7px 7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}

div.accordionParBox li
{
	font-size:11px;
}

div.accordionParBox div
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:right;
}

div.accordionParBox img
{
	margin:0 0 0 0;
	padding:0 10px 10px 0;
}

div.imgHome img {
	margin:0 4px 4px 0;
	padding:0 0 0 0;
}

