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

a {color: #126985; text-decoration: underline;}
a:hover {color: #5FA5BA; text-decoration: underline;}
a.dashed {border-bottom: 1px dashed #126985; text-decoration: none;}

h1, h2, h3, h4 {font-family: "Arial Narrow", Arial, sans-serif; margin: 1em 0 0.3em; color: #626262;}
h1 {font-weight: normal; font-size: 2em; margin: 1em 0 0.46em 0;}
h2 {font-weight: normal; font-size: 1.83em;}
h3 {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 1.17em;}
h4 {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 1.08em;}
h1.blue {color: #126985;}
* 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;}

p {margin: 0 0 0.65em 0;}
blockquote {margin: 0 0 0.65em 2em;}
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;}
.hidden {display: none;}
.show {display: block!important;}
.no-margin {margin: 0!important;}
.no-padding {padding: 0!important;}
.no-bg {background: none!important;}
.no-border, img {border: none!important;}

.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;}
img.bord {border: 1px solid #B2B2B2; padding: 1px;}

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 {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;}
input, textarea, select {font-size: 12px; font-family: Tahoma, Verdana, Arial, sans-serif;}

form.order {width: 50%;}
form.order .i-text {width: 98%; padding: 1px;}

.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: 150px; clear: both;}

.inner {margin: 0 5% 0 4%;}

#main, #footer {position: relative; 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?'1680px':'100%');}

#main {min-height: 100%; margin: 0 auto; background: transparent url(logo_bg.gif) 0% 0% no-repeat; text-align: left;}
* html #main {height: 100%;}
#footer {height: 120px; margin: -120px auto 0; text-align: left;}

#container {width: 100%; float: left; margin-right: -25%;}
#center {margin-right: 25%;}
#rightcol {float: right; width: 20%;}

#container_home {width: 100%; float: right; margin-left: -42%;}
#center_home {margin-left: 42%;}
#leftcol_home {float: left; width: 32%;}

/* top */
#path {font-size: 10px; color: #fff; background: #4B4B4B; line-height: 30px; height: 30px; padding: 0 5% 0 4%;}
#path a,.path a:hover {color: #fff;}

#top1 {height: 72px; width: 100%;}
ul#icons {margin: 18px 0 0; list-style: none; height: 20px; float: left; position: relative; left: -4px;} 
#icons li {margin: 0 12px 0 0; float: left; clear: right;}
#icons li a {display: block; width: 21px; height: 20px; background-repeat: no-repeat; background-position: 0% 0%; cursor: pointer;}
#icons li#home {background-image: url(icon_home.gif);}
#icons li#sitemap {background-image: url(icon_sitemap.gif);}
#icons li#contacts {background-image: url(icon_mail.gif);}
#icons span {display: none;}
#icons li#home_act {background-image: url(icon_home_a.gif);}
#icons li#sitemap_act {background-image: url(icon_sitemap_a.gif);}
#icons li#contacts_act {background-image: url(icon_mail_a.gif);}

#cart {margin-top: 15px; float: right; color: #666; font-size: 1em;}
#cart span {display: block; background: url(icon_cart.gif) 0% 0% no-repeat; width: 14px; height: 14px; float: left; margin-right: 8px;}
#cart .order {margin: 2px 0 0 22px;}

#top2 {height: 103px; width: 100%;}
#top2 .col1 {width: 30%; float: left; height: 1%;}
#top2 .col2 {width: 50%; float: left; height: 1%;}
#top2 .col3 {width: 20%; float: left; height: 1%; text-align: right; clear: right;}

#logo h1 {margin: 0;}
#logo h1 a {width: 212px; height: 47px; background: transparent url(logo.gif) 0% 0% no-repeat; display: block;}
#logo h1 span {display: none;}

#slogan h2 {margin: 5px 0 0; font-size: 24px; color: #126985; line-height: 0.9;}
#slogan span {font-size: 18px; color: #D55C00;}

#price {margin-top: 7px; font-size: 12px;}

#cont {margin-top: 3px; font-family: "Arial Narrow", Arial, sans-serif; font-size: 18px; color: #DB7222; line-height: 1.1;}
#cont big {font-size: 24px;}
#cont span {position: relative; top: -3px;}
#cont a {text-decoration: none; position: relative; top: -3px; border-bottom: 1px dashed #126985;}

/* navigation */
#nav {height: 20px;}
#nav ul {float: left; list-style-type: none; margin: 0; height: 20px; width: 100%; position: relative; left: -7px;}
#nav li {float: left; margin: 0 3% 0 0; line-height: 20px; font-weight: bold; font-size: 1em; padding: 0 7px;}
#nav li.act {background: #D75D00;}
#nav li.act a {text-decoration: none; color: #fff; display: inline;}

#sub_catalog {top: 10px; left: 32%; font-weight: bold; position: absolute; z-index: 15; width: 220px;}
#sub_catalog span {font-size: 0.83em; font-weight: normal;}
#sub_catalog a {border-bottom: 1px dashed #126985; text-decoration: none; color: #126985;}
#sub_catalog a.act {border: none; text-decoration: none; color: #D75D00;}

/* header */
#hd {width: 100%; height: 204px; margin-top: 50px; position: relative;}
#hd img.lin {float: left; clear: right; position: relative;}
#hd img.line {position: absolute; top: 156px;}

.size_1, .size_2, .size_3, .size_4 {width: 29px; height: 12px; background-repeat: no-repeat; background-position: 0% 0%; position: absolute; top: 180px;}
.size_1 {background-image: url(1500.gif); left: 10%;}
.size_2 {background-image: url(2000.gif); left: 29%;}
.size_3 {background-image: url(2500.gif); left: 51%;}
.size_4 {background-image: url(3000.gif); left: 79%;}

.line_l {width: 11px; height: 48px; background: url(line_l.gif) 0% 0% no-repeat; position: absolute; top: 156px; z-index: 10;}
.line_r {width: 12px; height: 48px; background: url(line_r.gif) 0% 0% no-repeat; position: absolute; top: 156px; z-index: 10;}

/* home_content */
#cattop {width: 100%; margin-top: 15px;}
#cattop #col0 {float: left; height: 1%; width: 2%;}
#cattop #col1 {float: left; height: 1%; width: 18%; text-align: center;}
#cattop #col2 {float: left; height: 1%; width: 20%; text-align: center;}
#cattop #col3 {float: left; height: 1%; width: 25%; text-align: center;}
#cattop #col4 {float: left; height: 1%; width: 32%; text-align: center;}
.price {font-size: 30px; font-family: Impact, "Arial Narrow", Arial, sans-serif; color: #E26000; display: block;}
.devel {margin-bottom: 15px; font-size: 1.17em;}
.devel span {font-size: 0.83em; color: #666; display: block;}
.devel a {text-decoration: none; border-bottom: 1px dashed #126985;}
.devel a.act {font-weight: bold; font-size: 1.08em; color: #666765; text-decoration: none; border: none;}

#cattop .devel a {text-decoration: underline; border: none;}

.news {margin-bottom: 1.67em;}
.news h2 {font-size: 1em; margin: 0.3em 0 0.2em; font-family: Tahoma, Verdana, Arial, sans-serif;}
.date {font-size: 1em; color: #505050; font-weight: bold;}

/* leftcolumn */
.submenu {margin: 0 0 2em 18px;}
.submenu ul {list-style-type: none; margin: 0 0 1em 0;}
.submenu li {font-size: 1.17em; margin: 0 0 0.67em 0;}
.submenu li a.act {text-decoration: none; font-weight: bold; color: #626262;}

/* footer */
#footer .inner {padding-top: 18px; font-size: 0.92em; color: #727272; line-height: 1.3;}
#counters {float: left; width: 42%;}
#copy {float: left; width: 20%;}
#copy_softart {float: right; width: auto; text-align: left;}
#copy_softart img {margin-right: 9px; float: left; position: relative; top: -3px; z-index: 2;}
#copy_softart .text {margin-left: 43px; }
.site {margin-top: 10px;}
a.gray {color: #727272;}

.f-links {margin: 10px 5% 0 4%; font-size: 0.92em; color: #999;}
.f-links a, .f-links a:hover {color: #999;}

/* catalog */
#demo-wrapper {overflow: hidden; height: 1115px; width: 100%; position: relative; margin-top: 35px;}
.scrolling-content {width: 100%; height: auto; position: absolute;}
#content_1_1 { left: 0; top: 0; }
#content_1_2 { left: 90%; top: 0; }
#content_1_3 { left: 180%; top: 0; }
#content_1_4 { left: 270%; top: 0; }

#container_cat_1 {width: 100%; padding: 1px 0;}
#container_cat_1 .center {margin: 0 0 0 22%;}
#container_cat_1 .leftcol {float: left; width: 20%; margin-left: 1%;}

#container_cat_2 {width: 100%; padding: 1px 0;}
#container_cat_2 .center {margin: 0 0 0 26%;}
#container_cat_2 .leftcol {float: left; width: 24%; margin-left: 1%;}

#container_cat_3 {width: 100%; padding: 1px 0;}
#container_cat_3 .center {margin: 0 0 0 30%;}
#container_cat_3 .leftcol {float: left; width: 28%; margin-left: 1%;}

#container_cat_4 {width: 100%; padding: 1px 0;}
#container_cat_4 .center {margin: 0 0 0 35%;}
#container_cat_4 .leftcol {float: left; width: 33%; margin-left: 1%;}

#container_cat_1 .line_r {left:88%;}
#container_cat_1 .line_l {left:9%;}
#container_cat_2 .line_r {left:89%}
#container_cat_2 .line_l {left:7.5%;}
#container_cat_3 .line_r {left:91%;}
#container_cat_3 .line_l {left:6.5%;}
#container_cat_4 .line_r {left:92.5%;}
#container_cat_4 .line_l {left:4.5%;}

.left_cat {margin: 0 0 0 0; position: relative; text-align: center;}
.left_cat .size_1, .left_cat .size_2, .left_cat .size_3, .left_cat .size_4 {left: 43%;} 
.content_cat {margin-top: 15px;}
.content_cat p.head {font-size: 1.5em; font-family: "Arial Narrow", Arial, sans-serif; color: #666765; margin: 0;}
.content_cat h1 {margin: 0;}

.block_container {margin-top: 43px; margin-right: 10%;}
.block_container .block {float: left; width: 138px; height: 156px; margin-bottom: 10px;}
.block_container .block p {margin: 3px 0 0 2px; width: 98px;}
.block_container .block_img {width: 98px; height: 98px; overflow: hidden;}
.block_container .bord {width: 98px; height: 98px; border: 1px solid #B2B2B2; padding: 1px;}

/* popup */
.pop {width: 445px; height: 220px; background: url(pop_bg.png) 0% 0% no-repeat; behavior: url("iepngfix.htc"); position: absolute; z-index: 100; display: block; left: 50%; top: 40px; margin-left: -222px;} 
.pop h1 {color: #D75D00; font-size: 18px; font-weight: bold; margin: 10px 15px;}
.pop .pop_close {float: right; margin: 15px 20px 0 0;}
.pop #content {margin: 20px 20px auto; color: #666765; position: relative;}
.pop #content small {font-size: 10px;}
.pop #content big {font-size: 14px; color: #000; font-weight: bold;}
.pop #content .col1 {float: left; width: 140px;}
.pop #content .col2 {float: left;}
.pop #content .col1 .bord {width: 110px; height: 110px; border: 1px solid #B9B9B9; padding: 3px;}
.pop #content .col1 .block_img {width: 110px; height: 110px; overflow: hidden;}
.pop #content div {margin-bottom: 5px;}

form.f-pop input.amount {border: 1px solid #45A9CD; color: #666765; width: 52px;}
form.f-pop input.submit {border: 1px solid #003C74; color: #000; background: #F8F8F6; font-size: 12px; margin-left: 10px;}

/* 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; font-family: Tahoma, Verdana, Arial, sans-serif;}
.articles ul {list-style: none;}

.docs {padding: 0 0 1em 0;}
.docs h2 {margin: 0.2em 0 0.2em; font-size: 1.17em; font-family: Tahoma, Verdana, Arial, sans-serif;}
.docs ul {list-style: none; margin-bottom: 1em;}

.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;}
small {font-size: 0.92em;}
.bold {font-weight: bold;}
.red {color: red; font-size: 0.92em;}
.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;}

/* 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;}
.gray_bg {background-color: #f0f0f0;}

.inv { display: none } 

.hlinks {
	margin: 32px 0 20px; 
	font-size: 11px; 
	color: #888;
} 
#rightcol .hlinks {
	margin-left: 18px;
}