/* @group html */

body
{
font-family:  Verdana, Tahoma, Ariel, Helvetica;
font-size: 72%;
/*font-size: 69%;*/
line-height: 1.5em;
background:#B0843B;
margin:0;
color: #5C250F;
}



/*div {
	border: 0px solid #333;
}*/


a img, a img.btn {
border:0;
}

p
{
font-family:  Verdana, Tahoma, Ariel, Helvetica;
font-size: 1em;
text-align: left;
margin-top: 0;
color: #5C250F;
}	

table, td, input, select {
font-size: 1em;	
}
	
	
a{color:#1F6D24;}

a.fade {
color: #5C250F;
text-decoration: none;	
}

h3 a:hover,
li a:hover,
p a:hover
 {
color:#000;
}

/* new styles */

body#home h1 {
color: #F1EBC1;
font-family: Georgia, Times, serif;
font-size: 1.8em;
font-weight:normal;
margin-bottom: 1em;
margin-top: 0;
border: 0;
padding: 0;
text-align: left;
}


h1
{
font-weight: normal;
margin:0 0 20px 0;
font-size: 1.7em;
line-height: 1.3em;
color: #0E592F;
}

h1.single a {
color: #0E592F;
text-decoration: none;	
}

body.kona-red h1, body.kona-red h2 {
	color: #a93b2a;
}

body.kona-red h2 {
	font-size: 1.4em;
}


h2 {
/*font-family: Georgia, Times, serif;
font-weight: normal;
margin-bottom:10px;	
margin-top:0;
font-size: 1.5em;
color:#959556;
color:#BF923F;
color:#7E7E1C;
line-height: 1em;
background: #ECECC5;
padding: 2px 5px;
text-align: center;*/
}

h3, h2
 {
font-family: Georgia, Times, serif;
font-size: 1.5em;
font-weight:normal;
color: #19472D;
color: #0E592F;
border-bottom:0px solid #9D9D4E;
margin-bottom: 0.4em;
margin-top: 0;
}

#home-top p, #home-top h3 {
color: #F1EBC1;
}

#home-top div.right h1.sub {
	line-height: 1em;
	font-size: 1.5em;
	margin: -10px 0 10px 0;
	color: #D9CF8C;
}

h3 a, h2 a {
color: #19472D;
}

h4 {
font-family:  Verdana, Tahoma, Ariel, Helvetica;
font-size:1.1em;
color:#877A02;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: #7E7101;
color:#736C00;
/*font-weight: normal;*/
}




h3.sub {
	font-weight: normal;
	margin-top: 0;
	font-size:1.4em;
	color:#736C00;
    margin-bottom: 0.5em;
}

h5 {
margin:0;
font-size:1.1em;
color:#990000;
font-weight:bold;
text-transform:uppercase;
}
	
strong {
font-size:1em;
font-weight:bold;
color: #704819;
}


h1, h2, h3
{
font-family: Georgia, Times, serif;
}



.article {
	width: 470px;
	float: left;
	margin-bottom: 20px;
}

img.floatLeft {
float:left;
margin:0 15px 10px 0;
}

div.img-left {
float: left;
margin: 3px 10px 0px 0;
font-size: 0.8em;
font-style: italic;
line-height: 1.2em;
}

div.img-right {
font-size: 0.8em;
font-style: italic;
float: right;
margin: 3px 0 10px 10px;
/*clear: right;*/
}

p.caption
 {
font-size: 0.9em;
font-style: italic;
margin: 0;
}

img.right,
a.right {
float: right;
margin: 5px 0 5px 10px;	
}

img.left,
a.left {
float: left;
margin: 5px 10px 5px 0;	
}

/*
#center li {
list-style:none;
background:url(/www_media/images/bullet.gif)  no-repeat;
padding-left:15px;
}

*/

/* @group coffe club2 */

h2.step {
	margin: 15px 0;
	font-weight: bold;
	color: #8e4500;
	font-size: 2em;
	/*background: #eae3b9;*/
	
}

h2.step span {
	font-weight: normal;
}


 
 .row label, row input  {
	/*float: left;*/
}
 

table.coffee-club2 {
	/*background: #FFF;*/
	border-collapse: collapse;
	/*width: 450px;*/
}

table.choice2 {
	border: 0px solid #CCC;
	border-collapse: collapse;
	/*height: 200px;*/
}

table.coffee-club2 td {
	height: 2em;
	padding: 5px 3px;
	vertical-align: top;
}

table.coffee-club2 th {
	text-align: left;
	vertical-align: top;
	background: #8e4500;
	padding: 5px 10px;
	color: #fbf9ed;
}

/* @end */

/* @group coffe club */

table.coffee-club {
	background: #FFF;
	border-collapse: collapse;
	width: 450px;
}

table.choice {
	border: 0px solid #CCC;
	border-collapse: collapse;
	/*height: 200px;*/
}

table.coffee-club td {
	height: 2em;
	padding: 3px;
	vertical-align: top;
}

table.coffee-club th {
	text-align: left;
	vertical-align: top;
	background: #ECECC5;
	padding: 7px 3px;
}

/* @end */

/* @end */

/* @group blog */

h1#blog {
font-family: Georgia, Times, serif;
font-weight: normal;
margin-bottom:20px;	
margin-top:0;
font-size: 1.5em;
color:#7E7E1C;
background: #ECECC5;
padding: 2px 5px;
text-align: center;
}


.recent h4 {
	background: #ECECC5;
	padding: 2px 4px;
}

div.recent {
	padding-right: 10px;
}

div.recent ul,  div.recent li{
	margin: 0;
	padding: 0;
	list-style: none;
}

div.recent li {
	padding-bottom: 10px;
}

li.recent span {
	color: #736C00;
}

div.recent a {
	text-decoration: none;
}

div.recent a:hover {
	text-decoration: underline;
}

div#comments-form {
	margin: 20px 0;
}

div#comments-form fieldset {
	border: none;
	background-color: #FFF;
}

div#comments-form legend {
	margin-bottom: 10px;
	margin-left: -20px;
	font-weight: bold;
}

div.entry {
	margin-bottom: 20px;
	border-bottom: 1px solid #ECECC5;
}


ol.comments {
	margin: 20px 0;
}

ol.comments li {
	background-color: #FFF;
}


/* @end */

/* @group comments */



.comment {padding-left:18px; background:url(../img/comment.gif) 0 50% no-repeat;}


/* COMMENTS  */
.comments_error {color: #000;background-color: #fff4f4 }
ul.comments_error {padding : 0.3em;list-style-type: circle; list-style-position: inside; border: 2px solid #fdd;}

#comment {padding-top:20px;}
#comment h3 {border-bottom:1px dotted; font-weight:normal;color:#736C00;}
#comment ol.comments {width:100%; margin:0; padding:0;}
#comment ol.comments li {margin:15px 0 0 0; padding:0; background:#ECECC5 url(../img/comment-top.gif) 0 0 no-repeat; font-size:95%; list-style:none;}
#comment ol.comments div {margin:0; padding:0; padding-bottom:10px; background:url(../img/comment-bot.gif) 0 100% no-repeat; }
#comment ol.comments span.comment_number {float:right; font-size:140%;   margin:5px 10px; color:#cecc95; }
#comment ol.comments span.comment_number a {color:#cecc95; font-size:200%; text-decoration:none;}
#comment ol.comments span.comment_number a:hover {color:#DC8907;}
#comment ol.comments p.head_comment {height:23px; line-height:27px; padding:0 0 0 20px; margin:0 0 0 0;background-color: #dddda6;}
#comment ol.comments p.head_comment a {color:#1F1F1F; text-decoration:none; font-weight:bold;}
#comment ol.comments p.head_comment a:hover {text-decoration:underline;}
#comment ol.comments div p {margin:0; padding:15px 15px 5px 15px; border-left:1px solid #cecc95; border-right:1px solid #cecc95;}
#cpreview ol.comments span.comment_number a {color:#FFA800; }

form#txpCommentInputForm {width:100%; background:#ECECC5 url(../img/addcomment-top.gif) 0 0 no-repeat; margin:25px 0 0 0; padding:0;}
#txpCommentInputForm legend {line-height:26px; padding:0 0 10px 30px; margin:0;}
#txpCommentInputForm fieldset {border-left:1px solid #93D30D; border-right:1px solid #93D30D;}
#txpCommentInputForm input {width:175px; margin-bottom:5px;}
#txpCommentInputForm textarea {overflow:auto; height:100px;margin-bottom:5px;width: 200px;}
#txpCommentInputForm a {color:#000000;}
#txpCommentInputForm .comments-wrapper {padding-bottom:10px; background: url(../img/addcomment-bot.gif) 0 100% no-repeat;}
#txpCommentInputForm .comments-wrapper div {width:180px; padding-left:12px; float:left;}
#txpCommentInputForm input.button {margin:5px; width:auto;}
#txpCommentInputForm input.checkbox {width:auto; margin:0; padding:0;}


/* @end */

/* @group layout */

/* @group home */

#slideshow {
	margin: 0;
	padding: 0;
}

#home-middle, #home-bottom {
	padding: 10px 0;
	margin: 0 10px;
	
	width: 900px;
	clear: both;
}


#home-top {
color: #F1EBC1;
background: #6A3710;
margin: 10px 10px 0 10px;
padding: 0;
height: 240px;
width: 900px;
}

#home-top img {
	margin: 0;
}

#home-top div.left {
	margin-left: 0;
	width: 500px;
}

#home-top div.right {
	padding: 10px 0;
}

#home-top div.right h3 {
   font-size: 1.8em;
	font-family: Georgia, Times, serif;
	line-height: 1.5em;
}

#home-top div.right p,  #home-top div.right h2{
color: #F1EBC1;
font-size: 1.3em;
font-family: Georgia, Times, serif;
line-height: 1.6em;
}

#home-middle {
color: #330000;
padding:15px 0;
background: #F1EBC1;
border-bottom: 1px solid #BBB36B;
border-top: 1px solid #BBB36B;
}

#home-middle div.left,
#home-bottom div.left
 {
	border-right: 1px dotted #BBB36B;
}


#home-middle div.right img{
	float: left;
	margin: 0 10px 3px 0;
	}

#feature h3,
#feature p {
	margin-left: 243px;
}

#feature img {
	float: left;
}

#home-bottom {
padding:15px 0;
background: #FBF9E0 url(images/bg-home-bottom.jpg) top right no-repeat ;
height: 170px;
}

#home-bottom div.box {
	float: left;
	width: 160px;
	background: none;
}

#home-bottom div.box h3 {
	text-align: center;
	margin-top: 3px;
}

#home-bottom div.box img {
	padding: 5px;
	background: #FFF;
	border: 1px solid #BBB36B;
}

#home-bottom div.right {
	line-height: 1.3em;
}

#home-bottom div.right p {
	font-size: 11px;
	line-height: 1.3em;
	margin-top: 0;
}


#home-bottom div.right h3,
#home-bottom div.right p,
#home-bottom div.right a
 {
color: #691E13;		
}

div.feature {
	float: left;
	width: 150px;
	text-align: center;
}

body#home div.feature h3 {
color: #691E13;	
}

/*
#home-middle div.right h3 {
	margin: 0;
}
*/


div.left {
	width: 470px;
	margin-left: 30px;
	float: left;
	display: inline;
}

div.right {
	width: 340px;
	margin-right: 30px;
	float: right;
	display: inline;
}

/* @end */

/*div#coffee {
	position: absolute;
	top: 0;
	right: 0;
}*/

div#coffee-banner {
background:url(/images/bg-coffee.jpg) no-repeat;
width: 450px;	
height: 240px;
color: #FFF;
margin-bottom: 20px;
}

#coffee-banner h2 {
	color: #FFF;
	padding: 20px;
	text-align: right;
}

#container
{
width: 920px;
margin-left: auto;
margin-right: auto;
background:#FAF9ED url(/images/bg.jpg) repeat-y;
border:0px solid #CCC;
}

#container-wide
{
width: 920px;
margin-left: auto;
margin-right: auto;
background:#FAF9ED url(/images/bg-content-wide.jpg) repeat-y;
border:0px solid #CCC;
}


#container-coffee-club
{
width: 920px;
margin-left: auto;
margin-right: auto;
background:#FAF9ED url(/images/bg-cc.jpg) repeat-y;
border:0px solid #CCC;	
}


body#home #container
{
width: 920px;
margin-left: auto;
margin-right: auto;
background:#FFF url(/images/bg-home.jpg) repeat-y;
border:0px solid #CCC;
}

 
#header
{
height: 128px;
width:900px;
margin: 0 auto;
background:#D6CC93 url(/images/bg-header.jpg) top left no-repeat;
/*background:#D6CC93 url(/images/header-free-shipping.jpg) top left no-repeat;*/
}



#left {
font-family: "Trebuchet MS", Verdana,  Tahoma, Helvetica;
width: 210px;
float: left;
margin:0;
padding:0;
margin-top: 0px;
display:inline; /* IE margin bug */
}



#right
{
margin:40px 10px 0 0;
padding:0;
float: right;
width: 190px;
border:0px solid #666666;
display:inline; /*IE margin bug */

}

#center
{
margin:20px 0 0 235px;
margin:20px 0 0 210px;
padding: 0;
padding-bottom: 40px;
width:475px;
width:500px;
border:0px solid #666666;
background:url(/images/bg-beans.jpg) no-repeat bottom right;
}



#center-wide
{
margin:0px 0 0 220px;
padding: 0;
width:690px;
}




#center-wide .pad {
padding: 0 25px;
background: transparent;
}



#center .pad {
padding: 0 25px;
background: transparent;
}



#footer
{
	
margin:0 10px;
font-size:0.9em;
border-top:1px solid #19472D;
clear: both;
padding:5px 10px;
text-align: center;
background-color:#D5CC93;
/*color:#333;*/
border-bottom: 1px solid #704819;
}

#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer li {
	list-style: none;
	display: inline;
}





#search {
height:20px;
padding:5px;
margin:10px 0;
background:url(/images/bg-dark.jpg) repeat;
}


p#viewcart {
margin-top: 20px;
margin-left: 30px;

/*margin-top: 0px;
margin-left: 390px;*/


text-align: right;
color: #FFF;
}


#viewcart a {
	color: #FFF;
	
}

/* @end */

/* @group nav header */

 ul#nav-header {
	margin: 0;
	padding: 30px 0 0 250px;
	list-style: none;
}

#nav-header li {
	margin: 0;
	padding: 0 5px;
	list-style: none;
	display: inline;
}

#nav-header li a {
	color: #FFF;
	font-size: 12px;
}


/* @end */

/* @group nav top */

#nav-top {
	
	width: 900px;
	margin: 0 auto;
	background:url(/images/bg-nav-top.jpg) repeat-y ;
	border-bottom: 1px solid #CBC282;
	border-top: 1px solid #CBC282;
	padding: 0;
	clear: both;
}

#nav-top ul {
	padding: 0;
	width: 900px;
	margin: 0 auto;
	float: left;
	background:url(/images/bg-nav-top.jpg) repeat-y ;
}

#nav-top li {
	list-style: none;
	float: left;
	display: inline;
	/*padding: 0.2em 0.8em;*/
	border-right: 1px solid #CBC282;
}

#nav-top a {
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica;
	font-size: 1.1em;
	font-size: 13px;
	font-weight: bold;
	padding: 0.2em 0.8em;
	text-decoration: none;
	color: #512400;
	display: block;
}

#nav-top a:hover {
	/*text-decoration: underline;*/
	background: #FFF;
}

body.coffee-club a.coffee-club,
body.kona-coffee a.kona-coffee,
body.about a.about,
body.gossip a.gossip,
body.contact a.contact,
body.coffee-blog a.coffee-blog
 {
	background: #FFF;
}

/* @end */

/* @group nav left */

#leftnav {
font-family: Verdana, Arial, sans-serif;
margin-left:10px;
margin-bottom: 30px;
margin-top: 20px;

}

#leftnav div.box {
	background-color:#F2F2E0;
	margin: 5px 0;
	
}




#leftnav  h3 {
font-family: Verdana, Arial, sans-serif;
letter-spacing:0px;
font-size:1.2em;
margin:10px 0;
background: #563B26;
color:#FAF9ED;
padding-left:15px;
}

#leftnav  ul {
margin:0 10px;
padding:0;
padding:1px;
background: #FFF;

}

#leftnav  ul ul {
	margin-left: 0px;
}

#leftnav li {
	font-weight: bold;
font-size: 12px;

list-style:none;
/*background:url(/dev/images/bullet.gif) 0 0.2em  no-repeat;*/
padding: 0;
padding-left:15px;
padding-bottom: 5px;
}

#leftnav li a {
text-decoration:none;
color: #563B26;
}

#leftnav li a:hover {
text-decoration:underline;
color:#333;
}

ul#nav-store {
	border: 1px solid #bbb36b;
}


ul#support-links a {
	font-weight: bold;
}

ul#support-links  {
	padding: 10px;
	background: #FFF;
	margin-top: 10px;
	border: 1px solid #bbb36b;
}

ul#support-links img {
	padding-right: 3px;
}



/* override volusion default style*/
#left_nav ul#support-links li {
background: none;
border: 0;
margin: 0;
padding: 0;	
}

#left_nav ul#support-links  {
	padding: 10px;
	background: #FFF;
	width: 160px;
}

div#note {
	margin: 10px;
	font-size: 0.9em;
	background: #FFF;
	padding:10px;
}

div#note a {
	font-weight: bold;
	color: #990000;
	text-decoration: underline;
}

div#note h5 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	margin-bottom: 5px;
}


div.newsletter {
	background: #FFF;
	padding: 5px;
	margin: 0 10px 10px 10px;
}

h4.newsletter {
font-family:  Verdana, Tahoma, Ariel, Helvetica;
font-size:0.9em;
color:#563B26;
font-weight:bold;
background:#a9751f;
color:#FFF;
margin:10px 10px 0 10px;
padding:0 3px;
width:175px;
}

/* @end */

/* @group right styles */

#right .pad li {
list-style:none;
background:url(/images/bullet.gif) 0 0.2em  no-repeat;
padding-left:15px;
padding-bottom:5px;
}

#right .pad li a {
	text-decoration: none;
}

#right .pad {
	padding: 0 10px 0 0;	
}

#right .pad ul
 {
	margin: 0;
	padding: 0;
}

#right .pad h4 {
font-family:  Verdana, Tahoma, Ariel, Helvetica;
margin:10px 0;
font-size:0.9em;
color:#563B26;
letter-spacing:1px;
font-weight:bold;
text-transform:uppercase;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
}

#right img {
	margin-bottom: 10px;
}


input, form {
margin:0;
padding:0;
}

	






#right h3 {
padding-left: 5px;
background:#E7E7D0;
color:#814C27;
background:#BF923F;
color:#FFF;
text-transform:uppercase;
font-size:1.1em;
letter-spacing:1px;
}


#right ul.articles {
margin: 0;
padding: 0;
list-style-type: none;
}

#right ul.articles li {
margin: 0;
padding-left: 25px;
padding-bottom: 5px;
list-style-type: none;
background: url(images/website_gold_16.gif) 0.2em 0.2em no-repeat;
}

#right div.box ul.articles a {
font-weight:bold;	
text-decoration: none;	
color: #58582C;   
}

/* @end */

/* @group products */

div.product-detail {
width: 450px;	
margin-bottom: 10px;
}

div.product-detail img {
	margin-bottom: 20px;
}

div.product-list {
	width: 450px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #BBB36B;
	float: left;
	padding-bottom: 10px;
}

div.product-list div.info {
	margin-left: 210px;
}

div.product-list .list-image {
	float: left;
	
	
	}
	
	.price {
	font-weight: normal;
}

span.space {
	padding-right: 10px;
}

/* @end */

/* @group articles */

.article-excerpt p {
margin:0;
}


.article-excerpt h3 {
margin:0;
font-size: 1.5em;
font-weight:normal;
}


.article-excerpt h3 a {
text-decoration:none;
color: #A72F1B;
}


p.read-more a {
font-weight: bold;
margin-top: -1em;	
}



article-full h3
 {
font-size: 1.7em;
color: #86860E;
color: #A72F1B;
}



div.article-excerpt h3.excerpt a:hover {
color: #000;
text-decoration:underline;	
}



div.article-excerpt {
padding:10px;
margin:0px;

}

div.article-full {
margin-bottom:20px;
}

/* used in history page */

div.article-container {
float: left;
width: 450px;
margin-bottom: 10px;
}

div.article-container a.left {
float: left;
margin: 0 10px 0 0;
}

div.article-container p {
	margin-top: 0;
}

/* @end */


/*     */

/* @group search */

div.search-results h3 {
font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
font-size:1em;
margin:0;

}

div.search-results p {
margin:0;
}

div.search-results {
margin-bottom:15px;

}

/* @end */

/* @group misc */

#nav-top:after,
#home-middle:after,
#center:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

/* Hides from IE-mac \*/
* html #nav-top,
* html #home-middle,
* html #center
{height: 1%;}
/* End hide from IE-mac */

p.clear {
clear:both;
margin:0;
height:0;
}

.rssThumbs {
	float: left;
}

.rssThumbFloat {
    float: left;
    
    border: 1px solid #999;
    margin: 0 15px 15px 0;
    padding: 5px;
    text-align: center;
    font-size: .85em;
    background: #FFF;
}

/* @end */

/* @group boxes */

.box {
	background: #F2ECC0;
	margin-bottom: 10px;
	padding: 10px;
}

.one {
	background: #F2ECC0 url(/images/one.gif) no-repeat;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 50px;
}

.two {
	background: #F2ECC0 url(/images/two.gif) no-repeat;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 50px;
}


div#map
{
  margin: 20px;
  display: none;
}


/* @end */