html {box-sizing:border-box; -webkit-text-size-adjust:100%;}
*, *::before, *::after {box-sizing:inherit;}
body {color:#333333; margin:0; padding:0 12px 24px; background:#f5f5f5; font-family:Verdana, Arial, Sans Serif;}
td { font-family:Verdana, Arial, Sans Serif; font-size:13px; line-height:1.45; vertical-align:top;}
img {max-width:100%; height:auto;}
#header img[src$="spacer.gif"] {height:15px;}
img[src$="spacer.gif"][height="1"] {height:1px;}
table {max-width:100%;}
.site-frame {width:100% !important; max-width:750px; background:#ffffff;}
.site-header img {display:block;}
main {display:block;}
a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {outline:3px solid #f2b705; outline-offset:2px;}
table#body-bg { background-color:#cccccc;}

td.whitebg {background-color:#ffffff;}

td.menu1 {width:155px; background-image: url(images/bg-menu1.jpg); color:#942724; font-family:Verdana, Arial, Sans Serif; font-size:13px; padding-left:20px; padding-top:5px; padding-right:5px; padding-bottom:5px; border-bottom:1px solid #cccccc;}
td.menu1.bot {border-bottom:0px}
td.menu1 a {color:#942724; text-decoration:none;  background-image: url(images/arrow-blue-sm.gif);background-repeat: no-repeat;
background-position: 0 4px; padding-left:10px;}
td.menu1 a:hover {color:#330099; text-decoration:underline;}

td.menu1-sub {width:155px; background-image: url(images/bg-menu1.jpg); color:#942724; font-family:Verdana, Arial, Sans Serif; font-size:13px; padding-left:20px; padding-top:5px; padding-right:5px; padding-bottom:5px; border-bottom:1px solid #cccccc;}
td.menu1-sub.bot {border-bottom:0px}
td.menu1-sub a {color:#942724; text-decoration:none;  background-image: url(images/arrow-blue-smaller.gif);background-repeat: no-repeat;
background-position: 0 2px; padding-left:7px;}
td.menu1-sub a:hover {color:#330099; text-decoration:underline;}

td.menu-top {text-align:right; width:375px; height:30px; background-image: url(images/header_r1c2s.jpg); color:#330099; font-family:Verdana, Arial, Sans Serif; font-size:10px; padding-top:8px; padding-right:25px; padding-bottom:5px;}
td.menu-top a {color:#330099; text-decoration:none;}
td.menu-top a:hover {color:#942724; text-decoration:underline;}

.menu-top-divider {color:#999999;}

td.home-body-main {padding:0px; vertical-align:bottom; background-color:#ffffff;}
td.body-main {padding:10px}

td.sub-body-main {padding:20px; vertical-align:top; background-color:#ffffff;}

td.footbar {width:750px; font-family:Verdana, Arial, Sans Serif; font-size:10px;  border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; background-color:#942724;}

td.footer {text-align:center; width:750px; color:#942724; font-family:Verdana, Arial, Sans Serif; font-size:10px; padding-top:20px;}
.footer-details {color:#666666;}
td.footer a {color:#942724; text-decoration:none;}
td.footer a:hover {color:#330099; text-decoration:underline;}

.greyline-bot { border-bottom:1px solid #cccccc;}
.greyline-top { border-top:1px solid #cccccc;}
.home-big-statement {margin:0 0 8px; font-family:Verdana, Arial, Sans Serif; color:#942724; font-size:22px; line-height:1.25; font-weight:bold; text-align:center; padding:10px;}
.home-intro {margin:0 10px 15px; color:#330099; font-size:15px; font-style:italic; font-weight:bold; text-align:center;}
.home-microscope {margin-top:48px;}

td.module-body {background-color:#ffffff; height:80px; border-top:1px solid #cccccc;}
td.module-body a {text-decoration:none;}
td.module-body a:hover {text-decoration:underline;}

tr.module-header {height:20px; border-bottom:1px solid #cccccc; }
tr.module-header a {color:#330099; font-weight:bold; text-decoration:none;}
tr.module-header a:hover {color:#330099; font-weight:bold; text-decoration:underline;}
tr.module-header a:visited {color:#330099; font-weight:bold; text-decoration:none;}
tr.module-header a:active {color:#330099; font-weight:bold; text-decoration:none;}


/* Lists */

#home-services {margin-left: 0; padding-left: 0; margin-right:40px; list-style: none; float:right;}
#home-services li {margin-bottom:5px; font-family:Arial, Sans Serif; font-size:17px; font-weight:bold; background-image: url(images/arrow-red-med.gif); background-repeat: no-repeat; background-position: 0 3px;}
#home-services li a {color:#330099; text-decoration:none; padding-left: 20px; }
#home-services li a:hover { text-decoration:underline;}

#menu-prodlist {padding-left:0px; margin-left: 5px; margin-right:5px; list-style: none;}
#menu-prodlist li {color:#333333; padding-left:15px; text-decoration:none;  background-image: url(images/arrow-small-box.gif);background-repeat: no-repeat; background-position: 0px 0px; margin-bottom:10px;}
#menu-prodlist li a {color:#333333; text-decoration:none; }
#menu-prodlist li a:hover {color:#333333; text-decoration:underline;}


#menu-prodlist-small {padding-left:0px; margin-left: 5px; margin-right:5px; margin-bottom:0px; margin-top:0px;list-style: none; font-size:9px;}
#menu-prodlist-small li {color:#333333; padding-left:5px; text-decoration:none;   margin-bottom:0px;}
#menu-prodlist-small li a {display:block; min-height:24px; padding-top:4px; padding-bottom:4px; color:#333333; text-decoration:none; }
#menu-prodlist-small li a:hover {color:#333333; text-decoration:underline;}
#menu-prodlist-small li a:visited {color:#333333; text-decoration:none; }

#mainlist {padding-left:0px; margin-left: 35px; margin-right:5px; margin-bottom:0px; margin-top:0px;list-style-type: disc;
 font-size:11px;}
#mainlist li {color:#333333; padding-left:0px; text-decoration:none;   margin-bottom:5px;}
#mainlist li a {color:#330099; text-decoration:underline; font-weight:bold;  }
#mainlist li a:hover {color:#942724; text-decoration:underline; font-weight:bold;}
#mainlist li a:visited {color:#330099; text-decoration:underline;  font-weight:bold;}

#checklist {list-style-image: url('images/check.gif');}
#checklist li {padding-left:5px; margin-bottom:5px;}


/*DB*/

table#box {border: 1px solid #942724;}

h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;	color: #330099;	font-weight: bold;}

h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;	color: #336666;	font-weight: bold;}

h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;	color: #330099;	font-weight: bold; margin-bottom:0px;}

.caplink {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #028D4E; padding:2px;  border: 1px solid #942724;  background-color: #e1e1e1;}

.required {font-family: Verdana, Arial, Helvetica, sans-serif; color:#FF0000; font-size:18px;}

div.sidemenu {font-size: 8pt; line-height: 20px; padding:10px;}
.sidemenu-separator {display:block; width:110px; max-width:100%; height:1px;}

a.body:link {text-decoration: underline; color:#006600;}
a.body:visited {text-decoration: underline; color:#006600;}
a.body:hover   {text-decoration: underline; color:#99CC99;}
a.body:active  {text-decoration: underline; color:#006600;}

td.db-body-main {padding:20px; vertical-align:top; background-color:#ffffff;}

h2.homepage {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;	color: #336666;	font-weight: bold;}

.adminmenu {font-size: 8pt; line-height: 20px;  border: 1px solid #C1A15D; padding:2px;  background: #942724;}

a.adminlinks:link {text-decoration: none; color:#006600;  background: #FFFFFF;}
a.adminlinks:visited {text-decoration: none; color:#006600;  background: #FFFFFF;}
a.adminlinks:hover   {text-decoration: none; color:#006600;  background: #FFCCCC;}
a.adminlinks:active  {text-decoration: none; color:#006600;  background: #FFFFFF;}
.adminlinks {font-size: 8pt;  border: 1px solid #006600; padding:1px;  background: #FFFFFF;}

tr.headrow {background-color:#e1e1e1;
font-weight:bold;}

table.db1 {font-size: 8pt;}

.popup
{
COLOR: blue;
CURSOR: help;
TEXT-DECORATION: underline;
}

.alert {border:2px solid red;background-color:yellow;margin-bottom:20px;padding:5px;color:black;}

/* Responsive layer for the legacy table-based templates. */
input, select, textarea, button {max-width:100%; font:inherit;}
textarea {width:100%;}
.site-content {min-width:0;}
.site-sidebar {background:#ffffff;}
.mobile-header-logo {display:none;}

@media (max-width: 760px) {
  body {padding:0 8px 20px; background:#ffffff;}
  td {font-size:15px; line-height:1.55; overflow-wrap:anywhere;}
  h1 {font-size:24px; line-height:1.25;}
  h2 {font-size:19px; line-height:1.3;}
  h3 {font-size:16px; line-height:1.35;}
  hr {width:100%; max-width:100%;}

  table[width="750"], table#header, table#body-bg {width:100% !important;}

  .site-header tr:first-child,
  .site-header tr:nth-child(2) {display:flex; width:100%; flex-wrap:wrap;}
  .site-header tr:first-child > td:first-child {display:none;}
  .site-header tr:first-child > td.menu-top {display:block; width:100% !important; height:auto; padding:8px; text-align:center; background:#f4e7e7;}
  .site-header tr:nth-child(2) > td {display:block; width:50% !important;}
  .site-header tr:nth-child(2) img {display:block; width:100%;}
  .site-header tr:nth-child(3),
  .site-header tr:nth-child(4) {display:none;}
  .site-header tr:nth-child(2) > td {width:100% !important;}
  .site-header tr:nth-child(2) > td:last-child {display:none;}
  .site-header tr:nth-child(2) > td:first-child {padding:8px 0; text-align:center;}
  .site-header .desktop-header-logo {display:none;}
  .site-header .mobile-header-logo {display:block; width:188px; height:74px; margin:0 auto; line-height:0; overflow:hidden;}
  .mobile-header-logo-top,
  .mobile-header-logo-bottom {display:block; width:188px; background-position:left top; background-repeat:no-repeat;}
  .mobile-header-logo-top {height:30px; background-image:url(images/header_r1c1.gif);}
  .mobile-header-logo-bottom {height:44px; background-image:url(images/header_r2c1.gif);}
  .menu-top {font-size:13px !important; line-height:1.8;}
  .menu-top a {display:inline-block; padding:4px 6px;}
  .menu-top-divider {display:none;}

  .page-layout,
  .page-layout > tbody,
  .page-layout > tbody > tr {display:block; width:100% !important;}
  .page-layout > tbody > tr > td {display:block; width:100% !important; height:auto !important;}
  .site-sidebar {border-bottom:1px solid #cccccc;}
  .site-sidebar table#menu {width:100% !important;}
  .site-sidebar td.menu1,
  .site-sidebar td.menu1-sub {width:100% !important; padding:9px 12px; background-image:none; background-color:#ffffff;}
  #menu-prodlist-small {font-size:13px; line-height:1.6;}
  .site-content,
  td.sub-body-main,
  td.body-main,
  td.db-body-main {padding:16px;}
  .home-aside {padding:16px; text-align:center;}
  #home-services {float:none; margin:0 0 16px; padding:0;}
  #home-services li {font-size:16px;}
  .home-microscope {display:none;}
  .home-recovery-promo {display:block; width:260px; max-width:80vw; height:auto; margin:0 auto 16px;}

  .home-card-grid,
  .home-card-grid > tbody,
  .home-card-grid > tbody > tr,
  .home-bottom-grid,
  .home-bottom-grid > tbody,
  .home-bottom-grid > tbody > tr {display:block; width:100% !important;}
  .home-card-grid > tbody > tr > td,
  .home-bottom-grid > tbody > tr > td {display:block; width:100% !important; height:auto !important;}
  .home-card-grid > tbody > tr > td > table {float:none; width:100%;}
  .home-bottom-grid > tbody > tr {height:auto !important;}
  td.module-body {height:auto; min-height:90px; padding:10px; border-right:0 !important;}

  .site-footer-bar > tbody > tr > td > table > tbody > tr,
  .site-footer > tbody > tr {display:flex; flex-wrap:wrap;}
  .site-footer-bar > tbody > tr > td > table > tbody > tr > td,
  .site-footer > tbody > tr > td {display:block; width:100% !important; text-align:center !important;}
  .site-footer td.footer {padding:12px;}

  td.db-body-main,
  td.db-body-main + td {display:block; width:100% !important;}
  .portal-layout,
  .portal-layout > tbody,
  .portal-layout > tbody > tr {display:block; width:100% !important;}
  .portal-layout > tbody > tr > td {display:block; width:100% !important; height:auto !important;}
  td.db-body-main + td {text-align:center; padding:10px;}
  td.db-body-main table {width:100% !important; table-layout:fixed;}
  td.db-body-main td {width:auto !important;}
  .registration-options,
  .registration-options > tbody,
  .registration-options > tbody > tr {display:block; width:100% !important;}
  .registration-options > tbody > tr > td {display:block; width:100% !important; padding:10px;}
  .registration-options div[style*="width:150px"] {width:100% !important; height:auto !important;}
  table#box {width:100% !important;}
  #mainlist {margin-left:18px;}
}

@media (max-width: 430px) {
  .home-big-statement {font-size:21px; padding:8px 0;}
}