/* CSS Document */
.mainmenu
{
  float:left;
 
}
.menu
{
  font-size: 18px !important;
  font-weight: bold;
  font-family:Tahoma;
  float:left;
 
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul
{
  padding: 0;
  margin: 0;
  list-style-type: none;
  height: 20px;
}

/* style the sub-level lists */
.menu ul ul
{
  width: 30em;
}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li
{
  float: left;
  height: 30px;
  line-height: 30px;
}


/* style the sub level list items */
.menu ul ul li
{
  display: block;
  width: 240px;
  height: auto;
  line-height: 0.7em;
  font-size:14px;
}

/* style the links for the top level */
.menu a, .menu a:visited
{
  display: block;
  float: left;
  height: 100%;  
  text-decoration: none;
  color: #fff;  
  text-align: center;
  
}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited
{
  display: block;
  color: #000;
  height: 100%;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  border-bottom: solid 1px #000000;
  line-height: 22px;
  width: 265px;
  padding-left:2px;
}



/* style the table so that it takes no part in the layout - required for IE to work */
.menu table
{
  position: absolute;
  left: 1px;
  top: 0px;
  width: 0;
  height: 0;
  z-index: -1;
}


/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited
{
  background: #b4be9c;
}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited
{
  background: #c4ceac;
}
/* style the sub level 1 background */
.menu ul :hover a.sub1
{
  background: #4C2520;
}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2
{
  background: #c4ceac;
}

/* style the level hovers */
/* first */

* html .menu a:hover
{
  color: #FFFFFF;
  position: relative;
  z-index: 100;
}
.menu li:hover
{
  position: relative;
}
.menu :hover > a
{
  color: #FFFFFF;
}
/* second */
* html .menu ul ul a:hover
{
  color: #90211C;
  position: relative;
  z-index: 110;
}
.menu ul ul li:hover
{
  color: #90211C;
  position: relative;
}
.menu ul ul :hover > a
{
  color: #d93423;
}
/* third */
* html .menu ul ul ul a:hover
{
  background: #c4ceac;
  position: relative;
  z-index: 120;
}
.menu ul ul ul :hover > a
{
  background: #c4ceac;
}
/* fourth */
.menu ul ul ul ul a:hover
{
  background: #d4debc;
  position: relative;
  z-index: 130;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul
{
  visibility: hidden;
  position: absolute;
  height: 0;
  top: 30px;
  left: 0;
  width: 267px;
  border: 1px solid #000000;
  border-bottom: none;
  margin-top:63px;
}

/* position the third level flyout menu */
.menu ul ul ul
{
  left: 12em;
  top: 0;
  width: 14em;
}


/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul
{
  visibility: visible;
  height: auto;
  background: #FFFFFF;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul
{
  visibility: hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul
{
  visibility: hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul
{
  visibility: visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul
{
  visibility: visible;
}

.andrew_allproducts td,.beachbunnyproductstable td
{
    *width:auto !important;
    
}
 .dlBestsellers
 {
     float:left;
 }
