/* CSS Reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, 
strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, 
canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, 
section, summary, time, mark, audio, video {
    margin:0; padding:0; border:0; outline:0; font-size:100%;
    vertical-align:baseline;  background:transparent;
}
body { line-height:1; font-family: "Trebuchet MS", Helvetica, sans-serif; }
article, aside, details, figcaption, figure, footer, header, 
hgroup, menu, nav, section {
    display:block;
}


.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary 
{
	float: left; width: 100%;
}

#head_body_background { display: none; }

/* Base CSS Style Sheet
 *
 * This is the basic mobile stylesheet.  Values are inherited by all
 * the larger sizes.  
 */

body {
  background: #efefe9;
  font-family: "trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

a { color: #ab6154; text-decoration: none; }


/* Start of Branding */
#branding {
  position:relative;
  z-index: 1; 
  background: url('img/header_bg.png'); height: 126px;
  -moz-box-shadow:    0px 0px 8px 6px #666;
  -webkit-box-shadow: 0px 0px 8px 6px #666;
  box-shadow:         0px 0px 8px 6px #666;
}
#branding_logo_inner { width: 422px; height: 93px; background: url('img/header_logo.png') top left no-repeat; margin-top: 20px; position: relative; }
#branding_logo_inner a { display: block; position: absolute; top: 0px;  left: 0px; width: 100%;  height: 100%; }
#branding_logo_inner a span { display: none; }
/* End of Branding */


#content { 
  position:relative;
  z-index: 0;
  background: #fff;
  padding-bottom: 20px; 
}

#sidebar_region_inner {
  background: #e5e3da; 
  border: 1px solid #c8c6be;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  padding: 15px 10px 15px 10px;
  font-size: .90em;
}

#sidebar_region_inner ul {
  list-style-type: none;
  font-weight: 700;
}
#sidebar_region_inner li {
  margin-bottom:15px;
}

#sidebar_region_inner ul ul {
  list-style-image: url('img/raquo.png');
  margin-top: 10px;
  margin-left: 20px;
  font-size: .86em;
}
#sidebar_region_inner ul ul li {
  margin-bottom:10px;
}

#sidebar { background: #e5e3da; }  


#content_region_inner {
  padding-top:20px;
  padding-left: 10px;
}


article {
  padding: 4px;
  font-size: .81em;
  color: #555;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
  border-bottom: 1px solid #888;
 }
article section { line-height: 160%; }
article h1 { font-size: 1.7em; color: #AB6154; font-weight: 600; }
.frontpage h1 { text-transform: uppercase; font-size: 1.4em; padding-bottom: 5px; border-bottom: 1px solid #ddd; display: inline-block; }
article header { padding-bottom: 10px; }
article header p { font-size: .85em; padding-top:5px; }


article ul {
	list-style-image: url('img/raquo.png');
	margin-top: 10px;
	margin-left: 20px;
}

.product ul {
	list-style-image: url('img/raquo.png');
	margin-top: 10px;
	margin-left: 20px;
}

article h3 {
	font-size: 1.2em;
	font-weight: 700;
	color: #AB6154;
	margin: 10px 0;
}

article h4 {
	font-size: 1.1em;
	font-weight: 700;
	color: #AB6154;
	margin: 10px 0;
}

.type-page p {
	margin: 10px 0px;
}

.type-page p {
	margin: 5px 0px;
}



/* Footer Area */

#footer { border-top: 1px solid #D6DDB9; }
#footer_content {  font-weight: 400; color: #777; font-size: .7em; text-align: center; line-height: 1.8em; padding-top: 15px; }
#footer_content a { text-decoration: underline; color: #777; }




/* product */

.product h1 { font-size: 1.5em; font-weight: bold; display: inline-block; }
.product .price .from, .product .price .amount { font-size: .9em;}
.product form { padding-top: 20px; }
.product { font-size: .81em; }
.product .single_variation .price .amount { font-size: 2em; margin-bottom: 20px; display: inline-block; }





/*  */
.zone-wrapper { width: 100%; }
.zone { width: 100%; }


/* Clearfix expands divs to cover floating items. */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.grid-12-1, .grid-12-2, .grid-12-3, .grid-12-4, .grid-12-5, .grid-12-6, .grid-12-7, .grid-12-8, .grid-12-9, .grid-12-10, .grid-12-11, .grid-12-12 { width: 100%; }