/* CSS Document */

body {
	background: #D0AD69;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 80%;
	color: #6A4027;
}

* {padding: 0; margin: 0;}

p {line-height: 145%;}

img {padding: 0; margin: 0;}

blockquote {padding: 2em;}

a, a:link {color:#990000; text-decoration:none;}
a:hover, body div#footer cite a:hover {color:#669900; text-decoration:underline;}

h2 {font-size: 1.6em; color:#707627;}
h3 {font-size: 1.3em; color:#707627;}

/* LAYOUT */

#page {background: url(images/bg_fronds.jpg) #6A4027 bottom repeat-x;}
#page-inner {background:url(images/bg_head.gif) top repeat-x; padding-bottom: 20px;}

#wrapper {width: 749px; position:relative; margin: 0 auto; padding: 84px 0 0 211px; }

#logo {position: absolute; top: 10px; left: 0; width: 211px; text-align: center; color:#E0BF8C;}
#logo p {margin: 0; padding:0;}

#logo #testimonial {padding: 15px 0; margin: 15px; border-top: 1px solid #E0BF8C; border-bottom: 1px solid #E0BF8C;}
#logo #testimonial p {font-size: 1.2em;  padding: 0 0 1em 0; font-style:oblique; line-height:110%;}
#testimonial cite {display: block; font-style:normal; font-size: 0.9em;}

#cart-button {position: absolute; right: 0; top: 15px;}

#nav {position: absolute; top: 55px; left: 200px; width: 760px;}

#content-wrapper {background: url(images/bg_content.gif) right 13px repeat-y;}

#content {background: url(images/bg_c-top.jpg) no-repeat top; padding: 25px 30px 0 30px; min-height: 400px; height:1%;}

#main {padding-right: 200px;}

#footer {width: 750px; padding: 0 0 30px 210px; margin: 0 auto; height: 40px;}
	#footer cite {float: right; text-align:right; display:block; font-size: 0.8em; font-style:normal; white-space:nowrap;}
    #footer cite a:visited, #footer cite a:link {color:#6A4027; text-decoration:none;}
	
	#footer p {float:left; font-size: 1.1em;}

.clear {clear: both;}
.right {float: right; padding-left: 10px;}
.left {float: left;}
.png {behavior: url(assets/iepngfix.htc) }

/* NAVIGATION */

#nav ul {margin: 0; padding: 0; list-style: none;}
#nav li {float: left;}
#nav a {display:block; background-image:url(images/nav.gif); height: 15px; text-indent: -9999em}

#nHome a {width: 59px; background-position: 0 0;}
#nOrder a {width: 81px; background-position: -59px 0;}
#nCustom a {width: 147px; background-position: -140px 0;}
#nCoffee a {width: 123px; background-position: -287px 0;}
#nTips a {width: 145px; background-position: -410px 0;}
#nFarm a {width: 111px; background-position: -555px 0;}
#nContact a {width: 86px; background-position: -666px 0;}

#nHome a:hover {background-position: 0 bottom;}
#nOrder a:hover {background-position: -59px bottom;}
#nCustom a:hover {background-position: -140px bottom;}
#nCoffee a:hover {background-position: -287px bottom;}
#nTips a:hover {background-position: -410px bottom;}
#nFarm a:hover { background-position: -555px bottom;}
#nContact a:hover {background-position: -666px bottom;}


/* TEXT */
#content p {padding: 0 0 1em 0;}
h1#headline {text-align:right; padding: 10px 10px 30px 0;}

.product {margin: 0 15px; padding: 5px; border-top: 1px solid #CAA255; clear:left;}
.product h3 {font-size: 1.2em;}
.product p {font-size: 0.9em;}

#content ul {margin: 1em 0 1em 2em;}
#content li {padding: 0.2em 0;}

/* SIDEBAR */

#sidebar {width: 180px; float:right; padding: 0 0 20px 20px; text-align:center;}
#sidebar img {padding: 5px 0;}
#sidebar p {padding: 0; margin: 0;}
#sidebar h3 {font-size: 20px; padding-top: 15px;}

#adbanner {
	border-bottom:1px solid #6A4027;
	border-top:1px solid #6A4027;
	margin-bottom:1em;
	padding: 1em 0;
	text-align:center;}
#adbanner h1 {font-size: 26px;}

/* STORE */
table.search-results {width: 490px;}
.search-results td {text-align: center;}
.search-results td img {width: 120px;}
.options label, .quantity label  {width: 150px; display: block; text-align:right; float:left;}
.options select {width: 120px;}
.quantity #quantity {margin-left: 4px;}
.add_to_cart, .quantity, .options {padding: 4px 0;}
.add_to_cart input[type="submit"] {margin-left: 154px}

.product-view .description {padding: 1em 20px;}
.product-view .sku {padding: 0 20px;}
.product-view .price {padding: 0.5em 20px; font-size: 1.2em;}
 
.photo {margin: 0 auto;}
.photo img, .search-results img {background: #FFFFFF; border: 1px solid #996633; padding: 8px; margin: 5px;}

#eStore .product-view form + ul {padding: 2em 0 3em 0; list-style:none;}
#eStore .product-view form + ul li {width: 49%; float:left; text-align:center;}
#eStore .product-view form + ul li a {padding: 4px 10px; background:#D0AD69; border: 1px solid #F0D58B; margin: 10px;}
#eStore .product-view form + ul li a:hover {background:#A8CD40;}

.cart-display {width: 99%;}
.cart-display td {padding: 5px;}

a.checkout {padding: 4px 8px; background-color: #ABCE45; font-weight: bold; border: 1px solid #F0D58B;}

#checkout table td, form[name="cart_shipping"] table td {padding: 5px;}