/* Mini Slide Carousel
------------------------------- */
#mini-slider{
	width: 222px; /* Defines the size of the visible part of the carousel
		Attention : if you only want to see plain items in the viewport,
		the width of the viewport should take into account of :
		- the items width
		- the right and left padding of items
		- the number of items you want to see in the viewport
	 */
	overflow:hidden; /* Hides extra elements, those outside the viewport area */
	/* Fix for IE */
	position:relative;
}
#mini-slider ul{
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0; /* Resets default - User Agent - style */
	margin: 0;
}
#mini-slider li{
	width: 220px; /* Defines the size of inner element */
	height: 360px;
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	
	/* Cosmetic */
	margin: 0 2px;
	padding: 0;
	border-left: 3px solid #000000;
	}

/* Cosmetic */
#miniPrevious, #miniNext{
	cursor: pointer;
	font-size: 0.8em;
	text-decoration: underline;		
}

#miniNext li {
	background-image: url('../images/lab-mini-slider-arrow.png');	
	width: 16px;
	height: 40px;	
}

.mini-slideshow-wrapper {
  position: relative;
  width: 220px;
}

.mini-slideshow-wrapper ul.slidecontrols {
	list-style: none outside none;
	margin: 0;
	padding: 0;
	position: absolute;
	width:50px;
	top: 200px;
	left: 230px;
}
#mini-slider img a {border-bottom: none;
}
#mini-slider h2 {padding-left: 10px;}

/* Box Tray Carousel Styling
------------------------------- */
#box-tray-slider {
  width: 100%;
	/*width: 700px;*/ /* Defines the size of the visible part of the carousel
		Attention : if you only want to see plain items in the viewport,
		the width of the viewport should take into account of :
		- the items width
		- the right and left padding of items
		- the number of items you want to see in the viewport
	 */
	overflow:hidden; /* Hides extra elements, those outside the viewport area */
	/* Fix for IE */
	position:relative;
}
#box-tray-slider ul{
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0; /* Resets default - User Agent - style */
	margin: 0;
  //width: 100%;
}
#box-tray-slider li{
	width: 175px; /* Defines the size of inner element */
	//width: 25%;
  height: 200px;
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	
	/* Cosmetic */
	margin: 0 2px;
	padding: 0;
	border-left: 4px solid #000000;
	margin-right: -4px;
	padding-left: 0px;
	}
#box-tray-slider li li{
	border-left: 0px;
	height: 26px;
	margin-left: 12px;
}
#box-tray-slider ul ul{
	padding-top:0px; margin-top: 0px;
}

li.box-slide li {
  border: none;
}
/* Cosmetic */
#boxPrevious, #boxNext{ 
	cursor: pointer;
	font-size: 0.8em;
	text-decoration: underline;		
}

#boxNext li {
	background-image: url('../images/lab-mini-slider-arrow.png');	
	width: 16px;
	height: 40px;	
}

.box-slideshow-wrapper {
  position: relative;
  margin-top: 30px;
  margin-right: 0px;
  width: 870px;
}


.box-slideshow-wrapper ul.slidecontrols {
	list-style: none outside none;
	margin: 0;
	padding: 0;
	position: absolute;
	width:16px;
	top: 92px;
	right: -25px;
}

@media all and (max-width: 1257px) {
  .box-slideshow-wrapper {
	  width: 800px;
	}
}

@media all and (max-width: 1100px) {
  .box-slideshow-wrapper {
	  width: 700px;
	}
}