/* ---------- FEATURE ---------- */

div.inspirationFeature{
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	width: 690px;
	height: 390px;
	overflow: hidden;
}

div.inspirationFeature ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;

}

div.inspirationFeature ul li{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}



div.inspirationFeature div.inspirationFeatureItem{
	margin: 0px;
	padding: 0px;
	float: left;
}

div.inspirationFeature div.inspirationFeatureItem span{
	display: block;
	/*background: #ffffff;*/
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 10px;
	cursor: pointer;
}

div.inspirationFeature div.inspirationFeatureItem h2{
	display: block;
	border: 0px none;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	color: #333333;
}

div.inspirationFeature div.inspirationFeatureItem span div{
	display: block;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	font-size: 11px;
	line-height: 1.2em;
	color: #333333;
}



div.inspirationFeature div.inspirationFeatureBig{
	width: 340px;
	height: 390px;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	position: relative;
}

div.inspirationFeature div.inspirationFeatureBig a{
	display: block;
	width: 340px;
	height: 390px;
	overflow: hidden;
}

div.inspirationFeature div.inspirationFeatureBig a img{
	width: 340px;
	height: auto;
}




div.inspirationFeature div.inspirationFeatureSmall{
	width: 158px;
	height: 188px;
	padding: 0px;
	margin: 0px 10px 10px 0px;
	position: relative;
	border: 1px solid #e5e5e5;
}

div.inspirationFeature div.inspirationFeatureSmall a{
	display: block;
	width: 158px;
	height: 188px;
	overflow: hidden;
}

div.inspirationFeature div.inspirationFeatureSmall a img{
	width: 158px;
	height: auto;
}


div.inspirationFeature div.inspirationFeatureItem span div{
	display: none;
}


div.inspirationFeature div.inspirationFeatureBig span{
	width: 324px;
	min-height: 39px;
	padding: 6px;
	background: rgba(255,255,255,0.9);
	position: absolute;
	bottom: 2px;
	left: 2px;
}

div.inspirationFeature div.inspirationFeatureSmall span{
	width: 146px;
	height: 40px;
	padding: 6px;
	background: #ffffff;
	position: absolute;
	bottom: 0px;
}

div.inspirationFeaturediv.inspirationFeatureBig:hover, div.inspirationFeature div.inspirationFeatureSmall:hover{

}


/* If the image is wide but short it will have a class added called maketall. Use it to stretch image */
div.inspirationFeature div.inspirationFeatureBig a img.maketall{
	width: auto !important;
	height: 390px;
}

div.inspirationFeature div.inspirationFeatureSmall a img.maketall{
	width: auto !important;
	height: 144px;
}





/* ---------- Smaller Version For Product Pages ---------- */

div.grid_8 div.inspirationFeature{
	margin: 0px 0px 20px 0px;
	width: 460px;
	height: 290px;
}

div.grid_8 div.inspirationFeature div.inspirationFeatureItem h2{
	font-size: 11px;
}

div.grid_8 div.inspirationFeature div.inspirationFeatureBig{
	width: 220px;
	height: 290px;
}

div.grid_8 div.inspirationFeature div.inspirationFeatureBig a{
	width: 220px;
	height: 290px;
}

div.grid_8 div.inspirationFeature div.inspirationFeatureBig a img{
	width: 220px;
}

div.grid_8 div.inspirationFeature div.inspirationFeatureSmall{
	width: 103px;
	height: 138px;
}

div.grid_8 div.inspirationFeature div.inspirationFeatureSmall a{
	width: 103px;
	height: 138px;
}

div.grid_8 div.inspirationFeature div.inspirationFeatureSmall a img{
	width: 103px;
}

div.grid_8 div.inspirationFeature div.inspirationFeatureBig span{
	width: 204px;
}

div.grid_8 div.inspirationFeature div.inspirationFeatureSmall span{
	width: 91px;
	height: 40px;
}



/* If the image is wide but short it will have a class added called maketall. Use it to stretch image */
div.grid_8 div.inspirationFeature div.inspirationFeatureBig a img.maketall{
	height: 290px;
}

div.grid_8 div.inspirationFeature div.inspirationFeatureSmall a img.maketall{
	height: 95px;
}



/* ---------- IE FIXES ---------- */

div.ie7 div.inspirationFeature ul li{
	display: inline;
}


div.ie7 div.inspirationFeature div.inspirationFeatureBig span, div.ie8 div.inspirationFeature div.inspirationFeatureBig span{
	-pie-background: rgba(255, 255, 255, 0.9);
	behavior: url(/platform/sites/_base/scripts/css3pie/PIE.htc); -pie-poll: true;
}



div.ie7 div.inspirationFeature div.inspirationFeatureBig span div.blurb, div.ie8 div.inspirationFeature div.inspirationFeatureBig span div.blurb{
	padding: 0px;
}