/* Basic jQuery Slider essential styles */
ul.bjqs {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  display: none;
  color: #333;
}
li.bjqs-slide {
  display: none;
  position: absolute;
  overflow: hidden;
}
ul.bjqs-controls,
ul.bjqs-controls-1,
ul.bjqs-controls-2 {
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 999;
  position: absolute;
  right: 45px;
  top: 0;
}
ol.bjqs-markers {
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 999;
}
ol.bjqs-markers li {
  float: left;
}
p.bjqs-caption {
  display: block;
  width: 97%;
  margin: 0;
  padding: 2%;
  position: absolute;
  bottom: 0;
}
/* Basic jQuery Slider - Main page slider styles */
#feature-slideshow ,#feature-slideshow-cat,
#feature-slideshow-1,
#feature-slideshow-2{
  height: 340px;
  width: 940px;
  margin: 0;
  position: relative;
}
#fade-example,
#slide-example {
  height: 310px;
  width: 620px;
  position: relative;
  margin: 0px 0px 110px;
}
#feature-slideshow,#feature-slideshow-cat,
#feature-slideshow-1,
#feature-slideshow-2,
#slide-example,
#fade-example {
  /* Basic Slider Controls */

}
#feature-slideshow ul.bjqs li.bjqs-slide,#feature-slideshow-cat ul.bjqs li.bjqs-slide,
#feature-slideshow-1 ul.bjqs li.bjqs-slide,
#feature-slideshow-2 ul.bjqs li.bjqs-slide,
#slide-example ul.bjqs li.bjqs-slide,
#fade-example ul.bjqs li.bjqs-slide {
}
#feature-slideshow ul.bjqs .video-wrapper,#feature-slideshow-cat ul.bjqs .video-wrapper,
#feature-slideshow-1 ul.bjqs .video-wrapper,
#feature-slideshow-2 ul.bjqs .video-wrapper,
#slide-example ul.bjqs .video-wrapper,
#fade-example ul.bjqs .video-wrapper {
  position: absolute;
  top: 40px;
  left: 40px;
}
#feature-slideshow ul.bjqs .video-description,#feature-slideshow-cat ul.bjqs .video-description,
#feature-slideshow-1 ul.bjqs .video-description,
#feature-slideshow-2 ul.bjqs .video-description,
#slide-example ul.bjqs .video-description,
#fade-example ul.bjqs .video-description {
  position: absolute;
  right: 40px;
  top: 40px;
  width: 380px;
  padding: 0 10px;
}
#feature-slideshow ul.bjqs .featured-post,#feature-slideshow-cat ul.bjqs .featured-post,
#feature-slideshow-1 ul.bjqs .featured-post,
#feature-slideshow-2 ul.bjqs .featured-post,
#slide-example ul.bjqs .featured-post,
#fade-example ul.bjqs .featured-post,
#feature-slideshow ul.bjqs .video-post,
#slide-example ul.bjqs .video-post,
#fade-example ul.bjqs .video-post {
  width: 960px;
  height: 340px;
  position: relative;
}
#feature-slideshow ul.bjqs .featured-post span,#feature-slideshow-cat ul.bjqs .featured-post span,
#feature-slideshow-1 ul.bjqs .featured-post span,
#feature-slideshow-2 ul.bjqs .featured-post span,
#slide-example ul.bjqs .featured-post span,
#fade-example ul.bjqs .featured-post span {
  position: absolute;
  left: 300px;
  top: 85px;
  width: 600px;
}
#feature-slideshow ul.bjqs .featured-post img,#feature-slideshow-cat ul.bjqs .featured-post img,
#feature-slideshow-1 ul.bjqs .featured-post img,
#feature-slideshow-2 ul.bjqs .featured-post img,
#slide-example ul.bjqs .featured-post img,
#fade-example ul.bjqs .featured-post img {
  position: absolute;
  bottom: 80px;
  left: 40px;
}
#feature-slideshow ul.bjqs h3,#feature-slideshow-cat ul.bjqs h3,
#feature-slideshow-1 ul.bjqs h3,
#feature-slideshow-2 ul.bjqs h3,
#slide-example ul.bjqs h3,
#fade-example ul.bjqs h3 {
  font-family: 'adelle', 'vollkorn', 'Georgia', serif;
  font-weight: normal;
  font-size: 24px;
  margin: 0 0 10px;
  letter-spacing: -1px;
  text-shadow: 0px 0px 1px #111;
  line-height: 30px;
}
#feature-slideshow ul.bjqs-controls li a,#feature-slideshow-cat ul.bjqs-controls li a,
#feature-slideshow-1 ul.bjqs-controls-1 li a,
#feature-slideshow-2 ul.bjqs-controls-2 li a,
#slide-example ul.bjqs-controls li a,
#fade-example ul.bjqs-controls li a {
  width: 24px;
  height: 23px;
  overflow: hidden;
  background: url('../img/trans-gray.png');
  background: rgba(60, 60, 60, 1);
  position: absolute;
}
#feature-slideshow ul.bjqs-controls li a i,#feature-slideshow-cat ul.bjqs-controls li a i,
#feature-slideshow-1 ul.bjqs-controls-1 li a i,
#feature-slideshow-2 ul.bjqs-controls-2 li a i,
#slide-example ul.bjqs-controls li a i,
#fade-example ul.bjqs-controls li a i {
  position: absolute;
  top: 4px;
  left: 6px;
  color: #fff;
}
#feature-slideshow ul.bjqs-controls li a:hover,#feature-slideshow-cat ul.bjqs-controls li a:hover,
#feature-slideshow-1 ul.bjqs-controls-1 li a:hover,
#feature-slideshow-2 ul.bjqs-controls-2 li a:hover,
#slide-example ul.bjqs-controls li a:hover,
#fade-example ul.bjqs-controls li a:hover {
  /*background: url('../img/trans-orange.png');
  background: rgba(255, 102, 0, 1);*/
}
#feature-slideshow ul.bjqs-controls li a:active,#feature-slideshow-cat ul.bjqs-controls li a:active,
#feature-slideshow-1 ul.bjqs-controls-1 li a:active,
#feature-slideshow-2 ul.bjqs-controls-2 li a:active,
#slide-example ul.bjqs-controls li a:active,
#fade-example ul.bjqs-controls li a:active {
  /*background: url('../img/trans-orange-dark.png');
  background: rgba(255, 102, 0, 1);*/
}
#feature-slideshow p.bjqs-caption,#feature-slideshow-cat p.bjqs-caption,
#feature-slideshow-1 p.bjqs-caption,
#feature-slideshow-2 p.bjqs-caption,
#slide-example p.bjqs-caption,
#fade-example p.bjqs-caption {
  background: rgba(0, 0, 0, 1);
  color: #fff;
}
#feature-slideshow ol.bjqs-markers,#feature-slideshow-cat ol.bjqs-markers,
#feature-slideshow-1 ol.bjqs-markers,
#feature-slideshow-2 ol.bjqs-markers,
#slide-example ol.bjqs-markers,
#fade-example ol.bjqs-markers {
  position: absolute;
  right: 50px;
  top: 0;
}
#feature-slideshow ol.bjqs-markers li,#feature-slideshow-cat ol.bjqs-markers li,
#feature-slideshow-1 ol.bjqs-markers li,
#feature-slideshow-2 ol.bjqs-markers li,
#slide-example ol.bjqs-markers li,
#fade-example ol.bjqs-markers li {
  float: left;
}
#feature-slideshow ol.bjqs-markers li a,#feature-slideshow-cat ol.bjqs-markers li a,
#feature-slideshow-1 ol.bjqs-markers li a,
#feature-slideshow-2 ol.bjqs-markers li a,
#slide-example ol.bjqs-markers li a,
#fade-example ol.bjqs-markers li a {
  display: block;
  height: 32px;
  width: 20px;
  color: #333;
  overflow: hidden;
  text-align: center;
  border: none;
  font-size: 14px;
}
#feature-slideshow ol.bjqs-markers li a span,#feature-slideshow-cat ol.bjqs-markers li a span,
#feature-slideshow-1 ol.bjqs-markers li a span,
#feature-slideshow-2 ol.bjqs-markers li a span,
#slide-example ol.bjqs-markers li a span,
#fade-example ol.bjqs-markers li a span {
  position: relative;
  top: 4px;
}
#feature-slideshow ol.bjqs-markers li a:hover,#feature-slideshow-cat ol.bjqs-markers li a:hover
#feature-slideshow-1 ol.bjqs-markers li a:hover,
#feature-slideshow-2 ol.bjqs-markers li a:hover,
#slide-example ol.bjqs-markers li a:hover,
#fade-example ol.bjqs-markers li a:hover {
  text-decoration: underline;
}
#feature-slideshow ol.bjqs-markers li a:active,#feature-slideshow-cat ol.bjqs-markers li a:active,
#feature-slideshow-1 ol.bjqs-markers li a:active,
#feature-slideshow-2 ol.bjqs-markers li a:active,
#slide-example ol.bjqs-markers li a:active,
#fade-example ol.bjqs-markers li a:active {
  /*background: url('../img/trans-orange-dark.png');
  background: rgba(255, 102, 0, 1);*/
}
#feature-slideshow ol.bjqs-markers li.active-marker a,#feature-slideshow-cat ol.bjqs-markers li.active-marker a,
#feature-slideshow-1 ol.bjqs-markers li.active-marker a,
#feature-slideshow-2 ol.bjqs-markers li.active-marker a,
#slide-example ol.bjqs-markers li.active-marker a,
#fade-example ol.bjqs-markers li.active-marker a {
  /*background: url('../img/trans-orange.png');
  background: rgba(255, 102, 0, 1);*/
  text-decoration: underline;
}
#feature-slideshow ul.bjqs-controls li a.bjqs-next,#feature-slideshow-cat ul.bjqs-controls li a.bjqs-next,
#feature-slideshow-1 ul.bjqs-controls li a.bjqs-next,
#feature-slideshow-2 ul.bjqs-controls li a.bjqs-next,
#slide-example ul.bjqs-controls li a.bjqs-next {
  left: 24px;
}
#fade-example ul.bjqs-controls li a.bjqs-next {
  right: 0;
}
#fade-example {
  margin-bottom: 20px;
}


.product-box-h {
	float: left;
	width: 130px;
	height: 210px;
	margin: 0;
	text-align: center;	
	font-size: 11px;
	padding: 0 15px;
	/* position relavive for button absolute positioning */
	position: relative;
}

.product-box-h .rec-add-to-cart {
	/* absolute positioning to align button to bottom */
	position: absolute;
	bottom: 17px;
	left: 50%;
	margin-left: -38px !important;	
}

.product-box-h .rec-prod-img, .product-box-v .rec-prod-img {
	background-color: #aaa;
}

.rec-prod-img {
	max-width: 60px;
	max-height:60px;
	vertical-align: middle;
}

.product-box-h .rec-prod-img {
	margin: 0 auto;
}

.product-box-v .rec-prod-img {
	margin: 0 7px 0 0;	
}

.rec-web-only-price {
	color: #cc0000;
	font-weight: bold;
}

.rec-price {
	font-size: 12px;	
	font-weight: bold;
}

.rec-add-to-cart {
	background-color: #ccc;
	padding: 2px; color: #333;
	text-transform: uppercase;
	width: 76px;
	font-size: 9px;
	border: 1px solid #aaa;
	text-align: center;
	margin: 10px auto;
}

.product-box-v {
	width: 242px;
	height: 89px;
	font-size: 11px;
	margin: 8px 0;
	clear: both;
	padding: 0 0 4px 0;
}

.product-box-v .rec-add-to-cart {
	float: right;
	width: 75px;	
	margin: 5px 0 0 5px;
}

.rec-prod-img-container {
    float: left;
    height: 60px;
    line-height: 60px;
    padding: 0 5px 0 0;
    text-align: center;
    width: 60px;
}
#feature-slideshow-cat li.bjqs-slide{background:none;}
#feature-slideshow-cat .item-area{margin-left:30px;margin-right:5px;text-align:center;}
#titleRecItem_cat{
	background: #e5e5e5;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	padding: 10px;
	margin-top: 25px;
	overflow: hidden;
}
.bjqs-recommendation-title-cat .buttonGray {margin-left:2em;}