@charset "utf-8";
/* CSS Document */
/* Style Sheet for the Product Sliders */

/**********************************************************************************
****************************** Product Sliders ************************************
***********************************************************************************/
#wrapper {
	float:left;
	margin:-150px 0 0 65px;
}
.uk-products #wrapper {
	float:left;
	margin:-195px 0 0 65px;
}
#slider-one.slider div.panel {
	padding:0 5px;
}
#slider-one.slider, #slider-one .scroll, #slider-one .scrollContainer, .mb-scroll #slider-one, #wrapper .mb-scroll {
	height:315px !important;
}

.inside a {
	border:none !important;
}
.hidden {
	opacity:0;
}
.slider.category .scrollContainer {
	padding-left:63px;
}
.sliders.category, .sliders.category .scroll, .sliders.category .scrollContainer {
	height:220px !important;
}
.sliders.category {
	margin:0px 0 10px 100px;
}
.sliders.category .current .mb-inside{
	float:left;
}
.sliders.category .current .mb-inside h2, .slider.category .mb-inside h2 {
	font-size: 13px !important;
	color: #7A9C3A !important;
	height: 35px;
	float: none;
}
#slider-product.sliders.category .panel {
	padding-left:40px;
}
#slider-product.sliders.category .panel.lonely {
	padding-left:0px;
}
#slider-product.sliders.category img {
	width: auto !important;
	height: 120px !important;
	margin: auto;
	float: right;
	padding-right: 5px;
}
.category img {
	width: auto !important;
	height: 120px !important;
}
#product-specific-slider{
	display:block;
}
#product-specific-slider.slider img {
	width:auto !important;
	height: 170px !important;
	margin:auto;
}
#product-specific-slider.slider li, #product-specific-slider.slider li a, #product-specific-slider.slider li img {
	padding-right:15px;
	float:left;
	width:auto;
	height:auto;
	display:block;
	position:relative;
}
/* Fades for Scroller */
#fade-left {
	background-image: url(../images/gallery/fade.png);
	background-position: left top;
	background-repeat: repeat-y;
	height: 220px;
	margin-left: 120px; /*130px;*/
	position: absolute;
	width: 50px;
	z-index: 10;
}
#fade-right {
	background-image: url(../images/gallery/fade.png);
	background-position: right top;
	background-repeat: repeat-y;
	height: 220px;
	margin-left: 948px; /*930px; 915px;*/
	position: absolute;
	width: 50px;
	z-index: 10;
}
/* Specific Products */
#fade-left.product-wrapper-specific {
	margin-left: 80px;
}
#fade-right.product-wrapper-specific {
	margin-left: 900px;
}

#slider-one li{
	float:left;
	display:block;
	height:auto;
	width:auto;
}
#slider-one li .mb-inside, #slider-one li .mb-inside span, #slider-one li .mb-inside .panel, #slider-one li .mb-inside img, #slider-one li .mb-inside h2,
.sliders.category li, .sliders.category li div, .sliders.category li div a{
	float:left;
	display:block;
}
#slider-one li .mb-inside img, .sliders.category li div img{
	position:relative;
	float:none !important;
	display:inline-block !important;
}
#slider-one li .mb-inside h2{
	width:150px;
}
#slider-one li.current .mb-inside h2{
	width:auto;
}
/**********************************************************************************
************************* Original Css From Plugin ********************************
***********************************************************************************/
.slider {
	margin: 0 auto;
	position: relative;
	zoom:1;
}
.scrollContainer, .scroll {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.slider {
}
/* active slider border highlight */
.active-slider {
	border-color: #999bff;
}
/*** Slider panel ***/
.slider div.panel {
	/*width: 350px;   default, this is overridden by script settings */
	cursor: pointer;
	float: right;/* aligning image under pointer */
	display:block;
}
.slider div.panel.current {
	cursor: auto;
}
/*** Inside the panel ***/
.mb-inside h2 {
	float:none !important;
	text-align:center;
	margin:0 !important;
	color:#c4d3a8 !important;
	font-size:12px !important;
}
#slider-one .current h2{
	text-indent:-35px;
}
.current .mb-inside h2 {
	text-align:center;
	margin:0 !important;
	color:#7a9c3a !important;
	font-size:12px !important;
}

/*** Left & Right Navigation Arrows ***/
a.scrollButtons, a.mb-scrollButtons {
	display: block;
	width: 40px;
	height: 40px;
	background: transparent url(../images/gallery/arrows.png) no-repeat;
	position: absolute;
	top: 40%; /* if you change the arrow images, you may have to adjust this (distance from top) */
	cursor: pointer;
	text-decoration: none;
	outline: 0;
	border: 0;
	z-index:9999999;
}
a.scrollButtons.left, a.mb-scrollButtons.mb-left {
	background-position: left top;
	left: -45px;
}
a.scrollButtons.right, a.mb-scrollButtons.mb-right {
	background-position: right top;
	right: -45px;
}
a.scrollButtons.left:hover, a.mb-scrollButtons.mb-left:hover {
	background-position: left bottom;
}
a.scrollButtons.right:hover, a.mb-scrollButtons.mb-right:hover {
	background-position: right bottom;
}
.controls {
	margin: 0 auto;
	text-align: center;
	background: #ccc;
	display:none;
}
.controls a {
	color: #444;
	font: 12px Georgia, Serif;
	display: inline-block;
	text-decoration: none;
	padding: 2px;
	height: 18px;
	margin: 0 5px 0 0;
	text-align: center;
	outline: 0;
}
.controls a.current, .controls a:hover {
	color: #fff;
}
.active-slider .controls {
	display:none;
}


/*** Overall MovingBoxes Slider ***/
.mb-wrapper {
  width: 900px; /* default, this is overridden by script settings */
  margin: 0 auto;
  position: relative;
  left: 0;
  top: 0;
}

/* Panel Wrapper */
.mb-slider, .mb-scroll {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  position: relative;
  left: 0;
  top: 0;
  /***(>'-')> Control Panel Font size here <('-'<)***/
  font-size: 18px;
}

/* active slider border highlight */
.mb-active-slider {
  border-color: #999bff;
}

/*** Slider panel ***/
.mb-slider .mb-panel {
  /*width: 350px;  /* default, this is overridden by script settings */
  margin: 5px 0;
  padding: 5px;
  cursor: pointer;
  float: left;
  list-style: none;
  width:auto !important;
  height:auto;
  display:block;
}

/* Cursor to arrow over current panel, pointer for all others,
  change .current class name using plugin option, currentPanel : 'current' */
.mb-slider .mb-panel.current {
 cursor: auto;
}

.category .mb-slider li {
	width: auto !important;
	padding-left:75px; 
}
.category .mb-slider .mb-panel.last.only-two.current{
	padding-left:20px;
}
/*** Inside the panel ***/
.mb-inside {
  padding: 10px;
  float:left;
}
#slider-one .mb-inside img {
	padding-bottom:10px;
}
.mb-inside img {
  display: block;
  margin: 0 auto;
}
.current .mb-inside img {
}