.foo {
    /* becuase you can't start CSS with a comment!!!  :-) */
}

/*-- STYLES UNDERGOING REORGANISATION --*/
/*-- previously these styles were organised by tag, styles are separated now with new organisation appearing lower half of sheet --*/
/*-- styles are now organised in a linear 'by-feature' format  --*/

/* THIS STYLE SHEET IS FOR BRAND SPECIFIC STYLES AND VARIAIONS OF THE CONTENT DIVS WHICH ARE UNIQUE TO THE BEST INVEST SITE */
/* DO NOT PLACE ADDITIONAL STYLES INTO INTERFACE.CSS AS IT NEEDS TO BE LEFT CLEAN TO MAKE FUTURE RE BRANDING EASIER */

/*-- DO NOT USE THE .NET GENERATED IDs FOR APPLYING STYLE AS THESE ARE SUBJECT TO CHANGE --*/

/*search 'flag' to find temporary solutions & hacks & more that need future attention*/
  
    /* --- global image properties --- */

    li a img { border: 0px; }

    li a:hover img { border: 0px; }

    fieldset, img { border: 0px; }

    /* --- global image properties --- */
    
    
    /* --- global table properties --- */
    
    table { margin-bottom: 15px !important; }

    th {
		font-size: 1.15em;
		font-weight: normal;
		font-weight: bold;
		text-align: left;
    }

    td { font-weight: normal; text-align: left; }

    td.Spacer { width: 15px; }

    tr.Clean td { border: 0px !important; }
    
    table.Clear{
		border-bottom: thin solid #444444;
    }
    table.Clear tr {
		border-top: thin solid #444444;
		background-color: #FFFFFF;
    }
    table.Clear tr td, table.Clear tr th {
		border-top: 1px solid #444444;
		background-color: #FFFFFF;
		margin: 0em;
		padding: 1.3em;
		font-size: 1.3em;
    }
    table.Clear td th, table.Clear td td {
        border-top:none;
		margin: 0em;
		padding: 2px;
    }
    table.Clear tr.Alternate td, table.Clear tr.Alternate th {
		background-color: #F0F3F9;
    }

    /* --- global table properties --- */

/* --- global properties --- */



/* --- content & navigation divs ---*/

    /* --- secondary nav --- */

    .IFSL .SecondaryNavLinks { background-color: #3398cc !important; }

    .InvestWithUs .SecondaryNavLinks { background-color: #3399cc !important; }



    .UnitTrust .SecondaryNavLinks { background-color: #3399cc !important; }

    /* --- secondary nav --- */
    
    
    /* --- sub nav --- */

    #SubNav .invest_here { width: 116px; }

    /* --- sub nav --- */


    /* --- content full --- */

    #ContentFull { color: #444; }

    /* --- content full --- */
    
    .fiftyPC { width:48% ; float:left ;margin-right:1%}
    
    
    .ContentLeft30, .ContentLeft40, .ContentLeft50, .ContentLeft60, .ContentLeft70 {
        float:left;
        }
    
    .ContentRight30, .ContentRight40, .ContentRight50, .ContentRight60, .ContentRight70 {
        float:right;     
        margin-left:3px;
        }
    .ContentLeft30,  .ContentRight30 { width:230px; }
    
    .ContentLeft40,  .ContentRight40 { width:309px; }
    
    .ContentRight50 { width:384px; }
    .ContentLeft50 { width:385px; }
        
    .ContentLeft60,  .ContentRight60 { width:460px; }
    
    .ContentLeft70,  .ContentRight70 { width:539px; }
    
    .BufferR60 {width:440px !important;}
    .BufferR50 {width:344px !important; padding-right:20px; border-right:solid 1px #aaa}

    /* --- content left --- */
    
    #ContentLeft { color: #444; line-height: 1.9em; }
        
    /* --- content left --- */

    
    /* --- content narrow left --- */
    /*flag - deprecated*/
    .ContentNarrowLeft {
	    border: 0px solid #ff0000;
	    float: left;
	    margin-left: 28px;
	    width: 75px;
        }


    .MultiAsset .ContentNarrowLeft {
	    border: 0px solid #ff0000 !important;
	    left: -1px;
	    position: relative;
	    width: 450px !important;
        }

    /* --- content narrow left --- */
    
    
    /* --- content right --- */
    
    #ContentRight { color: #444; line-height: 1.5em; }
       
    /* --- content right --- */
    
    
    /* -- content narrow right --*/

    .ContentNarrowRight {
	    border: 0px solid #00ff00;
	    float: left;
	    margin-left: 28px;
	    width: 375px;
        }

    /* -- content narrow right --*/

    
    /* --- secondary navigation --- */
    
    #SecondaryNav .IFSL { background-color: #3399cc; }

    .SecondaryNavLinks {
	    background-color: #3399cc !important;
	    border: 0px solid #ff0000;
	    height: 23px !important;
        }

    #NeedHelp {
	    background-color: #3399cc;
	    border-left: 2px solid #fff;
	    color:#fff;
	    float: right;
	    font-weight:600;
	    font-size:1.3em;
	    min-height:20px;
	    padding-top:3px;
	    text-align:center;
	    margin-bottom:0;
	    width:232px
        }

    .SecondaryNavLinks #LinksAndHeaders {
	    color: #fff;
	    float: left;
	    padding-left: 10px;
	    position: relative;
	    top: 7px;
        }

    .SecondaryNavLinks #LinksAndHeaders #Links { border: 1px solid #ff0000; float: right; }

    #LoginNav2 { float: right; margin-right:2px}

    .MultiAsset #NeedHelp { float: right; }

    /* --- secondary navigation --- */
    
    

    
    
    /* --- speech bubble elements --- */
    /*flag - deprecated*/
    .SpeechBubble { float: left; margin-bottom: 15px; }

    .BubbleFix .SpeechBubble { left: 7px; position: relative; }

    .SpeechBubbleTop {
	    background-color: #919191;
	    border: 0px solid #ccc;
	    color: #fff;
	    padding-bottom: 25px;
	    padding-right: 15px;
	    width: 382px;
        }

    .SpeechBubbleContent {
	    padding-left: 15px;
	    padding-right: 5px;
	    position: relative;
	    top: 18px;
        }

    .SpeechBubbleBtm {
	    background-image: url(../img/pwm-quote-bottom.gif);
	    background-repeat: no-repeat;
	    border: 0px solid #ccc;
	    height: 50px;
        }


    /* --- speech bubble elements --- */

    
    /* --- collapsable content div --- */

    .TellMeMore {
	    clear: both;
	    padding-bottom: 15px;
	    text-align: right;
	    width: 100%;
        }

    .content_panel_how .how_top { float: right; margin-bottom: 15px; }

    .how_top {
	    border: 0px solid #000;
	    clear: right;
	    margin-bottom: 15px;
        }

    .MagnifineGlass { border: 0px solid #eeeeee; clear: left; width: 100%; }

    .MagnifineGlass h1 { margin-bottom: 25px; }

    /* --- collapsable content div --- */
    
    
    /* --- styles for the switching of content (js) --- */

    .fliplink { margin: 0px; padding: 0px; }

    /*--- styles for the switching of content (js) ---*/
    

    /* --- footer --- */
    
    #Footer {
	    background-color: #3399cc;
	    color: #fff;
	    font-size: 1.1em;
        }

    /* --- footer --- */
    
    
    /* -- form row elements -- */
    
    .form-row {
	    border: 0px solid #ff0000 !important;
	    height: 20px;
	    margin-bottom: 15px;
	    width: 65%;
        }
    
    .form-row-last {
	    border: 0px solid #ff0000 !important;
	    height: 280px;
	    margin-bottom: 15px;
	    width: 65%;
        }

    .FormElements { margin-bottom: 15px; }

    .FormELementsRow { clear: both; height: 30px; }

    .RightBox .FormElements .ElementsLeft, .FormElements .ElementsRight { border: 0px solid #000; width: 45%; }

    /* -- form row elements -- */


    /* --- ifsl --- */

    .fund-checkout-ddlrow { margin-bottom: 15px; }

    .form-wrapper { margin: 0px; padding: 0px; }

    .form-nobr-line { clear: right; float: right; }

    .SelectFloatRight { clear: right; float: right; }

    .form-wrapper { margin-bottom: 15px; }

    .form-wrapper .footnote { border: 0px solid #000; margin-bottom: 15px; }

    /* --- ifsl --- */
    
    
    /* -- btm -- */

    #Btm { }

    /* -- btm -- */
    
  
.Arrow {
	border: 0px solid #ff0000;
	color: #3399cc;
	font-size: 4.0em;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 10px;
    }

.GreyBox {
	background-color: #999999;
	color: #fff !important;
	float: right;
	height: 150px;
	padding: 10px;
	width: 160px;
    }

.GreyBox p { text-align: left; }

.blueback {
	background-color: #001a40;
	color: #fff;
	font-size: 1.9em;
	font-weight: bold;
	text-align: center;
	width: 170px;
    }

.fundnews {
	background-color: #fff;
	border: 1px solid #e0e0e0;
	clear: both;
	color: #000066;
	float: right;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 15px;
	padding-bottom: 10px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 10px;
	text-align: center;
	width: 174px;
    }

#ctl00_Content_GridViewFunds { clear: left !important; font-size: 1.2em; width: 100%; }

.BuyProcess #ContentLeft .SpeechBubble { position: relative; top: 2px; }


.Button0, a#ctl00_Content_MAPLink {
	background-color: #3399cc;
	color: #fff !important;
	font-weight: bold;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
    }

input#ctl00_Content_ibEmpty, input#ctl00_Content_ibUpdate, input#ctl00_Content_ibCheckout {
	background-color: #3399cc;
	color: #fff !important;
	font-weight: bold;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	width: 110px !important;
    }

.BuyProcess .SpeechBubble {
	background-image: url(../images/speech_bubbles/bubble_unit_trust_fund_selection.gif);
	background-repeat: no-repeat;
	color: #000;
	height: 150px;
	width: 535px;
    }

.UnitTrust .content-panel-full .form-wrapper .form-row { clear: both; height: 25px; width: 100%; }

.UnitTrust .content-panel-full .form-wrapper .form-row-alt { height: 25px; width: 100%; }

.fund-checkout-ddlrow { clear: both; height: 25px; }

select#ctl00_Content_ddlCardType { float: right; }

div#ctl00_Content_PanelTellFriend { border: 0px !important; }

.form-row-alt { margin-bottom: 15px; }

.PRFormElements span.DayTime { float: left; }

.PRFormElements span.EmailAddress { float: right; }

.enquiry_form .row {
	border: 0px solid #ff0000;
	clear: right;
	height: 25px;
	margin-bottom: 15px;
	width: 325px;
    }

.enquiry_form div.required { float: left; }

.LinkTabBlack {
	background-color: #000;
	color: #fff;
	font-size: 1.1em;
	height: 30px;
	margin-bottom: 15px;
	width: 215px;
    }

.LinkTabGrey {
	background-color: #bfbfbf;
	color: #fff;
	font-size: 1.1em;
	height: 30px;
	margin-bottom: 15px;
	width: 215px;
    }

.ContentBoxBlack {
	background-color: #2b313c;
	color: #fff;
	margin-bottom: 15px;
	text-align: left;
	width: 300px;
    }

.ContentBoxBlack .Text { color: #fff; padding: 13px; text-align: left; }

.ContentBoxBlack .Text { font-size: 1.15em; font-weight: normal; }

.ContentBoxGrey {
	background-color: #919191;
	margin-bottom: 15px;
	width: 300px;
    }

.ContentBoxGrey .Text { color: #fff; padding: 18px; text-align: left; }

.ContentBoxGrey .BtmImage {
	background-image: url(../images/content_boxes/btm_insight_grey_box.gif);
	background-repeat: no-repeat;
	height: 45px;
	width: 300px;
    }

.ContentBoxGrey .Text .ImgFloatLeft {
	margin: 5px !important;
	margin-top: 5px !important;
	padding: 5px !important;
	padding-top: 5px !important;
    }

.Calendar {
	background-image: url(../images/icons/icon_insight_calender.gif);
	background-repeat: no-repeat;
	float: left;
	height: 63px;
	margin-right: 15px;
	width: 53px;
    }

.Calendar .Top    
{
	border: 0px solid #ff0000;
	color: #fff;
	font-weight: bold;
	padding-top: 20px;
	text-align: center;
    }

.Calendar .Btm 
{
	border: 0px solid #ff0000;
	color: #000;
	font-weight: bold;
	padding-top: 8px;
	text-align: center;
    }



.ContentBoxBlack .BtmImage {
	background-image: url(../images/content_boxes/btm_insight_black_box.gif);
	background-repeat: no-repeat;
	height: 115px;
	width: 300px;
    }

#clientlogin {
	background: transparent url(../img/loginbutton.gif) no-repeat scroll left top;
	display: block;
	float: right;
	height: 24px;
	margin: 15px 0 0;
	text-indent: -99999px;
	width: 140px;
    }

#ContentFull_960 {
	border: 0px solid #ff0000;
	float: left;
	padding-top: 28px;
	width: 960px;
    }

/*flag - deprecated*/
#ContentLeft .content-panel { padding-left: 25px; }

.about-blue-quote {
	background: url('../img/blue-quote-bottom.gif') #00a9dd no-repeat bottom left;
	float: left;
	margin-top: 10px;
	padding: 0px 15px 60px 15px;
	width: 315px;
    }

.about-summary { margin: 15px 0 0 400px; width: 550px; }

img.photo {
	height: 141px;
	margin-bottom: 25px;
	margin-right: 25px;
	margin-top: 25px;
	padding: .5em;
	width: 130px;
    }

.commentary { width: 960px; }

.commentary .AspNet-GridView-Alternate { background-color: #efefef; }

#ContentLeft .Sponsorship { margin-bottom: 25px; }

#ContentLeft .Sponsorship .BioContainer {
	background-color: #919191;
	color: #fff;
	font-style: italic;
	font-weight: bold;
	min-height: 120px;
	padding: 10px;
    }

#ContentLeft .Sponsorship .image { width: 135px; }

.worldmarkets_header {
	background-color: #001a40;
	color: #fff;
	font-size: 1.9em;
	font-weight: bold;
	padding: 1px;
	text-align: center;
    }

.worldmarkets { border: 1px solid #e0e0e0; width: 180px; }

.worldmarkets .AspNet-GridView-Alternate { background-color: #f0f3f9; }

.worldmarkets_text_right { text-align: right; }

.worldmarkets_text_left { text-align: left; }

.worldmarkets_footer {
	border: 1px solid #e0e0e0;
	margin-top: 0px;
	padding: 0px;
    }

/* --- content & navigation divs --- */



/* --- images --- */

    /* --- left, right, top and bottom image floats --- */

    .ImgFloatLeft {
	    clear: both;
	    float: left;
	    margin: 0px;
	    margin-bottom: 25px;
	    padding: 0px;
	    padding-right: 10px;
        }

    .ImgFloatRight {
	    clear: both;
	    float: right;
	    margin: 0px;
	    margin-bottom: 25px;
	    padding: 0px;
	    padding-left: 25px;
        }
    
    .ImgFloatLeftNoPadding {
	    border: 0px solid #ff0000;
	    float: left;
	    margin: 0px;
	    margin-bottom: 25px;
	    padding: 0px;
        }

    .ImgFloatRightNoPadding {
	    border: 0px solid #ff0000;
	    float: right;
	    margin: 0px;
	    margin-bottom: 25px;
	    padding: 0px;
        }

    img.AlignBtm { position: relative; top: 250px; }

    /* --- left, right, top and bottom image floats --- */
    
    
    /* --- collapsable content div elements --- */

    .TellMeMore img { border: 0px; }

    .MagnifineGlass img { border: 0px; float: right; }

    /* --- collapsable content div elements --- */

.BuyProcess .SpeechBubble li img {background-image:none ; padding-right: 5px; position: relative; top: 2px; }

h1 img { margin-bottom: 15px; }

.LinkTabBlack img {
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
	top: 7px;
    }
 
.LinkTabGrey img {
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
	top: 7px;
    }

#ContentLeft .Sponsorship .image img { float: left; margin-bottom: 12px; margin-right: 12px; }

/* --- images --- */


/* --- headers --- */

    /* -- dual colour headers -- */

    .HeaderBlueOne { color: #3285c1; }

    .HeaderBlueTwo { color: #004c8f; }

    /* -- dual colour headers -- */


    /* --- better investor headers --- */

    #BetterInvestor h3 {
	    color: #30abd6;
	    font-size: 1.15em;
	    font-weight: bold;
	    margin-bottom: 0px;
        }

    #BetterInvestor h2 { font-size: 1.65em; margin-bottom: 0px; }

    #BetterInvestor table td h1 { font-size: 1.15em; white-space: nowrap; }

    #BetterInvestor table th h2 {
	    font-size: 1.15em;
	    margin-bottom: 0px;
	    white-space: nowrap;
        }

    #BetterInvestor table th.HeadingSolidBlue h1 {
	    background-color: #004b8e;
	    color: #fff;
	    font-size: 1.15em;
	    margin-bottom: 0px;
	    padding-bottom: 5px;
	    padding-left: 8px;
	    padding-right: 2px;
	    padding-top: 5px;
	    text-align: left;
        }

    #BetterInvestor table td h1 { padding-left: 8px; }

    /* --- better investor headers --- */
    
    
    /* --- collapsable content div headers --- */
    
    .MagnifineGlass h1 { float: left; }

    .MagnifineGlass h3 { clear: both; }

    /* --- collapsable content div headers --- */

#Btm h1 { color: #fff; font-size: 1.6em; }

.MultiAsset h1 { color: #666; }

#LinksAndHeaders h1 { float: left; }

.ContentBoxBlue h1 { font-size: 1.7em; }

#Banner h1 {
	font-size: 1.9em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
    }
    
/*Changed order of these headings for Insight - try to use only one h1 per page and order/nest headings correctly for google & accessibility */
.Text h1 { color: #fff !important; line-height: 1.1em; margin-bottom:15px ! important; }

.Text h2 { color: #fff !important; line-height: 1.1em; margin-bottom:15px ! important; }

.Text h3 { color: #fff !important; margin-bottom:15px ! important; }

.Text h4 { margin-bottom:15px ! important; }

.Text h4 { color: #fff; margin: 0px; }

.ContentNarrowHeader { margin-left: 28px; }

.ContentNarrowRight h5 { margin-bottom: 0px; }

.GreyBox h1 { color: #fff; }

div#ctl00_Content_PanelTellFriend h5 { margin-bottom: 15px; }



.ContentBoxBlack .Text .h1 { font-size: 1.8em; }


#BtmAdverts .map h1 { padding-left: 8px; padding-right: 8px; }

.about-blue-quote h2 {
	color: #fff;
	height: 35px;
	margin: 10px 0 10px 0px;
	width: 320px;
    }

.about-summary h3 {
	background: url('../img/about-blurb-header.gif') no-repeat top left;
	height: 20px;
	margin: 0 0 10px 0;
	text-indent: -9999px;
	width: 550px;
    }
    

.InvestWithUs .LoginForm h1 
{
     color: #69b4da;
}
/* --- headers --- */



/* --- paragraphs --- */

#Footer p { float: left; font-size:1em ;left: 8px; position: relative; top: 10px; }

.form-row p { margin-bottom: 15px; }

.fundnews p {
	color: #000066;
	font-weight: normal;
	padding: 2px 2px 2px 2px;
	text-align: center;
    }

.about-blue-quote p { color: #fff; float: left; margin: 0px; padding: 0px; }

#ContentLeft .Sponsorship p { font-style: italic; margin-left: 150px; }

.worldmarkets_footer p {
	color: #000066;
	margin: 0px;
	padding: 0px;
	text-align: center;
    }

p.Speech {background:#808080 url(/images/speech_bubbles/pointer.gif) no-repeat bottom left; padding:0 10px 100px 10px ;  color:#fff }

/* --- paragraphs --- */



/* --- text --- */

.FormRow span { float: left; }

.Bold { font-weight: bold; }

.Text .Bold { color: #fff !important; }

.MultiAsset .Bold { color: #000; font-weight: bold; }

.ContentBoxBlue .Bold { color: #000; font-weight: bold; }

.BoldBlue { color: #30abd6; font-weight: bold; }

.HdrBlueLeft { color: #3285c1; }

.HdrBlueRight { color: #004c8f; }

/* --- text --- */



/* --- links --- */

    /* --- blue text box links --- */

    .Text a {
	    color: #fff;
	    font-weight: bold;
	    text-decoration: none;
        }

    .Text a:hover {
	    color: #fff;
	    font-weight: bold;
	    text-decoration: underline;
        }

    /* --- blue text box links --- */


    /* --- secondary navigation --- */

    #LinksAndHeaders a { font-weight: bold; }

    #LinksAndHeaders a:hover { color: #3099cc !important; font-weight: bold; }

    /* --- secondary navigation --- */


    /* ---  sub nav links !plundered! --- */

    .SecondaryNavLinks ul li a { color: #fff; text-decoration: none; }

    .SecondaryNavLinks ul li a:hover { color: #fff; text-decoration: underline; }

    /* ---  sub nav links --- */
    
    
    /* --- content left links --- */

    #ContentFull a { color: #3285c1; text-decoration: none; }

    #ContentFull a:hover { color: #3285c1; text-decoration: underline; }

    /* --- content left links --- */
    
    
    /* --- two column left nav - nav links --- */

    #TwoColumnLeftNav #TopNav a { padding: 0px 10px 0px 10px; }

    #TwoColumnLeftNav #TopNavPrimary li a { color: #fff; text-decoration: none; }

    #TwoColumnLeftNav #TopNavPrimary li a:hover { color: #fff; text-decoration: underline; }

    #TwoColumnLeftNav #SecondaryNav li a { color: #fff; text-decoration: none; }

    #TwoColumnLeftNav #SecondaryNav li a:hover { color: #fff; text-decoration: underline; }

    ul#TopNavSecondary li a { color: #fff; text-decoration: none; }

    ul#TopNavSecondary li a:hover { color: #fff; text-decoration: underline; }

    /* --- two column left nav - nav links --- */
    
    
    /* --- ifsl table links --- */
    
    tr.Grey th a { color: #000; text-decoration: none; }

    tr.Grey td a { color: #000; text-decoration: none; }

    tr td a { color: #000; text-decoration: none; }

    tr.Grey th a:hover { text-decoration: underline; }

    tr.Grey td a:hover { text-decoration: underline; }

    tr td a:hover { text-decoration: underline; }

    /* --- ifsl table links --- */
    

    /* --- article links --- */
    
    #ContentFull_960 tr td a { color: #3399cc; text-decoration: none; }

    #ContentFull_960 tr td a:hover { text-decoration: underline; }

    /* --- article links --- */
    
    
    /* --- footer links --- */
    #Footer li {font-size:1em}
    
    #Footer li a { color: #fff; text-decoration: none; }

    #Footer li a:hover { color: #fff; text-decoration: underline; }

    /* --- footer links --- */
    
#ContentLeft a { color: #3399cc; text-decoration: none; }

#ContentLeft a:hover { color: #3399cc; text-decoration: underline; }

.SecondaryNavLinks span.Current { color: #000; }

.fundnews a { color: #3399cc; text-decoration: none; }

.fundnews a:hover { text-decoration: underline; }

#ctl00_Content_GridViewFunds a {
	color: #3399cc;
	font-size: 1.2em;
	text-decoration: none;
    }

#ctl00_Content_GridViewFunds a:hover { font-size: 1.2em; text-decoration: underline; }

.BuyProcess .SpeechBubble li a {
	color: #ccc;
	font-weight: normal;
	text-decoration: none;
    }

.BuyProcess .SpeechBubble li a:hover { color: #ccc; text-decoration: underline; }

a.BtnBlue {
	background-color: #3399cc;
	color: #fff !important;
	font-size: 1.1em;
	padding-bottom: 3px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 3px;
	position: relative;
	text-align: center;
	text-decoration: none;
	top: 1px;
    }

a.PortReview {
	background-color: #3399cc;
	color: #fff !important;
	font-size: 1.9em;
	margin-left: 45px;
	padding-bottom: 3px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 3px;
	position: relative;
	text-align: center;
	text-decoration: none;
	top: 1px;
    }

a.BtnBlue:hover { text-decoration: underline; }



a#ctl00_Content_ButtonSubmit { float: right; }



.ContentBoxBlack .Text a { font-size: 1.2em; font-weight: normal; }

.ContentBoxBlack .Text a:hover { font-size: 1.2em; font-weight: normal; }



#ContentLeft .Sponsorship p a { color: #fff; text-decoration: none; }

#ContentLeft .Sponsorship p a:hover { color: #fff; text-decoration: underline; }

/* --- links --- */



/* --- horizonal lines --- */

#Footer .Hr {
	background-color: #000 !important;
	clear: both;
	height: 3px;
	margin-bottom: 2px;
	width: 100%;
    }

#Btm .Hr {
	background-color: #0096d5;
	clear: both;
	height: 3px;
	margin-bottom: 2px;
	width: 100%;
    }

#SecondaryNavLinks .Hr {
	background-color: #ccc;
	border-bottom: 1px solid #fff;
	margin-top: 1px;
	padding: 1px;
    }

hr {
	background-image: url(../images/bg/bg_hr.gif);
	background-repeat: repeat-x;
	border: 1px dotted #b3b3b3;
	clear: both;
	color: #b3b3b3;
	height: 1px;
	margin-bottom: 15px;
	margin-top: 0px;
	padding: 0px;
	text-align: left;
	width: 92%;
    }

/* --- horizonal lines --- */



/* --- tables --- */
    

    /* -- ctf tables -- */

    .CFT table th {
	    background-color: #3399cc;
	    color: #fff;
	    padding: 10px;
        }

    .CFT #ContentLeft table td { border: 1px solid #3399cc; padding: 10px; }

    /* -- ctf tables -- */
    
    
    /* --- ifsl tables --- */

    tr.Grey th { background-color: #ccc; color: #000; }

    tr.Grey td { background-color: #ccc; color: #000; }

    #ctl00_Content_gvResults table {
	    border-right: 1px solid #ccc;
	    border-top: 1px solid #ccc;
	    margin: 0px;
	    padding: 0px;
	    width: 780px !important;
	    font-size:11px;
        }
     /*-flag- class replacing above .net id*/        
     table.DataTable {
	    border-right: 1px solid #ccc;
	    border-top: 1px solid #ccc;
	    margin: 0px;
	    padding: 0px;
	    width: 100%;
        }

    #ctl00_Content_gvResults th {
	    background-color: #3184c0;
	    border-bottom: 1px solid #ccc;
	    border-left: 1px solid #ccc;
	    color: #fff;
	    padding-left: 5px;
        }
    /*-flag- class replacing above .net id*/      
     table.DataTable th {
	    background-color: #3184c0;
	    border-bottom: 1px solid #ccc;
	    border-left: 1px solid #ccc;
	    color: #fff;
	    font-size:1.1em;
	    padding-left: 5px;
        }

    #ctl00_Content_gvResults td {
	    border-bottom: 1px solid #ccc;
	    border-left: 1px solid #ccc;
        }
    /*-flag- class replacing above .net id*/
     table.DataTable td {
	    border-bottom: 1px solid #ccc;
	    border-left: 1px solid #ccc;
	    font-size:1.2em;
        }

    /* --- ifsl tables --- */
    
    
    /*--- better investor table elements ---*/

    #BetterInvestor table.funds { width: 780px; }

    #BetterInvestor table.funds th.HeadingSolidBlue { background-color: #30abd6; margin: 0px; padding: 0px; }

    #BetterInvestor table.funds th {
	    background-color: #30abd6;
	    border-bottom: 0px;
	    color: #444;
	    color: #fff;
	    font-weight: bold;
	    padding-left: 10px;
	    padding-right: 5px;
	    padding-top: 5px;
	    vertical-align: top;
        }

    #BetterInvestor table.funds td {
	    background-color: #f5f5f5;
	    border-bottom: 1px dotted #696969;
	    color: #444;
	    padding-bottom: 10px;
	    padding-left: 5px;
	    padding-right: 5px;
	    padding-top: 10px;
	    vertical-align: top;
        }
        
        /*---   
        
        Above modified by PN 24/11/08 16:23
        Original:
        
          #BetterInvestor table { width: 780px; }

    #BetterInvestor table th.HeadingSolidBlue { background-color: #30abd6; margin: 0px; padding: 0px; }

    #BetterInvestor table th {
	    background-color: #30abd6;
	    border-bottom: 0px;
	    color: #444;
	    color: #fff;
	    font-weight: bold;
	    padding-left: 10px;
	    padding-right: 5px;
	    padding-top: 5px;
	    vertical-align: top;
        }
        
        #BetterInvestor table td {
	    background-color: #f5f5f5;
	    border-bottom: 1px dotted #696969;
	    color: #444;
	    padding-bottom: 10px;
	    padding-left: 5px;
	    padding-right: 5px;
	    padding-top: 10px;
	    vertical-align: top;
        } 
        
        
        ---*/

    /*--- better investor table elements ---*/


    #ctl00_Content_gvResults table {
	    background-color: #fff;
	    border-bottom: none;
	    border-left: none;
	    border-right: none;
	    border-top: none;
	    font-size: 1.1em;
        }
     /*-flag- below class replacing above .net id*/
     table.DataTable {
	    background-color: #fff;
	    border-bottom: none;
	    border-left: none;
	    border-right: none;
	    border-top: none;
        }
    
    
    /* --- fund table elements --- */

    .fund-table { float: left; margin: 10px 0 10px 0; width: 780px; }

    .fund-table .AspNet-GridView-Header {
	    background-color: #3399cc;
	    color: #fff;
        }

    .fund-table .AspNet-GridView-Header th { padding: 4px; }

    .fund-table .AspNet-GridView-Alternate { background-color: #f0f3f9; }

    .fund-table-footer td, .AspNet-GridView-Footer td {
	    background-color: #fff;
	    font-weight: bold;
	    padding: 4px;
        }
     /* --- fund table elements --- */   


.ContentNarrowRight table { width: 100% !important; }

.fund-table td { padding: 5px; }

tr.AspNet-GridView-Header th div { color: #3399cc !important; }

table.fundstable { width: 100% !important; }

tr.AspNet-GridView-Header th { font-size: 1.2em; padding-bottom: 5px; }

table.fundstable02 { width: 100%; }

table.fundstable02 td {
	border: 0px solid #000;
	font-size: 1.15em;
	padding-bottom: 5px;
    }

div#ctl00_Content_gvResults table { border-right: 1px solid #ccc; }
/*-flag- class replacing above .net id*/
table.DataTable { border-right: 1px solid #ccc; }

table.FullWidth th img { padding-left: 5px; }

tr.Black th {
	background-color: #000;
	color: #fff;
	font-size: 1.1em;
    }

tr.White td {
	background-color: #fff;
	color:#000;
	font-size: 1.1em;
    }

tr.Grey td {
	font-size: 1.1em;
    }

table.FullWidth th { height: 25px; padding-left: 8px; }

table.FullWidth td { height: 25px; padding-left: 8px; }

table.FullWidth { width: 98%; }

table.ISA-Fund-Table { width: 100%; }

.worldmarkets td { padding: 1px; }

table.FundName
{
    width:100%;
}

table.FundName th
{
    background-color:#434343;
    color:#ffffff;
    padding-left:15px;
    padding-right:15px;
    padding-top:5px;
    padding-bottom:5px;
}


table.FundName td
{
    border:0px;
    border-bottom:1px dotted #ababab;
        padding-left:15px;
    padding-right:15px;
    padding-top:5px;
    padding-bottom:5px;
}

table.FundName tr.Bottom td
{
    background-color:#e5e5e5;
}



/* --- tables --- */


/* --- form properties --- */

    /* --- secondary navigation --- */

    .SecondaryNavLinks #LinksAndHeaders ul {
	    float: left;
	    list-style-type: none;
	    margin: 0px;
	    margin-left: 38px;
	    padding: 0px;
	    position: relative;
	    top: 3px;
        }

    .SecondaryNavLinks #LinksAndHeaders li { display: inline; margin: 0px; padding: 0px; }

    /* --- secondary navigation --- */
    
    
    /* --- login nav form elements --- */

    ul.LoginNav { float: left; clear:both; }

    ul.LoginNav li a { color: #fff; text-decoration: none; }

    ul.LoginNav li a:hover { color: #fff; text-decoration: underline; }

    ul.LoginNav li.LeftCorner {
	    background-color: #fff;
	    background-image: url(../images/top_nav/bg_corner_left.gif);
	    background-repeat: no-repeat;
	    border-right: 0px !important;
	    padding-bottom: 8px;
	    padding-right: 9px;
        }

    ul.LoginNav li.RightCorner {
	    background-color: #fff;
	    background-image: url(../images/top_nav/bg_corner_right.gif);
	    background-repeat: no-repeat;
	    border-right: 0px !important;
	    padding-bottom: 8px;
	    padding-left: 12px;
        }


    ul.LoginNav li.Current {
	    background-image: url(../images/top_nav/bg_current_black.gif) !important;
        }

    .LoginNav li.Last { border-right: 0px !important; }

    ul.LoginNav li.Spacer { margin-right: 3px; }



    /* --- login nav form elements --- */
    
    
    /* --- top nav secondary form elements --- */

    ul#TopNavSecondary {
	    list-style-type: none;
	    margin: 0px;
	    margin-left: 22px;
	    padding: 0px;
	    position: relative;
	    top: 4px;
        }

    ul#TopNavSecondary li {
	    color: #fff;
	    display: inline;
	    font-size: 1.15em;
	    margin: 0px;
	    padding: 0px;
	    padding-right: 10px;
        }

    /* --- top nav secondary form elements --- */
    
    
    /* --- multi asset form elements --- */
    
    .SecondaryNavLinks ul {
	    display: inline;
	    float: left;
	    left: 10px;
	    list-style-type: none;
	    margin: 0px;
	    padding: 0px;
	    position: relative;
	    top: 3px;
        }

    .SecondaryNavLinks li {
	    color: #fff;
	    display: inline;
	    font-size:1.3em;
	    margin: 0px;
	    padding: 0px;
	    padding-right: 10px;
        }

    /* --- multi asset form elements --- */


    /* --- two column left nav - top nav form elements --- */
    
    #TwoColumnLeftNav #TopNav ul { margin: 0px; padding: 0px; }

    #TwoColumnLeftNav #TopNav ul li {
	    background: url(../images/top_nav/bg_gradient.gif) repeat-x;
	    background-color: #fff;
	    border-right: 2px solid #fff;
	    display: inline;
	    float: left;
	    font-size:1.3em;
	    padding-bottom: 8px;
	    padding-right: 2px;
	    padding-top: 8px;
        }

    #TwoColumnLeftNav ul#TopNavPrimary { float: left; }

    #TwoColumnLeftNav ul#SecondaryNav { float: right; left: 4px; position: relative; }

    #TwoColumnLeftNav #TopNav li.LeftCorner {
	    background-color: #fff;
	    background-image: url(../images/top_nav/invest-with-us/bg_corner_left.gif);
	    background-repeat: no-repeat;
	    padding-bottom: 8px;
	    padding-right: 8px;
        }

    #TwoColumnLeftNav #TopNav li.RightCorner {
	    background-color: #fff;
	    background-image: url(../images/top_nav/invest-with-us/bg_corner_right.gif);
	    background-repeat: no-repeat;
	    border-right: 0px !important;
	    padding-bottom: 8px;
	    padding-left: 6px;
        }



    #TwoColumnLeftNav #TopNav li.Spacer { margin-right: 3px; }
    

    /* --- two column left nav - top nav form elements --- */
    
    
    /* --- two column left nav - secondary nav banner --- */

    #TwoColumnLeftNav #SecondaryNav #Banner {
	    background-color: #3399cc;
	    border-left: 2px solid #fff;
	    color: #fff;
	    float: right;
	    height: 13px;
	    list-style-type: none;
	    margin: 0px;
	    padding: 0px;
	    padding-bottom: 6px;
	    padding-left: 15px;
	    padding-right: 15px;
	    padding-top: 1px;
	    position: relative;
	    top: -13px;
        }

    #TwoColumnLeftNav #SecondaryNav ul#Banner li.Content { color: #fff; font-size: 1.9em; font-weight: bold; }

    /* --- two column left nav - secondary nav banner --- */
    
    
    /* --- sub nav form elements --- */

    #SpeechNav li.off-first a { color: #333333; text-decoration: none; }

    #SpeechNav li.off a { color: #333333; text-decoration: none; }

    #SpeechNav li.off-first a:hover { color: #333333; text-decoration: underline; }

    #SpeechNav li.off a:hover { color: #333333; text-decoration: underline; }

    #SpeechNav li.on-first a { color: #ccc; text-decoration: none; }

    #SpeechNav li.on a { color: #ccc; text-decoration: none; }

    #SpeechNav li.on-first a:hover { color: #ccc; text-decoration: underline; }

    #SpeechNav li.on a:hover { color: #ccc; text-decoration: underline; }

    /* --- sub nav form elements --- */


    /* --- better investor form elements --- */

    #BetterInvestor table ul.Stars {
	    display: inline;
	    list-style-type: none;
	    margin: 0px;
	    padding: 0px;
	    white-space: nowrap;
        }

    #BetterInvestor table ul.Stars li { display: inline; list-style-type: none; }

    #BetterInvestor input {
	    border: 1px solid #a6a7ac;
	    float: right;
	    margin-bottom: 15px;
	    width: 652px;
        }

    #BetterInvestor textarea {
	    border: 1px solid #a6a7ac;
	    float: right;
	    height: 91px;
	    margin-bottom: 15px;
	    overflow: auto;
	    width: 652px;
        }

    #BetterInvestor input.Submit {
	    border: 0px;
	    height: 9px;
	    margin-bottom: 15px;
	    width: 60px;
        }

    #CommentsForm { color: #444; }

    #CommentsForm .FormRow {
	    border: 0px solid #000;
	    clear: both;
	    margin-bottom: 15px;
        }

    /* --- better investor form elements --- */
    
    
    /* --- protected rights form elements --- */

    .FormRow { clear: right; min-height: 25px; margin-bottom: 15px; }

    .protectedRightsHeader {
	    background: transparent url(../img/protectedRightsHeader.gif) no-repeat scroll left top;
	    height: 35px;
	    text-indent: -9999px;
        }

    #protectedRightsImage { margin: 0px 0 0 24px; }

    .SponsorshipArchive { list-style: none; margin: 0px; padding: 0px; }

    /* --- protected rights form elements --- */
    
    
    /* --- ifsl form elements ---*/

    input#ctl00_Content_chkOptIn { height: 15px !important; width: 15px !important; }

    input#ctl00_Content_chkAgree {
	    clear: right;
	    float: right;
	    height: 15px !important;
	    width: 15px !important;
        }

    input#ctl00_Content_cmdDeal {
	    clear: right;
	    float: left !important;
	    margin-bottom: 15px !important;
	    width: 125px !important;
        }

    #ctl00_Content_pnLookUp1 select {
	    clear: both;
	    float: right !important;
	    height: 85px !important;
	    margin-bottom: 15px;
        }

    .form-row label { clear: right; float: left; }

    .form-row input { clear: right; float: right; width: 180px !important; }

    .select-float-right select { clear: right; float: right; }

    .IFSLTop10 {
	    font-family: Arial,Helvetica;
	    line-height: 1.5em;
	    width: 450px;
        }

    .IFSLTop10 .AspNet-GridView-Normal a { color: #3285c1; }
    .IFSLTop10 .AspNet-GridView-Alternate { background-color: #ddd; }
    .IFSLTop10 .AspNet-GridView-Alternate a { color: #3285c1; }
    .multiasset_section tr td { padding: 3px; }
    .multiasset_section {overflow:auto}
    .SourceDate {float:left}
    .SourceName {float:right}

    /* --- clean inline list --- */

    ul.InLine {
        display: inline;
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        }

    ul.InLine li { display: inline; list-style-type: none; }

    /* --- clean inline list --- */
        
        
    /* --- ul with star bullets --- */
    
    ul.Star { margin: 0px; margin-bottom: 15px; padding: 0px; }

    ul.Star li {
	    background: url(../images/bullets/bullet_star.gif) no-repeat left center;
	    list-style: none;
	    padding-left: 32px;
        }

    /* --- ul with star bullets --- */
    
	 
	  ul.BlueTriangle li {
		list-style: none outside url(/images/bullets/bullet_arrow.gif);
	 }
    /* --- ul with blue square bullets --- */
    
    
    /* --- ul numbered list --- */
    
    ul.Decimal { margin: 0px; margin-left:5px }

    ul.Decimal li { list-style: decimal; padding-bottom: 15px; }

    /* --- ul numbered list --- */
    
    
    /* --- ul with spaced out lists items for use with paragraphs --- */
    
    ul.ParagraphList li { margin-bottom: 15px; }

    /* --- ul with spaced out lists items for use with paragraphs --- */
    
    
    /* --- ul regular with no indent --- */

    ul.NoIndent {
	    margin: 0px;
	    margin-bottom: 15px;
	    padding: 0px;
	    padding-left: 13px;
        }

    /* --- ul regular with no indent --- */
    
    
    /* --- ul regular with no indent 2 --- */
    
    ul.NoIndent2 {
	    margin: 0px;
	    margin-bottom: 15px;
	    padding: 0px;
	    padding-left: 13px;
        }

    ul.NoIndent2 li { padding-left: 25px; }

    /* --- ul regular with no indent 2 --- */
    
    
    /* --- ul regular with right padding on bullett --- */
    
    ul.BulletIndent { left: -25px; position: relative; }

    ul.BulletIndent li { padding-left: 25px; }

    /* --- ul regular with right padding on bullett --- *
    
    
    /* --- clean ul with no bullets or indent --- */
    
    ul.Clean { margin: 0px; margin-bottom: 15px; padding: 0px; }

    ul.Clean li { list-style-type: none; margin-bottom: 2px; }

    /* --- clean ul with no bullets or indent --- */
    
    
    /*----   form elements (flag - styling being edited/moved to forms.css)     ----*/

input.Radio {
	border: 0px !important;
	height: 15px !important;
	width: 15px !important;
    } 

.FormRow #ctl00_Content_BetterInvestorOnline {
	border: 0px !important;
	float: left !important;
	height: 18px !important;
	margin-left: 118px;
	width: 18px !important;
	width: 25px !important;
    }

.PRFormElements {
	border: 0px solid #ff0000;
	left: 175px;
	position: relative;
    }

.fundnews select { font-size: 1.15em; margin-bottom: 15px; }

td.BlueButton input { height: 21px; width: 27px !important; }

.BuyProcess .SpeechBubble ul {
	display: inline;
	list-style-type: none;
	margin: 0px;
	margin-left: 25px;
	padding: 0px;
	position: relative;
	top: 10px;
    }

.BuyProcess .SpeechBubble li {
	display: inline;
	font-size:1.7em;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	padding-right: 10px;
    }

.UnitTrust .fund-selectors label {
	color: #3399cc;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
    }

.UnitTrust .fund-selectors select {
	display: block;
	margin-bottom: 15px;
	margin-top: 8px;
	width: 300px !important;
    }
 
 div.ThreeColumns div
 {
	width: 30%;
	float: left;
 }

.UnitTrust .form-row-alt label { float: left; }

.UnitTrust .form-row label { float: left; }

.UnitTrust .form-row input { float: right; }

.UnitTrust .form-row-alt input { float: right; }

.UnitTrust .content-panel-full input { width: 300px !important}

.UnitTrust .content-panel-full .form-wrapper .form-row .MultipleSelect select { float: none; }

.UnitTrust .content-panel-full .form-wrapper .form-row select, .UnitTrust .content-panel-full .form-wrapper .form-row-alt select { float: right; }

.UnitTrust .content-panel-full .form-wrapper .form-row label { float: left; }

.UnitTrust .content-panel-full .form-wrapper .form-row-alt label { clear: left; float: left; }

.fund-checkout-ddlrow label { float: left; }

.fund-checkout-ddlrow select { float: right; }

div#ctl00_Content_PanelTellFriend input { float: right; margin-bottom: 15px; width: 125px; }

div#ctl00_Content_PanelTellFriend label {
	float: left;
	margin-bottom: 21px;
	white-space: nowrap;
	width: 80px;
    }

input#ctl00_Content_ImageButtonTellFriend { float: right; }

.form-nobr-line select { float: none !important; }

.FormRow input { float: right; }

input#ctl00_Content_emailAddress { float: right; margin-left: 2px; width: 280px;margin-right:2px; }

.enquiry_form input { float: right; margin-bottom: 15px; }

.enquiry_form label { float: left; }

.enquiry_form .checkrow label { float: left !important; }

.enquiry_form .checkrow input { float: right !important; }


input#ctl00_Content_TextBoxFundName { margin-right: 15px; }

.ContentBoxBlack .Text ul.Clean li { margin-bottom: 15px; }




.InvestWithUs .LoginForm input 
{
     border: 1px solid #878787;
     width:250px;
     margin-bottom:15px;
     float:right;
}

/* --- form properties --- */



/*----------------- -------flag---------- ---------------*/
/*---------------- styles created by S Hopper -----------*/
/*---------------- www.s2digital.co.uk ------------------*/
/*---------------- --------------------- ----------------*/

/* 
styles are being cleaned up and migrated from above this separator to below.
All styles below this separator will follow following listing order:

1. global properties
 i.  global element styles
 ii. lineraly ordered template styles
    a. header
    b. main nav etc
 iii. global content styles
2. page specific styles (if they don't warrant own CSS page)
 i. general styles
  ii. styles for data controls - this will be external eventually (most are currently in forms.css)

 */

/* ------1.global properties ------ */
/*----- --------------------- -----*/

/* --1/i.global element styles -- */

body {
	background-color: #fff;
	color:#444;
	font-family: Arial,Helvetica;
	font-size: 62.5%;
	margin:0;
	padding:0;
	padding-top:15px
    }
    
p { font-size:1.3em ; margin-bottom: 15px; margin-top: 0px; }
li, label, dt, dd {font-size:1.3em}
li p {font-size:1em}
li li {font-size:1em}

/*a {color:#004990}*/

h1,h2,h3,h4,h5 {
	    margin: 0px;
	    margin-bottom:15px;
	    padding: 0px;
        }
h1 { font-size: 1.65em;}
h2 { font-size: 1.5em; }
li h2 {font-size:1em ;}
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
li h4 {font-size:1em}
h5 { color: #3399cc; font-size: 1.3em; margin-bottom:0}
    

/*DataTable class - interim solution, remove eventually when all tables are data tables*/
.DataTable {margin-bottom:0  }
.Table td, .Table th {font-size:1.1em}
#Container td th, #Container td td {font-size:1em}
li .Table td, li .Table th{font-size:.85em}


/* --1/ii.global template styles -- */
   
   /*- skip to content link !flag work in progress! -*/ 
   #Skip {width:200px}
    a.SkipNav  {background:#fff ; position:absolute ; left:-2000px}
    a.SkipNav:focus, .SkipNav a:active {left:0px !important}
    
    /*- Global Nav -*/
    
     ul#GlobalNav { list-style-type: none; margin: 0px; padding: 0px; text-align:right} 
        #GlobalNav li { border-right:#aaa 1px solid ; color: #444; display: inline; font-size:1.1em; margin-right:8px ;padding-right: 8px; }
        #GlobalNav li.Last { border-right:none}
            #GlobalNav li a { color: #444; text-decoration: none; }
            #GlobalNav li a:hover { color: #444; text-decoration: underline; }
   
    /*- secondary content -*/

    /*- sub nav -*/
    #SubNav ul li { border-bottom: 1px dotted #3399cc; color:#3184C0 ; font-weight:bold ;text-transform:lowercase}
    #SubNav li.Current {padding-bottom:0 ;}
    #SubNav li.hasChild { background:url(/images/bullets/small_bullet_arrow.gif) no-repeat left 8px ; }
    #SubNav li.Expand { background:url(/images/bullets/small_bullet_arrow1.gif) no-repeat left 12px  !important; }
        #SubNav li a { color: #444; text-decoration: none; font-weight:normal ; text-transform:lowercase }
        #SubNav li a:hover {  text-decoration: underline; }
        #SubNav li.hasChild a:hover { cursor: pointer}
            #SubNav li.Expand a {font-weight:bold}
            #SubNav ul ul {margin:5px 0 0 -10px;}
                #SubNav ul ul li {border:none; }
                    #Container #SubNav ul ul li a {font-size:1em; font-weight:normal }
                #SubNav ul ul li.Current {background:#e0e0e0 ; color:#444 ; font-weight:normal ;padding-bottom:5px}                
                    #SubNav ul li.Current ul a{color:#444 ; font-weight:normal; }
                    #SubNav ul li.Current ul a:hover{color:#444 ;text-decoration:underline}



/* -- 1/iii.global modular content styles -- */
    /*headings*/
    h1.TitleTMP {  font-size: 3.6em;  color: #004C8F;  font-weight:normal ; letter-spacing:-2px}
    h2.SubTitleTMP {  font-size: 2.2em;  color: #444444; font-weight:normal ;letter-spacing:-1px}
    /*multi element use*/
    .Intro {color:#666 ; font-size:1.6em ;font-weight:bold}
    .Notes {font-size:1.1em}
    .Hidden {position:absolute; left:-2000px}
    .ClearBoth { clear: both; }
    
    /*link features*/
    .DownloadFeat {background:#3399cc ; color:#fff ; display:block ; font-size:1.3em ; padding:5px 5px 0 ;text-decoration:none;}
    .DownloadFeat:hover {background:#004990 ; color:#e0e0e0}
        .DownloadFeat strong {display:block ; font-size:1.15em ; letter-spacing:-1px}
        .DownloadFeat span { background:#004990 ;border-top:solid 1px; display:block; font-size:.9em ;
                             font-weight:bold ; padding:3px 5px 3px 0 ;margin:5px -5px 0px ;text-align:right }
        .DownloadFeat span img { margin: 0 2px -2px 0 ;}
        .DownloadFeat:hover span { background:#e0e0e0 ; border-top:solid 1px #fff; color:#004990 }
    
    /*lists*/
    #Container ul.Flush { font-size: 1.15em; list-style-type: none; margin: 0px; margin-bottom: 15px;  padding: 0px; }
        ul.Flush li { margin: 0px; padding: 0px; }
    ul.BlueSquare { margin:0 0 15px 5px; padding-left:10px ;}
	    ul.BlueSquare li  { color:#3399CC; list-style-type:square; margin-bottom:5px; padding-left:15px}
	        ul.BlueSquare li span {  color:#444 !important }
	
	ul.Feature {list-style:none; margin-left:0 ;padding-left:0; margin-bottom:25px}
	    ul.Feature li {padding:10px 15px ; border-top:solid 1px #ccc; background:#fff ; overflow:auto}
	    ul.Feature .Alternate {background:#f3f5fa}
	        ul.Feature li.Last{border-bottom:solid 1px #ccc}
	        ul.Feature strong {display:block ;float:left; width:120px}
	        
    .Hyphen {padding-left:15px ; margin-left:15px}
        .Hyphen li{background:#fff url(/images/bullets/hypen.gif) no-repeat 0 8px;
                   list-style:none;padding-left:45px;margin-left:25px;margin-bottom:15px}
    

    
/* ----- End Global Properties------ */
/* ----- --------------------- ----- */
/* -- 2i.Start Page Specific styles - */

/*- general template page styles -*/
    
    /*- img-as-text speech bubble styles fix !flag! -*/
    .SpBubb {background:url(/images/bg/SpeechBubbHack.gif) repeat-x right bottom ;margin-left:-20px ; margin-bottom:10px ; padding-right:11px ; }
    .SpeechBubble img {background:url(/images/bg/SpeechBubbHack.gif) repeat-x right bottom ; padding-right:11px ;}
    .BubbHold {padding-left:20px; width:515px !important}
    
    /* floated image intro */
    .IntroFloat { margin-left:220px ;  min-height:250px}
    
    /*- right hand Buy and Info feature -*/
    
        /*old styles - these 
        need optimising*/
    
    .ContentBoxBlue  { background-color: #30abd6; color: #fff; margin-bottom: 15px; width: 237px; }
    .ContentBoxBlue p {font-size:1.2em; }
    .ContentBoxBlue table td { font-size:1.2em; }
    .ContentBoxBlue .Text { padding: 10px 10px 10px 20px; }

    .ContentBoxBlue .BtmImage {	background:white url(/images/content_boxes/btm_badge_blue.gif) no-repeat;
	    height: 165px;}

    .ContentBoxBlue .BtmImageTaxEfficient { background:white url(/images/content_boxes/btm_badge_blue_tax_efficient.gif) no-repeat;
	    height: 155px; }

    .ContentBoxBlue .BtmImageMultiAsset {background:white url(/images/content_boxes/btm_badge_blue_multi_asset.gif) no-repeat;
	    height: 155px; }

    .ContentBoxBlue .BtmImageFlexible {background:white url(/images/content_boxes/btm_badge_blue_flexible.gif) no-repeat;
	    height: 155px;}

    .ContentBoxBlue .BtmImageRetire {background:white url(/images/content_boxes/btm_badge_blue_retire.gif) no-repeat;
	    height: 165px; }

    .ContentBoxBlue .BtmImageUnwrapped { background:white url(/images/content_boxes/btm_badge_blue_unwrapped.gif) no-repeat;
	    height: 165px;}

    .ContentBoxBlue .BtmImageGoodGrowth { background-image:white url(/images/content_boxes/btm_badge_blue_good_growth.gif) no-repeat;
	    height: 165px;  }

    .ContentBoxBlue .BtmImageBorrow { background:white url(/images/content_boxes/btm_badge_blue_borrow.gif) no-repeat;
	    height: 158px;   }

    .ContentBoxBlue .BtmImageMultiAsset { background:white url(/images/content_boxes/btm_badge_blue_multi_asset.gif) no-repeat;
	    height: 155px;}

    .ContentBoxBlue .BtmImageThinkingAhead { background:white url(/images/content_boxes/btm_badge_blue_thinking_ahead.gif) no-repeat;
	    height: 154px; }

    .ContentBoxBlue .BtmImageBorrow { background:white url(/images/content_boxes/btm_badge_blue_borrow.gif) no-repeat;
	    height: 159px;}

    .InvestNowBtn { padding-bottom: 2px; }
    
    /*reworked styles*/
    #ContentRight .CTA {background:#000 ;color:#fff;font-size:1.5em ; font-weight:bold; margin-bottom:2px ; padding:10px 20px}
    #ContentRight ul {padding-left:10px ;margin-left:10px ; }
    
/*--- Process template CSS - Ideally this is to be external---*/
    /* -- buy process forms -- */

    table.ProcessTable {  width:100%}
        table.ProcessTable td { font-size:1.2em ;padding:5px 0 5px 15px ;}
        table.ProcessTable tbody td { background:#f9f9f9; border-top:dotted 1px #666}
        table.ProcessTable tfoot td { border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6}
            #ContentLeft table.ProcessTable a { color:#444 ; text-decoration:underline}
        table.ProcessTable th {background:#555 ; color:#fff ;font-size:1.2em ; padding:5px 0 5px 15px ; margin-top:0}
        table.ProcessTable tfoot td {background:#eaeaea; font-weight:bold}


    /*--progress bar ul--*/


    .Progress {background:url(/images/btn/buy_process/ul_bg.gif) repeat; border-right:#ddd solid 1px ; border-left:#ddd solid 1px ;list-style:none; margin:2px 0 25px 0;min-height:3.2em; padding-left:0; }/*margin top hacked in ie7*/
        .Progress li{ background:url(/images/btn/buy_process/li_bg.gif) no-repeat top right; color:#777 ;float:left; font-size:1.4em;display:inline;line-height:32px ; min-height:32px; min-width:133px}
        .Progress li.Current{ background-image:url(/images/btn/buy_process/li_bg_current.gif) ; }
            #Container .Progress li a {display:block; float:left ; min-height:2em; min-width:110px; }
            #Container .Progress li a:hover {color:#444 ;text-decoration:none}
            #Container .Progress li.Current a {background:url(/images/btn/buy_process/a_current.gif) no-repeat ;color:#fff ;left:-8px;min-width:120px; padding-left:8px; position:relative; }
            #Container .Progress li.Current a:hover {color:#fff ;cursor:default}
            .Progress li span {background:url(/images/btn/buy_process/span_bg.gif) no-repeat top; display:block; font-size:0.9em;float:left; height:20px; line-height:20px; margin:0 4px 0 5px ;position:relative ; top:6px;text-indent:6px; width:20px }
            .Progress li.Current span {background:url(/images/btn/buy_process/span_bg_current.gif) no-repeat !important ; }
            .Progress a:hover span {background:url(/images/btn/buy_process/span_bg.gif) no-repeat bottom; }
            .Progress li.Current a:hover span {background:url(/images/btn/buy_process/span_bg_current.gif) no-repeat ; }   
            #Container .Progress #First a {background-image:none;left:0 ;}
            #Container .Progress .Last {background-image:none;}
    
    
    /*--fund choose list--*/
    
    .FundChoose { list-style:none ; list-style-position:inside; padding-left:0; margin-left:0;}
        .FundChoose li { margin:0 ; padding-bottom:10px}
        .FundChoose h2.first {border:none}
            .FundChoose li h2 { margin:0; padding:15px 0 0 65px; position:relative;border-top:dotted 3px #999 ;}
            .FundChoose h2 span{ color:#3399CC ;font-weight:bold ;position:absolute; }
            .FundChoose h2 span.Chev{ font-size:3em; left:0px ; top:20px;}
            .FundChoose h2 span.FakeNum{font-size:4em ;left:20px ;  top:30px;}
            .FundChoose li p {font-weight:normal; color:#444; margin-left:65px;}
            .NoHighlight {float:right}
            .IFSL .fliplink {float:right}
            .FundChoose h4, .FundChoose table {margin-left:65px;}
            
    
    
            
    
/*-----2ii these are styles for data controls--------*/
/*---------------------------------------------------*/