* {
  -webkit-font-smoothing: antialiased;
}
.homepage-blocks {
  padding-top: 24px;
}
/* ================================================================ */
/* ============================= NAV BAR ========================== */
/* ================================================================ */
/* ============== THIS IS NOT THE FOUNDATION NAV BAR ============== */
.top-navigation {
  padding: 0 18px;
}
@media screen and (max-width: 800px) {
  .top-navigation {
    padding: 0 9px;
  }
}
#navigation-bar {
  padding: 0 18px;
  background: #4e4e4e;
  font-size: 16px;
  font-weight: bold;
  min-height: 36px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  /* Styling of level test link in top nav */

}
@media screen and (max-width: 940px) {
  #navigation-bar {
    padding: 7px 0;
    margin: 9px 0 0;
  }
  
  #navigation-bar li.f-right {
	  float: none !important;
  }
}

#navigation-bar ul.navigation-list {
  /* Second or more level lists */

}
#navigation-bar ul.navigation-list > .hover > a {
  background: #da1b2b;
  color: #f8dfe0;
}
@media screen and (max-width: 940px) {
  #navigation-bar ul.navigation-list > .hover > a {
    background: #4e4e4e;
    color: #fff;
  }
}
@media screen and (max-width: 940px) {
  #navigation-bar ul.navigation-list {
    border-top: 1px solid #fff;
  }
  #navigation-bar ul.navigation-list > li {
    border-bottom: 1px solid #fff;
    overflow: auto;
  }
}
#navigation-bar ul.navigation-list li {
  position: relative;
  float: left;
}
@media screen and (max-width: 940px) {
  #navigation-bar ul.navigation-list li {
    float: none;
    clear: both;
    display: block;
    width: 100%;
  }
}
#navigation-bar ul.navigation-list li a {
  display: block;
  float: left;
  padding: 7px 12px;
  color: #fff;
  font-size: 14px;
}
@media screen and (max-width: 940px) {
  #navigation-bar ul.navigation-list li a {
    float: none;
    width: 100%;
    padding: 8px 12px;
  }
}
@media screen and (max-width: 940px) {
  #navigation-bar ul.navigation-list li.has-dropdown {
    clear: both;
  }
  #navigation-bar ul.navigation-list li.has-dropdown > a {
    width: 75%;
    float: left;
  }
  #navigation-bar ul.navigation-list li.has-dropdown > span.dropdown-toggle {
    width: 25%;
    background: url(../images/macmillan-me/expand-collapse-top-nav.gif) no-repeat right top;
    height: 32px;
    float: right;
  }
  #navigation-bar ul.navigation-list li.has-dropdown > span.dropdown-toggle.click {
    background-position: right -100px;
  }
  #navigation-bar ul.navigation-list li.has-dropdown > ul {
    clear: both;
    width: 100%;
  }
}
#navigation-bar ul.navigation-list ul {
  display: none;
  /* Hide dropdowns by default */

  position: absolute;
  margin-left: 0;
  top: 36px;
  background: #4e4e4e;
  z-index: 1000;
  width: 250px;
  border: 2px solid #fff;
}
@media screen and (max-width: 940px) {
  #navigation-bar ul.navigation-list ul {
    position: relative;
    top: 0;
    border: 0;
    background: #999999;
    overflow: auto;
  }
}
#navigation-bar ul.navigation-list ul li {
  width: 100%;
  display: block;
}
#navigation-bar ul.navigation-list ul li a {
  font-size: 13px;
  padding-right: 20px;
  color: #cde8f1;
  width: 100%;
  display: block;
}
#navigation-bar ul.navigation-list ul li a:hover {
  background: #da1b2b;
}
#navigation-bar ul.navigation-list ul .has-dropdown > a {
  background: url(../images/nav-bar-arrow.gif) no-repeat right top #4e4e4e;
}
#navigation-bar ul.navigation-list ul .has-dropdown > a:hover {
  background: url(../images/nav-bar-arrow.gif) no-repeat right -200px #da1b2b;
}
@media screen and (max-width: 940px) {
  #navigation-bar ul.navigation-list ul .has-dropdown > a {
    background: none;
  }
  #navigation-bar ul.navigation-list ul .has-dropdown > a:hover {
    background: none;
  }
}
#navigation-bar ul.navigation-list ul ul {
  font-weight: normal;
  width: 246px;
  z-index: 2000;
  position: absolute;
  left: 100%;
  top: -2px;
}
@media screen and (max-width: 940px) {
  #navigation-bar ul.navigation-list ul ul {
    background: #e3e3e3;
    position: relative;
    left: 0;
    top: 0;
  }
}
#navigation-bar ul.navigation-list ul ul a {
  color: #fff;
}
@media screen and (max-width: 940px) {
  #navigation-bar ul.navigation-list ul ul a {
    color: #454545;
  }
  #navigation-bar ul.navigation-list ul ul a:hover {
    color: #fff;
  }
}
#navigation-bar ul.navigation-list ul ul ul {
  display: none;
  z-index: 3000;
  position: absolute;
  border: 2px solid #fff;
}
@media screen and (max-width: 940px) {
  #navigation-bar ul.navigation-list ul ul ul {
    position: relative;
    top: 0;
    left: 0;
    border: 0;
  }
}
#navigation-bar ul.navigation-list .hover > ul {
  display: block;
}
@media screen and (max-width: 940px) {
  #navigation-bar ul.navigation-list .hover > ul {
    display: none;
  }
}
@media screen and (max-width: 940px) {
  #navigation-bar ul.navigation-list .hover.toggled > ul {
    display: block;
  }
}
@media screen and (max-width: 940px) {
  #navigation-bar ul.navigation-list .toggled > ul {
    display: block;
  }
}
#navigation-bar ul.navigation-list ul ul .has-dropdown.hover > a {
  color: #00aeef;
  background: url(../images/nav-bar-arrow.gif) no-repeat right -200px #c9dce2;
}
@media screen and (max-width: 940px) {
  #navigation-bar ul.navigation-list ul ul .has-dropdown.hover > a {
    color: inherit;
    background: none;
  }
}
#navigation-bar .level-test-nav-link {
  background: #96daf5;
}
#navigation-bar .level-test-nav-link a {
  color: #da1b2b !important;
}
#navigation-bar .level-test-nav-link a:hover {
  color: #fff !important;
}
.toggle-navigation-bar {
  display: none;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  background: #4e4e4e;
  color: #ffffff;
  padding: 9px;
  overflow: auto;
}
.toggle-navigation-bar .menu-toggle {
  cursor: pointer;
  float: left;
}
.toggle-navigation-bar .menu-toggle svg {
  position: relative;
  top: 2px;
}
.toggle-navigation-bar .cart-header:before {
  color: #ffffff;
}
.toggle-navigation-bar li.mini-cart {
  float: right;
  line-height: 0;
  position: relative;
  top: 12px;
}
.toggle-navigation-bar li.mini-cart a .price {
  color: #fff;
  font-weight: bold;
}
@media screen and (max-width: 940px) {
  .toggle-navigation-bar {
    display: block;
  }
  #navigation-bar {
    display: none;
  }
  #navigation-bar.show {
    display: block;
  }
}

@media screen and (min-width: 941px) {
	#dropdown-4 {width: 36em !important;}
	#dropdown-4 li {width: 50% !important; float: left;}
}

/* =============================================================== */
/* ============================= SIDE NAV ========================== */
/* =============================================================== */
.block-category-nav {
  /* Collapse all uls which are second-level onwards by default, and remove indentation */

  /* Expand uls which have been expanded */

  /* Make active category bold */

  /* Make deeper items narrower */

  /* FIRST LEVEL */

  /* Styling of level test link in top nav */

}
.block-category-nav a {
  font-size: 14px !important;
}
.block-category-nav .block-content {
  background: none;
}
.block-category-nav .block-content a,
.block-category-nav .block-content a:visited {
  color: #fff;
}
.block-category-nav .block-content a:hover {
  color: #454545;
}
.block-category-nav li.level0 ul {
  display: none;
  margin-left: 0;
  padding-left: 0;
}
.block-category-nav li.level1 .cat-header {
  padding-left: 18px;
}
.block-category-nav li.level2 .cat-header {
  padding-left: 27px;
}

.block-category-nav li.level3 .cat-header {
	padding-left: 36px;
}

.block-category-nav li.level3 .cat-header:hover {
	background: #da1b2b;
	color: #fff;
}

.block-category-nav li.level3 .cat-header a:hover {
	color: #fff;
}


.block-category-nav li.level4 .cat-header {
	padding-left: 45px;
}

.block-category-nav li.level4 .cat-header:hover {
	background: #da1b2b;
	color: #fff;
}

.block-category-nav li.level4 .cat-header a:hover {
	color: #fff;
}

.block-category-nav li.level0 ul.expanded {
  display: block;
  padding-bottom: 5px;
  background: #6e6d72;
}
.block-category-nav .cat-header {
  display: block;
  margin-bottom: 1;
  width: 100%;
  padding: 13px;
  background: #6e6d72;
  padding: 5px 13px;
}
.block-category-nav li.level1:last-child > .cat-header:last-child {
  border-bottom: 0 !important;
}
.block-category-nav .expand-cat-nav {
  background: url(../images/macmillan-me/expand-collapse.gif) no-repeat right top;
  width: 15px;
  height: 20px;
  float: right;
  cursor: pointer;
}
.block-category-nav .level1 .expand-cat-nav {
  background: url(../images/macmillan-me/expand-collapse-blue.gif) no-repeat right top;
}
.block-category-nav ul.level0.expanded {
  border-bottom: 2px solid #fff;
}

.block-category-nav .cat-link {
	float: left;
	max-width: 85%;
}

.block-category-nav .level1 > .cat-header > .cat-link {
  color: #cde8f1;
  font-weight: bold;
}
.block-category-nav .level0 > .cat-header {
  border-bottom: 2px solid #fff;
}
.block-category-nav .level2 .cat-header {
  padding-top: 2px;
  padding-bottom: 2px;
}
.block-category-nav li.level2.active > .cat-header {
  background: #e3e3e3;
}
.block-category-nav li.level2.active > .cat-header > a.cat-link {
  color: #454545;
}
.block-category-nav li.level2 > .cat-header:hover {
  background: #da1b2b;
}
.block-category-nav li.level2 > .cat-header:hover > a:hover {
  color: #fff;
}
.block-category-nav .expand-cat-nav.clicked {
  background-position: 0 -100px;
}
.block-category-nav .level0 > .cat-header {
  background: #da1b2b;
  padding: 13px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.block-category-nav .level0 > .cat-header > a {
  color: #fff;
  font-weight: bold;
}
.block-category-nav .level-test-sidenav-link .cat-header {
  background: #96daf5;
}
.block-category-nav .level-test-sidenav-link .cat-header:hover a {
  color: #fff;
}
.block-category-nav .level-test-sidenav-link .cat-header a {
  color: #da1b2b;
}
/* =============================================================== */
/* ============================= MISC ========================== */
/* =============================================================== */
.breadcrumbs {
  margin-bottom: 9px;
}
.home-feature {
  display: block;
  text-align: center;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  background: #96daf5;
  padding: 18px;
  min-height: 156px;
}
.home-feature h3 {
  font-weight: bold !important;
  margin-bottom: 0;
  color: #6d6e71;
}
.home-feature p {
  color: #6d6e71;
}
.block-learning-tools {
  margin-bottom: 0 !important;
  max-width: 300px;
}
.cycle-banner-container img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  width: 100%;
}
.fb_iframe_widget.fb-like-box,
.fb_iframe_widget.fb-like-box span,
.fb_iframe_widget.fb-like-box iframe {
  max-width: 100% !important;
  width: 100% !important;
}
/*Unset normal block styles for the following blocks... */
.block-fb-feed .block-content,
.block-preview .block-content,
.block-related .block-content,
.block-learning-tools .block-content {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 0;
  background: none;
}
/*
.social-links {
	
	overflow: auto;
	
	.follow-us {
		padding-top: 10px;
		float: left;
		display: block;
		font-size: 14px;
	}
	
	.social-links-images {
		float: right;
		display: block;
		}
	
}
*/
/* =============================================================== */
/* ============================= FOOTER ========================== */
/* =============================================================== */
.footer-container {
  clear: both;
}
.footer-container .row {
  margin-bottom: 0;
}
.footer-bottom,
.footer-bottom span,
.footer-bottom address {
  background: #d6e3e9;
  color: #454545;
  font-size: 11px;
  font-style: normal;
  margin-bottom: 0.5em;
}
.footer-top {
  background: #e3e3e4;
  background-image: url('../images/footer-bg.png');
  background-repeat: no-repeat;
  background-position: right bottom;
  background-position: right 50px bottom 0px;
  padding: 18px 54px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 3px solid #fff;
}
@media screen and (max-width: 800px) {
  .footer-top {
    padding: 18px;
  }
}
.footer-top h4 {
  font-size: 15px;
  font-weight: bold;
}
.footer-bottom {
  padding: 18px;
}
.footer-container {
  padding: 18px 18px 0;
}
@media screen and (max-width: 800px) {
  .footer-container {
    padding: 18px 9px 0;
  }
}
.footer-container .footer-links ul {
  float: left;
  display: block;
  width: 14.66%;
  padding-right: 2%;
}
@media screen and (max-width: 800px) {
  .footer-container .footer-links ul {
    width: 31.33%;
  }
}
@media screen and (max-width: 500px) {
  .footer-container .footer-links ul {
    width: 98%;
  }
}

@media screen and (max-width: 360px) {
  .footer-top {
    background-image: none;
  }
}



.footer-container .payment-logos {
  text-align: right;
}
.footer-container .payment-logos img {
  margin-left: 5px;
}
/* =============================================================== */
/* ========================== PRODUCT PAGE ======================== */
/* =============================================================== */
.product-downloadable-view .product-shop .price-box {
  display: none;
}
.block-preview .block-title {
  padding: 13px;
  background: #96daf5;
  border-bottom: 2px solid #fff;
}
.block-preview .block-title h3 {
  color: #454545;
}
.block-preview .block-content {
  padding: 18px;
  background: #e3e3e3;
}
.product-options dt {
  padding: 0;
}
.product-options-bottom .price-box {
  margin-bottom: 9px !important;
}
.add-to-cart .btn-cart:focus,
.add-to-cart .btn-cart:hover {
  background: #999999;
}
.fb_iframe_widget.fb-like {
  width: 130px;
}
iframe.twitter-share-button {
  width: 88px !important;
  top: 3px;
  position: relative;
}
/* =============================================================== */
/* ========================== CHECKOUT ======================== */
/* =============================================================== */
#shopping-cart-table .row.cart-item-row,
#shopping-cart-table .row.theading {
  margin-left: 0;
  margin-right: 0;
}
#shopping-cart-table .row.cart-item-row {
  background: #e9f1f3;
  padding-top: 18px;
  padding-bottom: 18px;
  margin-bottom: 0;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}
#shopping-cart-table .row.cart-item-row .price {
  font-size: 16px;
  color: #454545;
}
@media screen and (max-width: 800px) {
  #shopping-cart-table .row.cart-item-row {
    margin-bottom: 9px;
  }
}
#shopping-cart-table .row.cart-buttons {
  margin-top: 18px;
}
#shopping-cart-table .row.cart-item-row .product-name a {
  color: #da1b2b;
}
#shopping-cart-table .row.theading {
  background: #dc1226;
  padding-top: 9px;
  padding-bottom: 9px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#shopping-cart-table .row.theading .columns,
#shopping-cart-table .row.theading .column {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
}
@media screen and (max-width: 800px) {
  #shopping-cart-table .row.theading {
    display: none;
  }
}
#shopping-cart-table .row.cart-item-row:nth-child(even) {
  background: white;
}
@media screen and (max-width: 800px) {
  #shopping-cart-table .row.cart-item-row:nth-child(even) {
    background: #e3e3e3;
  }
}
.overflow-x {
  overflow-x: auto;
  max-width: 100%;
}
#checkout-review-table-wrapper {
  min-width: 500px;
}
#checkoutSteps .back-link a:before {
  background: url(../images/macmillan-me/up-arrow.png) no-repeat 0 0;
  background-size: 30px 30px;
}
/* =============================================================== */
/* ========================== MY ACCOUNT ======================== */
/* =============================================================== */
.my-account h2 {
  font-weight: bold;
  background: #da1b2c;
  width: 100%;
  padding: 9px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  font-size: 15px;
  color: #fff;
}

.customer-account-index .header-bar h2 {
  font-weight: bold;
  background: #da1b2c;
  width: 100%;
  padding: 9px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  font-size: 15px;
  color: #fff;
}



.download-help-container {
	background: #e7e7e8;
	width: 500px;
	height: 300px;
}

.download-help-container-hidden {
	background: #e7e7e8;
	width: 500px;
	height: 300px;
	display: none;
}