#mainNav {
  width: 950px;
  margin-bottom: 30px;
  position: relative;
  font: normal 12px Verdana, Arial, sans-serif;
}

#mainNav ul {
  list-style: none;
  margin-left: 0;
  padding-left: 10px;
}

#mainNav #globalTopLinks a {
  text-decoration: none;
  font: normal 12px Verdana, Arial, sans-serif;
}
#mainNav #globalTopLinks a:hover span {
  text-decoration: underline;
}
#mainNav td {
  vertical-align: top;
  border: 0;
}

#mainNav table {
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

#mainNav ul li {
  background-image: url(//media.amazonwebservices.com/orange_bullet.png);
  background-position: 0 0.5em;
  background-repeat: no-repeat;
  list-style-type: none;
  margin-bottom: 0.5em;
  padding-left: 10px;
}

#mainNav #tabs {
  width: 100%;
  height: 36px;
  padding: 0;
  margin: 16px 0 0 0;
}

#mainNav img {
  border: none;
}

#mainNav #awsHeaderLogo {
  margin-top: 12px;
}

#mainNav #globalTopLinks {
  position: relative;
  right: 0;
  top: 19px;
}

#mainNav #globalTopLinks img {
  vertical-align: middle;
}

#mainNav #globalTopLinks .signIn img {
  margin-right: 7px;
}

#mainNav #globalTopLinks .create,
#mainNav #globalTopLinks .language
{
  border-left: 1px dotted #ccc;
  padding-left: 12px;
  margin-left: 9px;
}
#mainNav #globalTopLinks .language.disabled {
  cursor: default;
}
#mainNav #globalTopLinks .language.disabled * {
  opacity: 0.3;
  filter: alpha(opacity='30');
}
#mainNav #globalTopLinks .create img {
  margin-right: 7px;
}

#mainNav #globalTopLinks {
  position: absolute;
  right: 0;
}

/* Each tab is really just a shell with a border around it. All
 * the pretty stuff happens inside each tab's '.liner'.
 */
#mainNav .tab {
  float: left;
  border-bottom: 2px solid white;
  cursor: pointer;
  background-image: none;
  padding-left: 0;
  margin: 0;
  height: 34px;
  width: 157px;
  margin-bottom: 2px;
  border: 1px solid #d2e7f7;
  border-left-width: 0;
}
#mainNav .tab div {
  text-align: center;
  font: bold 13px Verdana, Arial, sans-serif;
}

#mainNav #tabs li.first {
  /* Only the first tab actually has a left border */
  border-left-width: 1px;
  width: 158px;
}

#mainNav #tabs li.active {
  border-color: #ecf5fb;
  border-right-color: #d2e7f7;
  border-bottom-width: 3px;
  margin-bottom: 0;
}

#mainNav #tabs .active.last {
  border-right-color: #ecf5fb;
}

#mainNav #tabs li.active .liner {
  background: #ecf5fb;
  border-bottom-width: 3px;
  border-color: #ecf5fb;
}

#mainNav #tabs li.hover .liner {
  background-position: bottom left;
  border-right-color: inherit;
}

#mainNav .tab.selected .icon {
  background-position: top center;
}

#mainNav .tab .liner {
  background: url(//awsmedia.s3.amazonaws.com/globalNav/img/tab-gradient.png) repeat-x top left;
  border-right: 1px solid #e2f1fc;
  /* The height and padding vertically align the text into the middle of the tab */
  height: 34px;
}
#mainNav.hasJS .tab .liner {
  padding-top: 7px;
  height: 27px;
}
#mainNav .tab.last .liner {
  /* Keep the border width so that the text doesn't shift when clicked */
  border-right-color: inherit;
}

#mainNav .tab a {
  color: black;
  outline: none;

  /** */
  height: 17px;
  display: block;
  padding-top: 7px;
  width: 100%;
}
#mainNav.hasJS .tab a {
  text-decoration: none;
  display: inline-block;
  padding-top: 0;
  width: auto;
}
/*
#mainNav .tab a:hover {
  text-decoration: none;
}
*/
#mainNav .tab a:hover {
  text-decoration: underline;
  color:#E47911;
}
#mainNav.hasJS .tab a:hover {
  text-decoration: none;
  color: black;
}
#mainNav.hasJS .tab .icon {
  display: inline-block;
}
#mainNav .tab .icon {
  /* Only display the tab icon when the awsGlobalNav2.js is loaded */
  display: none;
  width: 9px;
  height: 6px;
  margin-right: 9px;
  background: url(//awsmedia.s3.amazonaws.com/globalNav/img/tab-open-close.png) no-repeat bottom center;
  vertical-align: middle;
  margin-bottom: 4px;
}

#mainNav .tab.loading .icon {
  background-image: url(//awsmedia.s3.amazonaws.com/globalNav/img/loading-small_9x9.gif);
  height: 9px;
}
#mainNav .tab.active .icon {
  background-position: top center;
}

#mainNav .flyout
{
  background-color: white;
  border-bottom: 1px solid #c9e1f4;
  padding-bottom: 1px;
  clear: both;
  display: none;
  font: normal 11px Verdana, Arial, sans-serif;
}

#mainNav .flyout .content {
  overflow: auto;
  padding: 20px 20px 9px 20px;
}

#mainNav .flyout .liner {
  background-color: #ecf5fb;
  padding-bottom: 24px;
}

#mainNav .flyout .col.right {
  float: left;
}

#mainNav .flyout .col.left {
  float: left;
  margin-right: 20px;
}

/* A pane is a white part of the flyout that actually contains
 * the text and graphics.
 */
#mainNav .flyout .pane {
  border: 1px solid #c9e1f4;
  background: white url(//awsmedia.s3.amazonaws.com/globalNav/img/1x80_nav_gradient_bg.jpg) repeat-x bottom;
  padding: 20px 20px 10px 20px;
  float: left;
}

/* Split Pane: two unequally sized white boxes on the blue flyout.
 */
#mainNav .flyout .splitPane .middle {
  padding: 0;
}

#mainNav .flyout .splitPane .middle .spacer {
  width: 20px;
}

#mainNav .flyout .splitPane .pane.left {
  width: 550px;
  float: none;
}

#mainNav .flyout .splitPane .pane.right {
  float: none; /* undo the .right rule which floats to the right */
}

#mainNav .flyout .splitPane h3 {
  font: bold 14px Verdana, Arial, sans-serif;
  color: #e47911;
  margin: 0 0 10px 0;
}

/* The console login form appears under the Account tab */
#mainNav #consoleLoginForm {
  border: 1px solid #ccc;
  padding: 14px 10px 17px 10px;
  margin-top: 17px;
  background-color: white;
}

#mainNav #consoleLoginForm .submit {
  vertical-align: bottom;
  margin-left: 4px;
}

#mainNav #consoleLoginForm .selector {
  margin: 16px 0 12px 0;
  font-family: inherit;
}

#mainNav #consoleLoginForm #makeDefault {
  margin: 0;
  padding: 0;
}

#mainNav .hover {
  cursor: pointer;
}

#mainNav a {
  color: #004b91;
}
#mainNav a:hover {
  color: #e47911;
  text-decoration: underline;
}

/* A captioned link is a bold link with some accompanying text
 * beneath it. It may also include an icon next to the image.
 * See app/views/nav/_captioned_link.html.
 */
#mainNav .flyout .captionedLink {
  clear: both;
}

#mainNav .flyout .captionedLink .text.withIcon {
  padding-left: 36px;
}

#mainNav .flyout .captionedLink a {
  font: bold 12px Verdana, Arial, sans-serif;
}

#mainNav .flyout .captionedLink .caption {
  margin-top: 1px;
}

#mainNav .flyout .captionedLink .icon {
  background: transparent url(//awsmedia.s3.amazonaws.com/globalNav/img/nav-icons-sprite.png) no-repeat;
  width: 26px;
  height: 26px;
  float: left;
  margin-top: 4px;
}

#mainNav .flyout .norm {
  font-weight: normal;
}

#mainNav .flyout .tripleColumn {
  overflow: auto;
}

#mainNav .flyout .tripleColumn .col {
  float: left;
}

#mainNav .flyout .tripleColumn .col.middle {
  margin: 0 20px;
  width: 276px;
}

#mainNav .flyout h4 {
  margin: 0;
}

/** Products flyout **/
#mainNav .flyout .products {
  font: normal 12px Verdana, Arial, sans-serif;
}

#mainNav .flyout .products a {
  font-weight: bold;
}

#mainNav .flyout .products h4 {
  font: normal 10px Verdana, Arial, sans-serif;
  color: #999;
  border-bottom: 1px solid #ccc;
}

#mainNav .flyout .products ul {
  padding-left: 3px;
  margin-top: 6px;
}

#mainNav .flyout .products ul li {
  background: transparent;
  padding-left: 0;
}
/** /products flyout **/

#mainNav .flyout,
#mainNav .flyout div, 
#mainNav .flyout p,
#mainNav .flyout td,
#mainNav .flyout th 
{
  font: normal 11px Verdana, Arial, sans-serif;
  color: #999;
}

#mainNav .flyout .captionedLink {
  margin-bottom: 10px;
}

#mainNav .flyout .captionedLink .body {
  margin-top: 5px;
}

#mainNav .flyout .captionedLink .body ul.doubleCol {
  margin-bottom: 5px;
}

#mainNav .flyout .captionedLink .body a {
  font-weight: normal;
  font-size: 11px;
}

#mainNav .flyout .captionedLink .body ul {
  margin-bottom: 0;
}

/* Side-by-side unordered lists (e.g. "Solutions" under the AWS tab) */
#mainNav .flyout ul.doubleCol {
  width: 135px;
  float: left;
  padding-left: 2px;
  margin: 0;
}

#mainNav .flyout .col {
  padding: 0;
  width: 276px;
}

#mainNav .flyout ul {
  margin-top: 0;
}

#mainNav .flyout .splitPane .col {
  width: 262px;
}

/* List of languages in the right pane under Developers */
#mainNav .flyout #langList {
  padding-left: 0;
  margin-top: 3px;
}

#mainNav .flyout #langList li {
  border-bottom: 1px solid #ccc;
  font: bold 13px Verdana, Arial, sans-serif;
  background: transparent;
  padding-bottom: 8px;
  padding-left: 0;
  line-height: 26px;
}

#mainNav .flyout #langList li.last {
  border: 0;
}

/* The "close" link in the lower RH corner of the flyout */
#mainNav .close {
  margin-right: 20px;
  float: right;
}

#mainNav .close img {
  vertical-align: bottom;
}

#mainNav .close:hover {
  text-decoration: none;
}

#mainNav #globalTopLinks .language {
  position: relative;
  line-height: 16px;
  margin-left: 10px;
  padding-left: 27px;
}
#mainNav #globalTopLinks .language a.current {
  outline: none;
  margin-left: 2px;
}
#mainNav #globalTopLinks .language .img {
  background: url("//awsmedia.s3.amazonaws.com/up-down-carrots.gif") no-repeat scroll 0 -4px transparent;
  display: inline-block;
  height: 4px;
  margin-bottom: 2px;
  margin-right: 8px;
  width: 6px;
  position: absolute;
  top: 7px;
  left: 12px;
}
#mainNav #globalTopLinks .language.open .img {
  background-position: 0 0;
}
#mainNav #globalTopLinks #langFlyout {
  display: none;
  position: absolute;
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  padding: 0;
  margin: 0;
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  right: 0;
  top: 18px;
  width: 145px;
}
#mainNav #globalTopLinks #langFlyout .lang {
  border-bottom: 1px solid #ebebeb;
  background: transparent;
  padding: 0;
  text-decoration: none;
  white-space: pre;
}
#mainNav #globalTopLinks #langFlyout .lang a:hover * {
  text-decoration: none;
}
#mainNav #globalTopLinks #langFlyout .lang .native {
  color: #999;
}
#mainNav #globalTopLinks #langFlyout .lang.hover {
  background-color: #fff;
}
#mainNav #globalTopLinks #langFlyout .lang.last {
  border-bottom: 0;
}
#mainNav #globalTopLinks #langFlyout .lang a {
  display: block;
  padding: 7px 19px 6px 8px;
  outline: none;
}
#mainNav #globalTopLinks #langFlyout li {
  background: transparent;
  margin: 0;
}