body {
	background: #4c8442 url('../images/header-2.bg.png') center center repeat;
	font-family: 'PT Sans', Arial, sans-serif;
	font-weight: 300;
	min-width: 1000px;
}

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

#header,
#menu,
#content,
#footer {
	width:75%;
	min-width: 960px;
	margin: 0 auto;
	position: relative;
}


#header-wrapper {
	height: 200px;
	background: url('../images/header.bg.png') top left repeat-x;

}
#header-wrapper-2 {
	background: url('../images/header-2.bg.png') 0 0 repeat;
	height: 200px;
}

	#header {
		height: 200px;
		position: relative;
	}


	.location-selector {
		position: absolute;
		right: 0;
		bottom: 50px;
		padding: 10px;
		color: #fff;
	}

	#logo {
		position: absolute;
		top: 10px;
	}

	#contacts {
		position: absolute;
		font-family: 'PT Sans Narrow', Arial, sans-serif;
		right: 0;
		top: 35px;
		color: #fff;
		text-align: right;
		font-size: 200%;
		line-height: 50%;
	}

		#contacts th {
			padding: 5px 10px;
			vertical-align: middle;
		}

		#contacts td {
			padding: 0 20px 0 0;
			vertical-align: middle;
			text-align: left;
			line-height: 30px;
		}

		#contacts strong {
			font-weight: bold;
			font-family: 'PT Sans', Arial, sans-serif;
		}

		#contacts em {
			font-size: 40%;
			font-family: 'PT Sans', Arial, sans-serif;
			line-height: 100%;
		}

	#payment-logos {
		position: absolute;
		bottom: 0px;
		right: 0px;
		padding: 10px 0;
		color: #fff;
		text-align: right;
		font-style: italic;
		font-size: 112.5%;
	}
	#payment-logos p {
		padding: 5px 0;
	}

#menu-wrapper {
	background: #68c82e url('../images/menu.bg.png') top center repeat-x;
}
	#menu {
		height: 40px;
	}

		#main-menu {
			display: inline-block;
			border-left: #559900 1px solid;
			border-right: #99ff00 1px solid;
			*display: inline;
			zoom: 1;
		}
		#main-menu li {
			display: inline-block;
			border-left: #99ff00 1px solid;
			border-right: #559900 1px solid;
			position: relative;
			*display: inline;
			zoom: 1;
		}
			#main-menu li.active,
			#main-menu li.highlighted.active {
				background: #d15a00 url('../images/menu-active.bg.png') top left repeat-x;
				border-left: #ffaa22 1px solid;
				border-right: #bb3300 1px solid;
			}
			#main-menu li.highlighted a {
/*				background: rgba(255,0,0,0.2);*/
				animation-name: pulse;
    		animation-duration: 1s;
				animation-delay: 0s;
    		animation-iteration-count: infinite;
				-webkit-animation-name: pulse;
    		-webkit-animation-duration: 1s;
				-webkit-animation-delay: 0s;
    		-webkit-animation-iteration-count: infinite;
			}
			#main-menu li.highlighted.active a {
				animation: none;
				-webkit-animation: none;
			}

			@keyframes pulse {
					50% {
						transform: scale(1.2,1.2);
						color: #f00;
					}
					0%, 100% {
						transform: scale(1,1);
						color: #fff;
					}
			}
			@-webkit-keyframes pulse {
					50% {
						-webkit-transform: scale(1.2,1.2);
						color: #f00;
					}
					0%, 100% {
						-webkit-transform: scale(1,1);
						color: #fff;
					}
			}
				
				#cart-count.active:after,
				#main-menu li.active:after {
					content: '';
					position: absolute;
					bottom: -8px;
					width: 14px;
					height: 8px;
					left: 50%;
					margin-left: -7px;
					background: url('../images/menu-tip.png') top center no-repeat;
					z-index: 2;
				}
			#main-menu li a {
				color: #fff;
				display: inline-block;
				font-family: 'PT Sans Narrow', Arial, sans-serif;
				font-size: 106.25%;
				line-height: 20px;
				padding: 10px 20px;
				text-decoration: none;
				*display: inline;
				zoom: 1;
			}
		#cart-control {
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;

			background: #d15a00 url('../images/menu-active.bg.png') top left repeat-x;
			border-right: #99ff00 1px solid;
			border-left: #559900 1px solid;
			line-height: 40px;
		}
			#cart-count {
				border-left: #ffaa22 1px solid;
				border-right: #bb3300 1px solid;
				color: #fff;
				display:block;
				text-decoration: none;
				text-align: right;
				padding: 0 10px 0 45px;
				background: url('../images/cart-white.png') 5px center no-repeat;
			}

			#cart-control .tooltip {
				position: absolute;
				bottom: -30px;
				right: 0;
				background: #fff;
				padding: 10px 20px;
				border-radius: 5px;
				width: 150px;
				color: #000;
				box-shadow: 0 0 3px #000;
				z-index: 50;
				font-size: 75%;
				line-height: 100%;
				color: #640;
				display: none;
			}

#content-wrapper {
	background: #f3e3c1 url('../images/content.bg.png') center center repeat;
	position: relative;
	border-bottom: 5px #68c82e solid;
}
	#content-deco {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		height: 10px;
		background: url('../images/content-deco.bg.png') left top repeat-x;
	}
	#content {
		min-height: 300px;
		padding: 30px 0 30px 0;
		color: #222;
	}

	#content p,
	#content ul {
		margin: 1em 0;
	}

	#content u {
		text-decoration: none;
	}

	#content h1 {
		font-family: 'PT Sans Narrow', sans-serif;
		color: #446644;
		font-size: 150%;
	}

	#content a {
		color: #630;

	}
		#content .error h1 {
			color: #880000;
		}

		#content .error ul {
			margin-left: 1em;
			list-style: disc;
		}
		#content .error ul li {
			font-style: italic;
		}

		/* inline-blocks are bugged in webkit, use float instead */
		#content .product-intro-wrapper {
			float:left;
			width: 25%;
			text-align: center;
		}

		#content .product-intro-gallery {
			text-align: center;
			background: #f8f8f8;
		}
		#content .product-intro-gallery span {
			display: inline-block;
			width: 100%;
			height: 100%;
			vertical-align: top;
		}
		#content .product-intro-gallery {
			background: #f0f0f0;
		}
		#content .product-intro-gallery span {
			background: url('../images/gallery-no-image-cart.png') center center no-repeat;
		}

		#content #supplementary-products .product-intro-wrapper {
					width: auto;
				}


		#content #supplementary-products .product-intro-wrapper,
		#content #similar-products .product-intro-wrapper,
		#content #home-special-products .product-intro-wrapper,
		#content #cart-special-products .product-intro-wrapper {
			width: 20%;
		}

		#content .product-intro {
			background: #f8f8f8;
			box-shadow: 0 0 4px rgba(0,0,0,0.4);
			border-radius: 3px;
			margin: 10px 10px 30px 10px;
			padding: 3px;
			position: relative;
			width: 200px;
			height: 254px;
			vertical-align: top;
		}

		#content .product-intro-gallery-wrapper {
			width: 200px;
			height: 200px;
			line-height: 200px;
			overflow: hidden;
			white-space: nowrap;
		}
		#content .product-intro-gallery-wrapper img {
			vertical-align: middle;
		}

		#content .product-intro-code {
			width: 195px;
			margin-top: 5px;
			display: block;
			text-align: left;
			line-height: 30px;
			color: #999;
			font-size: 87.5%;
			line-height: 125%;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			text-decoration: none;
		}
		#content .product-intro-price {
			position: absolute;
			display: block;
			right: 45px;
			bottom: 3px;
			font-family: 'PT Sans Narrow', sans-serif;
			line-height: 30px;
			font-size: 125%;
			text-decoration: none;
			color: #000;
		}

		#content .product-intro-cart {
			position: absolute;
			right: 7px;
			bottom: 4px;
			display: block;
			width: 30px;
			height: 30px;
			background: url('../images/cart.png') center center no-repeat;
		}

		#content .product-intro-gallery {
			display: block;
			width: 100%;
			height: 100%;
			overflow: hidden;
			position: relative;
			white-space: nowrap;
		}

		#content .product-gallery-navigation-left,
		#content .product-gallery-navigation-right {
			position: absolute;
			top: 50%;
			width: 30px;
			height: 30px;
			margin-top: -15px;
		}

		#content .product-intro-gallery-navigation-wrapper {
			position: absolute;
			bottom: 60px;
			left: 0;
			right: 0;
			height: 14px;
			text-align: center;
			z-index: 5;
			display: none;
			line-height: 14px;
		}
			#content .product-intro-gallery-navigation-control {
				display: inline-block;
				border-radius: 10px;
				height: 8px;
				width: 8px;
				background: #fff;
				border: #444 2px solid;
				margin: 0 3px;
			}

			#content .product-intro-gallery-navigation-control.active {
				background-color: #444;
				border-color: #fff;
			}

		#content #product-gallery {
			width: 500px;
			height: 500px;
			border-radius: 4px;
			overflow: hidden;
			position: relative;
			box-shadow: 0 0 3px #864;
			border: #fff 5px solid;
			position: absolute;
			white-space: nowrap;
			top:0;
			left: 0;
			text-align: center;
			background: #fff;
			line-height: 500px;
		}

		#content #product-gallery span {
			display: inline-block;
			width: 100%;
			height: 100%;
			white-space: nowrap;
		}

		#content #product-gallery img {
			vertical-align: middle;
		}

		#content #product-details-wrapper {
			padding: 10px;
			position: relative;
		}
			#product-details {
				margin-left: 520px;
				min-height: 500px;
			}

		#content .product-intro-special-price {
			font-weight: bold;
			color: #68c82e;
		}
		#content .product-intro-normal-price {
			color: #f00;
			font-weight: bold;
		}
		#content .product-intro .product-intro-normal-price {
			font-size: 75%;
			margin-right: 10px;
		}

		#content .product-intro .product-intro-special-price-tag{
			width: 57px;
			height: 55px;
			display: block;
			position: absolute;
			right: -20px;
			top: -20px;
			background: url('../images/special-price-tag.png') 0 0 no-repeat;
			z-index: 10;
		}

			#content #product-gallery-controls {
				position: absolute;
				left:0;
				right:0;
				bottom:0;
				height: 20px;
				text-align: center;
				line-height: 20px;
			}
			#content .product-gallery-control {
				display: inline-block;
				background: #fff;
				border: #444 2px solid;
				width: 10px;
				height: 10px;
				border-radius: 10px;
				margin: 0 5px;
			}
			#content .product-gallery-control.active {
				background-color: #444;
				border-color: #fff;
			}
			#content #product-gallery-slider span {
				background: #f8f8f8;
			}

		#home-banners {
			position: absolute;
			left: 0;
			top: 30px;
			width: 690px;
			height: 300px;
			overflow: hidden;
		}

		#home-banners p {
			margin: 0 !important;
			padding: 0 !important
		}

			.home-banner-container {
				position: absolute;
				width: 690px;
				height: 300px;
			}

			#home-banners-navigation {
				position: absolute;
				left:0;
				top: 10px;
				right:0;
				text-align: right;
				padding: 0 5px;
			}

			.banner-navigation-control {
				display: inline-block;
				width: 15px;
				height: 15px;
				background: #fff;
				border-radius: 20px;
				margin: 0 5px;
				border: #999 2px solid;
				box-shadow: 0 0 3px #000;
				vertical-align: top;
			}
			.banner-navigation-control.active {
				background: #ff8800;
				border-color: #fff;
			}

		#home-news {
			min-width: 210px;
			padding: 10px 20px 0 20px;
			margin-left: 710px;
			border-left: #ca9 1px solid;
		}
		#home-news ul {
			display: block;
			font-size: 87.5%;
			height: 210px;
			margin: 10px 0 20px 0;
			overflow: auto;
			overflow-x: hidden;
			-ms-overflow-x: hidden;
		}

			#content #home-news .news-date {
				display: block;
				color: #a86;
				font-size: 87.5%;
				margin: 0 0 5px 0;
			}

			#content #home-news h2 {
				margin-top: -10px;
			}
			#content #home-news li {
				border-bottom: #a96 1px dashed;
				padding-bottom: 10px;
				margin-bottom: 10px;
			}
			#content #home-news li a:hover {
				text-decoration: underline;
			}
			#content #home-news li p {
				margin: 5px 0;
			}

			#content #home-text {
				padding-right: 300px;
				position: relative;
			}
			#content #home-social {
				float:right;
				top:0;
				right:0;
				padding-left: 20px;
				margin: 30px -250px 0 20px;
				border-left: #ca9 1px solid;
			}


		#home-specials {
			padding: 20px 0;
		}

		#content h1 {
			font-family: 'PT Sans Narrow', sans-serif;
			font-size: 175%;
			line-height: 125%;
			color: #963;
			text-shadow: 0 1px 0 #fff;
			margin: 10px 0;
		}

		#content h2 {
			font-family: 'PT Sans Narrow', sans-serif;
			font-size: 150%;
			line-height: 125%;
			color: #963;
			text-shadow: 0 1px 0 #fff;
			margin: 10px 0;
		}

		#content h3 {
			font-family: 'PT Sans Narrow', sans-serif;
			font-size: 125%;
			line-height: 115%;
			color: #963;
			text-shadow: 0 1px 0 #fff;
			margin: 10px 0;
		}
		#content h4 {
			font-family: 'PT Sans Narrow', sans-serif;
			font-size: 100%;
			line-height: 115%;
			color: #963;
			text-shadow: 0 1px 0 #fff;
			margin: 10px 0;
		}

		#home-special-products,
		#supplementary-products,
		#similar-products {
			padding: 10px 10px 0 10px;
			margin-left: -20px;
			margin-right: -20px;
		}

		#home-special-products .product-intro,
		#supplementary-products .product-intro,
		#similar-products .product-intro {
			margin: 0 25px 40px 10px;
		}

		#content .article {
			font-size: 100%;
			line-height: 125%;
		}
			#content .article ul {
				margin-left: 2em;
				list-style: disc;
			}

			#content .article ol {
				margin-left: 2em;
				list-style: decimal;
			}

			#content .article th {
				font-weight: bold;
			}

			#content .article td {
				padding: 5px 10px;
			}

			#content .article strong {
				font-weight: bold;
			}

			#content .article em {
				font-style: italic;
			}

		#content .button {
			font-family: 'PT Sans Narrow', sans-serif;
			color: #fff;
			height: 40px;
			line-height: 40px;
			text-align: center;
			border: none;
			background: #d15a00 url('../images/menu-active.bg.png') top left repeat-x;
			font-size: 115%;
			padding: 0 15px;
			border-radius: 8px;
			border: #940 1px solid;
			box-shadow: 0 1px 2px #864;
			cursor: pointer;
			text-decoration: none;
		}

		#content a.button {
			padding: 8px 15px 7px 15px;
		}

		#content .button:active {
			box-shadow: none;
		}
		#content .button.disabled {
			background: #999;
			border-color: #777;
			box-shadow: none;
		}

		#content #product-details h2 {
			margin-top: 0;
		}

		#content #product-details h3 {
			font-size: 100%;
			margin: 10px 0;
			color: #963;
		}

		#content #product-details-buttons {
			margin: 30px 0;
		}

		#content #product-details-buttons form {
			display: inline;
		}

		#content #cart table p {
			margin: 0;
		}


		#content #cart td,
		#content #cart th {
			color: #753;
		}


		#content #cart tr.h-header th {
			text-transform: uppercase;
			border-bottom: #963 1px dashed;
			padding: 10px 20px;
			color: #963;
			white-space: nowrap;
		}
		#content #cart th,
		#content #cart td {
			text-align: left;
			vertical-align: top;
			padding: 10px 20px;
			border-bottom: #963 1px dashed;
		}

		#content #cart td.price {
			white-space: nowrap;
			text-align: right;
		}

		#content #cart label {
			display: block;
		}
		#content #cart .cart-illustration-wrapper {
			display: inline-block;
			padding: 3px;
			background: #fff;
			box-shadow: 0 0 3px #000;
			border-radius: 3px;
		}
		#content #cart .cart-illustration-wrapper img {
			vertical-align: top;
		}

		#content .cart-fields td {
			padding: 10px;
		}

		#content #cart .total td, #content #cart .total th {
			border-bottom: none;
			font-size: 120%;
			white-space: nowrap
		}

		#content #cart .cart-change-amount {
			background: #ca8;
			color: #fff;
			padding: 1px 5px;
			border-radius: 3px;
			margin: 0 5px;
			font-family: 'PT Sans Narrow', sans-serif;
			font-weight: bold;
			text-align: center;
			font-size: 75%;
			text-decoration: none;
		}

		.cart-fields {
			width: 100%;
		}

		#feedback-form label,
		.cart-fields label {
			display: block;
			color: #963;
			font-size: 87.5%;
			margin-bottom: 5px;
		}
		#feedback-form .text,
		#products-price-controls .text,
		.cart-fields .text {
			border-radius: 5px;
			padding: 5px 10px;
			font-family: 'PT Sans', sans-serif;
			font-size: 90%;
			background: #fff;
			border: #963 1px solid;
			border-top: #630 1px solid;
			border-bottom: #b85 1px solid;
			box-shadow: 0 1px 0 #fff;
			color: #000;
		}


		#feedback-form .text,
		.cart-fields .text {
			width: 90%;
		}
		#feedback-form textarea.text,
		.cart-fields textarea.text {
			height: 3em;
			resize: vertical;
			width: 95%;
		}

		.full-form-only {
			display: none;
		}

		#feedback-form .text.inactive,
		#products-price-controls .text.inactive,
		.cart-fields .text.inactive {
			color: #999;
		}
		#feedback-form .text.error,
		#products-price-controls .text.error,
		.cart-fields .text.error {
			border-color: #f00;
		}

		#products-pagination-control,
		#products-order-controls {
			margin-bottom: 20px;
		}
		#product-categories a,
		#products-pagination-control a,
		#products-order-controls a {
			display: block;
			padding: 5px 10px;
			border-radius: 5px;
		}
		#product-categories .active a,
		#products-order-controls .active a {
			background: #ca8;
			color: #fff;
			text-decoration: none;
		}
		#product-categories .highlighted a {
			color: #f00;
			font-weight: bold;
		}
		#product-categories .highlighted.active a {
			background: #f00;
			color: #fff;
		}

		#product-categories li.top-border{
			border-top: #963 1px solid;
			margin-top: 5px;
			padding-top: 5px;
		}

		#products-pagination-control .float-left {
			float:left;
		}
		#products-pagination-control .float-right {
			float:right;
		}

		#ymaps-map-container {
			width: 100%;
			height: 450px;
			background: #fec;
			text-align: center;
		}
		#ymaps-map-container span {
			font-family: 'PT Sans Narrow', sans-serif;
			line-height: 450px;
			font-size: 50px;
			text-align: center;
			color: #ba9;
			font-weight: bold;
			text-shadow: 0 2px 0 #fff;
		}

		#product-categories {
			float:left;
			margin-left: -200px;
			top:0;
			width: 190px;
		}

		#product-intros {
			position: relative;
			margin-left: 200px;
		}
		#products-price-controls {
			margin-bottom: 20px;
		}


#footer-wrapper {
	background: url('../images/footer.bg.png') top left repeat-x;
	padding: 20px 0;
}

	#footer-menu {
		display: block;
		float:left;
		width: 200px;
		font-size: 75%;
		margin-left: -15px;
	}
		#footer-menu li {
		}
			#footer-menu li:last-child {
				border-right: none;
			}
			#footer-menu li a {
				display:block;
				text-decoration: none;
				padding: 5px 10px 5px 15px;
				color: #fff;
			}
			#footer-menu li.active a {
				background: url('../images/footer-menu-bullet.png') left center no-repeat;
				font-weight: bold;
			}
	#footer-contacts {
		float:right;
		color: #fff;
		font-size: 75%;
		line-height: 125%;


	}
	#footer-contacts a {
		color: #cfc;
		text-decoration: none;
	}

	#content #cart #extra-cost td {
		color: #f00;
	}

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

		#content .product-intro {
			background: #f8f8f8;
			box-shadow: 0 0 4px rgba(0,0,0,0.4);
			border-radius: 3px;
			height: 204px;
			margin: 10px 10px 30px 10px;
			padding: 3px;
			position: relative;
			width: 150px;
		}

		#content .product-intro-code {
			width: 145px;
		}

		#content .product-intro-gallery-wrapper {
			width: 150px;
			height: 150px;
			overflow: hidden;
			line-height: 150px;
		}
		#content .product-intro-gallery-wrapper img {
			max-height: 150px;
			max-width: 150px;
		}

		#content .product-intro-price {
			right: 40px;
			line-height: 30px;
			font-size: 100%;
		}
}

.location-popup-shade {
	position: fixed;
	background: rgba(0,0,0,0.7);
	z-index: 10;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
	.location-popup {
		position: fixed;
		top: 200px;
		left: 50%;
		width: 420px;
		padding: 20px;
		margin-left: -240px;
		background: #fff;
		border-radius: 5px;
	}
	.location-popup h2 {
		font-size: 125%;
		margin: 10px 0;
		font-weight: bold;
	}
	.location-popup p {
		font-size: 87.5%;
		margin: 10px 0;
	}
	.location-popup__city {
		display: inline-block;
		background: #ccc;
		border-radius: 10px;
		color: #222;
		padding: 5px 10px;
		text-decoration: none;
		font-size: 125%;
	}
	.location-popup__button {
		display: inline-block;
		background: #d15a00 url('../images/menu-active.bg.png') top left repeat-x;
		color: #fff;
		padding: 10px;
		text-decoration: none;
	}
		.location-popup__button--subtle {
			background: none;
			color: #777;
		}