/* responsive css styles. these are in the v9 content.css file but duplicated here for v8 cms */
.contentimageleft {
	max-width: 50%;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.contentimageright {
	max-width: 50%;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.contentimagerightfixed {
	width: 50%;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.contentimageleft40 {
	max-width: 40%;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.contentimageright40 {
	max-width: 40%;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.contentimagerightfixed40 {
	width: 40%;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.contentimageleft30 {
	max-width: 30%;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.contentimageright30 {
	max-width: 30%;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.contentimagerightfixed30 {
	width: 30%;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.contentimageleft20 {
	max-width: 20%;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.contentimageright20 {
	max-width: 20%;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.contentimagerightfixed20 {
	width: 20%;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

@media (max-width: 500px) {
	.contentimageright, .contentimageleft, .contentimagerightfixed,
	.contentimageright40, .contentimageleft40, .contentimagerightfixed40,
	.contentimageright30, .contentimageleft30, .contentimagerightfixed30,
	.contentimageright20, .contentimageleft20, .contentimagerightfixed20 {
		float: none !important;
		max-width: 100% !important;
		margin: 0px;
	}
}