@charset "iso-8859-1";
/* 
*  Loma Rica Landscape Products
*  CSS for site-wide use
*  Author:     gs
*  Updated:    2008/04/28
*
*  Site Colors:	HEX
*	Dark Green:	003300		Maroon:	660033		Orange:	f8981d
*				666633				663300				ca992c
*				999966
*				cccc99
*/

/* ---------------  common  --------------- */
html {
	overflow-x: auto;
	width: auto;
	height: 100%;
	background: #d6d7d2;
	font-size: 1.0em;
	font-family: sans-serif;
	text-align: center;
	padding: 0;
	color: #003300;
}

body {
	margin: 10px 40px 0 40px;
	behavior: url("./csshover2.htc");
}

ul.menu, ul.menu ul {
	position: relative;
	padding: 0;
	margin: 0;
	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: #660033;
	font-weight: bold;
	text-decoration: none;
	background-color: #d6d7d2;
	border-bottom: 2px groove #660033;
	padding: 0 18px;
}
ul.menu li a:hover {color: #f8981d;}
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; }

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

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: #003300;
	width: 11em;;
	height: 100%;
	vertical-align: top;
	padding: 0 0 1em 0;
	border-right: 2px indent #333720;
}
table.content td.tRMain {
	height: 100%;
	min-height: 400px !!important;
	padding: 0.25em 1em;
	background: url(../images/hangingOlives.png) top left no-repeat #fff;
}

table.products {
	width: 100%;
	text-align: center;
	border-collapse: collapse;
	border: 2px solid #003300;
	background: #fff;
}
table.products td { border: 1px solid #d6d7d2; }
table.products .bottom { margin: 0 0 0.8em 0; }
tr.large { font-size: 1.25em; font-weight: bolder; }
div.spacer {clear: both;}

.center { text-align: center; }
.dkGr { color: #003300; }
.dmGr { color: #666633; }
.mGr { color: #999966; }
.ltGr { color: #cccc99; }
.dkMar { color: #660033; }
.Mar { color: #663300; }
.Or { color: #f8981d; }
.ltOr { color: #ca992c; }
.small { font-size: 0.8em; }
.smaller { font-size: 0.7em; }
.large { font-size: 1.2em; }
.larger { font-size: 1.35em; }
.caption { font-size: 0.8em; color: #663300; font-style: italic; }

p {text-align: justify;}

h1, h2, h3, h4, h5, h6 {
	font-style: italic;
	font-weight: bold;
	font-size: 1.5em;
	padding: 0 0 0.1em 0.4em;
	text-align: left;
	border-left: 1px solid #660033;
	border-bottom: 2px solid #660033;
}
h2 {font-size: 1.33em;}
h3 {font-size: 1.17em;}

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  --------------- */


#foot {
	border-top: 3px indent #d6d7d2;
	background: #003300;
	color: #d6d7d2;
	text-align: center;
	width: 100%;
	height: 2.5em;
	line-height: 2.5em;
	vertical-align: middle;
	font-weight: bold;
}
#foot a { color: #f8981d; }