/*------------------------------

	MERTEX STYLESHEET

	0. Font Faces
	1. General 
	2. Main Template
		2A. Head
		2B. Banner
		2C. Body
		2E. Foot
		2F. Home	
	3. Tables
	4. Search	
	5. Misc
	6. Responsive Cases - Scale Down to 960 (small monitors and tablet landscape)
		6A. Main Template
		6B. Home
		6C. Misc		
	7. Responsive Cases - Scale Down to 768 (tablet portrait)
		7A. Main Template
		7B. Home
		7C. Misc		
	8. Responsive Cases - Scale Down below 768 (phone)
		8A. Main Template
		8B. Home
		8C. Search	
		8D. Misc
 
------------------------------*/

/* ==========================================================================
   0. FONT FACES
   ========================================================================== */

		@font-face {
				font-family: 'Corbel';
				src: url('../fonts/corbel.eot');
				src: url('../fonts/corbeld41d.eot?#iefix') format('embedded-opentype'),
						 url('../fonts/corbel.woff') format('woff'),
						 url('../fonts/corbel.ttf') format('truetype'),
						 url('../fonts/corbel.svg#corbel') format('svg');
				font-weight: normal;
				font-style: normal;
		}

/* FORCE CHROME TO READ SVG */
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
     @font-face {
           font-family: 'Corbel';
           src: url('../fonts/corbel.svg#corbel') format('svg');
     }
}*/

/* ==========================================================================
   1. GENERAL
   ========================================================================== */
   html		{
		height:100%;
   }
   
   body	{
		font-family: Corbel, Arial, Helvetica, sans-serif;
		margin:0;
		font-size:16px;
   }
   
   h1		{
	   font-weight:normal;
	   font-size:38px;
   }
   h2		{
    	font-family: Corbel, Arial, Helvetica, sans-serif;
		color:#2a2666;   
    	font-weight:100;
		font-size:32px;
		letter-spacing:-1px;
   }
   h3		{
   		color:#ed583a;
		padding:0;
		margin:0 0 20px 0;
		font-size:16px;
   }
   
   p	{
   		line-height:22px;
		font-size:16px;
   }

   p.counter	{
   	display:none;
   }
   
   .list li	{
	padding:5px 0 5px 25px;;
	background: url('../images/grey_blt.png') no-repeat left center;
	background-size:15px 15px;
   }
   
   /* ==========================================================================
   2. MAIN TEMPLATE
   ========================================================================== */

	#home-wrapper	{

	}

	#content-wrapper	{
	}



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


/* HOME FEATURE SLIDES */

	/* BACKGROUND */

		#feature-container 	{
			position:relative;
			margin-top:0px;
			height:390px;
			}

		.feature		{
			max-width:1200px;
			margin-left:auto;
			margin-right:auto;	
			height:inherit;
			margin-top:-75px;
		}

		.feature-left {
		width:1200px;
		height:390px;
		margin:0;
		padding:0 0 0 0;
		}

		.home-feature-title {
			position:absolute;
		 	top:40%;
			padding:0 0 0 50px;
		}

		.home-feature-title h1	{
				margin: 0;
				font-size: 48px;
				text-shadow: 2px 2px  3px #3f3f3f;
				color: #fff;
				line-height:54px;
				text-transform:capitalize;
				width:530px;
		}

		.feature	 p	{
				max-width: 450px;
				margin: 10px 0 20px 0;
				color: #fff;
				font-size: 16px;
				text-shadow: 1px 1px #694d31;
				text-align: justify;				
				}
				
		.feature-text	{
		width:1000px;
		height:295px;
		color:#fff;
		font-size:38px;
		padding: 115px 25px 0 25px;
		}

	.container-home-01 {
		background: url('../images/home-bg-01442a.jpg?ver=20141118') no-repeat top center;
		position: relative;
		background-size: cover;
		}
		
	.container-home-02 {
		background: url('../images/home-bg-02442a.jpg?ver=20141118') no-repeat top center;
		position: relative;
		background-size: cover;
		}

	.container-home-03 {
		background: url('../images/home-bg-03442a.jpg?ver=20141118') no-repeat top center;
		position: relative;
		background-size: cover;
		}


	#background-container {
		width:100%;
		top:28px;
		position:absolute;
		z-index:-99999;
		background-color:#232937;
		height:390px;
		}


	.background {
		position:absolute;
		width:100%;
		height:390px;
		z-index:-9999;
		}

	#background-container div.previous {
		z-index: 1;
		}
	#background-container div.current {
		z-index: 2;
		}

	#content-01,  #content-02,  #content-03		{
		 height:390px;
	}


	.home-feature-thumbs	{
	position:absolute;
	top:330px;
	padding:0 0 0 10px
	}

	.home-feature-thumbs-button		{
	width:33px;
	height:33px;
	}

	.home-feature-thumbs-item {
	}

	.home-feature-thumbs ul	{
	/*position:absolute;*/
	list-style:none;
	}
		.home-feature-thumbs ul	li {
			float:left;
			
		}

	.home-feature-thumbs-item	{
	padding:0px 0px 0 0;

	}

.home-feature-thumbs-item-box-1 {
	background:url('../images/feature-tab-off.png') top center no-repeat;
	background-size:22px 22px;
    color: #7F7F7F;
    display: block;
    font-size: 11px;
    height: 22px;
    width: 22px;
}

.home-feature-thumbs-item-box-2 {
	background:url('../images/feature-tab-off.png') top center no-repeat;
	background-size:22px 22px;
    color: #7F7F7F;
    display: block;
    height: 22px;
    width: 22px;
}

.home-feature-thumbs-item-box-3 {
	background:url('../images/feature-tab-off.png') top center no-repeat;
    color: #7F7F7F;
    display: block;
    height: 22px;
    width: 22px;
}
			ul.feature-button  {
				padding: 0;
				margin:0 0 10px 0;
			}
			
			 ul.feature-button li	{			 
			 }
			 
			ul.feature-button li a {
				margin-right: 10px;
				background-color:#fff;
				padding: 0px 10px 0px 10px; 
				float: left;
				font-family: Franchise;	
				line-height:.6;		
			}
				ul.feature-button li a:hover, ul.feature-button li a h1 span:hover  {
					background-color: #a54c25;
					color: #fff;
				}
					 ul.feature-button li a h1  {
						font-weight:normal !important;
						font-size: 22px;
						color: #2a2a29;
						text-shadow: none;
					}
					 ul.feature-button li a:hover h1  {
					color: #fff;
					}



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

	
	#home-welcome-container	{
		background:#f3f3f3 url('../images/home_welcome_full_bg.jpg') bottom repeat-x;
		box-shadow: 0px 2px 2px #cbcbcb;
	}
	
		.home-welcome	{
			background:#f3f3f3 url('../images/home_welcome_bg.jpg') bottom repeat-x;
			max-width:1200px;
			margin-left:auto;
			margin-right:auto;	
			float:none;	
			height:232px;	
			
		}
			.home-welcome-left		{
				width:50%;
				float:left;
				height:inherit;
				padding:0;
			}
				.home-welcome-left	 h2, .home-content-1-left h2 {
					border:0px solid #f00;	
					margin:30px 15px 0 35px;	
					font-size:30px;
				}
				.home-welcome-left p, .home-content-1-left p	{
					margin:25px 60px 0 35px;
					line-height:20px;
				}
			.home-welcome-right	{
				background: url('../images/home_welcome_right_bg.png') bottom no-repeat;
				width:50%;
				float:right;
				height:inherit;
				position:relative;
			}
				.home-welcome-right h2	{
					position: absolute;
					left: 340px;
					bottom: 0px;
				}
			.home-welcome-right .map-pins	{
			height:232px;
			}
				.map-pin-can	{
					position:absolute;
					top:73px;
					left:-7px;
					background: url('../images/map_pin_can.png') no-repeat;
					background-size:131px 23px;
					width:131px;
					height:23px;
				}
				.map-pin-usa	{
					position:absolute;
					top:118px;
					left:37px;
					background: url('../images/map_pin_usa.png') no-repeat;
					background-size:113px 15px;
					width:113px;
					height:15px;
				}
				.map-pin-uk	{
					position:absolute;
					top:70px;
					left:279px;
					background: url('../images/map_pin_uk.png') no-repeat;
					background-size:105px 27px;
					width:105px;
					height:27px;
				}				
				.map-pin-fra	{
					position:absolute;
					top:99px;
					left:286px;
					background: url('../images/map_pin_fra.png') no-repeat;
					background-size:133px 22px;
					width:133px;
					height:22px;
				}
			
	#home-content-1-container	{
		
	}
	.home-content-1		{
			max-width:1200px;
			margin-left:auto;
			margin-right:auto;	
			height:575px;	
				
	}
		.home-content-1-left			{
			width:50%;
			float:left;	
			height:inherit;
		}

				.products-left, .products-right 	{
					float:left;
					list-style:none;
					padding:0 10px 0 35px;
				}
					.products-left li, .products-right li 	{
						width:220px;
						height:86px;
						margin:0 0 40px 0;
						display:table;
					}

					.products-left li a, .products-right li a 	{
						vertical-align:middle;
						text-align:left;
						transition: color 0.2s ease;
						transition: background 0.2s ease;
						display:table-cell;
						font-size:16px;
						text-decoration:none;
						text-transform:capitalize;
						color:#2a2666;
						font-weight:bold;
						height:inherit;
						padding:0 0 0 125px;
						background:url('../images/products_btn.png') no-repeat 35% 50%;
						background-size:40px 40px;
					}	
					.products-left li a:hover, .products-right li a:hover 	{
						color:#f85d00;
						background:url('../images/products_btn_hover.png') no-repeat 38% 50%;
						background-size:40px 40px;
					}	
						.products-left li.p-1		{
							background:url('../images/product_1_bg.png') no-repeat  0% 50%;
							background-size:86px 86px;
						}	
						.products-left li.p-2		{
							background:url('../images/product_2_bg.png') no-repeat  0% 50%;
							background-size:86px 86px;
						}	
						.products-left li.p-3		{
							background:url('../images/product_3_bg.png') no-repeat  0% 50%;
							background-size:86px 86px;
						}	
						.products-right li.p-4		{
							background:url('../images/product_4_bg.png') no-repeat  0% 50%;
							background-size:86px 86px;
						}	
						.products-right li.p-5		{
							background:url('../images/product_5_bg.png') no-repeat  0% 50%;
							background-size:86px 86px;
						}	
						.products-right li.p-6		{
							background:url('../images/product_6_bg.png') no-repeat  0% 50%;
							background-size:86px 86px;
						}	

		.home-content-1-right		{
			width:50%;
			float:right;	
			height:inherit;
		}		
			.home-content-1-right p	{
				margin:0 50px 0 0;
				line-height:20px;	
			}
			.metals	{
			list-style:none;
			margin:0;
			padding:0;
			}	
				.metals li	{
				float:left;
				padding:20px 0px 20px 0;
				margin:0 4px 0 0;
				}
				.metals li:last-child	{
				padding-right:10px;
				}
					.metals li a.non-ferrous 	{
						transition: background 0.2s ease;
						width:165px;
						height:100px;
						display:block;
						background:url('../images/non_ferrous_metals_btn.jpg') no-repeat;
						background-size:165px 100px;
					}
					.metals li a.non-ferrous:hover 	{
						background:url('../images/non_ferrous_metals_hover_btn.jpg') no-repeat;
						background-size:165px 100px;
					}
					.metals li a.ferrous-alloys 	{
						transition: background 0.2s ease;
						width:165px;
						height:100px;
						display:block;
						background:url('../images/ferrous_alloys_btn.jpg') no-repeat;
						background-size:165px 100px;
					}
					.metals li a.ferrous-alloys:hover 	{
						background:url('../images/ferrous_alloys_hover_btn.jpg') no-repeat;
						background-size:165px 100px;
					}
					.metals li a.ferrous 	{
						transition: background 0.2s ease;
						width:165px;
						height:100px;
						display:block;
						background:url('../images/ferrous_metals_btn.jpg') no-repeat;
						background-size:165px 100px;
					}
					.metals li a.ferrous:hover 	{
						background:url('../images/ferrous_metals_hover_btn.jpg') no-repeat;
						background-size:165px 100px;
					}

				.solutions-left, .solutions-right 	{
					float:left;
					list-style:none;
					padding:0 60px 0 0;
				}
					.solutions-left li, .solutions-right li 	{
						transition: background 0.2s ease;
						height:22px;
						padding:5px 40px 15px 0;
						background-size:20px 20px !important;
						background:url('../images/products_btn.png') no-repeat 98% 38%;
						/*background:url('../images/solutions_blt.png') no-repeat 98% 38%;*/
					}
					.solutions-left li:hover, .solutions-right li:hover 	{
						background:url('../images/products_btn_hover.png') no-repeat  100% 38%;
						color:#f85d00;
					}
					.solutions-left li a, .solutions-right li a 	{
						transition: color 0.2s ease;
						display:block;
						transition: color 0.2s ease;
						font-size:16px;
						text-decoration:none;
						text-transform:capitalize;
						color:#2a2666;
						font-weight:bold;
					}	
					.solutions-left li a:hover, .solutions-right li a:hover 	{
						color:#f85d00;
					}					

	#home-content-2-container	{
		background:#f2f2f2 url('../images/home_content_2_bg.jpg')  center repeat-x;			
	}
	.home-content-2 	{
			max-width:1200px;
			margin-left:auto;
			margin-right:auto;	
			height:248px;				
	}
		.home-content-2-left			{
			width:50%;
			float:left;	
			height:inherit;	
		}
			.home-content-2-left p		{
				padding:0 0 0 35px;
				height:inherit;	
				display:table-cell;
				vertical-align:middle;
				margin:0;
				width:inherit;
				}
		.home-content-2-right		{
			width:50%;
			float:right;	
			height:inherit;
		}	
			.home-content-2-right	p 	{
				margin:50px 50px 0 0;
				font-size:18px;
				vertical-align:middle;
			}

	#affiliated-container	{
		background:#bbbbbb url('../images/affiliated_bg.jpg')  center repeat-x;		
	}
	.affiliated 	{
			max-width:1200px;
			margin-left:auto;
			margin-right:auto;	
			height:88px;				
	}
		.affiliated-left			{
			display:table-cell;
			width:100%;
			float:left;
			height:inherit;	
			vertical-align:middle;
		}
			.affilations		{
				display:block;
				list-style-type: none;
				text-align:center;
			}
			.affiliations li		{
				display:inline;
				padding:0 120px;
				position:relative;
				bottom:10px;
			}


	/*------------------------------
		2A. HEAD 
	------------------------------*/
	
	header	{
		background: url('../images/body_bg.png') top repeat-x;
	/*border:1px solid blue*/
		height:103px;
		z-index:1;
		position:relative;
	}
		.header-container	{
			max-width:1200px;	
			margin-left:auto;
			margin-right:auto;
		}
	
	#logo-container	{	
		position:absolute;
	}	
		.logo	{
			/*position:absolute;*/
			max-width:1200px;
			margin-left:auto;
			margin-right:auto;
			}
		.logo a	{
		position:relative;
		top:8px;
		}
		.logo a img {
			max-width:99px;
		}
	
	#tools-container {	
		height:28px;
		/*border:1px solid #f00;*/
		background:#fff;
	}
		.tools-nav	{
			float:right;
			vertical-align:middle;
			font-size:12px;
		}		
		.site-links	{
				position:relative;
				margin:0;
				padding:0;
				height:100%;
				z-index:0;
		}
			.site-links li	 {
				transition: background-color 0.2s ease;
				float:left;
				list-style:none;
				margin:0 0px 0 0;
				height:100%;
				padding:0;
				height:28px;
			}
			.site-links li:hover	{
				background-color:#f85d00;
			}	
				.site-links li a	 {
					color:#000;
					text-transform:uppercase;
					text-decoration:none;
					display:block;
					margin:7px 14px;
				}
				.site-links li a img {
					vertical-align: middle;
					margin-right:10px;
				}
				.site-links li a span	{
					vertical-align: middle;
				}
		
	#nav-container	{
		height:75px;
		border:0px solid #ff0;
	}
	
	nav		{
	}
			.navmenu {
				font-size:16px;		
				color:#fff;
				float: left;
				width: 855px;				
				height:75px;
				}
				
				/* NAV - LEVEL 1 */
				.navmenu ul.nav-level-1 {
					position: relative;
					float: right;
					padding: 0;
					height:inherit;
					margin:0;
					}
				.navmenu ul.nav-level-1 > li {
					margin: 0 0 0 0;
					list-style: none;
					background: none;
					float: left;
					height:inherit;
					}
					.item-101	{
						display:none;
					}
					.navmenu ul.nav-level-1 > li > a {
						transition: color 0.3s ease;
						display: block;
						padding: 28px 24px 28px  12px;
						font-size: 16px;
						color: #fff;
						text-decoration:none;
						text-transform:uppercase;
						}
						.navmenu ul.nav-level-1 > li.active > a,
						.navmenu ul.nav-level-1 > li:hover > a {
							color: #ed583a;				
							background-size: 18px 9px;
							}
						.navmenu ul.nav-level-1 > li:hover > a {
							color: #ed583a;
							}
						.navmenu ul.nav-level-1 > li > a.no-left-padding {
							padding-left: 0;
							}
						.navmenu ul.nav-level-1 > li > a.no-right-padding {
							padding-right: 0;
							}
					.navmenu ul.nav-level-1 > li > a:hover {
						color: #ed583a;
						}
						
						/* NAV - LEVEL 2 - FLYOUT */
						
						.navmenu ul.nav-level-1 .nav-flyout {
							display: none;
							position: absolute;
							z-index: 999;
							width: 668px;
							left:13px;
							background-color: #fff;				
							background-repeat: no-repeat;
							background-position: top right;			
							box-shadow: 2px 2px 2px #8c8c8c;
							}	
						.navmenu ul.nav-level-1 li.item-102 .nav-flyout {
							background-image: url('../images/nav-flyout-bg-about-mertex-canada.jpg');	
							}	
						.navmenu ul.nav-level-1 li.item-109 .nav-flyout {
							background-image: url('../images/nav-flyout-bg-products.jpg');
							right: 0;
							}	
						.navmenu ul.nav-level-1 li.item-116 .nav-flyout {
							background-image: url('../images/nav-flyout-bg-solutions.jpg');
							right: 0;
							}	
						.navmenu ul.nav-level-1 li.item-120 .nav-flyout {
							background-image: url('../images/nav-flyout-bg-metals-minerals.jpg');
							right: 0;
							}	
						.navmenu ul.nav-level-1 li.item-124 .nav-flyout {
							background-image: url('../images/nav-flyout-bg-careers.jpg');
							right: 0;
							}	

							.nav-flyout-header	{
								height:124px;

							}
								.nav-flyout-header h2	{
									color:#fff;
									font-weight:normal;
									font-family: Corbel, Arial, Helvetica, sans-serif;
									padding-top:32px;
									margin-left:40px;
									text-transform:uppercase;
									font-size:30px;
									text-shadow: 2px 2px #000;
								}
							.navmenu ul.nav-level-1 .nav-flyout-left {
								float: left;
								width: 270px;
								padding: 0 0px 0 0;
								/*border-right: 1px solid #dfe2e4;*/
								}
							.navmenu ul.nav-level-1 .nav-flyout-right {
								float: right;
								width: 397px;
								margin: 0 0 0 0px;
								}	
								.navmenu ul.nav-level-1 .nav-flyout-right p  {
									line-height: 21px;
									color:#4c4c4c;
									font-size:14px;
									padding:0 25px 20px 0;
									margin:3px 0 0 0;
									}
								.navmenu ul.nav-level-1 .nav-flyout-right .button  {	
									transition: background-color 0.2s ease;
									font-family: Corbel, Arial, Helvetica, sans-serif;
									width:258px;
									height:53px;
									background:#f85d00;
									border:0;
									color:#fff;
									font-size:16px;
									margin:0 0 30px 0;
								}
								.navmenu ul.nav-level-1 .nav-flyout-right .button:hover  {
									background-color:#2a2666;
								}								
									.navmenu ul.nav-level-1 .nav-flyout-right .button a  {
										background: url('../images/read_more_btn.png') no-repeat 90% 50%;
										color:#fff;
										text-transform:uppercase;
										text-decoration:none;
										display:block;
										vertical-align:middle;
										padding:15px 0 15px 20px;
										font-size:20px;
									}
							
							/* NAV - LEVEL 2 */
							
							.navmenu ul.nav-level-2 {
								margin: 0;
								padding: 0;
								}
							.navmenu ul.nav-level-2 > li {
								margin: 0;
								padding: 0 0 5px 0;
								list-style: none;
								}
								
							.navmenu ul.nav-level-2 > li:last-child 	{
								padding-bottom:20px;
							}	
								.navmenu ul.nav-level-2 > li > a {
									transition: color 0.3s ease;
									transition: background 0.3s ease;
									display: block;
									padding: 6px 0 6px 70px;
									color: #2a2666;
									background: url('../images/blt_arrow_purple.png') no-repeat 37px 4px;
									background-size: 21px 21px;
									font-family: Corbel, Arial, Helvetica, sans-serif;
									font-size: 17px;
									line-height: 18px;
									text-decoration:none;
									}
								.navmenu ul.nav-level-2 > li > a:hover {
									background: url('../images/blt_arrow_orange.png') no-repeat 37px 4px;
									background-size: 21px 21px;
									color: #f85d00;
									}
										

	.headMobile, .headMobile-menu {
		display: none;
	}		


	/*------------------------------
		2B. BANNER
	------------------------------*/
	
	/*------------------------------
		2C. BODY 
	------------------------------*/

	#page-header-container	{
		margin-top:-75px;
	}
		.page-header-about-mertex-canada 	{
			background:#232937 url('../images/page_header_about_mertex_canada_bg.jpg')  center no-repeat;	
			height:255px;
		}
		.page-header-our-global-strength		{
			background:#232937 url('../images/page_header_our_global_strength_bg.jpg')  center no-repeat;	
			height:255px;
		}
		.page-header-guiding-principles	{
			background:#232937 url('../images/page_header_guiding_principles_bg.jpg')  center no-repeat;	
			height:255px;
		}
		.page-header-news	{
			background:#232937 url('../images/page_header_news_bg.jpg')  center no-repeat;	
			height:255px;
		}
		.page-header-management-team	{
			background:#232937 url('../images/page_header_management_team_bg.jpg')  center no-repeat;	
			height:255px;
		}
		.page-header-products 	{
			background:#232937 url('../images/page_header_products_bg.jpg')  center no-repeat;	
			height:255px;
		}
		.page-header-solutions 	{	
			background:#232937 url('../images/page_header_solutions_bg.jpg')  center no-repeat;	
			height:255px;
		}
		.page-header-metals-minerals 	{
			background:#232937 url('../images/page_header_metals_minerals_bg.jpg')  center no-repeat;	
			height:255px;
		}
		.page-header-careers 	{	
			background:#232937 url('../images/page_header_careers_bg.jpg')  center no-repeat;	
			height:255px;
		}			
		.page-header-request-a-quote	{	
			background:#232937 url('../images/page_header_request_a_quote_bg.jpg')  center no-repeat;	
			height:255px;
		}					
	#page-content-container	{
		background:#fff url('../images/page_content_bg.jpg')  center repeat-y;	
			overflow:hidden;
	}
	.page-content 	{
			max-width:1200px;
			margin-left:auto;
			margin-right:auto;

	}
		.page-content-left			{
			font-size:16px;
			float:left;	
			width:265px;
			height:auto;
			margin: 20px 0 30px 0;
			border:1px solid #
		}
		.page-content-right ul	{
			list-style:none;
			overflow:hidden;
		}
			.content h2	{
				font-size:26px;
				padding:0;
				margin:0;
			}

	.team	{
		padding:0;
		margin:0;
		width:100%;
	}
	
	.team	li	{
		border:1px solid #dfdfe0;
		width:43%;
		float:left;
		margin:0 27px 27px 0;
		padding:10px;
		background-image:none !important;
	}
	
		.team	li span a		{
			display:block;
			margin:6px 0 0 0;
		}	

	.salesteam	{
		padding:0;
		margin:0;
		width:100%;
	}
	
	.salesteam	li	{
		border:1px solid #dfdfe0;
		width:31%;
		float:left;
		margin:0  !important;
		padding:0 0 0 0px !important;
		background-image:none !important;
	}
	
		.salesteam	li span a		{
			display:block;
			margin:6px 0 0 0;
		}	
			
			.content	{
			padding:10px 10px 0 10px;
			}

		.page-content-right		{
			background-color:#fff;
			padding:0 160px 35px 0px;			
			width:728px;
			float:right;	
		}
		.page-header h2 {
			font-size: 38px !important;
			text-transform:capitalize !important;
			padding: .67em 0;
		}	

		.breadcrumb ul	{
					color: #c85a29;
					font-size: 19px;
		}
		.crumbs {
			color:#a7a7a7;
			margin:25px 0px 35px 10px;
			padding:0 0 0 0;
			font-weight:500;
			float:left;
			width:80%;
		}
		.crumbs ul {
			display: inline;
			padding:0;	
		}
			.crumbs ul li	{
				display:block;
				float:left;
				padding-right:3px;
			}
			.crumbs ul li.active {		
				color:#333192;
				text-transform:uppercase;
				font-size:11px;
				font-weight:bold;
			}
			.crumbs ul li a  {
					color: #a7a7a7;	
					text-decoration:none;
					width:inherit;
					text-transform:uppercase;
					font-size:11px;
					display:inline-block;
					float:left;
			}
				.crumbs ul li a :hover {
					 color:#ed583a;
					 text-decoration:underline;
				 }
				.crumbs ul li a h4 , .crumb ul li.active h4  {
					font-weight:normal !important;
					padding:0 4px 0 0;
					margin:0;	
				}	
				span.divider	{
					position:relative;
					bottom:3px;
					padding: 0 3px 0 3px;
				}
		

				ul.principles	{
					padding:25px 0 0 0;
					margin:0;
					overflow:hidden;
				}
					ul.principles li	{
						padding:0 9px;
						margin:0;				
						list-style:none;
						float:left;
						background:none;
					}
						ul.principles li	img	{
							height:155px;
						}

				ul.infobox-1, ul.infobox-2, ul.infobox-3, ul.infobox-4	{
					width:100%;
					padding:0 0 0 0;
					margin:20px 0 0 0;
					overflow:hidden;
				}
						.rotate	{
						    -moz-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  							-webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  							transform:  translateX(-50%) translateY(-50%) rotate(90deg);									
					}
						.outer	{							
							width: 60px;
							position: relative;
							display: inline-block;		
							height:195px;			
					}				
						.inner	{
							font-family: Corbel, Arial, Helvetica, sans-serif;
	    					font-size:22px;
							color:#FFFFFF;
							text-transform:uppercase;
							position:absolute;
							top: 50%;
							left: 50%;
							text-align: center;
							width:185px;
					}
						.infobox-1 li:first-child	{
							background:#2a2666;
							}	
							.infobox-1 li:last-child	 {	
							background:none;
							margin:0;
							padding:0;
							}
						.infobox-2 li:first-child	{
							background:#7b7b7b;
							}												
							.infobox-2 li:last-child	 {	
							background:none;
							margin:0;
							padding:0;
							}
						.infobox-3 li:first-child	{
							background:#f85d00;
							}	
							.infobox-3 li:last-child	 {	
							background:none;
							margin:0;
							padding:0;
							}
							
					.infobox-1 li:first-child, .infobox-2 li:first-child	, .infobox-3 li:first-child		{
						border-top:1px solid #dfdfe0; 
						border-left:1px solid #dfdfe0; 
						border-bottom:1px solid #dfdfe0; 
						width:8%;
					}	
					.infobox-1 li, .infobox-2 li, .infobox-3 li				{
						float:left;
						width:87%;
						height:195px;
						border-top:1px solid #dfdfe0; 
						border-right:1px solid #dfdfe0; 
						border-bottom:1px solid #dfdfe0; 
						padding:0;
						margin:0;
					}
						.infobox-1 li p, .infobox-2 li p, .infobox-3 li p 	{
							padding:15px 30px 0px 40px;
						}
						.infobox-1 li img, .infobox-2 li img, .infobox-3 li img	{
							float:right;
							margin:0 0 20px 10px;
							position:relative;
							bottom:15px;
						}
		
					
			.page-content-right h2	{
				font-size:24px;				
				font-weight:normal;
				text-transform:uppercase;
				margin-left:0px;
			}
			.print-page	{
				margin: 25px 0 35px 15px;
				float:right;
				padding:0 18px 0 0;
			}
			
		.side-nav	{	
			position:relative;
			right:2px;
		}
			.side-nav	h2	{
				padding:0 10px 0 40px;
			}	
			.side-nav ul	{
			padding:0;
			}
			.side-nav ul li	{
				transition: background-color 0.1s ease;
				list-style:none;
				margin:0;	
				border-bottom:1px solid #e0dede;		
			}
			.side-nav ul li:last-child	{
				border-bottom:0;
				margin-bottom:50px;
			}	
			.side-nav ul li:hover	{
				background:#2a2666 url('../images/sidenav_active.png') no-repeat 5% 50%;
			}
				.side-nav ul li  a 	{
					transition: background-color 0.2s ease;
					display:block;
					padding:10px 0 10px 40px;
					color:#000;
					text-decoration: none;
					font-weight:500;
					font-size:16px;
				}
				.side-nav ul li  a:hover 	{
					color:#fff;
				}
				.side-nav ul li.current.active {
					background:#2a2666 url('../images/sidenav_active.png') no-repeat 5% 50%;
				}
				
				.side-nav ul li.current.active a {
					color:#fff;
				}
				
		.side-banner		{
			width:100%;
			position:relative;
			right:5px;
		}	
			.side-banner a	{
				display:block;
				text-align:center;
			}

/*------------------------
     TOPIC EXPANDS
------------------------*/


	.topic-expand {
		padding: 0px 0 20px 0;
		/*border-bottom:1px #bbb6ac dashed;*/
		width:600px;
		font-family: Corbel, Arial, Helvetica, sans-serif;
		}
	
	.topic-expand p.content	{
		margin:25px 0 5px 175px;
		}	
		
		.topic-expand-link {
			transition: background 0.2s ease;
			transition: color 0.2s ease;
			color:#484848;
			display: block;
			width: 100%;
			padding: 0px 80px 0px 20px;
			background: url('../images/products_btn.png') no-repeat 95% center;
			background-size:27px 27px;
			vertical-align:middle;
			cursor: pointer;
			font-size: 16px;
			overflow:hidden;
			border:1px solid #CCCCCC;
			font-weight:bold;
			text-transform:uppercase;
			}
			
		.topic-expand-link:hover	{
		background-color:#e3e3e3;
		color:#333192;
		}	
					
		.topic-expand-link.active {
			color:#ed583a;
			font-weight:bold;
			background:  #e3e3e3 url('../images/products_btn_down.png') no-repeat 95% center;
			background-size:27px 27px;
			border-bottom:1px solid #efefef;
			}		

		
		.topic-expand-link img {
			float:left;
		}
			
		.topic-expand-link span {
			display: block;
			float: left;
			margin:20px 0 20px 20px;
		}
												
		.topic-expand-link-off {
			color:#949494;
			display: block;
			width: 619px;
			height: 40px;
			padding: 0px 0 0 5px;
			/*background: url('../images/topic-expand-link-off-bg.png') no-repeat 0 0px;*/
			cursor: auto;
			font-size: 16px;
			}

				.topic-expand-link-open {
						transition: background 0.2s ease;
						transition: color 0.2s ease;
						color:#484848;
						display: block;
						width: 100%;
						padding: 20px 80px 20px 20px;
						background:  #efefef;
						/*background:  #efefef url('../images/products_btn_down.png') no-repeat 95% center;*/
						background-size:27px 27px;
						vertical-align:middle;
						cursor: pointer;
						font-size: 16px;
						overflow:hidden;
						border-top:1px solid #CCCCCC;
						border-right:1px solid #CCCCCC;
						border-left:1px solid #CCCCCC;
						font-weight:bold;
						text-transform:uppercase;
					}
					
				.topic-expand-link-open.active {
					background:  #efefef;
					/*background: url('../images/products_btn.png') no-repeat 95% center;*/
					background-size:27px 27px;
					border-bottom:1px solid #CCCCCC;
					}

		.topic-expand-content {
			background-color: #efefef;
			display:none;
			padding: 10px 80px 30px 20px;
			width:100%;
			margin-left:0px;
			border-bottom:1px #ccc solid;
			border-left:1px #ccc solid;
			border-right:1px #ccc solid;
			}

		.topic-expand-content p {
			color:#5f4e3c;
			padding: 10px 30px 0px 40px;			
			}
			
		.topic-expand-content ul {
			padding: 20px 0 0 160px;		
			}			

		.topic-expand-content ul li	{
			background:url('../images/blt-arrow.html') no-repeat scroll 0px 3px;
			padding-left:5px;
			list-style:inherit;
			padding-bottom:15px;
			}

		.topic-expand-content ul li a	{
			font-weight:bold;
			text-decoration:underline;
			}	

		.article-info-term	{
			display:none;
		}

		.content-category		{
			
		}

/*------------------------
     CONTENT TABLE
------------------------*/
	
		.contentTable  {
			width: 110%;
			margin: 0 0 0px 0;
			background: #fff;
			border-spacing: 0;
			border: 1px solid #ababab;
			border-collapse:collapse
			}			
			.contentTable thead	{
				float:left;
			}
			.contentTable th {
				font-size: 14px;
				font-weight:bold;
				padding: 11px 10px;
				text-align: left;
				border: 1px solid #ababab;
				background:#333e71;
				color:#fff;
				width:25%;
				text-transform:uppercase;
				}			
			
				.contentTable th.title	{
					width:70%;
					}
				.contentTable th.cat	{
					width:18%;
					}
				.contentTable th.pur	{
					width:12%;
					}	
				
			.contentTable td {
				padding: 10px 10px;
				text-align: left;			
				vertical-align:middle;
				border: 1px solid #ababab;
				}
			.contentTable td.indent {
				padding: 10px 10px 10px 30px;
				}
				.contentTable td a {
					display:block;
					padding:0 !important;
					margin:0 !important;
					}
				.contentTable td p {
					padding: 0;
					margin: 0;
				}
				.contentTable td.cost	{
					text-align:center;
				}
				.contentTable td.header {
					background-color:#ed583a;
					color:#fff;
					font-weight:bold;
				}
				.contentTable td.sub-cat	{
				background-color:#7b7b7b;
				font-weight:bold;
				color:#fff;
				}								
				.contentTable a.title {
					font-weight:bold;
					font-size:13px;
				}			
			.contentTable tr.dark td {
				background: #f7f7f7;
				}
			.contentTable th.left,
			.contentTable td.left {
				text-align: left;
				}
			.contentTable th.center,
			.contentTable td.center {
				text-align: center;
				}
			.contentTable th.right,
			.contentTable td.right {
				text-align: right;
				}
			.contentTable td.icon {
				width: 15px;
				padding: 7px 0 0 10px;
				vertical-align: middle;
				}
			.contentTable tr.dark th a {
				color:#fff;
				font-size:14px;
				}
			.contentTable tr.dark th a:hover {
				color: #e5533a;
				}
			.contentTable td.duration, .contentTable td.start-date {
				text-align:left;
				vertical-align:middle;	
				}
				
			.contentTable tr.title td {
				background: #e6e6e6;
				border-bottom: 1px solid #fefefe;
				}
				.contentTable tr.title td:first-child {
					font-size: 14px;
					font-weight: 600;
					text-transform: uppercase;
					}
		.piechart-top		{
			float:right;
			padding:5px 0 5px 0;
		}
			.piechart-top a	{
				transition: background 0.3s ease;	
				transition: color 0.3s ease;	
				display:block;
				font-family: Corbel, Arial, Helvetica, sans-serif;
				text-decoration:none;	
				font-size:13px;
				font-weight:bold;
				color:#333e71;
				background: url('../images/blt_arrow_purple.png') no-repeat right center;
				background-size: 18px 18px;
				padding:10px 30px 10px 0;
			}

			.piechart-top a:hover	{
				background: url('../images/blt_arrow_orange.png') no-repeat right center;
				background-size: 18px 18px;
				color:#f85d00;
				}


	/*------------------------------
		2E. FOOT 
	------------------------------*/

	footer		{
	}

	#footer-home-container		{
			
	}
		.footer-home		{
			max-width:1200px;	
			margin-left:auto;
			margin-right:auto;
			height:248px;			
		}
			.footer-home-left	{
				float:left;
				height:inherit;
				width:50%;
				background-color:#CCCCFF;
			}
			.footer-home-right	 {
				width:50%;
				float:right;	
				height:inherit;
				background-color:#FFFFCC;	
			}	
		#footer-global-container	{			
			background-color:#000;
			color:#fff;
			font-size:13px;
		}
			.footer-global		{
				max-width:1200px;	
				margin-left:auto;
				margin-right:auto;
				height:inherit;
				height:88px;			
			}
				.footer-global-left	{
				float:left;
				}				
					.footer-global-left ul	{
					list-style:none;
					padding:20px 0 10px 0;
					margin:0;
					}
						.footer-global-left ul li	{
							float:left;
							padding-right:15px;
						}
							.footer-global-left ul li a	{
								transition: color 0.2s ease;
								display:block;
								color:#fff;
								text-decoration:none;
							}
							.footer-global-left ul li a:hover	{								
								color: #ed583a;
							}
							.footer-global-left p		{
								line-height:16px;
							}
				.footer-global-right	{
				float:right;
				}
					.footer-global-right ul	{
					list-style:none;
					padding:20px 0 0px 0;
					margin:0;
					
					}
						.footer-global-right ul li	{
							float:right;
							padding-left:15px;
						}
							.footer-global-right ul li a	{
								transition: color 0.2s ease;
								color:#fff;
								text-decoration:none;
							}
							.footer-global-right ul li a:hover	{
								color: #ed583a;
							}	
							.footer-global-right p	{
								color:#575757;
								font-size:12px;
								float:right;
							}
   /* ==========================================================================
   3. TABLES
   ========================================================================== */

   /* ==========================================================================
   4. SEARCH
   ========================================================================== */

						.search-top	{
							color:#fff;
							float:right;
							padding:0px;
							width:260px;
							height:75px;	
							background: rgba(0, 0, 0, .5);
						}

							.search-top input.search-query	{
								font-family: Corbel, Arial, Helvetica, sans-serif;
								font-size:14px;
								padding:5px 25px 7px 10px;
								border:0;
								background-color:#222222;
								color:#a7a7a7;
								font-weight:bold;
								margin:5px auto 25px 10px;
								float:left;
							}

							.search-top input.button	{
								background: url('../images/search_btn.png') no-repeat;
								background-size:24px 24px;
								transition: background 0.3s ease;
								margin:8px 5px 5px 10px;
								padding:0px;
								width:32px;
								height:32px;
							}
								.search-top input.button:hover	{
									background: url('../images/search_btn_hover.png') no-repeat;
									background-size:24px 24px;
									}

				.search		{
				}
				
				#searchForm		{
						/*border:1px solid #C0C0C0;
						background:#efefef;
						padding:10px;*/
					}
					#searchForm legend	{
						margin:0 0 10px 0;
					}	
					.searchintro p strong	{						
						font-size:16px;
					}
					
					.phrases, .only, .form-limit	{
						margin:0px 0 0 0;
						display:none;
					}
						.phrases-box, .ordering-box		{
							margin:10px 0;
						}
					.result-title	{
						margin:30px 0 0 0;
					}	
						.result-title a	{
							color: #2a2666;
							transition: color 0.3s ease;
							font-weight:bold;
						}
						.result-title	a:hover	{
							color: #ed583a;
						}
					
					.btn-group.pull-left		{
						display:none;
					}	
					
   /* ==========================================================================
   5. MISC
   ========================================================================== */

	.clear	{
		clear:both;
	}

/*****   SITEMAP  ******/

		#xmap	{
		}

		#xmap ul li ul	{
			/*border:1px solid #f00;*/
			padding: 0 0px 0 18px;
			height:200px;
			
		}
			#xmap ul li	{
				/*float:none;
				margin:0 0 15px 0 !important;*/
				padding:0 0 0px 10px !important;
				border-bottom:1px solid #e4e4e4; 
				font-size:18px;
				font-weight:bold;
				float:left;
				width:30%;
				background:#efefef;
				margin:5px;
			}
				#xmap ul li a		{
					transition: color 0.3s ease;
					color:#2a2666;
					display:block;
					padding:10px 0 20px 10px;
				}
				#xmap ul li a:hover	{
					color: #ed583a;
				}			
			#xmap ul li ul li	{
				float:none;
				padding:0;
				margin:0 0 0px 0;
				border:none;
				font-weight:normal;
				font-size:14px;
				width:100%;
			}
				#xmap ul li ul li	 a 	{
					transition: color 0.3s ease;
					/*border:1px solid #f00;*/
					padding:0 0 10px 0;
				}
				#xmap ul li ul li	 a:hover	{
					color: #ed583a;
				}								
			#xmap ul.level_0	 li:first-child {
				display:none;	
			}

			#xmap ul.level_1	 li:first-child	{
				display:block;	
			}


/***********************
		LATEST NEWS
***********************/
		
		.form-inline	{
			margin:20px 0;
			font-family: Corbel, Arial, Helvetica, sans-serif;
		}
			.btn-group	{	
				float:right;
				font-size:14px;
			}
			.input-mini	{
			font-family: Corbel, Arial, Helvetica, sans-serif;
			font-size:12px;				
			}				
		table.category		{
			margin-top:5px;
			width:100%;
			font-family: Corbel, Arial, Helvetica, sans-serif;
			font-size:14px;
			/*border-bottom:1px solid #999;*/
		}

		#categorylist_header_title,  		#categorylist_header_date	{
			font-family: Corbel, Arial, Helvetica, sans-serif;
			font-size: 18px;
			padding-top:5px;
			/*border-bottom:1px solid #999;*/
			font-weight:bold;
		}
			#categorylist_header_title a,  		#categorylist_header_date a	{
				color: #f85d00;
				float:left;
				display:block;
				text-decoration:none;
				font-weight:bold;
				margin:0 0 5px 0;
				padding:0 0 0 10px;
			}					
			#categorylist_header_title a:hover,  		#categorylist_header_date a:hover	{
				color:#f98f50;
			}

		.category-module-list-title li	{
			background-image:none !important;
			padding:0 !important;
			margin:0 !important;
			background-color:#e3e3e3 !important;
		}
			.category-module-list-title li:hover	{
			}
			.category-module-list-title li a 	{
				float:left;
				padding: 10px 175px 10px 10px;
				display:block;
				background-color:#e3e3e3 !important;
				width: 330px;
			}
				.category-module-list-title li a:hover	{
					color: #f85d00;
					background-color: #efefef  !important;
				}

			.category-module-list-title li span 	{
				float:left !important;
				background-color:#e3e3e3 !important;
				margin:0 0 0 3px;
				padding:10px 20px 10px 10px;
				width: 115px;
			}
			
			.category-module-list-title li a, .category-module-list-title li span	{
			/*float:left;*/
			}		

			
		.list-title	{
				/*padding:10px 0px 10px 10px;*/
				/*border-left:1px solid #999;*/
		}
			.list-title a, .category-module-list-title a {
					color: #525252;
					font-weight:normal;
					text-decoration:none;
					font-size:16px;
					display:block;
					padding:10px 0px 10px 10px;
			}
			.list-title a:hover	{
					color: #f85d00;
			}
		.list-date	{
				/*border-right:1px solid #999;*/
				padding:0 5px;
		}	
	
		.cat-list-row0 	{
				background-color:#e3e3e3;
		}	
			.cat-list-row0:hover	{
			background-color:#efefef;
			}
		.cat-list-row1	{
				background-color:#f5f3f3;
		}
			.cat-list-row1:hover	{
					background-color:#efefef;
			}
	.pagination-list {
		position:relative;
		right:42px;
	}
		.pagination-list li	{
			background-color:#e3e3e3;
			padding:0 5px;
			margin: 3px;
		}
		.pagination-list li:hover		{
			background-color:#efefef;			
		}
		.pagination-list li	 a {
			color: #984e2b;
			font-size:12px;
			font-weight:normal
		}
		.pagination-list a:hover 	{
			color: #d67c28;
		}		
		.pagination-list li.disabled 	{		
			display:none;
		}

		fieldset {
			border: 0;
			margin: 0;
			padding: 0;
		}
		
		.topic-expand-content-search {
			display:none;
		}

	.published		{
		margin:0;
	}

/*****REQUEST QUOTE FORM******/

	.rsform-block-prod1-title, .rsform-block-prod2-title, .rsform-block-prod3-title, .rsform-block-prod4-title, .rsform-block-prod5-title	{
		background:#efefef;
		padding:10px;
	}

	#prod1, #prod2, #prod3, #prod4, #prod5	{
		background:#efefef;
		overflow:hidden;
		margin-bottom:10px;
		padding-left:10px;
	}
		#prod1 div,  #prod2 div, #prod3 div, #prod4 div, #prod5 div	{
		float:left;
		padding:10px 2px 0px 2px;
		background:#efefef;
		}
	
	#userForm input, #userForm select	{
		font-family: Corbel, Arial, Helvetica, sans-serif;
		padding:4px 5px;
		margin:0 10px 0 0;
		font-size:14px;
	}	
		#userForm select	{
			font-size:16px;
			margin:0 0 10px 0;
		}
			#userForm h3	{
			margin:0;
			}
			
	.rsform-submit-button	{
			transition: background-color 0.2s ease;
			background: #f85d00 url('../images/read_more_btn.png') no-repeat 90% 50%;
			color: #fff;
			text-transform: uppercase;
			text-decoration: none;
			display: block;
			vertical-align: middle;
			padding: 15px 40px 15px 20px !important;
			font-size: 20px;
			border:0;
	}

		.rsform-submit-button:hover  {
			background-color:#2a2666;
		
		}	
	
	/*****METALS OVERVIEW PAGE******/
	
	.metals-header	{	
	transition: background-color 0.2s ease;
	background:#fff;
	width:100%;
	border:1px solid #CCCCCC;
	margin-bottom:30px;
	
}
	.metals-header:hover	{
		/*background:#f85d00;*/
		color:#000;		
		background:#e3e3e3;
	}

	.metals-header a	{
	background: url('../images/products_btn.png') no-repeat 95% center;
	background-size:27px 27px;
	font-family: Corbel, Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration:none;
	font-weight:bold;
	letter-spacing:0.01em;
	color:#000;
	display:block;
	text-transform:uppercase;
	padding:0 0 0 30px;
	vertical-align:middle;
	}
		.metals-header a:hover	{
			color:#2a2666;
		}

	.metals-header a span	{
		padding:20px 20px;
		height:100%;
		display:inline-block;
		
	}

	.metals-header img	{
		border:0;
		cursor:pointer;
		vertical-align:bottom;
	}


	.item-page	li	{
		margin:0 0 20px 0;
		padding:0 0 0 25px;
		transition: background 0.2s ease;
		background:url('../images/products_btn.png') no-repeat 0% 15%;
		background-size:16px 16px !important;
	}
	
			
/*----------------------------------------------------------------------------------------------------------------------------------------
   	6. RESPONSIVE CASES - SCALES SITE DOWN TO 980
----------------------------------------------------------------------------------------------------------------------------------------*/
					
@media screen and (max-width: 1240px) {


	/*------------------------------
		6A. Main Template 
	------------------------------*/
	header	{
		/*border:1px solid green;*/
	}
	
	#logo-container	{
		left:1%;
	}
	
	.navmenu	{
		width:76%;
	}
	.navmenu ul.nav-level-1	{
		float:left;
		margin-left:115px;
	}
		.navmenu ul.nav-level-1 > li > a {
			font-size:14px;
			padding:28px 14px;
		}
		.navmenu ul.nav-level-1 .nav-flyout	{
			top:75px;
		}

	.side-nav	{		
		position:relative;
	}
		.side-nav	h2	{
		font-size:28px;
		padding:0 0 0 30px;
		}
	
		.side-nav ul li a		{
		margin:0;
		padding:10px 0 10px 30px;
		}
	.search-top	{
		width:23%;	
		color:#fff;
		float:right;
		padding:0px;
		height:75px;	
		background: rgba(0, 0, 0, .5);
	}
		.search-top input.search-query	{
			padding:7px 8px 7px 10px;
			border:0;
			background-color:#222222;
			color:#a7a7a7;
			font-weight:bold;
			margin:3px auto 25px 10px;
			float:left;
		}
		.search-top input.button	{
			background: url('../images/search_btn.png') no-repeat;
			background-size:24px 24px;
			transition: background 0.3s ease;
			margin:8px 5px 23px 7px;
			padding:0;
			width:32px;
			height:32px;
		}
			.search-top input.button:hover	{
				background: url('../images/search_btn_hover.png') no-repeat;
				background-size:24px 24px;
				}

	.footer-global-left ul, .footer-global-left p, .footer-global-right ul	{
		font-size:12px;
		padding:10px 10px 10px 10px;	
	}
		 .footer-global-right p	{
			padding-right:10px;
		}

#page-content-container {
	background: #fff url('../images/page_content_bg.jpg') 42% 0 repeat-y;
	overflow: hidden;
	}	
	.page-content	{
		width:980px;
	}	
		.page-content-left	{
			width:218px;
		}
		.page-content-left	p {
			padding:0 38px 0 0;
		}
			ul.principles li	{
				padding:0 10px;
			}
					
			ul.principles li img	{
				height:153px;		
			}		

		.team li	{
			height:155px;
		}

		.page-content-right	{
			background:none;
			padding:0 15px 25px 0px;			
		}
			.page-content-right h2	{
				margin-left:0;
			}
		.crumbs		{
			padding:0 100px 0 0;
			margin:25px 40px 0 15px;
			width:65%;
		}
			
		ul.infobox-1 li:last-child, ul.infobox-2 li:last-child, ul.infobox-3 li:last-child	{
			/*width:36%;	*/
		}

	/*------------------------------
		6B. Home
	------------------------------*/	
	#feature-container	{
		width:100%;
	}
	  .feature	{
		  width:100%;	
	  }
	  	.feature-left	{
			width:100%;	
		}
	.home-welcome-left p	{
		margin:15px 60px 0 35px;	
	}
	.home-welcome-right h2	{
		left:200px;
		}
	.home-content-1	{
		height:595px;	
	}
	.home-content-1-left p	{
		margin: 25px 30px 0 35px;
	}
	.home-content-1-right p	{
		margin: 0px 80px 0 0px;
	}
	.home-content-2-right p	{
		font-size:14px;
	}
	.products-left	{
		padding: 25px 10px 0 35px;	

	}
	 .products-right	{
		 padding: 25px 0 0 0;
	 }
		.products-left li, .products-right li	{
			width:195px;
		}
		.products-left li a, .products-right li a	{
			padding:0 0 0 115px;	
			font-size:14px;
			background: url('../images/products_btn.png') no-repeat 40% 50%;
			background-size: 40px 40px;
		}
			.products-left li a:hover, .products-right li a:hover	{
				background: url('../images/products_btn_hover.png') no-repeat 43% 50%;
				background-size: 40px 40px;
			}
	.metals	{
		overflow:hidden;	
	}
		.metals li a.non-ferrous, .metals li a.non-ferrous:hover, .metals li a.ferrous-alloys, .metals li a.ferrous-alloys:hover, .metals li a.ferrous, .metals li a.ferrous:hover	{
			width:140px;
			height:85px;	
			background-size: 140px 85px;
		}

	.solutions-left, .solutions-right	{
		padding:0 35px 0 0;
	}
	  .solutions-left li,  .solutions-right li	{
			background: url('../images/products_btn.png') no-repeat 95% 23%;
			background-size: 20px 20px;			
	  }
		  .solutions-left li:hover,  .solutions-right li:hover	{
		  		background:url('../images/products_btn_hover.png') no-repeat 97% 23%;	
				background-size: 20px 20px;	
		  }

	  .solutions-left li a, .solutions-right li a	{
		  font-size:14px;	
	  }

		.affiliations li	{
			padding:0 90px;	
		}

	/*------------------------------
		6C. Misc
		
	------------------------------*/

			ul.infobox-1 li:last-child 	{
				/*border:0px solid #f00;		*/		
		}


}

/*----------------------------------------------------------------------------------------------------------------------------------------
   	7. RESPONSIVE CASES - SCALES SITE DOWN TO 768 (ipad vertical)
----------------------------------------------------------------------------------------------------------------------------------------*/
					
@media screen and (max-width: 980px) {

	/*------------------------------
		7A. Main Template 
	------------------------------*/

	header	{
		/* border:1px solid #FF6633;*/
		background: url('../images/body_mobile_bg.png') repeat;
	}
	.page-content	{
		width:728px;
		background: url('../images/page_content_bg.jpg') 33% 0 repeat-y;
		background-color:none;
		overflow:hidden;
	}		
		#page-content-container {
			background: url('../images/page_content_bg.jpg') 20% 0 repeat-y;
			background-color:none;
			overflow: hidden;
			}	
				.page-content-left	{
					background-color:none;
					width:230px;
					padding:0 0px 25px 0px;
					position:relative;
					right:20px;
				}
					.side-nav h2	{
						padding:0;
						margin:0 5px 0 10px;
					}
				
				.page-content-left	p {
					padding:0 20px 0 0;
				}		

				.side-nav  h2 {
					padding:0 0 0 40px;
				}

			ul.principles li	{
				padding:2px;
			}
				ul.principles li:first-child	{
					padding-left:12px;
				}
					ul.principles li img	{
						height:103px;
					}		
				.page-content-right	{
					/*background: #fff url('../images/page_content_bg.jpg') center right repeat-y;*/
					width:480px;
					margin:0;
					padding-top:30px;
					height:100%;
				}
					.team	li	{
						border:1px solid #dfdfe0;
						width:40%;
						height:170px;
						float:left;
						margin:0 20px 20px 0;
						padding:10px
					}
				ul.infobox-1, ul.infobox-2, ul.infobox-3  	{
					width:100%;
					overflow:hidden;
					border-right:1px solid #dfdfe0;
				}				
						
						ul.infobox-1 li:first-child, ul.infobox-2 li:first-child, ul.infobox-3 li:first-child				{
							height:50px;
							width:100%;
							border-bottom:0px;
						}

							ul.infobox-1 li, ul.infobox-2 li, ul.infobox-3 li			{
							border-left:1px solid #dfdfe0;
							border-right:1px solid #dfdfe0;
							
							width:100%;
							margin:0;
							height:auto;
							}	
						ul.infobox-1 li div.rotate, ul.infobox-2 li div.rotate, ul.infobox-3 li div.rotate	{
						width:100%;	
						    -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
  							-webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
  							transform:  translateX(-50%) translateY(-50%) rotate(0deg);	
						} 

/*---------------------------------------*/
						.outer	{	
							height:50px;						
							width: 100%;
							position: relative;
							display: inline-block;		
		
					}				
						.inner	{
							font-family: Corbel, Arial, Helvetica, sans-serif;
	    					font-size:22px;
							color:#FFFFFF;
							text-transform:uppercase;
							position:absolute;
							top: 50%;
							left: 50%;
							text-align: center;
							width:100%;
					}

					.infobox-1 li:first-child, .infobox-2 li:first-child	, .infobox-3 li:first-child		{
						border-left:1px solid #dfdfe0; 
						border-bottom:1px solid #dfdfe0; 
						width:8%;
					}	
					.infobox-1 li, .infobox-2 li, .infobox-3 li				{
						float:left;
						width:91%;
						height:195px;
						border-top:1px solid #dfdfe0; 
						border-right:1px solid #dfdfe0; 
						border-bottom:1px solid #dfdfe0; 
						padding:0;
						margin:0;
					}
						.infobox-1 li p, .infobox-2 li p, .infobox-3 li p 	{
							padding:15px 30px 0px 40px;
						}
						.infobox-1 li img, .infobox-2 li img, .infobox-3 li img	{
							float:left;
							margin:0px 60px 20px 60px;
							position:relative;
							bottom:15px;						
						}

	#logo-container	{
	}
		.logo	{
		
		}
			.logo	a	{
				top:24px;
			}
			.logo a img	{
				max-width:80px;
			}
		#tools-container {	
		}
			.site-links li a		{
			margin:7px 10px;
			}


	#nav-container	{
	}
	.navmenu	{
		width:88%;
	}
	.navmenu ul.nav-level-1	{
		margin:0 0 0 90px;
	}
		.navmenu ul.nav-level-1 > li	{
		}
			.navmenu ul.nav-level-1 > li > a	{
				padding:28px 14px 28px 10px;
			}
			.navmenu ul.nav-level-1 > li > a {
				font-size: 13px;
			}

	.side-nav	{		
		position:relative;
		right:0px;
	}
		.side-nav ul li a	  {
			padding: 10px 0 10px 50px;
			position:relative;
			left:0px;
		}

	.search	{
		width:18%;	
		color:#fff;
		float:right;
		padding:0px;
		/*height:75px;	*/
		background: rgba(0, 0, 0, .5);
	}
		.search-top	{
			/*border:1px solid #FF3399;*/
			/*display:none;*/
			width:10%;	
		}
			.searchMobile-btn	{
				position:relative;
				/*border:1px solid #00CC33;*/
				width:43px;
				height:43px;
				margin:15px 0 0 15px;
			}		

		.search-top input.search-query	{
			padding:7px 0px 7px 5px;
			border:0;
			background-color:#222222;
			color:#a7a7a7;
			font-weight:bold;
			margin:23px auto 25px 10px;
			float:left;
			width:70px;
		}
		.search-top input.button	{
			background: url('../images/search_btn.png') no-repeat;
			background-size:24px 24px;
			transition: background 0.3s ease;
			margin:23px 5px 23px 5px;
			padding:0;
			width:32px;
			height:32px;
		}
			.search-top .form-inline	{
			display:none;
			}

/*------------------------
     TOPIC EXPANDS
------------------------*/

	.topic-expand, .topic-expand-link, .topic-expand-content	{
	width:auto;
	}
	

	.topic-expand-search {
		padding: 0px 0 20px 0;
		/*border-bottom:1px #bbb6ac dashed;*/
		font-family: Corbel, Arial, Helvetica, sans-serif;
		}
	
	.topic-expand-search p.content	{
		margin:25px 0 5px 175px;
		}	
		
		.topic-expand-search-link {
			transition: background 0.2s ease;
			transition: color 0.2s ease;
			color:#484848;
			display: block;
			width: 43px;
			padding: 20px 0px;
			background: url('../images/search_btn.png') no-repeat 95% center;
			background-size:40px 40px;
			vertical-align:middle;
			cursor: pointer;
			font-size: 16px;
			overflow:hidden;
			font-weight:bold;
			text-transform:uppercase;
			}
			
		.topic-expand-search-link:hover	{
		/*background-color:#efefef;*/
		color:#333192;
		}	
					
		.topic-expand-search-link.active {
			color:#ed583a;
			font-weight:bold;
			background: url('../images/search_btn_hover.png') no-repeat 95% center;
			background-size:40px 40px;
			}		


		.topic-expand-search-link span {
			display:table-cell;
			vertical-align:middle;
			border:1px solid #993333;
		}
												
		.topic-expand-search-link-off {
			color:#949494;
			display: block;
			height: 40px;
			padding: 0px 0 0 5px;
			/*background: url('../images/topic-expand-link-off-bg.png') no-repeat 0 0px;*/
			cursor: auto;
			font-size: 16px;
			}

		.topic-expand-content-search {
			position:absolute;
			top: 60px;
			right: 0px;
			background-color: #2a2666;
			display:none;
			padding: 10px 80px 30px 20px;
			width:150px;
			height:60px;
			margin-left:0px;
			/*border-bottom:1px #ccc solid;
			border-left:1px #ccc solid;
			border-right:1px #ccc solid;*/
			}

		.topic-expand-content-search h3 {
			color:#fff;
			padding:0;
			margin:0;			
			}		

			.form-inline-search		{
				width:250px;
			}
				.search-top input.search-query	{
				padding: 7px 100px 7px 5px;
				margin: 18px auto 18px 0px;
				}
				.search-top input.button	{
					margin: 22px 5px 23px 8px;
				}

		.article-info-term	{
			display:none;
		}

		.content-category		{
			
		}
		
		.contentTable  {
			width:117%;
		}
	
	/*------------------------------
		7B. Home
	------------------------------*/	
	#home-welcome-container	{
		background: #f3f3f3 url('../images/home_welcome_bg.jpg') bottom ;
	}
		.home-welcome, .home-content-1, .home-content-2 	{		
			width:766px;
		}		
			.home-welcome-left 	{
			}	
				.home-welcome-left h2	{
					font-size:26px;
					margin:30px 15px 0 20px;
				}
				.home-welcome-left p, .home-content-1-left p	{
					margin:10px 45px 0 20px;
					font-size:14px;
				}
			.home-welcome-right	{
				background: url('../images/home_welcome_right_bg.png') 20px 0px  no-repeat;
				background-size:400px 176px;
				} 
				.home-welcome-right h2	{
					font-size:26px;
					top:146px;
					left:120px;
				}
				
				.map-pin-can	{
					top:55px;
					left:-30px;
				}
				.map-pin-usa	{
					top:90px;
					left:-6px;
				}
				.map-pin-uk	{
					top:46px;
					left:204px;
				}
				.map-pin-fra	{
					top:75px;
					left:208px;
				}			
				
			.home-content-1	{
				height:780px;
			}
				.home-content-1-left, .home-content-1-right	{
					margin: 10px 0 ;	
				}
				  .home-content-1-left h2	{
				  	font-size:26px;
					margin:20px 15px 0 20px;
				  }				  
				  .home-content-1-right h2	{
				  	font-size:26px;
					margin:20px 15px 0 0px;					  
				  }
				  
				  .home-content-1-right p	{
				  	font-size:14px;	
					margin:10px 45px 0 0px;
				  }				  
		  .products-left	{
				padding: 0px 10px 0 45px;
		  }
		  .products-right	{
				padding: 0px 10px 0 45px;
				margin-top:-16px;
		  }

		  		.products-left li, .products-right li	{
						margin:0 0 20px 0;
						width:300px;
					}
					.products-left li a, .products-right  li a	{
						background: url('../images/products_btn.png') no-repeat 24% 50%;
						background-size: 40px 40px;
						padding: 0 0 0 150px;
						font-size:18px;
						font-weight:normal;
					}
					.products-left li a:hover, .products-right  li a:hover		{
						background: url('../images/products_btn_hover.png') no-repeat 26% 50%;
						background-size: 40px 40px;
					}
					
		.metals	{
			overflow:hidden;	
		}
			.metals li a.non-ferrous, .metals li a.non-ferrous:hover, .metals li a.ferrous-alloys, .metals li a.ferrous-alloys:hover, .metals li a.ferrous, .metals li a.ferrous:hover	{
				width:115px;
				height:70px;	
				background-size: 115px 70px;
			}

	.solutions-left, .solutions-right	{
		padding:0 35px 0 33px;
		width:275px;
	}
	.solutions-right	{
		margin-top:-10px;	
	}
	  .solutions-left li,  .solutions-right li	{
			background:url('../images/solutions_blt.png') no-repeat 97% 23%;	
			margin:15px 0 10px 0;
	  }
		  .solutions-left li:hover,  .solutions-right li:hover	{
		  		background:url('../images/solutions_blt_hover.png') no-repeat 97% 23%;	
		  }

	  .solutions-left li a, .solutions-right li a	{
		  font-size:18px;	
		  font-weight:normal;
	  }
	.home-content-2	{
		height:180px;	
	}

		.home-content-2-left p	{
			padding:0 0 0 20px;
			display:block;
		}
			.home-content-2-left p img	{
				width:325px;
				margin:5px 0 0 0;
			}
		.home-content-2-right p	{	
			line-height:18px;
			margin:0;
			font-size:16px;
			padding:0 15px 0px 20px;
		}
		
	.affiliated	{
		width:766px;
		margin:0;
		padding:0;
	}	
		.affiliated-left	{
			margin:0;
			padding:0;
			text-align:center;
		}
			.affiliations	{
				margin:0;
				padding:0;
				position:relative;
				bottom:7px;
			}
			.affiliations li		{
				padding: 0 40px 0 60px;
			}
			
		.footer-global	{
			width:766px;
			height:200px;
		}	
			.footer-global-left ul	{
				padding:10px 85px 10px 20px;
			}
			.footer-global-left ul li, .footer-global-right ul li	{
				float:none;
			}
				.footer-global-left ul li a, .footer-global-right ul li a 	{
					font-size:18px;
				}
				.footer-global-left p	{
					position:absolute;
					left:298px;
					margin-top:22px;
					padding:0;
				}
			.footer-global-right	{
			float:none;
			padding: 0 0 0 60px;
			}	


	/*------------------------------
		7C. Misc
	------------------------------*/

	/*****   SITEMAP  ******/

		#xmap	{
		}

		#xmap ul 	{
			padding:0;
		}

		#xmap ul li ul	{
			/*border:1px solid #f00;*/
			padding: 0 0px 0 0px;
			height:200px;
			
		}
			#xmap ul li	{
				/*float:none;
				margin:0 0 15px 0 !important;*/
				padding:0 0 5px 10px !important;
				border-bottom:1px solid #e4e4e4; 
				font-size:18px;
				font-weight:bold;
				float:left;
				width:45%;
				background:#efefef;
				margin:5px;
			}
				#xmap ul li a		{
					transition: color 0.3s ease;
					color:#2a2666;
					display:block;
					padding:10px 0 20px 0;
				}
				#xmap ul li a:hover	{
					color: #ed583a;
				}			
			#xmap ul li ul li	{
				float:none;
				padding:0;
				margin:0 0 0px 0;
				border:none;
				font-weight:normal;
				font-size:14px;
				width:100%;
			}
				#xmap ul li ul li	 a 	{
					transition: color 0.3s ease;
					/*border:1px solid #f00;*/
					padding:0 0 10px 0;
				}
				#xmap ul li ul li	 a:hover	{
					color: #ed583a;
				}								
			#xmap ul.level_0	 li:first-child	{
				display:none;	
			}

			#xmap ul.level_1	 li:first-child	{
				display:block;	
			}

				.search		{
					border:0px solid #f00;
					width:100%;
					background:none;
				}
					.search	h1	{
						color:#000;
					}
				
				#searchForm		{
						border:1px solid #C0C0C0;
						background:#efefef;
						padding:10px;
						color:#000;
					}
					#searchForm legend	{
						margin:0 0 10px 0;
					}	
					.searchintro p strong	{						
						font-size:20px;
					}
					
					.phrases, .only, .form-limit	{
						margin:12px 0 0 0;
					}
						.phrases-box, .ordering-box		{
							margin:10px 0;
						}
					.result-title	{
						margin:30px 0 0 0;
					}	
						.result-title a	{
							color: #2a2666;
							transition: color 0.3s ease;
							font-weight:bold;
						}
						.result-title	a:hover	{
							color: #ed583a;
						}
					
					.btn-group.pull-left		{
						display:none;
					}	
					.search-results		{
						color:#000;	
					}

		.crumbs		{
			border:0px solid #f00;
			padding:0 100px 0 0;
			margin:25px 10px 0 15px;
			width:55%;
		}

	.salesteam	li	{
		border:1px solid #dfdfe0;
		width:41%;
		float:left;
		margin:0 22px 22px 0  !important;
		padding:0 0 0 14px !important;
		background-image:none !important;
		height:200px
	}
		
}

/*----------------------------------------------------------------------------------------------------------------------------------------
   	8. RESPONSIVE CASES - SCALES SITE BELOW 768 (mobile)
----------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 760px)	 {

	/*------------------------------
		8A. Main Template 
	------------------------------*/

	header	{
		/*border:1px solid #FF9900;*/
				background: url('../images/body_mobile_bg.png') repeat;
	}

	#logo-container, #nav-container	{
		display:none;
	}
	#tools-container	{
		background:#333192;
	}
		.tools-nav	{
			display:none;
		}
	.navmenu	{
		display:none;
	}

	.headMobile {
		display: block;
		width: 100%;
		padding: 0px 0px;
		background-color: #000;
		}
		.headMobile-logo {
			position:absolute;
			top:9px;
			left:10px;
			z-index:2;
			}
		.headMobile-logo img {		
			max-width: 99px;
			height: auto;
		}
			.headMobile-nav {
				position:absolute;
				right:35px;
				top:38px;
				float:left;
				height: 33px;	
				margin:0px 10px 0 0;	
				z-index:1;					
				/*width: 200px;*/
				}
			
			.headMobile-search {
				position:absolute;
				right:20px;
				top:32px;
				float:left;
			}
			
			.headMobile-menu {
				display:block;
				position: absolute;
				top: 100px;
				left: 0;
				width: 100%;
				overflow:visible !important;
				background:#333192;
				color:#fff;
				z-index:1;
				}	
					.search-top	{
						width:50px;
						background:none;
					}					
					.form-inline	{
						/*display:none;*/
					}
				.topic-expand-content-search {
					position:absolute;
					top: 56px;
					right: -12px;
					background-color: #2a2666;
					display:none;
					padding: 10px 80px 30px 20px;
					width:150px;
					height:60px;
					margin-left:0px;
					/*border-bottom:1px #ccc solid;
					border-left:1px #ccc solid;
					border-right:1px #ccc solid;*/
					}

				.nav-flyout-header, .nav-flyout-right	{
					display:none;
				}

				#panel,#nav-toggle	{
					text-align:left;
					}
				#panel	{				
					padding:15px 0 0 0;
					display:none;
					}
					
				#panel ul.nav-level-1, #panel ul.nav-level-2 	{
					display:block;
					margin:0px 0 0 0;
					padding:0;
				}
				.nav-level-1	li	{				
					background:#333192;
					list-style:none;
					position:relative;
					padding:3px 0;
					margin:1px 5px;
				}
				.nav-level-1	li:last-child	{
					margin:1px 5px 10px 5px;
				}	
					.nav-level-1	li	a	{
						display:block;
						font-size:20px;
						text-decoration:none;
						padding:8px 0 8px 10px;
						color:#fff;
						text-transform: uppercase;
					}
					.nav-level-2	{
					}
						.nav-level-2 li	{
							background:#fff;
						}
							.nav-level-2	li	a	{
								color:#6a6a6a;
								font-size:16px;
								padding:6px 0 6px 40px;
								font-weight:normal;
								background:url('../images/solutions_blt.png') no-repeat 10px 8px;
								background-size:15px 15px
							}					
				.buttons-container {
					  margin: 100px auto;
					  text-align: center;
					}					
					button {
					  display: inline-block;
					  margin: 0 1em;
					  border: none;
					  background: none;
					}
					button span {
					  display: block;
					}				
					.lines-button {
					  padding: 1rem 1rem;
					  transition: .3s;
					  cursor: pointer;
					  user-select: none;
					  border-radius: 0.57143rem;				
					}
					.lines-button:hover {
					  opacity: 1;
					}
					.lines-button:active {
					  transition: 0;
					}					
					.lines {
					  display: inline-block;
					  width: 1.8rem;
					  height: 0.27143rem;
					  background: #ecf0f1;
					  border-radius: 0.28571rem;
					  transition: 0.3s;
					  position: relative;
					}
					.lines:before, .lines:after {
					  display: inline-block;
					  width: 1.8rem;
					  height: 0.26143rem;
					  background: #ecf0f1;
					  border-radius: 0.28571rem;
					  transition: 0.3s;
					  position: absolute;
					  left: 0;
					  content: '';
					  -webkit-transform-origin: 0.28571rem center;
					  transform-origin: 0.28571rem center;
					}
					.lines:before {
					  top: .65rem;
					}
					.lines:after {
					  top: -.65rem;
					}					
					.lines-button:hover .lines:before {
					  top: 0.65rem;
					}
					.lines-button:hover .lines:after {
					  top: -0.65rem;
					}
					
					.lines-button.close {
					  -webkit-transform: scale3d(0.8, 0.8, 0.8);
					  transform: scale3d(0.8, 0.8, 0.8);
					}
					
					.lines-button.arrow.close .lines:before, .lines-button.arrow.close .lines:after {
					  top: 0;
					  width: 2.22222rem;
					}
					.lines-button.arrow.close .lines:before {
					  -webkit-transform: rotate3d(0, 0, 1, 40deg);
					  transform: rotate3d(0, 0, 1, 40deg);
					}
					.lines-button.arrow.close .lines:after {
					  -webkit-transform: rotate3d(0, 0, 1, -40deg);
					  transform: rotate3d(0, 0, 1, -40deg);
					}
					
					.lines-button.arrow-up.close {
					  -webkit-transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg);
					  transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg);
					}
					
					.lines-button.minus.close .lines:before, .lines-button.minus.close .lines:after {
					  -webkit-transform: none;
					  transform: none;
					  top: 0;
					  width: 4rem;
					}				
					.lines-button.x.close .lines {
					  background: transparent;
					}
					.lines-button.x.close .lines:before, .lines-button.x.close .lines:after {
					  -webkit-transform-origin: 50% 50%;
					  transform-origin: 50% 50%;
					  top: 0;
					  width: 2.4rem;
					}
					.lines-button.x.close .lines:before {
					  -webkit-transform: rotate3d(0, 0, 1, 45deg);
					  transform: rotate3d(0, 0, 1, 45deg);
					}
					.lines-button.x.close .lines:after {
					  -webkit-transform: rotate3d(0, 0, 1, -45deg);
					  transform: rotate3d(0, 0, 1, -45deg);
					}
	
	.page-header	{
			height:100px;
			background-size:cover;
		}
		#page-content-container	{
			background:none;
		}
			.page-content	{
				background:none;
				width:100%;
			}
				.page-content-left	{
					display:none;
				}
					.page-content-left h1, .page-content-left p		{
						padding:0 10px;
					}
						.crumbs		{
							margin:25px 20px 0px 20px;
						}
						.print-page	{
							display:none;
						}
					.team		{
						margin:20px 0 0 0;
					}							
					.team	li	{
						border:1px solid #dfdfe0;
						width:88%;
						height:150px;
						margin:0 0 24px 16px;
						padding:5px 0 0 0;
					}					
				.page-content-right	{
					width: 100%;
					padding:0 0px;
				}
				ul.principles	{	
					margin:0 auto;
					display:table;
				}
					ul.principles li	{	
						display:table;
						text-align:center;
						margin:0 0 20px 0;
					}				
					ul.principles li img	{
						height:64px;
					}
					ul.infobox-1, ul.infobox-2, ul.infobox-3  	{
						width:90%;
						margin:15px auto 20px auto;
					}	
						ul.infobox-1 li:first-child, ul.infobox-2 li:first-child, ul.infobox-3 li:first-child		{
						
						}
						ul.infobox-1 li div.rotate, ul.infobox-2 li div.rotate, ul.infobox-3 li div.rotate		{
							width:100%;
							margin:10px 0 0 0;
							height:30px;
							text-align:center;
							padding:0 0 0 0;
						}								
				
				.infobox-1 li p, .infobox-2 li p, .infobox-3 li p	{
					border:0px solid #f00;
					padding:20px 20px 0 20px;
					margin:20px 0 20px 0;
				}
						
				.infobox-1 li img, .infobox-2 li img, .infobox-3 li img	{
					width:90%;
					margin:0px 15px 0 10px;
					position:relative;
					bottom:15px;						
				}

	/*------------------------------
		8B. Home
	------------------------------*/	

		#home-welcome-container, #home-feature-container, #test-container, #home-content-1-container, #home-content-2-container, #affiliated-container, footer, #global-footer-container 	{
		clear:both;
		
	}	
	
		.home-welcome, .home-content-1, .home-content-2, .affiliated, .footer-global 	{			
			height:auto;

		}

		.home-welcome-left, .home-welcome-right, .home-content-1, .home-content-1-left, .home-content-1-right, .home-content-2-left, .home-content-2-right, .home-content-2, .footer-global, .affiliated-left, .affiliated, .page-header {
			width:100%;
			/*border:1px solid #f00;*/
		}

	.home-welcome	{
		max-width: 100%;
		margin:0;
	}	

	.footer-global-left, .footer-global-right	{
		background-color:#000;
	}

	#feature-container, .feature-left, .feature-right, #background-container, .background, #content-01, #content-02, #content-03	{
		height:300px;
	} 

		.home-feature-title	{
		top:40%;
		padding:0 0 0 20px;
		}
			.home-feature-title h1 {
				font-size:30px;
				line-height:34px;
				width:280px;
			}
			.home-feature-thumbs	{
				top:240px;
				left:-20px;
				padding:0px;
			}
			.container-home-01.background, .container-home-02.background, .container-home-03.background	{
				background-size:1384px 300px;
				background-position:58% 0;
			}
			#home-welcome-container	{
				background: none;
			}
			.home-welcome	{
				background: url('../images/home_welcome_bg.jpg') bottom center no-repeat;
				overflow:hidden;
			}
			.home-welcome-left {
				background:none;
				padding:0 0 20px 0;
			}			
				.home-welcome-left p, .home-content-1 p	{
					font-size:16px;
					margin: 10px 20px 0 20px;
				}
				.home-welcome-right {	
				background:none;

				background-position:55% 0;
				}

				.home-welcome-right  h2	 {  	
					top:170px;
					left:20px;
				}
			.map-pins	{
				width:100%;
				margin-left:auto;
				margin-right:auto;
				display:table;
				background: url('../images/global_map_mobile.png') no-repeat;
				background-size:517px 275px;
				background-position:20% 0px;				
			}
				.map-pins	p { 
					text-align:center;
				} 
					.map-pin-can	{
						display:none;			
					}
					.map-pin-usa	{
						display:none;
					}
					.map-pin-uk	{
						display:none;
					}
					.map-pin-fra	{
						display:none;
					}	
		.home-content-1-left	{
			margin-bottom:0;
		}
			.home-content-1-left h2	{
				margin: 30px 15px 0 20px;				
					}
			.products-left, .products-right	{
				padding:0 0px 0  0px;
				width:100%;
			}
			.products-left li, .products-right li	{
				padding:0 0px 20px 0px;
				margin: 10px auto;
				width:260px;
				background-position: 10% 0% !important;
			}
				.products-left li a, .products-right li a	{
					background: url('../images/products_btn.png') no-repeat 12% 70%;
					background-position: 35% 50% !important;
					background-size:40px 40px;
				}
					.products-left li a:hover, .products-right li a:hover	{
						background: url('../images/products_btn_hover.png') no-repeat 12% 70%;
						background-position: 37% 50% !important;
						background-size:40px 40px;
					}				
		.home-content-1-right	{
			margin:0;
		}
			.home-content-1-right h2	{
				margin: 0px 15px 0 20px;
			}	
			
			.metals li	{
				float:none;
				width:260px;
				margin: 0 auto;
			}
			.metals li a.non-ferrous, .metals li a.non-ferrous:hover, .metals li a.ferrous-alloys, .metals li a.ferrous-alloys:hover, .metals li a.ferrous, .metals li a.ferrous:hover	{
				width:260px;
				height:158px;
				background-size: 260px 158px;
			}			
			.metals li:last-child	{
				margin-bottom:25px;
			}
		.solutions-left, .solutions-right	{
			padding:0 0px 0  0px;
			width:100%;
		}
			.solutions-left li, .solutions-right li	{
				padding:0 0px 20px 0px;
				margin: 10px auto;
				width:260px;
				background:url('../images/products_btn.png') no-repeat 100% 20%;	
				background-size:20px 20px;
			}
				.solutions-left li:hover, .solutions-right li:hover	{
				background:url('../images/products_btn_hover.png') no-repeat 100% 20%;	
				background-size:20px 20px;					
				}
				
				.solutions-left li a, .solutions-right li a	{
					font-size:20px;
				}	
			
			#home-content-2-container	{
				background: url('../images/home_content_2_bg.jpg') top repeat-y;
				overflow:hidden;
			}
			
			.home-content-2-left	p {
				text-align:center;
				padding:20px 0;
			}	
				.home-content-2-left	p img {
					width:80%;
				}	
			.home-content-2-right	p:last-child {
				font-size:16px;
				padding-bottom:25px;
			}	

		.affiliated-left	{
			background: #bbbbbb url('../images/affiliated_bg.jpg') center repeat-x;
			padding: 20px 0 0 0;
			width:100%;	
		}
			.affiliations	{
				width:80%;	
				list-style:none;
				margin:0 auto;
				display:table;
			}
				.affiliations li	{
					width:33%;
					margin:0 auto;
					padding:0;
					display:table;
					float:left;
					text-align:center;
				}
				.affiliations li a	{
					display:table-cell;
					padding:5px 0 0 0;
					text-align:center;
				}
				.affiliations li.pics a	img	{
					width:70%;
					margin:16px 0 2px 0;
				}
				.affiliations li.isn a	img	{
					width:40%;
				}
				.affiliations li.complyworks a	img	{
					width:80%;
					margin:11px 0 10px 0;
				}
				
		footer	{}
			#footer-global-container	{}
				.footer-global	{
					background:#000;
					overflow:hidden;
				}
					.footer-global-left	{
						width:49%;
						float:left;
						padding:0;
					}
						.footer-global-left p	{
							margin:0;
							padding:10px 0 20px 20px;
							position:relative;
							left:0px;
						}
						.footer-global-right p		{
							padding:0 0 0 15px;
							margin:0;
							line-height:18px;
							float:left;
						}
						.footer-global-right p	 span	{
							display:block;
						}
						.footer-global-left ul {
							padding:15px 0 10px 20px;
						}
						.footer-global-right ul	{
							padding:15px 0 10px 0px;
						}						
							.footer-global-left li	{
								padding:0;
								margin:0;
							}
					.footer-global-right	{
						width:49%;
						float:left;
						padding:0;						
					}
				.footer-global-left ul li a	{
					font-size:16px;
					padding:0;
					display:table
				}
				.footer-global-right ul li a	{
						font-size:16px;
				}	
														
	/*------------------------------
		8C. Misc
	------------------------------*/

		#xmap ul li	{
			width:100%;
		}
			#xmap ul li ul	{
			height:220px;
			}

		.contentTable  {
			width:100%;
		}

	.topic-expand-link-open 	{
		width:auto;
	}

	.topic-expand-link	{
		padding:0 80px 0 0;
	}
	
		.topic-expand-link span	{
			font-size:14px;
			margin: 20px 0 20px 0px;
			position:relative;
			left:10px;
			float:none;
		}


	/*****METALS OVERVIEW PAGE******/
	
	.metals-header	{	
	transition: background-color 0.2s ease;
	background:#fff;
	width:100%;
	border:1px solid #CCCCCC;
	margin-bottom:30px;
	
}
	.metals-header:hover	{
		/*background:#f85d00;*/
		color:#000;		
		background:#e3e3e3;
	}

	.metals-header a	{
	background: url('../images/products_btn.png') no-repeat 97% center;
	background-size:20px 20px;
	font-family: Corbel, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	letter-spacing:0.01em;
	color:#000;
	display:block;
	text-transform:uppercase;
	padding:0 0 0 0px;
	vertical-align:middle;
	}
		.metals-header a:hover	{
			color:#2a2666;
		}

	.metals-header a span	{
		padding:20px 0px;
		height:100%;
		display:inline-block;
		position:relative;
		left:10px;
		
	}

	.metals-header img	{
		border:0;
		cursor:pointer;
		vertical-align:bottom;
	}

	.salesteam	li	{
		border:1px solid #dfdfe0;
		width:88%;
		float:left;
		margin:0 22px 12px 15px  !important;
		padding:0 0 0 3px !important;
		background-image:none !important;
		height:150px;
	}

}



@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}