#hidemap { display: none; }

* {margin: 0; padding: 0}

body {font-family: Tahoma, Arial, sans-serif; font-size: 100.01%; color: #000; min-width: 997px; background: #fff}
html, body {height: 100%}

img {border: 0}

table {width: 100%; font-size: 100%; border-collapse: collapse; vertical-align: top; text-align: left; border: none}
table td {vertical-align: top; text-align: left}
table th {text-align: left}

ul {list-style: none}

a {color: #006d8d; outline: none; cursor: pointer;}
a:hover {color: #000; text-decoration: none;}

#mainmenu  li a[href='/special-offer/'] { color:red !important; }

h1 {font-size: 200%; font-weight: normal; margin-bottom: 16px; padding: 0; color: #006D8D }
h2 {font-size: 170%; font-weight: normal; margin-bottom: 10px; padding: 0; color: #006D8D }
h3 {font-size: 140%; font-weight: normal; margin-bottom: 10px; padding: 0; color: #006D8D }
div.title {font-size: 200%; font-weight: normal; margin-bottom: 16px; padding: 0; color: #006D8D}

p {margin-bottom: 16px}

ul.map li {
	margin: 0 0 3px 15px;
}

.icq { font-size: 16px; text-decoration: none; }

div.clear {clear: both; font-size: 1px}

#main {position: relative; min-width: 997px; max-width: 2048px; min-height: 100%; font-size: 0.75em; margin: 0 auto}
*html #main {height: 100%; width: expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) > 2049 ? "2048px" : (((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 997 ? "997px" : "100%"))}

	#topblock {width: 922px; height: 71px; padding-top: 23px; margin: 0 auto}
	
		#logo {float: left}
		
		#navigator {float: right; width: 200px; padding-top: 5px}
		#navigator li {float: left; height: 23px}
		#navigator li.left {width: 104px}
		#navigator li.right {width: 96px}
		#navigator li a {font-size: 85%; color: #797979; padding: 3px 0 1px 20px}
		#navigator li a:hover {text-decoration: none}
		#navigator li a.link_1 {background: url(/images/topnav_home.gif) no-repeat 0 0}
		#navigator li a.link_2 {background: url(/images/topnav_choosen.gif) no-repeat 0 0}
		#navigator li a.link_3 {background: url(/images/topnav_map.gif) no-repeat 0 1px}
		#navigator li a.link_4 {background: url(/images/topnav_feedback.gif) no-repeat 0 3px}
		
		#tels {display: block; font-size: 185%; color: #010101; margin-left: 240px; margin-top: -20px;}
		#tels span {color: #969696}
		#tels span.city {display: block;}
		#tels span.moscow {font-size: 12px; font-style: italic; line-height: 12px;}
		#tels span.saintpeter {font-size: 12px; font-style: italic; margin-left: 160px; line-height: 12px;}
		#tels span.icq {display: block; font-size: 14px; padding-top: 5px; line-height: 14px;}
		#tels a {text-decoration: none; font-size: 14px}
		
	#header {position: relative; height: 264px; background: #005771 url(/images/header_bg.gif) repeat-x 0 0}
	#header div.block {position: relative; width: 940px; margin: 0 auto; height: 264px; overflow: hidden}
	#header ul {width: 1641px; padding-left: 10px; height: 264px; position: absolute; top: 0; left: 0; background: url(/images/header_bg_img.jpg) repeat-x 0 0}
	#header li {float: left; text-align: center; height: 30px}
	#header span.block {display: block; position: relative; height: 220px; text-align: center; background: url(/images/menu_a_bg.png) no-repeat center 0; behavior: url("/js/iepngfix.htc")}

	#header li.link_1 {width: 146px}
	#header li.link_1 span.block {padding-top: 30px; height: 190px;}
	#header li.link_2 {width: 146px}
	#header li.link_2 span.block {padding-top: 28px; height: 192px}
	#header li.link_3 {width: 137px}
	#header li.link_3 span.block {padding-top: 97px; height: 123px}
	#header li.link_4 {width: 80px}
	#header li.link_4 span.block {padding-top: 0px; height: 220px; margin: 0 -20px 0 -19px}
	#header li.link_5 {width: 145px}
	#header li.link_5 span.block {padding-top: 38px; height: 182px}
	#header li.link_6 {width: 136px}
	#header li.link_6 span.block {padding-top: 26px; height: 194px}
	#header li.link_7 {width: 125px}
	#header li.link_7 span.block {padding-top: 60px; height: 160px}
	#header li.link_8 {width: 149px}
	#header li.link_8 span.block {padding-top: 32px; height: 188px}
	#header li.link_9 {width: 135px}
	#header li.link_9 span.block {padding-top: 32px; height: 188px}
	#header li.link_10 {width: 135px}
	#header li.link_10 span.block {padding-top: 46px; height: 174px}
	#header li.link_11 {width: 145px}
	#header li.link_11 span.block {padding-top: 20px; height: 200px}
	#header li.link_12 {width: 135px}
	#header li.link_12 span.block {padding-top: 78px; height: 142px}
	#header li a {color: #00afd2}
	#header li a:hover {text-decoration: underline}
	#header a span.rollover {display: none; position: absolute; top: 0; width: 260px; height: 178px; background: url(/images/menu_a_h_bg.png) no-repeat center 0; z-index: 0}
	#header a:hover span.rollover {display: block}
	#header a img {position: relative; z-index: 1; behavior: url("/js/iepngfix.htc")}

	#header li.link_1 span.rollover {left: -55px}
	#header li.link_2 span.rollover {left: -55px}
	#header li.link_3 span.rollover {left: -60px}
	#header li.link_4 span.rollover {left: -70px}
	#header li.link_5 span.rollover {left: -60px}
	#header li.link_6 span.rollover {left: -65px}
	#header li.link_7 span.rollover {left: -65px}
	#header li.link_8 span.rollover {left: -50px}
	#header li.link_9 span.rollover {left: -62px}
	#header li.link_10 span.rollover {left: -62px}
	#header li.link_11 span.rollover {left: -62px}
	#header li.link_12 span.rollover {left: -62px}
	#header div.nav {position: absolute; top: 0; left: 0; width: 100%; height: 0; font-size: 1px}
	#header div.nav div {position: relative; width: 958px; margin: 0 auto}
	#header div.nav a {position: absolute; top: 67px; width: 34px; height: 44px; background: no-repeat 0 0; z-index: 3; behavior: url("scripts/iepngfix.htc"); cursor: pointer}
	#header div.nav a.left {left: -30px; background-image: url(/images/arrow_left.png)}
	#header div.nav a.right {right: -30px; background-image: url(/images/arrow_right.png)}
	#header div.nav a span {display: none}
	
		.slider {position: relative; padding-right: 12px; margin-right: -12px; height: 22px; top: 187px; background: #003747 url(/images/slider_bg.gif) no-repeat 0 0}
		.handle {float: left; position: absolute; width: 186px; height: 41px; margin: -11px 0 -8px -4px; background: url(/images/slider.png) no-repeat 0 0; cursor: pointer}
		*html .handle {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/slider.png', sizingMethod='crop')}
	
	#content {width: 922px; margin: 0 auto}
	
		#search {float: right; position: relative; width: 290px; height: 65px; padding-top: 16px}
		#search .left {float: left}
		#search input.text_field {float: left; font-family: Tahoma, Arial, sans-serif; font-size: 100%; color: #818181; width: 181px; height: 16px; padding: 1px 10px; margin: 5px 0 0 4px; background: url(/images/input_button.gif) no-repeat 0 0; border: none}
		#search input.button {position: absolute; top: 20px; right: 0; width: 52px; font-family: Tahoma, Arial, sans-serif; font-size: 105%; font-weight: bold; color: #006d8d; border: none; background: none; cursor: pointer}
		
		#mainmenu {height: 81px}
		#mainmenu li {float: left}
		#mainmenu li a {float: left; height: 21px; padding: 20px 14px 0 14px; color: #000}
		#mainmenu li a:hover, #mainmenu li a.hover { text-decoration: none; color: #fff; background: #001d26 url(/images/mainmenu_hover.gif) repeat-x 0 0}
		#mainmenu li i { display: inline-block; position: relative; width: 15px; height: 15px; top: 10px; left: -20px; margin-bottom: -1px; background: url(/images/mainmenu_i.png) no-repeat 0 0}
		*html #mainmenu li i {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/mainmenu_i.png', sizingMethod='crop')}
		
		#special {height: 213px; margin-bottom: 50px; background: url(/images/spec_text_bg.gif) repeat-x 0 0}
		#special a.more img {display: block}
			#special div.block {position: relative; height: 196px; padding: 17px 25px 0 0; margin-left: 304px; background: url(/images/spec_bg_right.gif) no-repeat right 0}
			#special div.block p {line-height: 135%; margin: 0}
			#special div.block a.more {position: absolute; right: 38px; bottom: -14px}
			#special #spec {float: left; position: relative; width: 235px; height: 186px; padding:17px 11px 10px 26px; background: #003242 url(/images/spec_bg.jpg) no-repeat 0 0}
			#special #spec a.head {display: block; font-size: 200%; color: #fff; height: 51px}

			#leftcol #spec {float: none; position: relative; width: 203px; height: 193px; padding: 10px 21px; background: #003242 url(/images/spec_inner.jpg) no-repeat 0 0}
			#leftcol #spec a.head {display: block; font-size: 185%; color: #fff; height: 58px}
			#spec span.head {display: block; font-size: 185%; color: #fff; height: 58px}
			#spec span.img {display: block; width: 100px; height: 100px; float: left; border: none; text-align: center; overflow: hidden}
			#spec div {font-size: 100%; color: #fff; margin: 0 0 0 115px}
			#spec div a {font-size: 100%; color: #fff}
			#spec div a:hover {color: #fff; text-decoration: none;}
			#spec a.more {position: absolute; left: 30px; bottom: -11px}
			#spec a.more img {display: block}
			.popgrouptitle { color: #fff; font-size: 170%; display: block; margin-bottom: 5px; font-weight: normal; }
			.popgroup { list-style: circle outside none; }
			.popgroup li { margin-bottom: 5px; color: #fff; }
			.popgroup a { color: #fff; }
			.mainpopgroup { list-style: circle inside none; }
			.mainpopgroup li { margin: 0 7px 10px 0; color: #006D8D; float: left; width: 300px; }
			.mainpopgroup a { color: #006D8D; }
			
		#news { margin-bottom: 20px; }
		#news a.archive {float: right; font-size: 95%; font-weight: bold; padding: 1px 19px 0 0; margin: 10px 0px 0 0; background: url(/images/a_news.gif) no-repeat right 0}
		#news div.block {float: left; width: 272px; padding: 8px 53px 0 0}
		#news div.last {padding-right: 0}
		#news a.img {float: left; padding: 4px; background: url(/images/news_img_bg.gif) no-repeat 0 0}
		#news a.img span {float: left; width: 74px; height: 74px; overflow: hidden}
		#news a.img img {display: block}
		#news div.text {margin-left: 87px}
		#news span.date {display: block; margin-bottom: 1px}
		#news span.date big {font-size: 170%}
		#news div.text a {font-size: 95%}
		
	#leftcol {float: left; width: 245px}
	
		#leftmenu {margin-bottom: 20px; background: #005771 url(/images/leftmenu_bg_top.gif) no-repeat 0 0}
		#leftmenu ul.first_level {min-height: 160px; padding: 15px 10px 7px 20px; background: url(/images/leftmenu_bg_bot.gif) no-repeat 0 bottom}
		*html #leftmenu ul.first_level {height: 160px}
		#leftmenu li {margin-bottom: 11px}
		#leftmenu li a {display: inline-block; color: #fff; text-decoration: none; padding-left: 19px; background: url(/images/leftmenu_a_bg.gif) no-repeat 0 0}
		#leftmenu li a:hover {text-decoration: underline}
		#leftmenu li ul {padding-left: 19px}
		#leftmenu li li {color: #fff; padding-top: 4px; margin: 0}
		#leftmenu li li a {font-size: 95%; color: #a5eafe; padding: 0; background: none}
		
		#rightcol {float: right; width: 657px; background: url(/images/rightcol_bg.gif) repeat-y 0 0}
		#rightcol_in {background: url(/images/rightcol_bg_top.gif) no-repeat 0 0}
		#rightcol_in_in {position: relative; min-height: 1032px; padding: 17px 20px 8px 20px; background: url(/images/rightcol_bg_bot.gif) no-repeat 0 bottom}
		#rightcol_in_in ol, #rightcol_in_in ul {list-style-position: inside;}
		#rightcol_in_in li {margin-bottom: 5px;}
		#rightcol_in_in .formfb fieldset, ul {border: 0;}
		#rightcol_in_in .formfb li {margin-bottom: 10px;}
		*html #rightcol_in_in {height: 480px}
			#rightcol div.clear {clear: both; font-size: 1px}
			#rightcol div.line {float: left; width: 100%}
			#rightcol p {line-height: 135%; text-align: justify}
			
			#toplinks {font-size: 95%; margin-bottom: 15px;}
			
			ul.list_arrow {float: left; width: 100%; padding: 0 32px 9px 0}
			ul.list_arrow li {float: left; width: 50%; margin-bottom: 11px}
			ul.list_arrow li a {font-size: 95% !important; font-weight: normal !important; padding-left: 16px; background: url(/images/list_arrow.gif) no-repeat 0 7px}
			ul.list_arrow li a:hover {background-image: url(/images/list_arrow_h.gif)}
			
			#catalog div.line {padding-bottom: 20px}
			#catalog div.bordered {padding-bottom: 16px; margin-bottom: 20px; border-bottom: 1px solid #c9c9c9}
			#catalog div.block {float: left; width: 304px}
			#catalog div.first {padding-right: 9px}
			#catalog table.kartinki td {border: 0 !important; width: 20%;}
			#catalog table.kartinki td a {display: block; width: 108px; height: 105px; padding-top: 3px; margin-bottom: 5px; text-align: center; background: url(/images/catalog_img_bg.gif) no-repeat 0 0}
			#catalog a.img {float: left; width: 108px; height: 105px; padding-top: 3px; text-align: center; background: url(/images/catalog_img_bg.gif) no-repeat 0 0}
			#catalog div.text {padding-top: 4px; margin-left: 117px;}
			#catalog a.head {display: block; margin-bottom: 4px; font-size: 125%; font-weight: bold}
			#rightcol #catalog p {margin-bottom: 12px; text-align: left}
			#catalog a.more {padding-right: 21px; background: url(/images/catalog_a_more.gif) no-repeat right center}
			#catalog a.order {padding: 1px 0 0 22px; background: url(/images/catalog_a_order.png) no-repeat left 0}
			#catalog a.pdf {padding: 3px 3px 0 25px; margin-right: 5px; background: url(/images/catalog_a_pdf.png) no-repeat left 0}
			#catalog ul  {margin: 0 0 16px 0; padding: 0 0 0 15px; list-style: circle;} /* http://www.pfaff-silberblau.ru/catalog/tali/gruzovye-koshki/balochnyjj-zazhim-psk-s-vintom/ труба шатал */

			
			#catalog table {margin: 6px 0}
			#catalog table td {padding: 3px 4px; border: 1px solid #c9c9c9}

			#rightcol_in_in div.big_group_text ul {margin: 0 0 16px 0; padding: 0 0 0 15px; list-style: circle;}
			#rightcol_in_in div.big_group_text li {margin: 0 0 5px 0; padding: 0;}
			#rightcol_in_in div.big_group_text table {width: 100%; border-collapse: collapse;border: 1px solid #C9C9C9;}
			#rightcol_in_in div.big_group_text td {border: 1px solid #C9C9C9; padding: 5px 10px; vertical-align: middle; text-align:left;}
			#rightcol_in_in div.big_group_text td p {margin-bottom: 0px; text-align:left;}
			
			#pager_clear {float: left; width: 100%; height: 21px; position: relative; z-index: 0}
			*html #pager_clear {float: none}
			#pager {height: 21px; z-index: 1;}
			#pager li {float: left; padding-right: 1px}
			#pager li.current {font-size: 95%; color: #fff; text-align: center; width: 32px; height: 17px; padding-top: 4px; background: url(/images/pager_a_h.gif) no-repeat 0 0}
			#pager a {float: left; font-size: 95%; color: #fff; text-align: center; width: 32px; height: 17px; padding-top: 4px; background: #003747 url(/images/pager_a.gif) no-repeat 0 0}
			#pager a:hover {background: #636363 url(/images/pager_a_h.gif) no-repeat 0 0}
			#pager a.edge {width: 93px; background-image: url(/images/pager_edge.gif)}
			#pager a.edge:hover {background-image: url(/images/pager_edge_h.gif)}		
	
#footer_block {clear: both; height: 140px}
#footer_main {clear: both; height: 109px; margin: -109px 0}
#footer {position: relative; width: 922px; height: 109px; margin: 0 auto; font-size: 0.75em; background: url(/images/footer_bg.gif) no-repeat 370px bottom}
	#counter {position: absolute; right: 0px; bottom: 10px;}
	#footer div.block {font-size: 95%; color: #828282;}
	#footer div.block div.top {height: 70px; position: relative;}
	#footer div.block div.top a {color: #000}
	#footer div.block div.top span {position: absolute; right: 0px; top: 0px; text-align: right;}
	#footer div.block div.top span span {position: static; display: block; margin-top: 5px;}
	#footer div.block div.bot a {color: #828282}
	#footer div.block div.bot span {float: left;}
	#wind {float: left; height: 26px; padding: 6px 0 0 38px; margin-left: 6px; background: url(/images/footer_2wind.gif) no-repeat 0 0}


.nextarticle {
width:200px;
}