/* TABLE OF CONTENT

1 Headers
2 Text elements
3 Colours
4 Lists
5 Form elements
6 Positioning
7 Tables
 */

/* ------- 1 HEADERS ---------- */

h1, h2, h3, h4 {  
	margin: 0;
	font-size:100%;
}

h1 {
	margin:32px 0 3px 0;
}

h2 {
	font-size:110%;
}

h3 {
	padding:10px 0 4px 0;
}
h3.large {
	font-size:110%;
	padding:10px 0 18px 0;
}

h2.casestudy {
	color:#aabf52;
	font-size:120%;
	text-align:left;
	font-weight:bold;
	padding:0 0 10px 0;
	margin:0;
	border-bottom:2px solid #aabf52;
}

div.productdetails h3 {
	font-size:100%;
	color:#ea7e00;
	padding:30px 0 2px 4px;
}
h3.findout {
	color:#8d9150;
	font-size:100%;
	padding:10px 0 4px 0;
}
h4.first {
	padding-top:10px;
}

/* ------- 2 TEXT ELEMENTS ---------- */

p, blockquote { 	
 	padding: 0;
	margin: 0 0 18px 0;
}

ul {
	margin:0 0 16px -27px;
	list-style-type:square;
}
ol {
	margin:0 0 16px -27px;
	clear:both;
}
ol li {
	padding:0 0 10px 0;
}

ol li ol {
	margin:10px 0 0 -24px;
}

a:link, a:visited { 
	text-decoration: underline; 
	color: #000;
}

a:hover, a:focus, a:active { 
	text-decoration: none; 
	color: #A60D1F;
}

a:link .highlightlink, a:visited .highlightlink { 
	text-decoration: underline; 
	color: #000;
}

a:hover .highlightlink, a:focus .highlightlink, a:active .highlightlink { 
	text-decoration: none; 
	color: black;
}

acronym {
	border-bottom: none;
}

p.smalltext {
	font-size:90%;
}
p.findout {
	padding:0 0 0 0;
	margin:0 0 5px 0;
	font-size:90%;
}

p.backtotop {
	padding:10px 0 20px 0;
	font-size:90%;
}
p.padtop, div.padtop {
	padding-top:10px;
}
p.padTopTall, h3.padTopTall {
	padding-top:90px;
}
p.padTopShort, h3.padTopShort {
	padding-top:30px;
}
p.smallpad, blockquote.smallpad {
	padding:0;
	margin:0 0 2px 0;
}
div.productdetails a.readmore:link, div.productdetails a.readmore:visited {
	padding:3px 25px 0 0;
	width:220px;
	float:left;
	height:25px;
	background:url(../images/site_objects/btn_pvchain.gif) no-repeat top right;
}
div.productdetails a.readmore:hover, div.productdetails a.readmore:focus, div.productdetails a.readmore:active {
	background:url(../images/site_objects/btn_pvchain_f2.gif) no-repeat top right;
	color:#000000;
	text-decoration:none;
}
p.nopadbot {
	padding-bottom:0 !important;
}

p.nopad {
	padding:0 !important;
}

p.intro, blockquote.intro {
	padding-top:55px;
}
p.csintro, blockquote.csintro {
	padding:45px 0 20px 0;
}
p.casestudy {
	padding:10px 40px 10px 0;
	margin:0;
}
div.productdetails p {
	padding-left:4px;
}

div.internalcontent p.key {
	font-size:90%;
	padding:0 0 10px 0;
}

/* ------- 3 COLOURS  ---------- */
/* Add specific background and font colours for body content here */

.redtext {
	color:#A60D1F;
}

.greentext {
	color:#aabf52;
}

.bold {
	font-weight:bold;
}

.greytext {
	color:#b5aca6;
}

 /* ------- 4 LISTS   ---------- */
/* Add definition, ordered and unordered list classes for body content here */

a.pdf:link, a.pdf:visited {
	background:url(../images/site_objects/ico_pdf.gif) no-repeat top left;
	padding:1px 0 3px 18px;
}

div.twocolumns div.leftcol ul{
	margin:0 0 1em 0;
	padding:0;
}

div.twocolumns div.leftcol ul li{
	margin:0 0 0 16px;
}
a.blackarrow:link, a.blackarrow:visited {
	background:url(../images/site_objects/arw_black.gif) no-repeat top left;
	color:#000000;
	text-decoration:none;
	display:block;
	padding:0 0 0 11px;
}

a.blackarrow:hover, a.blackarrow:focus, a.blackarrow:active {
	text-decoration:underline;
}

ul.findout {
	font-size:90%;
	list-style-type:none;
	margin:0;
}

ul.findout li {
	padding:0 0 3px 0;
	margin:0 0 0 -36px;
	list-style-type:none;
}

ul.findout li a:link, ul.findout li a:visited {
	background:url(../images/site_objects/arw_green.gif) no-repeat top left;
	color:#203742;
	text-decoration:none;
	display:block;
	padding:0 0 0 13px;
}
ul.findout li a:hover, ul.findout li a:focus,  ul.findout li a:active {
	text-decoration:underline;
}
ul.findout li a.back:link, ul.findout li a.back:visited {
	background:url(../images/site_objects/arw_back_grn.gif) no-repeat top left;
}

ul.findout li a.up:link, ul.findout li a.up:visited {
	background:url(../images/site_objects/arw_up_grn.gif) no-repeat top left;
}

div.twocolumns ul.casestudy {
	font-size:100%;
	list-style-type:none;
	margin:0;
}
div.twocolumns ul.casestudy li {
	padding:0 0 10px 0;
	margin:0 0 0 -38px;
	list-style-type:none;
}
ul.casestudy li a:link, ul.casestudy li a:visited {
	background:url(../images/site_objects/arw_green.gif) no-repeat top left;
	color:#000000;
	text-decoration:none;
	display:block;
	padding:0 0 0 12px;
}
ul.casestudy li a:hover, ul.casestudy li a:focus,  ul.casestudy li a:active {
	text-decoration:underline;
}

div.kpi {
	width:100%;
	display:block;
}
ul.kpi {
	font-size:100%;
	list-style-type:square;
	width:240px;
	float:left;
	margin:0 0 25px 0;
	padding:0;
} 
ul.kpi li {
	list-style-position:outside;
	padding:0 0 0px 0;
	margin:3px 0 0 16px;
}
ul.shiftup, dl.shiftup {
	width:230px !important;
	float:right !important;
} 

ul.kpi li a:link, ul.kpi li a:visited {
	text-decoration:underline;
}

ul.kpi li a:hover, ul.kpi li a:focus, ul.kpi li a:active {
	text-decoration:none;
}

ul.kpi li.lit {
	color:#A60D1F;
}
ul.kpi li.lit a:link, ul.kpi li.lit a:visited {
	color:#A60D1F;
	font-weight:bold;
	text-decoration:none;
}

ul.kpi li.lit a:hover, ul.kpi li.lit a:focus, ul.kpi li.lit a:active {
	text-decoration:underline;
}

dl.key {
	font-size:90%;
	margin:0;
}

dl.key dt {
	margin:0;
	float:left;
	display:block;
	width:55px;
	padding:0 0 2px 0;
}

dl.key dd {
	margin:0;
	display:block;
	width:300px;
	padding:0 0 2px 0;
}

dl.ses {
	font-size:90%;
	margin:0;
	width:250px;
	float:left;
}

dl.ses dt {
	margin:0;
	float:left;
	display:block;
	width:20px;
	padding:6px 0 2px 0;
}

dl.ses dd {
	margin:0;
	display:block;
	width:200px;
	padding:4px 0 7px 0;
}

/* ------- 5 FORM ELEMENTS   ---------- */
/* Add all  form specific classes  here */

div.search{
	clear:both;
	float:left;
	margin:0;
	width:450px;
}
fieldset.nofieldset{
	border:0;
	margin:0;
	padding:0;
}

form.searchform, form.feedback{
	margin:0;
	padding:0;
}

form.searchform fieldset{
	border:0;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
	margin:0;
	padding:0.5em 0;
	text-align:right;
}
form.feedback fieldset{
	border:0;
	border-top:1px solid #CCC;
	margin:0;
	padding:0.5em 0;
	text-align:right;
}

form.searchform legend, form.feedback legend{
	left:-1000px;
	position:absolute;
	top:-1000px;
	display:none;
}

form.searchform label, form.feedback label {
	float:left;
	padding:0.5em 0;
}

form.searchform input#criteria{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 100%;
	margin:2px 0 0 0;
	padding:2px;
	width:200px;
}

form.feedback input.text, form.feedback textarea.text, form.feedback select.text {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 100%;
	margin:2px 0 0 0;
	padding:2px;
	width:220px;
}
form.feedback select.text {
	margin:5px 0 0 0;
	width:229px;
}

form.searchform input.go, form.feedback input.go,form input.suggestion, div.buttons form input{
	background:#FFF;
	border:0;
	color:#000;
	cursor:pointer;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 100%;
	text-decoration:underline;
}

p.noresults{
	font-weight:bold;
	margin:2em 0 0 0;
}

div.search div.results{
	border-bottom:1px solid #CCC;
}

div.search div.buttons, form.feedback div.buttons {
	padding:1em 0 3em 0;
	text-align:right;
	width:386px;
	border-top:1px solid #CCC;
}
div.search div.buttons, form.feedback div.buttons input {
	text-align:right;
}
div.search div.buttons form{
	display:inline;
	margin:0;
	padding:0;
}

div.search table{
	border-bottom:1px solid #CCC;
	margin:0 0 3em 0;
}

div.search table tr td{
	border-top:1px solid #CCC;
	padding:0.5em 0 0 0;
	vertical-align:top;
}

div.search table tr td p{
	margin:0 0 0.5em 0;
}

div.search table tr td a{
	font-weight:bold;
}

/* ------- 6 POSITIONING   ---------- */
/* Add positioning classes  here eg: boxed ads,  special layouts etc */

div.threecol {
	clear:both;
	float:left;
	padding:0 0 0 0;
	width:517px;
}
div.threecol div.onecol{
	float:left;
	width:140px;
	padding:0 10px 0 0;
	font-weight:bold;
	font-size:90%;
}

div.twocolumns {
	clear:both;
	float:left;
	width:517px;
}
div.twocolumns div.left {
	width:253px;
	float:left;
}
div.twocolumns div.right {
	width:254px;
	float:right;
}

	div.twocolumns div.leftcol{
		float:left;
		width:350px;
		}

		div.twocolumns div.leftcol h3.contributions{
			margin:3em 0 1em 0;
			}

		div.twocolumns div.leftcol p{
			margin:0 0 1em 0;
			}


		div.twocolumns div.leftcol div.highlight{
			background:#F5F3F2;
			border-top:2px solid #A59A93;
			margin:3.5em 0 0 0;
			padding:8px 12px 4px 12px;
			}

			div.twocolumns div.leftcol div.highlight h4{
				margin:0.5em 0 0.5em 0;
				}

		div.twocolumns div.leftcol div.introduction{
			background:#F5F3F2;
			border-top:2px solid #A59A93;
			margin:0;
			padding:12px 12px 12px 12px;
			}

		div.twocolumns div.leftcol div.charts{
			clear:both;
			float:left;
			width:350px;
			}

			div.twocolumns div.leftcol div.charts p{
				margin:-0.4em 0 1.25em 0;
				padding:0;
				position:relative;
				}

			div.twocolumns div.leftcol div.charts img{
				float:left;
				margin:0 40px 0 0;
				}

	div.twocolumns div.rightcol{
		float:right;
		margin:0 0 0 38px;
		width:121px;
		}

		div.twocolumns div.rightcol ul.marketsmenu{
			font-size:90%;
			list-style-image:url("../images/site_objects/list_arrow.gif");
			list-style-type:circle;
			margin:0 0 0 16px;
			padding:0;
			}

		div.twocolumns div.rightcol ul.marketsmenu li{
			margin:0.2em 0;
			}

		div.twocolumns div.rightcol ul.marketsmenu a{
			top:-2px;
			position:relative;
			text-decoration:none;
			}

		div.twocolumns div.rightcol ul.marketsmenu a:hover{
			text-decoration:underline;
			}

		div.twocolumns div.rightcol ul.marketsmenu a.lit{
			font-weight:bold;
			text-decoration:underline;
			}

		div.twocolumns div.rightcol ul.businessreview a{
			text-decoration:underline;
			}

		div.twocolumns div.rightcol ul.businessreview a:hover{
			text-decoration:none;
			}

div.hpimage {
	position:absolute;
	margin:20px 0 0 -16px;
}
div.hpintrocontent {
	margin:40px 0 0 115px;
	z-index:1000;
	position:relative;
}
div.hpintrocontent p {
	width:400px;
	text-align: right;
	padding:0 0 10px 0;
}
div.hptop {
	width:550px;
	float:left;
	margin:-2px 0 0 50px;
}
div.hpcontent {
	width:550px;
	float:left;
	margin:0 0 0 50px;
}
div.columnone, div.columntwo {
	width:206px;
	float:left;
}
div.columnone p {
	width:160px;
}
div.columntwo p {
	width:112px;
}
div.columnone, div.columnone h2, div.columnone p {
	clear:both;
}

div.hpcontent h2 {
	font-size:110%;
	padding:0 0 10px 0;
	float:left;
	width:200px;
}

div.hpcontent p {
	padding:0 0 12px 0;
	margin:0;
}

div.productchain {
	margin:2.8em 0 0 -76px;
	float:left;
}

div.productvaluechain {
	width:500px;
	float:left;
	clear:both;
	padding:0 0 0 5px;
}

div.productvaluechain div.productdetails {
	width:250px;
	float:right;
	padding:20px 0 0 0;
}
div.hideproduct {
	display:none;
}
div.showproduct {
	display:block;
}

div.ourapproach {
	background:url(../images/site_objects/bg_womanatwork.jpg) no-repeat bottom right;
	height:225px !important;
}
div.ourapproach	h1 {
	margin:6px 0 22px 0;
}
div.ourproductvalue {
	background:url(../images/site_objects/bg_productvalue.jpg) no-repeat bottom right;
}
div.ourproductvalue	h1 {
	margin:13px 0 12px 0;
}
div.ourpeople {
	background:url(../images/site_objects/bg_people.jpg) no-repeat bottom right;
}
div.ourpeople h1 {
	margin:10px 0 32px 0;
}
div.communityinv {
	background:url(../images/site_objects/bg_community.jpg) no-repeat bottom right;
	height:225px !important;
}
div.communityinv h1 {
	margin:16px 0 23px 0;
}


div.feature {
	background:#F5F3F2;
	border-top:2px solid #aabf52;
	margin:0 0 20px 0;
	padding:3px 12px 4px 11px;
	float:left;
	width:340px;
}

div.feature div.left {
	width:163px;
}

div.feature p {
	padding:5px 10px 11px 0;
	margin:0;
}
div.feature p.images {
	padding:16px 0 3px 0;
	margin:0;
}
div.textcontent div.feature ul {
	padding:8px 10px 0 0;
	margin:0 0 12px 10px;
}

div.topcontent div.text {
	width:300px;
	float:left;
	margin:0 0 0 0;
}

div.topcontent div.imagery {
	width:200px;
	float:right;
	text-align:right;
	font-size:90%;
}

div.topcontent div.imagery p img {
	padding:0 0 3px 0;
} 

div.csimg {
	background:url(../images/site_objects/bg_casestudy.jpg) no-repeat bottom right;
}

h2.ourpeoplebg {
	background:url(../images/site_objects/bg_ourpeople.jpg) no-repeat bottom right;
	padding-top:79px;
	vertical-align:bottom;
}

h2.cominvbg {
	background:url(../images/site_objects/bg_communityinv.jpg) no-repeat bottom right;
	padding-top:64px;
	vertical-align:bottom;
}

div.animationoff{
	clear:both;
	display:inline;
	float:left;
	font-size:85%;
	margin:1px 0 15px 0;
	text-align:right;
	width:522px;
}
div.animationoff a:link, div.animationoff a:visited{
	color:#A59A93;
	text-decoration:none;
}
div.animationoff a:hover{
	text-decoration:underline;
	color:#A59A93;
}

div.hplinks{
	clear:both;
	float:left;
	margin:-60px 0 0 0;
	position:relative;
	text-align:right;
	width:522px;
}

div.hplinks a{
	position:relative;
	top:39px;
}

div.hplinks a.statementlink{
	float:left;
	top:0;
}

div.hpslide1 {
	float:left;
	padding:32px 0 25px 0;
	margin:0;
}
div.hpslide2 {
	float:left;
	padding:32px 0 22px 0;
	margin:0;
	background:url(../images/flash/hp_chiefexec.jpg) no-repeat bottom right;
	width:535px;
}
div.hpslide3 {
	float:left;
	padding:32px 0 18px 0;
	margin:0;
	background:url(../images/flash/hp_cadirector.jpg) no-repeat bottom right;
	width:535px;
}

/* ------- 7 TABLES -------- */
/* Add table classes here */
table.grikey {
	margin:0 0 24px 0;
	padding:0;
	font-size:90%;
	width:330px;
}
table.grikey td {
	padding:2px 2px 2px 2px;
}
table.grikey td.left {
	padding:2px 2px 2px 0;
	width:30px;
}

table.grikey td.coreindicator{
	background:#e8e6e4;
}
table.sritp {
	margin:0 0 10px 0;
	width:375px;
	font-size:90%;
}

table.financials {
	margin:0 0 10px 0;
	width:100%;
	font-size:90%;
	clear:both;
}

table.financials caption {
	color:#aabf52;
	font-size:120%;
	text-align:left;
	font-weight:bold;
	padding:24px 0 6px 0;
	margin:0;
}

table.financials th, table.financials td.header {
	background:#FFF;
	border-bottom:1px solid #a59a93;
	padding:4px;
	text-align:right;
	vertical-align:bottom;
	border-top:2px solid #aabf52;
}

table.financials th.internal {
	border-top:1px solid #a59a93;
	border-bottom:none;
	padding:4px 0 4px 4px;
	text-align:left;
	vertical-align:bottom;
}
table.financials th.nobold{
	font-weight:normal;
}
table.financials tr.vertical th, table.financials tr.vertical td{
	border-bottom:0;
	border-top:0;
	border-right:1px solid #D2CCC8;
	vertical-align:top;
	padding:2px 0 0 0;
	font-weight:normal;
}
table.financials td{
	border-bottom:1px solid #D2CCC8;
	padding:4px;
	text-align:right;
	vertical-align:top;
}

table.financials td.narrow{
	border:none;
	padding:0;
}
table.financials td.coreindicator{
	background:#e8e6e4;
	text-align:left;
	padding:4px 2px 4px 4px;
}
table.financials td.topbar {
	border-top:2px solid #aabf52;
	border-bottom:0;
	vertical-align:top;
}
table.financials td.feature {
	border-bottom:1px solid #D2CCC8;
	padding:8px 4px 6px 0;
	text-align:left;
	vertical-align:top;
	color: #aabf52;
}

table.financials td.icon {
	padding:6px 3px 4px 0;
}
table.financials tr.noborder td {
	border:0;
}

table.financials th.shade, table.financials td.shade {
	background:#f6f5f4;
}

table.financials th.left,table.financials td.left{
	padding:4px 5px 4px 0;
	text-align:left;
}

table.financials td.indent{
	padding:4px 0 4px 15px;
}

table.financials tr.topline td{
	border-top:1px solid #D2CCC8;
}

table.financials tr.blbottom td{
	border-bottom:1px solid #000;
}
		
		
table.financials td.blleft{
	border-left:1px solid #000;
	padding:4px 0 4px 4px;
}
table.financials td.blright{
	border-right:1px solid #000;
}

table.financials tr.total td{
	border-bottom:2px solid #000;
}

table.financials th.highlight{
	background:#FFF;
	color:#AC1E36;
	font-weight:bold;
}

table.financials td.highlight{
	background:#F4F3F1;
	color:#AC1E36;
	font-weight:bold;
}

table.ses {
	margin-bottom:30px;
}
table.ses td{
	border-left:1px solid #D2CCC8;
	text-align:center;
	padding:4px 4px 4px 0;
}
table.ses th {
	text-align:left;
	border-top:2px solid #a59a93;
	padding:4px 4px 4px 0;
}

table.ses td.left {
	border-left:0 !important;
	border-right:0 !important;
	text-align:left;
	padding:4px 4px 4px 0;
}
table.ses tr.noborder td{
	border-left:1px solid #D2CCC8;
	border-bottom:0;
}


/* -------END OF THIS STYLESHEET  ---------- */