@import url("x_forms.css");

* { margin: 0; padding: 0; font-size: 100.01%; }

/* Common styles */
body { font: 10.5pt/1.3 Arial, Helvetica, sans-serif; background-color: #ffffff; color: #00000; }
table { border-collapse: collapse; }
table th, table td { vertical-align: top; }
p { margin: 0; margin-bottom: 1em; }
img { border: 0; }
* html img { behavior: url(/css/iepngfix.htc); }

h1, h2, h3 { font-weight: normal; margin-bottom: 0.3em; }
h1 { font-size: 24pt; margin-left: 50px; margin-left: 20px; margin-bottom: 1em; line-height: 1.2; }
h2, h3 { margin-top: 1.5em; }
h2 { font-size: 14pt; }
h3 { font-size: 11pt; font-weight: bold; }
h2:first-child, h3:first-child { margin-top: 0; }
* html h2, * html h3 { margin-top: expression(this.previousSibling == null ? '0' : '1.5em'); }
h4 { color: #b4875b; font-weight: normal; }

ul { list-style-type: none; }
ol { padding-left: 20px; position: relative; left: -20px; }

ul.bullet, ul.data, ol.data { padding: 0 0 1.5em 2.5em; text-indent: 0em; }
ul.data li { text-indent: -1.58em; }
ul.data li:before { content: '\2014\a0\a0'; }
ul.data li { padding: 0 0 0.3em 0.5em; behavior: expression( !this.before ? this.before = this.innerHTML = '<span class="dash">&mdash;&nbsp;&nbsp;</span>' + this.innerHTML :'' ); }
ol.data { margin-left: 1em; }
ol.data li { padding: 0 0 0.3em 0.5em; }
ul.bullet { margin-top: -0.8em; }
ul.bullet li { list-style: disc; }

sup, sub { font-size: 7pt; line-height: 0; padding-left: 0.3em; color: #808080; }
.nobr { white-space: nowrap; }
.clear { clear: both; line-height: normal; min-height: 1px; /* min-height - fix for opera */ }
.footnote { font-size: 110%; font-family: serif; color: #666666; font-weight: bold; }
.small { font-size: 8pt; }
.note { color: #808080; font-size: 8pt; }
.width_fix { width: 100%; }
.clickable { cursor: pointer; cursor: hand; }
.comments { font-size: 8pt; color: #666666; }
.comments ol { margin-left: 1.5em; }
.comments ol li { padding: 0 0 1em 0.5em; }

/* Links */
a, .pseudo-link { color: #0069af; }
/*a:visited { color: #9358b0; border-color: #9358b0; }*/
a:hover, .pseudo-link:hover { color: #000000 !important; }
.pseudo-link { border-bottom: 1px dashed; cursor: pointer; }
.popup { display: inline-block; }
.popup ins { content: ''; cursor: pointer; position: absolute; background: url(/images/i-popup.gif) no-repeat 0 50%; width: 14px; height: 1.4em; margin-left: -18px; }
.popup:hover ins { background-position: -22px 50%; }

/* Layout */
div#measurer { position: absolute; width: 100%; top: 0; height: 1px; line-height: 1px; }
div#layout-wrapper { padding: 20px 0 0 0; /*position: relative;*/ min-width: 980px; max-width: 1380px; }
* html div#layout-wrapper { width: expression((document.getElementById('measurer') && document.getElementById('measurer').clientWidth < 980) ? '980px' : (document.getElementById('measurer') && document.getElementById('measurer').clientWidth < 1380) ? '100%' : '1380px') }
div#layout-wrapper div.layout { height: 100%; padding: 0 40px 0 20px; position: relative; }
div#content { clear: both; min-height: 200px; line-height: 1.5; }
* html div#content { height: 100%; }

.layout-row { position: relative; margin-left: 110px; clear: both; //padding-right: 1px; //overflow-x: hidden; }
.layout-row.wide { margin-left: 80px; }
.layout-row .col-widespan {  }
.layout-row .col-endspan, .layout-row .col-endspan { margin-left: -19px; //margin-left: -18px; }

.col, .col-end, .col-span, .col-endspan, .col-widespan,
.col-submenu, .col-left, .col-right { position: relative; float: left; width: 19%; }
.col-end { width: 5%; }
.col-span { width: 38%; }
.col-endspan { width: 24%; //margin-right: -100%; }
.col-widespan { width: 76%; }
.col-submenu { width: 57%; }
.pad-content { margin-left: 100px; margin-left: 80px; margin-right: 40px; }
.pad-content p { width: 95%; }

/* ----------------------------------------------- */
.file { background-repeat: no-repeat; margin-bottom: 1em; padding: 0 0 0 35px; }
.file span { display: block; color: #808080; text-transform: uppercase; font-size: 9pt; margin-top: 0.2em; }
.file.zip { background: url(/images/files/i-zip.png) no-repeat; }
.file.xls { background: url(/images/files/i-xls.png) no-repeat; }
.file.rtf { background: url(/images/files/i-rtf.png) no-repeat; }
.file.pdf { background: url(/images/files/i-pdf.png) no-repeat; }
.file.doc { background: url(/images/files/i-doc.png) no-repeat; }
.file.ppt { background: url(/images/files/i-ppt.png) no-repeat; }
.file.gif { background: url(/images/files/i-gif.png) no-repeat; }
.file.jpg { background: url(/images/files/i-jpg.png) no-repeat; }
.file.png { background: url(/images/files/i-png.png) no-repeat; }
* html .file { behavior: url(/css/iepngfix.htc); margin-right: 35px; }

.smallfiles .file { min-height: 32px; //height: 32px; margin: 0; padding: 0.20em 0 0 30px; }
.smallfiles .file span { display: inline; font-size: 8pt; }
.smallfiles .file.zip { background-image: url(/images/files/i-zip-small.png); }
.smallfiles .file.xls { background-image: url(/images/files/i-xls-small.png); }
.smallfiles .file.pdf { background: url(/images/files/i-pdf-small.png) no-repeat; }

.tinyfiles { font-size: 8pt; }
.tinyfiles .file { padding: 0 0 0 27px; }
.tinyfiles .file span { display: inline; margin: 0 !important; font-size: 8pt; }
.tinyfiles .file.pdf { background: url(/images/files/i-pdf-tiny.gif) no-repeat 0 50%; }

h1 .tinyfiles { margin: 0.6em 0 1em 60px; }
div.break { width: 100%; height: 1px; background: #cccccc; margin: 35px 0; font-size: 0; }

div.documents h3,
div.documents-box h3,
div.links-box h3 { color: #b4875b; margin-bottom: 1em; font-weight: normal; }

div.documents-box,
div.links-box { margin-bottom: 2.5em; /* font-size: 9pt; */ }
div.documents-box div.files { width: 80%; }
div.links-box ul li { margin-bottom: 0.6em; }

/* Documents */
div.documents h3 { font-style: italic; }
div.documents div.file-list { margin-bottom: 2.5em; padding-left: 1em; }

/* Header */
#header { position: relative; height: 84px; }
#logo { float: left; position: relative; }
#service-nav { position: absolute; list-style-type: none; margin-top: 16px; }
#service-nav li { float: left; width: 15px; height: 15px; overflow: hidden; margin-right: 50px; }
#service-nav li a, #service-nav li strong { display: block; width: 15px; height: 15px; padding-left: 15px; background: url(/images/icons.gif) no-repeat; }
#service-nav .home a { background-position: 0 0; }
#service-nav .home strong { background-position: 0 -17px; }
#service-nav .sitemap a { background-position: -23px 0; }
#service-nav .sitemap strong { background-position: -23px -17px; }
#service-nav .feedback a { background-position: -46px 0; }
#service-nav .feedback strong { background-position: -46px -17px; }
#service-nav .home a:hover { background-position: 0 -17px; }
#service-nav .sitemap a:hover { background-position: -23px -17px; }
#service-nav .feedback a:hover { background-position: -46px -17px; }
#search { position: absolute; width: 98%; top: 6px; //top: 8px; white-space: nowrap; }
#search_field { width: 100%; margin-right: 7px; //padding: 2px; //padding-right: 0; }
#search_field.empty { color: #aaaaaa; }
#search_submit { background: url(/images/icons.gif) no-repeat -71px 8px; }
#search_submit:hover { background-position: -71px -10px; }
#google-cs-logo { background: url(/images/google-cs-logo.gif); margin: 2px -6px 0 0; float: right; }

/* Main menu */
#navigation-wrapper { position: relative; clear: left; }
#navigation { position: relative; width: 100%; }
#navigation th { white-space: nowrap; line-height: 0.8; width: 19%; text-align: left; font-weight: normal; font-size: 11pt; }
#navigation th.end { width: 24%; }
#navigation th a { display: block; border-left: solid 3px #9fc7e1; padding-left: 17px; height: 40px; color: #0069af; text-decoration: none; //height: 30px; //padding-bottom: 10px; }
#navigation th strong { font-weight: normal; }
/*#navigation th strong a { cursor: default; }
#navigation th strong a[href] { cursor: pointer; }
* html #navigation th strong a { cursor: expression( this.href != '' ? 'pointer' : 'default' ); }*/
#navigation th strong a ins { position: absolute; overflow: hidden; width: 6px; height: 10px; margin-left: 0.7em; margin-top: 0.16em; //margin-top: 0.35em; background: url(/images/nav-arrows.gif) no-repeat; }
#navigation th a.products:hover { color: #71ab36 !important; border-color: #71ab36; }
#navigation th a.services:hover { color: #ee7c00 !important; border-color: #ee7c00; }
#navigation th a.howbuy:hover { color: #e10015 !important; border-color: #e10015; }
#navigation th a.company:hover { color: #71ab36 !important; border-color: #71ab36; }
#navigation th a.contacts:hover { color: #666666 !important; border-color: #666666; }
#navigation th.selected strong a[href]:hover { border-color: black !important; color: black !important; }
#navigation th.selected strong a[href]:hover ins { background-position: 0 -9px !important; }

#splash { height: 220px; margin-bottom: 20px; }
* html #splash { margin-left: -20px; margin-right: -40px; }
#splash .splash-layer { position: absolute; width: 100%; height: 220px; left: 0; }

#menu-spacer { height: 40px; }

ul.navbox { position: relative; font-size: 9pt; white-space: nowrap; padding-left: 17px; border-left: solid 3px; padding-top: 10px; z-index: 100; line-height: normal; }
ul.navbox.noborder { border-color: white !important; }
ul.navbox li { margin-top: 1em; }
ul.navbox li.active { width: auto !important; font-weight: bold; }
ul.navbox li a { color: #000000; padding-right: 1em; }
ul.navbox li.active a,
ul.navbox li.active a:hover { color: #000000; }
ul.navbox li a[href]:hover { color: #0069af; }
ul.subnav { position: relative; }
ul.subnav li { list-style-type: none; margin-bottom: 0.7em; }
ul.subnav li.selected strong { font-weight: normal; color: #808080; }
ul.subnav li ul { margin-left: 20px; margin-top: 0.5em; margin-bottom: 1em; }
ul.subnav li li { font-size: 9pt; }

.breadcrumbs { position: relative; font-size: 9pt; line-height: normal; margin-bottom: 0.7em; color: #666666; padding-left: 20px; }
.breadcrumbs a { color: #666666; }
.breadcrumbs a:hover { color: #0069af; }

/* Data table */
table.data { width: 100%; /* display: inline-table; */ margin-top: 0.5em; margin-bottom: 1.5em; }
table.data th, table.data td { border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc; padding: 0.5em 10px 0.4em 10px; }
table.data tr:hover th,
table.data tr:hover td { background: #f5f4ca !important; background: #f2f2f2 !important; }
table.data thead th,
table.data tbody th { font-weight: normal; text-align: left; }
table.data thead th { color: #b4875b; }
table.data tbody tr.odd td,
table.data tbody tr.odd th { background-color: #f2f2f2; }
table.data.small * { font-size: 9pt; }

/* Frame styles */
.framed { clear: both; }
.framed ins { position: absolute; z-index: 10; line-height: 1px; font-weight: 1px; display: block; background: url(/images/rounded.gif) no-repeat; width: 10px; height: 10px; overflow: hidden; }
.framed ins.tl { left: 0; top: 0; }
.framed ins.tr { right: 0; top: 0; }
.framed ins.bl { left: 0; bottom: 0; }
.framed ins.br { right: 0; bottom: 0; }
.framed.header ins.tl { background-position: 0 0; }
.framed.header ins.tr { background-position: -10px 0; }
.framed.header ins.bl { background-position: 0 -10px; }
.framed.header ins.br { background-position: -10px -10px; }
.framed.red ins.tl { background-position: 0 -100px; }
.framed.red ins.tr { background-position: -10px -100px; }
.framed.red ins.bl { background-position: 0 -110px; }
.framed.red ins.br { background-position: -10px -110px; }
.framed.green ins.tl { background-position: 0 -120px; }
.framed.green ins.tr { background-position: -10px -120px; }
.framed.green ins.bl { background-position: 0 -130px; }
.framed.green ins.br { background-position: -10px -130px; }
.framed.info ins.tl { background-position: 0 -20px; }
.framed.info ins.tr { background-position: -10px -20px; }
.framed.info ins.bl { background-position: 0 -30px; }
.framed.info ins.br { background-position: -10px -30px; }
.framed.bordered ins.tl { top: -1px; left: -1px; background-position: 0 -40px; }
.framed.bordered ins.tr { top: -1px; right: -1px; background-position: -10px -40px; }
.framed.bordered ins.bl { bottom: -1px; left: -1px; background-position: 0 -50px; }
.framed.bordered ins.br { bottom: -1px; right: -1px; background-position: -10px -50px; }
* html .framed ins.br,
* html .framed ins.tr { right: expression( (this.parentNode.offsetWidth % 2) ? -2 : -1 ); }
* html .framed.bordered ins.bl,
* html .framed.bordered ins.br { bottom: expression( (this.parentNode.offsetHeight % 2) ? -2 : -1 ); }

/* Footer */
#footer { position: relative; clear: both; font-size: 8pt; padding-top: 40px; }
#footer div.top { margin-top: 20px; }
#footer div.bottom { position: relative; clear: left; height: 60px; top: 20px; }
#footer.simple { margin-bottom: 60px; }
#contacts-info { position: relative; border: solid 1px #c4c4c4; padding: 26px 30px 32px 30px; margin-right: 40px; //height: 100%; }
* html #contacts-info ins.bl,
* html #contacts-info ins.br { bottom: expression( (this.parentNode.offsetWidth % 2)? -2 : -1 ); }
#contacts-info p { float: left; margin: 0; color: #999999; }
#contacts-info p span { display: block; margin-top: 1em; color: #000000; }
#contacts-info .addr { width: 45%; }
#contacts-info .phones { width: 30%; }
#contacts-info .icq { width: 20%; }
#contacts-info .phones span, #contacts-info .icq span { font-size: 10.5pt; font-weight: bold; line-height: 1.3; margin-top: 0.6em; //margin-top: 0.65em; }
#copyright { font-size: 11pt; color: #999999; line-height: 1.2; padding: 26px 0 0 40px; padding-left: 0; }
#copyright a { color: #999999; }
#copyright a:hover { color: #0069af; }
#copyright span { display: block; margin-left: 1em; }
#feedback-link { position: relative; margin-left: 45%; }
#feedback-link a { margin-left: -15px; width: 9em; display: block; //margin-left: 0; //left: -15px; }
#feedback-link a:visited { color: #0069af; }
#thenames { padding-left: 40px; padding-left: 0; }
#thenames a { color: #e10015; }
#thenames a:hover { color: #000000; }
#thenames span { display: block; }
#thenames .logo { float: left; margin-right: 10px; }
body#popup_page div#layout-wrapper { padding: 30px 20px 0 20px; min-width: 44em; }
body#popup_page div#layout-wrapper div.layout { padding-right: 0; }
body#popup_page div#content { margin: 0 0 0 50px; }
body#popup_page div#logo { margin-bottom: 3em; }
body#popup_page h1 { font-size: 18pt; margin-left: -1px; margin-bottom: 1.5em; }
* html body#popup_page div#layout-wrapper { width: 640px; }