/**
 * Layout
 *
 * Customized page layout styling.
 *
 */

/* ----------------------------------------------------------------------------
	WIDE / 1 COLUMN LAYOUT

	Please refer to the documentation "SunlifeTemplateLayout.pdf" in the
	root folder of this package for more information.
---------------------------------------------------------------------------- */

/*
This layout gives you the full width of the body with the ability to add in
any number of rows consisting of three columns each.
*/
#adv-content{
float: none;
margin: 0;
width: 969px;
}
div.adv-one-column-layout #content-body {
	float: none;
	margin: 0;
	width: 969px;
}
	
div.adv-one-column-layout #content-body div.col-left {
		display: inline;
		float: left;
		margin-top:0px;
		width: 375px;
		}

	div.adv-one-column-layout #content-body div.col-middle {
		display: inline;
		float: left;
		margin-left: 13px;
		margin-top:0px;
		width: 356px;
	}

	div.adv-one-column-layout #content-body div.col-right {
		display: inline;
		float: left;
		margin-left: 13px;
		margin-top:0px;
		width: 212px;
	}

	


/* ----------------------------------------------------------------------------
	DIV FOR ABOUT ME CONTACT ME TAB
---------------------------------------------------------------------------- */

div.advtwo-column-layout #advaboutme {
	width: 969px;
	margin:0px;
}
	div.advtwo-column-layout #advaboutme div.aboutme {
		display: inline;
		float: left;
		width: 373px;
		height:69px;
	}

	div.advtwo-column-layout #advaboutme div.advisorinfo {
		float: right;
		width: auto;
		height:auto;
	}



/* ----------------------------------------------------------------------------
	1 ROW 2 COLUMN LAYOUT FOR CONTACT ME PAGE

	Please refer to the documentation "SunlifeTemplateLayout.pdf" in the
	root folder of this package for more information.
---------------------------------------------------------------------------- */

/*
Defines two columns.Content column one is approximately twice the width (540 pixels of content
column two (263 pixels). Within the first content column there is the option of
defining two more columns - each 263 pixels in width.
*/
div.cont-two-column-layout #content-body {
	float: none;
	margin: 0;
	width: 969px;
	height:auto;
	}
	
	
div.cont-two-column-layout #content-body div.col-left {
		display: inline;
		float: left;
		margin:0px;
		width: 744px;
		margin-top: 0px;
		padding:0px;
		}

	div.cont-two-column-layout #content-body div.col-right {
		display: inline;
		float: left;
		margin-left: 13px;
		width: 212px;
		margin-top: 0px;
		padding:0px;
			}
	




	/* ----------------------------------------------------------------------------
	ADVTERTIARY NAVIGATION

	"Profile" navigation that exists within the content area at the top. These
	links are shown via JavaScript.
---------------------------------------------------------------------------- */

	#tertiary {
	font-size: 11px;
	line-height: 14px;
	margin: 35px 0 14px -7px;
	position: relative;
}
	

/* ----------------------------------------------------------------------------
	LAYOUT FOR MAC PAGE

	Please refer to the documentation "SunlifeTemplateLayout.pdf" in the
	root folder of this package for more information.
---------------------------------------------------------------------------- */

/*
Defines two columns.Content column one is approximately twice the width (540 pixels of content
column two (263 pixels). Within the first content column there is the option of
defining two more columns - each 263 pixels in width.
*/
div.MAC-two-column-layout #content-body {
	float: none;
	margin: 0;
	width: 969px;
	height:auto;
	}
	
	
div.MAC-two-column-layout #content-body div.col-left{
		display: inline;
		float: left;
		margin:0px;
		width: 744px;
		margin-top: 0px;
		padding:0px;
		}

div.MAC-two-column-layout #content-body #mac-bottom-col-left{
		display: inline;
		float: left;
		margin:0px;
		width: 744px;
		margin-top: 0px;
		padding:0px;
		font-size:11px;
		}
div.MAC-two-column-layout #mac-bottom-col-left div.bottom-col-left{
		display: inline;
		float: left;
		height:auto;
		width: 375px;
		margin-top: 0px;
		padding:0px;
	                        }

div.MAC-two-column-layout #mac-bottom-col-left div.bottom-col-right{
		display: inline;
		float: left;
		margin-left:13px;
		height:auto;
		width: 356px;
		margin-top: 0px;
		padding:0px;
	                        }

	
	
	
div.MAC-two-column-layout #content-body div.col-right {
		display: inline;
		float: left;
		margin-left: 13px;
		width: 212px;
		margin-top: 0px;
		padding:0px;
			}

/* ----------------------------------------------------------------------------
	LANGUAGE/ADVISOR REMOVAL/INVALID ADVISOR 
---------------------------------------------------------------------------- */

div.lang-one-column-layout #content-body {
	display: inline;
	float: left;
	margin: 16px 0 0 151px;
	width: 540px;
}

div.lang-one-column-layout #content-body p

{
padding:0px;
margin-top: 30px;
}

/* ----------------------------------------------------------------------------
	DISCLAIMER
---------------------------------------------------------------------------- */
#disclaimer{
font-size: 10px;
}
/* ----------------------------------------------------------------------------
	Choose Country Map
---------------------------------------------------------------------------- */

#advflash,
#advflash-818w {
	height: 105px;
	margin-bottom: 14px;
	margin-top:0px;
	position: relative;
	width: 969px;
}

#advflash img {
		display: block;
	}

/*
818 pixel wide version.
*/
#advflash-818w {
	width: 969px;
}



/*
Clear floats so content beneath will flow
normally. This class must be attached to any
parent that has a floated child.
*/
.clearfix:after,
div.advfeature ul.columns:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    line-height: 0;
    visibility: hidden;
}
.clearfix,
div.advfeature ul.columns {
	display: inline-block;
}
/* Hide from IE Mac \*/
.clearfix,
div.advfeature ul.columns {
	display: block;
}
/* End hide from IE Mac */