html {height: 100%}
#cards { background: #fff url(../images/card_add.gif) no-repeat 0px 10px; border:4px solid #D6D6D6;left:50%;opacity:100;position:fixed;top:50%; display: none; width: 263px; padding:5px; height: 84px; z-index: 1000; margin:-42px 0 0 -132px;
_position: absolute;
_top: expression(
parseInt(document.getElementsByTagName("html")[0].scrollTop + document.documentElement.clientHeight - this.offsetHeight, 9) + "px"
);
}
*html #cards {position:absolute;}
#cards div{ font-size: 12px; font-weight: bold; font-family: Arial; color:#b21a01; text-align: center; font-style:oblique;margin-bottom:0;margin-left:37px;text-align:center; }
#cards p{ font-size: 12px; font-weight: normal; font-family: Tahoma; color:#7a7a79; margin-top:6px;padding-left:80px;padding-right:30px; }
body {background: #767676 url(../images/body.jpg) repeat-y 50% 0; font: 12px/18px Arial, Tahoma, Verdana, sans-serif; height: 100%; color: #000000; margin:0;}
a {color: #000000; outline: none; text-decoration: underline;}
a:hover {text-decoration: none;}
p {margin: 0 0 0px}
img {border: none;}
input {vertical-align: middle}
ul {margin: 0 0 10px 20px;}
h1 {color: #5E504C; font-size: 18px; font-weight: bold; font-style: italic; padding: 10px; margin-bottom: 5px; margin-top: 10px;}
#wrapper {
background: #F4F3EE url(../images/body_bg.png) repeat-x 0 0;
min-width: 980px;
min-height: 100%;
height: auto !important;
height: 100%;
margin:0 auto;
width:980px;
}
#wrapper div#inner {background: url(../images/wrap_top.png) no-repeat 100% 0;}
.ib {display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline;}
.cb {clear: both; _font-size: 1px;}
.ie_catalog {_height: 1px;}
.breadcrumbs {padding: 5px 0; font-size: 11px; margin-top: 10px;}
.breadcrumbs a {text-decoration: none;}
.breadcrumbs a:hover {text-decoration: underline;}
/* Header
-----------------------------------------------------------------------------*/
#header {height: 280px;}
.nav_icons {}
.nav_icons a {background: url(../images/nav_icons.png) no-repeat 0 0; width: 24px; height: 24px; position: absolute; margin-top: 5px;}
.nav_icons a#home {background-position: 0 0; margin-left: 10px;}
.nav_icons a#mail {background-position: -24px 0; margin-left: 40px;}
.nav_icons a#map {background-position: -48px 0; margin-left: 70px;}
#logo {background: url(../images/logo.png) no-repeat 0 0; width: 145px; height: 36px; text-indent: -9999px; float:right; margin-top: 23px;}
#phone {background: url(../images/top_phone.png) no-repeat 0 0; width: 373px; height: 109px; text-indent: -9999px; float: right; margin: 8px 30px 0 0;}
#top_menu {text-align: center; width: 980px; position: absolute; top: 228px;}
#top_menu a {background: url(../images/top_menu_button.png) no-repeat 0 0; height: 48px; width: 166px; margin: 0 -3px; line-height: 48px; font-size: 15px; font-style: italic; color: #FBFBFB; font-weight: bold; text-decoration: none;}
#top_menu a.item1 {background-position: 0 0;}
#top_menu a.item2 {background-position: 0 -50px;}
#top_menu a.item3 {background-position: 0 -100px;}
#top_menu a.item4 {background-position: 0 -150px;}
#top_menu a.item5 {background-position: 0 -200px;}
#top_menu a.item6 {background-position: 0 -250px;}
/* Middle
-----------------------------------------------------------------------------*/
#middle {width: 100%; padding: 0 0 106px; height: 1%;}
#middle:after {content: '.'; display: block; clear: both; visibility: hidden; height: 0;}
#container {width: 100%; float: left; overflow: hidden;}
#content {padding: 0 180px;}
.main {background: url(../images/content_bg_.png) no-repeat 100% 100%; width: 620px;}
.inner {background: url(../images/content_bg.png) no-repeat 0 0; padding: 0 10px 10px 10px;text-align:justify;}
/* Sidebar
-----------------------------------------------------------------------------*/
.box {background: url(../images/box_bg.png) no-repeat 0 0; margin: 10px 5px 30px 5px; width: 166px;}
.box .inner {background: url(../images/box_bg.png) no-repeat 100% 100%; padding: 35px 5px 5px 5px;}
.box .inner p{color:#646464;font-size:14px;font-style:italic;margin:0 0 0 1px;}
.box .inner p span {color:#8E581B;font-size:16px;font-weight:bold;}
.box .inner p.order_button {background: url(../images/button_bg.png) no-repeat 0 0;width:82px; height:25px;font-size:12px;text-align:center;padding-top:3px;margin-left:75px;margin-top:10px;}
.box .inner p.order_button a{color:white; text-decoration:none;}
.box .header {background: url(../images/box_header.png) no-repeat 0 0; margin: -50px 0 0 -2px; height: 45px; width: 161px; text-align: center; font-weight: bold; color: #E6E6E6; font-style: italic; line-height: 45px; font-size: 14px; position: absolute;}
.box .header2 {background: url(../images/box_header.png) no-repeat 0 100%; margin: -50px 0 0 -2px; height: 45px; width: 161px; text-align: center; font-weight: bold; color: #E6E6E6; font-style: italic; line-height: 45px; font-size: 14px; position: absolute;}
/* Sidebar Left
-----------------------------------------------------------------------------*/
.sl {float: left; width: 170px; margin-left: -100%; position: relative;}
/* Sidebar Right
-----------------------------------------------------------------------------*/
.sr {float: left; margin-right: -3px; width: 170px; margin-left: -177px; position: relative;}
.new_product {margin-bottom: 10px;}
.new_product .wrap .image {float:left; margin-left: 7px; _margin-left: 3px; _position: relative;}
.new_product .wrap .image img {background: url(../images/thumb_bg.png) no-repeat 0 0; padding: 5px; width: 132px; height: 105px; overflow: hidden; _position: relative; display: block;}
.new_product .wrap a.name {color: #615E0E; font-style: italic; display: block;text-align:center;}
.news_item {margin-bottom: 10px; position: relative;}
.news_item .date {color: #8E581B; font-weight: bold; font-style: italic; font-size: 16px;}
.news_archive {background: url(../images/price_small.png) no-repeat 50% 0; display: block; text-align: center; color: #ebebeb; line-height: 25px; text-decoration: none; width: 120px; margin: 0 auto;}
a.more {background: url(../images/button_more.png) no-repeat 0 0; text-indent: -9999px; width: 80px; height: 28px; display: block; float: right; margin:0 5px;}
a.catalog_item {background: url(../images/arrow.png) no-repeat 0 50%; padding-left: 10px; margin: 0 0 2px; display: block;}
/* Footer
-----------------------------------------------------------------------------*/
#footer {background: url(../images/footer.png) repeat-x 0 0; margin: -106px auto 0; width: 980px; height: 106px; position:relative;}
#footer div {background: url(../images/footer_nr.png) no-repeat 0 0; height: 106px; overflow: hidden;}
#footer div span.company {line-height: 144px; font-size: 15px; color: #FBFBFB; font-weight: bold; padding-left: 156px; float: left;}
.company1 {color:#FBFBFB; float:left; font-size:15px; font-weight:bold; line-height:182px; padding-left:62px;}
/*#footer div span.phone {line-height: 180px; font-size: 15px; color: #615D56; font-weight: bold; padding-right: 25px; float: right;}*/
#footer div span.phone {color:#615D56;float:right;font-size:15px;font-weight:bold;line-height:21px;padding-right:125px;padding-top:55px;}
#footer div span.phone strong {color: #523701; font-size: 20px;}
#footer #counters {background: none; right:12px; top:50px;position: absolute; height: auto;}
#footer #counters1 {background: none; margin:62px 0 0 156px; position: absolute; height: auto;}
.nsh{font-weight:bold;}
.prw {background:none repeat scroll 0 0 transparent !important; bottom:5px; color:#FBFBFB; height:18px !important; left:65px; position:absolute;}
.prw a{color:#FBFBFB;}
.prw img{margin-bottom:-3px;}
/* Product
-----------------------------------------------------------------------------*/
.products {text-align: center; vertical-align: top;}
.single_product {width: 48%; _width: 47%; margin: 1%; text-align: left; float: left;}
.single_product .top {background: #E7E3D8; margin: 0 8px; _position: relative; _font-size:1px; height: 8px;}
.single_product .top .right {background: url(../images/product_corners.png) no-repeat 100% 0; width: 8px; height: 8px; float: right; margin-right: -8px; _position: relative; _font-size:1px;}
.single_product .top .left {background: url(../images/product_corners.png) no-repeat 0 0; width: 8px; height: 8px; float: left; margin-left: -8px; _position: relative; _font-size:1px;}
.single_product .bottom {background: #E7E3D8; margin: 0 8px; height: 8px; _position: relative; _font-size:1px;}
.single_product .bottom .right {background: url(../images/product_corners.png) no-repeat 100% 100%; width: 8px; height: 8px; float: right; margin-right: -8px; _position: relative; _font-size:1px;}
.single_product .bottom .left {background: url(../images/product_corners.png) no-repeat 0 100%; width: 8px; height: 8px; float: left; margin-left: -8px; _position: relative; _font-size:1px;}
.single_product .wrap {background: #E7E3D8; clear: both;}
.single_product .wrap .image {float:left; margin-left: 8px; text-align: center; _margin-left: 4px; _position: relative;}
.single_product .wrap .image img {/*background: url(../images/thumb_bg.png) no-repeat 0 0;width: 132px;height: 105px;padding: 5px;*/ overflow: hidden; _position: relative; display: block;}
.single_product .wrap .image a.zoom {background: url(../images/zoom.png) no-repeat 0 0; line-height: 27px; color: #545000; display: block; padding-left: 30px; margin-top: 3px;}
.single_product .wrap .description {padding: 0 5px 0 160px;}
.single_product .wrap .description p {height: 90px; overflow: hidden; margin: 0; font-size: 11px;}
.single_product .wrap .description a.name {color: #615E0E; font-style: italic; display: block;}
.single_product .wrap span.price {background: url(../images/price_small.png) no-repeat 0 0; width: 114px; height: 25px; display: block; float: right; text-align:center; margin-right: 4px; _margin-right: 3px; color: #ebebeb; line-height: 25px;}
.single_product .wrap span.order a{background: url(../images/button_bg.png) no-repeat 0 0; width: 82px; height: 25px; display: block; float: right; text-align:center; margin-right: 4px; _margin-right: 3px; color: #ebebeb; line-height: 25px;text-decoration:none;}
.single_product .wrap a.more {background: url(../images/button_more.png) no-repeat 0 0; text-indent: -9999px; width: 80px; height: 28px; display: block; float: right; margin: 0 4px 0 0;}
.product .image {_position: relative; text-align: center;}
.image table td {width:5px; height:5px;}
.product .image img {/*background: url(../images/thumb_bg.png) no-repeat 0 0;border:3px solid #B7B7BA;*/ margin: 5px; /*width: 132px; height: 105px; overflow: hidden;*/ _position: relative;}
.product .price {text-align: center; color: #523701; font-size: 14px; margin: 10px 0 0 0; font-weight: bold;}
.product .description {padding: 0 5px;}
.description h2{margin:0;}
.product span.order a{background: url(../images/button_bg.png) no-repeat 0 0; width: 82px; height: 25px; text-align:center; color: #ebebeb; line-height: 25px;text-decoration:none;}
.cat_image {float: right; margin: 0 8px;}
/*Стили заказа*/
.order_form {width:600px; padding:1px;}
.order_form h2 {color:#D91A00; font-size:10pt; margin: 10px 0 5px 0; padding:0;font-weight:normal;}
#ober {height:355px;padding: 8px;}
.order_row label {width:200px; float:left;}
.order_row label span {color:#D91A00;}
.order_row input, .order_row textarea {float:left;margin-bottom:5px; width:370px;background-color:#DFD9CD;border-left:1px solid #433F3F;border-top:1px solid #433F3F; border-right:1px solid #797879;border-bottom:1px solid #797879; color:#6C6C6B;}
#order_sen {background: url(../images/tpod.jpg) no-repeat 0 bottom;border:0 none;cursor:pointer;float:right;height:31px;margin-right:15px;margin-top:10px;width:110px;}
.order_button {background: url(../images/button_bg.png) no-repeat 0 bottom;}
/*Корзина заказа*/
#shopers,#orders {border: 1px solid #D0D0D0;width: 98%;font-family: Verdana, Arial, Helvetica, sans-serif;color: #414141;}
#shopers span {color: red !important; font-weight: bold;}
#shopers th,#orders td {background-color:#DADCDD;font-size:13px;font-style:italic;font-weight:normal;text-align:center;}
#shopers th {color: #1C1C1C;}
#shopers td, #shopers th,#orders td {border-right: 1px solid #D0D0D0;border-bottom: 1px solid #D0D0D0;}
#shopers td {background-color: #E5E7E8; color: #6C7885; padding:5px;}
#shopers td.tdhov,#orders.tdhov {background-color: #DFE1E2;}
#shopers td a {color: #6C7885;}
#per {background:transparent url(../images/button_bg.png) no-repeat scroll 0 0;border:0 none;color:white;cursor:pointer;float:right;font-size:11px;height:24px;margin-top:10px;width:75px;}
#cl_shop {background:transparent url(../images/button_bg.png) no-repeat scroll 0 0;border:0 none;color:white;cursor:pointer;float:right;height:24px;margin-right:30px;margin-top:10px;text-decoration:none;width:65px;padding-left:13px;padding-top:4px;margin-left:20px;}
#orders td input,#orders td textarea,#shopers td input,#vform{background-color:#eeeeee;border-left:1px solid black;border-top:1px solid black;color:#6C6C6B;}
#order_send {cursor:pointer; background:transparent url(../images/button_bg.png) no-repeat scroll 0 0;border:0 none;color:white;float:right;font-size:12px;height:31px;margin:9px 30px 20px;width:79px;padding-bottom:8px;}
/*Новости*/
.news {}
.news h2 {font-size: 12px; color: #8E581B; padding: 5px;}
.news h2 span {color: #6C1203;}
.news p {margin: 0;}
.news_item {width: 98%; _width: 97%; margin: 1%; text-align: left; float: left;}
.news_item h2 a {color: #6C1203;font-size: 12px;}
.news_item .top {background: #E7E3D8; margin: 0 8px; _position: relative; _font-size:1px; height: 8px;}
.news_item .top .right {background: url(../images/product_corners.png) no-repeat 100% 0; width: 8px; height: 8px; float: right; margin-right: -8px; _position: relative; _font-size:1px;}
.news_item .top .left {background: url(../images/product_corners.png) no-repeat 0 0; width: 8px; height: 8px; float: left; margin-left: -8px; _position: relative; _font-size:1px;}
.news_item .bottom {background: #E7E3D8; margin: 0 8px; height: 8px; _position: relative; _font-size:1px;}
.news_item .bottom .right {background: url(../images/product_corners.png) no-repeat 100% 100%; width: 8px; height: 8px; float: right; margin-right: -8px; _position: relative; _font-size:1px;}
.news_item .bottom .left {background: url(../images/product_corners.png) no-repeat 0 100%; width: 8px; height: 8px; float: left; margin-left: -8px; _position: relative; _font-size:1px;}
.news_item .wrap {background: #E7E3D8; clear: both;}
.news_item .wrap .image {float: left; margin: 0 8px;}
.news_item .wrap .image img {display: block; padding: 3px; background: #C2BBB1;}
.news_item .wrap .description {padding: 0 5px 0 5px;margin-left:150px;}
.news_item .wrap .description a.name {color: #615E0E; font-style: italic; display: block;}
.news_item .wrap a.more {background: url(../images/button_more.png) no-repeat 0 0; text-indent: -9999px; width: 80px; height: 28px; display: block; float: right; margin-right: 4px;}
/*Карта сайта*/
.map {margin-left: 20px;}
.map ul {margin-left: 20px;}
#pplag {text-align: center;font-family: Verdana, Arial, Helvetica, sans-serif;color: #767676;}
#pplag p{margin:4px 0;}
#pplag a{color: #6C1203; margin: 0 3px;}
#next,#prev,#end_list,#start_list{text-decoration: none;}
/*для вертикального выравнивания картинок*/
.v-outer {
display: table;
#position: relative;
overflow: hidden;
height: 100px;
color: white;
float: left;
margin-left: 7px;
_margin-left: 3px;
_position: relative;
width: 150px;
text-align: center;
}
.v-middle {
display: table-cell;
#position: absolute;
#top: 50%;
vertical-align: middle;
}
.v-inner {
#position: relative;
#top: -50%;
#left: -50%;
}
.map{
margin-bottom:0px;
}
/* Закругляем края у рамок */
div.w60
{
margin:0 auto;
text-align:center;
display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline;
}
div.box-c
{
height:10px;
margin: 0 10px;
position: relative;
background: #c2bbb1;
/*display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline;*/
}
div.box-c em b
{
position:absolute;
font:80px Arial;
line-height:26px;
font-weight:normal;
}
.ctl, .cbl, .ctr, .cbr
{
z-index:11;
width:12px;
height:12px;
color:#c2bbb1;
overflow:hidden;
position:absolute;
background:transparent;
}
.ctl {left:-11px;top:-2px;}
.cbl {left:-10px;top:0;}
.ctr {right:-10px;top:-2px;}
.cbr {bottom:-2px;right:-10px;}
.ctl b {left:-3px;top:0;}
.ctr b {left:-12px;}
.cbl b {left:-4px;top:-12px;}
.cbr b {left:-12px;top:-12px;}
div.box-inner
{
padding: 0 10px;
background: #c2bbb1;
}
.offtop {text-align:justify;}
.offtop h2{color:#5E504C; font-size:15px; font-style:italic; font-weight:bold; margin-bottom:5px;}
.main-table {text-align: center;}
.main-table table {width: 90%; border-collapse: collapse; border: 1px solid #888888; border-width: 1px 0 0 1px; margin: 10px auto 0 auto;}
.main-table table td, .main-table table th {border: 1px solid #888888; border-width: 0 1px 1px 0; padding: 3px 5px;}
.main-table table th {background: #CDCABE;}
.main-table table td.name {text-align: left;}
.main-table table td.name a {font-weight: bold;}
.olr{color:#ff0000; }
.olr2{color:#ff0000; margin-top:10px;}
#footer #por_link {position:absolute;margin-top:-20px;}
#footer #por_link li{list-style:none; float:left; margin-right:10px;}
#footer #por_link a{display:inline;color:#fff;font-size:11px;}
#footer #set_link {position:absolute;margin-top:-31px;}
#footer #set_link li{list-style:none; float:left; margin-right:10px;}
#footer #set_link a{display:inline;color:#fff;font-size:11px;}
#footer #set_link b{display:block;margin-bottom:-5px;color:#ccc;}
.sidebar #por_link{margin:0 0 0 20px;padding:0;}
.sidebar #por_link a{color:#333; font-size:11px;}
.sidebar #set_link{margin:0 0 0 20px;padding:0;}
.sidebar #set_link a{color:#333; font-size:11px;}
.sidebar #set_link b{color:#8E581B;}
#content #por_link{margin:20px;padding:0;}
#content #por_link a{color:#333; font-size:11px;}
#content #set_link{margin:20px;padding:0;}
#content #set_link a{color:#333; font-size:11px;}
#content #set_link b{color:#8E581B;}
.it_name{color:#6C1203;font-size:12px;font-weight:700;}
.baherr {text-align:center; margin-top:7px;}
.prw1 {background:none repeat scroll 0 0 transparent !important; bottom:2px; color:#615D56; height:18px !important; right: 11px; position:absolute;font-size: 11px;}
.prw1 a{color:#615D56; text-decoration:none;}