/* CSS Document */

html, body {height: 100%;}
p {font-size:77%;line-height:2em;font-family:Verdana, Arial, Helvetica, sans-serif;margin:0;padding-bottom:1em;}
h1,h2,h3{font-family:Arial, Helvetica, sans-serif;color:#f93;}
h1,h2 {font-size:138.5%;font-weight:bold;}
h3 {margin:0 0 2% 0;font-size:108%;font-weight:bold;}
h4 {margin:2% 0 2% 0;font-size:93%;font-weight:bold;color:#89af3e;font-family:Arial, Helvetica, sans-serif;}
h5 {margin:2% 0 1% 0;font-size:69%;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;}
h6 {font-size:69%;line-height:1.5em;font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;margin:0;padding-bottom:1em;color: #005daa}
strong{font-weight:bold;}
em{font-style:italic;}
a {font-weight:bold;text-decoration:none;}
a:link {color: #005daa;}
a:visited {color: #005daa;}
a:hover {color: #89af3e;}
a:active {color: #89af3e;}

.border-top{padding-top:1em;border-top:1px dotted #ccf;width:95%;}
.imgborder{border: 1px solid #ddd;}
.lilspace{display:block;height:1em;width:100%;}

/* Special Text */
.year{font-size:200%; color: #33CC00;}
.history{margin-left:8em; margin-top:-7.25em; margin-bottom:0;}
.nomargin{margin:0;}
.comments{clear:both;border-top:2px dotted #009900; padding: .5em 1em; margin:0 .5em;}
.question{margin-left:80px; margin-top:-1.75em; margin-bottom:0;}
.answer{margin-left:80px; margin-bottom:0; border-left:1px solid #ddd;padding-left:.5em;}
.bar{background-color:#f4e7f2;line-height:1em;margin:0;padding:.5em;}

/* Normal Lists & Blockquotes */
blockquote {margin: -.5em 3em 0 3em;}
ul,ol,dl{margin:0 1em;}
ol,dl{margin-left:2em;}
ol li {list-style: decimal outside;}
/* ul li{list-style: disc outside;} */
ol{font: italic 1em Georgia, Times, serif;color: #009bb5;}
ol p{font: normal 69% Verdana, Arial, Helvetica, sans-serif;line-height:2em;margin:0;padding-bottom:1em;color:black;}
ul p{font: normal 69% Verdana, Arial, Helvetica, sans-serif;line-height:2em;color:black;}

/* Logo Placement */
#logoprint {display:none;}
#logoplacement{position:fixed;top:0px;left:50%;margin-left:200px;}
.logo {margin:0; padding:0;position:relative;width:180px;height:112px;overflow:hidden;}
.logo h1{display:block;width:180px;height:112px;}
.logo span {display:block;position:absolute; top:0; left:0; z-index:1;width:180px;height:112px;margin:0;padding:0;background: url(../images/logo-wholly-wholesome-s.png) top left no-repeat;}

/* Page Structure */
#wrapper{width:760px;margin:0 auto;}
#content {width: 580px;position:absolute;left:50%;margin-left:-380px;min-height:100%;}
#navcontainer {width:180px;position:fixed;top:112px;left:50%;margin-left:200px;background-color:white;min-height:100%;}
.pagehead{background-color:#fff;}
.pagehead img{margin:-2% 10px;position:relative;}
.content-area{background-color:white;margin-left:20px;margin-right:20px;}
.productimage{margin-left:-10px;}
.footer img{margin:0 10px -10px 10px;}
.footer {font-size: 69%;}
.textarea{margin:0 10px;width:380px;float:left;} /* For pages with Varieties column */
.textarea-wide{margin:0 10px;width:520px;float:left;}
.categories {width:125px;text-align:center;font-size:69%;font-family:Verdana, Arial, Helvetica, sans-serif;margin:0;padding-bottom:.5em;font-style:italic;}
.varieties {width:125px;float:left;}
.varieties h4{text-align:center;}
.varieties p{margin: 0 0 5px 0; padding: 5px 0;}
.clearfloat{clear:both;height:1px;}
.center{text-align:center;}
.center img{padding-top: 1em;}
.//center p{font-size:100%;}
.searchbox {display:block;width:160px;margin:0 auto 3px auto;}
.searchbox input, textarea {font-family:verdana;font-size:9px;color:#005daa;}
.spacer{margin-bottom:1em;}

/* Image Positions */
.imgright{float:right;margin-left:1em;}
.imgrightpr{float:right;margin-left:1em;margin-top:.5em;}
.imgrightflush{float:right;margin-left:1em;margin-right:-10px;}
.imgleft{float:left;margin-right:1em;margin-left:-10px;}
.imgleftmargin{float:left;margin-right:1em;}
.imgleftfull{float:left;margin-right:0;margin-left:-10px;margin-bottom:10px;}
.dot{margin:0;}
.icon16{margin-bottom:-4px;margin-right:5px;}

/* Image captions */
div.imgright div {font-size:69%;font-family:Verdana, Arial, Helvetica, sans-serif;font-style:italic;color:#999;margin:0;padding-bottom:1em;}

/* Floating/Positioned DIV Positions */
#prinfo{width:180px;position:fixed;left:50%;margin-left:210px;top:350px;z-index:2000;}

/*  Content Image Backgrounds  */
.bg-pie {background: white url(../images/product-pie-background.jpg) no-repeat right;}
.bg-cookie {background: white url(../images/product-cookie-background.jpg) no-repeat right;}


/* "Baked Goods Without" List Styels */
.bgw ul{margin-left:10px;padding-left:0;list-style:none;}
.bgw li{padding-left: 20px;background-image: url(/images/no-compromise-bullet.gif);background-repeat: no-repeat;background-position: 0 .25em;}

/* Cookie Bullet List Styels 
.cookielist, .cookielist li ul {margin-left:10px;padding-left:0;list-style:none;}
.cookielist li{padding-left: 20px;background-image: url(/images/bullet-cookie.png);background-repeat: no-repeat;background-position: 0 .25em;}

*/
.cakelistheight{height:150px;margin-top:10px;}







.cookielist{
margin-left: 10px;
padding-left: 0px;
list-style:none;}

.cookielist li
{
padding-left: 20px;
background-image: url(/images/bullet-cookie.png);
background-repeat: no-repeat;
background-position: 0 .25em;
}

.cookielist ul {list-style:none;}

ul li {
list-style:none;
font-weight: bold;
}

ul li a{
font-weight: bold;
text-decoration:none;
}

ul li a:hover{
text-decoration: underline;
}








/*  Consumer Testimonials Styles  */
.testimonial{margin:20px 20px 30px 20px;padding:20px;background:#fff;border:1px solid #fc9;}
.testimonial h4{font-style:italic;font-size:138.5%;color:#ff8c00;text-align:right;margin-top:-35px;}
.testimonial span{background:#fff;padding:5px;}
.testimonial p{font-style:italic;color:#003366;}
a.testimonialhead {color:#f93;}
p.testimonialdate {color:#ff8c00;margin-bottom:-40px;margin-left:-5px;}

/*  3-Column and 2-column (2/3 width)  */
#three-cols{width:520px;}
#three-cols2{width:520px;}
#col1{width:32%;float:left;padding:5px 0 5px 5px;}
#col2{width:32%;float:left;padding:5px;background-color:#f4eafc;}
#col2b{width: 35%;float:left;padding:5px;} /* use this if you want 3rd column empty */
#col3{width:32%;float:left;padding:5px 0 5px 5px;}

/* 3-Columns Pixel Perfect! Used for product category entry pages like cakes.php */
#col1pp{width:170px;float:left;margin-right:5px;}
#col2pp{width:170px;float:left;margin:0;}
#col3pp{width:170px;float:left;margin-left:5px;}
#col1ppb{width:170px;float:left;margin-right:5px;}
#col2ppb{width:170px;float:left;margin:0;}
#col3ppb{width:170px;float:left;margin-left:5px;}
#three-cols img{margin:10px 0;}

/* 2-Column (Full Width) */
.column1{float:left;width:285px;}
.column2{float:right;width:210px;padding-left:10px;border-left:1px solid #eee;}

.column1half{float:left;width:240px;}
.column2half{float:right;width:240px;padding-left:10px;border-left:1px solid #eee;}

/*  2-Column Pixel Perfect for product category entry pages like wwcookies.php - uses same overall width as #three-cols  */
#col1pp2{width:258px;float:left;margin-right:5px;}
#col2pp2{width:257px;float:left;margin:0;}

/* Email Sign-up Link */
#emaillist{padding-top:5px; margin-right:20px; font: bold 69% Verdana, Arial, Helvetica, sans-serif;}
#emaillist a {color:#fff; text-decoration:none;}
#emaillist a:hover {color:#ff8c00;}

/* Email Associates Links */
.emailcontainer{position:relative;height:13px;margin: -5px 0 5px 0;}
.emailbox {width:12px;height:9px;background-color:#005daa;}
.emailbox img{border:0;}
.emailtext {position:absolute;top:-2px;left:20px;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:10px; font-weight:bold; color:#005daa;}

/* Press Clippings, HiRez Image Boxes & Press Release Styles */
.clippings{width:165px;height:16em;float:left;margin:2px 0 3px 5px; border:1px solid #ccf;padding: 5px 0;}
.clippings p{font-size:69%;}
.clippings:hover{background-color:#ffc;}
div.clippings p{text-align:center;margin:3px;line-height: 1.25em;padding: 0;}

.hirez{width:94px;height:135px;margin:3px;padding:0;border:1px solid #dde5e9;background-color:#ffffff;float:left;}
.hirez p{font-size:69%;}
.hirez:hover{background-color:#ffc;}
div.hirez p{text-align:center;margin:3px;line-height: 1.25em;padding: 0;}
.hirez img{border:1px solid #dde5e9;}

div.pressreleases h4{margin-bottom:0;}
div.prarchives {padding-top:1em;border-top:1px dotted #ccf;margin-top:1em;margin-bottom:3em;}
div.prarchives h4 {font-size:80%;padding:0px 10px 10px 10px;}
div.prarchives p {margin-left:15px;}
div.prarchives h5 {margin-left:15px;}
div.prarchives li {margin-left:10px;}
div.prarchives li>p{margin-left:0;}

/* Baking Instructions Tables */
div.bakinginstructions table {width:100%;border:1px solid #009bb5;}
div.bakinginstructions td,th {width:33%;padding:5px;border-top:1px solid #009bb5;font-size: 69%;}
div.bakinginstructions th {font-weight:bold;text-align:center;background-color:#009bb5;color:#fff;font-size:100%;}

/* Collapsing Paragraphs */
.expand{padding-bottom: 0;margin-bottom:1em;width:95%;border-bottom:1px dotted #ccf;}

.faq {background: url(/images/icon-show-hide-2.png) no-repeat; margin-top:1em;}
.faq img {border: 0;margin-right:1em;vertical-align:middle;}
* html a:hover {visibility:visible}
.faq a:hover img{visibility:hidden}
.faq-close{padding-bottom: 0;margin-bottom:1em;}

/* Products Page Label Headings (Images Replace Text w/CSS Rollovers) */
a.label-prod-pies {display:block;width:170px;height:27px;overflow:hidden;}
a>span.label-prod-pies {display:block;position:absolute;top:0 left:0; z-index:1;width:170px;height:27px;background:url(/images/labels-products.png) 0 0 no-repeat;}
a:hover>span.label-prod-pies {display:block;position:absolute; top:0 left:0; z-index:1;width:170px;height:27px;background:url(/images/labels-products.png) 0 -27px no-repeat;}

a.label-prod-shells {display:block;width:170px;height:27px;overflow:hidden;}
a>span.label-prod-shells {display:block;position:absolute;top:0 left:0; z-index:1;width:170px;height:27px;background:url(/images/labels-products.png) 0 -54px no-repeat;}
a:hover>span.label-prod-shells {display:block;position:absolute; top:0 left:0; z-index:1;width:170px;height:27px;background:url(/images/labels-products.png) 0 -81px no-repeat;}

a.label-prod-crusts {display:block;width:170px;height:27px;overflow:hidden;}
a>span.label-prod-crusts {display:block;position:absolute;top:0 left:0; z-index:1;width:170px;height:27px;background:url(/images/labels-products.png) 0 -108px no-repeat;}
a:hover>span.label-prod-crusts {display:block;position:absolute; top:0 left:0; z-index:1;width:170px;height:27px;background:url(/images/labels-products.png) 0 -135px no-repeat;}

a.label-prod-cookies {display:block;width:170px;height:27px;overflow:hidden;}
a>span.label-prod-cookies {display:block;position:absolute;top:0 left:0; z-index:1;width:170px;height:27px;background:url(/images/labels-products.png) 0 -162px no-repeat;}
a:hover>span.label-prod-cookies {display:block;position:absolute; top:0 left:0; z-index:1;width:170px;height:27px;background:url(/images/labels-products.png) 0 -189px no-repeat;}

a.label-prod-cakes {display:block;width:170px;height:27px;overflow:hidden;}
a>span.label-prod-cakes {display:block;position:absolute;top:0 left:0; z-index:1;width:170px;height:27px;background:url(/images/labels-products.png) 0 -216px no-repeat;}
a:hover>span.label-prod-cakes {display:block;position:absolute; top:0 left:0; z-index:1;width:170px;height:27px;background:url(/images/labels-products.png) 0 -243px no-repeat;}

a.label-prod-breads {display:block;width:170px;height:27px;overflow:hidden;}
a>span.label-prod-breads {display:block;position:absolute;top:0 left:0; z-index:1;width:170px;height:27px;background:url(/images/labels-products.png) 0 -270px no-repeat;}
a:hover>span.label-prod-breads {display:block;position:absolute; top:0 left:0; z-index:1;width:170px;height:27px;background:url(/images/labels-products.png) 0 -297px no-repeat;}



/* Cakes Label Headings (Images Replace Text w/CSS Rollovers) */
a.label-cheese {display:block;width:170px;height:27px;overflow:hidden;}
a>span.label-cheese {display:block;position:absolute;top:0 left:0; z-index:1;width:170px;height:27px;background:url(/images/label-cakes.png) 0 -54px no-repeat;}
a:hover>span.label-cheese {display:block;position:absolute; top:0 left:0; z-index:1;width:170px;height:27px;background:url(/images/label-cakes.png) 0 -81px no-repeat;}

a.label-crumble {display:block;width:170px;height:27px;overflow:hidden;}
a>span.label-crumble {display:block;position:absolute;top:0 left:0; z-index:1;width:170px;height:27px;background:url(/images/label-cakes.png) 0 0 no-repeat;}
a:hover>span.label-crumble {display:block;position:absolute; top:0 left:0; z-index:1;width:170px;height:27px;background:url(/images/label-cakes.png) 0 -27px no-repeat;}

a.label-pound {display:block;width:170px;height:27px;overflow:hidden;}
a>span.label-pound {display:block;position:absolute;top:0 left:0; z-index:1;width:170px;height:27px;background:url(/images/label-cakes.png) 0 -108px no-repeat;}
a:hover>span.label-pound {display:block;position:absolute; top:0 left:0; z-index:1;width:170px;height:27px;background:url(/images/label-cakes.png) 0 -135px no-repeat;}

/* Pie Label Headings (Images Replace Text w/CSS Rollovers) */
a.label-shells {display:block;width:170px;height:27px;overflow:hidden;}
a>span.label-shells {display:block;position:absolute;top:0 left:0; z-index:1;width:170px;height:27px;background:url(/images/label-pies.png) 0 -54px no-repeat;}
a:hover>span.label-shells {display:block;position:absolute; top:0 left:0; z-index:1;width:170px;height:27px;background:url(/images/label-pies.png) 0 -81px no-repeat;}

a.label-pies {display:block;width:170px;height:27px;overflow:hidden;}
a>span.label-pies {display:block;position:absolute;top:0 left:0; z-index:1;width:170px;height:27px;background:url(/images/label-pies.png) 0 0 no-repeat;}
a:hover>span.label-pies {display:block;position:absolute; top:0 left:0; z-index:1;width:170px;height:27px;background:url(/images/label-pies.png) 0 -27px no-repeat;}

a.label-crusts {display:block;width:170px;height:27px;overflow:hidden;}
a>span.label-crusts {display:block;position:absolute;top:0 left:0; z-index:1;width:170px;height:27px;background:url(/images/label-pies.png) 0 -108px no-repeat;}
a:hover>span.label-crusts {display:block;position:absolute; top:0 left:0; z-index:1;width:170px;height:27px;background:url(/images/label-pies.png) 0 -135px no-repeat;}

/* Cookie Label Headings (Images Replace Text w/CSS Rollovers) */
a.label-dough {display:block;width:258px;height:27px;overflow:hidden;}
a>span.label-dough {display:block;position:absolute;top:0 left:0; z-index:1;width:258px;height:27px;background:url(/images/label-cookies.png) 0 0 no-repeat;}
a:hover>span.label-dough {display:block;position:absolute; top:0 left:0; z-index:1;width:258px;height:27px;background:url(/images/label-cookies.png) 0 -27px no-repeat;}

a.label-mini {display:block;width:257px;height:27px;overflow:hidden;}
a>span.label-mini {display:block;position:absolute;top:0 left:0; z-index:1;width:257px;height:27px;background:url(/images/label-cookies.png) -1px -54px no-repeat;}
a:hover>span.label-mini {display:block;position:absolute; top:0 left:0; z-index:1;width:257px;height:27px;background:url(/images/label-cookies.png) -1px -81px no-repeat;}

/* Bread Label Headings (Images Replace Text w/CSS Rollovers) */
a.label-pocket {display:block;width:258px;height:27px;overflow:hidden;}
a>span.label-pocket {display:block;position:absolute;top:0 left:0; z-index:1;width:258px;height:27px;background:url(/images/label-breads.png) 0 0 no-repeat;}
a:hover>span.label-pocket {display:block;position:absolute; top:0 left:0; z-index:1;width:258px;height:27px;background:url(/images/label-breads.png) 0 -27px no-repeat;}

a.label-tea {display:block;width:257px;height:27px;overflow:hidden;}
a>span.label-tea {display:block;position:absolute;top:0 left:0; z-index:1;width:257px;height:27px;background:url(/images/label-breads.png) -1px -54px no-repeat;}
a:hover>span.label-tea {display:block;position:absolute; top:0 left:0; z-index:1;width:257px;height:27px;background:url(/images/label-breads.png) -1px -81px no-repeat;}


/***************    TWITTER/FACEBOOK    ****************/
#twitter-fb	{width:100%; text-align:center; vertical-align:middle;}
#twitter-fb img{margin:0 40px;}