/* ------------------------------
		COLORS 
Red			-	#FF1300
Dark Red	-	#B70005
Orange		-	#FE8C12
Text Orange	-	#E26E05
Purple		-	#51004F
Content BG	-	#FEE8C7
------------------------------ */


/* Default
-------------------------------------------------- */
/* Reset all margins and padding */
* { margin:0; padding:0; border:0; }

body,td,th {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size:13px;
	color: #333333;
}
body { margin-bottom:25px; background:#FF1300 url(styles-img/bg-fade.gif) repeat-x; }

a:link { color:#B70005; text-decoration:none; }
a:visited { color:#FF1300; text-decoration:none; }
a:hover, a:active { color:#FF0000; text-decoration:underline; }

ul { list-style-type:none; }

h1,h2,h3,h4,h5,h6 { font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, sans-serif; }

#container { width:840px; margin:0 auto; }


/* Header
-------------------------------------------------- */
#header { 
	position:relative;
	text-align:center;
	}
#header #ctfa { 
	position:absolute;
	top:28px;
	right:700px;
	}
#header #ppn { 
	position:absolute;
	top:38px; right:50px;
	}
#header #back2ctfa { 
	position:absolute;
	top:5px;
	right:635px;
	}
#secondary-nav {
	position:absolute;
	top:0; right:0;
	font-size:11px;
	background:#860001 url(styles-img/bg-secondarynav-first.gif) bottom left no-repeat;
	}
#secondary-nav ul { 
	padding:2px 12px 4px 12px; 
	background:url(styles-img/bg-secondarynav-last.gif) bottom right no-repeat; 
	}
#secondary-nav li { display:inline; padding:0 5px; }
#secondary-nav li#first { padding-left:12px;  }

#secondary-nav a:link, #secondary-nav a:visited { color:#FFFFFF; }
#secondary-nav a:hover { color:#FF0000; text-decoration:none; }


/* Main Navigation
-------------------------------------------------- */
#main-nav { 
	height:55px;
	padding:0 20px;
	text-align:center;
	background:url(/csppn/styles-img/bg-mainnav.gif) no-repeat;
	}
#main-nav li { float:left; }
#main-nav li a { 
	float:left; 
	height:55px;
	text-indent:-99999px; 
	}
#main-nav #stonefruit a { 
	width:97px; 
	background:url(/csppn/styles-img/main-nav/stonefruit.gif) left top no-repeat; 
	}
#main-nav #seasonal-activity a {
	width:87px; 
	background:url(/csppn/styles-img/main-nav/seasonal-activity.gif) left top no-repeat; 
	}
#main-nav #after-harvest a { 
	width:80px; 
	background:url(/csppn/styles-img/main-nav/after-harvest.gif) left top no-repeat; 
	}
#main-nav #handling a { 
	width:100px;
	background:url(/csppn/styles-img/main-nav/handling.gif) left top no-repeat; 
	}
#main-nav #recommendations a { 
	width:147px;
	background:url(/csppn/styles-img/main-nav/recommendations.gif) left top no-repeat; 
	}
#main-nav #insights a { 
	width:124px;
	background:url(/csppn/styles-img/main-nav/insights.gif) left top no-repeat; 
	}
#main-nav #glossary a { 
	width:86px;
	background:url(/csppn/styles-img/main-nav/glossary.gif) left top no-repeat; 
	}
#main-nav #quiz a { 
	width:79px;
	background:url(/csppn/styles-img/main-nav/quiz.gif) left top no-repeat; 
	}

/* main-nav rollovers */
#main-nav #stonefruit a:hover,
#main-nav #seasonal-activity a:hover,
#main-nav #after-harvest a:hover,
#main-nav #handling a:hover,
#main-nav #recommendations a:hover,
#main-nav #insights a:hover,
#main-nav #glossary a:hover,
#main-nav #quiz a:hover  { background-position:left center; }

/* main-nav current state */
#main-nav #stonefruit a.current,
#main-nav #seasonal-activity a.current,
#main-nav #after-harvest a.current,
#main-nav #handling a.current,
#main-nav #recommendations a.current,
#main-nav #insights a.current,
#main-nav #glossary a.current,
#main-nav #quiz a.current { background-position:left bottom; }


/* Sub Navigation
-------------------------------------------------- */
#subnav {
	width:820px;
	margin:0 auto;
	font-size:12px;
	background:#B70005 url(styles-img/bg-subnav-top.gif) top no-repeat;
	}
#subnav div { 
	padding:4px; 
	background:url(styles-img/bg-subnav-btm.gif) bottom no-repeat;
	}
#subnav td { text-align:center; }

#subnav a:link, #subnav a:visited { color:#FE8C12; text-decoration:none; }
#subnav a:hover, #subnav a:active { color:#FDC67B; text-decoration:none; }
#subnav a.current { color:#FFFFFF; text-decoration:none; }

/* Page Content
-------------------------------------------------- */
#content-bg {
	width:830px;
	padding-bottom:80px;
	border-left:#FFFFFF solid 5px;
	border-right:#FFFFFF solid 5px;
	background:#FEE8C7 url(styles-img/footerImg-ppnfamily.jpg) bottom no-repeat;
	}
#content {
	width:730px;
	margin:0 auto;
	padding:40px 0;
	font-size:13px;
	line-height:17px;
	}
#content h1 { 
	color:#FF1300;
	font-size:18px;
	}
#content h2 { 
	color:#FF1300;
	font-size:16px;
	margin-top:20px;
	}
#content h3 { 
	color:#E26E05; 
	font-size:15px;
	margin-top:12px;
	}
#content h4 { 
	color:#E26E05; 
	font-size:14px;
	}
#content p { margin:8px 0; }
#content ul { 
	margin:0 25px;
	list-style-type:circle;
	} 
#content ol { 
	margin-left:25px;
	list-style-type: decimal;
	} 
#content li { 
	margin:4px 0;
	line-height:16px;
	}

#content .column1-2, #content .column2-2 { width:350px; }
#content .column1-2 { float:left; }
#content .column2-2 { float:right; }

#content .column3up { 
	float:left;
	width:230px;
	margin-right:20px;
	}
#content .last {
	margin-right:0;
	} 

dt { 
	color:#E26E05; 
	font-size:13px;
	font-weight:bold;
	margin-top:8px;
	}
dd { padding:2px 8px; }

strong { color:#000000; }

blockquote {
	border:#666666 solid 1px;
	padding:8px;
	margin:5px 10px;
	color:#666666;
	}
.clear { clear:both; }

.emphasis { 
	font-size:15px; 
	line-height:18px;
	color:#51004F;
	}

.imgRight { float:right; margin:8px 0 10px 20px; }
.imgLeft { float:left; margin:8px 20px 10px 0; }
.imgInline { margin:10px 0 0 0; }

/* Callouts */
#content .calloutLeft { 
	float:left;
	margin:8px 20px 10px -25px;
	_margin:8px 20px 10px 0; /* IE Fix */
	}
#content .calloutRight { 
	float:right;
	margin:5px -25px 10px 15px;
	_margin:5px 0 10px 15px; /* IE Fix */
	}
#content .calloutLeft, #content .calloutRight { 
	width:250px;
	background:#B70005 url(styles-img/callout-top.gif) top no-repeat;
	}
#content .calloutLeft h4, #content .calloutRight h4 {
	color:#FFFFFF;
	font-size:15px;
	line-height:19px;
	letter-spacing:.02em;
	font-weight:normal;
	padding:12px 15px 15px 15px;
	background:url(styles-img/callout-btm.gif) bottom no-repeat;
	}
#content .calloutRight a { color:#FFAB16; }

#content .calloutWide { 
	text-align:center;
	background:#B70005 url(styles-img/calloutWideRed-top.gif) top no-repeat; 
	}
#content .calloutWide h4 {
	color:#FFFFFF;
	padding:15px;
	background:url(styles-img/calloutWideRed-btm.gif) bottom no-repeat;
	}
	

/* Tables */
.tables {
	border-left:#F0F4F7 solid 1px;
	border-bottom:#F0F4F7 solid 1px;
	border-collapse:collapse;
	margin:8px 0 3px 0;
	}
.tables th {
	font-size:11px;
	color:#FFFFFF;
	text-transform:uppercase;
	padding:3px;
	background:url(styles-img/bg-th.gif) repeat-x top;
	border:1px solid #FF1300; 
	}
.tables td {
	padding:1px 3px;
	font-size:12px;
	text-align:center;
	border:1px solid #fbc58c;
	}
	


/* Key Consumer Insights */	
#content-bg2 {
	width:830px;
	border-left:#FFFFFF solid 5px;
	border-right:#FFFFFF solid 5px;
	background:#FEE8C7;
	}
	
#kcf-nav {
	margin:0 auto;
	padding:35px 0 0 50px;
	font-size:18px;
	line-height:36px;
	font-weight:bold;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	}
#kcf-nav li {
	float:left;
	margin:0 10px;
	list-style-type:none;
	}
#kcf-nav li a {
	color:#FE8C12;
	text-decoration:none;
	display:block;
	width:30px;
	height:23px;
	float:left;
	padding-top:7px;
	background:url(styles-img/bg-kcfnav.gif) top center no-repeat;
	}
#kcf-nav li a:hover, #kcf-nav li a.current {
	color:#FFFFFF;
	text-decoration:none;
	}

#finding, #opportunity {
	padding:40px 50px; 
	font-size:15px;
	line-height:19px; 
	}
	
#finding p, #opportunity p { margin:8px 0; }

#finding { background:#FFDC66; }
#opportunity { 
	color:#F2D0C1;
	padding-top:60px;
	padding-bottom:60px;
	background:#B70005 url(styles-img/bg-opportunity.gif) top no-repeat; 
	}
#finding strong { color:#000000;	}
#opportunity strong { color:#FFFFFF;	}

#finding h2, #opportunity h2 {
	font-size:20px;
	margin:0 0 10px 0;
	text-align:center;
	}
#finding h2 { color:#B70005; }
#opportunity h2 { color:#FFDC66; }


/* Quiz
-------------------------------------------------- */
.question {
	width:600px;
	padding:10px 0;
	margin:15px auto;
	border-top:#FED193 solid 2px;
	}
.question > p {
	color:#E26E05; 
	font:16px/19px "Trebuchet MS" !important;
	margin-bottom:15px !important;
	}
.question ul {
	list-style-type:none !important;
	}
.question li {
	font-size:14px;
	margin:5px 0;
	padding-left:20px;
	}
.question li.right {
	color:#005837;
	background:url(styles-img/quiz-right.gif) left top no-repeat;
	}
.question li.wrong {
	color:#FF1300;
	background:url(styles-img/quiz-wrong.gif) left top no-repeat;
	}
.answer {
	margin-top:20px;
	background:#FED193 url(styles-img/quiz-answer-top.gif) top no-repeat;
	}
.answer div {
	padding:15px 20px;
	background:url(styles-img/quiz-answer-btm.gif) bottom no-repeat;
	}
.answer h4 {
	font-size:14px;
	color:#005837;
	margin-bottom:5px;
	}
.answer p {
	margin:0;
	color:#1E1E1E;
	font-size:12px;
	line-height:15px;
	}

	
/* Quiz Login
-------------------------------------------------- */
#formLogin {
	margin-top:8px;
	background:#B70004 url(styles-img/login-top.gif) top no-repeat;
	}
#formLogin fieldset {
	padding:40px;
	color:#FFFFFF;
	text-align:center;
	background:url(styles-img/login-btm.gif) bottom no-repeat;
	}
#formLogin input.textfield {
	width:200px;
	margin:2px;
	padding:3px;
	font-size:16px;
	text-align:center;
	color:#333333;
	background-color:#FEEED5;
	border:#FF0000 solid 2px;
	font-family:"Lucida Grande", sans-serif;
	}
#formLogin #Submit { margin-top:10px; }

/* Register Form */
#myForm input#x, #myForm select {
	color:#333333;
	padding:1px 2px;
	border:#FE8C12 solid 1px;
	font-family:"Lucida Grande", sans-serif;
	}
#myForm td { text-align:left; }




/* Steps Navigation Footer
-------------------------------------------------- */
#steps-nav {
	position:relative;
	height:3em;
	font:14px bold "Trebuchet MS";
	background:url(/csppn/styles-img/bg-stepsnav.gif) bottom no-repeat;
	}
#steps-nav a:link, #steps-nav a:visited { color:#FFFFFF; }
#steps-nav a:hover, #steps-nav a:active { color:#B70009; text-decoration:none; }
#steps-nav #prev {
	position:absolute;
	left:20px; top:10px;
	}
#steps-nav #next {
	position:absolute;
	right:20px; top:10px;
	}
#steps-nav #prev a:link, #steps-nav #prev a:visited {
	padding-left:42px;
	background:url(styles-img/prev-1.gif) left no-repeat;
	}
#steps-nav #prev a:hover, #steps-nav #prev a:active {
	background:url(styles-img/prev-2.gif) left no-repeat;
	}
#steps-nav #next a:link, #steps-nav #next a:visited {
	padding-right:42px;
	background:url(styles-img/next-1.gif) right no-repeat;
	}
#steps-nav #next a:hover, #steps-nav #next a:active {
	background:url(styles-img/next-2.gif) right no-repeat;
	}