/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.jcarousel-wrapper {
    margin: 0px;
    position: relative;
    border: 0px solid #fff;    
}


.jcarousel-wrapper .signUp  {
    position: absolute;
    right: 20px;
    top: 0;
	padding: 15px;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	line-height: 1.2em;
	color: #111;
	background-color: #FFF;
	width: 180px;
	height: 280px;
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	z-index: 2;
	display: table;
}
.jcarousel-wrapper .signUp  p{
	font-family: 'Roboto Slab', serif;
}
.jcarousel-wrapper .signUp  .mem{
	font-family:'Open Sans', sans-serif;
	font-size:10px;
	color:#183152;
	margin:0;
	
}
.jcarousel-wrapper .signUp .compact-form-label{
	color: #939393;
}
.jcarousel-wrapper .signUp a {
    color: #395A80;
	margin: 10px 0px;
	display: table;
}

.jcarousel-wrapper .signUp  .reg  {
    color: #EE9100;
	font-size: 13px;
	line-height: 19px;
	font-weight: bold;
	border: 0px solid #FFF;
	background-color: #FFF;
	background: url('../images/SignInArrow.gif') no-repeat right top;
	padding-right: 25px;
	text-align: right;
	margin: 0px;
	display: block;
	text-decoration:none;
}
.jcarousel-wrapper .discover-tout {
	position: absolute;
	right: 20px;
	bottom: 45px;
	padding: 5px 15px;
	font-family: 'Roboto Slab', serif;
	font-size: 14px;
	line-height: 1.2em;
	color: #395C82;
	background-color: #ECF3FF;
	width: 180px;
	border: 1px solid #C1CBDE;
}
.jcarousel-wrapper .discover-tout a{
	margin: 0px 0px 0px 20px;
	width: 145px;
	color: #395C82;
	text-decoration: none;
	font-size: 13px;
}
/** Carousel **/

.jcarouselFront{
    position: relative;
    overflow: hidden;
    max-width: 960px;
	width:100%;
    height: 390px;
}

.jcarouselFront ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.jcarouselFront img {
	width: 100%;
	max-width:960px;
}
.jcarouselFront li {
    float: left;
}


/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: 0;
    right: 15px;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    
    font-size: 0px;
    line-height: 8px;
    min-width: 8px;
    
    background: #fff;
    color: #4E443C;    
    padding: 3px;
    text-align: center;
    
    margin-right: 4px;
    
    opacity: .90;
}

.jcarousel-pagination a.active {
    background: #BBB;
    color: #fff;
    opacity: 1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}

/*** Spacer ***/
.carousel-spacer {
	background-color: #CFE8EF;
	height: 20px;
	width: 100%;
	
	box-shadow: 0px 5px 5px -3px rgba(24,49,82,.4);
	webkit-box-shadow: 0px 5px 5px -3px rgba(24,49,82,1);
	-moz-box-shadow: 0px 5px 5px -3px rgba(24,49,82,1);
}

/*****************************************************************************/
/****************************** Plant Sterols ********************************/
/*****************************************************************************/

 .jcarouselPlant{
    position: relative;
    overflow: hidden;
    width: 914px;
    height: 384px;
}

.jcarouselPlant ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarouselPlant li {
    float: left;
}
@media (max-width:768px){
	.signUp{
		display:none;
	}
	.discover-tout{
		display:none;
	}
}

/**************************************************************************************/
.carousel-caption {
  z-index: 10;
}
@media screen and (min-width: 321px){
	.carousel-caption {
		right: 20%;
		left: 20%;
		padding-bottom: 30px;
	}
	.carousel-caption {
		position: absolute;
		right: 15%;
		bottom: 20px;
		left: 15%;
		z-index: 10;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #fff;
		text-align: center;
		text-shadow: 0 1px 2px rgba(0,0,0,.6);
	}
	.jcarousel-wrapper-mobile {
	    display: none;
	}
}
@media (max-width: 500px) {
	.jcarousel-wrapper {
	    display: none;
	}
	.jcarousel-wrapper-mobile {
	    display: block;
	}

}