@import url(/z_common/resources/style.css);

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_V2/z_include/style.css style sheet*/
/* Shadowed ToolTips styles are in /z_ecElite_V2/z_include/style.css style sheet*/

/* ######### Begin Social Icons CSS ######### */
.social-icons_wrapper {
	width:165px;
	height:85px;
	padding-top:37px;
	margin-left:-75px;
}
.social-icons_blk {
	width:220px;
	height:87px;
	margin:0px auto;
	background: url("/images/socialicons/pocket_blk.png") 0 -8px;	
}

.social-icons_wht {
	width:165px;
	height:75px;
	margin:0px auto;
	background: url("/images/socialicons/pocket_wht2.png") 0 9px;	
}

.fbicon {float:left;padding-left:2px;padding-right:2px}

.fbicon a {
	width:35px;
	height:43px;
	background: url("/images/socialicons/facebook_glossy3D_sm.png") 0 -4px;
	display:block;
	text-indent:-1500px;
	overflow:hidden;
	margin-top:6px;
}
		
.fbicon a:hover {background-position: 0 -10px;}

.tweeticon {
	float:left;margin-left:23px;
}

.tweeticon a {
	width:42px;
	height:49px;
	background: url("/images/socialicons/twitter_glossy3D_sm.png") 0 -2px;
	display:block;
	text-indent:-1500px;
	overflow:hidden;
}
		
.tweeticon a:hover {background-position: 0 -10px;}

.yt_icon {float:left;}

.yt_icon a {
	width:45px;
	height:49px;
	background: url("/images/socialicons/youtube_glossy3D_sm.png") 0 -5px;
	display:block;
	text-indent:-1500px;
	overflow:hidden;
}
		
.yt_icon a:hover {background-position: 0 -14px;}
/* ######### End Social Icons CSS ######### */

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

	/* ######### Sub-Level Menu Bar CSS (used for both vertical & horizontal implementations) ######### */

	.ddsubmenustyle, .ddsubmenustyle div{ /*topmost and sub DIVs, respectively */
	background: transparent;			/*flyout container background; generally not visable even if color provided*/
	border: 1px solid #414141; 			/*flyout container border*/
	border-bottom-width: 0;
	}

	.ddsubmenustyle li a{				/*Note: height of the li floats as needed to show the text*/
	font: bold 10px 'Comic Sans MS', tahoma, sans-serif;
	width: 160px; 						/*width of sub(s) (not including side paddings)*/
	background-color: #fff;
	color:#69844d;
	padding: 4px 5px;
	border-bottom: 1px solid #414141;		/*flyout item bottom border*/
	}

	.ddsubmenustyle li a:hover{			/*sub(s) hovers	*/
	background-color: #999;
	color: #fff;
	}

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

	.rootmenu {
	width:790px; 
	margin: auto; 
	}

	.rootmenu ul{						/*root tab "container" UL markup. Note, cannot control height; will float as needed to show the text; tab padding applied below*/
	border-bottom: 1px solid #000;
	background-color: #000;
	}

	.rootmenu li a{						/*root tab link markup*/
	font: bold 10px verdana, Arial, Helvetica, sans-serif;
	/*width:99px;						Omit width declaration for floating width root tabs*/
	padding: 3px 8px; 					/*padding inside each root tab*/
	border-right: 1px solid #ccc;		/*right divider between root tabs*/
	background-color: #000;
	color:#fff;
	}

	.rootmenu li a:visited{				/*markup for visited root tabs*/
	background-color: #000;
	color: #fff;
	}

	.rootmenu li a:hover{				/*hover behavior for root tabs*/
	background-color: #a0aeae;
	color: #444;
	}

	.rootmenu a.selected{				/*root item behavior when hovering in this item's dropdown/flyout; "selected" class assigned to its LI via DD Levels code when hovering*/
	background-color: #fff;	 			/*background of tab with "selected" class assigned to its LI*/
	color: #000;
	}

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


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


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