:root {
	color-scheme: only light;

	--blue-text: #50bbff;
	--green-text: #86ff50;
	--red-text: #ff5050;
	--orange-text: #fc8800;
  --dark-gray: #333333;
	--text-color: #000000;
  --link-color: #ff5050;
  --link-color-hover: #ffbf50;
  --blue-link-color: #50bbff;
  --blue-link-color-hover: #ffbf50;
  --headers-color: #555;

  --button-blue: #50bbff;
  --button-blue-hover: #70ccff;
  --button-orange: #fda033;
  --button-orange-hover: #fdac4d;
  --button-green: #86ff50;
  --button-gray: #d0d0d0;
  --button-gray-hover: #ddd;
  --button-light-gray: #eee;
  --button-light-gray-hover: #f6f6f6;

  --page-width: 1174px;
  --header-height: 64px;

  --one-column-width: 280px;
  --two-columns-width: 578px;
  --three-columns-width: 876px;
  --space-between-columns-width: 18px;
  --space-between-rows-height: 18px;

  --block-border-radius: 8px;
  --block-shadow: 0 0 3px #ccc;
  --block-thick-shadow: 0 0 6px #aaa;

	--block-title-bg: #fafbfc;

  --counters-color-back: #fdac4d;
}

html,body{
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Tahoma;
	font-size: 12px;
	width: 100%;
	min-width: 1210px; /* var(--page-width)+2*var(--space-between-columns-width) / for correct mobile zooming */
	display: block;
}

body{
	background-color: #333;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

*:focus {outline: none;}

a{
	color: var(--blue-link-color);
	cursor: pointer;
	text-decoration: none;
}

a:hover{
	color: var(--blue-link-color-hover);
	text-decoration: underline;
}

a:focus{
	outline: 0;
}

a.dotted{
	text-decoration: none;
	border-bottom: dotted 1px var(--blue-link-color);
}
a.dotted:hover{
	border-bottom: dotted 1px transparent;
}

a.dashed{
	text-decoration: none;
	border-bottom: dashed 1px var(--blue-link-color);
}
a.dashed:hover{
	border-bottom: dashed 1px transparent;
}

header, footer, nav, section, article{
	display: block;
	margin: 0;
	padding: 0;
}

img, iframe{
	border: none;
}

.clear{
	clear: both;
	display: block;
	width: 100%;
	height: 0px;
	overflow: hidden;
}

.drop_container{
}
	.drop_container .drop_box{
		cursor: move;
	}
	.drop_container .drop_box.drop_over {
		opacity: 0.4;
	}

.blueButton,
.orangeButton,
.grayButton{
	border: none;
	padding: 8px 24px;
	font-size: 14px;
	line-height: 14px;
	border-radius: 8px;
	cursor: pointer;
}
.blueButton{
	background-color: var(--button-blue);
	color: white;
}
	.blueButton:hover{
		background-color: var(--button-blue-hover);
	}
.grayButton{
	background-color: var(--button-gray);
	color: #666;
}
	.grayButton:hover{
		background-color: var(--button-gray-hover);
	}
	.grayButton:disabled{
		background-color: #eee;
		color: #bbb;
		cursor: default;
	}
.orangeButton{
	background-color: var(--button-orange);
	color: white;
}
	.orangeButton:hover{
		background-color: var(--button-orange-hover);
	}

.formButtonsWrapper{
	text-align: center;
	padding: 10px 0 0 0;
}
	.formButtonsWrapper button{
		margin-left: 4px;
		margin-right: 4px;
	}

.left_right_space{
	width: var(--page-width);
	margin: 0 auto;
	padding: 0 var(--space-between-columns-width);
}

div.checkbox{
	display: inline-block;
	margin: 0;
	padding: 0;
	border: solid 2px #50bbff;
	border-radius: 3px;
	width: 16px;
	height: 16px;
	vertical-align: top;
	background: #fff no-repeat center center;
	cursor: pointer;
}
div.checkbox:hover{
	border-color: #70ccff;
	background: #fff url("/gfx/check-blue.png") no-repeat center center;
}
div.checkbox.checked{
	background: #50bbff url("/gfx/check.png") no-repeat center center;
}
div.checkbox.checked:hover{
	border-color: #70ccff;
	background: #70ccff url("/gfx/check.png") no-repeat center center;
}
div.checkbox.disabled:hover{
	background: #fff no-repeat center center;
	border: solid 2px #eee;
	cursor: default;
}

#headerWrapper{
	width: 100%;
	height: var(--header-height);
	background-color: #fff;
	flex-shrink: 0;
}

	#headerWrapper #headerArea{
		width: var(--page-width);
		margin: 0 auto;
		padding: 0;
	}

	#headerWrapper #headerArea #topLogo{
		width: var(--one-column-width);
		height: var(--header-height);
		margin-right: var(--space-between-columns-width);
		float: left;
	}

		#headerWrapper #headerArea #topLogo a{
			text-decoration: none;
			border: none;
			width: 240px;
			height: 43px;
			background: transparent url("/gfx/logo.png") no-repeat center center;
			display: block;
			margin: 8px 0 0 20px;
		}

		#headerWrapper #headerArea #topLogo a.may9{
			background: transparent url("/gfx/logo-9-may.png") no-repeat center center;
		}

		#headerWrapper #headerArea #topLogo a.newyear{
			background: transparent url("/gfx/logo-newyear.png") no-repeat center center;
		}

		#headerWrapper #headerArea #topLogo a.raccoon{
			width: 277px;
			height: 52px;
			background: transparent url("/gfx/logo-raccoon.png") no-repeat center center;
			display: block;
			margin: 6px 0 0 3px;
		}

	#headerWrapper #headerArea #topSearchLine{
		width: var(--two-columns-width);
		margin-right: var(--space-between-columns-width);
		float: left;
		padding-top: 12px;
	}

		#headerWrapper #headerArea #topSearchLine #topSearchField{
			width: var(--two-columns-width);
/*			width: 546px;*/
			padding: 12px 42px 12px 16px;
			margin: 0;
			border-width: 0;
			border-radius: var(--block-border-radius);
			background-color: #f0f0f0;
			font-size: 14px;
			color: #bbb;
			vertical-align: middle;
			float: left;
		}
			#headerWrapper #headerArea #topSearchLine #topSearchField:focus{
				background-color: #fff;
				color: #000;
				box-shadow: var(--block-thick-shadow);
			}

		#headerWrapper #headerArea #topSearchLine #btnTopSearch{
			width: 24px;
			height: 24px;
			display: inline-block;
			margin: 8px 0 0 -34px;
			vertical-align: middle;
			background: transparent url("/gfx/zoom24.png") no-repeat center center;
			position: relative;
			cursor: pointer;
		}

	#headerWrapper #headerArea #topUserArea{
		width: var(--one-column-width);
		height: var(--header-height);
		float: left;
	}

		#headerWrapper #headerArea #topUserArea #topCartLink,
		#headerWrapper #headerArea #topUserArea #topFavLink{
			margin: 19px 6px 0 0;
			display: block;
			width: 105px;
			height: 28px;
			background: transparent url("/gfx/ico-top-heart.png") no-repeat left center;
/*			text-indent: 28px;*/
			line-height: 28px;
			text-decoration: none;
			color: var(--link-color);
			opacity: 0.7;
			float: left;
		}
			#headerWrapper #headerArea #topUserArea #topCartLink:hover,
			#headerWrapper #headerArea #topUserArea #topFavLink:hover{
				text-decoration: none;
				color: var(--link-color);
				opacity: 1;
			}

/*			#headerWrapper #headerArea #topUserArea #topFavLink #topFavCount,
			#headerWrapper #headerArea #topUserArea #topCartLink #topCartCount{*/
			#headerWrapper #headerArea #topUserArea .topCountFull{
				float: left;
				padding: 2px 5px 3px 5px;
				border-radius: 10px;
				border: solid 1px #fff;
				font-family: Tahoma, Arial, Verdana;
				font-size: 11px;
				font-weight: bold;
				line-height: 11px;
				text-indent: 0;
				color: #fff;
				background-color: var(--counters-color-back);
				position: relative;
				margin: 0 0 0 10px;
			}

		#headerWrapper #headerArea #topUserArea .topCountEmpty{
			float: left;
			margin: 0 0 0 18px;
			width: 10px;
			height: 10px;
		}

		#headerWrapper #headerArea #topUserArea #topCartLink{
			background: transparent url("/gfx/ico-top-cart.png") no-repeat left center;
			width: 95px;
		}

		#headerWrapper #headerArea #topUserArea .topCounterMarg{
			position: relative;
			margin: 0 0 0 2px;
		}

		#headerWrapper #headerArea #topUserArea #topAvaLink{
			vertical-align: middle;
			width: 48px;
			height: 48px;
			display: inline-block;
			border-radius: 24px;
			background: #EEE url("/gfx/user.png") no-repeat center center;
			margin: 8px 0 0 0;
			position: relative;
			cursor: pointer;
		}
		#headerWrapper #headerArea #topUserArea .topAvaCountFull{
			float: right;
			padding: 2px 5px 3px 5px;
			border-radius: 10px;
			border: solid 1px #fff;
			font-family: Tahoma, Arial, Verdana;
			font-size: 11px;
			line-height: 11px;
			font-weight: bold;
			color: #fff;
			background-color: var(--counters-color-back);
		}
		#headerWrapper #headerArea #topUserArea .topAvaCountEmpty{
		}
		#headerWrapper #headerArea #topUserArea #topAvaLink #meTopMenu{
			width: 150px;
			min-height: 40px;
			border: solid 1px #e3e4e8;
			background-color: #fff;
			border-radius: 8px;
			box-shadow: 0 2px 2px #ddd;
			position: absolute;
			right: -10px;
			top: 40px;
			display: none;
			cursor: default;
			z-index: 100;
		}
		#headerWrapper #headerArea #topUserArea #topAvaLink #meTopMenu.wideMe{
			width: 180px;
		}
		#headerWrapper #headerArea #topUserArea #topAvaLink:hover #meTopMenu{
			display: block;
		}
		#headerWrapper #headerArea #topUserArea #topAvaLink #meTopMenu nav{
			padding: 10px 0;
			margin: 0;
		}
		#headerWrapper #headerArea #topUserArea #topAvaLink #meTopMenu nav a{
			display: block;
			text-decoration: none;
			padding: 8px 16px;
			font-size: 14px;
			color: var(--dark-gray);
		}
		#headerWrapper #headerArea #topUserArea #topAvaLink #meTopMenu nav a:hover{
			color: var(--link-color-hover);
		}
		#headerWrapper #headerArea #topUserArea #topAvaLink #meTopMenu nav hr{
			display: block;
			height: 1px;
			width: 100%;
			margin: 8px 0;
			border: none;
			border-top: solid 1px #e3e4e8;
		}

#topMenuWrapper{
	width: 100%;
	background-color: #50bbff;
	flex-shrink: 0;
}

	#topMenuWrapper #topMenuArea{
		width: var(--page-width);
		margin: 0 auto;
		padding: 0;
		text-align: left;
	}

	#topMenuWrapper #topMenuArea a{
		display: inline-block;
		padding: 8px 24px;
		font-size: 18px;
		line-height: 18px;
		color: #FFF;
		text-transform: uppercase;
		text-decoration: none;
	}
	#topMenuWrapper #topMenuArea a:hover{
		background-color: #70ccff;
	}
	#topMenuWrapper #topMenuArea a.active{
		background-color: #fc8800;
	}
	#topMenuWrapper #topMenuArea #lastItem,
	#topMenuWrapper #topMenuArea .rightItems{
		float: right;
	}


#mainWrapper{
	flex: 1;
	width: 100%;
	background-color: #f6f6f6;
	background-image: url("/gfx/g.png");
/*	background-image: url("/gfx/new-year-line.jpg");*/
	background-repeat: repeat-x;
	background-position: top;
}

	#mainWrapper #mainArea{
		width: var(--page-width);
/*		min-height: 770px;*/
		margin: 0 auto;
		padding: var(--space-between-rows-height) 0;
	}

		#mainWrapper #mainArea .oneColumn{
			width: var(--one-column-width);
			float: left;
		}

		#mainWrapper #mainArea .twoColumns{
			width: var(--two-columns-width);
			float: left;
		}

		#mainWrapper #mainArea .threeColumns{
			width: var(--three-columns-width);
			float: left;
		}

		#mainWrapper #mainArea .fourColumns{
			width: var(--page-width);
		}

		#mainWrapper #mainArea .oneColumn.rightMargin,
		#mainWrapper #mainArea .twoColumns.rightMargin,
		#mainWrapper #mainArea .threeColumns.rightMargin{
			margin-right: var(--space-between-columns-width);
		}




#mainArea .sectionWrapper{
	width: 100%;
	margin: 0 0 var(--space-between-rows-height) 0;
	padding: 20px 0;
	list-style: none;
	display: block;
	background-color: #fff;
	border-radius: var(--block-border-radius);
	box-shadow: var(--block-shadow);
}
#mainArea .breadcrumbs{
	width: 100%;
	margin: 0 0 var(--space-between-rows-height) 20px;
	font-size: 14px;
	color: #888;
}
#museumPreviewCartridge,
#shopPreviewCartridge{
	padding: 20px 0;
}
#mainArea .sectionWrapper.noPadding{
	padding: 0;
}

	#mainArea #mainContent .sectionWrapper .contentSidePadding,
	#museumPreviewCartridge .contentSidePadding,
	#shopPreviewCartridge .contentSidePadding{
		padding: 0 40px;
	}

	#mainArea #mainContent .sectionWrapper .contentNotFound{
		padding: 60px 40px;
		font-size: 18px;
		text-align: center;
		color: #555;
	}

	#mainArea #mainContent .sectionWrapper h1,
	#museumPreviewCartridge h1,
	#shopPreviewCartridge h1{
		font-size: 24px;
		font-weight: normal;
		line-height: 32px; /*24px;*/
		text-align: left;
		color: var(--headers-color);
		margin: 0;
		padding: 0;
		font-family: Tahoma, Arial, Verdana, sans-serif;
		max-height: 64px;
		overflow-y: hidden;
	}

	#mainArea #mainContent .sectionWrapper h2{
		font-size: 24px;
		font-weight: normal;
		line-height: 32px; /*24px;*/
		text-align: left;
		color: var(--headers-color);
		margin: 0;
		padding: 0;
		font-family: Tahoma, Arial, Verdana, sans-serif;
/*		max-height: 64px;
		overflow-y: hidden;*/
	}

	#mainArea #mainContent .sectionWrapper h3{
		font-size: 18px;
		font-weight: normal;
		line-height: 26px;
		text-align: left;
		color: var(--headers-color);
		margin: 0;
		padding: 16px 0 4px 0;
		font-family: Tahoma, Arial, Verdana, sans-serif;
	}

	#mainArea #mainContent .sectionWrapper ul,
	#mainArea #mainContent .sectionWrapper ol{
		display: block;
		margin: 0 20px;
		padding: 0px 20px 10px 20px
	}
		#mainArea #mainContent .sectionWrapper ul li,
		#mainArea #mainContent .sectionWrapper ol li{
			font-size: 12px;
			font-weight: normal;
			padding: 4px 10px;
		}

	#mainArea #mainContent .sectionWrapper .actionBtns{
		float: right;
		height: 20px;
		margin: 1px 0 0 0;
	}

	#mainArea #mainContent .sectionWrapper .actionBtns .marginRight{
		margin-right: 8px;
	}
	#mainArea #mainContent .sectionWrapper .actionBtns .marginLeft{
		margin-left: 8px;
	}

	#mainArea #mainContent .sectionWrapper .actionBtns .switcher{
		width: 30px;
		height: 30px;
		padding: 0;
		margin-left: 8px;
		opacity: 0.2;
	}
		#mainArea #mainContent .sectionWrapper .actionBtns .switcher.active{
			opacity: 0.7;
		}
		#mainArea #mainContent .sectionWrapper .actionBtns .switcher:hover{
			opacity: 1;
		}
		#mainArea #mainContent .sectionWrapper .actionBtns #btnViewTiled{
			background: #fff url("/gfx/tiled.png") no-repeat center center;
		}
		#mainArea #mainContent .sectionWrapper .actionBtns #btnViewList{
			background: #fff url("/gfx/list.png") no-repeat center center;
		}

	#mainArea #mainContent .sectionWrapper .actionBtns .actSorter{
		display: inline-block;
		width: 220px;
		line-height: 30px;
		font-size: 12px;
	}
	#mainArea #mainContent .sectionWrapper .actionBtns .actSorter .actSortOrder{
		display: inline-block;
		position: relative;
		cursor: pointer;
		color: var(--blue-link-color);
	}
	#mainArea #mainContent .sectionWrapper .actionBtns .actSorter .actSortOrder .actSortSelect{
		cursor: default;
		display: none;
		position: absolute;
		top: -4px;
		left: -17px;
		width: 150px;
		background-color: #fff;
		padding: 0;
		margin: 0;
		list-style: none;
		border: solid 1px #e3e4e8;
		border-radius: 8px;
		box-shadow: 0 2px 2px #ddd;
		padding: 4px 0;
		z-index: 1;
	}
	#mainArea #mainContent .sectionWrapper .actionBtns .actSorter .actSortOrder:hover .actSortSelect{
		display: block;
	}
	#mainArea #mainContent .sectionWrapper .actionBtns .actSorter .actSortOrder .actSortSelect li{
		padding: 8px 16px;
		cursor: pointer;
		line-height: 12px;
		font-size: 12px;
	}
	#mainArea #mainContent .sectionWrapper .actionBtns .actSorter .actSortOrder .actSortSelect li:hover{
		color: var(--blue-link-color-hover);
	}
	#mainArea #mainContent .sectionWrapper .actionBtns .actSorter .actSortOrder .actSortSelect li.odd{
		background-color: #f6f6f6;
	}

	#mainArea #mainContent .sectionWrapper .actionBtns select{
		padding: 6px 8px;
		font-family: Arial, Verdana, sans-serif;
		font-size: 14px;
		line-height: 14px;
		border-radius: 5px;
		border: solid 1px #ddd;
		margin: 0;
		background-color: #fafafa;
		outline: none;
	}


	#mainArea #mainContent .sectionWrapper hr,
	#museumPreviewCartridge hr,
	#shopPreviewCartridge hr{
		border: none;
		border-top: solid 1px #ddd;
		margin: 20px 0;
		padding: 0;
	}

	#mainArea #mainContent .sectionWrapper p,
	#museumPreviewCartridge p,
	#shopPreviewCartridge p{
		font-size: 14px;
		font-weight: normal;
		line-height: 21px;
		text-align: left;
		color: var(--text-color);
		margin: 0;
		padding: 0 0 10px 0;
		font-family: Tahoma, Arial, Verdana, sans-serif;
	}

#mainArea #mainContent .sectionWrapper ul.pagination{
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	font-size: 16px;
	line-height: 16px;
}
	#mainArea #mainContent .sectionWrapper ul.pagination li{
		display: inline-block;
		margin: 0 2px 0 0;
		padding: 0;
		font-size: 16px;
		line-height: 16px;
	}
	.pagination a{
		display: inline-block;
		padding: 8px 16px;
		text-decoration: none;
		background-color: #b9e4ff;
		color: #4096cc;
		border-radius: 5px;
		cursor: pointer;
	}
	.pagination a:hover{
		background-color: #dcf1ff;
		color: #50bbff;
	}
	#mainArea #mainContent .sectionWrapper ul.pagination li.active{
		background-color: #eaeaea;
		color: #555;
		padding: 8px 16px;
		border-radius: 5px;
		cursor: default;
	}
	#mainArea #mainContent .sectionWrapper ul.pagination li.before{
		padding: 4px 8px;
		cursor: default;
	}

/* Left Common Search Field & Button */
#mainArea #sectionSearchField{
	width: 260px;
	padding: 12px 34px 12px 12px;
	margin: 0 0 0 10px;
	border-width: 0;
	border-radius: 5px;
	background-color: #fff;
	font-size: 14px;
	line-height: 14px;
	display: inline-block;
	vertical-align: middle;
}
#mainArea #sectionSearchBtn{
	width: 16px;
	height: 16px;
	display: inline-block;
	margin: 0 0 0 -30px;
	vertical-align: middle;
	background: transparent url("/gfx/zoom16.png") no-repeat center center;
	position: relative;
	cursor: pointer;
}

/* Common Left Info Blocks */
#mainArea .sectionWrapper.infoBlock h3{
	margin: 0 20px 10px 20px;
	font-size: 18px;
	font-weight: normal;
	line-height: 18px;
	text-align: left;
	color: var(--blue-text);
	padding: 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
}
#mainArea .sectionWrapper.infoBlock p{
	margin: 0 20px 6px 20px;
	font-size: 12px;
	font-family: Tahoma, Arial, Verdana, sans-serif;
}

/* Common Filter Styles */
.leftFilters .leftFilterContentWrapper{
	padding: 0 10px;
}

.leftFilters .leftFilterHeader{
	font-size: 14px;
	font-weight: bold;
	color: #666;
	margin: 0;
	padding: 0 0 12px 0;
	text-align: left;
}

.leftFilters .leftFilterHeader.marginTop{
	margin-top: 16px;
}

.leftFilters .leftFilterOneRow{
	position: relative;
}

.leftFilters input[type="number"]{
	padding: 8px 8px;
	font-size: 14px;
	line-height: 14px;
	border: solid 1px #ccc;
	border-radius: 5px;
	margin: 0;
	display: inline-block;
}
.leftFilters input[type="number"].marginRight{
	margin-right: 12px;
}
.leftFilters input[type="number"].fromto{
	width: 100px;
}

.leftFilters label{
	cursor: pointer;
	display: inline-block;
	margin: 0 0 6px 0;
}
.leftFilters .leftFilterCheckbox{
	padding: 0;
	border: solid 2px #50bbff;
	border-radius: 3px;
	margin: 0 8px 0 16px;
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background: transparent no-repeat center center;
}
.leftFilters label:hover .leftFilterCheckbox{
	border-color: #70ccff;
	background: transparent url("/gfx/check-blue.png") no-repeat center center;
}
.leftFilters label:hover .leftFilterCheckbox.checked{
	border-color: #70ccff;
	background: #70ccff url("/gfx/check.png") no-repeat center center;
}
.leftFilters .leftFilterCheckbox.checked{
	background: #50bbff url("/gfx/check.png") no-repeat center center;
}
.leftFilters .leftFilterCheckboxText{
	line-height: 20px;
	font-size: 14px;
	vertical-align: middle;
}

.leftFilters #leftFilterFloatButton{
	margin: 0;
	padding: 20px;
	list-style: none;
	display: none;
	background-color: #fff;
	border-radius: var(--block-border-radius);
	box-shadow: var(--block-shadow);
}

#filterBalloons span{
	padding: 8px 16px;
	line-height: 12px;
	font-size: 12px;
	background-color: #fc8800;
	color: #fff;
	border-radius: 8px;
	margin: 3px 6px 3px 0;
	cursor: pointer;
	white-space: nowrap;
	display: inline-block;
}
#filterBalloons span:hover{
	background-color: #fdb866;
}
#filterBalloons span.gray{
	color: #555;
	background-color: #eaeaea;
}
#filterBalloons span.gray:hover{
	background-color: #dadada;
}


/*ul.itemsCollection{
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}*/
ul.itemsCollection{
	display: grid;
	grid-template-columns: repeat(1, var(--one-column-width));
	gap: var(--space-between-rows-height) var(--space-between-columns-width);
	list-style: none;
	margin: 0 0 var(--space-between-rows-height) 0;
	padding: 0;
}
	#mainArea .twoColumns #mainContent ul.itemsCollection{
		grid-template-columns: repeat(2, var(--one-column-width));
	}
	#mainArea .threeColumns #mainContent ul.itemsCollection{
		grid-template-columns: repeat(3, var(--one-column-width));
	}
	#mainArea .fourColumns #mainContent ul.itemsCollection{
		grid-template-columns: repeat(4, var(--one-column-width));
	}

	ul.itemsCollection.tiled{
	}
/*	ul.itemsCollection.tiled li{
		display: inline-block;
		list-style: none;
		margin: 0 var(--space-between-columns-width) var(--space-between-rows-height) 0;
		padding: 0;
		width: var(--one-column-width);
		background-color: #fff;
		border-radius: var(--block-border-radius);
		box-shadow: var(--block-shadow);
		vertical-align: top;
	}
	#mainArea .oneColumn #mainContent ul.itemsCollection.tiled li,
	#mainArea .twoColumns #mainContent ul.itemsCollection.tiled li:nth-child(2n),
	#mainArea .threeColumns #mainContent ul.itemsCollection.tiled li:nth-child(3n),
	#mainArea .fourColumns #mainContent ul.itemsCollection.tiled li:nth-child(4n){
		margin-right: 0;
	}*/

	ul.itemsCollection.tiled li{
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
		width: var(--one-column-width);
		background-color: #fff;
		border-radius: var(--block-border-radius);
		box-shadow: var(--block-shadow);
		vertical-align: top;
	}
		
		ul.itemsCollection.tiled li .picture{
			display: block;
			width: 200px;
			height: 200px;
			background: #fafafa url("/gfx/noimage.png") no-repeat center center;
			background-size: cover;
			margin: 16px auto 10px auto;
			border-radius: 7px;
		}
		ul.itemsCollection.tiled li.unavailable .picture{
			filter: grayscale(1);
		}
		ul.itemsCollection.tiled li.unavailable .picture:hover{
			filter: grayscale(0);
		}
			ul.itemsCollection.tiled li .picture .btnReserveItem,
			ul.itemsCollection.tiled li .picture .btnEditItem,
			ul.itemsCollection.tiled li .picture .btnDelItem,
			ul.itemsCollection.tiled li .picture .btnToTopItem{
				width: 40px;
				height: 40px;
				float: right;
				margin: 5px 5px 5px 0;
				background: #ccc url("/gfx/32x32-edit.png") no-repeat center center;
				border: none;
				border-radius: 5px;
				opacity: 0.2;
				cursor: pointer;
			}
			ul.itemsCollection.tiled li .picture .btnToTopItem{
				background-image: url("/gfx/32x32-to-top.png");
			}
			ul.itemsCollection.tiled li .picture .btnDelItem{
				background-image: url("/gfx/32x32-trash.png");
			}
			ul.itemsCollection.tiled li .picture .btnReserveItem{
				background-image: url("/gfx/32x32-eye-open.png");
			}
			ul.itemsCollection.tiled li .picture .btnReserveItem.active{
				background-image: url("/gfx/32x32-eye-closed.png");
			}
			ul.itemsCollection.tiled li .picture:hover .btnReserveItem,
			ul.itemsCollection.tiled li .picture:hover .btnEditItem,
			ul.itemsCollection.tiled li .picture:hover .btnDelItem,
			ul.itemsCollection.tiled li .picture:hover .btnToTopItem{
				opacity: 0.5;
			}
			ul.itemsCollection.tiled li .picture .btnReserveItem:hover,
			ul.itemsCollection.tiled li .picture .btnEditItem:hover,
			ul.itemsCollection.tiled li .picture .btnDelItem:hover,
			ul.itemsCollection.tiled li .picture .btnToTopItem:hover{
				opacity: 1;
			}
		ul.itemsCollection.tiled li a{
			text-decoration: none;
		}
		ul.itemsCollection.tiled li h3{
			font-size: 18px;
			font-weight: normal;
			line-height: 18px;
			text-align: center;
/*			color: var(--headers-color);*/
			margin: 0 auto 10px auto;
			padding: 2px 0;
			font-family: Arial, Verdana, sans-serif;
			width: 260px;
			height: 36px;
			display: block;
			overflow: hidden;
		}
		ul.itemsCollection.tiled li .productBtns{
			text-align: right;
			margin: 0 auto 16px auto;
			width: 260px;
		}
			ul.itemsCollection.tiled li .productBtns .price{
				float: left;
				font-size: 24px;
				line-height: 36px;
				white-space: nowrap; 
			}
				ul.itemsCollection.tiled li .productBtns .price s{
					font-size: 14px;
					line-height: 14px;
					color: #999;
					text-decoration: line-through;
				}
			ul.itemsCollection.tiled li .productBtns .price.discount{
				color: var(--orange-text);
			}
			ul.itemsCollection.tiled li .productBtns .price.soldout{
/*				float: none;
				text-align: center;
				display: block;*/
				width: 200px;
				text-align: center;
				color: #ccc;
			}
			ul.itemsCollection.tiled li .productBtns .switcher{
				width: 50px;
				height: 36px;
				padding: 0;
				margin-left: 8px;
			}
			ul.itemsCollection.tiled li .productBtns .cart{
				background: var(--button-orange) url("/gfx/btn-cart.png") center center no-repeat;
			}
			ul.itemsCollection.tiled li .productBtns .cart:hover{
				background-color: var(--button-orange-hover);
			}
			ul.itemsCollection.tiled li .productBtns .cart.active{
				background: #5eb238 url("/gfx/btn-cart-in.png") center center no-repeat;
			}
			ul.itemsCollection.tiled li .productBtns .cart.active:hover{
				background-color: #6bcc40;
			}

			ul.itemsCollection.tiled li .productBtns .fav{
				background: var(--button-light-gray) url("/gfx/btn-fav.png") center center no-repeat;
			}
			ul.itemsCollection.tiled li .productBtns .fav:hover{
				background-color: var(--button-light-gray-hover);
			}
			ul.itemsCollection.tiled li .productBtns .fav.active{
				background-image: url("/gfx/btn-fav-full.png");
			}

		ul.itemsCollection.tiled li .actionBtns{
			text-align: center;
			margin: 0 0 16px 0;
		}
		ul.itemsCollection.tiled li.moreItems{
			list-style: none;
			margin: 0 0 var(--space-between-rows-height) 0;
			padding: 0;
			width: var(--one-column-width);
			background-color: transparent;
			box-shadow: none;
			text-align: center;
		}
			ul.itemsCollection.tiled li.moreItems a.icon{
				width: 149px;
				height: 149px;
				background-image: url("/gfx/indxmor.png");
				display: block;
				margin: 60px auto 20px auto;
				border-radius: 145px;
			}
			ul.itemsCollection.tiled li.moreItems a.hint{
				font-size: 18px;
				font-weight: normal;
				line-height: 18px;
				font-family: Arial, Verdana, sans-serif;
				display: block;
				margin: 0 auto 40px auto;
			}




/* list mode*/
	ul.itemsCollection.list li{
		display: block;
		list-style: none;
		margin: 0 0 var(--space-between-columns-width) 0;
		padding: 0;
		width: var(--three-column-width);
		background-color: #fff;
		border-radius: var(--block-border-radius);
		box-shadow: var(--block-shadow);
	}
		ul.itemsCollection.list li .picture{
			display: block;
			float: left;
			width: 100px;
			height: 100px;
			background: #fafafa url("/gfx/noimage.png") no-repeat center center;
			background-size: cover;
			margin: 16px;
			border-radius: 7px;
		}
		ul.itemsCollection.list li h3{
			float: left;
			font-size: 18px;
			font-weight: normal;
			line-height: 18px;
			text-align: left;
			margin-top: 16px;
			padding: 2px 0;
			font-family: Arial, Verdana, sans-serif;
			width: 500px;
			height: 18px;
			display: block;
			overflow: hidden;
		}
		ul.itemsCollection.list li .actionBtns{
			float: right;
			width: 200px;
			height: 100px;
			text-align: center;
			margin-top: 16px;
		}

#processingMessage{
	box-shadow: 0px 0px 32px #FFF;
	padding: 32px;
	background-color: #cbd6e1;
	margin: 160px auto;
	width: 300px;
	border-radius: 11px;
	text-align: center;
	font-family: Arial, Verdana, Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #264671;
}

#processingMessage button:hover{
	background-color: #97ADC3;
}

.modalScroller{
	display: block;
	position: fixed;
	top: 0px;
	right: -40px;
	bottom: 0px;
	left: -40px;
	text-align:	center;
	overflow-y: scroll;
	padding: 0;
}

.fullSizedImage{
	padding: 10px;
	border-radius: 8px;
	margin: 0 0 20px 0;
	background: #fff;
	max-height: 1000px;
	cursor: pointer;
}


#footerWrapper{
	width: 100%;
	max-height: 100px;
	overflow-y: hidden;
	flex-shrink: 0;
}

	#footerWrapper footer{
		width: var(--page-width);
		min-width: 960px;
		margin: 0 auto;
		padding: var(--space-between-rows-height) var(--space-between-columns-width);
		color: #ddd;
		font-family: Arial, Verdana, Tahoma, Geneva, sans-serif;
		font-size: 12px;
	}
		#footerWrapper footer .text{
			width: 960px;
			min-width: 960px;
			float: left;
			padding: 10px 0 0 0;
/*			display: inline-block;
			vertical-align: middle;*/
		}
		#footerWrapper footer .social{
			width: 200px;
			min-width: 200px;
			float: right;
/*			display: inline-block;
			vertical-align: middle;*/
			text-align: right;
		}
		#footerWrapper footer .social a{
			display: inline-block;
			margin: 0 10px 0 0;
			width: 55px;
			height: 55px;
			border-radius: 26px;
		}
		#footerWrapper footer .social .socialVK{
			background: url(/gfx/social-icons.png) 0 -60px no-repeat;
		}
		#footerWrapper footer .social .socialVK:hover{
			background: url(/gfx/social-icons.png) 0 0 no-repeat;
		}
		#footerWrapper footer .social .socialYT{
			background: url(/gfx/social-icons.png) -60px -60px no-repeat;
		}
		#footerWrapper footer .social .socialYT:hover{
			background: url(/gfx/social-icons.png) -60px 0 no-repeat;
		}
		#footerWrapper footer .social .socialTG{
			background: url(/gfx/social-icons.png) -120px -60px no-repeat;
		}
		#footerWrapper footer .social .socialTG:hover{
			background: url(/gfx/social-icons.png) -120px 0 no-repeat;
		}
		#footerWrapper footer .fastlinks{
			display: block;
			padding: 0 0 10px 0;
			min-width: 960px;
			width: 960px;
		}
			#footerWrapper footer .fastlinks a{
				display: inline-block;
				margin: 0 20px 0 0;
				color: #fff;
			}
		#footerWrapper footer .copyright{
			color: #ddd;
			display: block;
			min-width: 960px;
			width: 960px;
	  }

.ico16-0-0, .ico16-1-0, .ico16-2-0, .ico16-3-0, .ico16-4-0, .ico16-5-0, .ico16-6-0, .ico16-7-0, .ico16-8-0, .ico16-9-0,
.ico16-0-1, .ico16-1-1, .ico16-2-1, .ico16-3-1, .ico16-4-1, .ico16-5-1, .ico16-6-1, .ico16-7-1, .ico16-8-1, .ico16-9-1,
.ico16-0-2, .ico16-1-2, .ico16-2-2, .ico16-3-2, .ico16-4-2, .ico16-5-2, .ico16-6-2, .ico16-7-2, .ico16-8-2, .ico16-9-2,
.ico16-0-3, .ico16-1-3, .ico16-2-3, .ico16-3-3, .ico16-4-3, .ico16-5-3, .ico16-6-3, .ico16-7-3, .ico16-8-3, .ico16-9-3,
.ico16-0-4, .ico16-1-4, .ico16-2-4, .ico16-3-4, .ico16-4-4, .ico16-5-4, .ico16-6-4, .ico16-7-4, .ico16-8-4, .ico16-9-4,
.ico16-0-5, .ico16-1-5, .ico16-2-5, .ico16-3-5, .ico16-4-5, .ico16-5-5, .ico16-6-5, .ico16-7-5, .ico16-8-5, .ico16-9-5,
.ico16-0-6, .ico16-1-6, .ico16-2-6, .ico16-3-6, .ico16-4-6, .ico16-5-6, .ico16-6-6, .ico16-7-6, .ico16-8-6, .ico16-9-6,
.ico16-0-7, .ico16-1-7, .ico16-2-7, .ico16-3-7, .ico16-4-7, .ico16-5-7, .ico16-6-7, .ico16-7-7, .ico16-8-7, .ico16-9-7,
.ico16-0-8, .ico16-1-8, .ico16-2-8, .ico16-3-8, .ico16-4-8, .ico16-5-8, .ico16-6-8, .ico16-7-8, .ico16-8-8, .ico16-9-8,
.ico16-0-9, .ico16-1-9, .ico16-2-9, .ico16-3-9, .ico16-4-9, .ico16-5-9, .ico16-6-9, .ico16-7-9, .ico16-8-9, .ico16-9-9{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(none) 0 0 no-repeat;
	vertical-align: middle;
}

.ico16-0-0{background: url(/gfx/icos-16x16.png) 0 0 no-repeat;}
.ico16-1-0{background: url(/gfx/icos-16x16.png) -16px 0 no-repeat;}
.ico16-2-0{background: url(/gfx/icos-16x16.png) -32px 0 no-repeat;}
.ico16-3-0{background: url(/gfx/icos-16x16.png) -48px 0 no-repeat;}
.ico16-4-0{background: url(/gfx/icos-16x16.png) -64px 0 no-repeat;}
.ico16-5-0{background: url(/gfx/icos-16x16.png) -80px 0 no-repeat;}
.ico16-6-0{background: url(/gfx/icos-16x16.png) -96px 0 no-repeat;}
.ico16-7-0{background: url(/gfx/icos-16x16.png) -112px 0 no-repeat;}
.ico16-8-0{background: url(/gfx/icos-16x16.png) -128px 0 no-repeat;}
.ico16-9-0{background: url(/gfx/icos-16x16.png) -144px 0 no-repeat;}
.ico16-0-1{background: url(/gfx/icos-16x16.png) 0 -16px no-repeat;}
.ico16-1-1{background: url(/gfx/icos-16x16.png) -16px -16px no-repeat;}
.ico16-2-1{background: url(/gfx/icos-16x16.png) -32px -16px no-repeat;}
.ico16-3-1{background: url(/gfx/icos-16x16.png) -48px -16px no-repeat;}
.ico16-4-1{background: url(/gfx/icos-16x16.png) -64px -16px no-repeat;}
.ico16-5-1{background: url(/gfx/icos-16x16.png) -80px -16px no-repeat;}
.ico16-6-1{background: url(/gfx/icos-16x16.png) -96px -16px no-repeat;}
.ico16-7-1{background: url(/gfx/icos-16x16.png) -112px -16px no-repeat;}
.ico16-8-1{background: url(/gfx/icos-16x16.png) -128px -16px no-repeat;}
.ico16-9-1{background: url(/gfx/icos-16x16.png) -144px -16px no-repeat;}
.ico16-0-2{background: url(/gfx/icos-16x16.png) 0 -32px no-repeat;}
.ico16-1-2{background: url(/gfx/icos-16x16.png) -16px -32px no-repeat;}
.ico16-2-2{background: url(/gfx/icos-16x16.png) -32px -32px no-repeat;}
.ico16-3-2{background: url(/gfx/icos-16x16.png) -48px -32px no-repeat;}
.ico16-4-2{background: url(/gfx/icos-16x16.png) -64px -32px no-repeat;}
.ico16-5-2{background: url(/gfx/icos-16x16.png) -80px -32px no-repeat;}
.ico16-6-2{background: url(/gfx/icos-16x16.png) -96px -32px no-repeat;}
.ico16-7-2{background: url(/gfx/icos-16x16.png) -112px -32px no-repeat;}
.ico16-8-2{background: url(/gfx/icos-16x16.png) -128px -32px no-repeat;}
.ico16-9-2{background: url(/gfx/icos-16x16.png) -144px -32px no-repeat;}
.ico16-0-3{background: url(/gfx/icos-16x16.png) 0 -48px no-repeat;}
.ico16-1-3{background: url(/gfx/icos-16x16.png) -16px -48px no-repeat;}
.ico16-2-3{background: url(/gfx/icos-16x16.png) -32px -48px no-repeat;}
.ico16-3-3{background: url(/gfx/icos-16x16.png) -48px -48px no-repeat;}
.ico16-4-3{background: url(/gfx/icos-16x16.png) -64px -48px no-repeat;}
.ico16-5-3{background: url(/gfx/icos-16x16.png) -80px -48px no-repeat;}
.ico16-6-3{background: url(/gfx/icos-16x16.png) -96px -48px no-repeat;}
.ico16-7-3{background: url(/gfx/icos-16x16.png) -112px -48px no-repeat;}
.ico16-8-3{background: url(/gfx/icos-16x16.png) -128px -48px no-repeat;}
.ico16-9-3{background: url(/gfx/icos-16x16.png) -144px -48px no-repeat;}

#cookieWarn{
	position: fixed;
	left: 10px;
	bottom: 10px;
	margin: 0;
	padding: 10px;
	max-width: 250px;
	display: block;
	background-color: #fff;
	border-radius: var(--block-border-radius);
	box-shadow: var(--block-shadow);
}
	#cookieWarn span{
		display: inline-block;
		vertical-align: middle;
		margin: 0 10px 0 0;
	}

ul.helpNavMenu{
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
}
	ul.helpNavMenu li{
		margin: 0;
		padding: 8px 0;
		display: block;
		list-style: none;
		font-family: Arial, Verdana, Tahoma, Geneva, sans-serif;
		font-size: 14px;
	}
	ul.helpNavMenu li a{
		display: inline-block;
		vertical-align: middle;
	}

.enterlinks{
	margin: 0; padding: 0 50px;
	font-size: 12px;
}

.set_new_pass_form{
	width: 550px;
	margin: 20px auto 30px auto;
}
	.set_new_pass_form label{
		display: block;
		font-size: 14px;
		font-family: Arial, Verdana, Tahoma, Geneva, sans-serif;
		color: #808080;
		font-weight: bold;
		width: 300px;
		margin: 0 auto 20px auto;
	}
		.set_new_pass_form label input{
			width: 300px;
			padding: 6px 8px;
			font-family: Arial, Verdana, sans-serif;
			font-size: 14px;
			line-height: 14px;
			border-radius: 5px;
			border: solid 1px #ddd;
			margin: 4px 0 0 0;
			background-color: #fafafa;
			outline: none;
		}
	.set_new_pass_form .bottomBtns{
		text-align: center;
	}
	.set_new_pass_form .bottomBtns button{
		margin: 0 5px;
	}