/**
 * This file detrmines the colors and widths of the items in the main navigation menu
 */



.menu, .menu ul, .meun ul li a {
  z-index: 500;
  text-align: center;
  font-size: 9.3pt;
  font-family: verdana, tahoma, arial, helvetica, sans-serif, 'MS Sans Serif';
}

.menu ul li:hover ul li a {
	border-bottom: 1px solid #000;
}

.click-here {
  font-size: 7pt;
}

/* our company */
.ourcompanycolors {
  color: #ff0000;
}
.menu ul li#ourcompanyMenu:hover ul, .menu ul li#ourcompanyMenu a:hover ul {
	width: 16em;
}
.menu ul li#ourcompanyMenu:hover ul li a{
	background-color: #ffffff;
	width: 16em;
	border-bottom: 1px solid #000;
}
.menu ul li#ourcompanyMenu:hover ul li:hover a { 
	background-color: #ffffff;	
} 
.menu ul li#ourcompanyMenu:hover ul li:hover ul li a,
.menu ul li#ourcompanyMenu a:hover ul li a:hover ul li a  { 			/* third level unselected items */
	background-color: #ffffff;
	width: 16em;
}
.menu ul li#ourcompanyMenu:hover ul li:hover ul li a:hover,
.menu ul li#ourcompanyMenu a:hover ul li a:hover ul li a:hover { 			/* third level selected items */
	background-color: #ffffff;
	width: 16em;
}
/* ecfc40 */

/* whats new */
.whatsnewcolors {
  color: #000080;
}
.menu ul li#whatsnewMenu:hover ul, .menu ul li#whatsnewMenu a:hover ul {
	width: 26em;
}
.menu ul li#whatsnewMenu:hover ul li a, .menu ul li#whatsnewMenu a:hover ul li a {
	background-color: #ffffff;
	width: 26em;
}
.menu ul li#whatsnewMenu:hover ul li:hover a, .menu ul li#whatsnewMenu a:hover ul li a:hover {
	background-color: #ffffff;
	width: 26em;
}

/* expert advice */
.expertadvicecolors {
  color: #aca90a;
}
.menu ul li#expertadviceMenu:hover ul, .menu ul li#expertadviceMenu a:hover ul {
	width: 10em;
}
.menu ul li#expertadviceMenu:hover ul li a, .menu ul li#expertadviceMenu a:hover ul li a {
	background-color: #ffffff;
	width: 10em;
}
.menu ul li#expertadviceMenu:hover ul li:hover a, .menu ul li#expertadviceMenu a:hover ul li a:hover {
	background-color: #ffffff;
	width: 10em;
}

/* hardware hotline */
.hotlinecolors {
  color: #2f4f4f;
}
.menu ul li#hotlineMenu:hover ul, .menu ul li#hotlineMenu a:hover ul {
	width: 16em;
}
.menu ul li#hotlineMenu:hover ul li a, .menu ul li#hotlineMenu a:hover ul li a {
	background-color: #ffffff;
	width: 16em;
}
.menu ul li#hotlineMenu:hover ul li:hover a, .menu ul li#hotlineMenu a:hover ul li a:hover {
	background-color: #ffffff;
	width: 16em;
}

/* community & environment */
.communitycolors {
  color: #006400;
}
.menu ul li#communityMenu:hover ul, .menu ul li#communityMenu a:hover ul {
	width: 16em;
}
.menu ul li#communityMenu:hover ul li a, .menu ul li#communityMenu a:hover ul li a {
	background-color: #ffffff;
	width: 16em;
}
.menu ul li#communityMenu:hover ul li:hover a, .menu ul li#communityMenu a:hover ul li a:hover {
	background-color: #ffffff;
	width: 16em;
}

/* recolemend */
.recolemendcolors {
  color: #804573;
}
.menu ul li#recolemendMenu:hover ul, .menu ul li#recolemendMenu a:hover ul {
	width: 14em;
}
.menu ul li#recolemendMenu:hover ul li a, .menu ul li#recolemendMenu a:hover ul li a {
	background-color: #ffffff;
	width: 14em;
}
.menu ul li#recolemendMenu:hover ul li:hover a, .menu ul li#recolemendMenu a:hover ul li a:hover {
	background-color: #ffffff;
	width: 14em;
}

/* locations, hours, and shop */
.locationcolors {
  color: #9400d3;
}
.menu ul li#locationsMenu:hover ul, .menu ul li#locationsMenu a:hover ul {
	width: 16em;
}
.menu ul li#locationsMenu:hover ul li a, .menu ul li#locationsMenu a:hover ul li a {
	background-color: #ffffff;
	width: 16em;
}
.menu ul li#locationsMenu:hover ul li:hover a, .menu ul li#locationsMenu a:hover ul li a:hover {
	background-color: #ffffff;
	width: 16em;
}