/*

Title: Expandex
URL: http://expandexglutenfree.com/
Description: main screen stylesheet
Created : 3/10/06 
Modified : 

COLORS:
Expandex Light Green: #bd1
Expandex Dark Green: #7c1
Darkest Green Background: #261
medium green: #6b1
green text: #5a1
*/


/* =Global Styles ------------------------------------------*/

html, body {
	margin: 0;
	padding: 0;
	}
body {
	font: 80% helvetica, arial, sans-serif;
	text-align: center;
	background: #fff url(../images/global/x-logo-screen.gif) bottom right no-repeat;
	color: #333;
	}
a {
	outline: none;
	}
h2,h3,h4,h5,h6 {
	font-family: helvetica, arial, sans-serif;
	font-weight: normal;
	color: #5a1;
	padding: 0;
	margin: 1.5em 0 .25em 0;
	}
h2 {
	font-size: 1.75em;
	}
h3 {
	font-size: 1.25em;
	padding: 0;
	}
a,a:visited {
	color: #481;
	}
a:hover,a:active {
	color: #261;
	text-decoration: none;
	}
p {
	line-height: 1.5em;
	padding: 0;
	margin: 0 0 .5em 0;
	}
dl, dt, dd {
	margin: .5em;
	padding: 0;
	}

/* =LAYOUT STYLE (typography, color) -----------------------------------------*/

div#wrapper {
	text-align:left;
	}

	div#header {
		margin: 0;
		padding: 10px 0;
		border-bottom: 10px solid #7c1;
		}
		#header h1 {
			margin: 0;
			padding: 0;
			}
		#header h1 a {
			display: block;
			width: 200px;
			height: 66px;
			text-indent: -9999px;
			text-decoration: none;
			border: none;
			background: url(../images/global/header-logo.gif) top left no-repeat;
			}
	
	#content {
		background: transparent url(../images/global/bk-wrapper.gif) top left repeat-y;
		padding-bottom: 20px;
		}

		#content-main h2 {
			margin-top: 20px;
			}
		#content-main ul {
			margin: 0;
			padding: 0;
			}
			#content-main ul li {
				list-style-type: none;
				padding: .5em 0 .5em 20px;
				background: url(../images/global/bullet-leaf.gif) no-repeat 0 .25em;
				line-height: 1.25;
				}
	
		div#sidebar-extra {
			text-align: center;
			}
			#sidebar-extra p {
				text-align: left;
				font-size: .9em;
				line-height: 1.2em;
				color: #6b1;
				padding: 0 20px;
				}
			#sidebar-extra img {
				margin: 1em auto;
				}
			a#buy-button,
			a#coupon-button {
				width:220px;
				height: 24px;
				margin-top: 10px;
				margin-left: 15px;
				margin-bottom: 10px;
				text-indent: -9999px;
				display: block;
				background: url(../images/global/where-to-buy.gif) left top no-repeat; 
				border: 0;
				text-decoration: none;
				}
			a#coupon-button { background-image: url(../images/global/coupon-button.gif); }	
			a#buy-button:hover,
			a#coupon-button:hover {
				background-position: 0 -24px;
				}
			


	div#footer {
		border-top: 1px solid #6b1;
		background: url(../images/global/CPInternational-Logo.gif) no-repeat 0px 5px;
		}
		div#footer p {
			margin: 0;
			padding: 25px 0 3em 130px;
			font-size: .9em;
			color: #999;
			}
		img.certified-bug {	float: right; display: inline; margin-top: 5px;}
		img.csa-bug {	float: right; display: inline; margin-top: 5px;}

/* =NAVIGATION STYLE ---------------------------------------------------------*/

		ul#nav-main {
			margin: 0;
			padding: 0;
			text-transform: uppercase;
			font-size: .8em;
			font-weight: bold;
			letter-spacing: .1em;
			list-style: none;
			border-bottom: 1px solid #6b1;
			background: transparent;
			}
			ul#nav-main li {
				display: inline;
				height: 100%;
				}
			ul#nav-main a {
				display: block;
				height: 100%;
				padding: 8px 10px 4px 10px;
				margin: 0;
				text-decoration: none;
				background: url(../images/global/bk-nav-main.gif)  0 0 no-repeat;
				}
			ul#nav-main li a:hover, ul#nav-main li a:active {
				text-decoration: none;
				background: url(../images/global/bk-nav-main.gif)  0 -100px no-repeat;
				}
				ul#nav-main ul {
					margin: 0;
					padding: 0;
					font-size: 1.2em;
					font-weight: normal;
					letter-spacing: 0;
					text-transform: none;
					list-style: none;
					background: #bd1;
					border: none;
					}
					ul#nav-main ul li {
						margin: 0;
						padding: 0;
						line-height: 1em;
						}
						ul#nav-main ul li a {
							padding: 8px 10px 3px 20px;
							margin: 0;
							background: url(../images/global/bk-nav-main.gif)  0 -100px no-repeat;
							}

			/* =Subnav Expand and Contract ------------------------------------------------------------------------*/
		
			ul#nav-foodtech-sub, ul#nav-consumers-sub, ul#nav-health-sub {
				display: none;
				margin: 0;
				padding: 0;
				}
			body.foodtech ul#nav-foodtech-sub,
			body.consumers ul#nav-consumers-sub, 
			body.health ul#nav-health-sub {
				display: inline;
				line-height: 0px;
				margin: 0;
				padding: 0;
				}
				
	
	/* =Current page nav ------------------------------------------------------------------------*/
			
		/* body id is page, class is section */
			
		/*make active section header menu item background light yellow when there is related sub-nav*/
		body.foodtech li#nav-foodtech a,
		body.consumers li#nav-consumers a, 
		body.health li#nav-health a
			{
			background: url(../images/global/bk-nav-main.gif)  0 -100px no-repeat;
			}
			
		/*make active page menu item background white*/
		body#home li#nav-home a,
		body#tech-intro li#nav-tech-intro a,
		body#market li#nav-market a,
		body#formulations li#nav-formulations a,
		body#qa li#nav-qa a,
		body#rdqa li#nav-rdqa a,
		body#con-intro li#nav-con-intro a,
		body#buy li#nav-buy a,
		body#recipes li#nav-recipes a,
		body.info li#nav-info a,
		body#diet li#nav-diet a,
		body#celiac li#nav-celiac a,
		body.resources li#nav-resources a,
		body.partners li#nav-partners a
		body#faq li#nav-faq a
			{
			background: url(../images/global/bk-nav-main.gif)  0 -200px no-repeat;
			}

		/* =Utility nav ------------------------------------------------------------------------*/

		ul#nav-utility {
			font-size: 1em;
			text-align: right;
			line-height: 2.5em;
			list-style: none;
			}
			ul#nav-utility li {
				list-style-type: none;
				display: inline;
				padding: 0 0 0 1em;
				margin: 0;
				}
			#nav-utility a:link, #nav-utility a:visited {
				padding: .25em;
				text-decoration: none;
				}
			#nav-utility a:hover, #nav-utility a:active {
				padding: .25em;
				}
				
				
	/* =class styles ------------------------------------------------------------------------*/

	h3.byline {
		border-top: 1px solid #6b1;
		font-size: 1em;
		padding: .25em 0 0 0; 
		margin: 0;
		}
	h3.byline .name {
		font-size: 1.25em;
		}
	p.disclaimer {
		padding-top: 2em;
		color: #999;
		font-style: italic;
		clear: both;
		}
	.small {
		font-size: .9em;
		margin: 2em 0 1em 0;
		}
	.sm {
		font-size: .75em;
		padding-bottom: .5em;
		}	

	.nobr {
		white-space: nowrap;
		}

	.img-inset {
		float: right;
		display: inline;
		margin-top: 20px;
		padding: 0 0 10px 10px;
		}
	.img-span {
		margin-top: 20px;
		}
	dl.qa {
		margin-top: 2em;
		}
	dl.qa strong {
		font-weight: bold;
		color: #6b1;
		}
	dl.qa dt {
		color: #5a1;
		}
	dl.qa dd {
		margin-bottom: 1.5em;
		}
	
/* =Page-specificv styles ------------------------------------------------------------------------*/

	body#home {
		background: #fff;
		}
	body#home #content-main h2 {
		margin: 0;
		padding: 0;
		text-indent: -9999px;
		background: transparent url(../images/global/bk-homepage.jpg) 0 20px no-repeat;
		padding-top: 220px;
		}	
	
	
/* =LAYOUT STRUCTURE ---------------------------------------------------------*/


	div#wrapper {
		width: 780px;
		margin: 0 auto;
		}
	div#content-main {
		float: right;
		display: inline;
		width: 500px;
		margin: 0 10px;
		}
	div#sidebar-extra {
		float: left;
		padding-top: 10px;
		width: 250px;
		}
	ul#nav-main {
		padding-top: 20px;
		width: 250px;
		}
	ul#nav-utility {
		width: 780px;
		position: absolute;
		top: 86px;
		padding: 0;
		margin: -2em 0 0 0;
		}
	div#footer {
		clear: both;
		width: 780px;
		}
	hr {
		clear: both;
		margin: 0;
		padding: 0;
		visibility: hidden;
		border: none;
		}
	img.print-only {
		display: none;
		}



/* =Special Notice Box ---------------------------------------------------------*/

.notice { background: #efa; border-top: 1px solid #7c1; border-bottom: 1px solid #7c1; margin: 10px 0; padding: 10px; }