/* global.navigation.scss */
span.mk.bgfrontpage {
  display: none;
}

nav > ul li {
  position: relative;
  float: left;
  display: block;
}

nav > ul li a:hover {
  text-decoration: none;
}

#primary_nav, #secondary_nav, #tertiary_nav {
  width: 960px;
  padding: 0 20px;
}
#primary_nav a, #primary_nav img, #secondary_nav a, #secondary_nav img, #tertiary_nav a, #tertiary_nav img {
  display: block;
  float: left;
}
#primary_nav img, #secondary_nav img, #tertiary_nav img {
  margin-right: 10px;
}

#primary_nav {
  font: normal normal 13px/1 "PrattHeavy", Georgia, Palatino, "Book Antiqua", "Times New Roman", serif;
}

#secondary_nav, #tertiary_nav {
  font: normal normal 13px/1 Georgia, Palatino, "Book Antiqua", "Times New Roman", serif;
}

.quad_nav {
  font: normal normal 11px/1 "PrattHeavy", Georgia, Palatino, "Book Antiqua", "Times New Roman", serif;
}

#primary_nav {
  background-color: #fff;
  padding-top: 5px;
}
#primary_nav li {
  padding: 7px 0 5px 0;
}
#primary_nav .mk {
  position: absolute;
  left: 15px;
  top: 11px;
  width: 5px;
  height: 9px;
}
#primary_nav .arrowUp {
  margin: 0 auto;
  position: absolute;
  border-bottom: 5px solid #333;
}
#primary_nav a {
  padding: 2px 15px 4px 23px;
  color: #333;
}
#primary_nav a:hover {
  color: #df0023;
}
#primary_nav a.selected {
  padding-left: 10px;
  padding-right: 10px;
}
#primary_nav li:first-of-type a {
  padding-left: 2px;
}
#primary_nav li:first-of-type.selected .hg {
  padding-left: 12px;
}
#primary_nav .hg {
  background-color: #eee;
  padding: 3px 11px 8px 14px;
  border: 1px solid #ddd;
  border-bottom: none;
}

/* ---------------------------------------------------------------------
   Secondary navigation

--------------------------------------------------------------------- */
#secondary_nav {
  background-color: #333;
  min-height: 23px;
  /* 10px on home only since no tert nav */
}
#secondary_nav.homepage {
  min-height: 10px;
}
#secondary_nav a {
  padding: 5px 21px 5px;
  color: #fff;
}
#secondary_nav a:hover, #secondary_nav a.selected {
  background-color: #df0023;
}
#secondary_nav a.wealth {
  color: #FFC;
}
#secondary_nav a.wealth:hover, #secondary_nav a.wealth.selected {
  background: -moz-linear-gradient(top, #666 0%, #333 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666), color-stop(100%, #333));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #666 0%, #333 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #666 0%, #333 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #666 0%, #333 100%);
  /* IE10+ */
  background: linear-gradient(top, #666 0%, #333 100%);
  /* W3C */
}
#secondary_nav .arrowUp {
  border-bottom: 5px solid #ccc;
}

body.news #secondary_nav a:hover,
body.news #secondary_nav a.selected {
  color: #fff;
  background-color: #df0023;
}

body.business #secondary_nav a:hover,
body.business #secondary_nav a.selected {
  color: #fff;
  background-color: #d50202;
}

body.globeinvestor #secondary_nav a:hover,
body.globeinvestor #secondary_nav a.selected {
  color: #fff;
  background-color: #ff6b00;
}

body.commentary #secondary_nav a:hover,
body.commentary #secondary_nav a.selected {
  color: #fff;
  background-color: #fa5443;
}

body.technology #secondary_nav a:hover,
body.technology #secondary_nav a.selected {
  color: #fff;
  background-color: #13B7C6;
}

body.arts #secondary_nav a:hover,
body.arts #secondary_nav a.selected {
  color: #fff;
  background-color: #2fe5a5;
}

body.life #secondary_nav a:hover,
body.life #secondary_nav a.selected {
  color: #fff;
  background-color: #b82eff;
}

body.sports #secondary_nav a:hover,
body.sports #secondary_nav a.selected {
  color: #fff;
  background-color: #0099cc;
}

body.globedrive #secondary_nav a:hover,
body.globedrive #secondary_nav a.selected {
  color: #fff;
  background-color: #84999a;
}

body.wealth #secondary_nav a:hover,
body.wealth #secondary_nav a.selected {
  color: #fff;
  background-color: #BBC6CC;
}

body.video #secondary_nav a:hover,
body.video #secondary_nav a.selected {
  color: #fff;
  background-color: #1E2024;
}

body.globerealestate #secondary_nav a:hover,
body.globerealestate #secondary_nav a.selected {
  color: #fff;
  background-color: #df0023;
}

body.globeinvestor #secondary_nav a.wealth {
  color: #FFC;
}

/* ---------------------------------------------------------------------
   Tertiary navigation

--------------------------------------------------------------------- */
#tertiary_nav {
  font-size: 12px;
  min-height: 24px;
  background-color: #ddd;
  z-index: -1;
  background: -moz-linear-gradient(top, #ddd 87%, #c1c1c1 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(87%, #ddd), color-stop(100%, #c1c1c1));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ddd 87%, #c1c1c1 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ddd 87%, #c1c1c1 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #ddd 87%, #c1c1c1 100%);
  /* IE10+ */
  background: linear-gradient(top, #ddd 87%, #c1c1c1 100%);
  /* W3C */
}
#tertiary_nav a {
  background-color: #ccc;
  color: #010101;
  padding: 6px 23px 6px;
}
#tertiary_nav a:hover, #tertiary_nav a.selected, #tertiary_nav a.on {
  color: #333;
  background-color: #fff;
}

.cssgradients #tertiary_nav > ul > li > a:hover, .cssgradients #tertiary_nav > ul > li > a.selected, .cssgradients #tertiary_nav > ul > li > a.on {
  background: #fff;
}

/* ---------------------------------------------------------------------
   Quad navigation (dropdown)

--------------------------------------------------------------------- */
#tertiary_nav .quad_nav {
  position: absolute;
  display: none;
  left: -1px;
  top: 24px;
  z-index: 2;
  padding: 5px 0;
  min-width: 170px;
  background-color: #fff;
  border: 1px solid #9F9F9F;
  border-top: none;
}
#tertiary_nav .quad_nav li {
  display: list-item;
  width: 100%;
}
#tertiary_nav .quad_nav li a {
  letter-spacing: 0.03em;
  padding: 5px 15px 5px 23px;
  float: none;
  background-color: #fff;
}
#tertiary_nav .quad_nav li a:hover {
  color: #df0023;
}

/* IE Styles */
.ie7 #tertiary_nav .quad_nav li {
  float: none;
  width: auto;
}

.ie7 nav > ul li, .ie8 nav > ul li {
  float: left;
  display: block;
}

.ie7 ul.sub-links {
  padding-bottom: 5px;
}

/* ---------------------------------------------------------------------
   Hover states

--------------------------------------------------------------------- */
/* spit out the hover states for each pillar, to add a new one append it to $pillar_colours in _color.scss */
#secondary_nav.news a:hover,
#secondary_nav.news a.selected {
  background-color: #df0023;
}

#page-header.news h2 {
  border-color: #df0023;
}

#page-header.news h2 a:hover,
#tertiary_nav .quad_nav.news a:hover,
#page-header.news h3 a {
  color: #df0023;
}

#secondary_nav.business a:hover,
#secondary_nav.business a.selected {
  background-color: #d50202;
}

#page-header.business h2 {
  border-color: #d50202;
}

#page-header.business h2 a:hover,
#tertiary_nav .quad_nav.business a:hover,
#page-header.business h3 a {
  color: #d50202;
}

#secondary_nav.globeinvestor a:hover,
#secondary_nav.globeinvestor a.selected {
  background-color: #ff6b00;
}

#page-header.globeinvestor h2 {
  border-color: #ff6b00;
}

#page-header.globeinvestor h2 a:hover,
#tertiary_nav .quad_nav.globeinvestor a:hover,
#page-header.globeinvestor h3 a {
  color: #ff6b00;
}

#secondary_nav.commentary a:hover,
#secondary_nav.commentary a.selected {
  background-color: #fa5443;
}

#page-header.commentary h2 {
  border-color: #fa5443;
}

#page-header.commentary h2 a:hover,
#tertiary_nav .quad_nav.commentary a:hover,
#page-header.commentary h3 a {
  color: #fa5443;
}

#secondary_nav.technology a:hover,
#secondary_nav.technology a.selected {
  background-color: #13B7C6;
}

#page-header.technology h2 {
  border-color: #13B7C6;
}

#page-header.technology h2 a:hover,
#tertiary_nav .quad_nav.technology a:hover,
#page-header.technology h3 a {
  color: #13B7C6;
}

#secondary_nav.arts a:hover,
#secondary_nav.arts a.selected {
  background-color: #2fe5a5;
}

#page-header.arts h2 {
  border-color: #2fe5a5;
}

#page-header.arts h2 a:hover,
#tertiary_nav .quad_nav.arts a:hover,
#page-header.arts h3 a {
  color: #2fe5a5;
}

#secondary_nav.life a:hover,
#secondary_nav.life a.selected {
  background-color: #b82eff;
}

#page-header.life h2 {
  border-color: #b82eff;
}

#page-header.life h2 a:hover,
#tertiary_nav .quad_nav.life a:hover,
#page-header.life h3 a {
  color: #b82eff;
}

#secondary_nav.sports a:hover,
#secondary_nav.sports a.selected {
  background-color: #0099cc;
}

#page-header.sports h2 {
  border-color: #0099cc;
}

#page-header.sports h2 a:hover,
#tertiary_nav .quad_nav.sports a:hover,
#page-header.sports h3 a {
  color: #0099cc;
}

#secondary_nav.globedrive a:hover,
#secondary_nav.globedrive a.selected {
  background-color: #84999a;
}

#page-header.globedrive h2 {
  border-color: #84999a;
}

#page-header.globedrive h2 a:hover,
#tertiary_nav .quad_nav.globedrive a:hover,
#page-header.globedrive h3 a {
  color: #84999a;
}

#secondary_nav.wealth a:hover,
#secondary_nav.wealth a.selected {
  background-color: #BBC6CC;
}

#page-header.wealth h2 {
  border-color: #BBC6CC;
}

#page-header.wealth h2 a:hover,
#tertiary_nav .quad_nav.wealth a:hover,
#page-header.wealth h3 a {
  color: #BBC6CC;
}

#secondary_nav.video a:hover,
#secondary_nav.video a.selected {
  background-color: #1E2024;
}

#page-header.video h2 {
  border-color: #1E2024;
}

#page-header.video h2 a:hover,
#tertiary_nav .quad_nav.video a:hover,
#page-header.video h3 a {
  color: #1E2024;
}

#secondary_nav.globerealestate a:hover,
#secondary_nav.globerealestate a.selected {
  background-color: #df0023;
}

#page-header.globerealestate h2 {
  border-color: #df0023;
}

#page-header.globerealestate h2 a:hover,
#tertiary_nav .quad_nav.globerealestate a:hover,
#page-header.globerealestate h3 a {
  color: #df0023;
}

/* ---------------------------------------------------------------------
   Feature navigation
--------------------------------------------------------------------- */
#feature_nav {
  padding: 0 20px;
  z-index: -1;
  position: relative;
  /*
  margin: 0;
  position: absolute;
  right: 0;
  top: -20px;
  */
  float: right;
  margin: -30px 0 0;
}
#feature_nav li {
  color: #333;
}
#feature_nav li a {
  font: normal normal 10px/1 Georgia, Palatino, "Book Antiqua", "Times New Roman", serif;
  margin-left: 6px;
  font-weight: normal;
  text-transform: uppercase;
}
#feature_nav li a:hover {
  color: #df0023;
}

/* ---------------------------------------------------------------------
   Local navigation
--------------------------------------------------------------------- */
#local_nav {
  width: 960px;
  margin-left: -20px;
  padding: 0 20px;
  background: #FFF;
  border-top: 5px solid #000;
}
#local_nav ul {
  overflow: auto;
}
#local_nav > ul li {
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  position: relative;
  border-right: 1px dotted #000;
  border-bottom: 1px dotted #000;
}
#local_nav > ul li a {
  padding: 10px 20px;
  display: block;
  float: left;
}
#local_nav > ul li a.active, #local_nav > ul li a:hover {
  color: #df0023;
}
#local_nav > ul li:first-child {
  border-left: 1px dotted #000;
}
#local_nav .arrowDown {
  top: 0;
  border-top: 5px solid #000;
}

.globeinvestor #local_nav > ul li a.active {
  color: #ff6b00;
}

/*-----------------------------------------------------------------------
    Sublinks
------------------------------------------------------------------------*/
ul.sub-links {
  float: left;
  position: relative;
  width: 100%;
  margin: 5px 0;
  padding: 5px 0 0 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
ul.sub-links li {
  float: left;
  display: inline;
  margin: 0 5px 5px 0;
  color: #333;
  font: 12px/1.2 Helvetica,Arial,Verdana,sans-serif;
}
ul.sub-links li a {
  color: #DA161F;
  text-decoration: none;
}

/* site map styles */
#site-map-nav {
  font: 12px/1.5 Helvetica,Arial,Verdana,sans-serif;
  padding-top: 10px;
  margin-bottom: 20px;
  display: inline-block;
}
#site-map-nav li {
  float: left;
  padding-left: 5px;
  margin-left: 5px;
  border-left: solid 1px black;
}
#site-map-nav li.first {
  padding-left: 0;
  margin-left: 0;
  border-left: 0px;
}
#site-map-nav li a:hover {
  color: #df0023;
}

#site-map-container {
  font: normal normal 14px/1.5 Helvetica, Arial, Verdana, sans-serif;
}
#site-map-container li {
  padding: 2px 0;
}
#site-map-container li > span {
  float: right;
}
#site-map-container li span:first-child, #site-map-container li a:first-child {
  float: left;
}
#site-map-container li .rss {
  float: right;
  font-weight: normal;
  font: normal normal 12px/1.5 Helvetica, Arial, Verdana, sans-serif;
  margin-right: 75px;
  color: #DA161F;
}
#site-map-container li .rss:hover {
  text-decoration: underline;
}
#site-map-container li.level1 {
  font: normal normal 18px/1 Georgia, Palatino, "Book Antiqua", "Times New Roman", serif;
  width: 100%;
  margin: 10px 0 5px;
  paddin-top: 4px;
  border-top: 3px red solid;
  clear: both;
  position: relative;
  overflow: hidden;
}
#site-map-container li.level1 .rss {
  margin-right: 54px;
}
#site-map-container li.level1 .topLink {
  float: right;
  font: normal normal 12px/1.5 Helvetica, Arial, Verdana, sans-serif;
}
#site-map-container li.level2 {
  border-top: 1px black dotted;
  margin-left: 50px;
  font-weight: bold;
  clear: both;
}
#site-map-container li.level3 {
  border-top: 1px black dotted;
  margin-left: 100px;
  clear: both;
}
#site-map-container li.levelhome {
  margin-bottom: 20px;
  clear: both;
}
#site-map-container li.levelhome .rss {
  margin-right: 75px;
}
#site-map-container li a:hover {
  color: #df0023;
}

.ie7 #site-map-container li.level1 {
  margin-bottom: 0;
}

#rsssidebar h1 {
  color: #424242;
  font: normal normal 14px/1.2 "PrattHeavy", Georgia, Palatino, "Book Antiqua", "Times New Roman", serif;
  margin-bottom: 10px;
  text-decoration: none;
  float: left;
}
#rsssidebar p {
  font: normal normal 12px/1.5 Helvetica, Arial, Verdana, sans-serif;
}
#rsssidebar ul, #rsssidebar ol {
  clear: both;
}
#rsssidebar ul li, #rsssidebar ol li {
  font: normal normal 12px/1.5 Helvetica, Arial, Verdana, sans-serif;
  margin-left: 25px;
  padding-bottom: 10px;
}
#rsssidebar ul li a, #rsssidebar ol li a {
  color: #DA161F;
}
#rsssidebar ul li {
  list-style-type: disc;
}