<!--http://www.dynamicsitesolutions.com/css/background-image-switching-2/-->

ul.menusystemMenu,
ul.menusystemMenu li {
  text-align: left;
  height: 39px;
}
ul.menusystemMenu li ul li {
  width: 140px;
  height: auto;
}
ul.menusystemMenu,
ul.menusystemMenu li,
ul.menusystemMenu li ul,
ul.menusystemMenu li ul li
{
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#menusystemCont { /* Safari and Netscape 7.0 were having problems
  with position:relative on #menusystem */
  margin: 0px auto;
  width: 940px;
  height: 39px;
}

ul.menusystemMenu
{
  width: 940px;
  min-height: 39px;
  height: 39px;
}
/* \*/
* html ul.menusystemMenu {
  height: 39px;
}
/* */

ul.menusystemMenu li
{
  float:left;
  width: 140px;
}
/*
ul.menusystemMenu li#all_about_lamers
{
  float:left;
  width: 141px;
}
ul.menusystemMenu li#request_a_quote
{
  float:left;
  width: 240px;
}
*/

li div.parent
{
  position: relative;
}

ul.menusystemMenu li ul li
{
  float:none;
  display:block;
  width: 180px;
  z-index:10;
}

ul.menusystemMenu li a { /* floating this can trigger an IE6 bug */
  text-align: center;
  display: block;
  width: 120px;
  height: 39px;
  line-height: 39px;
  text-decoration: none;
  /*background-color: #eeefef;*/
  background-position: 0 0;
}

ul.menusystemMenu li ul li a,
ul.menusystemMenu li:hover ul li a,
ul.menusystemMenu li.sfhover ul li a
{
	color: #5d5d5d;
	text-align: left;
	width: 100%;
	line-height: 2em;
	height: auto;
	text-indent: 1em;
	background-color: #e4e4e4;
}

ul.menusystemMenu li ul li a.special,
ul.menusystemMenu li:hover ul li a.special,
ul.menusystemMenu li.sfhover ul li a.special
{
	color: #5d5d5d;
	background-color: #dbdbdb;
}
ul.menusystemMenu li ul li a.special div ul li a,
ul.menusystemMenu li:hover ul li a.special div ul li a,
ul.menusystemMenu li.sfhover ul li a.special div ul li a
{
	color: #5d5d5d;
	background-color: #dbdbdb;
}

ul.menusystemMenu li a:hover,
ul.menusystemMenu li:hover a,
ul.menusystemMenu li.sfhover a,
ul.menusystemMenu li:hover ul li a:hover,
ul.menusystemMenu li.sfhover ul li a:hover
{	
	/*controls the drop down colour row selection*/
	background-color: #999999;
	color: #ffffff;
}

ul.menusystemMenu li a span
{
	display: block;
	width: 141px;
	height: 39px;
	cursor: pointer;
	cursor: hand; /* for IE5.x/Win */
	background-position: 0 0;
	position: absolute;
	top: 0;
	left: 0;
}

ul.menusystemMenu li,
ul.menusystemMenu li:hover a span,
ul.menusystemMenu li.sfhover a span
{
  background-position: 0 -39px;
/* the second number should be the negative height of the link. */
}

/*
   needed to use IDs on the <li>s for IE6 compatibility
*/

ul.menusystemMenu li,
ul.menusystemMenu li a,
ul.menusystemMenu li a span
{
background-image: url('../images/up_hover_down.png');
}

ul.menusystemMenu li#link1selected a,
ul.menusystemMenu li#link1selected a span {
background-position: -0px -78px;
}


ul.menusystemMenu li#link2m a,
ul.menusystemMenu li#link2m a span {
background-position: -140px 0;
}

ul.menusystemMenu li#link2selected a,
ul.menusystemMenu li#link2selected a span {
background-position: -140px -78px;
}

ul.menusystemMenu li#link2m,
ul.menusystemMenu li#link2m:hover a span,
ul.menusystemMenu li#link2m.sfhover a span {
background-position: -140px -39px;
}

ul.menusystemMenu li#link3m a,
ul.menusystemMenu li#link3m a span {
background-position: -280px 0;
}

ul.menusystemMenu li#link3selected a,
ul.menusystemMenu li#link3selected a span {
background-position: -280px -78px;
}

ul.menusystemMenu li#link3m,
ul.menusystemMenu li#link3m:hover a span,
ul.menusystemMenu li#link3m.sfhover a span {
background-position: -280px -39px;
}


ul.menusystemMenu li#link4m a,
ul.menusystemMenu li#link4m a span {
background-position: -420px 0px;
}

ul.menusystemMenu li#link4selected a,
ul.menusystemMenu li#link4selected a span {
background-position: -420px -78px;
}

ul.menusystemMenu li#link4m,
ul.menusystemMenu li#link4m:hover a span,
ul.menusystemMenu li#link4m.sfhover a span {
background-position: -420px -39px;
}

ul.menusystemMenu li#link5m a,
ul.menusystemMenu li#link5m a span {
background-position: -560px 0;
}

ul.menusystemMenu li#link5selected a,
ul.menusystemMenu li#link5selected a span {
background-position: -560px -78px;
}

ul.menusystemMenu li#link5m,
ul.menusystemMenu li#link5m:hover a span,
ul.menusystemMenu li#link5m.sfhover a span {
background-position: -560px -39px;
}

ul.menusystemMenu li#link6m a,
ul.menusystemMenu li#link6m a span {
background-position: -700px 0px;
width: 240px;
}

ul.menusystemMenu li#link6selected a,
ul.menusystemMenu li#link6selected a span {
background-position: -700px -78px;
}

ul.menusystemMenu li#link6m,
ul.menusystemMenu li#link6m:hover a span,
ul.menusystemMenu li#link6m.sfhover a span {
background-position: -700px -39px;
}


ul.menusystemMenu li ul li,
ul.menusystemMenu li ul li a {
  background-image: none;
}


div.dropdown {
  position: absolute;
  top: 39px;
  left: -9000px;
  width: 141px;
}

ul.menusystemMenu li div.dropdown ul {
  width: 140px;
  color: #5D5D5D;
  background-color: #00000;
  border: 0px solid #07d;
  margin: 0 30px 130px;
}


ul.menusystemMenu li:hover div.dropdown,
ul.menusystemMenu li.sfhover div.dropdown {
  left: -30px;
}

ul.menusystemMenu li div.dropdown ul li {
  position: relative;
}


/* IE/Win bug fix \*/
* html div.parent,
* html ul.menusystemMenu li ul,
* html ul.menusystemMenu li ul li a {
  height: 1px;
}
* html ul.menusystemMenu li ul li {
  margin-left: -16px;

  mar\gin-left: 0;
  height: 1%;
}
* html ul.menusystemMenu li ul li a {
  width: 100%; /* IE 5.0/win bug fix \*/
}
/* end bug fix */


/* === NEW SUB-MENU ITEMS === */

ul.menusystemMenu li div.dropdown ul li ul{

  width: 280px;
  color: #5D5D5D;
  background-color: #00000;
  margin: -25px 0 0 180px;
}