/*	
	Website:	winesaverpro.com
	File:		wspnav.css

	css for navigation elements
*/



/* tab bar */
	#tabbar {}


	#tabmenu
	{
		padding-left: 0;
		margin-left: 0;
		background-color: #FFFFFF;
		color: #292929;
		float: left;
		width: 100%;
		font-family: arial, helvetica, sans-serif;
	}

	#tabmenu li { display: inline; background-color: #FFFFFF; }

	#tabmenu li a
	{
		margin: 0 2px 0 0;
		padding: 3px 6px 1px 6px;
		background-color: #CCCCCC;
		color: #292929;
		text-decoration: none;
		float: left;
		font-size: 0.73em;
		font-weight: bold;
		border-top: 1px solid #990033;
		border-right: 1px solid #990033;
		border-left: 1px solid #990033;
	}

	#tabmenu li a:hover
	{
		background-color: #404040;
		color: #FFFFFF;
	}

	#tabmenu li #tabcurr:link, #tabmenu li #tabcurr:visited {
		background-color: #990033;
		color: #FFFFFF;
	}


	#tabmenu li.scart a:link, #tabmenu li.scart a:visited, #tabmenu li.scart a:hover
	{
		margin: 0 2px 0 0;
		padding: 3px 6px 1px 6px;
		background-color: #FFFFFF;
		color: #0000FF;
		text-decoration: none;
		float: right;
		font-size: 0.7em;
		font-weight: normal;
		border: 0;
		text-decoration: underline;
	}


/* sub menu */
	#submenu { 
		background-color: #990033;
		width: 100%;
	}

	 
	#submenu ul
	{
		padding-left: 0;
		margin-left: 0;
		background-color: #990033;
		color: White;
		float: left;
		width: 100%;
		font-family: arial, helvetica, sans-serif;
	}

	#submenu ul li { display: inline; background-color: #990033; }

	#submenu ul li a
	{
		margin: 0 12px;
		padding: 3px 3px 1px 3px;
		background-color: #990033;
		color: White;
		text-decoration: none;
		float: left;
		font-size: 0.73em;
		font-weight: bold;
		border-bottom: 2px solid #990033;
	}

	#submenu ul li a:hover
	{
		background-color: #990033;
		color: #FFFF00;
		border-bottom: 4px solid #990033;
	}

	#submenu ul li #subcurr:link, #submenu ul li #subcurr:visited {
		background-color: #990033;
		color: #FFFFFF;
		border-bottom: 4px solid #FFFF00;
	}



/* bottom menu */
	#bottombar { 
		background-color: #990033;
		width: 100%;
		margin: 12px 0 0 0;
	}


	#bottommenu 
	{
		clear: left;
		padding: 0;
		margin: 2px 0;
		background-color: #990033;
		color: White;
		float: right;
		width: 100%;
		font-family: arial, helvetica, sans-serif;
		border-top: 4px #990033 solid;
		border-bottom: 4px #990033 solid;
	}

	#bottommenu li { display: inline; background-color: #990033; }

	#bottommenu li.navleft a
	{
		margin: 0;
		padding: 2px 10px 0px 10px;
		background-color: #990033;
		color: White;
		text-decoration: none;
		float: left;
		font-size: 0.67em;
		font-weight: normal;
		border-right: 1px #CCCCCC solid;
	}

	#bottommenu li.navleft_last a
	{
		margin: 0;
		padding: 2px 10px 0px 10px;
		background-color: #990033;
		color: White;
		text-decoration: none;
		float: left;
		font-size: 0.67em;
		font-weight: normal;
		border-right: 1px #990033 solid;
	}


	#bottommenu li.navright a
	{
		margin: 0;
		padding: 2px 10px 0px 10px;
		background-color: #990033;
		color: White;
		text-decoration: none;
		float: right;
		font-size: 0.67em;
		font-weight: normal;
		border-left: 1px #CCCCCC solid;
	}

	#bottommenu li.navright_first a
	{
		margin: 0;
		padding: 2px 10px 0px 10px;
		background-color: #990033;
		color: White;
		text-decoration: none;
		float: right;
		font-size: 0.67em;
		font-weight: normal;
		border-left: 1px #990033 solid;
	}

	#bottommenu li a:hover
	{
		background-color: #990033;
		color: #FFFF00;
	}




/* eof */