/* HEADER V2: USER MENU STYLES */
#header {
    height:132px!important;
    background: url("../images_v3/mainlayout/bg_header_v2_d.gif") repeat-x;
}

#header #usermenu {
    height:auto;
}

/* #header icons */
#header #usermenu ul li.account_wrapper .wintrillions_hat,
#header #usermenu ul li.account_wrapper p.messages span,
#header #usermenu ul li.account_wrapper ul.account_content .open_account_menu,
#header #usermenu ul li.account_wrapper ul.account_submenu li a em,
.support p.phone_number span,
.support a.online_support span,
.support a.mail_support span {
    background-image: url(../images_v3/mainlayout/sprite_main_20151014.png);
}

#header #usermenu ul,
.support,
.support p.phone_number,
.support a.online_support,
.support a.mail_support,
 #header #usermenu ul li.account_wrapper,
#header #usermenu ul li.account_wrapper ul.account_content,
#header #usermenu ul li.account_wrapper .wintrillions_hat,
#header #usermenu ul li.account_wrapper .logo_mmb_small,
#header #usermenu ul li.account_wrapper p,
#header #usermenu ul li.account_wrapper ul.account_content .open_account_menu {
   float:left;
}

.header_wrapper_v2,
#logobar,
#header #usermenu ul,
#header #usermenu ul li.account_wrapper ul.account_content,
#header #usermenu ul li.account_wrapper,
#header #usermenu ul li.account_wrapper ul.account_content li p.messages span.post_numbers,
#header #usermenu ul li.account_wrapper ul.account_content .open_account_menu,
#header #usermenu ul li.account_wrapper ul.account_submenu li a em,
.support p.phone_number span,
.support a.online_support span,
.support a.mail_support span{
    position:relative;
}

.header_wrapper_v2 {
   width:960px;
   margin:auto;
   height:90px;/*auto
   overflow:hidden;*/
}

.usermenu_wrapper_v2 {
    float:right;
    height:76px;
    /*margin:3px 0 0 0;*/
}

.support {
    height:auto !important;
    padding: 0 !important;
    border-left:2px solid #d1d1d1;
    margin:8px 0 0 14px;
	line-height: 28px !important;
}
/*support {
    height:auto;
    padding-left:7px;
    border-left:2px solid #d1d1d1;
    margin:8px 0 0 7px;
}

    body.lang_cn-cn .support,
    body.lang_tw-tw .support {
         margin-top:33px;
         padding-left:0;
    }*/

    .support p.phone_number,
     #header #usermenu ul li.account_wrapper ul.account_content li p.messages span.post_numbers {
        font-weight:bold;
    }

    .support p.phone_number span,
    .support a.online_support span,
    .support a.mail_support span{
        top:2px;
    }

    .support p.phone_number {
        margin:0 0 0 6px;
    }

    .support a.online_support,
    .support a.mail_support {
        font-size:12px;
    }

        .support p.phone_number span {
            width:9px;
            height:13px;
            line-height:13px;
            margin:0 7px 0 0;
            background-position:-90px 300px;
        }

    .support a.online_support {
        min-width:117px;
        height:14px;
        color:#fff;
        margin:4px 0 4px 0;
        padding:5px 8px 8px 8px;
        background:#5eb801;
        border-radius:13px;
        -webkit-border-radius:13px;
        -moz-border-radius:13px;
    }

    .support a.online_support:hover {
        background:#68ca03;
    }
        .support a.online_support span,
        .support a.mail_support span {
            height:14px;
        }

        .support a.online_support span {
            margin:0 4px 0 0;
        }

        .support a.mail_support span {
            margin:0 5px 0 2px;
        }

        .support a.online_support span {
            width:10px;
            background-position:-102px 302px;
        }

    .support a.online_support.offline {
        color:#666;
        background:#eee;
    }

        .support a.online_support.offline span {
            background-position:-134px 221px;
        }

     .support a.mail_support,
     .link_microsite {
         font-weight:normal!important;
     }
    .support a.mail_support {
        margin:0 0 0 4px;
		padding-top: 2px;
    }
        .support a.mail_support span {
            width:14px;
            background-position:-116px 302px;
        }

#logobar {
    height:80px;
    top:8px;
}

#header #usermenu ul.logged,
#header #usermenu ul.unlogged {
    margin:23px 0 0 0;
	padding-right: 12px;
}
/*#header #usermenu ul.logged,
#header #usermenu ul.unlogged {
    margin:12px 0 0 0;
}*/

#header #usermenu ul li.account_wrapper ul.account_content,
#header #usermenu ul li.account_wrapper .wintrillions_hat,
#header #usermenu ul li.account_wrapper p.account,
#header #usermenu ul li.account_wrapper ul.account_content .open_account_menu,
#header #usermenu ul li.account_wrapper ul.account_content li p.messages span,
#header #usermenu ul li.account_wrapper ul.account_content li p.messages.unread span,
#header #usermenu ul li.account_wrapper ul.account_content li p.messages span.post_numbers,
#header #usermenu ul li.account_wrapper ul.account_content li p.messages.unread span.post_numbers{
    cursor:pointer;
}

#header #usermenu ul li.account_wrapper,
#header #usermenu ul li.account_wrapper ul.account_content,
#logobar {
    width:auto;
}

#header #usermenu ul li.account_wrapper {
    height:auto;
    border:1px solid #d1d1d1;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    background:#fff;
}   

#header #usermenu ul li.account_wrapper,
#header #usermenu ul li.account_wrapper p,
#header #usermenu ul li.account_wrapper ul.account_submenu li,
.support a.mail_support,
.support p.phone_number {
    padding:0;
}
   
#header #usermenu ul li.account_wrapper p.account {
    color:#0072e7;
    line-height:14px;
    padding:0/* 0 0 5px*/;
}

    #header #usermenu ul.unlogged li.signup {
        padding:0 0 0 7px;
    }

     #header #usermenu ul.unlogged li.signup,
     #header #usermenu ul li.account_wrapper ul.account_content li {
         border-right:none;
     }
 

     #header #usermenu ul li.account_wrapper ul.account_content {
        padding:7px 8px 6px 8px;
    }

       #header #usermenu ul li.account_wrapper ul.account_content .open_account_menu {
           width:10px;
           height:6px;
           margin:12px 0 0 -1px;
           background-position:-126px -224px;
       }

       #header #usermenu ul li.account_wrapper.userMenuActive ul.account_content .open_account_menu {
           background-position:-82px -223px;
       }

       #header #usermenu ul li.account_wrapper ul.account_content li,
       #header #usermenu ul li.cart,
       #header #usermenu ul.unlogged li.login, 
       #header #usermenu ul.unlogged li.signup{
           /*height:28px;*/
           line-height:28px;
       }
       #header #usermenu ul li.account_wrapper ul.account_content li {
           border-left:1px solid #d1d1d1;
       }

       #header #usermenu ul li.account_wrapper ul.account_content li:first-child,
       #header #usermenu ul li.account_wrapper ul.account_submenu li{
           border:none;
       }

       #header #usermenu ul li.account_wrapper ul.account_content li:first-child{
           padding:0 7px 0 0;
       }

       #header #usermenu ul li.account_wrapper .wintrillions_hat {
           width:23px;
           height:22px;
           margin:2px 0 0 0;
           background-position:-174px -247px;
       }
       
       #header #usermenu ul li.account_wrapper ul.account_content li p.messages span,
       #header #usermenu ul li.account_wrapper ul.account_submenu li a em,
       .support p.phone_number span,
       .support a.online_support span,
       .support a.mail_support span {
           display:inline-block;
       }

       #header #usermenu ul li.account_wrapper ul.account_content li p.messages span {
           width:23px;
           height:16px;
           margin:8px 0 0 0;
           background-position:-173px -197px; 
        }

       #header #usermenu ul li.account_wrapper ul.account_content li p.messages.unread span {
           width:24px;
           background-position:-196px -197px;
       }
    
        #header #usermenu ul li.account_wrapper ul.account_content li p.messages span.post_numbers {
           width:18px;
           height:18px;
           font-size:10px;
           line-height:18px;
           text-align:center;
           display:none;
        }

        #header #usermenu ul li.account_wrapper ul.account_content li p.messages.unread span.post_numbers {
           top:-7px;
           margin-left:-3px;
           background-position:-141px -285px;
           color:#fff;
           display:inline-block;
           transform:rotate(0);
           -webkit-transform:rotate(0);
           -moz-transform:rotate(0);
           -ms-transform:rotate(0);
            
        }

        p.messages.unread span.post_numbers.counter_anim {
            animation:postUnread 2s ease infinite;
           -webkit-animation:postUnread 2s ease infinite; 
           -moz-animation:postUnread 2s ease infinite; 
        } 

        @keyframes postUnread {
          16.65% {
            transform:rotate(-45deg);
            -webkit-transform:rotate(-45deg);
            -moz-transform:rotate(-45deg);
            -ms-transform:rotate(-45deg);
          }

          33.3% {
            transform:rotate(0);
            -webkit-transform:rotate(0);
            -moz-transform:rotate(0);
            -ms-transform:rotate(0);
          }

          49.95% {
            transform:rotate(45deg);
            -webkit-transform:rotate(45deg);
            -moz-transform:rotate(45deg);
            -ms-transform:rotate(45deg);
          }

          66.6% {
            transform:rotate(0);
            -webkit-transform:rotate(0);
            -moz-transform:rotate(0);
            -ms-transform:rotate(0);
          }

          100% {
            transform:rotate(0);
            -webkit-transform:rotate(0);
            -moz-transform:rotate(0);
            -ms-transform:rotate(0);
          }
        }

        @-webkit-keyframes postUnread {
          16.65% {
            transform:rotate(-45deg);
            -webkit-transform:rotate(-45deg);
            -moz-transform:rotate(-45deg);
            -ms-transform:rotate(-45deg);
          }

          33.3% {
            transform:rotate(0);
            -webkit-transform:rotate(0);
            -moz-transform:rotate(0);
            -ms-transform:rotate(0);
          }

          49.95% {
            transform:rotate(45deg);
            -webkit-transform:rotate(45deg);
            -moz-transform:rotate(45deg);
            -ms-transform:rotate(45deg);
          }

          66.6% {
            transform:rotate(0);
            -webkit-transform:rotate(0);
            -moz-transform:rotate(0);
            -ms-transform:rotate(0);
          }

          100% {
            transform:rotate(0);
            -webkit-transform:rotate(0);
            -moz-transform:rotate(0);
            -ms-transform:rotate(0);
          }
        }

        @-moz-keyframes postUnread {
          16.65% {
            transform:rotate(-45deg);
            -webkit-transform:rotate(-45deg);
            -moz-transform:rotate(-45deg);
            -ms-transform:rotate(-45deg);
          }

          33.3% {
            transform:rotate(0);
            -webkit-transform:rotate(0);
            -moz-transform:rotate(0);
            -ms-transform:rotate(0);
          }

          49.95% {
            transform:rotate(45deg);
            -webkit-transform:rotate(45deg);
            -moz-transform:rotate(45deg);
            -ms-transform:rotate(45deg);
          }

          66.6% {
            transform:rotate(0);
            -webkit-transform:rotate(0);
            -moz-transform:rotate(0);
            -ms-transform:rotate(0);
          }

          100% {
            transform:rotate(0);
            -webkit-transform:rotate(0);
            -moz-transform:rotate(0);
            -ms-transform:rotate(0);
          }
        }

        @-ms-keyframes postUnread {
          16.65% {
            transform:rotate(-45deg);
            -webkit-transform:rotate(-45deg);
            -moz-transform:rotate(-45deg);
            -ms-transform:rotate(-45deg);
          }

          33.3% {
            transform:rotate(0);
            -webkit-transform:rotate(0);
            -moz-transform:rotate(0);
            -ms-transform:rotate(0);
          }

          49.95% {
            transform:rotate(45deg);
            -webkit-transform:rotate(45deg);
            -moz-transform:rotate(45deg);
            -ms-transform:rotate(45deg);
          }

          66.6% {
            transform:rotate(0);
            -webkit-transform:rotate(0);
            -moz-transform:rotate(0);
            -ms-transform:rotate(0);
          }

          100% {
            transform:rotate(0);
            -webkit-transform:rotate(0);
            -moz-transform:rotate(0);
            -ms-transform:rotate(0);
          }
        }

        #header #usermenu ul li.account_wrapper p.account span {
           color:#333;
        }

    #header #usermenu ul li.cart {
        margin:8px 0 0 0;
        border:none;
        padding-right:0;
    }

    /* unlogged */
    #header #usermenu ul.unlogged li.login,
    #header #usermenu ul.unlogged li.signup {
        margin:8px 0 0 0;
    }

    #header #usermenu ul.unlogged li.login a,
    #header #usermenu ul.unlogged li.signup a{
        line-height:25px;
    }

    /* submenu */
   #header #usermenu ul li.account_wrapper ul.account_submenu {
        display:none;
        padding-bottom:11px;
   }

   .support a.online_support,
   .support a.mail_support,
   #header #usermenu ul li.account_wrapper ul.account_submenu,
   #header #usermenu ul li.account_wrapper ul.account_submenu li{
      clear:both;
   }	

   #header #usermenu ul li.account_wrapper ul.account_submenu,
   #header #usermenu ul li.account_wrapper ul.account_submenu li{
      width:100%;
   }	
         #header #usermenu ul li.account_wrapper ul.account_submenu li a,
         #header #usermenu ul li.account_wrapper.userMenuActive ul.account_submenu,
         .support a.online_support {
               display:block; 
         }

         #header #usermenu ul li.account_wrapper ul.account_submenu li a {
            width:88%;
            padding:0 6% 0 6%;
        }

        body.lang_fr-fr #header #usermenu ul li.account_wrapper ul.account_submenu li a {
            width:auto;
            padding:0 6px 0 6px;
        }
        
        #header #usermenu ul li.account_wrapper ul.account_submenu li a:hover,
        #header .support a.mail_support:hover,
         #header .link_microsite:hover {
            text-decoration:underline!important;
        }

        #header #usermenu ul li.account_wrapper ul.account_submenu li.logout a,
        #header #usermenu ul li.account_wrapper ul.account_submenu li a span {
            font-weight:bold;
        }

        #header #usermenu ul li.account_wrapper ul.account_submenu li a em{
            width:9px;
            height:10px;
            top:1px;
            margin:0 5px 0 0;
            background-position:-5px -83px;
        }	


/* userMenuActive*/
#header #usermenu ul li.account_wrapper.userMenuActive {
    box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.45); 
    -webkit-box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.45);
}

/* header new cart */
#header.header_new_cart {
    height:90px!important;
    background:transparent;
}

#header.header_new_cart #logobar,
#header.header_new_cart .certificate_seals {
    float:left;
}

#header.header_new_cart #logobar {
    margin-right:33px;
}

#header.header_new_cart .certificate_seals {
    margin:32px 0 0 0;
}

    #header.header_new_cart .certificate_seals .mcAfee_seal {
        margin: 0 0 0 12px;
    }

/* messages notification */
.alert_messages,
.alert_messages .am_arrow_pointer,
.msg_close {
    position:absolute;
}
.msg_close,
.alert_messages {
     background:#fff; 
}

.msg_close {
    border:2px solid #5fb602;
}

.alert_messages {  
    width:200px;
    top:40px;
    left:-74px;
    font-size:13px;
    line-height:15px;
    border:2px solid #d1d1d1;
    text-align:center;
    padding:12px 12px 6px!important;  
    box-shadow:0 4px 0 0 rgba(0, 0, 0, 0.45);
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    display:none;
    opacity:0;
}

    .alert_messages .am_arrow_pointer,
    .alert_messages .am_arrow_pointer::after {
        display:inline-block;
    }

    .alert_messages .am_arrow_pointer {
        width:12px;
        top:0;
        left:50%;
        margin-left:-6px;
    }

    .alert_messages .am_arrow_pointer::after {
         content:'';
         position:relative;
         width:0; 
         height:0; 
         top:-16px;
         border-right:8px solid transparent;
         border-top:8px solid transparent;
         border-left:8px solid transparent;
         border-bottom:8px solid #d1d1d1;
    } 

    #header #usermenu .alert_messages .button {
        margin:7px 0 2px 0;
    }

    .msg_close {
        width:15px;
        height:15px;
        top:-10px;
        right:-10px;
        font-size:11px;
        line-height:15px;
        color:#5fb602;/*5e5e5e*/
        border-radius:50%;
        -webkit-border-radius:50%;
        -moz-border-radius:50%; 
    }

.alert_messages.on_alert {
    display:block!important;
    transform:translateY(0);
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    animation:slideDown 1s ease forwards 1;
    -webkit-animation:slideDown 1s ease forwards 1;
    -moz-animation:slideDown 1s ease forwards 1;
}

@keyframes slideDown {
    0% {
        opacity:0;
		transform:translateY(-28%);
        -webkit-transform:translateY(-28%);
        -moz-transform:translateY(-28%);
        -ms-transform:translateY(-28%);
	}
	50%{
        opacity:1;
		transform:translateY(8%);
        -webkit-transform:translateY(8%);
        -moz-transform:translateY(8%);
        -ms-transform:translateY(8%);
	}
	65%{
		transform:translateY(-4%);
        -webkit-transform:translateY(-4%);
        -moz-transform:translateY(-4%);
        -ms-transform:translateY(-4%);
	}
	80%{
		transform:translateY(4%);
        -webkit-transform:translateY(4%);
        -moz-transform:translateY(4%);
        -ms-transform:translateY(4%);
	}
	95%{
		transform:translateY(-2%);
        -webkit-transform:translateY(-2%);
        -moz-transform:translateY(-2%);
        -ms-transform:translateY(-2%);
	}			
	100% {
        opacity:1;
		transform:translateY(0);
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
	}		
}

@-webkit-keyframes slideDown {
    0% {
        opacity:0;
		transform:translateY(-28%);
        -webkit-transform:translateY(-28%);
        -moz-transform:translateY(-28%);
        -ms-transform:translateY(-28%);
	}
	50%{
        opacity:1;
		transform:translateY(8%);
        -webkit-transform:translateY(8%);
        -moz-transform:translateY(8%);
        -ms-transform:translateY(8%);
	}
	65%{
		transform:translateY(-4%);
        -webkit-transform:translateY(-4%);
        -moz-transform:translateY(-4%);
        -ms-transform:translateY(-4%);
	}
	80%{
		transform:translateY(4%);
        -webkit-transform:translateY(4%);
        -moz-transform:translateY(4%);
        -ms-transform:translateY(4%);
	}
	95%{
		transform:translateY(-2%);
        -webkit-transform:translateY(-2%);
        -moz-transform:translateY(-2%);
        -ms-transform:translateY(-2%);
	}			
	100% {
        opacity:1;
		transform:translateY(0);
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
	}		
}

@-moz-keyframes slideDown {
    0% {
        opacity:0;
		transform:translateY(-28%);
        -webkit-transform:translateY(-28%);
        -moz-transform:translateY(-28%);
        -ms-transform:translateY(-28%);
	}
	50%{
        opacity:1;
		transform:translateY(8%);
        -webkit-transform:translateY(8%);
        -moz-transform:translateY(8%);
        -ms-transform:translateY(8%);
	}
	65%{
		transform:translateY(-4%);
        -webkit-transform:translateY(-4%);
        -moz-transform:translateY(-4%);
        -ms-transform:translateY(-4%);
	}
	80%{
		transform:translateY(4%);
        -webkit-transform:translateY(4%);
        -moz-transform:translateY(4%);
        -ms-transform:translateY(4%);
	}
	95%{
		transform:translateY(-2%);
        -webkit-transform:translateY(-2%);
        -moz-transform:translateY(-2%);
        -ms-transform:translateY(-2%);
	}			
	100% {
        opacity:1;
		transform:translateY(0);
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
	}		
}

@-ms-keyframes slideDown {
    0% {
        opacity:0;
		transform:translateY(-28%);
        -webkit-transform:translateY(-28%);
        -moz-transform:translateY(-28%);
        -ms-transform:translateY(-28%);
	}
	50%{
        opacity:1;
		transform:translateY(8%);
        -webkit-transform:translateY(8%);
        -moz-transform:translateY(8%);
        -ms-transform:translateY(8%);
	}
	65%{
		transform:translateY(-4%);
        -webkit-transform:translateY(-4%);
        -moz-transform:translateY(-4%);
        -ms-transform:translateY(-4%);
	}
	80%{
		transform:translateY(4%);
        -webkit-transform:translateY(4%);
        -moz-transform:translateY(4%);
        -ms-transform:translateY(4%);
	}
	95%{
		transform:translateY(-2%);
        -webkit-transform:translateY(-2%);
        -moz-transform:translateY(-2%);
        -ms-transform:translateY(-2%);
	}			
	100% {
        opacity:1;
		transform:translateY(0);
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
	}		
}

.link_microsite {
    font-size:11px;
    font-family:Arial,Helvetica,sans-serif;
}