/* 
menu structure setup.  required to get superfish to display correctly 
background, text and color stying in each version.css 
*/

.mainmenu, .mainmenu * {
	margin:		0;
	padding:		0;
	list-style:		none;
}
.mainmenu {
	line-height:	1.3em;
}
.mainmenu ul {
      -webkit-border-top-left-radius:      0px;
      -webkit-border-top-right-radius:     4px;
      -webkit-border-bottom-right-radius:  4px;
      -webkit-border-bottom-left-radius:   4px;
      -moz-border-radius:                  0px 4px 4px 4px;
      border-top-left-radius:              0px;
      border-top-left-radius:              4px;
      border-bottom-right-radius:          4px;
      border-bottom-left-radius:           4px;
	padding:                             8px 0px 8px 0px; 
	position:		                   absolute;
	top:			                   -999em;
	width:		                   200px; /* left offset of submenus need to match (see below) */
}

.mainmenu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

.mainmenu li {
	float:left;
	position:relative;
    height: 34px;
    padding:7px 20px 7px 20px;
    margin:0px 0px 0px 0px;
}
ul.mainmenu li:hover{
/**might want to make the main catalog clickable, cursor is selectable**/
}

.mainmenu ul li{
	background:       transparent;
	margin:           0px;
	padding:          2px 0px 2px 20px;
	width:            100%;
	height: auto;
}

.mainmenu ul li:hover{
	background:#0e855f;
}






.mainmenu a {
	display:		block;
	position:		relative;
	font-weight:      bold; 
	font-size:        12px;
	padding:0px;
	margin:0px;

}


.mainmenu li div a{
	display:          block;
	padding-top:      2px;
}



.mainmenu li:hover ul,
.mainmenu li.menuhover ul {
	left:			0;
	top:			39px; /* match top ul list item height */
	z-index:		99;
}
ul.mainmenu li:hover li ul,
ul.mainmenu li.menuhover li ul {
	top:			-999em;
}
ul.mainmenu li li:hover ul,
ul.mainmenu li li.menuhover ul {
	left:			200px; /* match ul width */
	top:			0;
}
ul.mainmenu li li:hover li ul,
ul.mainmenu li li.menuhover li ul {
	top:			-999em;
}
ul.mainmenu li li li:hover ul,
ul.mainmenu li li li.menuhover ul {
	left:			200px; /* match ul width */
	top:			0;
}



/* top bar logo, menu styling */
ul.mainmenu{
	margin:0px;
	height:48px;
	width:100%;
	background:#15976e;
	font-size:12px;
	color:#fff;
	font-weight:bold;
}



.mainmenu ul {
	background:#0e855f;
	color:#fff;
}

.mainmenu li:hover, .mainmenu li#selected {
	background:#0e855f;
}

.mainmenu ul li:hover{
	background:transparent;
}
.mainmenu a{
	color:#fff;
}



/*submenu indicator styling*/
.mainmenu .sf-sub-indicator{
	color:#ffd251;
}
/* end top bar logo, menu styling */