* { margin: 0; padding: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	margin: 25px 0 0 11px;
	}
	
.INCOMPLETE { background: #FFFF00; }

/* colour reference
.blue1 { color: #017DC3; }
.blue2 { color: #005596; DARK BLUE }
.blue3 { color: #6CAEE0; }
.orange1 { color: #FF801D; }
.yellow1 { color: #FDB930; }
-------------------------------------------------------*/

/* Clear floats
----------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
	
.clearfix { /*
	display: inline-block */
	} /* fix for IE Mac ?? */
	
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

.clearfloat {
	clear: both;
}

/* General
----------------------------------*/
a {
	color: #003896;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.arrow-orange {
	background: url(../images/arrow-single-orange-white.gif) no-repeat 100% 50%;
	padding: 0 10px 0 0;
}

p {
	margin-bottom: 1em;
}

p.footnote {
	font-size: 0.92em;
	color: #666666;
}

.small { font-size: 0.92em; }
.orange { color: #F47B20; }

p.pullout {
	color: #1A75CF;
}

.indent {
	margin-left: 12px;
	margin-right: 12px;
}

.ss {
	font-size: 0.82em;
	vertical-align: super;
}

img {
	border: none;
}

ul {
	list-style: none;
}

.fullWidth {
	width: 567px;
}

.level1 {
	background: #FFFFFF url(../images/header-blue.gif) no-repeat 0 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #1A75CF;
	padding: 4px 8px;
}

blockquote {
	/*background: #ABCEF1;*/
	margin: 0 12px 12px 12px;
	padding: 4px;
	color: #017DC3;
}


h1 {
	background: #C1DBF4 url(../images/header-blue.gif) no-repeat 0 0;
	font-size: 1.4em;
	color: #1A75CF;
	padding: 8px;
	margin-bottom: 12px;
}

h2 {
	font-size: 1.2em;
	color: #F47B20;
	margin-bottom: 12px;
}

h3 {
	font-size: 1em;
	color: #F47B20;
	margin-bottom: 1em;
}

.fullWidth h1 {
	width: auto;
	background: url(../images/bdr-fullwidth-blue-top.gif) no-repeat 0 0;	
	}

.fullWidth .level1 {
	background: url(../images/bdr-fullwidth-blue-top.gif) no-repeat 0 0;
}

h1.level2 {
	background: #1A75CF;
	color: #FFFFFF;
	margin-bottom: 12px;
}

h1.pic {
	margin-bottom: 0;
	}

.pic-header {
	margin-bottom: 12px;
}


ul.pdf {
	list-style: none;
	}
	
ul.pdf li {
	background: url(../images/icon_pdf.gif) no-repeat 0 0;
	padding: 0 0 4px 24px;
	margin: 0 9px;
	color: #666666;
	}

ul.pdf-large {
	list-style: none;
	padding-bottom: 18px;
	}
	
ul.pdf-large li {
	background: url(../images/icon-pdf.gif) no-repeat 0 0;
	padding: 0 0 12px 40px;
	margin: 0 9px;
	color: #666666;
	}
	
ul.pdf-large a { font-weight: bold; }

#homePDF ul.pdf-large { padding-bottom: 0; }
	
ul.facts { list-style: none; padding-bottom: 12px; }
ul.facts li {
	background: url(../images/bullet-level2.gif) no-repeat 0 6px;
	margin: 0 9px 3px 9px;
	padding: 0 0 0 12px;
	}


/* Default styling for bullet lists within content */
ul.default { list-style: none; }
ul.default li {
	background: url(../images/bullet-level2.gif) no-repeat 0 6px;
	padding: 0 0 8px 14px;
}
ul.default.sitemap {
	margin: 10px; color: #999;
}
ul.default.sitemap li { font-weight: bold; }
ul.default.sitemap li ul li { font-weight: normal; }
/* Second level style */
ul.default ul { list-style: none; }
ul.default ul li {
	background: url(../images/bullet-level3.gif) no-repeat 0 10px;
	padding: 4px 0 0 14px;
	}
	
ul.sub-default {
	background: url(../images/dot-blue.gif) repeat-x bottom;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}
ul.sub-default li {
	padding: 0 0 5px 14px;
	margin: 0 0 0 10px;
	font-weight: bold;
	color: #F47B20;
	background: url(../images/bullet-level2.gif) no-repeat 0 6px;
}
ul.sub-default li a {
	font-weight: normal;
	}

#skip {	display: none; }

#wrapper {
	width: 760px;
	padding-bottom: 25px;
	}

#container {
	width: 760px;
}

#primaryContent {
	width: 567px;
	float: right;
}

#secondaryContent {
	width: 181px;
	float: left;
}

#mainText {
	width: 374px;
	float: left;
}

#sideText {
	width: 181px;
	float: right;
}


/* Header
----------------------------------*/
#header {
	width: 760px;
	margin-bottom: 0;
}

#logo { float: left; padding-left: 14px; margin-bottom: 25px; }
#logo img { display: block; }

ul#tools { list-style: none; float: right; margin: 15px 12px 0 0; font-size: 0.92em; }
ul#tools li { display: inline; float: left; background: url(../images/bkgd-bdr.gif) repeat-y 100% 0; }
ul#tools li a {	display: block;	margin: 0 8px; }
ul#tools li.last { background: none; }
ul#tools li.last a { margin-right: 0; }



/* Main Left Navigation
----------------------------------*/
#leftNavWrap {
	width: 181px;
	padding-bottom: 13px;
	background: #ffffff url(../images/lm-bottom.gif) bottom left no-repeat;
	margin-bottom: 12px;
}

#leftNav {
	font-size: 0.92em;
	color: #F47B20;
	font-weight: bold;
}

#leftNav a {
	text-decoration: none;
	color: #003399;
}

#leftNav a:hover {
	text-decoration: underline;
}

#leftNav ul {
	list-style: none;
	background: #ffffff url(../images/lm-bg.gif) top left repeat-y;
}

#leftNav ul li {
	padding: 0 0 3px 0;
}

#leftNav ul li ul {
	padding-left: 13px;
	padding-right: 10px;
	padding-top: 5px;
}

#leftNav ul li ul li {
	padding-left: 10px;
	background: transparent url(../images/bullet-level2.gif) 0 6px no-repeat;
}

#leftNav ul li ul li a {
	font-weight: bold;
}

#leftNav ul li ul li ul {
	padding-left: 3px;
	background-image: none;
	background-color: transparent;
}

#leftNav ul li ul li ul li {
	background-image: url(../images/bullet-level3.gif);
}

#leftNav ul li ul li ul li a {
	font-weight: normal;
}

#leftNav ul li ul li ul li ul li {
	background-image: url(../images/bullet-level4.gif);
}

/* Side Boxes main
----------------------------------*/
.boxWrap {
	width: 181px;
	font-size: 0.92em;
	margin-bottom: 12px;
}

.boxTop, .boxBottom {
	height: 12px;
}

.boxWrap p {
	padding: 0 9px 12px 9px;
	margin-bottom: 0;
}

.boxWrap a { font-weight: bold; }

/* Standard blue box
----------------------------------*/


.blue h3 {
	font-size: 1em;
	font-weight: bold;
	padding: 4px 9px;
	color: #ffffff;
	margin: 0;
}


strong.h-blue {
	color: #003896;
}

.blue div.caption {
	float: left;
	width: 90px;
	height: 60px;
	padding-left: 9px;
	}

.blue .photo {
	float: right;
	padding: 0 2px 0 0;
	width: 60px;
	height: 60px;
}

.blue h3 {
	font-size: 1em;
	font-weight: bold;
	padding: 4px 9px;
	color: #ffffff;
	margin: 0;
}
.blue .boxTop { background: #003896 url(../images/bdr-blue-top-fill.gif) no-repeat 0 0; height: auto; }
.blue .boxContent { background: transparent url(../images/bdr-blue-mid.gif) top left repeat-y; width: 181px; }
.blue .boxContent p { display: block; width: 170px; }
.blue .boxContent img { display: block; margin: 0 0 12px 2px; }
.blue .boxBottom { background: url(../images/bdr-blue-bottom-fill.gif) no-repeat 0 100%; height: auto; padding: 8px 0; }
.blue .boxBottom a { 
	color: #ffffff;
	background: url(../images/arrow-double-yellowblue.gif) no-repeat 100% 50%;
	padding: 0 20px 0 9px;
	font-weight: bold;
}
strong.h-blue { color: #003896; }



/* Light Blue box
----------------------------------*/
.ltblue h3 {
	font-size: 1em;
	font-weight: bold;
	padding: 4px 9px;
	color: #003896;
	margin: 0;
}
.ltblue .boxTop { background: #ABCEF1 url(../images/bdr-ltblue-top.gif) no-repeat 0 0; height: auto; }
.ltblue .boxContent { background: url(../images/bdr-ltblue-mid.gif) repeat-y 0 0; padding-top: 1em; }
.ltblue .boxContent img { display: block; margin: 0 0 12px 2px; }
.ltblue .boxBottom { background: #ABCEF1 url(../images/bdr-ltblue-bottom.gif) no-repeat 0 100%; height: auto; padding: 8px 0; }
.ltblue .boxBottom a { 
	color: #003896;
	background: url(../images/arrow-single-white-blue.gif) no-repeat 100% 50%;
	padding: 0 10px 0 9px;
	font-weight: bold;
	}
strong.h-blue { color: #003896; }

/* Blue outline box
----------------------------------*/
.blue-outline h3 {
	font-size: 1em;	font-weight: bold;
	background: url(../images/dot-blue.gif) repeat-x 0 100%;
	padding-bottom: 8px;
	margin: 0 9px 12px 9px;
	}
.blue-outline h3, .blue-outline strong { color: #F47B20; }
.blue-outline .boxTop { background: url(../images/bdr-ltblue-top-outline.gif) no-repeat 0 0; }
.blue-outline .boxContent { background: url(../images/bdr-ltblue-mid-outline.gif) repeat-y 0 0; }
.blue-outline .boxBottom {	background: url(../images/bdr-ltblue-bottom-outline.gif) no-repeat 0 100%; }

/* Green Box
----------------------------------*/
/*
.green h3 {
	font-size: 1em;
	font-weight: bold;
	background: url(../images/dot-blue.gif) repeat-x 0 100%;
	padding-bottom: 8px;
	margin: 0 9px 12px 9px;
}
.green h3, .green strong { color: #3C8D36; }
.green .boxTop { background: url(../images/bdr-green-top.gif) no-repeat 0 0; }
.green .boxContent { background: url(../images/bdr-green-mid.gif) repeat-y 0 0; }
.green .boxBottom {	background: url(../images/bdr-green-bottom.gif) no-repeat 0 100%; }
*/


/*
.green h3 {
	font-size: 1em;
	font-weight: bold;
	background: url(../images/dot-yellow.gif) repeat-x 0 100%;
	padding-bottom: 8px;
	margin: 0 9px 12px 9px;
}
.xgreen h3, .yellow strong { color: #F47B20;  }*/
.xgreen .boxTop { background: url(../images/bdr-green-top.gif) no-repeat 0 0; }
.xgreen .boxContent { background: url(../images/bdr-green-mid.gif) repeat-y 0 0; }
.xgreen .boxBottom { background: url(../images/bdr-green-bottom.gif) no-repeat 0 100%; }


.green h3 {
	font-size: 1em;
	font-weight: bold;
	background: url(../images/dot-yellow.gif) repeat-x 0 100%;
	padding-bottom: 8px;
	margin: 0 9px 12px 9px;
}
.green h3, .yellow strong { color: #F47B20;  }
.green .boxTop { background: none; }
.green .boxContent { background: none; }
.green .boxBottom {	background: none; }



.yellow h3 {
	font-size: 1em;
	font-weight: bold;
	background: url(../images/dot-yellow.gif) repeat-x 0 100%;
	padding-bottom: 8px;
	margin: 0 9px 12px 9px;
}
.yellow h3, .yellow strong { color: #000;  }
.yellow .boxTop { background: url(../images/bdr-yellow-top.gif) no-repeat 0 0; }
.yellow .boxContent { background: url(../images/bdr-yel-mid.gif) repeat-y 0 0; }
.yellow .boxBottom {	background: url(../images/lm-bottom.gif) no-repeat 0 100%; }


/* #FFBC32 = Yellow */






.yellow.lee-scott .boxTop { background: #FFBB30 url(../images/bdr-yellow-top-fill.gif) no-repeat 0 0; height: auto; }
.yellow.lee-scott h3 { 
	font-size: 1em;
	font-weight: bold;
	padding: 4px 9px;
	margin: 0;
	color: #000000;
	background: none;
}
.yellow.lee-scott .boxContent { padding-top: 6px; }
.yellow.lee-scott .boxBottom { 
	background: url(../images/pic-letter-scott.gif) no-repeat 0 100%;
	height: 122px;
	position: relative;
}
.yellow.lee-scott .boxBottom span {
	position: absolute;
	width: 50px;
	bottom: 5px;
	right: 10px;
	font-weight: bold;
}



/* Yellow
.yellow h3 { 
	font-size: 1em;
	font-weight: bold;
	padding: 4px 9px;
	margin: 0;
	color: #000000;
}
.yellow.lee-scott .boxTop { background: #FFBB30 url(../images/bdr-yellow-top-fill.gif) no-repeat 0 0; height: auto; }
.yellow .boxTop { background: #FFBB30 url(../images/lm-top.gif) no-repeat 0 0; }
.yellow .boxContent { background: url(../images/bdr-yel-mid.gif) repeat-y 0 0; padding-top: 6px; }
.yellow .boxContent p { padding-bottom: 7px; }
.yellow.lee-scott .boxBottom { 
	background: url(../images/pic-letter-scott.gif) no-repeat 0 100%;
	height: 122px;
	position: relative;
}
.yellow .boxBottom span {
	position: absolute;
	width: 50px;
	bottom: 5px;
	right: 10px;
	font-weight: bold;
}

*/



/* .data tables
----------------------------------*/
.data-container {
	width: auto;
}

.data, .data-bar {
	border-collapse: collapse;
	margin: 12px 0 24px 0;
	width: 567px;
	font-size: 0.92em;
}


.data a {
	display: block;
	padding-left: 23px;
}

.data a span {
	background-image: url(../../ethical/images/zoom.gif);
	background-position: 97% 1%;
	background-repeat: no-repeat;
	display: block;
}

.data a span.down {
	background-image: url(../../ethical/images/arrow-down.gif);
	background-position: 97% 2px;
}

.data thead, .data tfoot {
	background: #DBEAF9;
}

.data thead, .data-bar thead { text-align: right; }

.data th {
	color: #1A75CF;
	font-weight: normal;
	padding: 3px 12px 3px 3px;
	vertical-align: top;
}


.data tbody th {
	background-color: #DBEAF9;
	text-align: left;
	font-style: italic;
}


.data tfoot {
	color: #1A75CF;
	font-weight: bold;
	border-bottom: 2px solid #ABCEF1;	
}

.data td, .data-bar td {
	padding: 3px;
	vertical-align: top;
}

.data th, .data td {
	background-image: url(../images/dot-blue-v.gif);
	background-position: 100% 0;
	background-repeat: repeat-y;
	border-bottom: 1px solid #ABCEF1;
}

.data th.bdr-solid, .data td.bdr-solid {
	background-image: none;
	border-right: 1px solid #ABCEF1;
}

.data .indent-right, .data-bar .indent-right {
	padding-right: 12px;
	text-align: right;
}

.data-bar em {
	color: #1A75CF;
	font-weight: normal;
}

.data-bar th {
	border-bottom: 1px solid #ABCEF1;
}

.data-bar th {
	padding-bottom: 6px;
}

.data-bar th.title {
	color: #F47B20;
	text-align: left;
}

.data-bar tr.data-bar-spacer td {
	padding-bottom: 10px;
}


.data td.w60 { width: 60px; text-align: center; padding-top: 5px; }


.text-left { text-align: left; }

.data td.bdr-blank { background-image: none; }

.data th.bdr-none, .data td.bdr-none { background-image: none; }

.data.bdr-none th,.data.bdr-none td { background-image: none; }

.bdr-bottom td {
	border-bottom: 1px solid #ABCEF1;
	padding-bottom: 6px;
}

.bdr-bottom-solid td {
	border-bottom: 2px solid #ABCEF1;
}

.bdr-bottom-none td {
	border-bottom: none;
}

td.audit-no { border-bottom: none; }

.data.narrow {
	width: 274px;
}

.data span.grey { display: inline; }

.data ul {
	list-style: none;
}

.data ul a { display: inline; padding-left: 0; }

.data.text { margin: 0 0 12px 0; }
.data.text thead { text-align: left; }
.data.text thead th { border-top: 1px solid #ABCEF1; }
.data.text .status { text-align: center; }



.data.padding-extra th, .data.padding-extra td { padding: 5px 7px 5px 7px; }

.data.bdr-solid-thin th, .data.bdr-solid-thin td { background-image: none; border: 1px solid #ABCEF1; }

.data.bdr-solid-thin tr.bdr-bottom-none td { border-bottom: 1px solid #fff; }

/* Indent Left */
th.indent-left, td.indent-left { text-align: left; padding-left: 10px; }

/* Widths */
.w120 { width: 120px; }
.w130 { width: 130px; }
.w140 { width: 140px; }
.w160 { width: 160px; }
.w180 { width: 180px; }
.w280 { width: 280px; }

/* Colour coded Keys in data tables */
.key1,.key2,.key3,.key4,.key5,.key6,.key7,.key8,.key9,.key10,.key11,.key12 { background-position: 0 2px; background-repeat: no-repeat; }
.key1 { background-image: url(../images/keyBlue1.gif); }
.key2 { background-image: url(../images/keyBlue2.gif); }
.key3 { background-image: url(../images/keyBlue3.gif); }
.key4 { background-image: url(../images/keyYellow1.gif); }
.key5 { background-image: url(../images/keyYellow2.gif); }
.key6 { background-image: url(../images/keyGreen1.gif); }
.key7 { background-image: url(../images/keyGreen2.gif); }
.key8 { background-image: url(../images/keyGrey1.gif); }
.key9 { background-image: url(../images/keyGrey2.gif); }
.key10 { background-image: url(../images/keyYellow3.gif); }
.key11 { background-image: url(../images/keyWhite.gif); }
.key12 { background-image: url(../images/keyRed1.gif); }
span.key1,span.key2,span.key3,span.key4,span.key5,span.key6,span.key7,span.key8,span.key9,span.key10,span.key11,span.key12 { display: block; padding-left: 23px; }


/* audit process

 */
.data.factory { font-size: 1.0em; }
.data.factory td { padding: 10px 3px; }
.data.factory tr.data-top td { padding-top: 0; }
.data.factory tr.padding-bottom-none td { padding-bottom: 0; }
.data.factory tr.bdr-none td { background: none; }
.data.factory img { margin-right: 10px; }


ul.keyStatus {
	list-style: none;
	margin-bottom: 12px;
	font-size: 0.92em;
	color: #666666;
}

ul.keyStatus li {
	display: inline;
	margin-right: 12px;
}


/* home page: snippet boxes
-------------------------------------------------------*/

.snippet-container {
	background-image: url(../images/dot-blue.gif);
	background-repeat: repeat-x;
	background-position: top left;
	width: auto;
	padding-top: 14px;
}

.snippet {
	width: 275px;
	float: left;
}

#default .snippet h2 {
	color: #00539B;
}

.snippet .pic {
	padding-bottom: 10px;
	display: block;
}

.snippet.right {
	padding-right: 0;
	float: right;
}

/* footer
-------------------------------------------------------*/

#footer {
	font-size: 0.92em;
	text-align: center;
	clear: both;
	width: 760px;
	height: 22px;
	margin: 1em 0 0 0;
	padding: 6px 0 0 0;
	background-color: #ABCEF1;
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
}

#footer ul {
	list-style: none;
}

#footer ul li {
	display: inline;
	padding: 0px 7px 0px 3px;
	border-right: 1px solid #003896;
}

#footer ul li.last {
	border-right: none;
	padding: 0 0 0 3px;
}
	
/* quotes
-------------------------------------------------------*/

.quote-open {
	color: #1A75CF;
	padding-top: 24px;
	background-image: url(../images/quotes-open.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.quote-container.closed {
	padding: 12px 32px 6px 32px;
	margin-bottom: 12px;
}

.quote-open p.last {
	margin-bottom: 0;
}

.quote-close {
	padding: 12px 60px 0 0;
	background-image: url(../images/quotes-closed.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
}

/* ethical standards program title bar
-------------------------------------------------------*/

#ethical-sourcing {
	width: 760px;
	height: 30px;
	margin: 0 0 12px 0;
	clear: both;
	background-color: #ffffff;
	background-image: url(../images/ethical-sourcing-title.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
#ethical-sourcing a {
	color: #DBEAF9;
	font-size: 0.92em;
	display: block;
	background-image: url(../images/arrow-double-yellow-blue.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding: 0 20px 0 0;
	margin: 7px 10px 0 0;
	float: right;
}

/* monitoring page: map of regions
-------------------------------------------------------*/

ul.regions-key {
	list-style: none;
	font-size: 0.92em;
	font-weight: bold;
}
	
ul.regions-key li {
	display: inline;
	float: left;
	background-repeat: no-repeat;
	padding-left: 18px;
	padding-right: 8px;
	margin-bottom: 6px;
}
	
.key-nax { background-image: url(../images/region-na.gif); }
.key-ind { background-image: url(../images/region-in.gif); }
.key-emea { background-image: url(../images/region-eu.gif); }
.key-fare { background-image: url(../images/region-fe.gif); }
.key-sax { background-image: url(../images/region-sa.gif); }
.key-star { background-image: url(../images/star.gif); }

.region-top h2 {
	margin: 0;
	padding: 4px 8px;
	color: #ffffff;
}

.americas, .emea, .fareast, .india, .asia {
	margin: 6px 0;
}

.americas td, .emea td, .fareast td {
	vertical-align: top;
}

.americas .w140, .emea .w140, .fareast .w140 {
	padding: 8px 0 0 0;
}

.americas .w130.p10, .emea .w130.p10, .fareast .w130.p10 {
	padding: 8px 0 0 10px;
}

.americas {
	background: #017DC3;
	color: #ffffff;
}

.americas .region-top {
	background: url(../images/region-blue1-top.gif) no-repeat top;
	border-bottom: 1px solid #ffffff;
}

.americas .region-bottom {
	height: 12px;
	background: url(../images/region-blue1-bottom.gif) no-repeat bottom;
}

.emea {
	background: #6CAEE0;
	color: #ffffff;
}

.emea .region-top {
	background: url(../images/region-blue2-top.gif) no-repeat top;
	border-bottom: 1px solid #ffffff;
}

.emea .region-bottom {
	height: 12px;
	background: url(../images/region-blue2-bottom.gif) no-repeat bottom;
}

.fareast {
	background: #FF801D;
	color: #ffffff;
}

.fareast .region-top {
	background: url(../images/region-orange1-top.gif) no-repeat top;
	border-bottom: 1px solid #ffffff;
}

.fareast .region-bottom {
	height: 12px;
	background: url(../images/region-orange1-bottom.gif) no-repeat bottom;
}

.india .region-top {
	background: url(../images/region-blue3-top.gif) no-repeat top;
	height: 40px;
}

.asia .region-top {
	background: url(../images/region-yellow1-top.gif) no-repeat top;
	height: 40px;
}




.metricsFootnote {
	padding-bottom: 1em;
}

.metricsFootnote p {
	font-size: 0.92em;
	color: #666;
}
