﻿/*don't touch module styling - any specific formatting should be added via a specific class or id*/

/* column splitter module - modular styles - DO NOT ADD PAGE-SPECIFIC STYLES */
.ColSplit {clear:both ;border-bottom:solid 1px transparent; margin-bottom:10px ;overflow:hidden; }
.ColSplit.Full { padding: 10px 13px 10px 12px }
    .ColSplit div { float:left ; }
		.ColSplit div div {float:none ;margin-right:0 ;padding-top:0 ;width:auto}
.ThirdBorder {  }
	.ThirdBorder .TwoThirds { width: 330px; margin-right: 10px }
	.ThirdBorder div { width: 176px; }
	
.Third.inset {padding:10px ; }
	.Third.inset div {width:167px ;}
	.Third div.imageCont { background: #fff; border: solid 1px #e1e1e1; height: 130px; width: 161px; padding: 3px; }
    .Third div { margin-right:10px ; width:174px }
	
    /*.Third.inset div{ width:167px}*/
    .Third div.inset { padding:10px 10px 0 ; width:154px }
    .Third div.inset.TwoThirds {width:338px }
    .Third div.TwoThirds { width:358px ; }
		.Third div.TwoThirds div { width:auto ; }
	.Third div.TwoThirds.wide{ width: 382px; }
	
    .Half div { margin-right:13px; width:265px }
    .Half div.inset  { margin-right:13px; width:235px }
		.Half div div {float:none ;margin-right:0; padding-top:0 ;width:auto}
	
	.Half div.footer { width:235px; margin-right:10px; padding: 0 10px 0 10px; }
		.Half div.footer li { margin-bottom: 5px; }
	
	.Half div.Underline { border-bottom: 1px #CFCFCF solid !important }
	/*needs fix*/.Quarter div { margin-right: 9px; width:129px; }
		.Quarter div.ThreeQuarters { width:405px;}
	
	/* used in fact sheet from: 20/08/2009 */
	.fullWidth { width: 785px; padding-left: 0px !important; overflow: hidden; }
		.fullWidth .half div.column{ margin-right: 15px; width: 385px; float: left; }
			.fullWidth .half .last, .fullWidth .half .last div{ margin-right: 0px !important; }
		
		.fullWidth .Third div { margin-right: 15px; width: 251px; float: left; }
			.fullWidth .ThirdLast, .fullWidth .ThirdLast div{ margin-right: 0px !important; }
		
		.fullWidth .Third div.TwoThirds  { margin-right: 15px; width: 517px; float: left; }
			.fullWidth div.TwoThirdsLast, .fullWidth div.TwoThirdsLast div { margin-right: 0px !important; }
	
	.fullWidth .column { margin-right: 15px; float: left; padding-bottom: 2em; }
	.fullWidth .bottomColumn { margin-right: 15px; float: left; margin-bottom: 0; }
	.fullWidth .last { margin-right: 0px; clear: right; float: right; }/* float:right */
		.fullWidth .half { width: 385px; float: left; }
		.fullWidth .twoThirds { width: 517px; float: left; }/* added float:left */
		.fullWidth .third { width: 251px; float: left; }/* added float:left */
		.fullWidth .quater { width: 185px; }
		.fullWidth .twoQuater { width: 385px; }
		.fullWidth .threeQuater { width: 585px; }
		
    /* generic visual formatting tweaks */
    .ColSplit p{margin-bottom:8px}
    
    
    #Mid .ThreeQuarters li, #Mid .Third li {background-position: 0px 2px; font-size:1.2em ;line-height:1.3em; padding-bottom:2px ; padding-top:2px ;  }
    /* loosen lists in two thirds splits */ #Mid .TwoThirds li {padding-bottom:5px ; }
	#ContentLeft .Third h3 {border-bottom:1px #cfcfcf solid ; font-size:1.2em ; }
	#ContentLeft .Third .inset h3 {margin-left:-10px ; margin-right:-10px ;padding:0 8px 5px 8px}
	#ContentLeft .Third p {font-size: 1.2em}
	#ContentLeft .TwoThirds p {font-size:1.3em }
	#ContentLeft .TwoThirds p.Notes {font-size:1.1em; }
	#ContentLeft .TwoThirds h3 { border:none ; font-size:1.3em ;margin-left:0px ; margin-right:0px ; padding:2px 0}
	#ContentLeft .Half h3 {font-size:1.3em ;}
	#ContentLeft .Half h2 { /*border-top: dotted 1px #b7b7b7;*/ border-bottom: solid 1px #b7b7b7; font-size: 1.6em; font-weight: bold; padding-bottom: 0.6em; padding-top: 0.6em; }
		#ContentLeft .Half .inset h2 { border-top: none; }
	#ContentLeft .Half p {font-size: 1.2em}
	#ContentLeft .Half li p {font-size: 1em}
	
	#ContentLeft .FullHalf h2 { border-top: dotted 1px #b7b7b7; border-bottom: solid 1px #b7b7b7; font-size: 1.6em; font-weight: bold; padding-bottom: 0.6em; padding-top: 0.6em; }
	
    /* box Styles - PUT YOUR PAGE SPECIFIC VISUAL FORMATTING STYLES HERE*/
    .TwoThSty1 {background:transparent url(/images/bg/colsplit/TwoThSty1.gif) repeat-y left; }
    .TwoThSty2 {background:transparent url(/images/bg/colsplit/TwoThSty2.gif) repeat-y right; }
    .ThirdSty1 {background:transparent url(/images/bg/colsplit/ThSty1.gif) repeat-y left; }
    .ThirdSty2 {background:transparent url(/images/bg/colsplit/ThSty2.gif) repeat-y left; }
    .HalfSty2 {background:transparent url(/images/bg/colsplit/HalfSty2.gif) repeat-y right; }
    .HalfSty3 {background:transparent url(/images/bg/colsplit/HalfSty3.gif) repeat-y right; }
     .thirdBoxSty0 div {background:#eee}
		.thirdBoxSty0 h3 {border-bottom:solid 1px #cfcfcf ;}
		.thirdBoxSty0 td {border:none ; padding:4px}
	
	.BoxSty1 {background:#eee}
	.BoxSty2 {background:url(/images/bg/colsplit/BoxSty2.gif) no-repeat bottom left ;}
	.BoxSty2 div {background:transparent}
		.BoxSty2 h2 {border-bottom:none}
	.blueColumns { background: url('/images/bg/colsplit/BoxBlue3Col-Short.gif') no-repeat left top;height:104px;top:10px;position:relative;border-bottom:1px solid #fff; }
		.blueColumns h3 { padding: 20px 0 0 10px; }
	#ContentOver .blueColumns { top: 65px; }
	.blueCurves {}
		.blueCurves div { margin-bottom:10px }
			.blueCurves a {color:#fff ; background:#0c6b92 url(/images/bg/colsplit/bluecurves.jpg) no-repeat top left ; border-bottom:#cfcfcf 3px solid !important;
						display:block ; font-size:1.2em ; min-height:100px ; padding:10px}
			#Mid .blueCurves a:hover {background-image:url(/images/bg/colsplit/bluecurves1.jpg) ; background-color:#00b4ff ;border-bottom:#004990 3px solid !important;color:#fff ; text-decoration:none}
			#Mid .blueCurves div strong {background:transparent url(/images/icons/bigarrow.gif) no-repeat center right ; padding-right:30px ;display:block ; font-size:1.67em ; font-weight:normal ; letter-spacing:-1px ; margin-bottom:10px}
			
	
	.BoxSty3 {
	    border-bottom: 1px #CFCFCF solid;
	    margin-bottom: 30px;
	}
	
	.BoxSty4{
		background:url(/images/bg/colsplit/BoxSty4.gif) no-repeat bottom left;
	}
	.BoxSty4 div { background:transparent }
	/*.BoxSty4 div.Last div { padding: 0px; }*/
	
	/*staff page*/
	.Staff .Last {  border-bottom: 1px #CFCFCF solid !important }
	.Staff h3, .Staff h4 { text-align: center; }	
	
	/* images within boxes */
	
	.ImgLeft {
	    clear: none;
	    display: inline;
	    float: left;
	    margin-right: 10px;
	    }
	
	
	/*misc colsplit markup fixes*/ 
	/* TODO take out and:
		> reference with '.Colsplit .half .Notes'
		> Add to style-guide
	 */
	.ColSplit p.Notes { }
	/**/
	
	#Mid .Third ul.Stripe {margin-left:0 ;}
    #Mid .inset h3 { font-size: 1.2em; }
    #Mid .inset table td { padding-top: 3px; padding-bottom: 3px; }

/* Search box module */
.SearchBox {background-color: #3399cc; background-image: url(/images/bg/panel.gif); background-repeat: repeat-x; border-bottom: solid 3px #00488c;  margin-bottom: 16px;  padding: 7px; }
	#ContentRight .SearchBox fieldset {margin-bottom:0;  }
    .SearchBox label { font-weight: bold; color: #fff;}
    .SearchBox input { font-size:1.3em ; background: transparent none !important; border: none !important; }
    .SearchBox .Small {font-size:0.85em}
    .SearchBox .radios { margin-top: 3px; padding-top: 5px; height: 14px;  }
    /*.SearchBox .inputs { background: url(/images/bg/quick-search.gif) no-repeat 0px 0px; height: 26px; padding: 0; margin: 0; position: relative; }*/
    .SearchBox .inputs { background: url(/img/sprites/button_sprites.gif) no-repeat -0px -196px; height: 26px; padding: 0; margin: 0; position: relative; }
    .SearchBox div { padding-top: 4px; }
    .SearchBox .radios label, .SearchBox .radios input  { vertical-align: bottom; line-height: 11px; margin-top: 0; padding-top: 0; height: 14px}
	.SearchBox .radios label{ padding:0 0 0 3px; position:relative; top:-2px; }
	#Mid .SearchBox input.btn { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; text-align: left; font-weight: bold; margin: 0; width: 63px; height: 16px; line-height: 18px; position: absolute; top:2px; left: 133px;}
	.SearchBox input.keywords { padding: 4px 4px 2px 4px; border: none; margin:0; width: 115px; height: 20px !important; vertical-align: middle;  }
	.SearchBox input { margin-left: 0; padding: 0;}
	
/* related links styling */
#Mid .RelLink { background:#E4F1F7 ; margin-top: 17px;}
#Mid .RelLink  a { text-decoration: none; }
#Mid .RelLink li { border-bottom:1px solid #C9DBE6 ; padding:4px 6px 4px 6px }

/* deep section links */
.DeepLink {background:#eee ; border-bottom:2px solid #E1E1E1 ; }
.DeepLink1 {background:#eee url(/images/bg/deeplink1.gif) repeat-y; border-bottom:2px solid #E1E1E1 ; }
	#ContentLeft .DeepLink1 h3 {border-bottom:0}
.DeepLink2 {background:#e0edf5 ; border-bottom:2px solid #89b9d7 ; }
	#ContentLeft .DeepLink h3, #ContentLeft .DeepLink2 h3 {border-bottom:0}
	#ContentLeft .DeepLink2 div.inset {background:#e0edf5 ; }
	#Mid div.inset ul.linkList li {padding-right: 0}
    

/* headings for services */
h3.Service { border-top: dotted 1px #b7b7b7; border-bottom: solid 1px #b7b7b7; font-size: 1.6em; font-weight: bold; padding-bottom: 0.6em; padding-top: 0.6em; }

/*generic content styling*/
.boxSty1 { background:#eee ; margin-bottom:5px; overflow: hidden;}  /* See ie6 stylesheet */
	.boxSty1 h2{ border-bottom:solid #ccc 1px; font-size:1.3em ; padding:8px 0 5px 5px}

/*stakeholder recommmend*/

	#Mid dd .minContLevels th, #Mid dd .minContLevels td { background:transparent ; border:0 }

/* contact us landing page */

#Mid ul.Illustrated li { list-style:none; margin:0; padding:10px 10px 10px 0px; position:relative; margin-left: 30px;}
		#Mid ul.Illustrated li h2 { border-bottom: none; font-size: 1.2em; vertical-align: middle;  line-height: 35px; overflow: visible; margin-bottom: 0; margin-left: 30px; }
		#Mid ul.Illustrated li ul, #Mid ul.Illustrated li p {  position:relative; }
		#Mid ul.Illustrated li p { margin-left: 30px; }
		#Mid ul.Illustrated li ul li { border: none;padding: 0 0 1px 0px; background: transparent; list-style:disc; }
			#Mid ul.Illustrated li ul li span.right { position:absolute; left: 170px; }
				#Mid ul.Illustrated li p span.right { position:absolute; left: 188px; top: -28px }
			#Mid ul.Illustrated li ul li a { text-decoration: underline }
			#Mid ul.Illustrated li h2 span { color: #fff; display: block; font-size: 1.3em; font-weight: bold; height: 35px; left:-10px; margin: 0 6px 0 0; padding: 0; position:absolute ; text-align: center; vertical-align: middle; width: 37px; }
			
				span.contactEmail { background: url(/img/icons/contact-email.gif) no-repeat center top;  }
				span.contactPhone { background: url(/img/icons/contact-phone2.gif) no-repeat center top;  }
				span.contactRequest { background: url(/img/icons/contact-request2.gif) no-repeat center top;  }
				span.contactForms { background: url(/img/icons/contact-forms.gif) no-repeat center top;  }
				span.contactPost { background: url(/img/icons/contact-post.gif) no-repeat center top;  }

/* our staff pages (in about section, /best directory */

.Fourth .BoxSty3 { padding-bottom: 4px; }
.Staff h3 { margin: 8px 0 0 0; }
.Staff h4 { margin: 0; }
.Staff p { line-height: 16px; margin-bottom: 0;  vertical-align: bottom; }

/* Right column ads */

#ContentRight table.Markets { margin-bottom:0.7em; }
#ContentRight p.Markets { margin-bottom:1.6em; padding-left: 7px; }

/* Check for modularity and scalability */
#ContentRight .AdRight { border-left: solid 1px #cccccc; border-right: solid 1px #cccccc; }
	#ContentRight .AdRight.Invest { background: transparent url(/img/calltoactions/invest-now-laptop.gif) no-repeat right 78px; padding-bottom: 1px; border-bottom: solid 3px #00488c; margin-bottom: 15px; overflow: auto; height: 100%; }
	#ContentRight .AdRight.Charity {  }
		#ContentRight .AdRight ul {list-style:none; margin:0; padding:8px 8px 11px 8px;  }
		#ContentRight .AdRight ul li { padding: 0;  }
		#ContentRight .AdRight h3 { padding-top: 12px; padding-left:8px; font-size: 1.3em; }
		#ContentRight .Charity p { padding: 0 8px 12px 8px; }
		#ContentRight .AdRight ul li p { margin-bottom: 6px; }
			#ContentRight .AdRight.Invest ul li p span { background: url(/img/bullets/ol-bg-sm.gif) no-repeat center top; color: #fff; display: block; float: left; font-size: 1.2em; font-weight: bold; height: 18px;  margin: 0 5px 0 0; padding: 0; text-align: center; vertical-align: middle; width: 18px; }
		#ContentRight .AdRight.Invest div, #ContentRight .AdRight.Charity div { text-align: center; background: #efefef; padding: 5px 8px 6px 8px;  font-size: 1.0em;  }

		#ContentRight .AdGeneric h2 { background-color: transparent; background-image: none; border-top: 1px #ccc solid; color: #3399cc; font-size: 21px; padding: 8px 8px 0 8px; }
		.AdGeneric p { margin-bottom: 0; padding: 4px 8px 12px 8px; }

#ContentRight .AdAction, #ContentRight .AdRight.Charity div.AdAction { background: #3399cc; padding: 5px 8px 5px 8px; margin-bottom: 15px; text-align: right; overflow: auto;}
	#ContentRight .AdAction input.button  { border: solid 1px #b8d3e1; background: url(../img/buttons/md-blue-bg.gif) no-repeat right center; }

#ContentRight .AdRight.sipp { border-top: solid 1px #cccccc; background: transparent url(/img/calltoactions/sipp-cropped.gif) no-repeat 8px 7px }
#ContentRight .AdRight.sipp p {padding:43px 8px 11px 8px; line-height: 1.2em; margin-bottom: 0;}

#ContentRight a.AdAction1  {display: block; float: left; clear: none; width: 88px; /*margin-bottom: 1px;*/ padding: 5px 15px 5px 8px; color: #fff; text-align: right; font-size: 1.2em; font-weight: bold; background: #3399cc url(../images/btn/submit.gif) no-repeat right center; }
   #ContentRight a.AdAction1.first { margin-right: 3px; } 

#ContentRight a.AdAction2  { display: block; width: auto; margin-bottom: 15px; border-bottom: solid 3px #00488c; padding: 5px 25px 5px 8px; color: #fff; text-align: right; font-size: 1.2em; font-weight: bold; background: #3399cc url(../images/btn/submit.gif) no-repeat right center; }
	#ContentRight a.AdAction1:hover, #ContentRight a.AdAction2:hover { color: #fff; text-decoration: none;}

/* Investment research landing page links */
a.BestInvestor, a.RecFunds, a.Commentary { padding-left: 19px; background: url(/img/sprites/icons.gif) no-repeat; }
	 a.RecFunds { background-position: -6px -2011px; }
	 a.Commentary { background-position: -6px -2084px; }
	 a.BestInvestor { background-position: -6px -1938px; }
	 
/* E-Cash ISA landing page */
	.boxSty1 div.left, .boxSty1 div.right{ width: 48%; float: left; padding: 0; margin: 0;   } /* See ie6 stylesheet */
	.boxSty1 div.right {width: 52%} 
	.boxSty1 span.big { font-size: 1.8em; font-weight: bold; line-height: 1.3em; padding-left: 6px; letter-spacing:-1px;}
	.boxSty1 span.small { color: #666;  padding-left: 6px;  font-size: 0.92em;  line-height: 1.2em;}
		.boxSty1 .right span.small, .boxSty1 .right span.big { padding-left: 0px; }

/*fund discounts land*/


/* Client Centre preview */

.DeepLink2 h1 { text-align: center; margin: 15px 0 3px 0; }
.DeepLink2 blockquote p { text-align: center; border-bottom: none ; padding-bottom: 0 ; }
.DeepLink2 img { margin-bottom: 10px }

/* Client Centre right column login */

#ContentRight fieldset.ccLogin label { width: auto; display: block; margin-bottom: 3px;  }
#ContentRight fieldset.ccLogin input.Txt { width: 160px; margin-bottom: 6px; } 

/* Structured Plans */
span.speechBubble img{ padding-left: 5px; position: relative; top: 2px; cursor: pointer; }
span.speechBubble{ cursor: pointer; }
span.dateSeperator{ color: #b7b7b7; position:relative; top:5px; }


/* income guide/spot the dog/isa banner/new fund and related parts */
/* ------------------------------------------------------ */
div.incomeguide, div.spotthedog div { background-color:#3399cc;text-align:center;padding: 10px; }
div.incomeguide span, div.spotthedog span { color:#fff;font-size: 1.7em; }

/* spot the dog */
div.spotthedog { margin-top: 100px; }
div.spotthedog span { display: block; margin-bottom: 20px; } 
div.spotthedog div { padding: 10px 10px 10px 20px; text-align: left; }

/* income guide banner  autumn 2009 - home page and client centre home page */
div.incomeguide-banner { margin-bottom: 13px; }
div.incomeguide-banner a { display: block; position: relative; height: 309px; }
div.incomeguide-banner a:hover { text-decoration: none !important; }
div.incomeguide-banner .heading{color:#064990 !important;font-size:2.2em !important;font-weight: bold;left:17px;position:absolute;top:20px;}
div.incomeguide-banner .paragraph{color:#A6A7AB;left:17px;position:absolute;top:48px;width:150px;font-size: 1.3em;}
div.incomeguide-banner strong { background: #3399cc; top:288px; font-size: 1.2em; position: absolute; top: 288px; left: 12px; color: #fff; }

/* shelter banner  January 2010 - home page and client centre home page */
div.shelter-banner { margin-bottom: 13px; }
div.shelter-banner a { display: block; position: relative; height: 309px; }
div.shelter-banner a:hover { text-decoration: none !important; }
div.shelter-banner .heading{color:#3399cc !important;font-size:2.2em !important;font-weight: bold;left:12px;position:absolute;top:57px;}
div.shelter-banner .subHeading {color: #00488c; font-size: 1.9em !important; position: absolute; top: 82px; left:15px;}
div.shelter-banner .paragraph{color:#ffffff !important;font-size: 1.5em;position:absolute;top:117px; left:17px; width:150px;}
div.shelter-banner strong { background: #3399cc; top:288px; font-size: 1.2em; position: absolute; top: 288px; left: 12px; color: #fff; }

/* vctGuide banner  February - home page and client centre home page */
div.vctGuide-banner { margin-bottom: 13px; }
div.vctGuide-banner a { display: block; position: relative; height: 309px; }
div.vctGuide-banner a:hover { text-decoration: none !important; }
div.vctGuide-banner .heading{color: #00488c !important;font-size: 20px !important;font-weight: bold;left:64px;position:absolute;top: 90px;}
div.vctGuide-banner .subHeading {color: #3399cc; font-size: 24px !important; position: absolute; top: 111px; left:64px;}
div.vctGuide-banner .paragraph{ color:#ffffff !important; font-size: 20px; position: absolute; top: 134px; left: 64px; width: 150px; }
div.vctGuide-banner strong { background: #3399cc; top:288px; font-size: 1.2em; position: absolute; top: 288px; left: 12px; color: #fff; }

div.guide-banner { margin-bottom: 13px; }
div.guide-banner a.spotthedog { display: block; position: relative; height: 243px; width: 160px; }
div.guide-banner a.spotthedog:hover { text-decoration: none !important; }
div.guide-banner a.spotthedog .heading { cursor: hand;background: none !important; color: #3398cc !important; font-size: 1.9em !important; padding: 0 !important; width: auto; position: absolute; top: 22px; left: 11px; }
div.guide-banner a.spotthedog .text { cursor: hand;color: #656565; width: 142px; position: absolute; top: 48px; left: 12px; font-size: 1.2em; }
div.guide-banner a.spotthedog .linktext { cursor: hand;background: #3399cc; font-size: 1.2em; position: absolute; top: 222px; left: 30px; color: #fff; }

/* ISA 2010 Guide - vertical banner - febuary 2010 - home page */
div.guideBanner { position: relative; }
div.guideBanner a.isa-banner { text-decoration: none !important; }
div.guideBanner a.isa-banner .heading { color: #fff; font-size:16px; font-weight: bold; position: absolute; left: 21px; top: 76px; width: 114px; }
div.guideBanner a.isa-banner .paragraph { color: #FFF; font-size:12px; font-weight: bold; position:absolute; left: 21px; top: 142px; width:100px; }
div.guideBanner a.isa-banner strong { background: #3399CC; color: #FFF; font-size:1.2em; position: absolute; right: 24px; top:288px; }

/* Home centre banner */
div.home-banner { margin-bottom: 13px; position: relative; }
div.home-banner span.heading { background: none !important; padding: 0 !important; position: absolute; }
div.home-banner span.text, 
div.home-banner span.small-text, 
div.home-banner span.sub-message{ cursor: hand;position: absolute; font-size: 1.2em; }
div.home-banner a.link { display: block; position: relative; height: 309px; }
div.home-banner a:hover { text-decoration: none !important; }
div.home-banner strong.linktext { background: #3399cc; font-size: 1.2em; position: absolute; top: 121px; color: #fff; }

/* Spot the dog horizontal banner autumn 2009 - home page */
div.home-banner a.spotthedog .heading { color: #3398cc; width: 200px; font-size: 2.2em; top: 25px; left: 108px;  }
div.home-banner a.spotthedog .text { width: 210px; color: #666; top: 54px; left: 110px; }
div.home-banner a.spotthedog .linktext { left: 174px; }

/* ISA rules change horizontal banner autumn 2009 - home page */
div.home-banner a.isabanner .heading { color: #064990; width: 150px; font-size: 1.6em; top: 5px; left: 8px; }
div.home-banner a.isabanner .text { color: #3398cc; width: 200px; top: 45px; left: 8px; }
div.home-banner a.isabanner .linktext { left: 168px; }

/* New fund launch horizontal banner december 2009 - home page */
div.home-banner a.newfund .heading { color:#01478D; font-size:2.2em; left:14px; top:8px; width:222px; }
div.home-banner a.newfund .text { color:#3398CC; font-size:1.5em; left:15px; top:44px; width:230px; }
div.home-banner a.newfund .linktext { left: 122px; width: 217px; }
div.home-banner a.newfund .small-text { color:#555555; font-size:1.2em; left:15px; top:82px; }
div.home-banner a.newfund .sub-message { color:#FFFFFF; left:267px; text-align:center; top:7px; width:87px; }
div.home-banner a.newfund .sub-message .large { font-size: 1.8em; font-weight: bold; }

/* January sale horizontal banner January 2010 - home page */
div.home-banner a.januarySale .heading { color: #00488c; width: 220px; font-size: 20px; line-height: 19px; top: 5px; left: 130px;  }
div.home-banner a.januarySale .text { width: 220px; color: #666; top: 46px; left: 130px; }
div.home-banner a.januarySale .sub-message { color:#666; left:130px; top:80px; width:220px; }
div.home-banner a.januarySale .linktext { right: 30px; }

/* New Times Saturday launch horizontal banner Febuary 2010 - home page */
div.home-banner .saturdayTimes .heading { color:#01478D; font-size:16px; left:14px; top: 22px; width:222px; }
div.home-banner .saturdayTimes .text { font-size:12px; left:15px; top:44px; width:170px; }

/* New fund launch horizontal banner december 2009 - home page */
div.home-banner .chinaFund .heading { color:#01478D; font-size:24px; left:14px; top: 22px; width:222px; }
div.home-banner .chinaFund .text { color: #3399cc; font-size:18px; left:16px; top:80px; width:300px; }
div.home-banner a.chinaFund .linktext { left: 184px; top: 116px; width: 155px; }
div.home-banner a.chinaFund .small-text { color:#01478D; font-size:13; font-weight: bold; left:15px; top:50px; }
/*div.home-banner a.chinaFund .sub-message { color:#FFFFFF; left:267px; text-align:center; top:7px; width:87px; }
div.home-banner a.chinaFund .sub-message .large { font-size: 1.8em; font-weight: bold; }*/

/* ISA 2010 Guide - horizontal banner - febuary 2010 - home page */
div.home-banner a.isaguidebanner .heading { color: #064990; width: 250px; font-size: 2.4em; top: 48px; left: 14px; }
div.home-banner a.isaguidebanner .text { color: #064990; width: 200px; top: 76px; left: 15px; font-size: 18px; }
div.home-banner a.isaguidebanner .linktext { left: 98px; }

/* ISA tax year count down horizontal banner 2010 - home page */
div.home-banner a.taxyearcountdown .heading { color:#064990; font-size:3.4em; left:14px; top:16px; width:210px; }
div.home-banner a.taxyearcountdown .text { color:#064990; left:15px; top:56px; width:200px; }
div.home-banner a.taxyearcountdown .linktext { left: 213px; }
div.home-banner a.taxyearcountdown .small-text { color:#3398CC; font-weight:normal; left:15px; top:74px; width:210px; }