/* main */
html { height: 100%; }
body { height: 100%; margin: 0px; padding: 0px; color: #000000; background: #ffffff; }
body, p, td, th, div, li { font-family: Tahoma, Verdana, sans-serif; font-size: 11px; }
pre { font-family: "Courier New", Courier, monospace; font-size: 12px; }
a { color: #000000; background: none; }
p { text-align: justify; }
img.noborder { border-style: none; }

/* top template */
table.h100p { border-style: none; height: 100%; }
td.template-top { height: 220px; }
table.template-top { height: 220px; border-style: none; background: url(tmpl/bg_01.gif) repeat-x right top; }
td.template-top-left { height: 220px; background: url(images/l_bg_01.jpg) no-repeat left bottom; }
table.template-top-left  { height: 220px; border-style: none; background: url(tmpl/bg_02.gif) repeat-x right top; }
td.logo { width: 235px; }
div.logo-l0 { width: 220px; height: 40px; margin: 70px 0px 0px 13px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png'); }
div.logo-l1 { width: 220px; height: 40px; margin: 70px 0px 0px 13px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo.png'); }
img.opacity { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); border-style: none; }
div.site-descr { color: #ffffff; background: none; text-align: left; margin: 38px 0px 0px 24px; line-height: 16px; white-space: nowrap; }
td.slogan { text-align: center; padding: 80px 10px 0px 10px; /*background: url(images/r_bg_02.jpg) no-repeat right top;*/ }
div.slogan-l0 { height: 50px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tmpl/slogan_01.png'); }
div.slogan-l1 { height: 50px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../tmpl/slogan_01.png'); }
div.site-prod { color: #ffffff; background: none; line-height: 16px; white-space: nowrap; margin-top: 18px; }
td.homelink { width: 320px; background: url(images/r_bg_01.jpg) no-repeat right top; padding-top: 8px; text-align: right; vertical-align: top; white-space: nowrap; }
div.homelink { width: 320px; }
span.homelink { width: 20px; }

/* top menu */
td.menu-height { height: 36px; }
table.menu-height { height: 36px; border-style: none; }
td.menu-button-width { width: 20%; }
td.menu-button-top { height: 3px; background: #A0A4A7 url(tmpl/menu_bg_01.gif) no-repeat center top; }
.menu-button td { background: url(tmpl/menu_bg_03.gif) repeat-x left top; }
.menu-button a { color: #ffffff; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-transform: uppercase; display: block; width: 100%; height: 33px; background: url(tmpl/menu_bg_03.gif) repeat-x left top; text-align: center; padding: 10px -10px; }
.menu-button a:hover { background: url(tmpl/menu_bg_03a.gif) repeat-x left top; }
td.menu-button-div { width: 1px; height: 33px; color: #ffffff; background-color: #ffffff; }

/* left grey bar */
td.left-menu { width: 239px; background: url(tmpl/left_bg.gif) repeat-y left top; }
table.left-menu { height: 100%; width: 239px; border-style: none; }
td.left-menu-top { height: 16px; }
div.h12 { height: 12px; }
td.left-menu-shadow { width: 28px; background: #ffffff url(tmpl/left_shadow.gif) no-repeat left top; vertical-align: bottom; }

/* left menu */
div.lmenu0 { margin-left:  0px; margin-top: 6px; margin-right: 3px; }
div.lmenu1 { margin-left:  9px; margin-top: 6px; margin-right: 3px; }
div.lmenu2 { margin-left: 18px; margin-top: 6px; margin-right: 3px; }
div.lmenu3 { margin-left: 27px; margin-top: 6px; margin-right: 3px; }
div.lmenu4 { margin-left: 36px; margin-top: 6px; margin-right: 3px; }
div.lmenu5 { margin-left: 45px; margin-top: 6px; margin-right: 3px; }
p.lmenu0 { margin: 6px 3px 0px 0px; padding: 0px; text-align: left; }
p.lmenu1 { margin: 6px 3px 0px 9px; padding: 0px; text-align: left; }
p.lmenu2 { margin: 6px 3px 0px 18px; padding: 0px; text-align: left; }
p.lmenu3 { margin: 6px 3px 0px 27px; padding: 0px; text-align: left; }
p.lmenu4 { margin: 6px 3px 0px 36px; padding: 0px; text-align: left; }
p.lmenu5 { margin: 6px 3px 0px 45px; padding: 0px; text-align: left; }

a.lmenu { color: #545454; background: none; }
a.lmenu-curr { color: #545454; background: none; text-decoration: none; }
div.golivetalk { margin-left:  9px; margin-top: 0px; }

/* page content and footer */
table.content-main { height: 100%; border-style: none; padding-top: 16px; }
td.content-main { width: 100%; vertical-align: top; }
td.content-right-border { width: 16px; }
div.content-right-border { width: 16px; }
td.content-bottom { height: 65px; background: url(tmpl/bottom_bg.gif) repeat-x left top; }
.footerlink { color: #6cb6da; background: none; text-decoration: none; font-size: 12px; }
img.vr { margin-left: 8px; margin-right: 8px; vertical-align: -40%; }
div.copy { margin-top: 4px; }
p.copy { margin: 4px 0px 0px 0px; padding: 0px; }
a.copy { color: #6cb6da; background: none; text-decoration: none; }
strong.copy { font-size: 9px; font-weight: normal; color: #6cb6da; }
div.webotdel { color: #6cb6da; background: none; text-align: left; font-size: 9px; width: 150px; }
img.webotdel { float: left; border-style: none; }

/* common elements */
h1 { color: #134783; background: #f0f0f0 url(tmpl/vr_blue.gif) no-repeat left top;  font-size: 14px; padding-bottom: 0px; margin-bottom: 0px; padding-left: 12px; line-height: 26px; width: 99%; }
h1.product { color: #134783; background: #f0f0f0 url(tmpl/vr_blue2.gif) no-repeat left top;  font-size: 28px; padding-bottom: 0px; margin-bottom: 0px; padding-left: 24px; line-height: 52px; width: 99%; }
h2 { color: #134783; background: none; font-size: 12px; }
h3 { font-size: 11px; padding-bottom: 0px; margin-bottom: 0px; }
ul { list-style-type: square; list-style-image: url(tmpl/square.gif); }
li { padding-bottom: 3pt; }
.red { color: #ff0000; background: none; }
img.icon { border-style: none; margin: 2px 6px 0px 0px; }
img.illust { float: right; border-style: none; margin: 15px 0px 6px 18px; }
tr.grey { background: #e9e9e9; vertical-align: top; }
tr.white { background: #ffffff; vertical-align: top; }
.required { color: #ff0000; background: none; }

/* first page */
td.manuf-left { width: 12px; }
td.manuf-column { width: 105px; }
td.manuf-middle { width: 15px; }
h1.production { margin: 12px 0px 10px 12px; font-size: 12px; background: url(tmpl/vr_blue.gif) no-repeat left top; }
h1.news { margin-top: 12px; }
h2.main { margin: 0px 0px 10px 0px; font-size: 11px; font-weight: normal; text-align: justify; color: #000; }
h3.main { margin: 0px; font-size: 12px; font-weight: normal; text-align: left; color: #000; }
h4.news { margin: 0px; font-weight: normal; font-size: 11px; }
p.news { font-weight: bold; margin: 0px; padding-bottom: 6px; }
p.newstext { margin: 0px; padding-bottom: 6px; }
div.hr { background: #ffffff url(tmpl/hr_gray.gif) repeat-x left top; height: 1px; width: 100%; margin-bottom: 6px; }
.newsdate { color: #97abc2; background: none; display: block; }
.newslink { margin-bottom: 10px; }
table.hilight { border-style: none; margin-top: 12px; }
td.hilight-col1 { width: 31%; }
td.hilight-col2 { width: 31%; }
td.hilight-col3 { width: 32%; }
td.hilight-divider { width: 2%; }
td.hilight-bluebar { width: 12px; }
td.hilight-comment { text-align:justify; }
p.hilight-row2 { padding-left: 0px; text-align: justify; }
strong.nobold { font-weight: normal; }

/* production lists */
div.map1	{ font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 14px; font-weight: bold; margin-top: 15px; color: #134783; line-height: 24px; width: 100%; background: #ffffff url(tmpl/left_bg_01.gif) no-repeat left top; padding-left: 8px;}
div.map2	{ margin-left: 20px; margin-top: 6px; }
div.map3	{ margin-left: 32px; margin-top: 3px; }
a.map 		{ color: #000000; background: none; text-decoration: none; }
a:hover.map   { text-decoration: underline; }
div.ul-none   { font-size: 10px; padding-left: 12px; }
li.map		{ padding-bottom: 6pt; }

ul.vacancy { margin-top: 3px; margin-bottom: 6px; }
.lightblue { background: #c5eaff; }
p.tech-pdf { margin-bottom: 12px; }
table.finder { border-style: none; width: 520px; }

/* catalog */
th.dev-header1	{ font-style:italic; font-weight: normal; color: #000000; background-color: #e0e0e0; background-image:url(images/products/table_curve.gif); background-repeat:no-repeat; }
th.dev-header		{ font-style:italic; font-weight: normal; color: #000000; background-color: #e0e0e0; }
td.dev-in-list	{ color: #000000; background-color: #f0f0f0; }

/* ==================== */

/* products */
tr.device-table-row { color: #000; background-color: #eef1f8; }
td.device-table-name { color: #000; background-color: #eef1f8; white-space: nowrap; }
th.device-table-row { font-style:italic; font-weight: normal; color: #000; background-color: #a0d2f1; }
th.device-table-name { font-style:normal; font-weight: bold; color: #000; background: #a0d2f1 url(images/products/tab-title-category.png) no-repeat top left; }
div.category-about { padding-left: 8px; text-align: justify; }

/* device */
table.device-category { float: right; font-size: 6px; }
tr.device-category { height: 26px; }
td.device-subcat-left { background: url(images/products/h2-category-l.png) no-repeat right bottom; width: 20px; font-size: 6px; }
td.device-subcat-center { background: #ced1f3; font-size: 6px; }
td.device-subcat-right { text-align: center; background: url(images/products/h2-category-r.png) no-repeat left bottom; width: 20px; font-size: 6px; }
h2.category { color: #fff; background: #ced1f3;  font-size: 14px; height: 18px; padding: 0px; margin: 0px; white-space: nowrap; }
h3.category { font-size: 12px; font-weight: bold; text-align: center; white-space: nowrap; }
a.category { color: #ffffff; background: transparent; text-decoration: none; }
td.h3-pressure { color: #fff; background: #ffa300 url(images/products/h3-pressure.png) no-repeat center bottom; height: 26px; width: 170px; }
td.h3-level { color: #fff; background: #72ba2c url(images/products/h3-level.png) no-repeat center bottom;  height: 26px; width: 170px; }
td.dev-parameter{ color: #000; background-color: #eef1f8; padding-top: 5px; padding-bottom: 5px; }
#sensor-link { border-bottom: 1px dotted; }
#sensor { color: #000; background-color: #fff; position: absolute; margin-top: 5px; padding: 5px; width: 410px; border: thin solid; vertical-align: middle; visibility: hidden; }
strong.description { white-space: nowrap; }

td.attrib-local { background: #eef1f8 url(images/products/attrib/local.png) no-repeat center center; text-align: left; vertical-align: middle; padding-left: 12px; padding-right: 8px; }
td.attrib-field { background: #eef1f8 url(images/products/attrib/field.png) no-repeat center center; text-align: left; vertical-align: middle; padding-left: 12px; padding-right: 8px; }
td.attrib-ex { background: #eef1f8 url(images/products/attrib/ex.png) no-repeat center center; text-align: left; vertical-align: middle; padding-left: 12px; padding-right: 8px; }
td.attrib-digital { background: #eef1f8 url(images/products/attrib/digital.png) no-repeat center center; text-align: left; vertical-align: middle; padding-left: 12px; padding-right: 8px; }
td.attrib-precise { background: #eef1f8 url(images/products/attrib/precise.png) no-repeat center center; text-align: left; vertical-align: middle; padding-left: 12px; padding-right: 8px; }
td.attrib-open { background: #eef1f8 url(images/products/attrib/open.png) no-repeat center center; text-align: left; vertical-align: middle; padding-left: 12px; padding-right: 8px; }
td.attrib-hygienic { background: #eef1f8 url(images/products/attrib/hygienic.png) no-repeat center center; text-align: left; vertical-align: middle; padding-left: 12px; padding-right: 8px; }
td.attrib-sil { background: #eef1f8 url(images/products/attrib/sil.png) no-repeat center center; text-align: left; vertical-align: middle; padding-left: 12px; padding-right: 8px; }
td.attrib-sea { background: #eef1f8 url(images/products/attrib/sea.png) no-repeat center center; text-align: left; vertical-align: middle; padding-left: 12px; padding-right: 8px; }

