/* The Markers and Cloners to Show/Hide Header, Main and Side Navigations - Start with Mobile
****************************************/
.sxNavHeaderMarker,
.sxNavSideMarker,
.sxNavMainMarker {
	position: relative;
	width: 60px;
	height: 42px;
	cursor: pointer;
	background: #96706A;
	background-image: linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0));
	border-radius: 5px 5px 0 0;
	z-index: 2;
}
.sxNavHeaderMarker:after,
.sxNavSideMarker:after,
.sxNavMainMarker:after {
	content: " ";
	position: absolute;
	left: 0; top: 0; right: 0; bottom: 0;
	background: url('../imgPG/iconShowHide.png') center no-repeat;
}
.sxNavHeaderMarker {float: left; margin: 2px 0 0 16px; display: block;}
.sxNavMainMarker,
.sxNavSideMarker {float:right; margin: 2px 16px 0 0; display: none;}

.sxNavSideCloner,
.sxNavMainCloner {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0 20px 40px 20px;
	width: 80%;
	background: #fff;
	border: 5px solid #96706A;
	border-top: 0;
	display: none;
	z-index: 2000;
}


/* Change Marker and Cloners for desctop devices
****************************************/
@media only screen and (min-width: 1024px) {
	.sxNavHeaderMarker {display: none;}
	.sxNavMainMarker {display: none !important;}
	.sxNavSideMarker {display: none !important;}
	.sxNavMainCloner {display: none !important;}
	.sxNavSideCloner {display: none !important;}
}
@media only screen and (max-width: 1024px) {
	#bodyText .sxNavMainMarker,
	#bodyLinks .sxNavMainMarker,
	#bodyFolderGallery .sxNavMainMarker {display:block;}
}