/* +++++++++  ct_nav.css +++++++++ */
/*__________________________________________________________________________________________________
		PRIMARY NAVIGATION
====================================================================================================*/
#nav { height: 102px; margin: 0px 1px; overflow: hidden; clear: none; background: #000; }

#nav_main { width: 100%; height: 102px; overflow: hidden; background: #e5e3e4 url("../images/ct/misc/navMainBg11.gif") repeat-x top left; }

#primary_nav { width: 838px; height: 41px; margin: 0px; padding: 0px; display: inline; float: left; background: url("../images/ct/pnav/bg11.png") no-repeat 0px 0px; }

#primary_nav ul { width: 838px; height: 41px; margin: 0; position: relative; display: inline; float: left; list-style: none; }
#primary_nav ul li { height: 41px; 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: 41px; border: none; position: absolute; top: 0px; text-decoration: none; background-position: 0px 0px; background-repeat: no-repeat; }
#primary_nav ul li a:hover { background-position: 0px -41px; }
#primary_nav ul li.curr_page a { background-position: 0px -82px; }
#primary_nav ul li.curr_page a:hover { background-position: 0px -123px; }

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

/*_________________________________________________________________________________
		PRIMARY NAVIGATION ITEMS
===================================================================================*/
/*   left = (width of previous + left of previous + 3)   */
/* Formulating */
div#primary_nav #pn_item_1 a { width: 126px; left: 6px; background-image: url("../images/ct/pnav/formulating11.png"); }

/* Research */
div#primary_nav #pn_item_2 a { width: 101px; left: 135px; background-image: url("../images/ct/pnav/research11.png"); }

/* Regulatory */
div#primary_nav #pn_item_3 a { width: 118px; left: 239px; background-image: url("../images/ct/pnav/regulatory11.png"); }

/* Testing */
div#primary_nav #pn_item_4 a { width: 86px; left: 360px; background-image: url("../images/ct/pnav/testing11.png"); }

/* CBR Directory */
div#primary_nav #pn_item_5 a { width: 146px; left: 449px; background-image: url("../images/ct/pnav/cbr11.png"); }

/* Networking */
div#primary_nav #pn_item_6 a { width: 124px; left: 598px; background-image: url("../images/ct/pnav/networking11.png"); }

/* Magazine */
div#primary_nav #pn_item_7 a { width: 113px; left: 725px; background-image: url("../images/ct/pnav/magazine11.png"); }

/*__________________________________________________________________________________________________
		SECONDARY NAVIGATION
====================================================================================================*/
#secondary_nav { width: 838px; height: 30px; margin: 0; padding: 0; float: left; background: #fff no-repeat top left; }

#secondary_nav ul { height: 30px; margin: 0; position: relative; display: inline; float: left; list-style: none; }
#secondary_nav ul li { height: 30px; 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: 30px; 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 -30px; }
#secondary_nav ul li.curr_page a { background-position: 0px -60px; }
#secondary_nav ul li.curr_page a:hover { background-position: 0px -90px; }

#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: #6b2312; 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; }*/

/*_________________________________________________________________________________
		SECONDARY NAVIGATION INSTRUCTIONS
===================================================================================*/
/*
 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:
 Research: 236; Regulatory: 357; Testing: 446; CBR Directory: 595; Networking: 722;
 div#secondary_nav|padding_left = middleOfPnavItem - 1/2 * bgImageWidth;
 div#secondary_nav|width = 838 - padding_left;
 
 if (div#secondary_nav|padding_left <= 6) the secondary should be left aligned;
 if (div#secondary_nav|padding_left + bgImageWidth >= 838) the secondary should be right aligned;

 For LEFT Alignment: _____________________________________________
 div#secondary_nav|padding_left = 6px;
 div#secondary_nav|width = 832px;
 
 For RIGHT Alignment: _____________________________________________
 div#secondary_nav|padding_left = 838 - bgImageWidth;
 div#secondary_nav|width = bgImageWidth;
*/

/*_________________________________________________________________________________
		FORMULATING - SECONDARY NAV
===================================================================================*/
div.Formulating div#secondary_nav { padding-left: 6px; width: 832px; } 

/* 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.Formulating div#secondary_nav ul { width: 651px; background: transparent url("../images/ct/snav11/form-bg.png") no-repeat top left; }

/*  to calculate the left of each one, take the previous item's left + its width + 1  */
/* Application / Category */
div.Formulating div#secondary_nav #sn_item_1 a { width: 177px; left: 0px; background-image: url("../images/ct/snav11/form-app.png"); }

/* Ingredient */
div.Formulating div#secondary_nav #sn_item_2 a { width: 90px; left: 178px; background-image: url("../images/ct/snav11/form-ingr.png"); }

/* Physical Form */
div.Formulating div#secondary_nav #sn_item_3 a { width: 116px; left: 269px; background-image: url("../images/ct/snav11/form-physForm.png"); }

/* Cosmetic Bench Reference */
div.Formulating div#secondary_nav #sn_item_4 a { width: 204px; left: 386px; background-image: url("../images/ct/snav11/form-cbr.png"); }

/* Books */
div.Formulating div#secondary_nav #sn_item_5 a { width: 60px; left: 591px; background-image: url("../images/ct/snav11/form-books.png"); }

/*_________________________________________________________________________________
		RESEARCH - SECONDARY NAV
===================================================================================*/
div.Research div#secondary_nav { padding-left: 6px; width: 832px; } 

/* 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.Research div#secondary_nav ul { width: 691px; background: transparent url("../images/ct/snav11/research-bg.png") no-repeat top left; }

/*  to calculate the left of each one, take the previous item's left + its width + 1  */
/* Biology */
div.Research div#secondary_nav #sn_item_1 a { width: 72px; left: 0px; background-image: url("../images/ct/snav11/research-bio.png"); }

/* Chemistry */
div.Research div#secondary_nav #sn_item_2 a { width: 90px; left: 73px; background-image: url("../images/ct/snav11/research-chem.png"); }

/* Methods & Processes */
div.Research div#secondary_nav #sn_item_3 a { width: 168px; left: 164px; background-image: url("../images/ct/snav11/research-methods.png"); }

/* Patents */
div.Research div#secondary_nav #sn_item_4 a { width: 68px; left: 333px; background-image: url("../images/ct/snav11/research-patents.png"); }

/* Technology Transfer */
div.Research div#secondary_nav #sn_item_5 a { width: 159px; left: 402px; background-image: url("../images/ct/snav11/research-techTrans.png"); }

/* Scientific Books */
div.Research div#secondary_nav #sn_item_6 a { width: 129px; left: 562px; background-image: url("../images/ct/snav11/research-sciBooks.png"); }

/*_________________________________________________________________________________
		REGULATORY - SECONDARY NAV
===================================================================================*/
div.Regulatory div#secondary_nav { padding-left: 6px; width: 832px; } 

/* 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.Regulatory div#secondary_nav ul { width: 762px; background: transparent url("../images/ct/snav11/reg-bg.png") no-repeat top left; }

/*  to calculate the left of each one, take the previous item's left + its width + 1  */
/* Claims/Labeling */
div.Regulatory div#secondary_nav #sn_item_1 a { width: 136px; left: 0px; background-image: url("../images/ct/snav11/reg-claims.png"); }

/* Nanotechnology */
div.Regulatory div#secondary_nav #sn_item_2 a { width: 136px; left: 137px; background-image: url("../images/ct/snav11/reg-nanotech.png"); }

/* Natural/Organic */
div.Regulatory div#secondary_nav #sn_item_3 a { width: 141px; left: 274px; background-image: url("../images/ct/snav11/reg-organic.png"); }

/* REACH */
div.Regulatory div#secondary_nav #sn_item_4 a { width: 70px; left: 416px; background-image: url("../images/ct/snav11/reg-reach.png"); }

/* SPF/UV Filters */
div.Regulatory div#secondary_nav #sn_item_5 a { width: 122px; left: 487px; background-image: url("../images/ct/snav11/reg-spfuv.png"); }

/* Updates by Region */
div.Regulatory div#secondary_nav #sn_item_6 a { width: 152px; left: 610px; background-image: url("../images/ct/snav11/reg-region.png"); }

/*_________________________________________________________________________________
		TESTING - SECONDARY NAV
===================================================================================*/
div.Testing div#secondary_nav { padding-left: 120px; width: 718px; } 

/* 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.Testing div#secondary_nav ul { width: 565px; background: transparent url("../images/ct/snav11/testing-bg.png") no-repeat top left; }

/*  to calculate the left of each one, take the previous item's left + its width + 1  */
/* Animal Alternatives */
div.Testing div#secondary_nav #sn_item_1 a { width: 159px; left: 0px; background-image: url("../images/ct/snav11/testing-animalAlt.png"); }

/* In silico/Modeling */
div.Testing div#secondary_nav #sn_item_2 a { width: 148px; left: 160px; background-image: url("../images/ct/snav11/testing-insilico.png"); }

/* In vitro */
div.Testing div#secondary_nav #sn_item_3 a { width: 68px; left: 309px; background-image: url("../images/ct/snav11/testing-invitro.png"); }

/* In vivo */
div.Testing div#secondary_nav #sn_item_4 a { width: 65px; left: 378px; background-image: url("../images/ct/snav11/testing-invivo.png"); }

/* Sensory */
div.Testing div#secondary_nav #sn_item_5 a { width: 76px; left: 444px; background-image: url("../images/ct/snav11/testing-sensory.png"); }

/* SPF */
div.Testing div#secondary_nav #sn_item_6 a { width: 44px; left: 521px; background-image: url("../images/ct/snav11/testing-spf.png"); }

/*_________________________________________________________________________________
		CBR DIRECTORY - SECONDARY NAV
===================================================================================*/

/*_________________________________________________________________________________
		NETWORKING - SECONDARY NAV
===================================================================================*/
div.Networking div#secondary_nav { padding-left: 357px; width: 481px; } 

/* 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.Networking div#secondary_nav ul { width: 481px; background: transparent url("../images/ct/snav11/networking-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.Networking div#secondary_nav #sn_item_1 a { width: 153px; left: 0px; background-image: url("../images/ct/snav11/networking-calendar.png"); }

/* Event Coverage */
div.Networking div#secondary_nav #sn_item_2 a { width: 130px; left: 154px; background-image: url("../images/ct/snav11/networking-coverage.png"); }

/* Careers */
div.Networking div#secondary_nav #sn_item_3 a { width: 75px; left: 285px; background-image: url("../images/ct/snav11/networking-careers.png"); }

/* Industry News */
div.Networking div#secondary_nav #sn_item_4 a { width: 120px; left: 361px; background-image: url("../images/ct/snav11/networking-indNews.png"); }

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

/* 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: 393px; background: transparent url("../images/ct/snav11/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 { width: 130px; left: 0px; background-image: url("../images/ct/snav11/mag-adBoard.png"); }

/* International Editions */
div.Magazine div#secondary_nav #sn_item_2 a { width: 168px; left: 131px; background-image: url("../images/ct/snav11/mag-intlEd.png"); }

/* Past Issues */
div.Magazine div#secondary_nav #sn_item_3 a { width: 93px; left: 300px; background-image: url("../images/ct/snav11/mag-pastIssues.png"); }