/* Boxes */

.box .style { border: 1px #c1c1c1 solid; background-color: #fff;  }


.box .shadow
{
	display: block;
	height: 6px;
	background-color: #dbdbdb;
	border-left: 1px #fff solid;
	border-right: 1px #fff solid;
	font-size: 0;
}

.a-feature 
{
	margin-top: 20px;
	width: 200px;
	float: left;
	position: relative;
        height:150px;
	margin-right:17px;        
}

.a-feature .style { padding: 0 4px; position:relative;}

.a-feature .content
{
	height: 132px;
/*	margin-top: -14px;*/
	margin-top: 10px;
	padding: 0 4px;
	background: url(../images/black-block.gif) repeat-x 0 0;
	color: #a7a7a7;
	line-height: 1.1em;
	font-size: 1em;
	text-transform: lowercase;
	display: block; 
}

.a-feature .content img { position: absolute; top: -50px; }
.a-feature .content .mask { background-color: #fff; border-top: 6px #000 solid; z-index: 10; position: relative; width: 182px; top: 4px;}
.a-feature .content h3 { font-size: 1.6em; color: #565656; padding: 0 5px 0 5px; letter-spacing: -0.03em; line-height: 1em; margin-top: 0.8em;}
.a-feature .content p { margin-bottom: 1em; padding: 0 5px; line-height: 1.3em; font-weight: bold;}
.a-feature a.more { position: absolute; top: 95px; left: 160px; z-index: 20; }
.rollover { cursor:pointer }
.a-feature.rollover .style { background-color: #f6f6f6 !important; }
.a-feature.rollover .mask { background-color: #f6f6f6 !important; }
.b-feature.rollover .style { background-color: #f6f6f6 !important; }
.c-feature.rollover .style { background-color: #f6f6f6 !important; }
.col-feature.rollover .style { background-color: #c4c4c4 !important; }


span.view-more-icon
{
	width:41px;
	height:41px;
	display:block;
	background:url(../images/go.gif) 0 0 no-repeat;
	cursor:pointer;
}