/**
 * nav-vendors.css
 * 
 * Styles the Vendors dropdown from the main Navbar menu. There are 2 main elements in this modal: the A-Z directory of vendors at the top and the list of vendors which appears below when one of the letters is selected.
 * 
 * Index
 * 
 * - Vendors Menu: General
 * - Vendors Menu: A-Z Directory
 * - Vendors Menu: Vendors List
 * 
 */

/*-----------------------------------------------------------------------
# Vendors Menu: General
------------------------------------------------------------------------*/

.menu-vendors { width: 1280px; }

.menu-vendors .nav-arrow { left: 124px; }

/*-----------------------------------------------------------------------
# Vendors Menu: A-Z Directory
------------------------------------------------------------------------*/

/* Styles active letter in the Vendors Directory */
.menu-vendors .modal-active-path { background: #eeeeee; }

.vendors-directory {
  text-align: center;
  border-bottom: 1px solid #EEEEEE;
}

.vendors-directory li { margin: 0 -3px; }
.vendors-directory a { padding: 0 16px; }

.vendors-directory .menu-item { 
  display: inline-block;
  width: auto;
  border: none;
}

/*-----------------------------------------------------------------------
# Vendors Menu: Vendors List
------------------------------------------------------------------------*/

.vendors-list .col { 
  margin: 0; 
  width: 16.6666666667%;
  border-right: 1px solid #EEEEEE;
}

.vendors-list a {
  display: block;
  text-transform: uppercase;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #EEEEEE;
  padding-left: 16px;
}

.vendors-list a:link, 
.vendors-list a:visited {
  color: #454545;
}

.vendors-list a:hover, 
.vendors-list a:active {
  color: #2375BB;
  background: #EEEEEE;
}