<!-- css-->
<style type="text/css">

/* 1. Global declaration */

BODY {
font-family: Helvetica, Arial, Verdana
}

TD, p {FONT-SIZE: 12px; LINE-HEIGHT: 13	px; FONT-FAMILY: Helvetica, Arial; color: #606060;}

.footer {
	font-size: 10px;
	color: #FFFFFF;
	line-height: 12px;
}



/* 2. Links declaration */
/* Directory links at the Masthead (WHITE) */
A.stdf1:link {text-decoration: none; color: #ffffff; font-family: Helvetica, Arial, Verdana; font-size: 13px; }
A.stdf1:active {text-decoration: none; color: #ffffff; font-family: Helvetica, Arial, Verdana; font-size: 13px;}
A.stdf1:visited {text-decoration: none; color: #ffffff; font-family: Helvetica, Arial, Verdana; font-size: 13px;}
A.stdf1:hover {text-decoration: none; border-bottom:1px dotted #333; color: #d1d1d1; font-family: Helvetica, Arial, Verdana; font-size: 13px;}


/* Directory links at the Secondary Masthead (WHITE with SMALLER SIZE) */
A.stdf2:link {text-decoration: none; color: #ffffff; font-family: Helvetica, Arial, Verdana; font-size: 11px; }
A.stdf2:active {text-decoration: none; color: #ffffff; font-family: Helvetica, Arial, Verdana; font-size: 11px;}
A.stdf2:visited {text-decoration: none; color: #ffffff; font-family: Helvetica, Arial, Verdana; font-size: 11px;}
A.stdf2:hover {text-decoration: none; border-bottom:1px dotted #333; color: #d1d1d1; font-family: Helvetica, Arial, Verdana; font-size: 11px;}


/* Links General (PETRONAS GREEN) */
A.stdf1a:link {text-decoration: none; color: #5ba889; font-family: Helvetica, Arial, Verdana; font-size: 11px; }
A.stdf1a:active {text-decoration: none; color: #333333; font-family: Helvetica, Arial, Verdana; font-size: 11px;}
A.stdf1a:visited {text-decoration: none; color: #5ba889; font-family: Helvetica, Arial, Verdana; font-size: 11px;}
A.stdf1a:hover {text-decoration: none; border-bottom:1px dotted #333; color: #000000; font-family: Helvetica, Arial, Verdana; font-size: 11px;}

/* Links at Body Copy (DARK GREY) */
A.stdf1b:link {text-decoration: none; color: #535353; font-family: Helvetica, Arial, Verdana; font-size: 11px; }
A.stdf1b:active {text-decoration: none; color: #535353; font-family: Helvetica, Arial, Verdana; font-size: 11px;}
A.stdf1b:visited {text-decoration: none; color: #535353; font-family: Helvetica, Arial, Verdana; font-size: 11px;}
A.stdf1b:hover {text-decoration: none; border-bottom:1px dotted #333; color: #000000; font-family: Helvetica, Arial, Verdana; font-size: 11px;}



/* Search links & other liks with dark bg */
A.hdmn:link {text-decoration: none; color: #333333; font-family: ms sans serif, geneva; font-size: 12px; border-bottom:1px dotted #333;}
A.hdmn:active {text-decoration: none; color: #333333; font-family: ms sans serif, geneva; font-size: 12px; border-bottom:1px dotted #333;}
A.hdmn:visited {text-decoration: none; color: #333333; font-family: ms sans serif, geneva; font-size: 12px; border-bottom:1px dotted #333;}
A.hdmn:hover {text-decoration: none; color: #000000; font-family: ms sans serif, geneva; font-size: 12px; border-bottom:1px dotted #333;}




/* Header's Detailed Search */
A.hdmn2:link {text-decoration: underline; color: #ffffff; font-family: Arial, ms sans serif, geneva; font-size: 11px; }
A.hdmn2:active {text-decoration: underline; color: #ffffff; font-family: Arial, ms sans serif, geneva; font-size: 11px;}
A.hdmn2:visited {text-decoration: underline; color: #ffffff; font-family: Arial, ms sans serif, geneva; font-size: 11px;}
A.hdmn2:hover {text-decoration: underline; color: #CCCCCC; font-family: Arial, ms sans serif, geneva; font-size: 11px;}

/* Common links on White background */
A.hdmn3:link {text-decoration: none; color: #528413; font-family: ms sans serif, geneva; font-size: 12px; border-bottom:1px dotted #333;}
A.hdmn3:active {text-decoration: none; color: #528413; font-family: ms sans serif, geneva; font-size: 12px; border-bottom:1px dotted #333;}
A.hdmn3:visited {text-decoration: none; color: #3A5F0B; font-family: ms sans serif, geneva; font-size: 12px; border-bottom:1px dotted #333;}
A.hdmn3:hover {text-decoration: none; color: #666666; font-family: ms sans serif, geneva; font-size: 12px; border-bottom:1px dotted #333;}

/* Footer Links*/
A.ftsr:link {text-decoration: underline; color: #ffffff; font-family: ms sans serif, geneva; font-size: 10px; }
A.ftsr:active {text-decoration: underline; color: #fffff; font-family: ms sans serif, geneva; font-size: 10px;}
A.ftsr:visited {text-decoration: underline; color: #ffffff; font-family: ms sans serif, geneva; font-size: 10px;}
A.ftsr:hover {text-decoration: underline; color: #E6E6E6; font-family: ms sans serif, geneva; font-size: 10px;}

/* Forget Password*/
A.small_black:link {text-decoration: underline; color: #000000; font-family: ms sans serif, geneva; font-size: 10px; }
A.small_black:active {text-decoration: underline; color: #000000; font-family: ms sans serif, geneva; font-size: 10px;}
A.small_black:visited {text-decoration: underline; color: #000000; font-family: ms sans serif, geneva; font-size: 10px;}
A.small_black:hover {text-decoration: underline; color: #E6E6E6; font-family: ms sans serif, geneva; font-size: 10px;}


/* 3. Fonts Declaration */
/* Standard TexT Fonts */
.fsize1 {font-family: Helvetica, Arial, Verdana; font-size: 12px; color: #606060;}

/* Fonts for Mini Titles (i.e. Client ID and Password in BPC Client Care) */
.fsize2 {font-family: Helvetica, Arial, Verdana; font-size: 11px; color: #000000;}

/* breadcrumb */
.fsize3 {font-family: Helvetica, Arial, Verdana; font-size: 11px; color: #606060;}

/* content title */
.content_title {font-family: Helvetica, Arial, Verdana; font-size: 20px; font-weight: 500; color: #109a83;}

body.overview1 #nav td.one,
body.overview2 #nav td.two,
body.overview3 #nav td.three,
body.overview4 #nav td.four,
body.overview5 #nav td.five,
body.overview6 #nav td.six,
body.overview7 #nav td.seven,
body.insiders1 #nav td.i1,
body.insiders2 #nav td.i2,
body.insiders3 #nav td.i3,
body.insiders4 #nav td.i4,
body.insiders5 #nav td.i5 {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #EBECED;
	padding: 3px 3px 3px 3px;
	color: #333;
	font-weight: bold;
}

body.products1 #nav td.p1,
body.products2 #nav td.p2,
body.products3 #nav td.p3,
body.products4 #nav td.p4,
body.products5 #nav td.p5,
body.services2 #nav td.s2 {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #EBECED;
	padding: 3px 3px 3px 3px;
	line-height: 12px;
	color: #333;
	font-weight: bold;
}

body.services1 #nav td.s1 {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #EBECED;
	//padding: 3px 3px 3px 3px;
	line-height: 15px;
	color: #333;
	font-weight: bold;
}

body.rc1 #nav td.rc1,
body.rc2 #nav td.rc2,
body.rc3 #nav td.rc3,
body.hse1 #nav td.hse1,
body.hse2 #nav td.hse2,
body.hse3 #nav td.hse3,
body.hse4 #nav td.hse4 {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #EBECED;
	padding: 3px 3px 3px 3px;
	line-height: 12px;
	color: #333;
	font-weight: bold;
}

body.development4 #nav td.d4 {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #EBECED;
	//padding: 3px 12px 3px 3px;
	line-height: 15px;
	color: #333;
	font-weight: bold;
}

body.pd1 #nav td.pd1,
body.pd2 #nav td.pd2,
body.pd3 #nav td.pd3,
body.pd4 #nav td.pd4 {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #EBECED;
	padding: 3px 3px 3px 3px;
	line-height: 12px;
	color: #333;
	font-weight: bold;
}

body.career1 #nav td.career1,
body.career2 #nav td.career2,
body.career3 #nav td.career3 {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #EBECED;
	padding: 3px 3px 3px 3px;
	line-height: 12px;
	color: #333;
	font-weight: bold;
}

/* for contact  table*/

#header ul {
		list-style: none;
		padding: 0;
		margin: 0;
    }
    
	#header li {
		float: left;
		//border: 1px solid #bbb;
		border-bottom-width: 0;
		margin: 0 0.2em 0 0;
    }
    
	#header a {
		text-decoration: none;
		display: block;
		background: #CCCCCC;
		padding: 0.24em 1em;
		color: #333333;
		width: 14em;
		text-align: center;
    }
	
	#header a:hover {
		background: #999999;
		color: #FFFFFF;
	}
	
	#header #selected {
		border-color: #CCCCCC;
	}
	
	#header #selected a {
		position: relative;
		top: 1px;
		background: #666666;
		color: #FFFFFF;
		font-weight: bold;
	}
	
	#content {
		border: 1px solid #EEEEEE;
		clear: both;
		padding: 0 1em;
	}

</style><!-- /css-->
