/* CSS Document */

/* GLOBAL STYLES
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

		body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td, embed, object { padding: 0; margin: 0; outline: none; }
		table { border-collapse: collapse; border-spacing: 0; }
		fieldset, img, abbr { border: 0px; padding: 0px; margin: 0px;}
		address, caption, cite, code, dfn, em, h1, h2, h3, h4, h5, h6, strong, th, var { font-weight: normal; font-style: normal; }
		ul { list-style: none; }
		caption, th { text-align: left; }
		h1, h2, h3, h4, h5, h6 { font-size: 1.0em; }
		q:before, q:after { content: ''; } 
		a, ins { text-decoration: none; outline: none; }

		body { background-color: #000000; font-family: Arial, Verdana, Helvetica, sans-serif; }
		html, body { height: 100%; }
		strong { font-weight: bold; }
		em { font-style: italic; }
		.clear { clear: both; }

		span { position: absolute; left: -9384px; } /* HIDE TEXT FOR IMAGE REPLACEMENT */
		
/* PAGE FORMATTING
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
		
		/* CENTER PAGE HORIZONTALLY*/
		#superwrapper { position: absolute; text-align: left; left: 50%; margin-left: -437px; top: 30px; width: 875px; z-index:1; }
		
		#contentwrapper { float:left; top: 0px; background:url(images/background-white.gif) repeat; width: 875px; margin: 0px; padding: 0px; z-index: 3000; }
		
/* HEADER SECTION - including branding items (logo/tagline) and main navigation
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
				
		/* HEADER::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
		#header {
	position: relative;
	top: 0px;
	width: 875px;
	height: 120px;
	background: url(images/background-header.gif);
	background-image: url(images/background-header.gif);
}
		
		/* LOGO + TAGLINE POSITIONING::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
			
		#txi-logo { position: absolute; left: 510px; top: 17px; width: 350px; height: 86px; z-index: 8000; border: none; }
		#ss-logo { position: absolute; left: 20px; top: 17px; width: 290px; height: 86px; z-index: 1000; border: none; }
		#print-logo { display: none; }

		/* MAIN NAV FORMATTING::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
		
				/* POSITIONING of MAIN NAV */
				#divNav { width: 875px; margin: 0px; padding: 0px; height: 28px; padding-top: 3px;  padding-bottom: 3px; z-index: 5000; background-color: #ffffff; display:block; }
				#nav { height: 28px; width: 875px; top: 0px; background-color: #ffffff; }
					#nav a { text-decoration: none; border: 0; padding: 0px; }
					#nav li { margin: 0px; padding: 0px; float: left; display: block; }

				/* STYLE UPPER NAVIGATION WITH IMAGES */		
				#liHome a, #liTechnical a, #liApplications a, #liProjects a, #liLicensing a, #liContact a { display: block; position: absolute; height: 28px; background: url(images/navigation-bar.gif) no-repeat; border: 0; padding: 0; outline: none; }
				
				/* UPPER NAVIGATION IMAGE PLACEMENT for each category */			
				#liHome a { background-position: 0 0; width: 133px; left: 0px; }
				#liTechnical a { background-position: -133px 0; width: 148px; left: 133px; }
				#liApplications a { background-position: -281px 0; width: 162px; left: 281px; }
				#liProjects a { background-position: -443px 0; width: 136px; left: 443px; }
				#liLicensing a { background-position: -579px 0; width: 153px; left: 579px; }
				#liContact a { background-position: -732px 0; width: 143px; left: 732px; }
			
				/* UPPER NAVIGATION HOVER STATES + PLACEMENTS for each category */
				#liHome a:hover, #liHome:hover a, #liHome.over a { background-position: 0 -28px; border: 0; }
				#liTechnical a:hover, #liTechnical:hover a, #liTechnical.over a { background-position: -133px -28px; border: 0; }
				#liApplications a:hover, #liApplications:hover a, #liApplications.over a { background-position: -281px -28px; border: 0; }
				#liProjects a:hover, #liProjects:hover a, #liProjects.over a { background-position: -443px -28px; border: 0; }
				#liLicensing a:hover, #liLicensing:hover a, #liLicensing.over a { background-position: -579px -28px; border: 0; }
				#liContact a:hover, #liContact:hover a, #liContact.over a { background-position: -732px -28px; border: 0; }

		/* FEATURE BOX::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
		#featurebox { width: 875px; height: 215px; display: block; background-color: #FFFFFF; z-index: 6000; }
		
		#contentHeader { width: 875px; height: 130px; z-index: 6000; margin: 0px; padding: 0px; background-color: #FFFFFF; }
			#contentHeader img { border: 0px; margin: 0px; padding: 0px; }
			#homepageHeader { width: 875px; height: 250px; z-index: 6000; margin: 0px; padding: 0px; background-color: #FFFFFF; }
		
		.dottedDivider { width: 3px; height: 275px; position: relative; top: 24px; z-index: 7000; float: left; }
		
		#homeColumn { position: relative; left: 0px; width: 534px; height: 100%; float: left; background-color: #ffffff; padding-top: 28px; padding-right: 28px; padding-bottom: 15px; padding-left: 28px; }
		#contentColumn { position: relative; top: 0px; left: 0px; width: 550px; height: 100%; float: left; background-color: #ffffff; margin-top: 0px; padding-top: 10px; padding-right: 13px; padding-bottom: 15px; padding-left: 30px; }
		.contentTwoColumn { position: relative; top: 0px; left: 0px; width: 215px; height: 100%; float: left; background-color: #ffffff; margin-top: 0px; padding-top: 10px; padding-right: 13px; padding-bottom: 15px; padding-left: 30px; }
		
		#sideBar { width: 250px; padding: 25px 11px 0px 16px; float: right; background-color: #ffffff; height: 100%; display: inline; }

		#subNav { width: 250px; margin-left: -5px; font-size: 13px; padding: 0px; background-color: #FFFFFF; color: #333; }
			#subNav ul { list-style: none; margin: 0; padding: 0; border: none; }
				#subNav li { background-color: #d6f5d2; border-bottom: 2px solid #FFFFFF; margin: 0; }
					#subNav li a { display: block; padding: 9px 0px 9px 0px; font-weight: bold; color: #333333; text-decoration: none; width: 100%; text-indent: 32px; }
					#subNav li.active a { background: url(images/subNav-arrow.gif) no-repeat center left; background-color: #007a39; color: #FFFFFF; }
					#subNav li a:hover { background: url(images/subNav-arrow.gif) no-repeat center left; background-color: #007a39; color: #FFFFFF; }
					#subNav li.top a { background: url(images/subNav-top.gif) no-repeat top; background-color: #d6f5d2; }
					#subNav li.sub a { font-weight: normal; text-indent: 38px; }
					#subNav li.topActive a { background: url(images/subNav-top-over.gif) no-repeat top; color: #FFFFFF; background-color: #087a38;}
					#subNav li.top a:hover { background: url(images/subNav-top-over.gif) no-repeat top; background-color: #087a38; }
					#subNav li.bottom a { background: url(images/subNav-bottom.gif) no-repeat bottom; background-color: #d6f5d2; }
					#subNav li.bottomActive a { background: url(images/subNav-bottom-over.gif) no-repeat bottom; color: #FFFFFF; background-color: #007a39;}
					#subNav li.bottom a:hover { background: url(images/subNav-bottom-over.gif) no-repeat bottom; background-color: #007a39; }
					html>body #subNav li a { width: auto; }
		
/* :::::::::ELEMENT STYLING and CLASSES::::::::: */
		h1 { font-size: 30px; color: #FFFFFF; }
		h2 { font-size: 18px; font-weight: bold; padding-top: 25px; margin-bottom: -8px; color: #007a39; }
		h3 { font-size: 15px; color: #007a39; margin-bottom: 4px; padding-top: 15px; font-weight: bold; }
		h4 { font-size: 14px; color: #000000; margin-bottom: -8px; padding-top: 12px; font-weight: bold; }
		h5 { font-size: 12px; margin-bottom: 4px; padding-top: 8px; font-weight: bold; }
		p  { font-size: 11px; line-height: 20px; text-align: justify; margin-top: 12px; padding-bottom: 4px; }
		li { font-size: 11px; line-height: 20px; }
		.green { color: #087a38; position: relative; top: 0px; left: 0px; }
		
		
		.h3Title a  {left: 0px; font-size: 15px; text-decoration: none; }
		h3 a, h2 a {  color: #999999; }
		h3.link a { font-size: 15px; color: #000000; text-decoration: underline; }
		h3.link a:hover { color: #007a39; }
		.railPort h2 { padding-top: 10px; padding-bottom: 8px;}
		.railPort h3 { color: #000000; }
		
		.FAQ h4 { font-size: 15px; color: #007a39; padding-bottom: 0px; margin-bottom: 0px;  padding-top: 16px; }
		.FAQ p { margin-top: 0px; padding-top: 0px; font-size: 11px; line-height: 15px; }
		.FAQ h5 { font-size: 14px; color: #000000; padding-top: 18px; }
		
		.callOut { font-size: 17px; font-family: Times, serif; font-style: italic; color: #007a39; line-height: 22px; }
		.callOut strong { font-style: italic;}
		
		.pageTitle { position: absolute; top: 200px; left: 290px; width: 545px; text-align: right; }
		.titleQuote { position: absolute; top:170px; left: 28px; width: 545px; font-size: 18px; font-weight:bold; line-height: 24px; }
		.wrapMe { float: right; padding-left: 15px; padding-top: 15px; padding-bottom: 15px; }
		
		.jobSearch p { font-size: 11px; line-height: 13px; margin-top: 10px; }
		.jobSearch h4 { font-size: 12px; color: #007a39; margin-bottom: 0px; margin-top: 15px;}
		.jobSearch h3 { font-size: 13px; color: #007a39; }
		.jobSearch h2 { font-size: 16px; font-weight: normal; margin-bottom: 5px;}
		
		#contentColumn ul, .contentTwoColumn ul { list-style-position: outside; padding-left: 20px; padding-top: 4px; margin-left: 0px; list-style-type: none; }
					#contentColumn li, .contentTwoColumn li { line-height: 15px; margin: 0px; margin-bottom: 8px; padding: 0px; padding-left: 20px; background-image: url(images/icon-green-arrow.gif);  background-position: left 1px; background-repeat: no-repeat; }
	
		.railPort#contentColumn ul { margin-top: 10px; padding-left: 0px; margin-left: 0px; }
			.railPort#contentColumn ul li { background-position: 1px left; padding-left: 17px; }
			
		#contentColumn.jobSearch ol { list-style-position: outside; padding-left: 30px; background: none; }
					#contentColumn.jobSearch li { background: none; padding-left: 0px; }			
						#contentColumn.jobSearch ol li ul { padding-left: 0px; margin-top: 4px; background: none; }
						#contentColumn.jobSearch ul li.li-letter-indent, #contentColumn.jobSearch ul.li-letter-indent li { margin-top: -7px; padding-left: 16px; list-style-type: none; }
						
						#contentColumn ul.FAQ-list li { list-style-type: none; background: none; margin-bottom: 8px; }
						ul.FAQ-list { margin-top: 15px; }

		#environmentButton { background: url(images/button-environment-off.png) no-repeat; height: 105px; width: 250px; display: block; margin-top: 20px; margin-left: -5px; }
			#environmentButton a { height: 100%; display:block; }
			#environmentButton a:hover { background: url(images/button-environment-on.png) no-repeat; }
			
		.table { font-size: 11px; line-height: 20px; text-align: justify; margin-top: 12px; padding-bottom: 4px; }
		td { padding: 3px 6px 3px 6px; border-top: 2px #FFFFFF; }
		.tableLight { background-color: #E5EAF9; }
		.tableDark { background-color: #BBD7EF; }
		.tableLight td, .tableDark td { border-right: 2px #FFFFFF; }
		.tableHeader { background-color: #007a39; color: #FFFFFF; font-weight:bold; }

		#contentColumn ol { padding-top: 15px; background: none; margin-left: 15px; padding-bottom: 10px; }
		#contentColumn ol li { background: none; text-align: justify; padding-left: 3px; }
		#contentColumn ol li ol { padding-top: 10px; }


		.horsnbyButton { padding-top: 10px; }
		h4.descriptor {font-weight: normal; font-size: 16px; color: #000000; text-align: justify; line-height: 24px; }
		
		.logoFlash { position:relative; margin-top: -10px; }
		
		.descriptor { left: 0px; position: static; width: auto; font-size: 9px; font-weight: normal; color:#666666; }
		#epsLogos {padding-top: 15px; }
		#epsLogos {padding-left: 0px; padding-right: 0px; margin-left: 0px; margin-right:0px;}
		.popUp { background:none; background-color:none; margin: 10px 20px 10px 20px;}
		#truGro { font-size: 10px; margin-top: 0px; }
		.truGroDistributor {line-height: 13px;}
		.truGroDistributor .org { color: #007a39;}
		

		
/* FOOTER::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
		#footer { position: relative; top: 0px; width: 875px; height: 40px; background: url(images/background-footer.gif) no-repeat; clear:both; }
			#footer a { color: #666666; text-decoration: none; outline:none; }
				#footer a:visited { color:#666666; }
				#footer a:hover { color: #999999; text-decoration:underline; }
				#footer p { font-size: 10px; padding-top: 25px; text-align: right; color: #666666; padding-right: 10px; } /* styling copyright text */
		
/* :::: LINK STYLING :::: */
	#contentColumn a, .contentTwoColumn a { color: #007a39; text-decoration:underline; outline:none; }
	#contentColumn a:hover, .contentTwoColumn a:hover { color: #333333; text-decoration:underline; outline: none;}
	#contentColumn a:visited, .contentTwoColumn a:visited { color:#333333; }
	
	#contentColumn.FAQ a:visited { color: #007a39; }
	
	hr {color: #fff; background-color: #fff; border: 1px dotted #666666; border-style: none none dotted; }h1 em { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: 24px; }


/* SECTIONS */
	form { background-color: none; width: 500px; padding-left: 0px; padding-top: 15px; }
	#contentColum form ul { margin:0; padding:0; list-style-type:none; width:100%; font-size:100%; background: none;  }
	form li.section {padding-top: 12px; margin-bottom: 10px; clear: both;}
	#contentColumn form ul li {clear: both; background-image: none; padding: 0px; margin: 0px;}
	form #info { border-bottom: 1px dotted #999999; }
	form h3 { margin-top: 10px; padding-top: 0px; }
	form li div label { display: block; margin:0; padding-left: 1px; padding-top:3px; clear:both; font-size:10px; line-height:9px; color:#444; display:block; margin-bottom: 5px; }

/* FIELDS + LABELS */	
	label.description { line-height:130%; padding:3px 0 3px 0; border:none; color:#222; display: block; font-size:14px; font-weight:bold; clear:both; }
	label.choice { color: #666666; line-height: 100%; margin-left: 25px; display: block; font-size: 12px; padding-top: 5px; padding-bottom: 10px; margin-bottom: 5px; }
	.half { width: 221px; float: left; padding-right: 8px; margin-left: 0px; padding-bottom: 8px; display: inline;}
	.full { width: 450px; float: left; margin: 0px; padding-bottom: 8px; }
	.third { width: 143px; float: left; padding-right: 8px; padding-bottom: 8px; display: inline;}
	input { width: 100%;}
	textarea {width: 100%; border: 1px solid #CCCCCC; background-color: #FBFBFB; font: Arial, Helvetica, sans-serif; font-size: 12px; padding-left: 3px; padding-top: 4px; padding-right: 3px;}
	input.text { border: 1px solid #CCCCCC; font-size: 12px; height: 25px; background-color: #FBFBFB; padding-top: 4px; padding-left: 3px;}
	input.checkbox, input.radio{
display:block;
width:13px;
height:13px;
float: left;
margin-top:5px;
}
	input:focus, textarea:focus { background-color: #c8e6f8; }
	label.description em { color:#CC0000; font-weight:bold;}
	.submit { width: 93px; margin-top: 15px; }
	
.error { display: none; clear: both; width: 100%; background: #CC0000; font-size: 11px; color:#FFFFFF; font-weight: bold; margin-bottom: -15px; padding-left: 3px; }
.second { margin-bottom: 3px; }

.tableTitleRow { background-color: #087a38; color: #FFFFFF; font-size: 12px; font-weight: bold; text-align: center; }
.tableTitleRow td { padding: 10px 0px; border-right: #FFFFFF 1px solid; border-bottom: #FFFFFF 2px solid;  }
.tableRowLight { background-color: #EEEEEE; font-size: 12px; font-weight: normal; text-align: center; }
td {
	padding: 5px 0px;
	border-right: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	text-align: center;
}
.tableRowDark { background-color: #CCCCCC; font-size: 12px; font-weight: normal; text-align: center; }
.tableHeaderRow { background-color:#000000; color: #FFFFFF; font-size: 15px; font-weight: bold; text-align: center; }
.tableSubHeaderLight {  background-color: #EEEEEE; font-size: 12px; font-weight: normal; text-align: center; border: none; }
.floatRight { float: right; }
.noBorder td { border-right: none; }
td.noBorder { border-right: none; }

.linkIcon { position:relative; top: 8px; margin-right: 10px; }
.fileFormat { position: relative; left: 0px; font-size: 11px; font-weight: normal; }

.national-dealers { border-top: 1px dotted #333; margin-top: 20px; padding-top: 20px; }
form { background-color: none; }
form#state_selector select { font-size: 12px; margin:0px; padding: 0px; background-color: #FFF; }
form#state_selector { padding-top: 0px; margin-top: 15px; width: 400px; }
#locator { width: 460px; height: 100px; background: url(images/map.png) no-repeat; padding: 0px 20px; border: 1px solid #CCC; }
input, select { background: transparent; }
#locator form { width: 400px; }

#contentColumn.video { width: 640px; padding: 20px 117px; }
h3.video { font-size: 20px; text-transform: uppercase; }