/* CSS Document */

/* MENU-LEFT */
.menu-left {  }
.menu-left ul { clear:both; list-style:none; width:100%; margin:0; padding:0; }
.menu-left ul a { text-decoration:none; color:inherit; }
.menu-left ul.padding-top {  padding-top:20px; }
.menu-left ul li { width:100%; height:40px; line-height:40px; font-size:14px;}
.menu-left ul li .icon { width:50px; float:left; text-align:center; }
.menu-left ul li .icon.icon-activities { background:url(../../img/icons/menu-activities-icon.png) no-repeat; background-position: center center;}
.menu-left ul li .icon.icon-collection { background:url(../../img/icons/menu-collection-icon.png) no-repeat;background-position: center center;}
.menu-left ul li .icon.icon-photos { background:url(../../img/icons/menu-photos-icon.png) no-repeat; background-position: center center;}
.menu-left ul li .icon.icon-messages { background:url(../../img/icons/menu-messages-icon.png) no-repeat; background-position: center center;}
.menu-left ul li:hover, .menu-left ul li.active { background:url(../../img/icons/menu-left-hover-icon.png) no-repeat; background-position: right center; cursor:pointer;border-right: 10px solid transparent;}

@media(max-width:767px) {
	.menu-left ul li:hover, .menu-left ul li.active { background:url(../../img/icons/menu-top-hover-icon.png) no-repeat !important; background-position: right center !important; cursor:pointer; }
}


/* MENU-TOP */
.menu-top {  }
.menu-top ul { list-style:none; width:100%; margin:0; padding:0; float:left}
.menu-top ul a { text-decoration:none; color:inherit; }
.menu-top ul li { width:auto; height:25px; line-height:25px; font-size:14px; color:#999; float:left; padding-right:25px; margin-right:10px; }
.menu-top ul li .icon { width:50px; float:left; text-align:center; }
.menu-top ul li .icon.icon-collection { background:url(../../img/icons/menu-collection-icon.png) no-repeat;background-position: center center;}
.menu-top ul li .icon.icon-selling { background:url(../../img/icons/menu-photos-icon.png) no-repeat; background-position: center center;}
.menu-top ul li .icon.icon-wishlist { background:url(../../img/icons/menu-messages-icon.png) no-repeat; background-position: center center;}
.menu-top ul li:hover, .menu-top ul li.active { background:url(../../img/icons/menu-top-hover-icon.png) no-repeat; background-position: right center; cursor:pointer; }


/* MENU-TOP-XS */
.menu-top-xs {  }
.menu-top-xs ul { list-style:none; width:100%; margin:0; padding:0; float:left}
.menu-top-xs ul a { text-decoration:none; color:inherit; }
.menu-top-xs ul li { width:auto; height:60px; line-height:25px; font-size:14px; color:#999; float:left; text-align:center; width:33%}
.menu-top-xs ul li .icon { width:100%; float:left; text-align:center; }
.menu-top-xs ul li .icon.icon-collection { background:url(../../img/icons/menu-collection-icon.png) no-repeat;background-position: center center;}
.menu-top-xs ul li .icon.icon-selling { background:url(../../img/icons/menu-photos-icon.png) no-repeat; background-position: center center;}
.menu-top-xs ul li .icon.icon-wishlist { background:url(../../img/icons/menu-messages-icon.png) no-repeat; background-position: center center;}
.menu-top-xs ul li:hover, .menu-top-xs ul li.active { background:url(../../img/icons/menu-top-hover-icon.png) no-repeat; background-position: center bottom; cursor:pointer;}