@charset "utf-8";
/* CSS Document */

body{
	background: url(../images/bg.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
}

.clear{
	clear: both;
}

#container{
	width: 928px;
	display: block;
	margin: 0 auto 0 auto;
	border-left: solid 2px #f5f5f5;
	border-bottom: solid 2px #f5f5f5;
	border-right: solid 2px #ebebeb;
	font-size: 0.8em;
	padding: 0;
	background: #FFFFFF;
	overflow: hidden;
}

#container #main_content h2, #container #internal_content h2, #content h2{
	color: #0e8855;
	font-size: 1.2em;
}

/* Top Navigation */
#container #top_nav{
	list-style: none;
	padding: 15px 10px; margin: 0 10px;
	border-bottom: 4px solid #098043;
}
#container #top_nav li{
	display: inline;
	color: #018146;
	font-size: 1.1em;
}
#container #top_nav li a{
	text-decoration: none;
	color: #6aa68c;
	font-weight: bold;
	padding: 0 25px 0 25px;
}
#container #top_nav a.on{
	background: url(../../images/logo.jpg) no-repeat;
	color: #007e41;
}
/* Header */
#header {
	background: no-repeat 0px 0px;
	width: 928px;
	display: block;
}

#header.landing { background-image:url(../images/internal_headers/header_landing.jpg); height: 247px; }


/* Middle Image */
#middle{
	padding: 0;
	height: auto;
	overflow: hidden;
}

/* Left Navigation */
#container #left_nav{
	width: 209px;
	display: block;
	float: left;
	background:url(../images/left_nav_top.jpg) no-repeat top left #f5f5f5;
	overflow: hidden;
	margin-left: 10px;
	padding: 20px 0 0 0;
	border-right: solid 4px #FFFFFF;
}
#container #left_nav h2{
	background: url(../images/logo_grey.jpg) no-repeat;
	padding: 0 0 0 33px;
	color: #0e8855;
	font-size: 1.2em;
	margin: 0 20px;
}
#container #left_nav .feature_cms{
	margin: 0 20px;
}
#container #left_nav h3{
	background: url(../images/news_item.jpg) no-repeat;
	padding: 0 0 0 33px;
	color: #0e8855;
	font-size: 1em;
}
#container #left_nav h3 a{
	text-decoration: none;
	color: #007c48;
}
#container #left_nav ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
#container #left_nav li{
	display: inline;
	padding: 0;
	margin: 0;
	font-size: 1em;
}
#container #left_nav li a{
	color: #636363;
	padding: 10px 10px 10px 20px;
	width: 100%;
	display: block;
	font-weight: bold;
	text-decoration: none;
}
#container #left_nav li a:hover{
	background: #ebebeb;
}

/* Main Body */
#container #main_content{
	/*width: 664px;*/
	float: left;
	display: block;
	padding: 20px;
}

#main_content h1, #internal_content h1, #content h1 {
	font-size: 1.2em;
	color: #098043;
	margin: 0 0 20px 0; padding: 0;
}

#container #internal_content{
	width: 664px;
	background:url(../images/body_bg_internal.jpg) no-repeat top left;
	float: left;
	display: block;
	padding: 30px 20px 20px 20px;
} 

#grey-bar {
	background-color: #f5f5f5;
	padding: 25px 10px;
	width: 898px;
	margin: -15px auto 0 auto;
}

#grey-bar img { float: left; }
#grey-bar ul {
	float: left;
	list-style: none;
	padding: 0; margin: 0 0 0 10px;
	display: block;
}

/* Footer */
#footer{
	width: 930px;
	background: url(../images/footer.jpg) no-repeat top left;
	height: 55px;
	display: block;
	margin: 0px auto 0 auto;
}

#collateral {
	width: 918px;
	margin: 0px auto;
	padding: 15px 0px;
	text-align: center;
	font-size: 0.9em;
}

#collateral #legal{
	font-size: 0.8em;
	color: #aeb0b2;
	padding-top: 18px;
}
#collateral ul { list-style: none; padding: 0px; margin: 0px; }
#collateral ul li { display: inline; padding: 0px; margin: 0px; }
#collateral li a { color: #aeb0b2; padding: 0px 10px; border-right: 1px solid #d5d5d5; text-decoration: none; }
#collateral li a.final { border: none; }

#collateral ul li .end{
	border: 0;
}

#collateral #powered a, #collateral #powered{
	color: #999999;
	font-size: 0.9em;
	text-decoration: none;
}
#collateral #powered a:link,#collateral #powered a:visited {text-decoration: none;}
#collateral #powered a:active,#collateral #powered a:hover {text-decoration: underline;}
.rssIcon{ padding: 20px; }

#coffee_range{
	background:url(../images/panel_01.jpg) no-repeat;
	width: 276px;
	height: 126px;
	padding: 15px 0 0 50px;
	font-weight: bold;
	color: #0b7b41;
	display: block;
	float: left;
	text-decoration: none;
}
#fairy_tale{
	background:url(../images/panel_02.jpg) no-repeat;
	width: 276px;
	height: 126px;
	padding: 15px 0 0 50px;
	font-weight: bold;
	color: #0b7b41;
	display: block;
	float: left;
	margin-left: 12px;
	text-decoration: none;
}
.line{
	height: 1px;
	background: url(../images/line.jpg) repeat-x;
	width: 100%;
	display: block;
}
.outline{
	border: solid 2px #f5f5f5;
}

.landing-buttons {
	padding: 0; margin: 0 0 16px 50px;
	float: left;
	list-style: none;
}
.landing-buttons a, #grey-bar ul li a {
	width: 192px; height: 37px;
	display: block;
	color: #464646;
	text-decoration: none;
	padding: 34px 103px 0 10px;
	font-size: 0.9em;
	border: 3px solid #ebebeb;
}
.landing-buttons a.fairytale { background-image: url(../images/btn_fairytale.jpg); }
.landing-buttons a.range { background-image: url(../images/btn_range.jpg); margin-bottom:10px; }
#grey-bar ul li a.contact { background:url(../images/btn_contact.jpg); margin-bottom: 10px; }
#grey-bar ul li a.disclaimer { background:url(../images/btn_disclaimer.jpg); }


#contact, #special-forces, #special-forces-result {
	width: 500px;
	padding: 40px 214px; margin-top: 16px;
}
#contact {background:url(../images/contact_bg.jpg) no-repeat top center; height: 354px}
#special-forces {background:url(../images/special+forces_bg.jpg) no-repeat top center; padding-top: 160px}
#special-forces-result {background:url(../images/special+forces+result_bg.jpg) no-repeat top center; padding-top: 120px}

.contact-form { width: 500px }
.contact-form input, .contact-form textarea { border: 1px solid #7e7e7e; }
.contact-form textarea { height: 130px; }
.contact-form .send, .contact-form .reset { 
	background: #017f42; 
	padding: 5px 5px 5px 40px; 
	color: #fff;
	float: right;
}

#gallery { margin-top: 16px; }

.contact-form.section488 { 
	width: 560px; height: 431px;
	padding: 100px 47px 0 47px; margin: 0 auto;
	background: url(../images/preorder-panel.jpg) no-repeat 0px 0px;
}

#content.gallery {
	background: url(../images/gallery_bg.jpg) no-repeat 0px 0px;
	padding: 5px 140px 0 140px; margin-top: 16px;
}
#content.gallery .gallery_tip {
	color: #999;
}

#home-quote {margin: .8em 0}

#facebook img {border:none; margin: .8em 15px .8em 0;}

#upcoming {border: 2px solid #ebebeb; padding: .5em 10px; line-height: 1.4; overflow: hidden; margin: .5em 0}
#upcoming ul {list-style: none; margin: 0 10px; padding: 0; width: 230px; float: left}
#upcoming li {margin: .6em 0}
	

/* Shopping Cart
---------------------------------------------------------------------------------------------*/
table.cart {
	width: 80%;
	margin: 0 auto;
}

table.cart th {
	background:#42976d;
	color: #fff;
	text-align: left;
	padding: 8px 4px;
}

table.cart tr.divider {
	border-top: 2px solid #ebebeb;
}

/* e-commerce */
strong.highlight{color: #007e41}
p strong.highlight {font-size: 1.2em}

#side_spacer{background-color: #fff}

#military_button img {border: 0}

.our-coffee strong {color: #007e41}
.our-coffee p strong {font-size: 1.2em}

	/* Item List */
	.itemlist {margin: 0; padding: 0; list-style: none; overflow: hidden; height: 1%; width: 658px}
	
	.itemlist .item, .item {float: left; background: #f9f9f9; width: 203px; padding: 6px; float: left; margin: 0 2px 2px 0; display: inline}
	.item .product-image {border: 1px solid #eee; display: block; margin-bottom: .4em}
	
	.item h4 {font-size: 1.3em; margin-bottom: .4em}
	.item h4, .item h4 a:link, .item h4 a:visited {color: #007e41; font-weight: bold; text-decoration: none;}
	.item h4 span, .item h4 a:link span, .item h4 a:visited span {font-size: 0.84em;}
	.item h4 a:hover, .item h4 a:active {text-decoration: underline}
	
	.item .price {color: #777; font-weight: bold; display: block; margin-bottom: 1.2em}
	
	.item .add:link, .item .add:visited {font-weight: normal; float: left; padding: 7px 8px 0; background: #007e41; color: #fff; font-size: 1em; text-decoration: none; margin-right: 5px;}
	.item .more:link, .item .more:visited {color: #007e41; float: right}
	
	/* Gift Ideas */
	#gift-ideas .item {margin-right: 40px}
	
	#gift-ideas .info {float: left; width: 380px}
	
	/* Testimonials */
	blockquote:before, blockquote:after, q:before, q:after {content: ""}
	blockquote, q {
		quotes: "" "";
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline
	}
	blockquote {
		font-family: georgia, times, serif; 
		font-style: italic;
	}
	blockquote p {margin: .5em}
	div.quote, blockquote.quote {
		width: 640px;
		margin: 0 10px 20px 10px; 
		background: url('../images/quote-bot.gif') no-repeat bottom;
		color: #888;
		font-size: 1.1em;
		padding: 0 0 5px 0
	}
	div.quote blockquote {
		padding: 15px 15px 1px 15px;
		background: url('../images/quote-top.gif') no-repeat top;
		margin-bottom: 15px;
	}
	div.quote cite {
		padding-left: 5px;
		margin-top: 5px;
		font-style: normal;
	}