BODY {
MARGIN: 0px;
PADDING: 0px;
BACKGROUND: #b3bac1 url('../img/bk.gif') repeat;
COLOR: #000000;
TEXT-ALIGN: center;
OVERFLOW-X: hidden;
MIN-HEIGHT: 100%;
}

HTML {
HEIGHT: 100%;
BACKGROUND: #b3bac1 url('../img/bk.gif') repeat;
}

A:link {background: none; color: maroon; text-decoration: underline; cursor: pointer;}
A:visited {background: none; color: maroon; text-decoration: underline; cursor: pointer;}
A:hover {background: none; color: red; text-decoration: underline; cursor: pointer;}
A:active {background: none; color: red; text-decoration: underline; cursor: pointer;}

.Global {
WIDTH: 760px;
MIN-HEIGHT: 100vh;
HEIGHT: 100%;
MARGIN-LEFT: auto;
MARGIN-RIGHT: auto;
BORDER-COLLAPSE: collapse;
}

.Global > TBODY {
HEIGHT: 100%;
}

.RowMain {
HEIGHT: 100%;
}

.RowMain > TD {
HEIGHT: 100%;
VERTICAL-ALIGN: top;
}

.RowFooter > TD {
VERTICAL-ALIGN: bottom;
}

.Global TD {
VERTICAL-ALIGN: top;
}

.Header {
WIDTH: 100%;
}

.Header TD {
VERTICAL-ALIGN: top;
TEXT-ALIGN: left;
PADDING: 0px;
}

.Left {
BACKGROUND: #ffffff;
COLOR: inherit;
}

.Content {
BACKGROUND: #ffffff;
COLOR: inherit;
}

.ColFade {
BACKGROUND: url('../img/faderight-bg.gif') #808080;
}

.BoxStyle {
WIDTH: 100%;
MARGIN-BOTTOM: 15px;
}

.MenuOff {
BACKGROUND: #97afc4;
COLOR: #97afc4;
CURSOR: pointer;
TEXT-DECORATION: none;
BORDER-LEFT: 1px solid #dde4ec;
BORDER-TOP: 1px solid #dde4ec;
BORDER-RIGHT: 1px solid #2e4054;
BORDER-BOTTOM: 1px solid #2e4054;
WIDTH: 100%;
HEIGHT: 16px;
PADDING-LEFT: 10px;
TEXT-ALIGN: left;
LINE-HEIGHT: 14px;
FONT: bold 11px Arial,Helvetica,sans-serif;
}

.MenuOn {
BACKGROUND: #bad2ed;
COLOR: #452f59;
CURSOR: pointer;
TEXT-DECORATION: none;
BORDER-LEFT: 1px solid #dde4ec;
BORDER-TOP: 1px solid #dde4ec;
BORDER-RIGHT: 1px solid #2e4054;
BORDER-BOTTOM: 1px solid #2e4054;
WIDTH: 100%;
HEIGHT: 16px;
PADDING-LEFT: 10px;
TEXT-ALIGN: left;
LINE-HEIGHT: 14px;
FONT: bold 11px arial,Helvetica,sans-serif;
}

.MenuClick {
BACKGROUND: #bad2ed;
COLOR: #000000;
CURSOR: pointer;
TEXT-DECORATION: none;
BORDER-LEFT: 1px solid #2e4054;
BORDER-TOP: 1px solid #2e4054;
BORDER-RIGHT: 1px solid #dde4ec;
BORDER-BOTTOM: 1px solid #dde4ec;
WIDTH: 100%;
HEIGHT: 16px;
PADDING-LEFT: 10px;
TEXT-ALIGN: left;
LINE-HEIGHT: 14px;
FONT: bold 11px Arial,Helvetica,sans-serif;
}

.MenuOff A:link {color: #395164; text-decoration: none; cursor: pointer;}
.MenuOff A:visited {color: #395164; text-decoration: none; cursor: pointer;}
.MenuOff A:hover {color: #395164; text-decoration: none; cursor: pointer;}

.MenuOn A:link {color: #000000; text-decoration: none; cursor: pointer;}
.MenuOn A:visited {color: #000000; text-decoration: none; cursor: pointer;}
.MenuOn A:hover {color: #000000; text-decoration: none; cursor: pointer;}

.MenuClick A:link {color: #000000; text-decoration: none; cursor: pointer;}
.MenuClick A:visited {color: #000000; text-decoration: none; cursor: pointer;}
.MenuClick A:hover {color: #000000; text-decoration: none; cursor: pointer;}

.HeadingStyle {
BACKGROUND: none;
COLOR: #000000;
FONT: bold 20px arial,sans-serif;
}

P {
FONT: 13px arial,sans-serif;
}

.FooterText {
FONT: 11px arial,sans-serif;
MARGIN: 0;
TEXT-ALIGN: center;
COLOR: #777777;
}

.FooterText + .FooterText {
MARGIN-TOP: 4px;
}

.FooterCell {
VERTICAL-ALIGN: middle;
TEXT-ALIGN: center;
PADDING: 12px 15px 16px 15px;
BACKGROUND: #ffffff;
BORDER-TOP: 1px solid #c5ccd4;
}

.FooterLink:link,
.FooterLink:visited,
.FooterLink:hover,
.FooterLink:active {
BACKGROUND: none;
COLOR: #777777;
TEXT-DECORATION: none;
CURSOR: pointer;
}

.Padded {
PADDING: 15px 15px 15px 30px;
}

.ProductList {
WIDTH: 95%;
TEXT-ALIGN: left;
}

.ProductItem {
PADDING: 4px 0 14px 0;
}

.ProductLogo {
DISPLAY: block;
MAX-HEIGHT: 50px;
WIDTH: auto;
HEIGHT: auto;
MARGIN: 0 0 10px 0;
BORDER: 1px solid #c5ccd4;
PADDING: 2px;
BACKGROUND: #ffffff;
}

.ProductItem > A {
DISPLAY: inline-block;
LINE-HEIGHT: 0;
}

.ProductItem > A:link,
.ProductItem > A:visited,
.ProductItem > A:hover,
.ProductItem > A:active {
TEXT-DECORATION: none;
BACKGROUND: none;
}

.ProductName {
MARGIN: 0 0 8px 0;
FONT: bold 15px arial,sans-serif;
COLOR: #000000;
}

.ProductDesc {
MARGIN: 0;
FONT: 13px arial,sans-serif;
LINE-HEIGHT: 1.55;
COLOR: #000000;
}

.ProductDivider {
HEIGHT: 0;
BORDER: none;
BORDER-TOP: 1px solid #c5ccd4;
MARGIN: 6px 0 16px 0;
}

@media (max-width: 779px) {
HTML,
BODY {
MIN-HEIGHT: 100vh;
HEIGHT: 100%;
}

BODY {
DISPLAY: flex;
FLEX-DIRECTION: column;
BACKGROUND: #b3bac1 url('../img/bk.gif') repeat;
}

.Global {
WIDTH: 100% !important;
MAX-WIDTH: 100% !important;
MIN-WIDTH: 0;
MIN-HEIGHT: 100vh !important;
HEIGHT: auto !important;
FLEX: 1 0 auto;
DISPLAY: flex;
FLEX-DIRECTION: column;
BACKGROUND: #ffffff;
}

.Global > TBODY {
DISPLAY: flex;
FLEX-DIRECTION: column;
FLEX: 1 1 auto;
MIN-HEIGHT: 100vh;
WIDTH: 100% !important;
HEIGHT: auto;
}

.Global > TBODY > TR {
DISPLAY: block;
WIDTH: 100% !important;
MAX-WIDTH: 100% !important;
FLEX-SHRINK: 0;
}

.Global > TBODY > TR.RowMain {
FLEX: 1 1 auto;
MIN-HEIGHT: 0;
}

.Global > TBODY > TR.RowFooter {
MARGIN-TOP: auto;
FLEX-SHRINK: 0;
}

.Global > TBODY > TR > TD {
DISPLAY: block;
WIDTH: 100% !important;
MAX-WIDTH: 100% !important;
MIN-WIDTH: 0;
BOX-SIZING: border-box;
}

.RowMain > TD {
HEIGHT: auto;
}

.ColFade {
DISPLAY: none !important;
}

.HeaderCell {
HEIGHT: auto !important;
PADDING: 0;
}

.Header,
.Header TABLE,
.Header TD {
WIDTH: 100% !important;
MAX-WIDTH: 100% !important;
}

.Header {
HEIGHT: 110px !important;
}

.Header TD {
BACKGROUND-SIZE: cover !important;
BACKGROUND-POSITION: left center !important;
}

.Left {
TEXT-ALIGN: center;
PADDING-LEFT: 12px;
PADDING-RIGHT: 12px;
}

.BoxStyle {
WIDTH: 100% !important;
MAX-WIDTH: 100% !important;
MARGIN-LEFT: 0;
MARGIN-RIGHT: 0;
MARGIN-TOP: 12px;
MARGIN-BOTTOM: 8px;
}

.BoxStyle TABLE,
.BoxStyle CENTER TABLE {
WIDTH: 100% !important;
}

.Padded {
PADDING: 12px 14px 16px 14px;
FLEX: 1 1 auto;
}

.Padded > DIV {
WIDTH: 100% !important;
}

.ProductList {
WIDTH: 100% !important;
}

.FooterCell {
PADDING: 12px 12px 16px 12px;
}
}