/* The Markers and Cloners to Show/Hide Header, Main and Side Navigations - Start with Mobile
****************************************/
.sxNavTopMarker,
.sxNavHeaderMarker,
.sxNavSideMarker,
.sxNavShoppingMarker,
.sxNavMainMarker {
	position: relative;
    padding-top: 2px;
	cursor: pointer;
	z-index: 2;
	text-align: center;
	vertical-align: middle;
}

.sxNavTopMarker .sx_svg,
.sxNavHeaderMarker .sx_svg,
.sxNavSideMarker .sx_svg,
.sxNavShoppingMarker .sx_svg,
.sxNavMainMarker .sx_svg {
	width: 1.8em;
	height: 1.8em;
	fill: #3399dd;
	vertical-align: middle;
}

.sxNavTopMarker:hover .sx_svg,
.sxNavHeaderMarker:hover .sx_svg,
.sxNavSideMarker:hover .sx_svg,
.sxNavShoppingMarker:hover .sx_svg,
.sxNavMainMarker:hover .sx_svg {
	fill: #a17928;
}

.sxNavHeaderMarker,
.sxNavShoppingMarker {padding: 2px; display: block;}
.sxNavMainMarker,
.sxNavShoppingMarker,
.sxNavSideMarker {padding: 2px; display: none;}

.sxNavSideCloner,
.sxNavMainCloner {
	position: absolute;
	top: 100%;
	right: 0;
    left: 0;
    bottom: 0;
	margin: 0;
	padding: 0 10% 40px 20px;
	background: #fff;
	border: 5px solid #808080;
	border-top: 0;
	display: none;
	z-index: 2000;
	overflow-x: hidden; 
	overflow-y: auto; 
}


/* Change Marker and Cloners for desctop devices
****************************************/
@media only screen and (min-width: 1024px) {
	.sxNavHeaderMarker {display: none;}
	.sxNavMainMarker,
	.sxNavSideMarker,
	.sxNavShoppingMarker,
	.sxNavMainCloner,
	.sxNavSideCloner {display: none !important;}
}
@media only screen and (max-width: 1023px) {
	#bodyDefault .sxNavMainMarker,
    	#bodyDefault .sxNavSideMarker,
    	#bodyDefault .sxNavShoppingMarker,
	#bodyCompany .sxNavMainMarker,
    	#bodyCompany .sxNavSideMarker,
    	#bodyCompany .sxNavShoppingMarker,
	#bodyAbout .sxNavMainMarker,
    	#bodyAbout .sxNavSideMarker,
    	#bodyAbout .sxNavShoppingMarker,
	#bodyProducts .sxNavMainMarker,
    	#bodyProducts .sxNavSideMarker,
    	#bodyProducts .sxNavShoppingMarker,
	#bodyOrders .sxNavMainMarker,
	#bodySearch .sxNavMainMarker,
	#bodyFolderGallery .sxNavMainMarker,
	#bodyCustomer .sxNavMainMarker {display:block;}
}