/* this style sheet contains all of the generic styles/classes for the site */

body {
	background: #fff; color: #000;
	font: 0.75em Verdana, sans-serif;
	line-height: 1.3;
}

body, div, img, table, td, ul, li, ol, h1, h2, h3, h4, h5, h6 {
	border:0;
	margin:0;
	padding:0;
}

a, a:hover { color:#510906; }

.hide {	display:none; }
.floatL { float:left; }
.floatR { float:right; }
.clearL { clear:left; }
.clearR { clear:right; }
.clearB { clear:both; }

h1 { float:left; padding:6px 20px 0 136px; margin:0; }
h2 { float:left; padding:6px 0 0 0; margin:0; }
h3 { font:bold 23px arial,verdana,sans-serif; margin:0 0 15px 0; color:#550B08; }

/* **********************  End Generic Styles/Classes  ******************** */

/* index styles */
#index { width:778px; margin:36px auto 0 auto; }
#top { 
	height:366px;
	background:url(/images/splash/index-top-bg.jpg);
	vertical-align:top;
}
#logo-bar { 
	height:52px;
	background:url(/images/splash/index-logo-bar-bg.jpg);
}
#bottom { 
	height:166px;
	background:url(/images/splash/index-bottom-bg.jpg);
}
#whats-new { 
	width:363px; 
	font:11px verdana,arial,sans-serif; 
	color:#fff; 
	line-height:1.5em; 
	padding:46px 0 0 0px;
	margin:0 0 0 247;
	margin-left:247px;
}
#index-nav-block { 
	width:196px; 
	height:185px; 
	float:right; 
	padding:0 48px 0 0;
	margin:0;
}


/* inside page styles */
.structure-table { width:778px; margin:0 auto; }

#header { margin-top:36px }

#inside-nav-bar { background:#550C09; }

#top-nav { padding-left:13px; }
.nav-links { float:left; margin-right:10px; height:22px; }
a#nav-about, a#nav-about:hover { width:67px; background:url(/images/splash/nav-about.png); }
a#nav-about:hover, a#nav-about-act, a#nav-about-act:hover { width:67px; background:url(/images/splash/nav-about-o.png); }
a#nav-fundraising, a#nav-fundraising:hover { width:169px; background:url(/images/splash/nav-fundraising.png); }
a#nav-fundraising:hover, a#nav-fundraising-act, a#nav-fundraising-act:hover { width:169px; background:url(/images/splash/nav-fundraising-o.png); }
a#nav-order, a#nav-order:hover { width:93px; background:url(/images/splash/nav-order-coffee.png); }
a#nav-order:hover, a#nav-order-act, a#nav-order-act:hover { width:93px; background:url(/images/splash/nav-order-coffee-o.png); }

#logo { text-align:right; padding:7px 7px 7px 0; }

#narrow-bar { 
	width:13px; 
	background-color:#3B720F;
	background-image:url(/images/splash/side-bar-narrow-bg.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
}
#side-bar { 
	width:154px; 
	background-color:#6F9424;
	background-image:url(/images/splash/side-bar-main-bg.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	vertical-align:top;
}

.side-nav { list-style-type:none; font:bold 12px arial,verdana,sans-serif; margin:40px 0 0 5px; }
.side-nav li { padding:4px 0; }
.side-nav a, .side-nav a:hover { text-decoration:none; color:#FFA600; } 
.side-nav a:hover, .side-nav a.act, .side-nav a.act:hover  { text-decoration:none; color:#fff; } 

#main-content-products, #main-content { 
	font:12px "Arial MT",arial,verdana,sans-serif; 
	vertical-align:top; 
	background:#FDE9BF;
}
#main-content, #main-content-products h3 { padding:40px 0 0 48px; }
#main-content { padding-bottom:30px; }
#main-content ul { padding:0 20px 0 30px; }
ul.no-style { list-style-type:none; }
#main-content p { padding:0 20px 0 0; }

.inset-imgR, .inset-imgL { padding:2px 2px; border:1px solid black; }
.inset-imgR { float:right; margin:0 15px 15px 15px; }
.inset-imgL { float:left; margin:0 15px 15px 0; }

#product-table { border-collapse:collapse; }
#product-table td { vertical-align:top; }
#product-table th { padding-top:19px; text-align:left; border-top:1px solid #550B08; padding-bottom:10px; }

.product-content { padding:0 20px 19px 48px; }
#product-label { padding-left:48px; font:bold 14px arial,verdana,sans-serif; color:#550B08; }

.product-page { padding:0 30px 0 48px; }
.product-thumb { 
	float:left; 
	margin:0 8px 0 0; 
	padding:2px 2px;
	border:1px solid black;
}

.product-desc { padding-left:103px; }

.attribute { width:120px; background:#550C09; border:1px solid black; color:white; font:11px verdana,arial,sans-serif; }

.qty { padding:0 33px 0 0; }
#qty-label { padding-right:33px; }

.add-to-cart { padding:10px 33px 0 0; vertial-align:top; }

.price { padding:0 10px 0 0; }
.price, #price-label, #qty-label { font:11px arial,verdana,sans-serif; }
#price-label, #qty-label { font-weight:bold; }

.subscription { 
	background-color:#E5CB98; 
	border-top:1px solid #550B08; 
	padding:19px 0 19px 48px;
}
p.subscription-title { font:bold 16px arial,verdana,sans-serif; color:#550B08; padding:0; margin:0; }
#sub-table { width:100%; padding:0 33px 0 0; }
#sub-table th { text-align:center; border:0; padding:10px 5px 0 5px; margin:0; }
#sub-table td { padding:4px 0; }
.product-name { font:bold 14px arial,verdana,sans-serif; color:#550B08; }

#cart-area a, #cart-area a:hover { color:#FFA502; } 
#cart-area a:hover { color:#FFf; text-decoration:none; } 
#cart-area { margin:45px 0 0 0; border-top:1px solid black; border-bottom:1px solid black; width:100%; font:11px verdana,arial,sans-serif; }
#cart-area td.link, #cart-area th { background-color:#3A720F; padding:3px 2px; color:white; }
#cart-summary { color:white; }
#cart-summary p { margin:0; padding:4px; }

.copyright { padding:3px 0 20px 5px; font:10px arial,verdana,sans-serif; }
.copyright a, .copyright a:hover  { text-decoration:none; color:black; }