div#hp-content {
  background-color: #110f10;
  padding-bottom: 18px;
}
div#hp-columns {
  width: 942px;
  padding: 18px 0 18px 18px;
  overflow: hidden;
}
div#hp-columns div#hp-left-column,
div#hp-columns div#hp-middle-column,
div#hp-columns div#hp-right-column {
  background: #cacaca url(/img/hp-panel-bottom.gif) bottom left no-repeat;
  float: left;
  margin: 0 16px 0 0;
  width: 289px;
  height: 424px;
}
div#hp-columns div#hp-left-column {
  width: 315px;
  background: #c1c1c1 url(/img/hp-panel-bottom-wide.gif) bottom left no-repeat;
}

div#hp-columns h2 {
  background: #8a8a8a url(/img/hp-panel-top.gif) top left no-repeat;
  line-height: 33px;
  font-size: 1.5em;
  color: #fff;
  font-weight: normal;
  margin: 0;
  padding: 0 12px 0 14px;
  height: 33px;
  overflow: hidden;
}
div#hp-columns h2 span {
  float: right;
  background: #c1c1c1 url(/img/enter-shop-top.gif) top left no-repeat;
  margin: 14px 0 0 0;
  width: 90px;
  height: 19px;
}
div#hp-columns h2 a {
  display: block;
  background: url(/img/red-arrow.gif) right no-repeat;
  background-position: 92% 50%;
  line-height: 19px;
  padding: 0 16px 0 6px;
  color: #f00;
  font-size: 0.5em;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}
div#hp-columns h2 a:hover {
  text-decoration: underline;
}
div#hp-columns div#hp-left-column h2 {
  background-image: url(/img/hp-panel-top-wide.gif);
}



/*
 * Homepage left column
 */
div#hp-columns div#hp-left-column ul {
  list-style: none;
  padding: 12px 0 0 6px;
  margin: 0;
}
div#hp-columns div#hp-left-column ul li {
  background: #fff url(/img/hp-what-we-go-li-bottom.gif) bottom left no-repeat;
  width: 290px;
  margin-bottom: 12px;
}
div#hp-columns div#hp-left-column ul li h3 {
  background: #fff url(/img/hp-what-we-go-li-h3.gif) top left no-repeat;
  margin: 0 0 2px 0;
  font-size: 1.1em;
  padding: 8px 12px 0 4px;
}
div#hp-columns div#hp-left-column ul li div.item {
  padding: 4px 12px 15px 4px;
  height: 100%;
  overflow: hidden;
}
div#hp-columns div#hp-left-column ul li div.image {
  background: url(/img/hp-what-we-do-frame.png) top left no-repeat;
  float: left;
  width: 84px;
  height: 66px;
  overflow: hidden;
}
div#hp-columns div#hp-left-column ul li div.image img {
  display: block;
  padding: 3px 0 0 3px;
}
div#hp-columns div#hp-left-column ul li p.info {
  float: left;
  font-size: 0.85em;
  line-height: 1.3em;
  margin: 0 0 0 5px;
  padding: 0;
  width: 177px;
}




/*
 * Homepage Middle Column
 * This column has tabbed content so we will use li's for each bit of content
 */
div#hp-middle-column ul.ui-tabs-nav {
  display: block;
  list-style: none;
  margin: 0;
  padding: 11px 11px 0 11px;
  width: 267px;
  overflow: hidden;
}
div#hp-middle-column ul.ui-tabs-nav li {
  float: left;
  margin-left: 1px;
  background: #dadada url(/img/hp-tab-inactive-left.gif) top left no-repeat;
}
div#hp-middle-column ul.ui-tabs-nav li.first {
  margin-left: 0;
}
div#hp-middle-column ul.ui-tabs-nav li a {
  display: block;
  background: url(/img/hp-tab-inactive-right.gif) top right no-repeat;
  padding: 0 10px 0 10px;
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 27px;
}
div#hp-middle-column ul.ui-tabs-nav li a:hover {
  text-decoration: underline;
}
div#hp-middle-column li.ui-tabs-selected {
  background: #fff url(/img/hp-tab-active-left.gif) top left no-repeat !important;
}
div#hp-middle-column li.ui-tabs-selected a {
  display: block;
  background: url(/img/hp-tab-active-right.gif) top right no-repeat !important;
  padding: 0 10px 0 10px;
  line-height: 27px;
}
div#hp-middle-column li.ui-tabs-unselect,
div#hp-middle-column li.ui-tabs-disabled {
  background: #dadada url(/img/hp-tab-inactive-left.gif) top left no-repeat !important;
}
div#hp-middle-column li.ui-tabs-unselect a,
div#hp-middle-column li.ui-tabs-disabled a {
  background: url(/img/hp-tab-inactive-right.gif) top right no-repeat !important;
}
div#hp-middle-column div.ui-tabs-panel {
  margin: 0 11px 11px 11px;
  padding: 16px;
  background: #fff url(/img/hp-white-box-bottom.gif) bottom left no-repeat;
  height: 308px;
}
div#hp-middle-column div.ui-tabs-hide {
  display: none;
}


/**
 * Styles for coda style tabs
 */
div#hp-middle-column #slider {
  width: 267px;
  margin: 0 auto;
  position: relative;
}

div#hp-middle-column .scroll {
  width: 267px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  margin: 0 0 11px 0;
  background: #fff url(/img/hp-white-box-bottom.gif) bottom left no-repeat scroll;
  height: 340px;
}

div#hp-middle-column .scrollContainer div.panel {
  padding: 16px;
  height: 308px;
  width: 235px; /* change to 560px if not using JS to remove rh.scroll */
}
div#hp-middle-column ul.navigation {
  display: block;
  list-style: none;
  margin: 0;
  padding: 11px 0 0 0;
  width: 267px;
  overflow: hidden;
}
div#hp-middle-column ul.navigation li {
  float: left;
  margin-left: 1px;
}
div#hp-middle-column ul.navigation li.first {
  margin-left: 0;
}
div#hp-middle-column ul.navigation li a {
  display: block;
  color: #000;
  background: #dadada url(/img/hp-tab-inactive-left.gif) top left no-repeat;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 27px;
}
div#hp-middle-column ul.navigation li a:hover {
  text-decoration: underline;
}
div#hp-middle-column ul.navigation li a span {
  display: block;
  background: url(/img/hp-tab-inactive-right.gif) top right no-repeat;
  padding: 0 10px 0 10px;
}
div#hp-middle-column ul.navigation li a.selected {
  background-image: url(/img/hp-tab-active-left.gif);
}
div#hp-middle-column ul.navigation li a.selected span {
  background-image: url(/img/hp-tab-active-right.gif);
}



/*
 * Homepage Right Column
 */
div#hp-right-column div#store-content {
  margin: 11px 11px 11px 11px;
  padding: 3px 0 0 0;
  background: #fff url(/img/hp-white-box-top.gif) top left no-repeat;
}
div#hp-right-column div#store-content div.inner {
  background: #fff url(/img/hp-white-box-bottom.gif) bottom left no-repeat;
  padding: 16px;
  height: 332px;
}
div#hp-right-column div#store-content div.inner p {
  /* background: url(/img/store-tbc.png) no-repeat;
  background-position: 50% 50%; */
  margin: 0;
  padding: 0;
}
div#hp-right-column div#store-content div.inner ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
div#hp-right-column div#store-content div.inner ul li {
  overflow: hidden;
  width: 100%;
  margin: 0 0 0.9em 0;
}
div#hp-right-column div#store-content div.inner ul li a.image {
  float: left;
  border: 1px solid #999;
  width: 100px;
  margin-right: 10px;
}
div#hp-right-column div#store-content div.inner ul li h4 {
  margin: 0;
  padding: 0;
}
div#hp-right-column div#store-content div.inner ul li h4 a {
  text-decoration: none;
}
div#hp-right-column div#store-content div.inner ul li h4 a:hover {
  text-decoration: underline;
}


/*
 * Clients section
 */
div#hp-clients {
  background: #fff url(/img/clients-top-bg.gif) top left no-repeat;
  padding: 2px 0 0 0;
  margin: 0 auto 0 auto;
  width: 925px;
}
div#hp-clients div.inner {
  background: #fff url(/img/clients-bottom-bg.gif) bottom left no-repeat;
  padding: 8px 15px 2px 15px;
  width: 895px;
  overflow: hidden;
}
div#hp-clients div.inner h2 {
  font-size: 1.8em;
  font-weight: normal;
  margin: 0;
  padding: 0 0 0.5em 0;
}
div#hp-clients div#hp-clients-left {
  font-size: 0.85em;
  float: left;
  line-height: 1.4em;
  border-right: 1px solid #231f20;
  padding: 10px 30px 8px 0px;
  width: 180px;
}
div#hp-clients div#hp-clients-left p {
  margin: 0;
  padding: 0;
}
div#hp-clients ul#hp-clients-logos {
  float: left;
  width: 610px;
  list-style: none;
  margin: 0 0 0 40px;
  padding: 0;
}
div#hp-clients ul#hp-clients-logos li {
  float: left;
  padding: 20px;
}
div#hp-clients ul#hp-clients-logos li.first {
  padding-left: 0;
}
div#hp-clients ul#hp-clients-logos li.last {
  padding-right: 0;
}