@import "grid.less";
@import "normalize.less";
@import "header.less";

/* settings */

	/* grid */

	@column-width: 60;
	@gutter-width: 20;
	@columns: 12;
	@total-width: 100%;

	/* other */

	@body-bg: #fff;
	@body-color: #454545;

	@a-color: #444;

	@body-font: Arial, Helvetica, sans-serif;
	@body-font-size: 13px;

	@p-line-height: 160%;

	@light-orange: #ff7800;
	@orange: #fc642a;
	@orange-hover: #da6c0a;
	@orange-active: #d84811;

	@blue: #739cb5;
	@dark-blue: #0b6ba7;
	@blue-active: #c75e00;

	@black: #515151;
	@black-hover: #f7a155;
	@black-active: #da6c0a;

	@selection-bg: #739cb5;
	@selection-color: #fff;

	@footer-height: 128px;


/* reset */

li {
	list-style-type: none;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0 0 20px 0;
}

h1 {
	font-size: 21px;
}

h2 {
	font-size: 18px;
}

p {
	margin: 0;
	padding: 0 0 15px 0;
	line-height: @p-line-height;
}

ul {
	margin: 0;
	padding: 0;
}

/* clear */

.clear:before,
.clear:after {
	content: " ";
	display: table;
}

.clear:after {
	clear: both;
}

.clear {
	*zoom: 1;
}

/* selection */

::-moz-selection {
	background: @selection-bg;
	text-shadow: none;
	color: @selection-color;
}

::selection {
	background: @selection-bg;
	text-shadow: none;
	color: @selection-color;
}

/* sticky-footer */

/* main */

a {
	cursor: pointer;
	.link-blue;
}

.link-orange {
	color: @orange;
	&:hover {
		color: @orange-hover;
	}
	&:active {
		color: @orange-active;
	}
}

.link-blue {
	color: @dark-blue;
	&:hover {
		color: @light-orange;
	}
	&:active {
		color: @blue-active;
	}
}

.link-black {
	color: @black;
	&:hover {
		color: @black-hover;
	}
	&:active {
		color: @black-active;
	}
}

.button, button {
	border: 0;
	height: 28px;
	padding: 1px 5px 0 5px;
	background: url(../img/button-bg.png) repeat-x center left;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	&:hover {
		background: url(../img/button-bg-hover.png) repeat-x center left;
	}
	&:active {
		background: url(../img/button-bg-active.png) repeat-x center left;
	}
}

.button-bw {
	border: 0;
	height: 28px;
	padding: 1px 5px 0 5px;
	background: url(../img/button-bw-bg.png) repeat-x center left;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	&:hover {
		background: url(../img/button-bw-bg-hover.png) repeat-x center left;
	}
	&:active {
		background: url(../img/button-bw-bg-active.png) repeat-x center left;
	}
}

input[type='text'], input[type='password'], select, textarea {
	border: 1px solid #cacaca;
	height: 17px;
	padding: 5px 10px;
	background: #fff url(../img/input-bg.png) repeat-x center top;
}

input[type='text'].error, select.error, textarea.error {

	border: 1px solid #ff8888;

}

input[type='text'][disabled], select[disabled], textarea[disabled] {

	background: #ecebeb;
	color: #777777;

}


.price-birka {
	float: left;
	background: url(../img/item-price-bg.png) no-repeat right center;
	padding: 3px 15px 0 10px;
	font-weight: bold;
	height: 19px;
	font-size: 12px;
}

.small-item {
	.price {
		.price-birka;
		margin: 10px 0 10px 0;
		max-width: 160px;
		overflow: visible;

		del {
			color: #bc3737;
			font-size: 10px;
		}
	}

		.price_space {
			display: inline-block;
			width: 1px;
		}

	.compare {
		float: right;
		padding: 3px 0 0 5px;
		margin: 0 0 0 0;
		font-size: 10px;

		a {
			text-decoration: none;
			border-bottom: 1px dotted @dark-blue;
			.link-blue;
		}
	}

	.info {
		clear: both;
		float: left;
		font-size: 11px;
		width: 160px;
		margin: 3px 0;

		.type {
			float: left;
			width: 90px;
			font-weight: bold;
		}
		.data {
			float: left;
		}
	}

	.quick-order-trigger-wrap {
		margin: 5px 0 0 0;
		display: block;
		float: left;
		width: 160px;
		text-align: center;
		.quick-order-trigger {
			text-decoration: none;
			border-bottom: 1px dotted @orange;
			.link-orange;
			float: left;
		}
		.button {
			margin: 10px 0 0 0;
		}
	}
}

select {
	height: 29px;
	padding: 5px 5px;
}

.right {
	text-align: right !important;
}

img {
	max-width: 100%;
}

body {
	background: @body-bg;
	color: @body-color;
	font-family: @body-font;
	font-size: @body-font-size;
}

a {
	cursor: pointer;
}

@page-width: 1200px;

.superalign {
	position: relative;
	left: 50%;
	width: @page-width;
	margin: 0 0 0 -@page-width / 2;
	float: left;

}

.content {

	.superalign;

	padding: 0 0 40px 0;

	.menu-categories {

		float: left;
		margin: 15px 0 0 0;

		padding: 0 20px;

		.line {
			float: left;
		}

		.item-section {

			padding: 0 0 10px 40px;
			margin: 0 0 0 39px;
			font-size: 12px;
			float: left;
			border-left: 1px dashed #d9d9d9;

			width: 230px;

			.thumb {
				float: left;
				clear: both;
			}

			a {
				.link-blue;
			}

			h3 {
				margin: 0;
				padding: 0 0 10px 0;
				font-size: 12px;
				font-weight: bold;
			}

			ul {
				float: left;
				margin: 0 0 10px 10px;
				width: 170px;
				li {
					margin: 0 0 3px 0;
				}
			}

			&:first-child {
				padding-left: 0;
				border-left: 0;
				margin-left: 0;
			}

			.reception {

				h3 a {
					.link-orange;
				}

				float: left;
				margin: 0 20px 0 0;
			}

			.workplace {

				float: left;

				ul {
					width: 95px;
				}

			}

		} /* .item-section */

	} /* .front-categories */

	.promo {

		float: left;
		padding: 0 20px;
		margin: 0 0 10px 0;

		.about {

			float: left;
			width: 580px;
			font-size: 13px;

		}

		.services {

			position: relative;
			float: left;
			width: 498px;
			margin: 0 0 0 40px;
			border: 1px solid #d6d6d6;
			padding: 20px;
			line-height: 160%;

			a {
				.link-orange;
				display: block;
				margin: 7px 0 0 0;
			}

			.services-shadow {
				position: absolute;
				bottom:-13px;
				left: 0;
				width: 540px;
				height: 13px;
				background: url('../img/services-shadow.png') no-repeat left center;
			}

			.manager-zameri {
				float: left;
				height: 64px;
				width: 159px;
				padding: 0 0 0 90px;
				background: url('../img/manager-zameri.png') no-repeat left center;
			}

			.dostavka-sborka {
				float: left;
				height: 64px;
				width: 159px;
				padding: 0 0 0 90px;
				background: url('../img/dostavka-sborka.png') no-repeat left center;
			}
		}

	} /* .promo */

	.main-wrap {

		float: left;
		position: relative;

		margin: 10px 0 0 0;

		.aside {

			border-top: 1px solid #c5e3fc;
			float: left;
			width: 200px;
			clear: both;
			position: relative;
			z-index: 1;

			.item-section {

				margin: 10px 15px 0 15px;
				padding: 10px 5px 0 5px;
				font-size: 12px;
				border-top: 1px dashed #a6a6a6;

				a {
					color: #202020;
				}

				h3 {
					font-size: 12px;
					font-weight: bold;
					padding: 0;
					margin: 0 0 10px 0;
				}

				li {
					margin: 0 0 10px 0;
					font-size: 11px;
				}

				&:first-child {
					border-top: 0;
				}

			} /* .item-section */

		}

		@min-height-main: 1350px;

		.main {

			float: left;
			width: 800px;
			min-height: @min-height-main;

			position: relative;

			.article {

				float: left;
				padding: 20px;
				 a {
				.link-blue;
				}
			}

			.pseudo-aside {
				background: #fffddf;
				border: 1px solid #c5e3fc;
				margin: -1px 0 0 0;
				border-top: 0;
				position: absolute;
				top: 0;
				left: -200px;
				height: 100%;
				width: 199px;
			}

			h1 {
				width: 760px;
				padding: 0 20px 20px 0;
				float: left;
			}

			h2 {
				font-size: 15px;
			}

			h3 a {
				.link-blue;
				display: block;
				font-size: 13px;
				height: 47px;
				overflow: hidden;
			}

			.large-catalog {

				float: left;
				clear: both;
				width: 760px;
				overflow: hidden;

				.item {

					float: left;
					width: 360px;
					padding: 0 20px 20px 0;

					h2 {
						padding: 0;
					}

					h2 a {
						display: block;
						margin: 5px 0 7px 0;
						.link-blue;
					}

					.title {

						color: @dark-blue;
						font-size: 15px;
						float: left;
						display: block;
						padding: 2px 0 0 0;

					}

					.price {
						.price-birka;
						margin: 0 0 0 10px;
					}

				}

				.large-catalog-links {

					float: left;
					background: #fff3ea;
					padding: 20px 20px 10px 20px;
					width: 640px;
					margin: 20px;

					li {
						float: left;
						width: 300px;
						padding: 0 20px 0 0;
						font-size: 14px;
						margin: 0 0 10px 0;
					}

					a {
						.link-orange;
						font-weight: bold;
					}

				}

			}

			.catalog {

				border-top: 1px solid #ebebeb;
				width: 780px;
				float: left;
				margin: 0 20px 0 0;

				h2.header {
					width: 780px;
					float: left;
					margin: 25px 0 10px 15px;
					padding: 0px;
					font-size: 17px;
				}

				h3.header {
					width: 780px;
					float: left;
					margin: 0 0 10px 25px;
					padding: 0px;
				}

				.item {
					float: left;
					width: 160px;
					height: 385px;
					overflow: hidden;
					padding: 17px;
					border-right: 1px solid #ebebeb;
					border-bottom: 1px solid #ebebeb;

					.small-item;

				} /* .item */

				.more {
					float: left;
					text-align: right;
					display: block;
					padding: 10px;
					width: 759px;
					border-right: 1px solid #ebebeb;
					border-bottom: 1px solid #ebebeb;
				}

			} /* .catalog */

			.numpages {
				float: left;
				margin: 20px 10px 10px 30px;
				text-align: center;
				width: 800px;
			}

				.numpages span {
					margin: 0 5px;
					background: #eee;
					padding: 5px 7px;
					font-size: 18px;
					line-height: 200%;
				}

				.numpages a {
					margin: 0 5px;
					font-size: 18px;
					color: #0B6BA7;
				}

			.filter-wrap {

				.filter {

					float: left;
					border: 1px solid #f5d2a3;
					width: 708px;
					margin: 0 20px 20px 20px;
					padding: 10px 15px;
					height: 54px;
					background: url(../img/filter-bg.png) left center;

					label {
						display: block;
						padding: 0 0 3px 0;
						margin: 0;
						font-weight: bold;
					}

					span {
						font-weight: normal;
					}

					.price {
						float: left;

						input {
							width: 50px;
						}
					}

					.delivery {
						margin: 0 0 0 6px;
						float: left;
					}

					.country {
						margin: 0 0 0 6px;
						float: left;
					}

					.style {
						margin: 0 0 0 6px;
						float: left;
					}

					.filter-button {
						float: right;
						margin: 19px 0 0 6px;
					}

					.button-bw {
						font-size: 10px;
					}
				}

				.sorting {

					float: left;
					padding: 0 20px 20px 20px;

					strong {
						float: left;
					}

					a {
						margin: 0 10px;
						display: block;
						float: left;
						.link-blue;
						text-decoration: none;
						border-bottom: 1px dashed @dark-blue;
					}

					a.active {
						height: 30px;
						border-bottom: 0;
						color: #313131;
						padding: 3px 10px 0 10px;
						margin: -3px 0 0 0;
						background: url(../img/sorting-active.png) no-repeat center top;
					}

					.available {
						margin: 0 0 0 15px;
						float: left;
					}

					label {
						margin: 0 0 0 5px;
					}

				}

			} /* .filter-wrap */

			.breadcrumb {

				width: 760px;
				padding: 20px;
				float: left;
				a {
					margin: 0 10px 0 10px;
					.link-blue;
					&:first-child {
						margin: 0 10px 0 0;
					}
				}

				span {
					margin: 0 10px 0 10px;
				}
			}

			.page {

				float: left;
				padding: 0 20px 20px 20px;
				width: 759px;

				a {
					.link-blue;
				}

				h2 {
					font-size: 17px;
				}

				span.orange {
					color: @orange;
				}

				.fifteenpx {
					font-size: 15px;
				}

				li {
					margin: 0 0 5px 0;
				}

				table {
					width: 100%;
					border-spacing: 0 !important;

					img {
						display: inline;
						margin: 0;
					}

					ul {
						margin: 0;
					}

					.remove {
						text-decoration: none;
						.link-orange;
						text-align: right;
						font-family: Lucida Console, Monaco, monospace;
						font-weight: bold;
						font-size: 20px;
					}

					thead {

						th {
							text-align: left;
							padding: 0 5px 10px 5px;
							border-bottom: 2px solid @orange;
						}

					}

					tfoot {

						background: #eaf6ff;
						border-top: 1px solid #eaf6ff;
						padding: 5px 0;

						td {
							background: #eaf6ff;
							text-align: right;
							padding: 10px 5px;
						}
					}

					tbody {

						td {
							padding: 10px 5px;
							vertical-align: middle;
							border-bottom: 1px dotted #c0c0c0;

							.art {
								color: #707070;
								text-transform: uppercase;
							}
							.quantity {
								width: 30px;
								text-align: center;
							}
						}

					}

				} /* table */

				.contact-sklad {
					float: left;
					width: 57%;
				}

				.contact-avtopark {
					float: left;
					width: 43%;
				}

				.email-icon {
					background: url(../img/email-icon.png) no-repeat left 2px;
					padding: 0 0 5px 25px;
				}

				.icq-icon {
					background: url(../img/icq-icon.png) no-repeat left 0;
					padding: 0 0 5px 25px;
				}

				.skype-icon {
					background: url(../img/skype-icon.png) no-repeat left 0;
					padding: 0 0 5px 25px;
				}


				.single {

					float: left;
					width: 730px;

					ul li {
						background: url(../img/bullet.png) no-repeat left 7px;
						padding: 0 0 0 20px;
					}

					ul.notstyled li {
						padding: 0;
						background: 0;
					}

					.thumb {
						float: left;
						width: 300px;
					}

					.info-wrap {
						float: left;

						background: #eefaff;
						width: 335px;
						margin: 0 0 20px 20px;
						padding: 20px;

						.info {

							float: left;
							width: 200px;

							.desc {
								float: left;
								width: 100px;
								font-weight: bold;
								margin: 0 0 10px 0;
							}

							.data {
								float: right;
								width: 100px;
								margin: 0 0 10px 0;
							}
						}
						.compare {
							float: left;
							width: 115px;

							text-align: right;
							margin: 0 0 0 20px;
							a {
								text-decoration: none;
								font-weight: bold;
								border-bottom: 1px dotted @dark-blue;
							}
						}
					} /* .info-wrap */

					.price {
						float: left;
						text-align: right;
						width: 154px;
						height: 53px;
						padding: 10px 10px;
						background: url(../img/single-price-bg.png) no-repeat top left;
						margin: 0 0 0 20px;
						strong {
							display: block;
							font-size: 18px;
						}
						del {
							color: #777209;
						}
					}

						.price_space {
							display: inline-block;
							width: 1px;
						}

					.cart {
						float: left;
						width: 185px;
						margin: 0 0 0 15px;
						text-align: left;
						button {
							width: 175px;
							margin: 0 0 10px 0;
						}
						a {
							.link-orange;
							text-decoration: none;
							border-bottom: 1px dotted @orange;
						}
					}

					.social {
						margin: -25px 0 20px 0;
						float: left;
						width: 730px;
					}

					.tech-spec {
						float: left;
						width: 730px;

						.colors {
							float: left;
							width: 730px;
							border-bottom: 1px dotted #c0c0c0;

							padding: 0 0 20px 0;
							margin: 0 0 0 0;

							.color {
								float: left;
								width: 160px;
								margin: 0 20px 0 0;
							}

							img {
								margin: 0 0 5px 0;
							}
						}

					}

				} /* .single */


				.cart-wrap {
					float: left;
					width: 730px;

					.cart {

						width: 730px;
						float: left;

					} /* .cart */

					.user-info {

						float: left;

						span {
							color: #ff0000;
						}

						.important-notice {
							float: right;
							width: 210px;
							margin: 0 0 0 60px;
						}

						.line {
							float: left;
							width: 460px;
						}

						.info {

							float: left;
							margin: 0 0 10px 0;

							label {
								width: 140px;
								float: left;
								padding: 5px 0 0 0;
								font-weight: bold;
							}

							.data {
								width: 320px;
								float: left;

								input[type='text'] {
									width: 298px;
									padding: 5 10px;
								}
								select {
									width: 100%;
								}

								input[type='radio'] {
									float: left;
									margin: 5px 5px 0 0;
								}

								li {
									float: left;
									width: 320px;
									margin: 0 0 10px 0;
								}

								label {
									float: left;
									width: 290px;
									display: block;
									font-weight: normal;
								}
							}
						}

						h2 {
							margin: 20px 0 20px 0;
							width: 730px;
							float: left;
						}

						.address-box {

							float: left;
							padding: 20px;
							width: 690px;
							height: 205px;
							margin: 0 0 20px 0;
							background: url(../img/address-box.png) no-repeat top left;

							.data {
								width: 550px;
								float: left;
								margin: 0 0 10px 0;
							}

							input {
								width: 550px;
							}

							textarea {
								float: left;
								width: 550px;
								height: 120px;
							}

							label {
								float: left;
								width: 120px;
								font-weight: bold;
							}
						}

					} /* .user-info */


					.confirmation {

						background: #ffe8e0;
						float: left;
						width: 690px;
						margin: 20px 0 0 0;
						padding: 20px 20px 15px 20px;

						.final-price {
							float: left;
							width: 440px;

							.confirm {
								width: 440px;
								float: left;
								font-weight: bold;
								margin: 0 0 5px 0;

								.info {
									float: left;
									width: 220px;
								}
								.data {
									float: right;
									width: 220px;
									text-align: right;
								}

								.large {
									font-size: 17px;
								}
							}
						}
						.confirm-button {
							float: right;
							padding: 10px;
							button {
								font-size: 17px;
								height: 40px;
								width: 200px;
								text-align: center;
								border: 5px solid #fff;
							}
						}

					}

				} /* .cart-wrap */

				.contact-categories {

					background: #fff3ea;
					width: 100%;
					float: left;

					a {
						.link-orange;
						font-weight: bold;
						font-size: 14px;
					}

					ul {
						padding: 20px 20px 10px 20px;
						margin: 0;
						width: 500px;
						float: left;

						li {
							margin: 0 0 10px 0;
							float: left;
							width: 250px;
						}
					}

				}

				.email {
					font-size: 15px;
				}

				.phone {
					.link-orange;
					font-size: 15px;
				}

				h1, h2, h3, h4, h5, h6, ul, img, table, p, .email, .phone, .contact-categories {
					margin: 0 0 25px 0;
					padding: 0;
				}

			}

		} /* .main */

		.catalog-aside-shadow {
			position: absolute;
			bottom: -20px;
			left: 0;
			width: 1200px;
			height: 20px;
			background: url('../img/catalog-aside-shadow.png') no-repeat left bottom;
		}

		.right-aside {

			margin: 0 0 0 0;
			width: 195px;
			float: left;
			color: #313131;

			.compare {
				border: 1px solid #ffc594;
				margin: 0 0 20px 0;
				padding: 20px;
				float: left;
				width: 153px;

				li {
					margin: 0 0 10px 0;
					float: left;
				}

				a {
					display: block;
					.link-blue;
				}

				.item {
					width: 135px;
					float: left;
					color: @dark-blue;
				}

				.remove {
					width: 15px;
					float: left;
					text-align: right;
					.link-orange;
					font-family: Lucida Console, Monaco, monospace;
					font-weight: lighter;
				}

				button {
					clear: both;
					float: left;
					width: 100%;
				}
			}

			.news {
				border: 1px solid #9fcae9;
				border-bottom: 0;
				padding: 20px;
				position: relative;
				float: left;

				.news-bottom {
					position: absolute;
					bottom: -17px;
					left: 0;
					width: 193px;
					height: 18px;
					background: url('../img/news-bottom.png') no-repeat left center;
				}
			}

			.work {
				margin: 30px 0 0 0;
				padding: 20px;
				float: left;

				.item {

					margin: 0 0 10px 0;

					h3 {
						margin: 10px 0 5px 0;
						padding: 0;
						a {
							.link-blue;
						}
					}
				}

			}

		} /* .right-aside */

		.aside-articles {

			float: left;
			width: 180px;
			margin: 20px 20px 0 20px;

			ul {
				margin: 0 0 20px 0;
			}

			a {
				.link-blue;
			}
		}


		.single-bottom {

			float: left;
			width: 710px;
			margin: 0 250px 0 20px;

			a {
				.link-blue;
			}

			h1, h2, h3 {
				margin: 0;
				padding: 0 0 10px 0;
				float: left;
				width: 100%;
			}

			.emailus {
				margin: 0 0 20px 0;

				a {
					font-size: 21px;
				}
			}

			.callus {
				font-size: 18px;
				border-bottom: 1px dotted silver;
				padding: 0 0 20px 0;
				margin: 0 0 20px 0;
				.russia {
					color: @orange;
					sup {
						font-size: 11px;
						font-style: italic;
					}
					margin: 0 0 10px 0;
				}
				.dc {
					color: @orange;
				}
			}

			.line {

				float: left;

				h3 {
					font-size: 13px;
				}

				.item {

					float: left;
					width: 160px;
					padding: 0 20px 0 0;

					.small-item;

				} /* .item */

			} /* .line */

		} /* .single-bottom */

	} /* .main-wrap */

	.sup-footer-inside-promo-text {

		float: left;
		margin: 30px 0 0 0;

		width: 760px;

		padding: 20px 20px 0 20px;

		font-size: 16px;
		line-height: 180%;

		h2 {
			color: @orange;
			font-size: 18px;
			padding: 0 0 10px 0;
		}

		a {
			.link-blue;
		}

	}

	.information-wrap {

		float: left;
		padding: 20px 0 20px 20px;

		a {
			.link-blue;
		}

		.articles {

			float: left;
			width: 185px;

			h1 {
				padding: 0 0 10px 0;
			}

			.set {
				margin: 0 0 30px 0;
			}

			h3 {
				padding: 0;
				font-size: 13px;
			}

			li {
				font-size: 11px;
				margin: 5px 0;
			}

		} /* .articles */

		.news-work {

			float: left;
			margin: 0 0 0 40px;
			width: 955px;

			h1 {
				padding: 0 0 10px 0;
			}

			hr {
				clear: both;
				margin: 30px 0;
				padding: 0;
				border: 0;
				border-bottom: 1px solid #e5e5e5;
			}

			.line {

				float: left;

				.news-item {
					float: left;
					width: 280px;
					padding: 0 0 0 25px;
					margin: 0 20px 0 0;

					&:first-child {
						padding: 0;
						margin: 0;
					}

					a, strong, p {
						display: block;
						margin: 0 0 10px 0;
					}
					strong {
						text-transform: uppercase;
						font-size: 11px;
					}
				}

			}

			.work {

				float: left;

				h1 {
					padding: 0 0 10px 0;
				}

				.office {
					float: left;
					margin: 0 16px 10px 0;
				}

				p {
					font-size: 12px;
				}

			}

		} /* .news */

	} /* .information-wrap */

} /* .content */

.related-items-wrap {
	float: left;
	width: 100%;
	background: url(../img/tovari-bg.png) repeat-x left top;
	margin: 20px 0 0 0;

	.related-items {
		.superalign;

		margin: 0 0 0 -400px;
		width: 730px;

		padding: 20px;

		h1 {
			padding: 0 0 10px 0;
			color: @orange;
		}

		.item {

			h3 a {
				font-size: 13px;
				.link-blue;
			}

			float: left;
			width: 160px;
			padding: 0 20px 0 0;

			.small-item;

		} /* .item */

	}
}

.recent-items-wrap {
	float: left;
	width: 100%;

	.recent-items {
		.superalign;

		margin: 0 0 0 -400px;
		width: 730px;

		padding: 20px;

		h1 {
			padding: 0 0 10px 0;
			color: #52a2cc;
		}

		.item {

			h3 a {
				.link-blue;
				display: block;
				font-size: 13px;
				height: 45px;
				overflow: hidden;
			}

			float: left;
			width: 160px;
			padding: 0 20px 0 0;

			.small-item;

		} /* .item */
	}
}

.reviews {

	.superalign;

	margin: 0 0 0 -400px;
	width: 730px;

	padding: 20px;

	h1 {
		float: left;
	}

	.add-review {

		background: url(../img/add-review.png) no-repeat left center;
		height: 23px;
		float: left;
		margin: 0 0 0 15px;

		a {

			text-decoration: none;
			border-bottom: 1px dotted @orange;
			display: block;
			.link-orange;
			margin: 3px 0 0 27px;
		}

		a.active {
			color: #777;
			border-bottom: 1px dotted #777;
			background: #eefaff;
			border: 1px solid #b9dbe9;
			display: block;
			padding: 4px 10px 4px 10px;
			margin: 0 0 0 27px;
		}
	}

	.write-review {
		float: left;
		background: #eefaff;
		width: 690px;
		margin: 0 0 20px 0;
		padding: 20px;
		border: 1px solid #b9dbe9;

		.line {
			float: left;
			width: 690px;
			font-weight: bold;
			margin: 0 0 10px 0;
		}

		label {
			width: 150px;
			display: block;
			float: left;
		}
		textarea, input {
			float: left;
			width: 500px;
		}
		textarea {

			height: 150px;
		}
	}

	.review {
		float: left;
		padding: 20px 20px 5px 20px;
		margin: 0 0 20px 0;
		background: #eefaff;
		.author {
			float: left;
			font-size: 15px;
			font-weight: bold;
		}
		.date {
			float: right;
			font-size: 15px;
			font-weight: bold;
		}
		p {
			width: 690px;
			clear: both;
			float: left;
			margin: 15px 0 0 0;
		}
	}
}


.quick-order {

	.superalign;

	margin: 0 0 0 -380px;
	width: 520px;
	height: 440px;

	padding: 30px 200px 0 60px;

	background: url(../img/letter.png) no-repeat left bottom;

	.line {

		float: left;
		margin: 0 0 10px 0;

		label {
			float: left;
			width: 110px;
			padding: 5px 0 0 0;
			font-weight: bold;
		}

		.data {
			float: left;
			width: 400px;
		}

			img.captcha {
				margin: -3px 0 0 5px;
			}

		textarea {
			width: 390px;
			height: 100px;
		}

		input {
			float: left;
		}

		button {
			font-size: 17px;
			height: 40px;
			width: 300px;
			text-align: center;
			border: 5px solid #fff;
			margin: 10px 0 0 106px;
		}
	}

}


.slideshow {
	background: url(../img/slideshow.png) no-repeat center center;
	width: 100%;
	height: 202px;
	float: left;
}

.sup-footer-border {
	width: 100%;
	float: left;
	border-bottom: 2px solid #454545;
	pointer-events: none;
	margin: 50px 0 0 0;
}

.sup-footer {

	.superalign;

	line-height: 160%;

	.faq {

		margin: -13px 0 0 0;
		background: #fff;


		h1 {
			font-size: 31px;
			text-align: center;
			position: relative;
			z-index: 1;
			background: #fff;
		}

		h2 {
			color: @orange;
			font-size: 18px;
		}

		h3 {
			padding: 0 0 10px 0;
		}

		ul {
			padding: 0 0 10px 0;
		}

		li {
			margin: 0 0 20px 0;
			padding: 0 0 0 30px;
			background: url(../img/tick.png) no-repeat left 6px;
		}

		.no {
			float: left;
			width: 580px;
			margin: 0 20px 0 0;
		}

		.yes {
			float: left;
			width: 580px;
			padding: 0 0 0 20px;
			background: url(../img/sup-footer-border.png) no-repeat left top;

			li {
				margin: 0 0 5px 0;
			}
		}
	} /* .faq */

	.order-now {

		float: left;
		border-top: 1px dashed #d1d1d1;

		width: 1200px;

		margin: 30px 0 40px 0;
		padding: 30px 0 0 0;

		h1 {
			font-size: 21px;
		}

		.phone {
			font-size: 25px;
			color: @orange;
			margin: 0 0 10px 0;
			sup {
				font-style: italic;
				font-size: 11px;
				top: -1.1em;
			}
		}
		.email {

			a {
				.link-blue;
			}
		}
	} /* .order-now */

} /* .sup-footer */

.footer-wrap {

	float: left;
	background: #f5f5f5;
	width: 100%;

	margin: 0 0 0 0;

	.footer {

		.superalign;
		padding: 30px 0;

		.copyright-icon {
			float: left;
			clear: both;
			width: 25px;
		}

		.copyright {
			position: relative;
			float: left;
			width: 580px;
			margin: 0 20px 0 0;
		}

			.live-internet {
				position: absolute;
				top: 38px;
				right: 51px;
			}

		.links {
			width: 575px;
			float: left;

			a {
				.link-blue;
			}

			li {
				float: left;
				width: 185px;
				margin: 5px 0;
			}
		}
	}

}

.hidden {
	display: none;
}

.popup-wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/transp/70.png);
	z-index: 55;

	display: none;

	h2 {
		width: 300px;
		float: left;
		padding: 0;
		margin: 0 0 10px 0;
	}

	.popup-close-icon {
		width: 60px;
		float: right;
		text-decoration: none;
		.link-orange;
		text-align: right;
		font-family: Lucida Console, Monaco, monospace;
		font-weight: bold;
		font-size: 20px;
		padding: 0;
		margin: 0 0 10px 0;
	}


	.popup {
		float: left;
		width: 360px;
		position: relative;
		left: 50%;
		margin: 50px 0 0 -200px;
		background: #fff;

		padding: 20px;

		span {
			color: #ff0000;
		}

		.line {
			float: left;
			margin: 0 0 10px 0;
			width: 360px;

			label {
				width: 100px;
				float: left;
				font-weight: bold;
				display: block;
				padding: 5px 0 0 0;
			}

			input {
				width: 238px;
				float: left;
			}
			textarea {
				width: 338px;
				height: 100px;
				float: left;
			}

			label.fullwidth{
				width: 360px;
				margin: 0 0 5px 0;
			}

			.close-link {
				float: left;
				display: block;
				.link-blue;
				text-decoration: none;
				border-bottom: 1px dotted @dark-blue;
				margin: 5px 10px 0 0;
			}

			.block {
				position: relative;
				top: -5px;
				float: left;
				width: 140px;
			}
				.forgot-password {
					float: left;
					.link-blue;
					text-decoration: none;
					border-bottom: 1px dotted @dark-blue;
					margin: 2px 10px 0 0;
				}

				.registrate {
					float: left;
					.link-blue;
					text-decoration: none;
					border-bottom: 1px dotted @dark-blue;
					margin: 0px 10px 0 0;
				}

			button {
				width: 210px;
				float: right;
			}
		}
		.captcha {

			float: left;
			margin: 0 0 10px 0;

			label {
				font-weight: bold;
				display: block;
				width: 360px;
				float: left;
				margin: 0 0 10px 0;
			}
			input {
				margin: 5px 0 0 10px;
				float: right;
			}
		}

		img {
			float: left;
		}

	}
}

/*

	Responsive design

	Add other resolutions using Media features:
	http://www.w3.org/TR/css3-mediaqueries/

	Great examples of websites using mediaqueries:
	http://mediaqueri.es/

*/

@media all and (max-width: 1200px) {


.superalign_small {
	position: relative;
	left: 0;
	width: @page-width;
	float: left;
}

.wrapper, .footer-wrap {
	.superalign_small;
}

}

@media print {

	/* Styles for printing */

}