html {
	height: 100%; /*STOCK*/
	overflow-y: scroll; /*STOCK*/
	}

body {
	background: #777; /*STOCK*/
	background: url("../zone/garage/image/bg/65-89-JJZ-109.jpg") top center no-repeat fixed;
/*	  */
	font: ; /*STOCK*/
	height: 100%; /*STOCK*/
	}

	.bg-index {
		background: url("../zone/garage/image/bg/65-89-JJZ-109.jpg") top center no-repeat fixed; /* path from location of css file */
		}

#wrapper {
	background: #; /*STOCK*/
/*	font: 10px verdana; /*STOCK*/
	margin: 0px auto; /*STOCK*/
	min-height: 100%; /*STOCK*/
	width: 800px; /*STOCK*/
	}

#content {
	padding: 60px 0px; /*STOCK*/
	position: relative; /*STOCK*/
	text-align: center;
	margin-top: -34px;
	}

	#content a:link {text-decoration: none; color: #999; }
	#content a:visited {text-decoration: none; color: #999; }
	#content a:hover {text-decoration: none; color: #777; }
	#content a:active {text-decoration: none; color: #000; }



p {
	margin-top: 12px;
	}

.grey {
	opacity: .4;
	}

hr {
	background: none repeat scroll 0% 0% rgba(17, 17, 17, .5);
	border: 0px none;
	height: 1px;
	width: 300px;
	}

hr.hr-link {
	background: none repeat scroll 0% 0% rgba(0,0,0, .9);
	border: 0px none;
	height: 1px;
	margin: 21px 0px;
	width: 247px;
	}


#small-link {
	color: #555;
	font: 10px verdana;
	padding-top: 3px;
	}


.small {
	font: 14px verdana;
	text-transform: uppercase;
	letter-spacing: 3px;
	}

.small-9 {
	color: #666;
	font: 9px verdana;
	text-transform: uppercase;
	letter-spacing: 3px;
	}


.dd-multi-button {
	background: #030;
	border: 1px solid #040;
	border-radius: 5px;
	color: #070;
	font: 5px verdana;
	letter-spacing: 1px;
	padding: 0px 3px;
	position: relative;
	text-transform: uppercase;
	top: -3px;
	}

	.dd-multi-button:hover {
		border: 1px solid #050;
		background: #030;
		color: #0b0;
		}




/* garage-av */
#garage-av {
	font: 10px verdana;
	padding-top: 18px;
	}

		#garage-av.replica img {
			width: 800px;
			}

#garage-av .box {
	display: inline-block;
	margin: 6px 12px;
	position: relative;
	}

	#garage-av .box img {
		border: solid 1px #111;
		}

#garage-av .thumb {
	width: 230px;
	height: 130px;
	}

#garage-av .caption {
	position: relative;
	top: 1px;
		height: 31px;
	padding: 2px 3px 4px;
	text-align: center;
	text-transform: uppercase;
	width: 226px;
	}

	#garage-av .pic {
		background: rgba(110,110,110, .7);
		}

		#garage-av .pic a:link {text-decoration: none; color: #333; }
		#garage-av .pic a:visited {text-decoration: none; color: #333; }
		#garage-av .pic a:hover {text-decoration: none; color: #000; }
		#garage-av .pic a:active {text-decoration: none; color: #333; }

	#garage-av .vid {
		background: rgba(110,110,110, .9);
		}

		#garage-av .vid a:link {text-decoration: none; color: #333; }
		#garage-av .vid a:visited {text-decoration: none; color: #333; }
		#garage-av .vid a:hover {text-decoration: none; color: #000; }
		#garage-av .vid a:active {text-decoration: none; color: #333; }

	#garage-av .timestamps {
		color: #000;
		}

/* garage-av */




/* links */
	#links {
	background: rgba(0,0,0, .5);
	background: url("../zone/garage/image/bg/65-89-JJZ-109.jpg") top center no-repeat fixed;
	border-radius: 14px;
	font: 14px verdana-bold;
	height: 100%;
	letter-spacing: 1.5px;
	line-height: 21px;
	margin: 0px auto;
	margin-top: -10px;
	position: relative;
	padding: 0px 0px 47px 64px;
	text-align: left;
	width: 327px;
		}

/* links when the page doesnt use an include for the menu */
	#links.noinclude {
		margin-top: 151px;
		}


		#links h3 {
			color: #666;
			font-face: verdana;
			letter-spacing: 5px;
			text-transform: uppercase;
			}

		#links h5 {
			color: #6A6A6A;
			letter-spacing: 1.5px;
			margin-top: 21px;
			text-transform: uppercase;
			}

/* links */



/* car-dates */
#car-dates {
	background: url("../zone/garage/image/bg/TEST.jpg") top center no-repeat;
    	border-radius: 14px;
	height: 45px;
	left: 0px;
	opacity: .7;
	position: fixed;
	top: 73px;
	width: 100%;
	z-index: 1;
	}

	#car-dates .timer {
		color: #777;
		font: 11px verdana-bold;
		letter-spacing: 5px;
		position: relative;
		text-transform: uppercase;
		}

	#car-dates .info {
		color: #bbb;
		font: 10px verdana;
		letter-spacing: 1.5px;
		position: relative;
		top: 2px;
		}

/* car-dates */



/* BEGIN maintenance (specs, parts, etc) */
#maintenance {
	font: 14px verdana;
	position: relative;
	top: 3px;
	}

		#maintenance a:link {text-decoration: none; color: #060; }
		#maintenance a:visited {text-decoration: none; color: #060; }
		#maintenance a:hover {text-decoration: none; color: #0d0; }
		#maintenance a:active {text-decoration: none; color: #777; }
	
	/* links when the page doesnt use an include for the menu */
	#maintenance.noinclude {
		margin-top: 134px;
		}

		#maintenance ul {
			counter-reset: item;
			position: relative;
			left: -17px;
			}

			#maintenance ul li {
				display: block;
				left: 39px;
				position: relative;
				text-indent: -21px;
				}

			#maintenance ul li:before { 
				content: counter(item, decimal-leading-zero) ""; color: 000;
				counter-increment: item;
				font: 10px arial-bold;
				letter-spacing: 2px;
				opacity: 1;
				}



		.vin-menu {
			-webkit-user-select: all;  /* Chrome all / Safari all */
			-moz-user-select: all;     /* Firefox all */
			-ms-user-select: all;      /* IE 10+ */
			user-select: all;          /* Likely future */
			color: #777;
			font: 11px verdana;
			letter-spacing: 1px;
			text-transform: uppercase;
			}

			.vin-menu::selection {
				color: #0b0;
				}

			.vin-menu::-moz-selection {
				color: #0b0;
				}




#maintenance .main-header {
	background: rgba(0,0,0, .43);
	border-radius: 7px 7px 0px 0px;
	color: #888;
 	margin: 0px auto;
	padding: 7px 0px;
	position: relative;
	top: 14px;
	width:77%;
	}

	.vin-menu.boneyard {
		position: absolute;
		left: 14px;
		top: 10px;
		}

#maintenance .vin-body,
.grid-container .vin-body {
	-webkit-user-select: all;  /* Chrome all / Safari all */
	-moz-user-select: all;     /* Firefox all */
	-ms-user-select: all;      /* IE 10+ */
	user-select: all;          /* Likely future */
	color: #888;
	font: 11px verdana;
	letter-spacing: 1px;
	position: relative;
	text-transform: uppercase;
	}

	.vin-body::selection {
		color: #0b0;
		}

	.vin-body::-moz-selection {
		color: #0b0;
		}

	#maintenance .source {
		font: 11px verdana;
		position: relative;
		top: 442px;
		}

		#maintenance a:link {text-decoration: none; color: #060; }
		#maintenance a:visited {text-decoration: none; color: #060; }
		#maintenance a:hover {text-decoration: none; color: #0d0; }
		#maintenance a:active {text-decoration: none; color: #777; }

#maintenance table {
	border: solid 1px #333;
	border-collapse: collapse;
	font: 13px verdana;
	position: relative;
	table-layout: fixed;
	text-align: left;
	top: 14px;
	width: 800px;
	}

	#maintenance th {
		background-color: #222;
		color: #aaa;
		font: 11px verdana;
		letter-spacing: 1px;
		padding: 2px 7px;
		text-transform: uppercase;
		}

	#maintenance .parts-header th {
		background: #444;
		}

		#maintenance th.service-one {width: 34.4%; }
		#maintenance th.service-two {width: 19.5%; }
		#maintenance th.service-three {width: 28%; }
		#maintenance th.service-four {width: 13%; }
			#maintenance th.parts-one {width: 34.4%; }
			#maintenance th.parts-two {width: 19.5%; overflow: hidden; }
			#maintenance th.parts-three {width: 28%; }
			#maintenance th.parts-four {width: 13%;	}

	#maintenance .category {
		text-transform: uppercase;
		}

		#maintenance .spec-one {width: 30%}
		#maintenance .spec-two {wdith: 70%}





	#maintenance tr:hover {
		background: rgba(0,0,0, .15);
		}

		/* tr background color */
		#maintenance tr:nth-child(odd){background-color: #aaa}
		#maintenance tr:nth-child(even){background-color: #888}

		/* tr hover background and text color */
		#maintenance tr:nth-child(odd):hover, #maintenance tr:nth-child(even):hover {background-color: rgba(0,0,0,.6); color: #ccc;}

		/* tr link colors */
		#maintenance tr:nth-child(odd):hover a:link,	#maintenance tr:nth-child(even):hover a:link {text-decoration: none; color: #090; }
		#maintenance tr:nth-child(odd):hover a:visited, #maintenance tr:nth-child(even):hover a:visited{text-decoration: none; color: #090; }
		#maintenance tr:nth-child(odd):hover a:hover, #maintenance tr:nth-child(even):hover a:hover{text-decoration: none; color: #0f0; }
		#maintenance tr:nth-child(odd):hover a:active, #maintenance tr:nth-child(even):hover a:active {text-decoration: none; color: #aaa; }
	
		#maintenance td {
			border-left: solid 1px #333;
			padding: 1px 0px 2px 7px;
			}

		#maintenance td.no-entry {
			opacity: .25;
			text-transform: uppercase;
			}



#maintenance table.sortable th::after, th.sorttable_sorted::after, th.sorttable_sorted_reverse::after {
	content: " ";
	display: inline-block;
	height: 11px;
	width: 11px;
	}
#maintenance th.sorttable_sorted::after {
	background: url(my-sorted-icon.png);
	background-size: contain;
	}
#maintenance th.sorttable_sorted_reverse::after {
	background: url(my-sorted-reversed-icon.png);
	background-size: cover;
	}

#maintenance .partnumber {
	-webkit-user-select: all;  /* Chrome all / Safari all */
	-moz-user-select: all;     /* Firefox all */
	-ms-user-select: all;      /* IE 10+ */
	user-select: all;          /* Likely future */
	}

	#maintenance .partnumber.OEM {
		opacity: .6;
		}
/* END maintenance (specs, parts, etc) */



/* word */
#word {
	background: rgba(0,0,0, .5);
	background: url("../zone/garage/image/bg/65-89-JJZ-109.jpg") top center no-repeat fixed;
	border-radius: 14px; 
	font: 17px verdana;
	height: 100%;
	margin: 0px auto;
	padding: 34px 34px 47px;
	text-align: left;
	width: 610px;
	text-transform: capitalize;
	}

/* word when the page doesnt use an include for the menu */
	#word.noinclude {
		margin-top: 114px;
		}

	#word a:link {text-decoration: none; color: #999; }
	#word a:visited {text-decoration: none; color: #999; }
	#word a:hover {text-decoration: none; color: #bbb; }
	#word a:active {text-decoration: none; color: #000; }

	#word .category {
		color: #777;
		font: bold 18px walter-turncoat;
		left: -14px;
		letter-spacing: 1px;
		position: relative;
		}

		#word .sub-category {
			color: #777;
			font: 12px verdana;
			letter-spacing: 1px;
			}

		#word hr {
			background: #777;
			border: 0px;
			height: 1px;
			margin: 11px 0px 17px 0px;
			text-align: left;
			width: 30%;
			}

	#word .article {
		color: #999;
		padding-bottom: 17px;
			overflow: hidden;
			text-overflow: " ...";
			white-space: nowrap;
		}

	#word .byline {
		color: #666;
		font-size: 12px;
		position: relative;
		text-transform: lowercase;
		top: -14px;
		left: 27px;
		}



/* word */




.av-wrapper {
	left: -1px;
	position: relative;
	top: 34px;
	}

	.av-wrapper .vid-cap {
		font: 14px verdana;
		position: absolute;
		display: block;
		color: #aaa;
		z-index: 0;
		left: 14px;
		top: 10px;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: " \002E\002E\002E";
		}

	.av-wrapper .aud-cap {
		font: 14px verdana;
		position: absolute;
		display: block;
		color: #aaa;
		z-index: 4;
		left: 14px;
		top: 27px;
		width: 543px;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: "\00B7\00B7\00B7";
		}
video {
	background: #000;
	border: solid 1px;
	}

	.vid602px {
		width: 602px;
		}

	.vid802px {
		width: 800px;
		}

	.audio {
		height: 80px;
		width: 602px;
		}

	.caption-AV {
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		color: #444;
		font: 12px verdana;
		padding: 7px 0px 55px 0px;
		position: relative;
		text-align: center;
		}





/* FIXED */ /* OUTSIDE the wrapper unless noted */
.other {
	bottom: 14px;
	font: 11px verdana;
	left: 14px;
	letter-spacing: 2px;
	padding: 7px 7px 17px 7px;
	position: fixed;
	}

	.other:hover {
		background: #040;
		border-radius: 7px;
		filter: brightness(147%);
		opacity:1;
		}

	.grid-container {
		display: grid;
		grid-gap: 0px;
		grid-template-columns: 172px;
		padding: 3px 7px;
		}

		.grid-wrapper {
/*			display: contents;   */
			margin-bottom: 7px;
			}

			.grid-wrapper:hover > div {
				}

		.grid-item {
			font: 12px verdana;
			padding-left: 7px;
			}

		.grid-item.left {
			color: #000;
			font-weight: bold;
			}

		.grid-item.right {
			left: 2px;
			position: relative;
			top: -3px;
			}

			.item1 {
				font-weight: bold;
				grid-column: 1 / span 2;
				}


	/* other recall in menu of each car */
	#recall.main {
		left: 25px;
		position: relative;
		top: 3px;
		}

#main-link {
	bottom: 28px;
	font: 11px verdana;
	letter-spacing: 1px;
	opacity: .7;
	position: fixed;
	text-align: center;
	text-transform: lowercase;
	width: 800px;
	}

	#main-link:hover {
		opacity: 1;
		}

/* FIXED */