/*
* @author: William Khoe
*/

section#project-spec
{
	position:relative;
	margin:0 0 30px 0; padding:19px;
	border:1px solid #DEDEDE;
	background:#FFF;
	box-shadow:1px 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
}
section#project-spec > ul
{
	margin:0 0 -15px 0;
}
section#project-spec > ul > li
{
	padding:15px 0;
	border-top:2px solid #EEE;
}
section#project-spec > ul > li:first-child
{
	padding-top:0;
	border-top:0;
}
section#project-spec > ul > li h3
{
	padding:0 0 5px 0;
	background:url(/img/ui/icon-sprite.png) no-repeat 0 0;
	font-size:13px; text-transform:uppercase;
}
section#project-spec > ul > li h3 span
{
	display:block;
	padding:0 33px 0 0;
	line-height:16px;
}
section#project-spec > ul > li.time h3
{
	background-position:100% -2801px;
}
section#project-spec > ul > li.level.easy h3
{
	background:url(/img/ui/difficulty-sprite.png) no-repeat 100% -128px;
}
section#project-spec > ul > li.level.medium h3
{
	background:url(/img/ui/difficulty-sprite.png) no-repeat 100% -64px;
}
section#project-spec > ul > li.level.hard h3
{
	background:url(/img/ui/difficulty-sprite.png) no-repeat 100% 0;
}
section#project-spec > ul > li.tools h3
{
	background-position:100% -2872px;
}
section#project-spec > ul > li > ul
{
	margin:0 0 -10px 0;
}
section#project-spec > ul > li > ul > li
{
	position:relative;
	padding:10px 0;
	border-top:1px solid #DDD;
	overflow: hidden;
}

section#project-spec > ul > li > ul > li:first-child
{
	padding-top: 10px;
	border-top:0;
}
section#project-spec > ul > li > ul > li .thumbnail
{
	display: block;
 

	float: left;
	width: 60px;
	text-align: center;
}
section#project-spec > ul > li > ul > li .thumbnail img
{
	max-height: 51px;
    max-width:105px;

}

section#project-spec > ul > li > ul > li .product-name
{
	font-weight:bold;
}
section#project-spec > ul > li > ul > li a.product-name
{
	margin: 0 10px 0 0px;
	min-height:25px;
}
section#project-spec > ul > li > ul > li span.product-name
{
	padding:0 0 0 10px;
	background:url(/img/ui/list-bullet.png) no-repeat 0 6px;
}
section#project-spec .main-product-thumbnail
{
	display:none;
}

.findastoreBtn{
    text-align:center; 
    margin-top:20px;
    display: none;
}

/* Regular Desktop */

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

}

/* Tablet Portrait */

@media only screen and (min-width:768px) and (max-width:1023px)
{
	section#project-spec > ul > li > ul > li a.product-name
	{
		font-size:11px;
	}
}

/* Mobile Portrait & Landscape */

@media only screen and (max-width:767px)
{
	section#project-spec
	{
		padding:0;
		background:#F9F9F9;
		border:5px solid #FFF;
		box-shadow:0 0 6px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 6px rgba(0,0,0,0.4);
	}
	section#project-spec .main-product-thumbnail
	{
		position:relative; display:block;
		margin:0 0 15px 0;
	}
	section#project-spec .main-product-thumbnail img
	{
		width:100%; height:auto;
	}
	section#project-spec .main-product-thumbnail .caption
	{
		display:block; position:absolute;
		bottom:0; left:0;
		width:100%;
		background:#000; background:rgba(0,0,0,0.6);
	}
	section#project-spec .main-product-thumbnail .caption span
	{
		display:block;
		margin:0 9px; padding:0 15px 0 0;
		background:url(/img/ui/icon-sprite.png) no-repeat 100% -3757px;
		line-height:34px; color:#FFF; font-weight:bold; font-size:12px; text-align:center; text-transform:uppercase;
	}
	section#project-spec > ul
	{
		margin:0 12px;
	}
}