#topnavcontainer {
  background-image:url(images/merchant/navContainer_bg.jpg);
  background-position:left top;
  background-repeat:repeat-x;
  background-color:#82b2e3; 
}


		#topnavcontainer a {
			display: block;
			font-size:12px;
			font-weight:bold;
			text-transform:uppercase;
			color:#ffffff;
			text-decoration:none;
		}
		
				#topnavcontainer a:link    {  }
				#topnavcontainer a:visited {  }
				#topnavcontainer a:hover   { color:#004281; }
				#topnavcontainer a:active  { color:#004281; }
				
				#topnavcontainer a.active:link    { color:#004281;  }
				#topnavcontainer a.active:visited { color:#004281;  }
				#topnavcontainer a.active:hover   { color:#004281; }
				#topnavcontainer a.active:active  { color:#004281; }


/* Start of CMSMS style sheet 'Navigation: CSSMenu - Horizontal' */
#menu_vert {
   margin-left: 1px;
   margin-right: 1px;
}

/* The wrapper clears the floating elements of the menu */
/* Fix for Opera 8 */
.clearb { clear: both; }

/* EDIT HERE 1 - FROM DOUG - Below styles the dynamically created div id="menuwrapper"
Change settings here to:
>width of nav bar - common widths are 749px, 955px, or 100%
>alignment of all all levels of menu items */
#menuwrapper {

   /*   overflow: hidden;  */
   background-color: transparent;
  /* background-image: url(images/navBg.jpg); */
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   z-index: 500;
   text-align: left;
}

/* EDIT HERE 2 - Set the width of the menu elements at second level. Leaving first level flexible. */

#primary-nav li li {
   width: 100px;
}

/* Unless you know what you do, do not touch these positioning elements */

#primary-nav, #primary-nav ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
}

#primary-nav ul {
   position: absolute;
   top: auto;
   display: none;
}

#primary-nav ul ul {
   /* margin-top: 1px; */
   margin-top: 1px;
   margin-left: -1px;
   left: 100%;
   top: 0px;
}

#primary-nav li {
   /* margin-left: -1px; */
   margin:0px;
   float: left;

   padding: 7px 9px 6px 10px;
   border-left:1px solid #95bfe6;
   border-right:2px solid #468bcd;
}
   #primary-nav li.first {
	 padding-left:10px;
	 background-image:url(images/merchant/navbar_corner.jpg);
	 background-position:top left;
	 background-repeat:no-repeat;
	 border-left-width:0px;
	 border-left-style:none;  
   }
		
   #primary-nav li.last {
	 border-right-width:0px;
	 border-right-style:none;  
   }


#primary-nav li li {
   margin-left: 0px;
   margin-top: -1px;
   float: none;
   position: relative;
   border-top:1px solid #95bfe6;
   border-bottom:2px solid #468bcd;
   text-transform:none;
}
#primary-nav li ul {
   margin-top: 6px;
   margin-left: -12px;
}

/* End of positioning elements */



/* Styling the basic apperance of the menu elements

EDIT HERE 3- You can change the text color for all levels of the menu here. To change the sublevel text to a different
color see EDIT 6 */

#primary-nav a {
   display: block;
   margin: 0px;
   /* padding: 5px 10px; */
   text-decoration: none;
   /* color: #9ec3e7; */
   color: #ffffff;
   /* font-family:Verdana, Arial, Helvetica, sans-serif; */
   font-weight:bold;
   font-size:12px;
   text-tranform:uppercase;
   }
   
/* EDIT HERE 4 - You can edit or remove side bordres on the main nav bar. Font attributes set here affect all levels */
#primary-nav li a {

   }
/* EDIT HERE 5 - Edit or remove bordres of the 2nd and 3rd level menu items
If you would like a different font color for submenu text change it here
 */

#primary-nav li li a {
  font-size:10px;
  color:#ffffff;
  font-weight:normal;
}

#primary-nav li li .menuactive{
  color:#004281;
}

/* EDIT HERE 6 - I set the background of the main nav bar to transparent so I can
 add gradient background pictures in the html.
 Obviously, you can also change main nav bar to a different color.
 Note: Just changing this background color in the default CSS menu template will also affect
 all lower levels of the menu, you must also add the edits in 7 and 8 at the bottom of this sheet. */   

#primary-nav li, #primary-nav li.menuparent {
   background-color: transparent;
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive {
   background-color: #ffffff;
}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
/* NOTE FROM DOUG - I changed the positioning so it's easier to use other arrow graphics. */

#primary-nav ul li.menuparent,
#primary-nav ul li.menuparent:hover,
#primary-nav ul li.menuparenth {
   /* arrow for menuparents */
   background-image: url(../ma10.gif);
   background-position: 180px center;
   background-repeat: no-repeat;
   }

/* Styling the apperance of menu items on hover
NOTE from Doug-added "#primary-nav ul li.menuparent:hover," to this section so it works in FF and IE6*/

#primary-nav li:hover,
#primary-nav li.menuh,
#primary-nav li.menuparenth,
#primary-nav ul li.menuparent:hover,
#primary-nav li.menuactiveh {
   color: #004281;
}

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/*
just add
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul ul ul,
for fourth level

*/

#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
   display: none;
}



/* add

#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
for fourth level

*/

#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
   display: block;
}

/* IE Hacks */

/* EDIT HERE 7 - You can change the background color of submenu items that ARE NOT parents match with color in edit 8 */

#primary-nav li li {
   float: left;
   clear: both;
   background-color: #82b2e3;

}

/* Don't change */
#primary-nav li li a {
   height: 1%;
}

/* EDIT HERE 8 - You can change the background color of submenu items that ARE parents (match with color in edit 7) */
#primary-nav ul li.menuparent {
   /* background-color: #6b89a2; */
}
/* End of 'Navigation: CSSMenu - Horizontal' */
/* Begin -  IE Hover Action  */
body {
  behavior: url("csshover.htc");  
  /* font-size: 100%; */
} 

/* End - IE Hover Action */