html {font-size: 100%;} html, body {height: 100%; min-width: 998px; margin: 0; padding: 0;} body {background-color: #000; font-family: Arial, sans-serif; color: #ccc; behavior: url(/css/csshover.htc);} img {border: none; behavior: url(/css/iepngfix.htc);} a {color: #FFAE01;} a:visited {color: #CC6600;} a:hover {text-decoration: none;} #frame {position:relative; height: auto; _height: 100%; min-height: 100%; margin: 0 auto -120px auto; background: url(/images/corporate/img/car_top.jpg) right top no-repeat; padding: 0 35px 0 35px; min-width: 928px; max-width: 928px; width: auto; _width: expression((document.documentElement.offsetWidth < 928) ? "928px" : ((document.documentElement.offsetWidth > 1184) ? "1184px" : document.documentElement.offsetWidth - 94 +"px"));} /*Стиль #frame для браузера IE*/ *html #frame {position:relative; height: auto; _height: 100%; min-height: 100%; margin: 0 auto -120px auto; background: url(/images/corporate/img/car_top.jpg) right top no-repeat; padding: 0 35px 0 35px; width: 928px;} #header {height: 183px;} #flash_car {width: 900px; height: 320px; position: relative; z-index: 0; margin: 0 -35px -320px 0; float: right;} #logo {display: block; width: 250px; height: 100px; background: url(/images/corporate/img/logo.gif); position: absolute; z-index: 10; margin: 17px 0 0 2px;} body.en #logo {width: 226px; height: 105px; background: url(/images/corporate/img/logo_en.gif) no-repeat;} #phone {width: 149px; height: 17px; position: absolute; top: 143px; margin-left: 8px;} #lang {position: absolute; top: 40px; margin-left: 52%;/*515px*/; font-size: 0.6875em; color: #666;} #lang a {text-decoration: none; color: #666; padding: 0 7px 0 7px;} #lang a.cur, #lang a:hover {color: #a3a3a3;} #toolbar {position: absolute; top: 40px; margin-left: 86%/*855px*/; font-size: 0.6875em; color: #666;} #toolbar a {margin-right: 20px;} #toolbar a img {height: 10px; } #ico_homepage img {width: 11px; background: url(/images/corporate/img/ico_home.gif);} #ico_homepage.cur img, #ico_homepage:hover img {background: url(/images/corporate/img/ico_home_on.gif);} #ico_mailto img {width: 12px; background: url(/images/corporate/img/ico_mailto.gif);} #ico_mailto.cur img, #ico_mailto:hover img {background: url(/images/corporate/img/ico_mailto_on.gif);} #ico_sitemap img {width: 11px; background: url(/images/corporate/img/ico_sitemap.gif);} #ico_sitemap.cur img, #ico_sitemap:hover img {background: url(/images/corporate/img/ico_sitemap_on.gif);} a#ico_sitemap {margin-right: 0;} #menu {position: relative; z-index: 10; height: 29px; margin: 0; padding: 0;} #menu ul {float: left; height: 29px; margin: 0; padding: 0; background: transparent url(/images/corporate/img/menu_bg.gif) 6px top repeat-x;} #menu li {height: 29px; float: left; list-style-type: none; margin: 0; padding: 0;} #menu li:hover, #menu li.cur {background: url(/images/corporate/img/menu_bg_on.gif) repeat-x;} #menu_start {width: 6px; height: 29px; background: #000 url(/images/corporate/img/menu_lc.gif) no-repeat; float: left;} #menu li:hover #menu_start, #menu li.cur #menu_start {width: 6px; height: 29px; background: #000 url(/images/corporate/img/menu_lc_on.gif) no-repeat;} #menu_end {width: 6px; height: 29px; background: url(/images/corporate/img/menu_rc.png); float: left; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/corporate/img/menu_rc.png", sizingMethod="scale");} #menu li a {display: block; height: 29px; padding: 0 10px; text-indent: -9999px; width: 70px; line-height: 29px; color: #fff; font-size: 0.875em; text-decoration: none; float: left; font-family: Arial Narrow, Arial, sans-serif;} #menu li:hover a, #menu li.cur a {color: #2f2004;} #menu li.products a {width: 61px; background: url(/images/corporate/img/menu_products.jpg) center center no-repeat;} #menu li:hover.products a, #menu li.products a.cur {background: url(/images/corporate/img/menu_products_on.jpg) center center no-repeat;} #menu li.clients a {width: 55px; background: url(/images/corporate/img/menu_clients.jpg) center center no-repeat;} #menu li:hover.clients a, #menu li.clients a.cur {background: url(/images/corporate/img/menu_clients_on.jpg) center center no-repeat;} #menu li.brands a {width: 55px; background: url(/images/corporate/img/menu_brands.jpg) center center no-repeat;} #menu li:hover.brands a, #menu li.brands a.cur {background: url(/images/corporate/img/menu_brands_on.jpg) center center no-repeat;} #menu li.postav a {width: 74px; background: url(/images/corporate/img/menu_postav.jpg) center center no-repeat;} #menu li:hover.postav a, #menu li.postav a.cur {background: url(/images/corporate/img/menu_postav_on.jpg) center center no-repeat;} #menu li.news a {width: 47px; background: url(/images/corporate/img/menu_news.jpg) center center no-repeat;} #menu li:hover.news a, #menu li.news a.cur {background: url(/images/corporate/img/menu_news_on.jpg) center center no-repeat;} #menu li.about a {width: 66px; background: url(/images/corporate/img/menu_about.jpg) center center no-repeat;} #menu li:hover.about a, #menu li.about a.cur {background: url(/images/corporate/img/menu_about_on.jpg) center center no-repeat;} #menu li.contacts a {width: 54px; background: url(/images/corporate/img/menu_contacts.jpg) center center no-repeat;} #menu li:hover.contacts a, #menu li.contacts a.cur {background: url(/images/corporate/img/menu_contacts_on.jpg) center center no-repeat;} #menu li.netshop a {width: 102px; background: url(/images/corporate/img/menu_netshop.jpg) center center no-repeat;} #menu li:hover.netshop a, #menu li.netshop a.cur {background: url(/images/corporate/img/menu_netshop_on.jpg) center center no-repeat;} #menu li.text a {text-indent: 0; text-align: center;} #menu ul ul {clear: both; display: none; padding-top: 12px; margin-top: 29px; //margin-top: 0; width: 240px; position: absolute; background: none;} #menu ul li:hover ul {display: block;} #menu ul ul li:hover, #menu ul ul li.cur {background-image: none;} #menu ul ul li:hover, #menu ul ul li.cur {background-color: #ffae01;} #menu ul ul li div {font-size: 0;} #menu ul ul li.top, #menu ul ul li.bottom {width: 240px; padding: 0; opacity: 1.0; border: none; background: none; _filter: none;} #menu ul ul li.top {height: 5px;} #menu ul ul li.top div.lc {width: 5px; height: 5px; float: left; background: url(/images/corporate/img/submenu_ltc.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/corporate/img/submenu_ltc.png", sizingMethod="scale");} #menu ul ul li.top div.mc {width: 230px; height: 5px; float: left; background: url(/images/corporate/img/submenu_mt.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/corporate/img/submenu_mt.png", sizingMethod="scale");} #menu ul ul li.top div.rc {width: 5px; height: 5px; float: left; background: url(/images/corporate/img/submenu_rtc.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/corporate/img/submenu_rtc.png", sizingMethod="scale");} #menu ul ul li.bottom {height: 6px;} #menu ul ul li.bottom div.lc {width: 6px; height: 6px; float: left; background: url(/images/corporate/img/submenu_lbc.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/corporate/img/submenu_lbc.png", sizingMethod="scale");} #menu ul ul li.bottom div.mc {width: 228px; height: 6px; float: left; background: url(/images/corporate/img/submenu_mb.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/corporate/img/submenu_mb.png", sizingMethod="scale");} #menu ul ul li.bottom div.rc {width: 6px; height: 6px; float: left; background: url(/images/corporate/img/submenu_rbc.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/corporate/img/submenu_rbc.png", sizingMethod="scale");} #menu ul ul li {clear: both; background: none; width: 208px; padding: 8px 15px 8px 15px; height: auto; font-size: 0.6875em; line-height: 1.27em; color: #000; border-left: 1px solid #4e4e4e; opacity: 0.9; background-color: #fff; _filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);} #menu ul ul li a {display: inline !important; padding: 0 !important; background: none !important; text-indent: 0 !important; font-size: 1em !important; line-height: 1.27em !important; width: auto !important; height: auto !important; color: #000 !important; text-decoration: underline;} #menu ul ul li:hover a {text-decoration: none;} .box .top, .box .top *, .box .bot, .box .bot * {font-size: 0;} .box .top {height: 6px; background: url(/images/corporate/img/box_border.gif) repeat-x;} .box .top .lc {height: 6px; background: url(/images/corporate/img/box_ltc.gif) no-repeat;} .box .top .rc {height: 6px; background: url(/images/corporate/img/box_rtc.gif) right top no-repeat;} .box .bot {height: 6px; background: url(/images/corporate/img/box_border.gif) left bottom repeat-x;} .box .bot .lc {height: 6px; background: url(/images/corporate/img/box_lbc.gif) no-repeat;} .box .bot .rc {height: 6px; background: url(/images/corporate/img/box_rbc.gif) right top no-repeat;} .box .body {border-left: 1px solid #575756; border-right: 1px solid #575756; padding: 0 9px 0 9px;} #path {height: 25px; margin-top: 12px; position: relative; z-index: 4;} #path .butt, #path .butt .ltc, #path .butt .rtc, #path .butt .rbc {height: 25px;} #path .butt {float: left; margin-right: 10px; _width: 1%; background: url(/images/corporate/img/box_border2.gif) repeat-x; cursor: pointer;} #path .butt .ltc {background: url(/images/corporate/img/box_ltc.gif) no-repeat;} #path .butt .rtc {background: url(/images/corporate/img/box_rtc.gif) right top no-repeat;} #path .butt .rbc {background: url(/images/corporate/img/box_rbc.gif) right bottom no-repeat;} #path .butt .lbc {background: url(/images/corporate/img/box_lbc.gif) left bottom no-repeat; height: 13px; padding: 6px 0 6px 0;} #path .butt .inner {height: 13px; font-size: 0.6875em; _margin-top: -1px; line-height: 1em; padding: 0 0 0 15px; white-space: nowrap; border-left: 1px solid #575756; border-right: 1px solid #575756;} #path .butt .inner, #path .butt .inner a {color: #a1a1a1;} #path .butt .inner .switcher img {width: 24px; height: 13px; margin-left: 10px; border-left: 1px solid #000; background: url(/images/corporate/img/marker_off.gif) center center no-repeat; vertical-align: top;} #path .cur .inner .switcher img {background: url(/images/corporate/img/marker_on.gif) center center no-repeat;} #path .butt:hover .inner .switcher img {border-left: 1px solid #575756; background: url(/images/corporate/img/marker_hover.gif) center center no-repeat;} #path .box, #path .box div {width: 200px;} #path .box {position: absolute; z-index: 9; height: auto; float: none; clear: left; background: none; background-color: #000; margin-top: -25px; /*visibility: hidden; */display: none;} #path .box .body {width: 180px;} #path .box a {display: block; padding: 5px 20px 5px 20px; margin: 0 -9px 0 -9px; font-size: 0.6875em; line-height: 1.2em; color: #a1a1a1;} #path .box a.cur {background-color: #292929;} #path .box a:hover {background-color: #4a4a4a;} #content {/*width: 535px*/; padding: 0 20px 0 20px; clear: left; /*float: left;*/ font-size: 0.75em; line-height: 1.167em; margin-right: 353px; position: relative; z-index: 3;} #content h1 {font-size: 2em; font-weight: normal; color: #ccc; margin: 0; padding: 24px 0 24px 0; line-height: 1em;} #content h2 {font-size: 1.5em; line-height: 18px; font-weight: normal; color: #ccc; margin: 0; padding: 18px 0 18px 0;} #content h3 {font-size: 1.6em; font-weight: normal; color: #ccc; margin: 0; padding: 14px 0 14px 0; line-height: 1em;} #content h4 {font-size: 1.3em; font-weight: bold; color: #ccc; margin: 0; padding: 10px 0 10px 0; line-height: 1em;} #content h1.ico {padding: 24px 0 32px 55px; background-position: left center; background-repeat: no-repeat;} #content h1.light {background: url(/images/corporate/img/h1_light.gif) left 12px no-repeat;} #content p {margin: 0; padding: 0 0 1.167em 0;} .expandable .content {display: none; padding: 20px 0 3px 0;} .expandable .switcher {padding-left: 15px;} .collapsed .switcher {background: url(/images/corporate/img/ico_collapsed.gif) left center no-repeat;} .collapsed .content {display: none !important;} .collapsed .expanded .content {display: block !important;} .expanded .switcher {background: url(/images/corporate/img/ico_expanded.gif) left center no-repeat; text-decoration: none;} .expanded .collapsed .switcher {background: url(/images/corporate/img/ico_collapsed.gif) left center no-repeat; text-decoration: underline;} .expanded .collapsed .switcher:hover {text-decoration: none;} .collapsed .expanded .switcher {background: url(/images/corporate/img/ico_collapsed.gif) left center no-repeat;} .expanded .content {display: block !important;} .expanded .collapsed .content {display: none !important;} /* #content .box {margin-bottom: 10px;} #content .box .switcher {font-size: 1.083em;} #content .box .expandable {padding: 10px 15px 7px 15px; background-color: #292929; margin-bottom: 1px;} #content .box .expandable {font-size: 0.923em;} #content .box a {color: #ccc;} #content .box .expanded .switcher {color: #ffae01;} #content .box ul {margin: 0; padding: 0;} #content .box .expandable ul {margin: 0 -15px 0 -15px; padding: 0;} #content .box li {padding: 10px 15px 10px 40px; margin: 0 0 1px 0; color: #ccc;} #content .box .expandable li {padding: 10px 15px 10px 65px; margin: 0;} #content .box li:hover {background-color: #4a4a4a;} #content .box .date, #content .box .size {font-size: 0.833em; padding-top: 5px;} #content .box .date {color: #c68d12; float: right;} ul.ico li {list-style-type: none;} ul.ico li.xls {background: url(/images/corporate/img/ico_xls.gif) 15px 10px no-repeat;} ul.ico li.doc {background: url(/images/corporate/img/ico_doc.gif) 15px 10px no-repeat;} #content .box .expandable ul.ico li.xls, #content .box .expandable ul.ico li.doc {background-position: 40px 10px;} #content .box .body {_margin-right: 3px;} */ #content .box {margin-bottom: 10px;} #content .box .switcher {font-size: 1.0em;} #content .box a.h2 {font-size: 1.167em; line-height: 1.143;} #content .box .expandable {padding: 10px 15px 7px 15px; background-color: #292929; margin-bottom: 1px;} #content .box .expandable {font-size: 1.0em;} #content .box a, #content .content ul a {color: #ccc;} #content .box .expanded .switcher {color: #ffae01;} #content .content {padding: 10px 15px 7px 15px;} #content .box .content {padding: 0;} #content .content ul {margin: 0 -15px 0 -15px; padding: 0;} #content .content li {padding: 10px 15px 10px 65px; margin: 0; color: #ccc;} #content .content li:hover {background-color: #4a4a4a;} #content .content .date, #content .content .size {font-size: 0.833em; padding-top: 5px;} #content .content .date {color: #cc6600;} ul.ico li {list-style-type: none;} ul.ico li.xls {background: url(/images/corporate/img/ico_xls.gif) 40px 10px no-repeat;} ul.ico li.zip {background: url(/images/corporate/img/ico_zip.gif) 40px 10px no-repeat;} ul.ico li.doc {background: url(/images/corporate/img/ico_doc.gif) 40px 10px no-repeat;} #content .box .body {_margin-right: 3px;} .prod_h3 { float: left; height: 160px; width: 340px; margin-left: 50px; } .prod_h3 a { color: #fff; } #content .cat {position: relative; float: left; margin-left: -10px;} .icon_a {display: block; width: 178px; height: 28px; padding-top: 120px; float: left; text-align: center; background-position: center center; background-repeat: no-repeat; color: #a1a1a1; position: relative;} #content .cat a {color: #a1a1a1} #content .cat a.flash {height: 160px; padding-top: 0; background-position: 1000px;} #content .cat a.cat1 {background-image: url(/images/corporate/img/cat/1.jpg);} #content .cat a.cat2 {background-image: url(/images/corporate/img/cat/2.jpg);} #content .cat a.cat3 {background-image: url(/images/corporate/img/cat/3.jpg);} #content .cat a.cat4 {background-image: url(/images/corporate/img/cat/4.jpg);} #content .cat a.cat5 {background-image: url(/images/corporate/img/cat/5.jpg);} #content .cat a.cat6 {background-image: url(/images/corporate/img/cat/6.jpg);} #content .cat a.cat7 {background-image: url(/images/corporate/img/cat/7.jpg);} #content .cat a.cat8 {background-image: url(/images/corporate/img/cat/8.jpg);} #content .cat a.cat9 {background-image: url(/images/corporate/img/cat/9.jpg);} #content .cat a.cat10 {background-image: url(/images/corporate/img/cat/10.jpg);} #content .cat a.cat11 {background-image: url(/images/corporate/img/cat/11.jpg);} #content .cat a.cat12 {background-image: url(/images/corporate/img/cat/12.jpg);} #content a.arrow {padding-left: 18px; background: url(/images/corporate/img/arrow.gif) left center no-repeat; color: #ccc;} #content a.arrow:hover {text-decoration: none !important;} #content .expanded a.arrow {font-weight: bold; text-decoration: none;} #content .collapsed a.arrow {font-weight: normal; text-decoration: underline;} #content .feedback {width: 80%;} #content .mandatory {/*float: left;*/ white-space: nowrap; font-size: 0.9167em; line-height: 1.1818em; padding-left: 25px; padding-bottom: 10px;} #content .feedback .text {margin-bottom: 12px;} #content .feedback .text input, #content .feedback .text textarea {width: 100%; border: 1px solid #c1c1c1; background: #fff; font-family: Arial, sans-serif; font-size: 1em; line-height: 1.1667em; color: #000;} #content .feedback .text .empty {color: #a1a1a1 !important;} #content .feedback .button {border: none; background-color: #c1c1c1; color: #000; font-size: 0.9167em; padding: 0 50px 0 50px;} #content ul.news {margin: 0; padding: 0;} #content .news li {padding: 0 0 25px 5px; list-style-type: none; clear: left; margin:0;} #content .news li .top {display: table-cell; padding-bottom: 5px;} #content .news li .date, #content .news li .pic {width: 102px; padding-right: 10px;} #content .news li .date, #content .news li .pic, #content .news li .title {float: left;} #content .news li .date {font-size: 0.9167em; text-align: right; color: #ccc;} #content .news li .title {font-weight: bold; color: #fff;} #content .news li .title a {color: #fff;} #content .news li .pic {clear: left;} #content .news li .text {margin-left: 112px; color: #ccc;} #content .brands li .pic {width: auto;} #content .pager {padding: 15px 0 0 112px; font-size: 0.8333em; width: 155px;} #content .pager a.prev, #content .pager a.next {color: #929292;} #content .pager a.prev {padding-left: 10px; background: url(/images/corporate/img/prev.gif) left center no-repeat; margin-right: 15px;} #content .pager a.next {padding-right: 10px; background: url(/images/corporate/img/next.gif) right center no-repeat;} #content .pager .pages {text-align: center; padding-top: 7px;} #content .pager .pages a {margin: 0 3px 0 3px; color: #484848; font-weight: bold;} #content .pager .pages a.cur {color: #fff; background-color: #b62429; margin: 0 1px 0 1px; padding: 0 2px 0 2px;} #content #site_map {font-size: 1.4em; line-height: 1.3;} #content #site_map ul {list-style-type: none; margin: 0; padding: 5px 0 5px 20px;} #content #site_map ul ul li {font-size: 0.96em;} #content #site_map a {color: #FFAE01;} #content #site_map a:hover {color: #ccc;} #rcol {float: right; width: 330px; margin-top: 121px; padding: 0 0 0 23px; background: url(/images/corporate/img/dot_v.gif) repeat-y; position: relative;} #rcol.margined {margin-top: 84px;} #announce {padding-bottom: 20px;} #announce.sale {background: url(/images/corporate/img/sale.gif) right top no-repeat;} #announce h2 {font-size: 1.125em; font-weight: normal; margin: 0; padding: 0 0 5px 0;} #announce h2, #announce h2 a {color: #ccc;} #announce p {font-size: 0.75em; line-height: 1.25em; margin: 0; padding: 0;} #announce.sale p {padding-right: 10px;} #buttons {width: 333px; margin: 0; margin-left: -3px; padding: 0; padding-bottom: 50px;} #buttons li {width: 333px; height: 65px; list-style-type: none; margin: 0; padding: 0; padding-top: 20px; background: url(/images/corporate/img/button_bg.jpg) right bottom no-repeat; clear: left;} #buttons li.first {padding-top: 0px;} #buttons br.clear {font-size: 0; height: 0; clear: left;} #buttons li a {position: relative; bottom: 0; vertical-align: bottom;} #buttons li a.ico {display: block; float: left;} #buttons li a.label {margin: 0; padding: 0; font-size: 1em; line-height: 1.0625em; font-family: Arial Narrow, Arial, sans-serif; color: #d7d7d7; text-decoration: none; font-weight: bold; top: 20px;} #buttons li a.label img {margin: 0; margin: 9px 0 0 5px; vertical-align: top;} /* #buttons a {display: block; text-indent: -9999px; margin-bottom: 20px;} #buttons a.delivery {height: 65px; background: url(/images/corporate/img/button_delivery.jpg) no-repeat; margin-bottom: 22px;} #buttons a.dealers {height: 58px; background: url(/images/corporate/img/button_dealers.jpg) no-repeat; margin-bottom: 24px;} #buttons a.newclients {height: 56px; background: url(/images/corporate/img/button_newclients.jpg) no-repeat; margin-bottom: 17px;} #buttons a.dayorder {height: 63px; background: url(/images/corporate/img/button_dayorder.jpg) no-repeat; margin-bottom: 16px;} #buttons a.manager {height: 64px; background: url(/images/corporate/img/button_manager.jpg) no-repeat; margin-bottom: 0;} */ #logos img {vertical-align: top;} #logos a {float: left;} #logos a.first {margin-right: 54px;} #footer, .footer_spacer {height: 120px; clear: both;} #footer {height: 45px; position: relative; margin: 0 auto; background: #000 url(/images/corporate/img/dot_h.gif) left 55px repeat-x; padding-top: 75px; margin: 0 35px 0 35px; font-size: 0.6875em; line-height: 1.27em; min-width: 928px; max-width: 1184px; width: auto; _width: expression((document.documentElement.offsetWidth < 928) ? "928px" : ((document.documentElement.offsetWidth > 1184) ? "1184px" : document.documentElement.offsetWidth - 94 + "px"));} #footer * {color: #494949;} #footer a {text-decoration: none;} #footer a:hover {text-decoration: underline;} #madein {float: right;} #copy {float: left;} div.brand {text-align:center; vertical-align:middle; float:left; margin:15px;} div.spisok_prod {padding-left:30px; line-height:130%;} div.spisok_prod ul {margin:0 0 0 45px; padding:0;} .splCont{display:none; padding:3px 5px;}