/* global header (whitefox)
     compatible with blueprint + 960.gs + THE GRID */

/* fixing for IE7 */
.ie7 #global-header {position:relative; z-index: 20;}
.tabbed-content {position:relative; z-index: 4;}

/* setting height for JSONP loader */
body.navloading {background: none;}
.navloading #nav-container {height: 108px; overflow:hidden;}

/* reset for whitefox */
body { background: none; } /* remove old black header bar */
.span-24.breadcrumb { margin-top: 0; } /* legacy container for U.S. Search: domain/search/generalResults.faces */
/*#nav-container { height: 0; display: none;}*/ /* remove old black header bar within legacy container */
#payment, #payment img { display: none; height: 0; } /* override right-aligned e-commerce icons */

#global-header-wrapper h1, #global-header-wrapper h2, #global-header-wrapper h3, 
#global-header-wrapper p, #global-header-wrapper a, #global-header-wrapper em,
#global-header-wrapper img, #global-header-wrapper small, #global-header-wrapper strong,
#global-header-wrapper sub, #global-header-wrapper sup, #global-header-wrapper ul, #global-header-wrapper li,
#global-header-wrapper fieldset, #global-header-wrapper form, #global-header-wrapper label {
  margin: 0; padding: 0;
  border: 0; outline: 0;
  /*vertical-align: top;*/
}/* eo: reset for whitefox */
#global-footer ul {
  padding: 0;
  margin: 0;
}
@font-face {
  font-family: 'OpenSansBold';
  src: url('../fonts/opensans-bold-webfont.eot');
  src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/opensans-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSansRegular';
  src: url('../fonts/opensans-regular-webfont.eot');
  src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/opensans-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
#global-header-wrapper {
  width: 100%; /* transparent background to support full bleed images */ 
  float:left;
  padding: 0px;
  margin: 0px 0px 20px 0px;
}
#global-header {
  margin: 0 auto 15px auto;
  float:left;
}
#global-logo a {
  background: 0 0 no-repeat url("../images/navigation-global/garmin_logo_on_w.png");
  float: left;
  width: 120px;
  height: 40px;
  display:block;
  text-indent: -9999em;
}
#header-primary-nav {
  margin-top: 5px;
  float: right;
  width: auto;
  height: 50px;
}
/* font sizes for the global menus */
#header-primary-nav h2 { font-size: 20px; }
#header-primary-nav form label,
#header-primary-nav h3 { font-size: 14px; }
#header-primary-nav h2 span,
#header-primary-nav .dropdown div  { font-size: 12px; }
#header-primary-nav .dropdown.w-icon li,
#global-nav-utility-tier li { font-size: 14px; }
#header-primary-nav .dropdown li,
#header-primary-nav .dropdown.w-icon li span { font-size: 12px; }
#header-primary-nav a:hover {
  cursor: pointer;
}
#header-primary-nav .dropdown h3 {
  text-align: left;
  letter-spacing: -0.8px;
  line-height: 26px;
}
#header-primary-nav h2, #header-primary-nav h3,
#global-header #header-primary-nav .w-icon li a {
  font-family: 'OpenSansBold', 'HelveticaNeue', 'HelveticaNeueu', Arial, sans-serif;
  font-weight: normal;
  letter-spacing: -0.035em;
}
#header-primary-nav h2 span,
#header-primary-nav .dropdown li a,
#global-header #header-primary-nav .w-icon a span {
  font-family: 'OpenSansRegular', 'HelveticaNeue', 'HelveticaNeueu', Arial, sans-serif;
  font-weight: normal;
  letter-spacing: -0.035em;
}
#header-primary-nav .w-icon li a { font-weight: normal; }
#global-footer h5, #global-footer a, .global_override li {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;  
}
#global-footer h5, #global-footer li {
  letter-spacing: -0.045em;
}
#header-primary-nav h2 {
  line-height: 100%;
}
#header-primary-nav li { 
  line-height: 0;
  list-style-type: none;
}
#header-primary-nav > li {
  display: block;
  float: left;
  margin-left: 15px;
  margin-right: 15px;
}
#header-primary-nav > li.last {
  margin-right: 0;
}
#header-primary-nav li.has-menu ul li {
  float: none;
}
#header-primary-nav li h2 {
  display: inline-block;
  -webkit-text-shadow: none;
     -moz-text-shadow: none;
          text-shadow: none;
}
#header-primary-nav li h2 span {
  display: block; 
  float: none;
  font-weight: 400;
  text-transform: none;
  line-height: 26px; margin: 0px;
}
#header-primary-nav h2 a, #header-primary-nav {
  color: #222;
}
#header-primary-nav > li h2:hover a,
#header-primary-nav > li h2:hover a span,
body #header-primary-nav > li.active-navigation h2 a,
#header-primary-nav > li.active-navigation h2 span { 
  color: #007cc3; /* official Garmin blue */
  text-decoration: none;
}
li.has-menu .dropdown {
  display: none;
}
li.has-menu .dropdown.active-navigation {
  display: block;
}
#global-header-wrapper .dropdown {  /* child menu */
  clear: left;
  position: absolute; top: 50px;
  width: 790px;
  padding: 10px 0;
  border: 1px solid #cecece;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  
  border: solid 1px #d1d1d1;
  background-color: #e8e8e8;
  background-image:         linear-gradient(bottom, rgb(232,232,232) 0%, rgb(251,251,251) 100%);
  background-image:      -o-linear-gradient(bottom, rgb(232,232,232) 0%, rgb(251,251,251) 100%);
  background-image:    -moz-linear-gradient(bottom, rgb(232,232,232) 0%, rgb(251,251,251) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(232,232,232) 0%, rgb(251,251,251) 100%);
  background-image:     -ms-linear-gradient(bottom, rgb(232,232,232) 0%, rgb(251,251,251) 100%);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(232,232,232)),
    color-stop(1, rgb(251,251,251))
  );
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2), inset 0 0 1px 0 rgba(255,255,255,.7);
     -moz-box-shadow: 0 2px 2px rgba(0,0,0,.2), inset 0 0 1px 0 rgba(255,255,255,.7);
          box-shadow: 0 2px 2px rgba(0,0,0,.2), inset 0 0 1px 0 rgba(255,255,255,.7);
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
}
#global-header-wrapper .dropdown.active-navigation:before {
  content: "";
  display: block;
  background-color: #fbfbfb;
  width: 20px;
  height: 20px;
  border: solid 1px #d1d1d1;
  overflow: visible;
  position: absolute;
  top: -5px; left: 122px;
  z-index: -1;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}
#global-header-wrapper .dropdown:after { 
  content: "";
  display: block;
  visibility: visible;
  width: 16px; height: 1px;
  background-color: #fbfbfb;
  position: absolute;
  z-index: 500;
  top: -1px; left: 125px;
  -webkit-border-top-left-radius: 6px;
     -moz-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
     -moz-border-top-right-radius: 6px;
          border-top-right-radius: 6px;
}
/*---------------------------------------------------
Turning off after psuedo class for non-modern browsers
---------------------------------------------------*/
.ie8 #header-primary-nav .dropdown:before {
  display: none;
}
.ie9 #header-primary-nav .dropdown:before {
  display: none;
}
.ie8 #header-primary-nav .dropdown:after {
  visibility: hidden;
}
.ie9 #header-primary-nav .dropdown:after {
  visibility: hidden;
}
/*---------------------------------------------------
Setting Dropdown Border in the correct spot
---------------------------------------------------*/
#header-primary-nav #menu-explore.active-navigation:before {
  left: 244px;
}
#header-primary-nav #menu-explore.active-navigation:after {
  left: 247px;
}
#header-primary-nav #menu-devices.active-navigation:before {
  left: 378px;
}
#header-primary-nav #menu-devices.active-navigation:after {
  left: 381px;
}
#header-primary-nav #menu-maps-etc.active-navigation:before {
  left: 478px;
}
#header-primary-nav #menu-maps-etc.active-navigation:after {
  left: 481px;
}
#header-primary-nav #menu-support.active-navigation:before {
  left: 705px;
}
#header-primary-nav #menu-support.active-navigation:after {
  left: 708px;
}
li#primary-explore .dropdown {
  left: -252px;
}
li#primary-devices .dropdown {
  left: -385px;
}
li#primary-maps-etc .dropdown {
  left: -485px;
}
li#primary-support .dropdown {
  left: -711px;
}
#header-primary-nav .w-icon li a {
  letter-spacing: -0.8px;
  line-height: 20px;
  color: #555;
}
#header-primary-nav .w-icon ul li a span {
  font-weight: 400;
  line-height: 18px;
}
#header-primary-nav .w-icon a:hover,
#header-primary-nav a:hover {
  color: #007cc3; /* official Garmin blue */
  text-decoration: none;
}
#header-primary-nav #menu-devices h3 a { color: #555; }
#header-primary-nav #menu-devices a:hover{text-decoration: underline; color: #007cc3; /* official Garmin blue */}
/* #header-primary-nav .w-icon { width: 950px; } */
#header-primary-nav .w-icon li { 
  width: 245px;
  margin-left: 10px; margin-right: 10px;
}
#header-primary-nav .w-icon li:nth-of-type(4), 
#header-primary-nav .w-icon li:nth-of-type(5),
#header-primary-nav .w-icon li:nth-of-type(6),
#header-primary-nav .w-icon li:nth-of-type(7),
#header-primary-nav .w-icon li:nth-of-type(8),
#header-primary-nav .w-icon li:nth-of-type(9) {
  margin-top: 10px;
}
#header-primary-nav div#menu-support ul li {
  margin-top: 0;
}
/* #header-primary-nav .w-icon .first { margin-left: 0; } */
#header-primary-nav .w-icon .last {
  margin-right: 0;
}
.ie8 .dd-arrow, .ie9 .dd-arrow { /* We hide these for all browsers except IE */
  /* In Internet Explorer, The"border-style: dashed" will never be
   * rendered unless "(width * 5) >= border-width" is true.
   * Since "width" is set to "0", the "dashed-border" remains
   * invisible to the user, which renders the border just like how
   * "border-color: transparent" renders.
   */
  /*display: -moz-inline-box;*/
  display: none;
  border-style: dashed;
  border-color: transparent;
  border-width: 0.93em;
  font-size: 20px; /* Use font-size to control the size of the arrow. */
  height: 0px; line-height: 0em;
  vertical-align: middle;
  width: 0px;
  border-bottom: 1em solid #222;
  position: absolute; 
  top: 25px; left: 0px; 
  z-index: -1;
}
.ie7 .dd-arrow {
  margin-top: 47px;
}
.ie8 .dd-arrow {
  top: 23px;
}
.ie7 .dd-arrow.active-navigation, .ie8 .dd-arrow.active-navigation, .ie9 .dd-arrow.active-navigation {
  display:block;
}
#primary-devices .dd-arrow {
  left: 0;
}
#header-primary-nav li.has-menu {
  position: relative; 
  z-index: 500;
  -webkit-border-top-left-radius: 4px;
      -moz-border-radius-topleft: 4px;
          border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
      -moz-border-radius-topright: 4px;
          border-top-right-radius: 4px;  
  border: 1px solid transparent;
}
#menu-devices .first ul, #menu-devices .first h3  {
  padding-left: 15px;
}
#header-primary-nav .mega ul {
  margin-bottom: 15px;
}
#header-primary-nav .mega div#water-links ul {
  margin-bottom: 0;
}
#header-primary-nav .dropdown li a {
  display: block;
  padding: 0;  margin-left: 0; margin-right: 0;
  line-height: 22px;
  background: transparent url("../images/navigation-global/icon-sprites/default.png") 0 0 no-repeat;
  /* Icon sprites courtesy:
     @yummygum. Thanks to Leon & Vince!! More info @ yummygum.com
     Pictos by Drew Wilson, more info @ pictos.cc */
}
#header-primary-nav .w-icon li a {
  text-indent: 43px;
  height: 40px;
  overflow: hidden;
}
#header-primary-nav .w-icon#menu-support li a {
  display: block;
  line-height: 36px; /* visual adjustment: no callouts for this menu */
}
#header-primary-nav .mega li {
display: block;
  margin-left: 0;
  margin-right: 0;   
}
#header-primary-nav .mega li a {
  background: none;
  text-indent: 0;
}
/* 01. explore menu */
#header-primary-nav #road-link a {         background-position: 0 0; } 
#header-primary-nav #road-link a:hover {   background-position: 0 -40px; }
#header-primary-nav li#sports-link a {     background-position: 0 -80px; }
#header-primary-nav #sports-link a:hover { background-position: 0 -120px; }
#header-primary-nav #trail-link a {        background-position: 0 -160px; }
#header-primary-nav #trail-link a:hover {  background-position: 0 -200px; }
#header-primary-nav #go-link a {           background-position: 0 -240px; }
#header-primary-nav #go-link a:hover {     background-position: 0 -280px; }
#header-primary-nav #water-link a {        background-position: 0 -320px; }
#header-primary-nav #water-link a:hover {  background-position: 0 -360px; }
#header-primary-nav #air-link a {          background-position: 0 -400px; }
#header-primary-nav #air-link a:hover {    background-position: 0 -440px; }
/* 02. maps + accessories menu */
#header-primary-nav #maps-link a {              background-position: 0 -480px; } 
#header-primary-nav #maps-link a:hover {        background-position: 0 -520px; }
#header-primary-nav #accessories-link a {       background-position: 0 -560px; }
#header-primary-nav #accessories-link a:hover { background-position: 0 -600px; }
#header-primary-nav #extras-link a {            background-position: 0 -640px; }
#header-primary-nav #extras-link a:hover {      background-position: 0 -680px; }
/* 04. support menu */
#header-primary-nav #reg-link a {                   background-position: 0 -720px; }
#header-primary-nav #reg-link a:hover {             background-position: 0 -760px; }
#header-primary-nav #software-link a {              background-position: 0 -800px; }
#header-primary-nav #software-link a:hover {        background-position: 0 -840px; }
#header-primary-nav #manuals-link a {               background-position: 0 -880px; }
#header-primary-nav #manuals-link a:hover {         background-position: 0 -920px; }
#header-primary-nav #faqs-link a {                  background-position: 0 -960px; }  
#header-primary-nav #faqs-link a:hover {            background-position: 0 -1000px; }    
#header-primary-nav #repair-link a {                background-position: 0 -1040px; }  
#header-primary-nav #repair-link a:hover {          background-position: 0 -1080px; }
#header-primary-nav #warranty-link a {              background-position: 0 -1120px; }        
#header-primary-nav #warranty-link a:hover {        background-position: 0 -1160px; }        
#header-primary-nav #learning-center-link a {       background-position: 0 -1200px; }        
#header-primary-nav #learning-center-link a:hover { background-position: 0 -1240px; }        
#header-primary-nav #contact-support-link a {       background-position: 0 -1280px; }
#header-primary-nav #contact-support-link a:hover { background-position: 0 -1320px; }
#header-primary-nav .dropdown li span {
  display: block;
}
#header-primary-nav .has-menu .w-icon li {
  display: inline;
  float: left;
}
#header-primary-nav .dropdown a span {
  text-decoration: none;
}  
#header-primary-nav .dropdown li:last-child span {
  padding-bottom: inherit;
  border-bottom: none;
}
body div#global-header div#header-primary-nav .dropdown a:hover span {
  text-decoration: none;
  color: #007cc3; /* official Garmin blue */
}
#header-primary-nav .dropdown li a {
  color: #555;
}
#header-primary-nav .dropdown li a:hover { 
  color: #007cc3; /* official Garmin blue */ 
  cursor: pointer;
}
#global-footer {
  border-top: 1px solid #dcdcdc;  
  margin-top: 25px;
  padding-top: 25px; padding-bottom: 25px;
  text-align: left;
  width: 100%; clear: both; /* clear for good measure */
}
#global-footer a {
  color: #555;
}
#global-footer h5, #global-footer h5 a {
  color: #222;
}
#global-footer h5 a { 
  text-decoration: underline;
}
#global-footer h5 a:hover {
  color: #111;
}
#global-footer h5 {
  font-weight: 600;
  line-height: 12px;
}
#global-footer h5, #global-footer li {
  font-size: 12px;
}
#global-footer li, #global-footer #signoff p {
  line-height: 20px;
}
/* Social Buttons */
.twitter-follow-button {
  vertical-align: bottom;
}
.fb_edge_widget_with_comment {
  margin-right: 12px;
}
.social-secondary {
  margin-top: 10px;
  font-size: 11px;
}
#global-footer .social .btn-sec {
  margin-right: 12px;
}
#global-footer .social .btn-sec img {
  margin: 2px 4px 0 0;
}

/* Fixes for various browsers */
*:first-child+html #header-primary-nav .dropdown h3,
*:first-child+html #header-primary-nav h2, 
*:first-child+html #header-primary-nav h3,
*:first-child+html #header-primary-nav h2 span,
*:first-child+html #header-primary-nav .dropdown li a,
*:first-child+html #global-footer h5, 
*:first-child+html #global-footer li,
*:first-child+html #header-primary-nav .w-icon li a {
  letter-spacing: 0; /* fix IE7 kerning */
}
@-moz-document url-prefix() {
  #header-primary-nav .dropdown h3,
  #header-primary-nav h2, #header-primary-nav h3,
  #header-primary-nav h2 span,
  #header-primary-nav .dropdown li a,
  #global-footer h5, #global-footer li,
  #header-primary-nav .w-icon li a {
    letter-spacing: 0;  
  }
}


#global-footer ul {
  margin-top: 8px;
}
#global-footer #signoff p {
  text-align: center;
}
#global-footer li { 
  list-style-image: none;
  list-style-type: none;
}
#global-footer li a { 
  text-shadow: inset 0 -1px rgba(255,255,255,.3), inset 1px 1px rgba(0,0,0,.6);
}
#global-footer #signoff {
  margin-top: 10px;
  text-align: center;
}
#global-footer #signoff div { 
 margin-top: 10px;
}
#global-footer li, #global-footer #signoff p {
  color: #555;
}  
#global-footer ul li {
  display: block;
}
#global-footer #signoff p, #global-footer #signoff a  { 
  vertical-align: bottom;
}
#global-footer li a:hover, #global-footer #signoff p a:hover {
  border: none;
  color: #007cc3; /* official Garmin blue */
  text-decoration: underline;
}
#global-footer:after { 
/* clearfix for the floats in the layout above */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* Fixes for various browsers */
*:first-child+html .dd-arrow {
  top: -23px;
}
*:first-child+html .dropdown {
  border-color: #888;
} /* darker border: no contrast from box-shadow */

/* Inverted header+footer for visual exceptions */
/*.reverse #global-logo h1 a {
  background-image: url("../images/navigation-global/garmin_logo_on_k.png");
}
.reverse .dd-arrow { border-bottom-color: #111; }
.reverse .dropdown {
  border-color: #222;
  background: #444;
  box-shadow: inset 0 -25px 4.35em #222,
      0 1px 0.15em #111;
      -moz-box-shadow: inset 0 -25px 4.35em #222,
          0 1px 0.15em #111;
      -webkit-box-shadow: inset 0 -25px 4.35em #222,
        0 1px 0.15em #111;
} */
.reverse #header-primary-nav h2 a, .reverse #header-primary-nav { color: #fff; }
.reverse #header-primary-nav > ul li h2:hover a,
.reverse #header-primary-nav > ul li h2:hover a span,
.reverse body #global-header-wrapper > ul li.active-navigation h2 a,
.reverse #header-primary-nav > ul li.active-navigation h2 span,
.reverse #header-primary-nav .w-icon li:hover a,
.reverse #header-primary-nav a:hover,
.reverse body div#global-header div#header-primary-nav .dropdown div li:hover span a,
.reverse #header-primary-nav .dropdown ul li a:hover,
.reverse #global-footer li a:hover,
.reverse #global-footer #signoff p a:hover { }
.reverse #global-footer h5, .reverse #global-footer h5 a { }
.reverse #global-footer li, .reverse #global-footer #signoff p { }