/*************** CSS for Left Nav ****************/
#submenu {
	width: 150px;
	padding: 0 8px 0 7px;
}
.tbl_product ul, ul.link { 
	list-style: none;
	margin:0px;
	padding:0px;
}
.tbl_product ul li, ul.link li {
	padding: 0 0 0 10px; 
	background-image:url(../images/arrow_right_black.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
}
ul.LNhdr { 
	list-style: none;
	margin:0px;
	padding:0px;	
}
ul.LNhdr li { 
	background-color:#e4e4e4;
	padding: 5px 0 5px 10px;
	color:#f47100;
	font-weight:700;
	text-align:left;
	cursor: pointer;	
	background-image: none;
	border-bottom:1px solid #ffffff;
}
ul.LNhdr li a {
	color:#f47100;
	text-decoration: none;
}

ul.LNhdr li.LNhdrChosen {
	background-color:#999999;
	padding:5px 0px 5px 10px;
	color:#ffffff;
	font-weight:700;
	text-align:left;
	cursor: pointer;
	border-bottom:1px solid #ffffff;
}
#content ul.LNhdr li.LNhdrChosen a {
	color:#ffffff;	
}
.LNhdrSubSecPad{
	padding:5px 0px 15px 20px;
	border-bottom:1px dotted #6f6f6f;
	border-top:1px dotted #6f6f6f;
	background-color: #F7F7F7;
}
.product_link{
	padding:5px 0px 15px 20px;
	border-bottom:1px dotted #6f6f6f;
	border-top:1px dotted #6f6f6f;
	background-color: #F7F7F7;
	min-height: 300px;
}
ul.LNsolo li {
	padding: 0 0 0 10px;
	background-color: #F7F7F7;
	background-image:url(../images/bullet_orange.gif);
	background-repeat:no-repeat;
	background-position:0px 3px; 
}
ul.LN li { /* default 1st-level <ul> list */
	color:#868686;
	font-size:11px;
	font-weight:700;
	padding: 0 0 0 10px;
	background-image:url(../images/arrow_right_black.gif);
	background-color: #F7F7F7;
	background-repeat:no-repeat;
	background-position:0px 3px; /* top-align should be approx half of bullet height (7) */
}/* reset style for all <li> that are NOT direct children of the <ul>; this is required cos IE doesnt recog > child descendents! */ ul li * li {background:none;} 

ul.LNclick li { /* default 1st-level <ul> list */
	color:#868686;
	font-size:11px;
	font-weight:700;
	padding: 0 0 0 10px; /* padding-left should be bullet width (8) + 2 */
	border-bottom:none;
	background-color: #F7F7F7;
	background-image:url(../images/arrow_down_black.gif);
	background-repeat:no-repeat;
	background-position:0px 3px; /* top-align should be approx half of bullet height (7) */
}/* reset style for all <li> that are NOT direct children of the <ul>; this is required cos IE doesnt recog > child descendents! */ ul li * li {background:none;} 

ul.LNclick ul li { /* default 2nd-level nested <ul> list */
	background-image:url(../images/bullet_orange.gif);
	background-repeat:no-repeat;
	background-position:2px 10px;
	background-color: #F7F7F7;
	padding: 5px 0 0 10px;
	color:#6f6f6f;
	font-weight:normal;
}/* reset style for all <li> that are NOT direct children of the 2nd-level <ul> */ ul li ul li * li {background:none;} 

ul.LN ul li { /* default 2nd-level nested <ul> list */
	background-color: #F7F7F7;
	background-image:url(../images/bullet_orange.gif);
	background-repeat:no-repeat;
	background-position:2px 10px;
	padding: 5px 0 0 10px;
	color:#6f6f6f;
	font-weight:normal;
}/* reset style for all <li> that are NOT direct children of the 2nd-level <ul> */ ul li ul li * li {background:none;} 

#content ul.LN li a, #content ul.LNclick li a, ul.LNsolo li a, ul.LN li a, ul.LNclick li a, ul.LNsolo li a {
	color:#868686;
	text-decoration: none;
}
#content ul.LN li a:hover, #content ul.LNclick li a:hover, ul.LNsolo li a:hover, ul.LN li a:hover, ul.LNclick li a:hover, ul.LNsolo li a:hover  {
	color:#6f6f6f;
}
#content ul.LNclick ul li a, #content ul.LN ul li a, ul.LNclick ul li a, ul.LN ul li a {
	color:#6f6f6f;
	text-decoration: none;
}
#content ul.LNclick ul li a:hover, ul.LN ul li a:hover, ul.LNclick ul li a:hover, ul.LN ul li a:hover {
	color:#868686;
}