/**************************************************************************************
******* COMMON STYLES
***************************************************************************************/
body {
	background: #f2f2f2 url(/elements/images/global/bodyBG.gif) 0 0 repeat;
	color: #000;
	font: normal 12px/1 Arial, Helvetica, sans-serif;
}
#container {
	background: #000;
	margin: 0 auto;
	width: 980px;
}
.column {float: left;}
.right {display: block; float: right;}
/**************************************************************************************
******* HEADER AREA STYLES
***************************************************************************************/
#header {position: relative; z-index: 99;}
	#logo {
		background: transparent url(/elements/images/global/logo.png) center 0 no-repeat;
		display: block;
		height: 76px;
		left: 50%;
		margin: 0 0 0 -75px;
		position: absolute;
		text-indent: -9999em;
		top: 15px;
		width: 150px;
	}
	#primaryToolbar {
		background: #010101 url(/elements/images/global/primaryToolbarBG.jpg) 0 0 repeat-x;
		color: #fff;
		height: 32px;
		line-height: 32px;
		text-align: right;
	}
	#primaryToolbar label,
	#primaryToolbar a {
		color: #39c;
		font-weight: bold;
		line-height: 18px;
		margin: 0 5px 0 0;
		text-transform: uppercase;
	}
	#primaryToolbar a {margin: 0 5px;}
	#primaryToolbar input {
		margin: 0 5px 0 0;
		vertical-align: middle;
	}
	#primaryToolbar input.text {
		border: none;
		color: #666;
		font: normal 0.9em/14px Arial, Helvetica, sans-serif;
		height: 14px;
		padding: 2px 5px;
		width: 125px;
	}
	#primaryToolbar input.submit,
	#primaryContent .form_element input.arrow-button {
		background: #01486c url(/elements/images/global/primaryToolbarSubmitButtonBG.jpg) 0 0 repeat-x;
		border: 1px solid #2a92c6;
		cursor: pointer;
		height: 18px;
		margin: 0 10px 0 0;
		text-indent: -9999em;
		width: 18px;
	}
	#primaryToolbar input.submit:hover,
	#primaryToolbar input.submit:focus,
	#primaryContent .form_element input.arrow-button:hover,
	#primaryContent .form_element input.arrow-button:focus {background-position: 0 -16px;}
	#primaryNavigation {
		background: #010101 url(/elements/images/global/headerBG.jpg) 0 0 repeat-x;
		padding: 0 10px;
	}
		#primaryNavigation ul.navigation {
			float: left;
			width: 400px;
		}
		#primaryNavigation ul.secondary {float: right;}
			#primaryNavigation ul.navigation li {
				display: block;
				float: left;
				position: relative;
				width: 133px;
			}
				#primaryNavigation ul.navigation li a {
					background: transparent url(/elements/images/global/primaryNavigationItemBG.jpg) 0 81px repeat-x;
					border: 1px solid transparent;
					border-width: 0 1px;
					color: #fff;
					display: block;
					font-size: 0.9em;
					font-weight: bold;
					padding: 50px 0 20px;
					text-align: center;
					text-transform: uppercase;
				}
				#primaryNavigation ul.navigation li a:hover,
				#primaryNavigation ul.navigation li:hover > a,
				#primaryNavigation ul.navigation li a.current {
					background-position: 0 0;
					border-color: #3783ab;
					color: #4cbdf6;
				}
				#primaryNavigation ul.navigation li ul {
					background: transparent url(/elements/images/global/primaryNavigationSubBG.png) center 0 no-repeat;
					box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
					-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
					-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
					left: -99999em;
					padding: 18px 0 0;
					position: absolute;
					top: 69px;
					width: 133px;
				}
				#primaryNavigation ul.navigation li:hover ul {left: 0;}
					#primaryNavigation ul.navigation li ul li {
						float: none;
						width: 100%;
					}
						#primaryNavigation ul.navigation li ul li a {
							background: none;
							border: none;
							font-weight: normal;
							padding: 5px 15px;
							text-align: left;
							text-transform: none;
						}
						#primaryNavigation ul.navigation li ul li a:hover,
						#primaryNavigation ul.navigation li ul li:hover a {
							background: #004567;
							color: #fff;
						}
						#primaryNavigation ul.navigation li:hover ul li ul {
							background: #004567;
							left: -9999em;
							padding: 0;
							top: 0;
							width: 200px;
						}
						#primaryNavigation ul.navigation li:hover ul li:hover ul {left: 133px;}
							#primaryNavigation ul.navigation li:hover ul li:hover ul li a:hover {background: #4cbdf6;}
				#primaryNavigation ul.navigation li a span.highlight-arrow {height: 25px; width: 34px; position: absolute; bottom: 0; right: 50px; background: url("/elements/images/global/primaryNavigationSubBG.png") no-repeat scroll center 13px transparent;}
					#primaryNavigation ul.navigation li.more-info a {color: #3399CC;}
/**************************************************************************************
******* MIDDLE AREA STYLES
***************************************************************************************/
#middle {margin: 0 10px;}

/**************************************************************************************
******* FOOTER AREA STYLES
***************************************************************************************/
#footer {
	margin: 10px;
	padding: 0 0 20px;
}
	#secondaryNavigation {
		background: #000 url(/elements/images/global/secondaryNavigationBG.jpg) 0 0 repeat-x;
		border: 1px solid #333;
		padding: 10px 0;
	}
		#secondaryNavigation div.category {
			border-left: 1px solid #333;
			float: left;
			height: 200px;
			padding: 0 30px;
		}
		#secondaryNavigation div#designAndBuildNavigation {
			border: none;
			padding: 0 15px;
			width: 490px;
		}
		#secondaryNavigation div#aboutTMINavigation {width: 175px;}
		#secondaryNavigation div#moreWithMetalNavigation {width: 140px;}
			#secondaryNavigation div.category h3,
			#secondaryNavigation div.category h3 a { 
				 color: #599fc3;
				 font-size: 1em;
				 font-weight: bold;
				 letter-spacing: 0.025em;
				 margin: 0 0 10px;
				 text-transform: uppercase;
			}
			#secondaryNavigation div.category ul li {
				color: #fff;
				display: block;
				font-size: 0.95em;
				line-height: 1.5em;
			}
			#secondaryNavigation div.category ul li.category {margin: 1em 0 0;}
			#secondaryNavigation div.sub-categories ul li.category {
				float: left;
				margin: 0;
			}
			#secondaryNavigation div.category ul li#who-choosing,
			#secondaryNavigation div.category ul li#retrofit,
			#secondaryNavigation div.category ul li#sustainability,
			#secondaryNavigation div.category ul li#productlocator {margin: 0 0 0 2em; width: 175px;}
			#secondaryNavigation div.category ul li#productlocator {height: 65px;}
			#secondaryNavigation div.category ul li#metalProducts {margin: 0 0 0 3em; width: 155px;}
			#secondaryNavigation div.category ul li#metalTypes {margin: -8em 0 0;}
				#secondaryNavigation div.category ul li h4,
				#secondaryNavigation div.category ul li h4 a {
					font-size: 1em;
					font-weight: bold;
					line-height: 1.5em;
				}
				#secondaryNavigation div.category ul li a {color: #fff;}
				#secondaryNavigation div.category ul li a:hover {color: #39c;}
				#secondaryNavigation div.category ul li ul {margin: 0 0 1.5em 0;}
				#secondaryNavigation div.category ul li ul.children {margin: 0 2em 0 0.75em;}
				#secondaryNavigation div.category ul li ul.column {
					float: left;
					width: auto;
				}
	#footer p {
		color: #666;
		font-size: 0.95em;
		margin: 20px 0 0;
		text-align: center;
	}
	
	h3#followus {
		padding-top:15px;
	}
	
	li#facebook a {
	width:32px;
	height:32px;
	background:url(/elements/images/facebook.png) no-repeat;	
	background-position:0px -32px;
	text-indent:-9999px;
	display:block;
	}
	
	li#facebook a:hover {background-position:0px 0px;}
#requestInfoButton {
	background: transparent url(/elements/images/global/button-more-info.png) 0 0 no-repeat;
	display: block;
	height: 100px;
	position: fixed;
	right: 0;
	text-indent: -9999em;
	top: 115px;
	width: 134px;
}
#requestInfoButton:hover {background-position: 0 -100px;}


.no-border,
.no-border td {border: none !important;}

.case-studies {margin: 0 0 1.5em;}
	.case-studies .case-study {
		border: 1px solid #bfbfbf;
		display: table-cell;
		width: 275px;
	}
	.case-studies .spacer {display: table-cell; width: 20px;}
		.case-studies .case-study img {
			border-bottom: 1px solid #bfbfbf;
			display: block;
			margin: 0 0 10px;
		}
		#primaryContent .case-studies .case-study h3,
		#primaryContent .case-studies .case-study p {margin: 0 5px 10px;}

.wp-right {float: right; text-align: center; margin: 0 0 1em 1em !important;}
.wp-left {float: left; text-align: center; margin: 0 1em 1em 0 !important;}

.sharebar {
	margin:20px 0;	
	height:32px;
	position:relative;
}

.sharebar p a {
	display:block;
	float:left;
	line-height:32px;	
	margin-right:10px;
}

ul#badges li {
	display:inline;	
	float:left;
	margin:0 5px 0 0;
}

	li#slideshare a {
	width:32px;
	height:32px;
	background:url(/elements/images/slideshare.png) no-repeat;	
	background-position:0px -32px;
	text-indent:-9999px;
	display:block;
	}
	
	li#slideshare a:hover {background-position:0px 0px;}