﻿body													{ background-image: url('../../Images/itw_heartland_bg.jpg'); margin: 0px; font-family: Arial; font-size: 85%; color: #4D4D4D; }
img														{ border-width: 0px; }
tr														{ vertical-align: top; }
ul, ol												{ margin-top: 3px; }
a															{	color: #7E0007; }
a:visited											{ color: #777777; }

div.CenteredContent						{ width: 960px; min-width: 960px; min-height: 400px; text-align: left; }
div.PadBottom15								{ padding-bottom: 15px; }
div.Paragraph									{ padding-bottom: 10px; }
div.Indent20									{ padding-left: 20px; }
.Width200											{ width: 200px; }
.PadRight15										{ padding-right: 15px; }
.PadLeft15										{ padding-left: 15px; }
.PadLeft10										{ padding-left: 10px; }
.PadLeft5											{ padding-left: 5px; }
.PadRight5										{ padding-right: 5px; }
.PadRight10										{ padding-right: 10px; }
.Center												{ text-align: center; }
.Italics											{ font-style: italic; }
.Bold													{ font-weight: bold; }
.Black												{ color: #000; }
input.RegularInput						{ width: 50%; }
textarea.RegularInput					{ width: 50%; }
.Error												{ color: Red; border: solid 1px red; padding: 15px; }
.Smaller											{ font-size: 85%; }
.Superscript									{ font-size: small; vertical-align: top; }

/* Header */
.Watermark										{ background-image: url('../../Images/itw_heartland_gearwatermark.jpg'); background-repeat: no-repeat; background-position: 450px 0px; }
.TopBar												{ height: 31px; background-image: url('../../Images/Header/itw_heartland_top.gif'); background-position: left top; background-repeat: repeat-x; }
.TopBarItw										{ height: 31px; padding-top: 8px; padding-left: 515px; background-position: 500px 0px; color: #FFF; background-image: url('../../Images/Header/itw_heartland_itw_box.gif'); background-repeat: no-repeat; }
.Logo													{ height: 75px; padding: 0px 0px 0px 15px; }

/* Main Nav */
.MainNav											{ height: 30px; width: 100%; background-image: url('../../Images/Nav/itw_heartland_nav_bg.jpg'); background-repeat: repeat-x; }
.MainNav table td.Left				{ width: 10px; }
.MainNav table td.Nav					{ width: 157px; height: 100%; text-align: center; color: #FFF; line-height: 24px; vertical-align: bottom; }
.MainNav table td.Nav a				{ display: block; width: 100%; height: 100%; color: #FFF; text-decoration: none; font-size: 85%; }
.MainNav table td.Nav a:hover	{ background-color: #DCDCDC; color: #02243F; font-weight: bold; text-decoration: none; }
.MainNav table td.Nav a.On		{ background-color: #FFF; color: #02243F; font-weight: bold; }
.MainNav table td.Home				{ }
.MainNav table td.Product			{ }
.MainNav table td.News				{ }
.MainNav table td.AboutUs			{ }
.MainNav table td.ContactUs		{ }
.MainNav table td.RightSpace	{ width: 148px; height: 100%; text-align: center; color: #FFF; line-height: 24px; vertical-align: bottom; }
.MainNav table td.RightSpace a				{ display: block; width: 100%; height: 100%; color: #FFF; text-decoration: none; font-size: 85%; }
.MainNav table td.RightSpace a:hover	{ background-color: #DCDCDC; color: #02243F; font-weight: bold; text-decoration: none; }
.MainNav table td.Right				{ width: 10px; }
.MainNav table td.Divider			{ width: 1px; background-color: #FFF; }

/* Sub Nav */
div.SubNav										{ padding-left: 10px; height: 21px; line-height: 21px; vertical-align: middle; font-size: 90%; color: #FFF; background-image: url('../../Images/Nav/itw_heartland_subnav_bg.jpg'); background-repeat: repeat-x; }
div.SubNav a:visited					{ color: #FFF; }
.BreadcrumbCurrentNode				{ text-decoration: none; color: #000; }
.BreadcrumbNode								{ text-decoration: none; color: #FFF; }
.BreadcrumbSeparator					{ color: #000; }

/* Left Nav */
div.LeftNav										{ min-height: 400px; width: 170px; background-color: #DCDCDC; }
div.LeftNav div.NavItem				{ height: 21px; line-height: 21px; vertical-align: middle; width: 170px; font-size: 11px; }
div.LeftNav div.NavItem a			{ display: block; text-decoration: none; color: #000; }
div.LeftNav div.NavItem a:hover				{ text-decoration: none; background-color: #C0C0C0; }
div.LeftNav div a							{ text-decoration: underline; color: #000; }
div.LeftNav div a:hover				{ text-decoration: none; }
div.LeftNav div.On						{ text-decoration: none; background-color: #C0C0C0; }
div.LeftNavHeading a					{ padding-left: 10px; }
div.LeftNavItem a							{ padding-left: 15px; }
div.LeftNavCertifiedExcellent	{ text-align: center; }
table.LandingPage td.Left			{ background-color: #DCDCDC; }
table.LandingPage td.Certified	{ vertical-align: bottom; }
div.LeftNavCertified					{ width: 170px; text-align: center; }
a.LeftNavLoneLink							{ text-decoration: underline; color: #000; }
a.LeftNavLoneLink:hover				{ text-decoration: none; }

/* Main Content */
.MainContent									{ width: 960px; min-height: 400px; height: 100%; background-color: #FFF; padding-top: 2px; }
.FloatRight										{ float: right; }
img.FloatRight								{ float: right; padding-left: 20px; }
.FloatLeft										{ float: left; }
img.BottomBoxSpacer						{ height: 20px; }
div.BigButtons								{ text-align: center; height: 94px; }
div.Title											{ font-size: x-large; font-weight: bold; padding-bottom: 7px; }
div.TitleSmaller							{ font-size: large; font-weight: bold; }
div.Blue											{ color: #023E6F; }
div.Gray											{ color: #4D4D4D; }
div.LightGray									{ color: #4D4D4D; }
div.RightColumnBreakout				{ float: right; width: 275px; border-left: solid 1px #BEC5CA; padding: 0px 0px 5px 10px; margin-left: 10px; }
div.NewsItem									{ padding-bottom: 5px; padding-top: 5px; }
div.WowText										{ font-size: large; color: Red; font-style: italic; }
div.CustomerQuote							{ padding-bottom: 5px; font-style: italic; }
div.ContentBoxCornerLeft			{ float: left; }
table.LandingPage							{ }

table.DataGrid								{ font-size: 85%; border: solid 1px #262424; width: 100%; }
table.DataGrid th							{ background-color: #262424; color: #FFF; font-weight: bold; text-align: center; vertical-align: middle; }
table.DataGrid td							{ border-top: solid 1px #262424; border-left: solid 1px #252424; text-align: center; vertical-align: middle; }
table.DataGrid td.DataRowHead	{ font-weight: bold; border-left: solid 0px #252424; }

div.SlideShow									{ text-align: center; padding-top: 8px;}

div.BorderedTitle							{ border-top: solid 1px #262424; border-bottom: solid 1px #262424; background-color: #DCDCDC; color: #000; padding: 7px 10px 7px 10px; margin-bottom: 10px; font-weight: bold; }

div.BorderedBoxRight					{ border: solid 1px #262424; width: 300px; background-color: #EEEEEE; color: #000; margin-left: 20px; margin-right: 10px; padding: 7px 10px 7px 10px; float: right; }

table.Team										{ width: 100%; }
table.Team tr td							{ width: 50%; padding-bottom: 15px; }
table.Team tr td div					{ padding-top: 100px; }
table.Team tr td img					{ float: left; margin-right: 12px; border: solid 1px #000; }

div.NewsHeader								{ width: 100%; padding-left: 5px; font-weight: bold; background-color: #262424; height: 25px; line-height: 25px; vertical-align: middle; color: #FFF; }
div.NewsRelease								{ width: 100%; padding-left: 5px; line-height: 22px; vertical-align: middle; border-bottom: solid 1px #C0C0C0; }
div.NewsRelease	div						{ float: left; width: 150px; font-weight: bold; }
div.R1												{ }
div.R2												{ background-color: #DCDCDC; }
div.NewsRelease a:hover				{ text-decoration: none; }

/* Home Page */
div.HomeContent								{ width: 925px; padding: 15px 10px 10px 25px; }
div.HomeSlides								{ width: 940px; height: 275px; }
div.HomeSlides img						{ width: 940px; height: 275px; }

/* Landing Page */
div.Level2RightColumnBreakout	{ float: right; width: 180px; border-left: solid 1px #BEC5CA; padding: 0px 10px 5px 10px; margin-left: 10px; }
div.Content										{ margin-left: 20px; }
div.LandingPageContent				{ min-height: 400px; }
div.Level2GrayBox							{ float: right; width: 160px; margin-left: 10px; }
div.Level2GrayBox ul					{ margin-top: 3px; }
div.Level2GrayBox ul li				{ margin-left: -23px; }
div.Level3Content							{ padding: 8px 10px 0px 10px; width: 770px; }
div.LandingSlides							{ width: 770px; height: 225px; }
div.LandingSlides img					{ width: 770px; height: 225px; }

/* Gear Selector */
div.DivInputLabel							{ float: left; margin-bottom: 2px; }
div.DivInputControl						{ margin-left: 175px; margin-bottom: 2px; }
.ValidationSummary						{ border: dash 1px red; color: red; padding-bottom: 15px; }

/* Breakout Boxes */
.WhiteBox											{ background-color: #FFF; }
.GrayBox											{ background-color: #DCDCDC; }
.BlueBox											{ background-color: #023E6F; color: #FFF; }
.BoxTopBottom									{ height: 10px; }
.BoxTopBottomSmall						{ height: 7px; }
.BoxCornerLeft								{ float: left; }
.BoxCornerRight								{ float: right; }
.BoxContent										{ padding: 0px 10px 0px 10px; height: 100%; }
.BoxContentSmall							{ padding: 0px 7px 0px 7px; height: 100%; }
.BoxTitle											{ font-size: 115%; font-weight: bold; }

/* Footer */
.Footer												{ text-align: center; margin-top: 10px; margin-bottom: 25px; color: #FFF; font-size: 75%; }
.Footer a											{ color: #FFF; text-decoration: none; }
.Footer a:hover								{ text-decoration: none; }


#AboutUsDd										{	margin: 0; padding: 0; z-index: 999; }
#AboutUsDd li									{	float: left; list-style: none; z-index: 999; }
#AboutUsDd li.On							{ background-color: #FFF; }
#AboutUsDd li.OnDd						{ background-color: #DCDCDC; }
#AboutUsDd li.OnDd a					{ color: #02243F; font-weight: bold; }
#AboutUsDd li a								{	display: block; text-decoration: none; width: 170px; color: #FFF; white-space: nowrap; z-index: 999; }
#AboutUsDd li a:hover					{	background: #DCDCDC; color: #02243F; z-index: 999; }
#AboutUsDd li a.On						{ background-color: #FFF; color: #02243F;	z-index: 999; }
#AboutUsDd li ul							{ margin: 0; padding: 0; position: absolute; visibility: hidden; z-index: 999; }
#AboutUsDd li ul li						{ text-align: left; float: none; display: inline; z-index: 999; }
#AboutUsDd li ul li a					{	text-align: left; width: 165px; padding-left: 5px; background: #DCDCDC; color: #02243F; border-left: solid 1px #C0C0C0; border-right: solid 1px #C0C0C0; border-bottom: solid 1px #C0C0C0; z-index: 999; }
#AboutUsDd li.OnDd ul li a		{ font-weight: normal; z-index: 999; }
#AboutUsDd li ul li a:hover		{	background-color: #FFF; z-index: 999; }

#ProductsDd										{	margin: 0; padding: 0; z-index: 999; }
#ProductsDd li								{	float: left; list-style: none; z-index: 999; }
#ProductsDd li.On							{ background-color: #FFF; }
#ProductsDd li.OnDd						{ background-color: #DCDCDC; }
#ProductsDd li.OnDd a					{ color: #02243F; font-weight: bold; }
#ProductsDd li a							{ display: block; text-decoration: none; width: 170px; color: #FFF; white-space: nowrap; z-index: 999; }
#ProductsDd li a:hover				{	background: #DCDCDC; color: #02243F; z-index: 999; }
#ProductsDd li a.On						{ background-color: #FFF; color: #02243F;	z-index: 999; }
#ProductsDd li ul							{ margin: 0; padding: 0; position: absolute; visibility: hidden; z-index: 999; }
#ProductsDd li ul li					{ text-align: left; float: none; display: inline; z-index: 999; }
#ProductsDd li ul li a				{	text-align: left; width: 165px; padding-left: 5px; background: #DCDCDC; color: #02243F; border-left: solid 1px #C0C0C0; border-right: solid 1px #C0C0C0; border-bottom: solid 1px #C0C0C0; z-index: 999; }
#ProductsDd li.OnDd ul li a		{ font-weight: normal; z-index: 999; }
#ProductsDd li ul li a:hover	{	background-color: #FFF; z-index: 999; }
