/* CSS definitions for navigation (linking) items.  These are for elements used in the private section of the CFRA site.  Commonly used navigation items are included in common.css */

 
 /* NAVIGATION ITEMS FORMATTING */	
 /* navigation for left hand column   */	


 a.nav:link {
	color: #000000;
	text-decoration : none;
	font-weight: normal;
	font-size:13px;
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 18px;
	margin-left: 11px;
}
a.nav:visited {
 	color: #000000; 
	text-decoration : none;
	font-weight: normal;
	font-size:13px;
	line-height: 18px;
	margin-left: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
  	background: transparent;
	}

a.nav:hover {
 	color: #FF9933; 
	text-decoration : none;
	font-weight: normal;
	font-size:13px;
	line-height: 18px;
	margin-left: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
  	background: transparent;
	}
	
 /* navigation for left hand column - IE ONLY (shorten the line height because IE puts in more space between lines than other browsers  */	
.ie a.nav:link {
	color: #000000;
	text-decoration : none;
	font-weight: normal;
	font-size:13px;
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 9px;
	margin-left: 11px;
}
.ie a.nav:visited {
 	color: #000000; 
	text-decoration : none;
	font-weight: normal;
	font-size:13px;
	line-height: 9px;
	margin-left: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
  	background: transparent;
	}

.ie a.nav:hover {
 	color: #FF9933; 
	text-decoration : none;
	font-weight: normal;
	font-size:13px;
	line-height: 9px;
	margin-left: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
  	background: transparent;
	}
						
						
 /* navigation for left hand colum, second row of nav items (more closely spaced together)   */	
a.nav2:link {
	color: #000000;
	text-decoration : none;
	font-weight: normal;
	font-size:13px;
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 18px;
	margin-left: 11px;
}
a.nav2:visited {
 	color: #000000; 
	text-decoration : none;
	font-weight: normal;
	font-size:13px;
	line-height: 18px;
	margin-left: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
  	background: transparent;
	}

a.nav2:hover {
 	color: #FF9933; 
	text-decoration : none;
	font-weight: normal;
	font-size:13px;
	line-height: 18px;
	margin-left: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
  	background: transparent;
	}
	
 /* navigation for left hand column - IE ONLY (shorten the line height because IE puts in more space between lines than other browsers  */	
.ie a.nav2:link {
	color: #000000;
	text-decoration : none;
	font-weight: normal;
	font-size:13px;
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 14px;
	margin-left: 11px;
}
.ie a.nav2:visited {
 	color: #FF9933; 
	text-decoration : none;
	font-weight: normal;
	font-size:13px;
	line-height: 14px;
	margin-left: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
  	background: transparent;
	}

.ie a.nav2:hover {
 	color: #FF9933; 
	text-decoration : none;
	font-weight: normal;
	font-size:13px;
	line-height: 14px;
	margin-left: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
  	background: transparent;
	}
												
 /* navigation specs for any normal text throughout site.  Shows links as underlined.   */			
a.navnormal:link {
	color: #000000;
	text-decoration : underline;
	font-weight: normal;
	font-size:12px;
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}
a.navnormal:visited {
 	color: #000000; 
	text-decoration : underline;
	font-weight: normal;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
  	background: transparent;
	}	
a.navnormal:hover {
 	color: #FF9933; 
	text-decoration : underline;
	font-weight: normal;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
  	background: transparent;
	}		
	
 /* navigation specs for semi-rounded tabs, just under blue navigation bar at top of page   */			
div.tabnavbar
{
border-bottom: solid 1px #FF9933;
float: left;
clear: left;
margin: 0 0 10px 2px;
width: 850px;
}

/* makes the title "regions" and "products" bold and black */
div.tabnavbar h4
{
	font-family : Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:13px;
	float: left;
	width: 6em;
	margin: 3px 0 -6px 0;
}

/* defines the list which is displayed horizontally in tab format */
div.tabnavbar ul
{
		list-style: none;
		padding: 0;
		margin: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #163A66;
		float: left;
}

.tabnavbar li
{
		float: left;
		padding-right: 1px;
		border-bottom: 1px solid #FF9933;
		margin-right: -1px;
		margin-bottom: -1px;
				}

.tabnavbar a
{
		border-top: 1px solid #FF9933;
		border-left: solid 1px #FF9933;
		text-decoration: none;
		padding: 0px;
		display: block;
		
}


.tabnavbar a:visited
{
			text-decoration: none;
}


/* this class is used when a tab item needs to be shown as the current, active page */
.tabnavbar a.tabOn
{
		color: #FFFFFF;
		background-color: #333333;
}

.tabnavbar a.tabOn:hover
{
		color: #FFFFFF;
		background-color: #FF9933;
}


/* this class is used to deselect a tab item */
a.tabOff
{

				
				color:  #000000;
		background-color: #FFFFFF;
}		

a.tabOff:hover
{
		color: #FFFFFF;
		background-color: #FF9933;
}





/* the span tag is used as a trick to get the items inside the tabs to appear inside the rounded graphic - it should be used surrounding the text of the tab, only */
.tabnavbar a span
{
		padding: 1px 10px 0 10px;
		margin: -1px -1px 0 0;
		display: block;
		background: transparent url(../images/new/right-li3.gif) right top no-repeat; 
		position: relative;
		padding-bottom: 6px;
		padding-top: 6px;	
		}	

/* sets the position for the tabs on the page */
#regions-products-table {
	position: relative;
	width: 90%;
	left: auto;		
}

/* sets the position for the tabs on the page */
#regions {
	position: relative;
	width: 90%;
	left: auto;		
}



/* defines the drop down list (inside a form) just next to the tabbed navigation items.  This area needs to be set "on" or "off" depending on whether the blue dropdown menus above are selected or not - and this behavior is only for IE, because IE will otherwise stuff the dropdown list behind the other items */
#tabform {
		margin: .5em 0 0 0px; 
		text-align: left;
		position: absolute;
		margin: 3px 0 0 16em;
		top: 0;
		left: 220px;
}