/* CSS Document */
/* page */
	div.om-page {
		background-color: white;
		width: 5.5in;
		height: 8.5in;
		position: relative;
		/* margin: 0 auto; */
	}

	div.om-page.left {
		padding: .75em .5em .5em 1em;
		float: right;
		margin-right: 20px;
	}

	div.om-page.right {
		padding: .75em 1em .5em .5em;
		float: left;
		margin-left: 20px;
	}

	div.om-page-hortz {
		background-color: white;
		width: 8.5in;
		display: table;
		margin-left: auto;
		margin-right: auto;
		padding: 1.5em;
		height: 5.5in;
		position: relative;
	}

	div.om-page.left div.ui-grid-a>.ui-block-a {
		width: 47%;
	}

	div.om-page.left div.ui-grid-a>.ui-block-b {
		width: 53%;
	}

	div.om-page.right div.ui-grid-a>.ui-block-a {
		width: 53%;
	}

	div.om-page.right div.ui-grid-a>.ui-block-b {
		width: 47%;
	}

	div.om_bottom_page_left {
		position: absolute;
    left: 15px;
		right: 10px;
    bottom: 0;
		height: 40px;	
	}

	div.om_bottom_page_right {
		position: absolute;
    left: 10px;
		right: 15px;
    bottom: 0;
		height: 40px;	
	}

	div.om_bottom_page_left p.om_page_no_left {
		margin-left: 0;
    margin-right: 0;
    position: absolute;
    left: 0;
    top: 2px;
	}

	div.om_bottom_page_right p.om_page_no_right {
		margin-left: 0;
    margin-right: 0;
    position: absolute;
    right: 0;
    top: 2px;
	}

	div.om-page h2.om-title {
		font-family: 'Times New Roman', Times, serif;
		font-size: 22pt;
		font-weight: bold;
		justify-self: left;
		margin-top: 0px;
	}

	div.om-page h2.om-title.center {
		justify-self: center;
		text-transform: uppercase;
	}

	div.om-page.left h2.om-title {
		justify-self: left;
		margin-bottom: 0;
	}

	div.om-page.right h2.om-title {
		justify-self: right;
		margin-bottom: 0;
	}

	div.om-page.left h2.om-title.center {
		justify-self: center;
		text-transform: uppercase;
	}

	div.om-page.right h2.om-title.center {
		justify-self: center;
		text-transform: uppercase;
	}

	h2 span.page_range {
		font-family: Arial, Helvetica, sans-serif;
		font-size: small;
	}

	div.om-page h3 {
		font-family: 'Times New Roman', Times, serif;
		font-size: 16pt;
		font-weight: bold;
		margin: -2pt 0 0 0;
	}

	div.om-page.left h3.om_subtitle {
		font-family: 'Times New Roman', Times, serif;
		font-size: 16pt;
		font-weight: bold;
		justify-self: left;
		margin: -2pt 0 0 0;
	}

	div.om-page.right h3.om_subtitle {
		font-family: 'Times New Roman', Times, serif;
		font-size: 16pt;
		font-weight: bold;
		justify-self: right;
		margin: -2pt 0 0 0;
	}

	div.om-page.left h3.trouble {
		margin: 15px 0;
		justify-self: left;
		text-align: left;
	}

	div.om-page.right h3.trouble {
		margin: 15px 0;
		justify-self: right;
		text-align: right;
	}
	
	div.om-page h4 {
		font-family: 'Times New Roman', Times, serif;
		font-size: 10pt;
		font-weight: normal;
	}
	
	div.om-page h4.om_item_heading {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
		font-weight: bold;
		text-transform: uppercase;
		margin: 0 0 1pt 0;
	}
	
	div.om_trouble h4.om_item_heading {
		margin-top: 10px;
		font-size: 9.75pt;
	}

	div.om-page p {
		text-align: justify;
		margin-left: 8pt;
		margin-right: 8pt;
		margin-top: 3pt;
		margin-bottom: 20pt;
		font-size: 12pt;
		-ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
		hyphens: auto;
	}

	div.om-page.intro p.full {
   	margin-left: 58px;
    margin-right: 58px;
    margin-bottom: 20px;
	}

	div.om-page.intro p.lead::first-letter {
		font-size: 16pt;
		initial-letter: 2.5;
	}

	div.om-page.right p.full {
		margin-left: 10px;
    margin-right: 58px;
		font-size: 9.5pt;
	}

	div.om-page.left p.full {
   	margin-left: 58px;
		margin-right: 10px;

	}

	#om_pa_general p.full {
		margin-right: 45px;
	}


	div.om-page.left div.ui-block-a div.ui-body {
		padding: 3px 10px 3px 0px;
	}

	div.om-page.left div.ui-block-b div.ui-body {
		padding: 0;
	}

	div.om-page.right div.ui-block-a div.ui-body {
		padding: 0;
	}

	div.om-page.right div.ui-block-b div.ui-body {
		padding: 3px 0px 3px 10px;
	}

	div.om-page p.om_item_text,
	div.om-page ol.om_item_text li {
		text-align: justify;
		margin: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 	10pt;
	}

	div.om-page p.om_item_text.om_driving {
			font-size: 9.75pt;
	}

	table.om_table td {
		margin: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 	9.5pt;
	}

	td.toolkit {
		margin: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 	9pt;
	}

	hr.om_title_line_top {
		margin-bottom: 1px;
		margin-top: 0;
		margin-right: 0;
	}

	hr.om_title_line_bot {
		margin-bottom: 0;
		margin-top: 1px;
		margin-right: 0;
	}


	hr.om_title_line_top_right {
		margin-bottom: 1px;
		margin-right: 25px;
	}


	hr.om_title_line_bot_right {
		margin-top: 1px;
		margin-right: 25px;
	}

	img.om_item_image_src {
		max-width:540px;
		width:100%;
	}

	div.om_trouble {
		margin: 0 30px 0 10px;
	}

	div.om_trouble.left {
		margin: 0 10px 0 30px;
	}

	div.om_trouble p.om_item_text {
		font-size: 9.75pt;
	}

	div.om_trouble ul {
		list-style-type:none;
	  margin-left: 0;
		padding: 0;
		margin: 0;
	}

	div.om_trouble li {
		text-align: justify;
		margin: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 	9.75pt;
	}

	div.om_lube_chart h2 {
    position: absolute;
    left: 40px;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	}

	div.om_lube_chart table {
    border-style: double;
		border-width: 10px;
    transform: scale(40%, 54%) translateX(-74%) translateY(-18%) rotate(-90deg);
	}

 	div.om_lube_chart table th,
	div.om_lube_chart table td {
		padding: 0 10px;
	}

	div.pa_table {
		justify-content: center;
    display: flex;
	}


	div.pa_table th,
	div.pa_table td {
		text-align: justify;
		margin: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 	10pt;
	}

div.ui-grid-a ol.guarantee li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 	8pt;
}
/* Button */

.om_page_button {
	padding: 5px 7px;
	margin-left: 20px;
	background-color: white;
	border-style: solid;
	text-decoration: none;
}

/* settings */
	.miles {
		display: inline;
	}
	
	.km {
		display: none;
	}
	
/* tables */
	.trouble_table {
		vertical-align:top; 
		overflow: auto;
	}
	
	.trouble_table table {
		border-collapse:collapse;
		border: 1px solid black;
		margin-top: 20px;
    width: 90%;
    margin-left: 30px;
	}

	.right .trouble_table table {
		margin-left: 20px;
	}

	.trouble_table td	 {
		border-collapse:collapse;
		border: 1px solid black;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
		vertical-align:top;
		padding: 5px;
		text-align: justify;
	}

	.trouble_table.medium td	 {
		font-size: 9.25pt;
	}

	.trouble_table.small td	 {
		font-size: 7.5pt;
	}

/* 	.trouble_table table td {

	} */

	.rotate90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
	}

	.rotate180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180eg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
	}

	.rotate270 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270eg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
	}

	div.om_bottom_page_left p.om_last_page_footer {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
		text-align: center;
	}
/* car number specific */

	.panel_light_new {
		display: inline-block;
	}
	
	.panel_light_old {
		display: none;
	}

	.tail_lamps_old {
		display:block;
	}

	.tail_lamps_new {
		display:none;
	}

	.oil_filter_old {
		display:inline;
	}

	.oil_filter_new {
		display:none;
	}

	.control_box_old {
		display:inline;
	}

	.control_box_new {
		display:none;
	}

	.clutch_mechanism_old {
		display:inline;
	}

	.clutch_mechanism_new {
		display:none;
	}
	
	.horn_button_old {
		display:inline;
	}

	.horn_button_new {
		display:none;
	}
	
	.pressure_gauge_old {
		display:inline;
	}

	.pressure_gauge_new {
		display:none;
	}

	.speedo_tach_flat {
		display:block;
	}

	.speedo_tach_dished {
		display:none;
	}
	
	.wiring_old {
		display:none;
		margin-top: -5px;
		width: 100%;
	}

	.wiring_mid {
		display:inline-block;
		margin-top: -5px;
		width: 100%;
	}

	.wiring_new {
		display:none;
		margin-top: -5px;
		width: 100%;
	}

/* index */
div.om-page.left div.om_index.left {
	margin-top: 20px;
	width: 45%; 
	margin-left: 20px; 
	margin-right: 0;
}

div.om-page.left div.om_index.right {
	margin-top: 20px; 
	width: 45%;
	margin-left: 10px;
}

div.om-page.right div.om_index.left {
	margin-top: 20px;
	width: 45%; 
	margin-left: 20px; 
	margin-right: 0;
}

div.om-page.right div.om_index.right {
	margin-top: 20px; 
	width: 45%;
	margin-left: 10px;
}

div.om-page.right div.om_index div.ui-block-a,
div.om-page.right div.om_index div.ui-block-b {
	width: 45%;
	padding: 0;
}

table.index {
	width: 220px;
	margin-top: 20px;
}

div.om_index td {
	width: 22px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	line-height: .75;
}

div.om_index td.first {
	text-align: left;
	font-weight: normal;
  white-space: nowrap;
  overflow: visible;
	word-spacing: 5px;
}

div.om_index tr.alpha td {
	font-size: 10pt;
	text-align: center;
}

div.om_index td.no {
	font-weight: normal;
	cursor: pointer;
	text-align: right;
}

div.om_index td.page {
	font-weight: normal;
	font-style: italic;
}


/* wiring diagrams */
table.om_wiring_codes tbody {
	line-height: .8;
}

table.om_wiring_codes td {
	font-size: 6pt;
}

table.om_wiring_codes td:last-child {
	width: 80px;
}

div.general_data {
	margin-top: 20px;
  margin-left: 30px;
}

div.general_data td {
	font-size: 9pt;
}

/* Media Queries */
@media only screen and (orientation:portrait) {
	.ui-block-a.om_outside,
	.ui-block-b.om_outside {
		width: 100%;
		float: none;
		margin-bottom: 50px;
	}
}