body		{ font-size: 10px; margin: 4px 0 0 0; background-color:#000000; color:#000000; font-family: verdana,arial,helvetica,sans-serif;}
h1			{ font-size: 12px; font-weight:bold; color:#999999;}
h2,h3,h4	{ font-size: 10px; font-weight:bold; color:#999999;}
th 			{ font-size: 10px; font-weight:normal;}
p,td		{ font-size: 10px; }
li			{ font-size: 10px;  font-style:normal;}
a:active	{ font-size: 10px; color:#666666; text-decoration:underline;}
a:link		{ font-size: 10px; color:#666666; text-decoration:none; font-weight:bold;}
a:visited	{ font-size: 10px; color:#666666; text-decoration:none; font-weight:bold;}
a:hover		{ font-size: 10px; color:#c0c0c0; text-decoration:underline; font-weight:bold;}
b			{ font-weight:bold;}

.hdrPanel			{ font-size:10px; font-weight:bold; background-color:#e8e8e8; color:#333333;}
a.hdrPanel:link		{ text-decoration:underline; color:#666666; font-weight:bold; }
a.hdrPanel:visited	{ text-decoration:none; color:#666666; font-weight:bold; }
a.hdrPanel:hover	{ text-decoration:underline; color:#666666; font-weight:bold;}
.navPanel			{ font-size:10px; font-weight:bold; background-color:#666666; color:#333333;}
a.navPanel:link		{ text-decoration:none; color:#FFFFFF; font-weight:bold;}
a.navPanel:visited	{ text-decoration:none; color:#FFFFFF; font-weight:bold;}
a.navPanel:hover	{ text-decoration:underline; color:#c0c0c0; font-weight:bold;}

#honeyPot {display:none}

/*--- CSS-controlled mouseover menu ---*/
#navDiv ul				{padding: .2em 0; margin: 0; list-style-type: none; background-color: #666666; color: #ffffff;
						width: 100%; font: bold 10px verdana, arial, helvetica, sans-serif; text-align: center;}
#navDiv li  			{display: inline; }
#navDiv li a			{text-decoration: none; background-color: #666666; color: #ffffff; padding: .2em .94em;
						border-right: 1px solid #ffffff;}
#navDiv li a:link		{color: #ffffff;}
#navDiv li a:visited	{color: #ffffff;}
#navDiv li a:hover, #navActive a:link, #navActive a:visited, #navActive a:hover
						{background-color: #999999; color: #ffffff;}

/*--- ecElite overrides ---*/
.pName		{ font-size:11px; }
.pDetails	{ font-size:11px; }

.list_categories_and_products_container{
  width: 720px;
  margin: auto;
  text-align:left;
  border: 1px solid #c0c0c0;
}

/* showCartTH, et al styles are in z_ecElite/style sheet*/

/* Shadowed ToolTips styles are in z_ecElite/style sheet*/

/*--- SMS ---*/
#bodyFCKeditor { background-color:#ffffff; color:#000000; }



/* ######### Begin ddLevelsMenu CSS ######### */

	/* ######### Sub-Level Menu Bar CSS (used for both vertical & horizontal implementations) ######### */
	.ddsubmenustyle, .ddsubmenustyle ul{ 		/*topmost and sub ULs, respectively*/
	font: bold 14px 'Comic Sans MS', tahoma, sans-serif;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;
	background: transparent;			/*generally not visiable even if color provided*/
	border: 1px solid #414141; 			/*darrrrk grey*/
	border-bottom-width: 0;
	visibility: hidden;
	z-index: 100;
	}

	.ddsubmenustyle li a{				/*Note: height of the li floats as needed to show the text*/
	display: block;
	width: 160px; 						/*width of sub(s) (not including side paddings)*/
	color:#69844d;						/*medium green*/
	background-color: #ffffff;
	text-decoration: none;
	padding: 4px 5px;
	border-bottom: 1px solid #414141; 	/*darrrrk grey*/
	}

	* html .ddsubmenustyle li{ 			/*IE6 CSS hack*/
	display: inline-block;
	width: 170px; 						/*width of menu (include side paddings of LI A*/
	}

	.ddsubmenustyle li a:hover{			/*sub(s) hovers	*/
	background-color: #999999; 			/*medium grey*/
	color: #ffffff;						/*white*/
	}

	/* ######### Core/Neutral CSS (used for both vertical & horizontal implementations) ######### */
	.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
	padding-left: 4px;
	border: 0;
	}

	.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
	position: absolute;
	padding-top: 3px;
	left: 100px;
	border: 0;
	}

	.ddiframeshim{
	position: absolute;
	z-index: 500;
	background: transparent;
	border-width: 0;
	width: 0;
	height: 0;
	display: block;
	}

	/* ######### Root-Level Menu Bar CSS (horizontal version) ######### */

	.rootmenu {
	width:790px; 
	/* height:XXXpx; Cannot control height; will float as needed to show the text; use tab padding below*/
	margin: auto; 
/*	
	padding-top:2px;
	padding-right:0px;
	padding-left:0px;

	background-color: #666666; 
	background-image: url('/images/nav/bg_links.jpg'); 
	background-repeat: repeat-x; 
	border-top:1px solid #c9c9c9
*/
	}

	.rootmenu ul{
	margin: 0;
	padding: 0;
	font: bold 16px 'Comic Sans MS', tahoma, sans-serif;
	list-style-type: none;
/*	border-bottom: 1px solid gray;*/
	background: transparent;
	overflow: hidden;
	width: 100%;
	}

	.rootmenu li{
	display: inline;
	margin: 0;
	}

	.rootmenu li a{
	float: left;
	display: block;
/*	width:97px;								Omit width declaration for floating width tabs*/
	text-decoration: none;
	margin: 0;
	padding: 3px 8px; 						/*padding inside each tab*/
	border-right: 1px dotted #828200; 		/*right divider between tabs*/
	color:#69844d;							/*medium green*/
	background: #faf6ed;					/*light yellow*/
	}

	.rootmenu li a:visited{
	background-color:#faf6ed;				/*light yellow*/
	color:  #69844d; 						/*medium green*/
	}

	.rootmenu li a:hover{
	background: #999999;					/*medium gray; background of tabs for hover state*/
	color: #faf6ed;							/*light yellow*/

	}

	.rootmenu a.selected{					/*not in use; would require class="selected" be set for the current page's tab*/
	background-color: #69844d;	 			/*medium green; background of tab with "selected" class assigned to its LI*/
	color: #faf6ed;							/*light yellow*/
	}

/* ######### End ddLevelsMenu CSS ######### */