/*style the main menu*/
.myMenu {
	margin:10px 5px;
	padding:0;
	list-style-type: none
}

.myMenu li {
	
}

.myMenu > li > a {font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:25px; color:#535353; font-weight:bold; text-transform:uppercase; background:#f1f1f1; border:1px solid #e6e6e6; width:90px; height:25px; display:block; text-align:center;}



.myMenu li a:hover {
	text-decoration:none;
}

/*style the sub menu*/
.myMenu li ul {
	position:absolute;
	visibility:hidden;
	/*
	border:2px solid #dc6f0e;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	*/
	border:1px solid #dfdfdf;
	background:#FFF;
	margin:0;
	padding:0;
	width:auto;
	min-width:140px !important;
}

.myMenu li ul li {
	display: block;
	float:none;
	background:#FFF;
}

.myMenu li ul li a:link, .myMenu li ul li a:visited {
	color:#535353; line-height:28px; height:28px; display:block; text-decoration:none; text-align:left; padding-left:7px; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; border-bottom:1px solid #e6e6e6;
}

.myMenu li ul li a:hover {color:#ff3366; text-decoration:none}






/*sort by menu*/
		/*for shades page*/
		.mod-myMenu {margin:8px 9px 0 0; padding:0}
		.mod-myMenu > li > a {width:115px; height:20px; line-height:19px; display:block; text-align:left; padding-left:5px;}
		.mod-myMenu li ul {min-width:115px !important; z-index:20000}
		.mod-myMenu li ul li a:link, .myMenu li ul li a:visited {color:#535353; line-height:20px; height:20px; display:block; text-decoration:none; text-align:left; padding-left:7px; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; border-bottom:1px solid #e6e6e6;}
		.mod-myMenu li ul li a:hover {margin:0;	color:#ff3366; text-decoration:none}
		
		@media (max-width: 900px) {
			.mod-myMenu > li > a {width:100px;}
		}
		@media (max-width: 767px) {
			.mod-myMenu > li > a {width:115px;}
		}
		
		
		
		
		
		
/* footer menus */

		.f-myMenu {margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#535353; text-transform:uppercase; line-height:29px; position:relative}
		.f-myMenu > li > a {float:left; display:block; font-size:11px; line-height:29px; height:29px; text-decoration:none; color:#535353; background:none; width:auto; border:0; font-weight:normal}
		.f-myMenu li ul {min-width:115px !important; z-index:20000; left:100px; top:29px}
		.f-myMenu li ul li a:link, .myMenu li ul li a:visited {color:#535353; line-height:20px; height:20px; display:block; text-decoration:none; text-align:left; padding-left:7px; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; border-bottom:1px solid #e6e6e6;}
		.f-myMenu li ul li a:hover {margin:0;	color:#ff3366; text-decoration:none}
		
		@media (max-width: 900px) {
			.mod-myMenu > li > a {width:100px;}
		}
		@media (max-width: 767px) {
			.mod-myMenu > li > a {width:115px;}
		}