@import url('reset.css');

body {

	font-family: Arial, sans-serif;
	color: #666;
}

a {

	color: #006699;
}

a:hover {

	text-decoration: none;
}

.layout {

	min-width: 1000px;
	max-width: 1300px;
	margin: 0 auto;
}

#outer-wrapper {

	min-width: 1000px;
	min-height: 100%;
	margin-bottom: -30px;
}

#outer {

	position: relative;
	padding-bottom: 65px;
	overflow: hidden;
	zoom: 1;
}

	#outer .sticker, #outer .sticker_en {

		position: absolute;
		left: 540px;
		top: 50px;
		width: 113px;
		height: 111px;
		z-index: 100;
	}

		#outer .sticker div, #outer .sticker div_en {

			width: 113px;
			height: 111px;
			background: url(/i/small-sticker.png) no-repeat left top;
		}
		#outer .sticker_en div {

			background: url(/i/small-sticker_en.png) no-repeat left top;
		}

			#outer .sticker div a, #outer .sticker_en div a {

				display: block;
				position: relative;
				width: 113px;
				height: 111px;
			}

#header {

	position: relative;
	padding: 30px 20px 0 50px;
	margin-bottom: 45px;
	overflow: hidden;
	zoom: 1;
	z-index: 32;
}

	/* Headers */
	#header h1, #header h2 {

		float: left;
		background: url(/i/logo.png);
		text-indent: -9999px;
		width: 254px;
		height: 41px;
		margin: 0 45px 25px 0;
	}

		#header h1 a, #header h2 a {

			display: block;
			position: relative;
			width: 254px;
			height: 41px;
		}

	#header .service {

		overflow: hidden;
		zoom:1;
		float: left;
		padding-top: 30px;
	}

	/* Service icons */
	#header ul.icons {

		float: left;
		margin-right: 230px;
	}

		#header ul.icons li {

			float: left;
			margin-right: 70px;
		}

		#header ul.icons li.last {

			margin-right: 0;
		}

		#header ul.icons a.mail {

			display: block;
			width: 12px;
			height: 8px;
			font-size: 0;
			background: url(/i/service-icons.gif) no-repeat left top;
		}

			#header ul.icons a.mail:hover {

				background-position: left -8px;
			}

		#header ul.icons a.map {

			display: block;
			float: left;
			width: 11px;
			height: 9px;
			font-size: 0;
			background: url(/i/service-icons.gif) no-repeat -12px top;
		}

			#header ul.icons a.map:hover {

				background-position: -12px -9px;
			}

	/* Languages switcher */
	#header ul.languages {

		float: left;
		font-family: Tahoma, sans-serif;
		font-size: 10px;
		line-height: 12px;
		color: #999;
	}

		#header ul.languages li {

			float: left;
			margin-right: 60px;
		}

		#header ul.languages li.last {

			margin-right: 0;
		}

		#header ul.languages a {

			color: #99cc33;
		}

	/* Menu */
	#header ul.menu {

		clear: both;
		overflow: hidden;
		zoom: 1;
		font-size: 11px;
	}

		#header ul.menu li {

			float: left;
			margin-right: 15px;
		}

			#header ul.menu li a {

				color: #333333;
				text-decoration: none;
			}

			#header ul.menu li a:hover {

				color: #bcbcbc;
			}

		#header ul.menu li.current {}

			#header ul.menu li.current a {

				color: #99cc33;
				font-weight: bold;
			}

		#header ul.menu li.last {

			margin-right: 0;
		}

	/* Submenu */
	#header div.submenu-alone {

		clear: both;
		width: 460px;
		overflow: hidden;
		zoom: 1;
	}

	#header div.submenu {

		clear: both;
		float: left;
		background: #99cc33;
		padding: 0 5px 7px 25px;
		margin-top: 5px;
	}

		#header div.submenu ul {}

			#header div.submenu ul li {

				margin: 7px 10px 0 0;
			}

				#header div.submenu ul li a {

					color: #fff;
				}

				#header div.submenu ul li a:hover {

					color: #bbdd76;
				}

			#header div.submenu ul li.current {}

				#header div.submenu ul li.current a {

					color: #669933;
					font-weight: bold;
				}

#content {

	position: relative;
	padding: 0 250px 0 50px;
	z-index: 32;
}

	#content h1 {

		font-size: 24px;
		color: #6b3337;
		margin-bottom: 25px;
	}

		#content h1 a {

			color: #6b3337;
		}

	#content p {

		margin-bottom: 15px;
	}

	#content ul {

		margin-left: 30px;
		list-style: disc inside;
	}

		#content ul li {

			margin-bottom: 10px;
		}

	#content ol {

		margin-left: 30px;
		list-style: decimal inside;
	}

		#content ol li {

			margin-bottom: 10px;
		}

	#content ul.clean, #content ol.clean {

		list-style: none;
	}

	#content form {}

		#content form fieldset {

			margin-bottom: 10px;
		}

		#content form label {

			display: block;
			/*font-weight: bold;*/
			margin-bottom: 5px;
		}

		#content form .field {

			background: #fff;
			border-left: 1px solid #949494;
			border-top: 1px solid #949494;
			border-right: 1px solid #e5e5e5;
			border-bottom: 1px solid #e5e5e5;
			font-size: 12px;
			padding: 2px;
		}

			#content form .field input.text, #content form .field textarea {

				background: #fff;
				border: none;
				width: 100%;
			}

		#content form .button {

			background: #a1a1a1 url(/i/form-button-bg.gif) repeat-x left top;
			border-left: 1px solid #e0e0e0;
			border-top: 1px solid #e0e0e0;
			border-right: 1px solid #4e4e4e;
			border-bottom: 1px solid #282828;
			color: #000;
			font-size: 12px;
			padding: 4px 15px;
		}

#footer-wrapper {

	position: relative;
	height: 30px;
	z-index: 10;
}

	#footer-wrapper div.background {

		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 30px;
		
		opacity: .100;
		filter: alpha(opacity=100);
		z-index: 10;
		min-width: 1000px;
	}

#footer {

	overflow: hidden;
	zoom: 1;
	position: relative;
	padding: 8px 20px 0 50px;
	margin: 0 auto;
	min-width: 930px;
	max-width: 1230px;
	font-size: 11px;
	z-index: 20;
}

	#footer .copyright {

		float: left;
		width: 30%;
		color: #6b3337;
	}

	#footer .extra {

		float: left;
		width: 40%;
		text-align: center;
	}

		#footer .extra a {

			color: #006699;
		}

	#footer .studio {

		float: right;
		width: 29%;
		text-align: right;
		vertical-align: top;
	}

		#footer .studio a.logo {

			display: block;
			float:right;
			width: 51px;
			height: 6px;
			font-size: 0;
			margin: 5px 0 0 10px;
			background: url(/i/studio-logo.gif) no-repeat left top;
		}


/* Rounded blocks with "star" background (thx Sergey Chikuyonok) */
.rounded-star {

	position: relative;
	overflow: hidden;
}

	.rounded-star .corner {

		position: absolute;
		left: -7px;
		top: -7px;
		background: url(/i/rounded-star.png) no-repeat left top;
		width: 14px;
		height: 14px;
	}

	.rounded-star .right-top, .rounded-star .right-bottom {

		margin-left: 100%;
	}

	.rounded-star .left-bottom, .rounded-star .right-bottom {

		top: 100%;
		margin-top: -7px;
	}



/* Текстовая страница */
body.text {}

	body.text #content {

		color: #666;
	}

		body.text #content h2 {

			font-size: 18px;
			color: #333;
			margin-bottom: 20px;
		}



/* Главная страница */
body.index {}

	body.index #outer-wrapper {

		background: #fff url(/i/waters/index.jpg) no-repeat center top;
	}

	body.index #header {

		padding: 0 20px 0 50px;
		margin-bottom: 20px;
	}

		body.index #header h1, body.index #header h2 {

			float: none;
			margin: 0 0 35px 0;
			background: url(/i/index-logo.png);
			width: 309px;
			height: 76px;
		}
		body.index #header h1.en, body.index #header h2.en {

			background: url(/i/index-logo_en.png);
		}

			body.index #header h1 a, body.index #header h2 a {

				width: 309px;
				height: 76px;
			}

		body.index #header div.service {

			position: relative;
			float: none;
			margin: 0 auto;
			width: 930px;
			height: 225px;
			padding-top: 50px;
		}

			body.index #header div.service ul.icons {

				position: absolute;
				top: 35px;
				left: 400px;
			}

			body.index #header div.service ul.languages {

				position: absolute;
				top: 35px;
				right: 40px;
			}

			body.index #header div.service div.sticker, body.index #header div.service div.sticker_en {

				position: static;
				margin-left: 525px;
				width: 185px;
				height: 182px;
				background: url(/i/sticker.png) no-repeat left top;
			}
			body.index #header div.service div.sticker_en {

				background: url(/i/sticker_en.png) no-repeat left top;
			}

				body.index #header div.service div.sticker a, body.index #header div.service div.sticker_en a {

					display: block;
					position: relative;
					width: 185px;
					height: 182px;
				}


			body.index #header div.service div.sticker2 {
				position: static;
				margin-top: -150px;
				margin-left: 700px;
				width: 185px;
				height: 182px;
				background: url(/i/sticker2.png) no-repeat left top;
			}
				body.index #header div.service div.sticker2 a{
					display: block;
					position: relative;
					width: 185px;
					height: 182px;
				}


		body.index #header .left-column {

			float: left;
			width: 51%;
			padding-top: 20px;
		}

		body.index #header .right-column {

			float: right;
			width: 46%;
		}

		body.index #header ul.drinks {

			position: relative;
			height: 181px;
			overflow: hidden;
			zoom: 1;
		}

			body.index #header ul.drinks li {

				width: 25%;
				float: left;
			}

				body.index #header ul.drinks li a {

					display: block;
					position: relative;
					left: 50%;
					margin-left: -50px;
					width: 100px;
					height: 724px;
					background: url(/i/drinks.png) no-repeat left top;
				}

				body.index #header ul.drinks li a.coffee {

					margin-top: -181px;
				}

				body.index #header ul.drinks li a.coctail {

					margin-top: -362px;
				}

				body.index #header ul.drinks li a.juice {

					margin-top: -543px;
				}

			body.index #header ul.drinks li.first {}

				body.index #header ul.drinks li.first a {

					left: 0;
					margin-left: 0;
				}

			body.index #header ul.drinks li.last {}

				body.index #header ul.drinks li.last a {

					left: -100px;
					margin-left: 100%;
				}

	body.index #content {

		padding: 0 20px 0 50px;
		overflow: hidden;
		zoom: 1;
	}

		body.index #content .left-column {

			float: left;
			width: 51%;
		}

		body.index #content .right-column {

			float: right;
			width: 46%;
		}

		body.index #content p {

			margin-bottom: 20px;
		}



/* Каталог */
body.catalogue {}

	body.catalogue #content {

		padding-left: 50px;
		overflow: hidden;
		zoom: 1;
		padding-right: 15%;
	}

		body.catalogue #content h1 {

			font-size: 24px;
			font-weight: bold;
			color: #6b3337;
			margin-bottom: 20px;
		}

			body.catalogue #content h1 strong {

				color: #8cc63f;
			}

		body.catalogue #content .left-column {

			float: left;
			width: 33%;
		}

			body.catalogue #content .left-column h2 {

				font-size: 24px;
				color: #ccc;
				margin-bottom: 20px;
			}

			/* Products menu */
			body.catalogue #content .left-column ul.menu {

				border-right: 1px solid #e3e3e3;
				font-size: 14px;
				padding: 0 15px 20px 0;
				margin-left: 0;
				list-style: none;
			}

				body.catalogue #content .left-column ul.menu li {

					margin-bottom: 5px;
				}

					body.catalogue #content .left-column ul.menu li a {

						color: #000;
						text-decoration: none;
					}

				body.catalogue #content .left-column ul.menu li.current {}

					body.catalogue #content .left-column ul.menu li.current a {

						color: #99cc33;
						font-weight: bold;
					}

					body.catalogue #content .left-column ul.menu li.current ul li a {

						color: #000;
						font-weight: normal;
					}

					body.catalogue #content .left-column ul.menu li.current ul li.current {}

						body.catalogue #content .left-column ul.menu li.current ul li.current a {

							color: #6b3337;
							font-weight: bold;
						}

						body.catalogue #content .left-column ul.menu li.current ul li.current ul li a {

							color: #000;
							font-weight: normal;
						}

				/* Products submenu */
				body.catalogue #content .left-column ul.menu ul {

					margin: 5px 0 0 20px;
					font-size: 12px;
					list-style: none;
				}

					/* Products subsubmenu */
					body.catalogue #content .left-column ul.menu ul ul {

						font-size: 11px;
					}

						body.catalogue #content .left-column ul.menu ul ul li {}

							body.catalogue #content .left-column ul.menu ul ul li a {

								color: #666;
							}

						body.catalogue #content .left-column ul.menu ul ul li.current {

							font-weight: bold;
						}

							body.catalogue #content .left-column ul.menu li.current ul li.current ul li.current a {

								color: #6b3337;
							}

								body.catalogue #content .left-column ul.menu li.current ul li.current ul li.current a strong {

									color: #8cc63f;
								}

			body.catalogue #content dl.product {

				overflow: hidden;
				zoom: 1;
				border-bottom: 1px solid #efefef;
				padding-bottom: 20px;
				margin-bottom: 20px;
			}

				body.catalogue #content dl.product dt, body.catalogue #content dl.product dd {

					margin-left: 170px;
				}

				body.catalogue #content dl.product dt {

					font-size: 18px;
					color: #663333;
					margin-bottom: 15px;
				}

					body.catalogue #content dl.product dt strong {

						font-weight: normal;
						color: #8cc63f;
					}

					body.catalogue #content dl.product dt .articul {

						display: block;
						float: right;
						width: 30%;
						padding-left: 25px;
						font-size: 16px;
						color: #666;
						text-align: right;
					}

				body.catalogue #content dl.product dd.image {

					float: left;
					width: 160px;
					margin: 0 -100% 0 0;
					text-align: center;
				}

				body.catalogue #content dl.product dd.description {

					margin-bottom: 10px;
				}

				body.catalogue #content dl.product dd.purchase {}

					body.catalogue #content dl.product dd.purchase ul {

						overflow: hidden;
						zoom: 1;
						margin-left: 0;
						list-style: none;
					}

						body.catalogue #content dl.product dd.purchase ul li {

							float: left;
							width: 30%;
						}

						body.catalogue #content dl.product dd.purchase ul li.price {

							float: left;
							width: 49%;
							margin-bottom: 10px;
						}

							body.catalogue #content dl.product dd.purchase ul li.price strong {

								font-size: 28px;
								line-height: 100%;
								font-style: italic;
								color: #a4d268;
							}

							body.catalogue #content dl.product dd.purchase ul li.price .label {

								display: inline-block;
								width: 22px;
								height: 8px;
								margin: 0 10px 0 33px;
								background: url(/i/catalogue-legends.gif) no-repeat 0 0;
								vertical-align: middle;
							}

						body.catalogue #content dl.product dd.purchase ul li.extra {

							float: right;
							width: 49%;
							margin-bottom: 10px;
							font-size: 16px;
							color: #666;
							padding-top: 5px;
							text-align: right;
							min-height: 28px;
						}

						body.catalogue #content dl.product dd.purchase ul li.clear {

							float: none;
							width: auto;
							margin: 0;
							padding: 0;
							font-size: 0;
							line-height: 0;
						}

						body.catalogue #content dl.product dd.purchase ul li.amount {

							clear: both;
							width: 42%;
						}

							body.catalogue #content dl.product dd.purchase ul li.amount label {

								display: inline-block;
								width: 55px;
								height: 6px;
								margin-right: 10px;
								background: url(/i/catalogue-legends.gif) no-repeat -22px 0;
								vertical-align: middle;
							}

							body.catalogue #content dl.product dd.purchase ul li.amount .button {

								display: inline-block;
								width: 11px;
								height: 10px;
								background-image: url(/i/catalogue-buttons.gif);
								background-repeat: no-repeat;
								cursor: pointer;
								vertical-align: middle;
								padding: 0;
								border: none;
								background-color: transparent;
							}

							body.catalogue #content dl.product dd.purchase ul li.amount .minus {

								background-position: 0 0;
							}

							body.catalogue #content dl.product dd.purchase ul li.amount .plus {

								background-position: -11px 0;
							}

							body.catalogue #content dl.product dd.purchase ul li.amount input {

								display: inline-block;
								width: 30px;
								margin: 0 5px 0 5px;
								border-left: 1px solid #5e5e5e;
								border-top: 1px solid #333;
								border-right: 1px solid #d8d8d8;
								border-bottom: 1px solid #ececec;
								font-size: 12px;
								vertical-align: middle;
							}

						body.catalogue #content dl.product dd.purchase ul li.order {

							width: 29%;
							text-align: center;
						}

							body.catalogue #content dl.product dd.purchase ul li.order input {

								display: inline-block;
								width: 45px;
								height: 7px;
								background: url(/i/catalogue-legends.gif) no-repeat -77px 0;
								cursor: pointer;
							}

						body.catalogue #content dl.product dd.purchase ul li.view-order {

							width: 29%;
							text-align: right;
						}

							body.catalogue #content dl.product dd.purchase ul li.view-order input {

								display: inline-block;
								width: 84px;
								height: 9px;
								background: url(/i/catalogue-legends.gif) no-repeat -122px 0;
								cursor: pointer;
							}

			body.catalogue #content dl.last-product {

				border-bottom: none;
				padding-bottom: 0;
			}

		body.catalogue #content .right-column {

			float: right;
			width: 65%;
		}



/* Каталог — Чай */
body.catalogue-tea {}

	body.catalogue-tea #outer-wrapper {

		background: #fff url(/i/waters/catalogue-tea.jpg) no-repeat center bottom;
	}

	body.catalogue-tea #outer {

		padding-bottom: 200px;
	}

		body.catalogue-tea #outer .background {

			position: absolute;
			top: 0;
			left: 67%;
			width: 424px;
			height: 429px;
			background: url(/i/backgrounds/catalogue-tea.png) no-repeat 0 0;
			z-index: 0;
		}

	body.catalogue-tea #content {

		padding-right: 17%;
	}



/* Каталог — Зеленый чай */
body.catalogue-green-tea {}

	body.catalogue-green-tea #outer-wrapper {

		background: #fff url(/i/waters/catalogue-green-tea.jpg) no-repeat center bottom;
	}

	body.catalogue-green-tea #outer {

		padding-bottom: 200px;
	}

		body.catalogue-green-tea #outer .background {

			position: absolute;
			top: 0;
			left: 77%;
			width: 300px;
			height: 555px;
			background: url(/i/backgrounds/catalogue-green-tea.png) no-repeat 0 0;
			z-index: 0;
		}

	body.catalogue-green-tea #content {

		padding-right: 17%;
	}



/* Каталог — Черный чай */
body.catalogue-black-tea {}

	body.catalogue-black-tea #outer-wrapper {

		background: #fff url(/i/waters/catalogue-black-tea.jpg) no-repeat center bottom;
	}

	body.catalogue-black-tea #outer {

		padding-bottom: 185px;
	}

		body.catalogue-black-tea #outer .background {

			position: absolute;
			top: 0;
			left: 82%;
			width: 236px;
			height: 636px;
			background: url(/i/backgrounds/catalogue-black-tea.png) no-repeat 0 0;
			z-index: 0;
		}

	body.catalogue-black-tea #content {

		padding-right: 17%;
	}



/* Каталог — Соки */
body.catalogue-juice {}

	body.catalogue-juice #outer-wrapper {

		background: #fff url(/i/waters/catalogue-juice.jpg) no-repeat center bottom;
	}

	body.catalogue-juice #outer {

		padding-bottom: 145px;
	}

		body.catalogue-juice #outer .background {

			position: absolute;
			top: 0;
			left: 78%;
			width: 320px;
			height: 651px;
			background: url(/i/backgrounds/catalogue-juice.png) no-repeat 0 0;
			z-index: 0;
		}

	body.catalogue-juice #content {

		padding-right: 17%;
	}



/* Каталог — Джемы */
body.catalogue-jams {}

	body.catalogue-jams #outer-wrapper {

		background: #fff url(/i/waters/catalogue-jams.jpg) no-repeat center bottom;
	}

	body.catalogue-jams #outer {

		padding-bottom: 145px;
	}

		body.catalogue-jams #outer .background {

			position: absolute;
			top: 0;
			left: 77%;
			width: 282px;
			height: 738px;
			background: url(/i/backgrounds/catalogue-jams.png) no-repeat 0 0;
			z-index: 0;
		}

	body.catalogue-jams #content {

		padding-right: 17%;
	}

/* Каталог — Сиропы */
body.catalogue-syrup {}

	body.catalogue-syrup #outer-wrapper {

		background: #fff url(/i/waters/catalogue-syrup.jpg) no-repeat center bottom;
	}

	body.catalogue-syrup #outer {

		padding-bottom: 145px;
	}

		body.catalogue-syrup #outer .background {

			position: absolute;
			top: 0;
			left: 77%;
			width: 282px;
			height: 738px;
			background: url(/i/backgrounds/catalogue-syrup.jpg) no-repeat 0 0;
			z-index: 0;
		}

	body.catalogue-syrup #content {

		padding-right: 17%;
	}


/* Каталог — Шоколад */
body.catalogue-chocolate {}

	body.catalogue-chocolate #outer-wrapper {

		background: #fff url(/i/waters/catalogue-chocolate.jpg) no-repeat center bottom;
	}

	body.catalogue-chocolate #outer {

		padding-bottom: 245px;
	}

		body.catalogue-chocolate #outer .background {

			position: absolute;
			top: 0;
			left: 80%;
			width: 350px;
			height: 432px;
			background: url(/i/backgrounds/catalogue-chocolate.png) no-repeat -45px 0;
			z-index: 0;
		}

	body.catalogue-chocolate #content {

		padding-right: 20%;
	}


/* Каталог — Кофе */
body.catalogue-coffee {}

	body.catalogue-coffee #outer-wrapper {

		background: #fff url(/i/waters/catalogue-coffee.jpg) no-repeat center bottom;
	}

	body.catalogue-coffee #outer {

		padding-bottom: 245px;
	}

		body.catalogue-coffee #outer .background {

			position: absolute;
			top: 0;
			left: 81%;
			width: 200px;
			height: 432px;
			background: url(/i/backgrounds/catalogue-coffee.png) no-repeat 0 0;
			z-index: 0;
		}

	body.catalogue-coffee #content {

		padding-right: 17%;
	}



/* Каталог — Кофе и вода */
body.catalogue-coffee-and-water {}

	body.catalogue-coffee-and-water #outer-wrapper {

		background: #fff url(/i/waters/catalogue-coffee-and-water.jpg) no-repeat center bottom;
	}

	body.catalogue-coffee-and-water #outer {

		padding-bottom: 245px;
	}

		body.catalogue-coffee-and-water #outer .background {

			position: absolute;
			top: 0;
			left: 74%;
			width: 325px;
			height: 282px;
			background: url(/i/backgrounds/catalogue-coffee-and-water.png) no-repeat 0 0;
			z-index: 0;
		}

	body.catalogue-coffee-and-water #content {

		padding-right: 17%;
	}



/* Каталог — Минеральная вода */
body.catalogue-carbonated-water {}

	body.catalogue-carbonated-water #outer-wrapper {

		background: #fff url(/i/waters/catalogue-carbonated-water.jpg) no-repeat center bottom;
	}

	body.catalogue-carbonated-water #outer {

		padding-bottom: 175px;
	}

	body.catalogue-carbonated-water #content {

		padding-right: 50px;
	}



/* Каталог — Оборудование */
body.catalogue-equipment {}

	body.catalogue-equipment #outer-wrapper {

		background: #fff url(/i/backgrounds/catalogue-equipment.jpg) no-repeat right 100px;
	}

	body.catalogue-equipment #content {

		padding-right: 19%;
	}



/* Каталог — Сахар */
body.catalogue-sugar {}

	body.catalogue-sugar #outer-wrapper {

		background: #fff url(/i/waters/catalogue-sugar.jpg) no-repeat center bottom;
	}

	body.catalogue-sugar #outer {

		padding-bottom: 180px;
	}

		body.catalogue-sugar #outer .background {

			position: absolute;
			top: 0;
			left: 80%;
			width: 240px;
			height: 400px;
			background: url(/i/backgrounds/catalogue-sugar.png) no-repeat 0 0;
			z-index: 0;
		}

	body.catalogue-sugar #content {

		padding-right: 17%;
	}



/* Ошибка 404 */
body.error-404 {}

	body.error-404 #outer-wrapper {

		margin-bottom: 0;
		background: #fff url(/i/waters/error-404.jpg) no-repeat center 250px;
	}

	body.error-404 #outer {

		padding-bottom: 0;
	}

	body.error-404 #content {

		font-size: 18px;
		color: #666;
	}

		body.error-404 #content h1 {

			margin-bottom: 40px;
		}

		body.error-404 #content p {

			margin-bottom: 35px;
		}

		body.error-404 #content a {

			font-size: 14px;
			color: #2f94c7;
		}



/* Поставщикам (Партнерам?) */
body.for-suppliers {}

	body.for-suppliers #outer-wrapper {

		background: #fff url(/i/waters/for-suppliers.jpg) no-repeat center bottom;
	}

	body.for-suppliers #outer {

		padding-bottom: 200px;
	}

		body.for-suppliers #outer .background {

			position: absolute;
			top: 0;
			left: 61%;
			width: 506px;
			height: 663px;
			background: url(/i/backgrounds/for-suppliers.png) no-repeat 0 0;
			z-index: 0;
		}

	body.for-suppliers #content {

		padding-right: 30%;
	}



/* Сервис */
body.service {}

	body.service #outer-wrapper {

		background: #fff url(/i/waters/forum.jpg) no-repeat center bottom;
	}

	body.service #outer {

		padding-bottom: 120px;
	}

		body.service #outer .background {

			position: absolute;
			top: 55px;
			left: 58%;
			width: 560px;
			height: 366px;
			background: url(/i/backgrounds/service.jpg) no-repeat 0 0;
			z-index: 0;
		}

	body.service #content {

		padding-right: 40%;
	}

		body.service #content em {

			font-size: 18px;
			font-style: normal;
			line-height: 120%;
			color: #666;
		}

			body.service #content em span {

				color: #8cc63f;
			}



/* Форум */
body.forum {}

	body.forum #outer-wrapper {

		background: #fff url(/i/waters/forum.jpg) no-repeat center bottom;
	}

	body.forum #outer {

		padding-bottom: 120px;
	}

	body.forum #content {

		padding: 0 50px;
		font-size: 11px;
	}

		body.forum #content table {

			width: 100%;
			color: #666;
		}

			body.forum #content table .type {

				width: 10px;
				padding-left: 10px;
				padding-right: 10px;
			}

			body.forum #content table .attention {

				width: 6px;
				padding-left: 12px;
				padding-right: 12px;
			}

			body.forum #content table .title {

				padding-left: 15px;
				padding-right: 15px;
			}

			body.forum #content table .answers {

				width: 75px;
				padding-left: 15px;
				padding-right: 15px;
				text-align: center;
			}

			body.forum #content table .author {

				width: 95px;
				padding-left: 15px;
				padding-right: 15px;
				text-align: center;
			}

			body.forum #content table .reads {

				width: 100px;
				padding-left: 15px;
				padding-right: 15px;
				text-align: center;
			}

			body.forum #content table .last-message {

				width: 175px;
				padding-left: 15px;
				padding-right: 15px;
				border-right: none;
			}

			body.forum #content table thead {}

				body.forum #content table thead td {

					font-size: 16px;
					padding: 5px 10px;
					font-family: Tahoma, sans-serif;
					background: #99cc33 url(/i/forum-right-top-bg.gif) no-repeat right top;
					color: #fff;
				}

				body.forum #content table thead th {

					padding-top: 5px;
					padding-bottom: 5px;
					background: #e6e6e6;
					border-right: 1px solid #cccccc;
				}

					body.forum #content table thead th.type {

						padding: 0;
						background: #e6e6e6 url(/i/forum-type-bg.gif) no-repeat left bottom;
					}

					body.forum #content table thead th.last-message {

						width: 205px;
						padding: 0;
						border-right: none;
						background: #e6e6e6 url(/i/forum-last-message-top-bg.gif) no-repeat right top;
					}

						body.forum #content table thead th.last-message div {

							padding: 5px 15px;
							background: url(/i/forum-last-message-bottom-bg.gif) no-repeat right bottom;
						}

			body.forum #content table tbody {}

				body.forum #content table tbody td {

					padding-top: 10px;
					padding-bottom: 5px;
					border-right: 1px solid #ccc;
					border-bottom: 1px solid #ccc;
					vertical-align: top;
				}

					body.forum #content table tbody td.type {

						padding-top: 5px;
						vertical-align: middle;
					}

						body.forum #content table tbody td.type span {

							display: block;
							width: 14px;
							height: 14px;
							font-size: 0;
							line-height: 0;
							background: url(/i/forum-icons.gif) no-repeat left top;
						}

						body.forum #content table tbody td.type span.topic {

							background-position: 0 -14px;
						}

						body.forum #content table tbody td.type span.unread-topic {

							background-position: 0 0;
						}

						body.forum #content table tbody td.type span.poll {

							background-position: 0 -42px;
						}

						body.forum #content table tbody td.type span.unvoted-poll {

							background-position: 0 -28px;
						}

					body.forum #content table tbody td.attention {

						padding-top: 5px;
						vertical-align: middle;
					}

						body.forum #content table tbody td.attention span {

							display: block;
							width: 6;
							height: 15px;
							font-size: 0;
							line-height: 0;
							background: url(/i/forum-icons.gif) no-repeat 0 -56px;
						}

					body.forum #content table tbody td.title {

						padding-top: 5px;
					}

						body.forum #content table tbody td.title p {

							margin: 5px 0 0 0;
						}

						body.forum #content table tbody td.title a {

							font-weight: bold;
							color: #77a41c;
						}

					body.forum #content table tbody td.answers, body.forum #content table tbody td.author, body.forum #content table tbody td.reads, body.forum #content table tbody td.last-message {

						font-weight: bold;
					}

						body.forum #content table tbody td.author a, body.forum #content table tbody td.last-message a {

							color: #666;
						}

					body.forum #content table tbody td.answers, body.forum #content table tbody td.reads {

						color: #6b3337;
					}

					body.forum #content table tbody td.last-message {

						color: #bdbdbd;
					}

					body.forum #content table tbody tr.last-row {}

						body.forum #content table tbody tr.last-row td {

							border-bottom: none;
						}

				body.forum #content table tfoot {}

					body.forum #content table tfoot td {

						background: #99cc33;
					}

						body.forum #content table tfoot td div.right-top {

							background: url(/i/forum-right-top-bg.gif) no-repeat right top;
						}

						body.forum #content table tfoot td div.right-bottom {

							background: url(/i/forum-right-bottom-bg.gif) no-repeat right bottom;
						}

						body.forum #content table tfoot td div.left-bottom {

							height: 24px;
							background: url(/i/forum-left-bottom-bg.gif) no-repeat left bottom;
						}

		body.forum #content .extra {

			padding: 15px 20px;
			border-bottom: 1px solid #ccc;
			margin-bottom: 15px;
			overflow: hidden;
			zoom: 1;
		}

			body.forum #content .extra .counters {

				float: left;
				width: 60%;
			}

			body.forum #content .extra input.add-topic {

				float: right;
				width: 137px;
				height: 18px;
				background: url(/i/forum-add-button.gif) no-repeat left top;
				cursor: pointer;
			}

		body.forum #content .types {

			overflow: hidden;
			zoom: 1;
		}

			body.forum #content .types div.row {

				clear: both;
				margin-bottom: 5px;
				overflow: hidden;
				zoom: 1;
			}

			body.forum #content .types div.type {

				float: left;
				width: 22em;
				margin-right: 15px;
				color: #999;
				overflow: hidden;
				zoom: 1;
			}

				body.forum #content .types div.type span {

					display: block;
					float: left;
					margin-right: 10px;
					width: 14px;
					height: 14px;
					font-size: 0;
					line-height: 0;
					background: url(/i/forum-icons.gif) no-repeat left top;
				}

			body.forum #content .types div.topic {}

				body.forum #content .types div.topic span {

					background-position: 0 -14px;
				}

			body.forum #content .types div.unread-topic {}

				body.forum #content .types div.unread-topic span {

					background-position: 0 0;
				}

			body.forum #content .types div.poll {}

				body.forum #content .types div.poll span {

					background-position: 0 -42px;
				}

			body.forum #content .types div.unvoted-poll {}

				body.forum #content .types div.unvoted-poll span {

					background-position: 0 -28px;
				}



/* Новости */
body.news {}

	body.news #outer-wrapper {

		background: #fff url(/i/waters/news.jpg) no-repeat center bottom;
	}

	body.news #outer {

		padding-bottom: 200px;
	}

	body.news #content {

		padding: 0 20% 0 50px;
		color: #666;
	}

		body.news #content dl.news {

			clear: both;
			overflow: hidden;
			zoom: 1;
			margin-bottom: 25px;
			width: 45%;
			float: left;
		}

			body.news #content dl.news dd.image {

				float: left;
				width: 100px;
				margin: 0 -100% 20px 0;
			}

				body.news #content dl.news dd.image img {

					border: 2px solid #e6e6e6;
				}

			body.news #content dl.news dt {

				margin: 0 0 25px 120px;
				color: #999;
			}

				body.news #content dl.news dt .date {

					margin-bottom: 5px;
				}

				body.news #content dl.news dt a {

					color: #6b3337;
				}

			body.news #content dl.news dd.text {

				clear: both;
			}

				body.news #content dl.news dd.text p {

					margin-bottom: 10px;
				}

		body.news #content dl.second {

			float: right;
			clear: none;
		}

.messages {
     padding-left: 20px;
}

	.messages div.quote {
	     margin-left: 5px;
	     background: #DFDFDF;
	     color: #666666;
	     padding: 5px;
	}