/*Main tag definitions*/
body {
	behavior:url(csshover.htc);
	background-image: url(../images/template_Gradient_BG.gif);
	background-repeat: repeat-x;
	background-color: #ccc;
	margin: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #5d5d5d;
}
	a:link{
		text-decoration: none;
		color: #005295;
	}
	a:visited{
		text-decoration: none;
		color:#005295;
	}
	a:hover{
	text-decoration: underline;
	color:#bf2e1a;
	}
	td {
		text-align:left;
	}
	h1 {
		font-size: 14pt;
		text-transform: uppercase;
		color: #bf2e1a;
		font-weight: normal;
		letter-spacing: 0.25em;
	}
	h2 {
/*	text-transform: uppercase;
	letter-spacing: 0.15em; */
	color: #005295;
	margin: 0px;
	font-size: 1.20em;
	font-weight: normal;
	line-height: 1em;
	}
	h3 {
		font-size: 1em;
		font-weight: bold;
		margin-top: .5em;
		margin-bottom: .5em;
	}
	ol li {
	line-height: 1.15em;
	margin-bottom: .5em;
}
div{
		box-sizing: border-box; /* Use IE Box Method */
	}



	/*Main Page Tree */
	.rootContainer {
		text-align: center;
		width: 100%;
		position: relative;
	}
		.pageContainer {
			background-color: #ffffff;
			width: 800px;
			margin-right: auto;
			margin-left: auto;
			position: relative;
		}
			#mainNavigation { /*Container for Main Navbar*/
				background-color: #CCCCCC;
				background-image: url(../images/NewbuttonBG.gif);
				background-repeat: repeat-x;
				background-position: center center;
				height: 20px;
				text-align: center;
				white-space: nowrap;
				padding-left: 55px;
				position: relative;
				z-index: 200;
			}

			/* Main Navigation Styles*/
				#mainNavigation .topLevelNav, .secondLevelNav {
					text-align:left;
					margin: 0px;
					padding: 0px;
					list-style: none;
					box-sizing: border-box;
					font-size:8.5pt;
					line-height:20px;
				}
				#mainNavigation .topLevelNav li {
					float: left;
					height: 20px;
					position: relative;
				}

				#mainNavigation .topLevelNav li a {
				 /* Hide from IE5/Mac \*/
					display: block;
				 /* Stop Hiding */
					text-decoration: none;
					color: #333333;
					background: #CCCCCC url(../images/NewbuttonBG.gif) repeat-x center center;
					padding-right: 10px;
					padding-left: 10px;
					height: 20px;
					border-top: 0px solid;
					border-right: 1px solid #FFFFFF;
					border-bottom: 0px solid;
					border-left: 1px solid #666666;
				}

				/* Fix IE. Hide from IE Mac \*/
				* html #mainNavigation .topLevelNav li { float: left; height: 1%; }
				* html #mainNavigation .topLevelNav li a { width: 1%; white-space:nowrap; }
				* html #mainNavigation .topLevelNav li .secondLevelNav { width: 200px;}
				* html #mainNavigation .topLevelNav li .secondLevelNav li a { width: 100%; white-space:nowrap; }
				/* End */

				#mainNavigation .secondLevelNav {
					position: absolute;
					top: 20px;
					display: none;
				}
				#mainNavigation .secondLevelNav li {
					box-sizing: border-box;
					height: 20px;
					background-color: #999999;
					display: block;
					width: 100%;
					float: none;
				}
				#mainNavigation .secondLevelNav li a {
					display: block;
					min-width:200px;
					width:100%;
					text-decoration: none;
					text-align:left;
					color: #333333;
					background: #CCCCCC url(../images/navigation_subNavBG.gif);
					padding-right: 15px;
					padding-left: 15px;
					height: 20px;
					border: 0px;
				}
				#mainNavigation .topLevelNav li a:hover { /* Hover Styles */
				 color: #FFFFFF;
					background: #666666;
					background-image: url(../images/animatedbuttonBG.gif);
					border-right: 1px solid #666666;
					border-left: 1px solid #FFFFFF;
					}
				#mainNavigation .secondLevelNav li a:hover {  /* Hover Styles */
					color: #FFFFFF;
					background: #666666;
					background-image: url(../images/navigation_subNavBG_Down.gif);
					border: 0px;
				}
				#mainNavigation li:hover .secondLevelNav, li.over .SecondLevelNav { /* Show SubMenus */
					display: block;
				}
			/* End Main Navigation Styles*/

		.interiorContent {
			padding: 15px;
			z-index: 200;
			height: 100%;
			text-align: left;
			overflow: auto;
		}
			.interiorContent #copy {
				float: left;
				width: 350px;
				margin-left: 15px;
				padding-right: 15px;
				padding-left: 15px;
				border-top-width: 0px;
				border-right-width: 1px;
				border-bottom-width: 0px;
				border-left-width: 1px;
				border-top-style: none;
				border-right-style: solid;
				border-bottom-style: none;
				border-left-style: solid;
				border-top-color: #738ca4;
				border-right-color: #738ca4;
				border-bottom-color: #738ca4;
				border-left-color: #738ca4;
				line-height: 1.75em;
			}
			.interiorContent .copy {
				float: left;
				width: 550px;
				margin-left: 15px;
				margin-top: 20px;
				padding-right: 15px;
				padding-left: 15px;
				border-top-width: 0px;
				border-right-width: 0px;
				border-bottom-width: 0px;
				border-left-width: 0px;
				border-top-style: none;
				border-right-style: none;
				border-bottom-style: none;
				border-left-style: solid;
				border-top-color: #738ca4;
				border-right-color: #738ca4;
				border-bottom-color: #738ca4;
				border-left-color: #738ca4;
				line-height: 1.75em;
			}


			/* Sub Page Navigation Styles*/
			.interiorContent #subPageNavigation, .productContent #subPageNavigation{
				float: left;
				width: 150px;
				margin-right: 15px;
			}
				#subPageNavigation ul {
					width: 100%;
					margin: 17px 0 0 0;
					padding: 0px;
					list-style-type: none;
				}
				#subPageNavigation ul li {
					margin: 0;
					padding: 0px;
				}

				#subPageNavigation a:link, #subPageNavigation a:visited {
					color: #00457a;
					font-weight:normal;
					text-align:right;
					font-size: 11px;
					text-decoration:none;
					box-sizing: border-box;
					background-color: #ffffff;
					display: block;
					width: 150px;
					float: none;
					margin-top: 5px;
					margin-bottom: 5px;
					line-height: 1em;
					padding: 2px 10px 2px 2px;
					border: 2px outset #cccccc;
				}
				#subPageNavigation a:hover, #subPageNavigation a.active {
					color: #FFFFFF;
					font-weight:normal;
					text-align:right;
					font-size: 11px;
					box-sizing: border-box;
					background-color: #005295;
					display: block;
					width: 150px;
					float: none;
					margin-top: 5px;
					margin-bottom: 5px;
					line-height: 1em;
					padding: 2px 10px 2px 2px;
					border: 2px inset #cccccc;
				}
/*
				#subPageNavigation a.active {
					color: #fff;
					background: #bf2e1a;
				}
*/
			/* End Sub Level Page Navigation */

		/* Third Level Page Elements */
		.thirdLevelContent {
			padding: 15px;
			z-index: 200;
			height: 100%;
			text-align: left;
			overflow: auto;
		}
			.thirdLevelContent h1 {
				margin-left: 15px;
			}
			.thirdLevelContent #copy, .thirdLevelContent .copy {
				float: left;
				width: 500px;
				padding-right: 15px;
				border-top-width: 0px;
				border-right-width: 1px;
				border-bottom-width: 0px;
				border-left-width: 0px;
				border-top-style: none;
				border-right-style: solid;
				border-bottom-style: none;
				border-left-style: none;
				border-top-color: #738ca4;
				border-right-color: #738ca4;
				border-bottom-color: #738ca4;
				border-left-color: #738ca4;
				line-height: 1.75em;
				text-align: left;
				margin-left: 15px;
				overflow: visible;
			}
			.thirdLevelContent .expansion { /* For Elements that need to Breatk the column */
				clear: both;
				position: relative;
				padding: 5px;
			}

#AboutUs .plainBkg  {
	background-image: url(../images/plain-bkg.gif);
	background-repeat: repeat-x;
}

#AboutUs .plainBkg  {
	background-image: url(../images/plain-bkg.gif);
	background-repeat: repeat-x;
}

		/* End Third Level page Elements */

		/* Third Level Page Elements */
		.productContent {
			padding: 15px;
			z-index: 200;
			height: 100%;
			text-align: left;
			overflow: auto;
		}
			.productContent .copy {
				float: left;
				width: 550px;
				line-height: 1.75em;
				text-align: left;
				margin-left: 15px;
				overflow: visible;
			}
			/* Section Backgrounds */
			#AboutUs {
				background-image: url(../images/BG_AboutUsStrongerSteel_InteriorBackground.jpg);
				background-repeat: no-repeat;
				background-position: top right;
			}

			#search {
				background-image: url();
				background-repeat: no-repeat;
				background-position: left top;
			}


			#customerService {
				background-image: url(../images/BG_Design_InteriorBackground.jpg);
				background-repeat: no-repeat;
				background-position: right top;
			}
			#contactUs {
				background-image: url(../images/BG_SteelCoil_InteriorBackground.jpg);
				background-repeat: no-repeat;
				background-position: right top;
			}
			#resources {
				background-image: url(../images/BG_SteelPiecs_InteriorBackground.jpg);
				background-repeat: no-repeat;
				background-position: right top;
			}
			#steelTalk {
				background-image: url(../images/BG_AboutUsStrongerSteel_InteriorBackground.jpg);
				background-repeat: no-repeat;
				background-position: right top;
			}
			#supportDocsCatalogs {
				background-image: url(../images/BG_catDocs_InteriorBackground.jpg);
				background-repeat: no-repeat;
				background-position: right top;
			}
			#AECWorksite {
				background-image: url(../images/BG_Worksite_InteriorBackground.jpg);
				background-repeat: no-repeat;
				background-position: right top;
			}
#StrongerThanSteel { background-image: url(../images/BG_StrogerThanSteel_InteriorBackground.jpg); background-repeat: no-repeat; background-position: right top; }
#HR_stylesheet { background-image: url(../images/HR_Background.jpg); background-repeat: no-repeat; background-position: right top; }
#ultraSteel {
				background-image: url(../images/BG_UltraSteel_InteriorBackground.jpg);
				background-repeat: no-repeat;
				background-position: right top;
}
#swiftClip {
				background-image: url(../images/BG_SwiftClip_IInteriorBackground.jpg);
				background-repeat: no-repeat;
				background-position: right top;
}


			/*Section Backgrounds */

			/* Page Trail */
			.breadcrumbs {
				font-size: 9pt;
				text-decoration: none;
				text-align: left;
				color: #bf2e1a;
			}
				.breadcrumbs a{
					color: #00457a;
				}
			/* End Page Trail*/

	.callout {
		padding: 5px;
		border: 1px solid #738ca4;
	}
		#presidentImage {
			float: left;
			margin-right: 15px;
			border-top-width: 0px;
			border-right-width: 1px;
			border-bottom-width: 0px;
			border-left-width: 0px;
			border-top-style: none;
			border-right-style: solid;
			border-bottom-style: none;
			border-left-style: none;
			padding-right: 15px;
		}

			/*Homepage Styles*/
			#homepageBottomContent {
				text-align: left;
			}
				.newsItems {
				}
					
				.middleColumn { /*Defines Style of Middle Column on Homepage*/
					border-top-width: 0px;
					border-right-width: 2px;
					border-bottom-width: 0px;
					border-left-width: 2px;
					border-top-style: none;
					border-right-style: solid;
					border-bottom-style: none;
					border-left-style: solid;
					border-right-color: #738ca4;
					border-left-color: #738ca4;
				}
			#homepageSlideshow { /*Slideshow Placeholder */
				height: 300px;
				width: 800px;
			}
			/* End Homepage Styles */



		/* CW Locations Map Styles */
		#locationsMap {
	position: relative;
	clear: both;
		}
			#locationsMap .locationBox {
				display: none;
				border: 1px solid #C31230;
			}
				#locationsMap .locationBox p {
					padding: 5px;
					margin-top: 0px;
					margin-right: 10px;
					margin-left: 10px;
					line-height: 1.25em;
				}
			#locationsMap #northEast {
	background-color: #004381;
	position: absolute;
	z-index: 10;
	top: 45px;
	left: 468px;
			}
			#locationsMap #Ohio {
	background-color: #2F5A93;
	position: absolute;
	z-index: 10;
	top: 79px;
	left: 376px;
			}
			#locationsMap #South {
	background-color: #8899C1;
	position: absolute;
	z-index: 10;
	top: 160px;
	color: #003366;
	left: 386px;
			}
			#locationsMap #Florida {
	background-color: #5C76A8;
	position: absolute;
	z-index: 10;
	top: 230px;
	color: #003366;
	left: 393px;
			}
			#locationsMap #FtLauderdale {
	background-color: #2F5A93;
	position: absolute;
	z-index: 10;
	top: 238px;
	color: #FFFFFF;
	left: 463px;
			}
			#locationsMap #MidSouth {
	background-color: #BBC3DB;
	border: 1px solid #C31230;
	position: absolute;
	z-index: 10;
	top: 161px;
	color: #003366;
	left: 247px;
			}
			#locationsMap .controls {
				background-color: #C31230;
				display: block;
				color: #FFFFFF;
				text-align: right;
			}

			#AboutUs #locationsMap .controls a {
				color: #FFFFFF;
				background-color: #990000;
				padding-right: 5px;
				padding-left: 5px;
				text-decoration: none;
			}
			#AboutUs #locationsMap .controls a:hover {
				color: #FFFFFF;
				background-color: #FF0000;
				padding-right: 5px;
				padding-left: 5px;
				text-decoration: none;
			}
			#locationsMap #MidWest {
	background-color: #5C76A8;
	border: 1px solid #C31230;
	position: absolute;
	z-index: 10;
	top: 18px;
	color: #FFFFFF;
	left: 261px;
			}
			#locationsMap #NorthWest {
	background-color: #004381;
	border: 1px solid #C31230;
	position: absolute;
	z-index: 10;
	top: 7px;
	color: #FFFFFF;
	height: 116px;
	left: 109px;
			}
			#locationsMap #SouthWest {
	background-color: #2F5A93;
	border: 1px solid #C31230;
	position: absolute;
	z-index: 10;
	top: 12px;
	color: #FFFFFF;
	left: 57px;
			}
	/*End CW Locations Map Information */




.mainContent #copy .faqLink { /*Temporary */
	line-height: 1em;
	font-weight: bold;
	color: #cccccc;
}
.address {
	line-height: 1.25em;
}
.address h2 {
	font-weight: bold;
	text-transform: none;
	color: #CCCCCC;
}

.glossary dd {
	margin-left: 1em;
	line-height: 1.15em;
	margin-bottom: 1em;
}
.glossary dl {
	margin-top: 0px;
}
.glossary dt {
	font-weight: bold;
}
.footer {
	text-align: center;
}
.footer .copyright {
	font-size: 8pt;
	color: #bf2e1a;
	line-height: 30px;
}

#faq li, #faq .closed {
	color: #333333;
	list-style-type: none;
	line-height: 1.15em;
	margin-bottom: 1em;
	display: block;
	margin-left: 0px;
	padding: 0px;
}
#faq li:hover {
	color: #00457a;
	cursor: default;
	}
	#faq .open:hover {
	color: #333333;
	}

#faq li ul li {
	font-weight: normal;
	color: #999999;
	list-style-type: none;
	line-height: 1.5em;
	margin-top: 1em;
	display: none;
	margin-left: 1em;
}
#faq .open ul li {
	font-weight: normal;
	color: #999999;
	list-style-type: none;
	line-height: 1.5em;
	margin-top: 1em;
	display: block;
}


.mainContent #rightColumn {
	float: right;
	width: 200px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.mainContent #preMap {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.expansion #easternAddress {
	position: absolute;
	left: 519px;
	top: 335px;
	width: 264px;
	white-space: nowrap;
}
.copy #rightColumnCallout {
	position: absolute;
	left: 580px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #738ca4;
	border-right-color: #738ca4;
	border-bottom-color: #738ca4;
	border-left-color: #738ca4;
}
#ultraSteel #CodeApprovals {
	line-height: 1.15em;
}



.industryLinks {
	list-style-type: none;
	display: block;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
.industryLinks ul {
	line-height: 1.15em;
	font-weight: normal;
	list-style-type: disc;
}

/* ADDED BY DESIGN CHEMISTRY 10/27/06 */
#flashcontent {
	text-align: left;
	color: #fff;
	}
#catalog-tabs {
	background: url(../images/tab_bar_bkg.gif) repeat-x;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 25px;
	list-style: none;
	margin: 0;
	padding-left: 70px;
	width: 730px;
	}
#catalog-tabs li {
	float: left;
	margin: 0;
	padding: 0;
	}
#catalog-tabs a {
	border-left: 1px solid #9E9A9A;
	border-right: 1px solid #fff;
	color: #fff;
	display: block;
	float: left;
	line-height: 24px;
	margin: 0 1px 0 0;
	text-decoration: none;
	text-align: center;
	padding: 0 15px;
	}
#catalog-tabs a:hover {
	color: #003366;
	}
#catalog-tabs a.current, #catalog-tabs a.current:hover {
/*	background: url(../images/tab_bar_current_nav_bg.gif) repeat-x bottom
left; */
	background-color: #ffffff;
	border-right: 1px solid #9E9A9A;
	border-top: 1px solid #9E9A9A;
	border-left: 0;
	color: #626262;
	height: 25px;
	}
#catalog-tabs-clear {
	clear: right;
	}
#catalog-disp-content {
	background-color: #ffffff;
	}
#catalog-disp-tbl {
	width: 100%;
	text-align:left;
	color:#000000
	}
	#catalog-disp-tbl ul {
	text-align:left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
	list-style-type: none;
	}
		#catalog-disp-tbl h2 {
	color:#003366;
		}
		#catalog-disp-tbl li ul li {
	text-align:left;
	padding: 5px;
	list-style-type: none;
	}
#catalog-disp-tbl td {
	text-align: center;
	vertical-align: top;
	width: 33%;
	}
#catalog-disp-tbl .rt-border {
	border-right: 0px solid #949398;
	}
#catalog-disp-tbl img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	}
#catalog-disp-tbl a {
	color: #900;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	}
#catalog-disp-tbl a:hover {
	color: #003366;
	}
.mainContent #homepageContent {
	float: left;
	height: 296px;
	width: 275px;
	text-align: Left;
	color: #ccc;
}

.mainContent #homepageSlideshow #flashcontent {
	margin: 0px;
	padding: 0px;
	width: 523px;
}
.mainContent #homepageSlideshow {
	background-image: url(../images/BG_HomepageText.jpg);
	background-repeat: repeat-x;
}
.mainContent #homepageContent h2 {
	margin: 1em;
}
.mainContent #homepageContent p {
	margin: 1em;
}

.mainContent #homepageContent a {
	color: #fff;
}

#UltraSteelBump {
	float: right;
	height: 35px;
	width: 90px;
}