/*
	Site: haieramerica.com
	Date: 10/28/2006
	Author: Rob Stuart
	Description: product banner css
	Additional CSS Files: haier_style.css
	Author Notes:	The admin/cms uses <haier_admin_style.css>

	WEB COLORS USED FOR THE BANNERS
	---------------------------------------------------------------------

	#e2edf3		Light Template Background Color
	#03447e		Light Template Foreground Color
	
	#21bde6		DARK Template Background Color
	#FFFFFF		DARK Template Foreground Color

	---------------------------------------------------------------------
*/

img {
	margin: 0;
	padding: 0;
}

/* RIGHT STYLES - LIGHT */

.right-light {
	margin: 20px auto;
	width: 700px;
	color: #03447e;
	background-color: #e2edf3;
}

.right-light img {
	float: right;
	padding: 0 0 0 20px;
}

.right-light .copy {
	margin: 0;
	padding: 15px 20px;
}

.right-light .copy h1 {
	font-size: 16px;
}

.right-light .copy p {
	margin: 10px 0;
}

.right-light .copy a {
	margin: 10px 0;
	color: #03447e;
	text-decoration: underline;
}

/* RIGHT STYLES - LIGHT GREY */

.right-light-grey {
	margin: 20px auto;
	width: 700px;
	color: #03447e;
	background-color: #ededed;
}

.right-light-grey img {
	float: right;
	padding: 15px;
}

.right-light-grey .copy {
	margin: 0;
	padding: 15px 20px;
}

.right-light-grey .copy h1 {
	font-size: 16px;
}

.right-light-grey .copy p {
	margin: 10px 0;
}

.right-light-grey .copy a {
	font-size: 14px;
	margin: 10px 0;
	color: #03447e;
	text-decoration: underline;
}

/* RIGHT STYLES - DARK */

.right-dark {
	margin: 20px auto;
	width: 700px;
	color: white;
	background-color: #21bde6;
}

.right-dark img {
	float: right;
	padding: 0 0 0 20px;
}

.right-dark .copy {
	margin: 0;
	padding: 15px 20px;
}

.right-dark .copy h1 {
	font-size: 16px;
}

.right-dark .copy p {
	margin: 10px 0;
	line-height: 12px;
}

.right-dark .copy a {
	margin: 10px 0;
	color: white;
	text-decoration: underline;
}

/* LEFT STYLES - LIGHT */

.left-light {
	margin: 20px auto;
	width: 700px;
	color: #03447e;
	background-color: #e2edf3;
}

.left-light img {
	float: left;
	padding: 0 20px 0 0;
}

.left-light .copy {
	margin: 0;
	padding: 15px 20px;
}

.left-light .copy h1 {
	margin: 0;
	padding: 0;
	font-size: 16px;
}

.left-light .copy p {
	margin: 10px 0;
	line-height: 12px;
}

.left-light .copy a {
	margin: 10px 0;
	color: #03447e;
	text-decoration: underline;
}

/* LEFT STYLES - DARK */

.left-dark {
	margin: 20px auto;
	width: 700px;
	color: white;
	background-color: #21bde6;
}

.left-dark img {
	float: left;
	padding: 0 20px 0 0;
}

.left-dark .copy {
	margin: 0;
	padding: 15px 20px;
}

.left-dark .copy h1 {
	font-size: 16px;
}

.left-dark .copy p {
	margin: 10px 0;
	line-height: 12px;
}

.left-dark .copy a {
	margin: 10px 0;
	color: white;
	text-decoration: underline;
}

/* LEADERS */

.leaders {
	margin: 20px auto;
	width: 700px;
	color: white;
	background-color: #21bde6;
}

.leaders img {
	float: left;
	padding: 10px 20px 10px 10px;
}

.leaders .copy {
	margin: 0;
	padding: 20px;
}

.leaders .copy h1 {
	font-size: 16px;
}

.leaders .copy p {
	margin: 10px 0;
	line-height: 12px;
}

.leaders .copy a {
	margin: 10px 0;
	color: white;
	text-decoration: underline;
}