/* BEG ----------------------------------------------- Page elements */


body, td, div
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		font-size: 10px;
		line-height: 14px;
	}

body {
		text-align: center;
		background: #929292 url(../img/sitewide/bg-metal-3.jpg) no-repeat;
		background-position: center 0px;
		margin: 0px auto 0px auto;
		padding: 0px;
}

body.hdul-450d {
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 0px;
	background: #929292 url(../img/hdul-450d/bg.jpg) no-repeat center 0px;
}
	
table tr { vertical-align: top; text-align: left; }
.vmid { vertical-align: middle; }

/* for /life/run-hard-signup.asp */
.checkbox_runhard div { vertical-align: middle; float:left; margin:0 6px 8px 0; line-height:19px; }
.checkbox_runhard div span { line-height:12px; }

.tabledef { border: 1px solid #CCCCCC; }
	
.alternate { background-color: #F0F0F0; }

h1
	{
		font-family: "Arial Black", Impact, sans-serif;
		font-size: 20px;
		line-height: 21px;
		margin: 0px 0px 15px 0px;
		text-transform: uppercase;
	}
h2
	{
		font-size: 11px;
		font-weight: bold;
		margin: 0px 0px 10px 0px;
	}
h3 { font-size: 14px; line-height: 16px; font-weight: bold; }		
h4 { font-size: 12px; line-height: 14px; font-weight: bold; color: #fff; margin: 0px; padding: 2px; }		
h5 { font-size: 11px; line-height: 16px; font-weight: bold; color: #fff; margin: 0px; padding: 2px 0px 0px 5px; }		
h6 { font-size: 12px; line-height: 14px; font-weight: bold; margin: 0px; padding: 2px; }				
h7 { font-size: 14px; line-height: 16px; font-weight: bold; }		

div.hr hr { display: none; }
div.hr
	{
		border: 0px;
		border-bottom: 1px solid #616161;
		margin: 18px 0px 18px 0px;
		height:1px;
	}
	
.highlight { background-color: yellow; color: blue; font-weight: bold; padding: 4px; }
.icon { vertical-align: text-bottom; margin-right: 5px; }
input { font-size: 9px; margin: 2px 0px 2px 0px; }	
p	{  }

.regmark { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;
		vertical-align: top; }
.small { font-size: 10px; line-height: 12px; }
.trademark { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;
		vertical-align: top; }
	
ul {  }
a { color: #fff; text-decoration: underline; }
a:hover { color: #FFDE55; }

.gray  { color: #999999; text-decoration: none; font-size: 10px; }
a.gray:link { color: #999999;  }
a.gray:hover { color: #C4C4C4; }

.bigred  { color: #B71717; text-decoration: none; font-size: 12px; line-height: 14px; }
a.bigred:link { color: #B71717;  }
a.bigred:hover { color: #C4C4C4; }	
	

/* END ----------------------------------------------- Page elements */


/* HOMEPAGE FLASH -----------------------------------------------  */
#flashhome 
	{
	    text-align: center;
		margin: 0px auto 44px auto;
	}	
#noflash-home 
	{
	    width: 775px; height: 707px; 
		background-color: #000; color: #fff;
		margin: 20px 0px 0px 0px;
		padding-top: 20px;
		font-size: 12px; 
	}	
	
/* END HOMEPAGE FLASH -----------------------------------------------  */

#overall 
	{
	    text-align: center;
		background-image: url(../img/sitewide/bg-black-3.jpg);
		background-position: top;
		background-repeat: no-repeat;
		margin: 0px auto 0px auto;
		padding: 53px 0px 0px 0px;
		width: 774px; 
		height: auto;
		/*height: 574px;  Not sure why this height is in place but not going to risk taking it out years after the site is in a stable state */
	}	
	

#topbar 
	{
	    position: relative;
		text-align: left;
		margin: 9px auto 0px auto;
		padding: 0px 0px 0px 0px;
		width: 774px;
		height: 78px;
	}	
		#logo
			{
				position: relative;
				top: 9px;
				left: 22px;
			}	
		#navtop
			{
				text-align: right;
				position: absolute;
				top: 5px;
				right: 17px;
				width: 472px;
				height: 19px;
				color: #999999;
			}	
		#navtop a { color: #999999; text-decoration: none;  }
		#navtop a:hover { color: #cccccc;  }	
		
		#navmid 
			{
				text-align: right;
				position: absolute;
				bottom: 0px;
				right: 15px;
				width: auto;
				height: 37px;
				color: #999999;
			}	
	
	/* need to sync this bg-black-repeat.jpg bg image below ???? */
#black 
	{
	    position: relative;
		
		background-image: url(../img/sitewide/bg-black-repeat.jpg);
		margin: 0px auto 0px auto;
		padding: 0px 0px 0px 0px;
		text-align: center;
		height: auto;
	}	

#content 
	{
	    position: relative;
		float: none;
		background-color: #fff;
		background-image: url(../img/sitewide/bg-whitish.jpg);
		width: 743px;
		height: auto;
		padding: 5px;
		margin: 0px auto 0px auto;
		voice-family: "\"}\""; 
		voice-family:inherit;
		width:743px;  
		height: auto;
	  } 
		html>body #content {
		width:733px;  
		padding: 5px;
		height: auto;
	} 


/* HDUL-450D STYLES */

#content-hdul-450d {
	    position: relative;
		float: none;
		background-color: #fff;
		background-image: url(../img/sitewide/bg-whitish.jpg);
		width: 743px;
		height: auto;
		padding: 0px;
		margin: 0px auto 0px auto;
		voice-family: "\"}\""; 
		voice-family:inherit;
		width:743px;  
		height: auto;
} 
.hdul-450d { width: 743px; height: 483px; background: url(../img/hdul-450d/hdul-450d.jpg) no-repeat; }
.hdul-450d h1, .hdul-450d h2 { display: none; }
.top-5-reasons { 
	margin: -53px 0px 0px 0px; 
	padding: 0px; 
	width: 273px; 
	height: 316px; 
	float: left;
	background: url(../img/hdul-450d/top-5-reasons.gif) no-repeat;
}
.top-5-reasons h2, .top-5-reasons ol { display: none; }
.features { 
	margin: 0px; 
	padding: 0px; 
	width: 470px; 
	height: 262px; 
	float: left; 
	background: url(../img/hdul-450d/features.gif) no-repeat;
}
.features h2 { display: none; }
.features .col { 
	padding: 197px 0px 0px 0px; 
	width: 235px; 
	float: left;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px; 
	color: #FFF; 
	font-weight: bold; 
}
.features .col a:link, .features .col a:visited { text-decoration: none; }
.features .col a:hover, .features .col a:active { text-decoration: underline; }

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }


/* LEFT BAR and MAIN AREA-----------------------------------------------  */			

#navleft 
	{
		position: relative;
		padding: 0px;
		float: left;
		vertical-align: top;
		line-height: 0px;
		width: 168px;
		height: 100%;
	}
#navleft ul { padding: 0px; list-style-type: none; margin: 0px; }

.subnav table {  background-color: #B71717; line-height: normal; margin: 0px 0px 2px 0px; }
.subnav td  {  padding: 6px 15px 6px 19px; border-bottom: 1px solid #fff; }
.subnav td img  { margin-right: 8px; }
	.subnav td a  {  text-decoration: none; color: #EC9F9F; }
	.subnav td a:hover  { color: #000; }
	#subnav-on  { background-color: #AFAFAF; color: #000; }
	#subnav-on a {  color: #000; } #subnav-on a:visited {  color: #000; }
	.subnav-arrow  { margin-right: 8px; }


#tools 
	{
		position: relative;
		margin-top: 4px;
		text-align: left;
		vertical-align: top;
		width: 168px;
		height: 91px;
		background: url(../img/sitewide/tools-bg.jpg) no-repeat;
		background-position: 0px 24px;
	}
		.toolscustomize { margin-bottom: 4px; }	
		#toolsmiddle { 
			padding: 2px 2px 4px 6px; 
			height:66px; 
			margin-bottom: 0px;	
			voice-family: "\"}\""; 
			voice-family:inherit;
			margin-bottom: -2px;  
		  } 
			html>body #toolsmiddle {
			margin-bottom: -4px;  
		} 

		#toolsmiddle form	{margin: 0px;}
		#toolsmiddle input, #toolsmiddle select	{ 
            background-color: #333333; 
			border: 1px solid #000;
            color: #cccccc; 
            font-size: 10px;
            margin: 0 3px 0 0;
			font-family: Verdana, Arial, Helvetica, sans-serif;
        }
        #toolsmiddle input {width:50px;} html>body #toolsmiddle input {width:46px;}
	    #toolsmiddle select	{width:59px;padding:0px;}
		#toolsmiddle #international_button	{ margin:4px 0; }
	    #toolsmiddle a	{color:#000; text-decoration:none; font-weight:bold; font-size:9px;}
	    #toolsmiddle a:hover	{color:#000; text-decoration:underline; font-weight:bold; font-size:9px;}
		.tools-buttons 
			{ 
				background-image: url(/lib/img/sitewide/button-1.gif); 
				background-repeat: no-repeat;
				color: #000; font-weight: bold; 
				width: 168px; height: 21px; 
				padding: 3px 0px 0px 0;
				margin: 1px 0px 1px 0px;
			}
		.tools-buttons a
			{ color: #000; font-weight: bold; text-decoration: none; margin-left: 20px;}
		.tools-buttons a:hover
			{ color: #000; font-weight: bold; text-decoration: underline;}
#main 
	{
		position: relative;
		vertical-align: top;
		padding: 0px;
		width: 565px;
	}
		
/* ABOUT US SECTION -----------------------------------------------  */
			
#aboutmain 
	{ 
		width: 560px; 
		min-height: 300px;
		padding: 13px 26px 22px 12px; 
		margin: 0px 0px 0px 5px;
		background-color: #fff;
		font-size: 11px;
		line-height: 16px;
		border: 1px solid #C1C1C1;
		border-top: 0px;
		voice-family: "\"}\""; 
		voice-family:inherit; 
		height: 330px;
		width:560px;  
	  } 
		html>body #aboutmain {
		width: 520px; 
		height: auto;
	} 
	#aboutmain a { color: #BB0D00; text-decoration: underline;  }
	#aboutmain a:hover { color: #cccccc;  }	

		.career-box 
			{ 
				width: 230px; 
				padding: 12px 14px 14px 14px; 
				background-image: url(../img/about-us/cbox-gradient.jpg);
				background-repeat: no-repeat;
				border: 1px solid #C4C4C4;
				border-top: 0px;
				font-size: 11px;
				line-height: 16px;
				voice-family: "\"}\""; 
				voice-family:inherit;
				width:230px;  
			  } 
			html>body .career-box {
				width:200px;  
			}
			html>body .career-box.wide {
				width:450px; 
				background-repeat: repeat-x;
			}
			.career-box.wide {
				width:480px;
				background-repeat: repeat-x;
				padding: 12px 14px 35px 14px;
			}
			
			
			.career-box.wide p { margin:0px 0px 0px 0px; }
			.career-box.wide p.links { font-weight:bold; color: #BB0D00; width:100%; text-align:center; margin:20px 0px 0px 0px; }
			.career-box.wide p.links span { color:#000000; display:block; font-weight:normal; margin:3px 0px 0px 0px; text-align:left; font-size:10px; float:right; width:210px; } 
			
			.career-box a { color: #BB0D00; text-decoration: underline; font-weight: bold;  }
			.career-box a:hover { color: #cccccc;  }	

/* NEWS AND CUSTOMER SERVICE SECTIONS -----------------------------------------------  */
			
#newsmain, #cust-serv-main 
	{ 
		width: 560px; 
		min-height: 300px;
		padding: 13px 26px 22px 12px; 
		margin: 0px 0px 0px 5px;
		background-color: #fff;
		font-size: 11px;
		line-height: 16px;
		border: 1px solid #C1C1C1;
		border-top: 0px;
		voice-family: "\"}\""; 
		voice-family:inherit;
		width:560px;  
	  } 
		html>body #newsmain, #cust-serv-main {
		width: 520px; 
	} 
	#newsmain a, #cust-serv-main a { color: #BB0D00; text-decoration: none;  }
	#newsmain a:hover, #cust-serv-main a:hover { color: #cccccc;  }	

	.newstd
		{	font-size: 11px; line-height: 16px; padding: 15px 64px 13px 15px; background-color: #EEEEEE; }
	.newstd2
		{	font-size: 11px; line-height: 16px; padding: 15px 64px 13px 15px; background-color: #fff; }
				
	.newstd-icon
		{	margin: 3px 5px 90px 0px; 
			voice-family: "\"}\""; 
			voice-family:inherit;
			margin: 3px 5px 90px 0px; 
		  } 
			html>body .newstd-icon {
			margin: 3px 5px 80px 0px; 
		} 


/* JERRDAN LIFE SECTION -----------------------------------------------  */	

#lifemain 
	{
		position: relative;
		vertical-align: top;
		padding: 3px 0px 0px 10px;
		width: 560px;
	}
	
	#lifemain td, #lifemain div
		{	font-size: 10px; line-height: 14px; }		

	
#lifemain2 
	{
		position: relative;
		vertical-align: top;
		padding: 15px 27px 14px 18px;
		margin: 0px 0px 0px 5px;
		width: 560px;
		font-size: 11px;
		background-color: #fff;
		border: 1px solid #C1C1C1;
		border-top: 0px;
		voice-family: "\"}\""; 
		voice-family:inherit;
		width:560px;  
	  } 
		html>body #lifemain2 {
		width:513px;  
	} 	
	
#lifemainracing 
	{
		position: relative;
		vertical-align: top;
		padding: 15px 7px 14px 18px;
		margin: 0px 0px 0px 5px;
		width: 560px;
		font-size: 11px;
		background-color: #fff;
		border: 1px solid #C1C1C1;
		border-top: 0px;
		voice-family: "\"}\""; 
		voice-family:inherit;
		width:560px;  
	  } 
		html>body #lifemainracing {
		width:533px;  
		min-height: 280px;
	} 
	#lifemain2 a, #lifemainracing a { color: #B80B00; }
	#lifemain2 a:hover, #lifemainracing a:hover { color: #000; }
	
	
	/* JERRDAN LIFE SECTION events page  -----  */	
	.eventstd
		{	font-size: 11px; line-height: 16px; padding: 15px 64px 13px 15px; background-color: #EEEEEE; }
	.eventstd2
		{	font-size: 11px; line-height: 16px; padding: 15px 64px 13px 15px; background-color: #fff; }
				
	.eventstd-icon
		{	margin: 3px 5px 80px 0px; }
		.life-box 
			{ 
				width: 265px; 
				padding: 7px 14px 14px 9px; 
				background-color: #FEFFFF;
				border: 1px solid #C4C4C4;
				border-top: 0px;
				font-size: 11px;
				line-height: 16px;
				voice-family: "\"}\""; 
				voice-family:inherit;
				width:265px;  
			  } 
				html>body .life-box {
				width:240px;  
			} 
			
			.life-box a { color: #BB0D00; text-decoration: underline; font-weight: bold;  }
			.life-box a:hover { color: #000;  }	

		/* Submit story page  -----  */	
						
			.trstory3, .trstory4 {  height: 25px; vertical-align: middle; }
			.trstory3 { background-color: #EEEEEE; }
			.trstory4 { background-color: #fff; }
			.trstory5 { height: 117px; padding: 10px 0px 0px 0px; border: 1px solid green; }
			.trstory3 td, .trstory4 td, .trstory5 td {  font-size: 11px; }
			.trstory3 input, .trstory3 select, .trstory4 input, .trstory4 select { width: 198px; height: 19px; border: 1px solid #7F9DB9; }
			.trstory5 select { width: 198px; height: 79px; border: 1px solid #7F9DB9; }

		/* Merchandise  -----  */	
			.merch { text-align: left; width: 490px; margin-left: 12px; }
			.merch td { font-size: 11px; }
			.merch-thumb { margin: 0px 0px 10px 0px; }
			
			#downloadprint { padding: 6px 5px 6px 16px; margin-top: 10px; border: 1px solid #D4D5D7; }
			#downloadprint img{  vertical-align: bottom; }


		/* Racing   -----  */	
			#racinglinks { font-size: 11px; line-height: 22px; margin: 0px 0px 0px 15px; }
			#racinglinks img{  vertical-align: middle; margin: 7px 4px 7px 0px; }
			#dprint { padding: 6px 5px 6px 16px; margin-top: 10px; border: 1px solid #D4D5D7; }
			#dprint img{  vertical-align: bottom; }
			
		/* Magazine   -----  */	
			#runhard_callout { position:relative; margin:40px 0 30px 0; width:520px; height:79px;  }
				#runhard_callout #date {  position:absolute; top:52px; right:11px; width:162px; text-align:center; font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#fff; font-size:11px; letter-spacing:0px; font-weight:bold; text-transform:uppercase; word-spacing:3px; }
			#mag {  width:449px; font-size: 11px; line-height: 16px; margin: 0px 0px 0px 28px;  }
			.archives {  height: 25px; vertical-align: middle; background-color: #EEEEEE; padding: 5px 5px 5px 8px; }
			.archives select {  vertical-align: middle; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
			
		/* PHOTO GALLERY section    -----  */		
			#photo-gallery 
				{
					background-color: #000;
					background-image: none;
					text-align: center;
					margin: 40px auto 0px auto;
					
				}
			.photo-gallery-border 
				{
					background-color: #ECEAEA;
					padding: 5px;
					border: 1px solid #CCCACA;
				}
				
		/* DOWNLOADS section    -----  */
		.downloadCata {
			border: 1px solid #CCCCCC;
			border-top: none;
			width: 500px;
		}
		
		.downloadCata h5 {
			background-color:#000000;
			border-bottom:3px solid #DF1D1D;
			height:22px;
			padding:2px 4px;
		}
		
		.downloadCata table {
			padding: 20px 0px 15px 0px;
			width: 500px;
		}
		
		.downloadCata td {
			text-align: center;
		}
				
			
/* END JERRDAN LIFE SECTION -----------------------------------------------  */	



/* WRECKERS and CARRIERS PAGE -----------------------------------------------  */

#wreckerstable, #carrierstable 
	{ 
		width: 370px; 
		padding: 0px 10px 0px 11px; 
		voice-family: "\"}\""; 
		voice-family:inherit;
		width:370px;  
	  } 
		html>body #wreckerstable, html>body #carrierstable {
		width: 349px; 
	} 

/* this effects the little blurb of copy above the tabs on the wreckers/carriers homepage */
#wreckers-copy { width: 335px; height: 83px; }
#carriers-copy { width: 335px; height: 63px; }
#adv-copy { width: 335px; height: 69px; }

		/* SHOW HIDE LAYERS -----------------------------------------------  */
		/* For STANDARD/MEDIUM/HEAVY DUTY Tabbed browsing */
		div.tabbox, div.tabbox2, div.tabbox3, div.tabbox4, div.tabbox5, div.tabboxC, div.tabboxC2, div.tabboxC3, div.tabboxC4, div.tabboxC5 
			{
				width: 349px;
				height: 143px;
				margin: 11px 0px 0px 0px;
				display:none;
			}
				
		div.tabbox, div.tabbox2, div.tabbox3, div.tabbox4, div.tabbox5, div.tabboxC, div.tabboxC2, div.tabboxC3, div.tabboxC4, div.tabboxC5 
			{
				background: url(../img/wreckers/tab-default-bg.jpg) no-repeat; background-position: 0px 0px;
			}

			.tabbox a, .tabbox2 a, .tabbox3 a, .tabbox4 a, .tabbox5 a, .tabboxC a, .tabboxC2 a, .tabboxC3 a, .tabboxC4 a, .tabboxC5 a { color: #BB0D00; }
			
			.tabbox a:hover, .tabbox2 a:hover, .tabbox3 a:hover, .tabbox4 a:hover, .tabbox5 a:hover, .tabboxC a:hover, .tabboxC2 a:hover, .tabboxC3 a:hover, .tabboxC4 a:hover, .tabboxC5 a:hover { color: #000; }	
				
		div#slide1 { display:block; }		
		#tablinks {	padding: 0px 0px 0px 10px; margin-top: 3px; height: 115px; overflow: auto; }
		
/* WRECKERS INNER PAGES -----------------------------------------------  */
			
#main-wreckers, #main-carriers 
	{
		position: relative;
		vertical-align: top;
		padding: 0px;
		width: 565px;
	}
	#main-wreckers td, #main-wreckers div, #main-carriers td, #main-carriers div
		{	font-size: 11px; line-height: 16px; }					
	
#wreckers-inside, #carriers-inside
	{ 
		position: relative;
		width: 560px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 5px;
		background-color: #fff;
		border: 1px solid #C1C1C1;
		voice-family: "\"}\""; 
		voice-family:inherit;
		width:560px;
	  } 
		html>body #wreckers-inside, html>body #carriers-inside {
		width: 532px;   
		padding: 0px 26px 0px 0px; 
	} 
	/* these are the background images for the wrecker inner pages */
	#insidemainphoto { border: 1px solid #fff; height: 176px; }
	#insidemainphotosmall { border: 1px solid #fff; height: 109px; }
	
#wreckers-inside-content, #carriers-inside-content
	{ 
		position: relative;
		width: 560px;
		padding: 25px 0px 30px 25px;
		margin: 0px 0px 0px 5px;
		background-color: #fff;
		border: 1px solid #C1C1C1;
		border-top: 0px;
		voice-family: "\"}\""; 
		voice-family:inherit;
		width:560px;
		height: 320px;
	  } 
		html>body #wreckers-inside-content, html>body #carriers-inside-content {
		width: 507px; 
		min-height: 320px;
		height: auto;
		padding: 25px 26px 30px 25px; 
	} 
	
	#wreckers-inside-content a, #carriers-inside-content a { color: #B71717; font-weight: normal; }
	#wreckers-inside-content a:hover, #carriers-inside-content a:hover { color: #000;  }
	
#info
	{ 
		position: relative;
		width: 500px;
		padding: 0px 0px 0px 0px; 
		margin: 0px 0px 0px 0px;
		background-color: #E6E6E6;
	  	voice-family: "\"}\""; 
		voice-family:inherit;
		width: 500px;  
	  } 
		html>body #info {
		width: 500px;
	} 
	#infooutline 
		{ 
			width: 500px; 
			border: 1px solid #cccccc; border-top: 0px; 
			padding: 2px; 
			background-color: #fff;
		 	voice-family: "\"}\""; 
			voice-family:inherit;
			width:500px;  
		  } 
			html>body #infooutline {
			width:494px;  
			min-height: 300px; 
			height: auto;
		} 
		
	#popup /* for pop up windows on wreckers/carriers */
		{ 
			position: relative;
			width:100%; 
			height: 400px;
			border: 1px solid #cccccc; border-top: 0px; 
			padding: 2px; 
			background-color: #EBE9DC;
		 	voice-family: "\"}\""; 
			voice-family:inherit;
			width:100%;   
			height: 400px;
		  } 
			html>body #popup {
			width:100%; 
			height: 400px; 
		} 		
			#popup td
				{ 
					font-size: 11px; line-height: 16px; border: 0px;
				} 
			#popup img 
				{ 
					border: 1px solid #D6D2B8; 
					padding: 2px; margin-right: 9px;
					background-color: #fff;
				} 
			#poptop
				{
					padding: 8px 0px 0px 19px;
					width:100%; height: 33px; 
					background-image: url(/lib/img/sitewide/popup-bar.gif);
					color: #fff;
					text-align: left;
					voice-family: "\"}\""; 
					voice-family:inherit;
					height: 33px; 
				  } 
					html>body #poptop {
					height: 25px;  width:100%;
				} 
			#poptop-close /* for close button on wreckers/carriers pop up windows */
				{	
					position: absolute; 
					right: 8px; top: 5px; 
					width: 55px; height: 17px;
				}
			#popup-arrows
				{ 
					position: absolute;
					bottom: 20px;
					right: 8px;
					border: 0px; padding: 0px;
				} 
			#popup-arrows img
				{ 
					border: 0px; padding: 0px;
				} 

	#info li { list-style-type: circle; margin: 0px 0px 10px -20px; }
	
	.infotan { border: 1px solid #BBB58D; padding: 7px 10px 10px 10px; background-color: #D9D4B4; margin-bottom: 2px; }
	.infospace { height: 2px; }
	.infolight { border: 1px solid #BBB58D; padding: 7px 10px 10px 10px; background-color: #EBE9DC; margin-top: 20px; }
	
	
/* JERR-DAN ADVANTAGE SECTION -----------------------------------------------  */

	#advtable 
	{ 
		width: 370px; 
		height: 315px;
		padding: 0px 10px 0px 11px; 
		voice-family: "\"}\""; 
		voice-family:inherit;
		width:370px;  
	  } 
		html>body #advtable {
		width: 349px; 
		height: 315px;
	} 
	
	#adv-home-demo		
			{
				width: 350px;
				height: 143px;
				margin: 11px 0px 0px 0px;
			}
	.demo-tds { border: 1px solid #DCDCDC; border-top: 0px; }
	.demo-tds2 { border: 1px solid #DCDCDC; border-top: 0px; border-left: 0px; }
	.demo-thumbs
			{ margin: 11px; border: 1px solid #DCDCDC; padding: 2px; background-color: #fff; }
			
	#advmain 
	{ 
		width: 560px; 
		min-height: 300px;
		padding: 13px 26px 22px 12px; 
		margin: 0px 0px 0px 5px;
		background-color: #fff;
		font-size: 11px;
		line-height: 16px;
		border: 1px solid #C1C1C1;
		border-top: 0px;
		voice-family: "\"}\""; 
		voice-family:inherit;
		width:560px;  
	  } 
		html>body #advmain {
		width: 520px; 
	} 
	#advmain a { color: #BB0D00; text-decoration: underline;  }
	#advmain a:hover { color: #cccccc;  }	



/* DISTRIBUTOR'S SECTION -----------------------------------------------  */
			
#distmain, #dist-invent  
	{ 
		position: relative;
		width: 565px; 
		padding: 22px 26px 22px 12px; 
		margin: 0px 0px 0px 5px;
		background-color: #fff;
		border: 1px solid #C1C1C1;
		border-top: 0px;
		font-size: 11px;
		line-height: 16px;
		voice-family: "\"}\""; 
		voice-family:inherit;
		width:565px;  
	  } 
		html>body #distmain, #dist-invent {
		width: 520px; 
		min-height: 280px;
	} 
	
		#distmain a, #dist-invent a { color: #B80B00; } 
		#distmain a:hover, #dist-invent a:hover { color: #000; } 
		.dist-invent-table
			{ 
				padding: 3px;
				margin: 0px 0px 8px 0px;
				border: 1px solid #C1C1C1;
			} 
			
			#dist-invent table tr td table {  border: 0px; } 
			#dist-invent table tr td table tr td {  padding: 4px; font-size: 11px; } 
		
		
		.header
			{ 
				padding: 2px 4px 2px 4px;
				background-color: #000;
				border-bottom: 1px solid #7C140C;
			} 
		.header td
			{ 
				color: #fff; font-weight: bold; font-size: inherit;
				height: 22px; vertical-align: middle; text-align: center;
			} 
			
		.header2
			{ 
				padding: 2px 4px 2px 4px;
				background-color: #B71717;
			} 
		.header2 td
			{ 
				color: #fff; font-weight: bold; font-size: inherit;
				height: 22px; vertical-align: middle; text-align: center;
			} 
			
		.tr-br
			{ 
				padding: 2px 4px 2px 4px;
				background-color: #000;
				height: 22px;
				border-bottom: 1px solid #7C140C;
			} 
		.tr-red
			{ 
				padding: 0px;
				background-color: #E01C1C;
				border-bottom: 3px solid #fff;
				height: 7px;
			} 
		.tr-tan
			{ 
				padding: 8px 4px 8px 11px;
				background-color: #CDCBBB;
				border-top: 1px solid #B4B19D;
				border-bottom: 1px solid #B4B19D;
				vertical-align: middle;
				font-weight: bold;
				font-size: 11px;
				color: #000;
			} 
		.tr-light
			{ 
				padding: 4px;
				background-color: #fff;
				border-bottom: 3px solid #fff;
				height: 7px;
				width: 100%;
			} 
		.tr-border td
			{
				border-bottom: black 1px solid;
				font-size: 11px;
				font-weight: bold;
				text-align:center;
			}
		.trcolor1 { background-color: #CDCBBB; height: 25px; }
		.trcolor2 { background-color: #EBE9DC; height: 25px; }
		
		.whiteright { border-right: 1px solid #fff; }
		#pagelinks
			{ 
				position: relative;
				float: right;
				width: 154px;
				padding: 3px;
				margin: 0px 0px 8px 0px;
				border: 1px solid #C1C1C1;
			} 	

		.graytop
			{ 
				background-color: #EAEAEA; 
				height: 27px;
				margin-bottom: 5px;
			}
		.graytop td
			{ 
				text-align: center; 
				font-size: 11px; 
				vertical-align: middle;
				border-right: 1px solid #C0C0C0;
			} 	
			
		.resultstable
			{ 
				padding: 3px 2px 3px 3px;
				margin: 0px 0px 8px 0px;
				border: 1px solid #C1C1C1;
			}
		.resultstable td
			{ 
				text-align: center; 
				font-size: 11px; 
				vertical-align: middle;
				border-right: 1px solid #fff;
				border-bottom: 1px solid #B4B19D;
			} 	
	
/* REDIRECT PAGE -----------------------------------------------  */
#redirect
	{
		border: 3px solid #D04300; 
		background-color: #000;
		width: 395px;
		padding: 25px 35px 10px 35px;
		margin: 30px auto 0px auto;
	}



/* FOOTER -----------------------------------------------  */		
#footer {
		position: relative;
		width: 100%;
		height: 138px;
		padding: 0px 0px 0px 0px;
		margin: 0px auto 0px auto;
		background: url(../img/sitewide/bg-footer.jpg) no-repeat;
		background-position: center 0px;
} 
#footer-hdul-450d {
	position: relative;
	width: 100%;
	height: 128px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background: url(../img/hdul-450d/bg-footer-hdul-450d.jpg) no-repeat center 0px;
  } 

#footer #logooshkosh { text-align: right; position: absolute; top: 33px; right: 20px; }	
#footer-hdul-450d #logooshkosh { text-align: right; position: absolute; top: 56px; right: 20px; }	

#subfooter
	{
		width: 760px;
		height: auto;
		padding: 0px 0px 40px 0px;
		margin: 0px auto 0px auto;
		color: #000;
	  } 
	#subfooter a { color: #000; font-weight: bold;  }
	#subfooter a:hover { color: #333333;  }	
	.subcopy   { width: 732px; font-size: 9px; padding-top: 10px; } 
	  
	  
	  /* FLASH DETECTION -----------------------------------------------  */		

#alternateContent {
   font:10px/12px Verdana, Arial, Helvetica, sans-serif;
   color: #000;
   width:779px;
   padding:3px;
   margin: auto;
}
#alternateContent a { color: #000; }
#alternateContent img{ } 

#alternateContent-quiz {
   font:10px/13px Verdana, Arial, Helvetica, sans-serif;
   color: #fff;
   width:400px;
   padding: 0px 10px 10px 10px;
   margin: 0px;
   border: 1px solid yellow;
}

#alternateContent-fuel {
   font:10px/13px Verdana, Arial, Helvetica, sans-serif;
   color: #fff;
   width:160px;
   padding: 0px 10px 10px 10px;
   margin: 0px;
   border: 1px solid yellow;
}

.featuredProduct {
    width: 194px; height: 99px;
	background-repeat: no-repeat;
    /*border: 1px solid #ccc;
    padding: 1px;
	background-image: url(../img/sitewide/bg-callout.jpg);*/
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 194px; height: 99px;
  } 
	html>body .featuredProduct {
	width:190px; height:95px;
}

.fpImage { float:left; width:90px; text-align:left; }
.fpContent {float:right; width:100px; font-size:9px;line-height:11px; padding:2px 0px;}

.fpContent a { color:#BB0D00; font-weight:bold;}
.fpContent a:hover { color:#000; font-weight:bold;}

.search-box { 
        width: 530px; 
        padding: 12px 14px 14px 14px; 
        background-image: url(/lib/img/about-us/cbox-gradient.jpg);
        background-repeat: repeat-x;
        border: 1px solid #C4C4C4;
        font-size: 11px;
        line-height: 16px;
        voice-family: "\"}\""; 
        voice-family:inherit;
        width:530px;  
    } 
        html>body .search-box {
        width:500px;  
    } 
	
	    
.formError { 
    text-align:left;
    color:#BD1C10;
    font-weight:normal;
    padding-bottom:5px;
}

#formError { 
    text-align:left;
    color:#BD1C10;
    padding:10px; 
    background:#ddd;
    border-bottom:1px dashed #000;
}

.tdLabel {
    text-align:right;
    font-weight:bold;
    padding:8px;
}
.tdValue {
    padding:8px;
}