/* 
 * Common 
 */

/*===>> Reset <<===*/
body, html, form, p, ul, ol, h1, h2, .noPadNoMargin{
	margin: 0;
	padding: 0;
}

.clearFloats {
	clear: both;
	height: 0;
	overflow: hidden;	
}

.bodyReplacement {
	background: #E9EDF6 url(../images/bg_shadow.gif) top right repeat-x;
	font-family: Verdana, Tahoma, Arial;
	font-size: 62.5%; /* makes 1em = 10px */
	padding-top: 42px;
}

#containerHeader {
	width:778px;
	margin-left: 6px;
	_margin-left: -3px;
	overflow: auto;
	background: url(../images/heading_pixel_blue.gif) top left repeat-x;
}

#hdgCareers {
	float: left;
	width: 138px;
	height: 71px;
	position: relative;
	text-align: left;
}

#hdgCareers span {
	background: url(../images/heading_careers_left.jpg) top left no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
}


#hdgCareersRight {
	float: right;
	width: 12px;
	height: 71px;
	background: url(../images/heading_careers_right.jpg) top left no-repeat;
}


#container, #containerFooter {
	font-size: 1.3em;	/* 13px */
	width:794px;
	margin: 0 auto;
	background-color: #fff;
    /*establish a new block formatting context to contain floated blocks so Bgd in FF repeats*/
	display:table;
	background:transparent url("../images/content_bgd.gif") repeat-y;
}

#containerFooter {
	width:796px;
}

h2 {
	font-size: 1.54em;
	font-weight: normal;
	text-align: left;
}

h3 {
	font-size: 0.92em;
	font-weight: bold;
	margin: 0.5em 0;
}

#centreSection {
	padding: 20px;
	float: left;
}

#centreSection #breadcrumbs {
	text-align: left;
	font-size: 0.85em;
	height: 30px;
}

#pageShadow {
	background: url(../images/page_shadow.jpg) top left no-repeat;
	width: 795px;
	height: 48px;
}

#asiaRecruitNavTop {
	background: url(../images/nav_top_curves.jpg) top left no-repeat;
	height: 10px;
	width: 162px;
	font-size: 0px;
}

#asiaRecruitContainer {
	float: left;
	text-align: left;
	height: 268px;
}

#asiaRecruitNav {
	background: #008FD7 url(../images/nav_background.gif) top left no-repeat;
	text-align: left;
	padding-top: 2px;
	margin-right: 8px;
	width: 162px;
}

#asiaRecruitNav ul {
	list-style-type: none;
}

#asiaRecruitNav ul li {
	background: transparent url(../images/nav_separator.gif) repeat-x scroll center bottom;
	padding-bottom:2px;	
}

#asiaRecruitNav ul a {
	width: 144px;
	_width: 160px;
	cursor: pointer;
	color: #FFFFFF;
	display: block;
	font-size: 0.85em;
	line-height: 17px;
	padding: 3px 8px;
	text-align: left;
	text-decoration: none;
}

#asiaRecruitNav ul a:hover, #asiaRecruitNav ul a.currentnoarrow {
	background: transparent url(../images/nav_rollover.gif) no-repeat scroll 0 0;
}

#asiaRecruitNav ul a.current, #asiaRecruitNav ul a:hover.current {
	background: transparent url(../images/small_arrow_down.gif) no-repeat scroll 0 0;
}
#asiaRecruitNav ul a.arrow {
	background: transparent url(../images/small_arrow_single.gif) no-repeat scroll right 9px;
}
#asiaRecruitNav ul a:hover.arrow {
	background: transparent url(../images/small_arrow_right.gif) no-repeat scroll 0 0;
}

#asiaRecruitNav ul ul a {
	color: black;
	background: #30A8E5;
	width: 144px;
	_width: 160px;
}
#asiaRecruitNav ul ul li {
	background: #30A8E5;
}

#asiaRecruitNav ul ul a.currentnoarrow, #asiaRecruitNav ul ul a:hover {
	background:#44BBF8 none repeat scroll 0 0;
}

#asiaRecruitNavBottom {
	background: url(../images/nav_bottom_curves.jpg) top left no-repeat;
	width: 162px;
	height: 9px;
}


#searchJob {
	width: 128px;
	height: 29px;
	position: relative;
	margin: 20px 0 0 16px;
	_margin: 16px 0 0 16px;
}

#searchJob span {
	background: url(../images/search.gif) top left no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
	cursor: pointer;    
}

#searchJob a:hover span {
	background-position: 0 -29px;
}

#contentArea {
	float: left;
	width: 391px;
	text-align: left;
	margin-right: 8px;
}

#contentArea h2 {
	padding-bottom: 1em;
}

#contentArea p {
	padding-bottom: 1em;
}

#fastfacts { 
	background: #ffffff url("../images/Fast_facts_gradient_backgro.gif") top left repeat-x;
	width: 176px;
	height:300px; 
	margin-left: 4px;
}	

#fastfacts h3 {
	font-size: 10pt;
	padding-top: 10px;
	margin-left: 18px;
	text-align: left;
}
#fastfacts p {
	text-align: left;
	margin: 18px;
}

#rightPanel {
	float: left;
	padding-top: 40px;
	width: 185px;
	text-align: left;
}

/*
 * Common
 */
 
.pinnedPhoto {
	position: relative;
	width: 188px;
	height: 187px;
	margin-left:-8px;
}
.pinnedPhoto span {
	position: absolute;
	width: 100%;
	height: 100%;
}

/*
 * Home page
 */
 
.home #leftSection {
	height: 500px;
	_height: 516px;
}

.home #rightSection {
	height: 500px;
	_height: 516px;
}



/*
 * Home page - Polaroid photo section
 */

#polaroids {
	float: left;
	width: 381px;
	_width: 383px
	text-align: left;
	padding: 0;
	margin: 0;
	font-size:0px;
}

#polaroids li {
	text-align: left;
}

#polaroids #polaroidRow1 {
	width: 322px;
	_width: 264px;
}

#polaroids #polaroidRow1 ul {
	list-style-type: none;
}

/* Note - rollovers are styled in this way to prevent IE6 flicker, see http://wellstyled.com/css-nopreload-rollovers.html */

#polaroids #picGap {
	float: left;
	width: 62px;
	_width: 4px;
	height: 148px;
}

#polaroids #picWelcome {
	background: url(../images/polaroids_top_left.jpg) 0 -148px no-repeat;
	float: left;
	width: 128px;
	height: 148px;
}
#polaroids #picWelcome a {
	background: url(../images/polaroids_top_left.jpg) top left no-repeat;
	width: 128px;
	height: 148px;
    position: absolute;
	text-indent: -9999px;
}
#polaroids #picWelcome a:hover {
	background: transparent;
}


#polaroids #picGrowth {
	background: url(../images/polaroids_top_right.jpg) 0 -148px no-repeat;
	float: right;
	width: 132px;
	height: 148px;
}
#polaroids #picGrowth a {
	background: url(../images/polaroids_top_right.jpg) top left no-repeat;
	width: 132px;
	height: 148px;
    position: absolute;
	text-indent: -9999px;
}
#polaroids #picGrowth a:hover {
	background: transparent;
}


#polaroids #picLocations {
	background: url(../images/polaroids_bottom_left.jpg) 0 -176px no-repeat;
	float: left;
	width: 131px;
	height: 176px;
}
#polaroids #picLocations a {
	background: url(../images/polaroids_bottom_left.jpg) top left no-repeat;
	width: 131px;
	height: 176px;
    position: absolute;
	text-indent: -9999px;
}
#polaroids #picLocations a:hover {
	background: transparent;
}


#polaroids #picRoles {
	background: url(../images/polaroids_bottom_centre.jpg) 0 -176px no-repeat;
	float: left;
	width: 119px;
	height: 176px;
}
#polaroids #picRoles a {
	background: url(../images/polaroids_bottom_centre.jpg) top left no-repeat;
	width: 119px;
	height: 176px;
    position: absolute;
	text-indent: -9999px;
}
#polaroids #picRoles a:hover {
	background: transparent;
}


#polaroids #picPeople {
	background: url(../images/polaroids_bottom_right.jpg) 0 -176px no-repeat;
	float: right;
	width: 131px;
	height: 176px;
}
#polaroids #picPeople a {
	background: url(../images/polaroids_bottom_right.jpg) top left no-repeat;
	width: 131px;
	height: 176px;
    position: absolute;
	text-indent: -9999px;
}
#polaroids #picPeople a:hover {
	background: transparent;
}

#polaroids #polaroidRow2 {

}

#polaroids #polaroidRow2 ul {
	list-style-type: none;
}


/* 
 * Welcome page 
 */
 
.welcome #leftSection, .welcome #rightSection {
	height: 750px;
}

#picAlexThursby span {
	background: url(../images/image_03.jpg) top left no-repeat;
}


ul.arrowlist6 {
	padding-left: 16px;
}

ul.normalBullet {
	padding-left: 20px;
}

ol.normalBullet {
	padding-left: 40px;
}

ul.normalBullet li, ol.normalBullet li {
	padding-bottom: 1em;
}

#textVersion {
	padding-top: 1em;
	text-align: right;
}

#videoPlaceholder {
	position: relative;
	width: 380px;
	height: 259px;
}

#videoPlaceholder span {
	background: url(../images/anz_media_player.gif) top left no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}


/* 
 * Plans for Asia Growth page 
 */

#picPhoto08 span {
	background: url(../images/image_08.jpg) top left no-repeat;
}


/* 
 * Expanding Locations - Home page
 */
#picRegion {
	position: relative;
	width: 379px;
	height: 255px;
	margin-top: 16px;	
}

#picRegion span {
	background: url(../images/map_1_region.gif) top left no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

/* 
 * Expanding Locations - Hong Kong page
 */
#picHongKong {
	position: relative;
	width: 379px;
	height: 277px;
	margin-top: 16px;	
}

#picHongKong span {
	background: url(../images/map_2_hong_kong.gif) top left no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

/* 
 * Expanding Locations - Vietnam page
 */
#picVietnam {
	position: relative;
	width: 378px;
	height: 255px;
	margin-top: 16px;	
}

#picVietnam span {
	background: url(../images/map_3_vietnam.gif) top left no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

/* 
 * Expanding Locations - Singapore page
 */
#picSingapore {
	position: relative;
	width: 379px;
	height: 255px;
	margin-top: 16px;	
}

#picSingapore span {
	background: url(../images/map_4_singapore.gif) top left no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}


/* 
 * Expanding Locations - Indonesia page
 */
#picIndonesia {
	position: relative;
	width: 379px;
	height: 270px;
	margin-top: 16px;
}

#picIndonesia span {
	background: url(../images/map_5_indonesia.gif) top left no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}


/* 
 * Expanding Locations - Our Network in Asia page
 */
#picOurNetwork {
	position: relative;
	width: 379px;
	height: 267px;
	margin-top: 16px;
}

#picOurNetwork span {
	background: url(../images/map_6_our_network_in_asia.gif) top left no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

/* 
 * Types of roles - default page
 */

#picPhoto55 span {
	background: url(../images/image_55.jpg) top left no-repeat;
}

#btnRetail {
	position: relative;
	width: 90px;
	height: 16px;
	margin-bottom: 8px;
}

#btnRetail a span {
	background: url(../images/button_retail.gif) no-repeat top left;
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;	
}

#btnRetail a:hover span {
	background-position:0px -16px;
}

#btnWealth {
	position: relative;
	width: 90px;
	height: 16px;
	margin-bottom: 8px;
}

#btnWealth a span {
	background: url(../images/button_wealth.gif) no-repeat top left;
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
}


#btnWealth a:hover span {
	background-position:0px -16px;
}

#btnInstitutional {
	position: relative;
	width: 90px;
	height: 16px;
	margin-bottom: 8px;
}

#btnInstitutional a span {
	background: url(../images/button_institutional.gif) no-repeat top left;
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;	
}

#btnInstitutional a:hover span {
	background-position:0px -16px;
}

#btnBusinessEnablement {
	position: relative;
	width: 148px;
	height: 16px;
	margin-bottom: 8px;
}

#btnBusinessEnablement a span {
	background: url(../images/button_business_enablement.gif) no-repeat top left;
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;	
}

#btnBusinessEnablement a:hover span {
	background-position:0px -16px;
}


/* 
 * Our People - default page
 */

#picPhoto06 span {
	background: url(../images/image_06.jpg) top left no-repeat;
}

/* 
 * Our People - Mark Whelan
 */
.subheading-quote {
	color:#0066CC;
	font-size:10pt;
}
 
#picPhoto07 span {
	background: url(../images/image_07.jpg) top left no-repeat;
}


/* 
 * Our People - Sean West
 */
#picPhoto05 span {
	background: url(../images/image_05.jpg) top left no-repeat;
}

/* 
 * Our People - Thuy Thanh Vu
 */
.nameBlock {
	display: block;
	float: left;
	width: 80px;
	font-weight: bold;
}
 
#picPhoto12 span {
	background: url(../images/image_12.jpg) top left no-repeat;
}

/* 
 * Our People - Pang Siew Huey
 */
#picPhoto14 span {
	background: url(../images/image_14.jpg) top left no-repeat;
}