/*
 * Homepage Styles
 */

div#page-content {
  padding-left: 11px !important;
}

div#page-content .hidden {
  position: absolute;
  left: -9999px;
}

div#page-content a {
  text-decoration: none;
}
div#page-content a:hover {
  text-decoration: underline;
}


/*
 * Slideshow and main feature
 */

div#slideshow-and-main-feature {
  overflow: hidden;
  padding-bottom: 15px;
  height: 100%;
}

/* Slideshow */

div#slideshow-and-main-feature div#slideshow {
  float: left;
  width: 399px;
  height: 274px;
}
div#slideshow div#feature-box-content {
  overflow: hidden;
  height: 229px;
}
div#feature-box-content div.feature {
  position: relative;
}
div.feature p.caption {
  color: #000;
  background: #fff;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: pointer;
  margin: 0;
  padding: 5px 10px 5px 10px;
  position: absolute;
  bottom: 0;
  width: 379px;
  height: 35px;
}
div.feature p.caption a {
  font-weight: bold;
  color: #504455;
}
div#feature-box-content img {
  display: block;
}
div#slideshow div#feature-box-menu ul#tabs {
  overflow: hidden;
  list-style: none;
  margin: 2px 0 0 0;
  padding: 0;
}
ul#tabs li {
  float: left;
  background: url(/img/homepage/video-tab-2.gif) top left no-repeat;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  overflow: hidden;
  margin: 0 3px 0 0;
  padding: 5px 5px 0 5px;
  width: 121px;
  height: 38px;
  line-height: 1.3em;
}
ul#tabs li.last {
  margin-right: 0;
}
ul#tabs li.selected {
  background-image: url(/img/homepage/video-tab-3.gif);
}
ul#tabs li a {
  display: block;
  height: 40px;
}

/* Main Feature & Service Finder */

div#slideshow-and-main-feature div#main-feature-and-service-finder {
  float: right;
  width: 271px;
}

div#main-feature-and-service-finder div#main-feature h2 {
  background: #78657f;
  color: #fff;
  font-size: 1.0em;
  margin: 0 0 10px 0;
  padding: 3px 6px 3px 6px;
}
div#main-feature div {
  overflow: hidden;
  height: 150px;
}
div#main-feature div.with-thumbnail {
  padding-left: 112px;
}
div#main-feature p.thumbnail {
  cursor: pointer;
  float: left;
  display: inline;
  margin-left: -112px;
}
div#main-feature p.thumbnail img {
  display: block;
}
div#main-feature h3 {
  color: #78657f;
  cursor: pointer;
  font-family: georgia, serif;
  font-size: 1.6em;
  font-weight: normal;
  margin: 0 0 7px 0;
}
div#main-feature p.date {
  margin: 0 0 8px 0;
}
div#main-feature p.summary {
  margin: 0 0 8px 0;
}
div#main-feature p.continue-reading {
  margin: 0;
}
div#main-feature p.continue-reading a {
  color: #78657f;
  font-weight: bold;
}

div#main-feature-and-service-finder div#service-finder {
  overflow: hidden;
  border-top: 1px solid #ccc;
  margin: 10px 0 0 0;
  padding: 10px 0 0 0;
  height: 100%;
}
div#service-finder div.details {
  float: left;
  width: 198px;
}
div#service-finder div.details h2 {
  background: #c5dd87;
  color: #fff;
  font-size: 1.0em;
  margin: 0 0 8px 0;
  padding: 3px 5px 3px 5px;
}
div#service-finder div.details p {
  margin: 0;
}
div#service-finder div.details p span.click-here {
  display: block;
  text-align: right;
}
div#service-finder div.details p span.click-here a {
  font-weight: bold;
}
div#service-finder p.thumbnail {
  cursor: pointer;
  float: right;
  margin: 0;
  width: 69px;
}
div#service-finder p.thumbnail img {
  display: block;
}


/*
 * Supplier Directory and Other Features
 */

div#supplier-directory-and-other-features {
  overflow: hidden;
  height: 100%;
}

/* Supplier Directory */

div#supplier-directory-and-other-features div#supplier-directory {
  background: #f8f1ee url(/img/homepage/supplier-directory-background.png) right 1px no-repeat;
  overflow: hidden;
  float: left;
  border-top: 1px solid #ccc;
  width: 482px;
}
div#supplier-directory div#supplier-directory-inner {
  background: url(/img/homepage/supplier-directory-corner.png) left bottom no-repeat;
  padding: 10px 14px 12px 14px;
}
div#supplier-directory h2 {
  color: #78657f;
  font-family: georgia, serif;
  font-size: 2.1em;
  font-weight: normal;
  margin: 0 0 28px 0;
}
div#supplier-directory div#supplier-directory-categories {
  overflow: hidden;
  height: 100%;
}
div#supplier-directory-categories div.left {
  float: left;
  width: 48%;
}
div#supplier-directory-categories div.right {
  float: right;
  width: 48%;
}
div#supplier-directory-categories ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
div#supplier-directory-categories ul li {
  line-height: 1.4em;
}
div#supplier-directory-categories ul li.category {
  margin: 0;
  padding: 0;
}
div#supplier-directory-categories ul li h3 {
  color: #986d98;
  font-size: 1.2em;
  margin: 0 0 1px 0;
}
div#supplier-directory-categories ul li h3 a {
  color: #986d98;
  text-decoration: none;
}
div#supplier-directory-categories ul li h3 a:hover {
  text-decoration: underline;
}
div#supplier-directory-categories ul li ul {
  margin: 0 0 24px 0;
}
div#supplier-directory-categories ul li ul li.subcategory {
  font-size: 0.9em;
  margin: 0 1px 0 0;
  padding: 0;
}
div#supplier-directory-categories ul li ul li.subcategory a {
  text-decoration: none;
}
div#supplier-directory-categories ul li ul li.subcategory a:hover {
  text-decoration: underline;
}

/* Other Features */

div#supplier-directory-and-other-features div#other-features {
  overflow: hidden;
  float: left;
  width: 208px;
}

/* Other Features - Facebook Like Box */

div#other-features div#facebook-like-box {
  overflow: hidden;
  border: 1px solid #ccc;
  margin: 0 0 5px 5px;
  width: 201px;
  height: 425px;
}
div#facebook-like-box iframe {
  position: relative;
  margin: 0;
  top: -1px;
  left: -1px;
}

/* Other Features - Articles */

div#other-features ul#article-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul#article-list li {
  border-top: 1px solid #ccc;
  background: url(/img/homepage/feature-li-bg.jpg) top left repeat-x;
  overflow: hidden;
  margin: 0;
  padding: 10px 10px 20px 10px;
}
ul#article-list li.first {
  border: none;
}
ul#article-list li h3 {
  color: #a89968;
  font-family: georgia, serif;
  font-weight: normal;
  font-size: 1.5em;
  line-height: 1.1em;
  margin: 0 0 10px 0;
  padding: 0;
}
ul#article-list li.first h3,
ul#article-list li.last h3 {
  color: #78657f;
}
ul#article-list li div {
  overflow: hidden;
  height: 100%;
}
ul#article-list li div.with-thumbnail {
  padding: 3px 0 0 75px;
}
ul#article-list li p.thumbnail {
  cursor: pointer;
  float: left;
  display: inline;
  margin: 0 0 3px -75px;
}
ul#article-list li p.thumbnail img {
  display: block;
}
ul#article-list li p.title {
  margin: 0 0 4px 0;
}
ul#article-list li p.title a {
  color: #78657f;
  font-weight: bold;
}
ul#article-list li p.date {
  margin: 0;
}

/* Other Features - Conversations */

div#other-features div#conversations {
  border-top: 1px solid #ccc;
  padding: 12px 0 12px 10px;
}
div#conversations h2 {
  color: #78657f;
  font-family: georgia, serif;
  font-size: 2.1em;
  font-weight: normal;
  margin: 0 0 12px 0;
}
div#conversations div#forum-introduction {
  overflow: hidden;
  height: 100%;
}
div#forum-introduction p {
  font-size: 0.9em;
  line-height: 1.2em;
}
div#forum-introduction p.icon {
  float: left;
  margin: 0 3px 0 0;
}
div#forum-introduction p.icon img {
  display: block;
}
div#conversations ul#forum-topics {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul#forum-topics li {
  margin: 0 0 8px 0;
  padding: 0;
}
ul#forum-topics li h3 {
  font-size: 1em;
  margin: 0 0 1px 0;
  line-height: 1.3em;
}
div#conversations p#join-the-discussion {
  margin: 0;
}
p#join-the-discussion a {
  color: #78657f;
  font-weight: bold;
}