@charset "utf-8";
/* ================== SPCI GLOBAL CSS DOCUMENT ==================*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #container {height: 100%;}

body > #container {
	background-image:url(../img/global/contentshadow.png);
	background-repeat: y;
	height: auto;
	min-height: 100%;
	position: relative;
	bottom: 0px;
}

#global_header {
	background-image: url(../img/global/bg_header.jpg);
	background-repeat: no-repeat;
	height: 180px;
	width: auto;
	margin: 0px;
	padding: 0px;
}

#headerLogo {
	background-repeat: no-repeat;
	height: 71px;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 46px;
}
/* End hide from IE-mac */


#header_topnav {
	padding: 30px 0 0 116px;
	margin: 0px;
	height: 44px;
}

#topnav {
	width: 800px;
	display: block;
	margin: 0;
	padding: 0;
}
#global_left {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0;
	float: left;
	width: 250px;
	height: auto;
}
#left_top {
	background-color: #FFFFFF;
	background-image: url(../img/global/left/left_top.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 27px 10px 13px 50px;
	height: 20px;
	width: 190px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #C3C3C3;
}

/*
*	Setup Left Navigation
*/
#leftnavigation{
	width: 250px;
	height: 300px;
	padding: 0;
	
}
ul.leftnav {
	margin: 0;
	padding: 0;
}

ul.leftnav li {
	float: left;
	width: 250px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}


ul.leftnav li a {
	display: block;
	width: 190px;
	height: auto;
	text-decoration: none;
	
	}
	
ul.leftnav {
	margin: 0;
	padding: 0;
	width: 250px;
	height: 300px;
	text-align: left;
	word-spacing: normal;
}


/*
*	Left Navigation Normal Links
*/
ul.leftnav li.leftbutton a {
	background: url(../img/global/left/buttonOut.gif);
	background-position:bottom;
	padding: 12px 10px 10px 50px;
	margin: 0;
	}

/*
*	Left Navigation Hover Links
*/
ul.leftnav li.leftbutton a:hover {
	background: url(../img/global/left/buttonOver.gif);
	background-position:bottom;
	}

/*
*	Left Navigation Clicked Links
*/
ul.leftnav li.leftbutton a:active {
	background: url(../img/global/left/buttonOut.gif);
	background-position:bottom;
	}

/*
*	Left Navigation Selected/Active Links
*/
ul.leftnav li.leftbutton a.selected {
	background: url(../img/global/left/buttonOver.gif);
	background-position:bottom;
	}

#left_seperator {
	background-color: #CCCCCC;
	background-image: url(../img/global/left/seperator.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 600px;
	width: 1px;
	float: left;
	margin: 0px;
	padding: 0px;
	display: block;
}
#contentTop {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 59px;
	width: 749px;
}
#breadcrumbs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #151515;
	margin: 0;
	height: auto;
	width: auto;
	padding: 10px 10px 0 20px;
}
#contentTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #383838;
	display: block;
	padding: 5px 0 10px 20px;
	height: auto;
}
#subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #383838;
	padding: 5px 0 10px 0;
	height: auto;
}
#contentMain {
	display: block;
	float: right;
	height: auto;
	width: 629px;
	padding: 20px 100px 10px 20px;
	margin: 0;
}

#seperatorTop {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 1px;
	width: 749px;
	background-color: #cccccc;
	background-image: url(../img/global/grey_seperator.gif);
	background-repeat: no-repeat;
	background-position: right;
}





#bannerhome {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 260px;
	width: 1000px;
	clear: both;
	position: relative;
}


#tagline {
	margin: 0;
	height: 50px;
	width: 900px;
	padding: 25px 50px 25px 50px;
	background-image: url(../img/home/tagline.gif);
	background-repeat: no-repeat;
	background-position: 50px;
	clear: both;
	position: relative;
}

#global_main {
	width:1000px;
	margin:0;
	clear:both;
	bottom: 0px;
	padding-bottom: 60px;
}

.main_back {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}


#main_content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	word-spacing: 18px;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 1000px;
	height: auto;
}


#global_headline {
	word-spacing: 18px;
	margin: 0;
	height: 300px;
	width: 1000px;
	background-image: url(../img/global/headlineBg.png);
	background-repeat: repeat-x;
	clear: both;
}
#headline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	list-style-image: none;
	list-style-type: none;
	padding: 10px 10px 10px 50px;
}


#headlineTitle {
	height: 25px;
	width: auto;
	padding: 20px 0 0 40px;
	list-style-image: url(../img/global/linkArrow.gif);
	list-style-position: inside;
}

/*---- Setup Headline ---- */

ul.headlineTitle {
	margin: 0;
	padding: 0;
	height: 21px;
}

ul.headlineTitle li {
	float: left;
	}

ul.headlineTitle li a {
	display: block;
	height: 21px;
	}
	
ul.headlineText {
	margin: 0;
	padding: 0;
	height: 150px;
	list-style-image: none;
	list-style-type: none;
	width: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	display: block;
	text-align: justify;
	word-spacing: normal;
}

ul.headlineText li {
	height: auto;
	width: 270px;
	float: left;
	padding-top: 0;
	padding-right: 40px;
	padding-bottom: 0;
	padding-left: 0;
	}


/*---- Headline ----*/

ul.headlineTitle li.market {
	background-image: url(../img/global/headlines/market.gif);
	background-position: 10px 2px;
	background-repeat: no-repeat;
	width: 310px;
	height: 25px;
}
ul.headlineTitle li.current {
	background-image: url(../img/global/headlines/current.gif);
	background-position: 10px 2px;
	background-repeat: no-repeat;
	width: 310px;
	height: 21px;
}
ul.headlineTitle li.environmental {
	background-image: url(../img/global/headlines/environmental.gif);
	background-position: 10px 2px;
	background-repeat: no-repeat;
	width: 300px;
	height: 21px;
}
#global_footer {
	background-color: #FFFFFF;
	background-image: url(../img/global/footerbg.png);
	background-repeat: repeat-x;
	position: relative;
	margin-top: -60px; /* negative value of footer height */
	height: 60px;
	clear:both;
}

/* CLEAR FIX*/
.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;}

/*
*	Setup Top Navigation
*/
ul.cssmenu {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	}


ul.cssmenu li {
	float: left;
	}

ul.cssmenu li a {
	display: block;
	height: 10px;
	}

/*
*	Top Navigation Normal Links
*/
ul.cssmenu li.home a {
	width: 66px;
	background-position: 0 0;
	background: url(../img/global/topnav/home.png);
	background-repeat:no-repeat;
	}

ul.cssmenu li.about a {
	width: 90px;
	background-position: 0 0;
	background: url(../img/global/topnav/about.png);
	background-repeat:no-repeat;
	}

ul.cssmenu li.products a {
	width: 174px;
	background-position: 0 0;
	background: url(../img/global/topnav/products.png);
	background-repeat:no-repeat;
	}
	
ul.cssmenu li.logistics a {
	width: 94px;
	background-position: 0 0;
	background: url(../img/global/topnav/logistics.png);
	background-repeat:no-repeat;
	}
	
ul.cssmenu li.sustainability a {
	width: 135px;
	background-position: 0 0;
	background: url(../img/global/topnav/sustainability.png);
	background-repeat:no-repeat;
	}

ul.cssmenu li.affiliates a {
	width: 110px;
	background-position: 0 0;
	background: url(../img/global/topnav/affiliates.png);
	background-repeat:no-repeat;
	}

ul.cssmenu li.contact a {
	width: 110px;
	background-position: 0 0;
	background: url(../img/global/topnav/contact.png);
	background-repeat:no-repeat;
	}

/*
*	Top Navigation Hover Links
*/
ul.cssmenu li.home a:hover {
	background-position: 0 -10px;
	}

ul.cssmenu li.about a:hover {
	background-position: 0 -10px;;
	}

ul.cssmenu li.products a:hover {
	background-position: 0 -10px;;
	}
	
ul.cssmenu li.logistics a:hover {
	background-position: 0 -10px;;
	}
	
ul.cssmenu li.sustainability a:hover {
	background-position: 0 -10px;;
	}
	
ul.cssmenu li.affiliates a:hover {
	background-position: 0 -10px;;
	}

ul.cssmenu li.contact a:hover {
	background-position: 0 -10px;;
	}

/*
*	Top Navigation Clicked Links
*/
ul.cssmenu li.home a:active {
	background-position: 0 -10px;
	}

ul.cssmenu li.about a:active {
	background-position: 0 -10px;
	}

ul.cssmenu li.products a:active {
	background-position: 0 -10px;
	}
		
ul.cssmenu li.logistics a:active {
	background-position: 0 -10px;
	}
	
ul.cssmenu li.sustainability a:active {
	background-position: 0 -10px;
	}
	
ul.cssmenu li.affiliates a:active {
	background-position: 0 -10px;
	}
	
ul.cssmenu li.contact a:active {
	background-position: 0 -10px;
	}

/*
*	Top Navigation Selected/Active Links
*/
ul.cssmenu li.home a.selected {
	background-position: 0 -20px;
	}

ul.cssmenu li.about a.selected {
	background-position: 0 -20px;
	}

ul.cssmenu li.products a.selected {
	background-position:0 -20px;
	}
ul.cssmenu li.logistics a.selected {
	background-position:0 -20px;
	}
ul.cssmenu li.sustainability a.selected {
	background-position:0 -20px;
	}
ul.cssmenu li.affiliates a.selected {
	background-position:0 -20px;
	}
ul.cssmenu li.contact a.selected {
	background-position:0 -20px;
	}



/*========= SPCI Main Global Text Redefined Document ========= */

td {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
}
p {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	margin: 0px 0px 16px 0px;
}
ul, ul.bulletlist {
	list-style-image: url(../img/global/bulletArrow.gif);
	margin-left: 16px;
	margin-bottom: 16px;
	padding: 0;
	color: #000000;
}

ul li, ul.bulletlist li {
	line-height: 20px;
}

a:link {
	color: #3A3A3A;
	text-decoration: underline;
}

a:visited {
	color: #414141;
	text-decoration: underline;
}

a:hover {
	color: #CC0005;
	text-decoration: underline;
}

a:active {
	color: #CC0005;
	text-decoration: underline;
}

.banner_title {
	display: none; /*REDUNDANT IN V6 */
}


.title {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 20px;
	color: #240F12;
	font-weight: normal;
	text-align: left;
	line-height: 26px;
	padding: 10px 0px 20px 0px;
	margin: 0px;
}

.header {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	margin-bottom: 20px;
	line-height: 20px;
	margin-top: 0px;
	padding: 5px 0px 5px 0px;
}

.header_grey {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666;
	margin-bottom: 2px;
	line-height: 18px;
}

.header2 {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #121D29;
	margin-bottom: 16px;
	line-height: 18px;
	padding-top: 14px;
}

/* ================== FOOTER ================== */

#global_footertext {
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	color: #414141;
	font-size: 10px;
	margin-left: 0px;
	margin-top: 0px;
	width: 1000px;
	height: 60px;
	clear: both;
}
#footertext_copyright, #footertext_copyright p {
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	/*color: #B7B7B7; */
	color: #333333;
	text-align: left;
	font-size: 10px;
	width: 912px;
	padding: 15px 44px 0 44px;
	height: 45px;
	line-height: 16px;
	margin: 0;
}
#global_footertext a:link {
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}
#global_footertext a:visited {
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}
#global_footertext a:hover {
	color: #666666;
	font-weight: normal;
	text-decoration: underline;
}
#global_footertext a:active {
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}
#footertext_copyright a:link {
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}
#footertext_copyright a:visited {
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}
#footertext_copyright a:hover {
	/*color: #B7B7B7; */
	color: #666666;
	font-weight: normal;
	text-decoration: underline;
}
#footertext_copyright a:active {
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}
#global_footer img {
	margin: -25px 15px 0px 0px;
	float: right;
	text-align: right;
}
#location {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #202020;
	text-align: left;
	display: table-cell;
	width: 222px;
	font-weight: bold;
}