/* block top user information */
#header_user {
    position: relative;
    overflow: hidden;
}
#header_user_inner {
    width: 960px;
    margin: 0 auto;
}



#header_user a {
    color: #4d4d4d;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
    text-decoration:none;
    }


#header_user ul { list-style-type: none; }
#header_user li {
    width: 110px;
    height: 35px;
    font-size: 0.8em;
    float: right;
    margin-left:6px;
    padding-left: 4px;
    white-space: nowrap;
    text-align:right;
    position:relative;
}


#header_user #your_account {
    background: url('../../../img/link_my_account_v2.gif') left top no-repeat;
    border-left: 1px solid #4D4D4D;
}

#header_user #shopping_cart {
    background: url('../../../img/link_my_cart_v2.gif') left top no-repeat;
    border-left: 1px solid #4D4D4D;
}

#header_user #btn_contact {
    position:relative;
    width:240px;
    height:40px;
    background: url('../../../img/btn_call.png') top left no-repeat;
    border: 0px;
}

#header_user #btn_contact a {
    display:block;
    width:100%;
    height:100%;
}

#header_user #info_contact {
    z-index: 100000;
    position:absolute;
    width: 200px;
    padding: 25px;
    top: -20px;
    left: 220px;
    background: #ffffff;
    border: 2px solid #b0a07f;
}

#header_user #info_contact p {
    padding: 0;
}

.tooltip {
    cursor: pointer;
}
.tooltip::after {
    background: rgba(0, 0, 0, 0.8);
    border-radius: 8px 8px 8px 0px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    color: #FFF;
    content: attr(data-tooltip); /* The main part of the code, determining the content of the pop-up prompt */
    margin-top: -24px;
    opacity: 0; /* Our element is transparent... */
    padding: 3px 7px;
    position: absolute;
    visibility: hidden; /* ...and hidden. */      
    transition: all 0.4s ease-in-out; /* To add some smoothness */ }
         
.tooltip:hover::after {
    opacity: 1; /* Make it visible */
    visibility: visible;
}


#header_user p {
    padding: 6px 0px 0px 28px;
    text-align:left;
    line-height:13px;
}

#header_user #your_account span a {
    font-size:9px;
}

#header_user #shopping_cart span  {
    font-size:9px;
}

#header_user li#logout {
    width:30px;
}


/*#header_user .ajax_cart_quantity {
    color:white;
    position:absolute;
    top:8px;
    left:12px;
}*/

/*#header_user #shopping_cart a { background-image: url('../../../img/icon/cart.gif') }*/
/*#header_user #your_account a { background-image: url('../../../img/icon/my-account.gif') }