/*ProductFocus Default.aspx*/
.cardPaging{
    margin-bottom:20px;
    margin-top:20px;
}
.productFocuses{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-start;
    margin-top: -10px;
    margin-left: -10px;
}

.productFocusCard{
	position:relative;
	border:1px solid #CCC;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:40px;	
	margin:10px;
    width:400px;    	
}
.productFocusCard:hover {
    background-color: #EEE;
    cursor:pointer;
}
.productFocusCard div.cardImage{	
	float:left;
	width:115px;
    margin-right:10px;
    height:115px;
}
.productFocusCard div.cardImage img{
    width:115px;
}
.productFocusCard div.cardTitle{
	float:left;
	width:calc(100% - 135px);	
}
.productFocusCard div.cardTitle h3{
}
.productFocusCard div.cardSynopsis{
	clear:both;
	padding-top:10px;	
    font-size:0.9em;
}
.productFocusCard div.cardFooter{
	position:absolute;
	bottom:0px;
	left:0px;
	width:400px;
	padding:5px;
	border-top:1px solid #ccc;
	background-color:#EEE;
	font-size:0.8em;
}
.productFocusCard div.cardPubDate{
	float:left;
	width:50%;
    font-weight:bold;
}
.productFocusCard div.cardCtrls{
	float:left;
	width:50%;
	text-align:right;
}
.productFocusCard div.cardCtrls::after{
	clear:both;
}

@media (max-width:1150px) {
    .containerMainLeft{
        display:none;
    }
    .containerMainRight {
        width: 100%;
    }   
}