/* mast navigation */

.topLevelWidth { box-sizing: content-box; }

#navMenu { margin-bottom: 50px; }

#navbutton {
    padding: 8px 12px;
    margin-top: 10px;
    border-radius: 6px;
    border: 1px solid #ddd;
    background: #fff;
    font-size: 18px;
    color: #687987;
    transition: .2s;
    position: relative;
    float: right;
    margin-right: 15px;
    display: none;
}

#bg {
    width: 900px;
}

ul.intl_dropdown {
    z-index: 1000;
}

#sidenav {
    background: #f9f9f9;
    z-index: 500;
    text-align: left;
    width: 100%;
    box-shadow: 0 2px 2px 0 #ccc;
    position: absolute;
    margin-top: -5px;
    font-size: 12px;
    border-top: 1px solid #ddd;
    transition: .3s ease;
}

#sidenav span {
    margin-left: 15px;
    color: #ff7800;
}

#sidenav ul {
    list-style: none;
    line-height: 2em;
    transition: .25s;
    padding: 0;
    margin: 0;
}

#sidenav ul li {
    width: 50%;
    float: left;
}

#sidenav ul li.account {
    float: right;
}

#sidenav ul li a {
    color: #ff7800;
    margin-left: 15px;
    display: block;
    padding-top: 2px;
}

#sidenav ul li a:hover {
    color: #ff7800;
}

#sidenav ul li ul li {
    width: 100%;
}

#sidenav ul li ul li:last-child {
    padding-bottom: 15px;
}

#sidenav ul li ul li a {
    color: #687987;
}

.main_logo {
    height: 45px;
    width: 160px;
    margin-left: 15px;
}

.hide {
    visibility: hidden;
    opacity: 0;
}

#navbutton.active {
    background: #eee;
    border: 1px solid #ddd;
}

div.mast div.snav {
    position: absolute;
    top: 14px;
    right: 18px;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
}

div.snav a:link,
div.snav a:active,
div.snav a:visited {
    /* THIS WEBSITE IS WEARING A SEASONAL SWEATER
    color:#666;*/
    color: white;
}

div.snav a:hover{
    border-bottom: 1px dotted;
}

/*top navigation*/

div.tnavSpotBar{
    position: relative;
    z-index: 500;
    float: right;
    width: 720px;
    margin-top: 6px;
}

div.tnav{
    position: relative;
    z-index: 500;
    padding-top: 0px;
}

ul#tnavList.tnav{
    position: relative;
    list-style: none;
    height: 40px;
    margin: 0px auto;
    padding: 0px;
    z-index: 500;
    border: none;
}

ul.tnav li{
    position: relative;
    width: auto !important;
    font-family: verdana, arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
    /*cursor: pointer;*/
    padding: 0 15px 5px;
    text-align: center;
    line-height: 10px;
    margin: 15px 0;
}

ul.tnav li.first{
    border-left: none;
}

ul.tnav li a:link, ul.tnav li a:active, ul.tnav li a:visited{
    position: relative;
    color: #687987;
    text-decoration: none;
    font-weight: 100;
    font-size: 12px;
    text-shadow: none;
}

ul.tnav li:hover, ul.tnav li.sfhover{
    color: #ff7800;
}

ul.tnav li:hover a, ul.tnav li.sfhover a:link, ul.tnav li.sfhover a:active, ul.tnav li.sfhover a:visited{
    color: #ff7800;
}

ul.tnav li.firstdown{
    border-left: none;
}

ul.tnav li.account {
    float: right;
    position: relative;
    color: #687987;
    text-decoration: none;
    font-weight: 100;
    text-transform: capitalize;
    cursor: pointer;
    padding-right: 0;
    font-size: 12px;
}


/* DD NAV  */

ul.tnav li ul{
    position: absolute;
    list-style: none;
    margin: 0px;
    padding: 0px;
    top: 10px;
    left: 0px;
    width: 162px;
    display: none;
    z-index: 500;
    float: none;
    padding-top: 29px;
}

ul.tnav li h1{
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    font-size: 11px;
    color: #153547;
    background: white;
    margin: 0px;
    padding: 12px 20px 8px 20px;
    font-weight: normal;
    text-align: left;
    text-transform: Capitalize;
    font-family: verdana, arial, sans-serif;
    clear: both;
}

ul.tnav li h1.first{
    padding-top: 8px;
}

ul.tnav li:hover ul, ul.tnav li.sfhover ul{
    display: block;
}

ul.tnav li ul li{
    float: left;
    clear: left;
    width: 120px !important;
    height: auto;
    margin: 0px;
    text-transform: none;
    border: none;
    text-align: left;
    background-color: #fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

ul.tnav li ul li.last{
    -moz-border-radius: 0 0 5px 5px; /* Firefox */
    -webkit-border-radius:  0 0 5px 5px; /* Safari, Chrome */
    border-radius:  0 0 5px 5px; /* CSS3 */
    border-bottom: 1px solid #ddd;
    padding-bottom: 6px;
    /*behavior: url(/css/PIE.htc);*/
}

ul.tnav li ul li a:link, ul.tnav li ul li a:active, ul.tnav li ul li a:visited{
    display: block;
    background: none;
    margin: 0px;
    color: #687987;
    padding: 0 0 5px;
    font-size: 12px;
    /*border-bottom: 1px dashed #eee;*/
    line-height: 14px;
    font-weight: 100;
}

ul.tnav li ul li a.indent:link, ul.tnav li ul li a.indent:active, ul.tnav li ul li a.indent:visited{
    padding-left: 10px;
}

ul.tnav li ul li.endSection a:link, ul.tnav li ul li.endSection a:active, ul.tnav li ul li.endSection a:visited{
    border-bottom: 1px solid #bbbbbb;
}

ul.tnav li ul li:hover, ul.tnav li ul li.sfhover{
    color: #ff7800;
}

ul.tnav li ul li:hover a, ul.tnav li ul li.sfhover a:link, ul.tnav li ul li.sfhover a:active, ul.tnav li ul li.sfhover a:visited{
    color: #ff7800;
}

/*international country selector*/
div#international{
    position:absolute;
    top:10px;
    right:30px;
    background-position:0px center;
    background-repeat:no-repeat;
    z-index: 680;
    width:150px;
}

div#international .styled-select select {
    background: transparent;
    -webkit-appearance: none;
    width: 150px;
    padding: 3px 26px 5px 5px;
    border: 1px solid #ddd;
    height: 23px;
}

div#international .styled-select {
    width: 150px;
    height: 23px;
    overflow: hidden;
    background: url(/images/layout/down_arrow.png) no-repeat right #fff;
    margin-left: 20px
}

form{
    margin:0px;
    padding:0px;
}
form#intl_select select{
    color:#666;
    font-size:10px;
    width:95px;
}

/** TODO: Change these classes to reflect known locale names **/
#US div#international{
    background-image:url(/images/layout/flags/intl_us.gif);
}

#UK div#international{
    background-image:url(/images/layout/flags/intl_uk.gif);
}

#AU div#international{
    background-image:url(/images/layout/flags/flag_aus.svg);
    background-size: 16px 10px;
}

#CA div#international{
    background-image:url(/images/layout/flags/intl_ca.gif);
}

#DE div#international{
    background-image:url(/images/layout/flags/intl_de.gif);
}

#FR div#international{
    background-image:url(/images/layout/flags/intl_fr.gif);
}

/**** Livescribe Desktop Top Nav ****/

#ldNavBar{
    position: relative;
    background: url(/images/layout/bg_bar.gif) repeat-x;
    z-index: 500;
    margin-bottom: 6px;
}

#ldNavBar #tnav{
    width: 900px;
    position:relative;
}

#ldNavBar img.tnavShadowLft, #ldNavBar img.tnavShadowRt{
    position: absolute;
    top: 0px;
}

#ldNavBar img.tnavShadowLft{
    left: -15px;
}

#ldNavBar img.tnavShadowRt{
    Right: -15px;
}

#ldNavBar .centered {
    padding-top: 0px;
}

#ldNavBar ul#tnavList{
    position: relative;
    list-style: none;
    background: url(/images/layout/tnav_bg.gif) repeat-x;
    height: 25px;
    border-top: 0px;
    border-bottom: solid 1px #7e888a;
    margin: 0px auto;
    padding: 0px;
    z-index: 500;
}

#ldNavBar ul#tnavList li{
    position: relative;
    font-family: arial, verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    line-height: 25px;
    height: 25px;
    float: left;
    border-left: solid 1px #5A676B;
    cursor: pointer;
    margin: 0px;
}

#ldNavBar ul#tnavList li a {
    margin: 0px !important;
    padding: 0px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

#ldNavBar ul#tnavList li.first{
    border-left: none;
}

#ldNavBar ul#tnavList li.first:hover{
    background-image: none !important;
    background-color: transparent;
}

#ldNavBar ul#tnavList li.first a{
    margin-left: 4px;
    margin-right: 3px;
}

#ldNavBar ul#tnavList li a:link, #ldNavBar ul#tnavList li a:active, #ldNavBar ul#tnavList li a:visited{
    position: relative;
    margin: 0px 12px;
    color: #fff;
    text-decoration: none;
    padding-left: 0px;
}

#ldNavBar .navRight {
    float:right !important;
}

#ldNavBar li.noBorder{
    border: none !important;
    margin-right: 3px !important;
}

#ldNavBar .noBorder:hover{
    border: none !important;
    background-color: transparent !important;
    background-image: none !important;
}

#ldNavBar li.rightBorder{
    border-right:1px solid #5A676B !important;
}

#ldNavBar ul#tnavList li input {
    border: 1px solid #999999;
    background-color: #ededed;
    font-size: 10px;
    line-height: 10px;
    padding: 2px;
    float: left;
    margin-right: 3px;
    margin-top: 3px;
}

#ldNavBar ul#tnavList li ul{
    position: absolute;
    list-style: none;
    margin: 0px;
    padding: 0px;
    top: 25px;
    /*left: 0px;*/
    width: 100%;
    display: none;
    z-index: 500;
    float: none;
}

#ldNavBar ul#tnavList li:hover ul{
    display: block;
}

#ldNavBar ul#tnavList li ul li{
    color: #465053;
    float: left;
    clear: left;
    width: 100%;
    height: auto;
    padding: 4px 0px 5px 0px;
    margin: 0px;
    line-height: 11px;
    text-transform: none;
    border: none;
    text-align: left;
}

#ldNavBar ul#tnavList li ul li a:link, #ldNavBar ul#tnavList li ul li a:active, #ldNavBar ul#tnavList li ul li a:visited{
    display: block;
    background: none;
    margin: 0px;
    padding: 0px 4px 0px 4px;
    color: #FFFFFF;
}

#ldNavBar ul#tnavList li ul li:hover{
    background-color: #4e5b5f;
    color: #fff;
}

#ldNavBar ul#tnavList li ul li:hover a, #ldNavBar ul#tnavList li ul li.sfhover a:link, #ldNavBar ul#tnavList li ul li.sfhover a:active, #ldNavBar ul#tnavList li ul li.sfhover a:visited{
    color: #fff;
}

/**** Intl Selector in LD*****/
#ldNavBar ul#tnavList li#intl_selector_LD {
    padding-right:17px;
    padding-left: 10px;
    padding-bottom: 1px;
    background-image: url(/images/layout/drop_down_arrow_2.gif);
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
    margin:0px;
    margin-right: 10px;
    display: block;
    width: auto !important;
    min-width: 0px;
    max-width: 140px;
}

#ldNavBar ul#tnavList li#intl_selector_LD #selected_country{
    /*padding-left:25px;*/
    float: right;
}

ul.intl_dropdown_LD{
    list-style:none outside none;
    margin: 0;
    padding: 3px;
    text-align:left;
    z-index:600;
    position: absolute;
    top: 26px !important;
    right: -11px !important;
    background-color: #8ea0a1;
    font-size: 11px;
    visibility: hidden;
    border-bottom: 1px solid #7e888a;
    border-right: 1px solid #7e888a;
    border-left: 1px solid #7e888a;
    width: 130px !important;
    display:block !important;
}

ul.intl_dropdown_LD li{
    background: none;
    display:block;
    padding: 0px;
    font-weight: normal;
}

ul.intl_dropdown_LD li a{
    padding: 3px 6px !important;
}

ul.intl_dropdown_LD li a, ul.intl_dropdown_LD li a:link, ul.intl_dropdown_LD li a:active, ul.intl_dropdown_LD li a:visited{
    color:#FFFFFF;
    padding: 3px 6px;
    margin: 0px;
    display: block;
    text-decoration: none;
    outline: none;
    line-height: 14px;
}

#ldNavBar ul#tnavList li ul.intl_dropdown_LD li a:hover{
    background: #4e5b5f;
    color:#FFFFFF;
    text-decoration: none;
    border-bottom:0px;
}

#intl_selector.the_selector {
    margin-right: 55px;
    top: 12px;
    font-size: 11px;
    padding-right: 13px;
}

#intl_selector.navselector {
    margin-right: 15px;
    top: 19px;
}

.the_selector:hover > ul.intl_dropdown_LD{
    visibility: visible;
}

#ldNavBar ul#tnavList li ul.intl_dropdown_LD li.breaker{
    border-bottom:1px solid #4e5b5f;
    font-size:0px;
    height:0px;
    color: #4e5b5f;
    line-height: 0px;
    padding: 0px;
}

/***
#ldNavBar ul.tnav li {
    margin: 0px;
    padding: 0px;
}
***/


.account_info {
    position: absolute;
    color: black;
    right: 0;
    top: 0;
    margin-bottom: 5px;
}

.account_info ul { list-style: none; }

.account_info ul li {
    float: left;
    margin-left: 10px;
    border-left: 1px solid #DDD;
    padding-left: 10px;
    line-height: 10px;
}

.account_info ul li:first-child {
    border: none;
}

div.mast .account_info a:link {
    color: #359aaa;
    font-size: 10px;
}

div.mast .account_info a:hover {
    color:#3eb2c4;
}

#navMenu .navbar {
  box-shadow: 0 0 5px #999;
  background: #fff;
  }

#collapseLang {
  box-sizing: border-box;
  box-shadow: 0 0 5px #999;
  background: #eee;
  z-index: 6;
  position: relative;
  }

#collapseLang img {
  width: 20px;
}

#collapseNav {
  box-shadow: 0 0 5px #999;
  box-sizing: border-box;
  z-index: 7;
  position: relative;
  background: #f7f7f7;
  }

.navInner {
  max-width: 900px;
  margin: 0 auto;
}

#echonav .navInner .buy_btn a.button { margin: 15px 0 10px; }

button.account {
  float: right;
  position: relative;
  color: #687987;
  text-decoration: none;
  font-weight: 100;
  text-transform: capitalize;
  cursor: pointer;
  margin-top: 22px;
  padding-right: 0;
  padding-bottom: 20px;
  font-size: 12px;
}

.nav-body {
  position: relative;
  color: #687987;
  text-decoration: none;
  font-weight: 100;
  margin-top: 8px;
  font-size: 12px;
  text-shadow: none;
}

.lang-select {
  max-width: 1050px;
  }

.lang-select a {
  padding: 0 0 8px;
  }

.lang-select a:hover {
  padding: 0 0 8px;
  }

.activeFlag {
  width: 16px;
}

.navFlag,
.navFlag:hover,
.navFlag:focus {
  outline: none;
  }

.responsiveBtn {
  background: #f7f7f7;
  }

.responsiveBtn:hover,
.responsiveBtn:focus {
  outline: 0;
  }

.nav-collapse {
  border: 0;
  }

.navbar-toggler {
  border: 0;
  border-radius: 0;
  }

.navbar-toggler:hover {
  background: #eee;
  }

.navbar {
  padding: 0 0 0 .5rem;
  }

.navbar-brand {
  padding: 6px 0;
  }

.navbar-brand:hover {
  padding: 6px 0;
  }

.navbar-brand img {
  height: 25px;
  width: auto;
  }

.nav-header {
  color: #ff7700;
}

.navbar-nav .navA,
.navbar-nav .navA a {
  color: #687987;
  font-size: 12px;
  padding: 0 5px 22px;
  margin-top: 20px;
  top: 0;
  }

.dropdown-item {
  color: #687987;
  font-size: 12px;
  line-height: 14px;
  }

.dropdown-item:hover {
  padding: 3px 20px;
  color: #ff7800;
  background: none;
  }

.dropdown-toggle:after {
  display: none;
  }

.dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: none;
  margin-top: 0;
  padding-top: 0;
  min-width: 0;
  }

.navLi .navA:hover,
.navLi .navA:focus {
  color: #ff7800;
  }

.fa-caret-down:before {
  font-size: 18px;
  color: #4a4a4a;
  }

.navLi {
  padding: 0;
  }

.account-group {
  display: block!important; /*** Workaround for prototype.JS ***/
  margin-left: 3px;
  }

.account:hover,
.account:focus {
  text-decoration: none;
  color: #687987;
  }

.btn-group:hover .dropdown-menu {
  display: block;
  }

.collapseNav {
  z-index: 99999;
}

#carousel-homepage {
  max-width: 1050px;
  margin: -50px auto 40px;
  }

.collapseNav .nav-item {
  float: none;
  text-align: left;
  margin-bottom: 5px;
}

.collapseNav .navbar-nav .nav-item+.nav-item {
  margin-left: 0;
}

.carousel-indicators li {
  width: 14px;
  height: 14px;
  border-radius: 10px!important;
  }

.carousel-indicators .active {
  width: 15px;
  height: 15px;
  }

.lang-select a:hover,
.topnavbar a:hover {
  color: #ff7800;
  text-decoration: none;
  }

.headnav:hover .btn-group .dropdown-menu {
    display: block;
  }

.carousel-control .icon-next,
.carousel-control .icon-prev {
  display: none;
  }

.ls3Btn {
  background: transparent;
  }

.ls3Nav {
  box-shadow: none;
  }
.ls3Btn:hover {
  background: transparent;
  color: #fff!important;
  }

@media (min-width: 34em) {

  #carousel-homepage {
    margin: 0 auto 50px;
    }

  .account-group:hover .dropdown-account {
      display: block;
    }

  .carousel-control .icon-next,
  .carousel-control .icon-prev {
    display: block;
    }

  }

@media (min-width: 48em) {   /* Portrait iPad ~~ Larger top header */

  .navbar-toggler {
    padding: 1rem 1.25rem;
    }

  .navbar-brand {
    padding: 14px 0;
    }

  .navbar-brand:hover {
    padding: 14px 0;
    }

  .ls3Btn {
    padding: .75rem 1rem;
    }

  }

@media (min-width: 62em) {

  #carousel-homepage {
    margin: -50px auto 40px;
    }

  .carousel-indicators li {
    width: 12px;
    height: 12px;
    }

  .carousel-indicators .active {
    width: 13px;
    height: 13px;
    }

  .navFlag,
  .navFlag:hover,
  .navFlag:focus {
    margin-top: 7px;
    }

  .navbar-toggler {
    padding: .5rem .75rem;
    }

  .navbar-brand img {
    height: 30px;
    width: auto;
    }

  .navbar {
    padding: .5rem 1rem 0;
    }

  .navbar-brand {
    padding: 11px 0 21px;
    margin-right: 1rem;
    }

  .navbar-brand:hover {
    padding: 11px 0 21px;
    }
    
  }
  
  
@media (max-width: 900px) { 
	#navMenu {margin-bottom: 0;}
	#echonav .navInner .buy_btn a.button { margin: 0 0 10px!important; } 
}