
/*---------------
  header
----------------*/

#globalheader{ width:100%; height: 80px; border-bottom:5px solid #cccccc; background-color:#f8f8f8; }
/*
#globalheader{background-image: url("/cp/mothersday2026/image/header-bg.png");background-repeat: no-repeat;background-position: center;background-size: 100% 100%;}
*/
#globalheader-view{ width:1000px; margin: 0 auto; }

#logo{ float:left; width:230px; height: 80px; background-image: url(../images/logo.svg); background-repeat: no-repeat; background-position: 0 15px; }

/*---------------
  menu
----------------*/

#gh-menu{ float:right; height: 30px; line-height: 30px; text-align: right; color:#999999; }
  #gh-menu-view{ float:right; }
  #gh-menu-view li{ float:left; padding-right:5px; margin-right:5px; }
  #gh-menu-view li a{ color:#999999; }
  #gh-menu-view li a:hover{ text-decoration: underline; }

  #gh-menu-view span{ float:left; }

  #agents{ float:left; }
  #agents a{ float:left; margin:4px 0 0 8px; }

  #google_translate_element{ float:left; margin:2px 0 0 8px; height: 25px; overflow: hidden; }

  #download-center img{ position: absolute; margin:8px 0 0 -20px; *margin:0px 0 0 -20px; }

/*---------------
  nav
----------------*/

#gh-nav{ float:right; width:770px; height: 50px; }
#gh-nav ul{ float:right; }
#gh-nav-view li{ float:left; height: 50px; }
#gh-nav-view li > a{ float:left; padding:0 28px; height: 50px; line-height: 45px; font-size: 14px; font-weight: bold;  color:#444; border-bottom:5px solid #cccccc; }

#gh-nav-view .arow > a{ background-image: url(../images/arow.png); background-repeat: no-repeat; background-position: 90% 43%; }

#gh-nav-view li > a:hover{ border-bottom:5px solid #3f65bc; }
#gh-nav-view li:hover > a{ border-bottom:5px solid #3f65bc; }


/* focus */
.focus-home .nav-home,
.focus-products .nav-products,
.focus-support .nav-support,
.focus-how-to .how-to
{ border-bottom:5px solid #3f65bc !important; }


#search{ float:left; width:100px; margin:12px 0 0 20px; color:#b7b7b7; border-radius: 3px; border:1px solid #cccccc; padding:4px 25px 4px 5px; }
#search-button{ position: absolute; margin:14px 0 0 -25px; background-image: url(../images/search.png); width:20px; height: 20px; cursor: hand; cursor:pointer; }
#search-button:hover{ background-position: -20px 0; }

#gh-nav-view li > .submenu{ position: absolute; display: none; top:85px; left:50%; width:1000px; margin-left:-500px; background-color: #f8f8f8; border-bottom:5px solid #cccccc; text-align:left; padding-bottom:30px; z-index: 9999; }
#gh-nav-view li:hover > .submenu{ display: block; }
.submenu dl{ float:left; font-size: 14px; margin-left:40px; min-width:250px; }
/* .submenu dl #forgot_wfh_login_pasword{ color:#333; }
.submenu dl #forgot_wfh_login_pasword:hover{ text-decoration: underline; } */
.submenu dt{ font-size: 20px; padding:15px 0 5px 0; }
.submenu dd{ height: 30px; }
.submenu dd a{ color:#333; background-image: url(../images/gray_arow.png); background-repeat: no-repeat; padding-left:16px; background-position: -4px 1px; }
.submenu dd a:hover{ color:#579bf0; }
/*.submenu-banner{ margin-top:-20px; }*/
.submenu-banner{ background-image: none; }
.submenu .submenu-banner a{ background-image: none; padding-left:0px; }


.new-subscript,.hot-subscript{ position: absolute; float:right; width:35px; height: 14px;  margin:4px 0 0 5px; }
.new-subscript{ background-image: url(../images/new-subscript.png); }
.hot-subscript{ background-image: url(../images/hot-subscript.png); }

/*#assist{ width:500px; }*/

/* ie6 */
* html #gh-nav-view li a{ float:left; padding:0 22px 0 22px; height: 50px; line-height: 45px; font-size: 13px; font-weight: bold; color:#666666; }
* html #gh-nav-view li div{ display: none; }
* html #gh-nav-view li a:hover{ color: #3f65bc; }

#gh-nav #store{ margin-top:5px; height: 35px; line-height: 35px; background-color: #EF272F; color:#fff !important; border:none; border-radius: 4px; }
#gh-nav #store:hover{ background-color:#FB412B; }

#gh-nav #giveaway{ margin-top:5px; height: 35px; line-height: 35px;  border:2px solid #fd5845; border-radius: 4px; }
#gh-nav #giveaway:hover{ background-color:#fd5845; color:#fff;}

#submenu-products dl{ min-width: 210px !important; width:180px !important; }

/*google cse*/
.search-box{width:132px;height:25px;margin-top:11px;background-color: #ffffff;}
.search-box table{width:100%;height:25px}
.search-box table.gsc-search-box td{padding:0 !important}
.search-box table{position:relative}
.search-box table input{position:absolute;width:100px!important;margin:12px 0 0 20px!important;color:#b7b7b7;border-radius:3px;border:1px solid #ccc!important;padding:2px 25px 2px 5px!important;margin:0!important;top:0}
.search-box input.gsc-input,.gsc-input-box,.gsc-input-box-hover,.gsc-input-box-focus{border:0!important;background-color: transparent!important;}
.search-box .gsc-search-button-v2{border:none;background-color:transparent;background-image:url('/templates/images/search.png');background-repeat:no-repeat;position:absolute;padding:0;margin:14px 0 0 -25px;width:20px;height:20px;cursor:hand;cursor:pointer;position:absolute;top:-11px;}
.search-box .gsc-search-button-v2:hover,.gsc-search-button-v2:focus{border:none;background-color:transparent;background-image:url('/templates/images/search.png');background-repeat:no-repeat;background-position:-20px 0}
.search-box .gsc-clear-button{display:none!important}
.search-box svg{display:none}
.search-box .gsst_b{display:none}
.search-box .gsst_a{display:none}
.search-box .gsst_a .gscb_a{display:none}
.search-box .gsib_a{background-image: unset!important;}


.select-site-wrap{position:relative;left:-20px;width:132px;color:#999;}
.select-site{position:relative;display:flex; padding-left:16px;cursor:pointer;justify-content:center;align-items:center;}
.site-img{margin-right:6px;}
.site-name{margin-right:7px;}
.site-arrow-wrap{position:relative;top:-1px;}
.site-arrow-wrap .bottom-arrow-box{width:10px;height:10px;}
.footer-wrap .select-site .site-name{color: #fff;}
.footer-wrap .site-arrow-wrap{color: #fff;}
.select-site-list{position:absolute;top:38px;left:-1px;z-index:11000;overflow:hidden;width:100%;height:0;background-color:#fafafa;}
.select-site-list-padding{padding:10px 0;border:1px solid #dedede;}
.select-site-list-fadein{display:block;animation:select-site-list-fadein .3s;animation-fill-mode:both;}
.select-site-list-fadein-top{top: auto;bottom: 38px;}
.select-site-list-fadeout{display:block;animation:select-site-list-fadeout .3s;animation-fill-mode:both;}
@keyframes select-site-list-fadein{0%{height:0;opacity:0;transform:translate(0,-6px);}
    100%{height:auto;opacity:1;transform:translate(0,0);}
}
@keyframes select-site-list-fadeout{0%{height:auto;opacity:1;transform:translate(0,0);}
    100%{height:0;opacity:0;transform:translate(0,-6px);}
}
.select-site-li{display:flex;box-sizing:border-box;padding-top:5px;padding-bottom:5px;padding-left:16px;width:100%;cursor:pointer;justify-content:flex-start;align-items:center;}
.select-site-li:hover{background-color:#e7e7e7;}
.select-site-li .site-name{white-space:nowrap;}

.top-header-right{background-image: url(/cp/christmas2025/img/active-top-gw.png);background-repeat:no-repeat;background-position:center;background-size: contain;width:162px;height:92px;position: absolute;top:0;right: 300px;z-index: 99999;animation:activity_header_shock 3s infinite;}