/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; }
input[type=checkbox], input[type=radio] { box-sizing: border-box; }
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type=search]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: 
   ========================================================================== */

@import url(http://fonts.googleapis.com/css?family=Coda:800,400);

body {
  padding-top: 60px;
  /*background-image:url('https://s3.amazonaws.com/commonthread_seeds/img/background.jpg');
  background-repeat:repeat-x;
  background-attachment:fixed;
  background-position:center;  */
}

#container {
  width: 982px;
  margin: 0 auto;
}

#mission {
  /*background: #2e2e2e;*/
  background: #52412f;
  color: white;
  width: 166px;
  border: 2px solid #000000;
  height: 260px;
  font-size: 12px;
  position: absolute;
  right: 30px;
  bottom: 0;
  padding-bottom: 38px;
  padding-right: 18px;
  padding-left: 18px;
}

a:link, a:visited {
  text-decoration: underline;
  color: #fff;
}

.masthead {
  /*background: transparent url('https://s3.amazonaws.com/commonthread_seeds/img/main1.jpg') no-repeat center center;*/
  height: 300px;
  width: 677px;
  bottom: 0;
  position: absolute;
  border: 2px solid #000000;
}

.masthead h1 {
  height: 121px;
  width: 245px;
  position: absolute;
  top: -143px;
  left: -16px;
  /*background-image:url('https://s3.amazonaws.com/commonthread_seeds/img/logo.png');*/
  background-image:url('https://s3.amazonaws.com/seeds-coffee/images/seeds-logo-sm.jpg');
  text-indent: -9999em;
}
span.qty input {
    width: 23px;
    border: 1px solid #ccc;
    padding: 3px;
    margin-right: 2px;
}
#related .related_products {
    height: 100px;
    overflow:hidden;
	left:10px;
	position:relative;
	width:548px;
}
#related img {
    width: 65px;
}
nav {
  text-align: right;
  text-align: right;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}

nav a:link, nav a:visited {
  padding: 5px;
  line-height: 50px;
  text-decoration: none;
  color: black;
}

nav a:hover {
  color: #2297c2;
}

nav a.current {
  color: #2297c2;
  }

header {
  height: 348px;
}

#left {
  float: left;
  width: 681px;
}

#right {
  float: right;
  border: 2px solid #000000;
  /*background: #2e2e2e;*/
  background: #52412f;
  color: white;
  width: 166px;
  font-size: 12px;
  padding: 18px;
  padding-top: 48px;
  position: relative;
}

#right h2 {
  position: absolute;
  background: transparent url('https://s3.amazonaws.com/commonthread_seeds/img/horz-tab.png') bottom right no-repeat;
  height: 50px;
  line-height: 38px;
  top: 0;
  text-transform: uppercase;
  right: -29px;
  padding: 4px 20px;
}

ul.newest-list {
  list-style-type: none;
}

#main {
  overflow: auto;
}

#left section {
  padding: 18px 18px 18px 48px;
  border: 2px solid #000000;
  /*background: #585757;*/
  background: #a68a78;
  color: white;
  margin-top: 10px;
  position: relative;
  z-index: 10;
}

#left section h1 {
  position: absolute;
  background: transparent url('https://s3.amazonaws.com/commonthread_seeds/img/vert-tab.png') center left no-repeat;
  height: 48px;
  line-height: 48px;
  padding: 4px 10px 4px 25px;
  text-align: right;
  -webkit-transform: rotate(-90deg); 
  -moz-transform: rotate(-90deg);	
  text-transform: uppercase;
  font-size: 18px;
}

#left section.first {
  margin-top: 0px;
}

/* It's important to set the height and width of a tab so that the position is consistant */
#coffee_tab {
  width: 82px;
  left: -63px;
  top: 34px;
}

#generic_tab {
  width: 50px;
  left: -47px;
  top: 34px;
}

#contact_tab {
width: 88px;
left: -66px;
top: 34px;
}

#mission_tab {
width: 77px;
left: -60px;
top: 34px;
}

#about_tab {
  width: 65px;
  left: -54px;
  top: 34px;
}

#store_tab {
  width: 65px;
  left: -54px;
  top: 34px;
}

#brewing_tab {
  left: -71px;
  width: 96px;
  top: 41px;
}
header, #main, footer {
  position: relative;
  width: 897px;
  padding: 0 30px;
  margin: 10px auto;
  overflow: none;
}

footer {
  text-align: center;
}

/* Form Styles */
#contact-form {
  width: 425px;
  padding: 15px 0;
}

form {
  margin: 0;
}

#contact-form label {
  float: left;
  width: 100px;
  padding: 2px 0;
  font-size: 12px;
  font-weight: bold;
  text-align: right;
  color: #fff;
}

#contact-form input, #contact-form textarea {
  float: left;
  width: 250px;
  margin: 0 25px 8px 10px;
  vertical-align: bottom;
}

#contact-form p, #captcha-div {
  float: left;
  display: inline;
  width: 330px;
  margin: 0 -3px 10px 110px;
}

#contact-submit {
  clear: both;
  display: block;
  width: 125px;
  height: 25px;
  margin: 0 0 0 110px;
  border: 1px solid #868585;
  cursor: pointer;
}

/* -------- */

/* category list */
.categories-list li a {
text-decoration: none;
}
.categories-list li {
padding-bottom: 2px;
}
.categories-list {
list-style-type: none;
font-size: 14px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}
/* -------- */


/* Error code */
div#error {
  display: block;
  margin-bottom: 5px;
  border-top: 1px solid #6C1010;
  border-bottom: 1px solid #6C1010;
  background: #CF3636;
}
div#error ul {
  margin: 0;
  padding: 5px 20px;
  font-size: 13px;
  color: white;
  line-height: 25px;
}
div#error li {
  margin: 0;
  padding: 0 20px;
  font-weight: bold;
  background: url(http://cache1.bigcartel.com/themes/sexy/images/bullet-error.gif) no-repeat 0 7px;
}

.form-error {
  border: 1px solid #cf3636;
}
/* --------- */

/* Content -------------------------------------------------*/

#main-content {
  float: left;
  width: 537px;
  padding: 10px;
  background: #fff;
  }

* html #main-content {
  width: 557px;
  w\idth: 537px;
  }

/*============================================================
 Product List
============================================================*/

#products {
  float: left;
  display: inline;
  margin: 2px 4px 4px 4px;
  }

#products div.product {
  float: left;
  display: inline;
  width: 175px;
  height: 100%;
  position: relative;
  left: 20px;
  }

#products div.product p {
  margin-bottom: 0;
  }

#products .product-img {
  display: inline;
  float: none;
  vertical-align: middle;
  width: 150px;
  border: 1px solid #000000;
  }

#products .product-info {
  float: left;
  width: 157px;
  padding: 5px 9px 11px 9px;
  }

html #products .product-info {
  /*width: 175px;*/
  width: 157px;
  position: relative;
  left: 3px;
  }

#products .product-title {
  margin-bottom: 3px;
  font-size: 11px;
  font-weight: bold;
  line-height: 13px;
  }

#products .product-price {
  float: left;
  font-size: 10px;
  margin-right: 8px;
  }

#products .product-status {
  font-size: 10px;
  font-style: italic;
  }

#products .product-a {
  float: left;
  clear: left;
  display: block;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
  }

#products .product-a h3,
#products .product-a p {
  color: #fff;
  text-align: left;
  text-decoration: none;
  }

#products .product-a:hover h3,
#products .product-a:hover p {
  color: #000000;
  }

#product-1, #product-4, #product-7, #product-10, #product-13, #product-16, #product-19, #product-22, #product-25, #product-28,
#product-31, #product-34, #product-37, #product-40, #product-43, #product-46, #product-49, #product-52, #product-55, #product-58,
#product-61, #product-64, #product-67, #product-70, #product-73, #product-76, #product-79, #product-82, #product-85, #product-88,
#product-91, #product-94, #product-97, #product-100 {
  padding-right: 354px;
  }

#product-2, #product-5, #product-8, #product-11, #product-14, #product-17, #product-20, #product-23, #product-26, #product-29,
#product-32, #product-35, #product-38, #product-41, #product-44, #product-47, #product-50, #product-53, #product-56, #product-59,
#product-62, #product-65, #product-68, #product-71, #product-74, #product-77, #product-80, #product-83, #product-86, #product-89,
#product-92, #product-95, #product-98 {
  margin-left: -352px;
  }

#product-3, #product-6, #product-9, #product-12, #product-15, #product-18, #product-21, #product-24, #product-27, #product-30,
#product-33, #product-36, #product-39, #product-42, #product-45, #product-48, #product-51, #product-54, #product-57, #product-60,
#product-63, #product-66, #product-69, #product-72, #product-75, #product-78, #product-81, #product-84, #product-87, #product-90,
#product-93, #product-96, #product-99 {
  margin-left: -175px;
  }


/* Pagination
------------------------------------------------------------*/

.pagination {
  clear: both;
  padding: 20px 0 15px 0;
  font-weight: normal;
  text-align: center;
  }

.pagination span,
.pagination a {
  padding: 0 3px 0 6px;
  }

.pagination span.disabled {
  display: none;
  }

.pagination span.current {
  font-weight: bold
  }

.pagination span.yadda {
  padding: 5px 4px;
  background: none;
  }

/*============================================================
 Product Detail
============================================================*/

#product {
  overflow: hidden;
}

#product-content {
  float: left;
  width: 100%;
  padding-bottom: 25px;
  }

#product-images {
  float: left;
  width: 300px;
  }

a#product-image span.icon_zoom {
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 20px;
  height: 20px;
  background-image: url({{ 'icon_zoom.png' | theme_image_url }}) !important;
  background-image: url({{ 'icon_zoom.gif' | theme_image_url }});
  background-repeat: no-repeat;
  background-position: -20px;
  z-index: 100;
  cursor: pointer;
  overflow: hidden;
  }

a#product-image:hover span.icon_zoom {
  background-position: 0;
  }

#product-images .product-img {
  margin: 0 0 10px 0;
  }

#product-images .images-nav {
  float: left;
  position: relative;
  width: 300px;
  height: 28px;
  margin: 10px 0 0 0;
  background: #e4e4e4;
  }

#product-images .images-list {
  position: absolute;
  width: 244px;
  top: 0;
  left: 28px;
  padding: 7px 0 8px 0;
  text-align: center;
  }

#product-images .images-list li {
  display: inline;
  padding: 0 5px;
  list-style: none;
  border-left: 1px solid #666;
  }

#product-images .images-list li.image-1 {
  border-left: none;
  }

#product-images .images-prev {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px;
  }

#product-images .images-next {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  }

#product-images .images-prev a {
  display: block;
  width: 18px;
  height: 18px;
  background: url({{ 'btn-prev.gif' | theme_image_url }}) no-repeat;
  }

#product-images .images-next a {
  display: block;
  width: 18px;
  height: 18px;
  background: url({{ 'btn-next.gif' | theme_image_url }}) no-repeat;
  }

#product-images .images-prev span,
#product-images .images-next span {
  display: none;
  }

#product-details {
  float: left;
  width: 215px;
  margin-left: 15px;
  }

#product-details ul {
  margin-left: 17px;
  }

#product-details ol {
  margin-left: 23px;
  }

#product-details li {
  font-size: 11px;
  line-height: 15px;
  list-style: disc;
  }

#product-details ol li {
  list-style: decimal;
  }

#product-details .price {
  width: 100%;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-bottom: .7em;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  border-bottom: 1px solid #ccc;
  }

#product-form {
  clear: both;
  float: left;
  width: 100%;
  }

#product-details .info,
#product-form .options {
  width: 100%;
  padding: .3em 0 .3em 0;
  border-bottom: 1px solid #ccc;
  }

#product-form .options select {
  width: 100%;
  margin: .8em 0;
  }

#product-form .options ul {
  margin: .8em 0;
  }

#product-form .options li {
  list-style: none;
  padding: 1px 5px;
  }

#product-form .options li input {
  text-align: left;
  vertical-align: middle;
  }

#product-form .options li label {
  vertical-align: middle;
  font-weight: bold;
  }

#product-form .options li.sold label {
  font-weight: normal;
  color: #999;
  }

#product-addtocart {
  clear: both;
  display: block;
  width: 100px;
  height: 20px;
  margin-top: 15px;
  border: none;
  background: url({{ 'btn-addtocart.gif' | theme_image_url }}) no-repeat;
  cursor: pointer;
  }

#product-addtocart span {
  text-transform: uppercase;
  font-weight: bold;
  }

#product-details div.sold h4,
#product-details div.soon h4 {
  margin-top: .8em;
  font-size: 18px;
  font-weight: bold;
  }

#product-details div.sold h4 {
  color: #cf3636;
  }

#inventory {
  float: left;
  width: 100%;
  padding: 10px 0 12px 0;
  border-bottom: 1px solid #ccc;
  }

#inventory h3 {
  font-size: 12px;
  margin-bottom: 1em;
  }

#inventory ul {
  margin: 0;
  }

#inventory li {
  float: left;
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 3px;
  background: #f2f2f2;
  list-style: none;
  }

#inventory .bar {
  display: block;
  position: relative;
  height: 14px;
  background: #dadada;
  }

#inventory .bar span {
  position: absolute;
  left: 5px;
  top: 1px;
  width: 150px;
  height: 12px;
  font-size: 10px;
  line-height: 12px;
  overflow: hidden;
  }

#inventory .bar span em {
  display: none;
  }

#inventory span.sold {
  position: absolute;
  top: 1px;
  right: 5px;
  font-size: 10px;
  color: #ccc;
  line-height: 12px;
  }



/*============================================================
 Cart
============================================================*/

#cart-content {
  overflow: hidden;
  }

#cart-table {
  text-align: left;
  border-collapse: collapse;
  border-spacing: 0;
  }

#cart-table td,
#cart-table th {
  text-align: left;
  }

#update-btn-head {
  display: none;
  }


/* Cart Table Columns --------------------------------------*/

#col-item    { width: 445px; }
#col-price    { width: 65px; }
#col-qty    { width: 40px; }
#col-total    { width: 65px; }
#col-options  { width: 30px; }


/* Cart Table Header ---------------------------------------*/

#cart-head {
  font-size: 12px;
  color: #fff;
  background: #404040;
  }

#cart-head th {
  padding-top: 11px;
  padding-bottom: 11px;
  }

#head-item {
  padding-left: 10px;
  }

#head-options span {
  display: none;
  }


/* Cart Table Body -----------------------------------------*/

#cart-body {
  font-size: 11px;
  }

#cart-body th {
  padding-left: 10px;
  font-weight: normal;
  }

#cart-body td {
  padding: 9px 12px 9px 0;
  }

#cart-body tr.row-alt th,
#cart-body tr.row-alt td {
  /*background: #f0f0f0;*/
  }

#cart-body .item-price {
  padding-right: 5px;
  }

#cart-body .item-qty input {
  width: 2em;
  }

#cart-body .item-total {
  font-weight: bold;
  }

#cart-body .item-options {
  text-align: center;
  }

#cart-body .item-options .remove-btn {
  width: 13px;
  height: 13px;
  background: url({{ 'btn-delete.gif' | theme_image_url }}) no-repeat;
  border: none;
  cursor: pointer;
  display: block;
  }

#cart-body .item-options span {
  display: none;
  }


/* Cart Footer ---------------------------------------------*/

#cart-footer {
  margin: 10px 0;
  }

#cart-footer .cart-update {
  padding: 10px 0;
  text-align: right;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  }

#cart-footer .update-btn {
  width: 205px;
  height: 20px;
  border: none;
  background: url({{ 'btn-update.gif' | theme_image_url }}) no-repeat;
  cursor: pointer;
  }

#cart-footer .cart-shipping {
  float: left;
  display: inline;
  margin: -31px 0 0 11px;
  }

#cart-footer #country {
  width: 160px;
  margin-left: 5px;
  padding: 2px 0;
  font-size: 11px;
  }

#cart-footer .cart-discount {
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  text-align: right;
  }

#cart-footer #cart_discount_code {
  width: 80px;
  margin-left: 10px;
  }

#cart-footer .cart-discount p {
  margin: 1px 0;
  }

#cart-footer .cart-total {
  padding: 15px 0;
  text-align: right;
  border-bottom: 1px solid #ddd;
  }

#cart-footer .cart-total h3 {
  font-size: 16px;
  margin: 0;
  }

#cart-footer .cart-total p {
  margin-bottom: 0;
  font-size: 9px;
  color: #999;
  }

#cart-footer .cart-total #cart-shipping-tax p {
  margin-bottom: 7px;
  font-size: 11px;
  color: #666;
  }

#cart-footer .cart-options {
  float: right;
  margin-top: 10px;
  }

#cart-footer .cart-checkout {
  float: left;
  }

#cart-footer .checkout-btn {
  width: 95px;
  height: 20px;
  margin-left: 8px;
  background: url({{ 'btn-checkout.gif' | theme_image_url }}) no-repeat;
  border: none;
  cursor: pointer;
  }

#cart-footer .update-btn span,
#cart-footer .checkout-btn span {
  text-transform: uppercase;
  font-weight: bold;
  }

span.total-discount,
span.total-shipping {
  font-weight: bold;
  }


#button {
	border-right: 1px solid #000;
	margin-bottom: 1em;
	color: #333;
}

#button ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
	
#button li {
	margin: 0;
	list-style: none;
	list-style-image: none;
}
	
#button li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 10px solid #2E2E2E;
	color: #fff;
	text-decoration: none;
	width: 100%;
        font-weight: bold;
        text-transform: uppercase;
}

html>body #button li a {
	width: auto;
}

#button li a:hover {
	border-left: 10px solid #868585;
	color: #fff;
}


/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== media queries ====================================================== */

@media only screen and (min-width: 480px) {


}

@media only screen and (min-width: 768px) {

}



/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}