/* General styles for all menus */
.cbp-spmenu {
	position: fixed;
}
#showRight {border:none; background:none; padding:0; margin:0;;float:left;position:absolute;;top:202px;left:1px;; cursor:pointer;}
#hideRight {position:absolute; border:none; background:none; margin:0; padding:0; right:8px; top:8px;cursor:pointer;;}
.quick {float:left;height:100%; width:230px;background:#ff3c88;padding:25px;}
.quick .pink_menu {width:100%; margin-top:15px;}
.quick .pink_menu li {padding:10px 15px; border:1px solid #ffbbd5; margin-bottom:15px; background:url(/img/pink_arrow.png) no-repeat 198px center; }
.quick .pink_menu li a {display:block;}

.hidebtn {margin-left:34px;}
/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
	width: 280px;
	height: 100%;
	top: 0;
	z-index: 1000;
}


/* Vertical menu that slides from the left or right */


.cbp-spmenu-right {
	right: -280px;
}


.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
}



/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* Example media queries 

@media screen and (max-width: 55.1875em){

	.cbp-spmenu-horizontal {
		font-size: 75%;
		height: 110px;
	}

	.cbp-spmenu-top {
		top: -110px;
	}

	.cbp-spmenu-bottom {
		bottom: -110px;
	}

}

@media screen and (max-height: 26.375em){

	.cbp-spmenu-vertical {
		font-size: 90%;
		width: 190px;
	}

	.cbp-spmenu-left,
	.cbp-spmenu-push-toleft {
		left: -190px;
	}

	.cbp-spmenu-right {
		right: -190px;
	}

	.cbp-spmenu-push-toright {
		left: 190px;
	}
}
*/