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

  Top menu styling defer to Magento standard css.

  Styling here for indents.

**************************************/
#nav li.indent0 { border-top: 1px solid grey; }
#nav ul.level0 { border-bottom: 1px solid grey; }
#nav li.indent0 { padding-bottom: 0; }
#nav li.indent1 { padding-bottom: 0; }
#nav li.indent2 { padding-bottom: 0; }
#nav li.indent3 { padding-bottom: 0; }
#nav li.indent4 { padding-bottom: 0; }
#nav li.indent5 { padding-bottom: 0; }

#nav .indent1 a { font-size: 11px; padding-left:10px; }
#nav .indent2 a { font-size: 10px; padding-left:18px; }
#nav .indent3 a { font-size: 9px;  padding-left:26px; }
#nav .indent4 a { font-size: 8px;  padding-left:34px; }
#nav .indent5 a { font-size: 8px;  padding-left:42px; }
#nav .indent1:hover a { font-size: 11px; padding-left:10px; }
#nav .indent2:hover a { font-size: 10px; padding-left:18px; }
#nav .indent3:hover a { font-size: 9px;  padding-left:26px; }
#nav .indent4:hover a { font-size: 8px;  padding-left:34px; }
#nav .indent5:hover a { font-size: 8px;  padding-left:42px; }

#nav-left .indent0 a { font-size: 12px; padding-left:2px;  }
#nav-left .indent1 a { font-size: 11px; padding-left:10px; }
#nav-left .indent2 a { font-size: 10px; padding-left:18px; }
#nav-left .indent3 a { font-size: 9px;  padding-left:26px; }
#nav-left .indent4 a { font-size: 8px;  padding-left:34px; }
#nav-left .indent5 a { font-size: 8px;  padding-left:42px; }

#nav-right .indent0 a { font-size: 12px; padding-left:2px; }
#nav-right .indent1 a { font-size: 11px; padding-left:10px; }
#nav-right .indent2 a { font-size: 10px; padding-left:18px; }
#nav-right .indent3 a { font-size: 9px;  padding-left:26px; }
#nav-right .indent4 a { font-size: 8px;  padding-left:34px; }
#nav-right .indent5 a { font-size: 8px;  padding-left:42px; }

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

 Left and right menu nav - this is the default Magento css for #nav implemented as #nav-left and #nav-right

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

#nav-left { padding:0 4px; font-size:1.1em; }

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav-left li { position:relative; text-align:left; }
#nav-left li.over { z-index:999; }
#nav-left a,
#nav-left a:hover { display:block; line-height:1.3em; text-decoration:none; }
#nav-left span { display:block; cursor:pointer; white-space:nowrap; }
#nav-left li ul span {white-space:normal; }

/************ 0 LEVEL  ***************/
#nav-left li { display:block; }
#nav-left li.active a { color:#d96708; }
#nav-left a { display:block; padding:5px 12px 6px 8px; color:#a7c6dd; font-weight:bold; }
#nav-left li.over a,
#nav-left a:hover { color:#d96708; }

/************ 1ST LEVEL ************/
#nav-left ul li,
#nav-left ul li.active { float:none; margin:0; padding-bottom:1px; background:#ecf3f6 url(../images/nav_divider.gif) repeat-x 0 100%; }
/*#nav-left ul li.over { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; }*/
#nav-left ul li.last { background:#ecf3f6; padding-bottom:0; }

#nav-left ul a,
#nav-left ul a:hover { float:none; padding:0; background:none; }
#nav-left ul li a { font-weight:normal !important; }

/************ 2ND LEVEL ************/
#nav-left ul { position:absolute; width:15em; top:5px; left:-10000px; border:1px solid #899ba5; }

/* Show menu */
#nav-left li.over > ul { left:130px; }
#nav-left li.over > ul li.over > ul { left:100px; }
#nav-left li.over ul ul { left:-10000px; }

#nav-left ul li a { background:#ecf3f6; }
#nav-left ul li a:hover { background:#d5e4eb; }
#nav-left ul li a,
#nav-left ul li a:hover { color:#2f2f2f !important; }
#nav-left ul span, #nav-left ul li.last li span { padding:3px 15px 4px 15px;}

/************ 3RD+ LEVEL ************/
#nav-left ul ul { top:5px; }

#nav-right { padding:0 4px; font-size:1.1em; }

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav-right li { position:relative; text-align:left; }
#nav-right li.over { z-index:999; }
#nav-right a,
#nav-right a:hover { display:block; line-height:1.3em; text-decoration:none; }
#nav-right span { display:block; cursor:pointer; white-space:nowrap; }
#nav-right li ul span {white-space:normal; }

/************ 0 LEVEL  ***************/
#nav-right li { display: block; }
#nav-right li.active a { color:#d96708; }
#nav-right a { display: block; padding:5px 12px 6px 8px; color:#a7c6dd; font-weight:bold; }
#nav-right li.over a,
#nav-right a:hover { color:#d96708; }

/************ 1ST LEVEL ************/
#nav-right ul li,
#nav-right ul li.active { float:none; margin:0; padding-bottom:1px; background:#ecf3f6 url(../images/nav_divider.gif) repeat-x 0 100%; }
/*#nav-right ul li.over { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; }*/
#nav-right ul li.last { background:#ecf3f6; padding-bottom:0; }

#nav-right ul a,
#nav-right ul a:hover { float:none; padding:0; background:none; }
#nav-right ul li a { font-weight:normal !important; }

/************ 2ND LEVEL ************/
#nav-right ul { position:absolute; width:15em; top:5px; left:-10000px; border:1px solid #899ba5; }

/* Show menu */
#nav-right li.over > ul { left:-170px; }
#nav-right li.over > ul li.over > ul { left:-170px; }
#nav-right li.over ul ul { left:-10000px; }

#nav-right ul li a { background:#ecf3f6; }
#nav-right ul li a:hover { background:#d5e4eb; }
#nav-right ul li a,
#nav-right ul li a:hover { color:#2f2f2f !important; }
#nav-right ul span, #nav-right ul li.last li span { padding:3px 15px 4px 15px;}

/************ 3RD+ LEVEL ************/
#nav-right ul ul { top:5px; }