/*
 *  Providers 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 'Providers' is in focus */

div#frame div#frame-navigation ul.tabs li.consumers a {
  background: url(/img/tabs/consumers-tab-right-b.gif) right no-repeat;
}
div#frame div#frame-navigation ul.tabs li.businesses {
  background: #f8ad14 url(/img/tabs/businesses-tab-left-b.gif) no-repeat;
}
div#frame div#frame-navigation ul.tabs li.businesses a {
  background: url(/img/tabs/businesses-tab-right-b.gif) right no-repeat;
}
div#frame div#frame-navigation ul.tabs li.providers {
  background: #cdd0d7 url(/img/tabs/providers-tab-left-b.gif) no-repeat;
}
div#frame div#frame-navigation ul.tabs li.providers a {
  color: #fff;
}

/* Theme up the main menu to suit */

div#frame div#frame-menu div.container {
  background: #cecfd3 url(/img/providers/menu-top-corner.gif) no-repeat; ;
}
div#frame div#frame-menu ul.root-items {
  background: url(/img/providers/menu-bottom-corner.gif) left bottom no-repeat;
}
div#frame div#frame-menu ul.root-items li a.root-item {
  border-color: #888;
}
div#frame div#frame-menu ul.root-items li ul.sub-items {
  border-bottom: 1px solid #888;
}
div#frame div#frame-menu ul.root-items li ul.sub-items li a {
  color: #888;
}

/* Set appropriate frame background */

div#frame div#frame-main {
  background: #cecfd3;
}

/* 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/providers/page-title-bullet.gif);
}

/* Set sidebar imagery */

div#frame div#frame-sidebar div.special-offers {
  background-image: url(/img/providers/special-offers-bottom.gif);
}
div#frame div#frame-sidebar div.special-offers h3 {
  background-image: url(/img/providers/special-offers-top.gif);
}
div#frame div#frame-sidebar div.special-offers ul {
  background-image: url(/img/providers/special-offers-background.gif);
}
