.header_user_info {
position: relative;
font-size:11px;
padding:0;
text-align:left
  }
 .header_user_info ul > li > a{
	  border-bottom:1px solid rgba(0,0,0,0.2);
	  padding:10px 15px;
  }
   .header_user_info ul > li > a:hover i{
	 color:#333
   }
   .header_user_info ul > li > a i{
	   margin-left:10px;
	   font-size:24px;
	   vertical-align:middle;
	   color:rgba(0,0,0,0.6);
	   transition:0.3s all
   }
 .header_user_info ul{
	 left:0;
	 right:auto;
display:block;
padding:0
  }
   .header_user_info ul li{
	   border-radius:3px;
	   overflow:hidden
   }
.topuser2{padding:10px;height:54px;}

 .header_user_info ul:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fffbf1 none repeat scroll 0 0;
    border-color: rgba(0,0,0,0.2) rgba(0,0,0,0.2) currentcolor currentcolor;
    border-image: none;
    border-style: solid solid none none;
    border-width: 1px 1px 0 0;
    content: "";
    display: block;
    height: 12px;
    position: absolute;
    left: 20px;
    top: -7px;
    transform: rotate(-45deg);
    width: 12px;
	}
 .header_user_info ul .login, .header_user_info ul.usertheme-0 .dash{
	  background:#fffbf1;
	  color:#333
  }
  .header_user_info  ul .login:hover{
			  background:#fffbf1;
	  color:#333
	}
   .header_user_info ul .register{
	  background:#FFE7B0;
	  color:#333
  }
    .header_user_info  ul .register:hover{
	  background:#FFE7B0;
	  color:#333
	}
   .header_user_info ul > li:last-child a{
	   border:0
   }
  .topuser{
	  padding:10px;
	  float:left;
height:54px;
  }

  .header_user_info a {
    color: #555;
    font: 400 13px/36px IRANSans,"tahoma",sans-serif;
    display: inline-block;
    cursor: pointer;
	text-align:right;
}

 .header_user_info > a:first-child:before, .topuser > a:first-child:before {
      content: "\f2bd";
font-family: "FontAwesome";
      display: inline-block;
      font-size: 28px;
      line-height: 32px;
      color: #F2836B;
width:42px;
float:right;
text-align:center;
	transition:All 0.333s ease;
-webkit-transition:All 0.333s ease;
-moz-transition:All 0.333s ease;

 }


 .header_user_info > a i{
	 width:32px;
	 float:right;
	  display: inline-block;
      font-size: 16px;
      line-height: 16px;
      color: #333;
	padding:10px 0px 10px 0px;
 } 
/********* theme 0 **************/
#header ul.usertheme-0 {
opacity:0;
top:200%;
margin-top:-999px;
	transition:top 0.2s, opacity 0.3s, transform 0.4s ease;
	 transform: scaleY(0.8);
	transform-origin: bottom center 0;
	-ms-transform-origin: bottom  center 0;
	-webkit-transform-origin: bottom  center 0;
    transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
}
#header ul.usertheme-0.open{
opacity:1;
z-index:9999;
top:100%;
margin-top:0;
transform: scaleY(1);
}	
   
/*********theme 1 **************/
#header ul.usertheme-1 {
    background: #fff ;
    width: 100%;
    top: -160px ;
	border:0;
left:0;
    position: fixed;
    height: 140px;
	margin:0;
	opacity:0;
    z-index: 999999;
	transition:0.25s all;
	 display: block !important;
}

ul.usertheme-1 .catheader {
    text-align: right;
    display: block !important;
	background: #f2836b;
    font-size: 17px;
    line-height: 32px;
    color: #fff;
}
ul.usertheme-1 .catheader i {
    font-size: 29px;
    text-align: left;
    font-weight: 400;
    margin-right: 20px;
    padding: 5px 20px;
    vertical-align: middle;
    line-height: 46px;
}
ul.usertheme-1 .catheader i {
    text-align: right;
    margin: 0 0 0 20px;
}
#header ul.usertheme-1 li, .header_user_info.usertheme-1 a {
text-align:center;	
background:none !important
}
#header ul.usertheme-1 li a i{display:none}
#header ul.usertheme-1 li a:before {
    color: #f2836b;
    display: block;
	margin:auto;
    font-family: "FontAwesome";
    font-size: 24px;
    line-height: 48px;
    text-align: center;
    transition: all 0.1s ease;
    width: 48px;	
}
#header ul.usertheme-1 li a.dash:before {content: "";}
#header ul.usertheme-1 li a.adr:before {content: "";}
#header ul.usertheme-1 li a.hst:before {content: "";}
#header ul.usertheme-1 li a.inf:before {content: "";}
#header ul.usertheme-1 li a.dis:before {content: "\f295";}
#header ul.usertheme-1 li a.so:before {content: "";}
#header ul.usertheme-1 li a.login:before {content: "";}
#header ul.usertheme-1 li a.register:before {content: "";}
#header div.usertheme-1.open ul.usertheme-1{top:0px;opacity:1}

/*********theme 1 **************/
#header ul.usertheme-2 {
    background: #fff ;
    width: 260px;
   left: -260px ;
	border:0;
	top:0;

    position: fixed;
    height: 100%;
	margin:0;
	opacity:0;
    z-index: 999999;
	transition:0.25s all;
	 display: block !important;
}

ul.usertheme-2 .catheader {
    text-align: right;
    display: block !important;
	background: #f2836b;
    font-size: 17px;
    line-height: 32px;
    color: #fff;
}
ul.usertheme-2 .catheader i {
    font-size: 29px;
    text-align: left;
    font-weight: 400;
    margin-right: 20px;
    padding: 5px 20px;
    vertical-align: middle;
    line-height: 46px;
}
ul.usertheme-2 .catheader i {
    text-align: right;
    margin: 0 0 0 20px;
}
#header ul.usertheme-2 li, .header_user_info.usertheme-2 a {
text-align:right;
display:block;
background: none !important;	
}
 .header_user_info ul.usertheme-2 a {padding:10px;}
#header ul.usertheme-2 li{border-bottom:1px solid rgba(0,0,0,0.1);}
#header ul.usertheme-2 li:last-child{border:0}
#header ul.usertheme-2 li a i, .header_user_info ul.usertheme-2:after {display:none}
#header ul.usertheme-2 li a:before {
    color: #f2836b;
    display: inline-block;
	margin:auto;
    font-family: "FontAwesome";
    font-size: 24px;
    line-height: 32px;
    text-align: center;
	vertical-align:middle;
    transition: all 0.1s ease;
    width: 32px;	
}
#header ul.usertheme-2 li a.dash:before {content: "";}
#header ul.usertheme-2 li a.adr:before {content: "";}
#header ul.usertheme-2 li a.hst:before {content: "";}
#header ul.usertheme-2 li a.inf:before {content: "";}
#header ul.usertheme-2 li a.dis:before {content: "\f295";}
#header ul.usertheme-2 li a.so:before {content: "";}
#header ul.usertheme-2 li a.login:before {content: "";}
#header ul.usertheme-2 li a.register:before {content: "";}
#header div.usertheme-2.open ul.usertheme-2{left:0px;opacity:1}

.htheme-2 .topuser{height:auto;float:none;}
.header_user_info .lis li {float:right;width:50%}
.top-bottom .topuser, .top-bottom .topcart, .top-bottom .tops{padding:0px 5px;height:auto}