/*specific styles for the pf navigation*/
#nav {
	height: 100px;
	margin: 0px;
	clear: none;
	background: #000;
	overflow:hidden;
}

#nav_main {
	width: 100%;
	height: 100px;
	overflow: hidden;
	background: #fff url(designImages/pf_nav_main_bg.gif) repeat-x top left;
}

#primary_nav {
	float: left;
	display: inline;
	width: 843px;
	height: 36px;
	background: url(designImages/pf_pnav_bg.png) no-repeat 0px 0px;
	padding: 0px;
	margin: 0px;
}

#primary_nav ul {
	width: 843px;
	float: left;
	display: inline;
	list-style: none;
	position: relative;
	margin: 0;
	height: 36px;
}

#primary_nav ul li {
	display: inline;
	float: left;
	font-size: 1.0em;
	line-height: 1em;
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 36px;
}

#primary_nav ul li a {
	position: absolute;
	height: 36px;
	text-decoration: none;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	border: none;
	top: 0px;
}

#primary_nav ul li a:hover { background-position: 0px -36px; }

#primary_nav ul li.curr_page a { background-position: 0px -72px; }

#primary_nav ul li.curr_page a:hover { background-position: 0px -108px; }

#primary_nav ul li a span { display: block; text-indent: -9999px; } /*image replacement*/

/*   left = (width of previous + left of previous + 3)   */

/* Flavor */
div#primary_nav #pn_item_1 a {
	background-image: url(designImages/pf_pnav_flavor.png);
	width: 104px;
	left: 0px;
}

/* Fragrance */
div#primary_nav #pn_item_2 a {
	background-image: url(designImages/pf_pnav_fragrance.png);
	width: 143px;
	left: 105px;
}

/* Allured's FFM */
div#primary_nav #pn_item_3 a {
	background-image: url(designImages/pf_pnav_ffm.png);
	width: 182px;
	left: 249px;
}

/* Networking */
div#primary_nav #pn_item_4 a {
	background-image: url(designImages/pf_pnav_networking.png);
	width: 161px;
	left: 432px;
}

/* Events */
div#primary_nav #pn_item_5 a {
	background-image: url(designImages/pf_pnav_events.png);
	width: 109px;
	left: 594px;
}

/* Magazine */
div#primary_nav #pn_item_6 a {
	background-image: url(designImages/pf_pnav_mag.png);
	width: 139px;
	left: 704px;
}

/* --- SECONDARY NAV styles ----------------------------------------------------------- */

#secondary_nav {
	width: 843px;
	height: 34px;
	float: left;
	margin: 0;
	padding: 0;
	background: no-repeat top left;
}

/*#secondary_nav ul {
	float: left;
	display: inline;
	list-style: none;
	margin: 0;
	position: relative;
	height: 34px;
}

#secondary_nav ul li {
	display: inline;
	float: left;
	font-size: 1.0em;
	line-height: 1em;
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 34px;
}

#secondary_nav ul li { line-height: 34px; }

#secondary_nav ul li a {
	margin-left: 20px;
	height: 34px;
	text-decoration: none;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	border: none;
	top: 0px;
}

#secondary_nav ul li.curr_page { font-weight: bold; }

#secondary_nav ul li a:link { color: #636567; }
#secondary_nav ul li a:visited { color: #636567; }
#secondary_nav ul li a:hover { color: #e06500; }
*/

/* --- SECONDARY NAV styles ----------------------------------------------------------- */

#secondary_nav ul {
	float: left;
	display: inline;
	list-style: none;
	margin: 0;
	position: relative;
	height: 34px;
}

#secondary_nav ul li {
	display: inline;
	float: left;
	font-size: 1.0em;
	line-height: 1em;
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 34px;
}

#secondary_nav ul li a {
	position: absolute;
	height: 34px;
	text-decoration: none;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	border: none;
	top: 0px;
}

#secondary_nav ul li a:hover { background-position: 0px -34px; }

#secondary_nav ul li.curr_page a { background-position: 0px -68px; }

#secondary_nav ul li.curr_page a:hover { background-position: 0px -102px; }

#secondary_nav ul li a span { display: block; text-indent: -9999px; } /*image replacement*/

/* --- Directory Temp Fix ----------------------------- */

/*body#directory #secondary_nav ul li { height: auto; }
body#directory #secondary_nav ul li a { position: static; margin: 0px 10px; color: #636567; text-decoration: underline; }
body#directory #secondary_nav ul li.curr_page a { font-weight: bold; }
body#directory #secondary_nav ul li a:hover { color: #06f; }
body#directory #secondary_nav ul li a span { display: inline; text-indent: 0px; }
*/
/* ---  (end of Generic Secondary nav styles)---------------- */

/*
 ======================================================================================
 -- it must be determined if the secondary navigation should be 
 left-aligned, right-aligned or centered under its respective primary nav item --
 
 For CENTER Alignment: _____________________________________________
 middleOfPnavItem = left Of pnavItemA + 1/2 * width of pnavItemA;
 Primary Middles:
 Fragrance: 176.5; FFM: 340; Networking: 512.5; Events: 648.5;
 div#secondary_nav|padding_left = middleOfPnavItem - 1/2 * bgImageWidth;
 div#secondary_nav|width = 843 - padding_left;
 
 if (div#secondary_nav|padding_left <= 0) the secondary should be left aligned;
 if (div#secondary_nav|padding_left + bgImageWidth >= 843) the secondary should be right aligned;

 For LEFT Alignment: _____________________________________________
 div#secondary_nav|padding_left = 0px;
 div#secondary_nav|width = 843px;
 
 For RIGHT Alignment: _____________________________________________
 div#secondary_nav|padding_left = 843 - bgImageWidth;
 div#secondary_nav|width = bgImageWidth;
 
 ======================================================================================
*/

/* --- FLAVOR - SECONDARY NAV ----------------------------------------------------------- */

div.Flavor div#secondary_nav { padding-left: 0px; width: 843px; } 

div.Flavor div#secondary_nav ul {
	/*set the width for this nav -- this will equal the width of the bg image used for this section*/
	width: 673px;
	/*set the particular bg image for this nav*/
	background: transparent url(designImages/pf_snav_flavor_bg.png) no-repeat top left;
}

/*  to calculate the left of each one, take the previous item's left + its width + 1  */

/* Creation / Application */
div.Flavor div#secondary_nav #sn_item_1 a {
	background-image: url(designImages/pf_snav_creation.png);
	width: 173px;
	left: 0px;
}

/* Raw Materials */
div.Flavor div#secondary_nav #sn_item_2 a {
	background-image: url(designImages/pf_snav_raw_materials.png);
	width: 123px;
	left: 174px;
}

/* Regulatory */
div.Flavor div#secondary_nav #sn_item_3 a {
	background-image: url(designImages/pf_snav_regulatory.png);
	width: 99px;
	left: 298px;
}

/* Research */
div.Flavor div#secondary_nav #sn_item_4 a {
	background-image: url(designImages/pf_snav_research.png);
	width: 84px;
	left: 398px;
}

/* Trends */
div.Flavor div#secondary_nav #sn_item_5 a {
	background-image: url(designImages/pf_snav_trends.png);
	width: 68px;
	left: 483px;
}

/* Flavor Library */
div.Flavor div#secondary_nav #sn_item_6 a {
	background-image: url(designImages/pf_snav_flavor_library.png);
	width: 121px;
	left: 552px;
}

/* --- FRAGRANCE - SECONDARY NAV ----------------------------------------------------------- */

div.Fragrance div#secondary_nav { padding-left: 0px; width: 843px; } 

div.Fragrance div#secondary_nav ul {
	/*set the width for this nav -- this will equal the width of the bg image used for this section*/
	width: 551px;
	/*set the particular bg image for this nav*/
	background: transparent url(designImages/pf_snav_fragrance_bg.png) no-repeat top left;
}

/*  to calculate the left of each one, take the previous item's left + its width + 1  */

/* Creation / Application */
div.Fragrance div#secondary_nav #sn_item_1 a {
	background-image: url(designImages/pf_snav_creation.png);
	width: 173px;
	left: 0px;
}

/* Raw Materials */
div.Fragrance div#secondary_nav #sn_item_2 a {
	background-image: url(designImages/pf_snav_raw_materials.png);
	width: 123px;
	left: 174px;
}

/* Regulatory */
div.Fragrance div#secondary_nav #sn_item_3 a {
	background-image: url(designImages/pf_snav_regulatory.png);
	width: 99px;
	left: 298px;
}

/* Research */
div.Fragrance div#secondary_nav #sn_item_4 a {
	background-image: url(designImages/pf_snav_research.png);
	width: 84px;
	left: 398px;
}

/* Trends */
div.Fragrance div#secondary_nav #sn_item_5 a {
	background-image: url(designImages/pf_snav_trends.png);
	width: 68px;
	left: 483px;
}

/* --- ALLURED'S FFM - SECONDARY NAV ----------------------------------------------------------- */

/* --- NETWORKING - SECONDARY NAV ----------------------------------------------------------- */

div.Networking div#secondary_nav { padding-left: 347px; width: 496px; } 

div.Networking div#secondary_nav ul {
	/*set the width for this nav -- this will equal the width of the bg image used for this section*/
	width: 331px;
	/*set the particular bg image for this nav*/
	background: transparent url(designImages/pf_snav_networking_bg.png) no-repeat top left;
}

/*  to calculate the left of each one, take the previous item's left + its width + 1  */

/* Careers */
div.Networking div#secondary_nav #sn_item_1 a {
	background-image: url(designImages/pf_snav_networking_careers.png);
	width: 76px;
	left: 0px;
}

/* Industry News */
div.Networking div#secondary_nav #sn_item_2 a {
	background-image: url(designImages/pf_snav_networking_ind_news.png);
	width: 125px;
	left: 77px;
}

/* Web Directory */
div.Networking div#secondary_nav #sn_item_3 a {
	background-image: url(designImages/pf_snav_networking_web_dir.png);
	width: 128px;
	left: 203px;
}

/* --- EVENTS - SECONDARY NAV ----------------------------------------------------------- */

/*  - this is for the full version - */
/*div.Events div#secondary_nav { padding-left: 456px; width: 387px; } */

/* - this is for the version without webinars - */
div.Events div#secondary_nav { padding-left: 499px; width: 344px; } 

div.Events div#secondary_nav ul {
	/*set the width for this nav -- this will equal the width of the bg image used for this section*/
	/*width: 387px;*/
	width: 298px;
	/*set the particular bg image for this nav*/
	background: transparent url(designImages/pf_snav_events_bg.png) no-repeat top left;
}

/*  to calculate the left of each one, take the previous item's left + its width + 1  */

/* Calendar of Events */
div.Events div#secondary_nav #sn_item_1 a {
	background-image: url(designImages/pf_snav_events_calendar.png);
	width: 160px;
	left: 0px;
}

/* Event Coverage */
div.Events div#secondary_nav #sn_item_2 a {
	background-image: url(designImages/pf_snav_events_coverage.png);
	width: 137px;
	left: 161px;
}

/* Webinars */
/*div.Events div#secondary_nav #sn_item_3 a {
	background-image: url(designImages/pf_snav_events_webinars.png);
	width: 88px;
	left: 299px;
}*/

/* --- MAGAZINE - SECONDARY NAV ----------------------------------------------------------- */

div.Magazine div#secondary_nav { padding-left: 610px; width: 233px; } 

div.Magazine div#secondary_nav ul {
	/*set the width for this nav -- this will equal the width of the bg image used for this section*/
	width: 233px;
	/*set the particular bg image for this nav*/
	background: transparent url(designImages/pf_snav_mag_bg.png) no-repeat top left;
}

/*  to calculate the left of each one, take the previous item's left + its width + 1  */

/* Advisory Board */
div.Magazine div#secondary_nav #sn_item_1 a {
	background-image: url(designImages/pf_snav_mag_adv_board.png);
	width: 133px;
	left: 0px;
}

/* Past Issues */
div.Magazine div#secondary_nav #sn_item_2 a {
	background-image: url(designImages/pf_snav_mag_past_issues.png);
	width: 99px;
	left: 134px;
}