/*
-------------------------------------
	Screen styles for FloraChem
	http://www.florachem.com
	
	author: nGen Works
	http://ngenworks.com

-------------------------------------- */

/* global 
-------------------------------------- */

body {
	font: 13px/16px times, "times new roman", georgia, serif;
	color: #000;
	margin: 0;
	padding: 0;
	text-align: center;
	background: transparent url(../img/bg_header.gif) no-repeat top center;
	}

body#home,
body#products,
body#regs-tools-tips,
body#suppliers,
body#news,
body#about,
body#contact,
body#citrus,
body#dimer,
body#pine,
body#rosin,
body#search,
body#message {
	background: transparent url(../img/bg_header2.gif) no-repeat top center;
	}

#skip-nav {
	font-size: 1px;
	position: absolute;
	top: 0;
	left: -9999px;
	}
	
#header {
	width: 760px;
	margin: 0 auto;
	padding: 0;
	}
	
#container {
	width: 720px;
	margin: 20px auto;
	text-align: left;
	background: transparent url(../img/bg_content.gif) repeat-y top center
	}

#navbar {
	height: 30px;
	margin: -4px 0 0;
	padding: 0;
	background-color: #069;
	}

/*
body#home #navbar {
	height: 15px;
	}
*/
	
#sidebar {
	width: 180px;
	margin: 0;
	padding: 0;
	float: right;
	}
	
#content {
	width: 500px;
	margin: 0;
	padding: 0;
	}

#content_left {
	width: 235px;
	margin: 20px 0;
	padding: 0;
	float: left;
	background: transparent url(../img/bg_callout_corner.gif) no-repeat -65px 0;
	border-left: 2px solid #ebebeb;
	border-bottom: 2px solid #ebebeb;
	}

#content_right {
	width: 235px;
	margin: 20px 0;
	padding: 0;
	float: right;
	background: transparent url(../img/bg_callout_corner.gif) no-repeat -65px 0;
	border-left: 2px solid #ebebeb;
	border-bottom: 2px solid #ebebeb;
	}

/*
body#home #content_left, body#home #content_right {
	margin: 0;
	}
*/
	
/*

/* for industrial home callouts */

div.content2 {
	width: 500px;
	margin: 0;
	padding: 10px 0 15px;
	float: left;
	}

div.content_left2 {
	width: 235px;
	margin: 0;
	padding: 0;
	float: left;
	background: transparent url(../img/bg_callout_corner.gif) no-repeat -65px 0;
	border-left: 2px solid #ebebeb;
	border-bottom: 2px solid #ebebeb;
	}

div.content_right2 {
	width: 235px;
	margin: 0;
	padding: 0;
	float: right;
	background: transparent url(../img/bg_callout_corner.gif) no-repeat -65px 0;
	border-left: 2px solid #ebebeb;
	border-bottom: 2px solid #ebebeb;
	}

div.line_below {
	margin: 0 0 15px 0;
	padding: 0 0 13px 0;
	border-bottom: 2px solid #ebebeb;
	}

/* End industrial home callouts */

div.news-list {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 2px solid #ebebeb;
	}

	
#foot {
	width: 760px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-size: 10px;
	color: #999;
	border-top: 2px solid #ebebeb;
	}
	

/* links
-------------------------------------- */

a:link, a:visited {
	color: #069;
	text-decoration: none;
	border-bottom: 1px solid #069;
	}
	
a:hover, a:active {
	color: #09c;
	text-decoration: none;
	border-bottom: 1px solid #09c;
	}

h2.ff a, h2.ff a:link, h2.ff a:visited, h2.ff a:hover {
	display: block;
	width: 175px;
	height: 24px;
	border-width: 0;
	}

h2.ind a, h2.ind a:link, h2.ind a:visited, h2.ind a:hover {
	display: block;
	width: 90px;
	height: 24px;
	border-width: 0;
	}

h3.citrus a, h3.citrus a:link, h3.citrus a:visited, h3.citrus a:hover, h3.citrus a:active {
	display: block;
	width: 133px;
	height: 24px;
	border-width: 0;
	}

#home h3.dimer a, #home h3.dimer a:link, #home h3.dimer a:visited, #home h3.dimer a:hover, #home h3.dimer a:active {
	display: block;
	width: 111px;
	height: 24px;
	border-width: 0;
	}

#home h3.pine a, #home h3.pine a:link, #home h3.pine a:visited, #home h3.pine a:hover, #home h3.pine a:active {
	display: block;
	width: 122px;
	height: 45px;
	border-width: 0;
	}

#home h3.rosin a, #home h3.rosin a:link, #home h3.rosin a:visited, #home h3.rosin a:hover, #home h3.rosin a:active {
	display: block;
	width: 113px;
	height: 24px;
	border-width: 0;
	}


/* nav
----------------------------------------- */
	
#nav {
	margin: 0;
	padding: 0 0 0 12px;
	list-style: none;
	}

#nav li {
	float: left;
	list-style: none;
	height: 30px;
	margin: 0 17px 0 0;
	padding: 0;
	text-indent: -9999px;
	display: block;
	}
	
#nav_contact { margin: 0; }
	
#nav li a {
	height: 30px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	display: block;
	border-width: 0;
	}

#nav_home, #nav_home a {
	width: 55px;
	background: transparent url(../img/nav_home.gif) no-repeat 0 0;
	}

#nav_products, #nav_products a {
	width: 82px;
	background: transparent url(../img/nav_products.gif) no-repeat 0 0;
	}

#nav_regs-tools-tips, #nav_regs-tools-tips a {
	width: 149px;
	background: transparent url(../img/nav_regs-tools-tips.gif) no-repeat 0 0;
	}

#nav_suppliers, #nav_suppliers a {
	width: 77px;
	background: transparent url(../img/nav_suppliers.gif) no-repeat 0 0;
	}

#nav_news, #nav_news a {
	width: 52px;
	background: transparent url(../img/nav_news.gif) no-repeat 0 0;
	}

#nav_about, #nav_about a {
	width: 77px;
	background: transparent url(../img/nav_about.gif) no-repeat 0 0;
	}

#nav_contact, #nav_contact a {
	width: 95px;
	background: transparent url(../img/nav_contact.gif) no-repeat 0 0;
	}

#nav a:hover {
	background-position: 0 -30px
	}

body#home #nav_home a,
body#products #nav_products a,
body#citrus #nav_products a,
body#dimer #nav_products a,
body#pine #nav_products a,
body#rosin #nav_products a,
body#regs-tools-tips #nav_regs-tools-tips a,
body#suppliers #nav_suppliers a,
body#news #nav_news a,
body#about #nav_about a,
body#contact #nav_contact a {
	background-position: 0 -30px;
	}

#subnav,
#nav_sub {	
	border-bottom: 2px solid #ebebeb;
	margin: 0 0 15px;
	padding: 0 0 13px;
	list-style: none;
	}

#subnav li,
#nav_sub li {
	margin: 5px 0;
	padding: 0;
	list-style: none;
	}
	
	#nav_sub li a {
		border-bottom: none;
	}
	
	#nav_sub li a:hover {
		text-decoration: underline;
	}
	
/* subnav here states - goes 4 deep */
	
ul li.here a:link, 
ul li.here a:visited, 
ul li.here a:hover, 
ul li.here a:active, 
ul li.here ul li.here a:link, 
ul li.here ul li.here a:visited, 
ul li.here ul li.here a:hover, 
ul li.here ul li.here a:active, 
ul li.here ul li.here ul li.here a:link, 
ul li.here ul li.here ul li.here a:visited, 
ul li.here ul li.here ul li.here a:hover, 
ul li.here ul li.here ul li.here a:active, 
ul li.here ul li.here ul li.here ul li.here a:link, 
ul li.here ul li.here ul li.here ul li.here a:visited, 
ul li.here ul li.here ul li.here ul li.here a:hover, 
ul li.here ul li.here ul li.here ul li.here a:active {
	color: #999;
	font-weight: normal;
	border-width: 0;
	}

/* stops children of here state from displaying the here state - for subnav on pages */

ul li.here ul li a:link, 
ul li.here ul li a:visited, 
ul li.here ul li.here ul li a:link, 
ul li.here ul li.here ul li a:visited, 
ul li.here ul li.here li.here ul li a:link, 
ul li.here ul li.here li.here ul li a:visited {
	text-decoration: none;
	color: #069;
	border-bottom: 1px solid #069;
	font-weight: normal;
	}
	
ul li.here ul li a:hover, 
ul li.here ul li a:active, 
ul li.here ul li.here ul li a:hover, 
ul li.here ul li.here ul li a:active, 
ul li.here ul li.here ul li.here ul li a:hover, 
ul li.here ul li.here ul li.here ul li a:active {
	text-decoration: none;
	color: #09c;
	border-bottom: 1px solid #09c;
	font-weight: normal;
	}
	
/* end children styles */

/* product subnav styles */

body#citrus #prodnav_citrus a, body#dimer #prodnav_dimer a, body#pine #prodnav_pine a, body#rosin #prodnav_rosin a {
	color: #999;
	font-weight: normal;
	border-width: 0;
	}
/* end product subnav styles */


/* lists
-------------------------------------- */

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

li {
	padding: 0 0 7px 12px;
	background: transparent url(../img/bullet.gif) 0 5px no-repeat;
	}

#sidebar li {
	background: none;
	}



/* type
-------------------------------------- */

p {
	margin: 10px 0;
	padding: 0;
	}

#content p {
	margin: 10px 0;
	padding: 0;
	}

#content_left p, #content_right p, #home .content_left2 p, #home .content_right2 p {
	margin: 10px 17px 15px 17px;
	padding: 0;
	clear: left;
	}

/* titles
-------------------------------------- */

h1 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: -9999px;
	}

h2 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	}

#products h2 {
	width: 101px;
	height: 31px;
	background: transparent url(../img/header_products.gif) no-repeat 0 0;
	text-indent: -9999px;
	}
	
#regs-tools-tips h2 {
	width: 259px;
	height: 31px;
	background: transparent url(../img/header_regs-tools-tips.png) no-repeat 0 0;
	text-indent: -9999px;
	}

#suppliers h2 {
	width: 109px;
	height: 31px;
	background: transparent url(../img/header_suppliers.gif) no-repeat 0 0;
	text-indent: -9999px;
	}

#news h2 {
	width: 62px;
	height: 31px;
	background: transparent url(../img/header_news.gif) no-repeat 0 0;
	text-indent: -9999px;
	}

#news.archive h2 {
	width: 161px;
	height: 31px;
	background: transparent url(../img/header_news-archive.gif) no-repeat 0 0;
	text-indent: -9999px;
	}

#about h2 {
	width: 106px;
	height: 31px;
	background: transparent url(../img/header_about.gif) no-repeat 0 0;
	text-indent: -9999px;
	}

#contact h2 {
	width: 125px;
	height: 31px;
	background: transparent url(../img/header_contact.gif) no-repeat 0 0;
	text-indent: -9999px;
	}

#citrus h2 {
	width: 172px;
	height: 31px;
	background: transparent url(../img/header_citrus2.gif) no-repeat 0 0;
	text-indent: -9999px;
	}

#dimer h2 {
	width: 144px;
	height: 31px;
	background: transparent url(../img/header_dimer2.gif) no-repeat 0 0;
	text-indent: -9999px;
	}

#pine h2 {
	width: 319px;
	height: 31px;
	background: transparent url(../img/header_pine2.gif) no-repeat 0 0;
	text-indent: -9999px;
	}

#rosin h2 {
	width: 146px;
	height: 31px;
	background:transparent url(../img/header_rosin2.gif) no-repeat 0 0;
	text-indent: -9999px;
	}
	
#search h2 {
	width: 82px;
	height: 31px;
	background: transparent url(../img/header_search.png) no-repeat 0 0;
	text-indent: -9999px;
	}


h3 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #999;
	}

h3.border-bottom {
	padding: 10px 0;
	border-bottom: 2px solid #ebebeb;
	}

#content_left h3, #content_right h3 {
	margin: 15px 17px;
	}

#content_left h4, #content_right h4 {
	margin: 15px 17px;
	}

#sidebar h3 {
	margin-bottom: 5px;
	font-size: 15px;
	}

#content h3 {
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 15px;
	}

#home h3.ind_callout {
	margin: 15px 17px 0 17px;
	text-indent: -9999px;
	}

#home h3.citrus {
	width: 133px;
	height: 24px;
	background: transparent url(../img/header_citrus.gif) no-repeat 0 0;
	}

#home h3.dimer {
	width: 111px;
	height: 24px;
	background: transparent url(../img/header_dimer.gif) no-repeat 0 0;
	}

#home h3.pine {
	width: 122px;
	height: 45px;
	background: transparent url(../img/header_pine.gif) no-repeat 0 0;
	}

#home h3.rosin {
	width: 113px;
	height: 24px;
	background: transparent url(../img/header_rosin.gif) no-repeat 0 0;
	}

/* Corporate Home 
-------------------------------------- */
.intro {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 50px !important;
}

#ff-block,
#industrial-block,
#cleaning-block {
	margin-bottom: 30px;
}

#ff-block h2,
#industrial-block h2,
#cleaning-block h2 {
	height: 41px;
}

#ff-block h2 a,
#industrial-block h2 a,
#cleaning-block h2 a {
	border: none;
	display: block;
	height: 100%;
}

#ff-block h2 a:hover,
#industrial-block h2 a:hover,
#cleaning-block h2 a:hover {
	background-position: 0 -41px;
}

#ff-block h2 a {
	background: url(../img/corp-flavor-fragrance-button.png) no-repeat 0 0;
}

#industrial-block h2 a {
	background: url(../img/corp-industrial-button.png) no-repeat 0 0;
}

#cleaning-block h2 a {
	background: url(../img/corp-cleaning-button.png) no-repeat 0 0;
}

#ff-block p,
#industrial-block p,
#cleaning-block p {
	line-height: 20px;
	margin-right: 20px;
	margin-bottom: 0;
}

.learn-more {
	border: none !important;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
}

/* misc.
-------------------------------------- */

img.floatleft {
	float: left;
	margin: 3px 10px 10px 0;
	}

#home #content_left img, #home #content_right img {
	float: left;
	margin: 10px 17px;
	}

#home .content_left2 img, #home .content_right2 img {
	float: left;
	padding: 10px 17px 17px 17px;
	}

#about #content img, #contact #content img {
	margin: 20px 0;
	}

.date {
	color: #666;
	font-size: 0.9em;
}

/* clearing method */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

.clearfix {
	display: inline-table;
	}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
	}

.clearfix {
	display: block;
	}

/* end hack */

/* Facebook link */
.facebook-link {
  background-position: 0 0;
  background-repeat: no-repeat;
  border: none !important;
  display: block;
  margin-bottom: 1.0em;
  text-decoration: none;
  text-indent: -9999px;
}

.facebook-link.logo { background-image: url(../img/icon-facebook-logo.png); width: 119px; height: 32px; }
.facebook-link.find { background-image: url(../img/icon-facebook-find.png); width: 144px; height: 44px; }
.facebook-link.icon48 { background-image: url(../img/icon-facebook-48x48.png); width: 48px; height: 48px; }
.facebook-link.icon32 { background-image: url(../img/icon-facebook-32x32.png); width: 32px; height: 32px; }
.facebook-link.icon24 { background-image: url(../img/icon-facebook-24x24.png); width: 24px; height: 24px; }


/* forms
-------------------------------------- */

form {
	margin: 0;
	padding: 0;
	}

/* news
-------------------------------------- */

dl.year-list {
	margin: 20px 0;
	padding: 0;
	}
	
dt {
	margin: 15px 10px 10px 0;
	padding: 0 0 5px 0;
	font-family: times, "times new roman", georgia, serif;
	font-weight: bold;
	font-size: 14px;
	background: transparent url(../_img/px.gif) repeat-x bottom left;
	}

dd {
	margin: 0;
	padding: 0;
	}
	
body#news .news-list {
	margin: 2.0em 0 0;
}

	body#news .news-list li a {
		font-size: 1.2em;
	}
	
/* news detail */
body#news.detail #content h3 {
	color: #333;
	font-size: 1.2em;
	margin-bottom: 0.25em;
}

body#news.detail .date {
	margin: 0 0 1.75em;
}

body#news.archive .news-list li {
	padding-left: 5em;
	position: relative;
	text-indent: -0.8em;
}

body#news.archive .date {
	display: block;
	position: absolute;
		left: 0;
	text-indent: 0;
}

/* article listings
-------------------------------------- */

div.article {
	margin: 0 10px 10px 0;
	padding: 0 0 10px 0;
	}
	
div.article h5 { margin: 0 0 2px 0; }

div.article p { margin: 0 0 5px 0; }

/* News list */
.news-list {
	list-style: none;
	margin: 0 16px;
	padding: 0;
}

#sidebar .news-list {
	margin: 0;
}

	.news-list li {
		background: none;
		margin-bottom: 1.75em;
		padding: 0;
	}
	
	.news-list li a {
		border: none;
		font-weight: bold;
		text-decoration: none;
	}
	
	.news-list li a:hover {
		text-decoration: underline;
	}
	
	.news-list .date {
		display: block;
	}
	
/* news archive 
-------------------------------------- */

body#news.archive #content h3 {
	color: #333;
	font-size: 1.3em;
}

body#news.archive .news-list {
	margin: 0 0 2.5em;
}

body#news.archive .news-list li {
	margin: 0;
}

body#news.archive .news-list li a {
	font-size: 1.0em;
}


/* products
-------------------------------------- */

.alpha-nav {
	list-style: none;
	margin: 0 0 28px;
}

	.alpha-nav li {
		background: none;
		display: inline;
		padding: 0;
	}
	
	.alpha-nav li a {
		border-bottom: none;
	}
	
	.alpha-nav li a:hover {
		text-decoration: underline;
	}

div.prod {
	color: #464646;
	margin: 15px 0 15px 0;
	padding: 4px 0 0;
	border-top: 1px solid #ccc;
	}

div.prod h4 {
	color: #000;
	margin: 10px 0 0;
	padding: 0 0 0.25em;
	font-size: 1.3em;
	font-weight: bold;
	}
	
#content div.prod p {
	margin-top: 0;
}
	
div.prod em,
div.prod strong {
	color: #333;
}

div.prod h5 {
	font-size: 1.0em;
	font-style: italic;
	margin: 0;
}

div.prod .product-files li {
	background: url(../img/file_acrobat.gif) no-repeat top left;
	padding-left: 20px;
}

	div.prod .product-files li a {
		border-bottom: none;
	}
	
	div.prod .product-files li a:hover {
		text-decoration: underline;
	}

#disclaimer {
	margin: 0 auto 10px auto;
	padding: 1px 0 0 0;
	width: 760px;
	text-align: center;
	color: #999;
	border-top: 2px solid #ebebeb;
	}
	

.product-list .prod {
	margin-top: 0;
}
	
.product-list h4 {
	margin: 0 0 3px;
}

.product-list h4 a {
	border: none;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
}
	
/* people / person
-------------------------------------- */
.person {
	/*border-top: 1px dotted #efefef;*/
	margin-bottom: 2.0em;
	padding-top: 15px;
}

#content .person h3 {
	color: #333;
	margin: 0;
}

#content .person p {
	margin-top: 0;
}

/* search
-------------------------------------- */
#search .num-results {
	margin: 0 0 28px;
}
	
/* ---------------------------------------------------------------------------
	=clearing
--------------------------------------------------------------------------- */

#container:after {
    content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
}