/**********************************************************************************************

	Title: Graphic Packaging
	Date: June 2008 

***********************************************************************************************

	1.  GENERAL
			1.1 Headings and paragraphs
			1.2 Forms
			1.3 Links
			1.4 Miscellaneous
		
	2. GENERAL ELEMEMENTS
	
	3. LAYOUT
			3.1 Accessibility menu
			3.2 Header
			3.3 Content
			3.4 Secondary content
			3.5 Sidebar
			3.6 Footer
		
	4. LAYOUT ELEMENTS

***********************************************************************************************/


/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* Global reset */
td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

th { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

tr { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

thead { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

tfoot { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

tbody { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

caption { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

table { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

legend { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

label { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

form { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

fieldset { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

li { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

ul { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

ol { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

dd { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

dt { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

dl { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

var { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

tt { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

sup { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

sub { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

strong { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

strike { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

small { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

samp { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

s { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

q { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

kbd { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

ins { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

img { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

font { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

em { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

dfn { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

del { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

code { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

cite { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

big { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

address { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

acronym { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

abbr { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

a { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

pre { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

blockquote { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

p { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

h6 { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

h5 { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

h4 { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

h3 { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

h2 { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

h1 { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

iframe { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

object { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

applet { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

span { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

div { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

html { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body {
	line-height: 1; }	
	
ul {
	list-style: none; }
	
ol {
	list-style: none; }
	
table {
	border-collapse: separate; 
	border-spacing: 0;  /* tables still need 'cellspacing="0"' in the markup */
}

td {
	text-align: left; 
	font-weight: normal;
}

th {
	text-align: left; 
	font-weight: normal;
}

caption {
	text-align: left; 
	font-weight: normal;
}

body {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */
	text-align: center;
	line-height:16px;
	color:#333;
	background:#e6e6e6 url(../images/bg-repeat.gif) repeat-x ;
	padding:0 0 20px 0
}

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	

h4 {
	color:#00402f;
	font-weight:bold;
	padding-bottom:10px;
	font-family:Arial, Helvetica, sans-serif }


h3 {
	color:#00402f;
	font-weight:bold;
	padding-bottom:10px;
	font-family:Arial, Helvetica, sans-serif }


h2 {
	color:#00402f;
	font-weight:bold;
	padding-bottom:10px;
	font-family:Arial, Helvetica, sans-serif }


h1 {
	color:#00402f;
	font-weight:bold;
	padding-bottom:10px;
	font-family:Arial, Helvetica, sans-serif }


/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	

select {
	font:1em;
}


textarea {
	font:1em;
}


input {
	font:1em;
}


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	

a {
	color: #333;
	text-decoration: none }

a:hover {
	text-decoration:underline }



/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	

hr { 
	display: none; }
		
strong {
	font-weight: bold; }
		
em {
	font-style: italic; }
	
acronym {
	border-bottom: 1px dotted #999; 
	cursor: help;
}

abbr {
	border-bottom: 1px dotted #999; 
	cursor: help;
}

p{
	padding-bottom:12px }

/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.hide {
	position: absolute;
	left: -9999px;
}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}

.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 */


/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
#container{
	width:964px;
	overflow:hidden;
	margin:0 auto;
	background:#fff;
	text-align:left }
	
#header{
	width:964px;
	height:77px;
	overflow:hidden }
	
#footer{
	clear:both;
	overflow:hidden;
	height:45px;
	padding:10px 0 0;
	text-transform:uppercase;
	border-top:7px solid #c7e2af;
	background:#035845 url(../images/bg-rounded_bottom.gif) bottom center no-repeat;
	text-align:center;
	color:#fff }	
	
#wrap-content{
	overflow:hidden;
	background:url(../images/bg-wrap_content.gif) left repeat-y}		

/* 3.1	Accessibility menu
-----------------------------------------------------------------------------------------------*/	

#accessibility-menu {
	position: absolute;
	left: -1000em;
	text-align: left;
}


/* 3.2	Header
-----------------------------------------------------------------------------------------------*/	
#logo{
	float:left;
	width:286px;
	height:77px;
	text-align:left;
	overflow:hidden }
	
	#logo span{
	position:relative;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	cursor:pointer }
	
	#logo a{
	position:relative;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	cursor:pointer;
	color:white; }
	
	#logo h1{
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	cursor: pointer;}
	
	#logo span{
	background-position: bottom;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;	}
			
#top-navigation{
	float:right;
	width:575px;
	padding-top:40px }
  
#top-navigation ul {float: right;}  
	
	#top-navigation li{
		float:left;
		width:auto;
		text-transform:uppercase }
	
		#top-navigation li a{
			padding:2px 8px;
			display:block;
			margin:0px;
			border-right:1px solid #333 }	
		
	#top-navigation li.last a{
		padding-right:0;
		border:none }
		
	#top-navigation li.last{
		padding-right:0;
		border:none }
		
	#top-navigation li.search-form{
		width:218px;
		padding-left:10px;
		position:relative }
		
		#top-navigation li.search-form a{
			padding: 3px 2px 2px 2px;}
			
		#top-navigation li.search-form input{
			width:145px;
			margin-right:0px;
			height:16px;
			line-height:normal;
			float:left;
			font:11px Verdana, Arial, Helvetica, sans-serif;
			padding: 1px;
			color:#666;
			border:none; }
			
		#top-navigation li.search-form input#submit{
			width:28px;
			height:25px;
			float:left;
			margin:0px;
			color:#fff;
			background:#999;
			border:none }
			
		#AdvSearchLink {
			text-transform:none;
			margin-left: 3px;
			padding-left: 3px;
			padding-bottom:2px;}			
			
		#ccbnnoBorder #InputKeywords {border:none!important;outline-color:#ffffff;border-color:#ffffff;}

			
/* 3.3	Content
-----------------------------------------------------------------------------------------------*/
#content{
	width: 724px;
	float: left;
	overflow: hidden;
	font-family: Arial;
	font-size:9pt;
	color:black;}	
	
	#block-wide{
	padding: 14px 22px;
	overflow: hidden;
	font-family: Arial;
}
		
		#block-wide .leftside{
			width:475px;
			float:left;
			padding-right:22px;
			border-right:1px solid #ccc }
			
		#block-wide .rightside{
			width:160px;
			float:right;
			text-align:left }	
		
	#highlight{
		overflow:hidden;
		display:inline-block;
		margin-bottom:22px; }	

	#highlight li{
		width:207px;
		border-right:2px solid #ccc;
		float:left;
		margin-right:22px }

		#highlight li.last{
			margin:0;
			border:0 }
			
		#highlight h3 span{
			display:block;
			height:24px;
			width:207px;
			position:relative;
			overflow:hidden }
			
			#highlight h3{
			display:block;
			height:24px;
			width:207px;
			position:relative;
			overflow:hidden }
			
			#highlight h3 span{
				position:absolute;
				top:0;
				left:0 }
				
			#highlight h3#packaging-innovation span{
				background:url(../images/h3-packaging_inovation.gif) no-repeat }	
				
			#highlight h3#customer-focus span{
				background:url(../images/h3-customer_focus.gif) no-repeat }
				
			#highlight h3#sustainability span{
				background:url(../images/h3-sustainability.gif) no-repeat }			

	#content h3{
		font-size:14px }
		
	#content .flash-place{
		height:196px;
		width:724px;
    overflow: hidden;
		border-bottom:7px solid #89BEAA }
			
	#breadcrumb{
		overflow:hidden;
		border-bottom:2px solid #ccc;
		margin-bottom:22px;
		width: 680px; }	
	
	#breadcrumb .leftside{ border:none }

		#breadcrumb a{
			padding-bottom:5px;
			color:#999  }
			
		#breadcrumb h2{
			padding-bottom:5px;
			color:#999  }
			
		#breadcrumb p{
			padding-bottom:5px;
			color:#999  }
			
		#breadcrumb h2{
			font-size:18px;
			text-align:right }
			
	#block-wide .leftside h2{
		font-size:19px;
		text-transform:uppercase }
		
	#block-wide .leftside .block-lists{
		border-top:2px solid #ccc;
		padding:22px 0;
		margin-top:11px;
		overflow:hidden }
		
		#block-wide .leftside .block-lists li{
			width:200px;
			float:left;
			margin-bottom:11px;
			margin-right:22px;
			clear:both }
			
			#block-wide .leftside .block-lists li.last{
				float:left;
				clear:none}
			
		#block-wide .leftside .block-lists h3{
			padding-bottom:3px }			
			
			
	#block-wide .rightside .profiles{
		font-style:italic }

		#block-wide .rightside .profiles img{
			margin-bottom:10px }			

		#block-wide .rightside .profiles li{
			padding-bottom:5px }
		
		#block-wide .rightside .profiles ul{
			padding-bottom:10px }
	
			
/* 3.5	Sidebar
-----------------------------------------------------------------------------------------------*/	
#sidebar{
	width:240px;
	overflow:hidden;
	float:left;	 }
	
	#image-place{
		width:240px;
		height:196px;
		overflow:hidden;
		border-bottom:7px solid #89BEAA }
		
		#image-place img{
			margin:0;
      padding:0; }	
			
	#news-and-event{
		overflow:hidden;
		width:240px;
		height: 380px;
		background:#f8f7ef url(../images/bg-sidebar.gif) top center no-repeat }	
		
		#news-and-event h3 span{
			width:240px;
			height:47px;
			position:relative;
			display:block;
			overflow:hidden }
			
			#news-and-event h3{
			width:240px;
			height:47px;
			position:relative;
			display:block;
			overflow:hidden }
			
			#news-and-event h3 span{
				position:absolute;
				top:0;
				left:0;
				background:url(http://160.109.119.56/images/h3-investor_relations.gif) no-repeat }

			#news-and-event h3#governance span{
				background:url(../images/h3-governance.gif) no-repeat }
				
		#news-and-event dl{
			display:block;
			padding:0 22px 20px 22px;
			width:196px }
			
			#news-and-event dt { 
				padding-bottom:5px }

				#news-and-event dt a{
					background:url(../images/bg-li_news.gif) left no-repeat;
					padding-left: 20px;
					font-weight:bold }
				
			#news-and-event dd{
				padding-left:20px;
				padding-bottom:15px }
				
			#news-and-event dd.readmore{				
				margin-bottom:15px;
				border-bottom:1px dashed #333 }
				
			#news-and-event dd.last{
				margin:0;
				border:0 }
								
				#news-and-event	dd.readmore a{
					font-weight:bold;
					text-decoration:underline }		
					
		#news-and-event ul{
			padding:0 22px 20px 22px;
			width:193px;
			display:block;
			margin-bottom:70px;
			margin-left:3px; }
				
			#news-and-event li{
				border-top:1px dashed #666;
				padding:5px 0}					
	
			#news-and-event li.last{
				border-bottom:1px dashed #666;}

			#news-and-event li a{ font-weight:bold }
			
/* 3.6	Footer
-----------------------------------------------------------------------------------------------*/	
#second-navigation{
	width:720px;
  text-align: center;
	margin:0 auto;
	overflow:hidden;
	padding-left:20px }

#second-navigation li{
	list-style:none }
	
	
	#second-navigation ul{
	list-style:none }
	
	
	#second-navigation ul{
		padding:10px 5px;
		font-size:10px;
		overflow:hidden;
		font-family:Arial, Helvetica, sans-serif }

	#second-navigation li{
		float:left;
		display:block }
		
		#second-navigation li a{
			color:#fff;
			padding:0 10px;
			border-right:1px solid #fff;
			text-transform:uppercase }	

		#second-navigation li.last a{
			border:0 }
			
/* 4. LAYOUT ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
#navigation{
  overflow: hidden;
  height: 34px;
  line-height: normal;
	background:#035845 url(../images/bg-rounded_top.gif) top center no-repeat;
	border-bottom:7px solid #7AC043 }
	
	#navigation ul{
		padding:10px 5px;
		font-size:12px;
		overflow:hidden;
		font-family:Arial, Helvetica, sans-serif }
		
	#navigation li{
		float:left;
		display:block }
		
		#navigation li a{
			color:#fff;
			padding:0 10px;
			border-right:1px solid #fff;
			text-transform:uppercase }	

		#navigation li.last a{
			border:0 }

.dropmenu{
	position:absolute;
	top:0;
	z-index:100;
	width: 170px;
	visibility: hidden;
	margin-top:8px;
	}

	.dropmenu img{
		display:block;}

	.dropmenu ul{
		background:#f3f1eb url(../images/dropdown_bkgd_mid.png) repeat-y scroll 0% 0%;
		padding:0 12px;
		}

		.dropmenu ul li{
			display:block;
			width:100%;
			text-align:left;
			border-bottom:2px solid #e0ddd5;
			padding:4px 0;}

		.dropmenu ul li.last{
			border:none;}

			.dropmenu ul li a{
				display:block;
				color:#534926;
				text-decoration:none;
				width:100%;}
			
			.dropmenu ul li a:hover{
				text-decoration:underline;}
			

/* For Search Area*/

td.ms-sbcell{
padding:0px;
padding-left:0px;
white-space:nowrap;
border:solid 1px #7f9db9;
}
td.ms-sbgo{
background-color:#e9f2fd;
padding-left:3px;
padding-right:3px;
padding-bottom:1px;
padding-top:1px;
border-left: none;
}	
td.ms-sblink{
padding-right:14px;
border:none;
font-family:Tahoma, arial;
font-size:8pt;
}