/**
 * Master Style Sheet
 *
 * Version 1.19
 *
 * Last Updated: May 9, 2008
 *
 */

@import "/content/dam/sunlife/legacy/assets/slfglobal/styles/reset.css";
@import "/content/dam/sunlife/legacy/assets/slfglobal/styles/navigation.css";
@import "/content/dam/sunlife/legacy/assets/slfglobal/styles/layout.css";
@import "/content/dam/sunlife/legacy/assets/slfglobal/styles/layouts/billboards.css";
@import "/content/dam/sunlife/legacy/assets/slfglobal/styles/layouts/banners.css";
@import "/content/dam/sunlife/legacy/assets/slfglobal/styles/layouts/features.css";
@import "/content/dam/sunlife/legacy/assets/slfglobal/styles/sections/about_us.css";
@import "/content/dam/sunlife/legacy/assets/slfglobal/styles/sections/investors.css";
@import "/content/dam/sunlife/legacy/assets/slfglobal/styles/sections/news_and_insights.css";
@import "/content/dam/sunlife/legacy/assets/slfglobal/styles/sections/search.css";
@import "/content/dam/sunlife/legacy/assets/slfglobal/styles/overlay.css";

html {
	font-size: 100.01%;
}

body {
	background-color: #fff;
	color: #000;
	font: normal 12px/15px Arial, Helvetica, sans-serif;
	min-width: 979px;
}

#wrapper {
	left: 50%;
	margin-left: -485px;
	position: relative;
	width: 969px;
}

#header {
	background: #eaab00 url('/content/dam/sunlife/legacy/assets/slfglobal/images/banner_yellow_sunburst.jpg') no-repeat 19px 0;
	height: 116px;
	margin-bottom: 1px;
	overflow: visible;
	position: relative;
	width: 100%;
	z-index: 600;
}



/* ----------------------------------------------------------------------------
	GLOBAL CONTENT RULES
---------------------------------------------------------------------------- */

#content {
	background-color: #fff;
	margin-bottom: 45px;
	position: relative;
	width: 100%;
}
	body a:link,
	body a:visited,
	body a:hover,
	body a:active {
		color: #5482ab;
		text-decoration: underline;
	}
	body a:hover,
	body a:active {
		text-decoration: none;
	}

	body acronym { }

	body address {
		font-style: normal;
		margin-bottom: 14px;
	}

	body big {
		font-size: 13px;
	}

	body blockquote { }

	body dl {
		margin-bottom: 14px;
	}
		body dl dt {

		}
		body dl dd {

		}

	body em {
		font-style: italic;
	}

	body form {	}
		body button { }
		body button.hdr-graphic {
			border: 0;
			cursor: pointer;
		}

		body form fieldset { }
			body form fieldset legend { }

		body input { }
		body input.text {
			background-color: #fff;
			border: 1px solid #727272;
			color: #727272;
			font: normal 11px/16px Arial, Helvetica, sans-serif;
			height: 16px;
			padding: 2px 0 0 4px;
		}
			/*
			SLF-type form control styling.
			*/
			body div.inputRow {
				margin-bottom: 8px;
			}
				body div.inputRow div.inputCol {
					display: inline;
					float: left;
				}
					body div.inputRow div.inputCol div.inputLabel {
						color: #5482ab;
						display: inline;
						margin-right: 10px;
						padding-top: 0.25em;
						white-space: no-wrap;
						width: 100px;
						float:left;
					}

		body form label { }

		body select.text {
			font: normal 11px/18px Arial, Helvetica, sans-serif;
			min-width: 1.5em;
			vertical-align: top;
		}
			body form select option { }

		body form textarea {
			background-color: #fff;
			border: 1px solid #727272;
			color: #727272;
			font: normal 11px/16px Arial, Helvetica, sans-serif;
			padding: 2px 4px;
			width: auto;
		}

	body h1 {
		color: #5482ab;
		font-size: 30px;
		font-weight: bold;
		height: auto !important;
		height: 42px;
		line-height: 32px;
		margin-bottom: 6px;
		min-height: 42px;
	}

	body h2 {
		color: #003946;
		font-size: 16px;
		font-weight: bold;
		line-height: 16px;
		margin-bottom: 14px;
	}

	body h3 {
		color: #5482ab;
		font-size: 14px;
		font-weight: bold;
		line-height: 16px;
		margin-bottom: 7px;
	}

	body h4 { }

	body h5 { }

	body h6 { }

	body hr {
		background: transparent url('/content/dam/sunlife/legacy/assets/slfglobal/images/bread_dot_grad_bg.gif') repeat-x left top;
		border: 0;
		height: 4px;
		margin-bottom: 10px;
	}

	/*body img { } commented out by JB 10.02.09*/

	body ol {
		list-style-type: decimal;
		margin: 0 0 14px 28px;
	}
		body ol ol,
		body ol ul { }

		body ol li {
			margin-bottom: 6px;
		}

	body p {
		margin-bottom: 14px;
	}

	body small {
		font-size: 11px;
	}

	body strong {
		font-weight: bold;
	}

	body sub {
		height: 0;
		position: relative;
		top: .5ex;
	}

	body sup {
		bottom: 1ex;
		height: 0;
		position: relative;
	}

	/*
	Showing tables "properly" requires the
	parent element (child of layout column)
	to have padding and an auto width.
	*/
	body table.original {
		empty-cells: show;
		table-layout: auto;
		
	}
		body table thead {
			display: table-header-group;
		}

		body table.original tbody { 
			
		}

		body table tfoot {
			display: table-footer-group;
		}

		body table.data {
			margin-bottom: 14px;
		}
			body table.data tr {
				vertical-align: top;
			}
				body table.data tr th {
					background-color: #f8f8f8;
					font-weight: bold;
					padding: 8px;
				}
				body table.data tr td {
					background-color: #f8f8f8;
					border-top: 1px solid #e9ab00;
					padding: 8px;
				}

				body table.data tr.shade td {
					background-color: #FDF6E5;
				}

	body ul {
		list-style-type: none;
		margin: 0 0 14px 28px;
	}
		body ul ul,
		body ul ol { }

		body ul li {
			background: transparent url('/content/dam/sunlife/legacy/assets/slfglobal/images/box_yellow.gif') no-repeat 0 0.50em;
			margin-bottom: 6px;
			padding-left: 16px;
			zoom: 1;
		}



/* ----------------------------------------------------------------------------
	FOOTER CONTENT RULES
---------------------------------------------------------------------------- */

#footer {
	clear: both;
	font-size: 10px;
	margin-bottom: 14px;
	position: relative;
	text-align: center;
	width: 100%;
}
	#footer a.legal:link,
	#footer a.legal:visited,
	#footer a.legal:hover,
	#footer a.legal:active {
		margin: 0 8px;
	}

/* ----------------------------------------------------------------------------
	PAFORM TABLE RULES
---------------------------------------------------------------------------- */

table.paform   {      
			empty-cells: show;
			table-layout: auto;
			width: 540px;
			border-right: 1px solid #FF9900;
			border-top: 1px solid #000000;
			border-bottom: 1px solid #FF9900;
			border-left: 1px solid #000000;
			background-color: #FFFFFF;
			cellpadding: 2;
			cellspacing: 2;
						
		}
		

		table.paform tr { 
				}

		table.paform th.small {
				width: 30%;
				background-color: orange;
				vertical-align: top;
				border-right: 1px solid #000000;
				border-top: 1px solid #FF9900;
				border-bottom: 1px solid #000000;
				border-left: 1px solid #FF9900;
				}

		table.paform th.large {
				width: 40%;
				background-color: orange;
				vertical-align: top;
				border-right: 1px solid #000000;
				border-top: 1px solid #FF9900;
				border-bottom: 1px solid #000000;
				border-left: 1px solid #FF9900;
				}

		table.paform td {
				vertical-align: top;
				border-right: 1px solid #000000;
				border-top: 1px solid #FF9900;
				border-bottom: 1px solid #000000;
				border-left: 1px solid #FF9900;
				}
/* ----------------------------------------------------------------------------
	ACCORDION STYLES
---------------------------------------------------------------------------- */

div.accordion {
	background: #ffffff url(/content/dam/sunlife/legacy/assets/slfglobal/_images/layout/dotted_line_bg_horizontal.gif) repeat-x bottom left;	
	display: block;
	padding-bottom: 3px;
}

div.accordion div {
	display: none;	
	padding: 0px 20px;
}

div.accordion h3.head {
	cursor: pointer;
	background: url(/content/dam/sunlife/legacy/assets/slfglobal/_images/layout/dotted_line_bg_horizontal.gif) repeat-x top left;
	margin: 0px;
	padding: 11px 0px 3px 4px;
	height: 20px;
}

div.accordion h3.first {
	background: none;
	padding-top: 0px;
}

#content-body div.accordion h3 a {
		padding-left: 9px;
		text-decoration: none;	
}

div.flash_tools {
	background: url(/content/dam/sunlife/legacy/assets/canada/DB Solutions/Images/ftr_tools_border.gif) repeat-x top left;
	width: 571px; 
	height: 388px;
	margin-bottom: 10px;
}

div.flash_excess {
	background: url(/content/dam/sunlife/legacy/assets/canada/DB Solutions/Images/ftr_excess_border.gif) repeat-x top left;
	width: 638px; 
	height: 388px;
	margin-bottom: 10px;
}

}

div.feature #banner h2 {
	font-size: 16px; border:1px solid red;
}

div.feature #banner h3 {
	font-size: 14px;
}