/* @override 
	http://zenmatchatea/sites/zenmatchatea/themes/zenmatchatea/css/style.css
	http://zenmatchatea/sites/zenmatchatea.com/themes/zenmatchatea/css/style.css
	http://zenmatchatea.com/sites/zenmatchatea.com/themes/zenmatchatea/css/style.css
*/
/**
 * Page Styling
 *
 */


/*
 * Body
 */
body {
  margin: 0;
  background: #c60822 url(../images/_zmt_bg.gif) repeat;
}

#page-wrapper-wrapper {
  background: url(../images/bg-pagewrapper-top.png) repeat-x;
}

#page-wrapper {
  background: url(../images/bg-header-tea_plantation.jpg) no-repeat center top;
}

#page {
  
}

#page-inner {
}

/*
 * Header
 */
#header {
  
}

#header-inner {
  padding-right: 180px;
  background: url(../images/thruth-in-tea_black.png) no-repeat 803px center;
}

#logo /* Wrapping link for logo */ {
  float: left;
  margin: 9px 20px 0;
  padding: 0;
}

#name-and-slogan /* Wrapper for website name and slogan */ {
}

h1#site-name,
div#site-name /* The name of the website */ {
  margin: 0;
  font-size: 2em;
  line-height: 1.3em;
}

#site-name a:link,
#site-name a:visited {
  color: #000;
  text-decoration: none;
}

#site-name a:hover {
  text-decoration: underline;
}

#site-slogan /* The slogan (or tagline) of a website */ {
}

.region-header /* Wrapper for any blocks placed in the header region */ {
  overflow: hidden;
}

/*
 * Main (container for everything else)
 */
#main {
	
}

#main-inner {
}

/*
 * Content
 */
#content {
  
}

#content-inner {
  background: transparent url(../images/bg-content-bottom.png) no-repeat center bottom; 
  padding-bottom: 25px; 
  margin: 0 -9px;
}

#content-inner-inner {
  background: transparent url(../images/bg-content-mid.png) repeat-y center;
  /*margin: 0 -9px;*/
  padding: 10px 26px;
}

#mission /* The mission statement of the site (displayed on homepage) */ {
}

.region-content-top /* Wrapper for any blocks placed in the "content top" region */ {
}

#content-header /* Wrapper for breadcrumb, title, messages, tabs, and help */ {
}

.breadcrumb /* The path to the current page in the form of a list of links */ {
  /* Undo system.css */ padding-bottom: 0; 
  font-size: .8em
  
}

h1.title {
  /*border-bottom: 1px dotted #ccc;*/
  margin-bottom: .5em;
}

h1.title, /* The title of the page */
h2.title, /* Block title or the title of a piece of content when it is given in a list of content */
h3.title /* Comment title */ {
  margin: 0;
  color: #006301;
}

tr.even /* Some tables have rows marked even or odd. */ {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

tr.odd {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

div.messages /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */ {
}

div.status /* Normal priority messages */ {
}

div.warning,
tr.warning /* Medium priority messages */ {
  /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
}

div.error,
tr.error /* High priority messages. See also the .error declaration below. */ {
}

.error /* Errors that are separate from div.messages status messages. */ {
  /* color: #e55; */ /* Drupal core uses a #e55 background */
}

.warning /* Warnings that are separate from div.messages status messages. */ {
  /* color: #e09010; */ /* Drupal core uses a #e09010 background */
}

div.tabs /* See also the tabs.css file. */ {
}

.help /* Help text on a page */ {
  margin: 1em 0;
}

.more-help-link /* Link to more help */ {
  font-size: 0.85em;
  text-align: right;
}

#content-area /* Wrapper for the actual page content */ {
}

ul.links /* List of links */ {
  margin: 1em 0;
  padding: 0;
}

ul.links.inline {
  margin: 0;
  display: inline;
}

ul.links li {
  display: inline;
  list-style-type: none;
  padding: 0 0.5em;
}

.pager /* A list of page numbers when more than 1 page of content is available */ {
  clear: both;
  margin: 1em 0;
  text-align: center;
}

.pager a,
.pager strong.pager-current /* Each page number in the pager list */ {
  padding: 0.5em;
}

.feed-icons /* The links to the RSS or Atom feeds for the current list of content */ {
  margin: 1em 0;
}

.more-link /* Aggregator, blog, and forum more link */ {
  text-align: right;
}

.region-content-bottom /* Wrapper for any blocks placed in the "content bottom" region */ {
}

/*
 * First sidebar (on left in LTR languages, on right in RTL)
 *
 * Remember to NOT add padding or margin to your #sidebar-first
 * (see the layout.css file.)
 */
#sidebar-first, #sidebar-second {
  background: transparent url(../images/bg-sidebar-bottom.png) no-repeat left bottom;
  font-size: .9em;
}

#sidebar-first-inner, #sidebar-second-inner {
  background: transparent url(../images/bg-sidebar-mid.png) repeat-y;
  margin: 0 0 65px;
  padding: 10px 22px 20px;
}

#sidebar-first {
  
}
#sidebar-first-inner {
  overflow: hidden;
  padding-top: 0;
}

/*
 * Second sidebar (on right in LTR languages, on left in RTL)
 *
 * Remember to NOT add padding or margin to your #sidebar-second
 * (see the layout.css file.)
 */
#sidebar-second {
}

#sidebar-second-inner {  
}

#sidebar-first .region-left {
  /*padding-bottom: 93px;
  background: url(../images/truth-in-tea_white.png) no-repeat center bottom;*/
}

#sidebar-second .region-right,
#sidebar-first .region-left {
  padding-bottom: 39px;
  background: url(../images/sprig.jpg) no-repeat center bottom;
}

/*
 * Footer
 */
#footer {
}

.region-footer {
}

#footer-message  {
  color: #fff;
  text-align: center;
  font-size: .8em;
  margin: 1em;
}

/*
 * Closure
 */
#closure-blocks /* Wrapper for any blocks placed in the closure region */ {
}

/*
 * Drupal boxes
 *
 * Wrapper for Comment form, Comment viewing options, Menu admin, and
 * Search results.
 */
.box /* Wrapper for box */ {
}

.box h2 /* Box title */ {
}

.box .content /* Box's content wrapper */ {
}

/*
 * Markup free clearing (See: http://www.positioniseverything.net/easyclearing.html )
 */
.clearfix:after,
#content-area:after,
.view-uc-products-featured .views-row:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/**
 * Hide elements from all users.
 *
 * Used for elements which should not be immediately displayed to any user. An
 * example would be a collapsible fieldset that will be expanded with a click
 * from a user. The effect of this class can be toggled with the jQuery show()
 * and hide() functions.
 */
.element-hidden {
  display: none;
}

/**
 * Hide elements visually, but keep them available for screen-readers.
 *
 * Used for information required for screen-reader users to understand and use
 * the site where visual display is undesirable. Information provided in this
 * manner should be kept concise, to avoid unnecessary burden on the user. Must
 * not be used for focusable elements (such as links and form elements) as this
 * causes issues for keyboard only or voice recognition users.
 */
.element-invisible {
  height: 0;
  overflow: hidden;
  position: absolute;
}


/**
 * Block Styling
 */


.block /* Block wrapper */ {
  margin-bottom: 1em;
}

.block.region-odd /* Zebra striping for each block in the region */ {
}

.block.region-even /* Zebra striping for each block in the region */ {
}

.block.odd /* Zebra striping independent of each region */ {
}

.block.even /* Zebra striping independent of each region */ {
}

.region-count-1 /* Incremental count for each block in the region */ {
}

.count-1 /* Incremental count independent of each region */ {
}

.block-inner /* Additional wrapper for block */ {
  
}

.block h2.title /* Block title */ {
  font-size: 16px;
  border-bottom: 1px dotted silver;
  padding: .2em 0 .2em 10px;
  margin: 0 -10px .5em;
  background-image: url(../images/bg-edges.png);
}

.block .content /* Block's content wrapper */ {
}

#block-aggregator-category-1 /* Block for the latest news items in the first category */ {
}

#block-aggregator-feed-1 /* Block for the latest news items in the first feed */ {
}

#block-block-1 /* First administrator-defined block */ {
  margin: 30px 0 0 34px;
}

#block-blog-0 /* "Recent blog posts" block */ {
}

#block-book-0 /* "Book navigation" block for the current book's table of contents */ {
}

#block-comments-0 /* "Recent comments" block */ {
}

#block-forum-0 /* "Active forum topics" block */ {
}

#block-forum-1 /* "New forum topics" block */ {
}

#block-menu-primary-links /* "Primary links" block */ {
  margin: 0 -10px 10px;
}

#block-menu-primary-links ul {
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: #69922f;
  overflow: hidden;
}

#block-menu-primary-links ul li {
  list-style-image: none;
  list-style-type: none;
  margin: 0 0 3px 0;
}

#block-menu-primary-links ul li a {
  color: #fff;
  display: block;
  padding: 2px 5px;
  /*height: 24px;*/
  /*line-height: 24px;*/
  font-size: 13px;
  background: #426004 url(../images/bg-primary2.jpg) no-repeat left -46px;
}

#block-menu-primary-links ul li a:hover {
  color: #feff84;
  /*line-height: 24px;*/
  display: block;
  background-position: right -46px;
}

#block-menu-secondary-links /* "Secondary links" block */ {
}

#block-node-0 /* "Syndicate" block for primary RSS feed */ {
}

#block-poll-0 /* "Most recent poll" block */ {
}

#block-profile-0 /* "Author information" block for the profile of the page's author */ {
}

#block-search-0 /* "Search form" block */ {
}

#block-statistics-0 /* "Popular content" block */ {
}

#block-user-0 /* "User login form" block */ {
}

#block-user-1 /* "Navigation" block for Drupal navigation menu */ {
}

#block-user-2 /* "Who's new" block for a list of the newest users */ {
}

#block-user-3 /* "Who's online" block for a list of the online users */ {
}


/**
 * Navigation Styling
 */


/*
 * The active item in a Drupal menu
 */
li a.active {
  color: #000;
}

/*
 * Navigation bar
 */
#navbar {
}

.region-navbar {
}

/*
 * Primary and Secondary menu links
 */
#main-menu {
}

#secondary-menu {
}

/*
 * Menu blocks
 */
.block-menu {
}

/*
 * "Menu block" blocks. See http://drupal.org/project/menu_block
 */
.block-menu_block {
}



/**
 * Node Styling
 *
 */


.node /* Node wrapper */ {
}

.node-inner /* Additional wrapper for node */ {
}

.node-sticky /* A sticky node (displayed before others in a list) */ {
}

.node-unpublished /* Unpublished nodes */ {
  /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
}

.node-unpublished div.unpublished,
.comment-unpublished div.unpublished /* The word "Unpublished" displayed underneath the content. */ {
  height: 0;
  overflow: visible;
  color: #d8d8d8;
  font-size: 75px;
  line-height: 1;
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  word-wrap: break-word; /* A very nice CSS3 property */
}

.node-mine /* A node created by the current user */ {
}

.node-teaser /* A node displayed as teaser */ {
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px dotted #ccc;
}

/* All nodes are given a node-type-FOO class that describes the type of
 * content that it is. If you create a new content type called
 * "my-custom-type", it will receive a "node-type-my-custom-type" class.
 */
.node-type-page /* Page content node */ {
}

.node-type-story /* Story content node */ {
}

.node h2.title /* Node title */ {
}

.marker /* "New" or "Updated" marker for content that is new or updated for the current user */ {
  color: #c00;
}

.node .picture /* The picture of the node author */ {
}

.node.node-unpublished .picture,
.comment.comment-unpublished .picture {
  position: relative; /* Otherwise floated pictures will appear below the "Unpublished" text. */
}

.node .meta /* Wrapper for submitted and terms data */ {
}

.submitted /* The "posted by" information */ {
  /*text-transform: uppercase;*/
  font-size: .9em;
}

.node .terms /* Node terms (taxonomy) */ {
}

.node .content /* Node's content wrapper */ {
}

.node ul.links /* Node links. See also the ul.links declaration in the pages.css. */ {
}

.preview .node /* Preview of the content before submitting new or updated content */ {
  /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
}

/* views admin links */

div.view div.views-admin-links {
  width: auto;
}
div.view div.views-admin-links ul,
div.panel-pane div.admin-links li {
  background-color: #ffda00;
  border: 1px solid black;
  padding: 1em;
}
div.view div.views-admin-links li a,
div.panel-pane div.admin-links li a {
  color: #000;
}

/* administrative hover links */
#admin-menu {
  background-color: #000;
  background-image: none;
  font-size: 10px;
}
#admin-menu ul li	{
	background-color: #000;
	background-image: none;
	opacity: 1;
}
#admin-menu ul li.expandable	{
	background-color: #000;
	opacity: 1;
}
#admin-menu ul li.expandable li.expandable	{
	background-color: #212121;
	opacity: 1;
}
#admin-menu ul li.expandable li:hover	{
	background-color: #4b4849;
	opacity: 1;
}
#admin-menu ul li.expandable.admin-menu-icon	{
	/*background-color: #000;*/
	opacity: 1;
}

/* images */

.field-field-page-image,
.field-field-image-cache,
.views-field-field-testimonial-image-fid {
  float: right;
  clear: both;
  margin: 0 0 1em 1em;
}

.field-field-page-image .field-item,
.views-field-field-image-cache-fid .field-content {
  margin: 0 0 10px 0;
}

.field-field-page-image .field-item a {
  display: block;
  line-height: 0;
  background-color: #e5e8e8;
  padding: 10px;
}

.field-field-page-image .field-item a:hover {
  background-color: #cbd0d0;
}

.page-matcha-testimonials .views-row {
  margin: 1.5em 0;
  padding: 0 0 25px 0;
  background: url(../images/ciSprig.jpg) no-repeat center bottom;
}


/*view view-uc-products view-id-uc_products view-display-id-page_1 view-dom-id-1
view view-uc-products view-id-uc_products view-display-id-block_1 view-dom-id-1*/
/* STORE PAGE: products view */
.view-uc-products.view-display-id-page_1 .view-content {
 padding-top: 1em;
}
.view-uc-products.view-display-id-page_1 .views-row {
  margin: 0 0 1.5em 0;
  padding: 0 0 1.5em 0;
  border-bottom: 1px dotted #ccc;
  overflow: hidden;
}
.view-uc-products.view-display-id-page_1 .views-field-field-image-cache-fid {
  float: left;
}
.view-uc-products.view-display-id-page_1 .views-field-title,
.view-uc-products-featured .views-field-title {
  font-size: 1.4em;
  line-height: 1.4em;
}
.view-uc-products.view-display-id-page_1 .views-field-title,
.view-uc-products.view-display-id-page_1 .views-field-field-teaser-text-value,
.view-uc-products.view-display-id-page_1 .views-field-edit-node,
.view-uc-products.view-display-id-page_1 .views-field-sell-price,
.view-uc-products.view-display-id-page_1 .views-field-addtocartlink,
.view-uc-products.view-display-id-page_1 .views-field-view-node {
  margin-left: 115px;
}
.view-uc-products.view-display-id-page_1 .views-field-field-teaser-text-value p {
  margin: .5em 0;
}
.view-uc-products.view-display-id-page_1 .views-field-sell-price {
  margin-top: 1em;
  font-weight: bold;
}
.view-uc-products.view-display-id-page_1 .views-field-view-node a {
  font-style: italic;
  font-size: .8em;
  margin-bottom: 1em;
  padding: 0 1em;
  text-align: right;
  background-color: #e9ecec;
  display: inline;
  float: right;
  -webkit-border-radius: 20px;
  -moz-border-radius: 10px;
}

input.node-add-to-cart {
  font-size: 14px;
  display: block;
  border: 2px solid #a1250c;
  background: #df1737 none;
  color: #fffeff;
  padding: .3em 1.2em;
  cursor: pointer;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}
.view-uc-products.view-display-id-page_1 .views-field-edit-node {
  padding: 1em 0;
}
.view-uc-products.view-display-id-page_1 .view-header {
  margin: 20px;
  color: #000;
  text-align: left;
  font-size: .9em;
  background-color: rgba(255,254,255,0.8);
}
/* homepage featured products view */

body.front .panel-col-bottom,
.view-uc-products.view-display-id-page_1 {
  background: url(../images/bg-edges.png) repeat;
  overflow: hidden;
  border: 1px solid #ccc;
}
body.front .panel-col-bottom .pane-content,
.view-uc-products.view-display-id-page_1 .view-content {
  padding: 0 20px;
}
body.front .panel-col-bottom .pane-title {
  padding-left: 20px;
}
.view-uc-products-featured .views-field-field-image-cache-fid {
  float: left;
  margin: 0 1em .5em 0;
}
.view-uc-products-featured .views-row,
.view-uc-products.view-display-id-page_1 .views-row {
  margin: 20px 0;
  padding: 20px;
  border: 1px solid #fff;
  background-color: #fff;
  border: 1px solid #ccc;
}
.view-uc-products-featured .views-row:hover {
  border: 1px solid #a3a5a5;
}
.view-uc-products-featured .views-field-field-image-cache-fid .field-content {
  margin: 0;
}
.view-uc-products-featured .views-field-field-image-cache-fid .field-content a {
  padding: 0 1em; 
  margin: 0;
  display: block;
}

.view-uc-products.view-display-id-block_1 li {
  list-style-type: circle;
  margin: 0 0 .5em 0;
}

div.poll div.title {
  margin-bottom: 1em;
  text-align: center;
}

/* recipes */
.view-recipes .views-row {
  overflow: hidden;
}
.view-recipes .views-field-field-page-image-fid img {
  float: right;
  margin: 3px 20px 3px 10px;
  /*border: 2px solid #ccc;*/
  /*margin-right: 15px;*/
}

.view-recipes .views-field-title a {
  font-size: 1.1em;
  display: block;
  height: 36px;
  line-height: 36px;
  background-color: #e5ffe7;
  color: #4b7c54;
  padding-left: 25px;
  margin-bottom: 2px;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  border-radius: 90px;
}
.view-recipes .views-field-title a:hover {
  background-color: #a1c589;
  color: #fff;
}
#block-views-recipes-block_1 {
  margin-top: 2.5em;
}
#search-block-form {
  text-align: center;
}
#search-block-form input.form-text {
  width: 76px;
}

.cart-block-summary-links {
  color: #fff;
}

.cart-block-summary-links ul.links {
  padding: 1px;
  margin: 0;
}
.cart-block-summary-links ul.links li {
  padding: 0;
  display: block;
  border-right: none; 
  text-align: center;
  width: 100px;
  margin: 0 auto;
}
.cart-block-summary-links li.cart-block-view-cart a,
.cart-block-summary-links li.cart-block-checkout a { 
  font-size: 13px;
  /*font-weight: bold;*/
  display: block;
  /*border: 2px solid #0f4e00;*/
  color: #fffeff;
  margin-bottom: 7px;
  padding: .3em 1.2em;
  cursor: pointer;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  background: url(../images/bg-primary2.jpg) no-repeat -29px -47px;
  
}

.cart-block-summary-links li.cart-block-view-cart a:hover,
.cart-block-summary-links li.cart-block-checkout a:hover {
  background: url(../images/bg-primary2.jpg) no-repeat -210px -47px;
  color: #fffeff;
}