/*********************************
 * Start OsCommerce Categories Nav Script
 * this software is free for
 * all use as long as this 
 * copyright and link stay intact
 * copyright 2010-2011
 * phpfair.com/idragonfly.net
 * make sure you have a doctype set
 * or the script will not work    
 ********************************/ 
#osccatnav {
	background: #272727;
	display: block;
	/*float: left;*/
	margin: 0 auto;
	width: 960px;
	height:55px;
	left:75px;
}
.menu {
  position:relative;
  left:25px;
}
#osccatnav .menu-header,
div.menu, div.sub_menu {
	font-size: 15px;
	font-weight:bold;
	font-family: Arial, Verdana, Sans-Serif;
		margin: 0 auto;
	width: 960px;
}
#osccatnav .menu-header ul,
div.menu ul, div.sub_menu ul {
	list-style: none;
	margin: 0;
}
#osccatnav .menu-header li,
div.menu li, div.sub_menu li {
	float: left;
	position: relative;
}

#osccatnav a:link {
	background: #cbcbc2 url(../images/graynav.png) repeat-x bottom left;
	color: #20201d;
		display: block;
	padding: 0 10px;
	text-decoration: none;
	padding: 6px 6px;
	font-size: 15px;
    border-left:1px solid #cbcbc2;
    border-right:1px solid #8c8c83;
}
#osccatnav a:visited {
	background: #cbcbc2 url(../images/graynav.png) repeat-x bottom left;
	color: #20201d;
		display: block;
	padding: 0 10px;
	text-decoration: none;
	padding: 6px 6px;
	font-size: 15px;
    border-left:1px solid #cbcbc2;
    border-right:1px solid #8c8c83;
}
#osccatnav a:hover {
	background: #a4a49b url(../images/graynav2.png) repeat-x bottom left;
	color: #fff;
		display: block;
	padding: 0 10px;
	text-decoration: none;
	padding: 6px 6px;
	font-size: 15px;
    border-left:1px solid #cbcbc2;
    border-right:1px solid #8c8c83;
}
/* this is where we adjust the submenu properties */
#osccatnav div.sub_menu a {
	color: #000;
	display: block;
	padding: 0 10px;
	text-decoration: none;
	padding: 6px 38px;
	font-size: 12px;
    border-left:1px solid #C6C5BF;
    border-right:1px solid #FFFFFF;
    background: #ecfaf7 url(../images/navigation_bg.gif) repeat-x bottom left;
}
#osccatnav div.sub_menu :hover > a {
	background: #a4a49b;
	color: #fff;
}
#osccatnav ul ul {                                       /* Edit Here if the dropdown is hard to operate */
	box-shadow: 0px 3px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.5);
	-moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    display: none;
	position: absolute;
	top: 28px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
	padding: 8px;
	background-color: #eeeded;
}
#osccatnav .menu > ul li:first-child a {
    border-left: none;
	-moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    	-moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
}
#osccatnav .menu > ul li:last-child a {
    border-right: none;

	-moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;    
 	-moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;   
}

#osccatnav ul ul li {
	min-width: 180px;
}
#osccatnav ul ul ul {
	left: 100%;
	top: 0;
}
#osccatnav ul ul a:link {
	line-height: 1em;
	padding: 5px 8px 7px 8px;
	width: 160px;
	height: auto;
	font-size: 13px;
	color: #000;
    border: none;
    background: #eeeded;    
}
#osccatnav ul ul a:visited {
	line-height: 1em;
	padding: 5px 8px 7px 8px;
	width: 160px;
	height: auto;
	font-size: 13px;
	color: #000;
    border: none;
    background: #eeeded;    
}
#osccatnav ul ul a:hover  {
	color: #fff;
	line-height: 1em;
	padding: 5px 8px 7px 8px;
	width: 160px;
	height: auto;
	font-size: 13px;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background: #a4a49b url(../images/graynav2.png) repeat-x bottom left;	
}
#osccatnav ul li:hover > ul {
	display: block;
}
/********* End OsCommerce Categories Nav Script **********/