/* --- { CHARACTER FORMATTING ) --------------------------------------------- */

.uc { text-transform: uppercase; font-size: .9em; }
.lc { text-transform: lowercase; }
.sc { font-variant: small-caps; }
.dc { float: left; font-size: 1.75em; margin: 0 .3em .3em 0; color: #959595; }
.indent { margin-left: 6px; }

/* --- { HEADINGS ) --------------------------------------------------------- */

p, li, blockquote, code, dd, dt, form { margin: 0 0 .5em 0; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

.skinny { border: 0; margin: 0; padding: 0; }
.flat { font-size: 0; line-height: 0; }

.error          { color: #b30000; padding: 0 0 0 22px; background: transparent url("../i/ico/error.gif") no-repeat left top; }
.notice         { color: #626262; padding: 0 0 0 22px; background: transparent url("../i/ico/notice.gif") no-repeat left top; }

.error.query    { background-image: url("../i/ico/error_query.gif"); }
.notice.query   { background-image: url("../i/ico/notice_query.gif"); }

.notice.data    { background-image: url("../i/ico/notice_data.gif"); }
.notice.file    { background-image: url("../i/ico/notice_file.gif"); }
.notice.cookie  { background-image: url("../i/ico/notice_cookie.gif"); }
.notice.global  { background-image: url("../i/ico/notice_global.gif"); }
.notice.session { background-image: url("../i/ico/notice_session.gif"); }

/* -- lists -- */
.nobull     { list-style: none;   margin-left: 0; padding-left: .4em; }
.project {
  list-style-image: url("../i/ico/pdf.gif");
  list-style-position: outside;
  margin-left: 20px;
  margin-bottom: 1em;
  }

.note {
  color: #959595;
  font-style: italic;
  font-family: Cambria, Georgia, Palatino, "Times New Roman", Times, Serif, serif;
  }
.note2 { font-weight: normal; font-size: .8em; }

   p+h1, ul+h1, blockquote+h1, dl+h1, form+h1 { margin-top: 1.4em; }
/* p+h2, ul+h2, blockquote+h2, dl+h2, form+h2 { margin-top: 1.4em; } */

/* --- ( BOXES ) ------------------------------------------------------------ */

.saved {
  background-color: #fff;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px dotted #fff;
  padding: 10px;
  } 
.saved:hover {
  background-color: #f5f5f5;
  border-color: #d7d7d7;
  }
.saved.active, .saved.active:hover {
  background-color: #fffbd2;
  border-color: #d7d7d7;
  } 
.saved + .saved { margin-top: 10px; }

#loading {
  width: 300px;
  height: 150px;
  background: #fff url("../i/loading.gif") no-repeat 50% 50%;
  }
#pauser {
  float: right;
  }
#help_box {
  width: 687px;
  height: auto; 
  float: left;
  margin-bottom: 20px;
  background: #f5f5f5;
  border: 1px solid #d7d7d7;
  padding: 10px;
  clear: both;
  }
/* * html #help_box { width: 693px; } */

#catalog-details #help_box { width: 278px; }
#catalog-details-edit #help_box { width: 278px; }
  
/* --- ( HEADER ) ----------------------------------------------------------- */

#logout {
  width: 715px;
  height: 30px;
  margin: 0 auto;
  text-align: left;
  color: #fff;
  background: #374878 url("../i/bg/logout.gif") no-repeat top left;
  padding: 0 25px;
  }
#logout p {
  display: -moz-inline-box;
  display: inline-block;
  position: relative;
  top: -10px;
  margin: 0;
  }
#logout img { top: 0; }
#header {
  width: 745px;
  height: 71px;
  margin: 0 auto;
  padding: 0 10px;
  text-align: right;
  background: #435891 url("../i/bg/header.gif") no-repeat top left;
  }
#nav_logolink { position: relative; float: left;     top: 5px; left: 5px; width: 300px; height: 60px; }
#nav_account  { position: relative; display: inline; top: 46px; right: 10px; }
#nav_viewcart { position: relative; display: inline; top: 46px; right: 10px; }
#nav_search   { position: relative; display: inline; top: 46px; right: 10px; }
#cartCounter  { position: relative; display: inline; top: 36px; right: 10px; color: #fff; }

#search   {
  position: absolute;
  display: none;
  top: 70px;
  width: 200px;
  background: transparent url("../i/bluebox_bg1.gif") no-repeat top center;
  z-index: 1;
  }
#search { left: 600px; }
#search-inner {
  position: relative;
  top: 1px; left: 0;
  color: #fff;
  text-align: right;
  line-height: 2em;
  background: #7da7d9 url("../i/bluebox_bg2.gif") no-repeat top center;
  padding: 15px;
  margin: 0;
  border: 1px solid #acacac;
  border-top: 0;
  }

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

#nav {
  width: 765px;
  height: 41px;
  margin: 0 auto;
  background: transparent url("../i/bg/nav.gif") no-repeat top right;
  }

* html #nav { margin-bottom: -4px; }

#nav_home,
#nav_index,
#nav_shapeknives,
#nav_accessories,
#nav_projects,
#nav_downloads,
#nav_specials,
#nav_contact {
  position: relative;
  display: inline;
  left: 15px;
  height: 41px;
  }

#nav_home         { background: transparent url("../i/nav/home.gif") no-repeat top left; width: 60px; }
#nav_index        { background: transparent url("../i/nav/index.gif") no-repeat top left; width: 60px; }
#nav_shapeknives  { background: transparent url("../i/nav/shapeknives.gif") no-repeat top left; width: 176px; }
#nav_accessories  { background: transparent url("../i/nav/accessories.gif") no-repeat top left; width: 97px; }
#nav_projects     { background: transparent url("../i/nav/projects.gif") no-repeat top left; width: 76px; }
#nav_downloads    { background: transparent url("../i/nav/downloads.gif") no-repeat top left; width: 98px; }
#nav_specials     { background: transparent url("../i/nav/specials.gif") no-repeat top left; width: 75px; }
#nav_contact      { background: transparent url("../i/nav/contact.gif") no-repeat top left; width: 74px; }

#nav_home:hover, #nav_home.here                { background: transparent url("../i/nav/home_on.gif") no-repeat top left; }
#nav_index:hover, #nav_index.here              { background: transparent url("../i/nav/index_on.gif") no-repeat top left; }
#nav_shapeknives:hover, #nav_shapeknives.here  { background: transparent url("../i/nav/shapeknives_on.gif") no-repeat top left; }
#nav_accessories:hover, #nav_accessories.here  { background: transparent url("../i/nav/accessories_on.gif") no-repeat top left; }
#nav_projects:hover, #nav_projects.here        { background: transparent url("../i/nav/projects_on.gif") no-repeat top left; }
#nav_downloads:hover, #nav_downloads.here      { background: transparent url("../i/nav/downloads_on.gif") no-repeat top left; }
#nav_specials:hover, #nav_specials.here        { background: transparent url("../i/nav/specials_on.gif") no-repeat top left; }
#nav_contact:hover, #nav_contact.here          { background: transparent url("../i/nav/contact_on.gif") no-repeat top left; }

/* --- ( LOCAL NAVIGATION ) ------------------------------------------------- */

#logoutform { margin: 0; }
#switcher {
  width: 745px;
  height: 38px;
  margin: 0 auto;
  background: transparent url("../i/bg/switcher.gif") repeat-x top left;
  }
.nav_local { display: inline; height: 38px; cursor: pointer; }

/* --- ( CONTENT ) ---------------------------------------------------------- */

#body {
  width: 715px;
  height: auto;
  padding: 10px 0;
  margin: 0 auto;
  position: relative;
  }
#body:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  }
* html>body #body {
  display: -moz-inline-box;
  display: inline-block;
  width: 100%;
  }
* html #body {
  /* Hides from IE-mac \*/
  height: 1%;
  /* End hide from IE-mac */
  }

.front-top   { float: left; height: auto; width: 715px; }
.front-left  { float: left; height: auto; width: 400px; }
.front-right { float: left; height: auto; width: 295px; margin-left: 15px; overflow: auto; }

.front-focus {
  float: left;
  margin-top: 15px;
  margin-right: 15px;
  padding-bottom: 15px;
  width: 226px;
  height: auto;
  }
.end-row { margin-right: 0; }
.all-text {
  width: 400px;
  height: auto;
  float: left;
  margin-bottom: 20px;
  }

#main {
  width: 400px;
  height: auto;
  float: left;
  margin-bottom: 20px;
  }
#side {
  float: left;
  margin-left: 15px;
  width: 278px;
  height: auto;
  background: #f5f5f5;
  border: 1px solid #ebebeb;
  padding: 10px;
  }

.doug { background-color: #ffe400; }
.mb { margin-bottom: .5em; }

.help {
  margin: 1em 0;
  background-color: #f5f5f5;
  padding: 10px;
  border: 1px solid #ebebeb;
  }

#overlay {
  display: block;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  }

#popup {
  display: block;
  z-index: 2;
  position: absolute;
  width: 400px;
  height: auto;
  background-color: #fff;
  padding: 0;
  border: 1px solid #acacac;
  margin: 0;
  }

/* --- ( FOOTER ) ----------------------------------------------------------- */

#footer {
  position: relative;

  width: 715px;
  height: auto;
  margin: 0 auto;
  padding: 15px;

  color: #fff;
  background: #374878 url("../i/bg/footer.gif") repeat-x right top;

  font-size: .9em;
  text-align: center;
  }

#footer a { color: #fff; }

/* --- ( TABLES ) ----------------------------------------------------------- */

table {
  width: 100%;
  border: 0;
  margin: 0;
  padding: 0;
  }
th, td {
  border: 0;
  margin: 0;
  padding: 0;
  text-align: left;
  vertical-align: top;
  }
th {
  font-size: .9em;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #fffbd2;
  border-top: 1px solid #d7d7d7;
  }
th img.inline { top: 0; }

table.text th,
table.text td { padding: 0 0 .5em 0; border: none; }
table.text td h5 { margin-top: 0; }
table.text tfoot th,
table.text tfoot td {
  padding-top: .3em;
  border-top: 1px dotted #d7d7d7;
  }

table.data { background-image: none; }
table.data th { padding: .5em; }
table.data td { padding: .5em; border-top: 1px dotted #d7d7d7; }
table.data td h5 { margin-top: 0; }

tr.pending td { background-color: #fffbd2; }
tr.cancelled td { background-color: #94292f; color: #fff; }

table.mini th,
table.mini td { padding: .2em; }
table.mini th { border-bottom: 1px dotted #d7d7d7; font-size: .8em; }

table.mini span {
  width: auto;
  }

td.label, table.text td.label {
  width: 100px;
  padding-right: .5em;
  text-align: right;
  }
td.label_wide, table.text td.label_wide  {
  width: 175px;
  padding-right: .5em;
  text-align: right;
  }
td.backorder {
  color: #959595;
  font-style: italic;
  font-family: Cambria, Georgia, Palatino, "Times New Roman", Times, Serif, serif;
  padding-top: 0;
  border-top: none;
  }
td.special {
  background-color: #fff;
  border: 1px solid #fff;
  padding: 10px;
  } 
td.special:hover {
  background-color: #f5f5f5;
  border-color: #d7d7d7;
  }
td.special h2 {
  padding-bottom: .3em;
  border-bottom: 1px solid #d7d7d7;
  }

/* IE Workarounds */
/* * html td.label { width: 125px; } */
/* * html td.label_wide { width: 190px; } */

.contact td { padding: .5em; }

/* --- ( IMAGES ) ----------------------------------------------------------- */

.inline    { display: inline; }
img.inline { position: relative; top: .25em; }

.caption {
  color: #959595;
  font-style: italic;
  font-family: Cambria, Georgia, Palatino, "Times New Roman", Times, Serif, serif;
  margin: .2em 0 0 0;
  }
.framed       { border: 1px solid #d7d7d7; }
.thick-framed { border: 1px solid #d7d7d7; padding: 15px; background: #f9f9f9 url("../bg/thickframe.gif"); }
.highlight    { border: 1px solid #c00;    padding: 5px;  background: #f9f9f9; }

.float_left, .float_left_tight {
  float: left;
  margin-right: .6em;
  margin-bottom: .1em;
  }
.float_left_tight { margin-right: 0; }
.float_right, .float_right_tight {
  float: right;
  margin-left: .6em;
  margin-bottom: .1em;
  }
.float_right_tight { margin-left: 0; }
.float_center {
  /* there is no actual float: center */
  display: inline;
  margin-bottom: .5em;
  }
.two-sunk    { position: relative; top:  .6em; }
.sunk        { position: relative; top:  .3em; }
.half-sunk   { position: relative; top: .15em; }
.two-raised  { position: relative; top:  -7px; }
.raised      { position: relative; top: -.3em; }
.half-raised { position: relative; top: -.15em; }
.ne_corner   { position: relative; right: .3em; }