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

#page_margins { width: auto; min-width: 1000px; max-width: 1280px; margin: 0px auto; padding: 0px; border: 1px solid #000; background-color: #fff; background-position: top left; background-repeat: repeat-y; }
#page { padding: 0px; background-position: top right; background-repeat: repeat-y; }
#main { margin: 0px; border-top: 2px solid #000; }

#col1, #col2, #col3 { background-color: #fff; }

#col1_content { margin-bottom: -2px; padding: 0px;}
#col2_content { margin-bottom: -2px; padding: 6px 10px 0px 10px;}
#col3_content { margin-bottom: -2px; padding: 0px;}
body#Search div#col2_content { margin-bottom: 0px; }

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

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

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

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

/* 800 layout: col1: 994px + elastic; col2: NA; col3: NA */
body.l800 #page_margins { background-image: none; }
body.l800 #page { background-image: none; }
body.l800 #main { padding: 0px 0px 0px 1px; }
body.l800 #col1 { float: left; width: 100%; }
body.l800 #col1 #col1_content { padding: 7px 10px; }
body.l800 #col2, body.l800 #col2_content, body.l800 #col3, body.l800 #col3_content { display: none; }

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

#header h1.siteName { width: 251px; height: 71px; margin: 4px 6px 0px 6px; padding: 0px; border: none; position: relative; float: left; font-size: 1px; line-height: 5px; background: url("../images/gci/misc/logo-09.png") no-repeat top left; }
#header h1.siteName a { width: 251px; height: 71px; margin: 0px; padding: 0px; border: none; position: absolute; top: 0px; left: 0px; text-decoration: none; background: transparent; }
#header h1.siteName a:hover { border: none; background: transparent url("../images/gci/misc/logo-09-hover.gif") no-repeat top left; }
#header h1.siteName a span { border: none; display: block; text-indent: -9999px; }

/* this is for accessibility, and does not have to be replaced with an image*/
#header p.tagLine { height: 10px; margin: 0px; padding: 0px; position: absolute; top: 75px; left: 12px; font-size: 10px; line-height: 10px; }

/* search box and button */
#header form#googleCse { width: 249px; padding: 5px 9px; top: 35px; text-align: center; position: absolute; top: 35px; left: 378px; z-index: 25; background-color: #D8DADF; border-radius: 0px; }
#header form#googleCse input.text { width: 190px; margin: 0 3px 0 0; padding: 4px 3px; border: 1px solid #000; /*float: left;*/ color: #000; font-size: 13px; }
#header form#googleCse input.submit { padding: 3px 5px; /*position: absolute; top: 35px; left: 700px;*/ line-height: 17px; }

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

p.breadcrumb a:link,
p.breadcrumb a:visited { color: #363636; }
p.breadcrumb a:hover, p.breadcrumb a:focus { color: #06f; }

p.breadcrumb span.page { color: #73787d; }

/*_________________________________________________________________________________
		FOOTER LAYOUT
===================================================================================*/
div#footer { padding: 10px; position: relative; clear: both; color:#fff; text-align: center; background-color: #000; }

div#footer p { color: #fff; font-size: 11px; }
div#footer p a:link { color: #fff; }
div#footer p a:active, div#footer p a:visited { color: #969ca3; }
div#footer p a:hover, div#footer p a:focus { color: #ea6f00; }

/* not used except on the directory side */
div#footer p#reportBug { margin: 0px; padding: 6px 10px; position: absolute; top: 20px; left: 0px; font-weight: bold; font-size: 9px; line-height: 11px; text-transform: uppercase; text-align: right; background-color: #333; }
div#footer p#reportBug a:link, div#footer p#reportBug a:active, div#footer p#reportBug a:visited { color: #ea6f00; }
div#footer p#reportBug a:hover, div#footer p#reportBug a:focus { color: #fff; }

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

h1 { margin: 0px 0px 6px 0px; color: #000; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 22px; line-height: 24px; }

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

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

h4 { margin: 0px 0px 5px 0px; color: #73787d; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; line-height: 11px; text-transform: uppercase; }

h5 { margin: 0px 0px 10px 0px; color: #000; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 13px; line-height: 15px; } /* Author Names */

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

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

/*_________________________________________________________________________________
		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 {
color: #000; text-shadow: 1px 1px 1px rgba(0,0,0,.2); background: #e6e6e9 url("../images/gci/misc/silverGradient2.png") repeat-x 0 0; }

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 {
color: #222; text-shadow: 0px 1px 1px rgba(0,0,0,.4); background-color: #ededef; background-position: 0px -100px; }

input.submit:active, div.formActions input:active, a.button:active, button:active, p#purchaseLink a:active, p.requestLink a:active {
color: #000; text-shadow: -1px -1px 1px rgba(0,0,0,.3); background-color: #e6e6e9; background-position: 0px 0px; }

/* --- PAGINATION styles ----------------------------------------------------------- */
div#pagination { margin: 5px 0px; padding: 5px 0px; clear: right; text-align: center; }
div#pagination span { padding: 2px 5px; border: 1px solid #73787d; color: #73787d; font-size: 11px; line-height: 11px; text-decoration: none; background-color: #e6e6e9; }/* this is the style for a disabled button, ie previous on page 1 */
div#pagination a span { border: 1px solid #000; color: #000; text-decoration: none; background-color: #fff; }/*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 odd*/
div#pagination a:hover span { color: #fff; text-decoration: underline; background-color: #73787d; }
div#pagination span.curr_page { border: 1px solid #000; color: #fff; font-weight: bold; background-color: #000; }

/*_________________________________________________________________________________
		BUTTON STYLES
===================================================================================*/
div#buttons { height: 17px; margin: 0px 0px 7px 0px; padding-bottom: 5px; border-bottom: 1px solid #95989a; overflow: hidden; line-height: 14px; text-align: right; }
div#buttons a.emailThis, div#buttons a.printThis { font-size: 9.5px; line-height: 13px; background-position: 0 100%; background-repeat: no-repeat; }
div#buttons a:link, div#buttons a:visited { color: #e06500; }
div#buttons a:hover, div#buttons a:focus { color: #06f; }
div#buttons a.emailThis { margin-right: 10px; padding: 0px 0px 0px 18px; background-image: url("../images/icons/email.gif"); }
div#buttons a.printThis { padding: 0px 0px 0px 18px; background-image: url("../images/icons/print.gif"); }
div#buttons div.addthis_toolbox { width: 60px; float: right; margin-left: 12px; }
div#buttons div.addthis_toolbox div.atclear { clear: none; display: none; }


/*div#buttons { width: 210px; margin: 0px 0px 10px 0px; line-height: 10px; }*/
/*div#buttons a { font-size: 10px; line-height: 13px; }
div#buttons a:link, div#buttons a:active, div#buttons a:visited { color: #ea6f00; }
div#buttons a:hover, div#buttons a:focus { color: #06f; }

div#buttons a.emailThis { margin-right: 10px; padding: 0px 0px 0px 18px; background: url("../images/icons/email.gif") no-repeat 0px 100%; }
div#buttons a.printThis { padding: 0px 0px 0px 18px; background: url("../images/icons/print.gif") no-repeat 0px 100%; }
*/

/*__________________________________________________________________________________________________
		PRIMARY NAVIGATION
====================================================================================================*/
#nav { height: 90px; margin: 0px; overflow: hidden; clear: none; background: #000; }
#nav_main { width: 100%; height: 90px; overflow: hidden; background: #FFF url("../images/gci/misc/navMainBg.gif") repeat-x top left; }

#primary_nav { width: 846px; height: 30px; margin: 0px; padding: 0px; display: inline; float: left; background: url("../images/gci/pnav/bg.png") no-repeat 0px 0px; }

#primary_nav ul { width: 846px; height: 30px; margin: 0; position: relative; display: inline; float: left; list-style: none; }
#primary_nav ul li { height: 30px; 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: 30px; 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 -30px; }
#primary_nav ul li.curr_page a { background-position: 0px -60px; }
#primary_nav ul li.curr_page a:hover { background-position: 0px -90px; }
#primary_nav ul li a span { display: block; text-indent: -9999px; } /*image replacement*/

/*_________________________________________________________________________________
		PRIMARY NAVIGATION ITEMS
===================================================================================*/
/*   left = (width of previous + left of previous + 1)   */
/* Business */
div#primary_nav #pn_item_1 a { width: 139px; left: 0px; background-image: url("../images/gci/pnav/business.png"); }

/* Markets & Trends */
div#primary_nav #pn_item_2 a { width: 222px; left: 140px; background-image: url("../images/gci/pnav/markets.png"); }

/* Directory */
div#primary_nav #pn_item_3 a { width: 151px; left: 363px; background-image: url("../images/gci/pnav/directory.png"); }

/* Networking */
div#primary_nav #pn_item_4 a { width: 177px; left: 515px; background-image: url("../images/gci/pnav/networking.png"); }

/* Magazine */
div#primary_nav #pn_item_5 a { width: 152px; left: 693px; background-image: url("../images/gci/pnav/magazine.png"); }

/*__________________________________________________________________________________________________
		SECONDARY NAVIGATION
====================================================================================================*/
#secondary_nav { width: 846px; height: 30px; margin: 0; padding: 0; float: left; background: #000 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, #secondary_nav ul li a:focus { background-position: 0px -30px; }
#secondary_nav ul li a:active { background-position: 0px -90px; }
#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: #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: #e06500; }
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)  */
/* width: if left aligned, width = 846, otherwise = 846 - padding-left */

/*_________________________________________________________________________________
		BUSINESS - SECONDARY NAV
===================================================================================*/
div.Business div#secondary_nav { width: 846px; padding-left: 0px;} 

/* 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.Business div#secondary_nav ul { width: 610px; background: transparent url("../images/gci/snav/bus-bg.png") no-repeat top left; }

/*  to calculate the left of each one, take the previous item's left + its width + 3  */
/* Associations */
/*div.Business div#secondary_nav #sn_item_1 a { width: 115px; left: 0px; background-image: url("../images/gci/snav/bus-assoc.gif"); }*/

/* Management */
div.Business div#secondary_nav #sn_item_1 a { width: 122px; left: 0px; background-image: url("../images/gci/snav/bus-manage.gif"); }

/* Manufacturing */
div.Business div#secondary_nav #sn_item_2 a { width: 132px; left: 125px; background-image: url("../images/gci/snav/bus-manuf.gif"); }

/* Marketers */
div.Business div#secondary_nav #sn_item_3 a { width: 98px; left: 260px; background-image: url("../images/gci/snav/bus-marketers.gif"); }

/* Marketing */
div.Business div#secondary_nav #sn_item_4 a { width: 99px; left: 361px; background-image: url("../images/gci/snav/bus-marketing.gif"); }

/* R & D */
div.Business div#secondary_nav #sn_item_5 a { width: 53px; left: 463px; background-image: url("../images/gci/snav/bus-randd.gif"); }

/* Suppliers */
div.Business div#secondary_nav #sn_item_6 a { width: 91px; left: 519px; background-image: url("../images/gci/snav/bus-suppl.gif"); }

/*_________________________________________________________________________________
		MARKETS & TRENDS - SECONDARY NAV
===================================================================================*/
/*center: 227 - 189 = 38*/
div.MarketsTrends div#secondary_nav { width: 784px; padding-left: 62px;} 

/* 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.MarketsTrends div#secondary_nav ul { width: 378px; background: transparent url("../images/gci/snav/markets-bg.gif") no-repeat top left; }

/*  to calculate the left of each one, take the previous item's left + its width + 3  */
/* Channels */
div.MarketsTrends div#secondary_nav #sn_item_1 a { width: 91px; left: 0px; background-image: url("../images/gci/snav/markets-channels.gif"); }

/* Consumers */
div.MarketsTrends div#secondary_nav #sn_item_2 a { width: 104px; left: 94px; background-image: url("../images/gci/snav/markets-consumers.gif"); }

/* Regions */
div.MarketsTrends div#secondary_nav #sn_item_3 a { width: 80px; left: 201px; background-image: url("../images/gci/snav/markets-regions.gif"); }

/* Segments */
div.MarketsTrends div#secondary_nav #sn_item_4 a { width: 94px; left: 284px; background-image: url("../images/gci/snav/markets-segments.gif"); }

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

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

/* 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: 391px; background: transparent url("../images/gci/snav/ntwrk-bg.png") no-repeat top left; }

/*  to calculate the left of each one, take the previous item's left + its width + 3  */
/* Calendar of Events */
div.Networking div#secondary_nav #sn_item_1 a { width: 165px; left: 0px; background-image: url("../images/gci/snav/ntwrk-cal.png"); }

/* Careers */
div.Networking div#secondary_nav #sn_item_2 a { width: 80px; left: 168px; background-image: url("../images/gci/snav/ntwrk-careers.png"); }

/* Event Coverage */
div.Networking div#secondary_nav #sn_item_3 a { width: 140px; left: 251px; background-image: url("../images/gci/snav/ntwrk-coverage.png"); }

/* Fragrance Business */
/*div.Events div#secondary_nav #sn_item_3 a { width: 166px; left: 311px; background-image: url("../images/gci/snav/events-fragBiz.gif"); }*/

/* Webinars */
/*div.Networking div#secondary_nav #sn_item_4 a { width: 95px; left: 394px; background-image: url("../images/gci/snav/ntwrk-webinars.png"); }*/

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

/* 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: 244px; background: transparent url("../images/gci/snav/mag-bg.gif") no-repeat top left; }

/*  to calculate the left of each one, take the previous item's left + its width + 3  */
/* Advisory Board */
div.Magazine div#secondary_nav #sn_item_1 a { width: 141px; left: 0px; background-image: url("../images/gci/snav/mag-adBoard.gif"); }

/* Past Issues */
div.Magazine div#secondary_nav #sn_item_2 a { width: 100px; left: 144px; background-image: url("../images/gci/snav/mag-pastIssues.gif"); }

/*_________________________________________________________________________________
		TERTIARY NAV STYLES
===================================================================================*/
div.tertiary_nav { margin: 0px; border-bottom: 2px solid #000; background: url("../images/gci/misc/tertiaryArrow.gif") no-repeat 13px 23px; }

div.tertiary_nav h1 { margin: 0px; padding: 3px 10px 4px 10px; color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; line-height: 16px; text-transform: uppercase; background-color: #000; }

div.tertiary_nav ul { margin-bottom: 10px; padding: 10px 0px 0px 19px; background: url("../images/gci/misc/tertiaryStructure.gif") no-repeat 19px bottom; }
div#col1_content div.tertiary_nav ul li { margin: 0px 0px .5em 0px; padding-left: 8px; font-size: 15px; background: url("../images/gci/misc/tertiaryChild.gif") no-repeat left top; }
div#col1_content div.tertiary_nav ul li a:link, div#col1_content div.tertiary_nav ul li a:active, div#col1_content div.tertiary_nav ul li a:visited { color: #ea6f00; }
div#col1_content div.tertiary_nav ul li a:hover, div#col1_content div.tertiary_nav ul li a:focus { color: #06f; }

/*tertiary nav current page styles*/
div#col1_content div.tertiary_nav ul li.curr_page { font-weight: bold; }

/*_________________________________________________________________________________
		LINK STYLES
===================================================================================*/
a:link { color: #ea6f00; text-decoration: underline; }
a:active, a:visited { color: #754c23; }
a:hover, a:focus { color: #06f; }
a img { border: none; }