html {background: white url('/img/lcol_bg.png') left 43px repeat-y}
body {margin: 0; padding: 0; font: 8pt Verdana, Arial, Helvetica, sans-serif; color: #5b5b5b}


a:link {color: #a90202; text-decoration: none}
a:visited {color: #b91111; text-decoration: none}
a:hover {color: #faa63f}
a:active {color: #426c3d}


img {border: 0}

table.fullscreen {width: 100%; height: 100%; text-align: center}



/**** header ****/
.header .top {height: 31px; background: #9d0000 url('/img/hdr_top_menu_bg.png') repeat-x}
.header .top .menu {position: absolute; right: 40px; margin-top: 9px; color: white}

.header .top .menu a {margin-left: -4px; padding: 5px 12px 6px; border-right: 1px solid #be1c1c; border-left: 1px solid #921b1b}
.header .top .menu a.first {border-left: 0}
.header .top .menu a.last {border-right: 0}

.header .top .menu a:link,
.header .top .menu a:visited {color: white}
.header .top .menu a:hover,
.header .top .menu a:active {color: red}

.header .center {height: 198px; background: white url('/img/hdr_cntr_bg.jpg') left top no-repeat; border-top: 1px solid #627b61; border-bottom: 1px solid #9ecb9d}
.header .center .phone {
	position: absolute; margin: 141px 0 0 769px; padding: 0; min-width: 228px; height: 49px;
	font-weight: normal; font-size: 12pt; color: #9f0000;
	background: url('/img/hdr_phone.png') left top no-repeat
}
.header .center .phone .inr {padding: 19px 0 0 54px}

.header .bottom {position: absolute; width: 100%; background-color: red}
.header .bottom .right {position: absolute; right: 0; padding: 8px 20px 5px 0}
* html .header .bottom .right {right: -1px}



/**** content block ****/
.content_blk {border-collapse: collapse; width: 100%}
.content_blk td {padding: 0; vertical-align: top}


/*** left column ***/
.content_blk td.l_col {width: 242px}

.content_blk .l_col .shadow {position: absolute; margin: -1px auto auto 238px; width: 21px; height: 184px; background: url('/img/lcol_top_shdw.png') left top no-repeat}
.content_blk .l_col .top {position: absolute; margin-top: -121px; width: 238px; height: 121px}

/** list category **/
.l_col .list_catg {list-style: none; margin: 10px 0 30px; padding: 0 25px}
.l_col .list_catg li {margin: 0; padding: 0}
.l_col .list_catg li a {display: block; padding: 10px 0 10px 40px; font-size: 7pt; text-transform: uppercase;
						background: url('/img/lcol_li.png') 11px center no-repeat; border-bottom: 1px solid #f0f0f0}
* html .l_col .list_catg li a {width: 151px}


.l_col .list_catg li a.curr {background-image: url('/img/lcol_li_actv.png')}
.l_col .list_catg li a.sublevel_curr {display: compact; font-size: 7pt; padding:0px; background:none; text-transform: lowercase; border: none}
.l_col .list_catg li a.curr:link,
.l_col .list_catg li a.curr:visited,
.l_col .list_catg li a.sublevel_curr:link {color: #747474}
.l_col .list_catg li a.sublevel_curr:visited {color: #747474}
.l_col .list_catg li a.sublevel_curr:hover {color: #faa63f}
.l_col .list_catg li a.sublevel_curr:active {color: #426c3d}

.l_col .list_catg li a.sublevel {display: compact; font-size: 7pt; padding:0px; background:none; text-transform: lowercase; border: none}

.l_col .list_catg li a:link,
.l_col .list_catg li a.sublevel:link {color: #ac0505}
.l_col .list_catg li a:visited,
.l_col .list_catg li a.sublevel:visited {color: #b32525}
.l_col .list_catg li a:hover,
.l_col .list_catg li a.curr:hover,
.l_col .list_catg li a.sublevel:hover {color: #faa63f}
.l_col .list_catg li a:active,
.l_col .list_catg li a.curr:active,
.l_col .list_catg li a.sublevel:active {color: #426c3d}

.l_col .phone {margin: 0 0 25px; padding: 0 25px; font-weight: bold; font-size: 11pt; color: #a90202; text-align: center}

.l_col .basket {margin: auto; padding: 0 0 25px; width: 192px; text-align: center; font-size: 7pt; color: #007800}
.l_col .basket .order {margin: 3px 0; font-size: 7pt}

.l_col .basket h5 {margin: 0; padding: 8px 0 0; font-weight: normal; font-size: 7pt; color: #5d5d5d}
.l_col .basket ul.list_items {list-style: none; margin: 0; padding: 0 0 3px}
.l_col .basket ul.list_items li {padding: 2px 0; font-weight: bold}
.l_col .basket .sum_price {margin-bottom: 2px; padding: 2px 0 8px; font-weight: bold; font-size: 8pt}
.l_col .basket a.req_order {font-size: 8pt}


/*** right column ***/
.content_blk td.r_col {padding: 30px 20px 0 36px}

.content_blk .r_col .cnt_header {margin-bottom: 20px; padding-left: 85px; background: url('/img/rcol_hdr_name.png') left top no-repeat}
.content_blk .r_col .cnt_header h2 {margin: 0; padding: 3px 0; font: normal 17pt "Times New Roman", Times, serif; color: #293527; text-transform: uppercase}

.content_blk .r_col .cnt_text {margin-bottom: 20px}


/** list products **/
.r_col .list_products {border-collapse: collapse; margin: 15px 0; width: 100%}
* html .r_col .list_products {width: 95%}
.r_col .list_products td {padding: 0 25px 20px 20px; width: 50%; border-left: 1px solid #e4e4e2}

.list_products .hdr {margin: 0 0 0 -20px; padding: 0 0 10px 35px}

.list_products .hdr a:link {color: #a30707}
.list_products .hdr a:visited {color: #b91111}
.list_products .hdr a:hover {color: #faa63f}
.list_products .hdr a:active {color: #426c3d}

.list_products .hdr .catg {margin: 0 0 0 -28px; padding: 0 0 0 28px; font-weight: normal; font-size: 13pt; background: url('/img/lcol_li.png') left 6px no-repeat}

.list_products .hdr .catg a:link {color: #426c3d}
.list_products .hdr .catg a:visited {color: #426c3d}
.list_products .hdr .catg a:hover {color: #faa63f}
.list_products .hdr .catg a:active {color: #faa63f}

.list_products .hdr .srt_txt {margin: 1px 0 8px; padding: 0 0 8px; font-weight: normal; font-size: 8pt; border-bottom: 1px solid #e4e4e2}
.list_products .hdr .name {margin: 0; padding: 0; font-weight: bold; font-size: 10pt}
.list_products .hdr .pattern {position: absolute; width: 29px; height: 21px; margin-left: -36px; background: url('/img/rcol_list_hdr.png') left top no-repeat}

.list_products .desc {margin: 0 0 0 -20px; padding: 0 0 15px 35px}
.list_products .desc .pattern {position: absolute; width: 29px; height: 21px; margin-left: -36px; background: url('/img/rcol_list_desc.png') left top no-repeat}

.list_products .info {border-collapse: collapse}
.list_products .info td {padding: 0; width: auto; border-left: none}

.list_products .info .lcol {padding: 0 18px 0 16px}

.list_products .info .lcol .num_fs {margin-top: 3px; color: #342a2c; background-color: #e4e4e2}
.list_products .info .lcol .num_fs table {border-collapse: collapse; width: 100%}
.list_products .info .lcol .num_fs table td {vertical-align: bottom}
.list_products .info .lcol .num_fs .num {padding: 4px 8px; white-space: nowrap}
.list_products .info .lcol .num_fs .fullscrn {width: 19px}

.list_products .info .rcol .reason {padding-bottom: 18px}
.list_products .info .rcol .price {padding-bottom: 3px; color: #006a00}
.list_products .info .rcol .price .previous {position: absolute; margin-top: -15px; white-space: nowrap}
.list_products .info .rcol .presence .order {font-weight: bold; color: red}
.list_products .info .rcol a {display: block; margin-top: 5px; width: 65px; height: 55px}
.list_products .info .rcol .buy {background: url('/img/rcol_prd_buy.png') left 18px no-repeat}
.list_products .info .rcol .detail {background: url('/img/rcol_prd_detail.png') left 18px no-repeat}


/** product detail **/
.product_detail {margin: 15px 0}

.product_detail .name {margin: 0 0 0 -20px; padding: 0 0 10px 20px; font-weight: bold; font-size: 11pt; color: #211515}
.product_detail .desc {margin: 0 0 0 -20px; padding: 0 0 15px 20px}

.product_detail .info {margin-left: -2px}
.product_detail .info td {vertical-align: middle; background-color: #f2efeb; border: 1px solid white}

.product_detail .info .act {padding: 4px 10px}
.product_detail .info .act a {display: block; margin: auto; padding-top: 45px; width: 70px; text-align: center; background: center top no-repeat}
.product_detail .info .act a.basket {background-image: url('/img/rcol_prd_buy_d.png')}
.product_detail .info .act a.back {background-image: url('/img/rcol_prd_back_d.png')}

.product_detail .info .num {padding: 4px 8px; color: #342a2c}
.product_detail .info .access {padding: 4px 8px}

.product_detail .info .access .reason {padding-bottom: 18px}
.product_detail .info .access .price {padding-bottom: 3px}
.product_detail .info .access .price .previous {position: absolute; margin-top: -15px}
.product_detail .info .access .presence {padding-bottom: 2px}
.product_detail .info .access .presence .order {font-weight: bold; color: red}

.product_detail .list_img {margin: 15px 0; padding: 10px 0; border-top: 2px solid #f2efeb; clear: both}

.product_detail .list_img a {display: block; margin: 0 8px 8px; border: 1px solid #c8c3b8; background-color: #f1efea; float: left}
.product_detail .list_img a:hover {background-color: white}
.product_detail .list_img a span {display: block; padding: 8px; border: 1px solid #e6e3dd}

.product_detail .list_img_btm_brd {padding-top: 2px; border-bottom: 2px solid #f2efeb; clear: both}

.product_nt_find {margin-bottom: 15px; font-weight: bold; font-size: 10pt}


/** buy product **/
form.buy_product {margin: 0 0 30px; width: 90%; padding: 10px; background-color: #fcfbf8; border: 1px solid #f0f0f0}

table.buy_product {border-collapse: collapse; margin-bottom: 10px; width: 100%; border-width: 1px 0 0 1px; border-style: solid; border-color: #fcfbf8}
table.buy_product th,
table.buy_product td {padding: 5px 15px; text-align: center; vertical-align: middle;
						border-width: 0 1px 1px 0; border-style: solid; border-color: #f8f8f8}

table.buy_product th.name {background-color: #efece2}
table.buy_product th.price {background-color: #ebe7d9; white-space: nowrap}
table.buy_product th.qty {background-color: #efece2}

table.buy_product td {font-size: 10pt; color: black}
table.buy_product td.name {background-color: #f4f2e9}
table.buy_product td.price {background-color: #f0ece1}
table.buy_product td.qty {background-color: #f4f2e9}
table.buy_product td.qty input {padding: 2px 5px;
								font: bold 10pt Verdana, Arial, Helvetica, sans-serif; text-align: center;
								border: 1px solid #bcb7a8; background-color: white}

form.buy_product h3.goodbuy {margin: 3px 0 8px 1px; padding: 0; font: 14pt Georgia, "Times New Roman", Times, serif; color: #409845}

form.buy_product .act {margin: 5px 0 8px 1px; font-weight: bold; font-size: 9pt; color: #7b5919}

form.buy_product input.ok {margin: 0 15px 5px 0; padding: 1px 3px 2px 10px; width: 275px;
							font: bold 9pt Arial, Helvetica, sans-serif; color: #be0b0b; text-align: left;
							background-color: #fafafa; border: 1px solid #cdcdcd; cursor: pointer}
form.buy_product input.ok:hover,
form.buy_product input.ok:active {color: #faa63f}


/** regist order **/
form.edit_buy_list {margin: 0 0 30px; width: 95%; padding: 10px; background-color: #fcfbf8; border: 1px solid #f0f0f0}

table.edit_buy_list {border-collapse: collapse; margin-bottom: 15px; width: 100%; border-width: 1px 0 0 1px; border-style: solid; border-color: #fcfbf8}
table.edit_buy_list th,
table.edit_buy_list td {padding: 3px 8px; text-align: center; vertical-align: middle;
						border-width: 0 1px 1px 0; border-style: solid; border-color: #fcfbf8}

table.edit_buy_list th.name {background-color: #efece2; width: 44%}
table.edit_buy_list th.price {background-color: #ebe7d9; width: 15%}
* html table.edit_buy_list th.price {width: 20%}
table.edit_buy_list th.qty {background-color: #efece2; width: 1%}
table.edit_buy_list th.del {background-color: #ebe7d9; width: 1%; font-size: 7pt}

table.edit_buy_list td {font-size: 9pt; color: black}
table.edit_buy_list td.name {background-color: #f4f2e9}
table.edit_buy_list td.price {background-color: #f0ece1}
table.edit_buy_list td.qty {background-color: #f4f2e9}
table.edit_buy_list td.qty input {padding: 2px 5px;
								font: bold 10pt Verdana, Arial, Helvetica, sans-serif; text-align: center;
								border: 1px solid #bcb7a8; background-color: white}
table.edit_buy_list td.del {background-color: #f0ece1}


table.edit_buy_list tr.buy_sum {background-color: #edeade; font-weight: bold; font-size: 10pt}
table.edit_buy_list tr.buy_sum td {padding: 8px 5px}
table.edit_buy_list tr.buy_sum td.text {text-align: right}
table.edit_buy_list tr.buy_sum td.buy_sum {background-color: #f1e9d3; font: bold 13pt Arial, Helvetica, sans-serif; color: #d2340d; white-space: nowrap}

form.edit_buy_list .notice {margin-bottom: 10px; color: #32a8de}

form.edit_buy_list input.ok {margin: 0 15px 5px 0; padding: 2px 10px 3px;
							font: bold 9pt Arial, Helvetica, sans-serif; color: #be0b0b; text-align: left;
							background-color: #fafafa; border: 1px solid #cdcdcd; cursor: pointer}
* html form.edit_buy_list input.ok {width: 145px; text-align: center}
form.edit_buy_list input.ok:hover,
form.edit_buy_list input.ok:active {color: #faa63f}


/** contact info **/
h2.contact_info {margin: 35px 0 20px; padding: 0; font: bold 13pt Verdana, Arial, Helvetica, sans-serif; color: #edab31}

form.contact_info {margin: 20px 0 10px; width: 95%}
table.contact_info {margin-top: 10px; padding: 0}
table.contact_info td.col_l {padding: 10px 10px 10px 0; width: 50%}
table.contact_info td.col_r {padding: 10px 0 10px 10px; width: 50%; border-left: 1px solid #018801; border-bottom: 1px solid #018801}
table.contact_info td.col_l {}
table.contact_info td.col_d {padding-top: 15px; width: 100%}
table.contact_info td.col_r .notice {margin-bottom: 8px}
table.contact_info td.col_l .notice {margin-bottom: 8px}
table.contact_info td.col_d .notice {margin-bottom: 8px}

table.contacts td {padding: 3px 4px; vertical-align: middle}
table.contacts td.question {font-size: 9pt; text-align: right; white-space: nowrap}
table.contacts td.question small {display: block; margin-top: 5px; font-size: 7pt}

form.contact_info input,
form.contact_info textarea {padding: 2px; font: 10pt Arial, Helvetica, sans-serif; color: #463b2c; background-color: #fcfaf8; border: 1px solid #d8cec3}
form.contact_info td.submit {padding-left: 215px}
form.contact_info .bsubmit {margin-top: 20px; padding: 3px 6px;
			font: bold 9pt Verdana, Arial, Helvetica, sans-serif; color: #018801;
				background-color: #fafafa; border: 1px solid #cdcdcd; cursor: pointer}
* html form.contact_info .bsubmit {width: 127px}
form.contact_info .bsubmit:hover {color: #d2340d; background-color: white}

div.sendmail {margin-top: 20px; font-size: 14pt; color: maroon}


ul.warning {margin: 0; padding: 0 0 12px; font-size: 9pt; color: red}
ul.warning li {margin-left: 20px}
ul.warning li div {color: #564637}


.product_nt_presence {margin-bottom: 15px; font-weight: bold; font-size: 10pt}
a.rtn_back {font-size: 10pt}


/** pages **/
.pages_top {color: #de8f00}

.pages_top b {color: #426c3d}

.pages_top a:link {color: #5b5b5b}
.pages_top a:visited {color: #8c8c8c}
.pages_top a:hover {color: #faa63f}
.pages_top a:active {color: #426c3d}

.pages_empty {width: 80px; height: 8px; background-color: white}

.pages_btm {margin-bottom: 5px; padding: 5px 0; font-size: 9pt}

.pages_btm a:link {color: #a90202}
.pages_btm a:visited {color: #8c8c8c}
.pages_btm a:hover {color: #faa63f}
.pages_btm a:active {color: #426c3d}


/** redirect **/
.buy_redirect,
.req_order_redirect {margin: 220px 180px; padding: 12px; text-align: center; border: 1px solid #f5b669}
.buy_redirect h3,
.req_order_redirect h3 {margin: 0 0 20px; padding: 0; font: bold 13pt Arial, Helvetica, sans-serif}


/** contacts **/
form.contacts {margin: 20px 0 10px}

form.contacts .notice {margin-bottom: 20px; text-align: center}

form.contacts table.contacts td {padding: 4px; vertical-align: middle}
form.contacts table.contacts td.question {padding-right: 8px; text-align: right}
form.contacts table.contacts td.question small {display: block; margin-top: 5px; font-size: 7pt}

form.contacts input,
form.contacts textarea {padding: 2px; font: 10pt Arial, Helvetica, sans-serif; color: #463b2c; border: 1px solid #d8cec3; background-color: #fcfaf8}
form.contacts .bsubmit {margin-top: 20px; padding: 3px 6px;
			font: bold 9pt Verdana, Arial, Helvetica, sans-serif; color: #018801;
				background-color: #fafafa; border: 1px solid #d0cec5; cursor: pointer}
form.contacts .bsubmit:hover {color: #d2340d; background-color: white}

div.sendmail {margin-top: 20px; font-size: 14pt; color: #018801}



/** footer **/
.footer {padding: 40px 0 12px; width: 80%; clear: both}

.footer div {padding-bottom: 12px}

.footer .menu {font-size: 8pt; text-transform: uppercase}
.footer .menu a {padding: 0 2px}

.footer .menu a:link {color: #5b5b5b}
.footer .menu a:visited {color: #8c8c8c}
.footer .menu a:hover {color: #faa63f}
.footer .menu a:active {color: #426c3d}