/*  #645C59 = medium grey color from header pic (under the cars), exact color where the grey parts of header image meets the background, very important for the seamless look of the header image*/
/*  #FFFF88 = light yellow, for 3d effect along with standard yellow  */
/*  #C8C800 = darker yellow, for 3d effect along with standard yellow  */
/*  #6673A0 = light blue, for 3d effect along with other blues, from banner */
/*  #002266 = dark blue, for 3d effect along with other blues, from banner */
/*  #2F5191 = medium blue, for 3d effect along with other blues, from banner */ 
/*  #003399 = another blue, a bit brighter, for text, from banner */

/*  these are thes settings that were used in the past to make the pagebar overlap the header image, not used anymore*/
/*  position:relative;				using absolute with a centered container was not reliable in IE*/
/*	top:-25px;								-25px overlaps header image*/
/*  left:0px;
/*	z-index:2									for layering, ensures pagebar appears over everything else*/



/*-- GENERAL/DEFAULTS --*/

body {
	background-color: black;	 			  	
	background-image: url("images/background.jpg");
	background-repeat: repeat-y; 																									 			
	background-position: top center;
	font-family: verdana,arial; 
	font-size: 10pt; 
	font-weight: normal; 
	color: black;
	text-align: left;
	line-height: 19px;
	margin: 0px} 			 				 				/*prevents space above header image*/

table {
	border-collapse: collapse;	 			/*prevents padding and spacing in tables*/
	border-width: 0px}								/*prevents padding and spacing in tables*/

td {
	padding: 0px;											/*prevents padding and spacing in tables*/
	vertical-align: top;
	font-size: 10pt;		 							/*in IE, td does not inherit font-size from body?*/
	background-color: transparent;
	border-width: 0px}

img {
	border-width: 0px} 								/*overrides the default blue border around images that are linked, such as thumbnails.*/
	
h1 {
	color: red;
	font-size: 10pt; 
	font-weight: bold; 
	margin-top: 19px;
	margin-bottom: 17px}

h2 {
	color:blue;
	font-size: 10pt;								 	/*overrides h2 default? necessary despite redundency with body properties*/
	font-weight: bold; 
	margin-top: 19px;
	margin-bottom: 17px}

p { 
	margin-top: 15px;
	margin-bottom: 15px}							  

ul {
	margin-top: 0px;				 				 	/*margins removed from ul and ol, they are handled by p and li*/
	margin-bottom: 0px}
ol {
	margin-top: 0px;
	margin-bottom: 0px}
	
li { 
	margin-top: 8px;  								/*about half of paragraph*/ 
	margin-bottom: 0px}	

/*---HEADER---*/
img.header {
	display: block;		 								/* necessary for centering in window along with the auto margins */
	margin-left: auto;
	margin-right: auto}

/*---PAGEBAR---*/	

a.pagebar {
	color: yellow;
	font-weight: bold;
	text-decoration: none; 						/*removes typical underlining on a link*/
	display: block;	 									/*along with 100% width, makes the click work on the whole tab and not just over the letters*/
	width: 100%}
		
table.pagebar {		
	width: 800px;
	margin-left: auto;
	margin-right: auto;}

td.pagebar {
	height: 23px;
	text-align: center;
	vertical-align: middle;
	background-image: url("images/bluefade.jpg");	
	background-repeat: repeat-x;
	background-position: bottom left;
	border-left: 1px solid #645C59;
	border-right: 1px solid #645C59}
	
td.pagebar:hover {
	height: 23px;
	text-align: center;
	vertical-align: middle;
	background-image: url("images/bluefade_hover.jpg");	
	background-repeat: repeat-x;
	background-position: bottom left;
	border-left: 1px solid #645C59;
	border-right: 1px solid #645C59}
		
td.pagebar_selected {
	text-align: center;
	vertical-align: middle;
	background-image: url("images/bluefade_selected.jpg");	
	background-repeat: repeat-x;
	background-position: bottom left;
	border-left: 1px solid #645C59;									
	border-right: 1px solid #645C59}	
	
td.pagebarends {
	width: 25px;
	background-image: url("images/bluefade.jpg");	
	background-repeat: repeat-x;
	background-position: bottom left}

/*--- CONTENTS AND TOC (TABLE OF CONTENTS)---*/	

div.content {
	width: 745px; 		 		 					 /* 745 + 2 left border + 3 right border + 25 left padding + 25 right padding = 800px */
	padding-left: 25px;
	padding-right: 25px;
    padding-bottom: 5px;							/*without at least 1px here, there was a funny gap here in firefox only*/
	display: block;			 						 /*didn't seem necessary for divs, like with imgs, but just in case*/
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	border-top: 2px solid #2F5191;
	border-left: 2px solid #002266;	
	border-right: 3px solid #6673A0;
    overflow:auto}	/*this makes the div expand to accomodate any images inside of it, without it, firefox had weird overlapping in some circumstances*/	  

div.toc {
	width: 745px;
	padding-left: 25px;
	padding-right: 25px;
    padding-bottom: 5px;    
	display: block;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 15px;
	background-color: white;
	background-image: url("images/whitefade.jpg");	
	background-repeat: repeat-x;
	background-position: top left;
	border-top: 2px solid yellow;
	border-left: 2px solid #C8C800;	
	border-right: 3px solid #FFFF88;
	border-bottom: 2px solid yellow}
	
/*-- BACK TO TOP --*/
	
div.backtotop {
	width: 750px; 		 		 					 
	padding-left: 25px;
	padding-right: 25px;
	display: block;			
	margin-left: auto;
	margin-right: auto;
    margin-top: 0px;
	margin-bottom: 15px;
	text-align: left;
	vertical-align: middle;
	height: 23px;
	background-color: transparent;					
	background-image: url("images/bluefade.jpg");	
	background-repeat: repeat-x;
	background-position: bottom left}	

/*-- PRODUCTS --*/
	
div.price {						 		 					
	font-weight: bold; 
	color: red;
	font-size: 12pt}
	
div.s-h {
	font-size: 8pt;
    color: red;
    margin-bottom: 6px;
	line-height: 12px}
	
a.orderoptions {	 									
  color: red;
	font-size: 8pt;
	line-height: 12px}
	
button.buynow {											
	background-color: yellow;
	font-family: tahoma,arial;
	font-size: 10pt;
	font-weight: bold;
	color: blue;
	margin: 3px}	
	
/*-- RESULTS --*/
		
table.results1 {	 				 					
	float: right;
	clear: right;
	margin-left: 17px;
	margin-top: 20px;
	width: 350px}

td.results1 {
	border: 1px solid silver;
	text-align: right;
	padding-left: 10px;
	padding-right: 2px}

td.resultsheader1 {
	border: 1px solid gray;
	background-color: silver;
	font-weight: bold;
	text-align: right;
	padding-left: 10px;
	padding-right: 2px}

table.results2 {	 									
	margin-top: 20px;
	width: 100%}		
	
td.results2header1 {
	text-align: left;
	font-weight: bold}

td.results2header2 {
	border: 1px solid black;
	text-align: center;
	font-weight: bold}
	
td.results2header3 {
	text-align: center;
	font-weight: bold}	

td.results2data1 {
	border: 1px solid black;
	background-color: yellow;
	text-align: left}
		
td.results2data2 {
	border: 1px solid black;
	text-align: left}
	
td.results2data3 {
	border: 1px solid black;
	text-align: center}
	
td.results2data4 {
	border: 1px solid black;
	background-color: yellow;
	text-align: center}	
	
table.results3 {	 				 					
	margin-left: 4px;
	margin-top: 0px;
	width: 535px}		

/*-- THUMBNAILS / IMAGES --*/
		
img.thright {
	float: right;
	clear: right;		 									*/   /*keeps pics from moving up beside each other*/
	margin-top: 5px; 									
	margin-left: 25px;
	margin-bottom: 5px}				


/*-- PARAGRAPHS --*/	
	
p.kyosho{													
	margin-top:0px;										
	margin-bottom:20px;
	font-size:8pt; 
	font-weight:bold; 
	color:black;
	text-align:left;
	line-height:15px}
	
p.blockquote{				 								
	margin-left:25px; 
	margin-right:25px; 
	font-style:italic;}
	
p.videos {
	margin-top:0px;
	margin-bottom:8px;
	font-size: 8pt;
	line-height:15px}	
	
p.toc {											
	margin-top: 0px;										
	margin-bottom: 0px;
	font-size: 8pt; 
	font-weight: normal; 
	color: #003399;
	text-align: center;
	line-height: 15px}
  
p.links {
	margin-top: 0px;										
	margin-bottom: 4px;
	font-size: 8pt; 
	font-weight: normal; 
	color: black;
	text-align: left;
	line-height: 15px}   
  
p.drivers {
	margin-top:0px;
	font-size: 8pt;
	line-height:15px} 

p.trackcomments {
	font-size: 8pt;
	line-height: 15px    }