#body .mc-col-r-pos { background-color: transparent; }

.imageframe { padding: 5px; background-color: #fff; margin-bottom: 20px; overflow: hidden; }
.imageframe .img { width: 100%; height: auto; }
.imageframe.half { width: 50%; }
.imageframe .mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #ffffff; }
#btn-next-page-container{
	width: 77px;
	height: 77px;
	float: right;
	cursor: pointer;
	margin-left: 10px;
}
#btn-next-page-bg{
	width: 75px;
	height: 75px;
	border:1px solid #ffffff;
				
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center center;
				
	-webkit-box-shadow: 
		inset 0 0 0px 75px rgba(0,0,0,0.6),
		inset 0 0 0 0px #f;
	-moz-box-shadow: 
		inset 0 0 0px 75px rgba(0,0,0,0.6),
		inset 0 0 0 0px #ffffff;
	box-shadow: 
		inset 0 0 0px 75px rgba(0,0,0,0.6),
		inset 0 0 0 0px #ffffff;
				
	-webkit-transition: box-shadow 400ms ease-in-out;
	-moz-transition: box-shadow 400ms ease-in-out;
	-o-transition: box-shadow 400ms ease-in-out;
	-ms-transition: box-shadow 400ms ease-in-out;
	transition: box-shadow 400ms ease-in-out;
				
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	display: block;
	outline: none;
}
#btn-next-page-bg:hover, #btn-prev-page-bg:hover{
	-webkit-box-shadow: 
		inset 0 0 0 0 rgba(0,0,0,0.6),
		inset 0 0 0 2px #ffffff,
		0 0 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 
		inset 0 0 0 0 rgba(0,0,0,0.6),
		inset 0 0 0 2px #ffffff,
		0 0 10px rgba(0,0,0,0.3);
	box-shadow: 
		inset 0 0 0 0 rgba(0,0,0,0.6),
		inset 0 0 0 2px #ffffff,
		0 0 10px rgba(0,0,0,0.3);
				
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#btn-next-page-text {
    color: #ffffff;
    position: absolute;
    top: 5px;
    right: 5px;
	font-size: 11px;
	pointer-events: none;
}
#btn-next-page {
    width: 17px;
    height: 34px;
    position: absolute;
    bottom: 5px;
    right: 5px;
    background-position: -17px 0px;
	pointer-events: none;
}

			
#btn-prev-page-container{
	width:77px;
	height:77px;
	float:right;
	cursor:pointer;
}
#btn-prev-page-bg{
	width: 75px;
	height: 75px;
	border:1px solid #ffffff;
				
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center center;
				
	-webkit-box-shadow: 
		inset 0 0 0px 75px rgba(0,0,0,0.6),
		inset 0 0 0 0px #f;
	-moz-box-shadow: 
		inset 0 0 0px 75px rgba(0,0,0,0.6),
		inset 0 0 0 0px #ffffff;
	box-shadow: 
		inset 0 0 0px 75px rgba(0,0,0,0.6),
		inset 0 0 0 0px #ffffff;
				
	-webkit-transition: box-shadow 400ms ease-in-out;
	-moz-transition: box-shadow 400ms ease-in-out;
	-o-transition: box-shadow 400ms ease-in-out;
	-ms-transition: box-shadow 400ms ease-in-out;
	transition: box-shadow 400ms ease-in-out;
				
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	display: block;
	outline: none;
}
			
			
#btn-prev-page{width:17px;height:34px;position:absolute;bottom:5px;left:5px;background-position:0px 0px;}
#btn-prev-page:hover{background-position:0px -34px }
#btn-prev-page-container:hover #btn-prev-page{background-position: 0px -34px}
#btn-prev-page-text{color:#ffffff;position:absolute;top:5px;left:5px;font-size: 11px;}
[onclick] { cursor: pointer; }


#txt-preview {
	position: absolute;
	top: 5px;
	left: 10px;
	color: #ffffff;
}
#bg-preview { width: 100%; height: auto; }
#up-down-container{width:100%;height:auto; }
#up-down-container-layer{width:100%;height:100%;position:absolute;top:0px;left:0px;background:#000000;opacity:0.6;filter:alpha(opacity=60);}
#txt-preview{position:absolute;top:5px;left:10px;color:#ffffff}
#unselected-menu-container {
	width: 100%;
	padding: 10px;
	background: #000000;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	border-top: #0000ff 5px solid;
}
#unselected-menu-container .subcat{
	padding: 3px 0px;
	color: #ffffff;
	cursor: pointer;
}

.select container-m { display: none;}

@media only screen and (max-width:1024px) {
	.select container-m { display: block;}
}