/*  Richards promotion boxes css code 18/9/2014 rev 1  */

.promosection {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.promocol {
	display: block;
	float:left;
	margin-top : 1%;
	Margin-bottom: 1%;
	text-align : center;
	min-height: 165px;
}

.promocol_top img { 
	width: 100%;
}

.promocol_bottom img { 
	max-width: 100%;
}

.promocol_footer p {
	text-transform: capitalize;
 	text-align: left;
  	font-size: .7em;
}

.promocol_footer li {
 	text-transform: capitalize;
 	text-align: left;
  	margin-left:-27px;
}

.promocol_footer h3{
	text-transform: capitalize !important;
	margin: 0.5em 0px;
}
 
.promocol h3 { 
	font-weight: bold;
	color : white ;
	margin: 0.5em 0px;
	font-size:1.5em;
}

.promocol p { 
	color :white;
	padding : 1.5%;
	margin: 0.5em 0px;
}

.promocol a { 
	text-decoration : none;
}

.promocol:first-child { 
	margin-left: 0; 
}

.promocol:last-child { 
	margin-right: 0; 
}


/*  GROUPING  */

.group:before,
.group:after {
	content:"";
	display:table;
}

.group:after {
	clear:both;
}

.group {
	zoom:1; /* For IE 6/7 */
}

/*  GRID OF THREE  */

.span_3_of_3 {
	width: 100%;
}

.span_2_of_3 {
	width: 66.1%;
}

.span_1_of_3 {
	width: 32.2%;
}

.promo-top-image-section {
padding-top:	10px;
}


/* smartphones, iPhone, portrait 480x320 phones */ 
@media (min-width:320px) { 

	.promocol p { 
		color :white;
		padding-left : 10px;
		padding-right : 10px;
		margin: 0.5em 0px;
		font-size: small;
	}

	.promocol a { 
		font-size: 0.7em;
	} 

	.promocol h3 {	
		margin: 0.1em 0px;
		font-size: medium;
	}

}

/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
@media (min-width:481px) { 
	.span_3_of_3 {;
		height:162px;
	}
	.span_2_of_3 {
		height:162px;
	}
	.span_1_of_3 {
		height:162px;
	}
	.promocol_footer h3{
 		font-size: 1.1em;
 	}
 	div.promo-bottom-info-section {
		height:140px;
	}
 		.info-box { min-height:185px;}

}

/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
@media (min-width:641px) { 
	.promocol_bottom img { 
		max-width:150px;
	}
	.promocol_bottom h3 {
/*		font-size : 0.8em;	*/
	}
	.promocol_footer h3{
 		font-size: .7em;
 	}
 	
 		.info-box { min-height:185px;}
 	div.promo-bottom-info-section {
		height:118px;
	}
}

@media (min-width:961px) { 
/* tablet, landscape iPad, lo-res laptops ands desktops */ 

	.info-box { height:125px;}
div.promo-bottom-info-section {
	height:116px;
}

}

/* big landscape tablets, laptops, and desktops */ 
@media (min-width:1025px) { 

	.span_3_of_3 {;
		height:380px;
	}
	.span_2_of_3 {
		height:380px;
	}
	.span_1_of_3 {
		height:380px;
	}

	.info-box { height:115px;}
 	div.promo-bottom-info-section {
		height:105px;
	}

	
}

@media (min-width:1281px) { 
/* hi-res laptops and desktops */ 
 	div.promo-bottom-info-section {
		height:90px;
	}
	.info-box { min-height:105px;}

}

@media (min-width:481px) and (max-width:767px){
.info-box {
    height: auto;
}
}