/* =template-specific-styles */

	body { background-color: #e9eae9; background-image: url(../../../images/layout/body-bg.gif); background-repeat: repeat-x; }
	
	div#content div#content_main { position: relative; padding: 1em 0.625em 0 0; float: left; display: inline; width: 40em; }
	
	div#content div#content_main div#introduction { width: 14.5em; }
	div#content div#content_main div#introduction h1 { color: #007ac2; font-size: 1.95em; margin: 0 0 0.5em 0.75em; line-height: 1em; }
	div#content div#content_main div#introduction p { font-family:"Trebuchet MS"; color: #007ac2; line-height: 1.25em; font-size: 0.95em; margin: 0 0 2.25em 1.6em; }
	div#content div#content_related { float: right; width: 19em; background:#2f76c0 url(../../../images/backgrounds/home-related-back.gif) no-repeat left bottom; }
	
	div#content div#content_main div.panel { width: 12em; margin-left: 1.2em; overflow: hidden; padding-bottom: 0.3em; }
	div#content div#content_main div.panel h2 { padding: 0.6em 0em 0 0.6em; font-size: 0.95em; font-weight: normal;  margin-bottom: 0; }
	div#content div#content_main div.panel p { padding: 0.8em 0 1em 1em; font-size: 0.75em; line-height: 1.2em; margin: 0;}
	div#content div#content_main div.panel img { float: right; padding: 0 0.3em 0 0; }
	
	div#content div#content_main div#ethical_funds.panel { background: #eafbb5; display: block; margin-bottom: 0.4em; padding-bottom: 0.25em; }
	div#content div#content_main div#ethical_funds.panel h2,
	div#content div#content_main div#ethical_funds.panel a { color: #308a24; }
	
	
	div#content div#content_main div#uk_equities.panel { background: #b0e2de; float: left; display: inline; }
	
	/*  NEW color panels */
	
	div#content div#content_main div#dark_blue.panel { background: #007AC2; display: block; margin-bottom: 0.4em; padding-bottom: 0.25em; }
	div#content div#content_main div#dark_blue.panel h2,
	div#content div#content_main div#dark_blue.panel a { color: #FFFFFF; }

	div#content div#content_main div#yellow.panel { background: #DEE75C; display: block; margin-bottom: 0.4em; padding-bottom: 0.25em; }
	div#content div#content_main div#yellow.panel h2,
	div#content div#content_main div#yellow.panel a { color: #007AC2; }

	div#content div#content_main div#light_blue.panel { background: #52BDEB; display: block; margin-bottom: 0.4em; padding-bottom: 0.25em; }
	div#content div#content_main div#light_blue.panel h2,
	div#content div#content_main div#light_blue.panel a { color: #FFFFFF; }

	div#content div#content_main div#purple.panel { background: #9F497C; display: block; margin-bottom: 0.4em; padding-bottom: 0.25em; }
	div#content div#content_main div#purple.panel h2,
	div#content div#content_main div#purple.panel a { color: #FFFFFF; }

	div#content div#content_main div#green.panel { background: #248263; display: block; margin-bottom: 0.4em; padding-bottom: 0.25em; }
	div#content div#content_main div#green.panel h2,
	div#content div#content_main div#green.panel a { color: #FFFFFF; }

	div#content div#content_main div#white.panel { background: #FFFFFF; display: block; margin-bottom: 0.4em; padding-bottom: 0.25em; }
	div#content div#content_main div#white.panel h2,
	div#content div#content_main div#white.panel a { color: #007AC2; }

	
	div#content_related h2 { margin-bottom:0; padding:0.8em; color:#fff; width:11em; font-family:"Trebuchet MS"; font-size:1.2em; }
	div#content_related div.panel { margin:0.45em 1em 1em 1em; width: 17em; overflow: hidden; }
	div#content_related div.panel div.inner_panel {
		height: auto !important; width: 100%; height: 24.5em; min-height: 24.5em; float: left;
		background: #e1e2e2 url(../../../images/css_assets/panel-bg-large.gif) top left repeat-x;
	}
	
	div#content div#content_related div.panel h3 { font-weight: normal; margin-bottom: 0.3em; margin-top: 2em; padding: 0 15px; }
	div#content div#content_related div.panel h3:first-child, div#content div#content_related div.panel h3.first_child { margin: 0; padding-top: 0.5em; }
	div#content div#content_related div.panel h4 { font-size: 0.75em; padding: 0.5em 15px 0;  }
	div#content div#content_related div.panel p.date { margin-top:0.05em; }
	div#content div#content_related div.panel p { margin-bottom: 0.3em; padding: 0 15px; }
	
	div#content div#content_related div.basic div.inner_panel { 
		height: auto !important; height: 7.5em; min-height: 7.5em;
		background-image: url(../../../images/css_assets/panel-bg.gif);
	}
	div#content div#content_related div.basic { margin-bottom: 0.5em; margin-top: 0.25em; }
	div#content div#content_related div.basic h3 { 
		font-size: 1.3em; padding-top: 0.3em !important; padding-left: 30px; margin: 0 0 0.35em 0 !important;
		background: no-repeat 10px 70% url(../../../images/css_assets/bullet-large.gif); width: 100%; 
	}
	div#content div#content_related div.basic h3 a { text-decoration: none; }
	
	div#content div#content_related div.basic h3 a:focus,
	div#content div#content_related div.basic h3 a:hover,
	div#content div#content_related div.basic h3 a:active
	{ text-decoration: underline; }
	
	div#content div#content_related div.basic p { width: auto; margin: 0; padding: 0 10px; }
	div#content { position:relative; padding-bottom: 0.5em; }
	div#introduction object { position:absolute; top: 0; left:0; }
	div#content div#content_main div#introduction p#freeflash.ir { display: block; height: 540px; width: 395px; font-size: 1.75em; color: #007AC2; font-weight: bold; position: absolute; top: 3px; right:0; text-align: right; padding: 20px 20px 0 0; }
	div#content div#content_main div#introduction p#freeflash span { background-image: url(../../../images/layout/homepage.jpg); }
	div#content div#content_main div#introduction p#play_movie { text-decoration: underline; position: absolute; top: 105px; right: 40px; color: #007AC2; margin: 0; cursor: pointer; font-weight:bold; }
	/* JC 03/09/2009 - added for Microsites */
	div#content div#content_main div#introduction div#micropromo { display: block; height: 540px; width: 395px; font-size: 1.75em; color: #007AC2; font-weight: bold; position: absolute; top: 0; right:0; text-align: left; padding: 20px 20px 0 0; }