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

#globalheader{ width:100%; height: 80px; border-bottom:5px solid #cccccc; background-color:#f8f8f8; }
#globalheader-view{ width:1000px; margin: 0 auto; }

#logo{ float:left; width:230px; height: 80px; background-image: url(../images/logo.png); 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 32px 0 32px; height: 50px; line-height: 45px; font-size: 13px; 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: #fd5845; color:#fff !important; border:none; border-radius: 4px; }
#gh-nav #store:hover{ background-color:#ef402c; }

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