/* Color ways */
/* Brown variation */
.color-brown-light {
  background: #efdcc0;
}

.color-brown {
  background: #e7be92;
}

.color-black {
  background: #333;
  color: #fff;
}

.text-color-black {
  color: #000;
}

/* "Lightest" grey (Even though its darker than the 'light' grey...) */
.color-lightest-grey {
  background: #ccc;
}

.color-lightest-grey .primary,
.color-lightest-grey .tertiary {
  box-shadow: 0 1px 3px 1px #999;
}

.color-lightest-grey .secondary {
  box-shadow: 0 1px 3px 1px #bbb;
}

.color-lightest-grey .secondary:hover,
.color-lightest-grey .secondary:focus {
  box-shadow: 0 1px 3px 1px #aaa;
}

/* White variation */
.color-white {
  background-color: #fff;
  color: #000;
}

/* Fix for IE7 disappearing content bug */
.ie7 .color-white {
  min-height: 0;
}

/*.subscription a:hover strong.color-white{background-color:#ccc;}*/

/* Light grey variation */
.color-grey-light {
  background-color: #f5f5f5;
  color: #666;
}

/* Mid Grey variation */
.color-grey-mid {
  background-color: #666;
  color: #fff;
}

.color-grey-mid a {
  color: #fff;
  text-decoration: underline;
}

.color-grey-mid a:hover,
.color-grey-mid a:focus {
  color: #fff;
  text-decoration: none;
}

/* Dark Grey variation */
.color-grey-dark {
  background-color: #333;
  color: #fff;
}

.rightsidebar .ul-dec-dots.color-grey-darkest, .rightsidebar .ul-dec-dots.color-grey-darkest li {
  border-color: #999;
}

.color-grey-bmfx {
  background-color: #dbdbdb;
}

.color-grey-darker, .text-color-grey-darker {
  color: #666;
}

.color-grey-dark a {
  background-color: #333;
  color: #fff;
  text-decoration: none;
}

.color-grey-dark a:hover, .color-grey-dark a:focus, .color-grey-dark a:active {
  color: #fff;
  text-decoration: underline;
}

.color-grey-dark-bg {
  background: #666;
}

.color-grey-dark a:hover.primary, .color-grey-dark a:hover.secondary, .color-grey-dark a:hover.tertiary {
  text-decoration: none;
}

.color-grey-dark a.secondary {
  color: #000;
}

.subscription a:hover strong.color-grey-dark-bg {
  background-color: #c00;
}

/* Black variation */
.color-black {
  background-color: #000;
  color: #fff;
}

/*Text variations*/
.text-color-white {
  color: #fff;
}

.text-color-red {
  color: #cc0000;
}

.text-color-dark-grey {
  color: #333;
}

.text-color-grey-mid {
  color: #8c8c8c;
}

.text-color-grey-lighter {
  color: #8f8f8f;
}

/* additional colours for promo requirements */
.text-color-red-two {
  color: #990000;
}

.text-color-grey-one {
  color: #EBEBEB;
}

.text-color-grey-two {
  color: #CCC;
}

.text-color-grey-three {
  color: #999;
}

/* Red background variation */
.color-red {
  background-color: #c00;
  color: #FFF;
}

.color-red a,
.color-red a:hover,
.color-red a:focus {
  color: #FFF;
}