Please read the following table in HTML format from a webpage and then answer the question in detail according to the table. Each table cell is defined by a <td> and a </td> tag. Each table row starts with a <tr> and ends with a </tr> tag. 'rowspan=m' and 'colspan=n' represents a cell spaning over 'm' rows and 'n' columns.

Webpage title:
Mazda Cosmo
Table title:
Series L10A/L10B (1967–1972)
Table:
<table id='hittask' contenteditable='False'>
<tr> <th colspan=1 rowspan=1 > Date </th><th colspan=1 rowspan=1 > Number </th><th colspan=1 rowspan=1 > Engine </th><th colspan=1 rowspan=1 > Description </th></tr>
<tr> <td colspan=1 rowspan=1 > 1963 </td><td colspan=1 rowspan=1 > 2 </td><td colspan=1 rowspan=1 > 8A </td><td colspan=1 rowspan=1 > prototype Cosmo </td></tr>
<tr> <td colspan=1 rowspan=1 > 1964 </td><td colspan=1 rowspan=1 > 1 </td><td colspan=1 rowspan=1 > 10A </td><td colspan=1 rowspan=1 > Tokyo Motor Show prototype </td></tr>
<tr> <td colspan=1 rowspan=1 > January 1965 </td><td colspan=1 rowspan=1 > 80 </td><td colspan=1 rowspan=1 > 0810 </td><td colspan=1 rowspan=1 > preproduction test cars </td></tr>
<tr> <td class="highlighted"  colspan=1 rowspan=1 > May 1967 – July 1968 </td><td class="highlighted"  colspan=1 rowspan=1 > 343 </td><td colspan=1 rowspan=1 > 0810 </td><td class="highlighted"  colspan=1 rowspan=1 > Series I </td></tr>
<tr> <td class="highlighted"  colspan=1 rowspan=1 > July 1968 – September 1972 </td><td class="highlighted"  colspan=1 rowspan=1 > 833 </td><td colspan=1 rowspan=1 > 0813 </td><td class="highlighted"  colspan=1 rowspan=1 > Series II </td></tr>
</table>
Question:
When were Series I and Series II cars in production and how many of each were made in?
Answer:
Production lasted from May 1967 to July 1968 for Series I and from July 1968 to September 1972 for Series II, and a total of 343 Series I cars and 833 Series II cars were produced.