/*
©2009 Bam Creative

Title : nav.css
Author : Graeme Haynes | Bam Creative

Description : Stylesheet\
*/ /********** Pagination ****************/
.iceDatPgrTbl {
	margin: 0px;
}

.iceDatPgrTbl td {
	border: 1px solid #D9D8D8;
}

.iceDatPgrTbl td a {
	background: url(../art/nav-drop.gif) bottom repeat-x;
	color: #6C6B6B;
	display: block;
	padding: 5px;
	text-decoration: none;
	display: block;
}

.iceDatPgrTbl td.iceDatPgrScrCol a {
	background: none;
	background-color: #551B78;
	color: #FFFFFF;
}

/********** FuelWatch Navigation ****************/
#appNav {
	background: url(../art/nav-drop.gif) bottom repeat-x;
	border: 1px solid #d9d8d8;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	width: 803px;
}

.ui-menu {
	margin: 0;
	padding: 0;
}

.ui-menu .ui-menuitem {
	border-left: 1px solid #d9d8d8;
	float: left;
}

.ui-menu .ui-menuitem a {
	display: block;
	padding: 7px 7px 5px 7px;
	text-decoration: none;
	text-align: left;
}

.ui-menuitem-text {
	color: #6c6b6b;
}

.ui-menuSubMenu {
	background-color: #FFFFFF;
	border-left: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
	border-top: 1px solid #DBDBDB;
	display: block;
	position: absolute;
	z-index: 1000;
}

.ui-menu ..ui-menuitem {
	border-bottom: 1px solid #D9D8D8;
}

.ui-menu .ui-menuitem a:hover {
	background-color: #551B78;
	color: #FFFFFF;
}

.ui-menu .ui-menuitem a:hover span {
	background-color: #551B78;
	color: #FFFFFF;
}

.navigation .home.ui-menuitem-link {
	width: 59px;
}

.navigation a {
	margin-left: 0px;
}

.navigation .home {
	border-left: none;
}

.navigation .ui-menuitem-link {
	width: 131px;
}

.ui-menuSubMenu .ui-menuitem-link {
	width: 154px;
}

.adminNavigation .ui-menuitem a {
	padding: 7px 7px 5px 7px;
}

.adminNavigation .homeItem {
	border-left: none;
}

.adminNavigation .homeItem a.ui-menuitem-link {
	border-left: none;
	width: 71px;
}

.adminNavigation .ui-menuitem-link {
	width: 128px;
}

.industryRetailNav .homeItem {
	border-left: none;
}

.industryRetailNav .logoutItem .ui-menuitem-link {
	width: 71px;
}

.industryRetailNav .editPriceItem {
	width: 90px;
}

.industryRetailNav .submissionsItem .iceCmdLnk,.industryRetailNav .submissionsItem .ui-menuitem-link
	{
	width: 140px;
}

.industryRetailNav .homeItem .iceCmdLnk,.industryRetailNav .homeItem .ui-menuitem-link
	{
	width: 49px;
}

.industryRetailNav .ui-menuitem-link {
	width: 118px;
}

.industryRetailNav .ui-menuitem a {
	padding: 7px 7px 5px 7px;
}

.industryRetailNavSubMenu a img {
	display: none;
}

div.clearer {
	clear: both;
	height: 0;
	line-height: 0.01em;
	margin: 0;
	padding: 0;
	visibility: hidden;
}

.menuFormhdnFldsDiv {
	clear: both;
}

/**********Top Nav****************/
#nav {
	position: relative;
	width: 803px;
	background: url(../art/nav-bg-strip.gif) no-repeat;
	height: 47px;
	left: 0px;
	z-index: 100000;
}

#nav a {
	display: block;
	height: 31px;
	font-size: 1.2em;
	color: #6c6b6b;
	text-decoration: none;
	text-align: center;
	padding: 16px 0px 0 0px;
}

#nav a:hover {
	color: #000;
}

#nav a.active {
	color: #fff;
}

#nav ul li ul li a.active {
	color: #6c6b6b;
}

#nav li {
	float: left;
	list-style: none;
}

#nav ul {
	padding: 0px;
}

#nav li a {
	background: url(../art/nav-bg-strip.gif) no-repeat;
}

/***********************home link********************/
#nav li#home a {
	width: 69px;
	background-position: 0 0px;
}

#nav li#home a:hover {
	background-position: 0 -47px;
}

#nav li#home a.active {
	background-position: 0 -94px;
}

/***********************about link********************/
#nav li#about a {
	width: 129px;
	background-position: -69px 0px;
}

#nav li#about a:hover {
	background-position: -69px -47px;
}

#nav li#about a.active {
	background-position: -69px -94px;
}

/***********************my fuelwatch link********************/
#nav li#my-fuelwatch a {
	width: 114px;
	background-position: -198px 0px;
}

#nav li#my-fuelwatch a:hover {
	background-position: -198px -47px;
}

#nav li#my-fuelwatch a.active {
	background-position: -198px -94px;
}

/***********************price search link********************/
#nav li#price-search a {
	width: 105px;
	background-position: -312px 0px;
}

#nav li#price-search a:hover {
	background-position: -312px -47px;
}

#nav li#price-search a.active {
	background-position: -312px -94px;
}

/***********************fuelwatch news link********************/
#nav li#fuelwatch-news a {
	width: 127px;
	background-position: -417px 0px;
}

#nav li#fuelwatch-news a:hover {
	background-position: -417px -47px;
}

#nav li#fuelwatch-news a.active {
	background-position: -417px -94px;
}

/***********************fuelwatch information link********************/
#nav li#fuelwatch-info a {
	width: 160px;
	background-position: -544px 0px;
}

#nav li#fuelwatch-info a:hover {
	background-position: -544px -47px;
}

#nav li#fuelwatch-info a.active {
	background-position: -544px -94px;
}

/***********************industry link********************/
#nav li#industry a {
	width: 99px;
	background-position: -704px 0px;
}

#nav li#industry a:hover {
	background-position: -704px -47px;
}

#nav li#industry a.active {
	background-position: -704px -94px;
}

#nav li ul {
	position: absolute;
	left: -999em;
	width: 150px;
	padding: 0 6px 6px 6px;
	z-index: 100000000;
}

#nav li:hover ul,#nav li.sfHover ul {
	left: auto;
}

#nav ul li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}

#nav ul li:hover ul,#nav ul li.sfHover ul {
	left: auto;
	z-index: 99;
	top: 47px;
	margin: 0 0 0 -6px;
}

#nav ul li:hover ul ul,#nav ul li.sfHover ul ul {
	left: 172px;
	z-index: 99;
	padding: 6px;
	top: auto;
	margin: -47px 0 0 0px;
}

span.sf-sub-indicator {
	text-indent: -9999px;
	display: none;
}

#nav ul li ul {
	background: #e3e3e3;
}

#nav ul li ul li {
	width: auto;
	height: auto;
	/*border-top: 1px solid #333;*/
	border-bottom: 1px solid #ccc;
}

#nav ul li ul li:hover a {
	color: #605854;
}

#nav ul li ul li:hover li a {
	color: #605854;
}

#nav ul li ul li:hover li a:hover,#nav ul li ul li.sfhover li a:hover {
	color: #fff;
}

#nav ul li ul li:hover,#nav ul li ul li.sfhover {
	background: #ec7b1d;
}

#nav ul li ul li a {
	height: auto !important;
	background: none;
	padding: 9px;
	display: block;
	color: #605854;
	width: 130px !important;
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	background: #fff;
}

#nav ul li ul li a:hover {
	color: #fff;
	background: #511a78;
}

/*****************Second Level************************/
#nav li:hover ul,#nav li.sfHover ul {
	left: auto;
}

#nav ul li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}

#nav ul li:hover ul,#nav ul li.sfHover ul {
	left: auto;
	z-index: 99;
}

#nav ul li:hover ul ul,#nav ul li.sfHover ul ul {
	z-index: 99;
	top: auto;
}

span.sf-sub-indicator {
	text-indent: -9999px;
	display: none;
}

#nav ul li ul li {
	background: #fff;
	width: auto;
	height: auto;
}

#nav ul li ul.sf-shadow-off {
	background: transparent;
}

#nav ul li ul li:hover a {
	color: #605854;
}

#nav ul li ul li ul li:hover {
	color: #fff;
}

#nav ul li ul li:hover li a {
	color: #656565;
}

#nav ul li ul li:hover li:hover a {
	color: #656565;
}

#nav ul li ul li:hover li:hover li a {
	color: #656565;
}

#nav ul li ul li:hover li:hover li:hover a {
	color: #fff;
}

#nav ul li ul li:hover {
	color: #fff;
}

#nav ul li ul li a {
	display: block;
	color: #656565;
	text-indent: 0;
	text-decoration: none;
}

#nav ul li ul li a:hover {
	color: #FFF;
}

.sf-shadow ul { /*
	background:	url('/art/ulshadow.png') no-repeat bottom;	
*/
	
}