﻿/* CSS Document */
body,td,th {
	color: #333333;
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
body {
	background-color: #FFFFFF;
	text-align:center;
	}
	
p {
	line-height: 15px;
	}
	
li  {
    padding-bottom: 10px;
}
    
	
a:link {
	color: #820000;
	}
	
a:visited {
    color: #666666;
}
	
#container {
	width: 770px;
	background-color:#FFFFFF;
	}

#header {
	width: 770px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align:left;
	}
	
#footer {
	width: 770px;
	padding-top: 20px;
	padding-bottom:10px;
	text-align:center;
	background: url(images/lr_corner.gif) top right no-repeat;
	}
	
#homefooter {
	width: 770px;
	padding-top: 50px;
	padding-bottom:10px;
	text-align:left;
	}
	
.footer_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	padding-left: 5px;
	padding-right: 5px;
	}

.header_links {
	margin-right: 10px;
	margin-left: 10px;
	}
	
a.footer_links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration:underline;
	padding-left: 5px;
	padding-right: 5px;
	}
	
a.leftnavitem_links {
	color: #FFFFFF;
	text-decoration: none;
	}
	
a.leftnavitem_links:visited {
	color: #FFFFFF;
	text-decoration: none;
	}
	
.footer_red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #D24D46;
	padding-left: 2px;
	padding-right: 5px;
	font-weight: bold;
	}
	
.footer_cherries {
	color: #820000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	}
	
.redsubhead {
	color: #c01f25;
	line-height: 13px;
	font-size: 10px;
	font-weight: bold;
	}
	
.headline {
	font-family: Arial, Helvetica, sans-serif;
	color: #c01f25;
	line-height: 20px;
	font-size: 18px;
	}
	
.red {
	color: #c01f25;
	}
	
.sitemapheader {
	color: #333333;
	text-decoration: none;
	}
	
.sitemapitem {
	color: #c01f25;
	text-decoration: none;
	}
	
.navselected {
	color: #EBE8D0;
	}
	
.greysubhead {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 20px;
	font-size: 16px;
	}
		
.searchbox {
	border: #d8d2a1 solid 1px;
	background-color: #FFFFFF;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
	
#content {
	width: 770px;
	}
	
#contentsection {
	text-align: left;
	margin: 5px 10px 12px 0;
	margin-left: 15px;
	vertical-align: top;
	margin-right: 10px;
	}
	
#interiorcontent {
	width: 770px;
	}
	
#leftfeature {
	width: 245px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #666666;
	padding: 5px;
	border: #FFFFFF solid 1px;
	background-color: #d8d2a1;
	vertical-align: top;
	}
	
#featuredRecipe {
	width: 525px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #666666;
	padding: 5px;
	border: #FFFFFF solid 1px;
	background-color: #d8d2a1;
	vertical-align: top;
	}

html>body div#featuredRecipe {
	width: 515px;
}
	
#rightfeature {
	width: 245px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #666666;
	padding: 5px;
	border: #FFFFFF solid 1px;
	background-color: #d8d2a1;
	vertical-align: top;
	float: right;
	}
	
#recipesidebar {
	width: 235px;
	float: right;
	background-color: #d8d2a1;
	color: #666666;
	padding: 5;
	margin-left: 10px;
	margin-bottom: 10px;
	text-align: right;
	}
	
#rightsidebar {
	width: 160px;
	float: right;
	background-color: #CFCAAE;
	color: #666666;
	padding: 5;
	margin-left: 10px;
	margin-bottom: 10px;
	}
	
/*#leftsidebar {
	width: 210px;
	}
	
#leftnav {
	margin: 5px;
	padding: 5px;
	background-color: #a6a28b;
	display: block;
	clear:both;
	}	
	
#leftnavitem {
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	color: #FFFFFF;
	margin-bottom: 5px;
	padding: 5px;
	border: #FFFFFF solid 1px;
	background-color: #a6a28b;
	vertical-align: middle;
	display: block;
	clear: both;
	}*/

#leftsidebar {
	width: 210px;
	background-color: #a6a28b;
	margin: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
    }
	
#leftnav 
{
    width: 200px;
    margin: 5px;
}	
		
#leftnavitem 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	color: #FFFFFF;
	margin-bottom: 5px;
    padding: 5px;
    background-image: url(http://intranet.choosecherries.com/images/nav_border.gif);
    background-repeat: no-repeat;
    background-position:center;
	vertical-align: middle;
	}
	
#leftnavitem2 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	color: #FFFFFF;
	margin-bottom: 5px;
    padding: 5px;
    background-image: url(http://intranet.choosecherries.com/images/nav_border2.gif);
    background-repeat: no-repeat;
    background-position:center;
	vertical-align: middle;
	}
	
#thirdlevelnavitem {
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #FFFFFF;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
	vertical-align: middle;
	}	
	
#listitem {
	width: 500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	line-height: 12px;
	color: #333333;
	margin-top: 5px;
	padding: 5px;
	border: #a6a28b solid 1px;
	background-color: #FFFFFF;
	vertical-align: middle;
	}

#listitem2 {
	width: 350px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	line-height: 12px;
	color: #333333;
	margin-top: 5px;
	padding: 5px;
	border: #a6a28b solid 1px;
	background-color: #FFFFFF;
	vertical-align: middle;
	}
	
#photoitem {
	width: 140px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	line-height: 12px;
	color: #333333;
	margin-top: 5px;
	padding: 5px;
	border: #a6a28b solid 1px;
	background-color: #FFFFFF;
	vertical-align: middle;
	height: 40px;
	}
html>body div#photoitem 
{
    height:50px;
}
#relevantitem {
	width: 140px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	line-height: 12px;
	color: #333333;
	margin-top: 5px;
	padding: 5px;
	border: #a6a28b solid 1px;
	vertical-align: middle;
	height: 40px;
	}
	
#interiorcallout {
	/*width: 95%;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	line-height: 12px;
	color: #333333;
	margin-top: 5px;
	margin-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
	margin-right: 5px;
	border: #a6a28b solid 1px;
	background-color: #FFFFFF;
	vertical-align: middle;
	}
	
.box1 {
	margin-top: 10px;
	border: #a6a28b solid 1px;
	background-color: #FFFFFF;
	width: 185px;
	text-align:left;
	}
	
.box2 {
	margin-left: 7px;
	margin-top: 10px;
	border: #a6a28b solid 1px;
	background-color: #FFFFFF;
	width: 185px;
	text-align:left;
	}
	
.box3 {
	margin-left: 7px;
	margin-top: 10px;
	border: #a6a28b solid 1px;
	background-color: #FFFFFF;
	width: 185px;
	text-align:left;
	}
	
.box4 {
	margin-left: 7px;
	margin-top: 10px;
	border: #a6a28b solid 1px;
	background-color: #FFFFFF;
	width: 185px;
	text-align:left;
	}
	
.callout_text {
	margin: 5px;
	font-family: "Times New Roman", Times, serif;
	font-size: 9pt;
	color: #333333;
	text-align:left;
	padding: 5px;
	}
	
.header_img {
	padding-left:15px;
	}
	
.nav2_go {
	padding-left: 3px;
	}

table.searchtable 
{
    width:675px;
    margin-bottom:20px;
}

html>body table.searchtable 
{
    width:675px;
}

table.searchtable td 
{
    padding:5px 0;
}

table.searchtable td.categorycheck 
{
    width:25px;
    padding-left:10px;
}

table.searchtable td.categoryimg 
{
    width:50px;
}

table.searchtable td.categorydesc 
{
    padding-left:10px;
    font-weight:bold;
}

.searchbyname
{
    float:left;
    width:325px;
}

.searchbyname p 
{
    padding-top:6px;
}

html>body div.searchbyname p 
{
    padding-top:0;
}

.processorsearchlist
{
    width:250px;
    font-size:12px;
    font-family:Arial,Helvetica,Sans-serif;
    color:#333333;
}
.gvOuter 
{
    border-left:solid 1px #d8d2a1;
    border-top:solid 1px #d8d2a1;
}

.gvText
{
    border:solid 1px #d8d2a1;
}

td.gvText table tr td { vertical-align:top;}

.resulthead_company
{
    background-color: #c01f25;
    text-align:center;
    height:65px;
    border-right:solid 1px #d8d2a1;
    border-bottom:solid 1px #d8d2a1;
}

.resulthead_contact
{
    background: #c01f25 url(../images/columnhead_contact.gif) no-repeat middle center;
    margin-bottom:3px;
    font-size:0px;
    text-indent:-10000px;
    height:65px;
    border-right:solid 1px #d8d2a1;
    border-bottom:solid 1px #d8d2a1;
}

.resulthead_phone
{
    background: #c01f25 url(../images/columnhead_phone.gif) no-repeat middle center;
    margin-bottom:3px;
    font-size:0px;
    text-indent:-10000px;
    height:65px;
    border-right:solid 1px #d8d2a1;
    border-bottom:solid 1px #d8d2a1;
}

.resulthead_canned
{
    /*background: #c01f25 url(../images/columnhead_canned.gif) no-repeat bottom center;
    margin-bottom:3px;
    font-size:0px;
    text-indent:-10000px;*/
    background-color:#c01f25;
    width:29px;
    height:65px;
    border:solid 1px #d8d2a1;
    vertical-align:bottom;
}

.resulthead_dried
{
   /* background: #c01f25 url(../images/columnhead_dried.gif) no-repeat bottom center;
    margin-bottom:3px;
    font-size:0px;
    text-indent:-10000px;*/
    background-color:#c01f25;
    width:29px;
    height:65px;
    border:solid 1px #d8d2a1;
    vertical-align:bottom;
}

.resulthead_filling
{
    /*background: #c01f25 url(../images/columnhead_filling.gif) no-repeat bottom center;
    margin-bottom:3px;
    font-size:0px;
    text-indent:-10000px;*/
    background-color:#c01f25;
     width:29px;
   height:65px;
    border:solid 1px #d8d2a1;
    vertical-align:bottom;
}

.resulthead_juice
{
    /*background: #c01f25 url(../images/columnhead_juice.gif) no-repeat bottom center;
    margin-bottom:3px;
    font-size:0px;
    text-indent:-10000px;*/
    background-color:#c01f25;
      width:29px;
  height:65px;
    border:solid 1px #d8d2a1;
    vertical-align:bottom;
}

.resulthead_puree
{
    /*background: #c01f25 url(../images/columnhead_puree.gif) no-repeat bottom center;
    margin-bottom:3px;
    font-size:0px;
    text-indent:-10000px;*/
    background-color:#c01f25;
     width:29px;
   height:65px;
    border:solid 1px #d8d2a1;
    vertical-align:bottom;
}

.resulthead_specialty
{
    /*background: #c01f25 url(../images/columnhead_specialty.gif) no-repeat bottom center;
    margin-bottom:3px;
    font-size:0px;
    text-indent:-10000px;*/
    background-color:#c01f25;
    height:65px;
    border:solid 1px #d8d2a1;
    vertical-align:bottom;
}

.resulthead_supplements
{
    /*background: url(../images/columnhead_supplements.gif) no-repeat bottom center;
    margin-bottom:3px;
    font-size:0px;
    text-indent:-10000px;*/
    background-color:#c01f25;
    width:29px;
    height:65px;
    border:solid 1px #d8d2a1;
    vertical-align:bottom;
}

.resulthead_sweetfrozen
{
    /*background: #c01f25 url(../images/columnhead_sweetfrozen.gif) no-repeat bottom center;
    margin-bottom:3px;
    font-size:0px;
    text-indent:-10000px;*/
    background-color:#c01f25;
     width:29px;
   height:65px;
    border:solid 1px #d8d2a1;
    vertical-align:bottom;
}

.resulthead_unsweetfrozen
{
    /*background: #c01f25 url(../images/columnhead_unsweetfrozen.gif) no-repeat bottom center;
    margin-bottom:3px;
    font-size:0px;
    text-indent:-10000px;*/
    background-color:#c01f25;
     width:29px;
   height:65px;
    border:solid 1px #d8d2a1;
    vertical-align:bottom;
}

.resulthead_blockfrozen
{
    background-color:#c01f25;
     width:29px;
   height:65px;
    border:solid 1px #d8d2a1;
    vertical-align:bottom;
}

/* SMART SWAP STYLES */

table#swaptable 
{
    margin:-12px 0 0 -4px;
    padding:0;
}

.swappic img
{
    opacity: .25;
    filter:alpha(opacity=25);
}

.swappic:hover img
{
    opacity: 1;
    filter:alpha(opacity=100);
}

#cta_body 
{
    float:right;
    margin-left:10px;
    border-left: solid 1px #a6a28b;
}

#cta_sidebar 
{
    display:none;
}

.cta 
{
    width:207px;
    height:115px;
    background: url(images/cta_giftcard.gif) top left no-repeat;
    margin-bottom:10px;
}

.cta a span.contestcopy
{
    font-size: 1px;
    text-indent:-10000px;
    display:block;
    width:207px;
    height:115px;
}

/* LUNCH BOX TIPS STYLES */

#slideshow 
{
    width: 210px;
    height: 150px;
    margin: 5px;
    position:relative;
    overflow:hidden;
}

#lbt_back, #lbt_front 
{
    background-color: #cfcaae;
    border: solid 1px #ffffff;
    padding:8px;
    height: 135px;
}

html>body #lbt_back 
{
    height:119px;
}

html>body #lbt_front 
{
    height:119px;
}

#lbt_back p.greysubhead, #lbt_front  p.greysubhead 
{
    margin:0;
    padding:0;
}


#lbt_back img, #lbt_front img
{
    float: right;
    border: solid 1px #ffffff;
    margin:0 0 4px 4px;
}

/* EAT RED TIPS STYLES */

#slideshow2
{
    width: 210px;
    height: 225px;
    margin: 5px;
    position:relative;
    overflow:hidden;
}

#ert_back, #ert_front 
{
    background-color: #cfcaae;
    border: solid 1px #ffffff;
    padding:8px;
    height: 195px;
    width: 210px;
}

html>body #ert_back 
{
    height:179px;
    width: 190px;
}

html>body #ert_front 
{
    height:179px;
    width: 190px;
}

#ert_back p.greysubhead, #ert_front  p.headline 
{
    margin:0;
    padding:0;
}


#ert_back img, #ert_front img
{
    float: left;
    margin:0 10px 0 4px;
}


/* FLOATING FORM BOX STYLES */

#screenBox {
	display:none;
	background-color:#c01f25;
	opacity: .6;
	filter: alpha(opacity = 60);
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index: 1;
}

#popbox1, #popbox2 
{
    position:absolute;
    z-index:2;
    display:none;
    padding:none;
}

.popbox_top
{
    background: transparent top left no-repeat url(images/popbox_top.png);
    width: 339px;
    padding: 10px 20px;
    text-align:left;
}

html>body div.popbox_top 
{
    width:299px;
}

#popbox1 .popbox_top
{
    background-image:url(images/popbox_top_1.png);
}

#popbox1 .popbox_bottom
{
    background-image:url(images/popbox_bottom_1.png);  
}

.popbox_bottom {
    background: transparent top left no-repeat url(images/popbox_bottom.png);
    width: 339px;
    height:13px;
}


.formbox 
{
    top:250px;
    background-color:#cfcaae;
    padding:10px;
    width:350px;
    display:none;
    position:absolute;
    z-index:2;
}

.formbox table tbody tr td
{
    color: #c01f25;
    font-weight:bold;
    font-size:12px;
}

.formbox table tbody tr td input
{
    border: solid 1px #c01f25;
}


.formbox img 
{
    border:solid 1px #78503C;
    float:left;
    margin-right:10px;
}

.closelink 
{
    float:right;
}

.featuredRecipeImage {
	border:1px #000000 solid;
	height:225px;
	width:225px;
}

/* NEW NAVIGATION */

#newnav {
    width:620px; height: 20px;
    background:transparent url(../images/cp_menus.gif) no-repeat;
    margin:0;
	padding: 0;
    position: relative;
	right:0px;
}

#newnav li {
    margin: 0; 
	padding: 0; 
	list-style: none;
    position: absolute;
	top: 0;
}

#newnav li, #newnav a {
	text-align:left;
    height: 20px; 
	display: block;
	text-indent: -10000px;
}

#ourad {left: 0px; width: 70px;}
#processordirectory {left: 70px; width: 180px;}
#fastfacts {left: 259px; width: 105px;}
#forthetrade {left: 370px; width: 125px;}
#contactus {left: 503px; width: 110px;}

#ourad a:hover, #processordirectory a:hover, #fastfacts a:hover, #forthetrade a:hover, #contactus a:hover {background: transparent url(../images/cp_menus.gif) no-repeat;}

#ourad a:hover {background-position: 0px -20px;}
#processordirectory a:hover {background-position: -70px -20px;}
#fastfacts a:hover {background-position: -259px -20px;}
#forthetrade a:hover {background-position: -370px -20px;}
#contactus a:hover {background-position: -503px -20px;}
