body,p,div,ul,li,ol,tr,th { font-family: Arial, Helvetica, Sans-Serif; font-size:12px; color:#333333;}
td { font-family: Arial, Helvetica, Sans-Serif; font-size:12px; color:#333333;}
pre { font-family: "Courier New", courier, monospace; font-size:12px;}
hr { height:1px; border:0px; background-color:#808080;}
h1 { color:#14267b; font-weight:bold; font-family: Arial, Helvetica, Sans-Serif; font-size: 16px; margin:0px;}
h2 { font-family: Arial, Helvetica, Sans-Serif; font-size:15px; margin:0px; }
h3 { font-family: Arial, Helvetica, Sans-Serif; font-size:14px; margin-top: 10px;}
h4 { font-family: Arial, Helvetica, Sans-Serif; font-size:14px; margin-top: 2px;}
th {font-weight: bold;}
ul {padding-left:25px; margin-left:0px;}
li {padding-left:0px; margin-left:25px; list-style-type:square;}
body{background-repeat:repeat-y;}
input[type=text] {border:1px solid #808080; font-size:13px; font-family:Courier New; padding:1px; border-style:inset; }
input[type=password] {border:1px solid #808080; font-size:13px; font-family:Courier New; padding:1px; border-style:inset; }
input[type=submit] {border:1px inset #C0C0C0; background-color:#E0E0E0; border-radius:2px; font-size:12px; padding:1px; font-family:Arial; border-style:outset;}
input[type=button] {border:1px inset #C0C0C0; background-color:#E0E0E0; border-radius:2px; padding:1px; font-family:Arial; border-style:outset;}
input[readonly] { background-color:#F0F0F0; }
input[type=checkbox][disabled] { background-color:#F0F0F0;  color:#FF0000; }
textarea {border:1px solid #808080; font-size:12px; font-family:Letter Gothic; padding:1px; resize:vertical;  border-style:inset;}
textarea[readonly] { background-color:#F0F0F0; }
iframe {border:1px solid #808080; resize:vertical;  border-style:inset;}
select {border:1px solid #808080; font-size:12px; font-family:Courier New; padding:0px; border-style:inset;}
select[disabled] { background-color:#F0F0F0; color:#000000; }
button { font-family: Arial, Helvetica, Sans-Serif; font-size:12px; background-color:#E0E0E0; vertical-align:top; height:21px; border:1px outset #C0C0C0; }
button:hover {color: #F08000;}
a { text-decoration: none; font-family: Arial, Helvetica, Sans-Serif;}
a img {border-style: none; border: 0; }
a:active, a:focus{outline: none;}
a[href]:visited {color: #50305F;}
a[href]:hover {color: #F08000;}
a.pdflink{
	background-image:url("/pic/pdf5.gif");
    background-position:left center;
    background-repeat:no-repeat;
    display:inline-block;
    height:16px;
    padding-left: 20px;}
#privacypolicy{color:blue;}
img[src*="/pic/he_lang_j.gif"] {
    display: none;
}
.keys { font-family: Arial, Helvetica, Sans-Serif; font-size:12px; background-color:#E0E0E0; border-radius:2px; width:80px; vertical-align:top; height:21px; border:1px outset #C0C0C0; }
.keysb { font-family: Arial, Helvetica, Sans-Serif; font-size:15px; font-weight:bold; background-color:#E0E0E0; border-radius:2px; width:120px; vertical-align:top; height:25px; border:1px outset #C0C0C0; }
.keys:hover {color: #F08000;}
.keysv:hover {color: #F08000;}
.keysvs:hover {color: #F08000;}
.keysb:hover {color: #F08000;}
.keysv { font-family: Arial, Helvetica, Sans-Serif; font-size:12px; background-color:#E0E0E0; border-radius:2px; vertical-align:top; height:21px; border:1px outset #C0C0C0; }
.keysa { font-family: Arial, Helvetica, Sans-Serif; font-size:12px; background-color:#E0E0E0; border-radius:2px; vertical-align:top;  padding:2px; margin:0px; border:1px outset #C0C0C0; }
.keysvs { font-family: Arial, Helvetica, Sans-Serif; font-size:12px; background-color:#00005C; border-radius:2px; color:#FFFFFF; vertical-align:top; height:21px; border:1px inset #C0C0C0; }
.keylinks { font-family: Arial, Helvetica, Sans-Serif; font-size:8px; color:#C0C0C0; display:none;}
.fastlink { font-family: Arial, Helvetica, Sans-Serif; font-size:10px; height:18px; vertical-align:0px; background-color:#E0E0E0; border-radius:2px; width:30px; }
.fastlink:hover {color: #F08000;}

.background_label{background-image: url("/pic/label.gif");}

.indent {  margin-left:25px; }
.indent a img{margin:0px;}
.indent_width {width:25px;}
.page_width {width:800px;}

.tcon_small { font-family: Arial, Helvetica, Sans-Serif; font-size:11px; color:#333333;}
.tcon { font-family: Arial, Helvetica, Sans-Serif; font-size:12px; color:#333333;}
.dev { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-weight:bold; text-align:left; vertical-align:middle; white-space:nowrap; }
.tb { color:#14267B; font-weight:bold; font-family: Arial, Helvetica, Sans-Serif; font-size: 14px; height: 26px; padding-top: 3px; text-align:left; vertical-align:top;}
.tbi { color:#14267B; font-weight:bold; font-family: Arial, Helvetica, Sans-Serif; font-size: 14px; height: 26px; padding-top: 3px; text-align:left; vertical-align:top; padding-left:25px;}
.header { color:#14267b; font-weight:bold; font-family: Arial, Helvetica, Sans-Serif;font-size: 16px;}
.dir {font-weight:bold; font-family: Arial, Helvetica, Sans-Serif;font-size: 12px; text-align:center; color:#0000A0; }
.invers { background-color:#808080; color:#FFFFFF; border:0px;  padding:2px; font-family:Courier New; font-size:12px; }
.inversb { background-color:#8080FF; color:#FFFFFF; border:0px;  padding:2px; font-family:Courier New; font-size:12px; }
.small { font-family: Arial, Helvetica, Sans-Serif; font-size:10px;}
.middle { font-family: Arial, Helvetica, Sans-Serif; font-size:11px;}
.datesearch { width:100px; text-align:right; white-space: nowrap; }
.smallsearch { font-family: Arial, Helvetica, Sans-Serif; font-size:11px; }
.smallsep { font-family: Arial, Helvetica, Sans-Serif; font-size:4px;}
.smallp { font-family: Arial, Helvetica, Sans-Serif; font-size:10px; color:#A0A0A0;}
.smallindex { font-family: Arial, Helvetica, Sans-Serif; font-size:10px;}
.normal { font-family: Arial, Helvetica, Sans-Serif; font-size:12px;}
.large { font-family: Arial, Helvetica, Sans-Serif; font-size:13px;}
.link {  font-family: Arial, Helvetica, Sans-Serif; font-size: 10px; font-style: normal; color: #808080; font-weight: normal; text-decoration: none; }
.homelink a {  font-family: Arial, Helvetica, Sans-Serif; font-size: 8px; font-style: normal; color: #E0E0E0; font-weight: normal; text-decoration: none;}
.homelink a:visited {  font-family: Arial, Helvetica, Sans-Serif; font-size: 8px; font-style: normal; color: #E0E0E0; font-weight: normal; text-decoration: none;}
.highlight { font-family: Arial, Helvetica, Sans-Serif; font-size:14px; font-weight:bold;}
.cpusupport { font-family: Arial, Helvetica, Sans-Serif; font-size:10px; font-weight:normal; padding-right:10px; padding-bottom:10px; padding-top:0px;}
.label { color:#14267B; font-family: Arial, Helvetica, Sans-Serif; font-size: 14px; font-weight:bold; margin-top:5px; margin-bottom:5px;}
.footer { color:#808080; font-family: Arial, Helvetica, Sans-Serif; font-size: 8px;}
.navi { font-family: Arial, Helvetica, Sans-Serif; font-size:11px; color:#14267B; text-align:right; vertical-align:top; white-space:normal;}
.idx { font-family: Arial, Helvetica, Sans-Serif; font-size:11px; color:#14267B; text-align:left; vertical-align:top; white-space:nowrap; }
.news { color:#14267B; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-weight:bold; margin-top:3px; margin-bottom:3px;}
.news table tr td {text-align:center;}
.key {font-weight:bold; font-family: Arial, Helvetica, Sans-Serif;font-size: 12px; color:#14267B;}
.block { text-align: justify;}
.indent_20 { margin-left: 20px; }
.nowrap { white-space: nowrap;}
.hint { font-family: Arial, Helvetica, Sans-Serif; font-size:14px; padding: 3px; text-align:center; font-weight:bold; background:#FF8D00; color:#FFFFFF;}
.diag { font-family: Arial, Helvetica, Sans-Serif; vertical-align: top; margin:0px; text-indent:0px; margin:0px; padding:0px; border:0px; border-width: 0px; border-spacing:0px;}
.icon {margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px;}
.icon_svg{width:36px;height:36px;padding-right: 5px;text-align: left;vertical-align: text-top;}
.prosite { font-family: Arial, Helvetica, Sans-Serif; font-size:10px; color:#333333; padding-right:3px; padding-left:3px; border:1px solid #E0E0E0; background-color:#F7F7F7; white-space:nowrap;}
.prositeb { font-family: Arial, Helvetica, Sans-Serif; font-size:10px; color:#333333; border-bottom:1px solid #E0E0E0;  border-top:1px solid #E0E0E0; background-color:#F7F7F7;}
.topselect { font-family: Arial, Helvetica, Sans-Serif; font-size:11px; width: 380px; border:1px solid #E0E0E0;  background:#FFFFFF; color:#00005c; vertical-align:top; }
.naviselect { display:none; font-family: Arial, Helvetica, Sans-Serif; font-size:11px; width: 400px; border:1px solid #E0E0E0; background:#FFFFFF; color:#00005c; vertical-align:top; }
.naviline { display:none; font-family: Arial, Helvetica, Sans-Serif; margin-top:5px;font-size:9px; width: 396px;  color:#808080; background:#FFFFFF; vertical-align:top;  text-decoration:none; text-align:right; margin-right:1px; }
.naviline a { text-decoration:none; color:#808080;  }
.naviline a:visited { text-decoration:none; color:#808080;  }
.search { font-family: Arial, Helvetica, Sans-Serif; font-size:11px; width: 280px; border:1px solid #C0C0C0; background:#FFFFFF; color:#00005c; vertical-align:top; }
.blueground { background-color:#14267B; color:#FFFFFF;}
.grayground { background-color:#A0A0A0; color:#FFFFFF;}
.tsm td { font-family: Arial, Helvetica, Sans-Serif; font-size: 10px; text-align:center; vertical-align:middle; padding: 1px;}
.tbs {background-color:#FFFFFF; padding: 0px;}
.subbullet{padding-left:0px;padding-bottom:3px;}
.subbullet li{margin-left:15px;}

.banner1 { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color:#FFFFFF; font-weight:bold; background-color:#14267b; text-align:left; border:0px; padding:4px; padding-left:8px;}
.banner1 a { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color:#FFFFFF; font-weight:bold; background-color:#14267b; border-width: 0px;}
.banner1 a:hover { color: #EE7F00;}
.banner1 a:visited { color: #FFFFFF;}
.banner2 { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color:#000000; font-weight:normal; border-right:1px; border-right-style:solid; border-right-color:#14267B; border-bottom:1px; border-bottom-style:solid; border-bottom-color:#14267B; padding-left:8px; padding-right:8px; background-color:#F7F7F7;}
.banner3 {background-color:#F7F7F7;  border-right:1px solid #14267b; border-bottom:1px solid #14267b; padding: 3px;padding-left:10px;  font-weight:bold;}
.banner4 { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color:#14267b; font-weight:bold; background-color:#F0F0F0; text-align:left; border-bottom:1px solid #14267b;}
.banner5 { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color:#FFFFFF; font-weight:bold; background-color:#14267b; border:0px; padding:6px; padding-left:8px;}
.banner5 a:hover { color: #EE7F00;}
.banner5 a:visited { color: #FFFFFF;}
.banner6 { width: 252px; background-color:#F7F7F7; border:1px outset #808080; padding:0px;}
.banner7 {background-color:#F7F7F7; padding: 3px; padding-left:10px;  font-weight:bold; border:1px outset #808080;  border-radius:3px; }
.highlights { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color:#14267b; font-weight:bold;}
.highlightssub { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color:#14267b; font-weight:normal;}
.shadow {background-color:#F7F7F7;  border-right:1px solid #14267b; border-bottom:1px solid #14267b;}
.shadowd {background-color:#F0F0F7;  border-right:2px solid #14267b; border-bottom:2px solid #14267b;}
.vcard {background-color:#FEFEFE;  border:1px solid #E0E0E0; border-bottom:1px solid #14267b; border-right:1px solid #14267b; width:345px; padding:5px; margin-left:25px;}
.navibox {border-right:1px solid #14267b;border-bottom:1px solid #14267b; background-color:#F7F7F7; text-align:left; width:400px;}
.config {background-color:#F7F7F7; color:#808080;  border-right:1px solid #14267b; border-bottom:1px solid #14267b; margin-left:15px; border-left:15px solid #FFFFFF;}
.frametab { background:linear-gradient(180deg,#F7F7F7,#F0F0F0,#e7e7e7,#e0e0e0,#d7d7d7,#d0d0d0);  border:1px solid #14267b; border-top-right-radius:5px; text-align:center; font-weight:bold;}
.frametabmarkblue{ background:#C0C0FF;}
.frametabmarkorange{ background:#FF8000;}
.frametabmarkred{ background:#FFC0C0;}
.frametabmarkgreen{ background:#C0F0C0;}
.frametabmarkwarning{ background:#FFE0C0;}
.frametabchoosen {background-color:#FFFFFF;   border-top:1px solid #14267b; border-top-left-radius:5px;  border-top-right-radius:5px; border-right:1px solid #14267b; border-left:1px solid #14267b; text-align: center; font-weight:bold;}
.framebody {background-color:#FFFFFF;  padding-top:15px; padding-left:23px; padding-right:23px; padding-bottom:10px; border-left:1px solid #14267b; border-right:1px solid #14267b; border-bottom:1px solid #14267b;}
.frameheader {background-color:#FFFFFF;  padding-top:15px; padding-left:23px; padding-right:23px; padding-bottom:10px;  border-left:1px solid #14267b; border-right:1px solid #14267b; border-top:1px solid #14267b;}
.framehdline {background-color:#FFFFFF;  text-align: center; font-weight:bold; padding:8px;}
*.left_level1{margin-left:25px;}
.paragraph{margin-top:10px; margin-bottom:10px;}

.ChipTable{ display: table; width: 780px;  padding-left: 20px;}
.ChipTableRow { display: table-row;}
.ChipTableHeading { background-color: #EEE; display: table-header-group;}
.ChipTableCell, .ChipTableHead { display: table-cell; padding: 3px 3px 2px 0px;}
.ChipTableCell img{  margin: 0px;}
.ChipleftCol{  width: 350px;}
.ChiprightCol{  width: 420px;  vertical-align: middle;  }
.ChipTableHeading { background-color: #EEE; display: table-header-group; font-weight: bold;}
.ChipTableFoot { background-color: #EEE; display: table-footer-group; font-weight: bold;}
.ChipTableBody { display: table-row-group;}
.chipconfig{  padding: 3px 3px 10px 3px;}
.chipProductList{  padding: 3px 3px 2px 3px;}
.ChipProdLink{ color:blue;}
.ChipProdLink a:visited{color:blue;}
.ChipProdLink a:hover{color:orange;}
.ChipAltTable{display:inline-block;word-wrap: break-word;max-width:300px;}
.ChipExtraText{font-family: Arial, Helvetica, Sans-Serif; font-size:14px; padding: 3px; text-align:left; font-weight:normal; background:white ; color:#000000;}
.ChipAltSel b{background-color: #F08200;font-weight:bold; color:white;padding:2px}
#ChipAlternatives{display:inline-block;text-align: left;}
#ChipAlternatives h3{background-color:#E0E0E0;}
#ChipAlternatives ul, #ChipAlternatives li {margin: 0; padding: 0;list-style: none;}
#ChipSelAlt div ul{margin-left:25px;}
.ChipPerFile{margin-left:25px;width:750px;padding-bottom:3px;}
.ChipPerFile:before{content:"";display:block;height:2px;width:100%;margin-top:0px;margin-bottom:2px;background:#E0E0E0;}
.ChipPerFile a span{padding-left:5px; font-weight: bold;}

.training_flag {
	text-align: right;
	float: none;
	padding: 5px 12px 0px 0px;
	}


.news_table{width:800px; display: table; margin-top:10px;}
.news_row{display: table-row; height:70px;}
.news_text_lang:before{content:"";display:block;height:1px;width:100%;margin-top:0px;margin-bottom:2px;background:#14267b;}
.news_cell{ display: table-cell; vertical-align: top; }
.news_pic{width:220px; text-align:right; padding-right:22px;}
.news_text{width: 500px; height:50px; text-align:left; padding-bottom:12px;}
.news_lang{width: 55px; height:50px; text-align:right;}

.news_grid{margin-left:22px; display: grid;grid-gap:5px; grid-template-rows: auto;grid-template-columns: 222px 478px 75px; justify-content:end;
justify-items:start; align-items:start; border-bottom:1px solid #C0C0C0;padding-top:5px; padding-bottom: 5px;width:775px;}
.news_pic1{grid-column: 1/2; grid-row:1/span 5; align-self:start;justify-self: center;}
.news_description1{grid-column: 2/3; grid-row:1/2;}
.news_description2{grid-column: 2/3; grid-row:2/3;}
.news_description3{grid-column: 2/3; grid-row:3/4;}
.news_description4{grid-column: 2/3; grid-row:4/6;}
.news_description5{grid-column: 2/3; grid-row:5/6;}
.news_description6{grid-column: 2/3; grid-row:6/8;}
.news_description7{grid-column: 2/3; grid-row:7/9;}
.news_type1{grid-column: 3/4; grid-row:1/2; text-align:right;justify-self:end;}
.news_type2{grid-column: 3/4; grid-row:2/3; text-align:right;justify-self:end;}
.news_type3{grid-column: 3/4; grid-row:3/4; text-align:right;justify-self:end;}
.news_type4{grid-column: 3/4; grid-row:4/6; text-align:right;justify-self:end;}
.news_type5{grid-column: 3/4; grid-row:5/6; text-align:right;justify-self:end;}
.news_type6{grid-column: 3/4; grid-row:6/7; text-align:right;justify-self:end;}
.news_type7{grid-column: 3/4; grid-row:7/8; text-align:right;justify-self:end;}


.news_accordeon > input {display:none;}
.news_main-container{width:788px; margin:0px;}

.news_accordeon > label{position:relative; display:block; width:100%; margin:0.5em auto; color:#14267B; font-size:12px; font-weight:bold; background-color:#f7f7f7; padding:6px; border-bottom:1px solid #00008c; border-right:1px solid #00008c;}
.news_accordeon > label::after{top:3px; right:0px; content: "+"; width:30px; position:absolute; font-size:1.5em;}
.news_accordeon > input:checked + label::after{top:1px; right:21px; width:5px; content: "-"; position:absolute; font-size:1.5em;}
.news_accordeon > div{padding:0px; width:100%; margin:0px auto; border:0px solid #000; max-height:0; display:none; transform: translate(0, 50%);
transition: all .25s ease-in-out;}
.news_accordeon > input:checked + label + div{display:block; opacity:1; transform:translate(0, 0); max-height:100000px; margin-top:0px;}


.pressroom_grid{display:grid; grid-gap:5px; grid-template-columns: 50px 420px; margin-top:5px;}
.presssroom_icon{grid-column: 1/2; grid-row:1/2;}
.presssroom_descript{grid-column: 2/3; grid-row:1/2;}

.language_flag{width:24px;height:15px;}


.topnews{width:90%;word-wrap: break-word;text-align:center;}
.topnews img{margin-bottom:3px;margin-top:5px;}

.horiz_menu {float:left;width:800px;background:#fff;padding-bottom:20px;overflow:hidden;position:relative;}
.horiz_menu_active {background-color: #F08200;font-weight:bold;}
.horiz_menu_active a:hover{color:white !important;}
.horiz_menu_ul{width:100%;list-style-type: none;margin: 0;padding: 0;overflow: hidden;background-color: #14267B;display: table;table-layout: auto;}
.horiz_menu_ul li:hover:not(.horiz_menu_active) > span {color:#F08200;}
.horiz_menu_li { cursor: pointer; cursor: hand; display: table-cell;list-style-type: none;border-spacing: 0;border-style: solid;border-width: 0px 1px 0px 1px;border-color: #FFFFFF;margin:0;padding-left:10px;padding-right:10px; width:auto;text-align: center;}
.horiz_menu_li span{display: block;color: white;text-align: center;padding: 14px 14px;text-decoration: none;}
.horiz_menu_li a{display: block;color: white;text-align: center;padding: 14px 14px;text-decoration: none;}
.horiz_menu_div{ clear: both; margin-left:0px;}
.horiz_menu_li_a {display: block;color: white;text-align: center;padding: 14px 14px;text-decoration: none;}

.horiz-pad-0{padding-left:0px; padding-right:0px;}

.controlframe { border:1px solid #808080; background-color:#F8F8F8;}

.video {background-color:transparent;padding:0;padding-bottom:30px;}
.video video,.video object,.video td {color:#FFF;outline:none;background-color:#000;padding:0;}
.video video {width:100%;height:100%;}
.video table {width:100%;height:100%;border-collapse:collapse;padding:0;}
.video td {vertical-align:middle;text-align:center;}
.video table a,.video table a:link,.video table a:visited,.video table a:focus,.video table a:hover,.video table a:active {color:#FFF;text-decoration:underline;}
.video a.resize {display:block;padding-top:0.5em;}
video video::-webkit-media-controls-fullscreen-button {display: none;}
.keygreen { height:12px; width:12px; margin:0px; vertical-align:middle; background-color:#00ff00; }
.keyred   { height:12px; width:12px; margin:0px; vertical-align:middle; background-color:#ff0000; }

.ad-table{border-spacing: 3px; border-collapse: separate; background-color:#F0F0F0; width:650px;}
.ad-table th{text-align:left;}
.ad-table tr{vertical-align:top;}
.ad-col1{width:120px;}

.convertertable{border-spacing: 3px; border-collapse: separate; background-color:#F0F0F0; width:650px;}
.convertertable th{text-align:left;}
.convertertable tr{vertical-align:top;}
.convertertablecol1{width:120px;}

.converter_display{width:650px;}
.convertergrid{
  display: grid; grid-column-gap:10px; grid-row-gap:5px; grid-template-columns: 120px 80px 350px 80px;
  display: -ms-grid; -ms-grid-columns: 120px 80px 350px 50px; -ms-grid-rows: auto;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#333333;
  padding:10px;
}
.convertergrid:hover{
  background-color:#F0F0F0;
}
.convertergrid:hover > .conv_product{
  display:block;
}
.conv_product{display:block;}
.convertergridcol1{grid-column:1;-ms-grid-column:1;}
.convertergridcol1 img{width:100%}
.convertergridcol2{grid-column:2;-ms-grid-column:2; align-self:center;}
.convertergridcol3{grid-column:3;-ms-grid-column:3; align-self:center;}
.convertergridcol4{grid-column:4;-ms-grid-column:4; align-self:center;}
.conv_header{font-weight:bold;}



.grid-form{
  align-items: center;
  display: grid; grid-column-gap:2px; grid-row-gap:5px; grid-template-columns: 230px 570px;
  display: -ms-grid; -ms-grid-columns: 220px 570px; -ms-grid-rows: 50px;
}
.grid-form_label{
  text-align: right;
 grid-column:1; grid-row:1;
-ms-grid-row:1; -ms-grid-column:1;
}

.grid-form_value{ grid-column:2; grid-row:1;
-ms-grid-column:2; -ms-grid-row:1; }


.grid-order{
width:100%;
  align-items:top;
  display: grid;
  grid-template-areas:
  'la short tit dim'
  'card pic descr dim'
  'state pic descr ad'
  'state pic descr ad'
  'state pic descr doc'  ;

  grid-row-gap:5px;
  grid-template-rows:auto 75px auto auto auto;
  display: -ms-grid; -ms-grid-columns: 75px 180px 430px 80px; -ms-grid-rows: auto 75px auto auto auto;
  padding-bottom:20px;
  border: 1px solid #C0C0C0;
  border-style: none none solid none;
  margin-top:5px;
}
.grid-order > div {background-color: rgba(255, 255, 255, 0.8); text-align: top;}

.grid-order-la{grid-area:la; width:75px;-ms-grid-row:1; -ms-grid-column:1;}
.grid-order-short{grid-area:short;width:180px;-ms-grid-row:1; -ms-grid-column:2;}
.grid-order-tit{grid-area:tit;width:430px;-ms-grid-row:1; -ms-grid-column:3;font-weight: bold;}
.grid-order-dim{grid-area:dim;width:80px;-ms-grid-row:1; -ms-grid-column:4;}
.grid-order-dim a img{margin-top:2px;}
.grid-order-card{grid-area:card;width:75px;-ms-grid-row:2; -ms-grid-column:1;padding-top:5px;}
.grid-order-state{grid-area:state;width:75px;-ms-grid-row:3; -ms-grid-column:1;}
.grid-order-pic{grid-area:pic;width:180px;-ms-grid-row:2; -ms-grid-column:2;}
.grid-order-descr{grid-area:descr;width:430px;-ms-grid-row:2; -ms-grid-column:3;}
.grid-order-ad{grid-area:ad;width:80px;-ms-grid-row:2; -ms-grid-column:4;}
.grid-order-document{grid-area:doc;width:80px;-ms-grid-row:3; -ms-grid-column:4;}

.show_gototop{display: block;}
.hide_gototop{display: none;}
.gototop{position:fixed; bottom:10px; left:790px;}


.hline_wbar{margin-top:20px;width:800px;}

.plist{
   width:800px;
}

.product_sub_title{
  padding-bottom:5px;
  padding-top:5px;
}

.product_sub_title div{
  background-color: #fbf8f8;
  box-shadow: 1px 1px #002f99;
  border: 1px;
  padding: 2px 5px;
  color: #14267B;
  font-weight: bold;
}
}
.product_title{
    margin-left: 15px;
}
.plist_title {
  padding-bottom:5px;
  padding-top:5px;
}
.plist_title div{
background-color: #fbf8f8;
box-shadow: 1px 1px #002f99;
border: 1px;
padding: 2px 5px;
color: #14267B;
font-weight: bold;
}
.plist_chapter {
  padding-bottom:5px;
  padding-top:5px;
  height:26px;
}
.plist_chapter div{
  color:#14267B;
  font-weight: bold;
  padding-left:25px;
  text-align:left;
  background-color: #fbf8f8;
  box-shadow: 1px 1px #002f99;
  font-size:14px;
  padding-bottom:5px;
  padding-top:5px;
}
.plist_chapter div::before {
content: "";
display: inline-block;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-left: 15px solid #14267B;
border-bottom: 6px solid transparent;
margin-right: 5px;
margin-left: -20px;
}
.product_state{font-size: xx-small; text-align: center; font-weight: bold; border-style: solid; border-width: 0.3em; border-radius: 0em 1em 1em 1em;padding: 6px 5px;}
.comingsoon{border-color: #3d8dc4; padding: 6px 10px}
.newproduct{border-color: #BED600; padding: 6px 10px}
.onrequest{border-color: #ffad36;}
.notrecommended{border-color: #ffad36; padding-left: 1px !important; padding-right: 1px !important;}
.outofproduction{border-color: #f42158;}
.currentlynotavailable{border-color: #06918d;}
.comingsoon_font{color: #3d8dc4;}
.newproduct_font{color: #06918d;}
.onrequest_font{color: #ffad36;}
.notrecommended_font{color: #ffad36;}
.outofproduction_font{color: #f42158;}
.currentlynotavailable_font{color: #f42158;}

a.extlink {
	position:relative;
	display:block;
	height:16px;
	padding:14px 0 0 65px;
	font-weight:bold;
	margin:8px 0 10px 0;
}
a.extlink:before {
	content:'';
	position:absolute;
	display:block;
	top:0px;
	left:29px;
	height:30px;
	width: 30px;
	background-image: url("pic/web-link_world.svg"); /* for IE */
}
a.extlink:hover:before {
	background-image: url("pic/web-link_world-hover.svg"); /* for IE */
}
@supports (mask-repeat:no-repeat) { /* for FireFox and Edge */
	a.extlink:before {
		background-image: none;
		background-color:#14267B;
		mask-image: url("pic/web-link_world.svg");
		mask-repeat: no-repeat;
	}
	a.extlink:hover:before {
		background-image: none;
		background-color:#F08000;
	}
}
@supports (-webkit-mask-repeat:no-repeat) { /* for Chrome, Safari, Opera */
	a.extlink:before {
		background-image: none;
		background-color:#14267B;
		-webkit-mask-image: url("pic/web-link_world.svg");
		-webkit-mask-repeat: no-repeat;
	}
	a.extlink:hover:before {
		background-image: none;
		background-color:#F08000;
	}
}

@media print {
	table.tcon {page-break-inside:avoid}; /*HLG*/
}
