.typography							{ font-size:16px; line-height:24px; }
.typography	*						{ color: #444; }

/** CMS LIST STYLES **/
.typography ul,
.typography ol 						{ margin-bottom:15px; }

.typography ul li,
.typography ol li 					{ }
.typography ul li 					{ }
.typography ol li 					{ }

/* HEADER STYLES */
/* Big and ugly to preserve styles when applying bold and/or italics to headers in the SilverStripe editor */
.typography h1,.typography h1 strong,.typography h1 em,
.typography h2,.typography h2 strong,.typography h2 em,
.typography h3,.typography h3 strong,.typography h3 em,
.typography h4,.typography h4 strong,.typography h4 em,
.typography h5,.typography h5 strong,.typography h5 em,
.typography h6,.typography h6 strong,.typography h6 em			{ margin: 0 0 12px 0; padding: 0; font-weight: bold; color: #353231; line-height: 1.14em; }

.typography h1,.typography h1 strong,.typography h1 em 			{ font-size: 32px; }
.typography h2,.typography h2 strong,.typography h2 em 			{ font-size: 28px; }
.typography h3,.typography h3 strong,.typography h3 em			{ font-size: 24px; }
.typography h4,.typography h4 strong,.typography h4 em 			{ font-size: 22px; }
.typography h5,.typography h5 strong,.typography h5 em			{ font-size: 20px; }
.typography h6,.typography h6 strong,.typography h6 em			{ font-size: 16px; }

.typography blockquote				{ background:#fffcfa; border: 1px #ffc291 solid; padding: 10px; }

/* LINK STYLES */
.typography a 						{ color: #067783 !important; }
.typography a:hover 				{ color: #067783 !important; }
	
.typography table					{ }
.typography table tr td				{ }

.typography strong					{ font-weight: bold !important; }
.typography em						{ font-style: italic !important; }

.typography .orange,
.typography .orange *				{ color:#ff7200 !important; }
.typography .turquoise,
.typography .turquoise *			{ color:#067783 !important; }

/* WYSIWYG EDITOR ALIGNMENT CLASSES */
.typography .left 					{ text-align: left; }
.typography .center					{ text-align: center; }
.typography .right					{ text-align: right; }

.typography img						{ max-width:100%; height:auto; }
.typography img.right				{ float: right;  margin: 0 0 5px 15px; }
.typography img.left				{ float: left; margin: 0 15px 5px 0; }
.typography img.center				{ display:block; margin: 0 auto 5px; }

.typography .captionImage			{ max-width:100%; }
.typography .captionImage.supplier,
.typography .supplier 				{ display:inline-block; margin: 0 35px 25px 0; text-align: center; }
.typography .captionImage img		{ padding: 0; max-width:100%; height:auto !important; }
.typography .captionImage p			{ margin: 0; font: bold 15px/19px 'Roboto', sans-serif; }
.typography .captionImage.left		{ float: left; margin: 0 25px 5px 0; padding: 5px; text-align: center; }
.typography .captionImage.right		{ float: right; margin: 0 0 5px 25px; padding: 5px; text-align: center; }
.typography .captionImage.center	{ display:block; margin: 0 auto 25px; }

.typography iframe					{ max-width:100%; }

.right form .field label {
	color: #555 !important; font: bold 14px/19px 'Roboto', sans-serif !important;
}

.right form .field .sort-control label	{ font-weight:normal !important; font-size:11px !important; }

@media (max-width:500px){
	.typography img,
	.typography .captionImage.supplier,
	.typography .supplier 			{ display:block; float:none !important; margin-left:auto !important; margin-right:auto !important; }
	.typography blockquote			{ margin-left:10px; margin-right:10px; }
}