
@media (max-width: 768px) {
 
 a.logout{
     margin-right: 10px;
    font-size: 14px;
    color: black;
    font-weight: bold;
    margin-left: 0; }

a.logout:before {
    content: "";
    font-family: -webkit-body;
    font-family: FontAwesome;
    margin-right: 10px;    font-size: 30px;
}

.header_user_info {
  float: left;
  border-left: none;
  border-right:none; }
  
  #header_nav #shopping_cart {
    display: none;
}

div#header_user {
    margin-bottom: 20px;
}

li#your_account {
    margin-right: 10px;
    margin-top: 0px;
    font-size: 14px;
    color: black;
    font-weight: bold;
    border: none;
    padding-left: 10px;
    text-align: right;
    margin-bottom: 10px;
}

.account span {
    margin: 0 10px 10px 0;
    width: 100%;
}

li#your_account a:before {
    content: "";
    font-family: FontAwesome;
    margin-right: 10px; 
	font-size:30px;}
	
	a.login:before {
    content: "";
    font-family: -webkit-body;
    font-family: FontAwesome;
    margin-right: 10px;    font-size: 30px;
}

p#header_user_info {
           margin-top: 0px;
    text-align: right;
    font-weight: bold; margin-right:0px;
}

/*a.login {
    float: left;
    margin-left: 30px;
    font-size: 14px;
    color: black;
    font-weight: bold;

    margin-top: 20px;

}*/

a.login:hover {color:white;}

li#your_account a {color:black;}
li#your_account a:hover {color:white;}
  
  .header_user_info a {
    color: #fff;
    font-weight: bold;
    display: block;
	background:black;
    padding: 8px 9px 11px 8px;
    cursor: pointer;
    line-height: 20px; }
	 
	 .header_user_info a:hover, .header_user_info a.active {
      background: #2b2b2b; }
}


a.login { -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}

.header_user_info a:before {
	    content: "\f007";
    font-family: -webkit-body;
    font-family: FontAwesome;
    margin-right: 10px;
	
	}
	
	a.account {
    margin-right: 80px;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

   a.logout {-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
	
	.header_user_info {
    position: absolute;
    right: 0; z-index:9999;
}


@media (min-width: 768px) {
 
.header_user_info {
  float: right;
  border-left: none;
  border-right: none; }
  
  #header_nav #shopping_cart {
    display: none;
}

li#your_account {
    float: right;
    margin-right: 20px;
    font-size: 16px;
    color: black;
    font-weight: bold;border-left: 3px solid black;
    padding-left: 10px;
}

 a.logout{
     margin-right: 10px;
    font-size: 16px;
    color: black;
    font-weight: bold;
    }

a.logout:before {
    content: "";
    font-family: -webkit-body;
    font-family: FontAwesome;
    margin-right: 10px;
}


li#your_account a:before {
    content: "";
    font-family: FontAwesome;
    margin-right: 10px; }
	
	a.login:before {
    content: "";
    font-family: -webkit-body;
    font-family: FontAwesome;
    margin-right: 10px;
}

p#header_user_info {
       margin-top: 30px;
    text-align: right;
    color: #FFFFFF;
    font-weight: bold;
}

a.login {
    margin-right: 10px;
    font-size: 16px;
    color: black;
    font-weight: bold;margin-left: 50px;
}

a.login:hover {color:white;}

li#your_account a {color:black;}
li#your_account a:hover {color:white;}
  
  .header_user_info a {
    color: #fff;
    font-weight: bold;
	background:black;
    display: block;
    padding: 8px 9px 11px 8px;
    cursor: pointer;
    line-height: 19px; margin:13px 0 0 5px;}
	 
	 .header_user_info a:hover, .header_user_info a.active {
      background: #2b2b2b; }
	  
	  #header_user {height:30px;}
	  a.account {
    margin-right: 80px;
    line-height: 20px;font-size: 15px;
}
 a.account span {margin:0;}
	  
}
    @media (max-width: 479px) {
      .header_user_info a {
        font-size: 11px; } }
   

/*# sourceMappingURL=blockuserinfo.css.map */
