/**************************************************************************
Name:        nav.css
Description: Layout Navigation CSS definitions
Created:     Roxanne Martinez, 7/13/2011
Modified:    Roxanne Martinez, 7/19/2011
**************************************************************************/

@media all
{
	div.nav
	{
		/*border-bottom: 	  2px solid black;
		border-top:    	  2px solid black;
		background-color: #fff;*/
		height:       	  40px;
		float: 			  right;
		position: 		  relative;
		top: 			  2px;
		width: 			  905px;
		z-index:  		  999;
	}

	div.navigation 
	{
		width: 905px;
	}

	div.nav.sticky
	{
		position: fixed;
		top: 	  0px;

		-webkit-box-shadow: 0px 2px 2px #999;
		   -moz-box-shadow: 0px 2px 2px #999;
		        box-shadow: 0px 2px 2px #999;
	}

	div.nav.newStore 
	{
		border-bottom: 0 solid transparent;
	}

	div.nav a.menu
	{
		display: none;
	}

	div.nav ul
	{
		position: absolute;
		width:    905px;
	}

	div.nav ul,
	div.nav li
	{
		margin:  0;
		padding: 0;
	}

	div.nav li
	{
		display:      inline-block;
		float:        left;
		width: 		  119px;
	}

	/*div.nav ul li#header_home           { width: 100px; }
	div.nav ul li#header_locations      { width: 150px; }
	div.nav ul li#header_search         { width: 175px; }
	div.nav ul li#header_tools          { width: 175px; }
	div.nav ul li#header_about          { width: 125px; }
	div.nav ul li#header_contact        { width: 125px; }*/
	div.nav ul li#header_receiptmanager { width: 190px; }

	ul#home      li { width: auto; min-width: 100px; }
	ul#locations li { width: auto; min-width: 150px; }
	ul#search    li { width: auto; min-width: 175px; }
	ul#tools     li { width: auto; min-width: 175px; }
	ul#about     li { width: auto; min-width: 125px; }
	ul#contact   li { width: auto; min-width: 125px; }
	ul#receipt   li { width: auto; min-width: 170px; }

	/*div.nav ul li#header_specials { width: 150px; }*/
	ul#specials li { width: auto; }

	div.nav ul li#header_receiptmanager a
	{
		background-color: #fef200;
		border: 		  1px solid #d0c703;
		border-radius: 	  5px;
		display: 		  block;
		height: 		  35px;
		left: 			  2px;
		line-height:  	  35px;
		position:  		  relative;
		/*top:			  6px;*/
		width:  		  190px;

		/*-webkit-box-shadow: 1px 1px 1px 0px #333;
	       -moz-box-shadow: 1px 1px 1px 0px #333;
	            box-shadow: 1px 1px 1px 0px #333;*/
	}

	div.nav ul a
	{
		color:       	 #000;
		border: 		 1px solid transparent;
		display:  		 block;
		font-family: 	 MyriadProRegular, Helvetica, sans-serif;
		font-size:   	 16px;
		font-weight: 	 bold;
		height:      	 40px;
		line-height:  	 40px;
		text-align:  	 center;
		text-decoration: none;
	}

	div.nav ul li:hover a,
	div.nav ul li a:hover,
	div.nav ul li a.active
	{
		/*background: url(/images/navOVERbg.jpg) repeat-x;*/
		background-color: #fff;
		border: 		  1px solid #000;
		border-bottom: 	  none;

		box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.3);
	}

	div.nav ul li#header_receiptmanager:hover
	{
		background: transparent;
	}

	div.nav ul li#header_receiptmanager:hover a
	{
		background: 	  transparent;
		background-color: #FEF200;
	}

	div.nav ul li#header_receiptmanager a:hover,
	div.nav ul li#header_receiptmanager a.active
	{
		background-color: #fff;
	}

	div.nav ul li ul
	{
		background-color: rgba(255, 255, 255, 0.9);
		/*border-bottom:    1px solid #dcdcdc;*/
		color:            #044388;
		display:          block;
		margin:           0;
		padding:          0;
		position:         absolute;
		top: 			  40px;
		z-index:          -1;
		width:            auto;
		/*list-style-type:  none;*/
	}

	div.nav ul li:hover ul
	{
		border: 1px solid #000;

		-webkit-box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.3), 0 5px 5px -5px rgba(0, 0, 0, 0.3);
		   -moz-box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.3), 0 5px 5px -5px rgba(0, 0, 0, 0.3);
		        box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.3), 0 5px 5px -5px rgba(0, 0, 0, 0.3);
	}

	div.nav ul li ul li
	{
		background-color: transparent;
		border:  	 0;
		/*border-top:  1px solid #dcdcdc;*/
		display: 	 block;
		float:   	 none !important;
		height:      0;
		line-height: 28px;
		margin:      0;
		/*min-height:  28px;*/
		overflow:    hidden;
		padding:     0;
		width:   	 150px;

		-webkit-transition: background-color 0.5s, height 0.5s;
		   -moz-transition: background-color 0.5s, height 0.5s;
				transition: background-color 0.5s, height 0.5s;
	}

	div.nav ul li:hover ul li 
	{
		height: 44px;
	}

	div.nav ul li ul li a
	{
		background:  	 transparent !important;
		color:           #000;
		/*display:         block;*/
		font-size:       16px;
		font-weight:     bold;
		height:          auto;
		line-height:  	 44px;
		min-height:      44px;
		/*overflow:        visible;*/
		padding:         0 15px;
		position:    	 relative;
		text-indent:     0;
		text-align:  	 left;
		text-decoration: none;
		*white-space:    nowrap;
		width:       	 auto !important;
	}

	div.nav ul li:hover ul li a,
	div.nav ul li ul li a:hover,
	div.nav ul li ul li a.active
	{
		border:  0 none;
	}

	div.nav ul li ul li:hover
	{
		background-color: #fef200;
	}
}