/* 
  ----------------------------------------
  Tree Menu Magic 2
  by Project Seven Development
  www.projectseven.com
  Style Theme: 14 - Existentiality Yellow
  
   <a href="#" onclick="P7_TMMtrigText('p7TMM_1','MyLink')";return false>Open to MyLink</a>
   The first argument is the ID of the TMM2 system that the link appears in ( 'p7TMM_1' ) and the second argument is the text that appears in the menu link you wish to open.
   
   When the page first loads the TMM2 system will now look at the page's URL parameters and if it finds a 'deptID' parameter it will compare the 'deptID' value in the page URL 
   to the menu links. If it finds a menu link with a 'deptID' parameter and matching value it will current mark that link and then open the sub menu and any parents.

	So, if the detail product page address is:
	http://mySite.com/product.php?deptID=263&prodID=1022

	the system will match to this link in the menu:
	<li><a href="/department.php?deptID=263>Department 263</a></li>
  ----------------------------------------
*/

.p7TMM14 {
	font-size: 14px;
	font-family: 'FaktNB', Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	/* font-family: Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", Fakt, sans-serif;
	Fakt renders badly in small sizes, especially under Safari 7.0 MACOSX */
	padding: 4px 4px 0 4px;
	zoom: 1;
}
.p7TMM14 div {zoom: 1;}
.p7TMM14 ul {
	margin: 0;
	padding: 0;
}
.p7TMM14 ul li {
	list-style-type: none;
	margin: 4px 0;
}
.p7TMM14 ul li.root_1 {
	margin-top: 0;
}
.p7TMM14 ul ul {
	position: relative;
	top: 4px;
	padding: 4px 0;
}
.p7TMM14 ul ul li {
	margin: 0;
}
.p7TMM14 ul ul ul {
	background-color: transparent;
	background-image: none;
	border: 0;
	border-left: 1px dotted #000;
	position: static;
	padding: 0;
}
.p7TMM14 ul ul div {
	padding-left: 9px;
}
.p7TMM14 ul a {
	display: block;
	padding: 9px 8px 6px 18px;
	display: block;
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
	border: 2px solid #FFF;
	border-radius: 4px;
	background-color: #A19975;
	zoom: 1;
	outline: 0;
}
.p7TMM14 ul a:hover, .p7TMM14 ul a:focus, .p7TMM14 ul a:active {
	color: #FFF;
	text-decoration: underline;
	background-color: #8A7B5F;
}
.p7TMM14 ul ul a {
	font-size: 95%;
	color: #000;
	padding: 5px 8px 3px 18px;
	border: 0;
	background-color: transparent;
}
.p7TMM14 ul ul a:hover, .p7TMM14 ul ul a:focus, .p7TMM14 ul ul a:active {
	color: #000;
	background-color: transparent;
	text-decoration: underline;
}
.p7TMM14 a.p7tmm_page {
	background-image: url(img/tmm_page_square_white.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.p7TMM14 a.p7tmm_page:hover {
}
.p7TMM14 ul ul a.p7tmm_page {
	background-image: url(img/tmm_page_squareopen_white.gif);
}
.p7TMM14 ul ul a.p7tmm_page:hover {
	background-image: url(img/tmm_page_square.gif);
	background-color: transparent;
}
.p7TMM14 a.trig_closed {
	background-image: url(img/tmm_east_white.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.p7TMM14 a.trig_closed:hover {
}
.p7TMM14 ul ul a.trig_closed {
	background-image: url(img/tmm_east_black.gif);
}
.p7TMM14 a.trig_open {
	background-image: url(img/tmm_south_white.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.p7TMM14 ul ul a.trig_open {
	color: #000;
	background-image: url(img/tmm_south_black.gif);
	background-color: transparent;
}
.p7TMM14 a.current_mark {
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:0.05em;
}
.p7TMM14 ul ul a.current_mark {
	color:#FFF;
}
.p7TMMtoggle {
	display:none;
	text-align:right;
	margin: 0 10px -20px 0;
	font-size: 12px;
	color: #A19975;
}
.p7TMM14_toggle_all a {
	color: #A19975;
	text-shadow: 0 1px 0 #EAE19A;
	outline: 0;
	text-decoration:none;
}
.p7TMM14_toggle_all a:hover, .p7TMM14_toggle_all a:focus, .p7TMM14_toggle_all a:active {
	color: #FFF;
	text-shadow: 0 1px 0 #999;
}