/*
  ================================================================
  Last edited by: $Author: mirxp $
              on: $Date: 2010/05/17 10:23:32 $
        Filename: $RCSfile: landing_page_css.css,v $
        Revision: $Revision: 1.18 $
  
  Stylesheet for Landing Page for all International Stellent sites
  ================================================================
*/

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

/* Oct 08 changes to the Country Landing Pages START  */
	#mainBody {
		padding: 0 0 2em 0;
		height: 450px;
		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 {
				background: url(../../../globaltemplates/documents/image/main_stage_frame.gif);
				width: 610px;
				height: 335px;
				float: left;
				margin: 0 0 10px 0;
				overflow: hidden;
			}
				 #columnMain #mainStage #mainStageContent {
				
					color: #FFFFFF;
					margin:10px; padding:30px 230px 30px 30px;
					height: 315px;
					overflow: hidden;
					background: no-repeat;
				}
				
				#mainStageContent p {color:#fff;}	
				#mainStageContent h1 {color:#fff; font-size:36px; padding-bottom:4px}
				#mainStageContent h2 {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: 610px;
				float: left;
			}
				 #columnMain .large #secondaryStage {
					display: none;
				}		
				 #columnMain #secondaryStage .secondStageGadget {
					width: 296px;
					height: 90px;
					float: left;
					background: #000000;
					list-style:none;
				}
				#columnMain #secondaryStage li.secondStageGadget a{
					padding:8px 8px 8px 95px;
					color:#fff;
					font-weight:bold;
					font-size:12px;
					text-decoration: none;
					float:right;
					text-align:right;
					height: 63px;
				}
				 #columnMain #secondaryStage .left {
					margin: 0 16px 0 0;
				}
				
			
				 #columnMain #secondaryStage .secondStageGadget .content {
					padding: 10px;
					color: #FFFFFF;
				}	
			 #columnMain #audienceSelect,
			 #columnMain #audienceSelect.silo2{
				width: 337px;
				float: right;
			}	
			 #columnMain #audienceSelect ul,
			 #columnMain #audienceSelect.silo2 ul {
				list-style-image: url() none;
				margin: 0;
				padding: 0;
				float: left;
				width: 337px;
			}
			 #columnMain #audienceSelect ul li,
			 #columnMain #audienceSelect.silo2 ul li{
				list-style: none;
				list-style-image: none;
				width: 337px;
				height: 108px;
				margin: 0 0 5px 0;
				float: left;
				display: block;
			}
			#columnMain #audienceSelect.silo2 ul li {
				height: 162px;
				margin: 0 0 10px 0;
			}
			 #columnMain #audienceSelect ul li a,
			 #columnMain #audienceSelect.silo2 ul li a{
				font-size: 1em;
				font-weight: normal;
				height: 100%;
				width: 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;
						width: 155px;
						height: auto;
					/*	display: none;*/
					}
					
					 #columnMain #audienceSelect li.dropDown ul.dropDownList li,
					 #columnMain #audienceSelect.silo2 li.dropDown ul.dropDownList li {
						height: auto;
						width: 100%;
						margin: 0;
					}
					 #columnMain #audienceSelect li.dropDown ul.dropDownList a,
					 #columnMain #audienceSelect.silo2 li.dropDown ul.dropDownList a {
						width: 135px;
						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	{
						background: #6c85af;
						text-decoration: none;
						color: #FFFFFF;
					}
					#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 ; padding:0;
					font-weight:bold;
					line-height:25px;
					color:#333;
					list-style-position: inside;
					}
					#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/silolistbullet2.gif) no-repeat 0px 6px; 
					}
					#mainStageContentEx li {text-indent:10px; margin:0; padding: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:#000;
font: 1.5em bold Arial,Helvetica,sans-serif;
cursor:pointer;
list-style: none;
}
/*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:12px; display:block}
/*silo select comp text END*/

#columnMain #audienceSelect.silo2 ul li a span{
padding:68px 34px 0 35px;
}	
				


#columnMain #audienceSelect ul li a:hover{color:#000;}

#columnMain #audienceSelect ul li a.audienceInst,
#columnMain #audienceSelect ul li a:hover.audienceInst {
     background: url(../../../globaltemplates/documents/image/silo_institutional_image.jpg) no-repeat 0 -108px; 
    }
	#columnMain #audienceSelect ul li a:hover.audienceInst {background-position: 0 0}
#columnMain #audienceSelect ul li a.audienceIndv,
#columnMain #audienceSelect ul li a:hover.audienceIndv  {
     background: url(../../../globaltemplates/documents/image/silo_individual_image.jpg) no-repeat 0 -108px;  
    }
	#columnMain #audienceSelect ul li a:hover.audienceIndv {background-position: 0 0}
#columnMain #audienceSelect ul li a.audienceInt,
#columnMain #audienceSelect ul li a:hover.audienceInt{
     background: url(../../../globaltemplates/documents/image/silo_intermediaries_image.jpg) no-repeat 0 -108px;  
    }
	#columnMain #audienceSelect ul li a:hover.audienceInt  {background-position: 0 0}

#columnMain #audienceSelect.silo2 ul li a.audienceInst,
#columnMain #audienceSelect.silo2 ul li a:hover.audienceInst {
     background: url(../../../globaltemplates/documents/image/silo_institutional_image_lrg.jpg) no-repeat 0 -162px; 
    }
	#columnMain #audienceSelect.silo2 ul li a:hover.audienceInst {background-position: 0 0}
#columnMain #audienceSelect.silo2 ul li a.audienceIndv,
#columnMain #audienceSelect.silo2 ul li a:hover.audienceIndv {
     background: url(../../../globaltemplates/documents/image/silo_individual_image_lrg.jpg) no-repeat 0 -162px;  
    }
	#columnMain #audienceSelect.silo2 ul li a:hover.audienceIndv {background-position: 0 0}
#columnMain #audienceSelect.silo2 ul li a.audienceInt,
#columnMain #audienceSelect.silo2 ul li a:hover.audienceInt{
     background: url(../../../globaltemplates/documents/image/silo_intermediaries_image_lrg.jpg) no-repeat 0 -162px;  
    }
	#columnMain #audienceSelect.silo2 ul li a:hover.audienceInt {background-position: 0 0}
#columnMain #audienceSelect ul li a.audienceBRS,
#columnMain #audienceSelect.silo2 ul li a.audienceBRS {
     background: url(../../../globaltemplates/documents/image/brs_logo_large.gif) no-repeat; 
    }
 #columnMain #audienceSelect li.dropDown a span, #columnMain #audienceSelect.silo2 li.dropDown a span {
						background: url('../../../globaltemplates/documents/image/silo_dropdown_select.gif') 150px 94px no-repeat;
}
#columnMain #audienceSelect li.dropDown a span {
background-position: 35px 62px;
}
#mainStageEx {
	width:610px;
	margin:0;
	padding:0;
	float:left;
	background: url(../../../globaltemplates/documents/image/mainstageborderhead.gif) top left no-repeat; 
}
#mainStageExBody{
	width:589px;
	margin:10px 0 -10px 0;
	padding:10px;
	background: url(../../../globaltemplates/documents/image/mainstageborderbody.gif) repeat-y; 
	background-color:#fff;
}
#mainStageExFoot{
	width:610px;
	height:10px;
	margin:10px 0;
	padding:0;
	background: url(../../../globaltemplates/documents/image/mainstageborderfoot.gif) no-repeat left top; 
	
}
#mainStageContentEx {
	width:560px;
	padding:0 10px;
	overflow:hidden;
	}
		
div#footerLandingWrapper {
border-top:1px solid #FFFFFF;
}
/* Oct 08 changes to the Country Landing Pages END */
/*iShares Logo changes*/
#columnMain #audienceSelect ul li.audienceIshares, .wIshares #columnMain #audienceSelect ul li.audienceBRS{
width:163px;
height:90px;
margin-top:6px;
}


.wIshares #columnMain #secondaryStage .secondStageGadget {
height:90px;}
#columnMain #audienceSelect ul li.audienceIshares{
margin-left:11px;}

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

#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 .cnTraditional ul li.audienceIshares a:hover{
background-position: 0 -90px;
}

#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 .cnSimplified ul li.audienceIshares a:hover{
background-position: 0 -90px;
}

#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 .iShareTrade ul li.audienceIshares a:hover{
background-position: 0 -90px;
}

#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 .jpIshares ul li.audienceIshares a:hover{
background-position: 0 -90px;
}

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

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

#landingDisclaimerText {float:left; width:940px; margin:10px 0 10px 0; border:1px solid #FFFFFF; color:#FFFFFF; padding:10px}
#landingDisclaimerText p{color:#ffffff;}