/* --- ( GLOBAL NAVIGATION ) ------------------------------------------------ */

#nav { background-image: url("../i/bg/nav_gray.gif"); }

#nav_home { background-image: url("../i/nav/home_gray.gif"); }
#nav_index { background-image: url("../i/nav/index_gray.gif"); }
#nav_shapeknives { background-image: url("../i/nav/shapeknives_gray.gif"); }
#nav_accessories { background-image: url("../i/nav/accessories_gray.gif"); }
#nav_projects { background-image: url("../i/nav/projects_gray.gif"); }
#nav_downloads { background-image: url("../i/nav/downloads_gray.gif"); }
#nav_specials { background-image: url("../i/nav/specials_gray.gif"); }
#nav_contact { background-image: url("../i/nav/contact_gray.gif"); }

#nav_home:hover, #nav_home.here { background-image: url("../i/nav/home_on_gray.gif"); }
#nav_index:hover, #nav_index.here { background-image: url("../i/nav/index_on_gray.gif"); }
#nav_shapeknives:hover, #nav_shapeknives.here { background-image: url("../i/nav/shapeknives_on_gray.gif"); }
#nav_accessories:hover, #nav_accessories.here { background-image: url("../i/nav/accessories_on_gray.gif"); }
#nav_projects:hover, #nav_projects.here { background-image: url("../i/nav/projects_on_gray.gif"); }
#nav_downloads:hover, #nav_downloads.here { background-image: url("../i/nav/downloads_on_gray.gif"); }
#nav_specials:hover, #nav_specials.here { background-image: url("../i/nav/specials_on_gray.gif"); }
#nav_contact:hover, #nav_contact.here { background-image: url("../i/nav/contact_on_gray.gif"); }

/* --- ( TITLES ) ----------------------------------------------------------- */

#knives { display: block; }
#knives-title { display: block; }
#shapers { display: none; }
#shapers-title { display: none; }
#combos { display: none; }
#combos-title { display: none; }

/* --- ( THUMBNAILS ) ------------------------------------------------------- */

#catalog-thumbs {
  float: right;
  margin: 10px 0;
  border-top: 1px dotted #d7d7d7;
  border-bottom: 1px dotted #d7d7d7;
  padding-top: 10px;
  width: 400px;
  height: 500px;
  overflow: auto;
  }
.thumb {
  float: left;
  width: 190px;
  height: 3em;
  margin-bottom: .5em;
  text-transform: uppercase;
  font-size: .9em;
  line-height: 1.2em;
  }
.combo, .other { height: auto; }
.thumb-images { width: 55px; }
.thumb-image {
  float: left;
  width: 50px;
  border: 1px solid #d7d7d7;
  margin: 0 10px 5px 0;
  }
.thumb-text {
  width: 120px;
  padding-right: 10px;
  }

/* --- ( DETAILS ) ---------------------------------------------------------- */

#catalog-details {
  float: left;
  margin: 10px 0;
  width: 300px;
  height: auto;
  background-color: #fafafa;
  }
.detail-image {
  width: 273px;
  height: auto;
  padding: 10px;
  border: 1px solid #d7d7d7;
  margin-bottom: 10px;
  background-color: #fff;
  }
.detail {
  width: 288px;
  height: auto;
  padding: 6px;
  }