/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/


* {
	margin: 0;
	padding: 0;
}

body {
	background: url(images/new_background.jpg) repeat-x top left;
background-color:#9A8359;
}

body, th, td, textarea { /* input, */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #666666;
	font-weight: normal;
}

form {
}

fieldset {
}

/*input, textarea {
	font-weight: normal;
	border: 1px;
	border-style: solid;
	border-color: brown;
	font-size: 1em;
}*/
/*
input.text {
	padding: 2px 5px;
	background: #F8FAEB;
	border-top: 1px solid #4D5719;
	border-left: 1px solid #4D5719;
	border-right: 1px solid #626456;
	border-bottom: 1px solid #626456;
}*/

/*input.button {
	background: #3C7BCF;
	border-top: 1px solid #3C7BCF;
	border-left: 1px solid #3C7BCF;
	border-right: 1px solid #3C7BCF;
	border-bottom: 1px solid #3C7BCF;
	color: #FFFFFF;
}*/

h1, h2, h3 {
	margin-top: 1.5em;
	color: #626456;
}

h1 {
	letter-spacing: -.075em;
	font-size: 3em;
}

h2 {
	letter-spacing: -.05em;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
	color: #8D8E85;
}

h3 {
	font-size: 1em;
}

p, ul, ol {
	margin-top: 18px;
	line-height: 24px;
	font-size: 14px;
}

ul, ol {
	margin-left: 3em;
}

blockquote {
	margin-left: 3em;
	margin-right: 3em;
}

a {
	text-decoration: none;
	color: #80AB00;
}

a:hover {
	border: none;
	color: black;
	
}

h1 a, h2 a, h3 a {
	border: none;
	text-decoration: none;
	color: #80AB00;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	background: none;
	color: #80AB00;
}

hr {
	display: none;
}

/* Wrapper */

#wrapper {
background-color:white;
}

/* Header */

#header {
	width: 90%;
	margin: 0 auto;
max-width:976px;
/*background: url(images/img02.gif) no-repeat top left;*/
}

#menu {
	height: 52px;
	width: 100%;
max-width:976px;
}
#menu .selected,
#menu a.selected:hover{
color: #95CC28 !important;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
width:19.9%;
text-align:center;
display:inline;
}

#menu a {
width:100%;
	/*display: block;*/
	float: left;
	/*height: 30px;*/
line-height:52px;
	padding: 0px 0px;
	/*background: url(images/img05.gif) no-repeat bottom center;*/
	letter-spacing: -1px;
	text-decoration: none;
	text-transform: lowercase;
	font-size: 20px;
	color: #FFFFFF;
font-weight:bold;
}

#menu a:hover {
	color: #D6EFA4;
}

#menu .current_page_item a {
	color: #FFFFFF;
}

#search {
	float: right;
	width: 260px;
	margin: 0px;
	padding-top: 7px;
}

#search fieldset {
	border: none;
}

#search #s {
	width: 160px;
}

#search #x {
	width: 80px;
}

/* Logo */

#logo {
	max-width:976px;
	width:90%;
	height: 178px;
	margin: 0 auto;
	background: url(images/new_beans.jpg) repeat-x center top;
}
#logo_leftside{
background-color:green;
background: url(images/new_logoFrame_left.gif) no-repeat left top;
width:50%;
float:left;
}
#logo_rightside{
background-color:red;
background: url(images/new_logoFrame_right.gif) no-repeat right top;
width:49.9%;
float:right;
}
#logo_leftside, #logo_rightside{
display:inline;

height: 178px;
}

#logo h1, #logo h2 {
	margin: 0;
	padding: 0;
	text-transform: lowercase;
}

#logo h1 {
	padding: 12px 5px 0 24px;
	font-size: 48px;
	color: white;
line-height:46px;
}

#logo h2 {
	padding: 130px 18px 0 0;
	letter-spacing: -1px;
	font-size: 16px;
	color: white;
text-align:right;
}

#logo p {
	clear: left;
	margin: 0;
	padding: 0 0 0 20px;
	line-height: normal;
	font-size: 1.2em;
	font-weight: bold;
	color: #C2C5B1;
}

#logo a {
	color: #DAF79B;
}

/* Page */

#page {
background-color:white;
background-image:url(images/new_bottom_red.jpg);
background-position:bottom center;
background-repeat:repeat-x;
}

/* Content */

#content {
margin:0 auto;
max-width:800px;
width:90%;
}

.post {
padding-top:24px;
padding-bottom:18px;
width:99.9%;
}


.post .title {
	margin: 0;
	font-weight: normal;
	background: url(images/img07.gif) no-repeat left -20%;
	
}

.post h1.title {

	padding:0 0 0 50px;
	font-size: 30px;
line-height:45px;
	text-transform: lowercase;
	border-bottom: 2px solid #666666;
font-weight:bold;
display:block;
margin-top:4px;
}

.post .entry {
	padding: 0 10px 30px 15px;
}

.post .meta {
	margin: 0;
	padding: 0px 0px 0px 50px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CFCFCF;
}

.post .meta a {
	color: #95CC28;
}

.post .links {
	margin: 0;
}

.post .tags {
	margin: 0;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: bold;
	background: url(images/img04.gif) repeat-x;
}

.post .links a, .post .tags a {
	border: none;
}

/* Recent Posts */

#recent-posts {
}

#recent-posts h2 {
	margin: 0;
	border-bottom: 2px dashed #666666;
	background: url(images/img06.gif) no-repeat left 80%;
	padding: 15px 0  0 30px;
	height: 30px;
	color: #80AB00;
}

#recent-posts h3 {
	margin: 0;
	font-size: 13px;
	padding: 15px 0  0 15px;
	background: url(images/img04.gif) repeat-x left bottom;
}

#recent-posts p {
	margin: 0 0 10px 0;
	padding: 15px 0  0 15px;
	line-height: 22px;
	font-size: 13px;
}

/* Sidebars */

.sidebar {
	float: left;
}

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar li {
	margin-bottom: 2em;
}

.sidebar li ul {
}

.sidebar li li {
	margin: 0;
}

.sidebar li h2 {
	margin: 0 0 1em 0;
	color: #80AB00;
}

#sidebar1 {
	width: 230px;
	padding: 0px 0px 0px 20px;
}

#sidebar2 {
	width: 240px;
	padding: 0px 20px 0px 20px;
}

#sidebar2 li h2 {
	margin: 0 0 1em 0;
	background: url(images/img06.gif) no-repeat left 80%;
	padding: 15px 0  0 30px;
	border-bottom: 2px dashed #666666;
	height: 30px;
}

#sidebar2 li ul {
	line-height: normal;
	background: url(images/img04.gif) repeat-x;
}

#sidebar2 li li {
	padding: 5px;
	background: url(images/img04.gif) repeat-x left bottom;
	font-size: .8em;
}

#sidebar2 li a {
	border: none;
	padding-left: 10px;
}

#sidebar2 li a:hover {
	border: none;
	padding-left: 10px;
}


/* Calendar */

#calendar {
	margin: 0 auto;
}

#calendar caption {
	font-weight: bold;
}

#calendar table {
	width: 220px;
	text-align: center;
	border-collapse: collapse;
}

#calendar thead th {
	background: #CCCCCC;
	color: #FFFFFF;
}

#calendar tbody td {
	background: #EEEEEE;
}

#calendar #today {
	background: #B8D03B;
	font-weight: bold;
	color: #FFFFFF;
}

#calendar a {
	font-weight: bold;
}

#calendar #prev {
	text-align: left;
}

#calendar #next {
	text-align: right;
}

/* Footer */

#footer {
background-color:#9A8359;
}

#footer p {

	text-align: center;
	font-size: 9px;
	color:white;
	font-weight:bold;
}

#footer a {
	color: #3A2905;
}

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 text-align: justify;
}



/* Cart Box */
#sortBox{
display:block;
	width: 99.7%;

	margin: 0 auto 10px auto;
text-align:center;
border:1px solid gray;
border-top:none;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
}
#sortBox a{
display:inline;
text-align:center;
margin:0 1%;
line-height:26px;
width:auto;
padding:6px 6px;
font-size:12px;
font-weight:bold;
}
#sortBox a:hover,
#sortBox a.selected{
background-color:#666;
color:white;
}
#sortBox p{
font-weight: bold;
text-align:left;
margin:0 0 0 0;
padding:0;
width:100%;
color:white;
background-color:#666666;
}



#buttons{
display:block;
padding-top:6px;

width:99.9%;
height:22px;
}
#buttons a.backbutton{
float:left;
display:inline;
opacity:1.0;
line-height:24px;
margin:0px;
font-weight:bold;
color:#A52A2A;
font-size:14px;
}
#buttons a.backbutton:hover{
	color:#666666;
}
#buttons img{
border:none;
margin-top:0px;
/*margin:6px 0 0 0;*/
}
#buttons p{
display:inline;
float:right;
margin:0px !important;
padding:0px !important;
/*
width:99.9%;
text-align:right;
line-height:66px;*/
}
#buttons a{
float:right;
border:none;
opacity:.70;
display:inline;
margin:0 0 0 6px;

/*float:right;
display:inline;*/
}
#buttons a:hover{
opacity:1;
}
#cartWidget{
	float: right;
display:inline; 
	width: 24%; 
	height: auto; 
	margin-top: 10px; 
}
#cartWidget h2{
margin-top: 0px; 
color: blue;
}
.productDetails{
width:72% !important;
float:left !important;
display:inline !important;
}
#itemForm{
	float: left; 
	height: auto; 
	border: 1px; 
	border-style: solid; 
	border-color: black; 
	background: #DDDDDD; 
	padding: 2px;
display:block;
margin-bottom:24px;
width:100%;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#itemForm h5{
width:98%;
margin-left:3%;
margin-bottom:12px;
font-size:16px;
line-height:24px;
}
#itemForm .formBlock{
width:23.8%;
display:inline;
float:left;
margin-left:1%;
font-size:11px;
margin-top:0px;
}
#itemForm .formBlock select{
display:block;
float:left;
width:99%;
}
#itemForm .submitButton input{
margin-left:43%;
width:14%;
margin-top:24px;
margin-bottom:12px;
}
/* =================== */
/* =================== */
/* =================== */
/* Cart and Cart Items */
#items,
#theCart{
	float: left; 
	width: 99.9%; 
	height: auto;
	margin-bottom:24px; 
}
.item{
	float: left; 
	cursor: pointer;
width:100%;
margin-bottom:8px;
border:1px solid gray;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#theCart .item{
cursor:default;
background-color:#FFFCDF;
}

.item .icon{
	float: left; 
	color: brown;
margin-left:1%;
padding:16px 0;
}
.item .icon img{
border:none;
}
#theCart .icon{
width:50px;
text-align:center;
}
#theCart .column1{
float: left;
margin-left:1%;
padding:16px 0;
width:10%;
}
.item .title{
	float: left; 
	color: brown; 
	background: none;  
	width:32%;
margin-left:1%;
padding:16px 0;
}
#theCart .column2{
	float: left;
	width:30%;
margin-left:1%;
padding:16px 0;
}
.item .title h3,
a.cart_item_link{
	font-size: 1.2em; 
	font-weight: bold;
	color: black;
	margin:0px;
	padding:0px;
}
.item .blend{
padding:16px 0;
	float: left; 
	color: brown; 
	background: none;  
	width:24%;
}
.item .grind{
	float: left; 
	color: brown; 
	background: none;  
	padding:16px 0;
width:24%;
}
#theCart .column3{
float: left; 
	padding:16px 0;
width:36.99%;
}
#theCart .column4{
float: left; 
	padding:16px 0;
width:10%;
}
#theCart .column5{
float: left; 
	padding:16px 0;
width:10%;
}
.item .pricing{
	float: left;
	color: brown; 
	background: none; 
padding:16px 0;
width:9%;
}
#theCart .columnTitles{
margin:24px 0 18px 0;
background-color:#EFEFEF;
width:100%;
float:left;
height:32px;
border:1px solid #DFDFDF;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#theCart .column{
height:14px !important;
padding:4px 0px !important;
color:gray !important;
line-height:24px;
}


.submitCartContainer{
	float: right; 
	width: 100%;
	text-align: right;
margin:0px;
margin-bottom:12px;
}
.submitCartContainer p{
margin:12px 0px 0px 0px;
padding:3px 12px 3px 3px;
background-color:#EDFFCF !important;
border:1px solid gray;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.submitCartContainer input{
margin-top:18px;
margin-bottom:36px;
}


/*    ###########################   */
#mgmtContainer{
	width: 99.7%;
display:block;
float:left;
margin-bottom:24px;
border:1px solid #666666;
/*border-bottom:1px solid #666666;
border-right:1px solid #666666;
border-left:1px solid #666666;*/
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
}
#productlist{
	float: left;
	width: 27.8%;
	overflow-x: hidden;
	/*background: #FAFAFA;*/
	display:inline;
	margin-left:2%;
padding-bottom:18px;
}
#mgmtButtonArea{
	float: right; 
	width: 100%;
display:inline;
background-color:#666666;
}
#mgmtButtonArea .button{
float:right;
margin:6px 6px 6px 0;
}

#statusmsg{
	float: right;
display:inline;
	width: 70%;
	height: 30px; 
	text-align: center;
border-bottom:1px solid #666;
line-height:32px;
color:red;
}
#itemCount{
width:100%;
line-height:49px;
font-size:16px;
}

#maindisplayframe{
	float: right; 
	width: 70%; 
	height: auto; 
display:inline;
padding-top:12px;
padding-bottom:12px;
}


#maindisplayframe p.buttonLabel{
color:white;
margin:0px;
padding:0px;
height:42px;
line-height:36px;
background-image:url(images/productbutton.gif);
background-position:center top;
background-repeat:no-repeat;
width: 210px;
cursor: pointer;
font-weight:bold;
font-size:18px;
text-align:center;
}

#maindisplayframe input,
#maindisplayframe textarea{
width:96%;
margin-left:6px;
}
#maindisplayframe textarea{
width:96%;
height:120px;
}
#maindisplayframe div.block{
width:97.9%;
float:left;
margin:0 0 0 0;
border-bottom:1px solid gray;
padding-bottom:48px;
padding-top:6px;
padding-left:2%;
}
#maindisplayframe div.block_last{
border-bottom:none;
text-align:center;
}
#maindisplayframe div.block_last input{
width:50%;
}
#maindisplayframe div.block .column_title{
width:100%;
float:left;
display:block;
margin-bottom:12px;
}
#maindisplayframe div.block .subblock_column{
width:48%;
display:inline;
float:left;
}
#maindisplayframe div.block .subblock_column h3{
margin:0px;
padding:0px;
line-height:18px;
float:left;
font-size:14px;
border-bottom:1px solid gray;
width:90%;
}
#blendprice div span,
#roastprice div span{
margin:0 0 0 0;
padding:0px;
font-weight:bold;
}
#blendprice select,
#roastprice select{
}
#blendprice div div,
#roastprice div div{
}
#blendprice div div div,
#roastprice div div div{
}

#blendprice,
#roastpriceC,
#roastpriceD{
}
#blendprice,
#roastpriceC,
#roastpriceD{
/*margin-top:2px;
margin-bottom:4px;
float:left;
display:block;
width:100%;*/
margin-top:18px;
}
#blendpriceC,
#blendpriceD,
#priceroast1C,
#priceroast2C,
#priceroast3C,
#priceroast4C,
#priceroast1D,
#priceroast2D,
#priceroast3D,
#priceroast4D{
/*margin-top:6px;
float:left;
display:block;
width:100%;*/
margin-bottom:8px;
margin-left:12px;
}
#blendpriceC select,
#blendpriceD select,
#priceroast1C select,
#priceroast2C select,
#priceroast3C select,
#priceroast4C select,
#priceroast1D select,
#priceroast2D select,
#priceroast3D select,
#priceroast4D select{
width:50px;
}

#productEditMenu{
	float: left;
display:block;
	width: 94%;
text-align:center;
margin:-12px 0 0 4%;
padding:0px;

}
#edit_displayTitle{
	float: left;
	width: 95.9%;
margin-left:4%;
font-weight:bold;
color:black;
font-size:24px;
margin-top:12px;
margin-bottom:12px;
}
#edit_displayDetails{
float: left;
	width: 95.9%;
margin-left:4%;
}
#productEditMenu .edit_displaybutton{
display:inline;
float:left;
}
#productEditMenu .edit_displaybutton img{
display:inline;
float:left;
}
#productEditMenu .edit_displaybutton a{
line-height:36px;
float:left;
display:inline;
color:red;
font-weight:bold;
font-size:18px;
color:#95CC28;
}
#productEditMenu .edit_displaybutton a:hover{
color:#A21C32;
}
#productEditMenu img{
width:20px;
height:20px;
}
#delete_button{
border-right:1px solid black;
border-left:1px solid black;
margin-right:17px;
padding-right:18px;
padding-left:18px;
}
#delete_button img{
width:20px;
height:20px;
margin-top:9px;
margin-right:2px;
}
#delete_button a{
padding-right:0;
}
#edit_button img{
margin-right:6px;
margin-top:10px;
width:15px;
height:15px;
}
#edit_button,#delete_button{
}

img#toggle1{
width:14px;
height:14px;
margin-top:2px;
float:left;
display:inline;
position:relative;
}
.toggleLabel{
font-size:16px;
font-weight:bold;
font-family:Arial;
margin-left:2px;
float:left;
display:inline;
position:relative;
width:85%;
}
#toggleButtonBlock{
line-height:19px;
cursor:pointer;
display:block;
}
.product_sideButton{
display:block;
float:left;
}
.product_sideButton div{
font-size:12px;
margin:6px 0 0px 5px;
border-top:1px solid #DFDFDF;
padding-top:6px;
line-height:14px;
cursor:pointer;
}

#contactForm{
width:100%;
margin-bottom:36px;
padding-top:6px;
}

#contactForm textarea,
#contactForm input{
width:75%;
display:block;
}
#contactForm textarea{
height:120px;
}
#contactForm input#submit{
width:150px;
}

/*    ###########################   */
.clear {
	padding:0px;
	margin:0px;
	line-height:0px;
	height:0px;
	font-size:0px;
	clear:both;
}