/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @copyright  Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
/*
#nav { padding:0 10px; font-size:1.1em; font:arial,helvetica,sans-serif}

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

/************ 0 LEVEL  **************
#nav li { float:left; }
#nav li.level0 {background:url(https://www.hotbuckles.com/skin/frontend/hotbuckles/hotbuckles/images/bg_menu_header_li.gif) no-repeat right 5px }
#nav li.active a { color:#AAAAAA; }
#nav a { float:left; padding:5px 10px 6px 8px; color:#FEFEFE; font-weight:bold; }
#nav li.over a,
#nav a:hover { color:#AAAAAA; }

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

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

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

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

#nav ul li a { background:#000000; }
#nav ul li a:hover { background:#444444; }
#nav ul li a,
#nav ul li a:hover { color:#FFFFFF !important; }
#nav ul span, #nav ul li.last li span { padding:3px 15px 4px 15px;}

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

/***********lewe menu****************
#sideNav {margin-top:10px}
#sideNav li,#sideNav ul {padding:0px; margin:0px}
#sideNav a {color:#000000; display:block; text-decoration:none; background:none; font-size:14px;
	font-weight:bold; padding-left:15px}
#sideNav ul a {font-size:12px; padding-left:20px}
#sideNav ul ul a {padding-left:28px}
#sideNav ul a:hover {background:url(https://www.hotbuckles.com/skin/frontend/hotbuckles/hotbuckles/images/bg_categories_active.png) 0 0 no-repeat; color:#ffffff}
#sideNav ul span,#sideNav ul li.last li span {padding:2px 0 2px 6px}

.side-col .narrow-by {padding-bottom:30px; background:url(https://www.hotbuckles.com/skin/frontend/hotbuckles/hotbuckles/images/bg_categories.png) 50% 100% no-repeat}

.changecls ul{ width:300px!important;}

.changecls ul li{ width:149px!important;float:left!important;border-right:1px solid #899ba5;}
.makered{color:#FF0000; font-weight:bold;}
.marklighter{color:#FF0000;}
*/
  #nav  {
padding : 0 10px;
font-size : 1.1em;
}
#nav li {
position : relative;
text-align : left;
}
#nav li.over {
z-index : 999;
}
#nav a, #nav a:hover {
display : block;
line-height : 1.3em;
text-decoration : none;
}
#nav span {
display : block;
cursor : pointer;
white-space : nowrap;
}
#nav li ul span {
white-space : normal;
}
#nav li {
float : left;
}
#nav li.level0 {
background : url(https://www.hotbuckles.com/skin/frontend/hotbuckles/hotbuckles/images/bg_menu_header_li.gif) no-repeat right 5px;
}
#nav li.active a {
color : #aaa;
}
#nav a {
float : left;
padding : 5px 10px 6px 8px;
color : #fefefe;
font-weight : bold;
}
#nav li.over a, #nav a:hover {
color : #aaa;
}
#nav ul li, #nav ul li.active {
float : none;
margin : 0;
padding-bottom : 1px;
background : #ecf3f6 url(https://www.hotbuckles.com/skin/frontend/hotbuckles/hotbuckles/images/nav_divider.gif) repeat-x 0% 100%;
}
#nav ul li.last {
background : #ecf3f6;
padding-bottom : 0;
}
#nav ul a, #nav ul a:hover {
float : none;
padding : 0;
background : none;
}
#nav ul li a {
font-weight : normal !important ;
}
#nav ul {
position : absolute;
width : 15em;
top : 25px;
left : -10000px;
border : 1px solid #899ba5;
}
#nav li.over > ul {
left : 0;
}
#nav li.over > ul li.over > ul {
left : 100px;
}
#nav li.over ul ul {
left : -10000px;
}
#nav ul li a {
background : #000;
}
#nav ul li a:hover {
background : #444;
}
#nav ul li a, #nav ul li a:hover {
color : #fff !important ;
}
#nav ul span, #nav ul li.last li span {
padding : 3px 15px 4px 15px;
}
#nav ul ul {
top : 5px;
}
#sideNav {
margin-top : 10px;
}
#sideNav li, #sideNav ul {
padding : 0;
margin : 0;
}
#sideNav a {
color : #000;
display : block;
text-decoration : none;
background : none;
font-size : 14px;
font-weight : bold;
padding-left : 15px;
}
#sideNav ul a {
font-size : 12px;
padding-left : 20px;
}
#sideNav ul ul a {
padding-left : 28px;
}
#sideNav ul a:hover {
background : url(https://www.hotbuckles.com/skin/frontend/hotbuckles/hotbuckles/images/bg_categories_active.png) no-repeat 0% 0%;
color : #fff;
}
#sideNav ul span, #sideNav ul li.last li span {
padding : 2px 0 2px 6px;
}
.side-col .narrow-by {
padding-bottom : 30px;
background : url(https://www.hotbuckles.com/skin/frontend/hotbuckles/hotbuckles/images/bg_categories.png) no-repeat 50% 100%;
}
.changecls ul {
width : 300px !important ;
}
.changecls ul li {
width : 149px !important ;
float : left !important ;
border-right : 1px solid #899ba5;
}
.makered {
color : #f00;
font-weight : bold;
}
.marklighter {
color : #f00;
}