/******************************************************
 Shipshewana Furniture Co. Related Products Slider Stylesheet
 Created: 09-18-2012
 Author: Will Burrows
 
 Last Edited: 09-18-2012
 By: Will Burrows
*******************************************************/
#products-slider {
}

/******************************************************
 Slider Stuff
*******************************************************/
pre {
	display:block;
	font:12px "Courier New", Courier, monospace;
	padding:0px;
	border:1px solid #bae2f0;
	background:#e3f4f9;
	margin:.5em 0;
	width:674px;
}
/* image replacement */
.graphic, #prevBtn, #nextBtn {
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:0px;
}
/* // image replacement */
#slider, #slider2, #slider3 {
}

#slider .carousel-control.right {
  background-image: url("../../images/layout/button-next.png");
  background-repeat: no-repeat;
  height: 65px;
  left: auto;
  right: 0;
  width: 36px;
  top: 30%;
}
#slider .carousel-control.left {
  background-image: url(../../images/layout/button-previous.png);
  background-repeat: no-repeat;
  height: 65px;
  right: auto;
  left: 0;
  width: 36px;
  top: 30%;

}

.mask {
	position: absolute;
	top: 0px;	
	right: 0px;
	height:300px;
	width:3px;
	background:#ff0000;
	z-index: 3;
}
#slider ul, #slider li, #slider2 ul, #slider2 li, #slider3 ul, #slider3 li {
	margin:0;
	padding:0;
	list-style:none;
}
#slider li, #slider2 li, #slider3 li {
	/* define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:980px;
	height:300px;
	overflow:hidden;
}

/* For Admin Only */ 
#adminslider {
	width:980px;
	margin:0 0 0 0;
	float: left;
	position: relative;
}

#adminslider ul, #adminslider li {
	margin:0;
	padding:0;
	list-style:none;
}

#adminslider li {
	width:980px;
}

.admincontainer {
	width:750px;
	float: left;
}

.slidercontainer {
	height:300px;
	width:220px;
	float: left;
	position: relative;
	margin-right:20px;
}

#prevBtn, #nextBtn {
	display:block;
	width:36px;
	height:66px;
	position:absolute;
	left:-20px;
	top:110px;
	z-index:999999999;
}
#nextBtn {
	left:924px;
}
#prevBtn a, #nextBtn a {
	display:block;
	width:36px;
	height:66px;
	background-image: url('/images/layout/button-previous.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}
#nextBtn a {
	background-image: url('/images/layout/button-next.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}

/*=========================================================================================================================
 SLIDER FIXES
===========================================================================================================================*/

/* image replacement */
 .graphic, #prevBtn, #nextBtn, #prevBtn2, #nextBtn2, #prevBtn3, #nextBtn3 {
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}
/* // image replacement */

/* easySlider styles */

#slider li, #slider2 li, #slider3 li {
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:980px;
	height:300px;
	overflow:hidden;
}
#prevBtn2, #nextBtn2, #nextBtn3, #prevBtn3 {
	display:block;
	width:36px;
	height:66px;
	position:absolute;
	left:-20px;
	top:110px;
	z-index:999999999;
}
#nextBtn, #nextBtn2, #nextBtn3 {
	left:924px;
}
#prevBtn a, #prevBtn2 a, #prevBtn3 a {
	display:block;
	position:relative;
	width:36px;
	height:66px;
	background:url('/images/layout/button-previous.png') no-repeat 0 0;
}
#nextBtn a, #nextBtn2 a, #nextBtn3 a {
	display:block;
	position:relative;
	width:123px;
	height:126px;
	background:url('/images/layout/button-next.png') no-repeat 0 0;
}