* {margin: 0; padding: 0; font-size: 100.01%;}

html,body {height: 100%;}
body {background: #fff; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 0.75em; color: #2B2B2B; line-height: 1.4;}

a {color: #0B7EB4; background-color: inherit; text-decoration: underline; outline: 0;}
a:hover {color: #0B7EB4; background-color: none;}

h1 {font-size: 18px; color: #00A650; margin: 27px 0 18px 0; border-bottom: 2px solid #E2E2E2; padding-bottom: 11px; position: relative; font-weight: normal;}
h1 span {background: url(h_bg.gif) 0% 0% no-repeat; position: absolute; width: 37px; height: 6px; display: block; top: 33px; left: 0;}
h2 {font-size: 1.33em; font-family: Arial, sans-serif; color: #00A650; background-color: inherit;}
h3 {font-size: 1.25em; font-family: Arial, sans-serif;}
h4 {font-size: 1.08em;}
h2, h3, h4 {margin: 1em 0 0.3em;}
* 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;}
ul {list-style: square;}
li {margin: 0.2em 0 0 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;}

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;}
td {vertical-align: top;}

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

.a-left {text-align: left;}
.a-right {text-align: right;}
.a-center {text-align: center;}

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

form {padding: .5em 0;}
fieldset {margin-bottom: 1em; border: none;}
legend {margin-top: -1px; padding-bottom: 0.5em; 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, textarea, select {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;}


.clear {clear: both; height: 0; font-size: 0; line-height: 0;}
.left {float: left;}
.right {float: right;}

#main {width: 999px; height: 100%; min-height: 100%; margin-bottom: -102px;}
html>body #main {height: auto;}

/* top */
#top {background: #F2F2F2; height: 37px; color: #000; font-family: Arial, sans-serif; margin-left: 1px; width: 997px; border-bottom: 3px solid #0B7EB4;}
#top #data {background: url(data_icon.gif) 0% 3px no-repeat; margin-left: 50px; padding-left: 21px;}
#top #time {background: url(data_time_icon.gif) 0% 3px no-repeat; padding-left: 19px;}
#top #line {background: url(data_line.gif) 0% 4px no-repeat; width: 1px; height: 5px; margin: 0 12px;}
.datetop {float:left; line-height: 37px; font-size:10px;}

.cart {font-size:11px; padding: 0 20px 0 0; height: 100%; float:right;}
.cart span {display: block; background: url(cart.gif) 0% 2px no-repeat; width: 14px; height: 16px; float: left; margin-right: 8px;}
.cart a, .cart a:hover {color:#000;}
.cart a:hover {text-decoration:none;}

#header {height: 89px;}
#logo_bg {height: 89px; width: 338px; float: left;}
#logo_bg_home {background: url(contact_bg.jpg) 100% 0% no-repeat; height: 89px; width: 338px; float: left;}

#contacts {float: left; height: 70px; width: 660px; background: url(line_v.gif) 100% 0% repeat-y; margin-top: 15px;}
#contacts .cont {width: 200px; height: 70px; background: url(line_v.gif) 0% 0% repeat-y; float: right; text-align: right;}
#contacts .cont .txt {padding-right: 15px; font-family: Arial, sans-serif; font-size: 11px; color: #000;}
#contacts .cont .green {color: #00A650; font-weight: bold;}
#contacts .green a,#contacts .green a:hover {color: #00A650;}
/* end top */

/* footer */
#clearbot {height: 120px; clear: both;}
#footer {background: #F2F2F2 url(footer_bg.gif) 0% 0% repeat-x; height: 102px; margin-left: 1px; width: 997px; font-size: 11px;}

#footer #counter {padding: 20px 0 0 50px; float: left; width: 450px;}
#footer #logo_copy {float: left; padding-top: 20px; width: 163px;}
#copy_softart {float: right; margin-top: 20px;} 
#copy_softart .text {margin-left: 43px; margin-right: 20px;}
#copy_softart img {margin-right: 9px; float: left; position: relative; top: -3px; z-index: 2;}
.site {margin-top: 10px;}

/* end footer */

#container {width: 100%; float: right; margin-left: -269px;}
#leftcolumn {float: left; width: 269px;}
#center {margin-left: 269px;}

/* center */
#center .content {margin: 0 24px 20px 36px;}
#head_pic_bg {background: url('head_pic1.jpg') 0% 0% no-repeat;}
.head_pic {margin-left: 259px;}

#path {margin-top: 30px;}

/* home */
.banner {text-align: right; margin-top: 1em;}

/* leftcolumn */
/* navigation */
#navigation_top {
	background: url('menu_top.jpg') 0% 0% no-repeat;
	width: 269px;
	height: 38px;	
}
#navigation_bot {
	background: url('menu_bott.gif') 0% 0% repeat-x;
	height: 29px;
	margin-left: 20px;	
}

#navigation {
	background: url('menu_bg.gif') 0% 0% repeat-y;
	width: 269px;
}
#navigation ul {
	margin: 0 0 0 20px;
	padding-top: 5px;
}
#navigation li {
	margin: 0;
	list-style-type: none;
	background: url('menu_kn.gif') 0 13px no-repeat;
	font-size: 14px;
	font-weight: bold;
}
#navigation li a {
	margin: 0 19px 0 21px;
	display: block;
	color: #00A650;
	text-decoration: none;
	background: url('line_g.gif') 0% 100% repeat-x;
	height: 30px;
	line-height: 30px;	
}
#navigation ul ul {
	padding: 0 0 10px 15px;
	margin: 0 19px 0 21px;
	background: url('line_g.gif') 0% 100% repeat-x;
}
#navigation li li {
	margin: 0;
	list-style-type: none;
	background: none;
	font-size: 12px;
	color: #00A650;
}
#navigation li li a {
	margin: 0;
	color: #00A650;
	text-decoration: none;
	background: none;
	height: 20px;
	line-height: 20px;	
}
#navigation li.cond a {
	background: none;
}

#navigation ul ul ul {
	padding: 0;
	margin: 5px 19px 5px 21px;  
	background: none;
}
#navigation li li li {
	margin: 0;
	list-style-type: none;
	background: none;
	color: #00A650;
	font-size: 12px;
}
#navigation ul ul ul ul {
	padding: 0;
	margin: 0 19px 5px 21px;  
	background: none;
}
#navigation li li li li {
	margin: 0;
	list-style-type: none;
	background: none;
	color: #00A650;
	font-size: 12px;
}
#navigation li li li li a {
	text-decoration: underline;
}
/* end navigation */

	
#leftcolumn .content {
	margin: 0 10px 0 25px;
}

.prodTop {
	margin-bottom: 25px;
}
.prodTop h2 {
	font-size: 18px;
	color: #0B7EB4;
	font-weight: normal;
	background: url(prodtop_icon.gif) 0% 8px no-repeat;
	padding-left: 17px;
	margin: 0 0 12px 8px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
}
table.description {
	margin-top: 25px;
	width: 100%;
	border: 0;
}
.description td {
	padding: 0 8px 10px 0;
	vertical-align: top;
	font-size: 10px;
	color: #4D4D4D;
}
.prodTop .price {
	font-size: 18px;
	color: #00A550;
}
.prodTop .line {
	background: url('prodtop_line.gif') 0% 0% repeat-x;
	height: 1px;
	font-size: 0;
	margin-top: 8px;
}
.prodTop .detail {
	position: relative;
	top: 5px;
	float: right;
}
  
.submenu ul {
	margin:20px 0 20px 0;
	padding:0px;
	list-style:none;
	padding-bottom:1px;
	border-bottom:1px solid #DEDEDE;
	}
.submenu li {
	margin:0px;
	padding:0px;
	display:inline;
	padding:2px 10px;
	font-size:12px;
	border:1px solid #DEDEDE;
	border-bottom:none;
	margin-right:1px; 
	}
.submenu li.act {
	border-top:2px solid #0B7EB4;
	border-left:1px solid #0B7EB4;
	border-right:1px solid #0B7EB4;
	border-bottom:1px solid #fff;
	}
.submenu a,.submenu a:hover {
	color:#666;
	text-decoration:none;
	}
/* end leftcolumn */  

.small {font-size: 0.92em;}
small {font-size: 0.92em;}
.red {color: red;}
.big {font-size: 1.08em;}
.bold {font-weight: bold;}
.black {color: #000;}

.detail {
	background: url(detail_icon.gif) 0% 6px no-repeat;
	padding-left: 12px;
}
.detail a {
	font-weight: bold;
	font-size: 0.92em;
}

.group {margin-bottom: 1.5em;}
.group .pic {float: left;}
.group .decs {margin-left: 170px;}

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

table.tbl {
	border-collapse: collapse;
	border: 1px solid #ccc;
}
table.tbl td {
	border: 1px solid #ccc;
	padding: 3px 10px;
}
table.tbl th {
	border: 1px solid #ccc;
	padding: 3px 10px;
	font-size: 1.08em;
	background: #efefef;
}

.series {
	width: 100%;
	overflow: hidden;
	_height: 1%; 
}
.series .pic {
	float: left;
}
.series .decs {
	margin-left: 170px;
}

.funcblock {
	margin: 20px 0 0 0;
	float: left;
	width: 100%;
	}
.func {
	float: left;
	width: 80px;
	min-width: 80px;
	height: 120px;
	padding: 0 15px 0 0;
}
.func p {
	color: #000;
	font-size: 0.92em;
	margin: 0;
	line-height: 120%;
}

table.calc td {padding: 5px;}    

table.cat {border-collapse: collapse; margin-bottom: 0.5em;}
table.cat td {padding: 2px 5px;}
table.cat th {padding: 3px 5px; font-size: 1em; background: #efefef;}

/* 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;}

.active_func { font-weight: bold; }

/* modal box */
#simplemodal-overlay {
  background-color:#000;
}

#simplemodal-container {  
  background-color:#fff;
  border:3px solid #ccc;
}

.modal_close_button {background:url(x.gif) no-repeat; width:25px; height:25px; display:inline; z-index:3200; position:absolute; top: 0; right:5px; cursor:pointer;}