@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, span,
b, u, i, center,
dl, dt, dd, ol, ul, li,
caption, tbody, tfoot, thead{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

html, body { 
width:100%; height: 100%; min-height: 100%;
background-position: top center;background-repeat:no-repeat !important;

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(251,251,251,1) 0%, rgba(226,226,226,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,251,251,1)), color-stop(100%,rgba(226,226,226,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(226,226,226,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(226,226,226,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(226,226,226,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(226,226,226,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-8 */

background-color: #e2e2e2; 

}
a {text-decoration: none}

div {width:100%; text-align: left; position:relative; float:left; }
h1#logo {font: 46px/30px Bebas, Arial, sans-serif; color:#4d4d4d;}
h1 > span.section { color: #ababab;}
h3 {font: 18px/22px Bebas, Arial, sans-serif; color:#4d4d4d;}
p { font: 12px/16px Arial, Helvetica, sans-serif; color: #4c4c4c; margin: 10px 20px;}
li { font: 12px/16px Arial, Helvetica, sans-serif; color: #4c4c4c; margin: 10px 35px;}
span {font-size: inherit}
#wrapper { width:100%; height:100%; text-align:center;margin: 20px 0 0 0; left:0 }

#shrunkenHeads h1 {font: 24px/30px Bebas, Arial, sans-serif; color:#4d4d4d;margin: 13px 20px 0 20px;}
#shrunkenHeads h3 {font-size: 20px; margin: 13px 20px .5em 20px;}
#shrunkenHeads ol {font: 16px/30px Arial, Helvetica, sans-serif; margin: 0 40px; color:#4d4d4d;}
#shrunkenHeads ol li {margin: 8px 0;}


/*************************************************************************************************************************************************** Select Fruit Page */

div#pickFruit { background-color:#FFF; height: 48px; border: 1px solid #ddd; border-left: none; border-right: none; margin: 10px 0 0 0;}
div#pickFruit h2 {font: 30px/52px Bebas, Arial, sans-serif; color:#333; font-weight: normal; margin: 0 0 0 20px}

.fruit, .recipeList {height:120px; background-image:url(../images/fruitDivider.gif); background-repeat: repeat-x;cursor: pointer;}
.fruit table {height: 120px; width:100%;}
.fruit table tr td, .pageNav table tr td {vertical-align: middle}

/*********************************************************************************************************************************************************** Navigation */

div#nav {text-align:center;}
div#nav ul li {width:100%;background-color:#FFF; padding: 10px 0; border: 1px solid #ddd; border-left: none; border-right: none; margin: 8px 0;}
div#nav ul li a {display: block; width: 100%; ; font: 22px/30px Bebas, Arial, sans-serif; color:#333;}

div.changeFruit {position:relative; float: right; height:43px; background-color: #FFF; text-align:left; border: 1px solid #ddd;border-right: none; cursor: pointer; padding-left:10px}
div.changeFruit a {display:block; width:100%; height:100%;font: 22px/48px Bebas, Arial, sans-serif; color:#333;}

div.goBack {position:relative; float: right; display:block; height:43px; background-color: #FFF; text-align:right; width:100%;border: 1px solid #ddd;border-left: none; cursor: pointer}
div.goBack a {display: block; height: 100%;font: 22px/48px Bebas, Arial, sans-serif; color:#333; margin-right: 10px;}

div.search { height:43px; background-color: #FFF; text-align:center; width:100%;border: 1px solid #ddd;cursor: pointer}
div.search a {display:block;width: 100%; height: 100%;}
.pageNav table {height: 70px; width:100%;}


/*********************************************************************************************************************************************************** Footer */

div#footer {margin-top:20px}
div#footer a {margin-right: 10px; color: #000; text-decoration:underline;}

/*********************************************************************************************************************************************************** Recipe List */

.recipeList {height:120px; background-image:url(../images/fruitDivider.gif); background-repeat: repeat-x;cursor: pointer;}
.recipeList img { border: 1px solid #ccc; margin-left: 15px;}
p.recipeTitle {font: 22px/22px Bebas, Arial, sans-serif; color:#333; font-weight: normal; padding-right: 15px; }

/*********************************************************************************************************************************************************** Recipe */


.recipeHead img { border: 1px solid #ccc; margin-left: 15px;}
.recipeHead p {font: 16px/20px Arial, Arial, Helvetica, sans-serif;}
p.recipeHeadTitle {font: 25px/22px Bebas, Arial, sans-serif; color:#333; font-weight: normal; padding-right: 15px; }
p.recipeHeadDesc {font: 16px/22px Arial, Arial, Helvetica, sans-serif;}

/*********************************************************************************************************************************************************** Accordian */


div#accNav {text-align:center;}

#accNav p {font: 16px/25px Arial, Arial, Helvetica, sans-serif;}
#acc {list-style:none;}

#acc h3 {font-size: 25px;position:relative;float:left;border: 1px solid #ddd; border-left: none;background-color:#FFF;display:block; width:100%; cursor: pointer;padding:15px 0 13px 0;margin: 3px 0; }
ul#acc li { margin: 10px 0;}
ul#acc li div ul { margin: 0 20px; font-family: Arial, Helvetica, sans-serif;}
#acc .acc-section {overflow:hidden;}

#acc table {font: 13px/22px Arial, Helvetica, sans-serif; margin: 10px 0;width: 100%;}
#acc table tr td { padding:0;}
.rowColor {background-color:#cdcbcb}

div#accNav ul#acc li div h3 {font-size: 20px;position:relative;float:left;border: none; background:none;display:block; width:100%; cursor: default; margin: 0 20px;}
div#accNav ul#acc li div a {font-size: 22px;}
.noSpace {margin-top:0; margin-bottom:0;}

.divided {background-image:url(../images/fruitDivider.gif); background-repeat: repeat-x; background-position: left bottom;}