@charset "utf-8";
/* CSS Document */
/* color list
#666
#888
#999
#09C Hyperlink Blue
#e8f6fa Hyperlink BG Blue
#AFC2C5 Blue Gray, promotion line
*/

/*COMMON To ALL Windows*/
* {margin:0;padding:0}
BODY,
TABLE {font-family:Georgia, "Times New Roman", Times, serif;font-size:10pt;text-align:center;color:#333;line-height:1.3em}
A,
A:visited {text-decoration:none;color:#09C}
A:hover {background-color:#09C;color:#FFF;text-decoration:none}
BODY {text-align:center; background:url(_images/bg_body.gif) repeat-x top}
.hide {display:none}
.print {display:none}
.clearfloat {clear:both;height:0;font-size:1px;line-height:0px;} /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
.BGgrey {background-color:#EEE}
.lightGrey {color:#BBB}
.bulletList LI {margin:15px;line-height:1.5em}
.bulletList LI LI {margin:8px}
.alignLeft {text-align:left}

/*IMG A:hover BUG FIX*/	
#header .companyName A:hover,
#home .banner A:hover {background-color:#fff}

/*COMMON To MAIN WINDOW*/
#container {width:960px;margin:0 auto;text-align:left}
/*COMMON**HEADER**/
#header .primary,
#header .secondary {height:105px;padding:0px}
#promotions,
#header .commonMenu {height:21px;font-family:Arial, Helvetica, sans-serif;font-size:11px;padding-top:4px}
#header .commonMenu LI {padding-left:16px}
#header .primary {width:650px;float:left;background:url(_images/bg_primary.gif) no-repeat 2px 6px}
#header .secondary {float:right;width:310px}
#header LI {float:left;list-style:none}
#promotions {float:right;width:450px;color:#AFC2C5}
#header .companyName {float:left;margin-top:25px}
#header .companyName IMG {border:none;width:110px;height:80px}
#header .topMenu {margin:60px 0 0 110px;width:520px;height:20px;font-size:13px}
#header .topMenu LI {border-right:1px solid #999;padding:0 13px}
#header .topMenu LI.investors {border-right:none}
/*COMMON**FOOTER**/
#global {height:25px; font-size:0.9em; border-width:1px 0; border-color:#666; border-style:dotted;margin-top:10px}
#global LI {list-style:none; float:left; margin:1px 10px 0 20px; padding-top:3px}
#copyright {text-align:right;margin:8px 0;font-size:0.8em;font-family:Arial, Helvetica, sans-serif;color:#999}

  
/*HOME*/  
/*HOME**STOCK**/
#home .stock {margin-left:120px;padding-top:5px;color:#999;height:65px}
#home .stock .symbol {font-size:11px;width:90px;height:60px;float:left;font-family:Arial, Helvetica, sans-serif}
#home .stock .symbol IFRAME {display:none}
#home .stock .symbol STRONG {display:block;font-size:11px;font-weight:bold}
#home .stockTicker {margin-left:94px;margin-top:3px}
#home .stockTicker LI {list-style:none}
#home .stockTicker LI.last {font-size:1.3em;color:#888}
#home .stockTicker SPAN#Last {font-size:1.5em;display:block;padding:3px 0 10px 0}
#home .stockTicker LI A {font-size:0.8em}
/*HOME**BANNER**/
#home .banner {margin-bottom:20px;height:140px}
#home .banner H1 {display:none}
#home .banner IMG {border:none;width:958px;height:140px}
/*HOME**COLUMNS**/
#home .columnLeft, #home .columnMiddle, #home .columnRight {width:320px;font-size:0.9em}
#home .columnLeftWide {width:640px;font-size:0.9em}
#home .columnLeft, #home .columnMiddle, #home .columnLeftWide {float:left}
#home .columnRight {float:right}
#home .columnLeft LI, #home .columnLeftWide LI, #home .columnMiddle LI, #home .columnRight LI {list-style:none;line-height:1.5em}
#home H2, #home H3, #home H4, #home H5, #home H6,
#home .columnLeft P, #home .columnMiddle P, #home .columnRight P,
#home .columnLeft UL, #home .columnMiddle UL, #home .columnRight UL {width:290px;margin-left:15px;margin-bottom:10px}
#home .columnLeft P, #home .columnLeftWide P, #home .columnMiddle P, #home .columnRight P {line-height:1.5em;padding-bottom:10px}#home .columnLeft 
#home .columnLeftWide H2, #home .columnLeftWide H3, #home .columnLeftWide H4, #home .columnLeftWide H5, #home .columnLeftWide H6, 
#home .columnLeftWide P,
#home .columnLeftWide UL {width:610px;margin-left:15px;margin-bottom:10px}
#home .columnLeftWide {width:640px;min-height:600px;float:left}
/*HOME**COLUMNS***BANNER***/
#home .bod, #home .management {font-size:14px;font-weight:normal}
#home .bod span.fontEnlarge, #home .management span.fontEnlarge {font-size:1.3em;display:block;margin-bottom:2px}
#home .bod A,
#home .management A {background-repeat:no-repeat;width:290px;display:block;height:200px;border:1px solid #999;margin-bottom:15px;text-align:center}
#home .bod A {background-image:url(_images/home_bod_bg.jpg)}
#home .management A {background-image:url(_images/home_management_bg.jpg)}
#home .bod A:hover,
#home .management A:hover {color:#09C;background-color:#FFF}
#home .bod A IMG,
#home .management A IMG {border:none;margin-bottom:10px}
/*HOME**NEWS LIST**/
#home .NRlist LI {margin-top:10px}
#home .NRlist LI.moreNR {text-align:right;padding-top:10px}
#home .NRlist LI .NRdate {display:block;font-size:0.75em; text-transform:uppercase; color:#999;padding-top:5px;border-bottom:1px dotted #999;margin-bottom:5px}
#home H4,
#home H6,
#home .NRtitle {font-weight:normal;font-size:1.6em;padding:10px 0}
#home H4 {font-size:23px;text-align:center;padding:20px 0 15px 0}
/*HOME**FACTSHEET**/
#home .factSheet {margin-bottom:35px;height:120px}
#home .factSheet a:hover {background-color:white}
/*HOME**GUIDING PRINCIPLES**/
#home P.vision,
#home P.mission,
#home P.guidingPrinciples {font-size:18px; margin-bottom:0;padding-top:10px}
#home P.vision STRONG,
#home P.mission STRONG,
#home P.guidingPrinciples STRONG {font-weight:normal}
#home .homeBulletPoints  LI {list-style:disc;margin-left:15px;margin-bottom:6px}
#home P.coreAssets a:hover {background-color:white}
#home IMG.pieChart {width:290px;height:187px} 

/*SUBPAGES*/
#article P.backToTop {clear:both;margin:0;padding:0;width:590px;height:30px}
/*SUBPAGES**COLUMNS**/
#article .columnLeft {width:110px;float:left}
#article .columnMiddle {width:590px;float:left;border-top:1px dotted #999;margin-left:12px}
#article .columnMiddleWide {margin-left:122px}
#article .columnRight {width:220px;float:right;font-size:8pt}
#article .columnLeft IMG {width:100px;border:1px solid #999}
#article .columnLeft A {border-color:#999}
/*SUBPAGES**COLUMNS***RightMiddle***/
#article H1 {font-weight:normal;padding:25px 0 20px 0;margin-top:10px;background-position:right top;background-repeat:no-repeat;font-size:18pt}
#article .columnMiddle P {margin-bottom:15px;line-height:1.5em}
#article .columnMiddle P.photo {text-align:left;line-height:1.2em;margin:20px 0;font-size:0.8em}
/*SUBPAGES**COLUMNS***RightColumn***/
#article .columnRight P.title {color:#666;text-transform:uppercase;font-size:10px;margin-bottom:10px;line-height:1.3em;font-family:"Times New Roman", Times, serif}
#article .columnRight P.title SPAN {text-transform:lowercase;font-size:9px}
#article .stock,
#article .seeAlso,
#article .contactInfo,
#article .otherProjects {border-top:1px dotted #999;margin-bottom:40px}
#article .otherProjects {background:url(_images/bg_maps.gif) right bottom no-repeat}
#article .seeAlso LI {list-style:none}
#article .otherProjects LI {margin-left:15px;font-size:10pt;padding:3px 0}
#article .IRcontact {font-size:12pt;padding-bottom:3px}
#article .IRcontact .position {font-size:0.8em}
/*SUBPAGES**STOCK**/
#article .stock {height:180px}
#article .stock .stockSymbol {font-size:1.0em;font-weight:bold}
#article .stock IFRAME {display:none}
#article .stock LI {list-style:none}
#article .stock LI SPAN {float:left;width:48px}
#article .stock LI.last {width:98px;float:left;font-size:17px;line-height:1.6em;margin-top:3px;color:#888;height:97px}
#article .stock LI.last SPAN#Last {font-size:25px;display:block;width:90px}
#article .stock LI.high,
#article .stock LI.low,
#article .stock LI.volume,
#article .stock LI.bid,
#article .stock LI.ask {float:right;width:120px;height:20px;font-size:11px}
#article .stock LI.moreStockInfo {text-align:right;width:218px;padding-top:10px;float:right}
#article .stock SPAN#High,
#article .stock SPAN#Low,
#article .stock SPAN#Volume,
#article .stock SPAN#Bid,
#article .stock SPAN#Ask {float:right;width:68px;text-align:right;margin-right:2px}
/*SUBPAGES**PDF LIST**/
#article .fileSize {font-size:0.75em;font-family:Arial, Helvetica, sans-serif;color:#FFF}
#article .pdfList P {margin-bottom:10px;font-size:1.2em;color:#000}
#article .pdfList UL {margin-bottom:20px;padding-bottom:10px}
#article .pdfList LI {list-style:none;margin:0 15px}
#article .pdfList A {display:block;padding:2px 0 2px 25px;background:url(_images/icon_pdf.gif) no-repeat 2px 2px}
#article .pdfList A:hover {background-color:#09C}
/*SUBPAGES**SUBMENU**/
#subMenu {margin-top:5px;width:590px;height:35px;text-align:center;border-bottom:1px dotted #999}
#subMenu LI {float:left;list-style:none;margin-right:15px;height:35px}
#subMenu A {color:#999;display:block;height:25px}
#subMenu A:hover {color:#09C;background-color:#FFF}
#subMenu A.current {color:#000;background:url(_images/menu_current.gif) center bottom no-repeat}
#subMenu A.current:hover {color:#000}

/*ABOUT US*/
/*ABOUT US**PEOPLE*/
#management H1,
#board H1 {float:left;width:290px;height:360px;background-position:0 250px;color:#000;padding:0;margin-top:0}
#management H1 .position,
#board H1 .position {display:block;color:#333;font-size:16px;padding-top:10px;line-height:1.2em}
#management H1 IMG,
#board H1 IMG {margin-bottom:35px;width:250px;height:250px}
#managment .committee,
#board .committee {font-size:0.8em;margin-left:290px}
/*ABOUT US**SUBSUBMENU**/
#article .subSubMenu {margin:10px 0 20px 0;border-bottom:1px dotted #999}
#article .subSubMenu LI {float:left;width:285px;height:50px;margin-right:10px;list-style:none;line-height:1.0em;color:#000;margin-bottom:5px}
#article .subSubMenu LI .position {display:block;font-size:11px;margin-top:3px;color:#666}
#article .subSubMenu A,
#article .subSubMenu A:hover {display:block;height:40px;font-size:12px;margin-bottom:5px;padding:5px 0 5px 55px;background-repeat:no-repeat;background-position:5px 5px}
#article .subSubMenu A:hover {background-image:inherit;background-color:#e8f6fa;color:#000}
#article .subSubMenu A.current,
#article .subSubMenu A.current:hover{color:#000;background-image:inherit;background-color:#EEE}
/*ABOUT US**PEOPLE***MANAGEMENT***/
#management .subSubMenu {height:117px}
#management .subSubMenu LI {width:285px}
#management .subSubMenu A {min-width:230px}
#management #jorge {background-image:url(_images/people_menu_Jorge.jpg)}
#management #giovanni {background-image:url(_images/people_menu_Giovanni.jpg)}
#management #vernon {background-image:url(_images/people_menu_Vernon.jpg)}
#management #blair {background-image:url(_images/people_menu_Blair.jpg)}
/*ABOUT US**PEOPLE***BOARD***/
#board .subSubMenu {height:117px}
#board .subSubMenu LI {width:185px}
#board .subSubMenu A {min-width:130px}
#board #david {background-image:url(_images/people_menu_David.jpg)}
#board #jorge {background-image:url(_images/people_menu_Jorge.jpg)}
#board #dan {background-image:url(_images/people_menu_Dan.jpg)}
#board #roman {background-image:url(_images/people_menu_Roman.jpg)}
#board #arnold {background-image:url(_images/people_menu_Arnold.jpg)}
#board #myron {background-image:url(_images/people_menu_Myron.jpg)}

/*PROJECTS*/
#projects #subMenu LI {font-size:12px}
#projects .map {border:1px #999 solid}
#projects .bulletList LI {line-height:1.3em}
#projects .newYearProgram {font-size:1.4em;padding-top:20px}
#projects .menuDetails {width:330px;height:30px;font-size:1.2em;margin-top:90px}
#projects .menuDetails LI {list-style:none;border:1px solid #DDD;border-bottom:none;float:left;height:30px/*;height:25px*/;margin-right:5px}
#projects .menuDetails LI A {display:block;padding:5px 15px;height:20px;color:#999;background:url(_images/bg_menu_projectDetails.gif) repeat-x}
#projects .menuDetails LI A:hover {color:#000;background:url(_images/bg_menu_projectDetails_h.gif) repeat-x}
#projects .menuDetails LI.current A {color:#000;background:#FFF}
#projects .menuDetails LI.current A:hover {color:#000;background:#FFF}
#projects .discovery {background-image:url(_images/bg_projects_value_discovery.gif)}
#projects .definition {background-image:url(_images/bg_projects_value_definition.gif)}
#projects .preFeasibility {background-image:url(_images/bg_projects_value_preFeasibility.gif)}
#projects .feasibility {background-image:url(_images/bg_projects_value_feasibility.gif)}
#projects .discovery,
#projects .definition,
#projects .preFeasibility,
#projects .feasibility {background-position:350px 20px;background-repeat:no-repeat;display:block;height:180px;line-height:1.1em;border-bottom:1px solid #DDD;margin-bottom:15px;padding:0}
#projects #article .discovery H1,
#projects #article .definition H1,
#projects #article .preFeasibility H1,
#projects #article .feasibility H1 {margin-top:0}
#projects .discovery H1 SPAN,
#projects .definition H1 SPAN,
#projects .preFeasibility H1 SPAN,
#projects .feasibility H1 SPAN {display:none}
/*PROJECTS**OVERVIEW**/
#projects .projectLink {width:277px;height:135px;margin:0 12px 15px 0;border:2px #DDD solid;float:left}
#projects .projectLink .fltlft {width:110px}
#projects .projectLink UL {margin-top:10px}
#projects .projectLink LI {margin-left:25px}
#projects .projectLink .title {font-size:14pt;color:#000;margin:12px 0 10px 15px;list-style:none;display:block;width:95px;line-height:1.2em}
#projects .projectLink .title A {color:#000}
#projects .projectLink IMG {border:none;width:130px;margin-left:15px;margin-top:15px}
#projects .projectLink A IMG:hover {background-color:#FFF}
/*PROJECTS**TABLES**/
#aboutUs TABLE {width:95%}
#aboutUs TABLE,
#projects TABLE {font-family:Arial;margin-bottom:10px;font-size:0.9em;border-collapse:collapse} 
#aboutUs TABLE CAPTION,
#projects TABLE CAPTION {font-size:0.9em;text-align:left;margin-top:15px;padding-bottom:3px} 
#aboutUs TH, 
#aboutUs TD, 
#projects TH, 
#projects TD {border-bottom:1px solid #BBB;padding:3px 10px}
#aboutUs TH,
#projects TH {background-color:#E3EDEE;border-top:1px solid #BBB} 
#aboutUs TD.numbers {
	text-align:right; padding-right:38px}


/*WHY ZINC*/
#whyZinc H1 {background-image:url(../_images/whyZinc_icons.gif)}
#aboutUs H2,
#whyZinc H2,
#whyZinc H3 {font-weight:normal;font-size:14pt;padding-top:20px}
#whyZinc .quote {background:url(_images/bg_quote.gif) no-repeat left top;font-size:12pt;padding:10px 0 0 30px;margin-top:10px}
#whyZinc .quoteBy,
#whyZinc .quoteBy A {color:#999;text-align:right}
#whyZinc .quoteBy A:hover {color:#FFF}
#whyZinc .bulletList {padding-left:80px}
#whyZinc .bulletList LI {margin:10px 15px;line-height:1.3em}
#whyZinc .graphZincProduction,
#whyZinc .graphZincStatistics,
#whyZinc .graphOneYearZincSpot,
#whyZinc .graphOneYearLMEZinc {width:590px}
#whyZinc .graphZincProduction P STRONG,
#whyZinc .graphZincStatistics P STRONG,
#whyZinc .graphOneYearZincSpot P STRONG,
#whyZinc .graphOneYearLMEZinc P STRONG {display:block}
#whyZinc .graphZincProduction P {padding-top:90px;float:left;width:250px}
#whyZinc .graphZincProduction IMG {float:right;width:315px;height:285px}
#whyZinc .graphZincStatistics P {padding-top:60px;float:right;width:150px}
#whyZinc .graphZincStatistics IMG {float:left;width:415px;height:295px}
#whyZinc .graphOneYearZincSpot {margin:40px 0 10px 0}
#whyZinc .graphOneYearZincSpot P {padding-top:20px;float:left;width:170px}
#whyZinc .graphOneYearZincSpot IMG {float:right;width:400px;height:325px}
#whyZinc .graphOneYearLMEZinc P {padding-top:20px;float:left;width:170px}
#whyZinc .graphOneYearLMEZinc IMG {float:right;width:400px;height:315px}
#whyZinc .backToTop {display:block;margin-top:15px;padding-left:15px;width:150px;font-size:0.9em;background:url(_images/bg_backToTop.gif) no-repeat left}

/*STRATEGY*/
#strategy .bulletList LI {list-style:none;margin-left:0}
#strategy .bulletList LI LI {list-style:disc;margin-left:30px}

/*INVESTORS*/
/*INVESTORS**FINANCIAL REPORTS**/
#investors .yearBreak {background-repeat:no-repeat;background-position:right;border-bottom:1px solid #DDD}
/*INVESTORS**STOCK QUOTE**/
#investors .stockQuoteDetails P {margin-bottom:20px}
#investors .stockQuoteDetails LI {float:left;width:250px;height:23px;margin:2px;padding:5px 10px;list-style:none}
#investors .stockQuoteDetails LI SPAN {float:left;width:140px;line-height:1.1em}
#investors .stockQuoteDetails SPAN#Last,
#investors .stockQuoteDetails SPAN#High,
#investors .stockQuoteDetails SPAN#Low,
#investors .stockQuoteDetails SPAN#Volume,
#investors .stockQuoteDetails SPAN#Bid,
#investors .stockQuoteDetails SPAN#Ask,
#investors .stockQuoteDetails SPAN#TransactionVolume {display:block;width:80px;float:right;margin:0;padding:0;text-align:right;font-size:1.5em}
#investors .stockQuoteDetails SPAN#BidSize,
#investors .stockQuoteDetails SPAN#AskSize {display:block;width:50px;float:right;margin:0;padding:0;text-align:right;font-size:1.5em}
#investors .stockQuoteDetails SPAN.slash {display:block;width:10px;float:right;margin:0;padding:0;text-align:center;font-size:1.5em}
#investors .stockQuoteDetails SPAN#Day,
#investors .stockQuoteDetails SPAN#Month,
#investors .stockQuoteDetails SPAN#Year,
#investors .stockQuoteDetails SPAN#Hour,
#investors .stockQuoteDetails SPAN#Minute {float:none;width:20px;margin:0;padding:0}
/*INVESTORS**SHARE CAPITAL**/
#investors TD {padding:3px 15px}

/*SIGN UP*/
#signUp TABLE {margin-left:80px}
#signUp TD {padding:2px 5px}

/*CONTACT*/
#contact .columnMiddle DIV {padding-top:20px;border-top:1px dotted #DDD}

/*SITEMAP*/
#sitemap .sitemapDirectory .topLevel {border-top:1px dotted #999;margin:20px 0;padding-left:1px;width:220px}
#sitemap .sitemapDirectory .topLevel ul {margin:10px 0}
#sitemap .sitemapDirectory li {list-style:none;margin-left:40px}
#sitemap .sitemapDirectory .topLevel li ul,
#sitemap .sitemapDirectory .topLevel li li ul {margin:0}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}