@charset "utf-8";
/* CSS Document */

body div#listmenu ul li ul
{
	display:none; /*--- Hides all drop down menus ---*/
}

div#listmenu	{
float:left;
width:909px;
height:26px;
margin:0px;
padding:0px 0px 0px 76px;
background-image:url(../images/fullnavbar-off.jpg);
background-repeat:no-repeat;
}

div#listmenu ul
{
	padding:0px;
	margin:0px;
}

div#listmenu li		{
	float:left; /*--- Causes the list to align horizontally instead of stack ---*/
	position:relative; /*--- Positioning context for the absolutely positioned drop-down ---*/
	list-style-type: none; /*--- Removes the bullet off list items ---*/
	margin:0px 0px;
	padding:0px;
}

	div#listmenu li.nav-home	{
/*	background-image:url(../images/nav_about-off.jpg);
	background-repeat:no-repeat;
*/	width:58px;
	height:26px;
	margin-right:3px;
	}
		div#listmenu li.nav-home:hover	{
		background-image:url(../images/nav_home-on.jpg);
		background-repeat:no-repeat;
		}

	div#listmenu li.nav-products	{
/*	background-image:url(../images/nav_about-off.jpg);
	background-repeat:no-repeat;
*/	width:92px;
	height:26px;
	margin-right:3px;
	}
		div#listmenu li.nav-products:hover	{
		background-image:url(../images/nav_products-on.jpg); 
		background-repeat:no-repeat;
		}
		
	div#listmenu li.nav-labelsdecals	{
/*	background-image:url(../images/nav_about-off.jpg);
	background-repeat:no-repeat;
*/	width:217px;
	height:26px;
	margin-right:3px;
	}
		div#listmenu li.nav-labelsdecals:hover	{
		background-image:url(../images/nav_labelsdecals-on.jpg); 
		background-repeat:no-repeat;
		}

	div#listmenu li.nav-materials	{
/*	background-image:url(../images/nav_about-off.jpg);
	background-repeat:no-repeat;
*/	width:146px;
	height:26px;
	margin-right:3px;
	}
		div#listmenu li.nav-materials:hover	{
		background-image:url(../images/nav_materials-on.jpg); 
		background-repeat:no-repeat;
		}

	div#listmenu li.nav-inks	{
/*	background-image:url(../images/nav_about-off.jpg);
	background-repeat:no-repeat;
*/	width:49px;
	height:26px;
	margin-right:3px;
	}
		div#listmenu li.nav-inks:hover	{
		background-image:url(../images/nav_inks-on.jpg); 
		background-repeat:no-repeat;
		}

	div#listmenu li.nav-capabilities	{
/*	background-image:url(../images/nav_about-off.jpg);
	background-repeat:no-repeat;
*/	width:185px;
	height:26px;
	margin-right:3px;
	}
		div#listmenu li.nav-capabilities:hover	{
		background-image:url(../images/nav_capabilities-on.jpg); 
		background-repeat:no-repeat;
		}
		
	div#listmenu li.nav-customer	{
/*	background-image:url(../images/nav_about-off.jpg);
	background-repeat:no-repeat;
*/	width:140px;
	height:26px;
	margin-right:3px;
	}
		div#listmenu li.nav-customer:hover	{
		background-image:url(../images/nav_customercare-on.jpg); 
		background-repeat:no-repeat;
		}

div#listmenu ul li:hover ul		{
	display:block; /*--- Displays appropriate drop down menu ---*/
}

/*--- DROPDOWNS ---*/

div#listmenu ul li ul
{
	Width:100%;
	margin:0px; /*--- Prevents the temp margin on the ul from inheriting here ---*/
	position:absolute; /*--- Positions the drop-down ul in relation to its relatively positioned li parent ---*/
	left:0px; /*--- Aligns the drop-down exactly under the menu ---*/
	top:26px;
	padding:0px;	
}

	div#listmenu ul li ul.drop_materials	{	width:135px;	}
	div#listmenu ul li ul.drop_customer	{	width:130px;	}
/*	div#listmenu ul li ul.drop_other	{	width:160px;	}
	div#listmenu ul li ul.drop_education	{	width:100px;	}
	div#listmenu ul li ul.drop_doctor	{	width:136px;	}
*/
div#listmenu ul li ul li
{
	width:100%; /*--- Makes the list items fill the list containers (ul) ---*/
	border-left:1px solid #808080; /*--- Three sides of each drop-down item ---*/
	border-bottom:1px solid #808080;
	border-right:1px solid #808080;
	padding:0px 5px;
	margin:0px;
	background-image:url(../images/dropdown-bg.jpg);
	background-repeat:repeat;
	display:block;	
}

div#listmenu ul li ul li.top
{
	width:100%; /*--- Makes the list items fill the list containers (ul) ---*/
	border-left:1px solid #808080; /*--- Three sides of each drop-down item ---*/
	border-bottom:1px solid #808080;
	border-right:1px solid #808080;
	border-top:1px solid #808080;
	padding:0px 5px;
	margin:0px;
	display:block;	
}

div#listmenu ul li ul li:hover {
	background-image:url(../images/dropdown-bg-hover.jpg);
	background-repeat:repeat;
}

div#listmenu ul li ul li a	{
	display: block;
	font-weight:normal;
	width:100%;
	padding:3px 0px 3px 0px;
	margin:0px;
	color:#fcf1d4;
	font-size:11px;
	text-decoration:none;
}

div#listmenu ul li ul li a:hover	{
	display: block;
	width:100%;
	font-weight:normal;
	padding:3px 0px 3px 0px;
	margin:0px;
	color:#F9E300;
}

/* === END TOP NAV STYLES === */

body div#leftMenu ul li ul, body div#leftMenu2 ul li ul
{
	display:none; /*--- Hides all drop down menus ---*/
}
div#leftMenu /*--- Menu List Container ---*/
{
	width:230px;
	height:350px;
	background-image:url(../images/leftNav-bg-border.gif);
	background-repeat:no-repeat;
	float:left; /*--- Makes the div enclose the list ---*/
	padding:0px;
	margin:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
}

div#leftMenu2 /*--- Menu List Container ---*/
{
	width:230px;
	height:630px;
	background-image:url(../images/leftNav-bg2.gif);
	background-repeat:no-repeat;
	float:left; 
	padding:0px;
	margin:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
}

div#leftMenu ul, div#leftMenu2 ul
{
	margin:0px;
	padding:0px 0px 0px 0px;
	font-size:11px;
}

div#leftMenu li.leftMenuTitle, div#leftMenu2 li.leftMenuTitle	{
	font-size:14px;
	color:#161541;
	text-transform:uppercase;
	border-bottom:1px solid #0d0c3a;
	font-weight:bold;
	padding-top:15px;
	padding-bottom:2px;
	padding-left:15px;
	width:210px;
	}	

div#leftMenu li, div#leftMenu2 li
{
	float:left; /*--- Causes the list to align horizontally instead of stack ---*/
	position:relative; /*--- Positioning context for the absolutely positioned drop-down ---*/
	list-style-type: none; /*--- Removes the bullet off list items ---*/
	padding:2px 0px 2px 25px ;
	margin:0px 0px 0px 0px;
	width:200px;
	display:block;
	border-bottom:1px solid #93919a;
	font-size:11px;
}

div#leftMenu li.leftSub, div#leftMenu2 li.leftSub
{
	float:left; /*--- Causes the list to align horizontally instead of stack ---*/
	position:relative; /*--- Positioning context for the absolutely positioned drop-down ---*/
	list-style-type: none; /*--- Removes the bullet off list items ---*/
	padding:3px 0px 3px 35px ;
	margin:0px 0px 0px 0px;
	width:190px;
	display:block;
	border-bottom:1px solid #93919a;
	font-size:11px;
}


div#leftMenu li.leftMenuTitle:hover, div#leftMenu2 li.leftMenuTitle:hover	{
	background:none;
	}

div#leftMenu li:hover, div#leftMenu2 li:hover 	{
	background-image:url(../images/dropdown-bg.jpg);
	background-repeat:repeat;
	}
	
div#leftMenu li a, div#leftMenu2 li a 	{
	text-decoration:none;
	color:#161541;
	display:block;
	}
	
div#leftMenu ul li:hover ul, div#leftMenu2 ul li:hover ul 
{
	display:block; /*--- Displays appropriate drop down menu ---*/
}

div#leftMenu ul li:hover a, div#leftMenu2 ul li:hover a 	{
	color:#FFFFFF;
}


/*---------------  FLY OUTS  -----------------*/

div#leftMenu ul li ul, div#leftMenu2 ul li ul 
{
	margin:0px; /*--- Prevents the temp margin on the ul from inheriting here ---*/
	position:absolute; /*--- Positions the drop-down ul in relation to its relatively positioned li parent ---*/
	left:225px; /*--- Aligns the drop-down exactly under the menu ---*/
	top:-1px;
	padding:0px;
	/*margin-top:10px;*/
	background-color:#93919a;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	font-size:12px;
}


div#leftMenu ul li ul li, div#leftMenu2 ul li ul li 
{
	width:100%; /*--- Makes the list items fill the list containers (ul) ---*/
	/*border-top:1px solid #ffffff; --- Three sides of each drop-down item ---*/
	/*border-bottom:1px solid #d0e4f2;*/
	margin:0px;
	background-color:#fafafa;
	/*	add BG image?*/
	text-align:left;
	width:150px;	
	diplay:block;
	padding:0px;
}

div#leftMenu ul li ul li:hover, div#leftMenu2 ul li ul li:hover {
	background-color:#161541;
/*	add BG image?*/
}

div#leftMenu ul li ul li a.flyout, div#leftMenu2 ul li ul li a.flyout  {
	display: block;
	margin:0px;
	text-decoration:none;
	padding:3px 0px 3px 15px ;
	color:#161541;
}

div#leftMenu ul li ul li a.flyout:hover, div#leftMenu2 ul li ul li a.flyout:hover 	{
	color:#ffffff;
	text-decoration:none;
	color:#fafafa;
}


/* LEFT NAV STYELS */


/* END LEFT NAV */

/*---------------------------------- FIX FOR FLOATED ELEMENTS WITHIN A CONTAINER DIV --------------------------*/
.clearfix:after
{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

/*--- Fix for IE on Mac ---*/
.clearfix
{
	display: inline-block;
}

/*--- Hack for bug in IE6 ---*/
* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;