* {margin: 0; padding: 0} body {font-family: Tahoma, Arial, sans-serif; font-size: 100.01%; color: #fff; min-width: 997px; background: #595959 url(../i/bg.gif) repeat 0 0} 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 th {text-align: center} ul {list-style: none} a {color: #fff; text-decoration: underline; outline: none} a:hover {text-decoration: none} h1 {font-size: 125%; color: #fff; height: 21px; padding: 1px 0 0 12px; margin-bottom: 11px; background: url(../i/h1_bg.png) no-repeat 0 0} .h_1 {font-weight: bold; font-size: 125%; color: #fff; height: 21px; padding: 1px 0 0 12px; margin-bottom: 11px; background: url(../i/h1_bg.png) no-repeat 0 0} .h_2 {font-weight: bold; font-size: 105%; color: #ffa628; height: 21px; padding: 0 0 0 0; margin-bottom: 11px;} .h_3 {font-weight: bold; font-size: 100%; color: #FE2525; height: 19px; padding: 0 0 0 0; margin-bottom: 11px;} *html h1 {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/h1_bg.png', sizingMethod='crop')} .main_title {color: #c92026; font-size: 1.2em; text-transform: uppercase; text-align:center;} p {font-size: 95%; line-height: 130%; margin-bottom: 3px} p.align_right {text-align: right} #main {position: relative; width: 987px; padding: 0 5px; min-height: 100%; font-size: 0.75em; margin: 0 auto; background: #284649 url(../i/main_bg.gif) repeat-y 0 0} *html #main {height: 100%} #main.inner {background: #233c3e url(../i/main_bg_inner.gif) repeat-y 0 0} #header {height: 202px; padding: 14px 0 0 13px; border-top: 3px solid #163436; background: url(../i/header_bg.jpg) no-repeat 0 0} #topmenu {height: 25px; padding-top: 3px; background: #041e20} #topmenu td {border-bottom: 1px solid #020d0e} #topmenu a {display: block; font-size: 95%; color: #fff; text-align: center; text-decoration: none; height: 15px; padding: 3px 9px; background: #254143 url(../i/topmenu_a_bg.gif) repeat-x 0 0; border-top: 1px solid #506263; border-right: 1px solid #445d60; border-left: 1px solid #21393b} #topmenu a.hover, #topmenu a:hover {background-color: #393f22; background-position: bottom} #topmenu a span {background: url(../i/topmenu_a_icon_left.gif) no-repeat 0 4px} #topmenu a span span {padding: 0 14px; background: url(../i/topmenu_a_icon_right.gif) no-repeat right 4px} #topmenu a.hover span, #topmenu a:hover span {background: url(../i/topmenu_a_icon_left_h.gif) no-repeat 0 6px} #topmenu a.hover span span, #topmenu a:hover span span {background: url(../i/topmenu_a_icon_right_h.gif) no-repeat right 6px} #separator-cut {height: 25px; padding-top: 3px; background: #041e20; width: 100%;} span.img {display: inline-block; padding: 1px; margin-bottom: 6px; background: #fff; border: 1px solid #010203} span.img img {display: block} span.more {display: block; text-align: right} span.more a {color: #ffa628; padding-left: 11px; background: url(../i/a_more_bg.gif) no-repeat 0 5px} #leftblock {float: left; width: 358px; padding: 29px 0} #leftblock div.block {width: 310px; padding-left: 24px; text-align: justify;} #leftblock div.block p a {color: #ffa628} #midblock {float: left; width: 344px; padding: 29px 0} #midmenu {width: 186px; padding: 0 5px; margin: 0px 0px 23px 75px; background: url(../i/midmenu_bg.gif) no-repeat 0 bottom} #midmenu a {display: block; height: 19px; padding: 4px 0 0 33px; font-weight: bold; color: #fff; text-decoration: none; background: #213c3d url(../i/midmenu_a_bg.gif) no-repeat 0 0} #midmenu a.hover, #midmenu a:hover {background-color: #393f22; background-position: bottom} #midblock div.block {width: 234px; padding-left: 52px} #midblock div.block p span {display: inline-block; width: 44px} #midblock div.block p.map {margin-bottom: 5px} #midblock h3 {font-size: 100%; color: #FE2525; height: 12px; margin-bottom: 5px; padding: 0 0 0 10px;} #rightblock {float: left; width: 283px; padding: 29px 0} #rightblock div.block {width: 258px; padding: 0 0 15px 8px} #news {width: 240px; padding-left: 24px} #news span.date {display: block; font-size: 85%; font-weight: bold; color: #ffa628; margin-bottom: 7px; margin-left: 7px} #news p {margin-bottom: 10px} #objectlist {float: left; width: 600px; padding: 29px 0} #objectlist div.block {width: 258px; height: 234px; padding: 0 0 15px 8px; float: left; vertical-align: middle;} #objectlist div.block-r {width: 258px; height: 234px; padding: 0 0 15px 8px; float: right; vertical-align: middle;} #object {width: 647px; padding: 29px 0} #leftmenu {float: left; width: 269px; padding-left: 1px;} #leftmenu h1 {position: relative; margin: 8px 0 0 0; z-index: 1;} #leftmenu .h1 {color: #FE2525;} #leftmenu span.head {display: block; padding-top: 22px; margin-top: -8px; font-weight: bold; color: #f4ffc1; line-height: 135%; background: url(../i/leftmenu_head_top.gif) no-repeat 4px 0} #leftmenu span.head span {display: block; position: relative; padding: 0 0 16px 12px; background: url(../i/leftmenu_head.gif) no-repeat 4px bottom; z-index: 0} #leftmenu ul {position: relative; z-index: 1} #leftmenu ul li {display: inline-block} #leftmenu a {text-decoration: none} #leftmenu a.subitem {color: #f4ffc1; text-decoration: none} #leftmenu a.item {display: inline-block; width: 237px; font-size: 95%; text-decoration: none; padding: 1px 8px 2px 24px; background: url(../i/leftmenu_a_bg.gif) no-repeat 10px 0} #leftmenu a.hover, #leftmenu a.item:hover {color: #ed4800; background: #233c3e url(../i/leftmenu_a_bg_h.gif) no-repeat 10px 0} #leftmenu li.last a.item {background-image: url(../i/leftmenu_a_last_bg.gif)} #leftmenu li.last a.hover, #leftmenu li.last a.item:hover {background-image: url(../i/leftmenu_a_last_bg_h.gif)} #rightmenu {float: right; width: 284px; padding-left: 1px} #rightmenu h1 {position: relative; margin: 8px 0 0 0; z-index: 1;} #rightmenu .h1 {color: #FE2525;} #rightmenu span.head {display: block; padding-top: 22px; margin-top: -8px; font-weight: bold; color: #f4ffc1; line-height: 135%; background: url(../i/leftmenu_head_top.gif) no-repeat 4px 0} #rightmenu span.head span {display: block; position: relative; padding: 0 0 16px 12px; background: url(../i/leftmenu_head.gif) no-repeat 4px bottom; z-index: 0} #rightmenu ul {position: relative; z-index: 1} #rightmenu ul li {display: inline-block} #rightmenu a {text-decoration: none} #rightmenu a.subitem {color: #f4ffc1; text-decoration: none} #rightmenu a.item {display: inline-block; width: 237px; font-size: 95%; text-decoration: none; padding: 1px 8px 2px 24px; background: url(../i/leftmenu_a_bg.gif) no-repeat 10px 0} #rightmenu a.hover, #rightmenu a.item:hover {color: #ed4800; background: #233c3e url(../i/leftmenu_a_bg_h.gif) no-repeat 10px 0} #rightmenu li.last a.item {background-image: url(../i/leftmenu_a_last_bg.gif)} #rightmenu li.last a.hover, #rightmenu li.last a.item:hover {background-image: url(../i/leftmenu_a_last_bg_h.gif)} #content {float: left; width: 697px; padding: 8px 0} #content div.text {padding: 18px 0 0 52px} #leftblock p {text-indent: 25px;} #content img {border:1px solid #ffa628; margin-left: 7px;} #content p {text-indent: 25px;} #content a {color: #ffa628; text-decoration: underline; outline: none} #content a:hover {text-decoration: none} #content {font-family: Tahoma, Arial, sans-serif; font-size: 110.01%; color: #fff;} #content h1 {font-size: 105%; color: #ffa628; height: 21px; padding: 1px 0 0 12px; margin-bottom: 11px; background: url(../i/h1_bg.png) no-repeat 0 0} #content h1.mainname {margin: 0px; float: left; background: #173537;} #content h1.maincomment {background: none; float: left; background: url(../i/h1_bg_1.png) no-repeat 0 0} #content h2 {font-size: 105%; color: #ffa628; height: 21px; padding: 0 0 0 0; margin-bottom: 11px;} #content h3 {font-size: 100%; color: #FE2525; height: 19px; padding: 0 0 0 0; margin-bottom: 11px;} #content ul li { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../i/bullet_li.gif) no-repeat scroll 0 5px; margin-bottom:5px; padding-left:14px; } #content ul li ul li { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../i/bullet.gif) no-repeat scroll 0 5px; margin-bottom:5px; padding-left:14px; } #cut-content {display: none; position: relative; width: 987px; padding: 0 5px; height: 1400px; font-size: 0.75em; margin: 0 auto; background: #284649 url(../i/main_bg.gif) repeat-y 0 0} #cut-content #content {float: left; height: 1350px; width: 702px; padding: 8px 0px 8px 0px; background-color: #233d3e;} #footer_block {clear: both; height: 55px} #footer_main {clear: both; position: relative; width: 987px; padding: 0 5px; height: 55px; margin: -42px auto; background: url(../i/main_bg.gif) repeat-y 0 0} #footer {font-size: 0.75em; height: 55px; background: #041e20} #footer div.left {float: left; width: 345px; height: 52px; padding: 3px 0 0 13px; font-size: 95%; line-height: 150%; color: #000; background: #ed4800} #footer.inner div.left {width: 257px} #footer div.left span {display: inline-block; width: 49px} #footer ul {float: left; padding: 19px 0 0 6px; font-size: 95%} #footer ul li {float: left; margin-right: 8px} #footer div.right {float: right; padding: 6px 18px 0 0} #footer a {color: #ffa628; text-decoration: underline; outline: none; font-size: 80%;} #footer a:hover {text-decoration: none} .tableType01 td { border:solid 1px #ffa628; padding:1px 1px;} .tableType01 th { border:solid 1px #ffa628; background:#ffa628; padding:1px 1px; color:white; font-weight:bold;} .imgst {padding: 2px; padding: 2px; padding: 2px; padding: 2px;} .ults {list-style:disc} .red{color: red} .short_inp, .long_inp, .qtyProducts{ background:none repeat scroll 0 0 #FFFFFF; border:medium none; display:block; height:16px; padding:2px 6px;} .short_inp.invalid, .long_inp.invalid{background: #de7878} .short_inp{width: 150px} .long_inp{width: 270px} .title .small{font-size: 10px} .title{font-size: 12px; padding: 26px 0 9px 0} .feedback_btn_add, .feedback_btn_ok{ color: #fff; font-size: 12px; font-weight: bold; border: none; background: url(../i/btn_bg.jpg) repeat-x top left; margin: 9px 0;} .feedback_btn_add{width: 115px; height: 31px; margin: 15px 0 9px 0; cursor: pointer; color: #fff } .field{ height: 132px; width: 632px; border: none; padding: 5px} .col_inp{width: 30px; margin-right:10px} .qtyProducts{width: 30px; margin-right:10px; border: none; float: left; background: #fff} table.ord th{height: 25px; padding: 0; font-weight:normal; text-align: left; font-size: 12px} table.ord td{font-size: 10px; height: 30px} .feedback_del{background: url(../i/btn_del.png) no-repeat top left; border : none; width: 23px; height: 22px; cursor: pointer} .form-message .fail{background: #693d3d; color: #fff; border: 1px solid #932f2f; padding:5px 20px; margin-bottom: 20px} .classCatsSelect, .classProducts{ border: 1px solid #acadb2; width: 192px; height: 20px; float: left; margin-right: 7px; margin-bottom: 2px; position: absolute; } .classCatsSelect{top:10px; left: 0} .classProducts{top: 10px; left: 200px} .clear{clear: both} #products .params{width: 169px; float: left; display: block; font-size: 12px;} .titles{padding-bottom: 10px} .titles div{float: left} .classCats{ clear:both; float:left; padding-top:10px; position: relative; padding-left: 400px; min-height:22px} .productMess, .invalid{color: #FE2525; font-weight: bold; font-size: 13px; clear: both;} input.invalid{color: #000;} .add_faile{padding-bottom:20px} #content .info p{text-indent:0px;overflow: hidden;} .info{padding-bottom: 54px} .result {padding-top:30px} .result td{border-bottom: 1px solid #374e4f; height:40px} table .feedback_btn_ok{width: 190px; height: 41px; margin-top:30px; cursor: pointer} .feedback_btn_ok{width: 105px; height: 41px; margin-top:30px; color: #fff; cursor: pointer} .titles div{font-size: 12px} #products select{min-width:192px} #content .capt{border: none; margin: 0 0 10px 0; } #main.inner .btn_to_ord{ background: url(../i/basc_bg.png) repeat top left; width: 269px; height: 70px; font-weight: bold; font-size: 12px; margin: 8px 0 25px; color: #fff;} #main.inner .btn_to_ord a{ padding: 11px 0 5px 18px; display: block; text-transform: uppercase; color: #fff; text-decoration: none; font-size: 12px; height: 55px; background: url(../i/bascet.png) no-repeat 227px center; cursor: pointer; width: auto; line-height: 16px } #main.inner .btn_to_ord span { color: #3e4527; font-size: 11px; display: block; line-height: 11px; padding: 4px 60px 0 0; font-weight: normal; line-height: 14px; text-transform: none} #main .btn_to_ord { font-weight: bold; font-size: 12px; color: #fff; height: 40px; width: 185px; background: url(../i/basc_bg.png) repeat top left; margin: 28px 0 26px 80px;} #main .btn_to_ord a{ display: block; font-weight: bold; text-decoration: none; text-transform: uppercase; font-size: 12px; color: #fff; padding: 0px 15px 0px 15px; height: 40px; width: 155px; cursor: pointer; line-height: 40px; background: url(../i/bascet.png) no-repeat 145px center ;} /*********************** 26.01.12 **********************/ .phone{color: #284649; font-size: 18px; padding:10px 0 0;} .contact_info_block h3{ color:#FE2525; font-size:100%; font-weight:bold; height:19px; margin-bottom:11px; padding:0 0 0 14px; } #rightblock .contact_info_block div.block { padding:0 0 15px 30px; width:258px; } .material_list_column .h1 { color:#FE2525; } .material_list_column a{ text-decoration: none; } .material_list_column span.head { background:url("../i/leftmenu_head_top.gif") no-repeat scroll 4px 0 transparent; color:#F4FFC1; display:block; font-weight:bold; line-height:135%; margin-top:-8px; padding-top:22px; } .material_list_column span.head span { background:url("../i/leftmenu_head.gif") no-repeat scroll 4px bottom transparent; display:block; padding:0 0 16px 12px; position:relative; z-index:0; } .material_list_column a.subitem { color:#F4FFC1; text-decoration:none; } .material_list_column ul { position:relative; z-index:1; } .material_list_column ul li { display:inline-block; } .material_list_column a.item { background:url("../i/leftmenu_a_bg.gif") no-repeat scroll 10px 0 transparent; display:inline-block; font-size:95%; padding:1px 8px 2px 24px; text-decoration:none; width:312px; } .material_list_column li.last a.item { background-image:url("../i/leftmenu_a_last_bg.gif"); } .material_list_column a.hover, .material_list_column a.item:hover {color: #ed4800; background: #284649 url(../i/leftmenu_a_bg_h2.gif) no-repeat 10px 0} .material_list_column li.last a.item {background-image: url(../i/leftmenu_a_last_bg.gif)} .material_list_column li.last a.hover, .material_list_column li.last a.item:hover {background-image: url(../i/leftmenu_a_last_bg_h2.gif)} .contact_info_block .h_3 { color: #FE2525; font-size: 100%; font-weight: bold; height: 19px; margin-bottom: 11px; padding: 0 0 0 14px; }