/* Base Styles */

@import url('reset.css');
/*@import url('grid.css');*/
@import url('typography.css');
/*@import url('forms.css');*/
@import url('slimbox.css');

body {
  color: #444;
  font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  background: #fff;
}

div#container {
/*  background-color: #f4f4f0;*/
/*  background-image: url(grid.png);*/
  text-align: left;
  width: 960px;
  margin: 0 auto;
}


/* Header */

#header {
  margin: 20px 0;
}
#zkano_logo a {
  background-image: url(zkano_logo.gif);
  background-repeat: no-repeat;
  width: 99px;
  height:32px;
  text-indent: -9000px;
  float: left;
}
ul#navigation {
  margin: 0 0 0 131px;
  padding-top: 10px;
}
ul#navigation li {
  display: inline;
  padding-right: 30px;
}
#shopping_bag a {
  float: right;
  margin-right: 20px;
  background: url(shopping_bag_icon.gif) no-repeat;
  padding-left: 20px;
}


/* Content */
#content {
  clear: both;
  min-height: 600px;
  margin-bottom: 10px;
}


/* home page */

#primary_message {
  height: 600px;
  background: url(home_page_photo.jpg) no-repeat;
}
#message {
  text-indent: -9000px;
  position: relative;
  top: 15%;
  margin-left: auto;
  width: 295px;
  height: 72px;
  background: url(be_good_feel_good.png) no-repeat;
}

#intro_message {
  text-align: left;
  background-color: #fff;
  padding: 10px;
}

#intro_message h1 {
font-size: 1.8em; line-height: 1;
}

#intro_message p {
font-size: 1.2em; line-height: 1.6em; margin-bottom: 0.5em;
}

#secondary_message {
  text-align: right;
  background-color: #eee;
  padding: 5px 10px;
}

/* Footer */
#footer {
  clear: both;
  border-top: 1px solid #999;
}

#left_footer {
 float: left; 
}

#left_footer a {
 margin-right: 10px;
}

#right_footer {
  float: right;
  font-size: 0.75em;
}


/* Product Catalog */

.product {
  float: left;
  width: 230px;
  margin: 0 5px 40px;
}
.product a img {
  display: block;
  width: 230px;
  height: 230px;
}
.swatch {
  margin: 5px 5px 0 0;
  float: left;
  border: 1px solid #ddd;
  height: 13px;
  width: 13px;
}
.swatch.white {
  background-color: #fff;
}
.swatch.natural {
  background-color: #e0d1ba;
}
.product_name {
  clear: both;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  color: #d40;
  font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  font-weight: normal;
}


/* Product Detail Page */

#product_description h2 {
  font-size: 1.3em;
}

#product_description {
  padding-top: 50px;
  padding-left: 10px;
  width: 460px;
  float: left;
}

#product_description em {
  font-size: 0.85em;
  color: #888;
  font-style: normal;
}

#product_gallery {
  float: left;
}

#product_image img {
}

#add_to_cart_button {
  margin-top: 10px;
  border: 0;
  padding: 2px 5px;
  color: #fff;
  background-color: #d40;
  display: block;
  clear: both;
}

#add_to_cart_button:hover, #proceed_to_checkout_button:hover, #update_quantity_button:hover {
  background-color: #666;
}

#add_to_cart_button.disabled {
  background-color: #ccc;
}

#product_thumbnails {
  display: none;
}

#product_sold_out_message {
  color: red;
}


/* Shopping Cart */

table#cart {
  border-collapse: collapse;
}

#cart td {
  border-top: 1px solid #bbb;
  padding-bottom: 20px;
}

#cart th, #cart td  {
  padding-left: 5px;
}

#cart_total {
  border-top: 4px double #ccc;
  padding-top: 10px;
}

#total {
  font-weight: bold;
}

#proceed_to_checkout_button {
  margin-top: 10px;
  border: 0;
  padding: 2px 5px;
  color: #fff;
  background-color: #d40;
  display: block;
  clear: both;
}

#update_quantity_button {
  margin-top: 10px;
  border: 0;
  padding: 2px 5px;
  color: #fff;
  background-color: #d40;
}


/* Page template */

#page h1 {
  font-size: 1.15em;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 50px;
  margin-left: 320px;
}

#page #left_column {
  margin-top: 50px;
  margin-right: 90px;
  width: 230px;
  float: left;
  font-size: 0.85em;
  color: #888;
}

#page #left_column h2 {
  color: #f40;
}

#page #right_column {
  width: 390px;
  float: left;
}


/* Links */
a { 
  outline: 0; /* remove the outline from firefox */
  color: #666;
  text-decoration: none;
}

a:hover {
  color: #000;
}

/* links in the content section are orange */
#content a {
  color: #f40;
}

#content .product_name a {color: #666;}

#content a:hover {
  color: #000;
}

/* variant selector (shopify javascript generated)*/
div.selector-wrapper label {
  font-weight: normal;
  margin-right: 5px;
}