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


		#topnavcontainer a {
			display: block;
			font-size:13px;
			font-weight:bold;
			text-transform:uppercase;
			color:#ffffff;
			text-decoration:none;
		}
		
				#topnavcontainer a:link    {  }
				#topnavcontainer a:visited {  }
				#topnavcontainer ul li:hover, #topnavcontainer ul li:hover, .greenBody #primary-nav li:hover.first, .blueBody #primary-nav li:hover.first, .violetBody #primary-nav li:hover.first, .orangeBody #primary-nav li:hover.first, .yellowBody #primary-nav li:hover.first, .greyBody #primary-nav li:hover.first, .brownBody #primary-nav li:hover.first { 
					color:#cbcbcb;
					background-image:url(images/activeBg.jpg);
					background-repeat:repeat-x;
					cursor:pointer;
					}
				#topnavcontainer a:active  { color:#ffffff; }
				
				#topnavcontainer a.active:link    { color:#ffffff; background-image:url(images/activeBg.jpg);}
				#topnavcontainer a.active:visited { color:#ffffff;  }
				#topnavcontainer a.active:hover   { color:#ffffff; }
				#topnavcontainer a.active:active  { color:#ffffff; }


body#shop a#shopActive,
body#about a#aboutActive,
body#specials a#specialsActive,
body#pawn a#pawnActive,
body#jewelry a#jewelryActive,
body#electronics a#electronicsActive,
body#music a#musicActive,
body#sporting a#sportingActive,
body#tools a#toolsActive,
body#contact a#contactActive {
color: #fff;
background-image:url(images/activeBg.jpg);
}

/* 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;
   width: 720px;
   padding:5px 5px 5px 5px;
   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 {
	background-image:url(images/redNav.jpg);
	background-repeat:repeat-x;    
   list-style: none;
   margin: 0px;
   padding: 0px;
   
}
.greenBody #primary-nav, #primary-nav ul {     /*----------------------------------------NavBGColor Change -------------------------------------*/
	background-image:url(images/greenNav.gif);
}
.blueBody #primary-nav, #primary-nav ul {     /*----------------------------------------NavBGColor Change -------------------------------------*/
	background-image:url(images/blueNav.gif);
   
}
.orangeBody #primary-nav, #primary-nav ul {     /*----------------------------------------NavBGColor Change -------------------------------------*/
	background-image:url(images/OrangeNav.gif);
   
}
.yellowBody #primary-nav, #primary-nav ul {     /*----------------------------------------NavBGColor Change -------------------------------------*/
	background-image:url(images/yellowNav.gif);
   
}
.greyBody #primary-nav, #primary-nav ul {     /*----------------------------------------NavBGColor Change -------------------------------------*/
	background-image:url(images/greyNav.gif);
   
}
.violetBody #primary-nav, #primary-nav ul {     /*----------------------------------------NavBGColor Change -------------------------------------*/
	background-image:url(images/violetNav.jpg);
   
}
.brownBody #primary-nav, #primary-nav ul {     /*----------------------------------------NavBGColor Change -------------------------------------*/
	background-image:url(images/brownNav.gif);
   
}

#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;
	height:33px;
   border-left:1px solid #95bfe6;
   border-right:2px solid #468bcd;
}
   #primary-nav li.first {
	 padding-left:0px;
	 background-image:url(images/navLeftCap.jpg);/*-----------------------------Color Change------------------*/
	 background-position:top left;
	 background-repeat:no-repeat;
	 border-left-width:0px;
	 border-left-style:none;  
   }
   .greenBody #primary-nav li.first {
	 background-image:url(images/navLeftCapGreen.gif);/*-----------------------------Color Change Green------------------*/
	 background-position:top left;
	 background-repeat:no-repeat;
   }
   .blueBody #primary-nav li.first {
	 background-image:url(images/navLeftCapBlue.gif);/*-----------------------------Color Change Green------------------*/
	 background-position:top left;
	 background-repeat:no-repeat;
   }
   .orangeBody #primary-nav li.first {
	 background-image:url(images/navLeftCapOrange.gif);/*-----------------------------Color Change Green------------------*/
	 background-position:top left;
	 background-repeat:no-repeat;
   }
   .yellowBody #primary-nav li.first {
	 background-image:url(images/navLeftCapYellow.gif);/*-----------------------------Color Change Green------------------*/
	 background-position:top left;
	 background-repeat:no-repeat;
   }
   .greyBody #primary-nav li.first {
	 background-image:url(images/navLeftCapGrey.gif);/*-----------------------------Color Change Green------------------*/
	 background-position:top left;
	 background-repeat:no-repeat;
   }
   .violetBody #primary-nav li.first {
	 background-image:url(images/navLeftCapViolet.gif);/*-----------------------------Color Change Green------------------*/
	 background-position:top left;
	 background-repeat:no-repeat;
   }
   .brownBody #primary-nav li.first {
	 background-image:url(images/navLeftCapBrown.gif);/*-----------------------------Color Change Green------------------*/
	 background-position:top left;
	 background-repeat:no-repeat;
   }
   #navRightCap {
   	background-image:url(images/navRightCap.jpg);
	 background-position:top right;
	 background-repeat:no-repeat;
	 position:relative;
	 width:2px;
	 margin-left:-2px;
	 height:33px;
	 right:0px;
	 z-index:500;
	 float:right;
   }
.greenBody #navRightCap {
   	background-image:url(images/navRightCapGreen.gif);
   }
.blueBody #navRightCap {
   	background-image:url(images/navRightCapBlue.gif);
   }
.orangeBody #navRightCap {
   	background-image:url(images/navRightCapOrange.gif);
   }
.yellowBody #navRightCap {
   	background-image:url(images/navRightCapYellow.gif);
   }
.greyBody #navRightCap {
   	background-image:url(images/navRightCapGrey.gif);
   }
.violetBody #navRightCap {
   	background-image:url(images/navRightCapViolet.gif);
   }
.brownBody #navRightCap {
   	background-image:url(images/navRightCapBrown.gif);
   }
		
   #primary-nav li.last {
	 border-right-width:0px;
	 border-right-style:none;  
   }
    #primary-nav li.activeLast {
	 border-right-width:0px;
	 border-right-style:none;
	 border-right:none;
	background-image:url(images/activeBg.jpg);
	background-repeat:repeat-x;
	cursor:pointer;
   }


#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: 9px 7.5px 9px 7.5px;
   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.active {
   color:#cbcbcb;
   background-image:url(images/activeBg.jpg);
   background-repeat:repeat-x;
   cursor:pointer;
}
#primary-nav li.activeFirst {
	color:#cbcbcb;
	background-image:url(images/activeFirstBg.jpg);
	cursor:pointer;
	padding-left:0px;
	background-position:top left;
	background-repeat:no-repeat;
	border-left-width:0px;
	border-left-style:none;
}

/* 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: #cbcbcb;
}

/* 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 */