*	{margin: 0; padding: 0;}
html,body {height: 100%; width: 100%}
body	{background: #fff; font: 72.5% verdana, Arial, Helvetica, sans-serif; color: #666}

img	{border: none}
ol, ul	{list-style-type: none}
a:link, a:visited, a:hover, a:active {color: #666; text-decoration: underline; cursor: pointer; /* for safari */}
a:focus {outline:none} 
.more a:link, .more a:visited, .more a:hover, .more a:active {font-family:Arial; color:#999}
.more {font-family:Arial; color:#999}
.more span {white-space:nowrap}

#layout {margin:0 11px; min-height: 100%; min-width: 980px; border:1px solid #999; border-width:0 1px}
#layout_content {position: relative; min-height: 100%}

/* header styles */
#header {margin:0 9px 0 15px; background: url(/images/main/header_clouds.jpg) 6px 12px repeat-x; overflow:hidden}

#header	{font: 90% verdana, Arial, Helvetica, sans-serif;}
#header h5 {background: url(/images/main/logo.png) 0 0 no-repeat; width:176px; height:51px; margin: 53px 0 0 30px}
#header h5 span {display:none}
#header h5 a:link, #header h5 a:visited, #header h5 a:hover, #header h5 a:active {display:block; width:176px; height:51px}

#header .col1 {background: url(/images/main/header_left.gif) 0 12px no-repeat; overflow:hidden; height:176px}
#header .col1 p {color:#396; font-family:tahoma; font-size:2em; margin:37px 0 0 34px}
#header .col1 p span {font-weight:bold; font-size:0.55em}

#header .col2 {background: url(/images/main/header_right.gif) 100% 12px no-repeat; float:right; clear:right; overflow:hidden; width:45%; height:176px; position:relative}
#header .col2 p.link {float:right; clear:both; padding:16px 34px 0 0; text-align:right; white-space:nowrap; font-family:arial; font-size:1.2em}
#header .col2 p.link a {color:#396}
#header  form {text-align:center; color:#999; padding:45px 34px 0 0; float:right; clear:right}
#header input.text {margin:9px 0; border:1px solid #9f9f9f; background-color:#e0e0e0; width:105px; padding:3px 0}
#header input.submit {width:59px; height:19px}

#header .col1 div, #header .col2 div{border:1px #A8A9BB solid;background: #EBEFF5; float:left; width:258px; margin-top:24px; height:106px} 

#header .col1 div {float:right}

#header .phone {background: url(/images/main/phone.gif) 0 0 no-repeat; width:22%; position:relative; margin-top:-33px; padding-left:33px}
#header .phone p {background: url(/images/main/phone.gif) 100% 0 no-repeat; height: 33px}
#header .phone p {color:#396; font-family:arial; font-size:2.2em;}
#header .phone p span {font-weight:bold; font-size:0.56em}

/* tabs styles */
ul.tabs {font-family:Arial; overflow:hidden; margin:-10px 0 -1px 29%; padding-right:10px; position:relative; z-index:10}
ul.tabs li {font-size:1.2em; margin:4px -1px 0 0; float:left; width:104px; text-align:center; display:block; background: url(/images/main/tab_right.gif) right top no-repeat; border-bottom:1px solid #f5f5f5}
ul.tabs li a:link, ul.tabs li a:visited, ul.tabs li a:hover, ul.tabs li a:active {display:block; background: url(/images/main/tab_left.gif) left top no-repeat; padding:5px 0 3px; color: #396; text-decoration:none}
ul.tabs li.select {font-size:1em; font-weight:bold; color: #999; position:relative; bottom:-1px; z-index:10; border-bottom:1px solid #fff; margin:0 -8px 0 0; background: url(/images/main/tab_select.png) right top no-repeat}
ul.tabs li.select a:link, ul.tabs li.select a:visited, ul.tabs li.select a:hover, ul.tabs li.select a:active {background: url(/images/main/tab_left_select.gif) left top no-repeat; margin-right:7px; padding:7px 0 3px; color: #999}
ul.tabs li span.left {display:block; background: url(/images/main/tab_left.gif) left top no-repeat; padding:5px 0 3px}
ul.tabs li.select span.left {background: url(/images/main/tab_left_select.gif) left top no-repeat; margin-right:6px}
body:first-of-type ul.tabs li.select {bottom:-2px} /* for Safari */

/* container styles */
#content {overflow:hidden; clear:both; margin:-1px 8px 0 15px; padding-bottom:15em; position:relative}
#container {overflow:hidden; clear:both; background:#fff url(/images/main/cols_bord.gif) 100% 0 repeat-y; padding-right:9px}
#container_in {overflow:hidden; background:url(/images/main/cols.gif) 22% 0 repeat-y}

#content .col1 {width:22%; float:left; overflow:hidden}
#content .col2 {width:75%; float:right; overflow:hidden}

#container_top {background:url(/images/main/cols_top.gif) 22% 0 no-repeat; overflow:hidden; clear:both; height:7px; padding-right:1px}
#container_top .col1 {background:#f5f5f5 url(/images/main/cols_top_left.gif) 0 0 no-repeat; height:7px}
#container_top .col2 {background: url(/images/main/cols_top_right.gif) 100% 0 no-repeat; height:7px}

#container_bot {background:url(/images/main/cols_bot.gif) 22% 0 no-repeat; overflow:hidden; clear:both; height:11px}
#container_bot .col1 {background:url(/images/main/cols_bot_left.gif) 0 0 no-repeat; height:11px}
#container_bot .col2 {background: url(/images/main/cols_bot_right.gif) 100% 0 no-repeat; height:11px}

#container .col1 {padding-top:13px}
#container .col1 .active h2{border-width:0}
#container .col1 .active form, #container .col1 .active ul {display:block}

/* left box styles */
#container .col1 h2 {color:#fff; font-family:Arial; font-size:1.1em; padding:1px 0 1px 5px; border:1px solid #000; border-width:0 1px 1px 0; cursor:pointer}
#container .s_standarts, #container .s_producer, #container .s_product, #container .s_equip {margin:0 7px 0 14px; padding-bottom:15px; font-size:1.1em; color:#999}
#container .s_standarts h2 {background-color:#9999FF}
#container .s_standarts form {margin:10px 0 0 5px; display:none}
#container .s_standarts form p {margin-bottom:7px; width:100%; overflow:hidden}
#container .s_standarts form label{float:left; width:32%; margin-top:3px}
#container .s_standarts form select {float:right; width:67%; border:1px solid #9f9f9f; height:1.7em; padding-top:1px; box-sizing: border-box; -moz-box-sizing: border-box; font:1em arial}
#container .s_standarts form input {margin:3px 0 0 32%; width:59px; height:19px}

#container .s_producer h2 {background-color:#66CCFF}
#container .s_producer ul {margin:10px 0 0 5px; font-size:1.1em; display:none}
#container .s_producer ul li {line-height:1.5em}
#container .s_producer ul li.select a {background-color:#ccc; color:#666; padding:1px 3px 2px; text-decoration:none}
#container .s_producer ul li.select a:hover {color:#666}
#container .s_producer ul li a:link, #container .s_producer ul li a:visited, #container .s_producer ul li a:hover, #container .s_producer ul li a:active {color:#000}
#container .s_producer ul li a:hover {color:#66CCFF}
#container .s_producer ul li.more {font-size:0.8em; margin-top:2px}

#container .s_product h2 {background-color:#396}
#container .s_product ul {margin:14px 0 0 5px; display:none}
#container .s_product ul li {line-height:1.7em; display:inline; margin-right:3px}
#container .s_product ul li.select a {background-color:#ccc; color:#666; padding:1px 3px 3px; text-decoration:none}
#container .s_product ul li.select a:hover {color:#666}
#container .s_product ul li a:link, #container .s_product ul li a:visited, #container .s_product ul li a:hover, #container .s_product ul li a:active {white-space:nowrap; color:#000}
#container .s_product ul li a:hover {color:#396}
#container .s_product ul li.more {font-size:0.9em; margin-top:2px; display:block}

#container .s_equip h2 {background-color:#000}
#container .s_equip ul {margin:17px 0 0 5px; font-size:1em; display:none;}
#container .s_equip ul li {color:#000;margin-bottom:1em}
#container .s_equip ul li a {color:#666}
#container .s_equip li ul {margin:10px 0 8px}
#container .s_equip li ul li {background: url(/images/main/bullet_square.gif) 0 5px no-repeat; padding:0 0 6px 8px; display:block; font-size:0.9em;margin-bottom:0}
#container .s_equip ul li.select a:link, #container .s_equip ul li.select a:visited, #container .s_equip ul li.select a:active {background-color:#ccc; text-decoration:none}
#container .s_equip ul li a:hover {color:#000}
#container .s_equip ul li.more {font-size:0.9em; margin-top:2px; display:block}

/* right box width dashed border */
#container .col2 .teaser {border:1px dashed #B0B0B0; float:right; width:65%; margin-right:5px; padding-bottom:10px}
#container .col2 .teaser span.left_corn, #container .col2 .teaser span.right_corn {display:block; height:5px; width:5px; position:relative; top:-1px}
#container .col2 .teaser span.left_corn {background: url(/images/main/dashed_top_left.gif) 0 0 no-repeat; left:-1px}
#container .col2 .teaser span.right_corn {background: url(/images/main/dashed_top_right.gif) 0 0 no-repeat; right:-1px; float:right}

#container .col2 .teaser .menu {border:1px dashed #B0B0B0; border-width:1px 0; padding:4px 14px 5px; color:#ccc; font-family:arial}
#container .col2 .teaser .menu a {display:block; float:right; background: url(/images/main/print.gif) 0 no-repeat; color:#ccc; text-decoration:none; padding:2px 0 2px 21px}
#container .col2 .teaser .menu span {display:block; background: url(/images/main/arrow_down.gif) 0 61% no-repeat; padding-left:12px; margin-top:2px}

#container .col2 .teaser .appeal {color:#ccc; margin:7px 15px 12px}
#container .col2 .teaser .appeal h2 {font-family:verdana; font-size:1em; margin-bottom:6px}
#container .col2 .teaser .appeal p {font-family:arial}
#container .col2 .teaser .appeal a:link, #container .col2 .teaser .appeal a:visited, #container .col2 .teaser .appeal a:hover, #container .col2 .teaser .appeal a:active {color:#ccc}

#container .col2 .article {font-family:arial; margin:12px 15px 3px;color:#000}
#container .col2 .article img.right {margin:0.3em 0 0.3em 0.3em; float: right} 
#container .col2 .article img.left {margin:0.3em 0.3em 0.3em 0;float: left}	 
#container .col2 .article h2 {color:#333; font-size:1.5em; font-family:arial; font-weight:bold}
#container .col2 .article h3 {color:#333; font-size:1.3em; font-family:arial; font-weight:bold; margin-top: 10px}
#container .col2 .article p {font-size:1.1em; font-family:arial; margin-top: 10px}
#container .col2 .article p a:link, #container .col2 .article p a:visited, #container .col2 .article p a:hover, #container .col2 .article p a:active {font-size:1em; color:#333}
#container .col2 .article p.more {margin-top:3px}
#container .col2 .article p.more a:link, #container .col2 .article p.more a:visited, #container .col2 .article p.more a:hover, #container .col2 .article p.more a:active {color:#999}
#container .col2 .article p span {cursor:pointer}
#container .col2 .article ul {margin:16px 0}
#container .col2 .article ul li {font-size:1.1em; font-family:arial; background: url(/images/main/bullet_square_green.gif) 0 5px no-repeat; padding-left:10px; margin-bottom:2px}
#container .col2 .article ul li li {font-size:1em}
#container .col2 .article ul ul {margin:8px 0}

#container .col2 .article div {float:right; overflow:hidden; margin:13px 0 5px 12px}
#container .col2 .article div p {position:relative; margin:0;}
#container .col2 .article div img {border:1px solid #B7B7B7}
#container .col2 .article div span {background: url(/images/main/zoom.gif) 0 no-repeat; width:12px; height:12px; display:block; position:absolute; right:0; bottom:3px; cursor:pointer}
#container .col2 .article div p {color:#999; font-size:1.1em; width:137px} 


/*#container .col2 .article div {position:relative; overflow:hidden; float:right; margin:13px 0 5px 12px}
#container .col2 .article div img {border:1px solid #B7B7B7}
#container .col2 .article div span {background: url(/images/main/zoom.gif) 0 no-repeat; width:12px; height:12px; display:block; position:absolute; right:0; bottom:3px; cursor:pointer}
#container .col2 .article div p {color:#b7b7b7; font-size:1.1em}*/
#container .col2 .article dl {font-size:1.1em; font-family:arial; margin-top:18px}
#container .col2 .article dl dt {margin-top:13px}
#container .col2 .article dl a:link, #container .col2 .article dl a:visited, #container .col2 .article dl a:hover, #container .col2 .article dl a:active {color:#999}

/* boxes with round corners, different colors */
#container .col2 .boxes {clear:both; overflow:hidden; padding:0 5px 5px}
#container .col2 .boxes .roundbox {width:34.5%; float:left; margin-top:-119px; font-family:arial; font-size:1.1em}
#container .col2 .boxes .roundbox div {background-color:#E0E0FF; padding:3px 7px 10px; height:96px; overflow:auto}
#container .col2 .boxes .roundbox div h2 {color:#9999FF; background: url(/images/main/arrow_standart.gif) 0 no-repeat; padding-left:25px; font-size:1.2em}
#container .col2 .boxes .roundbox div p {padding-left:9px; margin-top:5px; font-weight:bold}
#container .col2 .boxes .roundbox div p span {white-space:nowrap}
#container .col2 .boxes .rtop, #container .col2 .boxes .rbottom {display:block;}
#container .col2 .boxes .rtop b, #container .col2 .boxes .rbottom b {display:block; height: 1px; overflow: hidden}
#container .col2 .boxes .roundbox .r1{margin: 0 5px; background-color:#E0E0FF}
#container .col2 .boxes .roundbox .r2{margin: 0 3px; background-color:#E0E0FF}
#container .col2 .boxes .roundbox .r3{margin: 0 2px; background-color:#E0E0FF}
#container .col2 .boxes .roundbox .r4{margin: 0 1px;height: 2px; background-color:#E0E0FF}

#container .col2 .boxes .producer {float:none; margin:0 auto;width:30%;}
#container .col2 .boxes .producer div {background-color:#E0F0FF;}
#container .col2 .boxes .producer div h2 {color:#66CCFF; background: url(/images/main/arrow_producer.gif) 0 no-repeat}
#container .col2 .boxes .producer .r1{background-color:#E0F0FF}
#container .col2 .boxes .producer .r2{background-color:#E0F0FF}
#container .col2 .boxes .producer .r3{background-color:#E0F0FF}
#container .col2 .boxes .producer .r4{background-color:#E0F0FF}

#container .col2 .boxes .product {float:right}
#container .col2 .boxes .product div {background-color:#C1E0D1}
#container .col2 .boxes .product div h2 {color:#396; background: url(/images/main/arrow_product.gif) 0 no-repeat}
#container .col2 .boxes .product .r1{background-color:#C1E0D1}
#container .col2 .boxes .product .r2{background-color:#C1E0D1}
#container .col2 .boxes .product .r3{background-color:#C1E0D1}
#container .col2 .boxes .product .r4{background-color:#C1E0D1}

#container .col2 .left_list {float:left; width:30%; padding-left:13px}

/* list news */
#container #news .news {padding:0 10px 0 13px}

#container .col2 .news h1 {color:#333; font-size:1.8em; font-family:arial; font-weight:normal; margin:14px 0 -2px}
#container .col2 .news dt {color:#396; font-family:arial; font-weight:bold; font-size:1.1em; margin:19px 0 4px}
#container .col2 .news dd {line-height: 1.3em; margin-bottom:6px; font-family:tahoma;font-size:1.1em;color:#000}  
#container .col2 .news img.right {margin:0.3em 0 0.3em 0.3em; float: right} 
#container .col2 .news img.left {margin:0.3em 0.3em 0.3em 0;float: left}	 

/* information list */

#container .col2 .info_list h1 {color:#333; font-size:1.8em; font-family:arial; font-weight:normal; margin:14px 0 10px}
#container .col2 .info_list ul {margin-top:-1px}
#container .col2 .info_list ul li {text-decoration:underline; cursor:pointer; font-family:verdana; font-weight:bold; font-size:1em; margin-top:14px; background: url(/images/main/bullet_square_bord.gif) 0 4px no-repeat; padding-left:14px}
#container .col2 .info_list ul li.select {text-decoration:none; cursor:auto; background: url(/images/main/bullet_square_full.gif) 0 4px no-repeat; padding-left:11px}
#container .col2 .info_list ul li.select span {background-color: #ccc; padding:2px 3px}
#container .col2 .info_list ul li.select ul {display:block}
#container .col2 .info_list ul li ul {display:none; margin:13px 0 2px -10px; color:#999}
#container .col2 .info_list ul li ul li {font-size:1em; font-weight:normal; margin-top:7px; background: url(/images/main/bullet_square_mid.gif) 0 4px no-repeat; padding-left:10px}
#container .col2 .info_list ul li ul li.select {background: url(/images/main/bullet_square_mid.gif) 0 4px no-repeat; padding-left:10px}
#container .col2 .info_list ul a:link, #container .col2 .info_list ul a:visited, #container .col2 .info_list ul a:hover, #container .col2 .info_list ul a:active {color:#999}

/* equipment list */

#container .col2 .equip_list h1 {color:#333; font-size:1.8em; font-family:arial; font-weight:normal; margin:14px 0 10px}
#container .col2 .equip_list p {margin-bottom:13px; padding-bottom:10px; border-bottom:1px dashed #B0B0B0}
#container .col2 .equip_list p.country {font-weight:bold; margin:-10px 0 6px; padding:0; border:none}
#container .col2 .equip_list ul.level1 {margin-top:14px}
#container .col2 .equip_list ul.level1 li {text-decoration:underline; cursor:pointer; font-weight:bold; font-family:verdana; font-size:1.1em; margin-top:4px; color:#333; background: url(/images/main/bullet_disc.gif) 0 5px no-repeat; padding-left:10px}
#container .col2 .equip_list ul.level1 li.select {text-decoration:none; cursor:auto}
#container .col2 .equip_list ul.level2 {margin:7px 0 11px -5px}
#container .col2 .equip_list ul.level2 li {text-decoration:underline; font-weight:normal; font-size:1em; color:#666; margin-top:7px; background: none; padding-left:5px}
#container .col2 .equip_list ul.level2 li.select {text-decoration:none}
#container .col2 .equip_list ul.level3 {margin:10px 0 8px}
#container .col2 .equip_list ul ul.level3 li {font-size:1em}
#container .col2 .equip_list ul.level3 li {font-weight:normal; font-size:1.1em; color:#999; background:none; margin-top:2px; margin-bottom:8px; padding-left:5px}
#container .col2 .equip_list ul.level3 li span {display:block; text-decoration:underline; line-height:1.3}
#container .col2 .equip_list ul.level3 li.select {padding-bottom:2px; padding-left:2px}
#container .col2 .equip_list ul.level3 li.select span {color:#666; text-decoration:none; background-color: #e5e5e5; padding:2px 3px}
#container .col2 .equip_list ul a:link, #container .col2 .equip_list ul a:visited, #container .col2 .equip_list ul a:hover, #container .col2 .equip_list ul a:active {color:#000}
#container .col2 .equip_list ul.level3 a:link, #container .col2 .equip_list ul.level3 a:visited, #container .col2 .equip_list ul.level3 a:hover, #container .col2 .equip_list ul.level3 a:active {color:#666}
#container .col2 .equip_list ul.level3 a:hover {color:#000}

#container .col2 .equip_list ul.level1 li ul.level2,
#container .col2 .equip_list ul.level1 li ul.level3,
#container .col2 .equip_list ul.level2 li ul.level3 {display:none}
#container .col2 .equip_list ul.level1 li.select ul.level2,
#container .col2 .equip_list ul.level1 li.select ul.level3,
#container .col2 .equip_list ul.level2 li.select ul.level3 {display:block}

/*#container .col2 .equip_list ul {margin-top:14px}
#container .col2 .equip_list ul li {text-decoration:underline; cursor:pointer; font-family:verdana; font-size:1em; margin-top:4px; color:#333; background: url(/images/main/bullet_disc.gif) 0 5px no-repeat; padding-left:8px}
#container .col2 .equip_list ul li.select {text-decoration:none; cursor:auto}
#container .col2 .equip_list ul li.select ul {display:block}
#container .col2 .equip_list ul li ul {display:none; margin:7px 0 11px -5px}
#container .col2 .equip_list ul li ul li {text-decoration:underline; font-size:0.9em; color:#666; margin-top:7px; background: url(/images/main/bullet_square_small.gif) 0 6px no-repeat; padding-left:5px}
#container .col2 .equip_list ul li.select ul li.select {text-decoration:none}
#container .col2 .equip_list ul li.select ul li.select ul {display:block}
#container .col2 .equip_list ul li.select ul li ul {display:none}
#container .col2 .equip_list ul li ul li ul {display:none; margin:10px 0 8px}
#container .col2 .equip_list ul li ul li ul li {font-size:1em; color:#999; background:none; margin-top:2px}
#container .col2 .equip_list ul li ul li ul li span {text-decoration:underline}
#container .col2 .equip_list ul li ul li ul li.select {padding-bottom:2px; padding-left:2px}
#container .col2 .equip_list ul li ul li ul li.select span {color:#666; text-decoration:none; background-color: #ccc; padding:2px 3px}
#container .col2 .equip_list ul a:link, #container .col2 .equip_list ul a:visited, #container .col2 .equip_list ul a:hover, #container .col2 .equip_list ul a:active {color:#000}
*/

#catalogue {font-family:Arial}
#catalogue .col1 {width:45%; float:left; padding-top:0; margin-left:5%}
#catalogue .col2 {width:47%; float:right; margin-right:2%}
#catalogue .anons {overflow:hidden; margin-bottom:40px}
#catalogue h2 {font-size:1.2em; color:#000; margin:16px 0 27px 5%}
#catalogue h3 {font-size:1.2em; font-weight:normal; margin:9px 0 5px}
#catalogue h3 a:link, #catalogue h3 a:visited, #catalogue h3 a:hover, #catalogue h3 a:active {color:#396}
#catalogue p {font-size:1.1em; margin:6px 0}
#catalogue p.more {font-size:1em; margin:8px 0 0}
#catalogue div img {width:118px; height:118px; float:left; border:1px solid #d6d6d6; margin-right:25px}

#contacts .contact {float:left; clear:both; width:75%; margin:40px 0 5px 45px; padding-bottom:16px; border-bottom:1px dashed #b0b0b0; position:relative}
#contacts h2 {font-size:1.2em; color:#000; margin-bottom:12px}
#contacts .map {float:right; width:180px; position:absolute; bottom:-1px; right:0; z-index:1; background-color:#fff}
#contacts .map div {float:right; width:122px; height:120px; border:1px solid #999; position:relative}
#contacts .map div span {background: url(/images/main/zoom.gif) 0 no-repeat; width:12px; height:12px; display:block; position:absolute; right:1px; bottom:1px; cursor:pointer}
#contacts .map img {width:118px; height:116px; margin:1px; border:1px solid #999}

/* list of all equipment */
#seo {clear:both; margin: 24px 26px 0; font-family:arial; color:#999;font-size:0.9em;}
#seo span {color:#396}
#seo a:link, #seo a:visited, #seo a:hover, #seo a:active {color:#999}

/* footer styles */
#footer {position: relative; margin: -11.5em 11px 0; padding:0 15px; border:1px solid #999; border-width:0 1px}
#footer div {border-top:1px dashed #B0B0B0; padding-top:1em; width:100%}
#footer address {font-family:arial; font-style:normal; color:#999; float:right}
#footer address span {margin:0 0.8em}
#footer address a {color:#999}
#footer span.counter {float:right; clear:right; margin-top:1.3em}
#footer ul {font-family:tahoma; float: left; margin-left: -8px; overflow: hidden; width: 50%}
#footer ul li {float:left; background: url(/images/main/footer_dvd.gif) 0 1px no-repeat; padding: 0 8px 0.2em; margin-left: -1px}

/* table styles */
.table {margin:0 20px; font-family:arial}
.table h1 {color:#333; font-size:1.2em; font-weight:bold; margin:10px 0}
.table table {font-size:1.1em; border:1px solid #396; border-width:0 1px; width:100%; border-collapse:collapse}
.table table th {font-family:verdana; font-weight:normal; background-color:#396; border-right:1px solid #fff; border-bottom:1px solid #fff; color:#fff; padding:3px 7px 5px}
.table table th.last {border-right:none}
.table table tr td {border:1px solid #396; border-width:0 0 1px; text-align:left; padding:4px 7px 3px}
.table table tr.color td {background-color:#396; color:#fff; text-align:left}