@charset "utf-8";
/* CSS Document */

/* Style for the secondary ribbon menu under the main navigation menu - Some what based on the look of the Tesla website */
/*.header {
	border-bottom-style: none;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #85954E;
}*/

#ribbon {
  background-color:#727272;
  box-shadow:#222222 0 1px 8px 1px;
  height:30px;
  min-width:984px;
  width:100%;
}

#second-nav-wrapper {
  margin:0 auto;
  position:relative;
  width:984px;
}

.secondary-menu {
  position:absolute;
  margin-top: 8px;
}


.secondary-menu li {
	display: inline-block;
  	margin-right: 10px;
	list-style: none;
	float: left;
}

ul.links li {
	display:inline;
	list-style-type:none;
	padding:0 6px;
}

ul.secondary-menu li.first {
  padding-left:0;
}

.secondary-menu li a {
	color:#ffffff; /* WCAG AA: 4.67:1 on #727272 (was #CCCCCC, 2.7:1) */
	display:block;
	font-size:11px;
	font-style:normal;
	font-weight:600;
	text-decoration:none;
	text-shadow:#333333 0 -1px 0;
	text-transform:uppercase;
	font-family: Myriad Pro, Verdana, Geneva, sans-serif;
}

.secondary-menu li a:hover,
.secondary-menu li a:focus,
.secondary-menu li a:focus-visible {
	color: #ffffff;
	text-decoration: underline;
}

.secondary-menu li a:focus,
.secondary-menu li a:focus-visible {
	outline: 2px solid #ffffff;
	outline-offset: 2px;
}

/* Current section indicator — driven by aria-current for accessibility.
   Legacy .active kept for any pages still using the old markup. */
.secondary-menu li a[aria-current="page"],
.secondary-menu li a.active {
	color: #ffffff;
	text-decoration: underline;
}