/* Styles for template bp-machines */

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

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

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

div#productimage {
 background: transparent url(http://www.huthbenders.com/assets/site/styles/full-image-bg.png) no-repeat top left;
 position: relative;
 width: 438px;
 height: 410px;
 margin-bottom: 12px;
 float: left;
}

div#productimage img#mainproductimage {
 padding: 7px;
}

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

div#features {
 width: 210px;
 margin-right: 20px;
 float: right;
 font-family: Trebuchet, "Trebuchet MS", Helvetica, sans-serif;
 font-size: 0.95em;
 line-height: 1.2em;
}

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

div.border-mid-210 {
 height: 392px;
 padding: 0 8px 0 8px;
 background: white url(http://www.huthbenders.com/assets/site/styles/border-mid-210.png) repeat-y center top;
 overflow: hidden;
}

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

div#header {
 background: transparent url(http://www.huthbenders.com/assets/site/styles/bp-machines/logo-bp.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#features h2 {
 text-align: center;
 color: #00467f;
 text-transform: uppercase;
 letter-spacing: -1.0px;
}

div#features ul {
 font-weight: bold;
 list-style: disc url(http://www.huthbenders.com/assets/site/styles/bullet-blue.png) outside;
}

div#features ul li {
 padding-bottom: 0.66em;
}

div.tabs {
 clear: both;
 width: 668px;
 height: 48px;
 overflow: none;
 font-weight: bold;
 font-size: 0.90em;
}

div.tabs ul {
 display: block;
 list-style: none;
 margin: 0;
}

div.tabs ul li {
 display: block;
 height: 32px;
 width: 102px;
 float: left;
 margin-right: 1px;
 margin-top: 16px;
 padding: 6px 2px 1px 0px;
 text-align: center;
 text-transform: uppercase;
 line-height: 1.0em;
 color: #fefefe;
 background: transparent url(http://www.huthbenders.com/assets/site/styles/bp-machines/tab-off.png) no-repeat left top;
}

div.tabs ul li:hover {
 height: 44px;
 margin-top: 0;
 cursor: pointer;
 background: transparent url(http://www.huthbenders.com/assets/site/styles/bp-machines/tab-hover.png) no-repeat left top;
}

div.tabs ul li.tab-show,
div.tabs ul li.tab-show:hover {
 height: 44px;
 margin-top: 0;
 background: transparent url(http://www.huthbenders.com/assets/site/styles/bp-machines/tab-on.png) no-repeat left top;
}

div#detailbox {
  position: relative;
  width: 668px;
  height: 340px;
}

div.tabbed {
 position: absolute;
 top: 10px;
 display: none;
 width: 638px;
 height: 290px;
 padding: 15px;
 overflow: auto;
 background: transparent url(http://www.huthbenders.com/assets/site/styles/border-mid-668.png) repeat-y center top;
}

div.active-tab {
}

div.tab-div-show {
 display: block;
}

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

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

a,
a:visited {
 color: #00467f;
}

a.product-images {
 padding-right: 6px;
}

div#tabbed2 ul,
div#tabbed5 ul {
 list-style-type: none;
}

div#tabbed2 ul li,
div#tabbed5 ul li {
 display: block;
 width: 166px;
 margin: 0 16px 20px 16px;
 float: left;
 text-align: center;
}

div#tabbed2 div.resimage,
div#tabbed5 div.resimage {
 position: relative;
 width: 164px;
 height: 148px;
 border: 1px solid #eee;
}

div#tabbed2 div.link,
div#tabbed5 div.link {
 height: 42px;
}

form#contactform {
 width: 100%;
 line-height: 2.33em;
 text-align: left;
}

form#contactform fieldset {
 border: none;
}

form#contactform fieldset p {
 padding-bottom: 0.33em;
}

form#contactform input {
 padding: 2px;
 border: 1px inset #ccc;
 color: #777;
}

form#contactform input#cfFname {
 width: 80px;
 margin-right: 2px;
}

form#contactform input#cfLname {
 width: 150px;
}

form#contactform input#cfEmail {
 width: 240px;
}

form#contactform input#cfCompany {
 width: 240px;
}

form#contactform input#cfAddress1,
form#contactform input#cfAddress2 {
 width: 520px;
}

form#contactform input#cfCity,
form#contactform input#cfCode {
 width: 248px;
 margin-right: 14px;
}

form#contactform input#cfState,
form#contactform input#cfCountry,
form#contactform input#cfPhone {
 width: 248px;
}

form#contactform textarea {
 width: 516px;
 height: 120px;
 padding: 6px;
 border: 1px inset #ccc;
 color: #777;
}

form#contactform input.button {
 padding: 0;
 border: none;
}

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