﻿@charset "utf-8";
/* CSS Document */


ul.bt_menu,
ul.bt_menu li {
  text-align: left;
  height: 40px;
}
ul.bt_menu li ul li {
  width: 125px; 
  height: auto;
}
ul.bt_menu,
ul.bt_menu li,
ul.bt_menu li ul,
ul.bt_menu li ul li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#menu_container { /* Safari and Netscape 7.0 were having problems with position:relative on #example */
	margin: 20px auto;
	width: 975px;
	height: auto;
	background-image: url(menu_right.png);
	background-position: right;
	background-repeat: no-repeat;
}

ul.bt_menu {
  width: 882px;
  min-height: 40px;
  height: auto;
}

* html ul.bt_menu {
  height: 40px;
}
/* */

ul.bt_menu li {
  float:left;
  /*width: 120px;*/
}
ul.bt_menu li a { /* floating this can trigger an IE6 bug */
  text-align: center;
  display: block;
  height: 40px;
  line-height: 40px;
  text-decoration: none;
  background-position: 0 0;
}

li div.parent {
  position: relative;
}


ul.bt_menu li ul li {
	float:none;
	display:block;
	width: 127px; 
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
}



ul.bt_menu li ul li a,
ul.bt_menu li:hover ul li a,
ul.bt_menu li.sfhover ul li a {
	text-align: left;
	width: 100%;
	line-height: 2em;
	height: auto;
	text-indent: 1em;
	/* background-color: #ccc; - bg color of drop down  */
	color:#fff;
	background-image: url(menu_bg4.png); /* dropdown transparent bg image */
	background-repeat: repeat;
}

/* ul.bt_menu li a:hover,
ul.bt_menu li:hover a,
ul.bt_menu li.sfhover a, */
ul.bt_menu li:hover ul li a:hover,
ul.bt_menu li.sfhover ul li a:hover { 
  /* background-color: #b1b1b1; */ /* hover bg color */
  color: #F35404;  /* hover text color */
}

ul.bt_menu li a span {
  display: block;
  height: 40px;
  cursor: pointer;
  cursor:pointer; /* for IE5.x/Win */
  background-position: 0 0;
  position: absolute;
  top: 0;
  left: 0;
}

ul.bt_menu li,
ul.bt_menu li:hover a span,
ul.bt_menu li.sfhover a span {
  background-position: 0 -40px;
}

/*
   needed to use IDs on the <li>s for IE6 compatibility
*/

ul.bt_menu li,
ul.bt_menu li a,
ul.bt_menu li a span {
  background-image: url(menu_bg_hva.png);
}
ul.bt_menu li#home a,
ul.bt_menu li#home a span {
  background-position: 0 0;
  width: 147px;
}
ul.bt_menu li#home,
ul.bt_menu li#home:hover a span,
ul.bt_menu li#home.sfhover a span {
  background-position: 0 -100px;
  width: 147px;
}

/* these control individual widths for dropdowns */
ul.bt_menu li#products ul li {
	float:none;
	display:block;
	width: 147px; /* frame with of dropdown for products*/
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
}
ul.bt_menu li#company ul li {
	float:none;
	display:block;
	width: 147px; /* frame with of dropdown for company*/
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
}
ul.bt_menu li#contactus ul li {
	float:none;
	display:block;
	width: 147px; /* frame with of dropdown for company*/
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
}
ul.bt_menu li#linecard ul li {
	float:none;
	display:block;
	width: 147px; /* frame with of dropdown for company*/
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
}
ul.bt_menu li#account ul li {
	float:none;
	display:block;
	width: 147px; /* frame with of dropdown for account*/
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
}


ul.bt_menu li#products a,
ul.bt_menu li#products a span {
  background-position: -147px 0;
  width: 147px; /* products hover width, controls gray area */
}
ul.bt_menu li#products,
ul.bt_menu li#products:hover a span,
ul.bt_menu li#products.sfhover a span {
  background-position: -147px -100px;
  width: 147px;
}

ul.bt_menu li#company a,
ul.bt_menu li#company a span {
  background-position: -294px 0;
  width: 147px;
}
ul.bt_menu li#company,
ul.bt_menu li#company:hover a span,
ul.bt_menu li#company.sfhover a span {
  background-position: -294px -100px;
  width: 147px;
}
ul.bt_menu li#contactus a,
ul.bt_menu li#contactus a span {
  background-position: -441px 0;
  width: 147px;
}
ul.bt_menu li#contactus,
ul.bt_menu li#contactus:hover a span,
ul.bt_menu li#contactus.sfhover a span {
  background-position: -441px -100px;
  width: 147px;
}
ul.bt_menu li#linecard a,
ul.bt_menu li#linecard a span {
  background-position: -588px 0;
  width: 147px; 
}
ul.bt_menu li#linecard,
ul.bt_menu li#linecard:hover a span,
ul.bt_menu li#linecard.sfhover a span {
  background-position: -588px -100px;
  width: 147px;
}
ul.bt_menu li#account a,
ul.bt_menu li#account a span {
  background-position: -735px 0;
  width: 147px; 
}
ul.bt_menu li#account,
ul.bt_menu li#account:hover a span,
ul.bt_menu li#account.sfhover a span {
  background-position: -735px -100px;
  width: 147px;
}


ul.bt_menu li ul li,
ul.bt_menu li ul li a {
  background-image: none;
}


div.dropdown {
	position: absolute;
	top: 40px;
	left: -9000px;
	/* width: 178px; */
	z-index: 1000;
}

ul.bt_menu li div.dropdown ul {
  width: auto; /* drop down "off" width" */
  color: #b1b1b1;
  /* background-color: #ccc; */
  /* border: 1px solid #999; */
  margin: 0 30px 30px;
}

ul.bt_menu li:hover div.dropdown,
ul.bt_menu li.sfhover div.dropdown {
  left: -30px;
}

ul.bt_menu li div.dropdown ul li {
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #444;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #444;
	border-left-color: #444;
}


/* IE/Win bug fix \*/
* html div.parent,
* html ul.bt_menu li ul,
* html ul.bt_menu li ul li a {
  height: 1px;
}
* html ul.bt_menu li ul li {
  margin-left: -16px;
  mar\gin-left: 0;
  height: 1%;
}
* html ul.bt_menu li ul li a {
  width: 100%; /* IE 5.0/win bug fix \*/
}
/* end bug fix */

