/* New EN Nav Bar 2015*/
.lang-barNewEN {
  padding:0;
  min-height: 32px;
  background: #6d8492;
}

@media only screen and (min-width: 768px){
  .title-barNewEN {
    height: 50px !important;
    background: #f7f7f7;
    color: #59a0d8;
    z-index: 999;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d5f69', endColorstr='#3d4048',GradientType=0 );
  }
}

@media only screen and (max-width: 767px){
  .title-barNewEN {
    padding: 0 !important;
    height: 0px !important;
    /*background: #f7f7f7;*/
    color: #59a0d8;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d5f69', endColorstr='#3d4048',GradientType=0 );
  }
}

.top-bar.enonly ul > li a:not(.button).navColor { 
  color: black;
  font-size: 14px;
  font-weight: bold;
  height: 46px;
  line-height: 48px;
}
.top-bar:not(.enonly) ul > li a:not(.button).navColor { 
  color: black;
  font-size: 13px;
  font-weight: normal;
  height: 48px;
  line-height: 50px;
}
@media only screen and (max-width: 767px) {
  .top-bar ul > li a:not(.button).navColor {
    height:46px;
  }
}
.top-bar.enonly ul > li:not(.name).menuSelectBack {
  border-top: 2px solid transparent;
  padding: 0 13px;
}
.top-bar.enonly ul > li:not(.name):hover.menuSelectBack, .top-bar.enonly ul > li:not(.name).active, .top-bar.enonly ul > li:not(.name):focus.menuSelect {
  background: #ecf0f3;
  border-top: 2px solid #59a0d8;
}
.top-bar:not(.enonly) ul > li:not(.name):hover.menuSelectBack, .top-bar:not(.enonly) ul > li:not(.name).active, .top-bar:not(.enonly) ul > li:not(.name):focus.menuSelect {
  background: rgba(0, 0, 0, 0.35);
  height:46px;
}

@media only screen and (max-width: 767px) {
  .menuSelectBack {
    width:auto !important;
  }
}


.downloadButton {
  color: white;
  background-color: #07A5D8;
  padding: 7px;
}

.top-bar ul > li:not(.name):hover a.menu, .top-bar ul > li:not(.name).active a, .top-bar ul > li:not(.name):focus a { color: #59a0d8; }
.top-bar ul > li:not(.name):hover a.menu:after, .top-bar ul > li:not(.name).active a, .top-bar ul > li:not(.name):focus a { border-color: #59a0d8 transparent transparent transparent; }
@media only screen and (min-width: 768px) {.top-bar ul > li.has-dropdown:hover > .dropdown.productDrop, .top-bar ul > li.has-dropdown:focus > .dropdown { display: inline-flex; width:93px; visibility: visible; display: -webkit-flex; zoom: 1; display: -ms-inline-flexbox; }}
@media only screen and (max-width: 767px){a img { border: none;}}
@media only screen and (max-width: 767px){
  .top-bar { margin-bottom: 0; overflow: hidden; height: 45px; background: #222222; }
  .top-bar:not(.enonly) ul > li.has-dropdown.moved .back.title h5 a.mobileProdTitle { color: black; background: #f9f9f9; padding-top: 8px; padding-bottom: 8px; font-size: 23px; font-weight: bold; }
}
  
.top-bar ul > li.has-dropdown .dropdownProd { background: #f9f9f9; left: 0; margin: 0; position: absolute; visibility: hidden; z-index: 99; } /**/
.top-bar.enonly ul > li.has-dropdown .dropdown li.prodLi { color: black; background: white; line-height: 1; min-width: 100%; text-align:left;}
.top-bar:not(.enonly) ul > li.has-dropdown .dropdown li.prodLi { color: black; background: #f9f9f9; line-height: 1; min-width: 100%; padding-bottom:5px; }

.prodCat { color: black !important; background: white; line-height: 1; min-width: 100%; padding-left: 5px !important; margin-top: 17px; text-align: left; }
.prodCatTwo { color: black !important; margin-top: 49px; background: white; line-height: 1; min-width: 100%; padding-left: 5px !important; text-align: left;}

@media only screen and (min-width: 768px){
  .top-bar ul > li.has-dropdown .dropdown li a:hover.prodHover, .top-bar ul > li.has-dropdown .dropdown li a:focus { background: #ecf0f3 !important; border-top: 2px solid #59a0d8; }
  .top-bar:not(.enonly) ul > li.has-dropdown .dropdown li a:hover.prodHover, .top-bar ul > li.has-dropdown .dropdown li a:focus { height:46px; } 
}


@media only screen and (max-width: 767px){ 

  .top-bar ul > li.has-dropdown .dropdown li a:hover.prodHover, .top-bar ul > li.has-dropdown .dropdown li a:focus { background: #f9f9f9; border-top: 2px solid #59a0d8; height: 46px; padding-bottom: 2px; padding-top: 0; } }

  .top-bar ul > li.has-dropdown .dropdown li a:hover.liHover, .top-bar ul > li.has-dropdown .dropdown li a:focus { background: #f9f9f9; border-top: 2px solid #59a0d8; height: 25px; }
  .top-bar ul > li.has-dropdown .dropdown li a.dropText { color: black; font-weight: normal; font-size:15px; height: 100%; line-height: 1; padding: 5px 17px 5px 15px; white-space: nowrap; }
  .top-bar ul >  li.has-dropdown .dropdown.dark li a:focus { background: #f9f9f9; border-top:0; height: auto;}

  @media only screen and (min-width: 768px) {
  .top-bar ul > li.has-dropdown .dropdown li a img.navBoxes {
    max-width: none;
  }
}
@media only screen and (max-width: 767px){
 .top-bar:not(.enonly) ul > li.has-dropdown.moved .back.title a.mobileDropArrow:before {
    position: absolute; top: 50%; left: 17.5px; margin-top: -5px; width: 0; height: 0; content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: black white transparent transparent;
  }
}
.top-bar ul > li.has-dropdown a.navArrow:after {
  border-color: black transparent transparent transparent;
}  
/*.top-bar ul > li.has-dropdown .dropdown li a:hover, .top-bar ul > li.has-dropdown .dropdown li a:focus { background: #3c3c3c; } */


.top-bar.enonly ul > li.has-dropdown .dropdown.prodUl {
  line-height: 50px; /* Main Navigation links style */ /* Left Side <ul> */ /* Right Side <ul> */
}
.top-bar:not(.enonly) ul > li.has-dropdown .dropdown.prodUl {
  line-height: 50px; /* Main Navigation links style */ /* Left Side <ul> */ /* Right Side <ul> */
  height: 145px !important;
}
@media only screen and (min-width: 768px){
.top-bar ul > li.has-dropdown .dropdown li label.prodLabel {
  font-size: 12px;
  color: black;
  border-bottom: transparent;
  position: absolute;
  padding-left: 5px !important;
  width: 130px;
}
}

@media only screen and (max-width: 767px){
.top-bar ul > li.has-dropdown .dropdown li label.prodLabel {
  font-size: 12px;
  color: black;
  border-bottom: transparent;
  position: absolute;
}
}
.top-bar ul > li.has-dropdown .dropdown li a.productMenuWTitle {
   color: black; 
   font-size: 12px; 
   font-weight: normal; 
   text-align: center;
   height: 100%; 
   line-height: 1; 
   padding: 23px 0px 25px 4px;
   white-space: normal;
   max-height: 46px;
}
@media only screen and (max-width: 767px){
.top-bar ul > li.has-dropdown .dropdown li a.productMenuWTitle {
   color: black; 
   font-size: 12px !important; 
   font-weight: normal; 
   text-align: left;
   height: 100%; 
   line-height: 1; 
   padding: 22px 17px 30px 22px !important;
   white-space: normal;
   max-height: 46px;
}
}
.top-bar ul > li.has-dropdown .dropdown li a.productMenuNoTitle {
   color: black; 
   font-size: 12px; 
   font-weight: normal; 
   text-align: center; 
   height: 100%; 
   line-height: 1; 
   padding: 21px 7px 25px 0px;
   white-space: normal;
   max-height: 46px;
}
@media only screen and (max-width: 767px){
  .top-bar.enonly ul > li.has-dropdown .dropdown li a.productMenuNoTitle {
     color: black; 
     font-size: 12px !important; 
     font-weight: normal; 
     text-align: left; 
     height: 100%; 
     line-height: 1; 
     padding: 0px 17px 0px 22px !important;
     white-space: normal;
  }
  .top-bar:not(.enonly) ul > li.has-dropdown .dropdown li a.productMenuNoTitle {
     color: black; 
     font-size: 12px !important; 
     font-weight: normal; 
     text-align: left; 
     height: 100%; 
     line-height: 1; 
     padding-top: 0px !important;
     padding-right: 17px !important;
     padding-left:22px !important;
     white-space: normal;
  }
}
@media only screen and (max-width: 767px) {.top-bar.enonly ul.left.mobileMenuBackGround, .top-bar ul.right { float: none; width: 100%; background-color: #ffffff; border-left:1px solid #ecf0f3;}}
@media only screen and (max-width: 767px) {.top-bar:not(.enonly) ul.left.mobileMenuBackGround, .top-bar ul.right { float: none; width: 100%; }}



@media only screen and (min-width: 768px) {

.top-bar.enonly #faproduct{ /*Note to jkazemir - Remove .top-bar.enonly completely when combining menu bar to EN/FR, not just .enonly*/
  background: #FFFFFF ;
  text-align: left; 
  width: 196px;  
  padding: 5px 0 0 6px;
}
.top-bar:not(.enonly) #faproduct{
  background: #ecf0f3 ;
  text-align: left; 
  width: 196px;  
  padding: 5px 0 0 6px;
}
#break{
font-size: 11px;
  margin: -3px 0 0 0px;

}
#pnames{
margin: -23px 0 0 37px; 
font-size:12px;
}
#completepack{
text-align: center; 
width: 196px;  
padding: 0px 0 0 6px;
}
.top-bar.enonly #prodliVisible{ /*Note to jkazemir - Remove .top-bar.enonly completely when combining menu bar to EN/FR, not just .enonly*/
height: 40px; 
width: 158px; 
padding-bottom: 0; 
margin: 0px 0 0 0px;;
}
.top-bar:not(.enonly) #prodliVisible{
height: 40px; 
padding-bottom: 0; 
margin: 0px 0 0 0px;;
}
.top-bar.enonly #viewall{ /*Note to jkazemir - Remove .top-bar.enonly completely when combining menu bar to EN/FR, not just .enonly*/
  background: #FFFFFF ;
  text-align: center; 
  width: 196px;  
  padding: 7px 0 0 6px;
}
.top-bar:not(.enonly) #viewall{
  background: #ecf0f3 ;
  text-align: center; 
  width: 196px;  
  padding: 7px 0 0 6px;
}

.top-bar.enonly #aproduct{ /*Note to jkazemir - Remove .top-bar.enonly completely when combining menu bar to EN/FR, not just .enonly*/
  background: #FFFFFF ;
  text-align: left; 
  width: 196px;  
  padding: 5px 0 0 6px;
}
.top-bar:not(.enonly) #aproduct{
  background: #ecf0f3 ;
  text-align: left; 
  width: 196px;  
  padding: 5px 0 0 6px;
}

.top-bar.enonly .firstProduct{ /*Note to jkazemir - Remove .top-bar.enonly completely when combining menu bar to EN/FR, not just .enonly*/
  background: #FFFFFF !important   ;
  margin:-40px 0 0 0px; 
  height:40px;
}
.top-bar:not(.enonly) .firstProduct{
  background: #ecf0f3 !important   ;
  margin-top:0;
  margin-right:0;
  margin-bottom:0;
  height:40px;
}

.top-bar.enonly .secondProduct{ /*Note to jkazemir - Remove .top-bar.enonly completely when combining menu bar to EN/FR, not just .enonly*/
  background: #FFFFFF !important  ;
  margin:-0px 0 0 0px; 
  height:40px;
}
.top-barnot(.enonly) .secondProduct{
  background: #ecf0f3 !important  ;
  margin-top:0;
  margin-right:0;
  margin-bottom:0;
  height:40px;
}

#listLi{
display: inline-table; 
top:48;px; 
height: auto !important
}
}

@media only screen and (max-width: 767px) {

.top-bar.enonly #faproduct{ /*Note to jkazemir - Remove .top-bar.enonly completely when combining menu bar to EN/FR, not just .enonly*/
  height: 32px;
}
.top-bar:not(.enonly) #faproduct{
  height: 43px;
}

#break{
 font-size: 12px;
  margin: -4px 0 0 0;

}
.top-bar.enonly #pnames{ /*Note to jkazemir - Remove .top-bar.enonly completely when combining menu bar to EN/FR, not just .enonly*/
  font-size: 12px;
  margin: -22px 0 0 37px;
}
.top-bar:not(.enonly) #pnames{
  font-size: 12px;
  margin: 0;
}

#completepack{
  
}

#prodliVisible{
 margin-top: -8px 0 0 0 ; 
}

#viewall{
  
}

#aproduct{
  height: 32px;
}


.top-bar.enonly .firstProduct{
  height: 32px;
}
.top-bar:not(.enonly) .firstProduct{
  height: 54px;
}

.secondProduct{
  height: 32px;
}
#listLi{

}

}
.top-bar {
  background: none;
  min-height: 50px;
  line-height: 50px;
  margin: 0;
  font-family: "futura-pt", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-size: 18px; /* Contain width to .row width */ /* First <ul> for branding, title, name, etc */ /* topbar global <ul> styles */
}
.top-bar > ul .name {
  display: none;
}
.top-bar ul {
  height: 50px;
  line-height: 50px; /* Main Navigation links style */ /* Left Side <ul> */ /* Right Side <ul> */
}
.top-bar.enonly ul > li a:not(.button) {
  font-size: 15px;
  font-weight: normal;
  height: 36px;
  line-height: 23px;
}
.top-bar:not(.enonly) ul > li a:not(.button) {
  font-size: 14px;
  font-weight: normal;
  height: 50px;
  line-height: 50px;
}
@media only screen and (min-width: 768px) {
  .top-bar.enonly ul > li {
    padding:0;
  }
  /*.top-bar.enonly ul > li a:not(.button) {
    margin-left:auto;
    margin-right:auto;
    padding:0;
  }*/
}
@media only screen and (max-width: 767px) {
  .top-bar {
    min-height: 0px;
  }
  .top-bar.enonly ul > li a:not(.button) {
    height: 46px;
    width: auto !important;
  }
}
/* MOBILE MENU BAR */
@media only screen and (max-width: 767px) {
  /* Default Stuff: */
  #menu {
    display:none;
  }
  #menu #viewall {
    margin-top:2px;
  }
  #menu li.has-dropdown > a {
    visibility: visible;
  }
  #menu > section > ul > li.has-dropdown:not(.links-bar-dropdown) > ul {
    visibility: visible;
    border-top: solid 1px #ecf0f3;
    border-bottom: solid 1px #ecf0f3;
  }
  #menu > section > ul > li.has-dropdown.links-bar-dropdown > ul {
    visibility: visible;
    border-top: solid 1px #ecf0f3;
  }

  /* Hover Highlighting */
    /* regular */
  img.menu-icon:hover {
    opacity:0.8;
  }
  #menu > section > ul > li.has-dropdown:not(.links-bar-dropdown):hover, #menu > section > ul > li.has-dropdown.expanded:not(.links-bar-dropdown) {
    background: #ecf0f3;
    border-top:2px solid #59a0d8;
  }
    /* telephone bar */
  #menu li.links-bar-dropdown:hover, #menu li.expanded.links-bar-dropdown, #menu li.links-bar-dropdown li:hover {
    background:#5D727E;
  }
  #menu li.links-bar-dropdown.social-icons li:hover img {
    opacity:0.6;
  }

  /* Submenu Indentation:; */
  @media only screen and (min-width: 320px) {
    #menu li.has-dropdown > ul > li > a {
      padding-left:45px !important;
    }
    #menu li.has-dropdown > ul > li.has-dropdown > ul > li > a {
      padding-left:67.5px !important;
    }
  }
  @media only screen and (max-width: 319px) {
    #menu li.has-dropdown > ul > li > a {
      padding-left:10% !important;
    }
    #menu li.has-dropdown > ul > li.has-dropdown > ul > li > a {
      padding-left:11% !important;
    }
    /* telephone bar */
    #menu li.links-bar-dropdown:not(.social-icons) li a {
      padding-left: 15% !important;
      font-size: 13px;
    }
  }

  /* Navigation Arrows: */
    /* regular */
  #menu li.has-dropdown:not(.links-bar-dropdown) > a:not(.expanded):after {
    border-color: transparent black transparent transparent;
    top:23px;
    right:0px;
  }
  #menu li.has-dropdown:not(.links-bar-dropdown):hover > a:not(.expanded):after {
    border-color: transparent #59a0d8 transparent transparent;
  }
  #menu li.has-dropdown:not(.links-bar-dropdown) > a.expanded:after {
    border-width:5px;
    border-color:black transparent transparent transparent;
    top:25px;
    right:-2px;
  }
  #menu li.has-dropdown:not(.links-bar-dropdown):hover > a.expanded:after {
    border-color: #59a0d8 transparent transparent transparent;
  }
    /* sub-menu */
  #menu > section > ul > li.has-dropdown > .dropdown > .has-dropdown > a:not(.expanded):after {
    top:10px;
  }
  #menu > section > ul > li.has-dropdown > .dropdown > .has-dropdown > a.expanded:after {
    top:12px;
  }
    /* telephone bar */
  #menu li.has-dropdown.links-bar-dropdown > a:not(.expanded):after {
    border-color: transparent white transparent transparent;
    top:17px;
    right:0px;
  }
  #menu li.has-dropdown.links-bar-dropdown > a.expanded:after {
    border-color:white transparent transparent transparent;
    top:19px;
    right:-2px;
  }
}
@media only screen and (min-width:768px) {
  .top-bar.enonly ul > li.has-dropdown a:after {
    display:inline-block !important;
    margin:0 0 -4px 4px !important;
    position:static !important;
  }
}
@media only screen and (max-width:767px) {
  .top-bar {
    height: 45px;
  }
  .top-bar ul {
    height: auto;
  }
  .top-bar ul .name {
    display: block;
    line-height: 45px;
    font-size: 30px;
    text-align: center;
  }
  .top-bar ul > li.toggle-topbar {
    width: 100%;
  }
  .top-bar ul > li.toggle-topbar:hover {
    background: none;
  }
  .top-bar-fr ul > li a:not(.button) {
    font-size: 13px;
  }
  .top-bar-fr ul > li.has-dropdown a {
     padding-right: 34.75px;
  }
  div.nav {
    padding: 0;
  }
}
/*END New EN Nav Bar 2015*/