body, tbody, p, dl, dt, dd { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #333333; margin:1pt; line-height:16px;}
option, select, input, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #333333; margin:1pt; line-height:16px; }
.indented
   {
   padding-left: 80pt;
   }
.indented-both
   {
   padding-left: 50pt;
   padding-right: 50pt;
   }

html { min-height: 100%; margin-bottom: 1px; }
html { overflow: -moz-scrollbars-vertical !important; }


div.center { text-align: center; } div.center table { margin-left: auto; margin-right: auto; text-align: left; }

h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333333; margin:1pt; line-height: 150%;}
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333333; margin:1pt; line-height: 150%;}
h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333333; margin:1pt; line-height: 150%;}
h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333333; margin:1pt; line-height: 150%;}
h5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333333; margin:1pt; line-height: 150%;}
h6 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333333; margin:1pt; line-height: 150%;}

.textwide { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #333333; margin:1pt; line-height:14pt;}
.tableborder { border: 1px solid; border-color: #dde9cb; border-collapse: collapse; }
.cartbox { border: 1px solid; border-color: #dde9cb; border-collapse: collapse; }
.ptext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #333333; margin:1pt; line-height: 150%;}
.form { font-size: 10px; font-weight: normal; color: #333300; margin:1pt; line-height: 150%; }
.copyright { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #333333; margin:1pt; line-height: 150%;}
.spacer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1px; font-weight: normal; color: #333333; margin:1pt; line-height: 100%;}
.lightbanner { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; background:#dde9cb; font-weight: normal; color: #333300; margin:2pt; line-height: 150%;}
hr { text-align: center; width: 100%; height: 1px; color: #dde9cb; background-color: #dde9cb; border: none; }
img { border-color: #dde9cb; } 
.customimg img { display: block; border-color: #dde9cb; } 
.greenbanner { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 600; color: #333300; background:#dde9cb; margin:2pt; line-height: 150%; text-align:center;}
.ltgreenbanner { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #336633; background:#99cc66; margin:2pt; line-height: 150%; text-align:center;}
.smbrownbanner { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ffffcc; background:#999966; margin:2pt; line-height: 150%; text-align:center;}
.brownbanner { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #ffffcc; background:#999966; margin:2pt; line-height: 150%; text-align:center;}
.smgreenbanner { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 600; color: #333300; background:#dde9cb;  margin:2pt; line-height: 150%; text-align:center;}
.smltgreenbanner { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ffffff; background:#669966; margin:2pt; line-height: 150%; text-align:center;}
.smbluebanner { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ffffcc; background:#6699CC; margin:2pt; line-height: 150%; text-align:center;}

a:link { color: #666633; text-decoration: underline; }
a:visited { color: #333333; text-decoration: underline; }
a:hover { color: #333333; font-style: normal; text-decoration: underline; }
a:active { color: #666633; font-style: normal;
text-decoration: underline; }

.banner { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; background:#333333; font-weight: normal; color: #FFFFCC; margin:2pt; line-height: 150%;}
.banner a:link { padding:0px; color: #ffffcc; text-decoration: none; }
.banner a:visited { padding:0px; color: #ffffcc; text-decoration: none; }
.banner a:hover { padding:0px; color: #ffffcc; text-decoration: none; }
.banner a:active { padding:0px; color: #ffffcc; text-decoration: none; }


.greentext { padding:0px; line-height: 150%; font-weight: bold; font-size: 11px; color: #669933; font-family: verdana,arial,helvetica,sans-serif;  }
.greentext a:link { padding:0px; color: #669933; text-decoration: underline; }
.greentext a:visited { padding:0px; color: #669933; text-decoration: underline; }
.greentext a:hover { padding:0px; color: #336633; text-decoration: underline; }
.greentext a:active { padding:0px; color: #336633; text-decoration: underline; }

.redtext { padding:0px; line-height: 125%; font-weight: bold; font-size: 14px; color: #A90000; font-family: verdana,arial,helvetica,sans-serif;  }
.redtext a:link { padding:0px; color: #A90000; text-decoration: underline; }
.redtext a:visited { padding:0px; color: #A90000; text-decoration: underline; }
.redtext a:hover { padding:0px; color: #CC0000; text-decoration: underline; }
.redtext a:active { padding:0px; color: #A90000; text-decoration: underline; }

.saletext { padding:0px; line-height: 150%; font-weight: bold; font-size: 11px; color: #A90000; font-family: verdana,arial,helvetica,sans-serif;  }
.saletext a:link { padding:0px; color: #A90000; text-decoration: underline; }
.saletext a:visited { padding:0px; color: #A90000; text-decoration: underline; }
.saletext a:hover { padding:0px; color: #CC0000; text-decoration: underline; }
.saletext a:active { padding:0px; color: #A90000; text-decoration: underline; }

.orangetext { padding:0px; line-height: 150%; font-size: 11px; font-weight: bold; color: #FF6600; font-family: verdana,arial,helvetica,sans-serif;  }
.orangetext a:link { padding:0px; color: #FF6600; text-decoration: underline; }
.orangetext a:visited { padding:0px; color: #FF6600; text-decoration: underline; }
.orangetext a:hover { padding:0px; color: #FF6D06; text-decoration: underline; }
.orangetext a:active { padding:0px; color: #FF6600; text-decoration: underline; }


.supertext { padding:0px; line-height: 150%; font-weight: bold; font-size: 18px; color: #A90000; font-family: verdana,arial,helvetica,sans-serif;  }
.supertext a:link { padding:0px; color: #A90000; text-decoration: underline; }
.supertext a:visited { padding:0px; color: #A90000; text-decoration: underline; }
.supertext a:hover { padding:0px; color: #CC0000; text-decoration: underline; }
.supertext a:active { padding:0px; color: #A90000; text-decoration: underline; }

.leftmenu { padding:0px; background:#FFFFFF; line-height: 18px; font-weight:normal; font-size: 11px; color: #333333; font-family: verdana,arial,helvetica,sans-serif;  }
.leftmenu a:link { padding:0px; color: #333333; text-decoration: none; }
.leftmenu a:visited { padding:0px; color: #333333; text-decoration: none; }
.leftmenu a:hover { padding:0px; color: #333333; text-decoration: underline; }
.leftmenu a:active { padding:0px; color: #333333; text-decoration: none; }

.topmenu { padding:0px; background:#ffffff; line-height: 14px; font-weight:normal; font-size: 11px; color: #333333; font-family: verdana,arial,helvetica,sans-serif; }
.topmenu a:link { padding:0px; color: #333333; text-decoration: none; }
.topmenu a:visited { padding:0px; color: #333333; text-decoration: none; }
.topmenu a:hover { padding:0px; color: #333333; text-decoration: underline; }
.topmenu a:active { padding:0px; color: #333333; text-decoration: none; }

.botbanner { padding:0px; background:#ffffff; line-height: 14px; font-weight:normal; font-size: 10px; color: #333333; font-family: verdana,arial,helvetica,sans-serif;  }
.botbanner a:link { padding:0px; color: #333333; text-decoration: none; }
.botbanner a:visited { padding:0px; color: #333333; text-decoration: none; }
.botbanner a:hover { padding:0px; color: #333333; text-decoration: underline; }
.botbanner a:active { padding:0px; color: #333333; text-decoration: none; }



ul#ecologic {margin:0;list-style:none;padding-bottom:25px;width:300px;}
ul#ecologic li:first-child, ul#ecologic li.first {border-top:none;}
ul#ecologic li {color:#85953c;font-size:0.8em;padding-top:5px;list-style:none;padding-left:40px;border-top:1px solid #ccc;}

ul#ecologic li.bio {background:url(/lib/olivebarn/cucina-bio.jpg) no-repeat 0 5px;}
ul#ecologic li.natural {background:url(/lib/olivebarn/cucina-natural.jpg) no-repeat 0 5px;}
ul#ecologic li.recycle {padding-top:13px;padding-bottom:13px;height:26px;background:url(/lib/olivebarn/cucina-recycle.jpg) no-repeat 0 5px;}
ul#ecologic li.animal {padding-top:10px;height:30px;background:url(/lib/olivebarn/cucina-animal.jpg) no-repeat 0 5px;}

.highlight {background:#FCFCB5;
}

.cap {

	float: left;
	font-size: 80px;
	line-height: 60px;
	font-weight: normal;
	color:#999966;
	font-family: times;
	padding-top:1px;
	padding-right:5px;
}

.smcap {

	float: left;
	font-size: 60px;
	line-height: 40px;
	font-weight: normal;
	color:#999966;
	font-family: times;
	padding-top:1px;
	padding-right:5px;
}

.ptitle {

	float: left;
	font-size: 20px;
	line-height: 20px;
	font-weight: normal;
	color:#FF6D06;
	font-family: times;
	padding-top:5px;
	padding-right:5px;
	padding-left:0px;
	padding-bottom:5px;

}

.DotBox {
	width: 98%;
	margin: 10px 0 0 0;
	padding: 5px;
	font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	background-color: #dde9cb;
	border: 1px dotted #691;
}

	.DotBox p {
		margin: 0;
		padding: 5px 0;
		font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
	}
	
	.DotBox img {
		margin: 0;
		padding: 0;
	}

.DotBoxContainer {
	margin: 0 auto;
	width: 400px;
}

.SolidBox {
	width: 98%;
	margin: 10px 0 0 0;
	padding: 5px;
	font: 8pt/12pt Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	background-color: #dde9cb;
	border: 1px solid #691;
}

	.SolidBox p {
		margin: 0;
		padding: 5px 0;
		font: 8pt/12pt Verdana, Arial, Helvetica, sans-serif;
	}
	
	.SolidBox img {
		margin: 0;
		padding: 0;
	}

.SolidBoxContainer {
	margin: 0 auto;
	width: 400px;
}

.CouponBox {
	width: 98%;
	margin: 10px 0 0 0;
	padding: 5px;
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	background-color: #dde9cb;
	border: 2px dashed #691;
}

	.CouponBox p {
		margin: 0;
		padding: 5px 0;
		font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	}
	
	.CouponBox img {
		margin: 0;
		padding: 0;
	}

.CouponBoxContainer {
	margin: 0 auto;
	width: 200px;
      float: right;
}



#showcart {
	margin: 0;
	padding: 1px 2px 10px 2px;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #669966;  
}

#showcart label {
	  display: block;
	  text-align: center;
	  background-color: #669966;
	  color: #ffffcc;
	  padding: 0px;
	  border: 1px solid #669966;  
	}

/* new footer - March 2008 */
#ftrContainer{margin:2px auto 0px auto;width:500px;}
div.ftrCol{width:120px;float:left;padding:0px 0px 0px 3px;height:85px;border-left:1px solid #999;}
div.ftrCol ul{margin:0;padding:0px;list-style-type:none;}
div.ftrCol ul li{font-size:11px;margin-bottom:3px;}
div.ftrCol ul li span.ftrHeader{text-transform:uppercase;color:#696;font-size:10px;}
div.ftrCol ul li a{text-decoration:none;color:#333;}
div.ftrCol ul li a:hover{text-decoration:underline;}
div.ftrLeg{clear:both;padding:20px 0;text-align:center;color:#999;}
div.ftrLeg p{color:#999;}
div.ftrLeg p a{text-decoration:none;color:#999;}
div.ftrLeg p a:hover{text-decoration:underline;}
#ftrCol2, #ftrCol3, #ftrCol4{border-left:1px solid #999;padding:0px 0px 0px 3px;width:120px;}

/* added for form validation Sept 2009 */
.error_strings{ font-family:Verdana; font-size:10px; color:#660000;}