@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Sanchez:400|family=Roboto);
@import url(https://netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
/* Category Page */
#categoryPage {
  position: relative;
  left: -8px;
}
body.js #categoryPage #productList > ul > li {
  cursor: pointer;
}
#categoryPage h1 {
  margin-bottom: 20px;
}
#categoryPage #productList:after {
  clear: both;
  content: " ";
  display: block;
  height: 0;
}
#categoryPage #productList.imageLeft > ul:after {
  clear: both;
  content: " ";
  display: block;
  height: 0;
}
#categoryPage #productList.imageLeft > ul > li {
  position: relative;
}
#categoryPage #productList.imageLeft > ul > li > a {
  height: 107px;
  display: block;
}
#categoryPage #productList.imageLeft > ul > li > a img {
  border: 1px solid #372722;
}
#categoryPage #productList.imageLeft > ul > li > a img.hover {
  display: none;
}
#categoryPage #productList.imageLeft > ul > li:hover img {
  display: none;
}
#categoryPage #productList.imageLeft > ul > li:hover img.hover {
  display: block;
}
#categoryPage #productList.grid > ul {
  width: 736px;
}
#categoryPage #productList.grid > ul > li {
  float: left;
  position: relative;
  width: 190px;
  height: 192px;
  margin: 0 7px 15px 8px;
  padding: 19px 20px;
  background: #DDD4BC;
  /*&:nth-child(3n) {
  	margin-right: 0px;
  }*/
}
#categoryPage #productList.grid > ul > li:last-child {
  margin-bottom: 80px;
}
#categoryPage #productList.grid > ul > li:hover {
  background: #E7E0D0;
}
#categoryPage #productList.grid > ul > li:hover img {
  display: none;
}
#categoryPage #productList.grid > ul > li:hover img.hover {
  display: block;
  border: 1px solid #1C644E;
}
#categoryPage #productList.grid > ul > li:hover h3 a {
  color: #968c83;
}
#categoryPage #productList.grid > ul > li:hover h4 a {
  background: transparent url("../image/sprites.png") -24px -34px no-repeat;
}
#categoryPage #productList .productContent {
  overflow: hidden;
  height: 90px;
}
#categoryPage #productList .productContent h3 {
  padding: 6px 0 4px;
  line-height: 118%;
}
#categoryPage #productList .productContent h3 a {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 123.1%;
  font-weight: 400;
  color: #464646;
}
#categoryPage #productList .productContent ul {
  margin-left: 20px;
}
#categoryPage #productList .productContent li li {
  float: none;
  width: auto;
  list-style: disc outside;
  border: none;
}
#categoryPage #productList .productContent h4 {
  position: absolute;
  top: 83px;
  right: 7px;
}
#categoryPage #productList .productContent h4 a {
  text-indent: -9999em;
  text-shadow: none;
  color: transparent;
  display: block;
  width: 32px;
  height: 32px;
  background: transparent url("../image/sprites.png") -24px 0 no-repeat;
}
#categoryPage #productList .productContent h4 a:hover {
  text-decoration: underline;
}
#categoryPage #productList .productContent p {
  line-height: 140%;
  padding: 0;
}
#categoryPage #productList .productContent p span {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 100%;
  line-height: 130%;
  color: #fff;
}

body.refresh #categoryPage #productList .productContent h3 a {
  color: #f8c058;
}
body.refresh #categoryPage #productList .productContent p, body.refresh #categoryPage #productList .productContent p span {
  color: #FFFFFF;
}
body.refresh #categoryPage #productList.grid > ul > li {
  background-color: #5d7165;
}
body.refresh #categoryPage #productList.grid > ul > li:hover {
  background: #7e8f85;
}
body.refresh #categoryPage #productList.grid > ul > li:hover h3 a {
  color: #f4cf8a;
}