/*
* @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 .col
{
	width:306px;
	margin:0 0 30px 21px;
}
.featured.secondary .col
{
	width:240px;
	margin:0;
}

.featured.primary .col-1
{
	margin-left:0;
}
.featured.primary .module
{
	position:relative;
	border:5px solid #FFF; border-radius: 10px;
	background:#EDEDED;
	background:-moz-linear-gradient(top, #F9F9F9 0%, #EDEDED 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#EDEDED));
	background:-webkit-linear-gradient(top, #F9F9F9 0%,#EDEDED 100%);
	background:-o-linear-gradient(top, #F9F9F9 0%,#EDEDED 100%);
	background:-ms-linear-gradient(top, #F9F9F9 0%,#EDEDED 100%);
	background:linear-gradient(to bottom, #F9F9F9 0%,#EDEDED 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
{
	font-family:'Yanone Kaffeesatz', Helvetica, Arial, sans-serif;
	margin:0 0 15px 0;
	color:#8D8B82; font-size:23px; font-weight:400; text-transform:uppercase; letter-spacing: 0.02em;
}
.featured.primary article
{
	padding:20px;
}
.featured.featured-1.primary article
{
	padding-bottom:80px;
}
.featured.primary article h2
{
	font-family:'Yanone Kaffeesatz', Helvetica, Arial, sans-serif;
	margin:0 0 10px 0;
	font-size:30px; font-weight:400; color:#8D8B82; line-height:34px; /*text-transform:uppercase;*/
}
.featured.primary article h3
{
	color:#444; 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;
}
.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:0px 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;
	background:-moz-radial-gradient(50% 55%, ellipse contain, rgba(220,220,220,1) 0%,rgba(220,220,220,0) 100%);
	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)));
	background:-webkit-radial-gradient(50% 55%, ellipse contain, rgba(220,220,220,1) 0%,rgba(220,220,220,0) 100%);
	background:-o-radial-gradient(50% 55%, ellipse contain, rgba(220,220,220,1) 0%,rgba(220,220,220,0) 100%);
	background:-ms-radial-gradient(50% 55%, ellipse contain, rgba(220,220,220,1) 0%,rgba(220,220,220,0) 100%);
	background:radial-gradient(ellipse at 50% 55%, rgba(220,220,220,1) 0%,rgba(220,220,220,0) 100%);
}*/
	.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
	{
		margin:0;
	}
	.featured.secondary a.thumbnail img
	{
		width:112px; height:auto;
	}
	.featured.secondary .module
	{
		min-height:111px;
		padding:10px 20px 0 20px;
	}
    .featured.secondary .feature {}
    .featured.secondary .col {width: 176px;}
    .featured.secondary h2 {line-height: 22px; margin: 15px 0;}
}

/* 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,
	.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; 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 {
		
	}
}