/*--------------------------------------------------------------------------------------------
	Defaults 
  --------------------------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
}

a img {
	border: none;
}

.clear {
    clear:both;
    height:0px;
    line-height:0px;
}

:focus { -moz-outline-style: none; }

fieldset { border: none; }

button { width: auto; overflow: visible; }

.left {
  float: left;
}

.right {
  float: right;
}

hr {
      border-color: #cccccc;
      border-style: solid;
      border-width: 1px 0 0;
      height: 0px;
      margin-top:10px;
      margin-bottom:8px;
      clear: both;
    }

.message.required {
   display: none;

}

.Actions input.action {
  font-size: 0.9em;
  color: #333333;
  cursor: pointer; 
  border: 1px solid #E0E0E0;
  padding: 1px 4px;
  background: #FFF url( ../images/button-bg.png ) repeat-x 0 0;
  height: 18px;
}
.Actions input.action:hover {
  background-position: 0 -16px;
  color: black;
}

/*input, textarea {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}*/
/*--------------------------------------------------------------------------------------------
	Content Block 
  --------------------------------------------------------------------------------------------*/

#Wrapper {
	margin: 0 auto;
	text-align: left;
	width: 944px;
}

/*--------------------------------------------------------------------------------------------
	Header 
  --------------------------------------------------------------------------------------------*/

#Wrapper #Header {
	margin: 15px 0 15px 0;
	position: relative;
    overflow:hidden;
	width: 100%;
}

#Wrapper #Header h1 {
    float:left;
	height: 87px;
	width: 156px;
	background: transparent url(../images/bhi-logo.png) no-repeat left top;
}

#Wrapper #Header h1 a {
	height: 87px;
	width: 156px;
	display: block;
	text-indent: -3000px;
}

/*--------------------------------------------------------------------------------------------
	Navigation 
  --------------------------------------------------------------------------------------------*/

#Wrapper #Navigation {
	width: 100%;
	margin-bottom: 25px;
}

#Wrapper #Navigation ul {
	list-style: none;
	border-left: 1px solid #C4C4C4;
	width: 120px;
	float: left;
}

#Wrapper #Navigation ul.notFirstColumn {
	border-left: none;
	width: 115px;
}

#Wrapper #Navigation ul li {
	padding: 0 5px 1px 5px;
	margin: 0;
	letter-spacing: 0.7px;
}

#Wrapper #Navigation ul li.ignore {
	width: 105px;
	height: 10px;
}

/*--------------------------------------------------------------------------------------------
	Homepage 
  --------------------------------------------------------------------------------------------*/

div#HomeColumnLeft {
	width: 368px;
	float: left;
}

div#HomeColumnRight {
	width: 576px;
	height: 576px;
	float: left;
	position: relative;
}

div#HomeColumnRight img {
	position: absolute;
	top: 0;
	left: 0;
}

div#HomeContent {
	padding: 78px 0 0 2px;
}

div.slideshowStatusBar {
	position: absolute;
	top: 56px;
	right: 0;
}

div.slideshowItem {
	height: 14px;
	width: 14px;
	margin-right: 1px;
	background: transparent url(../images/bg-rotator-status.png) no-repeat left top;
	float: left;
	cursor: pointer;
}

div.slideshowStatusBar div.selected {
	background-position: left -14px;
	cursor: default;
}

/*--------------------------------------------------------------------------------------------
	Content Holders 
  --------------------------------------------------------------------------------------------*/

.ContentLeft { 
	width: 460px;
	float: left;
	padding-bottom: 30px;
}

.ContentRight {
	width: 460px;
	float: right;
}

.ContentRight .PageImageHolder {
	width: 100%;
	height: 345px;
	position: relative;
}

.ContentRight .PageImageHolder img {
	position: absolute;
	top: 0;
	left: 0
}

.ContentRight .PageImageHolder .slideshowStatusBar {
	top: 10px;
	right: 10px;
}

/*--------------------------------------------------------------------------------------------
	Tooltip 
  --------------------------------------------------------------------------------------------*/

div.tooltip {
	background: transparent url(../images/bg-tooltip-end.png) no-repeat right top;
	padding-right: 9px;
	height: 40px;
}

div.tooltipWrapper {
	background: transparent url(../images/bg-tooltip-body.png) no-repeat left top;
	padding: 12px 6px 0 15px;
	height: 28px;
}

/*--------------------------------------------------------------------------------------------
	Product Holder 
  --------------------------------------------------------------------------------------------*/

div#ArrowHolder {
}

div.rightArrow {
	background: transparent url(../images/scroll-indicator-right.png) no-repeat left top;
	float: right;
	width: 7px;
	height: 8px;
	font-size: 0;
}

div.leftArrow {
	background: transparent url(../images/scroll-indicator-left.png) no-repeat left top;
	float: left;
	width: 7px;
	height: 8px;
	font-size: 0;
}

div#ArrowHolder2 div.roomToMove,
div#ArrowHolder div.roomToMove {
	background-position: left -8px;
}

div#ArrowHolder2 div.scrollBarIndicator,
div#ArrowHolder div.scrollBarIndicator {
	height: 8px;
	background: transparent url(../images/bg-scroll-indicator-bar.png) repeat-x left top;
	width: 924px;
	font-size: 0;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

div#ArrowHolder2 div.spacer,
div#ArrowHolder div.spacer {
	margin-bottom: 30px;
}

div#ArrowHolder2 div.scrollBarHandle,
div#ArrowHolder div.scrollBarHandle {
	height: 1px;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	background: #ed1c24;
}

div#ProductWindow {
	overflow: hidden;
	position: relative;
	height: 580px;
	width: 944px;
	padding: 0;
	margin: 20px 0 50px 0;
}

div#ProductHolder {
	width: 950px;
	position: absolute;
	left: 0;
	top: 0;
}

div.productColumn {
	float: left;
	padding-right: 10px;
}

div.productItem {
	width: 180px;
	height: 135px;
	margin-bottom: 10px;
	background: transparent url(../images/ajax-loader-2.gif) no-repeat center center;
	overflow: hidden;
	position: relative;
}

div.noCol {
	float: left;
	padding-right: 10px;
}

div.productItem a {
	display: block;
	background-color: #fff;
}

div.productItem img {
	display: block;
	width: 180px;
	height: 135px;
	margin: 0;
	padding: 0;
}

/*--------------------------------------------------------------------------------------------
	Contact Page 
  --------------------------------------------------------------------------------------------*/

#ContactPage fieldset input,
#ContactPage fieldset textarea { width: 100%; border: 1px solid #D4D4D4; background: #FFF url( ../images/input-bg.png ) repeat-x top left; padding: 2px; }

#ContactPage fieldset #Message {
	float: right;
	width: 47%;
}
#ContactPage fieldset #Message textarea {
	height: 94px;
}
#ContactPage fieldset #Name,
#ContactPage fieldset #Email,
#ContactPage fieldset #PhoneNumber {
	float: left;
	width: 222px;
	margin-bottom: 5px;
}

#ContactPage .Actions { text-align: right; margin-top: 5px; }

#ContactPage .field.error input, #ContactPage .field.error textarea {
  border:1px solid #F2151A;
}

div#ContactContent {
	padding-bottom: 10px;
}

#Wrapper p.contactInfo {
	margin-bottom: 5px;
}

#Wrapper p.hoursOfBusiness {
	margin-bottom: 22px;
}

div.mapHolder {
	position: relative;
	height: 355px;
	width: 460px;
}

div.mapHolder img {
	position: absolute;
	top: 0;
	left: 0;
}

.ContentRight .mapHolder .slideshowStatusBar {
	top: 15px;
	right: 10px;
}

/*--------------------------------------------------------------------------------------------
	Subscription Page
  --------------------------------------------------------------------------------------------*/
#SubscriptionPage fieldset input,
#SubscriptionPage fieldset textarea { width: 125px; border: 1px solid #D4D4D4; background: #FFF url( ../images/input-bg.png ) repeat-x top left; padding: 2px; }

#SubscriptionPage #Firstname,
#SubscriptionPage #Lastname {
	float: left;
	width: 125px;
	margin-bottom: 10px;
    margin-right: 16px;
}
#SubscriptionPage #Email {
  display: block;
  width: 260px;
  margin-bottom: 11px;
}
#SubscriptionPage #Form_SubscribeForm_Email, #SubscriptionPage #Form_UnsubscribeForm_Email {
  width: 266px;
}
#SubscriptionPage .Actions { text-align: left;  }

#Form_SubscribeForm_action_doCancelForm, #Form_UnsubscribeForm_action_doCancelForm { margin-left: 7px; }

#SubscriptionPage .field.error input, #SubscriptionPage .field.error textarea {
  border:1px solid #F2151A;
}

#SubscriptionPage #Form_SubscribeForm_Preferences {
  clear: both;
  list-style: none;
  margin-left: 60px;
}
#SubscriptionPage #Form_SubscribeForm_Preferences li input {
  width: 30px;
}
/*--------------------------------------------------------------------------------------------
	Product Page 
  --------------------------------------------------------------------------------------------*/

div.additionalInfo {
	padding-top: 11px;
}

a.productLink {
	text-decoration: none;
	color: #666666;
	font-size: 0.9em;
	padding-top: 2px;
	float: left;
}

a.productLink:visited {
	color: #666666;
}

a.productLink:hover {
	text-decoration: underline;
}

a.pdf {
	background: transparent url(../images/pdf-icon2.png) no-repeat left top;
	padding-left: 21px;
	padding-right: 16px;
	height: 16px;
	display: block;
}

div#ProductsUsedSlider,
div#VariationsSlider {
	overflow: hidden;
	position: relative;
	width: 944px;
	height: 91px;
	border-top: 1px solid #CBCBCB;
}

div#RelatedProductsSlider {
	overflow: hidden;
	position: relative;
	width: 944px;
	height: 91px;
}

div#ProductsUsedHolder,
div#VariationsHolder {
	width: 945px;
	position: absolute;
	left: 0;
	top: 5px;
}

div#RelatedProductsContent {
	width: 945px;
	position: absolute;
	left: 0;
	top: 0;
}

#ProductDetail div.productColumn {
	float: left;
	padding-right: 10px;
}

#ProductDetail div.productItem {
	width: 108px;
	height: 81px;
	background: transparent url(../images/ajax-loader-2.gif) no-repeat center center;
	overflow: hidden;
	position: relative;
}

#ProductDetail div.productItem a {
	position: relative;
	display: block;
	background: transparent;
	width: 108px;
	height: 81px;
}

#ProductDetail div.productItem a img {
	position: absolute;
	top: 0;
	left: 0;
}

#ProductDetail div.productItem a.current img,
#ProductDetail div.productItem a:hover img {
	top: -81px;
}

#ProductDetail div.productItem img {
	display: block;
	width: 108px;
	height: 162px;
	margin: 0;
	padding: 0;
}

/*--------------------------------------------------------------------------------------------
	Links page
  --------------------------------------------------------------------------------------------*/

div.greyBlend {
	width: 108px;
	height: 81px;
	overflow: hidden;
	float: left;
	margin: 0 20px 20px 0;
}

div.greyBlend a {
	display: block;
	width: 108px;
	height: 81px;
	overflow: hidden;
}

div.logoHolder {
	margin: 20px 0 20px 0;
}

h4.divider {
	border-bottom: 1px solid #D2D2D2;
	padding-bottom: 3px;
}

h4.affiliate {
	padding-bottom: 4px;
}

div#AffiliatesHolder {
	padding-bottom: 30px;
}

div.affiliateHolder {
	width: 308px;
	float: left;
	padding-bottom: 20px;
}

a.affiliateLink {
	width: 298px;
	padding-right: 10px;
	float: left;
	color: #666666;
	font-size: 0.95em;
}

/*--------------------------------------------------------------------------------------------
	Newsletter Page
  --------------------------------------------------------------------------------------------*/
    #Wrapper.Newsletter {
      width: 600px;
    }
    #NewsletterImage {
      padding-top: 20px;
    }
    #NewsletterImage img {
      border: 1px solid #C4C4C4;
      max-width: 600px;
      padding: 1px;
    }
    #Wrapper.Newsletter h2 {
      font-family: Arial;
      font-weight: normal;
      font-size: 15pt;
      color: #F2151A;
    }
    #Wrapper.Newsletter h3 {
      font-family: Arial;
      font-weight: normal;
      font-size: 10pt;
      color: #F2151A;
    }

    #Wrapper .NewsletterContent a {
        color: #666666;
        text-decoration: underline;
    }
    
    #Wrapper .NewsletterContent a:hover {
        text-decoration: none;
    }
    /*#Wrapper .NewsletterContent a {
      background:none repeat scroll 0 0 #000000;
      color:#FFFFFF;
      font-size:0.9em;
      padding: 2px 5px;
      text-decoration:none;
    }
    #Wrapper .NewsletterContent a:hover {
      background:none repeat scroll 0 0 #ED1C24;
      color: #FFFFFF;
      text-decoration:none;
    }*/
    #Wrapper .NewsletterContent p {
      margin-bottom: 5px;
    }
    #Wrapper.Newsletter a.unsubscription {
      color: #666666;
      text-decoration: none;
    }

 /*--------------------------------------------------------------------------------------------
    Search
 --------------------------------------------------------------------------------------------*/

 #SearchForm {
   /*position: absolute;
   right: 0;
   top: 40px;
   font-size:10px;
   padding-top:1px;*/

   float:right;
   width:227px;
   margin-top: 40px;
 }

 #SearchForm fieldset {
  float:left;
  overflow:hidden;
  width:210px;
 }

 #SearchForm .Actions {
   float:left;
   border-top: 1px solid #cccccc;
   border-right: 1px solid #cccccc;
   border-bottom: 1px solid #cccccc;
   border-left:0;
   width: 16px;
   height: 16px;
 }

 #SearchForm .field,
#SearchForm form {
  overflow:hidden;
 }

 #SearchForm legend {
   display:none;
 }

 #SearchForm #Search label {
   /*opacity:1;*/
   /*z-index:2;*/
   /*position:absolute;*/
   cursor:text;
   color:#999999;
   background-color: transparent;
   margin: 0 5px;
   line-height:18px;
   width:82px;
  /* left: 0px;*/
   font-size:11px;
   float:left;
 }
 #SearchForm .middleColumn {
   float: left;
   border-top: 1px solid #cccccc;
   border-left: 1px solid #cccccc;
   border-bottom: 1px solid #cccccc;
   border-right:0;
   width: 117px;
 }
 #SearchForm .middleColumn input {
   height: 16px;
   color: #666666;
   border:0;
   width:107px;
   border:0;
   margin:0 0 0 5px;
 }


 #SearchForm .Actions input {
   background: url(../images/loupe.png) center right no-repeat;
   /*text-indent: -9999px;*/
   margin:0;
   padding:0;
   border:0;
   width: 16px;
   height: 16px;
 }

/*--------------------------------------------------------------------------------------------
	DQL Tag
  --------------------------------------------------------------------------------------------*/

div#Dqltag {
	position:relative;
    display:none;
	width:100%;
}

div#Dqltag div {
	position:absolute;
	right:0px;
	top:-82px;
}

div#Dqltag img {
	opacity:1;
}

div#Dqltag a:hover img {
	opacity:0.75;
}

#SelectedProduct {
	padding-bottom: 40px;
}

#ProductDetail {
	padding-bottom: 40px;
}

.contactUsLeftColumn {
	float: left;
	width: 222px;
}

/*--------------------------------------------------------------------------------------------
	Footer
  --------------------------------------------------------------------------------------------*/
.footer {
  height: 26px;
}
.footer a:hover {
  text-decoration: underline;
}
.footerText {
  color: #666666;
  text-decoration: none;
  font-size:0.94em;
}