* {padding:0; margin:0}
html {height:100%; width:100%}
body {position:relative; height:100%; background:#f4efeb url(../images/body_bg_y.png) 50% 0 repeat-y; font-size:12px; font-family:tahoma; color:#000; line-height:1.3em;}
img {border:0}
table {border-collapse:collapse; border:0}
ul {list-style:none}

a {color:#ac5500; outline:none}
a:hover {text-decoration:none}
p {padding-bottom:15px}
h1, h2, h3 {line-height:1.1em; color:#ff8300; padding-bottom:15px; font-size:18px; font-weight:normal}
h1 {padding-bottom:22px}

/*--- framework ---*/
.page_wrap {min-height:100%; _height:100%; background:url(../images/body_bg_t.jpg) 50% 0 no-repeat}
/*.page {margin:0 auto; min-width:998px; max-width:1200px}
* html .page {_width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 998)? "998px" : (((document.documentElement.clientWidth || document.body.clientWidth) > 1200)? "1200px" : "100%"))}*/
.page {margin:0 auto; min-width:998px}
* html .page {_width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 998)? "998px" : "100%")}
.header {position:relative; height:367px}
.main_content {display:table; width:100%; height:auto; padding-bottom:166px;}
.left_column {float:left; margin-left:-100%; width:200px}
.center_column_wrap {float:left; width:100%}
.center_column {margin:18px 215px 0 215px}
.right_column {float:left; width:200px; margin-left:-200px}
.footer {height:166px; margin:-166px auto 0 auto}

/*--- header ---*/
.header .logo {position:absolute; left:9%; top:85px}

.top_menu {position:absolute; left:2%; top:245px; width:97%}
.top_menu ul {display:block; padding:0 50px}
.top_menu li {float:left; width:24%}
.top_menu li a {display:block; width:180px; height:108px; background:0 0 no-repeat; margin:0 auto}
.top_menu li.item1 a {background-image:url(../images/top_menu_item1.png)}
.top_menu li.item2 a {background-image:url(../images/top_menu_item2.png)}
.top_menu li.item3 a {background-image:url(../images/top_menu_item3.png)}
.top_menu li.item4 a {background-image:url(../images/top_menu_item4.png)}
.top_menu li a span {display:none}
.top_menu li a:hover, .top_menu li.active a {background-position:0 -108px; _background-position:0 -107px}


/*--- footer ---*/
.footer {background:url(../images/footer_bg1.png) 0 100% repeat-x}
.footer_inside {background:url(../images/footer_bg2.png) 0 100% no-repeat; padding:111px 0 0 230px}
.footer .copy {line-height:55px; color:#fff; text-align:center}

/*--- main content ---*/
.block h3 {height:51px; background:0 0 no-repeat; line-height:27px; padding:13px 0 0 14px; color:#fff}
.block.bg1 h3 {background-image:url(../images/h_l1.png)}
.block.bg2 h3 {background-image:url(../images/h_l2.png)}
.block.bg3 h3 {background-image:url(../images/h_r1.png); padding-left:25px}

.left_menu {margin-top:-8px}
.left_menu li {display:block; line-height:0; background:url(../images/ico_point.gif) 4px 9px no-repeat; padding:5px 10px 5px 16px}
.left_menu li a {color:#000; line-height:1.1em; text-decoration:none}
.left_menu li a:hover {color:#ac5500}
.left_menu li a.active {color:#ac5500}
.left_menu li ul {padding:5px 0 0 0; margin-bottom:-5px}
.left_menu li li {padding-left:0}
.left_menu li li a {padding-left:16px; display:block}
.left_menu li li li {background:none; padding:1px 0 2px 10px}
.left_menu li li li a {display:block; width:166px; background:url(../images/left_menu_item_bg.png) -166px 0 no-repeat; padding:0; text-decoration:underline; color:#ac5500}
.left_menu li li li a span {display:block; background:url(../images/left_menu_item_bg.png) 500px 0 no-repeat; padding:1px 12px 2px 16px}
.left_menu li li li a:hover {background-position:0 0; color:#fff; background-color:#b99e8d; text-decoration:none}
.left_menu li li li a.active {background-position:0 0; color:#fff; background-color:#b99e8d; text-decoration:none}
.left_menu li li li a.active span {background-position:-166px 100%; text-decoration:none}
.left_menu li li li a:hover span {background-position:-166px 100%; text-decoration:none}

input.txt {line-height:12px; font-size:12px; color:#000; border:1px solid #bfa694; padding:2px 5px; background:#efe9e6}
textarea {line-height:14px; font-size:12px; color:#000; border:1px solid #bfa694; padding:5px; background:#efe9e6; font-family:tahoma}

.reviews {padding:0 0 20px 14px}
.reviews .txt {width:153px; border-color:#ff8a00; background-color:#fff4e4; margin-bottom:9px}
.reviews textarea {width:153px; height:78px; border-color:#ff8a00; background-color:#fff4e4; margin-bottom:9px}
.reviews .btn {margin-left:36px}

.news {padding:0 10px 15px 25px}
.news li {display:block; line-height:0; padding-bottom:20px}
.news li a {line-height:1.2em; color:#444}

div.cart {padding-bottom:22px; background:url(../images/cart_bg.png) -200px 100% no-repeat; width:200px}
div.cart_inside {background:url(../images/cart_bg.png) 0px 0 no-repeat; padding:21px 10px 10px 26px; color:#fff; width:164px}
div.cart .txt {color:#fff; font-size:11px; line-height:1.4em}
div.cart .txt b {font-size:12px; font-weight:normal; color:#f00}
div.cart h3 {color:#fff}

.photos {padding-bottom:10px}
.photos img {border:3px solid #c3a391}
.photos .img {padding-bottom:12px}
.photos .min_imgs {display:table; width:100%; height:auto}
.photos .min_imgs ul {float:left; width:100%}
.photos .min_imgs li {float:left; padding:0 12px 10px 0}

.description {padding-bottom:30px}
.description p {padding-bottom:2px}

.list_buy {background:url(../images/line.gif) 0 0 repeat-x; padding-bottom:30px}
.list_buy table {width:100%}
.list_buy tr {background:url(../images/line.gif) 0 100% repeat-x}
.list_buy td {padding:24px 0}
.list_buy .btn {text-align:right}
.list_buy .price {color:#0a8e00; font-size:18px; font-weight:normal; padding:0 30px}
.list_buy .txt {color:#696969; font-size:18px; font-weight:normal}

.hr {font-size:0; line-height:0; padding-top:20px; margin-bottom:20px; background:url(../images/line.gif) 0 100% repeat-x}
.hr2 {font-size:0; line-height:0; padding-top:20px; margin-bottom:20px; background:url(../images/line2.gif) 0 100% repeat-x}

.catalog {display:table; width:100%; height:auto; padding-bottom:30px; overflow:hidden}
.catalog_inside {float:left; width:100%; margin-left:-23px}
.catalog .item {float:left; width:201px; padding:25px 0 25px 23px; background:url(../images/line2.gif) 0 100% repeat-x}
.catalog .item .divimg {height:201px; width: 201px; text-align: center; }
.catalog .item .img {border:3px solid #c3a391; height:170px; width: 200px;}
.catalog .item h3 {padding-bottom:0px; margin-bottom:10px; text-align:center; line-height:18px; height:54px; overflow:hidden}
.catalog .item .price {display:block; padding:13px 0; text-align:center; color:#696969; font-size:14px}
.catalog .item .price b {font-size:24px; font-weight:normal; color:#0a8e00}
.catalog .item .btn_more {margin-left:20px}

.google_map img {border:3px solid #c3a391}

.btns {display:table; width:100%; height:auto; padding:5px 0 30px 0}
.btns a {float:left}

.user_cart {padding-bottom:30px}
.user_cart .cart_block {background:#e7ded8 url(../images/block_cart_bg_t_l.png) 0 0 no-repeat}
.user_cart .cart_block_bg1 {background:url(../images/block_cart_bg_t_r.png) 100% 0 no-repeat}
.user_cart .cart_block_bg2 {background:url(../images/block_cart_bg_b_r.png) 100% 100% no-repeat}
.user_cart .cart_block_inside {background:url(../images/block_cart_bg_b_l.png) 0 100% no-repeat}
.user_cart .cart_block table {width:100%}
.user_cart .cart_block th {color:#fff; height:26px; line-height:26px}
.user_cart .cart_block td {padding:12px 20px}
.user_cart .cart_block td input.txt {width:40px; text-align:center}
.user_cart .cart_block td.price {white-space:nowrap}
.user_cart .cart_block td.cost {white-space:nowrap}
.user_cart .all_cost_order {padding:20px; background:url(../images/line2.gif) 0 100% repeat-x; text-align:center; margin-bottom:10px}
.user_cart .all_cost_order b {font-weight:normal}
.user_cart .all_cost_order strong {color:#ff8300; font-size:18px; font-weight:normal; padding:0 16px}
.user_cart .all_cost_order small {font-size:11px}

.btn_right {text-align:right}
.btn_center {text-align:center; padding:25px 0 30px}

.do_order {display:table; width:564px; height:auto; margin:0 auto}
.do_order div {float:left; width:100%; padding-bottom:15px}
.do_order div b {float:left; width:280px; font-weight:normal; color:#424242}
.do_order div i {padding-left:3px; color:#f00}
.do_order div input.txt {float:right; width:265px}
.do_order div textarea {float:right; width:265px; height:100px}
.do_order div textarea.h2 {height:56px}
.do_order div textarea.h3 {height:52px}

/*  1 - 2 - 3    */
.current, .page_link, .ctrl
{
	padding: 0.2em 0.5em 0.3em 0.5em;
	float: left;
	display: block;
	margin-right: 0.3em;
	background: ;
	float: left;
}

.page_link
{
	border: 1px solid #e7e7e7;
}
.current
{
	border: 1px solid #d20a1c;
	background-color: #d20a1c;
	color: #fff;
}

.ctrl
{
	padding: 0.5em 0.5em 0.3em 0.5em;
	font-size: 10px;
	color: #4F3327;
}

#ShowAddComment
{
	margin: 20px 0px;
	font-size: 14pt;
}

/*  ""   */
.c_u_l
{
	font-weight: bold;
}

/*    */
.cr
{
	display: none;
	margin: 0px 0px 10px 20px;
}

/* sub-div    */
.csd
{
	margin-left: 20px;
}

.comment
{
	background: #F0EFEB;
	padding: 30px;
	margin-bottom: 10px;
	width: 450px;
	zoom: 1;
	position: relative;
	padding: 20px;
}

.comment_desc
{
	margin: 0px 0px 10px 20px;
}

.comment .tl
{
	position: absolute;
	top: 0px;
	left: 0px;
	background: url('/images/tl_angle.png') repeat-x 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tl_angle.png');
	width: 8px;
	height: 8px;
}

.comment .tr
{
	position: absolute;
	top: 0px;
	right: 0px !important;
	right: auto;
	left: expression((parentElement.clientWidth - 8) + "px");
	background: url('/images/tr_angle.png') repeat-x 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tr_angle.png');
	width: 8px;
	height: 8px;
}

.comment .bl
{
	position: absolute;
	bottom: 0px !important;
	bottom: auto;
	top: expression((parentElement.clientHeight - 8) + "px");
	left: 0px;
	background: url('/images/bl_angle.png') repeat-x 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bl_angle.png');
	width: 8px;
	height: 8px;
}

.comment .br
{
	position: absolute;
	bottom: 0px !important;
	bottom: auto;
	top: expression((parentElement.clientHeight - 8) + "px");
	right: 0px !important;
	right: auto;
	left: expression((parentElement.clientWidth - 8) + "px");
	background: url('/images/br_angle.png') repeat-x 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/br_angle.png');
	width: 8px;
	height: 8px;
}

.comment .mceEditor {
	width: 442px;
}

.stars
{
	margin: 0px;
	padding: 0px;
}

.stars li
{
	margin: 0px;
	padding: 0px;
	width: 16px;
	height: 16px;
	float: left;
	background: url('/hostcmsfiles/images/stars_gray.gif') no-repeat 0 0;
	cursor: pointer;
	list-style-type: none;
}

.group_gallery
{
	float: left;
	position: relative;
	padding: 7px;
	margin: 0px 25px 25px 0px;
	background-color: #eee;
}

.group_gallery img
{
	padding: 1px;
	border: 1px solid #c6bea7;

}

.group_gallery .t
{
	position: absolute;
	top: -4px;
	left: 0px;
	background: url('/images/t_fotogroup.png') no-repeat 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/t_fotogroup.png');
	width: 88px;
	height: 4px;
}

.group_gallery .r
{
	position: absolute;
	top: 0px;
	right: -4px;
	background: url('/images/r_fotogroup.png') no-repeat 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/r_fotogroup.png');
	width: 4px;
	height: 88px;
}

.group_gallery .b
{
	position: absolute;
	bottom: -4px;
	right: 0px;
	background: url('/images/b_fotogroup.png') no-repeat 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/b_fotogroup.png');
	width: 88px;
	height: 4px;
}

.group_gallery .l
{
	position: absolute;
	bottom: 0px;
	left: -4px;
	background: url('/images/l_fotogroup.png') no-repeat 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/l_fotogroup.png');
	width: 4px;
	height: 88px;
}

.stars .curr
{
	margin: 0px;
	padding: 0px;
	width: 16px;
	height: 16px;
	float: left;
	background: none;
	background: url('/hostcmsfiles/images/stars_single.gif') no-repeat 0 0;
}

#captcha
{
	padding: 0px;
	font-size: 75%;
}

#captcha, #captcha a:link, #captcha a:hover, #captcha a:visited
{
	color: #777;
}

#captcha img
{
	margin-bottom: -5px;
}
#recount {
  width: 127px;
  height: 30px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(/images/btn_transfer.png) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

#order {
  width: 164px;
  height: 30px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(/images/btn_send_order.png) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

#opinions {
  width: 97px;
  height: 28px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(/images/btn_send.png) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

#error
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px 5px 5px 25px;
	position: relative;
	font-size: 8pt;
	border-collapse: collapse;
	border: 1px #CA1D13 dashed;
	color: #CA1D13;
	background-color: #F2EDE9;
	background: url('/hostcmsfiles/images/error.gif') no-repeat 5px 50%;
	width: 450px;
}

#message
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px 5px 5px 25px;
	position: relative;
	font-size: 8pt;
	border-collapse: collapse;
	border: 1px #4ba749 dashed;
	color: #4ba749;
	background: url('/hostcmsfiles/images/message.gif') no-repeat 5px 50%;
	width: 450px;
}

#message p
{
	margin: 0px;
	padding: 0px;
}

