/*==GLOBAL==*/

* {
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
}

body {
	font: 62.5%/1.5 Arial, Helvatica, sans-serif;
	color:#000000;
}

h1, h2, h3 {
	font-family:"Times New Roman", Times, serif;	
	font-weight: normal;
	color: #000000;	
}

h1 {
	line-height: 1.2em;
	font-size: 3.0em;
	margin:5px 0;
}

h2 {
	text-transform: capitalize;
	font-size: 2.0em;
	margin:5px 0;
}

h3 {
	font-size: 1.6em;
}

p,h4 {
	font-size: 1.2em;
}
h4 {
margin:1.1em 0;
}

ul, li, span {
	font-size: 1.1em;
}

p, h3 {
	margin-bottom: 0.9em;
}


ul {
	list-style: none;
}

a:link, a:visited {
	text-decoration: none;
	color:#00527c;
}

a:hover {
	text-decoration: underline;
}

img {
	padding: 0;
	border: 0;	
}
table {
	font-size:1.2em;
}

th {
text-align:left;
}

table td {
	padding:3px 0;
}

.clear {
clear:both;
}

.left {
float:left;
}

.right {
float:right!important;
}

.bold {
font-weight:bold;
}

.header_width {
/*margin-right: 320px;*/
width:510px;
}
/******************/
.btm_div h2 {
color:#FFFFFF;
}

.button_grey{
}
.button_grey .button_left {
background:url(../../../im/front_end_im/button_grey_left.png) no-repeat;
width:15px;
height:48px;
float:left;
}
.button_grey .button_cn{
background:url(../../../im/front_end_im/button_grey_cn.png) repeat-x;
height:31px;
float:left;
font-size:11px;
font-weight:bold;
padding:17px 8px 0 8px;

}
.button_grey .button_right{
background:url(../../../im/front_end_im/button_grey_right.png) no-repeat;
width:15px;
height:48px;
float:left;
}

.button_grey_large {
background:url(../../../im/front_end_im/button_grey_large.jpg) no-repeat;
width:195px;
height:80px;
float:left;
margin:0 0 0 20px;
text-align:center;
padding:10px 0 0 0;
}

.button_blue {
background:url(../../../im/front_end_im/button_blue_bg.jpg) no-repeat;
width:112px;
height:30px;
float:left;
text-align:center;
color:#FFFFFF;
padding-top:5px;
border:none;
margin: 0 10px 0 0;
}

.button_blue_short {
background:url(../../../im/front_end_im/button_short_blue_bg.jpg) no-repeat;
width:72px;
height:30px;
float:left;
text-align:center;
color:#FFFFFF;
padding-top:5px;
border:none;
margin: 0 10px 0 0;
}


.button_green {
background:url(../../../im/front_end_im/button_green_bg.gif) no-repeat;
width:112px;
height:30px;
float:left;
text-align:center;
color:#FFFFFF;
padding-top:5px;
border:none;
margin: 0 10px 0 0;
}

.button_red {
background:url(../../../im/front_end_im/button_red_bg.gif) no-repeat;
width:112px;
height:30px;
float:left;
text-align:center;
color:#FFFFFF;
padding-top:5px;
border:none;
margin: 0 10px 0 0;
}

button.button_blue{
padding-top:0px;
}
.button_grey_large a{
color:#FFFFFF;
_color:#FFFFFF!important;
font-size:18px;
font-weight:bold;
}
.button_blue_short a,
.button_grey .button_cn a,
.button_green a,
.button_red a,
.button_blue a {
color:#FFFFFF;
_color:#FFFFFF!important;
font-size:11px;
font-weight:bold;
}

.button_blue a:hover,
.button_blue_short a:hover {
text-decoration:none;
color:#91b7cb;
}
.button_green a:hover{
text-decoration:none;
color:#b1c793;
}
.button_red a:hover{
text-decoration:none;
color:#ca8e8e;
}
.button_grey_large a:hover,
.button_grey a:hover{
text-decoration:none;
color:#989898;
}

#nav {
text-indent: -9999px;	
padding: 0; 
margin: 0 0 0 210px;
}

#nav li a {
	display: block;
}

#nav li {
	float: left;
}

#nav li a {
	height: 32px;
}

li#tn_home a {
background:url(../../../im/front_end_im/navigation_top.jpg) 0 -32px no-repeat;
width:59px;
}
li#tn_kid a {
background:url(../../../im/front_end_im/navigation_top.jpg) -59px -32px no-repeat;
width:169px;
}
li#tn_bld a {
background:url(../../../im/front_end_im/navigation_top.jpg) -228px -32px no-repeat;
width:187px;
}
li#tn_glossary a {
background:url(../../../im/front_end_im/navigation_top.jpg) -415px -32px no-repeat;
width:79px;
}
li#tn_apec_psu a {
background:url(../../../im/front_end_im/navigation_top.jpg) -494px -32px no-repeat;
width:171px;
}
li#tn_contact_us a {
background:url(../../../im/front_end_im/navigation_top.jpg) -665px -32px no-repeat;
width:82px;
}


body#home li#tn_home a, li#tn_home a:hover {
background:url(../../../im/front_end_im/navigation_top.jpg) 0 0px no-repeat;
width:59px;
}
body#kid li#tn_kid a, li#tn_kid a:hover{
background:url(../../../im/front_end_im/navigation_top.jpg) -59px 0px no-repeat;
width:169px;
}
body#bld li#tn_bld a, li#tn_bld a:hover {
background:url(../../../im/front_end_im/navigation_top.jpg) -228px 0px no-repeat;
width:187px;
}
body#glossary li#tn_glossary a, li#tn_glossary a:hover {
background:url(../../../im/front_end_im/navigation_top.jpg) -415px 0px no-repeat;
width:79px;
}
body#apec_psu li#tn_apec_psu a, li#tn_apec_psu a:hover {
background:url(../../../im/front_end_im/navigation_top.jpg) -494px 0px no-repeat;
width:171px;
}
body#contact_us li#tn_contact_us a, li#tn_contact_us a:hover {
background:url(../../../im/front_end_im/navigation_top.jpg) -665px 0px no-repeat;
width:82px;
}

/****************************/
.breadcrumb {
font-size:1.2em;
margin:13px 0;
}
.breadcrumb span {
font-size:12px;
margin: 0 3px 0 3px;
}

.progress_area {
padding:7px 0;
}
h3.unselect {
color:#b2b2b2;
}
.progress_area h3{
float:left;
font-family:"Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
_float:left!important;
}
.progress_area img {
margin:10px 20px;
float:left;
_float:left!important;
}

.button_progress_cn {
background:url(../../../im/front_end_im/progress_cn.gif) repeat-x;
height:24px;
float:left;
padding:6px;
font-weight:bold;
}

.button_progress_cn a{
font-size:11px;
color:#FFFFFF;
_color:#FFFFFF!important;
}
.button_progress_cn a:hover {
text-decoration:none;
color:#91b7cb;
}

.button_progress_next,
.button_progress_prev  {
float:right;
margin-right:6px;
}
.button_progress_next .b_right {
background:url(../../../im/front_end_im/progress_next_right.gif) no-repeat;
height:30px;
width:15px;
float:left;
}
.button_progress_next .b_left {
background:url(../../../im/front_end_im/progress_next_left.gif) no-repeat;
height:30px;
width:5px;
float:left;
}
.button_progress_prev .b_right {
background:url(../../../im/front_end_im/progress_prev_right.gif) no-repeat;
height:30px;
width:5px;
float:left;
}
.button_progress_prev .b_left {
background:url(../../../im/front_end_im/progress_prev_left.gif) no-repeat;
height:30px;
width:15px;
float:left;
}

.divider_dot {
border-bottom:1px dotted #bfbfbf;
}

.contact_input {
border:1px solid #bebebe;
width:500px;
padding:5px 0;
}

/********************/
.step_box {
float:left;
}
.step_box_top {
background:#FFF url(../../../im/front_end_im/step_box_top.gif) no-repeat;
width:413px;
height:10px;
}
.step_box_cn {
background:#FFF url(../../../im/front_end_im/step_box_cn.gif) repeat-y;
width:400px;
padding: 0 7px 0 6px;
_margin-top:-5px;
}
.step_box_btm {
background:#FFF url(../../../im/front_end_im/step_box_btm.gif) no-repeat;
width:413px;
height:10px;
}
.step_content {
height:240px;
overflow:auto;
}
.step_content table {
margin-bottom:6px;
}
.step_content table td {
padding:0;
margin:0;
}

.step_arrow {
background:url(../../../im/front_end_im/step_arrow_right.gif);
width:35px;
height:70px;
float:left;
margin: 50px 35px 0 35px;
_margin: 50px 15px 0 15px;
cursor:pointer;
}
.step_arrow_back {
background:url(../../../im/front_end_im/step_arrow_left.gif);
width:35px;
height:70px;
float:left;
margin: 50px 35px 0 35px;
_margin: 50px 15px 0 15px;
cursor:pointer;
}
/***terms and condition****/
.term_n_con {
height:350px; 
overflow:auto; 
padding:10px; 
background-color:#E1EAF1; 
margin:0 0 20px 0;
}
/***list view***/
.icon_expanded {
margin:5px 5px 0 0;
float:right;
background:url(../../../im/front_end_im/btn_minimise.gif);
height:10px;
width:10px;
display:block;
cursor:pointer;
}
.icon_closed {
margin:5px 5px 0 0;
float:right;
background:url(../../../im/front_end_im/btn_maximise.gif);
height:10px;
width:10px;
}

/*step changes*/
h3 .step_description {
font-family:"Times New Roman", Times, serif;
font-size:16px;
font-weight:normal;
color:#000;
margin:-5px 0 0 0;
}
.unselect .step_description{
color:#B2B2B2;
}

/**step 2 indicator title**/
.inc_title {
font-size:13px;
vertical-align:bottom;
}
.inc_title div {
margin:10px 0 0px 0;
line-height:120%;
}

/*for all indicator collapsible area*/
.indicator_category_list span{
font-size:12px;
}
.indicator_category_list{
margin-bottom:5px;
cursor:pointer;
clear:both;
}
.indicator_category_list .detail {
display:none;
margin:0px 0 10px 5px;
cursor:text;
}

table.glossary td{
padding:0 2px 2px 0px;
vertical-align:top;
}
.expand_icon{
width:11px;
height:11px;
background:url(../../../im/front_end_im/expand_icon_1.gif) no-repeat;
display:block;
float:left;
margin:5px 0 0 5px;
}
.expand_icon2 {
width:11px;
height:11px;
background:url(../../../im/front_end_im/expand_icon_2.gif) no-repeat;
}