﻿#containerMarketHeader {
    margin-bottom: 20px;
}
#containerMarketHeader h1 {
    margin-bottom: 20px;
}
/*Tier Image Menu*/
#containerTierImgMenu{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:flex-start;
    align-items: flex-start;
    align-content: flex-start;
    width:100%;
    margin-top: -10px;
    margin-left: -10px;
}
.timLnk{
    position:relative;
    display:block;
    width:200px;
    height:200px;
    text-align:center;
    border-radius:5px;
    border:1px solid #e1e7ec;
    padding:10px;
    margin:10px;
    text-decoration:none;
}
.timLnk:hover, .timLnk:hover .timTitleDiv{
    text-decoration:none;
    color: #A41826;
}
.timLnk .timTitleDiv{
    color:#333;
} 
/*END Tier Image Menu*/

/*Overview*/
#containerMarketOverview{
    margin-bottom:20px;
}
/*END Overview*/

/*Suppliers*/
.flexSuppliersAll {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
    align-items: flex-start;
    align-content: flex-start;
    width:100%;        
}
a.flexItemSuppliersAll{            
    width:19%;
    min-width:150px;            
}
a.flexItemSuppliersAll:hover{
    text-decoration:none;
}
.flexItemSuppliersAll div{
    display: flex;
    flex-direction:column;
    flex-wrap:wrap;
    justify-content:center;
    align-items: center;
    align-content: center;
    margin:5px;
    padding:5px;
    border:1px solid #E7E7E7;
    background-color:#FFF;
    text-align:center;
    overflow:hidden;
    font-size:0.7em;
    color:#606975;
    text-decoration:none;
    height:150px;
}
.flexItemSuppliersAll div:hover{            
    border:1px solid #8A1C26;
}
.flexItemSuppliersAll div img {
    display: block;
    padding-bottom:5px;
}  
/*END Suppliers*/  

/*News*/
.articles{
	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;
}

.articleCard{
	position:relative;
	border:1px solid #CCC;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:40px;	
	margin:10px;
    width:400px;    	
}
.articleCard:hover {
    background-color: #EEE;
    cursor:pointer;
}
.articleCard div.articleImage{	
	float:left;
	width:115px;
    margin-right:10px;
}
.articleCard div.articleTitle{
	float:left;
	width:calc(100% - 135px);	
}
.articleCard div.articleTitle h3{
}
.articleCard div.articleSynopsis{
	clear:both;
	padding-top:10px;	
    font-size:0.9em;
}
.articleCard div.articleCardFooter{
	position:absolute;
	bottom:0px;
	left:0px;
	width:400px;
	padding:5px;
	border-top:1px solid #ccc;
	background-color:#EEE;
	font-size:0.8em;
}
.articleCard div.articlePubDate{
	float:left;
	width:50%;
    font-weight:bold;
}
.articleCard div.articleCtrls{
	float:left;
	width:50%;
	text-align:right;
}
.articleCard div.articleCtrls::after{
	clear:both;
}
/*END News*/
  