ul.topmenu,ul.topmenu ul{
	margin : 0;
	list-style : none;
	padding : 0;
	background-color : #e8d479;
	#border-width : 1px;
	#border-style : solid;
	#border-color : #5f5f5f;
	-moz-border-radius : 15px;
	-webkit-border-radius : 15px;
	border-radius : 15px;
}
ul.topmenu ul{
	display : none;
	position : absolute;
	left : 0;
	top : 100%;
	-moz-box-shadow : 3.5px 3.5px 5px #000000;
	-webkit-box-shadow : 3.5px 3.5px 5px #000000;
	box-shadow : 3.5px 3.5px 5px #341440;
	border: 1px solid #d4d4d4;
	border-radius : 6px;
	-moz-border-radius : 6px;
	-webkit-border-radius : 6px;
}
ul.topmenu ul li .aref {
	padding: 0 15px;
}
ul.topmenu li:hover>* {
	display:block;
}
ul.topmenu li {
	position : relative;
	display : block;
	white-space : nowrap;
	float: left;
}
ul.topmenu li > .aref {
	box-shadow : 3.5px 3.5px 5px #341440;
}
ul.topmenu li:hover {
	z-index:1;
}
ul.topmenu{
	z-index : 999;
	position : relative;
	zoom : 1;
	padding: 0;
}
ul.topmenu>li{
	margin:0;
}
ul.topmenu > .switch > label {
	text-align: center;
	vertical-align: middle;
	font: bold 24px Alegreya,Verdana,Arial;
}
* html ul.topmenu li a {
	display:inline-block;
}
ul.topmenu a:active, ul#topmenu a:focus {
	outline-style:none;
}
ul.topmenu .aref {
	display : block;
	vertical-align : middle;
	font: Bold 16px Monospace;
	text-align : center;
	text-decoration : none;
	#color: #000000;
	cursor : pointer;
	padding : 10px;
	background-color : #e8d479;
	border-width : 0 0 0 1px;
	border-style : solid;
	border-color : #C0C0C0;
	height : 24px;
	line-height : 24px;
}
ul.topmenu .aref:hover {
	background-color: #5e2473;
}
ul.topmenu .aref:hover a {
	color: #faf5b1;
}
ul.topmenu .aref:hover a .anum {
	color: #faf5b1;
}
ul.topmenu .aref a {
	font: 16px Tahoma,Verdana,Arial;
	color : #161933;
	text-shadow: #FFF 0 0 1px;
	cursor : pointer;
	text-decoration: none;
}
ul.topmenu > li.tmenu > .aref a {
	font: bold 24px Alegreya,Verdana,Arial;
	color : #1c1e30;
}
ul.topmenu > li.tmenu > .aref:hover a {
	color: #faf5b1;
}
ul.topmenu ul li .aref {
	height : 24px;
	line-height : 24px;
	padding-bottom: 5px;
}
ul.topmenu ul li{
	float : none;
	#margin : 10px 0 0;
}
ul.topmenu ul .aref {
	text-align : left;
	padding : 4px;
	background-color : #f5edc9;
	border-width : 0;
	border-radius : 0px;
	-moz-border-radius : 0px;
	-webkit-border-radius : 0px;
	font : 16px Monospace;
	color : #000;
	text-decoration : none;
}
ul.topmenu li:hover>a, ul.topmenu li a.pressed {
	background-color : #f8ac00;
	border-color : #C0C0C0;
	border-style : solid;
	color : #000000;
	text-shadow : #FFF 0 0 1px;
}
ul.topmenu span {
	overflow : visible;
	background-position : right center;
	background-repeat : no-repeat;
	padding-right : 0px;
}
ul.topmenu > li.switch {
	display : none;
	cursor : pointer;
	width : 25px;
	height : 20px;
	padding : 10px;
}
ul.topmenu > li.switch:before {
	content : "";
	position : absolute;
	display : block;
	height : 4px;
	width : 25px;
	border-radius : 4px;
	background : #000000;
	-moz-box-shadow : 0 8px #000000, 0 16px #000000;
	-webkit-box-shadow: 0 8px #000000, 0 16px #000000;
	box-shadow:0 8px #000000, 0 16px #000000;
}

.c3m-switch-input {
	display : none;
}
ul.topmenu li:hover > a,ul#topmenu li > a.pressed {
	background-color : #f8ac00;
	border-style: solid;
	border-color: #C0C0C0;
	#color: #000000;
	text-decoration: none;
	text-shadow:#FFF 0 0 1px;
}
ul.topmenu ul li:hover>a,ul#topmenu ul li > a.pressed {
	background-color : #FFFFFF;
	background-image : none;
	#color : #868686;
	color : red;
	text-decoration : none;
}
ul.topmenu li.topmenu > a {
	border-radius : 0 5px 5px 0;
	-moz-border-radius : 0 5px 5px 0;
	-webkit-border-radius : 0;
	-webkit-border-top-right-radius : 5px;
	-webkit-border-bottom-right-radius : 5px;
}
ul.topmenu li .subarrow {
	float: right;
	border-radius: 15px;
	text-align: center;
	background-color: #96ad40;
	padding: 0 10px;
}
.anum {
	color: #e0229e;
}
@media screen and (max-width: 484px) {
	ul.topmenu {
		width: 100%;
	}
	ul.topmenu > li {
		display: none;
		#position: relative;
		width: 100% !important;
	}
	ul.topmenu ul .submenu,ul#topmenu li > ul {
		left: 0; 
		right: auto;
		top: 100%;
		position: relative;
	}
	ul.topmenu > li.switch,.c3m-switch-input:checked + ul#topmenu > li + li {
		display: block;
	}
	ul.topmenu > li.switch > label {	
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	ul.topmenu .submenu,ul#topmenu ul,ul#topmenu .column {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-right: 0;
		width: 100% !important;
	}
	ul.topmenu .subarrow::after {
		content: attr(data-m);
	}
    ul.topmenu li.tmain > .aref {
    	border-radius: 15px 15px 0 0;
    }
    ul.topmenu li.topcart > .aref {
    	border-radius: 0 0 15px 15px;
    }
}
@media screen and (min-width: 485px) {
	ul.topmenu .subarrow {
		#display: none;
		font-family: monospace;
	}
	ul.topmenu > li > .aref > .subarrow {
       width: 0;
       position: absolute;
       top: 40%;
       #left: 10%;
       right: 3px;
       height: 0;
       padding: 0;
       background-color: transparent;
       border-left: 4px solid transparent;
       border-right: 4px solid transparent;
       border-top: 7px solid black;
       border-bottom: 5px solid transparent;
	}
	ul.topmenu > li > ul .subarrow {
       width: 0;
       position: absolute;
       height: 0;
       top: 25%;
       right: 3px;
       padding: 0;
       background-color: transparent;
       border-left: 4px solid black;
       border-right: 4px solid transparent;
       border-top: 7px solid transparent;
       border-bottom: 5px solid transparent;
	}
	ul.topmenu ul#categories ul > li > ul .subarrow {
	   left: 3px;
	   right: auto;
       border-left: 4px solid transparent;
       border-right: 4px solid black;
       border-top: 7px solid transparent;
       border-bottom: 5px solid transparent;
	}
	ul.topmenu ul#materials > li > ul .subarrow {
	   left: 3px;
	   right: auto;
       border-left: 4px solid transparent;
       border-right: 4px solid black;
       border-top: 7px solid transparent;
       border-bottom: 5px solid transparent;
	}
	ul.topmenu > li.tmenu {
	   width: 25%;
	}
	ul.topmenu li ul {
	   width: 100%;
	}
    ul.topmenu ul ul {
	   left : 100%;
       top: 0;
    }
    ul.topmenu ul#categories ul ul ul {
	   left : -100%;
       top: 0;
    }
    ul.topmenu ul#materials ul ul {
	   left : -100%;
       top: 0;
    }
    ul.topmenu li.tmain > .aref {
    	border-radius: 15px 0 0 15px ;
    }
    ul.topmenu li.topcart > .aref {
    	border-radius: 0 15px 15px 0;
    }
}