/* =========================================================================

   JERR-DAN - Stylesheet for Print

   ========================================================================= */


/* BEG ----------------------------------------------- Page elements */


body, td, p {
        color:#000000;
        text-align:left;
        font:normal 11pt verdana,arial,helvetica,sans-serif;
		background: #fff;
    }
/* img { display: none; } */
img {
    height: 0;
    width: 0;
    position: absolute;
  	}

form { margin:0; padding:0; }

h1
	{
		font-family: Impact, "Arial Black", sans-serif;
		font-size: 23px;
		margin: 0px 0px 15px 0px;
	}
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: #000; margin: 0px; padding: 2px; }		
h5 { font-size: inherit; line-height: 16px; font-weight: bold; color: #000; margin: 0px; padding: 20px 0px 0px 5px; }		
h6 { font-size: 12px; line-height: 14px; font-weight: bold; margin: 0px; padding: 2px; }		

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; }
		
/* this class is assigned to some images so they show up on printouts */		
.showimage {  display: block; height: auto; width: auto; position: inherit; }

.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; }	

/* END ----------------------------------------------- Page elements */



#overall 
	{
	    text-align: left;
		background-image: none;
		margin: 0px;
		padding: 0px;
		width: 90%; 
		height: auto;
	}	
	

#topbar 
	{ display: none; }	
		#logo
			{
				position: relative;
				top: 9px;
				left: 22px;
			}	
		
#black 
	{
	    position: relative;
		background-image: none;
		margin: 0px;
		padding: 0px;
		text-align: left;
		height: auto;
	}	

#content 
	{
	    position: relative;
		float: none;
		background-color: #fff;
		background-image: none;
		width: 100%;
		height: auto;
		padding: 0px;
		margin: 0px;
		voice-family: "\"}\""; 
		voice-family:inherit;
		width:100%;  
	  } 
		html>body #content {
		width:100%;  
		padding: 0px;
	} 

/* LEFT BAR and MAIN AREA-----------------------------------------------  */			

#navleft 
	{ display: none; }



#main 
	{
		position: relative;
		vertical-align: top;
		padding: 0px;
		width: 100%;
	}
		
/* 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;
		width:560px;  
	  } 
		html>body #aboutmain {
		width: 520px; 
	} 
	#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;  
			} 
			
			.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; 
		padding: 0px 26px 22px 12px; 
		margin: 0px 0px 0px 5px;
		background-color: #fff;
		font-size: 11px;
		line-height: 16px;
		/*taking out for print css --> 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;  }	

/* 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;  
	} 
	#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 70px 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: #cccccc;  }	

		/* 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;m }
			
		/* Magazine   -----  */	
			#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; }
			
/* END JERRDAN LIFE SECTION -----------------------------------------------  */	



/* WRECKERS and CARRIERS PAGE -----------------------------------------------  */

#wreckerstable 
	{ 
		width: 100%; 
		padding: 0px; 
		voice-family: "\"}\""; 
		voice-family:inherit;
		width: 100%;  
	  } 
		html>body #wreckerstable {
		width: 100%; 
	} 

		
		
/* WRECKERS INNER PAGES -----------------------------------------------  */
			
#main-wreckers 
	{
		position: relative;
		vertical-align: top;
		padding: 0px;
		width: 100%;
	}
	#main-wreckers td, #main-wreckers div
		{	font-size: 11px; line-height: 16px; }					
	
#wreckers-inside 
	{ 
		position: relative;
		width: 100%;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 5px;
		background-color: #fff;
		border: 0px;
		voice-family: "\"}\""; 
		voice-family:inherit;
		width:100%;
	  } 
		html>body #wreckers-inside {
		width: 100%; 
		padding: 0px 10px 0px 0px; 
	} 
	/* these are the background images for the wrecker inner pages */
	#insidemainphoto { border: 1px solid #fff; }
	
#wreckers-inside-content 
	{ 
		position: relative;
		width: 100%;
		padding: 10px;
		margin: 0px 0px 0px 5px;
		background-color: #fff;
		border: 0px;
		voice-family: "\"}\""; 
		voice-family:inherit;
		width:100%;
	  } 
		html>body #wreckers-inside-content {
		width: 100%; 
		padding: 10px; 
	} 
	
	#wreckers-inside-content a { color: #B71717; font-weight: normal; }
	#wreckers-inside-content a:hover { color: #000;  }
	
#info
	{ 
		position: relative;
		width: 100%;
		padding: 0px; 
		margin: 0px;
		background-color: #E6E6E6;
	  	voice-family: "\"}\""; 
		voice-family:inherit;
		width: 100%;  
	  } 
		html>body #info {
		width: 100%; 
	} 
	#infooutline 
		{ 
			width: 100%; 
			border: 0px; 
			padding: 2px; 
			background-color: #fff;
		 	voice-family: "\"}\""; 
			voice-family:inherit;
			width:100%;  
		  } 
			html>body #infooutline {
			width:100%;  
		} 
		
	#info li { list-style-type: circle; margin: 0px 0px 10px -20px; }
	
	.infotan { border: 0px; padding: 10px; }
	.infospace { height: 2px; }
	.infolight { border: 0px; padding: 10px; margin-top: 0px; }
	
		#popup /* for pop up windows on wreckers/carriers */
		{ 
			position: relative;
			width: 450px; 
			height: 267;
			border: 1px solid #cccccc; border-top: 0px; 
			padding: 2px; 
			background-color: #fff;
		 	voice-family: "\"}\""; 
			voice-family:inherit;
			width:450px;  
		  } 
			html>body #popup {
			width:444px;
			height:261px;  
		} 		
			#popup td
				{ 
					font-size: 11px; line-height: 16px; background-color: #EBE9DC;
				} 
			#popup img 
				{ 
					border: 1px solid #D6D2B8; 
					padding: 2px; margin-right: 9px;
					background-color: #fff;
				} 
			#poptop
				{
					padding: 8px 0px 0px 19px;
					width: 450px; 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;  
				} 
			#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;
				} 




/* DISTRIBUTOR'S SECTION -----------------------------------------------  */
			
#distmain, #dist-invent  
	{ 
		postion: 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; 
	} 
	
		#dist-invent a { color: #B80B00; } 
		#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; } 
		
		.tr-br
			{ 
				padding: 2px 4px 2px 4px;
				background-color: #fff;
				height: 22px;
				border-bottom: 0px solid #7C140C;
			} 
		.tr-red
			{ 
				padding: 0px;
				background-color: #fff;
				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;
			} 
		.trcolor1 { background-color: #CDCBBB; height: 25px; }
		.trcolor2 { background-color: #EBE9DC; height: 25px; }
		
		.whiteright { border-right: 1px solid #fff; }
		#pagelinks
			{ 
				postion: absolute;
				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
	{ display: none; } 


#subfooter
	{ display: none; } 
	
