/* Design styles  */


a { color: #555555; text-decoration: underline; }
a:hover { text-decoration: none; }

.invert { text-decoration: none; }
.invert:hover { text-decoration: underline; }



.h100 { height: 100%; }

.empty { text-align: center; margin-top: 50px; margin-bottom: 50px; }


/* this class should be placed on a div or break element and should be the final element
before the close of a container that should fully contain a float */
.clearfloat {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
.clearfloat-wide { display: none; }



.font {
	/* для ИЕ и Оперы нужно использовать шрифты "Myriad Pro Cond" или "Arial Narrow", Firefox 19 такие шрифты не понимает */
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	/* для Firefox 19 нужно использовать "Myriad Pro" или Arial вместе со свойством font-stretch: condensed, тогда шрифт будет сжиматься */
	font-stretch: condensed;
}


.callback {
	float: left;
	padding: 15px 0 0 10px;
	}
	.cb-title {
		font-family: "Myriad Pro Cond", "Arial Narrow", "Myriad Pro", Arial, Helvetica, sans-serif;
		font-stretch: condensed;
		font-weight: bold;
		font-size: 18px;
		color: #fd9216;
		line-height: 1.1;
		}
	.cb-phone {
		font-family: "Myriad Pro Cond", "Arial Narrow", "Myriad Pro", Arial, Helvetica, sans-serif;
		font-stretch: condensed;
		font-size: 34px;
		color: #222222;
		margin-top: -2px;
		line-height: 1.1;
		}
		.cb-code { color: #87b013; }
	.callback small { font-size: 11px; }
	.cb-button { margin: 3px -3px 0 -3px; }

#sc-block { float: right; background-color: #f3f3f3; border: 1px solid #eeeeee; margin-top: 15px; padding: 5px 9px; border-radius: 2px; width: 130px; height: 100px; }
	.sc-title {
		font-family: "Myriad Pro Cond", "Arial Narrow", "Myriad Pro", Arial, Helvetica, sans-serif;
		font-stretch: condensed;
		font-size: 16px;
		font-weight: bold;
	}
	.sc-text-full { background: url(../img/sc-full.png) 0 2px no-repeat; padding-left: 40px; margin: 5px 0 10px 0; }
	.sc-text-full strong { color: #87b013; }
	.sc-text-empty { background: url(../img/sc-empty.png) 0 2px no-repeat; padding-left: 40px; padding-top: 2px; margin: 5px 0 11px 0; font-size: 11px; }
	.sc-button { margin: 0 -2px; }

.top-menu { background: #88b114 url(../img/bg-topmenu1.png) 0 0 no-repeat; width: 980px; margin: 0 auto 15px auto; }
	.top-menu > div {
		background: url(../img/bg-topmenu2.png) 100% 0 no-repeat;
		height: 50px;
		padding: 5px 40px 0 25px;
		}
	.top-menu > div > ul { list-style-type: none; float: left; margin: 0; padding: 0; }
		.top-menu > div > ul li {
			float: left;
			padding: 0 8px 0 0;
			margin-right: 5px;
			line-height: 1.2;
			background: url(../img/div-tm.png) 100% 0 no-repeat;
			}
			.top-menu > div > ul li a {
				display: block;
				font-family: "Myriad Pro Cond", "Arial Narrow", "Myriad Pro", Arial, Helvetica, sans-serif;
				color: #ffffff;
				font-size: 18px;
				font-weight: normal;
				font-stretch: condensed;
				text-decoration: none;
				outline: none;

				padding: 9px 14px 0 14px;
				height: 31px;
				}
			.top-menu > div > ul li a.o { color: #ffd980; }
			.top-menu > div > ul li a:hover, .top-menu > div > ul li a:focus, .top-menu a.active, .top-menu a.o-active {
				border-top: 1px solid #416b00;
				border-right: 1px solid #6b9417;
				border-bottom: 1px solid #91ba3d;
				border-left: 1px solid #6b9417;
				border-radius: 2px;
				background: #669014 url(../img/bg-topmenu-hover.png) 0 0 repeat-x;

				padding: 8px 13px 0 13px;
				height: 30px;
				}
			.top-menu > div > ul li a.o:hover, .top-menu > div > ul li a.o-active { color: #FFC94D; }

#quick_find { position: relative; z-index: 9; }
.search-block {
	float: right;
	background-color: #ffffff;
	padding: 1px 1px 1px 5px;
	border: 1px solid #8bb31f;
	border-radius: 2px;
	position: relative;
	margin-top: 7px;
	width: 195px;
	z-index: 12;
}
.search-block input { float: left; }
.search-block input[type=image] { float: right; margin-right: 2px; }
#search-keywords {
	border: 0;
	background: url(../img/spacer.gif);
	font-size: 12px;
	width: 160px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 2px;
	position: relative;
	outline: none;
	}
.search-block .hint { position: absolute; z-index: 0; color: #adadad; font-style: italic; font-size: 11px; top: 4px; left: 6px; width: 100px; }


.acp-content {
	max-height: 194px;
	overflow: auto;
	padding: 5px;
}
* html .acp-content { height: 194px; } /* ie6 */


.lmenu {
	list-style-type: none;
	margin: 0 0 25px 0; padding: 0;
	}
	.lmenu > li {
		position: relative;
		padding: 0; margin: 0;
		}
		.lmenu > li > a {
			display: block;
			background: url(../img/lmenu-a.png) 0 0 no-repeat;
			text-decoration: none;
			font-family: "Myriad Pro Cond", "Arial Narrow", "Myriad Pro", Arial, Helvetica, sans-serif;
			font-stretch: condensed;
			font-size: 20px;
			color: #555555;
			line-height: 2;
			height: 43px;
			margin: -1px -2px 0 -2px;
			overflow: hidden;
			/* width: 224px */
			width: 188px;
			padding-left: 36px;
		}
		.lmenu > li > a:hover { color: #87b013; }

		.lmenu > li > a.active { background: url(../img/lmenu-a-active.png) 0 0 no-repeat; color: #ffffff; }
		.lmenu > li > a.active:hover { color: #ffffff; }

		.lmenu > li > a .mark {
			position: absolute;
			width: 16px; height: 16px;
			left: 16px; top: 13px;
			background: url(../img/lmenu-mark.png) 0 0 no-repeat;
			cursor: pointer;
			}
		.lmenu > li.open > a .mark { background: url(../img/lmenu-mark.png) 0 -16px no-repeat; }

		.lmenu > li > a.active .mark { background: url(../img/lmenu-mark-active.png) 0 0 no-repeat; }
		.lmenu > li.open > a.active .mark { background: url(../img/lmenu-mark-active.png) 0 -16px no-repeat; }

	.lmenu > li > ul { display: none; padding-left: 47px; }
		.lmenu > li > ul > li { list-style-image: url(../img/lmenu-mark-sub.png); line-height: 1.2; padding: 4px 0 2px 0; margin-left: 0; }
		.lmenu > li > ul > li > a {
			color: #888888; text-decoration: none; /*text-transform: uppercase;*/
			font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
			font-size: 14px;
			}
		.lmenu > li > ul > li:hover { list-style-image: url(../img/lmenu-mark-sub-hover.png); }
		.lmenu > li > ul > li > a:hover { color: #87b013; }
		.lmenu > li > ul > li > a.active { color: #87b013; }



/*********************************************************************************************/

#spec-box { border: 2px solid #fd9216; border-radius: 2px; margin-bottom: 20px; }
#spec-box .box-title { color: #fd9216; padding: 15px 0 0 20px; margin-bottom: 15px; }

#spec-prev-next { float: right; margin: 23px 20px 0 0; }
#spec-prev-next span { display: inline-block; width: 8px; height: 12px; cursor: pointer; }

.spec-prev { background: url(../img/spec-prev.png) 0 0 no-repeat; margin-right: 10px; }
.spec-prev:hover { background: url(../img/spec-prev.png) 0 -12px no-repeat; }

.spec-next { background: url(../img/spec-next.png) 0 0 no-repeat; margin-left: 10px; }
.spec-next:hover { background: url(../img/spec-next.png) 0 -12px no-repeat; }

#spec-viewport { width: 200px; overflow: hidden; margin: 0 auto; }
#spec-items { position: relative; }
.spec-item {
	float: left;
	width: 200px;
	text-align: center;
	margin-bottom: 16px;
	}
	.spec-item .title { font-weight: bold; margin-bottom: 10px; color: #888888; }

/*********************************************************************************************/
#certificates-box { border: 2px solid #fd9216; border-radius: 2px; margin-bottom: 20px; padding-bottom: 15px; }
#certificates-box .box-title { color: #8ab00f; padding: 10px 0 0 0; margin-bottom: 10px; text-align: center; font-weight: bold; text-transform: none; }
#certificates-box .box-title a { color: #8ab00f; text-decoration: none; }

#certificates-viewport { width: 160px; height: 190px; overflow: hidden; margin: 0 auto; position: relative; }
#certificates-items { position: relative; transition: margin-left 1s;  }

#certificates-box ul { margin: 0; padding: 0; list-style-type: none; }
#certificates-box ul li { float: left; margin: 0 10px 0 0; padding: 0; }
#certificates-box ul li:last-child { margin: 0; }

.cert-manufacturer { border-top: 1px dotted #c3c3c3; margin-bottom: 1em; padding-top: 1em; overflow: hidden; }
.cert-manufacturer:first-child { border-top: none; padding-top: 0; }
.cert-manuf-image { float: left; margin-bottom: 1em; }
.cert-manuf-info { margin-left: 170px; margin-bottom: 1em; }
.cert-manuf-title { font-weight: bold; font-size: 1.17em; }

.cert-list { overflow: hidden; white-space: nowrap; clear: both; width: 696px; }
.cert-list ul { margin: 0; padding: 0; list-style-type: none; width: auto; }
.cert-list ul li { display: inline; margin: 0; padding: 0 14px 0 0; }
.cert-list ul li:last-child { padding: 0; }




/*********************************************************************************************/






.mainpage-info, .checkout-info {
	border-top: 1px dotted #c3c3c3;
	border-bottom: 1px dotted #c3c3c3;
	padding: 20px 0;
	margin-bottom: 20px;
	overflow: hidden;
	}
	.mainpage-info > div, .checkout-info > div {
		float: left;
		width: 160px;
		margin-right: 20px;
		text-align: center;
		}
	.mainpage-info > .info-last, .checkout-info > .info-last { margin-right: 0; }
	.mainpage-info > div .title, .checkout-info > div .title {
		font-family: "Myriad Pro Cond", "Arial Narrow", "Myriad Pro", Arial, Helvetica, sans-serif;
		font-stretch: condensed;
		font-size: 14px;
		font-weight: bold;
		color: #fd9216;
		line-height: 1.2;
	}
	.info1 .title { background: url(../img/bg-info1.png) 50% 0 no-repeat; padding-top: 65px; height: 35px; }
	.info2 .title { background: url(../img/bg-info2.png) 50% 0 no-repeat; padding-top: 55px; height: 45px; }
	.info3 .title { background: url(../img/bg-info3.png) 50% 0 no-repeat; padding-top: 55px; height: 45px; }
	.info4 .title { background: url(../img/bg-info4.png) 50% 0 no-repeat; padding-top: 55px; height: 45px; }

	.checkout-info { border-bottom: none; }
	.checkout-info > div { width: 220px; }




.floatL { float: left; margin-right: 15px; }
.floatR { float: right; margin-left: 15px; }


/********************/

	.p1 {
		float: left;
		margin-bottom: 20px;
		}
		.p1 .hoverable { margin: 0 -2px; }
	.p2 { float: right; margin-bottom: 20px; }
	.p2 .tab-content-desc { width: 280px; }



.product-left { float: left; margin-left: -100%; padding-top: 5px; width: 334px; }
	.product-image { position: relative; margin-bottom: 20px; }
	.product-image { border: 2px solid #d9d9d9; border-radius: 2px; }
	.product-image .lbl { position: absolute; right: 2px; top: 2px; text-align: right; }
	.product-image .lbl img { border: none; margin-bottom: 2px; }
	.product-image .lbl-video { /*position: absolute; left: 3px; top: 3px; width: 36px; height: 36px; background: url(../img/label-video.png) 0 0 no-repeat;*/ }
	.product-image a.zoom img { width: 330px; height: 330px; }

	.yt { width: 330px; margin: 0 auto 10px auto; overflow: hidden; }

.icon-shipping { display: inline-block; background: url(../img/icon-shipping.png) 0 0 no-repeat; height: 46px; line-height: 3.6; padding-left: 60px; text-decoration: underline; margin-bottom: 16px; font-weight: bold; outline: none; cursor: help; }
.icon-payment { display: inline-block; background: url(../img/icon-payment.png) 0 0 no-repeat; height: 46px; line-height: 3.6; padding-left: 60px; text-decoration: underline; font-weight: bold; outline: none; cursor: help; }

.extra-fields { border-collapse: collapse; }
.extra-fields th { text-align: left; white-space: nowrap; vertical-align: top; padding: 0 3px 0 0; }
.extra-fields td { text-align: left; vertical-align: top; padding: 0 0 0 3px; }

.item-popup .extra-fields th { border-top: 1px dotted #c3c3c3; white-space: normal; width: 1%; }
.item-popup .extra-fields td { border-top: 1px dotted #c3c3c3; }

/********************/

.filter {
	background-color: #f3f3f3;
	border: 1px solid #eeeeee;
	border-radius: 2px;
	padding: 24px;
	}
	.filter select { border: 1px solid #c3c3c3; padding: 2px; width: 190px; border-radius: 2px; }
	.filter select .foption { font-style: italic; color: #888888; }
	.filter .hoverable { margin-top: -1px; margin-left: -2px; }
	.filter-inputs input { border: 1px solid #c3c3c3; padding: 2px; width: 90px; border-radius: 2px; font-style: italic; color: #888888; }

.filter1 { float: left; width: 200px; margin-right: 10px; }
.filter2 { float: left; width: 285px; margin-right: 20px; }
.filter3 { float: left; width: 135px; text-align: center; }

.filter-title {
	font-weight: bold;
	color: #222222;
	margin-bottom: 5px;
}

.multiselect { margin-top: 11px; }
#multi-manu { outline: none; }
#multi-manu-popup { position: absolute; width: 233px; top: 0; left: 0; }
#multi-manu-popup label { display: block; cursor: pointer; }
#multi-manu-content { max-height: 250px; overflow: auto; }
#multi-manu-button { margin: 10px 0 0 0; cursor: pointer; }
#multi-manu-popup .gradient { padding: 9px 14px; }

/********************/

.sc-products {
	width: 100%;
	border-collapse: collapse;
	}
	.sc-products th { padding: 0 3px 10px 3px; background: url(../img/dots-grey.png) 0 100% repeat-x; }
	.sc-products td { padding: 20px 3px; background: url(../img/dots-grey.png) 0 100% repeat-x; }
	.sc-products .sc-item-img { padding: 0 15px 0 0; }
		.sc-item-img img { border: 1px solid #d9d9d9; border-radius: 2px; }

	.sc-item-title { font-size: 11px; }
	.sc-item-title a { color: #888888; font-weight: bold; font-size: 12px; }

	.sc-price { color: #87b013; font-size: 18px; font-weight: bold; }
	.sc-subtotal { color: #222222; font-size: 25px; font-weight: bold; }
	.sc-subtotal span { color: #87b013; }

	.sc-products input[type=text] { text-align: center; }

	.sc-products td td { padding: 0; background: none; }
	.sc-products-bottom td { padding: 10px 0 0 0; background: none; }

.sc-qty { position: relative; width: 65px; border: 1px solid #c3c3c3; border-radius: 2px; padding: 0 16px; height:19px; }
.sc-qty input { width: 33px; text-align: center; font-size: 12px; border: 0; height: 14px; }
.sc-qty .arr-up { position: absolute; left: 74%; top: 1px; width: 14px; height: 14px; background: url(../img/sc-plus.png) 0 0 no-repeat; cursor: pointer; }
.sc-qty .arr-down { position: absolute; left: 2px; top: 1px; width: 14px; height: 14px; background: url(../img/sc-minus.png) 0 0 no-repeat; cursor: pointer; }
	.sc-delete { background: url(../img/sc-delete.png) 0 0 no-repeat; cursor: pointer; width: 15px; height: 15px; }

/********************/



.item-popup { position: absolute; width: 650px; display: none; z-index: 51; text-align: left; }
	.item-popup-content {
		overflow: hidden;
		/* заморочка для последних браузеров */
		position: relative;
		background: linear-gradient(to bottom, rgba(255,255,255,1), rgba(247,247,247,1));
		margin: -19px -19px -19px -19px;
		padding: 19px;
		}
	.item-p-image { float: left; }
	.item-p-image img { border: 2px solid #87b013; border-radius: 2px; }
	.item-p-info { margin-left: 274px; }
	.item-p-title { margin-bottom: 3px; font-weight: bold; }
	.item-p-title small { font-weight: normal; }
	.item-p-more { padding-top: 15px; border-top: 1px dotted #c3c3c3; }
	.item-p-more .hoverable { margin: 0 -2px -3px -2px;  }

.r6 {
	background: url(../img/r6/r6-01.png) 0 0 no-repeat;
	margin-right: 9px; /* место для фона справа */
	/* margin-bottom: 4px;  /* отступ после блока */
	}
	.r6 > div {
		background: url(../img/r6/r6-02.png) 100% 0 no-repeat;
		margin-right: -9px; /* выходим в пустую зону, без фона */
		padding-top: 9px; /* отступ сверху, что бы не перекрыть верхний фон */
		}
		.r6 > div > div {
			background: url(../img/r6/r6-03.png) 0 0 repeat-y;
			margin-right: 9px; /* место для фона справа */
			}
			.r6 > div > div > div {
				background: url(../img/r6/r6-04.png) 100% 0 repeat-y;
				margin-right: -9px; /* выходим в пустую зону, без фона */
				padding: 15px 24px 15px 24px; /* в итоге, в блоке, отступ получается по 20 пкс, т.к. на тень уходит по 4 пкс */
				}
				.r6 .r6b {
					background: url(../img/r6/r6-05.png) 0 0 no-repeat;
					margin-right: 0; /* место для фона справа делает начальный див (.r6) */
					height: 9px;
					padding-top: 0;
					clear: both;
					}
					.r6 .r6b > div {
						background: url(../img/r6/r6-06.png) 100% 0 no-repeat;
						margin-right: -9px; /* выходим в пустую зону, без фона */
						height: 9px;
						}

/********************/


.close-window { font-weight:bold; font-size:18pt; font-family: Tahoma, sans-serif; cursor:pointer; color:#000; }



/********************/

#call-back {
	display: none;
	position: fixed;
	top: 60px;
	width: 100%;
	z-index: 101;
	}
	#call-back .call-back-wrap {
		width: 450px;
		margin-left: auto;
		margin-right: auto;
		/*
		background: #fff;
		border: 2px solid #87b013;
		border-radius: 2px;
		padding: 10px 20px 15px;
		*/
		}
.close-button { float: right; margin: 0 0 0 10px; cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif }
#call-back .hoverable { cursor: pointer; margin: 0 -3px; }
#call-back #callback_fio, #call-back #callback_phone { width: 180px; border: 1px solid #c3c3c3; padding: 2px; border-radius: 2px; }

.gradient {
	/* заморочка для последних браузеров */
	position: relative;
	background: linear-gradient(to bottom, rgba(255,255,255,1), rgba(247,247,247,1));
	margin: -19px;
	padding: 19px;
}

.popup-info {
	display: none;
	position: absolute;
	width: 550px;
	z-index: 102;
	}



.v_pad { padding: 10px 0; }
#tbl { float: left; width: 183px; margin-right: 5px; }
#tbl_td { height: 150px; }




	.product-left {margin:0}

	.the_new, .adapt_menu, .the_newh, #nomobile {display:none}

.info-vkredit { display: inline-block; text-align: center; width: 147px; }


.tk-current { text-decoration: none; font-weight: bold; }


/*************************************/
.ts-viewport { overflow: hidden; margin: 0 auto; position: relative; }
.ts-viewport-items { position: relative; transition: margin-left 1s;  }
.ts-viewport-items ul { margin: 0; padding: 0; list-style-type: none; }
.ts-viewport-items ul li { float: left; margin: 0 10px 0 0; padding: 0; }
.ts-viewport-items ul li:last-child { margin: 0; }

#banners-box .ts-viewport { width: 220px; height: 194px; }
.col2 #banners-box {
	border-top: 0;
	float: right;
	width: 220px;
	height: 194px;
	background: #fff url(../img/bg-banners.png) 0 0 no-repeat;
	margin: -1px -3px 15px -3px;
	z-index: 1;
	padding: 4px 6px 8px 6px;
}

/* *** new basket *** */

.basket-ship-item {}
.basket-pay-item {}
.basket-confirm {
	text-align: right;
	margin-top: 1em;
}
.basket-hidden {
	padding-left: 24px;
	display: none;
}
.basket-confirm .sc-subtotal, .basket-confirm input { vertical-align: middle; }

.valign-middle * {
	vertical-align: middle;
}
.wrap { overflow: hidden; margin-bottom: 1em; } /* container for floats */