/*
 *  Consumers Styles
 */

/* Bring tabs to the left side of the page rather than the far right */

div#frame div#frame-navigation ul.tabs {
  width: auto;
  float: none;
  margin-left: 177px;
}

/* Setup tabs so 'Consumers' is in focus */

div#frame div#frame-navigation ul.tabs li.consumers a {
  background: url(/img/tabs/consumers-tab-right-a.gif) right no-repeat;
  color: #fff;
}
div#frame div#frame-navigation ul.tabs li.businesses {
  background: #f8ad14 url(/img/tabs/businesses-tab-left-a.gif) no-repeat;
}
div#frame div#frame-navigation ul.tabs li.businesses a {
  background: url(/img/tabs/businesses-tab-right-a.gif) right no-repeat;
}
div#frame div#frame-navigation ul.tabs li.providers {
  background: #cdd0d7 url(/img/tabs/providers-tab-left-a.gif) no-repeat;
}

/* Theme up the main menu to suit */

div#frame div#frame-menu div.container {
  background: #38b1c2 url(/img/consumers/menu-top-corner.gif) no-repeat;
}
div#frame div#frame-menu ul.root-items {
  background: url(/img/consumers/menu-bottom-corner.gif) left bottom no-repeat;
}
div#frame div#frame-menu ul.root-items li a.root-item {
  border-color: #01adc3;
  color: #fff;
}

/* Set appropriate frame background */

div#frame div#frame-main {
  background: #38b1c2;
}

/* Reinitialise content area to allow for a sidebar if it exists */

div#frame div#frame-content.with-sidebar {
  float: left;
  width: 505px;
  marg\in-right: 7px;
}

/* Set correctly coloured 'bullet' for the page title background */

div#frame div#frame-content div.segment h2#page-title {
  background-image: url(/img/consumers/page-title-bullet.gif);
}

/* Set sidebar imagery */

div#frame div#frame-sidebar div.special-offers {
  background-image: url(/img/consumers/special-offers-bottom.gif);
}
div#frame div#frame-sidebar div.special-offers h3 {
  background-image: url(/img/consumers/special-offers-top.gif);
}
div#frame div#frame-sidebar div.special-offers ul {
  background-image: url(/img/consumers/special-offers-background.gif);
}

/* Apply for a product button */

p#apply-for-a-product button {
  padding: 0;
  border: 1px solid #bbb;
  background: #fbdd9d;
  cursor: pointer;
}