/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}

img {behavior: url('/external/pngbehavior.htc'); }
/* Hides from IE-mac \*/
* html .floatholder { position: relative;}
/* End hide from IE-mac */
/*  CLEARFIX KLUDGE */
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* Hides from IE-mac \*/
* html .clear { height: 1%; }
.clear { display: block; }
/* End hide from IE-mac */

#header, .middle {clear: both;}
.middle {padding-bottom: 86px;}
.left, .right {float: left;}
.left {width: 25%;}
.right {width: 75%;}

.container {position: relative;}
.left .container {margin-left: 20%; z-index: 2;}
.right .container {margin: 0 3% 0 5%;}

#header {height: 128px; overflow: visible;}
#header .right .container {overflow: hidden; height: 128px; margin-right: 18%;}

.middle .right div.content {float: left; position: relative; padding-top: 50px; width: 65%;}
.middle .right .sidebar {width: 30%; float: right;}
.middle.main {padding-bottom: 0; position: relative; height: 470px !important;}

.middle.no-foo .right .content {width: 100%;}
.middle.no-foo .right .sidebar {display: none;}

/*
Two columns on the main page
*/
.two-column {margin-left: 5%; padding-right: 37px; margin-top: 52px; margin-bottom: 190px;}
.two-column .left {width: 50%;}
.two-column .right {width: 50%; float: right;}

#footer {clear: both; height: 40px; position: relative; overflow: visible; margin-top: 111px;}

/*
make footer in the bottom
*/

.middle .right div.content {padding-bottom: 151px;}
#footer {position: absolute; bottom: 0; width: 100%;}
html, body, #all {min-height: 100%; height: 100%;}
html>body, html>body #all {height: auto;}
#all {position: absolute; top: 0; left: 0; width: 100%;}

body {background: #fff;}
body, textarea {font-family: 'Trebuchet MS', Tahoma, Verdana, sans-serif;}
a {color: #003f86;}
.slaquo {margin-right: .2em;}
sup {line-height: 0;}

#header {background: url('/img/bg.gif');}
#logo {margin-bottom: -48px; height: 44px; display: block; padding: 62px 0 70px 0; background: #ffd930 url('/img/logo.gif') no-repeat center center;}

.tooltip {float: left; background: url('/img/arrow.gif') no-repeat 10px 0; font-size: 78%; color: #b7b7b7; margin-bottom: 1em; line-height: 1em;}
.tooltip span {background: #f0f0f0; display: block; margin-top: 11px; padding: 6px;}

form.input {background: url('/img/input-bg.gif') repeat-x top left; border: 1px solid #d6d6d6; padding: 4px;}
form.input input {border-width: 0; font-size: 120%; width: 100%;}
form.input.default input {color: #b7b7b7;}

#header .phone {color: #909090; position: absolute; top: 15px; right: 0; font-size: 90%; height: 16px; overflow: visible; background: url('/img/phone-top.png') no-repeat top left; padding-left: 22px; padding-top: 2px;}

/*
Main horizontal menu on the top
*/
#header ul {font-size: 147%; width: 10000px; position: absolute; bottom: 0;}
#header ul li {color: #909090; padding-bottom: 27px; float: left; overflow: visible; margin-right: 22px; position: relative;}
#header ul li div {display: none;}
#header ul li:last-child {margin-right: 0;}
#header ul li.current {background: url('/img/current-menu.png') no-repeat bottom center;}
#header ul li a {color: #fff; display: block;}
#header ul li a:hover {color: #ffd930;}

/*
Vertical menu on the left
*/
.middle .menu {margin-top: 74px; padding: 37px; line-height: 1.5em;}
.middle .menu {background: #f0f0f0; font-size: 93%;}
.middle .menu li {margin-top: 1em; color: #a3a3a3; position: relative;}
.middle .menu li:first-child {margin-top: 0;}
.middle .menu li span {display: block; position: absolute; top: 1em; margin-top: -10px; margin-right: 0; right: -50px; width: 13px; height: 16px; background: url('/img/current-menu-2.gif') no-repeat top left;}
.middle .menu li a {color: #003f86;}

.middle .content ul {clear: none; padding-bottom: 0; margin-top: 1em;}
.middle .menu ul {margin-top: .5em; padding: 0;}
.middle .menu ul {font-size: 100%;}

.middle .menu ul li {margin-top: 0; margin-top: .5em; padding-left: 14px; background: url('/img/bullet.gif') no-repeat 0 .42em;}
.middle .menu ul li:first-child {margin-top: 0;}

/*
Bread crumbs
*/
#bread-crumbs {position: absolute; z-index: 2; top: 0; left: 0; margin-top: 38px; line-height: .7em; font-size: 78%;}
#bread-crumbs li a {position: relative;}/*this if for IE. make line visible if line-height is less, than 1em. Need for vertical dividers betveen list items.*/
#bread-crumbs li a, #bread-crumbs li {color: #b7b7b7; text-decoration: none; line-height2: 1em; overflow: visible;}
#bread-crumbs li {float: left; padding-left: .6em; margin-left: .6em; border-left: 1px solid #b7b7b7; padding-bottom: 0px;}
#bread-crumbs li:first-child {padding-left: 0; margin-left: 0; border-left: none;}

.middle .right h1 {clear: both; padding: 11px 0 .5em 0; color: #424242; font-size: 220%; font-weight: normal;}
#print-version {clear: both; float: left; display: block; margin-top: 5em; padding-left: 20px; background: url('/img/print.gif') no-repeat 0 3px; font-size: 90%; line-height: 14px;}

/*
Footer elements
*/
#footer {background: url('/img/bg.gif');}
#system {position: absolute; bottom: 0; left: 50px; background: #ffd930; padding: 34px 26px 0 26px; width: 15%;}
#footer .left .container {height: 116px; background: #ffd92f; padding: 35px 26px 0 26px; margin-top: -111px;}
#footer .left .container a {color: #003f86; font-size: 90%; text-transform: lowercase; line-height: .8em; display: block; float: left;}
#map-link {margin-left: 1em; margin-right: .8em; padding-right: .8em; border-right: 2px solid #fff;}

#search {position: relative; margin-bottom: 8px; background: url('/img/search-bg.gif') no-repeat top left; padding: 0 .2em 0 3px; font-size: 90%;}
#search input {font-size: 100%; display: block; width: 100%; border: none; padding: 0; color: #6f6f6f; padding: .2em 0; background: none;}
#search {background: url('/img/search-bg.gif') no-repeat top left; padding: 0 .3em 0 5px;}
#search input {display: block; width: 100%; border: none; padding: .4em 0;}
#search #reset-search {position: absolute; top: 0; right: 0; width: 19px; height: 22px; background: url('/img/search-close.gif') no-repeat top right;}

#phone {position: relative; top: 0; left: 0;}
#copyright {color: #797979; font-size: 85%; margin-top: 15px; line-height: 1em;}

/*
Page:Product info
*/
#thumbnails {margin-bottom: 24px;}
#thumbnails li {margin-left: 5px; margin-bottom: 5px; float: left; border: 1px solid #dfdfdf; cursor: pointer;}
#thumbnails li.current {cursor: default;}
#thumbnails li.current, #thumbnails li.over {border-color: #fdcf06;}
#thumbnails li:first-child {margin-left: 0;}

.middle .right .container p {font-size: 100%; line-height: 1.5em; margin-bottom: 1.5em; color: #3b3b3b;}
.middle .right .container p.alert {color: #231f20; font-size: 120%; background: #f0f0f0; padding: 1em;}

.middle .right .container ul.common {margin: 1em 0 1.5em 16px; font-size: 100%; list-style: disc; color: #3b3b3b; line-height: 1.5em;}
.middle .right .container ul.common li {margin: 0 0 1em 0; padding-left: 22px; background: url('/img/bullet-content.gif') no-repeat 0 .49em;}
.middle .right .container p em {font-style: italic;}
.middle .right .container h2 {color: #3b3b3b; font-size: 135%; margin-bottom: .5em; font-weight: normal;}

.middle .right .container table {width: 100%; font-size: 85%; margin-bottom: 2em; border-collapse: collapse;}
.middle .right .container th {background: #f6f6f6; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; color: #939393;}
.middle .right .container td {border-bottom: 1px solid #d4d4d4; color: #939393; width: 30%;}
.middle .right .container td:last-child {font-size: 110%; color: #3e3e3e; border-left: 2px solid #c2c2c2;}
.middle .right .container td, .middle .right .container th {padding: 2px 2px 2px 6px;}

.products li a {font-size: 100%;}
.products li {margin-bottom: 20px; clear: both;}

/*
Feedback block
*/
#feedback {margin-top: 105px;}
#feedback .tooltip {float: none; padding-top: 11px;}
#feedback .tooltip span {margin-top: 0;}
#feedback h2 {color: #3b3b3b; font-size: 135%; font-weight: normal;}

#feedback .input-container {border: 1px solid #bbb; margin-bottom: 12px; background: url('/img/input-bg-2.gif') repeat-x top left; padding: 0 .2em 0 3px;}
#feedback .input-container.textarea {padding-right: 0;}
#feedback .input-container input, #feedback .input-container textarea {font-family: 'Trebuchet MS'; display: block; width: 100%; border: none; padding: .4em 0 .3em 0; background: none; font-size: 90%; line-height: 1.2em;}
#feedback .input-container input.fresh, #feedback .input-container textarea.fresh {color: #808080;}
#feedback.disabled input, #feedback.disabled textarea {opacity: .5;}

/*
#feedback #progress {position: relative; margin-top: -200px;}
#feedback #progress .bg, #feedback #progress .indicator {display2: none; position: absolute; top: 0; left: 0; height: 300px; width: 100%;}
#feedback #progress .bg {background: #fff; opacity: .9;}
#feedback #progress .indicator {background: url('/img/ajax.gif') no-repeat center center; height: 300px;}
#feedback.process .active-area {display2: none;}
#feedback.process #progress {display: block;}
*/

/*
Page:News
*/
.news-info {clear: both; margin-bottom: 3em; line-height: 1.8em;}
.news-info .illustration {background: #f0f0f0; padding: 1px; float: left; margin: 0 22px 22px 0; width: 200px;}
.news-info .illustration img {margin-left: 1px;}
.news-info .illustration em {color: #b7b7b7; display: block; padding: 6px; font-size: 76%; line-height: 1.4em;}

#news-seealso li {float: right; width: 45%;}
#news-seealso li:first-child {float: left;}
#news-seealso li a {font-size: 100%; display: inline-block; line-height: 1.5em;}
#news-seealso li .tooltip {margin-top: .2em; clear: both;}

.news li {clear: both;}
.news li a {font-size: 100%; display: inline-block; line-height: 1.5em;}
.news li .tooltip {margin-top: .2em; padding-bottom: 1em;}
.two-column .news li {font-size: 93%; clear: both;}

/*
Page:Vacancy
*/
ul.vacancy li {clear: both;}
ul.vacancy li p {margin-bottom: 0 !important;}
ul.vacancy li .tooltip {margin-top: .2em; padding-bottom: 1em;}

/*
Page:Contacts
*/
.contacts img {display: block; margin: 2em 0 3em 0;}

/*
Design for ba**ers
*/
.foo.sidebar {position: relative; }
.foo.sidebar ul {padding-top: 65px;}
.foo.sidebar ul li {background: url('/img/foo-right-gray.gif') no-repeat top right; width: 100%; margin-top: 27px;}
.foo.sidebar ul li:first-child {margin-top: 0;}
.foo.sidebar ul li a {margin-right: 15px; display: block; height: 202px; border: 1px solid #dfdfdf; border-right: none; text-decoration: none; position: relative; background-position: top center; background-repeat: no-repeat;}
.foo.sidebar ul li a span {color: #3b3b3b; font-size: 90%; position: absolute; bottom: 12px; width: 100%; display: block; text-align: center;}
.foo.sidebar ul li a:hover {border-color: #fed830;}
.foo.sidebar ul li.over {background-image: url('/img/foo-right.gif');}

.foo.horizontal {margin-left: 5%; background: #f0f0f0; clear: both; font-size: 120%;}
.foo.horizontal ul {padding: 25px 0 25px 25px;}
.foo.horizontal ul li {float: left; width: 25%;}
.foo.horizontal ul li a {display: block; margin-right: 25px; height: 202px; border: 1px solid #dfdfdf; text-decoration: none; position: relative; background: #fff no-repeat top center;}
.foo.horizontal ul li a:hover {border-color: #fed623;}
.foo.horizontal ul li a span {color: #3b3b3b; font-size: 75%; position: absolute; bottom: 12px; width: 100%; display: block; text-align: center;}

.two-column .left .holder {padding-left: 37px; padding-right: 25px;}
.two-column .right .holder {margin-left: 15px; margin-right: 47px;}
.two-column h2 {font-size: 200%; margin-bottom: .7em;}
.two-column p {font-size: 93%; line-height: 1.6em;}
.two-column .right p {margin-bottom: 1.7em;}

ul.catalog li {float: left; width: 33%;}
ul.catalog li a {display: block; margin-right: 25px; height: 202px; text-decoration: none; position: relative; background: no-repeat top center;}
ul.catalog li a span {color: #3b3b3b; font-size: 95%; position: absolute; bottom: 12px; width: 100%; display: block; text-align: center;}

#visual {z-index: 1; position: absolute; top: 0; left: 150; overflow: hidden; width: 100%;}
#visual .container {margin-right: -530px; display: block;}
#visual .container div {position: relative; right: 15%; background: no-repeat top right; height: 470px;}


/*
Page:Site map
*/
#sitemap {font-size: 140%; line-height: 1em;}
#sitemap a:hover {color: #fcb800;}
#sitemap li {margin-bottom: 1em;}
#sitemap li ul {margin-left: 22px; font-size: 70%; margin-top: .5em;}
#sitemap li li {margin-top: .3em; margin-bottom: 0;}
#sitemap li ul ul {margin-left: 0; font-size: 90%; margin-top: 0;}
#sitemap li li li {margin-top: .5em; padding-left: 14px; background: url('/img/bullet-map.gif') no-repeat 0 .5em;}

/*
Page:Site map (site search)
*/
#footer .contacts {position: absolute; top: -110px; color: #231f20; font-size: 147%; padding-left: 42px; padding-top: 2px; background: url('/img/phone.gif') no-repeat top left; width: auto; width: 50%;}
#footer .contacts span {margin-left: -0.45em;}

#search-result {font-size: 120%; clear: both; margin-bottom: 30px;}
#search-result li {clear: both; color: #003f86;}
#search-result li .tooltip {margin-top: .3em; margin-bottom: 30px;}
#search-result a span.highlight {text-decoration: none; background: #fff; padding: 0 .2em;}
#search-result a em {background: #ffd82f; padding: 2px;}

#search-results em {color: #808080; font-size: 70%; display: block; margin-top: .2em;}
#search-results li {margin-bottom: 1em;}
#search-results a {font-size: 120%;}
#search-results a:hover {color: #fcb800;}

#change-password {margin-bottom: 30px;}

div.checkbox {position: relative;}
div.checkbox input {position: absolute; top: 2px;}
div.checkbox label {padding-left: 20px;}

.edit-content.over {cursor: pointer; cursor: hand; background: #fffbd0;}
.edit-content.active {cursor: inherit; background: #e0e0e0;}


#edit-content-window {width: 400px; border: 1px solid #d0d0d0; background: #FFD92F; padding: 10px; z-index: 2; position: absolute; top: -1000px; left: -1000px;}
#edit-content-window fieldset {border: none; margin-top: 5px;}
#edit-content-window textarea {width: 398px; height: 150px; padding: 0; border: 1px solid #d0d0d0;}
#edit-content-window input.text {width: 398px; padding: 0; border: 1px solid #d0d0d0;}
#edit-content-window input {padding: 0px; font-size: 90%; line-height: 1em; width: auto;}
#edit-content-window  #link-alternative, #edit-content-window label {display: none; padding-bottom: 5px;}

.middle .right .container td.last {font-size: 110%; color: #3e3e3e; border-left: 2px solid #c2c2c2;}
body:first-of-type #search {background: none; padding: 0;}
body:first-of-type #feedback .input-container {border: inherit; margin-bottom: 12px; background: inherit; padding: inherit;}
body:first-of-type #feedback .input-container input, body:first-of-type #feedback .input-container textarea {font-family: 'Trebuchet MS'; display: block; width: 100%; border: 1px solid #bbb;}