@charset "windows-1251";
/* CSS Document */
html, body{
	padding:0;
	margin:0;
	background:#fff;
	color:#4d4d4d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background: url(/image/design/bg.png) repeat #fff;}

a{
	color:#4d4d4d;
	text-decoration:underline}
a:hover{
	color:#B34530;
	text-decoration:none}

img{border:0}

form{margin:0; padding:0}

small{font-size:10px;}

p{
	margin:0;
	padding:7px 0;}

input, button, select{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif}

.inp{border:1px solid #a5acb2}
.btn{
	background:url(/image/design/bttn.png) 0 0 repeat-x #dbdbdb;
	border:1px solid #707070;
	padding-bottom:1px}
.red{color:#ea1515}
.font_big{
	font-size:16px;
	line-height:26px;}

.wrapper{
    width:962px;
    height:auto;
	padding:19px;
    margin:0 auto;
    background:#fff;
	position:relative;
	z-index:1;}

/*header*/
.hd{
	overflow:hidden}
.hd, .hd a, .hd a:hover{
	color:#474747;
	text-decoration:none}
.hd a:hover{color:#B34530}
.hd .left{
	text-align:center;
	float:left;
	width:206px;
	padding:10px 5px 0 0;}
.hd .left h1, .hd .left h3{
	font-weight:normal;
	padding:0 0 12px;
	margin:0;
	font-size:16px;}
.hd .left h3{
	padding:15px 0;
	text-decoration:underline;
	font-size:12px;}

.hd .left form{
	padding:18px 0 0 0;
	margin:0}


.hd .cntr{
	float:left;
	overflow:hidden;
	width:574px;}
.hd .cntr .links{
	padding:5px 0;
	overflow:hidden}
.hd .cntr .links a{
	padding:0 3px 0 2px	}
.hd .cntr .links .currency{
	float:left}
.hd .cntr .links .mn{
	float:right}

.hd .right{float:right}
.hd .right .contacts, .hd .right .basket{
	width:172px;}
.hd .right .contacts{
	color:#000;
	line-height:16px;
	text-align:right;
	background:url(/image/design/top_phone.png) 7px 10px no-repeat #eee;}
.hd .right .contacts b{
	color:#474747}
.hd .right .contacts a, .hd .right .contacts a:hover{
	color:#843b2d;
	text-decoration:underline}
.hd .right .contacts .bg4{
	height:82px;}
.hd .right .contacts .line{
	margin-left:45px;
	border-top:1px solid #d7d7d7}

.hd .right .basket{
	text-align:right;
	line-height:16px;
	background:url(/image/design/top_basket.png) 7px 10px no-repeat #eee;
	margin-top:5px;}
.hd .right .basket .bg4{
	height:73px}
.red_bttn, a.red_bttn, a.red_bttn:hover{
	background:url(/image/design/red_bttn.png) 0 0 repeat-x #cf3b4d;
	border:1px solid #cf3b4d;
	color:#fff;
	text-decoration:none;
	margin-top:2px;
	height:20px;
	padding:0 3px;
	line-height:18px;
	display:block;
	float:right;
	cursor:pointer;
	}
input.red_bttn{padding-bottom:3px; clear:both; float:none}

.hd .menu{
	padding:0;
	margin:0;
	list-style:none;
	clear:both;
	height:51px;
	background:url(/image/design/mn_bg.png) 0 0 repeat-x #a35136;}
.hd .menu li{
	float:left;}
.hd .menu li a, .hd .menu li a:hover{
	float:left;
	width:158px;
	display:block;
	text-align:center;
	line-height:18px;
	padding:7px 0 8px;
	border-left:1px solid #723327;
	border-right:1px solid #d06f45;
	color:#fff;
	text-decoration:none;
	/*font-weight:bold;*/
	}
.hd .menu li a.sel, .hd .menu li a.sel:hover, .hd .menu li a:hover{
	background:url(/image/design/mn_bg_sel.png) 0 0 repeat-x #7e2b19;
	color:#b8b8b8
	}
.hd .menu li.green a, .hd .menu li.green a:hover,
.hd .menu li.red a, .hd .menu li.red a:hover{
	width:159px;}
.hd .menu li.green a{
	border-right:1px solid #723327;
	background:url(/image/design/mn_bg_green.png) 0 0 repeat-x #59915d}
.hd .menu li.green a.sel, .hd .menu li.green a.sel:hover, .hd .menu li.green a:hover{
	border-right:1px solid #723327;
	color:#d5d5d5;
	background:url(/image/design/mn_bg_green_sel.png) 0 0 repeat-x #396b3e;}
.hd .menu li.red a{
	border-left:1px solid #ca4c52;
	background:url(/image/design/mn_bg_red.png) 0 0 repeat-x #cb232c}
.hd .menu li.red a.sel, .hd .menu li.red a.sel:hover, .hd .menu li.red a:hover{
	border-left:1px solid #ca4c52;
	color:#d5d5d5;
	background:url(/image/design/mn_bg_red_sel.png) 0 0 repeat-x #a1010d;}

/*rounded bg*/
.bg{background-color:#eeeeee; position:relative}
.bg .bg1{background:url(/image/design/cut1.png) 0 0 no-repeat;}
.bg .bg2{background:url(/image/design/cut2.png) right 0 no-repeat;}
.bg .bg3{background:url(/image/design/cut3.png) 0 bottom no-repeat;}
.bg .bg4{background:url(/image/design/cut4.png) right bottom no-repeat; padding:5px;}

/*rounded bg-2*/
.bg-2{background-color:#f9f9f9; border:1px solid #dedede; position:relative; margin:7px 15px 15px}
.bg-2 .bg1{background:url(/image/design/cut2-1.png) 0 0 no-repeat; position:relative; margin:-1px;}
.bg-2 .bg2{background:url(/image/design/cut2-2.png) right 0 no-repeat;}
.bg-2 .bg3{background:url(/image/design/cut2-3.png) 0 bottom no-repeat;}
.bg-2 .bg4{background:url(/image/design/cut2-4.png) right bottom no-repeat; padding:5px;}


/*main content*/
.cont{
	width:100%;
	border:0;}

/*left column*/
.cont .left{
	vertical-align:top;
	padding-top:19px;
	width:275px;
	border-right:19px solid #fff;}
.cont .cntr{
	vertical-align:text-top;
	padding-top:19px;}

.cont .left .bg {
	position:relative;}

.cont h3{
	font-size:12px;
	padding:0 0 7px;
	margin:0}

.cont table, .form_message table{
	border-collapse:collapse;
	border-spacing:0;}

.form_message td, .form_message th,
.cont table td, .cont table th{
	padding:4px 3px;
	font-weight:normal;}
.cont .cntr table td, .cont .cntr table th{
	padding:6px 3px}
.cont table th{text-align:right; vertical-align:top}
.cont table small{font-size:9px;}

.cont .bg .bg4{
	padding:12px;}

.form_tabs{
	padding:0 0 15px;
	margin:0;
	height:21px;
	clear:both;
	list-style:none;}
.form_tabs li{
	padding:0 1px 0 0;
	float:left;}
.form_tabs li a, .form_tabs li a:hover{
	display:block;
	float:left;
	text-align:center;
	width:82px;
	height:21px;
	line-height:19px;
	text-decoration:none}
.form_tabs li a.sel, .form_tabs li a.sel:hover, .form_tabs li a:hover{
	background:url(/image/design/tab_lnk_sel.gif) 0 0 no-repeat #fff}

.cont .cntr .bg h3{
	border-bottom:1px solid #c4c4c4;
	padding:0 0 5px 15px;
	margin-bottom:3px}
.cont .cntr .bg h3 img, .cont .cntr .bg h4 img{
	vertical-align:middle;
	padding:0 5px}
.cont .cntr h4{
	padding:4px 0 0 15px;
	margin:0;
	font-size:12px;}

.cont .cntr .bg-2 h4{
	padding:0;
	margin:0;
	font-size:12px;}
.cont .cntr .bg-2 h4.lines{
	border-top:1px solid #c4c4c4;
	line-height:27px;}

.big_bann{
	position:relative;
	margin-top:-17px;}
.space{height:19px;}


/*FAQ*/
.qw{
	line-height:16px;
	border-top:1px solid #c4c4c4;
	padding:10px 0 10px 85px;
	background:url(/image/design/qw.png) 10px 10px no-repeat}
.qw span{
	font-size:10px;
	display:block;
	line-height:14px;}
.qw label, .ans label{
	display:block;
	font-weight:bold;}
.ans{
	line-height:16px;
	padding:5px 0 15px 85px;
	background:url(/image/design/ans.png) 10px 10px no-repeat}


.pager{
	text-align:right}
.pager, .pager a{
	color:#616161}
.pager label, .pager a:hover{
	color:#000;}
.pager a, .pager label{padding:0 3px}

.pager_bttm{
	padding-top:10px;
	border-top:1px solid #c4c4c4}

/*catalog*/
.catalog_top{
	border-bottom:1px solid #c4c4c4;
	width:100%}
.cont .cntr table.catalog_top td{padding-bottom:10px;}
.catalog_top td *{vertical-align:middle}
.catalog{
	overflow:hidden;
	padding:12px 0 0 0;
	margin:0 0 0 -12px;
	position:relative;
	z-index:1;
	list-style:none}
.catalog li{
	padding:0 0 19px 17px;
	width:198px;
	height:300px;
	overflow:hidden;
	position:relative;
	float:left}
.catalog li .bg-2{
	margin:0}
.cont .bg .catalog li .bg4{
	position:relative;
	padding:14px;
	width:170px;
	height:272px;}
.catalog li .pic{
	position:relative;
	overflow:hidden;
	z-index:1;
	width:168px;
	height:218px;
	border:1px solid #c5c5c7;}
.catalog li .pic a{
	display:block;
	height:218px;
	position:relative;
	z-index:10;}
.catalog li .marker_left{
	position:absolute;
	top:15px;
	left:15px;
	z-index:100;}
.catalog li .marker_right{
	position:absolute;
	right:15px;
	top:15px;
	background:#e52626;
	color:#fff;
	font-weight:bold;
	padding:2px 4px;
	z-index:100;}
.catalog li .name{
	padding-top:2px;
	font-size:10px;
	line-height:11px;}
.catalog li .price{
	float:right;
	font-weight:bold;
	text-align:right;}
.catalog li .price span{
	color:#e52626;
	text-decoration:line-through;
	display:block}
.catalog li .buy{padding-top:7px}
.catalog li .buy a, .catalog li .buy a:hover{
	background:url(/image/design/basket.gif) 0 2px no-repeat;
	padding:0 0 0 20px;
	line-height:15px;
	color:#338c20;
	text-decoration:underline}

/*catalog_item*/
.catalog_item{
	position:relative;
	width:100%}
.catalog_item .bg-2{margin:0}
.catalog_item td{
	vertical-align:top}
.catalog_item td.cat_item_left {
	width:445px;
	padding-left:10px;}
.catalog_item td.cat_item_right{
	line-height:18px;}
.catalog_item td.cat_item_right label{
	background:#d23333;
	color:#fff;}
.catalog_item td.cat_item_right td label{
	background:none;
	color:#000;
	text-decoration:line-through;
	display:block}
.catalog_item td.cat_item_right td span{
	color:#e52626;
	display:block}
.catalog_item .zoom_list{
	margin:10px 0 0 6px; padding:0}
.catalog_item .zoom_list img{
	border:1px solid #c9c9c9;}
.catalog_item .zoom_list li{
	padding-right:6px;}

.catalog_item .marker_right{
	position:absolute;
	top:13px;
	right:19px;
	background:#e52626;
	font-weight:bold;
	font-size:20px;
	padding:3px 4px;
	color:#fff}
* html .catalog_item .marker_right{right:21px;}
.catalog_item .marker_left{
	position:absolute;
	top:13px;
	left:18px;}
* html .catalog_item .marker_left{left:6px;}


.catalog_item_form{
	width:100%;
	border-top:1px solid #c4c4c4;
	border-bottom:1px solid #c4c4c4;
	}
.cont .cntr .catalog_item_form td{
	padding:6px;}
.catalog_item_form label{
	display:block;
	padding-bottom:3px;}

.catalog_item .item_links{
	padding-top:10px;
	text-align:center;}
.catalog_item .item_links a{
	padding:0 7px 0 5px;
	text-decoration:none}

.related_items{
	padding:10px 0 0;
	margin:0;
	list-style:none;
	overflow:hidden}
.related_items li{
	font-size:10px;
	padding:0 10px;
	float:left;}
.related_items img{
	border:1px solid #c4c4c4}
.related_items label{
	display:block;
	text-align:left;}
.related_items a{
	text-decoration:none}

/*ZOOM*/
	#viewport{
		border:1px solid #999999;
		width:384px;
		height:497px;
		overflow:hidden;
		position:relative;
		background-repeat: no-repeat;
		margin:auto;
		cursor:crosshair;
		text-align:center;
	}

	#lupa_link_id{
		display:block;
		height:497px;}

	div.debugzoom{
		border:1px solid #999999;
		height:400px;
		overflow:auto;
		width:70%;
		text-align:left;
		background:url(/image/design/loader.gif) no-repeat 50% 50%;
	}

	.zoom{height:579px;}

	#zoomer{
		position:absolute;
		background:url(/image/design/zoom_bttn.gif) no-repeat center 0;
		height:28px;
		width:385px;
		z-index:100;
		cursor:pointer;
		top:482px;
		left:18px;}
	* html #zoomer{
		left:5px;}


/**scroll**/
div#scrollbar, div#scrollbar2 {
    display:none;}

div#wn, div#wn2{
    position:relative;
	padding:10px 10px 0;
	font-size:10px;
    width:580px; height:170px;
    overflow:hidden;}
div#wn.short, div#wn2.short{
	width:570px;}

div#wn td, div#wn2 td{
	padding:7px 10px}
div#wn td.sel img, div#wn2 td.sel img{
	border:4px solid #c8a399;}


div#scrollbar, div#scrollbar2{
    position:relative;
    width:600px; height:19px;
    display:block;
    font-size:1px;}

div#track, div#track2{
    position:absolute; left:35px; top:0;
    width:549px; height:19px;
    background: url(/image/design/track.gif) 0 0 no-repeat #e4e4e4;}
div#dragBar, div#dragBar2  {
    position:absolute; left:1px; top:1px;
	margin:1px 1px;
    width:20px; height:15px;
    background-color:#a2a2a2;}
div#left { position:absolute; left:9px; top:0; }
div#right { position:absolute; right:-10px; top:0;  }
/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#left, div#right, div#scrollbar2, div#track2, div#dragBar2 {
    -moz-user-select: none;
    -khtml-user-select: none;
}
/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img, div#scrollbar2 img {
    display:block; }





/*basket*/
.cont .bg .basket .bg4{
	padding:0}
.cont .basket table{
	width:100%;}
.cont .cntr .basket td{
	line-height:18px;
	vertical-align:middle;
	padding:8px 5px 8px 15px;
	border-bottom:1px solid #dedede}
.cont .cntr .basket last td{
	border-bottom:none}
.cont .cntr .basket td.nm{color:#0b0b0b}

.cont .cntr .basket_itogo td, .cont .cntr .basket_itogo th{padding:2px}

.cont .basket .edit, .cont .basket .edit:hover,
.cont .basket .delete, .cont .basket .delete:hover{
	display:block;
	background:url(/image/design/edit_normal.png) 0 0 no-repeat;
	width:20px;
	height:23px;
	margin:5px 3px;
	text-decoration:none;}
.cont .basket .edit:hover{
	background:url(/image/design/edit_hover.png) 0 0 no-repeat;}
.cont .basket .delete{
	background:url(/image/design/del_normal.png) 0 0 no-repeat;}
.cont .basket .delete:hover{
	background:url(/image/design/del_hover.png) 0 0 no-repeat;}


/*popoup*/
.form_message{
	z-index:100;}
.form_message .msg_hd{
	width:364px;
	height:21px;
	line-height:19px;
	margin:0 auto;
	padding:9px 9px 0;
	color:#fff;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	background:url(/image/design/form_msg_hd.png) 0 0 no-repeat;}
.form_message .msg_body{
	width:334px;
	margin:0 auto;
	padding:5px 25px 25px;
	background:url(/image/design/form_msg_body.png) 0 bottom no-repeat;}

/*footer*/
.foot{
	color:#4d4d4d;
	padding-top:19px;}
.foot a, .foot a:hover{
	color:#4d4d4d;
	text-decoration:none}
.foot a:hover{
	color:#B34530}

.foot .bg_block{
	background:url(/image/design/bttm_bg.png) 0 0 repeat-x #a25136;
	height:85px;
	padding:3px 0;}
.foot .bann img{border:1px solid #fff}
.foot .bann, .foot .subsrc{
	padding:7px 10px 0;
	height:78px;
	float:left;
	border-right:1px solid #723327}
.foot .subsrc{
	border-right:none;
	border-left:1px solid #d06f45}
.foot .subsrc label{
	display:block;
	padding-bottom:10px;
	color:#fff}
.foot .subsrc *{
	vertical-align:middle;}

.foot .menu{
	text-align:center;
	padding:12px 0;
	border-bottom:1px solid #c0c0c0;}
.foot .menu a{padding:0 7px 0 5px}

.foot .links{
	text-align:center;
	line-height:14px;
	padding:4px 0 7px;
	border-bottom:1px solid #c0c0c0}
.foot .links label, .foot .links label a, .foot .links label a:hover{
	color:#b34530;
	font-weight:bold;
	display:block}

.foot .counters{
	padding:15px 0 7px}

.foot .copy{
	line-height:18px;
	text-align:center;
	padding-bottom:7px;}

.foot .designby{
	text-align:right;
	font-family:verdana;
	font-size:11px;
	color:#b6b6b6;}

.form_header{
	border-bottom:1px solid #c4c4c4;
	padding:0 0 5px 15px;
	margin-bottom:3px;
	font-size:15px;
	font-weight: bold;
}

.error_message{
	color:#ff3600;
	margin:2px;
	padding: 3px;
}

.logo {
	margin-top: 10px;
}

.reserved{
	padding: 0 0 0 32px;
	color: red;
}

.brand_letter{
	font-size:16px;
	font-weight:bold;
}