@CHARSET "UTF-8";
A{
	color:ivory;
	text-decoration:none;}
.actcatpagenum{
	background-color:ivory !important;
	color:#460217 !important;}
.actnaviadmbtn{
	width:140px;
	min-height:30px;
	background-color:#460217;
	border:none;
	margin:2px;
	font-weight:bold;
	color:#4e3338;
	vertical-align:bottom;}
.actnavibtn{
	width:140px;
	min-height:30px;
	background-color:#460217;
	border:none;
	margin:2px;
	font-weight:bold;
	color:#4e3338;}
.actTabBtn{
	position:absolute;
	border:none;
	border-top-left-radius:5px;
	border-top-right-radius:10px;}
.admBtn{
	margin-top:100px;}
.basket{
	left:calc(50% - 200px);
	width:400px;
	min-height:300px;
	padding:5px;}
.basketBtnGroup{
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;}
.basketBtnGroup > button{
	background-color:ivory;
	color:#460217;
	border:1px solid darkgrey;
	border-radius:3px;}
.basketDataTable{
	width:360px;}
BODY{
	font-family:arial;
	background-color:#460217;
	color:ivory;}
.btn{
	padding:0px;
	border:none !important;}
.btn:active{
	border:none;
	text-decoration:none;}
.btnDiv{
	position:absolute;
	top:160px;
	left:20px;
	width:150px;
	bottom:2px;}
.btn:focus{
	border:none;
	text-decoration:none;
	shadow:none;
	color:ivory;
	text-decoration:none;
	border:none;}
.btn:hover{
	color:ivory;
	text-decoration:none;}
.btn-link{
	color:ivory;}
.btnnavbar{
	z-index:5;
	background-color:ivory;
	margin-top:10px;
	padding:.1rem .2rem;}
.button{
	text-transform:none;
	border-color:#709bc6;
	border-radius:5px;
	background-color:ivory;
	color:#460217;
	margin:5px;
	margin-left:0px;}
.card{
	border:none;}
.card-body{
	padding:0px;
	background-color:#460217;}
.card-header{
	padding:0px;
	margin-bottom:0px;
	background-color:#460217;
	border-bottom:none;}
.catainside{
	display:flex;
	flex-wrap:wrap;}
.catalogue{
	position:absolute;
	top:120px;
	left:180px;
	width:calc(100% - 200px);
	padding-bottom:50px;}
.catitem{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	margin-bottom:40px;
	width:300px;
	border-radius:5px;
	position:relative;
	margin:10px;}
.catitem > div{
	background-color:black;}
.catitempic{
	width:300px;
	border-radius:3px;}
.catitemtxt{
	width:100%;
	bottom:0px;
	position:absolute;
	opacity:0.5;
	padding:5px;}
.catpagenum{
	width:30px;
	background-color:#460217;
	color:ivory;
	border:1px solid black;}
.checkoutBtnGroup{
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	width:400px;}
.closebtn{
	position:absolute;
	right:0pt;
	top:0pt;
	height:21pt;
	background-image:gradient(top, lightgrey 0%, grey 50%);
	background-image:-moz-linear-gradient(top, lightgrey 0%, grey 50%);
	background-image:-webkit-linear-gradient(top, lightgrey 0%, grey 50%);
	border:none;
	margin:none;}
.collapsedcolumn{
	visibility:collapse;}
.detailpic{
	left:9px;
	top:9px;
	position:absolute;}
.divbtngroup{
	margin-top:60px;
	z-index:5;
	background-color:#460217;}
div.mnu{
	background-color:#631f34;
	color:ivory;}
div.mnu:hover{
	background-color:ivory;
	color:ivory;
	background:linear-gradient(to bottom,#393939,#000);}
.divWindow{
	position:absolute;
	border:1px solid black;
	background-color:#460217;
	border-radius:5px;
	box-shadow:6px 6px 4px 2px #ccc;
	overflow-x:hidden;
	z-index:5;}
.flexform{
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;}
.flexwin{
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	padding:50px;
	min-width:400px;
	max-width:900px;}
@font-face{
	font-family:Savoye LET Plain;
	font-style:normal;
	font-weight:normal;
	src:url('https://slowstuffdesign.ch/font/SavoyeLETPlain1.0.woff') format('woff'),
     url('https://slowstuffdesign.ch/font/SavoyeLETPlain1.0.woff') format('woff'),
     url('https://slowstuffdesign.ch/font/Savoye LET Plain1.0.ttf') format('truetype');
	font-family:SavoyeStd;
	font-style:normal;
	font-weight:normal;
	src:url("https://slowstuffdesign.ch/font/SavoyeStd.otf") format("opentype"),
     url("https://slowstuffdesign.ch/font/SavoyeLETPlain1.0.woff") format("woff"),
     url("https://slowstuffdesign.ch/font/Savoye LET Plain1.0.ttf") format("truetype"),
     url("https://slowstuffdesign.ch/font/SavoyeStd.otf") format("opentype"),
     url("https://slowstuffdesign.ch/font/SavoyeLETPlain1.0.woff") format("woff"),
     url("https://slowstuffdesign.ch/font/Savoye LET Plain1.0.ttf") format("truetype");}
.footer{
	position:fixed;
	display:flex;
	bottom:0px;
	left:0px;
	width:100%;
	background-color:#460217;
	z-index:3;}
.footer > div{
	padding:5px;
	margin-right:5px;
	border-right:1px solid #6da0d2;
	height:30px;}
.info{
	width:300px;
	height:120px;
	position:fixed;
	background-color:lightgrey;
	border:1px solid black;
	border-radius:3px;
	display:none;
	z-index:5;}
.itempic{
	height:calc(70vh - 60px);
	max-width:680px;
	border-radius:10px 10px 0px 0px;}
@keyframes fadeOut{
	from:{opacity: 1;};
	to:{opacity: 0;};}
.logindiv{
	width:400px;
	height:350px;
	display:flex;
	flex-direction:column;
	padding:50px;
	flex-wrap:wrap;
	top:30%;}
#logindivbtndiv{
	position:absolute;
	top:140px;
	left:40px;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;}
#logindivbtndiv > button{
	width:305px;
	margin:10px;}
.maincontent{
	position:absolute;
	display:flex;
	top:100px;
	left:140px;
	width:calc(100vw - 215px);
	max-width:920px;}
mnu{
	color:ivory;}
#mnuprofile{
	position:absolute;
	right:65px;
	width:30px;
	height:30px;
	background-image:url("../icon/profile.svg");
	background-size:cover;
	margin-left:40px;
	padding-top:20px;
	font-size:12pt;
	z-index:0;}
.naviadmbtn{
	width:140px;
	min-height:30px;
	bottom:2px;
	background-color:#460217;
	margin:2px;
	font-weight:bold;
	font-size:10px;
	color:#4e3338;
	border:none;}
.navibtn{
	width:140px;
	min-height:30px;
	background-color:#460217;
	margin:2px;
	font-size:1em;
	color:ivory;
	border:none;}
#oi_price, #oi_price_0{
	width:100px;}
#oi_quantity, #oi_quantity_0{
	width:30px;}
#oi_st_id, #oi_st_id_0{
	width:40px;}
#oi_unit, #oi_unit_0{
	width:40px;}
option.mnu:hover{
	background-color:#5566dd;
	color:ivory;
	background:linear-gradient(to bottom,#393939,#000);}
.samplediv{
	border-radius:3px;
	margin:3px;
	border:1px solid black;
	background-image:$img;
	width:100px;
	height:100px;
	background-size:100%;
	background-repeat:no-repeat;}
#samplediv>div:hover{
	width:200px;
	height:200px;}
.shopbtngroup{
	position:fixed;
	top:120px;
	width:160px;
	padding-left:20px;}
.shopwindow{
	position:absolute;
	display:flex;
	top:100px;
	left:140px;
	width:calc(100vw - 215px);}
.shopWinFrame{
	width:100%;
	margin:10px;
	display:flex;
	flex-wrap:wrap;
	min-width:190px;}
.shopwinimgdiv{
	width:calc((100vw - 280px)/3);
	min-width:80px;
	margin:5pt;
	height:calc((100vw - 280px)/3);
	overflow:clip;
	display:flex;
	justify-content:center;
	background-position:center;
	background-size:cover;}
.show{
	padding-left:10px;}
#showmail::after{
	content:@slowstuffdesign.ch;}
#showmail::before{
	content:info;}
#showtel::after{
	content:37 58;}
#showtel::before{
	content:062 212;}
.singlecatitem{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:10px;}
.singlecatitemtxt{
	width:100%;
	bottom:0px;
	position:relative;}
.singleitembtn{
	color:#460217;
	border-color:#434648;
	border-radius:5px;
	height:30px;
	width:30px;
	background-color:transparent;
	background-size:contain;
	border:none;}
.singleitemtab{
	position:fixed;
	background-color:#460217;
	z-index:3;
	padding:3px;
	border:1px solid grey;
	box-shadow:5px 5px #2b1212;
	top:90px;
	left:1%;
	border-radius:12px;
	width:min-content;}
#speck{
	display:none;}
#st_name, #st_name_0{
	width:120px;}
.sttltxt{
	height:28px;
	text-align:center;
	font-size:larger;}
.subtitle{
	font-size:30px;
	color:#73b880;
	margin:0px;}
.tabBtn{
	position:absolute;
	border:none;
	border-top-left-radius:5px;
	border-top-right-radius:10px;}
.tabDiv{
	position:absolute;
	background-color:#460217;}
.textpagetext{
	top:100px;
	display:flex;
	flex-flow:column;
	position:absolute;
	left:120px;
	max-width:600px;}
.title{
	position:absolute;
	top:30px;
	left:200pt;
	font-size:45px;
	color:#73b880;}
ttl{
	font-size:16pt;
	text-align:center;}
.ttlField{
	width:100%;
	padding:15px;
	position:fixed;
	background-color:#121212;
	z-index:3;}
.ttltxt{
	font-family:SavoyeStd;
	font-size:42px;
	font-weight:bold;
	text-align:center;
	height:52px;}
.windowTitle{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:21pt;
	background-image:-moz-linear-gradient(top, #666 0%, black 55%);
	background-image:-webkit-linear-gradient(top, #666 0%, black 55%);
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	line-height:20pt;
	text-align:center;}
.wishlist{
	position:absolute;
	left:calc(50% - 200px);
	border:1px solid #AAA;
	background-color:#460217;
	border-radius:5px;
	box-shadow:6px 6px 4px 2px #ccc;
	overflow-x:hidden;
	z-index:5;
	width:480px;
	min-height:300px;
	padding:5px;}