

h1 {
  color:#0080C0;
  font-weight:bold;
  letter-spacing:2pt;
  }
#body {
  width: 650px;
  margin: 10px auto;
}

#header {
  text-align: center;
  }
  #header .contact {
    font-size: 10px;
  }





#footer {
  margin-top: 60px;
  text-align: center;
  }

#footer .nav {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.3em;
}
#footer .contact {
  font-size: 12px;
  margin-bottom: 10px;
}

/* FLASH MESSAGES */
.flash {
  border: 1px solid #9c9;
  color: #060;
  font-size: 14px;
  margin-bottom: 12px;
  padding: 5px 5px 5px 35px;
  text-align: left; }
#notice { background: #e2f9e3 url(../images/tick.png) no-repeat scroll 10px; }
#warning {
  background: #f9e2e3 url(../images/error.png) no-repeat scroll 8px;
  border-color: #c99;
  color: #600; }

/* TABLE FORMS */
table.form th,
table.form td {
  border: 1px solid #fff;
  padding: 2px 6px;
  font-size: 14px;
}
table.form th {
  background-color: #eee;
  text-align: right;
}
table.form thead th,
table.form tfoot th {
  text-align: center;
}

table.form td {
  background-color: #08d;
}

table.form td input {
  width: 200px;
  font-size: 16px;
  padding: 2px;
}

table.list {
  width: 70%;
  margin: 10px auto;
  border-collapse: collapse;
}
table.list td {
  border: 1px solid #000;
  padding: 3px 6px;
  background-color: #eee;
}


/* PAGE SPECIFIC STYLES */


#homepage {
  text-align: center;
}

#catalog_request {
  margin-left: 260px;
}

#tech_support_index td,
#tech_support_index a{
  font-weight: bold;
  font-size: 13px;
}

#tech_support_index ul {
  margin: auto 2px;
}

.spotlight th,
.spotlight td {
  border: 1px solid #fff;
  padding: 3px 6px;
}
.spotlight th {
  font-weight: bold;
  background-color: #eee;
}
.spotlight td {
  background-color: #93d5a9;
}

#questionnaire { margin-bottom: 10px; }
#questionnaire td {
  vertical-align: top;
  border: 1px solid #000;
  padding: 3px;
  font-size: 12px;
}

#questionnaire .label {
  text-align: right;
  padding-right: 5px;
}

#questionnaire input,
#questionnaire select,
#questionnaire textarea{
  font-size: 12px;
  padding: 2px;
  width: 95%;
}


#questionnaire input.radio,
#questionnaire input.use_size{
  width: auto;
  margin: auto 5px;
}

#questionnaire .number { float: left; width: 10px; font-weight: bold; }
#questionnaire .block { margin: 0px 15px; }

#questionnaire .odd { background-color: #eee; }
#questionnaire .even { background-color: #9da; }


/* STYLES FOR TYPE COLOR */

table.list td.drills,
table.drills .even td,
#catalog_menu .drills,
#dimensions.drills .primary{ background-color: #93d5a9; }

table.list td.reamers,
table.reamers .even td,
#catalog_menu .reamers,
#dimensions.reamers .primary { background-color: #ffb0b0; }

table.list td.counterbores,
table.counterbores .even td,
#catalog_menu .counterbores,
#dimensions.counterbores .primary { background-color: #ffce6c; }

table.list td.end-mills,
table.end-mills .even td,
#catalog_menu .end-mills,
#dimensions.end-mills .primary { background-color: #d590d5; }

table.list td.cutters,
table.cutters .even td,
#catalog_menu .cutters,
#dimensions.cutters .primary { background-color: #ffcab0; }

table.list td.single-points,
table.single-points .even td,
#catalog_menu .single-points,
#dimensions.single-points .primary { background-color: #d5a993; }


hr.reamers,
hr.drills,
hr.counterbores,
hr.end-mills,
hr.cutters,
hr.single-points {
  border: 2px solid #333; background-color: #333; height: 4px;
}

hr.reamers { border-color: #ffb0b0; background-color: #ffb0b0; }

table.index {
  width: 100%;
}

table.index td,
table.index th {
  border: 1px solid #000;
  border-collapse: collapse;
  padding: 1px 6px;
  font-size: 0.8em;
}


#catalog_menu {
  margin: 0 auto;
  margin-top: 5px;
}
#catalog_menu td,
#catalog_menu th{
  vertical-align: top;
  white-space: nowrap;
  font-size: 0.8em;
  line-height: 1.6em;
}
#catalog_menu th {
  font-weight: bold;
  text-align: center;
}
#catalog_menu th a {
  text-decoration: none;
  color: #000;
}
#catalog_menu th a:hover {
  color: #444;
}
#catalog_menu table td {
  vertical-align: bottom;

  font-size: 1em;
}
#catalog_menu td.tr {
  text-align: right;
}
#catalog_menu td.tl {
  text-align: left;
}


#type_information { width: 650px; }

#type_information .description,
#type_information .modification,
#type_information .use{
  vertical-align: top;
  padding: 5px;
  background-color: #eee;
  text-align: left;
  font-size: 12px;
}

#type_information .gutter { width: 5px; height: 5px; }

#type_information .tin   td,
#type_information .ticn  td,
#type_information .zrn td,
#type_information .altin td {
  color: #fff;
  white-space: nowrap;
  font-size: 13px;
}

#type_information .tin   td { background-color: #F6D600; }
#type_information .ticn  td { background-color: #A7CBE5; }
#type_information .zrn td { background-color: #D2B4A7; }
#type_information .altin td { background-color: #2A202F; }


#tool_selector {
  border-collapse: collapse;
  margin: 0px 5px;
}
#tool_selector td {
  border: 1px solid #000;
  padding: 2px 4px;
  font-size: 10px;
  white-space: nowrap;
}
#tool_selector .chip_class_20 td { background-color: #ddd; }
#tool_selector .chip_class_40 td { background-color: #e94; }
#tool_selector .chip_class_60 td { background-color: #fca; }
#tool_selector .chip_class_80 td { background-color: #ace; }
#tool_selector .chip_class_100 td { background-color: #7ac; }
#tool_selector .chip_class_120 td { background-color: #abc; }
#tool_selector .chip_class_140 td { background-color: #fe7; }

#dimensions {
  border-collapse: collapse;
  border: 1px solid #000;
  margin: 0 auto;
  margin-top: 10px;
  width: 1%;
}

#dimensions thead td {
  border: 1px solid #000;
  padding: 2px 4px;
  vertical-align: bottom;
  font-weight: bold;
}
#dimensions tbody td {
  white-space: nowrap;
}
#dimensions td {
  padding: 2px;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  text-align: center;
  font-size: 0.75em;
}
#dimensions td.price,
#dimensions td.edp-no {
  text-align: center;
}
#dimensions tr.divider td {
  border-bottom: 1px solid #000;
}

.notes {
  width: 650px;
  margin: 0 auto;
  text-align: left;
}


.borders {
  border-collapse: collapse;
}
.borders td,
.borders th {
  border: 1px solid #000;
  padding: 2px;
}








