/* -----------------------------------------------------------------------------
WIDGETS:

- COMPARE TERM LIFE INSURANCE
- READY TO BUY?
- QUESTIONS?
----------------------------------------------------------------------------- */
.prod-widget-compare {
	display: inline;
	float: left;
	margin: 0 16px 8px 0;
	width: 193px;
}
	/* Apply a chrome-feel to the compare widget. */
	.prod-widget-chromeright {
		background: url(/static/canada/images/ca_u_bg_widgets_chomeright_left.png) no-repeat 100% 0;
		zoom: 1;
	}
		.prod-widget-chromeright-right {
			background: url(/static/canada/images/ca_u_bg_widgets_chomeright_right.png) no-repeat 0 100%;
			zoom: 1;
		}
			.prod-widget-chromeright-bottom {
				background: url(/static/canada/images/ca_u_bg_widgets_chomeright_bottom.png) no-repeat 100% 100%;
				padding: 0 11px 11px 0;
				zoom: 1;
			}

	.prod-widget-compare .prod-widget-layout {
		border: dotted 1px #6b6b6b;
		padding: 18px 18px 4px;
	}

	.prod-widget-compare h3 {
		color: #003946;
		font-size: 1.18em;
	}

	.prod-widget-compare ul {
		margin: 14px 0;
	}
		.prod-widget-compare li {
			background: transparent !important;
			margin: 0 0 7px !important;
			padding: 0 !important;
		}




.prod-widget-container {
	display: inline;
	float: right;
	margin: 0 15px 15px 15px;
	width: 240px;
}
	/* Apply a chrome-feel to the sidebar widget. */
	.prod-widget-chrome {
		background: url(/static/canada/images/ca_u_bg_widgets_chome_left.png) no-repeat;
		zoom: 1;
	}
		.prod-widget-chrome-right {
			background: url(/static/canada/images/ca_u_bg_widgets_chome_right.png) no-repeat 100% 100%;
			zoom: 1;
		}
			.prod-widget-chrome-bottom {
				background: url(/static/canada/images/ca_u_bg_widgets_chome_bottom.png) no-repeat 0 100%;
				padding: 5px 0 22px 28px;
				zoom: 1;
			}


	/* Headings and buttons. Appologies for the extremely long class names, but
	we want to be sure that these are unique from the rest of the site. */
	.en .prod-widget-container .hdr-graphic {
		background-image: url(/static/canada/images/ca_e_bg_widgets_sprite.png);
		background-repeat: no-repeat;
	}
	.fr .prod-widget-container .hdr-graphic {
		background-image: url(/static/canada/images/ca_f_bg_widgets_sprite.png);
		background-repeat: no-repeat;
	}



.prod-widget-readytobuy {
	margin: 0 0 30px;
}
	/* Header: Ready to buy? */
	.prod-hdr-widget-ready {
		height: 34px;
		margin: 0 0 -12px;
	}

	/* Button: Through an advisor */
	.prod-btn-widget-throughadv {
		background-position: 0 -44px;
		height: 36px;
		margin-left: -7px;
		width: 232px;
		*left: -7px;
		*position: relative;
	}

	/* Button: Online */
	.prod-btn-widget-online {
		background-position: 0 -90px;
		height: 36px;
		margin-left: -7px;
		width: 232px;
		*left: -7px;
		*position: relative;
	}

	/* Header: By phone */
	.prod-hdr-widget-phone {
		background-position: 0 -131px;
		height: 22px;
		margin: 0 0 8px;
	}



.prod-widget-questions {
	padding: 0 0 22px 36px;
}
	.prod-widget-questions h2 {
		margin: 0 0 10px;
	}

	.prod-widget-questions h3 {
		color: #000;
		font-size: 1.09em;
		margin: 0;
	}

	.prod-widget-container ul {
		color: #000000;
		list-style-type: square;
		margin: 10px 0 14px 16px;
	}
		.prod-widget-container ul li {
			background: transparent !important;
			margin: 0 0 7px !important;
			padding: 0 15px 0 0 !important;
		}

	/* Header: Questions? */
	.prod-hdr-widget-questions {
		background-position: 0 -163px;
		height: 29px;
	}



.prod-widget-learnmore {

}
	/* Header: Learn more */
	.prod-hdr-widget-learnmore {
		background-position: 0 -202px;
		height: 23px;
		margin: 0;
	}
		.fr .prod-hdr-widget-learnmore {
			height: 51px;
		}

	/* Button: Find an advisor */
	.prod-btn-widget-findadv {
		background-position: 0 -235px;
		height: 51px;
		margin: 0 0 0 -7px;
	}
		.fr .prod-btn-widget-findadv {
			background-position: 0 -263px;
			height: 51px;
		}

	/* Button: Products and services */
	.prod-btn-widget-prodserv {
		background-position: 0 -296px;
		height: 51px;
		margin: 0 0 0 -7px;
	}
		.fr .prod-btn-widget-prodserv {
			background-position: 0 -324px;
		}

/* Reduce table bullet indents */
body table ul {margin-left:0px;}
body .col-right table ul li {padding-left:10px;}#contentItemContainer > ul {
     overflow: hidden;
}