div,p,ul,ol, body,h1,h2,h3,h4,h5,li,а,dl,dd,dt,th,td,form {margin:0; padding:0}
body {font-family: verdana, arial, sans-serif; font-size: 75%; line-height: 140%; background: #FFF; color: #808080}
a {color: #0f3d99; text-decoration: underline}
a:hover {color: #b30000; text-decoration: none}
a:focus { outline: none;}
а.srt {text-decoration: none; border-bottom: 2px solid #0f3d99}
img {border: 0}

h1, .tit1 {font-weight: normal; font-size: 30px; color: #b30000; margin-bottom: 0.8em; line-height: 130%}
h2.htop {font-size: 17px; color: #b30000;  margin-bottom: 1.5em; background: url(m2lia.gif) 0 0.5em no-repeat; padding-left: 17px; line-height: 130%}
h2 {font-weight: normal; font-size: 24px; color: #ef4f01; margin-bottom: 15px; line-height: 130%; background: none; padding:0}
h3 {font-size: 120%; font-weight: bold; color: #ef4f01; margin-bottom: 1.5em}
h4 {font-size: 110%; font-weight: bold; color: #b30000; margin-bottom: 0.5em}
h5 {font-size: 100%; font-weight: bold;  margin-bottom: 1em}

p, ul, ol {margin-bottom: 1em}
small {font-size: 90%}
big {font-size: 125%}
input {font-size: 110%}
ul {list-style-type: none}
.clr {clear: left}
.date {font-size: 95%; color: #B30000}
.name {color: #0f3d99}
.red {color: #b30000}

div {zoom: 1}
table {border: 0; border-collapse: collapse; width: auto;}
table td {vertical-align: top; padding: 0}

#all {min-width: 1000px; max-width: 1220px; margin-left: auto; margin-right: auto; width: expression((documentElement.offsetWidth || document.body.offsetWidth) < 1024 ? '1003px' : 'auto' && (documentElement.offsetWidth || document.body.offsetWidth) > 1280 ? '1220px' : 'auto');}
#suball {padding: 20px 3% 0 4%}

#header {height: 230px; overflow: hidden}
#top_left {margin: 0 376px 0 0}
#topbg {background: url(topbg.jpg) repeat-x; margin-bottom: 8px}
#topc1 {background: url(topc1.gif) no-repeat; }
#topc2 {background: url(topc2.gif) top right no-repeat; height: 110px}
#topimg {background: url(topimg.jpg) 100% 0 no-repeat;}
#logo {padding: 20px 0 0 30px}
#banner_top {float: right}

#menu1 {background: #d8d8d8 url(m1bg.jpg) 0 12px repeat-x; padding: 12px 0 0 0;}
#m1c1 {background: url(m1c1.gif) left bottom no-repeat; }
#m1c2 {background: url(m1c2.gif) right bottom no-repeat; }
#menu1 table {width: 100%}
#menu1 table td {text-align: center; height: 57px; vertical-align: middle; background: url(m1top.gif) repeat-x}
#menu1 table td.active {background: url(m1topa.gif) repeat-x}
#menu1 table td.dvr {width: 1px}
#menu1 table td.dvr div {height: 49px; background: url(vpline.gif) 50% 0px repeat-y;margin-top: 3px}
#menu1 a {background: url(m1li.gif) 0 5px no-repeat; padding-left: 15px; line-height: 100%; font-size: 120%; color: #b30000; white-space:nowrap }
#menu1 a:hover {color: #EF4F01}
#menu1 table td.active a {background-image: url(m1lia.gif); color: #EF4F01}

#menu2 {margin-bottom: 3em}
#menu2n {margin-bottom: 3em; width: 245px;}
#m2c12 {background: url(m2c12.gif) repeat-x}
#m2c34 {background: url(m2c34.gif) repeat-x}
#m2c1 {background: url(m2c1.gif) no-repeat}
#m2c4 {background: url(m2c4.gif) no-repeat}
#m2c2, #m2c3 {background: url(dotd8.gif) right top repeat-y; width: 245px; height: 20px}
#m2c14 {background: url(m2c14.gif) repeat-y}
#m2 {background: #E1E1E1 url(m2c14.gif) repeat-y}
#m2 ul {border-top: 1px solid #c8c8c8;  border-bottom: 1px solid #FFF; margin:0}
#m2 ul li {display: block; border-top: 1px solid #FFF; border-bottom: 1px solid #c8c8c8; line-height: 45px; cursor: pointer; }
#m2 ul li.active {background: url(m2a.gif) repeat-x}
#m2 ul li.active span {display: block; background: url(m2c14a.gif) no-repeat}
#m2 ul li.active a {text-decoration: none}
#m2 ul li a {display: block; font-size: 120%; background: url(m2li.gif) 10px 19px no-repeat; padding-left: 35px; line-height: 45px; overflow: hidden; white-space:nowrap}
#m2 ul li a:hover, #m2 ul li.active a {background-image: url(m2lia.gif);  color: #b30000}

#m2 ul li.m3 ul, #m2 ul li.m3 ul li {border:0}
#m2 ul li.m3 {background: #F0F0F0; overflow: hidden; zoom:1;}
#m2 ul li.m3 ul {background: url(m3c14.gif) repeat-y; padding: 0 20px 10px 40px; margin:0; }
#m2 ul li.m3 ul li {padding: 0.8em 0; line-height: 16px; }
#m2 ul li.m3 ul li a {display: block;  font-size: 100%; line-height: 16px; background: url(li.gif) 0 0.5em no-repeat; padding-left: 12px; white-space: normal}
#m2 ul li.m3 ul li a.active {color: #EF4F01; text-decoration: none}
#m2 ul li.m3 ul li a:hover {color: #B30000; background: url(li.gif) 0 0.5em no-repeat;}

#m4c1 {background: url(m4c1.gif) no-repeat;}
#m4c2 {background: url(m4c2.gif) right top no-repeat; height: 20px}
#m4c12 {background: #E7E7E7 url(dotd8.gif) repeat-x}
#m4c23 {background: #FFF url(m4bg.gif) repeat-x; border-right: 1px solid #D8D8D8; width: 100%; zoom:1}
#m4c3 {background: url(m4c3.gif) right top no-repeat; height: 20px}
#m4c4 {background: url(m4c4.gif) no-repeat}
#m4c34 {background: #FFF url(dotd8.gif) left bottom repeat-x}
#m4 {padding: 7px 27px 7px 27px; margin-top: -25px}

#m4 div.items {background: url(m4dvr.gif) 0 25px; zoom:1}
#m4 dl {float: left; margin: 25px 0 25px 0; width: 49.5%; overflow: hidden; *width:expression(document.body.clientWidth < 1140? "250px": "49.5%" )}
#m4 dl dt {display: block; float: left;}
#m4 dl dt a{display: block; width:90px; height: 90px; background: url(m4itemb.gif) no-repeat}
#m4 dl dd {display: block; margin-left:100px; padding-right: 5px}
#m4 dl dd a {background: url(li.gif) 100% 80% no-repeat; padding-right: 10px; *background-image: none; }
#m4 dl dd div.nc_idtab a {background: none; padding-right: 0}
#m4 dl dd a:hover {color: #EF4F01} 
div#m4.inside,div#m4.cattop {padding:7px 0}
div#m4.cattop {overflow: hidden}
#m4c23 div#m4 div.items div {display: none}


#menu5 {margin: 0 0 1em 15px; padding-bottom: 1em; background: url(hpline.gif) right bottom repeat-x; overflow: hidden; zoom:1}
#menu5 ul {display: block; float: left; width: 49%; background: url(vpline.gif) right top repeat-y; padding:0}
#menu5 ul.z {width: 43%}
#menu5 ul li {display: block; margin-bottom: 0.8em; background: url(li.gif) 0 0.5em no-repeat; padding: 0 15px 0 10px; line-height: 130%; }
#menu5 ul.last {position:relative; left: 15px; background: none}
#menu5 ul li a.active {color: #EF4F01; text-decoration: none }

#search {width: 245px; margin-bottom: 1em}

#rightside {float: right; width: 180px}
.phones {text-align: right; font-size: 22px; color: #B30000; line-height: 125%; margin-bottom: 2em}
.phones span {font-size: 16px; color: #808080}
.ritem {text-align: center; margin-bottom: 2.5em}
.links {width: 110px; margin-left: auto; margin-right: auto; padding: 1em 0 2em 0; background: url(hpline.gif) right bottom repeat-x; text-align: left}
.links a {display: block; background: url(li.gif) 0 0.5em no-repeat; padding-left: 12px; line-height: 130%; margin-bottom: 0.5em}

#centre {margin-right: 220px; _margin-right: 210px}

#leftside {float: left; width: 245px;}
#cart {background: url(vpline.gif) repeat-y; margin-bottom: 2em}
#cart h4 {margin-bottom: 0; font-size: 120%}
#subcart {width: 245px;  background: url(vpline.gif) right top repeat-y; line-height: 150%}
#subcart b {color: #EF4F01}
#subcart p {margin:0; padding-right: 20px}
.cart_full {background: url(cart_full.gif) 15px 3px no-repeat; padding-left: 80px}
.cart_empty {background: url(cart_empty.gif) 15px 3px no-repeat; padding-left: 80px}
.cart_empty #cart_count, .cart_empty #cart_sum {color: #FFF}

#mainside {margin-left: 280px;}

#descr ul {padding-left: 2em}
#descr ul li {display: block; margin-bottom: 0.5em; background: url(li.gif) 0 0.5em no-repeat; padding-left: 12px}

.first_content {background: url(vpline.gif) right top repeat-y; height: 70px;  margin-left: 280px; padding-right: 20px}

#descr {padding-left: 20px; }
.info {overflow: hidden; padding-bottom: 2em; background: url(hpline.gif) right bottom repeat-x; margin-bottom: 2em; zoom:1}
div.info {margin-bottom: 3em;}
.info dt {display: block; width: 130px; float: left; background: url(icon_lupa.gif) 100% 100% no-repeat; padding-bottom:2px }
.info dt img {display: block; border: 3px solid #BFBFBF; margin-bottom: 3px}
.info dt span {}
.info dd {margin-left: 150px}
.print {text-align: right; position: relative; top: -0.5em}

table.buy {width: 100%; margin: 0.5em 0 0 0; border-collapse: separate; border-bottom: 1px solid #D8D8D8}
table.put {margin-bottom: 3em; width: 98.5%}
table.buy thead tr {background: #E1E1E1}
table.buy td, table.buy th {vertical-align: middle;  padding: 3px 5px; border-left: 1px solid #C8C8C8;}
table.put td, table.put th {height: 30px;}
table.buy th {height: 33px; border-bottom: 1px solid #fff;  font-weight: normal; color: #b30000; vertical-align: middle}
table.buy th.n1 {background: #E1E1E1 url(tdc1.gif) no-repeat; border-left:0}
table.buy th.n9 {background: #E1E1E1 url(tdc2.gif) top right no-repeat}
table.buy td.n1 {border-left: 1px solid #D8D8D8; }
table.buy td.n9 {border-right: 1px solid #D8D8D8; }
table.buy td.n9 input {float: left; margin-left: 5px}
table.buy td {font-size: 95%; text-align: center; border-bottom: 1px solid #FFF; }
table.buy tbody {border-right: 1px solid #D8D8D8}
table.buy tbody tr {background: #F0F0F0 url(dotd8.gif) repeat-x;} 
table.buy tbody tr.c {background: #FBFBFB url(dotd8.gif) repeat-x;} 
table.spec, table.faq {margin-bottom: 1.5em}
table.spec td {text-align: left; padding-left: 10px; width: 50%}
table.faq td {text-align: left; padding: 3px 8px}
table.spec td.n1 {border-left:0}
input.val {width: 20px; height: 12px; font-size: 10px; text-align: center; border-top: 1px solid #C8C8C8; border-right: 1px solid #C8C8C8; border-bottom: 1px solid #E1E1E1; border-left: 1px solid #E1E1E1; }
input.cart{}
.finfo {display: block; padding: 10px 0; font-size: 95%}
/* корзина Netcat */
.cart_contents td { border-bottom: 1px solid #D8D8D8; padding: 5px;  height: 30px}
.cart_contents td.qty input {float: left; margin-right: 5px; width: 20px; height: 12px; font-size: 10px; text-align: center; border-top: 1px solid #C8C8C8; border-right: 1px solid #C8C8C8; border-bottom: 1px solid #E1E1E1; border-left: 1px solid #E1E1E1;}
.cart_contents .name, .cart_contents .qty { text-align: left }
.cart_contents .qty input { text-align: center; white-space: nowrap }
.cart_contents th, .cart_contents th.name { background: #E1E1E1; text-align: center; font-weight: normal; 
    color: #B30000; padding: 7px;}
.cart_contents th.name {background: #E1E1E1 url(tdc1.gif) no-repeat; }
.cart_contents tr.even {background: #F0F0F0}
.cart_contents .cart_buttons { padding: 10px 0px; }
.cart_contents .totals { font-weight: bold }
.cart_contents .totals td { border-top: 1px solid #DBDBDB; border-bottom: none }
.cart_contents .cart_discount td { border-top: 1px solid #DBDBDB }
#netshop_discount_div { margin: 10px 0px; padding: 4px 10px; border: 1px solid #FFDBA8; 
    background: #FFFCF3; color: #595959; font-size:8pt; width: 250px }
#netshop_discount_div p { margin: 5px }


#menu_tab {margin-bottom: 3em; width: 98.5%}
#menu_tab thead td {vertical-align: middle; text-align: center}
#menu_tab thead td div {padding-left: 11px; position:relative; top:1px}
#menu_tab thead td div.active {background: #FFF url(tic1.gif) no-repeat; }
#menu_tab thead td div b {display: block; padding-right:11px; zoom:1}
#menu_tab thead td div.active b {background: #FFF url(tic2.gif) right top no-repeat}
#menu_tab thead td b span {display: block;  line-height: 35px; padding: 0 8px}
#menu_tab thead td div.active b span {background: #FFF url(dotd8.gif) repeat-x;}
#menu_tab thead td div a {background: url(li.gif) 0 0.4em no-repeat; padding-left: 12px; font-weight: normal; white-space: nowrap }
#menu_tab thead td div.active a{color: #ef4f01; text-decoration: none}
.cth {background: url(tc1.gif) no-repeat; padding-left: 11px}
#menu_tab tbody div.active {background: url(dotd8.gif) repeat-y; }
.cth div {background: url(tc2.gif) right top no-repeat; padding-right: 11px}
.cth div div {background: url(dotd8.gif) right top repeat-x; height: 11px}
.ctc {border-left: 1px solid #D8D8D8; border-right: 1px solid #D8D8D8; padding: 5px 0}
.ctb {background: url(tc4.gif) no-repeat; padding-left: 11px}
.ctb div {background: url(tc3.gif) right top no-repeat; padding-right: 11px}
.ctb div div {background: url(dotd8.gif) right bottom repeat-x; height: 11px}
#tab2i,#tab3i,#tab4i,#tab5i,#tab6i,#tab7i{display: none}
.gallitem img {border: 3px solid #BFBFBF; margin: 10px}
.gallitem {padding: 0 15px}
.schema {text-align: center}
#menu_tab .tbl td {font-size:100%}
#menu_tab div.ctc {height: 320px; overflow: auto}

#faq {margin-bottom: 3em}
#faq dl.q {padding: 1.5em 0 0 0; background: url(hpline.gif) repeat-x}
#faq dl.q dd {font-style: italic; padding: 10px 0 10px 15px}
#faq dl.q dt span.date {color: #ef4f01}
.qc1 {background: url(qic1.gif) no-repeat}
.qc2 {background: url(qc2.gif) right top no-repeat}
.qc12 {background: #F0F0F0 url(dotd8.gif) repeat-x}
.qc3 {background: url(qc3.gif) right top no-repeat}
.qc4 {background: url(qic4.gif) no-repeat}
.qc34 {background: #F0F0F0 url(dotd8.gif) right bottom repeat-x; margin-bottom: 2.5em; }
dl.a {background: #F0F0F0 url(qc14.gif) repeat-y; border-right: 1px solid #D8D8D8; }
dl.a dt {float: left; padding-left: 15px; font-weight: bold}
dl.a dd {margin-left: 100px; }

#articles dl dt {display: block; margin-bottom: 1em}
#articles dl {overflow: hidden; margin-bottom: 2.5em; padding-bottom: 1em; background: url(hpline.gif) right bottom repeat-x}
#articles dl dd img {border: 3px solid #BFBFBF; margin: 0 20px 10px 0; float: left}

.rbig {font-size: 140%; font-weight: bold; color: #B30000}

#spec12 {background: url(spec12.gif) repeat-x; margin-bottom: 3em;}
#spec1 {background: url(spec1.gif) no-repeat; }
#spec2 {background: url(spec2.gif) right top no-repeat; padding: 5px 0 5px 26px; overflow: hidden; zoom:1; _margin-right:-5px}
#spec2 dl {float: left; width: 24.9%; text-align: center;}
#spec2 dl dt {height: 40px; width: 160px; margin: 0 auto 0 auto; text-align: left;}
#spec2 dl dt a {display: block; background: url(li.gif) 0 0.5em no-repeat; padding-left: 12px; line-height: 16px; }
#spec2 dl dd {width: 160px; padding-top: 10px; margin: 0 auto 0 auto; text-align: left;}
#spec2 dl dd img {border: 3px solid #BFBFBF}
#spec2 dl dd p {color: #B30000; padding: 5px 0 0 0; font-size: 90%}
#spec2 dl dd p span {font-size: 120%; font-weight: bold}

#last_news {overflow: hidden; margin-bottom: 3em}
#last_news dl {float: left; width: 30%}
#last_news dl dt {color: #B30000; margin-bottom: 0.5em}
#last_news dl dd p {margin-bottom: 0.5em}
#last_news div.divider {float: left; width: 1px; height: 120px; background: url(vpline.gif); margin: 2.5em 2.5% 0 2.2%}
#last_news dl dd p span.img {display: block; float: left; margin: 0 10px 5px 0}
#last_news dl dd p span.img a{display: block; width:90px; height: 90px; background: url(m4itemb.gif) no-repeat}
.more {display: block; clear: left; overflow: hidden; text-align: right;}
.more a {background: url(li.gif) 0 0.5em no-repeat; padding: 0 10px; line-height: 150%}

#bottom {clear: both;}
#botc12 {background: url(botc12.jpg) repeat-x; margin-right: 230px; color: #4D4D4D}
#botc1 {background: url(botc1.jpg) no-repeat; height: 144px; text-align: center; _margin-left: -2px}
#botc2 {background: url(botc2.jpg) right top no-repeat}
#bmenu {padding-top: 20px}
#bmenu a.active {color: #ef4f01; text-decoration: none}
#contacts {padding-top: 30px; font-size: 95%}
#bright {float: right; width: 180px; background: url(hpline.gif) repeat-x; text-align: right; padding: 20px 2px 0 0; line-height: 150%}

sup {border: 1px solid #B30000; color: #B30000;; margin-left: 2px; padding: 0 2px; font-size: 100%; cursor: help}
#easyTooltip{padding:5px; border:1px solid #b72e52; background: #7b0026; color: #efe2d9; width: 250px}
#easyTooltipImg{padding:0; border: 3px solid #BFBFBF; z-index: 2000}

#loading {border: none; vertical-align: middle;}
a.icon_lupa {background: url(icon_lupa.gif) no-repeat; padding-left: 20px; line-height: 150%}
a.icon_print {background: url(icon_print.gif) no-repeat; padding-left: 20px; ; line-height: 150%}

.fck_right {text-align: right}; 
.fck_center {text-align: center}
.fck_red, .warnText, .status_error {color: #b30000}
.fck_orange {color: #ef4f01;}
.fck_clear {display: block; clear: left}


