* {font-size: 100.01%; margin: 0; padding: 0;}
html, body {height: 100%;}
body {font-family: Tahoma, Verdana, Arial, sans-serif; background: #fff url(top_bg.gif) 0% 0% repeat-x; color: #5F5F5F; line-height: 1.4; font-size: 0.75em; text-align: center;}

a {color: #0EA1C6; text-decoration: underline;}
a:hover {color: #47CCED; text-decoration: underline;}

h1, h2, h3, h4 {margin: 1em 0 0.3em;}
h1 {font-weight: normal; font-size: 2em; margin: 0 0 0.5em 0; color: #427983;}
h2 {font-weight: normal; font-size: 1.5em; color: #427983;}
h3 {font-size: 1.17em;}
h4 {font-size: 1.08em;}
h1.news {color: #C61F48;}
* html h2,
* html h3,
* html h4 {margin-top: expression( !this.previousSibling || ( this.previousSibling && this.previousSibling.nodeName.match(/^H[1-4]$/) ) ? 0 : '1em' );}
h2:first-child, h3:first-child, h4:first-child {margin-top: 0;}
h1+h2, h1+h3, h1+h4, h2+h3, h2+h4, h3+h4 {margin-top: 0;}

hr {margin: 7px 0; height: 1px; border: none; background: #ccc; color: #ccc;}
* html hr {margin: 0;}
*+html hr {margin: 0;}

ul, ol {margin: 0 0 0.65em 2em; line-height: 1.3em;}
li {margin: 0 0 0.2em 0;}
dl {margin: 0.5em 0 0.65em 0;}
dt {font-weight: bold; margin: 0.5em 0 0 0;}
dd {margin: 0 0 0 2em;}
ul.ins {list-style-position: inside;}

p {margin: 0 0 0.65em 0;}
sup, sub { vertical-align: baseline; position: relative; font-size: 10px;}
sup { top: -0.4em; }
sub { bottom: -0.3em; }

table {border-collapse: collapse; border-spacing: 0; border: none;}
td, th {padding: 0; border: none;}

*:focus {outline: none;}
img {border-width: 0;}

.clear {clear: both; min-height: 0; height: 0; line-height: 0; font-size: 0;} 
.a-left {text-align: left;}
.a-center {text-align: center;}
.a-right {text-align: right;}

.f-left {float: left;}
.f-right {float: right;}
img.f-left {margin-right: 1em;}
img.f-right {margin-left: 1em;}

form {padding: .5em 0;}
fieldset {margin-bottom: 1em; border: none;}
legend {margin-top: -1px; padding-bottom: 1em; font-size: 1.1em; font-weight: bold; padding-left: 30%;}
.f-row {overflow: hidden; margin-bottom: .5em;}
label {float: left; text-align: right; width: 25.99%; padding: 0 2%;}
.f-inputs {padding-left: 30%;}
* html .f-inputs {padding-left: 0; height: 1%;}
.f-actions {padding-top: 1em;}
* html .f-actions {padding-left: 30%; zoom: 1;}

input, select, input {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px;}
input {vertical-align: middle;}
.i-checkbox {margin-top: 3px;}
.i-text {width: 300px; padding: 1px;}
.i-select {width: 304px; padding: 1px;}
.button {padding: 0 .25em; width: auto; overflow: visible; cursor: pointer;}
textarea {overflow: auto;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* main */
.empty {width: 100%; height: 159px; clear: both;}
.inner {width: 90%; margin: 0 auto; text-align: left; position: relative;}

.main, .footer {min-width: 995px; max-width: 1680px;}
* html .main,
* html .footer {width: 100%; width: expression((documentElement.clientWidth||document.body.clientWidth)<996?'995px':(documentElement.clientWidth||document.body.clientWidth)>1681?'1600px':'100%');}

#main {min-height: 100%; text-align: center; background: url(footer_bg.gif) 0% 100% repeat-x;}
* html #main {height: 100%;}

#footer {height: 98px; margin-top: -98px; text-align: left;}

#container {width: 100%; float: right; margin-left: -30%;}
#center {margin-left: 30%; margin-bottom: 20px;}
#leftcol {float: left; width: 25%;}

.marg_b {margin-bottom: 160px;}

/* top */
#top {height: 195px; padding: 1px 0; position: relative;}

#top h1 {margin: 0;} 
#top h1 a {float: left; display: block; height: 188px; width: 605px; background: transparent url(head.jpg) 0% 0% no-repeat; position: relative; left: -18px; top: 7px; cursor: pointer;}
#top h1 span {display: none;}

#top #rightblock {float: right; text-align: right; margin-top: 20px;}
#icq {font-family: Georgia, Tahoma, Verdana, Arial, sans-serif; color: #4A5D64; margin-bottom: 5px;}
#icq img {position: relative; top: 5px; width: 18px; height: 18px;}
#email a {width: 122px; height: 22px; background: transparent url(email.gif) 0% 0% no-repeat; display: block; float: right; cursor: pointer;}

#cartblock {position: absolute; top: 74px; right: -43px; z-index: 10; height: 111px; width: 342px; background: url(cart_bg.gif) 0% 0% no-repeat; text-align: left;}
#cartblock #cart {margin: 20px 43px 0 24px; min-height: 66px; //height: 66px; background: transparent url(icon_cart.gif) 0% 0% no-repeat; padding: 15px 0 0 67px; font-size: 10px; color: #5E7177;}
#cartblock #cart span {width: 57px; height: 66px; cursor: pointer; display: block; position: absolute; top: 20px; left: 24px;}
#cartblock #cart div.marg_t {margin-top: 5px;}

#top_phone {background: transparent url(phone.gif) 0% 0% no-repeat; width: 171px; height: 23px; position: absolute; top: 137px; left: 48%;}

/* navigation */
ul#nav {float: left; list-style-type: none; margin: 30px 0 0;}
#nav li {float: left; clear: right; margin: 0 2.8em 0 0; font-size: 1.17em;}
#nav li a.act {color: #F56800; text-decoration: none;}

#path {background: transparent url(icon_path.gif) 0% 2px no-repeat; font-size: 0.83em; margin: 15px 0; padding: 0 0 0 18px; position: relative; left: -18px;}
#path span {color: #F56800;}
#path img {width: 3px; height: 5px; margin: 0 3px;}

/* leftcolumn */
#catmenu ul {list-style-type: none; margin: 12px 0 20px 0;}
#catmenu li {margin: 0 0 0.83em 0;}
#catmenu li a {font: italic 18px  Georgia, Tahoma, Verdana, Arial, sans-serif; text-decoration: none; border-bottom: 1px dashed #0EA1C6;}
#catmenu ul ul {margin: 1em 0 1.17em 0;}
#catmenu li li {margin: 0 0 0.5em 27px;}
#catmenu li li a {font: normal 14px Tahoma, Verdana, Arial, sans-serif; text-decoration: underline; border-bottom: none; color: #5F5F5F;}
#catmenu li li a:hover {color: #8A8A8A;}
#catmenu li li a.act {text-decoration: none; color: #F56800; font-weight: bold;}

#submenu ul {list-style-type: none; margin: 12px 0 30px 0;}
#submenu li {margin: 0 0 0.83em 0;}
#submenu li a {font: italic 18px  Georgia, Tahoma, Verdana, Arial, sans-serif; text-decoration: underline;}
#submenu li a.act {text-decoration: none; color: #F56800;}
#submenu ul ul {margin: 1em 0 1.17em 27px;}
#submenu li li {margin: 0 0 0.5em 0;}
#submenu li li a {font: normal 14px Tahoma, Verdana, Arial, sans-serif; text-decoration: underline; border-bottom: none; color: #5F5F5F;}
#submenu li li a:hover {color: #8A8A8A;}
#submenu li li a.act {text-decoration: none; color: #F56800; font-weight: bold;}

/* home content */
h1.goods {background: transparent url(h1_icon.gif) 0% 5px no-repeat; padding-left: 33px; position: relative; left: -33px;}

#products {margin: 0 -2em 0 0; clear: both; //padding-right: 1px; //overflow-x: hidden;}
div.product_display {float: left; position: relative; //height: 200px; min-height: 200px; margin: 40px 2em 0 0; line-height: 1.2; min-width: 280px; //width: 280px;} 

div.product_display div.image {margin: 0 10px 0 0; position: relative; z-index: 2; float: left;}
div.product_display div.info {float: left; width: 170px; //height: 200px; min-height: 200px; position: relative; z-index: 2; clear: right;} 
div.product_display div.info h2 {font-size: 1.08em; font-weight: bold; margin: 0 0 0.67em 0;}

div.price {color: #F56800; font-size: 30px; font-weight: bold; margin: 7px 0 7px; position: relative; display: inline;}
div.price_old {color: #F56800; font-size: 12px; font-weight: bold; text-decoration: line-through; position: absolute; right: 0; top: -6px;}

div.product_display div.info div.decshort {float: left; margin: 0 0 0.65em 0;}
div.product_display div.info div.decshort p {margin: 0;}
div.product_display div.info div.best {float: right; background: transparent url(goodz_icon.gif) 0% 0% no-repeat; width: 39px; height: 33px;}

input.amount {border: 1px solid #F56800; background: #fff; color: #5F5F5F; font-size: 14px; padding: 1px 2px; width: 54px; text-align: right;}

div.action_l {position: absolute; top: -50px; left: -29px; background: url('action_l.gif') no-repeat 0 0; width: 165px; height: 105px;}
div.action_r {position: absolute; top: -52px; left: 129px; background: url('action_r.gif') no-repeat 0 0; width: 167px; height: 105px;}
div.action_c {position: absolute; top: -50px; left: 0; background: url('action_c.gif') no-repeat 0 0; width: 211px; height: 43px;}
/*
.columns1 .product_display {width:100%;}
.columns2 .product_display {width:49%; //width: 45%;}
.columns3 .product_display {width:32%;}
.columns4 .product_display {width:24%;}
.columns5 .product_display {width:19%;}    */

#article_home {margin-right: 180px;}
#article_home h1 {background: transparent url(h1_article.gif) 0% 3px no-repeat; padding-left: 28px; position: relative; left: -28px;}
#article_home h2 {font: italic 16px  Georgia, Tahoma, Verdana, Arial, sans-serif; margin: 0 0 10px 0;}

.more {background: transparent url(article_all.gif) 0% 5px no-repeat; padding-left: 20px; position: relative; left: -20px; font-weight: bold;}

.tabs {float: left; list-style-type: none; height: 53px; margin: 0; width: 100%; position: relative; left: -30px; z-index: 10; margin-top: 20px;}

.tabs li {width: 48%; float: left; height: 53px; background: #F6F6F6; position: relative; border: 1px solid #E1E1E1; margin-right: 1px; display: block;}

.tabs li h1 {margin: 10px 0 0 28px;}
.tabs li h1 a {color: #427983; text-decoration: none; border-bottom: 1px dashed #427983; display: block; float: left; line-height: 26px;}
.tabs li h1 span {width: 24px; height: 27px; background: transparent url(icon_news.gif) 0% 3px no-repeat; margin-left: 12px; display: block; float: left;}

.tabs li.tab-current {background: #fff; border-bottom: 1px solid #fff;}
.tabs li.tab-current h1 a {color: #F56800; text-decoration: none; border-bottom: 0;}
.tabs li.tab-current h1 span {background: transparent url(icon_news_a.gif) 0% 3px no-repeat;}

#newsblock {background: #fff; border: 1px solid #E1E1E1; position: relative; left: -30px; padding: 10px 0 20px 0; margin-bottom: 2em; top: 1px;}
#newsblock .news {width: 48%; float: left;}
#newsblock .text {margin: 0 30px;}

#newsblock h2 {margin: 0; font-size: 1em; clear: left;}

#tl, #tr, #bl, #br, #tr_w {position: absolute; width: 9px; height: 9px;}
#tl {top: -1px; left: -1px; background: url(tl-n.gif) no-repeat;}
#tr {top: -1px;	right: -1px; background: url(tr-n.gif) no-repeat;}
#tr_w {top: -1px; right: -1px; background: url(tr.gif) no-repeat;}
#bl {bottom: -1px; left: -1px; background: url(bl.gif) no-repeat;}
#br {bottom: -1px; right: -1px; background: url(br.gif) no-repeat;}
.tabs li.tab-current #tl {top: -1px; left: -1px; background: url(tl.gif) no-repeat;}
.tabs li.tab-current #tr {top: -1px; right: -1px; background: url(tr.gif) no-repeat;}
* html #bl, 
* html #br {bottom: -15px;}

.more2 {background: transparent url(article_all.gif) 0% 5px no-repeat; padding-left: 20px; font-weight: bold; margin-left: 10px;}

/* footer */
#footer .inner {font-size: 0.92em; color: #727272; line-height: 1.3; padding-top: 15px;}
#home_pic {background: transparent url(footer_home.jpg) 0% 0% no-repeat; width: 187px; height: 219px; position: absolute; top: -219px; right: -24px;}
#footer #counters {float: left; width: 30%;}
#footer #copy {float: left;}
#footer #copy_softart {float: right; width: auto; text-align: left;}
#footer #copy_softart img {margin-right: 9px; float: left; position: relative; top: -3px; z-index: 2;}
#footer #copy_softart .text {margin-left: 43px; }
#footer .site {margin-top: 10px;}
#footer a, #footer a:hover {color: #727272;}

#sec_pic1 {background: transparent url(sec_footer_pic1.jpg) 0% 0% no-repeat; width: 209px; height: 219px; position: absolute; top: -223px; left: -5px;}
#sec_pic2 {background: transparent url(sec_footer_pic2.jpg) 0% 0% no-repeat; width: 94px; height: 47px; position: absolute; top: -55px; left: 29%;}
#sec_pic3 {background: transparent url(sec_footer_pic3.jpg) 0% 0% no-repeat; width: 105px; height: 57px; position: absolute; top: -57px; right: 0;}

/* catalog */
ul.tmenu {float: left; list-style-type: none; margin: 0; width:100%;}
.tmenu li {float: left; margin: 0 2em 0 0; font-size: 1.17em;}
.tmenu li a.act {color: #F56800; text-decoration: none;}

.catalog {margin: 50px 0 10px; line-height: 1.2; position: relative;}
.catalog .col1 {position: relative; z-index: 2; float: left; width: 150px;}
.catalog .col2 {margin-left: 150px; clear: right; position: relative; z-index: 2;}
.catalog h2 {color: #F56800; margin: 0 0 0.3em 0;}
.catalog .c_best {background: transparent url(goodz_icon.gif) 0% 0% no-repeat; width: 39px; height: 33px;}

.catalog_cart {background: #F2F3E8; padding: 5px 15px 8px 15px; margin-top: 10px; float: left;}
.catalog_cart .catalog_arr {background: transparent url(arr_price.gif) 0% 0% no-repeat; width: 9px; height: 15px; float: left; margin: 10px 10px 0 10px;}
.catalog_cart .cat_price {float: left; color: #F56800; font-size: 30px; font-weight: bold; }
.catalog_cart form {float: left;}

.article_catalog {margin-top: 2.5em;}
.article_catalog h2 {font: italic 16px  Georgia, Tahoma, Verdana, Arial, sans-serif; margin: 0 0 10px 0;}
.article_catalog h1 {margin-bottom: 0.2em;}

/* content */
#print {float: right; margin-left: 2em;}
ul.list {list-style-type: none; font-size: 1.17em; margin: 0;}
.links {margin-bottom: 15px;}

.articles {padding: 0 0 1em 0;}
.articles h2 {margin: 0.2em 0 0.2em; font-size: 1.17em;}
.articles ul {list-style: none;}
.date {color: #427983; font-weight: bold;}

.pic_left {float: left; margin: 0 20px 5px 0; width: 200px;}
.pic_left img {border: 1px solid #B2B2B2;}
.pic_left p {font-size: 0.92em;	width: 190px; margin: 0 0 0 5px;}

.small {font-size: 0.92em;}
.bold {font-weight: bold;}
.red {color: red;}
.photo_name {margin: 3px 0; font-size: 0.92em; font-weight: bold;}
.big {font-size: 1.17em;}

.sitemap {margin-bottom: 0.65em; font-size: 1.17em;}
.sitemap ul {list-style: none; font-size: 0.92em;}

table.tbl {border-collapse: collapse; font-family: Tahoma, sans-serif; clear: both; border: 1px solid #ccc; margin: 0.5em 0;}
table.tbl th {padding: 3px 5px; font-size: 0.92em; border: 1px solid #ccc;}
table.tbl td {padding: 2px 5px; border: 1px solid #ccc; vertical-align: top;}

#pagenav {color: #929292;}
.arr {font-size: 10px;}
.black {color: #3D3D3D;}
#pagenav .page {float: left; position: relative; top: 5px; font-size: 18px; margin: 0 1px;}
#pagenav .page a { font-family: Myriad Pro, sans-serif; padding: 1px 7px 2px 7px;}
#pagenav span {background: #EBE9D8; font-weight: bold; color: #5F5F5F; padding: 1px 7px 2px 7px; font-family: Tahoma, sans-serif;}

/* columns */
.columns2 .col {float: left; width: 49%;}
.columns3 .col {float: left; width: 33%;}
.columns4 .col {float: left; width: 25%;}
.col-content {padding-right: 1.5em;}
.col-first {padding-left: 0!important;}
.col-last {padding-right: 0!important;}

.cat	{border-collapse: collapse;} 
.cat th {text-align: left; font-size: 1.0em; padding: 4px 5px; background: #ddd; border: 1px solid #fff;}
.cat td {padding: 2px 5px; border: 1px solid #fff;}
.cat input {margin: 0;}
.cat input.amount {border: 1px solid #999;}

.sap-links {
	position: absolute;
	top: 0;	
	left: 0;
	width: 100%;
	z-index: 1;
	text-align: center;
	padding-top: 12px;
	font-size: 11px;
}