/* Styles for template huth-replacement-nav */

div.container {
 padding-top: 340px;
 background: transparent url(http://www.huthbenders.com/assets/site/styles/bg-down.png) no-repeat 50% 322px;
}

div#masthead {
 height: 117px;
 background: transparent url(http://www.huthbenders.com/assets/site/styles/huth-replacement/masthead.jpg) no-repeat top left;
}

div#navigation {
 background: transparent url(http://www.huthbenders.com/assets/site/styles/huth-replacement/navbg.jpg) no-repeat top left;
}

div#sectionnav {
 background: transparent url(http://www.huthbenders.com/assets/site/styles/sectionnav-bg.jpg) repeat-x left 10px;
}

div.roundtop668 {
 margin-top: 0px;
 height: 10px;
 width: 668px;
 background: transparent url(http://www.huthbenders.com/assets/site/styles/border-top-668.png) no-repeat center top;
}

div.sides668 {
 width: 668px;
 background: white url(http://www.huthbenders.com/assets/site/styles/border-mid-668.png) repeat-y left top;
}

div.roundbottom668 {
 height: 10px;
 width: 668px;
 background: transparent url(http://www.huthbenders.com/assets/site/styles/border-bottom-668.png) no-repeat center top;
}

div#header {
 background: transparent url(http://www.huthbenders.com/assets/site/styles/huth-logo.png) no-repeat left top;
 height: 58px;
 padding: 0 20px 0 200px;
}

div#header h1 {
 font-size: 2.8em;
 font-weight: normal;
 text-align: right;
 letter-spacing: -2.0px;
 text-transform: none;
 color: #3c3c3c;
 padding-bottom: 0;
}

div.replacement-nav {
 padding: 0 12px;
}

div.replacement {
 margin-top: 20px;
}

div.parts {
}

 div.partsimage {
 position: relative;
 height: 384px;
 width: 668px;
 padding: 1px 0;
 margin-bottom: 20px;
 background: transparent url(http://www.huthbenders.com/assets/site/styles/huth-replacement/product-box-head.png) no-repeat top left;
 text-align: center; 
}
 
div.partsimage div.enlarge {
 position: absolute;
 top: 6px;
 right: 6px;
 z-index: 2;
}

div.parts h2 {
 padding-top: 6px;
 color: #f77116;
 letter-spacing: -1px;
}

div.tooling {
 padding-bottom: 24px;
 margin-bottom: 20px;
 background: transparent url(http://www.huthbenders.com/assets/site/styles/huth-accessories/horizontal.png) no-repeat bottom left;
}

div.tooling:last-child {
 background: none;
}

div.col1 div {
 width: 668px;
}

div.col1 table {
 width: 644px;
}

div.col2 div {
 float: left;
 width: 334px;
}

div.col2 table {
 width: 320px;
}

div.col3 div {
 float: left;
 width: 222px;
}

div.col3 table {
 width: 202px;
}

div.col1 table,
div.col2 table,
div.col3 table {
 margin-left: 12px;
 margin-bottom: 20px;
 border-collapse: collapse;
}

table caption {
 width: auto;
 padding: 4px 8px 6px 8px;
 background-color: #333;
 color: white;
 font-size: 1.33em;
 font-weight: bold;
 text-align: left;
 letter-spacing: -1px;
}

table tr {
}

table.col1bold tr td:first-child {
 font-weight: bold;
}

table.col2bold tr td:nth-child(2) {
 font-weight: bold;
}

table.col3bold tr td:nth-child(3) {
 font-weight: bold;
}

table.col4bold tr td:nth-child(4) {
 font-weight: bold;
}

table tr td:first-child {
 width: 24px;
}

table tr td:nth-child(2) {
 width: 42px;
}

table tr:nth-child(odd) td {
 background-color: #eee;
}

table tr th {
 text-transform: uppercase;
 font-weight: bold;
 background-color: transparent;
}

table tr th,
table tr td {
 padding: 6px 8px 8px 8px;
 text-align: left;
}

table tr td {
 border: 1px solid #ddd;
}

table tr.footnote td {
 font-size: 0.85em;
 border-top: 2px solid #333;
}

div.accessories {
 padding: 0 12px;
}

div.accessory {
 position: relative;
 height: 168px;
 width: 668px;
 padding: 0 10px;
 margin: 0;
 background: transparent url(http://www.huthbenders.com/assets/site/styles/huth-accessories/product-box.png) no-repeat top left;
}

div.accessory div.accessory-image {
 position: relative;
 width: 160px;
 float: left;
 font-size: 1.2em;
 color: #ff8e00;
 text-align: center;
}

div.accessory div.accessory-image img {
 width: 120px;
 height: 128px;
 padding: 10px 0 0 0;
}

div.accessory div.accessory-image div.enlarge {
 position: absolute;
 top: 1px;
 right: 1px;
 z-index: 2;
}

div.accessory div.accessory-image div.enlarge img {
 height: 29px;
 width: 29px;
}

div.accessory div.accessory-image p {
 display: block;
 width: 100%;
 font-weight: bold;
 padding: 4px 0;
}

div.accessorytable {
 width: 668px;
 padding: 12px 0 24px 0;
}

table.accessory {
 clear: both;
 width: 100%;
 padding-bottom: 20px;
 border-collapse: collapse;
 background: transparent;
}

table.accessory th {
 font-weight: bold;
 text-transform: uppercase;
 text-align: left;
 padding: 0 0 4px 9px;
}

table.accessory tr.even {
 background-color: #fff;
}

table.accessory tr.odd {
 background-color: #f0f0f0;
}

table.accessory td {
 border: 1px solid #e4e4e4;
}

table.accessory td.partno {
 width: 60px;
}

table.accessory td a {
 display: block;
 padding: 4px 8px;
 text-decoration: none;
}

table.accessory tr:hover {
 background-color: #ffdcb0;
}

div.accessory a {
 text-decoration: none;
 border: none;
}

div.accessory a:hover {
 text-decoration: underline;
}

p.backtotop {
 float: right;
 margin-right: 32px;
}

div#search {
 position: absolute;
 top: 168px;
 right: 20px;
 height: 130px;
 width: 270px;
 font-size: 0.85em;
 background: transparent url(http://www.huthbenders.com/assets/site/styles/search.png) no-repeat bottom right;
 color: #666;
}