@charset "utf-8";
/* CSS Document */

div.container {
width: 98%; 
margin: 1%;
}

<!--Logo table at top of each page-->

table.header {
margin-left: auto; 
margin-right: auto;
width: 1024px;
border-style: solid; 
border-width: 0px;
border-spacing: 0px;
border-collapse: collapse;
background-color: #ffffff;
table-layout: fixed;
}

.header td {padding-top: 0px; 
padding-bottom: 0px; 
padding-left: 0px;
padding-right: 0px;
text-align: left;
font-family: arial, verdana, geneva, sans-serif;
font-size: 10px;
}
  
.header td:nth-child(1) {
  text-align: left;
  width: 425px; 
  }
  
.header td:nth-child(2) {
  text-align: center;
  width: 316px;
}

.header td:nth-child(3) {
  text-align: center;
  width: 155px;

.header td:nth-child(4) {
  text-align: center;
  width: 128px;
}
 
.header td:nth-child(5) {
  text-align: center;
}

table.header2 {
margin-left: auto; 
margin-right: auto;
width: 1024px;
border-style: solid; 
border-width: 1px;
border-spacing: 10px;
border-collapse: collapse;
background-color: #ffffff;
table-layout: fixed;
}

.header2 td {padding-top: 0px; 
padding-bottom: 0px; 
padding-left: 0px;
padding-right: 0px;
text-align: center;
font-family: arial, verdana, geneva, sans-serif;
font-size: 13px;
}
 
.header2 td:nth-child(1) {
  text-align: left;
  width: 128px;
}
 
.header2 td:nth-child(2) {
  text-align: left;
  width: 249px;
}
 
.header2 td:nth-child(3) {
  text-align: left;
  width: 156px;
  }
 
.header2 td:nth-child(4) {
  text-align: center;
  width: 278px;
  }

.header2 td:nth-child(5) {
  text-align: center;
  width: 163px;
  }
    
table.title {
margin-left: auto; 
margin-right: auto;
width:700px;
border-color: #003366;
border-style: solid; 
border-width: 1px;
background-color: #ffffff;
table-layout: fixed;
}

.title th {padding-top: 5px; 
padding-bottom: 5px; 
text-align: center; 
background-color:#e0e0e0;
}

.title td {padding-top: 2px; 
padding-bottom: 2px; 
padding-left: 5px;
padding-right: 5px;
text-align: center;
font-family: arial, verdana, geneva, sans-serif;
font-size: 13px;
}

<!--promo tables have yellow background and red letters-->
table.promo {
margin-left: auto; 
margin-right: auto;
width: 500px;
border-color: #ff0000;
border-style: solid; 
border-width: 3px;
table-layout: fixed;
}

.promo th {padding-top: 5px; 
padding-bottom: 5px; 
}

.promo td {padding-top: 5px; 
padding-bottom: 5px; 
padding-left: 5px;
padding-right: 5px;
text-align: center;
font-family: arial;
font-size: 13px;
text-decoration-color: #ff0000;
background-color: #ffff00;
}

table.info {
margin-left: auto; 
margin-right: auto;
width: 600px;
border-color: #003366;
border-style: solid; 
border-width: 1px;
background-color: #ffffff;
}

.info th {padding-top: 5px; 
padding-bottom: 5px; 
padding: 20px;
text-align: center; 
background-color:#e0e0e0;
}

.info td {padding-top:2px; 
padding-bottom: 2px; 
padding-left: 5px;
padding-right: 2px;
font-family: arial, verdana, geneva, sans-serif;
font-size: 13px;
}

table.order {
width:500px;
margin-left: auto; 
margin-right: auto;
border-color: #003366;
border-style: solid; 
border-width: 1px;
background-color: #f3f3f3;
}

.order th {padding-top: 5px; 
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
text-align: center; 
background-color: #e0e0e0;
font-family: arial, verdana, geneva, sans-serif;
font-size: 13px;
}

.order td {padding-top:2px; 
padding-bottom: 2px; 
padding-left: 5px;
padding-right: 2px;
font-family: arial, verdana, geneva, sans-serif;
font-size: 13px;
}
<!--this is only difference from order2 and order3-->
.order tr:nth-child(even) {background-color: #f3f3f3;}
.order tr:nth-child(odd) {background-color: #FFF;}
.order tr:hover {background-color: #ddd;}
<!--end difference-->

table.order2 {
width:500px;
margin-left: auto; 
margin-right: auto;
border-color: #003366;
border-style: solid; 
border-width: 1px;
background-color: #f3f3f3;
}

.order2 th {padding-top: 5px; 
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
text-align: center; 
background-color: #e0e0e0;
font-family: arial, verdana, geneva, sans-serif;
font-size: 13px;
}

.order2 td {padding-top:2px; 
padding-bottom: 2px; 
padding-left: 5px;
padding-right: 2px;
text-align: center;
font-family: arial, verdana, geneva, sans-serif;
font-size: 13px;
}
<!--this is only difference from order and order3-->
.order2 tr:nth-child(even) {background-color: #fff;}
.order2 tr:nth-child(odd) {background-color: #f3f3f3;}
.order2 tr:hover {background-color: #ddd;}
<!--end difference-->


table.order3 {
width:500px;
margin-left: auto; 
margin-right: auto;
border-color: #003366;
border-style: solid; 
border-width: 1px;
background-color: #f3f3f3;
}

.order3 th {padding-top: 5px; 
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
text-align: center; 
background-color: #e0e0e0;
font-family: arial, verdana, geneva, sans-serif;
font-size: 13px;
}

.order3 td {padding-top:2px; 
padding-bottom: 2px; 
padding-left: 5px;
padding-right: 2px;
text-align: center;
font-family: arial, verdana, geneva, sans-serif;
font-size: 13px;
}
<!--this is only difference from order and order2-->
.order3 tr:nth-child(even) {background-color: #fff;}
.order3 tr:nth-child(odd) {background-color: #f3f3f3;}
<!--end difference-->

table.order4 {
width:650px;
margin-left: auto; 
margin-right: auto;
border-color: #003366;
border-style: solid; 
border-width: 1px;
background-color: #f3f3f3;
border-collapse: collapse;
}

.order4 th {padding-top: 5px; 
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
text-align: center; 
background-color: #e0e0e0;
font-family: arial, verdana, geneva, sans-serif;
font-size: 13px;
}

.order4 td {padding-top:2px; 
padding-bottom: 2px; 
padding-left: 5px;
padding-right: 2px;
font-family: arial, verdana, geneva, sans-serif;
font-size: 13px;
}

.order4 tr:nth-child(even) {background-color: #f3f3f3;}
.order4 tr:nth-child(odd) {background-color: #FFF;}
.order4 tr:hover {background-color: #ddd;
}

table.order5 {
width: 600px;
margin-left: auto; 
margin-right: auto;
border-color: #003366;
border-style: solid; 
border-width: 1px;
border-collapse: collapse;
background-color: #f3f3f3;
}

.order5 th {padding-top: 5px; 
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
text-align: center; 
background-color: #e0e0e0;
font-family: arial, verdana, geneva, sans-serif;
font-size: 13px;
}

.order5 td {padding-top:2px; 
padding-bottom: 2px; 
padding-left: 2px;
padding-right: 2px;
font-family: arial, verdana, geneva, sans-serif;
font-size: 13px;
text-align: center; 
}
  
.order5 td:nth-child(1) {
  text-align: left;
}

.order5 tr:nth-child(even) {background-color: #f3f3f3; }
.order5 tr:nth-child(odd) {background-color: #fff; }
.order5 tr:nth-child(4) {text-align: right; }
.order5 tr:hover {background-color: #ddd;
}

div.shadow {
width: 200px;
height: 200px;
box-shadow: 0 14px 18px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
text-align: center;
}

div.shadow2 {
width: 200px;
height: 200px;
box-shadow: 10px 10px 15px 2px #868686;
text-align: center;
}