.contain-to-grid {
    width: 100%;
    background: #0033A1 none repeat scroll 0 0;
    border-bottom: 0.063rem solid #aaa;
    box-shadow: 0 6px 5px 0 rgba(0, 0, 0, 0.2);
}



/* background of the top-bar */
.top-bar {
    font-family: "Helvetica Neue Standard Roman";
    height:3.8125rem;
    /*
    border-left:1px solid #000;
    border-right:1px solid #000;
    */
    background:#0033A1 none repeat scroll 0 0;
}

.top-bar.expanded .title-area {
    background: #0033A1;
}

/* expands the button section to left align logo */
.contain-to-grid .top-bar {
    
  }
  
  .top-bar-section ul li {
      font-family: "Helvetica Neue Standard Roman";
      background:#0033A1;
  }
.top-bar-section ul li:hover:not(.has-form) > a {
    background-color: #0033A1;
    color: #FFFFFF;
    
}
/* background color of buttons */  
.top-bar-section li:not(.has-form) a:not(.button) {
    background: #0033A1 none repeat scroll 0 0;
    color: #FFF;    
    
    line-height: 2.8125rem;
    padding: 0 0.9375rem;
}

/* background color of buttons */  
.top-bar-section li:not(.has-form) a:hover:not(.button) {
    background: #0033A1 none repeat scroll 0 0;
}

.top-bar-section .dropdown li a {
    font-family: "Helvetica Neue Standard Roman";
    background: #008CC8 none repeat scroll 0 0;
    color: #ffffff;
    line-height: 2.8125rem;
    padding: 12px 0.9375rem;
    white-space: nowrap;
}

.top-bar-section .dropdown li:hover:not(.has-form):not(.active) > a:not(.button){
    background:#253746;
    color:#fff;
}

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
    background: #0033A1 none repeat scroll 0 0;
    color: #ffffff;
}

/* Menu drop down arrow color change */
.top-bar-section .has-dropdown > a:after {
    border-color: #FFF rgba(255,255,255, 0) rgba(255,255,255, 0);
}

.top-bar-section ul li > a.button {
    font-family:'Helvetica Neue Standard Roman';
    background-color:#0033A1;
    font-size:1rem;
    border:1px solid #fff;
    padding-top:.3rem;
    padding-bottom:.5rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    
    
    color: #FFFFFF;
}

.top-bar.expanded .toggle-topbar a span::after {
    box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
}

#drop1.f-dropdown.content, 
#dropnotifications,
#partnerdropdown.f-dropdown.content, 
#supportdropdown.f-dropdown.content,
#signindropdown,
#dropsearch1.f-dropdown.content,
#small-signin-dropdown.f-dropdown.content,
#medium-signin-dropdown.f-dropdown.content{
    background:#253746;
    font-family:'Helvetica Neue Medium';
}

#small-signin-dropdown.f-dropdown.content {
    list-style: none;
    margin-left: 0;        
    border: solid 0px #cccccc;
    font-size: 0.875rem;
    height: auto;
    max-height: none;
    padding: 0;    
    z-index: 89;    
    width:80%
}

#drop1.f-dropdown.content, #dropsearch1.f-dropdown.content, #partnerdropdown.f-dropdown.content, #supportdropdown.f-dropdown.content,#signindropdown.f-dropdown.content {
    
    list-style: none;
    margin-left: 0;        
    border: solid 0px #cccccc;
    font-size: 0.875rem;
    height: auto;
    max-height: none;
    padding: 0;
    width: 100%;
    z-index: 89;    
    
}

.button.signin-btn {
    margin-right:3rem;
    border:1px solid #FFF;
    color:#FFF;
    margin-top:.3rem;
    margin-left:.5rem;
    background-color:transparent;
}

/* color of dropdown content arrow */
.f-dropdown:before {
    border-color: transparent transparent #253746 transparent;
}
.f-dropdown:after {
    border-color: transparent transparent #253746 transparent;    
}

#dropsearch1.f-dropdown:before {
    border-color: transparent transparent #FFF transparent;
}
#dropsearch1.f-dropdown:after {
    border-color: transparent transparent #FFF transparent;    
}


#dropsearch1.f-dropdown.content {
    height:4rem;
}

.menu-dropdown .title {
    font-family: 'Helvetica Neue Medium';
    color:#009BDE;
    font-size:1.5rem;
    padding-top:.5rem;
    padding-bottom:.5rem;
    padding-left:0;
}
.menu-dropdown .title.signin {
    background-color:#253746;
    font-family: 'Helvetica Neue Medium';
    color:#FFF;
    font-size:1.5rem;
    padding-top:.5rem;
    padding-bottom:.5rem;
    padding-left:1.5rem;
    text-align:center;
    border:0px solid #ff0000;
}


.menu-dropdown .category {
    font-size:1rem;
    font-family: 'Helvetica Neue Medium';
    color:#FFA400;
    padding:.3rem 0;
}

.menu-dropdown .product {
    color:#FFF;
    padding:0;
    line-height:1.6rem;
}

.category-products > .product:hover {
    
    color:#009BDE;
}



a#showPassword {
    background:#253746;
    padding-left:0;
    font-size:.875rem !important;
}

a#forgotPassword {
    background:#253746;
    padding:0;
    font-size:.875rem !important;
}

.csp-title {
    margin-left:1rem !important;
    color:#FFF;
}

.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}

.signin-small {
    position: relative;
    display: inline-block;
}

.signin-small-content {
    display: none;
    position: relative;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.signin-small-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.signin-small-content a:hover {background-color: #ddd;}

.signin-small:hover .dropdown-content {display: block;}

.signin-small:hover .dropbtn {background-color: #3e8e41;}