/* Put this inside a @media qualifier so Netscape 4 ignores it */
@media screen, print {
  ul.mktree { font-family: Arial; width: 190px;}
  /* Style any links */
  ul.mktree a { text-decoration: none; color: #333;font-weight:normal;}
  ul.mktree a:hover { color: #666;}
  ul.mktree a.selected,
  ul.mktree a:active { color: #0099ff; }
	/* Turn off list bullets */
	ul.mktree  li { list-style: none; }
	/* Control how "spaced out" the tree is */
	ul.mktree, ul.mktree ul , ul.mktree li { margin-left:0px; padding:0px; }
	/* Provide space for our own "bullet" inside the LI */
	ul.mktree  li.liOpen    .bullet,
	ul.mktree  li.liClosed  .bullet { padding-left: 15px; }
	ul.mktree  li.liBullet  .bullet { padding-left: 0; }
	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
	ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(../images/minus.gif) center left no-repeat;}
	ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(../images/plus.gif)  center left no-repeat;}
	ul.mktree  li.liBullet  .bullet { cursor: default; background: transparent; }
	/* Sublists are visible or not based on class of parent LI */
	ul.mktree  li.liOpen    ul { display: block; }
	ul.mktree  li.liClosed  ul { display: none; }
	/* Format menu items differently depending on what level of the tree they are in */
	ul.mktree  li { font-size: 11px; margin-bottom: 6px; margin-top: 20px;}
	ul.mktree  li ul li { font-size: 11px; margin: 10px 0px 3px 10px;}
	ul.mktree  li ul li ul li { font-size: 11px; padding-left: 5px; border-left: 1px dashed #aaa; margin: 3px 0 3px 10px;}
	ul.mktree  li ul li ul li .menuTitle { margin-left: 20px; position: relative; top: 4px; }
}

ul.menu a,ul.menu a:visited {display: block; height: 33px; padding-top: 13px; color: white; font-size: 14px; padding-left: 20px; font-weight: bold}
ul.menu {list-style-type: none; margin: 0; padding: 0}
ul.menu li {height: 43px; margin-top: 4px; margin-right: 3px}

ul.menu li.dry {background-image: url('../img/common/orangebut.jpg');}
ul.menu li.wet {background-image: url('../img/common/brownbut.jpg');}
ul.menu li.special {background-image: url('../img/common/goldbut.jpg');}

.productheader { margin-top: 0px; font-weight: bold; color: white; padding: 5px; font-size: 14px}
.header1{ background-image: url('../img/common/orangehead.jpg');}
.header2{ background-image: url('../img/common/brownhead.jpg');}

.productmain {color: #aaa; margin-top: 35px; font-size: 20px}

#SearchBox2 {padding-top: 20px;}

#SearchBox2 input {width: 140px; padding: 5px; color: #aaa; border: 1px solid #ccc; height: 30px}
#SearchBox2 .search {width: 30px; color: white; border: 0; background-color: #aaa; padding: 5px}

#SearchBox2 label {font-size: 14px; color: #aaa; padding-bottom: 10px; font-weight: bold}