/* RESETTING */
* {margin:0; padding:0; list-style-type:none; }
img {border:none; margin:0; padding:0;}

#skipnavlink {position:absolute; width:1px; height:1px; left:-100px;}
.skipnavlink {position:absolute; width:1px; height:1px; left:-100px;}

/** ------------------ SETTING COMMON ELEMENTS ---------------------------- **/
body {font-size:71%; font-family:arial; padding-bottom:10px; color:#333; text-align:center;}

body.short #content_clearer {height:120px; } /* used to clear for shorter layouts */

p {margin:0 0 10px 0; color:#333333}
a {text-decoration:none; color:#221C56; font-weight:bold;}
a:hover{color:#D06E0C;}

h1, h2{font-size:120%; color:#D06E0C;}
h3 {font-size:120%; color:#D06E0C;}
h4 {font-size:100%; color:#D06E0C;}

th, td {vertical-align:top; text-align:left; font-size:71%; color:#333; padding:4px 3px 4px 3px;}
table {width:500px; border-collapse: collapse;}
tr.bg {background-color:#EDEBD2;}

input.submit {background-color:#D0C7B9; }
.graph {text-align:center;}



/** ------------------ COMMON CLASSES AND ITEMS USED REPEATEDLY ---------------------- **/
/*** Divs used for clearing ***/
div.clearleft {margin:0; padding:0; clear:left;}
div.clearboth {margin:0; padding:0; clear:both;}
div.clearright {margin:0; padding:0; clear:right; }


/*** Common classes used for decoration ***/
.highlight {font-weight:bold; color:#D06E0C;}
.footnote {color:#B88748;}
.bold {font-weight:bold;}
p.backtotop {text-align:right;}
p.headline {text-transform:uppercase; font-weight:bold; font-size:115%;}
p.more {color:#211B59;}

.error {color:#E34B00; font-weight:bold;}

/*** Shortcut Lists at top of pages ***/
#top {margin:10px;}
ol li {margin-left:20px; list-style-type:decimal;}

/*** get acrobat icon ***/
#get_acrobat {margin:20px 0 0 0;}


/** ------------------ BROWN BOX CONTENT AND DROP SHADOWS ---------------------------- **/
/*** BOX BORDERS AND CONTENT AND DROP SHADOW ***/
div.boxshadow {margin:25px 10px 0 10px; background-image:url(../img/backgrounds/bg_boxshadow.gif); background-repeat:repeat-x;
    background-position:bottom; padding:0 0 3px 0;}

div.box {border:1px solid #F1EACE; padding:10px 10px 5px 10px; background-color:#FAFAE0; color:#333; }
div.box h3 {font-family:verdana, sans-serif; margin:0 0 5px 0; color:#D06E0C;}
div.box h4 {margin:0 0 5px 0;}
div.box dd {color:#D06E0C;}


/*** BANNER BOXES AND DROP SHADOW ***/
div.bannerboxshadow  {margin:60px 15px 0 20px; background-image:url(../img/backgrounds/bg_boxshadow.gif); background-repeat:repeat-x;
    background-position:bottom; padding:0 0 3px 0;}

div.bannerbox  {border:1px solid #BA8748; padding:10px 10px 5px 10px; background-color:#FAFAE0; color:#333; }
div.bannerbox  p {color:#211B59; text-transform:uppercase; }

div.bannerbox h3  {font-family:verdana, sans-serif; margin:0 0 5px 0; color:#D06E0C;}
div.bannerbox  h4 { text-transform:uppercase; color:#211B59; margin:0 0 5px 0;}
div.bannerbox dd  {color:#D06E0C;}


/*** CONTENT BANNERS ***/
#content div.bannerboxshadow img.icon_IFAchamp {float:right, margin:0px 0 0 430px;}
#content div.bannerboxshadow img.icon_landscape {position:absolute; margin:-20px 0 0 430px;}
#content div.bannerboxshadow img.icon_compass {float:right; margin:-20px 0 0 0px;}
#content div.bannerboxshadow img.icon_portrait {position:absolute; margin:-35px 0 0 440px;}

#content .bannerboxshadow .bannerbox .col1 {float:left; width:140px; }
#content .bannerboxshadow .bannerbox .col2 {margin:0 0 0 150px; padding-top:10px; padd\ing-top:0px;} /* IE 5 backslash \ hack*/

#content .bannerboxshadow .bannerbox .banner_link {font-size:100%; position:absolute; margin:-20px 0 0 250px;}
* html #content .bannerboxshadow .bannerbox .banner_link {position:absolute; margin:0 0 0 240px; width:90px; } /* IE FIX */

#content .bannerboxshadow .bannerbox a {color:#D06E0C;}
#content .bannerboxshadow input {width:auto; padding:0;}



/*** SIDEBAR BANNERS AND DROP SHADOW ***/
#sidebar div.boxshadow {margin:40px 8px 0 8px;  background-image:url(../img/backgrounds/bg_sidebar_boxshadow.gif); color:#211B59;}

#sidebar div.box, div.bannerbox {color:#211B59;}
#sidebar div.boxshadow {text-transform:uppercase; }
#sidebar div.bannerbox a {color:#DA852B;}
#sidebar div.bannerbox p{color:#211B59; }

#sidebar div.boxshadow img.icon {position:absolute; margin:-25px 0 0 120px;}

#sidebar div.boxshadow img.icon_landscape {position:absolute; margin:-25px 0 0 105px;}
#sidebar div.boxshadow img.icon_portrait {position:absolute; margin:-25px 0 0 120px;}
#sidebar div.boxshadow input {width:auto; padding:0;}



#banner_promos div.boxshadow {margin:20px 0 30px 8px;  background-image:url(../img/backgrounds/bg_sidebar_boxshadow.gif); color:#211B59;}

#banner_promos div.box, div.bannerbox {color:#211B59;}
#banner_promos div.boxshadow {text-transform:uppercase; }
#banner_promos div.bannerbox a {color:#DA852B;}
#banner_promos div.bannerbox p{color:#211B59; }
#banner_promos div.bannerbox *{margin:0 0 5px 0;}

#banner_promos div.boxshadow img.icon {position:absolute; margin:-25px 0 0 120px;}

#banner_promos div.boxshadow img.icon_landscape {position:absolute; margin:-25px 0 0 105px;}
#banner_promos div.boxshadow img.icon_portrait {position:absolute; margin:-25px 0 0 120px;}
#banner_promos div.boxshadow input {width:auto; padding:0;}




/* INDIVIDUAL CONTENT BANNERS */
#content #banner_newsletter .col1 {width:160px;}
#content #banner_newsletter .col2 {margin-left:190px; width:auto; }
#content #banner_newsletter form {text-transform:uppercase;}
#content #banner_newsletter form input {width:auto;}
#content #banner_newsletter form #newsletter_submit {position:absolute; margin:-18px 0 0 220px; width:70px; /*display:inline;*/}


#content #banner_contact .col1 {width:250px;}
#content #banner_contact .col2 {margin-left:255px; width:180px; padding-top:0px;}

#content #banner_contact .instit_col1 {width:150px; float:left;}
#content #banner_contact .instit_col2 {margin-left:190px; width:180px; padding-top:0px;}

* html #content #banner_contact .col2 {margin:0;}
#content #banner_contact dl {margin:0;}
#content #banner_contact dt {font-weight:normal;}
#content #banner_contact dd {font-size:110%; font-weight:bold;}


#content #banner_webcast .col1 {}
#content #banner_webcast .col2 {margin-left:150px; width:230px;}
#content #banner_webcast img.icon_landscape {position:absolute; margin:-30px 0 0 420px;}
#content #banner_webcast .bannerbox .banner_link {position:absolute; margin:-15px 0 0 250px;}
* html #content #banner_webcast .bannerbox .banner_link {position:absolute; margin:-25px 0 0 250px;}


#content #banner_daily_prices img.icon_portrait {position:absolute; margin:-40px 0 0 440px;}
#content #banner_daily_prices .bannerbox .banner_link {position:absolute; margin:-10px 0 0 210px;}
* html #content #banner_daily_prices .bannerbox .banner_link {margin:-15px 0 0 210px; width:130px;}

#content #banner_fund_calculator .col1 {}
#content #banner_fund_calculator .col2 {width:220px;}
#content #banner_fund_calculator .bannerbox .banner_link {position:absolute; margin:-15px 0 0 240px;}
* html #content #banner_fund_calculator .bannerbox .banner_link {margin:-25px 0 0 240px; width:110px; }

#content #banner_manage_account .col1 {}
#content #banner_manage_account .col1 h3 {margin-bottom:15px;}
#content #banner_manage_account .col2 {width:270px;}
#content #banner_manage_account .col2 h4{margin-bottom:0;}
#content #banner_manage_account .col2 p{margin-bottom:0;}
#content #banner_manage_account .banner_link {font-size:100%; position:absolute; margin:-15px 0 0 265px;}


#content #banner_literature .col1 {width:230px;}
#content #banner_literature .col1 h3 {margin-bottom:0;}
#content #banner_literature .col2 {margin-left:245px; width:150px;}
#content #banner_literature .banner_link {margin:-15px 0 0 170px;}
#content #banner_literature #download a{color:#221C56;}
#content #banner_literature #download a:hover{color:#D06E0C;}

#content #banner_sitemap .banner_link {margin:-15px 0 0 270px;}

#content #banner_search .banner_link {margin:-15px 0 0 260px;}
* html #content #banner_search .banner_link {margin:-25px 0 0 260px;}


#content #banner_roadshows .col1 {width:230px;}
#content #banner_roadshows .col2 {margin-left:240px; width:150px;}
#content #banner_roadshows .banner_link {margin:-15px 0 0 165px;}

#content #banner_factsheets img.icon_portrait {position:absolute; margin:-30px 0 0 440px;}
#content #banner_factsheets .col2 {width:270px;}
#content #banner_factsheets .col2 p{margin-bottom:5px;}
#content #banner_factsheets .banner_link {font-size:100%; position:absolute; margin:-15px 0 0 260px;}


/* INDIVIDUAL SIDEBAR BANNERS */

#sidebar #side_contact dl {margin:0 ;}
#sidebar #side_contact dl.bottom {margin:0 0 10px 0;}
#sidebar #side_contact .sidebar_email {width:160px; overflow:hidden;}
#sidebar #side_contact #contact_seperator {margin:-3px 0 0 -10px;}

#sidebar #side_contact dd{margin:0 0 5px 0; font-weight:bold; font-size:110%;}

#sidebar #side_sitemap h3 {margin-bottom:25px;}
#sidebar #side_roadshows h3 {margin-bottom:25px;}
#sidebar #side_roadshows img.icon_portrait{position:absolute; margin:-25px 0 0 115px;}

#sidebar #side_newsletter #newsletter_email{width:150px;}

#sidebar #side_literature #download a{color:#221C56;}
#sidebar #side_literature #download a:hover{color:#D06E0C;}

#sidebar #side_webcast img.icon_landscape{position:absolute; margin:-30px 0 0 105px;}


#sidebar #side_factsheets img.icon_portrait{position:absolute; margin:0px 0 0 -35px;}


#artemis-ocean {margin:0 0 0 10px;}
#artemis-challenge {margin:0 0 0 10px;}
#artemis-scotsman {margin:10px 0 0 10px; border:1px solid #BA8748}
#artemis-highland {margin:10px 0 0 10px; border:1px solid #ffffff}
#artemis-kindrochit {margin:10px 0 0 10px; border:1px solid #435abd}
#artemis-assets {margin:10px 0 0 10px; border:1px solid #cf9651}
#adviser-manchester {margin:10px 0 0 10px; border:1px solid #ffffff}

#artemis-ocean .header {background-color:#7A643D; color:#FFFAFB; padding:2px 10px;}
#artemis-ocean .logo {background-color:#051D35; text-align:center;}
#artemis-challenge .logo {background-color:#00629F; text-align:center;}
#artemis-scotsman .logo {background-color:#FFFFFF; text-align:center;}
#artemis-highland .logo {background-color:#3d4323; text-align:center;}
#artemis-kindrochit .logo {background-color:#ffffff; text-align:center;}
#artemis-assets .logo {background-color:#fafae0; text-align:center;}


/** ------------------ DROP SHADOW FOR WHOLE PAGE ---------------------------- **/
#wrappershadow {margin:0 auto;  width:765px; background-image:url(../img/backgrounds/bg_shadow.gif); background-repeat:repeat-y; background-position:761px 0; text-align:left;}
#wrapper {width:762px; w\idth:760px; border:1px solid #B2A8A9; border-top:none; background-color:#FBFBE6;}






/** ------------------ HEADER ELEMENTS ---------------------------- **/
#header {background-color:#FAFAE0; background-image:url(../img/backgrounds/bg_header.gif); background-repeat:repeat-x; background-position:bottom;
	padding:0 0 3px 0; height:120px;}
	#micro-header {background-color:#FAFAE0; background-image:url(../img/backgrounds/bg_header.gif); background-repeat:repeat-x; background-position:bottom;
	padding:0 0 3px 0; height:180px;}
#home #header {height:175px;}

#header h1 {float:left;}
#header #banner {float:right;}






/** ------------------ WRAPPER 2 ---------------------------- **/
#wrapper2 {border:1px solid #ECD8B5; border-right:none; border-bottom:none; margin:0 0 0 10px; background-color:#FBFBE6;}

#select_msg {text-align:right; color:#B88748; font-weight:bold; margin:2px 10px; }





/** ------------------ USER PANEL -------------------------- **/
#user_panel {}
#user_panel dt{font-weight:bold; color:#1C3D80; margin:0 10px; font-size:110%; }
#user_panel dd {margin:0 10px; color:#D06E0C;}

#user_panel dl{margin:0; margin:5px 0; float:left; width:240px; font-family:arial, sans-serif;}


#direct {border-right:1px solid #BDB6B0; }
#institutional {border-left:1px solid #BDB6B0;}
#institutional dt, #institutional dd {margin:0 0 0 10px; padding:0;}

#user_panel #client_type{float:right; border:1px solid #ECD8B5; border-bottom:none; border-top:none; border-right:none; padding:5px 5px 5px 5px;
	background-image:url(../img/backgrounds/bg_sidebar_boxshadow.gif); background-repeat:repeat-x; background-position:bottom;}
#user_panel #client_type li{display:inline; border:none; margin:0 5px;}

#user_panel h2{margin:0 0 0 10px; padding-top:10px; color:#D06E0C; font-weight:normal; font-size:100%;}
#user_panel h2 span{color:#221C56; font-weight:bold;}

* html #user_panel h2 {height:1%;}
#user_panel ul#breadcrumbs{margin:5px 10px 10px 5px; }
* html #user_panel ul#breadcrumbs{margin:5px 10px 5px 5px; }
#user_panel #breadcrumbs li{float:left; padding:0 5px; border-left:1px solid #291F53;}
#user_panel #breadcrumbs li.first {border:none;}
#user_panel #breadcrumbs li {color:#D06E0C; font-weight:bold;}

#user_panel #printfriendly {float:right; border:none; margin:0 10px 5px 0;}




/** ------------------ WRAPPER 3 - IFA OFFICE has different backgrounds -------------------------- **/
#wrapper3 {background-image:url(../img/backgrounds/bg_menu.gif); background-repeat:repeat-y; background-position:left;
	background-color:#FDFDEF; }
#ifa_office #wrapper3 {background-image:url(../img/backgrounds/bg_ifa_menu.gif);}



/** ------------------ SIDEBAR -------------------------- **/
#sidebar {float:left; border-top:1px solid #ECD8B5; width:200px; }
* html #sidebar {width:197px;} /* Need to hide this from the mac */

#banner_promos {float:left; width:200px; }
* html #banner_promos {width:197px;} /* Need to hide this from the mac */

#nav {margin:5px 10px 50px 10px; font-family:arial, sans-serif; font-size:110%;}



/** NAVIGATION - active links, subnavs, etc, etc **/
#nav li a{display:block; width:100%; /*padding:8px 0;*/}
#nav li a:hover{color:#D06E0C; }

#nav ul{margin-left:15px; }
#nav li {border-bottom:1px solid #BDB6B0; padding:8px 0;}
#nav li.active {color:#D06E0C; font-weight:bold; border:none;}
#nav li.active a{color:#D06E0C;}
#nav li.active li a{color:#221C56;}

#nav li.active_dir {color:#D06E0C; font-weight:bold; border:none;}
#nav li.active_dir a {color:#D06E0C;}
#nav li.active_dir li a{color:#221C56;}
#nav li.active_dir li.active {border-bottom:1px solid #D06E0C; /*border:none;*/}
#nav li.active_dir li.active_dir {border-bottom:1px solid #D06E0C; /*border:none;*/}

#nav li.active_dir li.active_dir li {border:none;}
#nav li.active_dir li.active_dir a{color:#D06E0C;}
#nav li.active_dir li.active_dir li a{color:#221C56;}


/** sub navigation **/
#subnav {margin:0;}
#subnav a {color:#221C56;}
#subnav li {border-bottom:1px solid #D06E0C;}
#subnav li.active a.active {color:#D06E0C;}


/** second sub navigation **/
#subnav2 {margin:0; padding:0; font-size:91%;}
#subnav2 a {color:#221C56;}
#subnav2 li {border:none; padding:1px 0;}







/** ------------------ CONTENT - IFA OFFICE has a different background -------------------------- **/

/** COMMON ELEMENTS FOR CONTENT **/
#content {background-image:url(../img/backgrounds/bg_content_top.gif); background-repeat:repeat-x; background-position:top;
	margin:0 0 0 200px; line-height:1.4;padding-bottom:30px; }
* html #content {margin:0 0 0 197px; height:1%; } /* Need to hide this from the mac */

#ifa_office #content {background-image:url(../img/backgrounds/bg_ifa_content_top.gif); }
#content_clearer {clear:both;}


/* SET BACKGROUND-IMAGE FOR ALL CONTENT H2 ELEMENTS  */
#content h2 {background-image:url(../img/backgrounds/bg_h2.gif); background-repeat:repeat-x; background-position:bottom;
	padding:3px 0 7px 10px; background-color:#FAFAE0; color:#291F53; border:1px solid #F0E4CA; border-bottom:none;
	font-size:120%; font-weight:bold;}

#content h2.christmas span {position:absolute; width:200px; margin:-3px 0 0 300px;height:30px;}

#ifa_office #content h2 {background-image:url(../img/backgrounds/bg_ifa_h2.gif); }

/** FIRST CONTENT DIV FIX FOR MARGIN COLLAPSING **/
div.first {margin:0 10px 20px 10px; padding-top:10px;}
* html div.first {margin:10px 10px 20px 10px; padding:0;} /* reset for IE */


div.content {margin:10px 10px 30px 10px;}
div.content p, div.content h3, div.content dl, div.content h4, div.content ul {margin:10px 10px 10px 10px; }
div.content table {margin:0 10px 10px 10px; width:500px; }
div.content dt {margin:10px 0 0 0; font-weight:bold;}


/** ------------------ HOME PAGE GUBBINS -------------------------- **/

#feature h3 {color:#D06E0C; font-family:georgia, times, serif; font-size:155%; margin-bottom:5px;}
#feature p.intro {color:#221C56; font-weight:bold; font-family:georgia, times, serif; margin-top:0; font-size:110%;}




/** ------------------ DISCLAIMERS -------------------------- **/
#disclaimer input {width:auto;}
#disclaimer #submit_button {margin:5px 0;}
* html #disclaimer #submit_button input{padding:0;}


/** ------------------ SITE GUIDE -------------------------- **/
#site_guide {overflow:hidden;}
#site_guide li {margin:2px 0 2px 0;}
#site_guide .subsection{margin:0;}
#site_guide .subsection dt{margin:2px 0 2px 0;}
#site_guide dd{margin:2px 0 2px 15px;}

#site_guide dt, #site_guide #home {background-color:#FAFAE0; border:1px solid #F0E4CA; font-size:110%;}
#site_guide dd dt {background-color:transparent; border:none; }


/** ------------------ CONTACT PAGE -------------------------- **/
p.manager {float:left;}
p.support {margin-left:270px;}





/** ------------------ SEARCH -------------------------- **/
#search form {margin:10px 0;}

#search_results h4 {margin:0 10px 0 10px; background-color:#FAFAE0; border:1px solid #F0E4CA; padding:2px 5px 2px 0; color:#333;}
#search_results h4 span{float:right;}

#search_results p {margin:0 10px 10px 10px;}
#search_results .search_result {margin:0 0 15px 0;}




/** ------------------ COMMON ELEMENTS AT BOTTOM OF PAGE  -------------------------- **/
/*
#profit_creature {position:absolute; margin-top:-110px;}
.short #profit_creature {position:absolute; margin-top:0;}
*/
#profit_creature {position:relative; margin-top:-90px;}
.short #profit_creature {position:relative; margin-top:-5px;}

#man_1000  {position:absolute; margin-top:-1000px;}
#man_700 {position:absolute; margin-top:-700px;}
#man_500 {position:absolute; margin-top:-500px;}
#man_400 {position:absolute; margin-top:-400px;}

#shadow_bottom {background-image:url(../img/backgrounds/bg_content_top.gif); background-repeat:repeat-x; background-position:top;
	clear:both;  width:760px;  margin:0 auto; height:3px;}




/** ------------------ FOOTER -------------------------- **/
#footer {clear:both; width:760px; padding:0 0 20px 0; height:3em;   margin:10px auto;}
* html #footer{ margin:0 auto;}
#footer ul{margin:0px 0px 0 15px; clear:both;}

#footer li{float:left; padding:0px 5px 0px 5px; border-left:1px solid #291F53; font-weight:bold; }
#footer li.first {border:none;}

#footer p {clear:both; text-align:left; padding:15px 20px;}


/** ------------------ FORMS AND FORM ELEMENTS -------------------------- **/
input, select {margin:2px 0;}
div.formlabel {float:left; width:120px; text-align:right; margin:5px 0 1px 0; padding:0 5px 0 0;}
div.checkbox {margin:5px 0; }
input.checkbox {float:left; margin:0 5px 0 0; width:auto;}
* html input.checkbox {margin:-2px 0 0 0;}

input.error, select.error  {background-color:#F0CDA8;}
label.error, #formerror_msg, p.error, span.error {color:#E34B00; font-weight:bold;}


input {width:200px;}
input#submit {width:auto; padding:0 10px; background-color:#D0C7B9;}
input.submit {width:auto; padding:0 5px; background-color:#D0C7B9;}




/** ------------------ MAC IE FIXES -------------------------- **/
/*\*//*/
  #sidebar {width:200px;}
  #sidebar div.boxshadow img.icon {position:absolute; margin:-25px 0 0 120px;}


  #content {margin:0 0 0 200px; height:auto; border-top:1px solid #ECD8B5; }
  #content div.boxshadow img.icon {position:absolute; margin:-25px 0 0 450px;}


  #contact h3 {padding-top:0;}
/**/


/** ------------------ IE 5 FIX FOR TABLE FONT SIZING -------------------------- **/
/** Tables -  Set table text size for IE  - Keep at bottom of page at all times **/
table th, table td {font-size:71%; voice-family: "\"}\""; voice-family:inherit; font-size:100%;}
table th, table td {}


