html
{
	font-size: 20px;
	--fontWeightLight:100;
	--fontWeightBold:400;
}


  
body
{
	--mainContentBgColor 	: #f0f0f2;
	--textColor 			: #000;
	--textColorOver			: #fff;
	--catTextBackground		: rgba(255,255,255,1);
	--catTextBgOver			: rgba(0,0,0,1);
	--commentBg				: #fff;
	--commentBgOver			: #fcfcfc;
	--commentTxt			: #000;
	--photoItemShdwColor 	:rgba(0,0,0,0.4); 
	--productThumbWidth 	: 280px;
	--productThumbWidthZoom	: 400px;
	--sideMargin			: 80px;
	--rightargin			: 80px;
	--topMargin				: 40px;
	--imageMaxWidth			: calc(100vw - 2*var(--sideMargin));
	--imageMaxHeight		: calc(140vh - 2*var(--topMargin));
	--paragraphPadding		: 10px;
	--mattingColor 			: #333;
	--mattingColorOver 		: #000;
	--textMatting			: #fff;
	--textMattingOver		: #fff;
	--itemBorder			: 0;
	--mattingWidth			: 0;
	--shadowSize			: 20px;
	--shadowSizeHalf		: 10px;
	--frameShadow			: 0px 0px var(--shadowSize) 1px  rgba(0,0,0,0.2);
	--frameShadowOver		: 0px 0px var(--shadowSize) 1px  rgba(0,0,0,0.5);
	--panelMargin			: 20px;
	--panelPadding			: 20px;
	background				: var(--mainContentBgColor);

	--fontFamily1			: "Helvetica Neue", "Helvetica", "Verdana", sans-serif;
	--sepLine 				: 1px solid #AAA;
}
body.darkMode
{
	--mainContentBgColor 	: #30363A;
	--textColor 			: #fff;
	--catTextBackground		: rgba(0,0,0,1);
	--catTextBgOver			: rgba(255,255,255,1);
	--textColorOver			: #000;
	--photoItemShdwColor 	:rgba(255,255,255,0.4); 
	--frameShadowOver		: 0px 0px calc( var(--shadowSize)/2 ) 1px  rgba(255,255,255,0.1);

}
body.pagePrints.darkMode
{
	--mattingColor 			: #000;

}
body, h1, li
{
	color : var(--textColor);
	font-family : var(--fontFamily1);
}
body
{
	padding: 0 0 0 0;
	margin : 0 0 0 0;
}
.bg
{
	display:block;
	position: fixed;
	top : 0;
	left : 0;
	width : 100vw;
	height : 100vh;
	background-size : cover;
	opacity	: 0.2;
}

.all
{
	margin: auto;
	padding: var(--topMargin) var(--sideMargin) var(--topMargin) var(--sideMargin);
	width	: calc(100vw-2*var(--sideMargin));
	position	: relative;
	top			: 0;
	left		: 0;
}
.all.noMenu
{
	margin-top : 0;
}
h1
{
	font-size : 3rem;
	font-weight: var(--fontWeightLight);
}
.all.noMenu h1
{
	margin-top : 0;
	font-size : 2rem;
}
.all.noMenu h1
{
	border: none;
	text-decoration : none;
	display:inline-block;
	background:#fff;
	padding : 0 2px 0 2px;
}
h2
{
	font-size : 2rem;
	font-weight: var(--fontWeightLight);
}
.paragraph h2
{
	margin:0;
}

.debug
{
	font-size : 10px;
	font-family: 'Courier New', Courier, monospace;
	background : rgba(255,255,255,0.4);
	padding:5px 2px 5px 2px;
}

.notice
{
	font-size : 0.8rem;
	margin-top: 60px;
	font-weight: var(--fontWeightLight);	
}

.category
{
	text-decoration : none;
	display		: block;
	/*width		: 810px;*/
	padding		: 5px;
	border		: 1px solid transparent;
}
.category .head
{	display:block;
	max-width: 810px;
	text-decoration: none;
}
.subcategory
{
	/*overflow : hidden;*/
	margin-top	: 20px;
}
.subcategory.singleCat
{
	margin-bottom: 40px;
}
a.category:hover
{
	border		: 1px solid #aaa;
	background	: #eee;
}

.category .title, .paragraph.normal .title
{
	font-size : 2rem;
	color		: var(--textColor);
	font-weight: var(--fontWeightLight);
	display		: block;
	border: none;
	text-decoration : none;
	display:inline-block;
	background:var(--catTextBackground);

}
.subcategory .title, .paragraph.normal .title
{
	font-size : 1.5rem;
	/*padding-left	: 5px;*/
	margin		: 0;
}
a.title
{
	cursor:pointer;
}
a.title:hover, .catTitle a:hover, a.head:hover *, #Shows .show:hover 
{
	color:var(--textColorOver);
	background-color:var(--catTextBgOver);
	box-shadow: var(--frameShadowOver);
	z-index: 3;
}


.category img
{
	border	: 0;
}
.category .descr
{
	font-weight: var(--fontWeightLight);
	font-size : 1rem;
	color : var(--textColor);
	background : var(--catTextBackground);
}

.subcategory .descr
{
	font-size : 0.8rem;

}
.subcategory .ccount
{
	padding-left: 10px;
	font-family: var(--fontFamily1);
	font-weight: var(--fontWeightLight);
}
#menu
{
	padding-left : var(--paragraphPadding);
	margin-bottom : 10px;
}

#menu ul
{
	height	: 1.5rem;
	overflow : hidden;
	margin	: 0;
	padding : 0;
}
#menu li
{
	display : block;
	float	: left;
	padding : 0;
	margin-right: 20px;
	
}
#menu li *, #cartTitle
{
	font-size : 1rem;
	font-weight: var(--fontWeightLight);

}
#menu li span, #menu li.current a
{
	border-bottom: 1px solid var(--textColor);
	color		: var(--textColor);
	padding-bottom : 4px;
}

#menu li a
{
	text-decoration : none;
	color		: #888;
	padding-bottom : 5px;
}
#menu li a:hover
{
	color		: var(--textColor);
	border-bottom: 1px solid #ddd;

}


.subcategory img
{
	margin-left	: 5px;
	border	: 0;
}

.item, .product .imageContainer
{
	background : var(--mattingColor);
	padding		: var(--mattingWidth);
	box-shadow: var(--frameShadow);

}
.product .imageContainer iframe
{
	border:none;
/*	max-height:90vh;
	max-width:90vh;*/
}
.product .imageContainer:fullscreen
{
	width:100%;
	height:100%;
	text-align: center;
}
.imageContainer:fullscreen iframe
{
	height:100%;
	width:100%;

}
.imageContainer:fullscreen img.large
{
	max-width: 100%;
	max-height: 100%;

}

.product .imageContainer video
{
	max-width: 100%;
}

.product.special .imageContainer
{
	background : none;
	padding		: none;
	box-shadow: var(--frameShadow);

}
.thumbnails
{
	padding-left : var(--shadowSize);
	position : relative;
	top:0;
	left: calc( 0px - var(--shadowSize) );

}

.item
{
	display : inline-block;
	position	: relative;
	top			: 20px;
	left		: 0;
	border		: var(--itemBorder) solid transparent;
	margin-right: 45px;
	margin-bottom: 20px;
	cursor : pointer;
	text-decoration : none;
	--scaleRatio 	: 1;
}
.imageContainer img.pixelArt
{
	image-rendering:pixelated;
	min-width : 250px;
	min-height : 250px;

}
/* Special sizes*/
.imageContainer #image7140
{
	max-width: 1250px;
}


.item.dispA3
{
	--scaleRatio 	: 1.41;

}
.item.dispA0
{
	--scaleRatio 	: 2;

}
.item.smallThumb, .item.dispA5
{
	--scaleRatio 	: 0.7;

}
.item.pixelArt, .item.disppixel
{
	--scaleRatio 	: 0.4;

}

.item img
{
	border:0;
	margin  :0;
	padding:0;
	--itemDim : calc(var(--scaleRatio)*var(--productThumbWidth));
	max-width : var(--itemDim);
	max-height : var(--itemDim);
}
.item.pixelArt img, .item.disppixel img
{
	image-rendering:pixelated;
	min-width : var(--itemDim);
	min-height : var(--itemDim);
}
.item:hover
{
	border		: var(--itemBorder) solid var(--mattingColorOver );
	background	: var(--mattingColorOver );

}
.item.soldOut
{
	opacity : 0.4;
	-webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;	
	width : 115px;

}
.item.soldOut:hover
{
	opacity : 1.0;
	-webkit-transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;	

}
.rowOfThumbs
{
	overflow:visible;
	clear:both;
	padding-bottom:var(--mattingWidth);
}
.soldOutHeader
{
	height:30px;
	padding-left: 5px;
	font-weight: var(--fontWeightLight);
	font-size : 14px;
}
.item .itemTitle
{
	font-size : 0.75rem;
	padding: 0 10px 5px 0;
	font-weight: var(--fontWeightLight);
	display:inline-block;
	position:absolute;
	color:#fff;
	top : var(--mattingWidth); left:var(--mattingWidth);
	max-width: calc(100% - 2*var(--mattingWidth) + 6px);
	background	: #000;
	opacity: 0;
    transition: opacity 0.2s ease-in-out;	

	left:-2px;
	top : calc( 0px - var(--mattingWidth));
	padding-left : calc( 2px + var(--mattingWidth));
	padding-right : var(--mattingWidth);
}

.item .price, .item .edition, .item .format
{
	text-decoration : none;
	position : absolute;
	bottom		: 14px;
	right	: 14px;
	z-index		: 19;
	display	: inline;
	font-size : 1rem;
	font-weight: var(--fontWeightLight);
	color		: var(--textColor);
	background	: var(--catTextBackground);
	padding		: 0 5px 0 5px;
	opacity		: 0;
	transition: opacity 0.5s ease-in-out;	

}
.item .edition, .item .format
{
	color		: var(--textColor);
	background	: var(--catTextBackground);
	right: -2px;
	padding-right: calc( 2px + var(--mattingWidth));
	padding-left: var(--mattingWidth);
	bottom:calc( 0px - var(--mattingWidth) );

}
.item .edition .editionof
{
	font-size : 0.8rem;
}
.item:hover .itemTitle, .item:hover .edition
{
	opacity: 1;
    transition: opacity 0.5s ease-in-out;	
}
.item:hover .edition
{
	background	: var(--mattingColorOver );
	color : var(--textMatting);
}
.paragraphNormal
{
	padding-left : var(--paragraphPadding);
}
.paragraph p
{
	font-weight: var(--fontWeightLight);
	font-size	: 1rem;
}
.paragraph.stylemedium p, .paragraph.normal p
{
	font-weight : 400;
	font-size	: 0.7rem;
	line-height: 1rem;
	letter-spacing: 0.03em;
	padding-left:5px;
}
.paragraph.stylemedium p i, .paragraph.normal p i
{
	font-weight : 300;
	font-size	: 0.8rem;
	
}
.paragraph.stylelargeFramed p
{
	background : var(--catTextBackground);
	padding : 0 5px 0 5px;
	display : inline-block;
	letter-spacing: 0.05em;

}

.paragraph p a
{
    color : var(--textColor);
    text-decoration: underline;
}
.paragraph .photos
{
	display:flex;
}
.paragraph .photos, .paragraph .photos.horiz
{
    flex-direction: row;
}

.paragraph .photos.vert
{
    flex-direction: column;
}

.paragraph.draft h1
{
	font-size:2.2rem;
}
.paragraph.draft .title
{
	background:transparent;
}
.paragraph .photos .photo img
{
	max-width: 100%;
}
a.biglink, .paragraph p a.biglink
{
	display: inline-block;
	text-decoration: none;
	padding:4px 6px 4px 6px;
	position:relative;
	top:0; left:-5px;
	font-size: 1.2rem;
	line-height: 1.4rem;
	border:none;
	font-family: var(--fontFamily1);
	font-weight: var(--fontWeightLight);
	color : var(--textMatting);
	background: var(--mattingColor);
	cursor: pointer;
}
a.biglink::before
{
	content:"→";
}
a.biglink.mediumLink, .paragraph p a.biglink.mediumLink
{
	font-size:0.9rem;
	line-height: 1rem;
}
a.biglink:hover
{
	background :var(--mattingColorOver);
	color : var(--textMattingOver);
	box-shadow :var(--frameShadow);

}


.paragraph p b
{
    color: var(--textColor);
    font-weight: 500;
    font-size: 0.8em;
}
.paragraph.stylelargeFramed p b
{
	font-size : 1em;
	font-weight: var(--fontWeightBold);
}
.paragraph .image.halfw img
{
	max-width:55vw;
}
.paragraph .image.thirdw img
{
	max-width:33vw;
}

.product
{
	padding		: 5px;
	border		: 1px solid transparent;

	max-width		: 100%;
}
.catTitle
{
	font-weight: var(--fontWeightLight);
	font-size : 0.8rem;
	margin-bottom: 5px;
}
.catTitle+.catTitle
{
	display: inline-block;
}

.catTitle a
{
	text-decoration : none;
	cursor : pointer;
	color		: var(--textColor);
	background : var(--catTextBackground);
	display:inline-block;
}

.product .imageContainer
{
	display : inline-block;
	margin-bottom: 10px;
	margin-right	: var(--mattingWidth);
	position: relative;
	top:0;
	left:0;

}
.imageContainer .icons
{	display: inline-block;
	position:absolute;
	top:-20px;
	right:5px;
}
.imageContainer .icons a +a
{
	margin-left : 10px;
}
.product img.large
{
	max-width : var(--imageMaxWidth);
	max-height : var(--imageMaxHeight);
}
.product img.medium
{
	max-width : var(--productThumbWidthZoom);
}
img.imageAlone
{
	max-width : 800px;

}

.product .productTitle
{
	margin-bottom : 10px;
	font-size:2rem;
}

.product .title
{
	font-size : 1.25rem;
	color		: var(--textColor);
	font-weight: var(--fontWeightLight);
	background : var(--catTextBackground);

}
.product .descr
{
	font-size : 1.25rem;
	color		: #888;
}
.panels 
{
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}

.product .panel, .category .panel
{
	padding		: var(--panelPadding);
	background : var(--catTextBackground);
	display:inline-block;
	font-weight : 200;
	letter-spacing: 0.05em;
	font-size : 1rem;
	margin-right: var(--panelMargin);
	margin-bottom: var(--panelMargin);
	max-width: 600px;
	vertical-align: top;
}
.panel .title
{
	font-size:.9rem;
	line-height: 1.4rem;
}
.category .catInfosContainer
{
	
	font-size: 0.7rem;
	padding-left : 1px;
	margin-top: var(--panelMargin);
}
.product .detailsContainer
{
	font-size : 0.7rem;
	line-height: 1.4rem;
	max-width: 300px;
}
.product .nftlink a, a.niceLink
{	color:var(--textColor);
	font-weight:300;
	font-size:0.6rem;
	text-decoration: none;
	padding-bottom:2px;
	border-bottom:1px solid #888;
	cursor:pointer;
}
a.niceLink .descr
{
	text-decoration:none;
	border-bottom: none;
	display: block;
	font-size: inherit;
	padding-left: 1em;
}
.imageContainer .icons .selected
{
	border-bottom-color: transparent;
	font-weight : 400;
}


.panel.features
{
	font-size : 0.7rem;

}
.features ul
{
	list-style: none;
	display: table;
	margin:0;
	padding:0;
}
.features li
{
	display: table-row;
}
.features ul .k, .features ul .v
{
	display: table-cell;
	font-weight: var(--fontWeightLight);
}
.features ul .v
{
	padding-left:10px;
	font-weight: var(--fontWeightBold);

}

.panel .owners
{
	list-style: none;
	padding-left: 5px;
	padding-top:0;
}

.printsList
{
	--mattingColor 			: #aba285;
	--mattingColorOver 		: #8b846d;
	--mattingColorBorder	: #8e8257;
	--mattingColorHilight	: rgba(255,255,255,0.2);
	--mattingWidth			: 6px;
	--shadowSize			: 10px;
	--frameShadow			: 2px 2px var(--shadowSize) 1px  rgba(0,0,0,0.3);
	--padLeft : calc( var(--sideMargin) + var(--paragraphPadding));
	display : block;
    width : 100vw;
	position:relative;
	top : 0;
	left : calc( 0px - var(--sideMargin) - var(--paragraphPadding) );
	margin-bottom: var(--sideMargin);
}
.panel.printsList
{
	width : auto;
	margin-bottom: inherit;
	position:inherit;
	left : 0;
}
.panel.printsList .cntnt
{
	display:flex;
	align-items: flex-end;
    flex-wrap: wrap;
}
.panel.printsList .itemSz
{	display: inline-block;
}
.panel.printsList .itemSz .sz
{
	display: block;
	font-size: 0.7rem;
}
.panel.printsList .itemSz .sz.size
{
	font-size:0.5rem;
}
.panel.printsList .item
{
	top:0;
	margin-right:5px;
}
.printsList .container
{
	display:flex;
	overflow-x: scroll;
    overflow-y: hidden;
    height: max-content;
	flex-wrap: nowrap;
    align-items: flex-end;
	padding-left : var(--padLeft);
	padding-bottom: calc( 5px + var(--shadowSize) );
}
.printsList .item
{
	display:inline-block;
	border-bottom: 1px solid var(--mattingColorBorder);
	border-right: 1px solid var(--mattingColorBorder);
	border-top: 1px solid var(--mattingColorHilight);
	border-left: 1px solid var(--mattingColorHilight);
}
.printsList .item img
{
	border-top: 1px solid var(--mattingColorBorder);
	border-left: 1px solid var(--mattingColorBorder);
	border-bottom: 1px solid var(--mattingColorHilight);
	border-right: 1px solid var(--mattingColorHilight);
}
.printsList .item.typeAP
{
	padding		: 1px;
	--mattingColor:var(--catTextBackground);
	border-bottom-color: #ddd;
	border-right-color: #ddd;
}
.printsList .item.typeAP img
{
	border-color: var(--mattingColor);
}
.printsList .labelScroll
{
	position:absolute; 
	background : var(--catTextBackground);
	color : var(--textColor);
	right : 0;
	top : 0;
	display: inline-block;
	text-align: center;
	opacity: 0;
	font-size: 1.1rem;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	font-family: var(--fontFamily1);
	font-weight: var(--fontWeightLight);

}
.printsList:hover .labelScroll
{
	opacity: 1;
}
.panel.photoPrints
{ 
	padding-left:5px;
}
.panel.photoPrints.collectionExamples
{
	margin-top:20px;
}
.photoList
{
	display:flex;
	overflow: visible;
	list-style: none;
	padding-left:0;

	flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
	--creditFontSize:0.75rem;
}
li.photoItem
{
	display: inline-block;
	margin-right: var(--mattingWidth);
	margin-bottom: var(--mattingWidth);
	cursor:pointer;
}
.photoItem:hover
{
	-webkit-filter: drop-shadow(0px 0px var(--shadowSizeHalf) var(--photoItemShdwColor)) ;
	filter: drop-shadow(0px 0px var(--shadowSizeHalf) var(--photoItemShdwColor) );
}
.photoItem a
{
	color:inherit;
	text-decoration: none;
}
.photoItem .t, .photoItem .cr
{	display: block;
	font-family: var(--fontFamily1);
	font-weight: var(--fontWeightLight);
	font-size : 0.75rem;
	display:block;
	
}
.photoItem .t span, .photoItem .cr span
{	padding:1px 5px 1px 5px;
	background-color: var(--catTextBackground);
	color : var(--textColor);
}
.photoItem .cr span b
{	font-weight:inherit;
	font-size: 0.8em;
}
.photoItem .t b
{
	font-weight: var(--fontWeightLight);
}
/* .pr = in product view */
.photoItem.pr
{
	background: transparent;
}
.photoItem:hover .t span, .photoItem:hover .cr span
{
	background-color: var(--catTextBgOver);
	color : var(--catTextBackground);
}
.photoItem .cr
{	
	font-size: var(--creditFontSize);
	display:block;
	text-align:left;

}
.photoItem img.sh 
{
	max-height: var(--imgHeight);
}
.panel.comments
{
	background:none;
	padding-left:5px;

}
.panel.comments .content
{
	font-size : 0.7rem;
	padding:0;
	display:inline-flex;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
	width: calc( 100vw - var(--sideMargin) - var(--sideMargin) );

}
.panel.comments .title, .panel.photoPrints .title
{
	color : var(--textColor);
	font-family : var(--fontFamily1);
	font-weight: var(--fontWeightLight);
	display:inline-block;

	font-size : 1.4rem;
	text-decoration : none;
	background:var(--catTextBackground);

}
.darkMode .panel.comments .panelTitle span.title
{
	background: none;
}
.comment .authorName
{
	font-size :0.6rem;
	line-height: 1rem;
	font-weight:bold;
}
.comment .author
{
	color:#888;
	font-size :0.6rem;
	line-height: 1rem;
	display: inline-block;
	margin-left:10px;
}
.comment.quote .author, .comment.text .author
{
	margin-left: 0;
}

.comment .h 
{
	margin-bottom: 10px;
}
.comment .date
{
	color:inherit;
	display: block;
	font-size :0.5rem;
	line-height: 1rem;
	margin-top : 10px;
	text-align: right;
}
/*.comment .date::before
{
	content:"— ";
}*/
.panel.comments .comment.text, .panel.comments .comment.quote
{
	display : inline;
	background : var(--commentBg);
	color 		: var(--commentTxt);
	max-width: 276px;
	padding : var(--panelPadding);
	margin-right: var(--panelMargin);
	margin-top : 10px;
	font-size:0.7rem;
	overflow-wrap: anywhere;
	/*font-family: var(--fontFamily1);
	font-weight : 300;*/
}
.panel.comments .comment.quote
{
	background : transparent;
}
.comment.quote p
{	font-family: var(--fontFamily1);
	font-weight: 200;
	font-size: 1rem;
	line-height:1.2rem;
	margin-top: 0;
	padding-top: 0;
}
.comment.quote p::before,.comment.quote p::after
{
	font-size: 2rem;
	font-weight: 400;
	vertical-align: text-bottom;
	position:relative;
	top:.3rem;
	left:0;
}
.comment.quote p::before
{	content: '“';
}
.comment.quote p::after
{	content: '”';
}

.panel.comments .comment.tweet
{
	margin-right: var(--panelMargin);
	max-width: 276px;
	display : inline;

	/*position:relative;
	top:-10px;
	left:0;*/
}
.panel.comments .comment .cast 
{	display: inline-block;
	background: url(../Img/warpcast.svg) no-repeat top right;
}
.panel.comments a.comment
{
	color:inherit;
	text-decoration: none;
	cursor:pointer;
}
.panel.comments a.comment:hover
{	background:var(--commentBgOver);

	transition: background 0.3s ease-in-out;	
	box-shadow: var(--frameShadow);

}

.panel.comments a.comment span.a
{
	text-decoration:none;
	color: rgb(0, 111, 214);
}
.panel.comments a.comment span.a:hover
{
	text-decoration:underline;

}
.comment .images
{
	display:flex;
	align-items: flex-start;
}
.panel.comments .comment img.embed
{
	max-width: 100%;
} 
.panel.comments .comment img.embed2
{
	max-width: 50%;
}
.panel.comments .comment img.preview
{
	max-width: 80px;
	max-height: 80px;
}
.panel.comments .comment.quote img.preview
{
    max-width: initial;
    max-height: initial;
	width:100%;
	display: block;
	margin-top:.5em;
}
.comment img.pixelArt
{
	width : 80px;
	image-rendering:pixelated;

}

.product .price
{
	color		: var(--textColor);

}
.product .btnAddToCart, .noStockNotice, .alreadyNotice
{
	float		: right;
	font-size : 1.25rem;
	font-weight: var(--fontWeightLight);
	line-height	: 2.25rem;
	margin-right: 10px;

}
.ownerAddr .count
{
	padding-left:10px;
	text-decoration: none;
	color:var(--textColor);
	font-size:0.8em;
}
.ownerAddr .count:before{ content:'(';}
.ownerAddr .count:after{ content:')';}
#cartTitle
{
	display		: inline-block;
	top			: 0px;
	cursor		: pointer;
	background : var(--catTextBackground);
	font-size	: 1.5rem;
}
#cart
{
	/*display		: none;*/
	width	: 300px;
	position:absolute;
	top		: 30px;
	right	: 30px; 
	z-index : 20;
	overflow : hidden;
	padding-top:12px;

	
}
#tagCartPreview
{
	z-index		: 22;
	width		: 298px;
	background : var(--catTextBackground);
}
#tagCartPreview .cartItem
{
	list-style	: none;
	display		: block;
	margin		:0;
	padding		: 5px;
	overflow	: hidden;
}
#tagCartPreview .cartItem a, #tagCartPreview .cartItem .qtty
{
	font-weight: var(--fontWeightLight);
	font-size : 1rem;
	line-height : 1rem;
	text-decoration : none;
	display	: inline;
	color	: #000;
	text-align	: left;
}
#tagCartPreview .cartItem a:hover
{	color		: #000;
	border-bottom: 1px solid #ddd;
}
#tagCartPreview .cartItem .qtty
{
    color   : #000;
    padding-left: 10px;
}
#tagCartPreview .Total
{
	font-weight: var(--fontWeightLight);
	font-size : 0.8rem;
	padding	: 5px;
	overflow :hidden;
}
#tagCartPreview .Total .TotalAmount
{
	margin-left	: 10px;
}
#tagCartPreview #btnOrder
{
	float		: right;
}




.rqSlideshow
{
	width		: 800px;
	height		: 800px;
}
.rqSlideshow .imageElement
{
	display : none;
}
.rqSlideshow .firstElmt
{	display		: block;
}

/* ORDER PAGE */

.OrderPage .inner
{
	padding-left : 10px;
}

.OrderPage .OrderTable
{
	border-spacing : 0;
	width	: 800px;
}
.OrderPage .OrderTable td
{

	border-bottom : 1px solid #aaa;
}
.OrderPage .OrderTable td.itemSuppr
{
	text-align	: right;
	font-size	: 0.6rem;
	
}
.OrderPage .OrderTable td.itemSuppr a
{
	color	: #888;
	text-decoration : none;
}

.OrderPage .OrderTable td.itemSuppr a:hover
{
	color		: #000;
	border-bottom: 1px solid #ddd;
}
.OrderPage .OrderTable td.itemTitle
{
	width		: 418px;
	font-weight: var(--fontWeightLight);
	font-size : 1rem;
}
.OrderPage .OrderTable td.itemTitleMultiple
{
	width		: 321px;
	font-weight: var(--fontWeightLight);
	font-size : 1rem;
}
.OrderPage .OrderTable td.itemQuantity
{
    width       : 40px;
}
.OrderPage .OrderTable td.itemQuantity
{
    width       : 40px;
}
.OrderPage .OrderTable td.itemX, .OrderPage .OrderTable td.itemEqual
{
    width       : 25px;
	font-weight: var(--fontWeightLight);
	font-size : 1rem;
}

.OrderPage textarea#msgPerso 
{
	width	: 509px;
	height	: 80px;
	font-size: 1rem;
	font-weight: var(--fontWeightLight);
	font-family : "Helvetica Neue", "Helvetica", "Verdana", sans-serif;
}
.OrderPage .OrderTable td.itemTotal
{
	font-weight: var(--fontWeightLight);
	font-size : 0.8rem;
}
.OrderPage .OrderTable td.itemImage
{
	width	: 88px;
	padding	: 5px 5px 5px 0;
}
.OrderPage .TotalTitle
{
	display	: block;
	width	: 420px;
	padding	: 0 0 0 93px;
	float	: left;
	font-size : 1rem;

}
#tagVerifOrderOrder .TotalTitle
{	padding-left: 0;
}
#tagVerifOrderOrder .OrderTable
{
	width : 540px;
}
.OrderPage .TotalAmount
{
	font-size : 0.8rem;

}

.OrderPage .CartTotal, .OrderPage .ShippingSummary, .OrderPage .OrderTotal
{
	font-weight: var(--fontWeightLight);
	padding		: 10px 0 10px 0;
	
}
.OrderPage .OrderTotal
{
	margin-bottom : 40px;

}
.OrderPage .OrderTotal .TotalAmount
{
	font-size : 1rem;

}
.OrderPage h3
{
	font-weight	: normal;
	font-size	: 0.7rem;

}
#tagAcceptConditions .Comment
{
	font-weight	: normal;
	font-size	: 0.7rem;

}
#tagAcceptConditions .Comment a
{
	color:#555;
}
#tagAcceptConditions span
{
	display		: block;
	padding		: 10px 0 10px 0;
	font-size	: 1rem;
	font-weight: var(--fontWeightLight);
}
#orderPageButtons
{
	overflow	: hidden;
	padding-top	: 30px;
	padding-left: 10px;
}
#orderPageButtons a

{
	font-weight: var(--fontWeightLight);
	font-size : 1rem;
	color		: #000;
}
a#btnOrderNext, #btnOrderSend
{	float		: right;
}
a#btnOrderPrev
{	float		: left;
}

/*show */
div#Shows
{
	display: table;
	font-family : var(--fontFamily1);
	font-weight: var(--fontWeightLight);
	min-width: max-content;
}
#Shows .show
{
	display : table-row;
}
#Shows .show>span, #Shows .show>a
{
	display : table-cell;
	padding-right:20px;
	text-align: left;
}
#Shows .show>a
{	color: var(--textColor);
	text-decoration: none;
	font-weight: var(--fontWeightBold);
}
#Shows .show:hover>a
{	color: var(--textColorOver);
}

/*sales */
ul.salesReport
{
	display:table;
	list-style: none;
	padding-left: 0;
}
.salesReport li
{
	display: table-row;
	margin-left: 0;
}
.salesReport li>span,.salesReport li>b
{
	display: table-cell;
	vertical-align: middle;
}

.inputTitle
{
	font-weight	: normal;
	font-size	: 0.7rem;
	padding-top	: 10px;
}

span.invalidField
{
	display	: block;
	font-weight: var(--fontWeightLight);
	font-size	: 0.8rem;
	color		: #C00;
}
.inputControl select, .inputControl input
{	
	font-family : "Helvetica Neue", "Helvetica", "Verdana", sans-serif;
	font-size	: 1.4rem;
	padding		: 0 10px 0 10px;
	color		: #000;
	font-weight: var(--fontWeightLight);

}

.btnClass
{
	padding: 2px 4px 2px 4px;
	background:var(--mattingColor);
	border-radius: 5px;
	text-decoration: none;
	cursor : pointer;
	color : var(--textMatting);
	border:none;
}
.btnClass:hover
{
	background:var(--mattingColorOver);

	color:var(--textMattingOver);
}
.btnClass:disabled
{
	background-color: #ddd;
	color:#777;
}

.btnClass + .btnClass
{
	margin-left: 10px;
}
label + input[type="checkbox"]
{
	margin-left : 10px;
}


.social 
{
	display: block;
	margin-top : 40px;
	margin-left : 10px;
	margin-bottom:30px;
	color : var(--textColor);
	font-family : var(--fontFamily1);
	font-weight: var(--fontWeightLight);

}
.social .twitter
{	display:inline-block;
	color : inherit;
	height : 1.2rem;
	line-height: 1.2rem;
	padding-left: 1.2rem;
	text-decoration:  none;
	background : url(../Img/twitter.svg) no-repeat left;
	background-size: 1rem 1rem;
}
.social .twitter:hover
{
	text-decoration:  underline;

}
.social-links
{   padding:1em 5px;
    vertical-align:middle;
	margin-top:var(--panelMargin);
}
.social-links a
{   padding:0 0.3em;
	margin-right:5px;
	color:var(--textColor);
    line-height:normal;
	text-decoration:none;
}
.social-links a:hover span
{
	border-bottom: 1px solid rgba(0,0,0,0.5);

}

/*page collectors*/
.item.notloaded img
{
	min-width: 100px;
	min-height: 100px;
	background-color: var(--mattingColor);
}
.item.notloaded img
{	opacity: 0;
	transition: opacity 0.5s ease-in;

}
.item.notloaded .itemTitle
{
	opacity: 1;
}

.item.loaded img
{
	opacity: 100;
}

.loader
{
	display: inline-block;
	width:200px;
	text-align: center;
	height : 36px;
	font-size : 0.9rem;
	position : relative; top : 0.5px; left: 0;
	animation-name: fadeIn;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;  
	background:white;
	border-radius: 7px;
}
.loader .im
{
	display : block;
	background : black;
	width : 1.2rem;
	height : 1.2rem;
	position : absolute; top : 6px; left: 6px;
	animation:spin 2s linear infinite;
}
.loader .t 
{	display:block;
	position : absolute; top : 7px; left: 2rem;
}
@keyframes spin { 
	0%{
		border-radius: 0;
	}
	30%{
		border-radius: 12px;
	}
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}
.loader.loaded
{animation-name: fadeOut;
}

@keyframes fadeIn { 0% { opacity: 0; visibility: hidden; } 50% { opacity: 1; visibility: visible; }}
@keyframes fadeOut { 0% { opacity: 1; visibility: visible;height:17px } 70% { opacity: 0; visibility: hidden} 100%{opacity: 0; visibility: hidden; height:0};} 


/*PHONES */

@media (max-device-width: 767px) {

	html
	{
		font-size: 40px;
		--fontWeightLight:200;

	}
	body
	{
		--sideMargin			: 20px;		
	}	
	#menu ul 
	{	height:auto;

	}
	#menu li *
	{	font-size: 1.5rem;
		font-weight:200;

	}
	.photoItem:not(.pr) .t
	{
		display:none;	
	}
}