/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it 
is easier to update the theme. Simply copy an existing style 
from style.css to this file, and modify it to your liking. */

#content h1 {font-size: 28px; color: #888; letter-spacing: 1px;}
#content h2 {font-size: 22px; margin: 30px 0 10px 0;}
#content h3 {font-size: 20px; margin: 20px 0 10px 0;}


.search_main, .search_main .searchform {
max-width: 150px;
}

.single-features img.alignright {
margin: 0 0 10px 15px;
float: right;
}

.single-features img.alignleft {
margin: 0 15px 10px 0;
float: left;
}


/* LINKS */
#featured { background: #454545 !important; }

header a { color: #008822 !important; }

header a:hover,
.post-more a:hover,
.post-meta a:hover,
.post p.tags a:hover { color: #333333 !important; }

header .nav .current-menu-ancestor a, header .nav .current_page_item a { color: #666666 !important;}

#content a {color: #008822;}

a.button,
a.comment-reply-link,
#commentform #submit,
#contact-page .submit { background: #666666 !important; border-color: #eeeeee; }

a.button:hover,
a.button.hover,
a.button.active,
a.comment-reply-link:hover,
#commentform #submit:hover,
#contact-page .submit:hover { background: #888888 !important; opacity: 0.9; }

.nav a:hover,
.nav li ul,
.nav li.current_page_item a,
.nav li.current_page_parent a,
.nav li.current-menu-ancestor a,
.nav li.current-cat a,
.nav li.li.current-menu-item a,
.nav li:hover > a { background-color: #eeeeee !important; color: #333;}

#navigation .nav li.parent > a:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #008822 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 0.3em;
    content: "";
    display: block;
    position: absolute;
    right: 0.8751em;
    top: 40%;
}
#navigation .nav li:hover > a {
    background: none repeat scroll 0 0 #46B1E1;
    color: #FFFFFF;
}
#navigation .nav li:hover > a:after {
    border-color: #008822 transparent transparent !important;
}

#footer {
font-weight: normal;
}


/* HOME */

#intro {
}

#intro a {
display: block; background: #008822; padding: 20px 0; color: #fff;
}


#intro a:hover {
color: #fff;
}

#features header {
display: none;
}

#features ul {
width: 100%;
}

#features ul li {
width: 30%; margin: 0 15px 30px 0;
}

#features ul li img {
margin: 0;
padding: 0;
display: none;
}


#slides {
width: 1000px;
margin: 0 auto;
}

/* TOUR */

#text-9 span, #text-18 span {
  line-height: 26px;
}

#text-9 span a, #text-18 span a {
display: block; padding: 20px; background: green;
}

#sidebar #text-9 span a,
#sidebar #text-9 span a:link,
#sidebar #text-9 span a:visited,
#sidebar #text-9 span a:hover,
#sidebar #text-18 span a,
#sidebar #text-18 span a:link,
#sidebar #text-18 span a:visited,
#sidebar #text-18 span a:hover {
color: #fff;
}

#sidebar #text-9 a:hover, #sidebar #text-18 a:hover {
color: #fff;
  background: #dd6622
}

.page table td {padding: 20px;}


/* SHOP */

div.product div.images,
#content div.product div.images{
  float:left;width:350px; margin: 20px 0;}

div.product div.images img,
#content div.product div.images img{
  display:block;width:100%;max-width: 300px;height:auto;box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);-moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);-webkit-transition:all ease-in-out .2s;-moz-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;transition:all ease-in-out .2s}

div.product div.images div.thumbnails,
#content div.product div.images div.thumbnails{
  padding-top:1em}

div.product div.images div.thumbnails:after,
#content div.product div.images div.thumbnails:after{
  content:"";display:block;clear:both}

div.product div.images div.thumbnails a,
#content div.product div.images div.thumbnails a{
  float:left;width:30.75%;max-width: 220px;margin-right:3.8%}

div.product div.images div.thumbnails a.last,
#content div.product div.images div.thumbnails a.last{
  margin-right:0}

div.product div.images div.thumbnails a.first,
#content div.product div.images div.thumbnails a.first{
  clear:both}

div.product div.summary,
#content div.product div.summary{
  margin: 20px 0;
}

div.product div.related {
	border-top: 1px solid #bbb;
  clear: both;
}

div.product div.related li.product {
  width: 150px;
  }

div.product div.related ul.products li.product h3 {
  font-size: 16px !important;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1.3em;
}

div.product div.related ul.products li.product .price {
	font-size: 20px !important;
  margin: 0 0 15px 0 !important;
}

.woocommerce-page a.button, .woocommerce-page .button {
  text-shadow: 0px -1px 0px #004411 !important;
  -webkit-border-radius:2px !important;
  -moz-border-radius:2px !important;
  border-radius:2px !important;
  left:auto !important;
  text-shadow:0 1px 0 #ffffff !important;
  color:#666666 !important;
  text-shadow:0 1px 0 rgba(255,255,255,0.8) !important;
  border:1px solid #cccccc !important;
  background:#008822 !important;
  background:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#e6e6e6)) !important;
  background:-webkit-linear-gradient(#ffffff,#e6e6e6) !important;
  background:-moz-linear-gradient(center top,#ffffff 0%,#e6e6e6 100%) !important;
  background:-moz-gradient(center top,#ffffff 0%,#e6e6e6 100%) !important;
  -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.075), inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.1) !important;
  -moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.075), inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.1) !important;
  box-shadow:inset 0 -1px 0 rgba(0,0,0,0.075), inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.1) !important;
}

.woocommerce {
background: #fff;
}

.woocommerce #content {
max-width: 900px;
margin: 0 auto;
background: #fff;
}

.woocommerce #wrapper #content h1 {
margin: 0;
padding: 10px 0;
  font-size: 24px;
  letter-spacing: 0;
}

.woocommerce #wrapper #content .price {
margin: 10px 0 15px;}


#breadcrumbs .button {
	float: right;
  clear: none;
  position: relative;
  top: -77px;
  right: 3px;
  background:#008822 !important;
  background:-webkit-gradient(linear,left top,left bottom,from(#008822),to(#006600)) !important;
  background:-webkit-linear-gradient(#008822,#006600) !important;
  background:-moz-linear-gradient(center top,#008822 0%,#006600 100%) !important;
	color: #fff !important;
  text-shadow: 0 1px 0 #333 !important;
  -webkit-border-radius:2px !important;
  -moz-border-radius:2px !important;
  border-radius:2px !important;
}

#content table {
  background: #f6f6f6;
	border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border: none;
}

#content table td {
  border: none;
  padding: 5px 20px;
}


/* EVENTS */

.page .entry form { 
  padding: 20px;
  background: #f6f6f6;
  border: 1px solid #eee; 
  width: 500px;
}

.page .col-full .entry form {
width: 920px;
margin: 40px 0;
}

.page .entry form input.wpcf7-submit {
  background:#008822 !important;
  background:-webkit-gradient(linear,left top,left bottom,from(#008822),to(#006600)) !important;
  background:-webkit-linear-gradient(#008822,#006600) !important;
  background:-moz-linear-gradient(center top,#008822 0%,#006600 100%) !important;
}

dl.gallery-item .gallery-caption {
line-height: 1.3em;
  padding: 10px;
  font-size: .85em;
}

.quiz ul li {
list-style: none;
  margin: 0;
  padding: 0;
}


/* END */