/*
  ================================================================
  Last edited by: $Author: mibav $
              on: $Date: 2010/12/17 14:04:48 $
        Filename: $RCSfile: landing_page_css.css,v $
        Revision: $Revision: 1.22 $
  
  Stylesheet for Landing Page for all International Stellent sites
  ================================================================
*/

@charset "utf-8";
/* CSS Document */

/*VI changes Dec 2010, new width*/
#landingpage #siteWrapper {
	background:url("../../../public/documents/image/blk_core_site_bgblack_shadow.png") repeat-y !important;
	background:url("../../../public/documents/image/blk_core_bgblack_shadow_ie6.gif")  repeat-y 0px 0;
	width:1010px;}

#landingpage #mastheadWrapper, #landingpage div#masthead{width:980px;}
#landingpage #main{margin:0 40px;}
/* Oct 08 changes to the Country Landing Pages START  */
	#mainBody {
		padding: 0 0 2em 0;
	
		font-size: 0.9em;
	}
	#courtesy a:hover{text-decoration:underline;}
			li.liDivider {
				background: #FFFFFF;
				height: 18px;
				width: 1px;
				margin: 0 8px;
			}
			 #columnMain #languageSelect {
				width: 100%;
				height: 30px;
				float: right;
				text-align: right;
			}
				 #columnMain #languageSelect ul {
					float: right;
				}
				 #columnMain #languageSelect ul li {
					display: inline;
					float: left;
				}
				 #columnMain #languageSelect ul li a {
					display: block;
					height: 18px;
					line-height: 18px;
					float: left;
					color: #FFFFFF;
					font-weight: bold;
					text-decoration: none;
				}
				 #columnMain #languageSelect ul li a:hover {
				 	text-decoration: underline;
				 }
				 #columnMain #languageSelect ul li.On {
					background: url(../../../globaltemplates/documents/image/lang_select_on_right.gif) no-repeat right;
				}
				 #columnMain #languageSelect ul li.On a {
					background: url(../../../globaltemplates/documents/image/lang_select_on_left.gif) no-repeat left;
					color: #000000;
					padding: 0 10px;
				}
				
			 #columnMain #mainStage {
				width: 588px;
				float: left;
				margin: 0 0 4px 4px;
				overflow: hidden;
			}
				 #columnMain #mainStage #mainStageContent {
				
					color: #FFFFFF;
					
					height: 332px;
					overflow: hidden;
					background: no-repeat;
				}
				
				#mainStageContent p {color:#fff;}	
				#mainStageContent h1 {color:#fff; padding-bottom:4px}
				#mainStageContent h2 {font-family:Corporate,Arial,Helvetica,sans-serif; font-size:20px; color:#fff; padding-bottom:4px}
		
					#columnMain #mainStageEx #mainStageContentEx  ul{margin-top:0}
					#columnMain #mainStage #mainStageContent li{
						color:#000;
						font-weight:bold;
						float:left;
						clear:both;
						text-indent:10px;
						background: url(../../../globaltemplates/documents/image/silolistbullet2.gif) no-repeat 0px 3px; 
						width:330px;
						list-style: none;
				}
				
				#columnMain #mainStage #mainStageContent .altSiloBullet li{
				color:#fff;
				background: url(../../../globaltemplates/documents/image/silolistbullet1.gif) no-repeat 0px 3px; 
				}
				
				#columnMain #mainStage #mainStageContent li a{
					color:#333;
					text-decoration:none;
					}
					#columnMain #mainStage #mainStageContent li a:hover{
					color:#333;
					text-decoration:underline;
				}
					
					
				#columnMain #mainStage #mainStageContent .altSiloBullet li a{
					color:#333;
					}
					#columnMain #mainStage #mainStageContent .altSiloBullet li a:hover{
					color:#333;
				}
					

			 #columnMain #secondaryStage {
				width: 588px;
				float: right;
				margin-left:4px;
			}
				 #columnMain .large #secondaryStage {
					display: none;
				}		
				 #columnMain #secondaryStage .secondStageGadget {
					width: 292px;
					height: 90px;
					float: left;
					background: #000000;
					list-style:none;
				}
				#columnMain #secondaryStage li.secondStageGadget a{
					padding:10px 8px 8px 105px;
					color:#c0c0c0;
					font-weight:bold;
					font-size:12px;
					text-decoration: none;
					float:right;
					text-align:left;
					height: 63px;
				}
				#columnMain #secondaryStage li.secondStageGadget a strong{
				color:#ffffff;
				}
				 #columnMain #secondaryStage .left {
					margin: 0 4px 0 0;
				}
				
				#columnMain #secondaryStage li { color:#c0c0c0}
			
				 #columnMain #secondaryStage .secondStageGadget .content {
					padding: 10px;
					color: #FFFFFF;
				}	
			 #columnMain #audienceSelect,
			 #columnMain #audienceSelect.silo2{
				width: 338px;
				float: left;
			}	
			 #columnMain #audienceSelect ul,
			 #columnMain #audienceSelect.silo2 ul {
				list-style-image: url() none;
				margin: 0;
				padding: 0;
				float: left;
				width: 338px;
			}
			 #columnMain #audienceSelect ul li,
			 #columnMain #audienceSelect.silo2 ul li{
				list-style: none;
				list-style-image: none;
				width: 338px;
				height: 108px;
				margin: 0 0 4px 0;
				float: left;
				display: block;
			}
			#columnMain #audienceSelect.silo2 ul li {
				height: 164px;
				margin: 0 0 4px 0;
			}
			 #columnMain #audienceSelect ul li a,
			 #columnMain #audienceSelect.silo2 ul li a{
				font-size: 1em;
				font-weight: normal;
				height: 100%;
				display: block;
				text-decoration: none;
				list-style: none;
			}
	
			 #columnMain #audienceSelect ul li.audienceLast,
			 #columnMain #audienceSelect.silo2 ul li.audienceLast {
				height: 81px;
				margin: 6px 0 0 0;
						
			}	
			#columnMain #audienceSelect.silo2 ul li.audienceLast {margin:1px 0 0 0}

				 #columnMain #audienceSelect ul li a.audienceFour,
				 #columnMain #audienceSelect.silo2 ul li a.audienceFour{
					background: url(/xxxxxx.gif) no-repeat;
				}


				/* homepage dropdown START */				
					 #columnMain #audienceSelect li.dropDown,
					 #columnMain #audienceSelect.silo2 li.dropDown {
						position: relative;
					}				
					 #columnMain #audienceSelect li.dropDown ul.dropDownList,
					 #columnMain #audienceSelect.silo2 li.dropDown ul.dropDownList {
						background: #ececec;
						position: absolute;
						z-index: 2000;
						border: 1px solid #848484;
						display: none;
						float: left;
						margin: 0;
						padding: 0;
						min-width: 145px;
						height: auto;
						border:1px solid #8eafc7;
						width:auto;
					/*	display: none;*/
					}
					
					 #columnMain #audienceSelect li.dropDown ul.dropDownList li,
					 #columnMain #audienceSelect.silo2 li.dropDown ul.dropDownList li {
						height: auto;
						clear:both;
						width:auto;
	
						margin: 0;
					}
					 #columnMain #audienceSelect li.dropDown ul.dropDownList a,
					 #columnMain #audienceSelect.silo2 li.dropDown ul.dropDownList a {
		
						height: 30px;
						line-height: 30px;
						background: #ececec;
						text-align: left;
						float: left;
						color: #333333;
						padding: 0 10px;
						text-decoration: none;
					}

					 #columnMain #audienceSelect li.over ul.dropDownList,
					 #columnMain #audienceSelect li.dropDown:hover ul.dropDownList,
					 #columnMain #audienceSelect.silo2 li.over ul.dropDownList,
					 #columnMain #audienceSelect.silo2 li.dropDown:hover ul.dropDownList{
						float: left;
						display: block;
					}
					 #columnMain #audienceSelect li.over ul.dropDownList a:hover,
					 #columnMain #audienceSelect li.dropDown:hover ul.dropDownList a:hover,
					 #columnMain #audienceSelect.silo2 li.over ul.dropDownList a:hover,
					 #columnMain #audienceSelect.silo2 li.dropDown:hover ul.dropDownList a:hover	{
				
						text-decoration: underline;
					
					}
					#columnMain #audienceSelect.silo2 li.dropDown ul.dropDownList {
						top: 118px;
						left: 150px;
					}
					#columnMain #audienceSelect li.dropDown ul.dropDownList {
						top: 84px;
						left: 45px;
					}
					
					
					
					
					 #mainStageContentEx li.dropDown {
						position: relative;
					}					
					 #mainStageContentEx  li.dropDown ul.dropDownList
					  {
						background: #ffffff;
						position: relative;
						z-index: 2000;
						top:2px; left:10px;
						border:0;
						display: none;
						float: left;
						margin: 0;
						padding: 0;
						width: 150px;
					}
					
					#mainStageContentEx li.dropDown ul.dropDownList li {
						height: auto;
						width: 100%;
						margin: 0; padding:0; 
					}
					 #mainStageContentEx li.dropDown ul.dropDownList a {
						width: auto;
						height: 25px;
						line-height: 25px;
						background: #ffffff;
						text-align: left;
						float: left;
						color: #333333;
						padding: 0; margin:0;
						text-decoration: none;
					}
					
					 #mainStageContentEx li.over ul.dropDownList,
					 #mainStageContentEx li.dropDown:hover ul.dropDownList
					 {
						float: left;
						display: block;
					}
					#mainStageContentEx li.over ul.dropDownList a:hover,
					#mainStageContentEx li.dropDown:hover ul.dropDownList a:hover
					{
						background: #ffffff;
						text-decoration: underline;
						color: #000000;
					}
					#mainStageContentEx li.dropDown ul.dropDownList li{
						
						list-style-position: inside; 
						
					}
					#mainStageContentEx ul li, #mainStageContentEx ul li a{
					margin:0 ; 
					font-weight:bold;
	

					}
					#mainStageContentEx li.dropDown ul.dropDownList a, #mainStageContentEx li.over ul.dropDownList a:hover,
					#mainStageContentEx li.dropDown:hover ul.dropDownList a:hover, #mainStageContentEx li {
					background:url("../../../globaltemplates/documents/image/blk_core_bullet_arrow_grey.gif") no-repeat scroll 0 4px transparent;
padding-left:14px;
					}
					#mainStageContentEx li {text-indent:10px; margin:0; float:left; clear:both;}
					
					#mainStageContentEx p, #mainStageContentEx h1, #mainStageContentEx h2, #mainStageContentEx h3, #mainStageContentEx ul {margin:0 10px 0 10px}
				/* homepage dropdown END		 */		

#columnMain #audienceSelect ul li a span,
#columnMain #audienceSelect.silo2 ul li a span{
display:block;
padding:40px 34px 0 35px;
height:68px;
color:#ffffff;
font: 21px bold Arial,Helvetica,sans-serif;
cursor:pointer;
list-style: none;
}

#columnMain #audienceSelect ul li.dropDown a span{padding-top:32px;}
/*CSS for silo select buttons containing compliance text*/
#columnMain #audienceSelect ul li.containsCompliance a span, #columnMain #audienceSelect.silo2 ul li.containsCompliance a span{height:auto; padding:10px 10px 0 15px;}
#audienceSelect span.complianceText {font-size:13px; display:block}
/*silo select comp text END*/

#columnMain #audienceSelect.silo2 ul li a span{
padding:68px 34px 0 35px;
}	
	/*THREE SILO IMAGES*/

#columnMain #audienceSelect ul li a.aud3,
#columnMain #audienceSelect ul li a:hover.aud3 {
	background:url(../../../globaltemplates/documents/image/aud_three_bg.png) repeat-x;
   border-left:10px solid #114A8F; 
    }
	
#columnMain #audienceSelect ul li a.aud2,
#columnMain #audienceSelect ul li a:hover.aud2  {
background:url(../../../globaltemplates/documents/image/aud_two_bg.png) repeat-x;
    border-left:10px solid #1665A9;
    }

#columnMain #audienceSelect ul li a.aud1,
#columnMain #audienceSelect ul li a:hover.aud1{
background:url(../../../globaltemplates/documents/image/aud_one_bg.png) repeat-x;
	border-left:10px solid #1D8BCC;
  
    }

	/*TWO SILO IMAGES*/
#columnMain #audienceSelect.silo2 ul li a.aud1,
#columnMain #audienceSelect.silo2 ul li a:hover.aud1{
     border-left:10px solid #1D8BCC;
	 background:url(../../../globaltemplates/documents/image/aud_silo2_one_bg.png) repeat-x;
    }

#columnMain #audienceSelect.silo2 ul li a.aud2,
#columnMain #audienceSelect.silo2 ul li a:hover.aud2 {
     background: url(../../../globaltemplates/documents/image/aud_silo2_two_bg.png) repeat-x;  
    }
	
	/*BRS iShares*/
#columnMain #audienceSelect ul li a.audienceBRS,
#columnMain #audienceSelect.silo2 ul li a.audienceBRS {
     background: url(../../../globaltemplates/documents/image/brs_logo_large.png) no-repeat; 
    }
 #columnMain #audienceSelect li.dropDown a span, #columnMain #audienceSelect.silo2 li.dropDown a span {
						background: url('../../../globaltemplates/documents/image/silo_dropdown_select.png') 150px 94px no-repeat;
}
#columnMain #audienceSelect li.dropDown a span {
background-position: 35px 62px;
}
#mainStageEx {
	background-color:#383838;
	width:588px;
	margin:0 0 4px 4px;
	padding:0;
	float:left;

}
#mainStageExBody{

	margin:14px;
	padding-bottom:9px;
	background:#ebebeb ;

}
#mainStageExFoot{
	display:none;
	width:588px;
	height:10px;
	margin:10px 0;
	padding:0;
	background: url(../../../globaltemplates/documents/image/mainstageborderfoot.gif) no-repeat left top; 
	
}
#mainStageContentEx {
	width:560px;
	padding:0 0px;
	overflow:hidden;
	}

#mainStageContentEx img{margin:10px;}
div#footerLandingWrapper {
border-top:1px solid #FFFFFF;
}
/* Oct 08 changes to the Country Landing Pages END */
/*iShares Logo changes*/
#columnMain #audienceSelect ul li.audienceIshares{
width:162px;
height:90px;
}
.wIshares #columnMain #audienceSelect ul li.audienceBRS {
width:172px;
}

.wIshares #columnMain #secondaryStage .secondStageGadget {
height:90px;}
#columnMain #audienceSelect ul li.audienceIshares{
margin:0 0px 0 4px;}

#landingpage ul li.audienceIshares a{
background:url(../../../globaltemplates/documents/image/audience_ishares_sm.gif) no-repeat scroll 0 0;
}

 
#landingpage .cnTraditional ul li.audienceIshares a{
background:url(../../../globaltemplates/documents/image/audience_ishares_sm-cntrad.gif) no-repeat scroll 0 0;
background-position: 0 0px;
}

#landingpage .cnSimplified ul li.audienceIshares a{
background:url(../../../globaltemplates/documents/image/audience_ishares_sm-cnsim.gif) no-repeat scroll 0 0;
background-position: 0 0px;}


#landingpage .iShareTrade ul li.audienceIshares a{
background:url(../../../globaltemplates/documents/image/audience_ishares_ishare-trade.gif) no-repeat scroll 0 0;
background-position: 0 0px;}


#landingpage .jpIshares ul li.audienceIshares a{
background:url(../../../globaltemplates/documents/image/audience_ishares_sm-jp.gif) no-repeat scroll 0 0;
background-position: 0 0px;}

#landingpage.wIshares #audienceSelect ul li.audienceBRS a{
background:url(../../../globaltemplates/documents/image/audience_brs_sm.gif) no-repeat;
border-left: 10px solid #0E3A80;
height:90px;
background-position: 0 0px;
}


#landingpage #columnMain #audienceSelect ul li.audienceBRS{height:90px;}
#landingpage #columnMain #audienceSelect.silo2 ul li.audienceBRS, #landingpage #columnMain #audienceSelect.silo2 ul li.audienceIshares{margin-top:1px;}
#landingpage #audienceSelect ul li.audienceBRS a{
	border-left:10px solid #0E3A80;
background:url(../../../globaltemplates/documents/image/brs_logo_large.png) no-repeat;
background-position: 0 0px; height:90px;
}

#landingDisclaimerText {float:left; width:930px; border:1px solid #d0d0d0; margin-bottom:24px;}
#landingDisclaimerText p{padding:8px 12px;}


#mainStage .ms1Col {display:inline;
background:url("../../../public/documents/image/blk_core_mainstage_story_bg.png") no-repeat scroll right bottom transparent !important;
background: url(../../../public/documents/image/blk_core_mainstage_story_bg_ie.gif) bottom repeat-x;
color:#FFFFFF;
float:left;
margin:45px 0 0 68px;
max-width:425px;
padding:0 20px 20px;
width:auto;
}
 
 
#mainStage .msHeader h1 {
border:medium none;
color:#FFFFFF;
display:block;
font-family:Corporate,Arial,Helvetica,sans-serif;
font-weight:normal;
line-height:24px;
padding:5px 0 0;
width:100%;
}
 
 
#mainStage h2 {
font-family:Corporate,Arial,Helvetica,sans-serif;
font-size:14px;
}
 
#mainStage p.more {
	border:none;
	background:none;
display:block;
float:left;
margin:1em 0 0;
width:100%;
}
 

#mainStage p.more a {
background:url(../../../public/documents/image/blk_core_mainstage_button_red.png) no-repeat scroll right top transparent;
color:#FFFFFF;
display:block;
float:left;
line-height:22px;
padding:2px 29px 5px 15px;
}

.msBody .button{margin-left:-5px;}

/*footer clear*/
/* new clearfix */
.clearfixfooter:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfixfooter             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/*clearfix problem*/
#landingpage #footerWrapper {width:1010px; padding-top:15px;}
#landingpage #footerWrapper #footer_co_info ul li {color:#888888;}
#landingpage #footerWrapper #footer_co_info ul li a {color:#888888;}
#landingpage #footerWrapper #footer_co_info {width:980px; background:none #1E1D1E; }
#landingpage div#footerBottom {width:980px;}