/* patch stss.css styles by new.css styles */
/* vertical-align to center position both product & logo images */
.item-img {width: auto; min-width: auto; float: left; text-align: center}
.item-img img {display: block; margin: auto auto 16px auto}
/* modify h3 with gray stripe */
h3.stripe {font: bold; border-top: #aaaaaa 1px solid; border-bottom: #aaaaaa 1px solid; background-color: #eeeeee; padding: 4px}
/* remove search form from site */
table.search {display: none}
/* remove <à href=> decoration from page bottom copyright */
.bc {width: "100%"; font-style: italic}
.bc a, .bc a:hover, .bc a:visited {text-decoration: none !important}
.bc a {color: #858585}
/* modify .frame elements for Solution page */
.frame td.cm {font-size: 12px; vertical-align: middle; background: url(/img/c-bg.gif) repeat-x; padding: 7px 20px 0px 20px}
.frame td.cm h3 {text-indent: -46px; padding-left: 46px; line-height: 2}
/* modify .nobg style using for elements on Solution page */
.fs .nobg {height: 10px}

/* New style for www.stss.ru ©2010-2011 STSS Valentin Fedotov v.10 @ 10.10.2011 */
/* fist page text modify */
span.firstpage1 a {text-decoration: none !important; color: #E77E00}
span.firstpage2, span.firstpage2 b {font-weight: normal !important; color: #595959}
span.firstpage2 a {text-decoration: none !important; color: #595959}
/* news what_to_do table */
.what2do {width: 100%}
.what2do thead tr {background-color: #eeeeee}
.what2do thead td.empty {width: 16px; border-width: 1px 0px 0px 0px}
.what2do thead td.what {width: auto; border-width: 1px 1px 0px 0px}
.what2do thead td h3 {padding: 4px 0px 4px 0px; margin: 0px}
.what2do tr td {border: 0px solid #C1C1C1}
.what2do tr td.cont {vertical-align: top; border-width: 0px 1px 1px 0px}
/* contacts table */
.contacts td {white-space: nowrap; vertical-align: middle; text-align: left}
/* clients table */
.clients {width: 100%}
.clients img {height: 50px; width: auto; border-width: 0px; margin: 12px 24px}
/* insert enlage-image into product image */
div.nw {white-space: nowrap}
img.enlarge {position: relative; right: 160px}
/* products rolling frames style */
.frame .c_rol {padding-left: 2px; padding-right: 2px}
.c_rol {min-width: 180px; width: 180px; max-width: 180px; white-space: nowrap; text-align: center; padding: 0px; margin: 0px}
.c_rol a, .c_rol a:visited {text-decoration: none !important}
.c_rol a:hover h3, .c_rol a:hover div.price {color: #595959; background-color: #FFE0C0}
.c_rol div {color: #595959}
.c_rol div.head3 h3 {white-space: nowrap; padding: 4px}
.c_rol div.image {white-space: nowrap; text-align: center; vertical-align: middle; padding: 0px; margin: 0px}
.c_rol div.list {white-space: normal; overflow: hidden; min-height: 43px; height: 43px; max-height: 43px; min-width: 170px; width: 170px; max-width: 170px; text-align: left; padding-top: 4px; padding-bottom: 6px; margin-top: 6px; margin-bottom: 0px}
.c_rol div.price {font-weight: bold; text-align: right; color: #E77E00; padding: 2px}
/* products rolling banner frame style */
.rolling_banner {width: 100%; margin: 0px; padding: 0px; border: none; border-collapse: collapse}
.rolling_banner td {padding: 0px; margin: 0px; border: none; border-collapse: collapse; height: 270px}
.rolling_banner #rolling_left {background: url('http://www.stss.ru/binaries/images/elements/left-black.png') 0px 0px no-repeat; min-width: 30px; width: 30px; max-width: 30px}
.rolling_banner #rolling_right {background: url('http://www.stss.ru/binaries/images/elements/right-black.png') 0px 0px no-repeat; min-width: 30px; width: 30px; max-width: 30px}
.rolling_banner #rolling_center {text-align: center; width: 100%}
.rolling_banner #rolling_left #to_left {margin: 0px}
.rolling_banner #rolling_right #to_right {margin: 0px}
.rolling_banner td iframe {width: 100%; text-align: center; height: 270px}
.img_hidden {visibility: hidden}
.img_visible {visibility: visible}
/* all pages footer with running clients logos and status logos */
#clients_logos {width: 100%; border: none; height: 76px; padding: 0px; margin: 0px; border-spacing: 0px}
#clients_logos td.running {width: 100%; height: 76px; border: none; text-align: left; white-space: nowrap; padding: 0px; margin: 0px; border-collapse: collapse}
#clients_logos td.running iframe {width: 100%; border: none; height: 76px; text-align: left; border-collapse: collapse}
#partners_logos {width: 100%; border: none; padding: 0px; border-spacing: 0px }
#partners_logos td.logo {background-color: #ffffff; padding: 0px 0px 0px 12px}
#clients_logos td.header,
#partners_logos td.header {font-size: 14px; font-weight: bold; color: orange; text-align: center; background-color: #ffffff; width: 100%; padding: 6px 0px 0px 0px; margin: 0px}
#clients_logos td.left_stripe,
#partners_logos td.left_stripe {background-color: orange; padding: 0px 6px 0px 6px; margin: 0px} 
/* table plate with rounded corners for products compare and else */
.t_plate caption{font-weight: bold; font-size: 12px; vertical-align: top; text-align: left; color:#F7941D; background: url(/img/tt.gif) no-repeat 12px; padding: 10px 0px 10px 44px; margin: 10px 0px 10px 0px}
.t_plate td{vertical-align: top; background: url(/img/c-bg.gif) repeat-x; padding: 7px 5px 3px 5px; }
.t_plate td.cl{width:7px; background-repeat: repeat-y;padding:0}
.t_plate td.cr{width:20px; background-repeat: repeat-y; background-position: 6px top; padding:0}
.t_plate .row-top .cl div{background:url(/img/c1.gif) no-repeat; width:7px; height:7px}
.t_plate .row-top .cr div{background:url(/img/c2.gif) no-repeat; width:20px; height:7px}
.t_plate .row-bot td{background-position: bottom left; vertical-align: bottom; height:7px;}
.t_plate .row-bot td.cr{background-position: 6px bottom}
.t_plate .row-bot .cl div{background:url(/img/c3.gif) no-repeat bottom left; width:7px; height:7px; line-height:0; font-size:8px}
.t_plate .row-bot .cr div{background:url(/img/c4.gif) no-repeat bottom left; width:20px; height:7px; line-height:0; font-size:8px}
/* products compare table */
.compare a{font-weight: bold; white-space: nowrap; margin-left: 5px}
.compare thead th, thead td{vertical-align: middle; text-align: center; border: none; height: 30px; white-space: nowrap; font-weight: bold; color: #000000}
.compare td{vertical-align: middle; background: none; border-top: #cdcdcd 1px solid; padding: 4px 0px 4px 3px; white-space: nowrap; height: 30px; min-height: 30px}
.compare td div{padding-left: 4px; padding-top: 4px; font-weight: bold}
.compare .ar{text-align: right; padding: 4px 3px 4px 10px}
.compare .wn{white-space: normal; text-align: center}
.compare .row-mid td{background: #f0f0f0}
.compare .col-ac {text-align: center !important}
.compare .col-ar {text-align: right !important}
.compare thead:hover tr th, tr td{background: none}
.compare tr:hover td{color: #000000; background: #ffe0b0}
/* background for compare table link */
.comp_back {text-align: left; font-style: normal; padding-left: 36px; background-repeat: no-repeat ; background-image: url('/binaries/images/2754985/compare_table_32x32.png'); background-position: 0px 2px}
/* floating frame for common compare product page */
iframe.comp {margin: 10px 0px 10px 0px; text-align: left; border-style: none; border: 0px; height: 100%; width: 100%; padding: 0px}
/* show block - 8 reasons why to buy */
a.nodecoration, a.nodecoration:hover {text-decoration: none; color: transparent}
.reasons_8 {position: relative; width: 100%; cursor: pointer; text-decoration: none}
.reasons_8 div {width: 100%; border: none; margin: 0px; padding: 0px}
.reasons_8 table {width: 100%; height: 60px; margin: 0px; padding: 0px; border: none; border-collapse: collapse; border-spacing: 0px}
.reasons_8 table tr {height: 60px; margin: 0px; padding: 0px; border: none; border-collapse: collapse; border-spacing: 0px; margin: 0px; padding: 0px}
.reasons_8 table tr td {height: 60px; margin: 0px; padding: 0px; border: none; border-collapse: collapse; border-spacing: 0px; margin: 0px; padding: 0px; background-repeat: no-repeat}
.reasons_8 table tr td.r8left {width: 306px; max-width: 306px; background-image: url(/binaries/images/elements/reasons_8_left.png)}
.reasons_8 table tr td.r8right {width: 60px; max-width: 60px; background-image: url(/binaries/images/elements/reasons_8_right.png)}
.reasons_8 table tr td.r8center {width: auto; background-image: url(/binaries/images/elements/reasons_8_center.png); background-repeat: repeat-x; padding: 2px 0px 0px 0px; white-space: nowrap}
.reasons_8 table tr td.r8center h3 {font-size: 18px; line-height: 20px; color: #335500}
.reasons_8 div.div_up {position: absolute; top: 0px; left: 0px}
.reasons_8 div.div_up div {height: 60px; width: 100%; font-size: 12px; color: #D7FFD7; padding: 43px 0px 0px 95px; white-space: nowrap}