@CHARSET "UTF-8";

		
		
/*** MIDDLE SIZE *****************************************************************
*********************************************************************************/
@media only screen and (min-width: 800px) and (max-width: 1130px) {
	
	#marker-wide {display: none;}		
	#marker-middle {display: block;}		
	#marker-middle-thin {display: none;}		
	#marker-thin {display: none;}		
	
	#hd-holder {
		background: transparent url(/images/header_trans_flat.png) repeat-x center -47px;
		}	
		
	#page-body {
		width: 99%;
		margin-left: auto;
		margin-right: 0;
		}	

	#col-center {
		margin-right: 0;
		padding-top:65px;
		}
	
	#content-wrapper {
		border-radius:20px 0 0 20px;
		padding-right:0;
		}
		#content-wrapper .top-controls {
			display: block;
			text-align: right;
			}
			
			#content-wrapper .top-controls .catalog {
				display: none;
				}
				
			/*	
			#content-wrapper .top-controls #place-top-search {
				display: inline-block;
				vertical-align:top;
				margin-left: 30px;
				}
				#content-wrapper .top-controls #place-top-search p {
					margin:0;
					padding:0;
					display: inline-block;
					vertical-align:top;
					width:80px;
					color:#4c4c3d;
					text-align: right;
					margin-top:5px;
					font-size:11px;
					}
				#content-wrapper .top-controls #place-top-search form {
					display: inline-block;
					vertical-align:top;
					width:280px;
					margin-top:6px;
					}
					#content-wrapper .top-controls #place-top-search form input.field{
						width:85%;
						}
			*/
			
			#content-wrapper .top-controls .filter {
				display:none;
				border-radius:12px 0 0 12px;
				background: #e0e0d2 url(/images/icons/icons.png) no-repeat 10px -291px;
				padding:12px 10px 12px 40px;
				font-size:12px;
				color:#d248cc;
				text-decoration: none;
				margin-bottom:7px;
				}
	
	#content {
		border-radius:13px 0 0 13px;
		}
		
	.body-menu {
		right: 0;
		border-radius:15px 0 0 0;
		}		

	#col-left {
		top:120px;
		}
	
	#col-right {
		display:none;
		}
		
	#shop-info {
		position: absolute;
		right:0;
		top:0;
		font-size: 0.9em;
		width: 120px;
		height:47px;
		padding:5px 5px 5px 55px;
		text-align:left;
		border-radius:10px 0 0 10px;
		background: rgba(0, 0, 0, 0.3) url(/images/icons/cart.png) no-repeat 10px center;
		}
		#shop-info #title {
			margin-bottom:0;
			}
		#shop-info #quantity {
			font-weight: normal;
			font-size:0.9em;
			}
			
	.body-menu {
		left: 0;
		border-radius:0;
		background-color: transparent;
		}		
		.body-menu li {
			margin-top:0;
			}
		.body-menu li a, .body-menu li span {
			border-radius:10px;
			background-color: rgba(0, 0, 0, 0.3);
			line-height: 57px;
			margin-right:3px;
			padding-left:5px;
			padding-right:5px;
			}		
			.body-menu ul a {
				border-radius:0;
				line-height: 35px;
				}
				
		.body-menu li span {
			background-position: left -108px;
			padding-left:20px;
			}
		.body-menu li a:hover, .body-menu li span:hover, .body-menu ul li:hover a, 
		.body-menu li.active span, .body-menu li.active ul li.active a, .body-menu li.hovered > span {
			background-position: left 15px;
			}				
	
}

@media only screen and (min-width: 800px) and (max-width: 950px) {

	#hd-holder {
		background-position: center -62px;
		}	
	#page-header div.phone {
		top:20px;
		}	
		
	#page-body {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		}			
	#col-center {
		margin-top:100px;
		margin-left:210px;
		}
	#col-left {
		top:150px;
		width:210px;
		}
		
	#col-left .tab {
		padding:6px 0 6px 0;
		border-radius:0;
		}
		#col-left .tab .color {
			border-radius:0;
			}
	.body-menu {
		margin-left:-205px;
		}
	
	/*	
	.body-menu li a, .body-menu li span {
		margin-left: 0px;
		padding-left:10px;
		padding-right:10px;
		}
	.body-menu li span {
		padding-left: 20px;
		}
	*/
}

/*** MIDDLE-THIN SIZE ******************************************************************
*********************************************************************************/
@media only screen and (min-width: 0px) and (max-width: 799px) {
	
	#full-wrapper {
		overflow: hidden;
		}
	
	#marker-wide {display: none;}		
	#marker-middle {display: none;}		
	#marker-middle-thin {display: block;}		
	#marker-thin {display: none;}		
	
	#hd-holder {
		background: transparent url(/images/header_trans_flat.png) repeat-x center -70px;
		}	
		
	#page-body {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		}	

	#col-center {
		margin-left: 0;
		margin-right: 0;
		margin-top:90px;
		padding-top:65px;
		}
	
	#content-wrapper {
		border-radius:0;
		padding-left:0;
		padding-right:0;
		}
		
		#content-wrapper .top-controls {
			display: block;
			padding-bottom:7px;
			text-align: left;
			}
			#content-wrapper .top-controls.fixed {
				height:35px;
				}
				#content-wrapper .top-controls.fixed .top-controls-wrapper {
					position:fixed;
					left:0;
					top:0;
					right:0;
					background-color: #fff;
					box-shadow:5px 0 5px #444;
					z-index: 10000000;
					border-top:3px solid #fff;
					border-bottom:3px solid #fff;
					}
			#content-wrapper .top-controls .catalog {
				display: inline-block;
				vertical-align:top;
				border-radius:0 12px 12px 0;
				background: #e0e0d2 url(/images/icons/icons.png) no-repeat 25px -88px;
				padding:11px 20px 11px 55px;
				font-size:14px;
				color:#4c4c3d;
				text-decoration: none;
				font-weight: bold;
				}
			#content-wrapper .top-controls #place-top-search {
				display: none;
				margin: 0 auto;
				width: 90%;
				}
				#content-wrapper .top-controls #place-top-search p {
					margin:0;
					padding:0;
					color:#4c4c3d;
					margin-top:5px;
					font-size:11px;
					}
				#content-wrapper .top-controls #place-top-search form {
					display: inline-block;
					vertical-align:top;
					/* width:280px; */
					margin-top:6px;
					}
					#content-wrapper .top-controls #place-top-search form input.field{
						width:85%;
						}
						
			#content-wrapper .top-controls .search {
				display: inline-block;
				vertical-align:top;
				border-radius:12px 12px 0 0;
				background: #e0e0d2 url(/images/icons/icons.png) no-repeat 10px -191px;
				padding:12px 10px 12px 40px;
				font-size:12px;
				color:#8d864e;
				text-decoration: none;
				}

			#content-wrapper .top-controls .cabinet {
				display: inline-block;
			    background: #e0e0d2;
			    border-radius: 12px 12px 0 0;
			    padding: 12px 5px 12px 5px;
			    color: #8d864e;
			}
				
			#content-wrapper .top-controls .filter {
				position:absolute;
				top:0;
				right:0;
				border-radius:12px 0 0 12px;
				background: #e0e0d2 url(/images/icons/icons.png) no-repeat 10px -291px;
				padding:12px 10px 12px 40px;
				font-size:12px;
				color:#d248cc;
				text-decoration: none;
				}
	
	#content {
		border-radius:0;
		}
		
	.body-menu {
		left: 0;
		border-radius:0;
		background-color: transparent;
		}		
		.body-menu li {
			margin-top:0;
			}
		.body-menu li a, .body-menu li span {
			border-radius:10px;
			background-color: rgba(0, 0, 0, 0.3);
			line-height: 57px;
			margin-right:3px;
			padding-left:5px;
			padding-right:5px;
			}		
			.body-menu ul a {
				border-radius:0;
				line-height: 35px;
				}
				
		.body-menu li span {
			background-position: left -108px;
			padding-left:20px;
			}
		.body-menu li a:hover, .body-menu li span:hover, .body-menu ul li:hover a, 
		.body-menu li.active span, .body-menu li.active ul li.active a, .body-menu li.hovered > span {
			background-position: left 15px;
			}				

	#col-left {
		display:none;
		}
	#col-right {
		display:none;
		}
		
	#shop-info {
		position: absolute;
		right:0;
		top:0;
		font-size: 0.9em;
		width: 120px;
		height:47px;
		padding:5px 5px 5px 55px;
		text-align:left;
		border-radius:10px 0 0 10px;
		background: rgba(0, 0, 0, 0.3) url(/images/icons/cart.png) no-repeat 10px center;
		}
		#shop-info #title {
			margin-bottom:0;
			}
		#shop-info #quantity {
			font-weight: normal;
			font-size:0.9em;
			}
	.h-caption {
		display: none;
		}
		
	#page-header-top {
		position: relative;
		background-color: rgba(0, 0, 0, 0.3);
		text-align: left;
		height: 25px;
		}	
		#page-header-top div.phone {
			position: relative;
			top: 0;
			width: auto;
			text-align: left;
			font-size: 1.2em;
			line-height: 25px;
			padding-left: 10px;
			}	
		#page-header-top #place-header-right {
			position: absolute;
			right: 0;
			top: 0;
			
			}	
			#page-header-top #place-header-right .map-link {
				display: block;
				float: none;
				width: auto;
				background: transparent url(/images/icons/map-s.png) no-repeat left center;
				line-height: 20px;
				padding-left: 25px;
				padding-right: 10px;
				margin-top:3px;
				}	
				
		#logo {
			display: block;
			margin-top:2px;
			margin-left: auto;
			margin-right: auto;
			width: auto;
			}	
			#logo img {
				max-width: 100%;
				max-height: 50px;
				width: auto;
				}	
	#price-list-button {
		display:none;
		}
}

/*** THIN SIZE ******************************************************************
*********************************************************************************/
@media only screen and (min-width: 0px) and (max-width: 690px) {

	#full-wrapper {
		overflow: hidden;
		}
	
	#marker-wide {display: none;}		
	#marker-middle {display: none;}		
	#marker-middle-thin {display: none;}		
	#marker-thin {display: block;}		
	
	.body-menu {
		}
	.body-menu-holder {
		display:block;
		position: absolute;
		left:0;
		top:0;
		font-size: 1.4em;
		color:#fff;
		width: 100px;
		line-height: 57px;
		padding-left:37px;
		text-align:left;
		text-decoration: none;
		border-radius:0 10px 10px 0;
		background: rgba(0, 0, 0, 0.3) url(/images/icons/menu.png) no-repeat 10px center;
		}
		
	#content {
		padding-left:10px;
		padding-right:10px;
		}
	#content-wrapper .top-controls .catalog {
		background-position: 10px -88px;
		padding-left:37px;
		}
		
	.form-std div.radio {
		width:300px;
		}	
		
	
	
}

@media only screen and (min-width: 0px) and (max-width: 540px) {

	#content-wrapper .top-controls .filter {
		height: 15px;
		}
		#content-wrapper .top-controls .filter span {
			display:none;
			}
			
	.catNavigator .dots, .catNavigator .numBtn, .catNavigator .comment {
		display: none;
		}
		
	#unit-image-box {
		float:none;
		}
	
	.fieldset-border {
		padding:0;
		}
	.form-std .smooth { 
		width: 95%;
		}
		
	.fieldset-two-column dt {
		width: 100%;
		} 	
	.fieldset-two-column dd {
		float: none;
		width: 100%;
		} 	
	.form-std-panel-caption {
		left:0;
		padding:0;
		margin:0;
		}
		#content .form-std-panel-caption p {
			padding:0;
			margin:0;
			font-size: 11px !important;
			}
	#body-right-column {
		display: none;
		}			
}

@media only screen and (min-width: 0px) and (max-width: 410px) {

	#content-wrapper .top-controls .search {
		height: 15px;
		}
		#content-wrapper .top-controls .search span {
			display:none;
			}
	
	#shop-info {
		background: none;
		background-color: rgba(0, 0, 0, 0.3);
		padding:12px 10px 12px 10px;
		width:auto;
		height:auto;
		}
	#shop-info #quantity {
		display:none;
		}
		
	.body-menu-holder {
		font-size: 1.2em;
		width: auto;
		height:auto;
		line-height: normal;
		padding:12px 10px 12px 40px;
		text-align:left;
		}
		
	#col-center {
		margin-top:85px;
		padding-top: 50px;
		}
	
	.col-25, .col-30, .col-70 {
		width:100%;
		}
	
	.form-std div.radio {
		width:200px;
		}	
		
	#footer-content {
		padding-top: 10px;
		}
	
	#footer-links ul {
		float:none;
		padding-right: 5px;
		margin:20px 0;
		}
		
	#footer-content  address {
		display:block;
		}
		
	
	
}
@media only screen and (min-width: 0px) and (max-width: 300px) {

	#logo {
		margin-top:10px;
		}

	#page-header-top div.phone {
		font-size: 1.1em;
		padding-left: 0;
		}	

	#content-wrapper .top-controls .catalog span {
		display:none;
		}
	
		
	#unit-image-box {
		width:220px;
		}
	.unitImgBox {
		width:200px;
		height:200px;
		margin:10px 0 0 10px;
		}	
		.unitImgBox a {
			position: relative;
			display:block;
			width:200px;
			height:200px;
			}	
			.unitImgBox a span {
				position: absolute;
				display:block;
				bottom:-5px;
				right:-5px;
				font-size:0.85em;
				color:#003399;
				line-height: 18px;
				padding-right:20px;
				background: transparent url("/images/zoom.png") top right no-repeat;
				}	
	.prod_pic {
		width:220px;
		height:220px;
		border:1px solid #d7d69b;
		background-color:#fff; 
		}
		.prod_pic img {
			width:200px;
			height:200px;
			}
	.prod_preview {
		width:220px;
		margin:9px 0 0 -5px;	
		}
	.imgGalleryPreview {
		float:left;
		display:block;
		margin: 0 5px 5px 0;
		width:50px;
		height:50px;
		}
		.imgGalleryPreview img {
			margin: 5px 0 0 5px;
			border:1px solid #c0c0c0;
			width:50px;
			height:50px;
			}
			.imgGalleryPreview img.a {
				border:1px solid #d7d69b;
				}
				
				
}