/********************/
/* Главный CSS-файл */
/********************/

/****************/
/* Базовые теги */
* {
	margin: 0;
	padding: 0;
}
BODY {
	color: #000;
	background-color: #f2f2f2;
	font: 62.5%/1.4 Arial, sans-serif;
}
A {
	text-decoration: none;
	color: #4d4d4f;
}
A:hover {
	text-decoration: underline;
	color: #000;
}
IMG {
	vertical-align: top;
	border: 0;
}
P {
	padding: 10px 0;
}
UL {
	padding: 0 20px;
}
	UL LI {
		list-style: disc;
	}
OL {
	padding: 20px;
}
	OL LI {
		
	}
/* Базовые теги */
/****************/

/*********/
/* Формы */
FORM {
	
}
	FORM FIELDSET {
		border: 0;
		text-align: left;
	}
		FORM FIELDSET LEGEND {
			text-transform: uppercase;
			font: bold 1.15em Arial, sans-serif;
		}
		FORM FIELDSET INPUT,
		FORM FIELDSET TEXTAREA,
		FORM FIELDSET SELECT {
			width: 100%;
			border: 0;
			font: normal 1em Arial, sans-serif;
		}
		FORM FIELDSET LABEL {
			display: block;
			text-transform: lowercase;
			font-weight: bold;
			font-size: 0.85em;
		}
		FORM INPUT.pimp {
			padding: 0 5px;
		}
	.column-r FIELDSET {
		padding: 0 95px 0 10px;
	}
		.column-r FIELDSET P {
			padding: 0;
		}
		.column-r .error,
		.column-r .done {
			padding: 10px;
			font-weight: bold;
		}
		.column-r .error {
			color: #000;
		}
		.column-r .done {
			color: #da2128;
		}
			.column-r FIELDSET LABEL {
				padding: 0 0 0 10px;
				color: #da2128;
			}
			.column-r .field {
				margin: 7px 0 14px;
				padding: 2px 10px 4px;
				border: 1px solid #a0a1a3;
			}
			.column-r FIELDSET INPUT {
				font-weight: bold;
			}
			.column-r FIELDSET INPUT,
			.column-r FIELDSET TEXTAREA {
				color: #2f2f30;
			}
			.column-r .pimp-box {
				padding: 15px 10px;
			}
				.column-r .pimp {
					padding: 3px 10px;
				}
/* Формы */
/*********/

/*************
/* Заголовки */
H1 {
	font: normal 3em Arial, sans-serif;
}
H2 {
	font: normal 2.8em Arial, sans-serif;
}
H3 {
	text-transform: uppercase;
	font: bold 1.15em Arial, sans-serif;
}
H4 {
	color: #e71e1e;
	text-transform: uppercase;
	font: bold 1.15em Arial, sans-serif;
}
H5 {
	
}
H6 {
	
}
/* Заголовки *
/*************/

/***********/
/* Таблицы */
TABLE {
	text-align: center;
	border-collapse: collapse;
	border-top: 3px solid #d1d3d4;
	border-bottom: 3px solid #d1d3d4;
}
	TABLE TR.head TD {
		padding: 2px;
		background-color: #d1d3d4;
		font-weight: bold;
	}
	TABLE TD {
		padding: 6px;
		border: 1px solid #d1d3d4;
	}
/* Таблицы */
/***********/

/*************/
/* ФУНДАМЕНТ */
#dark {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
	background-color: #000;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
/* Индикатор */
#loader {
	position: fixed;
	width: 30px;
	height: 30px;
	top: 0;
	left: 0;
	z-index: 100;
	background: url('/tpl/img/loader.gif') no-repeat 50% 50% #fff;
}
/* Обратная связь */
/*#contacts {
	position: absolute;
	top: 200px;
	left: 0;
	z-index: 100;
	width: 100%;
	text-align: center;
	font-size: 1.3em;
}
	#contacts .header {
		width: 700px;
		margin: 0 auto 2px;
		text-align: right;
		height: 20px;
		background-color: #000;
	}
		#contacts .header .wrapper {
			padding: 0 10px;
		}
			#contacts .header A {
				text-transform: lowercase;
				color: #fff;
				font-size: 0.85em;
				font-weight: bold;
			}
	#contacts .body {
		width: 700px;
		margin: 0 auto;
		text-align: left;
		color: #fff;
		background-color: #575758;
	}
		#contacts .body .wrapper {
			padding: 20px 34px;
		}
			#contacts FIELDSET {
				
			}
				#contacts LEGEND {
					padding-bottom: 10px;
				}
				#contacts P {
					padding: 0 0 3px;
				}
				#contacts .error {
					margin: 0 0 10px;
					padding: 5px 10px;
					background-color: #d72027;
					font-size: 0.85em;
					font-weight: bold;
				}
				#contacts .done {
					margin: 0 0 10px;
					padding: 5px 10px;
					background-color: #3399FF;
					font-size: 0.85em;
					font-weight: bold;
				}
					#contacts LABEL {
						color: #fff;
					}
					#contacts INPUT,
					#contacts TEXTAREA {
						margin: 8px 0;
						padding: 2px 0;
					}
					#contacts INPUT.pimp {
						padding: 0 10px;
					}*/
/* Упр-е */
#control {
	margin-bottom: 2px;
	padding: 10px;
	font-size: 1.3em;
	color: #fff;
	background-color: #575758;
}
	DIV#control UL {
		padding: 0;
	}
		DIV#control UL LI {
			padding: 0 10px 0 0;
			float: left;
			list-style: none;
		}
			DIV#control UL LI A {
				color: #fff;
			}
			DIV#control UL LI A:hover {
				color: #fff;
			}
			DIV#control UL LI A.cap {
				font-weight: bold;
			}
	DIV#control DIV.info {
		float: right;
		color: #999;
	}
/* Главный контейнер */
#container {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
	font-size: 1.3em;
}
	#container .wrapper {
		padding: 0 12px 0 40px;
	}
		#container .header {
			width: 100%;
			padding-bottom: 2px;
		}
			.line {
				width: 100%;
				background: url('/tpl/img/line.gif') repeat-x 0 100%;
				font-size: 1px;
			}
			.header .line,
			.footer .line {
				height: 16px;
				background-repeat: repeat;
			}
			.body .line {
				height: 6px;
			}
			.logo {
				float: left;
			}
				.logo DIV {
					width: 284px;
					height: 86px;
					overflow: hidden;
					display: block;
					position: relative;
				}
					.logo DIV H1 A SPAN {
						position: absolute;
						width: 284px;
						height: 86px;
						top: 0;
						left: 0;
						background: url('/tpl/img/logo.gif') no-repeat 0 0;
					}
			.services {
				float: left;
				padding: 29px 0 0 13px;
			}
				.services DIV {
					float: left;
					padding: 0 15px;
				}
			.header .contacts {
				width: 256px;
				height: 86px;
				float: right;
				background: url('/tpl/img/contacts_header.gif') no-repeat 0 0;
			}
			.nav {
				clear: both;
				background: url('/tpl/img/corner_r.gif') no-repeat 100% 0 #000;
			}
				.nav UL {
					padding: 0;
				}
					.nav UL LI {
						padding: 11px 35px;
						float: left;
						list-style: none;
						background: url('/tpl/img/corner_r.gif') no-repeat 100% 0 #000;
					}
					.nav UL LI.last {
						background-image: none;
					}
						.nav UL LI A {
							text-transform: uppercase;
							color: #fff;
							font-weight: bold;
							font-size: 0.9em;
						}
						.nav UL LI A:hover {
							color: #fff;
						}
		#container .body {
			padding-bottom: 2px;
		}
			.column-l {
				width: 310px;
				float: left;
			}
			.column-r {
				width: 636px;
				float: right;
			}
		#container .footer {
			padding-bottom: 10px;
		}
			.footer .brands {
				padding-top: 70px;
				text-align: center;
			}
			.footer .box {
				width: 100%;
				margin-top: 2px;
				line-height: 14px;
				background: url('/tpl/img/corner_l.gif') no-repeat 0 100% #d1d3d4;
				color: #000;
			}
				.footer .copyright {
					float: left;
					padding: 15px 30px;
				}
				.footer .counters {
					float: left;
					padding: 15px 30px;
				}
				.footer .contacts {
					width: 250px;
					height: 96px;
					float: right;
					background: url('/tpl/img/contacts_footer.gif') no-repeat 0 0;
				}
/* ФУНДАМЕНТ */
/*************/

/***********/
/* КОНТЕНТ */

/* Фильтр */
.filter {
	height: 206px;
	overflow: hidden;
	background: url('/tpl/img/corner_l.gif') no-repeat 0 194px #d72027;
}
	.filter-wrapper {
		padding: 14px 34px;
	}
		.filter P {
			padding: 0 0 3px;
		}
		.filter LABEL {
			color: #fff;
		}
		.filter INPUT,
		.filter SELECT {
			margin: 8px 0;
			background-color: #fff;
		}
		.filter .field {
			margin: 6px 0;
			padding: 0 20px;
			background-color: #fff;
			background: url('/tpl/img/icon/search.gif') no-repeat 6px 50% #fff;
		}
			.filter .field INPUT {
				margin: 0;
				background: none;
			}
		.filter .search {
			background: url('/tpl/img/icon/search.gif') no-repeat 6px 50% #fff;
		}
		.filter .off {
			float: right;
			padding-top: 7px;
		}
			.filter .off A {
				text-transform: lowercase;
				text-decoration: underline;
				color: #fff;
				font-weight: bold;
				font-size: 0.85em;
			}
.caption {
	width: 636px;
	height: 206px;
	background-color: #575758;
	background-repeat: no-repeat;
	background-position: 0 0;
}
/* Просмотр страницы */
.view {
	width: 100%;
	padding: 17px 0;
	color: #4d4d4f;
}
	.view H3 {
		float: left;
		color: #000;
	}
	.view .price {
		float: right;
		text-align: right;
	}
		.view A {
			font-weight: bold;
		}
	.view P {
		padding: 10px 20px 10px 0;
		clear: both;
		line-height: 14px;
	}
	.view P A {
		text-decoration: underline;
		color: #ed1c24;
	}
	.view P A:hover {
		color: #000;
	}
	.view UL {
		padding: 10px 0;
		clear: both;
	}
		.view UL LI {
			padding: 0 22px 6px;
			list-style: none;
			background: url('/tpl/img/marker_active.gif') no-repeat 0 5px;
		}
			.view UL UL {
				padding: 5px 0 0 0;
			}
				.view UL UL LI {
					background-image: url('/tpl/img/marker.gif');
				}
			.view UL LI A {
				font-weight: bold;
			}
				.view UL LI LI A {
					font-weight: normal;
				}
	.view STRONG {
		color: #000;
	}
	.view A.more {
		text-transform: lowercase;
		text-decoration: underline;
		color: #ed1c24;
		font-size: 0.85em;
		font-weight: bold;
	}
	.view A.more:hover {
		color: #000;
	}
	.view .line {
		clear: both;
		margin: 0 0 10px;
		padding-top: 15px;
	}
/* Новости */
.box-news {
	padding: 17px 20px 5px 10px;
}
	.box-news .item {
		padding: 8px 0 5px 23px;
		background: url('/tpl/img/marker_active.gif') no-repeat 0 13px;
	}
		.box-news .date {
			color: #ed1c24;
		}
		.box-news .desc {
			line-height: 14px;
		}
			.box-news A {
				text-decoration: underline;
				color: #2f2f30;
			}
			.box-news A:hover {
				color: #ed1c24;
			}
	.box-news .more {
		padding: 0 0 20px 23px;
	}
		.box-news .more A {
			text-transform: lowercase;
			text-decoration: underline;
			color: #ed1c24;
			font-size: 0.85em;
			font-weight: bold;
		}
		.box-news .more A:hover {
			color: #000;
		}
	.box-news .pagination {
		padding-top: 10px;
		padding-left: 23px;
	}
/* Категории каталога */
.box-cats {
	padding: 17px 40px 0 10px;
}
	.box-cats UL {
		padding: 6px 0 0 0;
	}
		.box-cats LI {
			padding: 0 0 8px 23px;
			list-style: none;
			background: url('/tpl/img/marker.gif') no-repeat 0 6px;
		}
		.box-cats LI.active {
			background-image: url('/tpl/img/marker_active.gif');
		}
			.box-cats A {
				text-decoration: underline;
				color: #2f2f31;
				font-weight: bold;
				font-size: 0.9em;
			}
			.box-cats A:hover {
				color: #ed1c24;
			}
			.box-cats LI.active A {
				color: #ed1c22;
			}
	.box-cats .line {
		margin-top: 10px;
	}
/* Производитель */
.box-brand {
	padding: 17px 0;
}
	.box-brand H3 {
		color: #da2128;
	}
	.box-brand .logo {
		padding: 0 19px 19px 0;
		float: left;
	}
	.box-brand P {
		padding: 5px 0 0 0;
		line-height: 14px;
		color: #2f2f30;
	}
/* Каталог */
.box-catalogue {
	padding: 17px 0 17px 0;
}
	.box-catalogue .line {
		margin: 7px 0 5px;
	}
	.box-catalogue .num {
		float: right;
		padding: 0 15px 12px 0;
	}
		.box-catalogue .num A {
			margin-left: 10px;
			text-transform: lowercase;
			color: #6d6e70;
			font-weight: bold;
			font-size: 0.85em;
		}
		.box-catalogue .num A:hover {
			color: #000;
		}
		.box-catalogue .num A.active {
			color: #ef1c25;
		}
	.box-catalogue .content {
		padding-bottom: 10px;
	}
	.box-catalogue .group {
		padding: 15px 0;
	}
	.box-catalogue .item {
		clear: both;
		padding-bottom: 2px;
	}
		.box-catalogue .item .photo {
			position: relative;
			width: 160px;
			height: 120px;
			float: left;
			background: url('/tpl/img/empty_pre_1.gif') no-repeat 0 0;
		}
			.box-catalogue .item .cn {
				position: absolute;
				top: 108px;
				left: 0;
				z-index: 1;
				width: 12px;
				height: 12px;
				background: url('/tpl/img/corner_l.gif') no-repeat 0 0;
			}
		.box-catalogue .item .text {
			width: 476px;
			float: left;
		}
			.box-catalogue .item .title {
				background: url('/tpl/img/corner_r.gif') no-repeat 100% 0 #d2d3d5;
			}
				.box-catalogue A {
					text-decoration: underline;
					color: #000;
					font-weight: bold;
				}
				.box-catalogue A:hover {
					color: #ed1c24;
				}
			.box-catalogue .item .price {
				width: 130px;
				float: left;
				text-align: center;
				color: #fff;
				background: url('/tpl/img/corner_r.gif') no-repeat 100% 0 #6d6e72;
				font-weight: bold;
			}
				.box-catalogue .item .price A {
					color: #fff;
				}
				.box-catalogue .item .price A:hover {
					color: #ccc;
				}
			.box-catalogue .item .desc {
				clear: both;
				overflow: hidden;
				height: 82px;
				background-color: #f2f2f2;
				font-size: 0.9em;
			}
				.box-catalogue .item P {
					padding: 10px;
				}
	.box-catalogue .msg {
		clear: both;
	}
/* Каталог (две колонки) */
.box-catalogue-columns {
	
}
	.box-catalogue-columns H3 {
		padding: 10px 0 15px;
	}
	.box-catalogue-columns .item {
		width: 316px;
		margin: 0 2px 2px 0;
		float: left;
	}
		.box-catalogue-columns .item .title {
			background: url('/tpl/img/corner_r.gif') no-repeat 100% 0 #d1d3d4;
		}
			.box-catalogue-columns A {
				text-decoration: underline;
				color: #000;
				font-weight: bold;
			}
			.box-catalogue-columns A:hover {
				color: #ed1c24;
			}
		.box-catalogue-columns .item .photo {
			position: relative;
			width: 130px;
			height: 100px;
			float: left;
		}
			.box-catalogue-columns .item .photo .cn-l {
				top: 88px;
			}
		.box-catalogue-columns .item .desc {
			width: 186px;
			height: 100px;
			float: left;
			overflow: hidden;
			color: #2f2f30;
			background-color: #f2f2f2;
			font-size: 0.9em;
		}
			.box-catalogue-columns .item P {
				padding: 10px;
				line-height: 14px;
			}
/* Каталог */
.box-catalogue-special {
	padding: 17px 10px;
}
	.box-catalogue-special H3 {
		
	}
	.box-catalogue-special .item {
		clear: both;
		width: 100%;
		padding: 10px 0 0 0;
	}
		.box-catalogue-special .item .photo {
			position: relative;
			width: 100px;
			height: 70px;
			float: left;
			background: url('/tpl/img/empty_pre_3.gif') no-repeat 0 0;
		}
			.box-catalogue-special .item .cn {
				position: absolute;
				top: 58px;
				left: 0;
				z-index: 1;
				width: 12px;
				height: 12px;
				background: url('/tpl/img/corner_l.gif') no-repeat 0 0;
			}
		.box-catalogue-special .item .title {
			width: 190px;
			height: 70px;
			overflow: hidden;
			float: left;
			line-height: 14px;
			background: url('/tpl/img/corner_r.gif') no-repeat 100% 0 #d2d3d5;
		}
			.box-catalogue-special .item .title P {
				padding: 6px 10px;
			}
			.box-catalogue-special .item A {
				text-decoration: underline;
				color: #000;
				font-weight: bold;
			}
			.box-catalogue-special .item A:hover {
				color: #ed1c24;
			}
		.box-catalogue-special .item .price {
			width: 160px;
			float: left;
			color: #fff;
			background-color: #ed1b24;
			font-weight: bold;
		}
			.box-catalogue-special .item .price P {
				padding: 12px 10px 10px;
			}
	.box-catalogue-special .more {
		clear: both;
		padding: 10px 0 0 23px;
	}
		.box-catalogue-special .more A {
			text-transform: lowercase;
			text-decoration: underline;
			color: #ed1c24;
			font-size: 0.85em;
			font-weight: bold;
		}
		.box-catalogue-special .more A:hover {
			color: #000;
		}
/* Каталог / Просмотр товара */
.box-catalogue-view {
	padding: 10px 0 0 10px;
}
	.box-catalogue-view .cover {
		position: relative;
		width: 260px;
		height: 180px;
		float: left;
		text-align: center;
	}
		.box-catalogue-view .cover .cn-r {
			left: 248px;
		}
		.box-catalogue-view .cover .cn-l {
			top: 168px;
		}
	.box-catalogue-view .body {
		position: relative;
		width: 336px;
		float: right;
	}
		.box-catalogue-view A {
			font-weight: bold;
		}
		.box-catalogue-view .control {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
			width: 336px;
		}
			.box-catalogue-view .control INPUT {
				float: left;
				padding: 3px 10px;
			}
			.box-catalogue-view .control A {
				float: right;
				padding-right: 20px;
			}
		.box-catalogue-view .info {
			height: 134px;
		}
			.box-catalogue-view .info-wrapper {
				padding: 30px 0 14px;
			}
				.box-catalogue-view .info SPAN {
					display: block;
					padding: 2px 0 1px;
					text-transform: lowercase;
					color: #da2128;
					font-weight: bold;
					font-size: 0.85em;
				}
				.box-catalogue-view .info A {
					text-decoration: underline;
					color: #2f2f30;
				}
				.box-catalogue-view .info DIV {
					height: 18px;
				}
				.box-catalogue-view .icon-cat {
					text-transform: lowercase;
					font-size: 0.85em;
					color: #da2128;
				}
		.box-catalogue-view .photos {
			padding-top: 11px;
		}
		.box-catalogue-view .desc {
			clear: both;
			padding-top: 15px;
		}
			.box-catalogue-view .desc P {
				padding: 0 0 10px;
			}
			.box-catalogue-view .desc .icon-back {
				background-position: 0 4px;
			}
/* Общее */
.special {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 119px;
	height: 23px;
	color: #fff;
	background: url('/tpl/img/special.png') no-repeat 0 0;
	text-transform: lowercase;
	font-size: 0.85em;
}
	#container .special P {
		padding: 2px 7px;
	}
/* Уголки */
.cn-l {
	position: absolute;
	left: 0px;
	z-index: 1;
	width: 12px;
	height: 12px;
	background: url('/tpl/img/corner_l.gif') no-repeat 0 0;
}
.cn-r {
	position: absolute;
	top: 0px;
	z-index: 1;
	width: 12px;
	height: 12px;
	background: url('/tpl/img/corner_r.gif') no-repeat 0 0;
}
/* Иконки */
.icon-cat {
	padding-left: 22px;
	background: url('/tpl/img/icon/cat.gif') no-repeat 0 3px;
}
.icon-back {
	padding-left: 15px;
	background: url('/tpl/img/icon/back.gif') no-repeat 0 5px;
	text-decoration: underline;
	text-transform: lowercase;
	color: #2f2f30;
	font-size: 0.85em;
}
/* КОНТЕНТ */
/***********/

/**************/
/* Pagination */
.pagination {
	float: left;
	padding: 2px 0 0 15px;
	text-align: center;
	font-size: 0.85em;
}
	.pagination .active {
		font-weight: bold;
		color: #ee1c25;
	}
	.pagination A {
		text-decoration: none;
		color: #6d6e70;
	}
	.pagination A:hover {
		text-decoration: underline;
		color: #000;
	}
/* Pagination */
/**************/

/************/
/* ToolTips */
.tip {
	z-index: 13000;
	padding: 5px;
	text-align: left;
	font-size: 1.3em;
	color: #666;
	background-color: #ccc;
}
	.tip-title {
		background-color: #ccc;
	}
	.tip-text {
		background-color: #ccc;
	}
/* ToolTips */
/************/

/***********/
/* SlimBox */
#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 99;
	background-color: #000;
	cursor: pointer;
}
#lbCenter,
#lbBottomContainer {
	position: absolute;
	left: 50%;
	z-index: 100;
	overflow: hidden;
	background-color: #fff;
}
.lbLoading {
	background: #fff url('/tpl/img/loader.gif') no-repeat center;
}
#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}
#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}
#lbPrevLink {
	left: 0;
}
#lbPrevLink:hover {
	background: transparent url('/tpl/img/slimbox/prevlabel.gif') no-repeat 0% 0%;
}
#lbNextLink {
	right: 0;
}
#lbNextLink:hover {
	background: transparent url('/tpl/img/slimbox/nextlabel.gif') no-repeat 100% 0%;
}
#lbBottom {
	font-size: 1.3em;
	color: #666;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}
#lbSave {
	display: block;
	float: right;
	width: 113px;
	height: 25px;
	background: transparent url('/tpl/img/slimbox/savelabel.gif') no-repeat center;
	margin: 5px 0;
}
#lbCloseLink {
	display: block;
	float: right;
	width: 87px;
	height: 25px;
	background: transparent url('/tpl/img/slimbox/closelabel.gif') no-repeat center;
	margin: 5px 0;
}
#lbCloseLink:hover {
	border: 0;
}
#lbCaption, #lbNumber {
	margin-right: 71px;
}
#lbCaption {
	
}
/* SlimBox */
/***********/

/***********/
/* MilkBox */
#mbOverlay {
	position: absolute;
	left: 0;
	width:100%;
	background-color: #000; /* set the Milkbox overlay color // opacity: see the js options */
	z-index:100;
	cursor: pointer;
}

#mbCenter {
	/* for default width and height, see the js options */
	position: absolute;
	z-index:101;
	overflow:hidden;
	left: 50%;
	top:10%;/* overwritten in the js options to properly position the milkbox when activated in a scrolled window */
	background-color: #fff;/* set the Milkbox background color */
	border: 5px solid #fff;/* set the Milkbox border */
	margin:0; padding:5px;/* set the Milkbox padding */
}

.mbLoading{ background: #fff url('/tpl/img/milkbox/loading.gif') no-repeat center; }/* IMAGE: loading gif */

#mbCanvas{ margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden; }

.clear{ clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden; }


/* *** BOTTOM *** */

#mbBottom { 
	/* set text options */
	font-size: 1.3em;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	padding-top:8px;
	margin:0;
}

/* navigation */
/* be careful if you change buttons dimensions */

#mbNavigation{
	float:right;
	width:27px;
	padding-top:3px;
	border-left:1px solid #9c9c9c;/* set nav border */
}


#mbCount{ 
	width:55px; 
	overflow:hidden;
	padding-top:1px;
	float:right;
	text-align: right;
	font-size: 0.85em;
}

#mbCloseLink, #mbPrevLink, #mbNextLink, #mbPlayPause{
	outline:none;
	display:block;
	float:right;
	height:19px;
	cursor: pointer;
}


#mbPrevLink, #mbNextLink{ width:15px; }
#mbPrevLink{ background: transparent url('/tpl/img/milkbox/prev.gif') no-repeat; }/* IMAGE: prev */
#mbNextLink{ background: transparent url('/tpl/img/milkbox/next.gif') no-repeat; }/* IMAGE: next */

#mbPlayPause{ width:13px; }
#mbPlayPause{ background: transparent url('/tpl/img/milkbox/play-pause.gif') no-repeat; }/* IMAGE: prev */


/* NOTE: doesn't work in ie6, so, just see the js options :) */
a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover,a#mbPlayPause:hover { background-position: 0 -22px; }

#mbCloseLink {
	width:17px;
	background: transparent url('/tpl/img/milkbox/close.gif') no-repeat;/* IMAGE: close */
}
#mbCloseLink:hover,
#mbPrevLink:hover,
#mbNextLink:hover {
	border: 0;
}

/* description */

#mbDescription{
	margin-right:27px;
	padding:0px 10px 0 0;
	font-weight: normal;
	text-align:justify;
}
/* MilkBox */
/***********/

/*************/
/* SlideShow */
/*
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
	
HTML:
	<div class="slideshow">
		<div class="images" />
		<div class="captions" />
		<div class="controller" />
		<div class="thumbnails" />
	</div>
	
Notes:
	These next four rules are set by the Slideshow script.
	You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/

.slideshow {
	display: block;
	position: relative;
	overflow: hidden;
	z-index: 0;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}
.slideshow-thumbnails {
	overflow: hidden;
}

/**
HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>
	
Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images {
	height: 300px;
	width: 400px;
}
.slideshow-images-visible {
	opacity: 1;
}
.slideshow-images-prev {
	opacity: 0; 
}
.slideshow-images-next {
	opacity: 0; 
}
.slideshow-images img {
	float: left;
	left: 0;
	top: 0;
}

/**
Notes:
	These are examples of user-defined styles.
	Customize these classes to your usage of Slideshow.
*/

.slideshow {
	width: 636px;
	height: 206px;
	margin: 0 auto;
}
	.slideshow A IMG {
		border: 0;
	}

/**
HTML:
	<div class="slideshow-captions">
		...
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the captions animation.
*/

.slideshow-captions {
	position: absolute;
	left: -949px;
	top: 300px;
	z-index: 10000;
	width: 949px;
	margin-left: 100%;
	padding: 0;
	text-align: right;
	color: #f2f2f2;
}
	.slideshow-captions DIV {
		padding: 10px 15px;
		line-height: 13px;
	}
		.slideshow-captions DIV P {
			padding: 0;
		}
.slideshow-captions-hidden {
	opacity: 0;
}
.slideshow-captions-visible {
	opacity: 1;
}

/*
HTML:
	<div class="slideshow-controller">
		<ul>
			<li class="first"><a /></li>
			<li class="prev"><a /></li>
			<li class="pause play"><a /></li>
			<li class="next"><a /></li>
			<li class="last"><a /></li>
		</ul>
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the controller animation.
*/

.slideshow-controller {
	background: url('/tpl/img/slideshow/controller.png') no-repeat;
	height: 42px;
	left: 50%;
	margin: -21px 0 0 -119px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 238px;
	z-index: 10000;
}
.slideshow-controller * {
	margin: 0;
	padding: 0;
}
.slideshow-controller-hidden { 
	opacity: 0;
}
.slideshow-controller-visible {
	opacity: 1;
}
.slideshow-controller a {
	cursor: pointer;
	display: block;
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 12px;
}
.slideshow-controller a.active {
	background-position: 0 18px;
}
.slideshow-controller li {
	list-style: none;
}
.slideshow-controller li.first a {
	background-image: url('/tpl/img/slideshow/controller-first.gif');
	left: 33px;
	width: 19px;
}
.slideshow-controller li.last a {
	background-image: url('/tpl/img/slideshow/controller-last.gif');
	left: 186px;
	width: 19px;
}
.slideshow-controller li.next a {
	background-image: url('/tpl/img/slideshow/controller-next.gif');
	left: 145px;
	width: 28px;
}
.slideshow-controller li.pause a {
	background-image: url('/tpl/img/slideshow/controller-pause.gif');
	left: 109px;
	width: 20px;
}
.slideshow-controller li.play a {
	background-position: 20px 0;
}
.slideshow-controller li.play a.active {
	background-position: 20px 18px;
}
.slideshow-controller li.prev a {
	background-image: url('/tpl/img/slideshow/controller-prev.gif');
	left: 65px;
	width: 28px;
}

/**
HTML:
	<div class="slideshow-loader" />
	
Notes:
	Customize the hidden / visible classes to affect the loader animation.
*/

.slideshow-loader {
	height: 28px;
	right: 0;
	position: absolute;
	top: 0;
	width: 28px;
	z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}

/**
HTML:
	<div class="slideshow-thumbnails">
		<ul>
			<li><a class="slideshow-thumbnails-active" /></li>
			<li><a class="slideshow-thumbnails-inactive" /></li>
			...
			<li><a class="slideshow-thumbnails-inactive" /></li>
		</ul>
	</div>
	
Notes:
	Customize the active / inactive classes to affect the thumbnails animation.
	Use the !important keyword to override FX without affecting performance.
*/

.slideshow-thumbnails {
	bottom: -65px;
	height: 65px;
	left: 0;
	position: absolute;
	width: 100%;
}
.slideshow-thumbnails * {
	margin: 0;
	padding: 0;
}
.slideshow-thumbnails ul {
	height: 65px;
	left: 0;
	position: absolute;
	top: 0;
	width: 10000px;
}
.slideshow-thumbnails li {
	float: left;
	list-style: none;
	margin: 5px 5px 5px 0;
	position: relative;
}
.slideshow-thumbnails a {
	display: block;
	padding: 5px;
	position: relative; 
}
.slideshow-thumbnails a:hover {
	background-color: #FF9 !important;
	opacity: 1 !important;
}
.slideshow-thumbnails img {
	display: block;
}
.slideshow-thumbnails-active {
	background-color: #9FF;
	opacity: 1;
}
.slideshow-thumbnails-inactive {
	background-color: #FFF;
	opacity: .5;
}
/* SlideShow */
/*************/

/**********
/* Прочее */
.msg {
	text-align: center;
	color: #999;
}
.empty {
	clear: both;
}
.none {
	display: none;
}
/* Дебаг */
.debug {
	margin: 20px;
	padding: 20px;
	text-align: left;
	border: 1px solid #000;
	color: #000;
	background-color: #fff;
	font-size: 1.3em;
}
/* Прочее *
/**********/