/**
 * 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)
 */

 


/* NAVIGATION - CSS SPRITES*/

ol, li {
list-style: none;
}

#nav li
{
background-image: url(../images/icon.png);
background-repeat: no-repeat;
}

#nav li:hover 
{
background-image: url(../images/icon-hover.png);
background-repeat: no-repeat;
}

#nav {
	width:950px;
	height:29px;
	margin-top:20px;
	padding:20px 0 30px 0;
	margin: auto;
	}	
	
/*SON OF SUCKER FISH DROP DOWNS MODIFIED*/	
#drops, #drops ul {
	padding:0;
	margin:0;
	clear:both;
	float:left;
	width:inherit;
	}
	
#drops ul.drop {
	background:#c5c5c5;
	padding:5px;
	width:inherit;
	clear:both;
	float:left;
	margin-top:29px;
	}

#drops ul.drop li {
    width:inherit;
	clear:both;
	}
	
#drops ul.drop a {
	
	color:#7d7d7d;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	clear:both;
	float:left;
	font-family: arial, sans-serif;
	border-bottom: 1px solid #7d7d7d;
	padding: 5px;
	margin: 0 0 0 15px;
	}
	
#drops ul.drop a:hover {
	
	color:#db2037;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	clear:both;
	float:left;
	font-family: arial, sans-serif;
	border-bottom: 1px solid #7d7d7d;
	padding: 5px;
	margin: 0 0 0 15px;
	}
	
#drops a {
	display: block;
	/*width: 10em;*/
	float:left;
	clear:both;
	width:200px;
}

#drops li {
	float: left;
	/*width: 10em;*/
}

#drops li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#drops li:hover ul {
	left: auto;
}

#drops li:hover ul, #drops li.sfhover ul {
	left: auto;
}
/*END SUCKERFISH*/

/*SPRITE BACKGROUP POSITIONING*/	
#nav a.home, #nav a.occasion, #nav a.baby, #nav a.kids, #nav a.grownups, #nav a.holiday, #nav a.wedding, #nav a.stationery, #nav a.business, #nav a.myaccount {
	float:left;
	background:url(../images/topnav.png) no-repeat;
	height:29px;
	text-indent:-999999px;
	}
	
#nav a.home {	
	background-position:left top;
	width:80px;
	}
	
#nav a.occasion {	
	background-position:-80px 0;
	width:130px;
	}

#nav a.baby {	
	background-position:-210px 0;
	width:60px;
	}

#nav a.kids {	
	background-position:-270px 0;
	width:65px;
	}	
	
#nav a.grownups {	
	background-position:-335px 0;
	width:100px;
	}	
	
#nav a.holiday {	
	background-position:-435px 0;
	width:70px;
	}	

#nav a.wedding {	
	background-position:-505px 0;
	width:90px;
	}	

#nav a.stationery {	
	background-position:-595px 0;
	width:90px;
	}	
	
#nav a.business {	
	background-position:-695px 0;
	width:95px;
	}		

#nav a.myaccount {	
	background-position:-790px 0;
	width:160px;
	}	
	
	
	

#nav a.home:hover {	
	background-position:left -29px;
	}
	
#nav a.occasion:hover {	
	background-position:-80px -29px;
	}

#nav a.baby:hover {	
	background-position:-210px -29px;
	}

#nav a.kids:hover{	
	background-position:-270px -29px;
	}	
	
#nav a.grownups:hover{	
	background-position:-335x -29px;
	}	
	
#nav a.holiday:hover {	
	background-position:-435px -29px;
	}	
	
#nav a.wedding:hover {	
	background-position:-505px -29px;
	}	

#nav a.stationery:hover {	
	background-position:-595px -29px;
	}

#nav a.business:hover {	
	background-position:-695px -29px;
	}

#nav a.myaccount:hover {	
	background-position:-790px -29px;
	}
	
	
		
	
#nav a#active1 {	
	background-position:left -64px;
	}
	
#nav a#active2 {	
	background-position:-113px -64px;
	}

#nav a.#active3 {	
	background-position:-197px -64px;
	}

#nav a#active4{	
	background-position:-299px -64px;
	}	
	
#nav a#active5{	
	background-position:-387px -64px;
	}	
	
#nav a#active6 {	
	background-position:-468px -64px;
	}	
/*END NAVIGATION*/