/* 
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. */


div.product div.images img, #content div.product div.images img {
    width: auto;
}

/* ------- Fluid Columns ------- */
.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:67.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; }
.last{ margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}



/* 1.1 Defaults */
body {
  font-size: 12px;
  line-height: 1.5;
  color: #333333;
  font-family: sans-serif;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  color: #1e1e1e;
  font-weight: normal;
  font-family: oswald, sans-serif;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  text-decoration: underline;
}
h1 {
  font-size: 1.3em;
}
h2 {
  font-size: 1.2em;
}
h3 {
  font-size: 1.0em;
}
h4 {
  font-size: 0.9em;
}
h5 {
  font-size: 0.7em;
}
h6 {
  font-size: 0.5em;
}
p {
  margin: 0;
}
img {
  vertical-align: bottom;
  max-width: 100%;
}
hr {
  background-color: #c4c4c4;
  border: 0;
  height: 1px;
  margin-bottom: 20px;
}
input,
textarea {
  padding: 5px;
  border-color: #b0b0b0 #c4c4c4 #c4c4c4 #b0b0b0;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #333333;
}
/* 1.2 Hyperlinks */
a {
  color: #ee3030;
  text-decoration: none;
}
a:hover {
  color: #cc0e0e;
  text-decoration: underline;
}
mark {
  background: none;
  color: #777777;
}

/* 2.1 Containers & Columns */
#wrapper {
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #fff;
  box-shadow: inset 0 -4px 7px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 0 -4px 7px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 -4px 7px 0 rgba(0, 0, 0, 0.05);
  -o-box-shadow: inset 0 -4px 7px 0 rgba(0, 0, 0, 0.05);
}
/* 2.2 Navigation */
#navigation {
  margin-top: -25px;
  margin-bottom: 3em;
  position: relative;
  z-index: 999;
  font-family: "Bitter", sans-serif;
  font-size: 1em;
  font-weight: 700;
}
#navigation .mini-cart .sf-sub-indicator {
  display: none!important;
}
#navigation .mini-cart > li {
  padding: 0 0 0 18px;
  background: #0a4b74;
  background: -webkit-gradient(linear, left top, left bottom, from(#0a4b74), to(#062d45));
  background: -webkit-linear-gradient(#0a4b74, #062d45);
  background: -moz-linear-gradient(center top, #0a4b74 0%, #062d45 100%);
  background: -moz-gradient(center top, #0a4b74 0%, #062d45 100%);
  background: linear-gradient(to bottom, #0a4b74, #062d45);
  box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.4);
  -moz-box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.4);
  -o-box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.4);
}
#navigation .mini-cart > li ul.cart_list {
  display: none!important;
  visibility: hidden!important;
}
#navigation .mini-cart > li:hover {
  background: #0e69a3;
  background: -webkit-gradient(linear, left top, left bottom, from(#0e69a3), to(#0a4b74));
  background: -webkit-linear-gradient(#0e69a3, #0a4b74);
  background: -moz-linear-gradient(center top, #0e69a3 0%, #0a4b74 100%);
  background: -moz-gradient(center top, #0e69a3 0%, #0a4b74 100%);
  background: linear-gradient(to bottom, #0e69a3, #0a4b74);
}
#navigation .mini-cart a.cart-parent {
  display: block;
  padding: 11px 23px 10px 45px;
  text-align: left;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);
  background: url(images/ico-cart.png) left no-repeat;
}
#navigation .mini-cart a.cart-parent:hover {
  text-decoration: none;
}
#navigation .mini-cart a.cart-parent span {
  font-weight: bold;
  font-family: "Bitter", sans-serif;
  text-transform: uppercase;
  font-size: 1.2em;
  line-height: 1;
}
#navigation .mini-cart a.cart-parent mark {
  display: block;
  font-size: 0.6em;
  font-style: normal;
  font-weight: bold;
  position: relative;
  background: none;
  color: #fff;
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}
.nav {
  z-index: 99;
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1;
}
.nav a {
  position: relative;
  color: #6c6c6c;
  display: block;
  z-index: 100;
  padding: 16px 16px;
  line-height: 1.4;
  text-decoration: none;
  white-space: nowrap;
  text-transform: uppercase;
  text-shadow: -1px -1px 0 #000000;
}
.nav a:hover {
  color: #fff;
  text-shadow: 1px 1px #000;
  background: #242424;
  background: rgba(255, 255, 255, 0.07);
  border: none;
}
.nav li {
  float: left;
  width: auto;
}
.nav li a.sf-with-ul {
  padding-right: 23px;
}
.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.sfHover a {
  color: #fff;
  text-shadow: 1px 1px #000;
  background: #242424;
  background: rgba(255, 255, 255, 0.07);
  border: none;
}
#navigation .nav li ul li a {
  color: #6c6c6c;
  background: none;
  border: none;
  font-size: 0.9em;
}
#navigation .nav li ul li a:hover {
  color: #fff;
  text-shadow: 1px 1px #000;
  background: #242424;
  background: rgba(255, 255, 255, 0.07);
}
/* Optional Styling */
#navigation {
  border: 1px solid #000000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #1f1f1f;
  background: -webkit-gradient(linear, left top, left bottom, from(#1f1f1f), to(#000000));
  background: -webkit-linear-gradient(#1f1f1f, #000000);
  background: -moz-linear-gradient(center top, #1f1f1f 0%, #000000 100%);
  background: -moz-gradient(center top, #1f1f1f 0%, #000000 100%);
  background: linear-gradient(to bottom, #1f1f1f, #000000);
  box-shadow: 0 0 6px 3px #000000;
  -webkit-box-shadow: 0 0 6px 3px #000000;
  -moz-box-shadow: 0 0 6px 3px #000000;
  -o-box-shadow: 0 0 6px 3px #000000;
  box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.7);
  -moz-box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.7);
  -o-box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.7);
}
#navigation .nav .sf-sub-indicator {
  background: url(images/arrow-superfish.png) no-repeat;
  position: absolute;
  display: block;
  right: 1em;
  top: 44%;
  width: 10px;
  height: 10px;
  text-indent: -999em;
  overflow: hidden;
}
/* 2.2.1 Drop-down menus */
.nav li ul {
  position: absolute;
  left: -999em;
}
.nav li:hover,
.nav li.hover {
  position: static;
}
.nav li:hover ul ul,
.nav li.sfhover ul ul,
.nav li:hover ul ul ul,
.nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul,
.nav li.sfhover ul ul ul ul {
  left: -999em;
}
.nav li:hover ul,
.nav li.sfhover ul,
.nav li li:hover ul,
.nav li li.sfhover ul,
.nav li li li:hover ul,
.nav li li li.sfhover ul,
.nav li li li li:hover ul,
.nav li li li li.sfhover ul {
  left: auto;
}
@media only screen and (max-width: 767px) {
  /* iPhone landscape & down */
  #navigation .nav {
    float: none;
  }
  #navigation .nav li {
    float: none;
  }
  #navigation .nav li a {
    border: none!important;
    padding: 7px 15px;
  }
  #navigation .nav li ul {
    position: relative;
  }
  #navigation .nav li ul li a {
    padding-left: 30px;
  }
  #navigation .nav li ul li li a {
    padding-left: 40px;
  }
  #navigation .nav li ul li li li a {
    padding-left: 50px;
  }
  #navigation ul {
    width: 100%;
  }
}

/* 2.3 Header */
#header {
  margin-top: .0em;
  padding: 1em 0 5.2em;
  clear: both;
  position: relative;
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #fff;
  background: url(images/bg-hatch.png) repeat left top;
  box-shadow: inset 0 -40px 40px 0 rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: inset 0 -40px 40px 0 rgba(0, 0, 0, 0.04);
  -moz-box-shadow: inset 0 -40px 40px 0 rgba(0, 0, 0, 0.04);
  -o-box-shadow: inset 0 -40px 40px 0 rgba(0, 0, 0, 0.04);
}
#header .site-title,
#header .site-description {
  margin: 0;
  color: #000;
  display: none;
}
#header .site-title a,
#header .site-description a {
  color: #000000;
  text-transform: none;
  font-weight: normal;
  text-decoration: none;
}
#header .site-title a:hover,
#header .site-description a:hover {
  text-decoration: underline;
}
#header .site-description {
  color: #4d4d4d;
  font-style: italic;
}
#header #topad {
  margin: 2.5em 0 0;
}