/*_________________________________________________________________________________
		GENERAL LAYOUT AND COLUMN LAYOUT
===================================================================================*/
body { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17.5px; background-color: #41464B; }

#page_margins { width: auto; min-width: 1002px; max-width: 1280px; margin: 0 auto; padding: 0px; background-color: #fff; background-position: top left; background-repeat: repeat-y; }
#page { padding: 0px 4px; background-position: top right; background-repeat: repeat-y; }
#main { margin: 0px; border-bottom: 2px solid #97b7ab; overflow: hidden; }

/*@media all and (min-width: 1017px) {
	#page_margins { width: 1002px; }
}
@media all and (min-width: 1280px) {
	#page_margins { width: 1260px; }
}*/

#col1, #col3 { float: left; background-color: #41464b; }
#col2 { width: 100%; float: left; background-color: #fff; }

#col1_content { padding: 6px; }
#col2_content { padding: 6px; }
#col3_content { padding: 5px 5px 0px 5px; }

/*_________________________________________________________________________________
		LAYOUT AND COLUMN OPTIONS
===================================================================================*/
/* 332 layout: col1: 366px; col2: 366px + elastic; col3: 262px; */
body.l332 #page_margins { background-image: url("../images/si/layout/left-3.gif"); }
body.l332 #page { background-image: url("../images/si/layout/right-2.gif"); }
body.l332 #main { padding: 0px 262px 0px 366px; }
body.l332 #col1 { width: 366px; margin-left: -366px; }
body.l332 #col3 { width: 262px; margin: 0px -262px 0px 0px; }

/* 242 layout: col1: 262px; col2: 470px + elastic; col3: 262px */
body.l242 #page_margins { background-image: url("../images/si/layout/left-2.gif"); }
body.l242 #page { background-image: url("../images/si/layout/right-2.gif"); }
body.l242 #main { padding: 0px 262px 0px 262px; }
body.l242 #col1 { width: 262px; margin-left: -262px; }
body.l242 #col3 { width: 262px; margin: 0px -262px 0px 0px; }

/* 251 layout: col1: 262px; col2: 600px + elastic; col3: 132px */
body.l251 #page_margins { background-image: url("../images/si/layout/left-2.gif"); }
body.l251 #page { background-image: url("../images/si/layout/right-1.gif"); }
body.l251 #main { padding: 0px 132px 0px 262px; }
body.l251 #col1 { width: 262px; margin-left: -262px; }
body.l251 #col3 { width: 132px; margin: 0px -132px 0px 0px; }

/* 260 layout: col1: 262px; col2: 732px + elastic; col3: NA */
body.l260 #page_margins { background-image: url("../images/si/layout/left-2.gif"); }
body.l260 #page { background-image: url("../images/si/layout/right-0.gif"); }
body.l260 #main { padding: 0px 0px 0px 262px; }
body.l260 #col1 { width: 262px; margin: 0px 0px 0px -262px; }
body.l260 #col3, body.l260 #col3_content { display: none; }

/* 800 layout: col1: 994px + elastic; col2: NA; col3: NA */
body.l800 #page_margins { background-image: url("../images/si/layout/left-0.gif"); }
body.l800 #page { background-image: url("../images/si/layout/right-0.gif"); }
body.l800 #main { padding: 0px 0px 0px 0px; }
body.l800 #col1 { width: 100%; background-color: #fff }
body.l800 #col1 #col1_content { padding: 6px; }
body.l800 #col2, body.l800 #col2_content, body.l800 #col3, body.l800 #col3_content { display: none; }

/* reset col1 colors for l800 */
body.l800 #col1 #col1_content h1, body.l800 #col1 #col1_content h2 { color: #41464b; }
body.l800 #col1 #col1_content p, body.l800 #col1 #col1_content li { color: #000; }

body.l800 #col1 #col1_content li a:link, body.l800 #col1 #col1_content h1 a:link, body.l800 #col1 #col1_content h2 a:link,
body.l800 #col1 #col1_content h3, body.l800 #col1 #col1_content h3 a:link, body.l800 #col1 #col1_content h5,
body.l800 #col1 #col1_content h5 a:link { color: #5d776d; }

body.l800 #col1 #col1_content h4, body.l800 #col1 #col1_content h4 a:link { color: #666; }

body.l800 #col1 #col1_content li a:hover, body.l800 #col1 #col1_content li a:focus,
body.l800 #col1 #col1_content h1 a:hover, body.l800 #col1 #col1_content h1 a:focus,
body.l800 #col1 #col1_content h2 a:hover, body.l800 #col1 #col1_content h2 a:focus,
body.l800 #col1 #col1_content h3 a:hover, body.l800 #col1 #col1_content h3 a:focus,
body.l800 #col1 #col1_content h4 a:hover, body.l800 #col1 #col1_content h4 a:focus,
body.l800 #col1 #col1_content h5 a:hover, body.l800 #col1 #col1_content h5 a:focus { color: #06f; }

/*_________________________________________________________________________________
		HEADER STYLES
===================================================================================*/
#header { height: 110px; margin: 0px; position: relative; color: #fff; background-color: #41464B; }

#header h1.siteName { width: 277px; height: 102px; margin: 3px 5px; padding: 0px; border: none; position: relative; float: left; font-size: 1px; line-height: 5px; background: url("../images/si/misc/logo-2011b.png") no-repeat top left; }
#header h1.siteName a { width: 275px; height: 100px; margin: 0px; padding: 0px; border: 1px solid #41464b; position: absolute; top: 0px; left: 0px; text-decoration: none; background: url("../images/si/misc/logo-2011b.png") no-repeat top left;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#header h1.siteName a:hover { border-color: #a9d3c2;
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4), 0 -2px 10px rgba(0, 0, 0, 0.3) inset, 0 3px 8px rgba(255, 255, 255, 0.4) inset;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4), 0 -2px 10px rgba(0, 0, 0, 0.3) inset, 0 3px 8px rgba(255, 255, 255, 0.4) inset;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4), 0 -2px 10px rgba(0, 0, 0, 0.3) inset, 0 3px 8px rgba(255, 255, 255, 0.4) inset; }
#header h1.siteName a span { display: block; text-indent: -9999px; border: none; }

#header img#dropShadowCorner { width: 4px; height: 4px; margin: 0px; border: 0px none; position: absolute; top: -4px; right: -4px; }/* this is to cover the upper right hand drop shadow */

#header p.tagLine { width: 4px; height: 4px; margin: 0px; padding: 0px; display: none; position: absolute; top: 39px; left: 226px; float: left; font-size: 4px; line-height: 4px; }
#header p.tagLine span { display: block; text-indent: -9999px; }

/* search box and button */
#header form#googleCse { position: absolute; top: 50px; left: 33.5%; }
#header input.text { width: 300px; margin: 0px 7px 0px 0px; padding: 3px; border: 1px solid #666; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 16px; background-color: #fbfbfb;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3) inset;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#header input.text:hover { -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2) inset; }
#header input.text:focus { border-color: #999; background-color: #fff; -moz-box-shadow: 0 0 4px rgba(0, 102, 255, 0.7); -webkit-box-shadow: 0 0 4px rgba(0, 102, 255, 0.7); box-shadow: 0 0 4px rgba(0, 102, 255, 0.7); }

#header input.submit { padding: 3px 5px; }

/* --- BREADCRUMB styles ---------------------------- */
p.breadcrumb { height: 25px; margin: 0px; padding: 0px 10px; clear: both; color: #41464B; font-size: 13px; line-height: 25px; text-decoration: none; }

p.breadcrumb a:link { color: #41464B; }
p.breadcrumb a:visited { color: #41464B; }
p.breadcrumb a:hover { color: #fff; }

p.breadcrumb span.page { color: #fff; }

/*_________________________________________________________________________________
		FOOTER LAYOUT
===================================================================================*/
div#footer { margin: 0px 0px 0px -4px; padding: 0px; position: relative; clear: both; color: #fff; text-align: center; background: #41464B url("../images/si/misc/footerBg.gif") no-repeat left bottom; }
div#innerFooter { height: 80px; margin: 0px -4px 0px 0px; padding: 0px; z-index: 20; background: url("../images/si/misc/footerInnerBg.gif") no-repeat right bottom; }

div#footer p { margin: 0px; padding: 15px 0px 0px 0px; color: #fff; font-size: 11px; line-height: 13px; }
div#footer p a:link { color: #fff; }
div#footer p a:hover, div#footer p a:focus { color: #5AA1E2; }

div#footer p#reportBug { margin: 0px; padding: 6px 10px; position: absolute; top: 20px; left: 4px; font-weight: bold; font-size: 9px; line-height: 11px; text-transform: uppercase; text-align: right; background-color: #999; }
div#footer p#reportBug a:link, div#footer p#reportBug a:visited, div#footer p#reportBug a:active { color: #41464b; }
div#footer p#reportBug a:hover { color: #06f; }

div#footer a#facebookFooter { padding: 2px 0px 2px 20px; background: url("../images/icons/facebook_16x16.gif") no-repeat 0 50%; }

/*_________________________________________________________________________________
		BASIC STYLES
===================================================================================*/
p { margin: .5em 0 1em 0; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17.5px; }

h1 { margin: 0px 0px 10px 0px; color: #41464B; font-family: "Times New Roman", Times, serif; font-weight: bold; font-size: 22px; line-height: 24px; }

h2 { margin: 0px 0px 8px 0px; color: #41464B; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; line-height: 20px; }

h3 { margin: 0px 0px 6px 0px; color: #5D776D; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; line-height: 15px; }

h4 { margin: 0px 0px 5px 0px; color: #666666; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; line-height: 10px; text-transform: uppercase; }

h5 { margin: 0px 0px 10px 0px; color: #5D776D; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; line-height: 16px; } /* Author Names */

h6 { margin: 0px 0px 10px 0px; color: #666666; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 13px; line-height: 15px; } /* from issue or posted date */

h6 a:link { color: #666; }
h6 a:hover, h6 a:focus { color: #06f; }

ul, ol { font-family: Arial, Helvetica, sans-serif; }

/*_________________________________________________________________________________
		COLUMN 1 AND 3 OVERRIDE STYLES
===================================================================================*/
#col1_content p, #col3_content p { margin-top: 0px; color: #fff; }
#col1_content p a:link, #col3_content p a:link { color: #a9d3c2; }

#col2_content h1 { font-size: 29px; line-height: 33px; }

#col1_content h2, #col3_content h2 { margin-bottom: 0px; }
#col1_content h4, #col3_content h4 { margin-bottom: 0px; color: #999; }
#col1_content h5, #col3_content h5 { color: #97B7AB; }

#col1_content h1, #col3_content h1, #col1_content h1 a:link, #col3_content h1 a:link { color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,.4); }
#col1_content h2, #col3_content h2, #col1_content h2 a:link, #col3_content h2 a:link { color: #A9D3C2; }
#col1_content h3, #col1_content h3 a:link, #col3_content h3, #col3_content h3 a:link { color: #97B7AB }
#col1_content h1 a:hover, #col3_content h1 a:hover, #col1_content h2 a:hover, #col3_content h2 a:hover, #col1_content h3 a:hover, #col3_content h3 a:hover { color: #5AA1E2; }

/*_________________________________________________________________________________
		UTILITY STYLES
===================================================================================*/
/* button overrides per site: */
input.submit, div.formActions input, a.button, a.button:link, a.button:visited, button, p#purchaseLink a, p#purchaseLink a:link, p#purchaseLink a:visited, p.requestLink a, p.requestLink a:link, p.requestLink a:visited {
border-color: #000; color: #000; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); background-color: #97B7AB; }

input.submit:hover, input.submit:focus, div.formActions input:hover, div.formActions input:focus, a.button:hover, a.button:focus, button:hover, button:focus, p#purchaseLink a:hover, p#purchaseLink a:focus, p.requestLink a:hover, p.requestLink a:focus {
border-color: #444; color: #41464b; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); background-color: #A9D3C2; }

input.submit:active, div.formActions input:active, a.button:active, button:active, p#purchaseLink a:active, p.requestLink a:active {
border-color: #000; color: #000; color: rgba(0,0,0,.8); text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5); background-color: #97B7AB; }

/* --- PAGINATION styles ------------------------------------------ */
div#pagination { padding: 5px; clear: right; text-align: center; }
div#pagination span { padding: 2px 5px; border: 1px solid #999; color: #999; font-size: 11px; line-height: 11px; text-decoration: none; background-color: #fff; } /* this is the style for a disabled button, ie previous on page 1 */
div#pagination a span { border: 1px solid #41464B; color: #41464B; text-decoration: none; } /*this is for the majority of the page #'s */
div#pagination a { text-decoration: none; } /*without this it adds an underline below the box which looks really weird*/
div#pagination a:hover span, div#pagination a:focus span { color: #5AA1E2; text-decoration: underline; background-color: #41464B; }
div#pagination span.curr_page { border: 1px solid #41464B; color: #fff; font-weight: bold; background-color: #41464B; }

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

#nav_main { width: 100%; height: 91px; overflow: hidden; background: #97B7AB url("../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("../images/si/pnav/bg1.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("../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("../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("../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("../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("../images/si/pnav/buyersGuide.png"); }
li#pn_item_5.curr_page a { width: 135px; left: 451px; }
/* TEMPORARY */
#primary_nav ul li#pn_item_5 { display: none; }


/* Events */
#pn_item_6 a { width: 71px; left: 452px; background-image: url("../images/si/pnav/events.png"); }
li#pn_item_6.curr_page a { width: 73px; left: 451px; }

/* Education */
#pn_item_7 a { width: 102px; left: 524px; background-image: url("../images/si/pnav/education.png"); }
li#pn_item_7.curr_page a { width: 104px; left: 523px; }

/* Magazine */
#pn_item_8 a { width: 98px; left: 627px; background-image: url("../images/si/pnav/magazine.png"); }
li#pn_item_8.curr_page a { width: 100px; left: 626px; }

#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*/

/*_________________________________________________________________________________
		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: 769px; background: transparent url("../images/si/snav/spaBiz-bg.png") 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("../images/si/snav/spaBiz-global.gif"); }

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

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

/* Medical Esthetics */
div.SpaBusiness div#secondary_nav #sn_item_4 a { width: 143px; left: 327px; background-image: url("../images/si/snav/medicalEsth.png"); }

/* Regulations */
div.SpaBusiness div#secondary_nav #sn_item_5 a { width: 100px; left: 477px; background-image: url("../images/si/snav/spaBiz-reg.gif"); }

/* Sustainability */
div.SpaBusiness div#secondary_nav #sn_item_6 a { width: 115px; left: 584px; background-image: url("../images/si/snav/spaBiz-sust.gif"); }

/* Trends */
div.SpaBusiness div#secondary_nav #sn_item_7 a { width: 63px; left: 706px; background-image: url("../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("../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("../images/si/snav/skinSci-ingr.gif"); }

/* Physiology */
div.SkinScience div#secondary_nav #sn_item_2 a { width: 93px; left: 102px; background-image: url("../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: 799px; background: transparent url("../images/si/snav/treat-bg.png") 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("../images/si/snav/body.gif"); }

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

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

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

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

/* Medical Esthetics */
div.Treatments div#secondary_nav #sn_item_6 a { width: 143px; left: 486px; background-image: url("../images/si/snav/medicalEsth.png"); }

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

/* Wellness */
div.Treatments div#secondary_nav #sn_item_8 a { width: 77px; left: 722px; background-image: url("../images/si/snav/treat-wellness.gif"); }

/*_________________________________________________________________________________
		PRODUCTS - SECONDARY NAV
===================================================================================*/
div.Products div#secondary_nav { width: 797px; padding-left: 64px;} 
/* middle of Products tab is 405.5 */

/* 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: 683px; background: transparent url("../images/si/snav/products-bg1.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("../images/si/snav/body.gif"); }

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

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

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

/* Manicure & Pedicure */
div.Products div#secondary_nav #sn_item_5 a { width: 168px; left: 318px; background-image: url("../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("../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("../images/si/snav/buyersGuide.gif"); }
/* TEMPORARY */
div.Products div#secondary_nav #sn_item_7 { display: none; }

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

/*_________________________________________________________________________________
		EVENTS - SECONDARY NAV
===================================================================================*/
div.Events div#secondary_nav { width: 591px; padding-left: 270px;} 
/* middle of Events tab is 487.5 */

/* 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: 435px; background: transparent url("../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("../images/si/snav/events-cal.gif"); }

/* Event Coverage */
div.Events div#secondary_nav #sn_item_2 a { width: 126px; left: 156px; background-image: url("../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("../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("../images/si/snav/events_amexpo.gif"); }*/

/* Webinars */
/* TEMPORARY */
div.Events div#secondary_nav #sn_item_4 a { display: none; }
/*div.Events div#secondary_nav #sn_item_4 a { width: 84px; left: 442px; background-image: url("../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("../images/si/snav/events_bobawards.gif"); }*/

/*_________________________________________________________________________________
		EDUCATION - SECONDARY NAV
===================================================================================*/
div.Education div#secondary_nav { width: 486px; padding-left: 375px;} 
/* middle of Education tab is 575 */

/* 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("../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("../images/si/snav/educ-assoc.gif"); }

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

/* State Licensing */
div.Education div#secondary_nav #sn_item_3 a { width: 123px; left: 293px; background-image: url("../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("../images/si/snav/educ_clientnews.gif"); }*/

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

/*_________________________________________________________________________________
		MAGAZINE - SECONDARY NAV
===================================================================================*/
div.Magazine div#secondary_nav { width: 304px; padding-left: 557px;} 
/* middle of Magazine tab is 676 */

/* 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: 211px; background: transparent url("../images/si/snav/mag-bg1.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("../images/si/snav/buyersGuide.gif"); }
/* TEMPORARY */
div.Magazine div#secondary_nav #sn_item_1 { display: none; }

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

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

/*_________________________________________________________________________________
		TERTIARY NAV STYLES
===================================================================================*/
div#col1_content div.tertiary_nav { margin-bottom: 10px; border-bottom: 1px dotted #999; }

div#col1_content div.tertiary_nav h1 { margin-bottom: 2px; }

div#col1_content div.tertiary_nav ul { margin-bottom: 6px; padding: 12px 0px 10px 7px; border-bottom: 1px dotted #999; background: url("../images/si/misc/tertiaryStructure.gif") no-repeat 4px bottom; }
div#col1_content div.tertiary_nav ul li {  padding-left: 13px; font-family: "Times New Roman", Times, serif; font-size: 15px; background: url("../images/si/misc/tertiaryChild.gif") no-repeat left 50%; }

div#col1_content div.tertiary_nav ul li a:visited { color: #fff; }
div#col1_content div.tertiary_nav ul li a:hover,
div#col1_content div.tertiary_nav ul li a:foucs { color: #5AA1E2; }

div#col1_content div.tertiary_nav ul li.curr_page { color: #A9D3C2; font-weight: bold; }
div#col1_content div.tertiary_nav ul li.curr_page a:link,
div#col1_content div.tertiary_nav ul li.curr_page a:visited { color: #A9D3C2; }
div#col1_content div.tertiary_nav ul li.curr_page a:hover,
div#col1_content div.tertiary_nav ul li.curr_page a:focus { color: #5AA1E2; }

/*_________________________________________________________________________________
		LINK STYLES
===================================================================================*/
a:link { color: #5D776D; text-decoration: underline; }
a:visited, a:active { color: #999; }
a:hover, a:focus { color: #0066FF; }
#col1_content a:hover, #col3_content a:hover, #col1_content a:focus, #col3_content a:focus { color: #5AA1E2; }
a img { border: none; }