:root {
  --text-color: rgb(64, 64, 64);
  --primary-blue: rgb(0, 122, 255);
  --banner-color: #3a5f70;
  --primary-font: "Raleway", sans-serif;
  --h1-font-size: 24px;
  --h1-font-weight: 300;
  --p-font-size: 20px;
}

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}

body,
p,
div,
span,
td,
a,
input,
select,
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  font-family: Segoe, Verdana, Arial, Helvetica;
}

form {
  margin: 0;
  padding: 0;
}

#wrapper {
  min-height: 100%;
  position: relative;
}

#content {
  padding-bottom: 128px; /* Height of the footer */
}

#footer {
  position: absolute;
  width: 100%;
  height: 128px;
  bottom: 0;
}

.center {
  margin: auto;
}
.left {
  margin: 0;
}
.frm {
  border-left: solid 1px #f0f0f0;
  border-right: solid 1px #f0f0f0;
}

.blue,
a.blue {
  color: #007aff;
}
.gray,
a.gray {
  color: #808080;
}
.gray2,
a.gray2 {
  color: #c0c0c0;
}
.green,
a.green {
  color: #888911;
}
.navy,
a.navy {
  color: #27497b;
}
.turquise,
a.turquise {
  color: #0c7c68;
}
.white,
a.white {
  color: #ffffff;
}
.red,
a.red {
  color: #ff0000;
}

.bgblue {
  background-color: #007aff;
}
.bggreen {
  background-color: #888911;
}
.bgnavy {
  background-color: #27497b;
}
.bgturquise {
  background-color: #0c7c68;
}

.ptr {
  cursor: pointer;
}
.dot12 {
  border-radius: 50%;
  display: inline-block;
  width: 12px;
  height: 12px;
}

.list {
  padding-left: 16px;
  background-image: url(/image/general/dash.png);
  background-size: 8px;
  background-position: 0px 12px;
  background-repeat: no-repeat;
}

/* -------------------  text ------------------- */
.mtitle {
  font-size: 31px;
  font-weight: normal;
}

a.ptitle,
.ptitle {
  font-size: 20px;
  text-decoration: none;
  font-weight: normal;
}

.margin30 {
  margin-top: 30px;
}
.margin35 {
  margin-top: 35px;
}
.margin40 {
  margin-top: 40px;
}
.margin45 {
  margin-top: 45px;
}
.margin60 {
  margin-top: 60px;
}
.paddingup40 {
  padding-top: 40px;
}
.paddingp {
  padding-top: 10px;
  padding-bottom: 20px;
}
.paddingup {
  padding-top: 10px;
}
.paddingdown {
  padding-bottom: 20px;
}

a.ptext,
.ptext,
.ptext a,
a.ptext div,
.ptext div,
a.ptextb,
.ptextb,
table.ptext td,
.ptext p {
  font-size: 20px;
  font-weight: normal;
  line-height: 28px;
}

a.ptext,
.ptext,
.ptext a,
a.ptext div,
.ptext div,
table.ptext td {
  color: #808080;
}

a.ptext,
.ptext a {
  text-decoration: underline;
}

a.ptextb,
.ptextb {
  text-decoration: none;
}

.ptext2,
a.ptext2,
.ptext2 div,
a.ptext2b,
.ptext2b,
.ptext2b div,
.ptext3,
a.ptext3,
.ptext3 div,
a.ptext3b,
.ptext3b,
.ptext3b div,
table.ptext2 td,
table.ptext3 td {
  text-decoration: none;
  font-weight: normal;
  line-height: 22px;
}

a.ptext2b,
.ptext2b,
.ptext2b p,
.ptext2b div,
.ptext2,
a.ptext2,
.ptext2 div,
table.ptext2 td {
  font-size: 16px;
}

.ptext2 a,
.ptext2b a {
  text-decoration: underline;
}

a.ptext3b,
.ptext3b,
.ptext3b p,
.ptext3b div,
a.ptext3,
.ptext3,
.ptext3 div,
table.ptext3 td {
  font-size: 14px;
}

a.ptextb4,
.ptextb4,
.ptextb4 p,
.ptextb4 div,
.ptextb4 span,
a.ptext4,
.ptext4,
.ptext4 div,
.ptext4 span,
table.ptext4 td {
  font-size: 12px;
}

.ptext2,
a.ptext2,
.ptext2 div,
a.ptext3,
.ptext3,
.ptext3 div,
a.ptext4,
.ptext4,
.ptext4 div,
table.ptext4 td {
  color: #808080;
}

.info,
.infox {
  height: 172px;
  float: left;
  background-color: #ffffff;
}
.info {
  width: 516px;
}
.infox {
  width: 416px;
}

.info_bar {
  height: 23px;
  width: 100%;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  border-right: solid 1px #939393;
  padding-top: 4px;
}

.info_bar a {
  font-size: 14px;
  font-weight: normal;
  text-decoration: underline;
}

.info_content {
  padding: 6px;
  height: 133px;
  width: auto;
  border: solid 1px #939393;
}

.info_content,
.info_content div {
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  line-height: 20px;
}

/* for usage tips */
.info_content a {
  font-size: 14px;
}

ul.info_list {
  margin: 0px;
  padding-top: 5px;
  margin-left: 0px;
  line-height: 20px;
  list-style-type: disc;
  color: #303030;
}

ul.info_list li a {
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
}

ul.info_list li a.ioc,
.ioc {
  color: #494429;
}

ul.info_list li a.iit,
.iit {
  color: #27497b;
}

a.toright,
.toright {
  float: right;
}

a.ftitle,
.ftitle,
a.ftitle2,
.ftitle2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: none;
  color: #ffffff;
  position: relative;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 6px;
  padding-right: 6px;
}

a.ftitle,
.ftitle {
  top: 10px;
  font-weight: bold;
  float: left;
}

a.fborder {
  border: solid 1px #ffffff;
}

.ftitle img {
  position: absolute;
  top: -11px;
}

.ftext,
.ftext a,
.ftext span,
.ftext div {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: none;
  color: #d8d8d8;
}

.btn,
.btn_b {
  width: 194px;
  height: 32px;
  border: solid 2px #b6b6b6;
  float: left;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  padding-top: 3px;
}

.btn {
  background-color: #ffffff;
  color: #808080;
}

.btn_b {
  background-color: #007aff;
  color: #ffffff;
}

div.sep {
  background-color: #d7d7d7;
  position: relative;
  left: 40px;
  height: 1px;
  width: 80%;
}

.menu div {
  float: left;
  position: relative;
}
.menu a {
  font-size: 14px;
  text-decoration: none;
  color: #ffffff;
  margin-left: 36px;
  position: relative;
  top: 6px;
}
.menu img {
  position: absolute;
  top: 25px;
}

.join1 {
  margin-top: 6px;
  padding-left: 20px;
  height: 45px;
}
.join2 {
  position: absolute;
  bottom: 10px;
  width: 350px;
  height: 50px;
  padding-left: 20px;
}

/* -------------------  01com slides dots ------------------- */
.nav_dots {
  position: absolute;
  bottom: 12px;
  /* width: 117px !important; */
  height: 22px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  z-index: 999;
}
#nav_dots_1 {
  background-image: url(/image/tmpl/nav_dots_7.png);
  background-position: 0px 0px;
  width: 117px !important;
  height: 22px;
}
#nav_dots_2 {
  background-image: url(/image/tmpl/nav_dots_7.png);
  background-position: 0px -22px;
  width: 117px !important;
  height: 22px;
}
#nav_dots_3 {
  background-image: url(/image/tmpl/nav_dots_7.png);
  background-position: 0px -44px;
  width: 117px !important;
  height: 22px;
}

#nav_dot5_1 {
  background-image: url(/image/tmpl/nav_dots_7.png);
  background-position: 0px 0px;
  width: 183px;
  height: 22px;
}
#nav_dot5_2 {
  background-image: url(/image/tmpl/nav_dots_7.png);
  background-position: 0px -22px;
  width: 183px;
  height: 22px;
}
#nav_dot5_3 {
  background-image: url(/image/tmpl/nav_dots_7.png);
  background-position: 0px -44px;
  width: 183px;
  height: 22px;
}
#nav_dot5_4 {
  background-image: url(/image/tmpl/nav_dots_7.png);
  background-position: 0px -66px;
  width: 183px;
  height: 22px;
}
#nav_dot5_5 {
  background-image: url(/image/tmpl/nav_dots_7.png);
  background-position: 0px -88px;
  width: 183px;
  height: 22px;
}

/* ------------------- 01com slides ------------------- */
ul.slideshowWindow {
  margin: 0px;
  padding: 0px;
}
ul.slideshowWindow li {
  position: absolute;
  left: 0px;
  top: 0px;
  display: inline;
}
ul.slideshowWindow li.show {
  z-index: 500;
}

ul.slideshowWindow li.slide {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

.nav,
#logo,
.nav_chat,
.social_media {
  display: block;
  position: absolute;
  cursor: pointer;
  z-index: 999;
}

#leftNav {
  top: 225px;
  width: 42px;
  height: 77px;
  background-image: url(/image/tmpl/previous_grey_half.png);
  background-repeat: no-repeat;
  float: left;
}
#rightNav {
  top: 225px;
  right: -3px;
  float: right;
  width: 42px;
  height: 77px;
  background-image: url(/image/tmpl/next_grey_half.png);
  background-repeat: no-repeat;
  float: right;
  text-align: right;
}

/* ------------------- press endorsements slides ------------------- */
.slider {
  margin: 0 auto;
  width: 215px;
  height: 127px;
  position: relative;
  overflow: hidden;
}

.slider li {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.active {
  display: block;
}

/* ------------------- drop menu------------------------ */
.dropmenu {
  margin: auto;
  padding: 0;
}
.dropmenu li {
  list-style: none;
  float: left;
  z-index: 1000;
  position: relative;
}
.dropmenu li,
.dropmenu li a,
.dropmenu li span {
  font-size: 14px;
  color: #003e6d;
  text-decoration: none;
}
.dropmenu li a:link,
.dropmenu li a:visited,
.dropmenu li span {
  display: block;
  text-decoration: none;
  padding: 6px;
  padding-bottom: 4px;
  margin-left: 20px;
}
.dropmenu li a:hover,
.dropmenu li span:hover {
  background-color: #ffffff;
}
.dropmenu li ul {
  position: absolute;
  visibility: hidden;
  margin: 0;
  padding: 0;
}

.dropmenu li span#product {
  color: #ffffff;
}
.dropmenu li span:hover#product {
  color: #808080;
}

.dropmenu li ul li {
  display: inline;
  float: none;
}
.dropmenu li ul li,
.dropmenu li ul li a {
  white-space: nowrap;
  position: relative;
  background-color: #ffffff;
  color: #258dff;
}
.dropmenu li ul li a:link,
.dropmenu li ul li a:visited {
  width: auto;
  padding-left: 21px;
}
.dropmenu li ul li a:hover {
  background-image: url(/image/tmpl/arrow_r.jpg);
  background-repeat: no-repeat;
  background-position: 5px 8px;
}
.dropmenu li ul li.login {
  position: relative;
  left: -132px;
}

/* -------------------  header misc ------------------- */
#logo {
  top: 20px;
  left: 100px;
  width: 180px;
  height: 116px;
}
.nav_chat {
  right: 20px;
  bottom: 20px;
  width: 110px;
  height: 35px;
  margin-top: auto;
  margin-left: auto;
  z-index: 999;
}
.social_media {
  top: 59px;
  right: 8px;
  width: 175px;
  height: 31px;
  margin-bottom: auto;
  margin-left: auto;
  z-index: 999;
}
.section {
  width: 71%;
  float: left;
  padding: 10px;
}
.focus_pointer {
  position: absolute;
  top: 48px;
  left: 360px;
  margin-bottom: auto;
  margin-right: auto;
  z-index: 999;
}

#msg span {
  color: #555555;
  font-weight: normal;
}
.err {
  color: #cc0000;
  width: 700px;
  display: none;
  font-weight: normal;
  font-size: 12px;
  display: none;
  float: none;
}
#content table {
  width: 100%;
}
.subnum {
  position: relative;
  top: -4px;
  font-size: 9px;
  margin-right: 2px;
}
.clr {
  clear: both;
}
