/* +++++++++  si-nav.css +++++++++ */
/*__________________________________________________________________________________________________
		PRIMARY NAVIGATION
====================================================================================================*/
#nav { height: 91px; margin: 0px; overflow:hidden; clear: none; background: #97B7AB; }

#nav_main { width: 100%; height: 91px; overflow: hidden; background: #97B7AB url("https://s3.amazonaws.com/abm-assets/images/si/misc/navMainBg.gif") repeat-x top left; }

/*this uses the width of the image -1px to compensate for a pixel of padding*/
#primary_nav { width: 860px;  height: 31px; padding-left: 3px; display: inline; float: left; background: url("https://s3.amazonaws.com/abm-assets/images/si/pnav/bg.png") no-repeat 2px 0px; }

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

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

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

/*_________________________________________________________________________________
		PRIMARY NAVIGATION ITEMS
===================================================================================*/
/*  left = prev. width + prev. left + 1  */
/* Spa Business */
#pn_item_1 a { width: 123px; left: 0px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/pnav/spaBusiness.png"); }
li#pn_item_1.curr_page a { width: 125px; left: -1px; }

/* Skin Science */
#pn_item_2 a { width: 122px; left: 124px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/pnav/skinScience.png"); }
li#pn_item_2.curr_page a { width: 124px; left: 123px; }

/* Treatments */
#pn_item_3 a { width: 112px; left: 247px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/pnav/treatments.png"); }
li#pn_item_3.curr_page a { width: 114px; left: 246px; }

/* Products */
#pn_item_4 a { width: 91px; left: 360px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/pnav/products.png"); }
li#pn_item_4.curr_page a { width: 93px; left: 359px; }

/* Buyer's Guide */
#pn_item_5 a { width: 133px; left: 452px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/pnav/buyersGuide.png"); }
li#pn_item_5.curr_page a { width: 135px; left: 451px; }

/* Events */
#pn_item_6 a { width: 71px; left: 586px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/pnav/events.png"); }
li#pn_item_6.curr_page a { width: 73px; left: 585px; }

/* Education */
#pn_item_7 a { width: 102px; left: 658px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/pnav/education.png"); }
li#pn_item_7.curr_page a { width: 104px; left: 657px; }

/* Magazine */
#pn_item_8 a { width: 98px; left: 761px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/pnav/magazine.png"); }
li#pn_item_8.curr_page a { width: 100px; left: 760px; }

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

#primary_nav ul li a:focus,
#primary_nav ul li a:hover,
#primary_nav ul li a:active { background-position: -1px -31px; background-color: transparent; }

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

#primary_nav ul li.curr_page a:focus,
#primary_nav ul li.curr_page a:hover,
#primary_nav ul li.curr_page a:active { background-position: 0px -93px; }

/*__________________________________________________________________________________________________
		SECONDARY NAVIGATION
====================================================================================================*/
#secondary_nav { width: 869px; height: 35px; margin: 0; padding: 0; float: left; background: #41464b no-repeat top left; }

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

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

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

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

#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: #fff; text-decoration: underline; }
body#directory #secondary_nav ul li.curr_page a { font-weight: bold; }
body#directory #secondary_nav ul li a:hover { color: #5aa1e2; }
body#directory #secondary_nav ul li a span { display: inline; text-indent: 0px; }*/

/*_________________________________________________________________________________
		SECONDARY NAVIGATION INSTRUCTIONS
===================================================================================*/
/*set the starting position of this particular section closer to its respective primary tab by adding padding-left*/
/* to calculate the necessary padding: middle of primary tab - (width of secondary ul/2)  */
/* total width - padding: new width = 861 - padding*/

/*_________________________________________________________________________________
		SPA BUSINESS - SECONDARY NAV
===================================================================================*/
div.SpaBusiness div#secondary_nav { width: 857px; padding-left: 4px;} 

/* set the width for this nav -- this will equal the width of the bg image used for this section; set the particular bg image for this nav */
div.SpaBusiness div#secondary_nav ul { width: 728px; background: transparent url("https://s3.amazonaws.com/abm-assets/images/si/snav/spaBiz-bg.gif") no-repeat top left; }

/*  to calculate the left of each one, take the previous item's left + its width + 7  */
/* Global */
div.SpaBusiness div#secondary_nav #sn_item_1 a { width: 63px; left: 0px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/spaBiz-global.gif"); }

/* Industry Leaders */
div.SpaBusiness div#secondary_nav #sn_item_2 a { width: 135px; left: 70px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/spaBiz-leaders.gif"); }

/* Management */
div.SpaBusiness div#secondary_nav #sn_item_3 a { width: 108px; left: 212px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/spaBiz-management.gif"); }

/* Medical Spa */
div.SpaBusiness div#secondary_nav #sn_item_4 a { width: 102px; left: 327px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/medicalSpa.gif"); }

/* Regulations */
div.SpaBusiness div#secondary_nav #sn_item_5 a { width: 100px; left: 436px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/spaBiz-reg.gif"); }

/* Sustainability */
div.SpaBusiness div#secondary_nav #sn_item_6 a { width: 115px; left: 543px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/spaBiz-sust.gif"); }

/* Trends */
div.SpaBusiness div#secondary_nav #sn_item_7 a { width: 63px; left: 665px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/spaBiz-trends.gif"); }

/*_________________________________________________________________________________
		SKIN SCIENCE - SECONDARY NAV
===================================================================================*/
div.SkinScience div#secondary_nav { width: 768px; padding-left: 93px;} 

/* set the width for this nav -- this will equal the width of the bg image used for this section; set the particular bg image for this nav */
div.SkinScience div#secondary_nav ul { width: 195px; background: transparent url("https://s3.amazonaws.com/abm-assets/images/si/snav/skinSci-bg.gif") no-repeat top left; }

/*  to calculate the left of each one, take the previous item's left + its width + 7  */
/* Ingredients */
div.SkinScience div#secondary_nav #sn_item_1 a { width: 95px; left: 0px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/skinSci-ingr.gif"); }

/* Physiology */
div.SkinScience div#secondary_nav #sn_item_2 a { width: 93px; left: 102px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/skinSci-physio.gif"); }

/*_________________________________________________________________________________
		TREATMENTS - SECONDARY NAV
===================================================================================*/
div.Treatments div#secondary_nav { width: 857px; padding-left: 4px;} 

/* set the width for this nav -- this will equal the width of the bg image used for this section; set the particular bg image for this nav */
div.Treatments div#secondary_nav ul { width: 758px; background: transparent url("https://s3.amazonaws.com/abm-assets/images/si/snav/treat-bg.gif") no-repeat top left; }

/*  to calculate the left of each one, take the previous item's left + its width + 7  */
/* Body */
div.Treatments div#secondary_nav #sn_item_1 a { width: 52px; left: 0px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/body.gif"); }

/* Cosmetics */
div.Treatments div#secondary_nav #sn_item_2 a { width: 88px; left: 59px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/cosmetics.gif"); }

/* Equipment-based */
div.Treatments div#secondary_nav #sn_item_3 a { width: 141px; left: 154px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/treat-equip.gif"); }

/* Facial */
div.Treatments div#secondary_nav #sn_item_4 a { width: 56px; left: 302px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/facial.gif"); }

/* Hair Removal */
div.Treatments div#secondary_nav #sn_item_5 a { width: 114px; left: 365px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/treat-hair.gif"); }

/* Medical Spa */
div.Treatments div#secondary_nav #sn_item_6 a { width: 102px; left: 486px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/medicalSpa.gif"); }

/* Sun Care */
div.Treatments div#secondary_nav #sn_item_7 a { width: 79px; left: 595px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/treat-sun.gif"); }

/* Wellness */
div.Treatments div#secondary_nav #sn_item_8 a { width: 77px; left: 681px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/treat-wellness.gif"); }

/*_________________________________________________________________________________
		PRODUCTS - SECONDARY NAV
===================================================================================*/
div.Products div#secondary_nav { width: 857px; padding-left: 4px;} 

/* set the width for this nav -- this will equal the width of the bg image used for this section; set the particular bg image for this nav */
div.Products div#secondary_nav ul { width: 804px; background: transparent url("https://s3.amazonaws.com/abm-assets/images/si/snav/products-bg.gif") no-repeat top left; }

/*  to calculate the left of each one, take the previous item's left + its width + 7  */
/* Body */
div.Products div#secondary_nav #sn_item_1 a { width: 52px; left: 0px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/body.gif"); }

/* Cosmetics */
div.Products div#secondary_nav #sn_item_2 a { width: 88px; left: 59px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/cosmetics.gif"); }

/* Equipment */
div.Products div#secondary_nav #sn_item_3 a { width: 94px; left: 154px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/products-equip.gif"); }

/* Facial */
div.Products div#secondary_nav #sn_item_4 a { width: 56px; left: 255px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/facial.gif"); }

/* Manicure & Pedicure */
div.Products div#secondary_nav #sn_item_5 a { width: 168px; left: 318px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/products-maniPedi.gif"); }

/* Spa Tools & Accessories */
div.Products div#secondary_nav #sn_item_6 a { width: 190px; left: 493px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/products-spaTools.gif"); }

/* Buyer's Guide */
div.Products div#secondary_nav #sn_item_7 a { width: 114px; left: 690px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/buyersGuide.gif"); }

/*_________________________________________________________________________________
		BUYER'S GUIDE - SECONDARY NAV
===================================================================================*/

/*_________________________________________________________________________________
		EVENTS - SECONDARY NAV
===================================================================================*/
div.Events div#secondary_nav { width: 526px; padding-left: 335px;} 

/* set the width for this nav -- this will equal the width of the bg image used for this section; set the particular bg image for this nav */
div.Events div#secondary_nav ul { width: 526px; background: transparent url("https://s3.amazonaws.com/abm-assets/images/si/snav/events-bg.png") no-repeat top left; }

/*  to calculate the left of each one, take the previous item's left + its width + 7  */
/* Calendar of Events */
div.Events div#secondary_nav #sn_item_1 a { width: 149px; left: 0px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/events-cal.gif"); }

/* Event Coverage */
div.Events div#secondary_nav #sn_item_2 a { width: 126px; left: 156px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/events-coverage.png"); }

/* Face & Body Expo */
div.Events div#secondary_nav #sn_item_3 a { width: 146px; left: 289px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/events-fbExpo.gif"); }

/* America's Expo */
/*div.Events div#secondary_nav #sn_item_3 a { width: 125px; left: 309px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/events_amexpo.gif"); }*/

/* Webinars */
div.Events div#secondary_nav #sn_item_4 a { width: 84px; left: 442px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/events-webinars.gif"); }

/* Best of the Best Awards */
/* TEMPORARY */
/*div.Events div#secondary_nav #sn_item_5 a { display: none; }
div.Events div#secondary_nav #sn_item_5 a { width: 182px; left: 492px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/events_bobawards.gif"); }*/

/*_________________________________________________________________________________
		EDUCATION - SECONDARY NAV
===================================================================================*/
div.Education div#secondary_nav { width: 416px; padding-left: 445px;} 

/* set the width for this nav -- this will equal the width of the bg image used for this section; set the particular bg image for this nav */
div.Education div#secondary_nav ul { width: 416px; background: transparent url("https://s3.amazonaws.com/abm-assets/images/si/snav/educ-bg.png") no-repeat top left; }

/*  to calculate the left of each one, take the previous item's left + its width + 7  */
/* Associations */
div.Education div#secondary_nav #sn_item_1 a { width: 104px; left: 0px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/educ-assoc.gif"); }

/* Continuing Education */
div.Education div#secondary_nav #sn_item_2 a { width: 175px; left: 111px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/educ-conEduc.gif"); }

/* State Licensing */
div.Education div#secondary_nav #sn_item_3 a { width: 123px; left: 293px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/educ-state.gif"); }

/* Spa Client Newsletter */
/*div.Education div#secondary_nav #sn_item_4 a { width: 171px; left: 423px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/educ_clientnews.gif"); }*/

/* Webinar Archives */
/*div.Education div#secondary_nav #sn_item_4 a { width: 142px; left: 490px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/educ_webinars.gif"); }*/

/*_________________________________________________________________________________
		MAGAZINE - SECONDARY NAV
===================================================================================*/
div.Magazine div#secondary_nav { width: 332px; padding-left: 529px;} 

/* set the width for this nav -- this will equal the width of the bg image used for this section; set the particular bg image for this nav */
div.Magazine div#secondary_nav ul { width: 332px; background: transparent url("https://s3.amazonaws.com/abm-assets/images/si/snav/mag-bg.png") no-repeat top left; }

/*  to calculate the left of each one, take the previous item's left + its width + 7  */
/* Buyer's Guide */
div.Magazine div#secondary_nav #sn_item_1 a { width: 114px; left: 0px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/buyersGuide.gif"); }

/* Classified Ads */
div.Magazine div#secondary_nav #sn_item_2 a { width: 115px; left: 121px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/mag-classifieds.gif"); }

/* Past Issues */
div.Magazine div#secondary_nav #sn_item_3 a { width: 89px; left: 243px; background-image: url("https://s3.amazonaws.com/abm-assets/images/si/snav/mag-pastIssues.gif"); }