/*
* @author: William Khoe
*/

.featured.primary,
.featured.secondary
{
	position:relative;
	margin:0 auto 0 auto; padding:0;
}
.featured.secondary
{
	padding:30px 0;
	border-top:3px solid #EFEFEF;
}
.featured.primary .row,
.featured.secondary .row
{
	width:100%;
}
.featured.primary .row
{
	display: flex;
	flex-shrink: 0;
}
.featured.primary .col
{
	width:306px;
	margin:0 0 30px 21px;
	display: inherit;
	flex-shrink: 0;
}
.featured.secondary .col
{
	width:240px;
	margin:0;
}

.featured.primary .col-1
{
	margin-left:0;
}
.featured.primary .module
{
	position:relative;
	border:5px solid #FFF;
	background:#ECECEC;
	background:-moz-linear-gradient(top, #F9F9F9 0%, #E6E6E6 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#E6E6E6));
	background:-webkit-linear-gradient(top, #F9F9F9 0%,#E6E6E6 100%);
	background:-o-linear-gradient(top, #F9F9F9 0%,#E6E6E6 100%);
	background:-ms-linear-gradient(top, #F9F9F9 0%,#E6E6E6 100%);
	background:linear-gradient(to bottom, #F9F9F9 0%,#E6E6E6 100%);
	box-shadow:0 0 10px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
}

.ie8 .featured.primary .module {
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#E6E6E6',GradientType=0 );
}

.featured.secondary .module,
.featured.feat-3 .module
{
	position:relative;
	min-height:252px;
	padding:0 20px;
	border-left:1px solid #E0E0E0;
}
.featured.secondary .col-1 .module,
.featured.feat-3 .col-1 .module
{
	border:none;
}
.featured.primary img
{
	width:100%; height:auto;
}
.featured.secondary a.thumbnail,
.featured.feat-3 a.thumbnail
{
	display:block; position:relative;
	margin:0 0 20px 0;
	text-align:left;
}
.featured.secondary a.thumbnail img,
.featured.feat-3 a.thumbnail img
{
	position:relative;
	width:200px; height:auto;
}
.featured.secondary h2
{
	margin:0 0 15px 0;
	color:#222; font-size:13px; font-weight:700; text-transform:uppercase;
}
.featured.primary article
{
	padding:20px;
}
.featured.featured-1.primary article
{
	padding-bottom:80px;
	min-height: 0 !important;
}
.featured.primary article h2
{
	margin:0 0 10px 0;
	font-size:18px; font-weight:700; color:#222; line-height:24px; text-transform:uppercase;
	min-height: 0 !important;
}
.featured.primary article h3
{
	color:#666; font-size:13px; font-weight:700;
}

.featured.primary article p,
.featured.secondary article p
{
	margin:0 0 10px 0;
	color:#444;
}
.featured.primary article p
{
	height:50px;
	font-size:12px;
}
.featured.featured-1.primary article p
{
	font-size:14px;
	min-height: 0 !important;
}
.featured.featured-2.primary article aside
{
	margin:0 0 15px 0; padding:0 15px 0 0;
}
.featured.featured-1.primary article aside
{
	display:block; position:absolute;
	bottom:0; left:0;
	width:100%;
}
.featured.featured-1.primary article aside a
{
	display:block;
	margin:20px;
}
.featured.primary .links-list
{
	border-top:2px solid #DEDEDE;
}
.featured.primary .links-list ul
{
	margin:0 0 -10px 0; padding:10px 0 0 0;
	border-top:1px solid #FFF;
}
.featured.primary .links-list ul li
{
	margin:0 0 10px 0; padding:0 0 0 13px;
	background:url(/img/ui/list-bullet.png) no-repeat 0 5px;
}
.featured.primary .links-list ul li a
{
	font-weight:bold;
}

.featured.primary .col.oneThirdCol {
	width: 31.3%;
	margin: 0 0 20px 3%;
}

.featured.primary .col.oneThirdCol:first-child {
	margin-left:0;
}

.featured.feat-3 .col {
	width: 319px;
}

.featured.feat-3 .module {
	min-height: 152px;
	padding: 0 50px;
}

/* Carousel */

.featured.secondary .featured-products-carousel li
{
	position:relative;
	width:199px;
	white-space:normal;
}

.featured.secondary .featured-products-carousel ul li .more {
	width:auto;
	display:inline-block;
	line-height:1.2;
}

.featured.secondary .featured-products-carousel nav .prev, .featured.secondary .featured-products-carousel nav .next
{
	position:absolute; overflow:hidden;
	top:25px; z-index:10;
	width:25px; height:70px;
	margin:0; padding:0;
	background:url(/img/ui/icon-sprite.png) no-repeat 0 0;
	text-indent:-9999px;

	cursor:pointer;
}
.featured.secondary .featured-products-carousel nav .prev,
.featured.secondary .featured-products-carousel nav .prev.disabled:hover
{
	left:0;
	background-position:0 -1266px;
}
.featured.secondary .featured-products-carousel nav .next,
.featured.secondary .featured-products-carousel nav .next.disabled:hover
{
	right:0;
	background-position:100% -1183px;
}
.featured.secondary .featured-products-carousel nav .next:hover
{
	background-position:100% -4761px;
}
.featured.secondary .featured-products-carousel nav .prev:hover
{
	background-position:0 -4844px;
}
.featured.secondary .featured-products-carousel nav .disabled
{
	cursor:default;
	opacity:0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30);
}

/* Regular Desktop */

@media only screen and (min-width:1024px) {

.featured.secondary a.thumbnail .shadow-glow,
.featured.feat-3 a.thumbnail .shadow-glow
{
	display:block; overflow:hidden; position:absolute;
	top:0; left:0;
	width:100%; height:76%;
}
.featured.secondary a.thumbnail .shadow-glow em,
.featured.feat-3 a.thumbnail .shadow-glow em
{
	display:block;
	width:100%; height:200%;
	background:transparent; /* Old browsers */
	background:-moz-radial-gradient(50% 55%, ellipse contain, rgba(220,220,220,1) 0%,rgba(220,220,220,0) 100%); /* FF3.6+ */
	background:-webkit-gradient(radial, 50% 55%, 0px, 50% 55%, 100%, color-stop(0%,rgba(220,220,220,1)), color-stop(100%,rgba(220,220,220,0))); /* Chrome,Safari4+ */
	background:-webkit-radial-gradient(50% 55%, ellipse contain, rgba(220,220,220,1) 0%,rgba(220,220,220,0) 100%); /* Chrome10+,Safari5.1+ */
	background:-o-radial-gradient(50% 55%, ellipse contain, rgba(220,220,220,1) 0%,rgba(220,220,220,0) 100%); /* Opera 12+ */
	background:-ms-radial-gradient(50% 55%, ellipse contain, rgba(220,220,220,1) 0%,rgba(220,220,220,0) 100%); /* IE10+ */
	background:radial-gradient(ellipse at 50% 55%, rgba(220,220,220,1) 0%,rgba(220,220,220,0) 100%); /* W3C */
}
	.featured.secondary a.thumbnail,
	.featured.feat-3 a.thumbnail
	{
		text-align:center;
	}
}

/* Tablet Portrait */

@media only screen and (min-width:768px) and (max-width:1023px){
	
	.featured.primary
	{
		padding:0;
	}
	.featured.primary .row
	{
		width:auto;
	}
	
	.featured.primary .col
	{
		margin:0 0 20px 15px;
		width:226px;
	}
	
	.featured.primary .col-1
	{
		margin-left:0;
	}
	.featured.primary article p
	{
		font-size:12px;
	}
	.featured.primary article h2
	{
		height:60px;
		font-size:16px; line-height:20px;
	}

	.featured.secondary
	{
		padding:10px 0 0 0;
	}
	.featured.secondary a.thumbnail
	{
		position:absolute;
		top:0; left:20px;
		margin:0;
	}
	.featured.secondary a.thumbnail img
	{
		width:100px !important; height:auto;
	}
	.featured.secondary .module
	{
		min-height:111px;
		padding:10px 20px 0 20px;
	}
	.featured.secondary .featured-content
	{
		margin:0 0 0 115px;
	}
	
	.featured.secondary h2
	{
		margin:0 0 10px 0;
		text-align:left; font-size:12px;
	}
	.featured.secondary .col
	{
		width:354px;
		padding:15px 0;
	}
	.featured.secondary .col-3 .module
	{
		border:none;
	}
	.featured.secondary .col-1,
	.featured.secondary .col-2
	{
		border-bottom:1px solid #E0E0E0;
	}
	.featured.featured-1.primary article aside a
	{
		padding-left:7px; padding-right:7px;
		font-size:12px;
	}
	.featured.secondary .featured-products-carousel li
	{
		width:313px; min-height:115px;
	}
	.featured.secondary .featured-products-carousel li a.thumbnail
	{
		left:0;
	}
	.featured.secondary .featured-products-carousel nav .prev,
	.featured.secondary .featured-products-carousel nav .prev.disabled:hover
	{
		top:21px; left:-15px;
		background-position:0 -1410px;
	}
	.featured.secondary .featured-products-carousel nav .prev:hover
	{
		background-position:0 -4988px;
	}
	.featured.secondary .featured-products-carousel nav .next,
	.featured.secondary .featured-products-carousel nav .next.disabled:hover
	{
		top:21px; right:-15px;
		background-position:100% -1341px;
	}
	.featured.secondary .featured-products-carousel nav .next:hover
	{
		background-position:100% -4919px;
	}
	
	.featured.primary .row .col {
		width:31.3%;
		margin: 0 0 20px 3%;
	}
	
	.featured.primary .row .col:first-child {
		margin-left:0;
	}
	.featured.feat-3 .module {
		padding: 0 20px;
	}
}

/* Mobile Portrait & Landscape */

@media only screen and (max-width:767px)
{
	.featured.primary,
	.featured.secondary,
	.featured.feat-3
	{
		margin:0 auto;
	}
	.featured.secondary
	{
		padding:0;
	}
	.featured.primary .row {
		flex-direction: column;
	}
	.featured.primary .row,
	.featured.secondary .row,
	.featured.feat-3 .row
	{
		width:auto;
		padding:0;
	}
	.featured.primary .col,
	.featured.secondary .col,
	.featured.feat-3 .col
	{
		float:none;
		width:auto;
	}
	.featured.primary article h2,
	.featured.primary article p,
	.featured.primary article
	{
		height:auto !important;
	}
	.featured.primary
	{
		padding:0;
	}
	.featured.primary .col
	{
		margin:0 0 20px 0;
	}
	.featured.secondary .module,
	.featured.feat-3 .module
	{
		min-height:95px;
		padding:0;
		border-left:none;
	}
	.featured.feat-3 .module {
		min-height:55px; 
		padding:0;
		border-left:none; 
	}
	.featured.secondary .featured-content,
	.featured.feat-3 .featured-content
	{
		margin:0 0 0 124px;
	}
	.featured.secondary .col,
	.featured.feat-3 .col
	{
		padding:20px 0;
		border-top:1px solid #E0E0E0;
	}
	.featured.secondary .col-1
	{
		border:0;
	}
	.featured.secondary img
	{
		width:100%; height:auto;
	}
	.featured.secondary h2
	{
		font-size:14px;
	}
	.featured.secondary a.thumbnail,
	.featured.feat-3 a.thumbnail
	{
		position:absolute;
		top:0; left:0;
		margin:0;
	}
	.featured.secondary a.thumbnail img,
	.featured.feat-3 a.thumbnail img
	{
		width:105px !important; height:auto;
	}
	.featured.featured-2.primary article p
	{
		/*display:none;*/
	}
	.featured.featured-2.primary article .summary
	{
		position:relative;
	}
	.featured.featured-2.primary article aside
	{
		/*position:absolute;
		top:0; left:0;
		width:100%; height:100%;*/
		margin:0; padding:0;
	}
	.featured.featured-2.primary article aside a.more
	{
		display:block; overflow:hidden;
		width:100%; height:100%;
		margin:0; padding:0;
		/*text-indent:-9999px;*/
		background:url(/img/ui/arrow-right.png) no-repeat 100% 50%;
	}
	.featured.featured-2.primary article h2,
	.featured.featured-2.primary article h3
	{
		padding-right:20px;
	}
	.featured.secondary .featured-products-carousel li
	{
		width:100%;
	}
	
	.lte7 .featured-secondary .featured-products-carousel li {
		width:300px;
	}

	.featured.secondary .featured-products-carousel nav .prev
	{
		top:13px; left:-15px;
		background-position:0 -1410px;
	}
	.featured.secondary .featured-products-carousel nav .next
	{
		top:13px; right:-15px;
		background-position:100% -1341px;
	}
	
	.lte7 .featured.secondary .featured-products-carousel .prev,
	.lte7 .featured.secondary .featured-products-carousel .next {
		display:none;
	}
	
	.featured.secondary .featured-products-carousel li
	{
		min-height:95px;
	}
	.featured.featured-1.primary article aside a
	{
		padding-right:0; padding-left:0;
	}
	
	
	.featured.feat-3 > .row > .col {
		
	}
	.featured.feat-3 .module {
		
	}
}

/* Mobile Landscape */

@media only screen and (min-width:321px) and (max-width:767px) {

}

/* Mobile Portrait */

@media only screen and (max-width:320px) {

}