@charset "iso-8859-1";
/* 
*  Sylverleaf Olive Oil
*  CSS for site-wide use
*  Author:     gs
*  Updated:    2008/02/20
*
*  Site Colors:         HEX			RGB								HEX			RGB
*	Dark Olive:	100%	333720		51,55,32		Maroon:	100$	68000f		104,0,15
*				90%		5c5f4d		92,95,77				90%		771927		119,25,39
*				80%		707362		112,115,98				80%		86833f		134,51,63
*				70%		858779		133,135,121				70%		954c57		149,76,87
*				60%		999b8f		156,155,143				60%		a4666f		164,102,111
*				50%		abafa6		173,175,166				50%		b37f87		179,127,135
*				40%		c1c3bc		193,195,188				40%		c3999f		195,153,159
*				30%		d6d7d2		214,215,210				30%		d1b2b7		209,178,183
*				10%		ffffff		255,255,255				10%		f0e5e7		240,229,231
*		
*	Maroon:      	680011			rgb(102,9,20)
*/

/* ---------------  common  --------------- */
html {
	overflow-x: auto;
	width: auto;
	height: 100%;
	background: center no-repeat #fff;
	font-size: 1.0em;
	font-family: Times New Roman, serif;
	text-align: center;
	padding: 10px 0 0 0;
	color: #333720;
}

body {
	margin: 0px 40px 0 30px;
	behavior: url("./csshover2.htc");
	font-family: Times New Roman, serif;
}

ul.menu, ul.menu ul {
	position: relative;
	padding: 0;
	margin: 0 auto;
	list-style-type: none;
	float: left;
	width: 12em;
	font-style: normal;
/*	border: 1px solid #858779; */
	z-index: 999;
}
ul.menu li {
	line-height: 	1.75em;
	margin-bottom:	-1px;
}
ul.menu li ul {
	position: 		absolute;
	left: 			-999em;
	margin-left: 	11em;
	margin-top: 	-2.5em;
}
ul.menu li ul ul {left: -999em;}
ul.menu li a {
	display: block;
/*	width: 9em; */
	color: #68000f;
	font-weight: bold;
	text-decoration: none;
	background-color: #c1c3bc;
	border-bottom: 5px groove #858779;
	padding: 0 18px;
}
ul.menu li a:hover {color: #757355; background: url(../images/redOlivesS.png) left center no-repeat #f6f6f6;}
ul.menu li:hover, ul.menu li.hover {position: static;}
ul.menu li:hover ul ul, ul.menu li:hover ul ul ul, ul.menu li.sfhover ul ul, ul.menu li.sfhover ul ul ul {left: -999em;}
ul.menu li:hover ul, ul.menu li li:hover ul, 
	ul.menu li li li:hover ul, ul.menu li.sfhover ul, 
	ul.menu li li.sfhover ul, ul.menu li li li.sfhover ul {left: auto;}

li { margin-bottom: 1.0em; }

ul.close {
	list-style-image: 	url(../images/redOlivesS.png);
	list-style-position: inside;
	line-height: 		0.85em;
	border: 1px solid #333720;
	margin: 0 auto;
	padding: 0.4em;
	background: #abafa6;
	width: 40%;
}
ul.close li {margin: 0;}

a {color: #68000f; text-decoration: none;}
a:link {color: #68000f; text-decoration: none;}
a:visited {font-weight: normal;}
a:active {font-weight: bolder; color: #333720;}
a:hover {text-decoration: underline;}

#foot {
	border-top: 5px solid #d6d7d2;
	background: #999b8f;
	color: #333720;
	text-align: center;
	width: 100%;
	height: 2.5em;
	line-height: 2.5em;
	vertical-align: middle;
	font-weight: bold;
}

table { text-align: left; vertical-align: top;}

table.content {
	border: 3px double #333720;
	background: #fff;
	margin: 5px 40px;
	border-collapse: collapse;
	z-index: 100;
}
table.content td.tL {
	text-align: justify;
	background: #c1c3bc;
	width: 11em;;
	height: 100%;
	vertical-align: top;
	padding: 0 0 1em 0;
	border-right: 2px indent #333720;
}
table.content td.tRBlog, table.content td.orchard, table.content td.tRMain {
	height: 100%;
	width: 100%;
	max-width: 700px;
	min-height: 400px !important;
	padding: 0.25em 1em;
	background: url(../images/hangingOlives.png) top left no-repeat #fff;
}

table.content td.tRMain, td.tRProductPage, td.tRWhite, td.orchard {
	width: 100%;
	max-width: 700px;
	border-left: 3px solid #999b8f;
}

table.content td.orchard {
	height: 100%;
	width: 100%;
	max-width: 700px;
	min-height: 400px !!important;
	padding: 0.25em 1em;
	background: url(../images/orchard.jpg) top left no-repeat #fff;
}

tr.large { font-size: 1.25em; font-weight: bolder; }
div.spacer {clear: both;}
.center { text-align: center; }
.ltOlive { color: #707362; }
.small { font-size: 0.8em; }
p {text-align: justify;}
.caption { font-size: 0.8em; color: #68000f; font-style: italic; }
.large { font-size: 1.5em; }
h1, h2, h3, h4, h5, h6 {
	font-style: italic;
	font-weight: bold;
	font-size: 1.5em;
	border-bottom: 2px solid #68000f;
	width: 80%;
	padding-bottom: 0.1em;
	text-align: left;
}
h2 {font-size: 1.33em;}
h3 {font-size: 1.17em;}

h2 a:hover { text-decoration: none; }
img {border: none;}
img.xp {opacity: 0.5; filter: alpha(opacity=50)}
img.imgBottom { text-align: center; border-top: 4px groove #999b8f; width: 100%; height: 150px;}
img.fR { float: right; margin: 1em;}
img.fL { float: left;  margin: 1em;}

span.alignR { float: right; text-align: right; font-size: 1.15em; }
span.fR { float: right; text-align: right; font-size: 0.75em; }
span.alignL { float: left; text-align: right; font-size: 1.15em; }
a.nav:visited {font-weight: normal;}
a.nav:active {font-weight: bolder; color: #c1c3bc;}
a.nav:hover {text-decoration: underline;}

/* ---------------  index  --------------- */
div.productContainer {
	border: 1px solid #999b8f;
	background: #fff;
	height: auto;
	width: 175px;
	text-align: center;
	margin: 0.2em 1.5em 2em 0;
	vertical-align: top;
	float: left;
}
div.productContainer p {font-size: 1.5em;}
div.productBuyBox {
	height: 48px;
	background: url(../images/oliveLeaf.png) center no-repeat #fff;
	color: #cacbe8;
	vertical-align: middle;
	margin-top: 1em;
}
div.productBuyBox a {
	vertical-align: middle;
	color: #abafa6;
	font-size: 20px;
	font-weight: bolder;
	text-align: center;
	text-shadow: #fff 0px 0px, #fff -1px -1px; 
	line-height: 1.75em;
}
.productFlavor, .productFlavorS { font-size: 1em; color: #858779; }
.productFlavorS { font-size: 0.7em; }

.productFlavor2, .productFlavorS2 { padding-left: 3px; text-align: left; font-size: 1em; color: #707362; padding-bottom: 1em; }
.productFlavorS2 { font-size: 0.7em; }
div.productName {
/*	font-weight: bold; */
	font-size: 1.25em; 
	vertical-align: top;
	padding: 2px 0 0 5px;
	border-bottom: 1px solid #68000f;
	width: 80%;
	padding-bottom: 0.1em;
	text-align: left;
}

.cssButton, .cssButtonHover {
	width: 20em;
	background-color: #F4F4F4;
	color : #000000;
	border: 2px outset #F4F4F4;
	font-family: serif;
	font-size: 1.1em;
	text-align:center;
	white-space: nowrap;
	text-decoration: none;
	/*font-weight: bold; */
	padding: 0.3em;
	/*margin-left: auto;
	margin-right: auto;*/
	/*display: block;*/
	/*vertical-align: top;*/
	/*line-height: 130%;*/
	/*cursor: pointer;*/
}

div.buttonBox {
	width: 170px;
	height: 100%;
	text-align:center;
}
.cssButtonHover {
	color: #616161;
	border-style: inset;
	text-decoration: none;
}
/* adding the styles below might be needed if the default button width is changed */
/* .button_continue_shopping, .button_shipping_estimator {width: 150px;} */
.button_read_more {
	background: #abafa6;
	color: #69000f;
	font-weight: bold;
	border-top: 3px solid #858779;
	border-left: 3px solid #858779;
	width: 100%;
}
.button_read_moreHover {
	background: #abafa6;
	color: #69000f;
	font-weight: bold;
	border-top: 3px solid #858779;
	border-left: 3px solid #858779;
	width: 170px;
	background: url(../images/redOlivesS.png) left center no-repeat #f6f6f6;/*border-spacing: 1px;*/
}
table.products {
	width: 75%;
	margin: 0 auto;
	border-collapse: collapse;
}
table.products td {
	vertical-align: top;
	min-height: 100%;
}
table.products tr td a { text-decoration: none; }
span.large { font-size: 1.5em; vertical-align: top;}

/* ---------------  product pages  --------------- */
table.qb {
	width: 100px;
	border: 1px solid #abafa6;
	text-align: center;
	font-size: 1.8em;
	margin: 0 auto;
	margin-bottom: 0.5em;
	border-collapse: collapse;
}
table.qb span.GSm { color: #858779; font-size: 0.5em;}
table.qb td.buyNowM, table.qb td.buyNowG {
	font-style: italic;
	font-size: 0.5em;
	background: #69000f;
	color: #cacbe8;
	font-weight: bold;
	border-top: 3px solid #858779;
}
table.qb td.buyNowG { background: #333720; }

table.productLinksM, table.productLinksMT, table.productLinksG, table.productLinksV {
	border-top: 3px outset #d6d7d2;
	border-bottom: 3px outset #d6d7d2;
	background: #68000f;
	border-collapse: collapse;
	padding: 0.5em;
	text-align: center;
	width: 100%;
	line-height: 2em;
}
table.productLinksG {
	border-top: 3px outset #5c5f4d;
	border-bottom: 3px outset #5c5f4d;
	background: #d6d7d2;
}
table.productLinksV {
	border-top: 3px outset #d6d7d2;
	border-bottom: 3px outset #d6d7d2;
	background: #333720;
}
table.productLinksM td, table.productLinksG td, table.productLinksV td {width: 25%;}
table.productLinksMT td {width: 20%;}
table.productLinksM td a, table.productLinksMT td a {color: #d6d7d2; font-size: 1.25em; font-variant: small-caps;}
table.productLinksM td a:visited, table.productLinksMT td a:visited {font-weight: normal;}
table.productLinksM td a:active, table.productLinksMT td a:active {font-weight: bolder; color: #c1c3bc;}
table.productLinksM td a:hover, table.productLinksMT td a:hover {text-decoration: underline;}

table.productLinksG td a {color: #68000f; font-size: 1.25em; font-variant: small-caps;}
table.productLinksG td a:visited {font-weight: normal;}
table.productLinksG td a:active {font-weight: bolder; color: #333720;}
table.productLinksG td a:hover {text-decoration: underline;}

table.productLinksV td a {color: #d6d7d2; font-size: 1.25em; font-variant: small-caps;}
table.productLinksV td a:visited {font-weight: normal;}
table.productLinksV td a:active {font-weight: bolder; color: #c1c3bc;}
table.productLinksV td a:hover {text-decoration: underline;}

div.quickBuyBox {
	border: 2px solid #333720;
	background: #fff;
	width: 120px;
	height: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 1em 1em 0 1em;
}

ul.loginContainer {
	width: 60%;
	border: 1px solid #333720;
	margin: 0 auto;
	padding: 0.4em;
	background: #abafa6;
	text-align: left;
	list-style-type: none;
}
ul.loginContainer li {	margin-bottom: 0.35em;}
ul.loginContainer li a:visited {font-weight: normal;}
ul.loginContainer li a:active {font-weight: bolder; color: #333720;}
ul.loginContainer li a:hover {text-decoration: underline; color: #333720;}

table.content td.tRProductPage {
	height: 100%;
	padding: 0;
	margin: 0 auto;
	vertical-align: top;
	border-collapse: collapse;
}
table.productPage {
	padding: 0;
	margin: 0 auto;
	vertical-align: top;
	border-collapse: collapse;
}
table.productPage td { border: 0; vertical-align: top; }
table.productPage td.txt { padding: 0 1em; }
td.maroonTXT { color: #68000f; padding: 0.7em 1em;}

/* ---------------  about pages  --------------- */
table.content td.tRWhite {
	height: 100%;
	padding: 0em 0em;
	background: #fff;
}
table.content td.tR {
	height: 100%;
	padding: 0;
	margin: 0 auto;
	vertical-align: top;
	border-collapse: collapse;
}
p.ctrMaroon { font-weight: bold; text-align: center; color: #68000f; font-style: italic; }

/* ---------------  keep it fresh  --------------- */
ul.redOlive {list-style-image: url(../images/redOlive.png);}
ul.redOlive li {margin-bottom: 0.2em;}

/* ---------------  trees  --------------- */
table.outlineM {
	height: 100%;
	padding: 0.75em;
	margin: 0 auto;
	width: 50%;
	border: 3px groove #68000f;
}
ul.outlineM2 {width: 80%; list-style-type: none; }
table.outlineM td.R { text-align: right;  padding-left: 30px;}
table.outlineM td a:visited, ul.outlineM2 li a:visited {font-weight: normal;}
table.outlineM td a:active, ul.outlineM2 li a:active {font-weight: normal; color: #333720; padding-left: 30px;}
table.outlineM td a:hover, ul.outlineM2 li a:hover {text-decoration: underline; color: #333720; padding: 18px; background: url(../images/redOlive.png) center left no-repeat;}

/* ---------------  newsletters  --------------- */
img.snap { margin: 0 2em; }

/* ---------------  contact  --------------- */
.address {
	background-color:	#ffffff;
	color:				#333720;
	width:				320px;
	margin:				0px auto;
	text-align:			left;
	font-weight:		normal;
	padding:			1em;
	position:	  	  	relative;
	clear:				both;
	border:				4px groove #abafa6;
}

/* ---------------  harvest pages  --------------- */
table.harvest {
	background-color:	#ffffff;
	border-collapse:	collapse;
	border:				1px solid #abafa6;
	width:				70%;
	padding:			0;
	margin:				0 auto;
}
table.harvest th { background:	#d6d7d2; text-align: left; border-bottom: 2px solid #68000f;}
table.harvest tr { text-align: left;}
table.harvest td { font-size: 0.85em; border-bottom: 1px solid #cccccc; padding: 3px 3px; margin: 0; text-align: ".";}
/* ---------------  butter chart  --------------- */
table.convertTable {
	text-align: 		left;
	background-color:	#fffff;
	color:				#333720;
	width:				40%;
	border-collapse:	collapse;
	border:				3px solid #abafa6;
	margin:				0px auto;
	margin-bottom:		2em;
}
table.convertTable th {
	background-color:	#68000f;
	color:				#abafa6;
	font-size:			large;
	height:				auto;
	padding:			5px 0px 5px 8px;
}
table.convertTable tr { border-bottom: 1px solid #cccccc;}
table.convertTable td { padding: 3px 5px;}
table.convertTable td.right { text-align: right; }
table.convertTable td.left { text-align: left; }

/* ---------------  recipes  --------------- */
table.recipes {
	width: 85%;
	border: 2px solid #abafa6;
	color: #333720;
	text-align: center;
	font-size: 1.0em;
	margin: 0 auto;
	margin-bottom: 0.5em;
	border-collapse: collapse;
	background: #fff;
}
table.recipes td.recipeType {
	background: #d6d7d2;
	border-bottom: 3px solid #68000f;
}
table.recipes td { border-right: 1px solid #d6d7d2; vertical-align: top;}
table.recipes td ul { text-align: left; }

td.rline { border-right: 2px solid #68000f; }

table.recipe td { vertical-align: top; }
table.recipe ul.ingredients li {margin-bottom: 0.1em;}
table.recipe li.steps {padding-bottom: 0.65em;}

ul.ingredients {
	color: 				#68000f;
	font-size: 			1.1em;
	text-align: 		left;
	padding:			0.2em 0 0.1em 0.2em;
	margin:				0px 15px;
	list-style-image: url(../images/redOlive.png);
}
ol.steps {
	color: 				#333720;
	font-size: 			1.1em;
	text-align: 		left;
	padding:			0.75em 0 0.75em 0.75em;
	margin:				0px 20px;
}
.iHead {
	font-size:			1.1em;
	font-variant:		small-caps;
	font-style:			italic;
	margin:				0px 0px 5px 20px;
}
.serves {
	font-size:			1.25em;
	margin:				0px 0px 0.3em 0.75em;
}
span.under { 
	border-top: 1px solid #333720;
	border-right: 2px solid #333720; 
	border-bottom: 2px solid #333720; 
	border-left: 1px solid #333720;
	width: 115px; 
	padding-right: 1em;
	line-height: 1.5em;
}

div.bottom {
	background: #fff;
	margin: 3px 50px 5px 45px;
	color: #999b8f;
}
div.bottom a {
	font-size: 0.7em;
	color: #999b8f;
}
td.c1 { background: #c1c3bc; }
div.social {
	position: relative;
    bottom: 0px;
    left: 0px;
}