/* Styles for template bp-accessories */

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/bp-accessories/masthead.jpg) no-repeat top left;
}

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

div#sectionnav {
 background: transparent url(http://www.huthbenders.com/assets/site/styles/bp-accessories/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/hb_bpaccess-logo.png) no-repeat left top;
 height: 66px;
 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.accessories {
 padding: 0 12px;
}

div.accessory {
 position: relative;
 height: 168px;
 width: 668px;
 padding: 0 10px;
 margin: 20px 0 10px 0;
 background: transparent url(http://www.huthbenders.com/assets/site/styles/bp-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-bottom: 0;
 background: transparent url(http://www.huthbenders.com/assets/site/styles/bp-accessories/horizontal.png) no-repeat bottom center;
}

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

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 tr:hover {
 background-color: #b0dcff;
}

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

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

table.accessory td a {
 color: #00467f;
 display: block;
 padding: 6px 8px;
 text-decoration: none;
}

table.accessory td a:hover {
 background-color: #b0dcff;
}

div.accessory a {
 color: #00467f;
 text-decoration: none;
 border: none;
}

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

div.accessory a:visited {
 color: #00467f;
}

p.backtotop {
 padding-top: 8px;
 margin-right: 20px;
 text-align: right;
}

p.backtotop a,
p.backtotop a:visited {
 color: #00467f;
}

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;
}