/***************/
/* document layout */
/***************/

@import url("/style?id=3&v=1");

/***************/
/* main layout */
/***************/

body {
  margin: 0;
  background: #eeeeee;
}

* {
  font-family: Verdana, Arial, Helvetica;
  font-size: 11pt;
}

table.content-caption th.heading *,
table.category-caption th.heading,
table.article-caption th.heading {
  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 16px;
}

.heading-title {
  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 28px;
  font-weight: 700;
  color: #125e8b;
  margin-top: 4px;
  padding-top: 4px;
  margin-bottom: 0px;
  padding-bottom: 4px;
  padding-left: 4px;
}

.content-annotation,
.content-annotation-example,
.category-annotation, .category-annotation td,
.article-annotation, .article-annotation td {
  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 10pt;
}
.content-annotation,
.content-annotation-example,
.content-annotation a,
.content-annotation a:visited,
.content-annotation a:hover,
.content-annotation a:link,
.content-annotation td,
.content-annotation td.content-annotation { /* this line is for shop */
  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 11pt;
  color: black;
}

.content-annotation a,
.content-annotation a:visited,
.content-annotation a:hover,
.content-annotation a:link {
  text-decoration: underline;
  color: black;
}

.content-annotation a.a-annotation,
.content-annotation a.a-annotation:visited,
.content-annotation a.a-annotation:hover,
.content-annotation a.a-annotation:link {
  text-decoration: none;
  color: black;
}

.content-annotation a.a-annotation:hover,
.content-annotation a:hover {
  color:#003e6b;
}

.content-annotation td.content-annotation {
  vertical-align: middle;
}
th.heading-nav {
  font-weight: normal;
  font-size: 90%;
  text-align: right;
  padding-right: 2;
}
th.heading-nav-bottom {
  font-weight: normal;
  font-size: 90%;
  text-align: center;
  padding-right: 2;
}

td.lng-change-top {
  vertical-align: middle;
  padding-right: 10px;
  white-space: nowrap;
}

td.lng-change-top a:link,
td.lng-change-top a:visited,
td.lng-change-top a:hover {
  text-decoration: none;
}

th {
  text-align: left;
}

tr.stat-row td,
tr.stat-row-inner td {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: black;
}

tr.stat-row-inner td {
    border-bottom-color: darkgray;
}

tr.stat-row-inner td[rowspan="2"] {
    border-bottom-color: black;
}

tr.stat-row-inner td:first-child {
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: black;
}

tr.stat-row td:last-child,
tr.stat-row-inner td:last-child {
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: black;
}

tr.stat-row:first-child td {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: black;
}

tr.stat-row:first-child td:first-child {
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: black;
}

/***************/
/* main tables */
/***************/

/* top bar */

table.bar-top,
table.bar-top-mii-409,
table.bar-top-mii-405,
table.bar-top-gxccd-409,
table.bar-top-gxccd-405 {
  background-color: #eeeeee;
  background-image: url(/image?id=2);
  background-repeat: no-repeat;
  border-bottom: 1px solid darkgray;
  height: 64px;
}

table.bar-top-gxccd-409 table tr td,
table.bar-top-gxccd-405 table tr td {
  background-color: rgb(238, 238, 238);
  padding: 0px;
  padding-left: 4px;
  padding-right: 4px;
}

table.bar-top-mii-405 {
  background-image: url(/image?id=2);
}

table.bar-top-mii-409 {
  background-image: url(/image?id=248);
}

table.bar-top-gxccd-405 {
  background-image: url(/image?id=2550);
}

table.bar-top-gxccd-409,
table.bar-top-gxccd-405 {
  background-image: url(/image?id=2551);
}

table.bar-top-gxccd-405 table{
  background-color: #eeeeee;
}

table.bar-top a,
a.bar-top {
  text-decoration: none;
}

table.bar-top-ccd {
  background-color: #C6D3DE;
}

/* menu bar */

table.bar-menu {
  background: #eeeeee;
  border-top: 1px solid darkgray;
  border-bottom: 1px solid darkgray;
  text-align: center;
  padding: 4px;
  table-layout: fixed;
}

table.bar-menu a {
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica;
  font-size: 15px;
  font-weight: bold;
}

/* middle bar */

table.bar-middle {
  background: #ffffff;
}
table.bar-middle td.bar-middle-left {
  background: #eeeeee;
  vertical-align: top;
}

table.bar-middle td.bar-middle-right {
  background: rgb(255,250,235);
  border-left: 1px solid darkgray;
  border-bottom: 1px solid darkgray;
  vertical-align: top;
}

table.middle-menu-caption:first-child {
  border-top: none;
  padding-top: 0px;
}

table.middle-menu-caption {
    background-color: #eeeeee;
    border-top: 1px solid darkgray;
    margin: 10px;
    margin-bottom: 0;
    padding-top: 10px;
}
table.middle-menu-caption th {
  height: 20px;
}
table.middle-menu-caption th.heading {
  color: black;
  padding: 3px;
  font-size: 11pt;
}

table.middle-menu {
  background: #eeeeee;
  margin: 10;
  margin-top: 0;
}
table.middle-menu th {
  padding-left: 5;
  padding-top: 5;
}
table.middle-menu a {
  text-decoration: none;
}
table.middle-menu a:link {
  color: #1570a6;
}
table.middle-menu a:visited {
  color: #1570a6;
}
table.middle-menu a:hover {
  color: #083047;
}
table.middle-menu td.href-text {
  padding-left: 0.8em;
}
table.middle-menu td.href-image {
  text-align: left;
}
table.middle-menu a {
  font-size: 11pt;
}

table.middle-data {
  margin-bottom: 10pt;
}
table.middle-data th.content-shadow {
  vertical-align: top;
  background: #ffffff repeat-x;
}

/* bottom bar */

table.bar-bottom {
  text-align: center;
  font-family: Tahoma, Verdana, Arial, Helvetica;
}
table.bar-bottom td {
}
table.bar-bottom a:link {
  color: #1570a6;
  font-size: 80%;
}
table.bar-bottom a:visited {
  color: #1570a6;
  font-size: 80%;
}
table.bar-bottom a:hover {
  color: #083047;
  font-size: 80%;
}

/*************************/
/* common specifications */
/*************************/

a, img {
  border: 0;
}
a:link {
  color: #1570a6;
}
a:visited {
  color: #1570a6;
}
a:hover {
  color: #083047;
}

th.heading {
  color: black;
  padding: 3px;
}
th.heading a:link,
th.heading a:visited,
th.heading a:hover {
  text-decoration: none;
}
th.heading-image {
  vertical-align: top;
}

td.facebook-text {
	padding: 10px;
}

td.facebook-text a:visited,
td.facebook-text a:hover,
td.facebook-text a:link{
	color : #1570a6;
}
/***********************************/
/* special dynamic data formatting */
/***********************************/

td.content-container {
  padding-top: 10;
  padding-left: 10;
  padding-right: 10;
  color: black;
}

td.content-container h1 {
  padding: 3;
  padding-bottom: 5;
  color: #125e8b;
}

/**********/
/**********/
p.content-path, 
p.content-path td 
{
  font-size: 90%;
  background: #ffffff;
  color: black;
}
p.content-path 
{
  margin: 0;
  margin-bottom: 10;
  padding: 2;
  padding-left: 5;
  height: 20;
  vertical-align: bottom;
}

p.content-path2 {
  font-size: 80%;
  font-weight: 400;  
}
p.content-path2 a {
  text-decoration-line:none;
  font-size: 10pt;
}

p.content-path a {
  font-size: 100%;
}
p.content-path a:link {
  color: #1570a6;
}
p.content-path a:visited {
  color: #1570a6;
}
p.content-path a:hover {
  color: #083047;
}

/**********/
/**********/
table.content-caption {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #cccccc;
}

table.content-caption th {
  height: 24px;
}
th.caption-image {
  text-align: center;
  vertical-align: middle;
}
th.content-date {
  font-weight: normal;
  font-size: 8pt;
  text-align: right;
  padding-right: 2px;
  color: darkgray;
}
span.content-date {
  font-weight: normal;
  font-size: 100%;
  text-align: right;
  color: darkgray;
  padding-right: 2;
}
/**********/
div.content-annotation {
  border: none;
  padding: 5px;
}
.content-annotation-example {
  padding-bottom:10px;
  padding-top:10px;
}
.content-annotation-example-title {
  padding-bottom: 15px;
  padding-top: 15px;
  font-weight: bold;
  font-size: 120%;
}

/**********/
/**********/
table.category-caption th {
  border-bottom: 1px solid #dddddd;
  color: black;
  height: 28px;
}
table.category-caption th.caption-image {
  padding-left: 4;
  text-align: center;
  vertical-align: middle;
}
/**********/
div.category-annotation {
  border: thin solid #125e8b;
  border-top: none;
  padding: 5px;
}

div.category-annotation2 {
  border: none;
  padding: 5px;
}

td.category-annotation {
  color: #1570a6;
}
/**********/
table.category-body {
  border-top: 1px solid #eeeeee;
  border-bottom: thick solid #003366;
}
table.category-body td.category-body {
  padding: 7; /* 5 + width( thin ) */
  padding-bottom: 15;
  color: black;
}

table.category-body td.category-body pre,
table.category-body td.category-body div.remark,
table.category-body td.category-body div.warning
 {
  color: Black;
 }

/**********/
/**********/
table.article-caption th {
  border-bottom: 1px solid #eeeeee;
  height: 24px;
}
/**********/
div.article-annotation {
  border: thin solid #1570a6;
  border-top: none;
  color: #003366;
  background: #eeeeee;
  padding: 5;
}

div.article-annotation2 {
    border: none;
    color: #003366;
    border-bottom: 1px solid #eeeeee;
    padding: 5;
}

/**********/
table.article-body {
  border-bottom: thin solid #ffffff;
  color: Black;
  font-family: tahoma,arial,helvetica;
}
table.article-body td.article-body {
  padding: 7; /* 5 + width( thin ) */
  padding-bottom: 15;
}

div.search-title-text {
  font-size: 22px;  
  font-family: tahoma,arial,helvetica;
  color: white;
  font-weight: 900;
  padding-top: 12px;
  padding-bottom: 7px;
}

table.web-search {
  margin: 10px;
  border-top: 1px solid darkgray;
  border-bottom: 1px solid darkgray;
}

table.web-search tr td {
  padding: 10px;
  align-content:center;
}


div.title-status-box {
    display: inline-block;
    background-color: white;
    border: 1px solid #003366;
    border-radius: 3px;
    width: 5px;
    height: 5px;
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: 4px;
    margin-right: 4px;
    color: silver;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

/*************************/
/* pricelist formatting    */
/*************************/

table.table-products th,
table.table-products td {
  padding: 5;
}
table.table-products {
  border-bottom: thin solid #FFCC66;
}

table.table-products th {
  background: #FFCC66;
}

table.table-products tr.odd td,
table.table-products tr.descr-odd td {
  background: white;
}

table.table-products tr.even td,
table.table-products tr.descr-even td {
  background: #FFCC66;
}

table.table-products tr.descr-odd td,
table.table-products tr.descr-even td {
  color: dimgray;
  padding-top: 0;
}

/*************************/
/* shoop formatting      */
/*************************/

table.table-shop th,
table.table-shop td {
  padding: 5px;
}
table.table-shop {
  border-bottom: thin solid #CDDCFB;
}

table.table-shop th {
  font-size: 10pt;
}

table.table-shop tr.first > td {
  border-top: 1px solid darkgray;
}

table.table-shop tr td option,
table.table-shop tr td select,
table.table-shop tr td form,
table.table-shop tr td span,
table.table-shop tr td {
  color: black;
  font-size: 10pt;
}

table.table-shop tr td a {
  text-decoration: none;
}

table.table-shop tr.internal td, 
table.table-shop tr.even td.internal,
table.table-shop tr.odd td.internal {
  color: black;
  background: #D9EAD3;
}

table.category-caption th div.shop-category-title {
  padding-top:10px;
  font-size: 10pt;
}

table.table-shop div.comment-small {
    font-size: 10pt;
}

table.table-shop tr.dph-line td {
  font-size: 9px;
}

table.table-shop tr.dph-line-price td {
  font-size: 9px;
  text-align: right;
}

table.table-shop tr.descr-odd td,
table.table-shop tr.descr-even td {
  color: dimgray;
  padding-top: 0;
}

input.cart-count {
  height: 24px;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  font-family: tahoma,arial,helvetica;
  font-size: 12px;
}

div.search-error {
  margin-top: 5px;
  padding: 5px;
  border-top: 1px solid #cccccc;
}

input.search-text {
  color: #083047;
  border: 1px solid darkgray;
  font-family: tahoma,arial,helvetica;
  font-size: 14px;
  background: #f6f6f6;
  height: 22px;
  margin-bottom: 4px;
}

input.search-submit-button {
  border: 1px solid#083047;
  border-radius: 3px;
  color: #083047;
  font-family: tahoma,arial,helvetica;
  font-size: 12px;
  background: #ffffff;
  margin-left: 5px;
  height: 25px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  top: -1px;
}

table.middle-menu td.href-text-search {
  padding-left: 0.5em;
}


tr.even input.cart-count {
  background: white;
}

tr.odd input.cart-count {
  background: white;  
}

input.put-cart {
  background: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  font-family: verdana,tahoma,arial,helvetica;
  font-size: 9pt;
  height: 26px;
  cursor: pointer;
  border-radius: 3px;
  background: #CFE8FC;
}

button.put-cart {
  background: #ffffff;
  border-style: solid;
  border-width: 1px;
  font-family: tahoma,arial,helvetica;
  font-size: 10px;
  height: 18px;
  cursor: pointer;
}

td.cart-info,
td.cart-info a,
td.cart-info span{
  color: #125e8b;  
  font-size: 11px;
}

table.table-shop td.descr-odd,
table.table-shop td.descr-even {
  color: dimgray;
  padding-top: 0;
}

table.shop-list {
  padding: 5px;
}
table.shop-list td {
  color: black;
}

table.shop-register td{
  background: #eeeeee;
}

select.register,
select.register-error,
input.register,
input.register-error,
input.register-button {
    border-style: solid;
    border-width: 1px;
    font-family: tahoma,arial,helvetica;
    font-size: 12px;
    background: #ffffff;
    padding: 3px;
    width: 200px;
}

input.register-button {
    width: 140px;
    height: 40px;
    vertical-align: middle;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    border-radius: 3px;
    font-size: 14px;
    padding: 8px;
    background: #CFE8FC;
    cursor: pointer;
}

select.register,
input.register {
  border-color: black;
}

select.register-error,
input.register-error {
    border-color: red;
    border-width: 2px;
}

table.shop-register tr td {
  color: black;
}

table.shop-register tr.register-text td {
  color: black;
  padding: 5px;
}

table.shop-bar-menu a {
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica;
  font-size: 15px;

  color: black;
}
table.shop-bar-menu {
  background: #eeeeee;
  border-bottom: 1px solid darkgray;
}

table.shop-bar-menu2 {
  background: #125e8b; 
}

table.shop-bar-menu-mobile {
  background: rgb(238, 238, 238);
  color: black;
  border-top: 1px solid rgb(128, 128, 128);
  border-bottom: 1px solid rgb(128, 128, 128);
}

a:link.shop-bar-menu,
a:visited.shop-bar-menu,
a:hover.shop-bar-menu {
  font-family: verdana,arial,helvetica;
  font-size: 15px;
  color: black;
  text-decoration: none;
  font-weight: bold;
}

a:hover.shop-bar-menu {
  color: black;
}

.shop-register-error {
  font-family: tahoma,arial,helvetica;
  font-size: 12pt;
  color: red;
  font-weight: 900;
}

span.shop-register-error {
  padding-left:10px;
}

table.shop-login tr td {
  align: center;
}

th.price,
th.count {
  text-align: right;
}

img.title-page {
}

a:hover.shop-titlepage,
a:visited.shop-titlepage,
a:link.shop-titlepage {
  text-decoration: none;
}

table.shop-bar-menu2 tr td {
  font-family: tahoma,arial,helvetica;
  font-size: 12px;
  color: white;
}

input.upgrade-lic{
  border-style: solid;
  border-width: 1px;
  border-color: black;
  margin-top: 5px;
  font-family: tahoma,arial,helvetica;
  font-size: 12px;
}

tr.even input.upgrade-lic,
tr.odd input.upgrade-lic {
  background: #EFEFEF;  
}

textarea.order-note {
  border-style: solid;
  border-width: 1px;
  border-color: black;
  background: white;
  font-family: tahoma,arial,helvetica;
  font-size: 12px;
}

p.shop-product-title {
  font-family: tahoma,arial,helvetica;
  font-size: 20px;
  color: #125e8b;
}

table.shop_title_price-list {
  margin: 10px;
}
table.shop_title_price-list td {
  color: black;
}

table.shop_title_price-list input.put-cart {
  background: #ffffff;  
  width: 120px;
}

table.shop_title_price-list td.shop-title-price {
  font-size: 9px;
}

a.show-next-key-lic {
  font-size: 9px;
}

div.shop-title-text {
  font-size: 22px;  
  font-family: tahoma,arial,helvetica;
  color: #125e8b;
  font-weight: 900;
  padding-top: 12px;
  padding-bottom: 7px;
}

div.shop-title-text-paragraph {
  font-size: 11pt;
  font-family: verdana,arial,helvetica;
  color: black;
  padding-top: 2px;
  padding-bottom: 6px;
}

div.shop-free-on-key-line {
  padding-left: 6px;
  padding-top: 2px;
  padding-bottom: 6px;
}
div.shop-free-on-key-line span.shop-free-on-key-number {
  border-color: gray;
  border-style: solid;
  border-width: 1px;
  text-align: right;
  width: 50px;
  padding: 2px;
}

tr td.shop-order-product-descr {
  font-size: 10px;  
}

span.left-bar-back-text {
  padding-left: 10px;
}

span.left-bar-back-text a {
  color: #125e8b;
}

span.left-bar-back-text a:visited {
  color: #125e8b;
}

span.left-bar-back-text a:hover {
  color: #083047;
}

td.product-option {
  /* font-size: 10px;   */
}

table.table-shop td a:hover {
  color: #083047; 
}


a:link.shop-big-button,
a:visited.shop-big-button{
  color: black;
}

a:hover.shop-big-button {
  color: blue;
}

a:link.shop-big-button,
a:visited.shop-big-button,
a:hover.shop-big-button {
  text-decoration: none;
  /*
  border-style: solid;
  border-width: 1px;
  border-color: black;
  */
}


div.shop-big-button-en,
div.shop-big-button-en-len{
    width: 145px;
    height: 20px;
    vertical-align: middle;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    border-radius: 3px;
    font-size: 14px;
    padding: 8px;
    background: #CFE8FC;
    text-align:center;
}

div.shop-big-button-en-len {
    width: 200px;
}

div.float-menu {
    margin: 1px;
    border-color: black;
    border-style: solid;
    border-width: 1px;
    background-color: #eeeeee;
}

div.shop-bar-menu-title {
    font-size: 12pt;
    font-weight: bold;
    color: black;
}

div.service-address {
    border-style: solid;
    border-width: 1px;
    border-color: lightgray;
    background-color: lightblue;
    margin-left: 30px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 5px;
    width: 160px;
}

div.shop-warning {
  font-size: 11pt;
  font-weight: bold;
}