@import url("thickbox.css"); @import url("ie.css"); @import url("global.css"); #wrapper {min-width: 960px; overflow: hidden;} #container {padding: 10px 0 0 25px; background: transparent url(../images/ui/gradient.jpg) left top no-repeat;} #header {padding: 200px 0 0; background: transparent url(../images/ui/sky.jpg) right top no-repeat; position: relative;} * html #header {float: left;} #logo {width: 312px; height: 92px; background: transparent url(../images/ui/logo.png) left top no-repeat; text-indent: -9999px; position: absolute; top: 50px; left: 50px; z-index: 30;} #logo a {display: block; width: 312px; height: 92px; position: relative; z-index: 40;} #section-nav {clear: both; padding: 0 50px; height: 35px; background: #507fc0 url(../images/ui/section-nav-corner.gif) left top no-repeat; font-size: 12px; font-weight: bold; line-height: 35px;} * html #section-nav {position: relative;} #section-nav li {float: left; padding: 0 25px; height: 35px; background: transparent url(../images/ui/section-nav-bullet.gif) 0 50% no-repeat; position: relative; z-index: 30;} #section-nav li a {color: #fff; border-bottom: 1px solid #fff;} #section-nav li a:hover {border-bottom: 2px solid #fff;} #service-icons {width: 30px; height: 100px; position: absolute; top: 0; right: 0; z-index: 40;} #service-icons li {} #service-icons li a {display: block; width: 30px; text-indent: -9999px;} #icon-home {} #icon-home a {height: 25px; background: transparent url(../images/ui/icon-home.gif) center center no-repeat;} #icon-contact {} #icon-contact a {height: 20px; background: transparent url(../images/ui/icon-contact.gif) center center no-repeat;} #icon-sitemap {background: transparent url(../images/ui/icon-sitemap.gif) center center no-repeat;} #icon-sitemap a {height: 25px; background: transparent url(../images/ui/icon-sitemap.gif) center center no-repeat;} #icon-lang {background: transparent url(../images/ui/icon-lang-en.gif) center center no-repeat;} #icon-lang.ru {background: transparent url(../images/ui/icon-lang-ru.gif) center center no-repeat;} #icon-lang a {height: 30px;} #side-image {width: 731px; height: 329px; background: transparent url(../images/ui/side-image.png) left top no-repeat; position: absolute; top: 0; right: 0; z-index: 20;} #side-image span {display: block; width: 74px; height: 185px; background: transparent url(../images/ui/service-icons.png) right top no-repeat; position: absolute; right: 0; top: 0; z-index: 30;} #content {float: left; margin: 0 -600px 0 0; width: 100%; color: #444; font-size: 12px; line-height: 140%;} * html #content {height: 600px;} #content-header {margin: 0 0 20px;} * html #content-header {margin: 0} *:first-child+html #content-header {margin: 0;} #breadcrumb {margin: 0 0 20px 0; padding: 10px 300px 10px 50px; color: #6293d5; background: #1c61a3 url(../images/ui/breadcrumb-background.jpg) left bottom no-repeat; font-weight: bold; line-height: 25px;} * html #breadcrumb {height: 25px;} #breadcrumb a, #breadcrumb span {margin: -2px 0; padding: 2px 3px; color: #fff; white-space: nowrap; position: relative; z-index: 30;} #breadcrumb strong {margin: 0 0 0 -3px;} #breadcrumb strong a:hover {margin: -1px; background: #f06f00; border: 1px solid #a34c00;} #intro {margin: 0 0 20px; padding: 15px 0 15px 400px; height: 270px; color: #fff; background: #0063b0 url(../images/ui/subsidiaries-background2.jpg) right top no-repeat;} * html #intro {overflow: hidden;} #intro * {position: relative; z-index: 30;} #intro p.first-child {float: left; margin: -15px 0 -15px -400px; padding: 15px 50px; width: 300px; height: 270px; color: #fff; background: transparent url(../images/ui/intro-background2.jpg) left bottom no-repeat;} *html #intro p.first-child {float: left; margin: -15px 0 -15px -400px; padding: 15px 50px 18px 50px; width: 300px; height: 267px; color: #fff; background: transparent url(../images/ui/intro-background2.jpg) left bottom no-repeat;} * html #intro p.first-child {margin-left: -200px;} #intro ul {} #intro ul li {padding: 0 0 0 20px; background: transparent url(../images/ui/white-arrow.gif) left center no-repeat; line-height: 130%;} * html #intro ul li {line-height: 120%;} #intro ul li a {color: #b3d7ff; border-bottom: 1px solid #b3d7ff;} #intro ul li a:hover {color: #fff; border-color: #fff;} #content-header h1 {float: left; margin: 0 300px 0 0; color: #1b61a2; background: transparent url(../images/ui/shadow-repeat.gif) left bottom repeat-x; font-size: 18px; font-weight: bold; line-height: 20px;} #content-header h1 span {display: block; padding: 0 0 0 50px; background: transparent url(../images/ui/shadow-left.gif) left bottom no-repeat;} #content-header h1 span span {display: block; padding: 0 50px 15px 0; background: transparent url(../images/ui/shadow-right.gif) right bottom no-repeat;} #content-body {margin: 0 350px 30px 50px;} #content-body a {color: #507fc0; border-bottom: 1px solid #507fc0;} #content-body a:hover {color: #044375; border-color: #044375;} #content-body p {margin: 0 0 1em;} #content-body ul {margin: 0 0 20px; padding: 0 0 0 20px; list-style: disc none inside;} #content-body ul ul {margin: 10px 0; list-style: disc url(/vs/common/images/ui/dash-black.gif) outside;} #content-body ul ol {margin: 10px 0; list-style: decimal none inside;} #content-body ol {margin: 0 0 20px; padding: 0 0 0 30px;} #sitemap ul {border-left: 1px dotted #999;} #content-body dl {} #content-body dt {margin: 0 0 5px; font-weight: bold;} #content-body dd {margin: 0 0 20px; padding: 0 0 0 30px;} #content-body form {margin: 0 0 20px; width: 500px;} #content-body form p {1padding: 0 0 0 150px;} #content-body form p img {margin: 0 0 0 150px; padding: 4px; border: 1px solid #999; background: #fff;} #content-body form p label {float: left; 1margin: 0 0 0 -150px; width: 150px;} #content-body form p label span.required {color: #f06f00; font-size: 16px;} #content-body form p input.text, #content-body form p textarea {float: left; padding: 4px; border: 1px solid #999; width: 340px;} #content-body form p input.submit {margin: 0 0 0 150px; padding: 4px;} #content-body table {margin: 0 0 20px; width: 100%; border-collapse: collapse; table-layout: auto; empty-cells: show; clear: both;} #content-body thead {color: #fff; background: #507fc0;} #content-body thead th {padding: 3px 5px; border-bottom: 1px dotted #fff;} #content-body thead td {padding: 3px 5px; border-bottom: 1px dotted #fff; font-weight: bold;} #content-body thead p {margin: 0; padding: 0;} #content-body tbody tr.alt {background: #f6f6f6;} #content-body tbody tr td {padding: 3px 5px; vertical-align: top;} #content-body thead th, #content-body thead td {border-left: 1px dotted #fff;} #content-body tbody tr td {border-left: 1px dotted #999;} #content-body tbody tr td img {float: none; padding: 0; background: none;} #content-body thead th.first-child, #content-body tbody tr td.first-child {border-left: none;} #content-body img {float: left; margin: 0 20px 20px 0; padding: 0 0 0 15px; background: transparent url(../images/ui/image-blur.gif) left top repeat-y;} #content-body img.block-image {display: block; float: none; margin: 0 0 20px;} #content-body img.no-blur {padding: 0; background: none;} #content-body .image {float: left; margin: 0 20px 20px 0; color: #999; font-size: 11px;} #content-body .image img {display: block; float: none; margin: 0 0 10px;} #content-body .archive {margin: 0 0 20px -5px; padding: 0; background: #f6f6f6; list-style: none;} * html #content-body .archive {position: relative;} #content-body .archive li {float: left; font-weight: bold; line-height: 25px;} #content-body .archive li a {float: left; padding: 0 5px; border: none; height: 25px; color: #000;} #content-body .archive li span {float: left; padding: 0 5px; height: 25px; color: #999;} #content-body .archive li a.active, #content-body .archive li a:hover {border: none; color: #000; background: #e8e8e8;} #content-body .archive li ul {margin: 0; padding: 0; list-style: none;} #content-body .archive li ul li {1float: left; font-size: 11px; font-weight: normal;} #content-body .archive li ul li a {color: #999;} #content-body .news-entry {float: left; margin: 0 15px 0 -15px !important; margin: 0 0 0 -7.5px; width: 33%;} #content-body .news-entry .image {float: left; margin: 0 0 5px; width: 50%; height: 80px; overflow: hidden;} #content-body .news-entry .image img {float: none; margin: 0;} #content-body .news-entry .date {float: left; margin: 0 0 5px; padding: 70px 0 0 10%; width: 40%; height: 10px; color: #999; font-size: 11px; line-height: 10px;} * html #content-body .news-entry .date {width: 39%;} *:first-child+html #content-body .news-entry .date {width: 39%;} #content-body .news-entry .summary {clear: both; margin: 0 0 0 15px; padding: 10px; border-left: 1px dotted #999;} #content-body .section {padding: 20px 0 20px 150px; border-top: 1px solid #7fa3d4;} #content-body .section.first-child {padding-top: 0; border: 0;} #content-body .section h2 {float: left; margin: 0 0 0 -150px; width: 150px; color: #7fa3d4; font-size: 24px; font-weight: normal; line-height: 100%;} * html #content-body .section h2 {margin: 0 0 0 -75px; 1position: relative;} #content-body .section h3 {margin: 0 0 10px; font-size: 16px; font-weight: normal; line-height: 120%;} #content-body .section h3 img {float: left; margin: 0 0 0 -150px;} #content-body .section h4 {margin: -5px 0 10px;} #content-body .section p {} #content-body .section p a img {float: left; margin: 0 25px 10px -15px;} #content-body .section p.related-images {float: left; margin: 0 0 0 -150px; padding: 5px 0; width: 150px;} * html #content-body .section p.related-images {margin: 0 0 0 -75px; position: relative;} #content-body .section p.related-images img {1float: left; margin: 0 25px 10px -15px;} * html #content-body .section p.related-images img {position: relative;} ul#photo-gallery {padding: 0; list-style: none;} * html #photo-gallery {height: 1%;} *:first-child+html #photo-gallery {min-height: 1px;} #photo-gallery li {float: left; margin: 0 15px 15px 0;} #photo-gallery li a {float: left; padding: 15px; border: 1px solid #b5cae1; width: 150px; height: 120px; background: #d0deee; overflow: hidden;} #photo-gallery li a img {margin: 0 0 5px; padding: 0; background: none;} /* search results */ #content-body #search-results img {margin: 0; padding: 0;} #content-body #search-results font {margin: 0 0 0 5px;} /* search results */ #content-footer {margin: 30px 350px 30px 50px; height: 20px; background: transparent url(../images/ui/content-footer-repeat.gif) left top repeat-x;} #content-footer p {height: 20px; background: transparent url(../images/ui/content-footer-left.gif) left top no-repeat; font-size: 11px; line-height: 20px; text-transform: lowercase;} #content-footer p span {display: block; height: 20px; background: transparent url(../images/ui/content-footer-right.gif) right top no-repeat;} #content-footer p span a {width: 100px; height: 20px; color: #fff; text-align: center;} #content-footer .left-button {float: left; background: transparent url(../images/ui/button-left.gif) left top no-repeat;} #content-footer .right-button {float: right; background: transparent url(../images/ui/button-right.gif) left top no-repeat;} #sidebar {float: right; margin: 25px 0 100px; width: 300px; background: #dee9f7 url(../images/ui/sidebar-bottom.gif) left bottom no-repeat; position: relative;} #global-nav {padding: 30px 35px; width: 230px; background: transparent url(../images/ui/sidebar-top.gif) left top no-repeat; font-size: 12px; font-weight: bold; line-height: 120%;} #global-nav * {position: relative; z-index: 30;} #global-nav li {padding: 0 0 5px; background: #dee9f7;} #global-nav li a {display: block; padding: 0 15px; color: #4b4b4b; background: transparent url(../images/ui/dash-orange.gif) 0 50% no-repeat;} * html #global-nav li a {height: 20px;} #global-nav li a.closed {background: transparent url(../images/ui/expanding-orange.gif) 0 0 no-repeat;} #global-nav li a.open {background: transparent url(../images/ui/expanding-orange.gif) 0 -20px no-repeat;} #global-nav li a span {display: block; padding: 0 0 3px; border-bottom: 1px dotted #8f8f8f;} * html #gloabal-nav li a span {display: inline-block; height: 19px;} #global-nav li a.active, #global-nav li a:hover {color: #000;} #global-nav ul {margin: 0 -35px 0 -15px; font-weight: normal; line-height: 15px;} #global-nav ul li {padding: 0 0 0 30px; background: #d0deee;} #global-nav ul li.first-child {margin: 10px 0 0; padding: 10px 0 0 30px; background: #d0deee url(../images/ui/sidebar/nav/second-level-top.gif) left top no-repeat;} #global-nav ul li.last-child {padding: 0 0 10px 30px; background: #d0deee url(../images/ui/sidebar/nav/second-level-bottom.gif) left bottom no-repeat;} #global-nav ul li a {margin: 0 0 0 -30px; padding: 5px 30px; background: transparent url(../images/ui/dash-blue.gif) 15px 50% no-repeat;} * html #global-nav ul li a {height: 15px;} #global-nav ul li a.closed {background: transparent url(../images/ui/sidebar/nav/second-level-unexpanded.gif) 15px 50% no-repeat;} #global-nav ul li a.open {background: transparent url(../images/ui/sidebar/nav/second-level-expanded.gif) 15px 50% no-repeat;} #global-nav ul li a.active, #global-nav ul li a:hover {background-color: #c8d6e5;} #global-nav ul ul {margin: 0 0 0 -15px; padding: 0 0 10px; font-size: 11px;} #global-nav ul ul li {padding: 0 15px; background: #b5cae1;} *:first-child+html #global-nav ul ul li a {margin-bottom: -1px;} #global-nav ul ul li.first-child {padding: 10px 15px 0; background: #b5cae1 url(../images/ui/sidebar/nav/third-level-top.gif) left top no-repeat;} #global-nav ul ul li.last-child {padding: 0 15px 10px 15px; background: #b5cae1 url(../images/ui/sidebar/nav/third-level-bottom.gif) left bottom no-repeat;} #global-nav ul ul li a {margin: 0 -15px; padding: 0.5em 30px; background: transparent url(../images/ui/dash-black.gif) 15px center no-repeat;} #global-nav ul ul li a.active, #global-nav ul ul li a:hover {background-color: #adc2d9;} /* new */ #advertising {width: 300px; height: 182px;} #advertisingmain {width: 300px; height: 364px;} /* old: #advertising {width: 300px; height: 92px;} */ /* new */ #advertising a img {width: 298px; height: 90px; border: 1px solid #ccdaee;} #login {padding: 0 35px;} #login a {display: block; padding: 0 0 0 15px; color: #4b4b4b; background: transparent url(../images/ui/blue-arrow.gif) 0 50% no-repeat; font-size: 12px; font-weight: bold; line-height: 50px;} #search-form {padding: 19px 35px 17px; width: 180px; height: 19px; background: transparent url(../images/ui/search-form.jpg) left top no-repeat; position: absolute; left: 50px; bottom: -55px;} #search-form p input {float: left; border: 0; font-size: 12px; line-height: 100%;} #search-form p input.text {margin: 0 5px 0 0; padding: 3px 5px 0 5px; width: 110px; height: 15px; color: #444; background: transparent;} #search-form p input.submit {padding: 0 2px 2px 5px; width: 48px; height: 19px; color: #fff; background: transparent url(../images/ui/search-submit.gif) left top no-repeat; line-height: 18px; text-transform: lowercase;} #footer {clear: both; margin: 0 -50px; padding: 0 50px 30px; height: 50px; background: transparent url(../images/ui/gradient.jpg) left bottom no-repeat;} #footer p {padding: 0 50px; color: #444; font-size: 11px; 1line-height: 50px;} #footer p a {color: #507fc0; border-bottom: 1px solid #507fc0;} #footer p a:hover {color: #044375; border-color: #044375;} #footer #counters {float: right;} #footer #counters a {text-decoration: none; border: 0;} /* Fuck Gates */ * html #wrapper {float: left; border-right: 960px solid #fff;} * html #container {display: inline-block; margin-right: -960px; overflow: hidden; position: relative;} * html #global-nav li a span {cursor: hand;} *:first-child+html #global-nav li a span {cursor: hand;} #section-nav:after, #intro:after, #content-header:after, #content-body:after, #content-body form p:after, #photo-gallery:after, #search:after, .archive:after, .section:after {display: block; clear: both; height: 0; content: "."; visibility: hidden;} .hidden {display: none;} * html #section-nav, * html #content-header, * html #content-body, * html #content-body form p, * html #search, * html .archive, * html .section {height: 1%;} *:first-child+html #section-nav, *:first-child+html #intro, *:first-child+html #content-header, *:first-child+html #content-body, *:first-child+html #content-body form p, *:first-child+html #search, *:first-child+html .archive, *:first-child+html .section {min-height: 1px;} * html #content-footer p {position: relative;} * html #content-body .section p a img {margin: 0 12.5px 0 -7.5px;} * html #side-image span {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/vs/common/images/ui/service-icons.png', sizingMethod='none');} * html #side-image {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/vs/common/images/ui/side-image.png', sizingMethod='none');}