#matchchart { border: 1px solid #636D70; text-align: center; margin-left: 80px;}
#matchchart caption { padding: 20px 0 12px 0; font-size: 1.1em; color: #636d70; }

#matchchart thead { font-weight: normal; color: #666; font-size: 14px; }
#matchchart td, #matchchart th { border-bottom: 1px solid silver ;}
th.mosaic { width: 150px; text-align: center; padding-bottom: 16px; color: #51696F; }
td.matching, td.complimentary { text-align: center; font-size: 13px; font-weight: bold; width: 200px; }
th.mosaic img { padding: 3px; border: 1px solid silver; }
#matchchart img { margin: 0 auto; display: block; }
td.matching img, td.complimentary img { padding-top: 12px; }
td.complimentary, th.mosaic { background: #EEF5F7; }
td.complimentary img, th.mosaic img { background: #fff; padding: 8px; border: 1px solid silver; margin-top: 12px; }
th.title { font-size: 12px; background: #A7B5B9; padding: 3px; color: #fff; }

thead th { padding: 2px 4px; background: #636D70; color: #fff; }
tr#mos-nav ul{ float: left; width: 608px; list-style: none; margin: 0; padding: 0; text-align: left; border: 1px solid #c0c0c0; background: #F3F6F7;  }
tr#mos-nav ul li { float: left; width: 250px; margin: 5px 10px; padding: 0; }
tr#mos-nav a { color: #16718B; }
tr#mos-nav a:hover { color: #bb0f09; }
tr#intro p { font-size: 14px; line-height: 1.6em; margin: 12px; text-align: left; color: #fff; width: 560px; }
tr#intro td { background: #636d70; border-bottom: 0; width: 560px; }