/* hide sections */
#skip, #header a, #pagetools, #nav, #secnav, #footer li  { display: none; }

/* clearfixin */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/* base style */
body { font-family: arial, verdana, sans-serif; font-size: 62.5%; }
#container { width: 700px; }
h1, h2, h3, h4, p { margin: 0 0 10px 0; padding: 0; }
ul { margin: 0 0 10px 0; padding: 0 0 0 15px; }
ul li { margin: 0 0 5px 0; padding: 0; }
ol { list-style: decimal; margin-left: 30px; margin-bottom: 10px; }
ol li { padding-left: 1px; margin-bottom: 12px; line-height: 1.5em; }
h1 { font-size: 2.0em; font-weight: bold; color: #990233; }
h2 { font-size: 1.8em; font-weight: bold; color: #990033; }
h3 { font-size: 1.6em; font-weight: bold; }
h4, .faux4 { font-size: 1.3em; font-weight: bold; }
h5, .faux5, .faux5a { font-size: 1.3em; font-weight: normal; }
p, ul, td { font-size: 1.2em; }
ol, th { font-size: 1.1em; }
a { color: #990033; }
sup { line-height: 0.9em; }
p.intro { font-size: 1.6em; }
p.footnote, p.footnote2 { font-size: 1em; }
span.footnote { font-size: 0.9em; }
p.nomargin, p.bullet_head, #content p.list_intro, #content .tight_list li { margin: 0; }

.faux5a, .red, .faux_red, .highlight { color: #990033; }

/* we are the kcom group page */
.kcom_group { border-bottom: 1px solid #990033; padding: 8px 0; }
.kcom_group .col1, .kcom_group .col2 { width: 240px; padding-right: 40px; float: left; }
.kcom_group .col3 { width: 150px; float: right; }
#content .kcom_group .col3 p { text-align: right; margin-bottom: 25px; }
#content .kcom_group .col3 p span { font-size: 1.4em; color: #990033; display: block; padding: 4px 0; text-align: right; }
#content .kcom_group .col3 p span strong { font-size: 2em; }
#content .kcom_group .col1 p, #content .kcom_group .col2 p { width: auto; }
#content .kcom_group .col3 p { width: 150px; }
#content .kcom_group p.intro { width: 600px; }
#content p sub, #right_panel p sub { position: relative; top: 2px; }

/* chairman's message page */
.subcol1 { width: 280px; float: left; margin-right: 35px; display: inline; }
#chairman_message #content { padding-right: 0; }
#content .subcol1 p { width: 280px; }
#content .subcol2 p { width: 270px; }
.subcol2 { width: 270px; float: left; border-right: 1px solid #990033; padding-right: 20px; }
.subcol2 img { margin-bottom: 15px; }
.highlights_col { width: 145px; float: right; margin-right: -6px; }
.highlights_col h5 { text-align: right; margin-bottom: 15px; padding-right: 30px; }
#content .highlights_col p { width: 115px; color: #666; font-weight: bold; font-size: 1em; border-bottom: 1px solid #990033; text-align: right; padding-right: 30px; padding-bottom: 12px; }
#content .highlights_col p.noborder { border-bottom: none; }
#content .highlights_col span.noborder_note { border-bottom: none; color: #666; text-align: left; font-weight: normal; padding-right: 0; }
#content .highlights_col p span { font-size: 2em; color: #990033; }

/* directors report section */
#fin_review_nav { width: 100%; margin-bottom: 20px; }
#content ul.finreview { float: left; }
#content ul.fr1 { width: 29%; }
#content ul.fr2 { width: 30%; }
#content ul.fr3 { width: 40%; }
#content ul.finreview li { font-size: 1em; margin-bottom: 8px; background: transparent; padding-left: 0; line-height: 1.2em; }
#content ul.finreview li a { padding: 2px 2px 2px 1px; }
#content ul.finreview li a:hover { color: #fff; text-decoration: none; }

/* board committees */
.committee_overview { width: 360px; margin-top: 12px; }
.committee_overview p.footnote { padding-top: 5px; }
.committee_overview img { float: left; }
.committee_head { width: 200px; background: #990033; color: #fff; min-height: 38px; float: right; }
#content .committee_head p { line-height: 1.3em; margin: 4px 0 0 8px; width: 170px; }
#content .committee_head p span.footnote { font-size: 1em; }
.committee_list { width: 200px; float: right; min-height: 75px; }
#content .committee_list p { font-size: 1em; line-height: 1.4em; width: 160px; margin: 5px 0 0 8px; }

/* board of directors */
#board_of_directors #content { padding-right: 0; }
.board_member { width: 225px; float: left; margin-right: 25px; margin-bottom: 25px; display: inline; }
.board_member_bio { width: 225px; min-height: 180px; margin-top: -3px; padding-bottom: 8px; }
#content .board_member_bio h4 { color: #fff; font-weight: bold; width: 185px; padding-left: 10px; padding-top: 10px; }
#content .board_member_bio p { width: 195px; font-size: 1em; line-height: 1.3em; color: #fff; padding-left: 10px; }

/* business review */
.leftcol { width: 364px; float: left; }
#content .leftcol p, #content .leftcol ul { width: 360px; }
.rightcol { width: 320px; float: right; padding: 15px; }
#content .rightcol p, #content .rightcol ul { width: 320px; margin-bottom: 20px; font-size: 1.1em; }
#content .rightcol ul.highlights { margin-bottom: 10px; }
#content .rightcol ul.highlights li { float: left; width: 315px; border-bottom: 1px solid #990033; padding-bottom: 5px; }
#content .rightcol ul.highlights li.last { border-bottom: 2px solid #990033; }
#content .rightcol ul.highlights li span.left { width: 180px; float: left; }
#content .rightcol ul.highlights li span.right { float: right; width: 130px; padding-top: 4px; text-align: right; color: #990033; }
#content .rightcol ul.highlights li span strong { font-size: 2em; display: inline; }

/* Remuneration Section */
#tsr { width:100%; }
#content ul.tsr_list { float:left; }
#content ul.tsr_leftlist { width:48%; }
#content ul.tsr_rightlist { width:48%; }
#content ul.tsr_list li { width:48%; }

/*TABLES*/
table { width: 100%; border-collapse:collapse; margin-bottom: 1em; }
table.narrow { width: 50%; }
table.nomargin { margin-bottom: 0.2em; }
table.noborder th, table.noborder td { border: none; }
th.vertical_align_top, td.vertical_align_top { vertical-align:top; }
th, td { padding: 1px 3px; text-align: right; vertical-align: bottom; font-weight: normal; color: #000; }
th { line-height: 12px; font-size: 1em; }
td { font-size: 1.2em; color: #000; }
th.strong, td.strong { font-weight: bold; }
th.no_sep, td.no_sep { border-bottom: none; }
th.larger { font-size: 12px; }
td.highlight { color: #4E2582; }
td.highlight_name { color: #4E2582; font-weight: bold; }
th.currentyear, td.current_year { font-weight: bold; }
td.title, th.title { text-align:center; }
td.first, th.first { text-align: left; }
td.indent, th.indent { padding-left: 20px; }
thead th, tr.separator td, tr.separator th, td.separator, th.separator, thead th, tr.divider_bb td, tr.divider_bb th, td.divider_bb, th.divider_bb {border-bottom: 1px solid #990033; }
tr.thicksep td, tr.thicksep th, td.thicksep, th.thicksep { border-bottom: 2px solid #990033; }
tr.separatorBoth td, tr.separatorBoth th, td.separatorBoth, th.separatorBoth { border-top: 1px solid #990033; border-bottom: 1px solid #990033; }
tr.topline td, tr.topline th, td.topline, th.topline { border-top: 1px solid #ccc; }
tr.bottomline td, tr.bottomline th, td.bottomline, th.bottomline { border-bottom: 1px solid #ccc; }
tr.topline_red td, tr.topline_red th, td.topline_red, th.topline_red, tr.divider_bb_top th, tr th.divider_bb_top, tr.divider_bb_top td, tr td.divider_bb_top {border-top: 1px solid #990033; }
td.leftline, th.leftline { border-left: 1px solid #ccc; padding-left: 3px; }
td.rightline, th.rightline { border-right: 1px solid #ccc; }
td.leftsep, th.leftsep { border-left: 3px solid #fff; }
tr.topborderline td{ border-top:1px solid #000; }
td.midborderline_left { border-left:1px solid #000; }
td.midborderline_right { border-right:1px solid #000; }
tr.bottomborderline td { border-bottom:1px solid #000; }

/* KPI table */
.kpis th { color: #990033; font-size: 1.3em; text-align: left; border-bottom: none; padding: 5px; }
.kpis td { text-align: left; padding: 0 5px; }
.kpis td.first, .kpis th.first { border-right: 10px solid #EBEFF7; }
.kpis td.last, .kpis th.last { border-left: 10px solid #EBEFF7; }
.kpis th.highlight { text-align: right; }
.kpis td.highlight { color: #000000; text-align: right; }
.kpis td.highlight_red { color: #990033; }
.kpis td.bullet, .kpis td.text { color: #666666; }

/* Notes */
#content ul.statementleft,
#content ul.statementright { width: 30em; float: left; }
#content ul.statementleft li, #content ul.statementright li{ background:none; padding: 0; margin: 0 0 7px 0; }
#content ul.notes li { background:none; }

.highlight_box { float: left; width: 48%; padding: 10px 1% 0 1%; border-top: 1px solid #990033; }
.highlight_box.last { margin-bottom: 20px; }
.highlight_box strong{ color: #000; }
.highlight_box img{ float: left; }
.highlight_box .figure{ float: right; }
#content .highlight_box p.small_figure { float:left; line-height:2.2em; margin-left:15px; margin-top:0; width:auto; margin-bottom: 0; }
#content .highlight_box .figure p{ color: #990033; font-size: 3em; font-weight: bold; margin-top: 20px; margin-bottom: 0; width: auto; }
.glance_layout #content { float: left; width: 50%; margin-right: 4%; }
.glance_layout #right_panel { float: right; width: 45%; }
.glance_layout #right_panel .panel, .glance_box { border-top: 1px solid #990033; }
#right_panel .panel { margin-top: 10px; }
#right_panel .panel.last { border-bottom:  1px solid #990033; }
#right_panel .figures p { padding: 5px 0; font-weight: bold; font-size: 1.1em; color: #000; width: 50%; float: left; line-height:1.6em; }
#right_panel .figures p span{ color: #990033; font-size: 1.2em; }
#right_panel .figures p span strong{ line-height: 0.8em; font-size: 2.8em; }
.sepline {border-top: 1px solid #990033;margin-bottom:30px; }
.board_sepline {margin-right: 15px; }
#right_panel .data{ width: 215px; padding: 10px; margin-top: 75px; }
#right_panel .data p{ font-size: 1.1em; }
#right_panel .data p.small_figure{ float:left; line-height:2.3em; margin-bottom:0; margin-left:30px; margin-top:9px; width:auto; }
#right_panel .data_field { padding-bottom: 20px; border-bottom: 1px solid #990033; margin-bottom: 20px; }
#right_panel .data_field p { width: 60%; float: left; vertical-align: bottom; }
#right_panel .data_field p.figure { color: #990033; font-size: 1.2em; width: 40%; padding-top: 20px; }
#right_panel .data p.figure span{ font-size: 2.5em; line-height: 1em; }
#right_panel .data img{ margin: 10px 0; border-bottom: 1px solid #990033; padding-bottom: 20px; }
#right_panel .bullet_list { border-bottom: 1px solid #990033; margin-bottom: 20px; padding-bottom: 10px; }
#right_panel .highlight_box { padding: 10px 0; }
#right_panel .highlight_box.last { border-bottom: 1px solid #990033; }
#right_panel .highlight_box img{ border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
#right_panel .highlight_box .figure p{ color: #999999; font-size: 1.6em; text-align: right; padding-top: 30px; }
#right_panel .highlight_box .figure p span{ color: #990033; font-size: 1.6em; }
.board_box { width: 206px; height: 148px; float: left; margin-right: 15px; }
.board_box.adjust { height: 133px; margin-bottom: 15px; }
.board_box.indent1 { margin-left: 221px; }
.board_box.indent2 { margin-left: 442px; }
.board_box.last { margin-right: 0; }
#content .board_box h3{ margin: 0 5px 0 5px; font-size:2em; }
#content .board_box h4, #content .board_box h5 { margin: 0 5px 0 5px; font-size: 1em; line-height: 1.2em; font-weight: bold; }
#content .board_box h4{ color: #990033; }
#content .board_box h5 { color: #000000; }
#content .board_box p { margin: 0 5px 0 5px; font-size: 1em; line-height: 1.2em; }
#notes_nav { margin-bottom: 20px; }
#notes_nav ul { width:684px; clear: both; padding-bottom: 15px; }
#notes_nav ul li { margin: 0 3px 2px 0; padding: 0; width: 16px; height: 19px; float: left; }
#notes_nav ul li.last { margin-right: 0; }
#notes_nav ul li a{ color: #FFFFFF; text-decoration: none; padding: 2px; display: block; width: 12px; height: 15px; }
.btmMargin { margin-bottom:30px !important; }
.promo_box { width: 252px; height: 180px; margin-bottom: 14px; position: relative; }
#content .promo_box p{ position: absolute; top: 90px; left: 11px; font-size: 1.3em; font-weight: bold; }
#content .promo_box p a{ display: block; font-size: 0.9em; font-weight: normal; margin-top: 10px; color: #444; text-decoration: none; }
#content .promo_box p a:hover{ text-decoration: underline; }
#content .right_col .promo h3{ margin: 0 0 10px 0; }
#content .right_col .promo { padding-bottom: 9px; position: relative; }
#content .right_col .promo .figure p { margin-bottom: 10px; }
#content .right_col .promo .figure p.last { margin-bottom: 0; }
#content .right_col .promo .figure p span{ font-size: 2.8em; line-height: 0.9em; }
#content .right_col .promo p.link { color:#FFFFFF; left:148px; line-height:1em; margin:0; position:absolute; top:189px; }
#content .right_col .promo p.link a {color: #FFFFFF; text-decoration: none; }
#content .right_col .promo p.link a:hover {text-decoration: underline; }

* html h4.toggle img {left:-63px;position:absolute;}
body #content .toggle_content {display:block !important;}
body #content div.case_studies_panel {display:block !important;}

/* footnote */
dl.footnote { width:100%; margin: 0; padding: 0; }
dl.footnote dt { float: left; width: 2%; margin: 0; }
dl.footnote dd { float: left; width: 97%; margin: 0; }
dl.footnote sup {font-size:0.9em; }
#content p.footnote {font-size:1.1em; line-height: 1.2em; }

/* footer */
#footer ul { clear: both; margin: 5px 0 0 0; list-style: none; }
#footer li.first { display: block; border-top: 1px solid #ccc; padding: 5px 0 0 0; }
#footer a { color: #000; text-decoration: none; }