/* Main nav */
body.gcr div.header .section
{
	font-weight: bold;
}

/* BEGIN: Fix dynamic resizing */
body.gcr div.everything
{
  height: auto;
  min-height: inherit;
  max-height: inherit;
}

body.gcr div.body,
body.gcr div.holder
{
  height: auto;
}

body.gcr #newsroom
{
  padding-top: 25px;
}

body.gcr div.body div#tray
{
  position: relative;
  top: 0;
  margin-bottom: 25px;
}

body.gcr div.body div#tray,
body.gcr div.body div#tray .tray_view
{
  height: 385px;
}

body.gcr div.max
{
  width: inherit;
  height: inherit;
}

body.gcr #controls,
body.gcr div.everything div.layer
{
  position: static;
}
/* END: Fix dynamic resizing */

/* Controls */
/* Scrollbar control */
#scrollbar_controls
{
  width: 778px;
  margin: 0 auto;
}

/* Fix the dock width */
body.gcr #dock
{
  width: 720px;
  height: 51px;
  position: relative;
  z-index: 10;
}

/* BEGIN: Apply dock panel button styles to links */
body.gcr #dock a.panel
{
  color: #fff;
  width: 120px;
  float: left;
  overflow: hidden;
  display: block;
  cursor: pointer;
}

body.gcr #dock a.panel span.panel_chrm_l
{
  background: transparent url(../../i/dock/panel_chrome.gif) no-repeat 0 0;
  padding-left: 12px;
  display: block;
}

body.gcr #dock a.panel span.panel_chrm_r
{
  background: transparent url(../../i/dock/panel_chrome.gif) no-repeat right top;
  padding-right: 12px;
  display: block;
}

body.gcr #dock a.panel span.panel_chrm_c
{
  height: 44px;
  background: #0d91ba url(../../i/dock/panel_content_bkgnd.gif) repeat-x 0 0;
  border-top: 1px solid #60bbd8;
  border-bottom: 1px solid #1489ac;
  display: block;
  position: relative;
}

/* Since we're using includes, allow the selected dock panel to be specified by a containing element with a specific class name. */
body.gcr #dock a.panel.current span.panel_chrm_l,
body.gcr .commitment #dock a.panel.commitment span.panel_chrm_l,
body.gcr .takeaction #dock a.panel.takeaction span.panel_chrm_l,
body.gcr .keyissues #dock a.panel.keyissues span.panel_chrm_l,
body.gcr .environment #dock a.panel.environment span.panel_chrm_l,
body.gcr .society #dock a.panel.society span.panel_chrm_l
{
  background-image: url(../../i/dock/panel_chrome_current.gif);
}

body.gcr #dock a.panel.current span.panel_chrm_r,
body.gcr .commitment #dock a.panel.commitment span.panel_chrm_r,
body.gcr .takeaction #dock a.panel.takeaction span.panel_chrm_r,
body.gcr .keyissues #dock a.panel.keyissues span.panel_chrm_r,
body.gcr .environment #dock a.panel.environment span.panel_chrm_r,
body.gcr .society #dock a.panel.society span.panel_chrm_r
{
  background-image: url(../../i/dock/panel_chrome_current.gif);
}

body.gcr #dock a.panel.current span.panel_chrm_c,
body.gcr .commitment #dock a.panel.commitment span.panel_chrm_c,
body.gcr .takeaction #dock a.panel.takeaction span.panel_chrm_c,
body.gcr .keyissues #dock a.panel.keyissues span.panel_chrm_c,
body.gcr .environment #dock a.panel.environment span.panel_chrm_c,
body.gcr .society #dock a.panel.society span.panel_chrm_c
{
  background: #249b5a url(../../i/dock/panel_content_bkgnd_current.gif) repeat-x 0 0;
  border-top: 1px solid #71be94;
  border-bottom: 1px solid #249b5a;
}

body.gcr #dock a.panel span.title
{
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  left: 0;
}
/* END: Apply dock panel button styles to links */

/* Mini panel buttons */
body.gcr #dock a.miniPanel
{
  float: none;
}

body.gcr #dock #miniPanelNewsDownloads
{
    _float:left;
}

body.gcr #dock a.miniPanelNews
{
  margin-bottom: 2px;
}

body.gcr #dock a.miniPanel span.panel_chrm_l,
body.gcr #dock a.miniPanel span.panel_chrm_r
{
  background-image: url(../../i/dock/miniPanel_chrome.gif);
}

body.gcr #dock a.miniPanel span.panel_chrm_c
{
  height: 20px; 
  background: #3e3e3e no-repeat right center; 
  border-top: 1px solid #4d4b4b; 
  border-bottom: 1px solid #3e3e3e;
}

body.gcr #controls.news a.miniPanelNews span.panel_chrm_l,
body.gcr #controls.news a.miniPanelNews span.panel_chrm_r,
body.gcr #controls.downloads a.miniPanelDownloads span.panel_chrm_l,
body.gcr #controls.downloads a.miniPanelDownloads span.panel_chrm_r
{
  background-image: url(../../i/dock/miniPanel_chrome_current.gif)
}

body.gcr #controls.news a.miniPanelNews span.panel_chrm_c,
body.gcr #controls.downloads a.miniPanelDownloads span.panel_chrm_c 
{
  background-color: #249b5a;
  border-top-color: #71be94;
  border-bottom-color: #249b5a;
}



/* Mini panel button icons */
body.gcr #dock a.miniPanelNews span.panel_chrm_c
{
  background-image: url(../../i/dock/miniPanel_content_bkgnd_news.gif);
}

body.gcr #dock a.miniPanelDownloads span.panel_chrm_c
{
  background-image: url(../../i/dock/miniPanel_content_bkgnd_downloads.gif);
}

/* Dock menus */
body.gcr div.panel_popup
{
  width: 180px;
  background-color: transparent;
  padding-bottom: 4px;
  border-top: 3px solid #9cf39f;
  overflow: hidden;
  display: none;
  position: absolute;
  bottom: 51px;
  left: 0;
  z-index: 10;
}

body.gcr div.panel_popup div
{
  background-color: #363636;
  padding: 4px 0 2px;
}

body.gcr #commitment
{
  left: 0;
} 

body.gcr #keyissues
{
  left: 120px;
}

body.gcr #environment
{
  left: 240px;
}

body.gcr #society
{
  left: 360px;
}

body.gcr #takeaction
{
  left: 480px;
}

div.panel_popup a
{
  text-decoration: none;
  color: #fff;
  width: 140px;
  background-color: #363636;
  padding: 0.2em 20px;
  display: block;
}
div.panel_popup a:visited 
{
  color: #fff;
}

div.panel_popup a:hover,
div.panel_popup a:active
{
  color: #9cf39f !important;
  background-color: #202020;
}

body.gcr div.panel_popup div.divider
{
  height: 1px;
  background-color: #b3b3b5;
  padding: 0;
  margin: 4px 20px;
}

/* Set the background */
body.gcr #page
{
  background: url(../../i/bg.jpg) repeat 0 0;
}

/* Article */
/* Fix article positioning */
body.gcr #top_layer
{
  top: 0px;
}

/* Fix article positioning */
body.gcr #article
{
  max-width: 1200px;
  min-width: 980px;
  margin: 0 auto 25px;
  position: relative;
}

body.gcr #lib_content_wrapper,
body.gcr #lib_content
{
  height: auto;
}

body.gcr .newsroom_article
{
  background: #fff url(../../i/newsroom/article_bg.gif) repeat-y 0 0;
  height: 402px;
}

body.gcr .newsroom_article.noline
{
  background: #fff;
}

body.gcr .newsroom_article.downloads_page
{
  background: #fff url(../../i/newsroom/downloads_bg.gif) repeat-y 0 0;
}

/* Article Header */
body.gcr #article_head_left
{
  width: 286px;
  height: 28px;
  padding: 12px 0 0 20px;
  border: 0;
  border-bottom: 1px solid #ccc;
}

body.gcr #article_head_right
{
  width: 678px;
  height: 40px;
  border: 0;
  border-bottom: 1px solid #ccc;
}

body.gcr #article_btns
{
  width: 506px;
  padding: 12px 0 0 32px;
  float: left;
}

/* Breadcrumb */
/* New breadcrumb styles */
a.breadcrumb,
a.breadcrumb span
{
  height: 20px;
  display: block;
  _float:left;
}

a.breadcrumb
{
  background: transparent url(../../i/gcr/breadcrumb_chrome.gif) no-repeat 0 0;
  padding-left: 3px;
  margin-right: 10px;
  float: left;
}

a.breadcrumb span
{
  background: transparent url(../../i/gcr/breadcrumb_chrome.gif) no-repeat top right;
  padding-right: 3px;
  cursor: pointer;
}

a.breadcrumb span span
{
  font-size: 10px;
  line-height: 10px;
  color: #656565;
  height: 10px;
  background: transparent url(../../i/gcr/breadcrumb_bkgnd.gif) repeat-x 0 0;
  padding: 5px 4px;
}

a.breadcrumb/**/.black,
a.breadcrumb/**/.black span
{
  background-image:url(../../i/gcr/breadcrumb_chrome_black.gif);
}

a.breadcrumb/**/.black span span
{
  background-image:url(../../i/gcr/breadcrumb_bkgnd_black.gif);
}

/* Sidebar styles */
body.gcr .newsroom_article .info_side .section
{
  padding-top: 20px;
  margin-top: 0;
}

body.gcr .newsroom_article .info_side .section/**/.first
{
  padding-top: 35px;
  margin: 0;
}

body.gcr .newsroom_article .info_side .section.feature h2
{
	margin-bottom: 10px;
}

body.gcr .newsroom_article .info_side .section.feature a
{
  width: 265px;
  height: 70px;
  margin-bottom: 10px;
  display: block;
}

body.gcr .newsroom_article .info_side .section.feature img
{
	width: 265px;
	height: 70px;
}

/* Article navigation */
body.gcr .newsroom_article .info_side
{
  width: 266px;
  padding: 0 20px;
}

/* Downloads page content */
body.gcr .downloads_page .info_side
{
    width: 405px;
    padding: 28px 35px;
}

/* New header */
body.gcr .newsroom_article .info_side h2.nav
{
  font-size: 18px;
  text-transform: none;
  margin-bottom: 10px;
}

/* Bold h2s in sidebar */
body.gcr .newsroom_article .info_side h2
{
  font-weight: bold;
}

/* Sidebar feature */
body.gcr .newsroom_article .info_side .feature a
{
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 10px;
}

/* Navigation list */
body.gcr ul.nav,
body.gcr ul.nav ul
{
  list-style-type: none;
	padding: 0;
  margin: 0 0 20px;
}

body.gcr ul.nav ul
{
	margin: 0;
}

/* Fix ie bug with extra spacing above nested lists. */
body.gcr ul.nav li
{
  zoom: 1;
}

body.gcr ul.nav ul
{
  padding-left: 20px;
}

/* Change margin at top of article */
body.gcr .newsroom_article .article_side .article_body
{
  height: auto;
	margin-top: 28px;
	padding-bottom: 20px;
}

/* Add margin below article paragraphs and hero images */
body.gcr #article_body p,
body.gcr #article_body img.hero
{
  margin-bottom: 16px;
}

body.gcr #article_body img.sidebar
{
  margin: 0 20px 20px 0;
  float: left;
  clear: both;
}

body.gcr #article_body p.sidebar
{
  width: 315px;
  float: left;
}

/* Share link and popup */
/* Align share popup */
#shareContainerInner
{
  top: 29px;
  right: 107px;
}


/* Column view - news_panel extensions */
body.gcr .news_panel,
body.gcr .news_panel .mask,
body.gcr .news_panel a.hotspot
{
  width: 300px;
  height: 376px;
  padding: 0;
  position: relative;
}

body.gcr .news_panel .mask,
body.gcr .news_panel .content,
body.gcr .news_panel a.hotspot
{
	position: absolute;
	top: 0;
	left: 0;
}

body.gcr .news_panel a.hotspot
{
	display: block;
	z-index: 99;
	cursor: pointer;
}

body.gcr .news_panel .content
{
  width: 260px;
  padding: 20px 20px 0px 20px;
}

body.gcr .news_panel .content p
{
  color: #000;
	margin-bottom: 16px;
}

body.gcr .news_panel .mask
{
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
}

body.gcr .news_panel.ceo .mask
{
	background-image: url(../../i/hub/COM00_markhurd.jpg);
}

body.gcr .news_panel.hpemployees .mask
{
  background-image: url(../../i/hub/COM00_employees.jpg);
}

body.gcr .news_panel.datacenter .mask
{
  background-image: url(../../i/hub/ENV00_datacenter.jpg);
}

body.gcr .news_panel.privacy .mask
{
  background-image: url(../../i/hub/SOC00_privacy.jpg);
}

body.gcr .news_panel.ceo .content
{
	width: 140px;
	padding-left: 140px; 
}

body.gcr .news_panel.hpemployees .content
{
  width: 120px;
  padding-right: 160px; 
}

body.gcr .news_panel.datacenter .content
{
  width: 158px;
  padding-left: 122px; 
}

body.gcr .news_panel.privacy .content
{
  width: 120px;
  padding-right: 160px; 
}

body.gcr .news_panel.ceo .content h2
{
	line-height: 1.2em;
	padding-top: 34px;
}

body.gcr .news_panel.hpemployees .content h2,
body.gcr .news_panel.datacenter .content h2,
body.gcr .news_panel.privacy .content h2
{
	font-size: 18px;
  line-height: 1.2em;
  color: #fff;
  padding-top: 12px;
}

body.gcr .news_panel.datacenter .content h2,
body.gcr .news_panel.privacy .content h2
{
	padding-top: 0;
}

body.gcr .news_panel.ceo .content p
{
	line-height: 1.4em;
}

body.gcr .news_panel.hpemployees .content p,
body.gcr .news_panel.datacenter .content p
{
	color: #fff;
  line-height: 1.4em;
}

body.gcr .news_panel.datacenter .content p
{
  line-height: 1.4em;
}

body.gcr .news_panel.panda .mask
{
  background-image: url(../../i/hub/COM00_wwf.jpg);
}

body.gcr .news_panel.stakeholder .mask
{
  background-image: url(../../i/hub/COM00_stakeholder.jpg);
}

body.gcr .news_panel.climateenergy .mask
{
  background-image: url(../../i/hub/ENV00_energy.jpg);
}

body.gcr .news_panel.supplychain .mask
{
  background-image: url(../../i/hub/SOC00_photoessay.jpg);
}

body.gcr .news_panel.materialsafety .mask
{
  background-image: url(/hpinfo/environment/images/grid13material_safety_1.jpg);}
}

body.gcr .news_panel.recycle .mask
{
  background-image: url(../../i/hub/ACT00_recycle.jpg);
}

body.gcr .news_panel.panda .content .meta,
body.gcr .news_panel.stakeholder .content .meta,
body.gcr .news_panel.supplychain .content .meta,
body.gcr .news_panel.materialsafety .content .meta,
body.gcr .news_panel.recycle .content .meta
{
	margin-bottom: 185px;
}

body.gcr .news_panel.highlight .content .meta,
body.gcr .news_panel.climateenergy .content .meta,
body.gcr .news_panel.datacenter .content .meta
{
	margin-bottom: 0;
}

body.gcr .news_panel.climateenergy .content h2
{
	color: #fff;
	font-size: 18px;
	line-height: 1.2em;
	padding-top: 0;
}

body.gcr .news_panel.stakeholder .content h3,
body.gcr .news_panel.stakeholder .content p,
body.gcr .news_panel.supplychain .content h3,
body.gcr .news_panel.supplychain .content p,
body.gcr .news_panel.materialsafety .content h3,
body.gcr .news_panel.materialsafety .content p,
body.gcr .news_panel.climateenergy .content p
{
	color: #fff;
}

body.gcr .news_panel.highlight,
body.gcr .news_panel.quotepanel
{
	background: #333;
}

body.gcr .news_panel.quotepanel div.quote
{
  background: transparent url(../../i/article/quote_left_grey.gif) no-repeat 0 0;
}

body.gcr .news_panel.quotepanel div.quote div
{
  background: transparent url(../../i/article/quote_right_grey.gif) no-repeat bottom right;
}

body.gcr .news_panel.quotepanel blockquote
{
  padding: 10px 0;
  margin: 0; 
}

body.gcr .news_panel.quotepanel blockquote p
{
	font-size: 1.273em;
	line-height: 1.2em;
  color: #fff;
  margin: 0;
}

body.gcr .news_panel.quotepanel.amory blockquote p,
body.gcr .news_panel.quotepanel.markhurd blockquote p
{
	font-size: 22px;
	line-height: 1.2em;
}

body.gcr .news_panel.quotepanel cite
{
	font-style: normal;
	line-height: 1.4em;
	display: block;
	margin-bottom: 16px;
}

body.gcr .news_panel.highlight dl
{
	margin: 0;
}

body.gcr .news_panel.highlight dt
{
	font-size: 18px;
	line-height: 1.333em;
}

body.gcr .news_panel.highlight dd
{
	line-height: 1.455em;
	margin: 0 0 16px;
}

body.gcr .news_panel/**/.first 
{
  background: none;
  margin-left: 20px;
}

body.gcr #column_view .first h2,
body.gcr #column_view .first p,
body.gcr .news_panel.first h2,
body.gcr .news_panel.first p 
{
  color:#ffffff;
}

body.gcr .news_panel .meta .section 
{
  margin-bottom: 20px;
}

body.gcr .news_panel .meta img.photo 
{
  width: 260px;
  height: 165px;
  margin-bottom: 8px;
}

body.gcr .news_panel.ecohighlights .meta img.photo 
{
	width: 210px;
	height: 230px;
}

body.gcr .news_panel h2 
{
  font-size: 30px;
  color:#000000;
  padding-top:20px;
  margin:0px 0px 20px 0px;
}

body.gcr .news_panel h3 
{
  font-size:18px;
  color:#000000;
  font-weight:normal;
  margin:0px 0px 16px 0px;
}

body.gcr .news_panel h4 
{
  font-size:16px;
  color:#000000;
  font-weight:normal;
  margin:0px 0px 12px 0px;
}

body.gcr .news_panel p 
{
  line-height:16px;
}

body.gcr .news_panel p.description 
{
	padding-top: 0;
	border: 0;
	margin-top: 0;
}

body.gcr .news_panel a.breadcrumb 
{
  margin-bottom:20px;
}

body.gcr .news_panel div.clear 
{
  clear:both;
}

/* Curated (grid) view */

body.gcr #grid_view .grid_block, 
body.gcr #grid_view .grid_quarter .mask,
body.gcr #grid_view .grid_quarter .content
{
  padding:20px 25px 20px 25px;
}

body.gcr #grid_view .grid_large , #grid_view .grid_tall 
{
  height:345px;
}

body.gcr #grid_view .grid_large
{
  width:335px;
}

body.gcr #grid_view .grid_tall, 
body.gcr #grid_view .grid_wide, 
body.gcr #grid_view .grid_quarter, 
body.gcr #grid_view .grid_quarter .mask,
body.gcr #grid_view .grid_quarter .content
{ 
  width:229px; 
}

body.gcr #grid_view .grid_quarter,
body.gcr #grid_view .grid_quarter .mask,
body.gcr #grid_view .grid_quarter .content
{ 
  height:152px;
  position: relative;
}

body.gcr #grid_view .grid_quarter .mask,
body.gcr #grid_view .grid_quarter .content
{
  position: absolute;
  top: 0;
  left: 0;
}

body.gcr #grid_view .grid_quarter .mask
{
  background: transparent url(../../i/mask_50.png) repeat 0 0;
  display: none;
}

* html body.gcr #grid_view .grid_quarter .mask
{
  background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='i/mask_50.png');
}

body.gcr #grid_view .grid_block .meta .section 
{
  margin-bottom:0px;
}

body.gcr #grid_view .grid_large img.photo 
{
  display:block;
  margin-bottom:10px;
  width:335px;
  height:150px;
}

body.gcr #grid_view .grid_large h2 
{ 
  font-size:32px!important;
  line-height:39px;
  margin-bottom:20px; 
  padding-bottom:0px;
}

body.gcr #grid_view .grid_large p, 
body.gcr #grid_view .grid_quarter p,
body.gcr #grid_view .grid_tall p 
{
  font-size:11px;
  line-height:16px;
}

body.gcr #grid_view .grid_block h2 
{
  font-size:18px;
}

body.gcr #grid_view .grid_quarter.background_image 
{
  background-repeat:no-repeat;
} 

body.gcr #grid_view .grid_quarter.background_image h2,
body.gcr #grid_view .grid_quarter.background_image p
{
  color:#ffffff;
} 

body.gcr #grid_view .grid_tall img.photo 
{
  display:block;
  margin-bottom:10px;
  width:229px;
  height:150px;
}

body.gcr #grid_view .grid_quarter:hover
{
  background-color:#d9d9d9;
}

body.gcr #grid_view .grid_quarter:hover .mask
{
  display: block;
}

/* undoing cleansheet "1024 resize fixes" */
body.gcr #grid_view .grid_wide p.description,
body.gcr #grid_view .grid_wide p,
body.gcr #grid_view .grid_quarter p.description,
body.gcr #grid_view .grid_quarter p,
body.gcr #grid_view .grid_eighth p.description,
body.gcr #grid_view .grid_eighth p
{
  visibility:visible;
  display:block;
}

.clear
{
  height: 0;
  clear: both;
}

/* Interactive Template styles */

body.gcr div.interactiveTemplate #top_layer,
body.gcr div.interactiveTemplate div.newsroom_article,
body.gcr div.interactiveTemplate div.scrollbox_slider,
body.gcr div.interactiveTemplate #lib_content
{
  background-color:#000000;
}

/* Newsroom styles */

#interactive {
    margin:35px;
}
#interactive h1 {
    font-size:32px;
    font-weight:normal;
}

body.gcr #interactiveTabs,
body.gcr #article_body #interactiveTabs
{
    margin:0;
    padding:0;
    list-style:none;
    height:20px;
    border-bottom:5px solid #2495B8;
}

#audit #interactiveTabs {
  width:581px;
}

body.gcr #interactiveTabs li,
body.gcr #article_body #interactiveTabs li
{
	line-height: 1.2em;
  list-style: none;
	background: #444;
  padding: 0;
  margin: 0 2px 0 0;
  float: left; 
}

body.gcr #interactiveTabs li.on,
body.gcr #article_body #interactiveTabs li.on
{
  background:#2495B8;
}

#interactiveTabs li span.raquo
{
  color:ffffff;
}

#interactiveTabs li.on span.raquo 
{
  color:#2495B8;
}

#interactiveTabs li a {
    display:block;
    padding:0px 40px 0px 20px;
    font-size:12px;
    line-height:20px;
    font-weight:bold;
    color:#ffffff
}

#audit #interactiveTabs li a {
    padding:0px 15px 0px 10px;
}

.interactive .interactiveContent,
.interactive .contentPage
{
  display: none;
}

.interactive .on
{
  display:block;
}

.interactive .nav
{
  width: 300px;
	float: left;
}

.interactive .nav ul
{
  list-style: none;
	padding: 0;
  margin: 0;
}

.interactive .nav li
{
  line-height: 20px;
  color: #fff;
  background: #6b6c6b;
  padding: 0;
  border-top: 2px solid #000;
  margin: 0;
  _height:20px;
}

.interactive .nav li.divider
{
  height: 10px;
	background: #454545;
}

.interactive .nav li.heading
{
  font-weight: bold;
	background: #454546;
	padding-left: 10px;
}

.interactive .nav li a,
.interactive .nav li span
{
  color: #fff;
  background: #6b6c6b;
  padding: 0 10px;
  display: block;
}

.interactive .nav li .lvl1
{
	padding-left: 20px;
}

.interactive .nav li .lvl2
{
  padding-left: 40px;
}

.interactive .nav li a:hover
{
  background: #2495b8;
}

.interactive .nav li.on a {
  background: #2495b8 url(../../i/interactive/triangle.png) no-repeat right center;
 _background: #2495b8 url(../../i/interactive/triangle.gif) no-repeat right center;
}

.interactive h1
{
  color:#fff;
}

.interactive .content
{
  padding:0px 0px 0px 300px;
}

.interactive .content div.padding
{
  background-color: #fff;
	padding:  30px 35px 35px 35px;
}

#interactive #news_content .content  h1,
#interactive #awards_content .content  h1
{
  font-size: 22px;
  line-height: 1.2em;
  font-weight: normal;
  color: #000;
}

.interactive .content h2
{
  font-size: 18px;
  font-weight: normal;
  color: #2495b8;
}

.interactive .content p {
    margin:0 0 1.2em 0;
    font-size:11px;
    line-height:16px;
}

.interactiveContent .stub {
  width:580px;
  border-right:1px solid #2495b8;
  padding-bottom:30px;
}

.interactiveContent .stub img.lead
{
  display:block;
  margin-bottom:20px;  
}

body.gcr #environment_content div.content div.contentPage
{
  min-height: 331px;
}

body.gcr #society_content div.content div.contentPage
{
  min-height: 331px;
}

body.gcr #news_content div.content div.contentPage div.padding
{
  min-height: 101px;
}

/* Interactives - data table */

body.gcr div.interactiveTemplate table.data
{
  margin: 0;
}

* html body.gcr div.interactiveTemplate table.data
{
  width: auto;	
}

body.gcr div.interactiveTemplate table.data tr
{
  background-color:#ffffff;
}

body.gcr div.interactiveTemplate table.data td
{
  border-style:solid;
  border-color:#c6c6c7;
  border-width:0px 0px 1px 0px;
  vertical-align:top;
  font-size:11px;
  white-space:nowrap;
  text-align:right;
  padding:2px 6px 2px 6px;
}

body.gcr div.interactiveTemplate table.data tr.label td,
body.gcr div.interactiveTemplate table.data tr td.label
{
  font-weight:bold;
  white-space:normal;
}

body.gcr div.interactiveTemplate table.data tr td.label
{
  text-align:left;
  padding-right:12px;
}

body.gcr div.interactiveTemplate table.data td em
{
  font-style:normal;
  font-weight:normal;
}

body.gcr div.interactiveTemplate table.data td.icon
{
  text-align: center;
  padding: 2px 1px;
}

body.gcr div.interactiveTemplate table.data a.showhide,
body.gcr div.interactiveTemplate table.data a.graph
{
  width: 12px;
  height: 12px;
  background: transparent url(../../i/interactive/data_icons.gif) 0 0;
  margin: 0 auto;
  display: block;
}

body.gcr div.interactiveTemplate table.data a.graph
{
  background-position: 0 -24px;
}

body.gcr div.interactiveTemplate table.data a.shown
{
  background-position: 0 -12px;
}

body.gcr div.interactiveTemplate table.data .hide
{
  display: none;
}

body.gcr div.interactiveTemplate table.data .indent td.label
{
	padding-left: 20px;
}

body.gcr div.interactiveTemplate table.data .indent2 td.label
{
  padding-left: 40px;
}

/* audit findings table */
body.gcr #audit div.copy
{
	width: 245px;
	float: left;
}

body.gcr #audit div.inset 
{
  width: 315px;
  float: left;
  margin: 0 10px;
}

body.gcr #audit div.stub h2
{
	font-weight: bold;
  color:#535353;
  margin-top: 10px;
}

body.gcr #audit div.stub h3
{
  font-size:14px;
  font-weight:bold;
  color:#535353;
}

body.gcr #audit div.stub p
{
  font-size:11px;
  line-height:16px;
  color:#535353;
}

body.gcr #article_body table.audit, 
body.gcr #article_body table.overview 
{
  font-size: 9px;
  line-height: 11px;
  width: 100%;
  margin: 0 0 16px;
}

body.gcr #article_body table.audit
{
	margin: 0 0 8px;
}

body.gcr #article_body table.audit td,
body.gcr #article_body table.audit th,
body.gcr #article_body table.overview td,
body.gcr #article_body table.overview th
{
  padding:3px 6px 3px 6px;
  text-align:center;
  border-top: 0;
  border-bottom:1px solid #000000;
}

body.gcr #article_body table.overview tr.region
{
	font-weight: bold;
}

body.gcr #article_body table.overview td.loc
{
	text-align: left;
}

body.gcr #article_body table.audit td:first-child,
body.gcr #article_body table.audit th:first-child 
{
  text-align:left;
}

body.gcr #article_body table.audit tr th
{
  background-color:#cdcccc;
  color:#000000;
  font-weight:bold;
  vertical-align:bottom;
}

body.gcr #article_body table.audit tr.title th,
body.gcr #article_body table.overview tr.title th
{
  background-color:#149cc3;
  color:#ffffff;
  font-weight:bold;
  border-bottom:none;
}

body.gcr #article_body table.audit td 
{
  background-color:#ffffff;
}

body.gcr table.audit sup 
{
  color:inherit;
  font-size:7px;
}

body.gcr table.audit div.icon0,
body.gcr table.audit div.icon1, 
body.gcr table.audit div.icon11,
body.gcr table.audit div.icon26,
body.gcr table.audit div.icon51 {
  width:30px;
  height:12px;
  background-image:url(../../i/gcr/supplychain/audit/dashboard_nonconformance_icons.gif);
  background-repeat:no-repeat;
}

body.gcr table.audit div.icon0 
{
  background-position:0px 0px;
}

body.gcr table.audit div.icon1 
{
  background-position:0px -12px;
}

body.gcr table.audit div.icon11
{
  background-position:0px -24px;
}

body.gcr table.audit div.icon26
{
  background-position:0px -36px;
}

body.gcr table.audit div.icon51
{
  background-position:0px -48px;
}

body.gcr .screenReading
{
  display:none;
}

body.gcr table.audit td.dec
{
  color: #50b048;
}

body.gcr table.audit td.inc
{
  color: #149cc3;
}

body.gcr #article_body table.audit.key
{
  width:100%;
  margin: 16px 0 8px;
}

body.gcr #article_body #overview_content table.audit.key 
{
  margin-top: 0;
}

body.gcr #article_body table.audit.key td
{
  text-align: left;
	padding: 0 2px;
  border-width: 0;
}

/* Tech Gallery */
body.gcr #top_layer.techGallery
{
  background-color:transparent;
  min-width:985px;
}

body.gcr #top_layer.techGallery #article_head_left,
body.gcr #top_layer.techGallery #article_head_right
{
  float:left;
  border-bottom:none;
}

body.gcr #column_view.techGallery div.news_panel
{
  width:205px;
  background-image:none;
  background-color:transparent;
  border-left:1px solid white;
  padding:0px 0px 0px 30px;
  margin-left:30px;
}

body.gcr #column_view.techGallery div.news_panel.first
{
  border-left:none;
  margin-left:0px;
}

body.gcr #column_view.techGallery div.news_panel img.photo
{
  display:block;
  width:195px;
  height:140px;
  margin-bottom:25px;
  
}

body.gcr #column_view.techGallery div.news_panel h3
{
  font-size:18px;
  line-height:22px;
  color:#A8D596;
  font-weight:normal;
}

body.gcr #column_view.techGallery div.news_panel p
{
  font-size:12px;
  line-height:18px;
  color:#ffffff;
}

body.gcr #column_view.techGallery div.news_panel a.learnMore
{
  display:block;
  width:104px;
  height:18px;
  background-image:url(../../i/gcr/print_buttons.gif);
  background-position:0px -54px;
}

body.gcr #column_view.techGallery div.news_panel input.printSubmit 
{
  display:block;
  width:104px;
  background-position:0px -54px;
}

body.gcr #column_view.techGallery div.news_panel div.techGallery_item
{
  height:340px;
  overflow:hidden;
}

body.gcr .techGalleryPrint
{
	display: none;
}

body.gcr .printOverlay
{
	color: #333;
  padding-bottom: 20px;
}

body.gcr .printOverlay h2
{
	font-size: 2.91em;
	line-height: 1.2em;
  color: #000;
  margin-bottom: 16px;
}

body.gcr .printOverlay img
{
  padding: 0 0 20px 20px;
	border: 0;
	float: right;
}

body.gcr .printOverlay img.full
{
  padding-left: 0;
  float: none;  
}

body.gcr .printOverlay p
{
	font-size: 12px;
	line-height: 1.5em;
	margin-bottom: 16px;
}

body.gcr .printOverlay ul
{
	list-style-type: disc;
	padding-left: 36px;
  margin: 0 0 16px;
}

body.gcr .printOverlay ul li
{
  font-size: 1.091em;
  line-height: 1.5em;
	margin-bottom: 10px;
}

.data .icon img 
{
    cursor:pointer;
}
.data tr:first-child .icon img
{
    cursor:default;
}

.data_overlay,
.product_overlay 
{
  padding: 36px 10px 10px 10px;
  border: 10px solid #333;
  background: #fff;
  display: none;
  position: absolute;
  z-index: 10000;
}

.product_overlay
{
	width: 680px;
	height: 450px;
	padding: 30px 30px 20px;
	border: 0;
}

.data_overlay .close 
{
  width: 16px;
	height: 16px;
  background: #333 url(../../i/gcr/close.gif) no-repeat 0 0;
  position:absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.product_overlay .close
{
	width: 15px;
	height: 15px;
  background: #fff url(../../i/gcr/product_close.gif) no-repeat 0 0;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

.product_overlay .container
{
  height: 450px;
	overflow: hidden;
}

/* overlay slider */
#overlaySlider
{
  height: 430px;
	background: url(../../i/scrollbox_chrome.gif) repeat-y;
  display: block;
	position: absolute;
	top: 59px;
	right: auto;
}

#overlaySlider .handle
{
  width: 7px;
  height: 120px;
	background-color: #0098c7;
	position: relative;
}

#overlaySlider .handle .ribs
{
  width: 5px;
  height: 20px;
	background: url(../../i/scrollbox_chrome.gif) no-repeat right top;
  position: absolute;
  top: 55px;
  left: 2px;
}

body.gcr .shareImage img
{
  height:15px; width:15px
}
body.gcr .social_tagging
{
	background-image: url(../../i/article/icon_share_off.gif);
}

body.gcr .social_tagging:hover
{
	background-image: url(../../i/article/icon_share_on.gif);
}

body.gcr .share_over
{
  background-image: url(../../i/article/icon_share_on.gif);
}

/* In article styles */
body.gcr #article_body img.hero
{
	width: 580px;
	height: 190px;
	border: 0;
}

body.gcr #article_body img.para
{
  border: 0;
  margin-bottom: 16px;
}

body.gcr #article_body img.left,
body.gcr #article_body img.right
{
	border: 0;
	margin: 0 0 20px 0;
	float: left;
}

body.gcr #article_body img.right
{
  margin-left: 20px;
  float: right;
}

body.gcr #article_body h2
{
	margin: 20px 0 6px;
}

body.gcr #article_body h3
{
	font-size: 1.1667em;
	line-height: 1.286em;
	margin: 12px 0 8px;
}

body.gcr #article_body h4
{
 font-weight: bold;
 font-size: 1em;
 margin: 10px 0;
}

body.gcr #article_body h4 span
{
	font-weight: normal;
}

body.gcr #article_body table
{
	width: 556px; /* 580px - 1em (12px) - 1em (12px) */
	margin-left: 0;
}

body.gcr #article_body table.thin
{
  width: 356px; /* 380px - 1em (12px) - 1em (12px) */
  margin-left: 0;
}

body.gcr #article_body table.operations sup
{
	font-size: 0.8333em;
}

body.gcr #article_body table tr.indent td.first
{
  padding-left: 32px;
}

body.gcr #article_body table td.region
{
	font-weight: bold;
}

body.gcr #article_body table td.country
{
	text-align: right;
	padding-right: 12px;
}

body.gcr #article_body table td.profession
{
	font-weight: bold;
}

body.gcr #article_body th.last,
body.gcr #article_body td.last
{
  text-align: right;
  padding-right: 12px;
}

body.gcr #article_body th.demographic
{
	text-align: center;
}

body.gcr #article_body table td.num
{
	text-align: right;
}

body.gcr #article_body table.packed,
body.gcr #article_body table tr.packed
{
	font-size: 0.8em;
}

body.gcr #article_body table tr.packed span
{
	font-size: 0.9em;
}

body.gcr #article_body table th.left,
body.gcr #article_body table td.left
{
	border-left: 1px solid #000;
}

body.gcr #article_body table th.right,
body.gcr #article_body table td.right
{
  border-right: 1px solid #000;
}

body.gcr .interactiveContent table
{
	width: 100%;
	margin: 0 0 16px;
}

* html body.gcr .interactiveContent table
{
  width: auto;
}

body.gcr .interactiveContent th,
body.gcr .interactiveContent td,
body.gcr #article_body th,
body.gcr #article_body td
{
	vertical-align: top;
	line-height: 1.333em;
  padding: 6px 2px;
}

body.gcr .interactiveContent th,
body.gcr .interactiveContent td
{
	padding: 6px;
}

body.gcr .interactiveContent th,
body.gcr #article_body th
{
  background: #c4c4c4;
  padding: 4px 2px;
}

body.gcr .interactiveContent th.first,
body.gcr .interactiveContent td.first,
body.gcr #article_body th.first,
body.gcr #article_body td.first
{
	padding-left: 12px;
}

body.gcr #article_body th.check,
body.gcr #article_body td.check,
body.gcr #article_body th.percent,
body.gcr #article_body td.percent
{
	text-align: center;
}

body.gcr .interactiveContent td.head,
body.gcr #article_body td.head,
body.gcr #article_body td.total
{
	font-weight: bold;
}

body.gcr #article_body td ul
{
	padding-left: 1em;
}

body.gcr #article_body span.ref
{
  font-style: italic;
}

body.gcr #article_body div.quote
{
  background: transparent url(../../i/article/quote_left.gif) no-repeat 0 0;
}

body.gcr #article_body div.quote div
{
  background: transparent url(../../i/article/quote_right.gif) no-repeat bottom right;
}

body.gcr #article_body blockquote
{
	padding: 20px 20px 15px 20px;
	margin: 0 0 5px 0; 
}

body.gcr #article_body blockquote p
{
  font-size: 1.5em;
  line-height: 1.444em;
  color: #119cc3;
  margin: 0;
}

body.gcr #article_body blockquote.long p
{
	font-size: 1.1667em;
	line-height: 1.444em;
}

body.gcr #article_body cite
{
	font-size: 1.1667em;
	line-height: 1.2em;
	color: #999;
	margin: 0 20px 16px;
	display: block;
}

body.gcr #article_body ul
{
	padding-left: 36px;
	margin: 0 0 16px 0;
}

body.gcr #article_body li
{
	line-height: 1.5em;
	margin-bottom: 10px;
}

body.gcr #article_body ol.single li,
body.gcr #article_body ul.single li
{
	margin-bottom: 0;
}

body.gcr .interactiveContent ul li ul,
body.gcr #article_body ul.single li ul
{
	list-style-type: disc;
	margin-bottom: 0;
}

body.gcr #graph
{
	color: #333;
}

body.gcr #article_body table.chart,
body.gcr #article_body table.chart table,
body.gcr #graph table.chart,
body.gcr #graph table.chart table
{
  boder-collapse: collapse;
  border-spacing: 0;
  border: 0;
  margin-left: 0;
  width: 100%;
}

body.gcr #article_body table.chart table
{
  margin: 0;
}

body.gcr #article_body table.chart table.tablenote
{
	margin-top: 10px;
}

body.gcr #article_body table.chart.thin,
body.gcr #graph table.chart.thin
{
  width: 360px;
}

body.gcr #article_body table.chart.wide,
body.gcr #graph table.chart.wide
{
  width: 580px;
}

body.gcr #article_body table.chart th,
body.gcr #article_body table.chart td,
body.gcr #graph table.chart th,
body.gcr #graph table.chart td
{
  vertical-align: top;
  background: #fff;
  padding: 0;
  border: 0;
}

body.gcr #article_body table.chart th,
body.gcr #graph table.chart th
{
  text-align: left;
  font-weight: bold;
  border-bottom: 4px solid #0a357e;
  padding: 0;
}

body.gcr #article_body table.chart th span,
body.gcr #graph table.chart th span
{
	font-weight: normal;
}

body.gcr #article_body table.chart tr.first td,
body.gcr #graph table.chart tr.first td
{
  padding-top: 10px;
}

body.gcr #article_body table.chart tr.first table td,
body.gcr #graph table.chart tr.first table td
{
  padding-top: 0;
}

body.gcr #article_body table.chart td.pie,
body.gcr #graph table.chart td.pie
{
  width: 180px;
}

body.gcr #article_body table.chart td.bar,
body.gcr #graph table.chart td.bar
{
  width: 360px;
  padding-right: 10px;
}

body.gcr #article_body table.chart td.legendPie,
body.gcr #graph table.chart td.legendPie
{
  vertical-align: bottom;
}

body.gcr #article_body table.chart td.legendPie table,
body.gcr #graph table.chart td.legendPie table
{
  width: auto;
}

body.gcr #article_body table.chart tr.first td.legendBar,
body.gcr #graph table.chart tr.first td.legendBar
{
  padding-top: 32px;
}

body.gcr #article_body table.chart td.pie,
body.gcr #article_body table.chart td.link,
body.gcr #article_body table.chart td.axis,
body.gcr #graph table.chart td.pie,
body.gcr #graph table.chart td.link,
body.gcr #graph table.chart td.axis
{
  text-align: center;
}

body.gcr #article_body table.chart td.num,
body.gcr #graph table.chart td.num
{
  text-align: right;
}

body.gcr #article_body table.chart td.key,
body.gcr #graph table.chart td.key
{
  text-align: center;
  width: 12px;
  padding-right: 5px;
}

body.gcr #article_body table.chart td.label,
body.gcr #graph table.chart td.label
{
  font-weight: bold;
}

body.gcr #article_body table.chart img.rt,
body.gcr #graph table.chart img.rt
{
  float: right;
}

body.gcr #article_body table.tablenote,
body.gcr #graph table.tablenote
{
  font-size: 0.91667em;
  line-height: 1.2em;
  margin-top: 16px;
}

body.gcr #article_body table.tablenote td.bullet,
body.gcr #graph table.tablenote td.bullet
{
  text-align: right;
  width: 18px;
  padding-right: 6px;
}

body.gcr #article_body .interactiveContent table.tablenote
{
	font-size: 0.75em;
	width: 100%;
	margin: 0;
}

body.gcr #article_body .interactiveContent table.tablenote td
{
	background: #fff;
	padding: 0 2px;
	border: 0;
}

body.gcr #article_body .interactiveContent table.tablenote td.bullet
{
  text-align: right;
  width: 6px;
  padding: 0 2px;
}

body.gcr #article_body div.box
{
  background: #efefef;
  margin: 20px 0;
}

body.gcr #article_body div.box h4
{
  line-height: 1.667em;
  height: 20px;
  background: #c4c4c4;
  padding: 0 20px;
  margin: 0;
}

body.gcr #article_body div.box div
{
  padding: 20px 20px 1px;
}

body.gcr #article_body div.box div h5
{
	font-size: 1.1667em;
	line-height: 1.928em;
	font-weight: bold;
	margin-bottom: 10px;
}

body.gcr #article_body div.sidebar,
body.gcr #article_body div.highlights
{
	width: 280px;
	background: #efefef;
	margin: 0 20px 20px;
	float: right;
}

body.gcr #article_body div.floater
{
  width: 280px;
  margin: 0 20px;
  float: right;
}

body.gcr #article_body div.floater div.sidebar,
body.gcr #article_body div.floater div.highlights
{
	margin: 0 0 20px;
}

body.gcr #article_body div.sidebar h4,
body.gcr #article_body div.highlights h4
{
  line-height: 1.667em;
  background: #c4c4c4;
  padding: 0 20px;
  margin: 0;
}

body.gcr #article_body div.sidebar div,
body.gcr #article_body div.highlights div
{
	margin: 20px;
}

body.gcr #article_body div.sidebar ul.wide
{
  padding-left: 0;
	margin-left: 1em;
}

body.gcr #article_body div.highlights dd
{
	padding-bottom: 20px;
	border-bottom: 1px solid #c4c4c4;
	margin: 0 0 10px;
}

body.gcr #article_body div.highlights dd.last
{
	padding: 0;
	border: 0;
	margin: 0;
}

body.gcr #article_body div.highlights ul li
{
	margin-bottom: 0;
}

body.gcr #article_body div.profile
{
	width: 180px;
	margin: 0 0 20px 20px;
	float: right;
}

body.gcr #article_body div.profile img
{
	width: 180px;
	height: 180px;
	border: 0;
}

body.gcr #article_body div.profile div
{
	background: #efefef;
	padding: 20px;
	margin: 0;
}

body.gcr #article_body div.profile h5
{
	font-weight: bold;
	font-size: 1em;
	margin: 0;
}

body.gcr #article_body ul.tablenote
{
	text-indent: -0.4em;
  list-style-type: none;
  padding: 12px 0 0 0.4em;
  margin: 0 0 16px;
}

body.gcr #article_body ul.tablenote li
{
  font-size: 0.91667em;
  line-height: 1.2em;
  margin: 0;
}

body.gcr .printOverlay ol.footnote,
body.gcr .interactiveContent ol.footnote,
body.gcr #article_body ol.footnote
{
  text-indent: -0.5em;
	list-style-type: none;
  padding: 12px 0 0 0.5em;
  border-top: 1px solid #999;
  margin: 0;
}

body.gcr .printOverlay ol.footnote li,
body.gcr .interactiveContent ol.footnote li,
body.gcr #article_body ol.footnote li
{
	font-size: 0.91667em;
	line-height: 1.2em;
	margin: 0;
}

body.gcr #article_body ol.footnote li p
{
	text-indent: 0;
}

body.gcr .printOverlay ol.footnote li ul,
body.gcr .interactiveContent ol.footnote li ul,
body.gcr #article_body ol.footnote li ul
{
	list-style-type: disc;
	text-indent: 0;
	padding-left: 2em;
	margin: 5px 0;
}

body.gcr #article_body ol.footnote li ul li
{
  font-size: 11px;
  line-height: 18px;
  margin-bottom: 5px;
}

/* highlights */
body.gcr #article_body .h1billionkwh,
body.gcr #article_body .h2percent,
body.gcr #article_body .h3point5products,
body.gcr #article_body .h6point7million,
body.gcr #article_body .h11point3million,
body.gcr #article_body .h20x,
body.gcr #article_body .h30million,
body.gcr #article_body .h40percent,
body.gcr #article_body .h51,
body.gcr #article_body .h98percent,
body.gcr #article_body .h700,
body.gcr #article_body .h100million,
body.gcr #article_body .h5000tonnes,
body.gcr #article_body .h30000,
body.gcr #article_body .h112000tonnes,
body.gcr #article_body .h300000,
body.gcr #article_body .hdown20percent,
body.gcr #article_body .hdown40percent
{
	width: 240px;
	height: 60px;
	background: transparent url(../../i/article/highlights/highlights.gif) no-repeat 0 0;
	display: block;
}

body.gcr #article_body .h2percent
{
	background-position: 0 -60px;
}

body.gcr #article_body .h3point5products
{
  background-position: 0 -120px;
}

body.gcr #article_body .h6point7million
{
  background-position: 0 -180px;
}

body.gcr #article_body .h11point3million
{
  background-position: 0 -240px;
}

body.gcr #article_body .h20x
{
  background-position: 0 -300px;
}

body.gcr #article_body .h30million
{
  background-position: 0 -360px;
}

body.gcr #article_body .h40percent
{
  background-position: 0 -420px;
}

body.gcr #article_body .h51
{
  background-position: 0 -480px;
}

body.gcr #article_body .h98percent
{
  background-position: -240px 0;
}

body.gcr #article_body .h700
{
	background-position: -240px -60px;
}

body.gcr #article_body .h100million
{
  background-position: -240px -120px;
}

body.gcr #article_body .h5000tonnes
{
  background-position: -240px -180px;
}

body.gcr #article_body .h30000
{
  background-position: -240px -240px;
}

body.gcr #article_body .h112000tonnes
{
  background-position: -240px -300px;
}

body.gcr #article_body .h300000
{
  background-position: -240px -360px;
}

body.gcr #article_body .hdown20percent
{
  background-position: -240px -420px;
}

body.gcr #article_body .hdown40percent
{
  background-position: -240px -480px;
}

body.gcr img.external
{
	width: 12px;
	height: 12px;
  padding: 0;
  border: 0;
  margin: 0;
  display: inline;
  float: none;
}

body.gcr img.pdf
{
  width: 16px;
  height: 16px;
  padding: 0;
  border: 0;
  margin: 0;
  display: inline;
  float: none;
}

body.gcr #article_body table.feedback tbody
{
	width: 100%;
}

body.gcr #article_body table.feedback tbody
{
	background: transparent;
}

body.gcr #article_body table.feedback,
body.gcr #article_body table.feedback table
{
	margin: 0;
}

body.gcr #article_body table.feedback td
{
  vertical-align: bottom;
  background-color: #e7e7e7;
  padding: 5px;
  border: 0;
}

body.gcr #article_body table.feedback tr.choices td
{
	padding: 0;
}

body.gcr #article_body table.feedback td.container,
body.gcr #article_body table.feedback td.control,
body.gcr #article_body table.feedback td.submit
{
	background: transparent;
	padding: 0;
}

body.gcr #article_body table.feedback td.submit
{
  text-align: center;
}

body.gcr #article_body table.feedback table tbody
{
  background: transparent;
}

body.gcr #article_body table.feedback tr.spacer td
{
	height: 8px;
	background-color: #fff;
}

body.gcr #article_body table.feedback td.num
{
	text-align: right;
	font-weight: bold;
}

body.gcr #article_body table.feedback td.control,
body.gcr #article_body table.feedback td.question
{
  font-weight: bold;
}

body.gcr #grid_view a.hotspot
{
	display: block;
	position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  curstor: pointer;
}

body.gcr #grid_view .mask
{
  background: transparent url(../../i/mask_50.png) repeat 0 0;
  display: none;
	position: absolute;
	top: 0;
	left: 0;
}

* html body.gcr #grid_view .mask
{
  background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='i/mask_50.png');
}

body.gcr #grid_view .content
{
  position: absolute;
  top: 0;
  left: 0;
}

body.gcr #grid_view .gridintro,
body.gcr #grid_view .gridintro .mask,
body.gcr #grid_view .gridintro a.hotspot
{
  width: 385px;
  height: 385px;
}

body.gcr #grid_view .gridintro
{
  background: transparent url(../../i/home/HOME_equation.jpg) no-repeat 0 0;
  margin-right: 1px;
  float: left;
  position: relative;
}

body.gcr #grid_view .gridintro .content
{
	width: 195px;
	padding: 20px 170px 0 20px;
}

body.gcr #grid_view .gridintro .content h2,
body.gcr #grid_view .gridintro .content p,
body.gcr #grid_view .grid21.environment .content h2,
body.gcr #grid_view .grid21.environment .content p,
body.gcr #grid_view .grid12.humanrights .content h2,
body.gcr #grid_view .grid12.humanrights .content p,
body.gcr #grid_view .grid11.datagoals .content h2,
body.gcr #grid_view .grid11.datagoals .content p,
body.gcr #grid_view .grid11.education .content h2,
body.gcr #grid_view .grid11.education .content p
{
	color: #fff;
}

body.gcr #grid_view .gridintro ul
{
	list-style-type: none;
	padding-left: 0;
	margin: 0;
}

body.gcr #grid_view .grid32
{
  width: 560px;
  height: 385px;
  float: left;
  margin-right: 1px;
}

body.gcr #grid_view .grid22
{
	width: 559px;
	height: 385px;
	float: left;
	margin-right: 1px;
}

body.gcr #grid_view .grid12,
body.gcr #grid_view .grid12 .mask,
body.gcr #grid_view .grid12 a.hotspot
{
	width: 279px;
	height: 385px;
}

body.gcr #grid_view .grid12
{
  margin-right: 1px;
  float: left;
  position: relative;
}

body.gcr #grid_view .grid12.supplychain
{
  background: transparent url(../../i/home/HOME_supplychain.jpg) no-repeat 0 0;
}

body.gcr #grid_view .grid12.supplychain .content
{
	width: 239px;
	padding: 255px 20px 0 20px;
}

body.gcr #grid_view .grid12.materialsafety
{
 background:transparent url:(/hpinfo/environment/images/grid13material_safety_1.jpg) no-repeat 0 0;
}

body.gcr #grid_view .grid12.materialsafety .content
{
	width: 239px;
	padding: 255px 20px 0 20px;
}

body.gcr #grid_view .grid12.supplychain .content h2,
body.gcr #grid_view .grid12.materialsafety .content h2,
body.gcr #grid_view .grid21.environment .content h2,
body.gcr #grid_view .grid11.datagoals .content h2,
body.gcr #grid_view .grid11.education .content h2,
body.gcr #grid_view .grid12.ethics .content h2,
body.gcr #grid_view .grid12.humanrights .content h2,
body.gcr #grid_view .grid11.privacy .content h2,
body.gcr #grid_view .grid11.perspective .content h2
{
	font-size: 18px;
	line-height: 1.2em;
}

body.gcr #grid_view .grid12.ethics
{
  background: transparent url(../../i/home/HOME_ethics.jpg) no-repeat 0 0;
}

body.gcr #grid_view .grid12.ethics .content
{
  width: 239px;
  padding: 226px 20px 0 20px;
}

body.gcr #grid_view .grid12.humanrights
{
  background: transparent url(../../i/home/HOME_humanrights.jpg) no-repeat 0 0;
}

body.gcr #grid_view .grid12.humanrights .content
{
  width: 239px;
  padding: 244px 20px 0 20px;
}

body.gcr #grid_view .grid21,
body.gcr #grid_view .grid21 .mask,
body.gcr #grid_view .grid21 a.hotspot
{
	width: 559px;
	height: 192px;
}

body.gcr #grid_view .grid21.ceo
{
	background: transparent url(../../i/home/HOME_quote.jpg) no-repeat 0 0;
	margin-bottom: 1px;
	position: relative;
}

body.gcr #grid_view .grid21.ceo .content
{
	width: 259px;
	padding: 25px 0px 25px 150px;
	font-size: 18px;
}



body.gcr #grid_view .grid21.brochure
{
  background: transparent url(../../i/home/HOME_brochure.jpg) no-repeat 0 0;
  position: relative;
}

body.gcr #grid_view .grid21.brochure .content
{
  width: 99px;
  padding: 210px 20px 0 540px;
}

body.gcr #grid_view .grid21.environment
{
  background: transparent url(../../i/home/HOME_environment.jpg) no-repeat 0 0;
  margin: 0 1px 1px 0;
  float: left;
  position: relative;
}

body.gcr #grid_view .grid21.environment .content
{
	width: 259px;
	padding: 36px 20px 0 280px;
}

body.gcr #grid_view .grid21.quote
{
  background: transparent url(../../i/home/HOME_quote.jpg) no-repeat 0 0;
  margin-bottom: 1px;
  position: relative;
}

body.gcr #grid_view .grid21.quote .content
{
    width: 519px;
	padding: 60px 0px 100px 50px;
}

body.gcr #grid_view .grid21.quote .content blockquote
{
	margin: 0;
}

body.gcr #grid_view .grid21.quote .content blockquote p
{
	color: #000;
	font-size: 18px;
	line-height: 1.2em;
}

body.gcr #grid_view .grid21.quote .content cite
{
	line-height: 1.2em;
  color: #000;
  font-style: normal;
}

body.gcr #grid_view .grid11,
body.gcr #grid_view .grid11 .mask,
body.gcr #grid_view .grid11 a.hotspot
{
	width: 279px;
	height: 192px;
}

body.gcr #grid_view .grid11.perspective
{
  background: transparent url(../../i/home/HOME_perspective.jpg) no-repeat 0 0;
  margin-right: 1px;
  float: right;
  position: relative;
}

body.gcr #grid_view .grid11.perspective .content
{
	width: 156px;
	padding: 25px 20px 0 103px;
}

body.gcr #grid_view .grid11.education
{
  background: transparent url(../../i/home/HOME_education.jpg) no-repeat 0 0;
  margin-right: 1px;
  float: left;
  position: relative;
}

body.gcr #grid_view .grid11.education .content
{
	width: 156px;
	padding: 25px 20px 0 103px;
}


body.gcr #grid_view .grid11.privacy
{
  background: transparent url(../../i/home/HOME_privacy.jpg) no-repeat 0 0;
  margin-bottom: 1px;
  position: relative;
}

body.gcr #grid_view .grid11.privacy .content
{
	width: 110px;
	padding: 20px 149px 0 20px;
}


body.gcr #grid_view .grid11.datagoals
{
  background: transparent url(../../i/home/HOME_datagoals.jpg) no-repeat 0 0;
  margin-bottom: 1px;
  float: left;
  position: relative;
}

body.gcr #grid_view .grid11.datagoals .content
{
	width: 122px;
	padding: 36px 20px 0 137px;
}

body.gcr #grid_view .gridintro:hover .mask,
body.gcr #grid_view .grid12.supplychain:hover .mask,
body.gcr #grid_view .grid12.materialsafety:hover .mask,
body.gcr #grid_view .grid12.ethics:hover .mask,
body.gcr #grid_view .grid12.humanrights:hover .mask,
body.gcr #grid_view .grid21.ceo:hover .mask,
body.gcr #grid_view .grid21.brochure:hover .mask,
body.gcr #grid_view .grid21.environment:hover .mask,
body.gcr #grid_view .grid21.quote:hover .mask,
body.gcr #grid_view .grid11.datagoals:hover .mask,
body.gcr #grid_view .grid11.education:hover .mask,
body.gcr #grid_view .grid11.privacy:hover .mask,
body.gcr #grid_view .grid11.perspective:hover .mask
{
  display: block;
}

body.gcr #grid_view .content h2
{
	color: #000;
	font-size: 32px;
	line-height: 1.2em;
}

body.gcr #grid_view .content p
{
  color: #000;
  line-height: 16px;
  margin-bottom: 16px;
}

#flashcontent img
{
	margin-bottom: 10px;
}

#ie6warning
{
	display: none;
}

/* Use CSS hack to display the ie6warning bar for ie6 only. */
* html #ie6warning
{
	display: block;
}