/* Basic code - don't modify */
 
 #nav { display: block; margin: 0; padding: 0; position: relative; top:0px; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; /*float: left;*/ position: relative; background-color: none; width: 160px; border-bottom:1px solid #e3e3e3;  }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { position: absolute; top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 160px;left: -180px; }
#nav ul ul { left: -180px;}

#nav ul ul li { height:75px;}
#nav ul li { height:75px;}
#nav ul ul li.selected2 {border-bottom:2px solid #cccccc; font-size:9px; color:#010101; font-weight:bold; padding:4px 0; width:159px; height:12px;}

#nav ul li a img { opacity: 0.1; -moz-opacity:.10; filter: alpha(opacity=10); margin-bottom:3px;}
#nav ul li a.hover img { opacity: 1; -moz-opacity:1; filter: alpha(opacity=100); margin-bottom:3px;}

#nav ul ul li a:hover {color:#c07c61;/* font-weight:bold;*/}
#nav ul ul li a img { opacity: 0.1; -moz-opacity:.10; filter: alpha(opacity=10); margin-bottom:3px;}
#nav ul ul li a.hover img { opacity: 1; -moz-opacity:1; filter: alpha(opacity=100); margin-bottom:3px;}


/* Everything else is theming */

#nav li.selected {border-bottom:2px solid #cccccc; font-size:9px; color:#010101; font-weight:bold; padding:4px 0; width:159px;}

#nav { height: 18px; }
#nav *:hover { background-color: none; }
#nav a { border-right: 1px solid white; color: #666666; font-size: 9px; padding: 4px 0; line-height: 1; text-decoration:none; }

  #nav li:hover a {color:#c07c61; /*font-weight:bold;*/}
  #nav li:hover li a  {color:#666666; font-weight:normal;}
  
  #nav li li:hover a  {color:#c07c61; /*font-weight:bold;*/}
  #nav li:hover li li a  {color:#666666; font-weight:normal;}
  
  #nav li li li:hover a  {color:#c07c61; /*font-weight:bold;*/}
  
  
  #nav ul {  }
    #nav ul li a { background-color: none; }
      #nav ul a:hover { background-color: none; text-decoration:none;}
   #nav ul a { border-right: none; opacity: 1; -moz-opacity:1; filter: alpha(opacity=100); text-decoration:none; }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */









/* ******************************************* */

 #nav2 { display: block; margin: 0; padding: 0; position: relative; }
  #nav2 li { display: block; list-style: none; margin: 0; padding: 0; /*float: left;*/ position: relative; background-color: none; width: 160px; border-bottom:1px solid #e3e3e3;  }
  #nav2 a { display: block; }
  #nav2 ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav2 ul { line-height: 0; } /* IE6 "fix" */
  	#nav2 ul a { zoom: 1; } /* IE6/7 fix */
    #nav2 ul li { float: none; }
    #nav2 ul ul { position: absolute; top: 0; }
    
/* Essentials - configure this */

#nav2 ul { width: 160px;left: -180px; }
#nav2 ul ul { left: -180px;}

#nav2 ul ul li { height:75px;}
#nav2 ul ul li.selected2 {border-bottom:2px solid #cccccc; font-size:9px; color:#010101; font-weight:bold; padding:4px 0; width:159px; height:12px;}
#nav2 ul ul li a:hover {color:#c07c61; font-weight:bold;}
#nav2 ul ul li a img { opacity: 0.5; -moz-opacity:.50; filter: alpha(opacity=50);}
#nav2 ul ul li a.hover img { opacity: 1; -moz-opacity:1; filter: alpha(opacity=100);}


/* Everything else is theming */

#nav2 li.selected {border-bottom:1px solid #cccccc; font-size:9px; color:#010101; font-weight:bold; padding:4px 0; width:159px;}
#nav2 li.selected3 {border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3; font-size:9px; color:#666666; font-weight:bold; padding:3px 0; width:159px; height:11px}
#nav2 li.store {border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3; font-size:9px; color:#666666; padding:3px 0; width:159px; height:11px; font-weight:normal;}

#nav2 { height: 18px; }
#nav2 *:hover { background-color: none; }
#nav2 a { border-right: 1px solid white; color: #666666; font-size: 9px; padding: 4px 0; line-height: 1; text-decoration:none; }

  #nav2 li:hover a {color:#c07c61;}
  #nav2 li:hover li a  {color:#666666; font-weight:normal;}
  
  #nav2 li li {color:#c07c61; font-weight:bold; border-bottom:1px solid #fff;}
  #nav2 li li a  {color:#666666; font-weight:normal;}
  #nav2 li li:hover a  {color:#c07c61;}
  #nav2 li:hover li li a  {color:#666666; font-weight:normal;}
  
  #nav2 li li li:hover a  {color:#c07c61; font-weight:bold;}
  
  
  #nav2 ul {  }
    #nav2 ul li a { background-color: none; }
      #nav2 ul a:hover { background-color: none; text-decoration:none;}
   #nav2 ul a { border-right: none; opacity: 1; -moz-opacity:1; filter: alpha(opacity=100); text-decoration:none; }
/* #nav2 ul a { border-bottom: none; } - I also needed this for IE6/7 */


/* ******************************************* */

#linksBar {border-bottom:1px solid #cccccc; height:5px; width:160px;}


#designer_top1 { display: block; margin: 0; padding: 0;}
#designer_top1 ul { display: none; left: 0; margin: 0; padding: 0; top:0px;}
#designer_top1 li { display: block; list-style: none; margin: 0; padding: 0; position: relative; background-color: none; width: 160px; border-bottom:1px solid #e3e3e3;  }
#designer_top1 li.selected {border-bottom:2px solid #cccccc; font-size:9px; color:#010101; font-weight:bold; padding:4px 0; width:160px;}
#designer_top1 a:hover {color:#c07c61;}
/*
#designer_top1 {border-bottom:2px solid #cccccc; font-size:9px; color:#010101; font-weight:bold; padding:4px 0; width:160px;}
*/


#item_top1 { display: block; margin: 0; padding: 0; position: relative;}
#item_top1 ul { display: none; position: absolute; left: 0; margin: 0; padding: 0;}
#item_top1 li { display: block; list-style: none; margin: 0; padding: 0; position: relative; background-color: none; width: 160px; border-bottom:1px solid #e3e3e3;  }
#item_top1 li.selected {border-bottom:2px solid #cccccc; font-size:9px; color:#010101; font-weight:bold; padding:4px 0; width:160px;}
#item_top1 a:hover {color:#c07c61;}