@import url(css.reset.css);/*eric e meyer global reset*/

html { background: url('../images/bg.jpg') repeat-x top left!important; margin: 0 0; padding: 0 0; }
body { margin: 0 0; padding: 0 0; font: normal 11px Arial, Helvetica, sans-serif; color:#081F4B;}

.sml { font-size:11px;}
div.brandsShaddow{ display: block; background: url(../images/shadow.jpg) no-repeat 0 0; width:640px; height: 56px; position: relative; top:0; left:90px;}
div.brandsShaddow p { margin: 0px 175px; padding-top:10px;}
.companymimg { position: relative; top: -80px; left: 320px; float:left;}
a {-moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out; 
      -ms-transition: all 0.3s ease-out; 
          transition: all 0.3s ease-out;
}
a:hover {
	-moz-transition: all 0.3s ease-out;  
       -o-transition: all 0.3s ease-out;  
  -webkit-transition: all 0.3s ease-out; 
      -ms-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out; 
}

/*=LAYOUT
----------------*/
/*clear*/
#nav, #mainContent { clear: both; }
#wrapper	  { margin: 2% auto; width: 960px; background: #FFF; border: 1px solid #E1E1E1; padding: 10px 0 10px 0; height:auto;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;  overflow:hidden; min-height:700px;} 
#header		  { margin: 0 auto; width: 930px; height: 120px; background: #FFF; }
#nav		  { margin: 0 auto; width: 930px; height: 40px; background: #FFF; }
#mainContent  { margin: 30px auto; width: 930px; background: #FFF;}
#uiSide	      { z-index: 100; float: left; display: block; width: 208px; height: 290px; background: #FFF;}
#contentBlock { float: left; display: block; width: 722px; background: #FFF; position: relative; top:0; left: 0px; }
#copy		  { clear: both; }

#ui-004 #media  { width: 10px; height: 300px; text-align: right;}/*removes the media div*/
#media		 { width: 730px; height: 300px; text-align: right;}
#media2		 { width: 637px; height: 380px; text-align: right; border: 1px solid #99CCCC; float: right; color: #333; font: 11px Arial, Helvetica, sans-serif;}
#media2 .share { width: 192px; border-right: 1px solid #99CCCC; float: left; padding: 10px; height: 280px; text-align: left; }
#media2 .download { width: 191px; border-right: 1px solid #99CCCC; float: left; padding: 10px; height: 360px; text-align: left; background: url(../images/ar_bg.gif) top left no-repeat;}
#media2 .ar { width: 193px; float: right; height: 290px; text-align: left; background: url(../images/ar_2009_bg.jpg) bottom left repeat-x; padding: 10px;  }

#media2 .arFin { width: 192px; float: left; height: 360px; text-align: left;  padding: 10px; border-right: 1px solid #99CCCC; background: url(../images/ar_bg.gif) top left no-repeat; }
#media2 .Fin { width: 192px; border-right: 1px solid #99CCCC; float: left; padding: 10px; height: 290px; text-align: left; font: 11px Arial, Helvetica, sans-serif;}
#media2 .archive { width: 192px;  float: right; padding: 10px; height: 280px; text-align: left; background: url(../images/ar_bg.gif) top left no-repeat; }
#media2 p { color: #333; font: 11px Arial, Helvetica, sans-serif;}

#media3		 { width: 637px; height: 380px; text-align: right; border: 1px solid #99CCCC; float: right; color: #333; font: 11px Arial, Helvetica, sans-serif;}

#agmDiv		 { width: 637px; height: 300px; text-align: right; border: 1px solid #99CCCC; float: right; color: #333; font: 11px Arial, Helvetica, sans-serif; background: url(../images/agm_bg.gif) top left no-repeat; font-size: 11px;}

#agmDiv .archive { width: 192px;  float: left; padding: 10px; height: 280px; text-align: left;  font-size: 11px;}
#agmDiv .current { width: 192px;  float: left; padding: 10px; height: 280px; text-align: left; border-right: 1px solid #99CCCC; font-size: 11px;}
#agmDiv p { color: #333; font: 11px Arial, Helvetica, sans-serif;}
#finDiv		 { width: 637px; height: 300px; text-align: right; border: 1px solid #99CCCC; float: right; color: #333; font: 11px Arial, Helvetica, sans-serif; background: url(../images/agm_bg.gif) top left no-repeat;}

#finDiv .archive { width: 178px;  float: right; padding: 10px; height: 280px; text-align: left; border-left: 1px solid #99CCCC;}
#finDiv .current { width: 178px;  float: left; padding: 10px; height: 280px; text-align: left; border-right: 1px solid #99CCCC;}


#preDiv		 { width: 637px; height: 300px; text-align: right; border: 1px solid #99CCCC; float: right; color: #333; font: 11px Arial, Helvetica, sans-serif; background: url(../images/agm_bg.gif) top left no-repeat; font-size: 11px;}
#preDiv	.left { float: left; width: 286px; text-align: left; border-right: 1px solid #99CCCC; height: 280px; padding: 10px 0 10px 30px;}
#preDiv	.right{ float: right; width: 286px; text-align: left; height: 280px; padding: 10px 0 10px 20px;}


#preDiv p { color: #333; font: 11px Arial, Helvetica, sans-serif;}

#media4		 { width: 637px; height: auto; text-align: left; border: 1px solid #99CCCC; float: right; color: #333; font: 11px Arial, Helvetica, sans-serif;}
#media4	.link	 { width: 178px;  float: left; padding: 10px; height: 280px; text-align: left;  font-size: 11px; background: url(../images/ar_bg.gif) left top no-repeat;}
#media4	.links { float: right; padding: 10px; height: auto; width: 418px; text-align: left; border-left: 1px solid #99CCCC; min-height: 350px;}
#media4 p { color: #333; font: 11px Arial, Helvetica, sans-serif;}

#media5 { width: 637px; height: auto; text-align: left; float: right; color: #333; font: 11px Arial, Helvetica, sans-serif;}

.investor-relations #media { width: 730px; height: 300px; background: #FFF; }


.investor-relations #media .box { display: block; width: 640px; height:300px; border:1px solid #99CCCC; float: right;}

/*padding on SENS page, link coming from CMS*/
.panelPad { display:  block; position: relative; top: 10px; left: 20px;}

/*homepage layout*/
.operations-frame { position: relative; top:0; left:-20px; }
#home #ui-flash { width: 930px; height: 349px; position: relative; top:0; left:10px; overflow:hidden;}
#home #media #flash { position: relative; top:0; left:10px; }

#home #copy { background: #fff; clear:both; width:930px;  }

/*side menu*/
#uiSide ul  { width: 190px; margin: 0 60px;}
#uiSide a:hover { color:#F93;}

/* on page highlight */
.ui-001 #uiSide li.ui001 a,
.ui-002 #uiSide li.ui002 a,
.ui-003 #uiSide li.ui003 a,
.ui-0301 #uiSide li.ui0301 a,
.ui-0302 #uiSide li.ui0302 a,
.ui-004 #uiSide li.ui004 a,
.ui-004a #uiSide li.ui004a a,
.ui-005 #uiSide li.ui005 a,
.ui-006 #uiSide li.ui006 a,
.ui-007 #uiSide li.ui007 a,
.ui-008 #uiSide li.ui008 a,
.ui-009 #uiSide li.ui009 a,
.ui-010 #uiSide li.ui010 a, 
.ui-011 #uiSide li.ui011 a,
.ui-012 #uiSide li.ui012 a,
.ui-0121 #uiSide li.ui0121 a,
.ui-0122 #uiSide li.ui0122 a,
.ui-013 #uiSide li.ui013 a,
.ui-014 #uiSide li.ui014 a,
.ui-015 #uiSide li.ui015 a,
.ui-016 #uiSide li.ui016 a,
.ui-017 #uiSide li.ui017 a,
.ui-018 #uiSide li.ui018 a,
.ui-019 #uiSide li.ui019 a,
.ui-020 #uiSide li.ui020 a,
.ui-021 #uiSide li.ui021 a,
.ui-022 #uiSide li.ui022 a,
.ui-023 #uiSide li.ui023 a  { cursor: default; color: #F93; }


a.napsers { float: left; display: block; width: 117px; height: 70px; background: url(../images/naspers.jpg) no-repeat 0 0; position: relative; top:10px; left: 60px; }
#header a:hover { color: #F60; }

.lingo:link {color: #4CA1D9!important;}
.lingo:visited {color: #4CA1D9!important;}
.lingo:hover { color: #F60!important;}

#header .search { float: left; position: relative; top: 10px; left: 295px; width: 630px; height:18px; }	
#header .search ul {  display: inline;}
#header .search ul li { display: inline; color: #666; float: left; border-left: 1px solid #99CCCC; height:18px; padding: 4px 5px 0 5px; }
#header .search ul li.last { color: #666; float: left; border-left: none!important; height:17px; padding: 4px 5px 0 5px; position: relative; top:-2px; }


#header .forminput { width: 130px; height: 15px; border: none; font: 10px Arial, Helvetica, sans-serif; color: #999; text-align: left; border:1px solid #CCC; background:white; padding-left:5px;}
#header .formsubmit { width: 24px; height: 18px!important;}

span.heading {  display: block; font: bold 12px Arial, Helvetica, sans-serif; padding: 5px 0 15px 40px;}
#ui-001 span.heading { background: url('../images/hed-company-profile.jpg') no-repeat top left; }
#ui-002 span.heading { background: url('../images/hed-operations.jpg') no-repeat top left; }
#ui-003 span.heading { background: url('../images/hed-investor-relations.jpg') no-repeat top left; }
#ui-004 span.heading { background: url('../images/hed-corporate-gov.jpg') no-repeat top left; }
	span.corpGov { background: url('../images/hed-corporate-gov.jpg') no-repeat top left; }
#ui-005 span.heading { background: url('../images/hed-media-center.jpg') no-repeat top left; }
#ui-006 span.heading { background: url('../images/hed-contact-details.jpg') no-repeat top left; }

/*TEXT
-------------------*/
p { line-height: 18px; padding-bottom: 10px; font-size:12px; color: #081F4B;}
h1 { font: normal 32px Arial, Helvetica, sans-serif; color: #4CA1D9; clear:both; padding-bottom:20px; position: relative; top:0; left: 90px; width:640px; }
h1 span {font: bold 14px Arial, Helvetica, sans-serif; color: #4CA1D9; margin: 0; padding: 0 0 10px 0;}
h2 { font: normal 30px Arial, Helvetica, sans-serif; color: #4CA1D9; }
h3 { font: normal 14px Arial, Helvetica, sans-serif; color: #081F4B; }
h4 { font: bold 14px Arial, Helvetica, sans-serif; color: #4CA1D9; margin: 0; padding: 0 0 10px 0; }
h4.shareprice-hmh { font: bold 14px Arial, Helvetica, sans-serif; color: #4CA1D9; margin: 0; padding: 0 0 10px 30px; background: url(../images/share.jpg) no-repeat 0 -2px; margin-left: 10px;}
h5 { font: bold 12px Arial, Helvetica, sans-serif; color: #FF6600; margin: 0; padding: 0 0 0px 0; }
h6 { font: bold 12px Arial, Helvetica, sans-serif; color: #4CA1D9; margin: 0; padding: 0 0 0px 0; }
/*LISTS

-------------------*/

ul.mainList {margin: 0; padding: 0 0 10px 0;}
ul.mainList li {margin: 0; padding: 0 0 0px 10px;	font: 12px Arial, Helvetica, sans-serif; color: #081F4B;line-height: 18px; list-style-type: none; background: url(../images/black_list.gif) no-repeat left top;}


/*=UI-Top Menu
-------------------------------------------------------------------------------*/
ul#ui-topmenu  { float:left; width: 960px; z-index:9999; list-style: none; position: relative; top: 0; left:60px; }
ul#ui-topmenu li { float: left; position: relative;  }
ul#ui-topmenu li a { float: left; text-indent: 0; height: 15px; font-size: 12px; color: #006699; padding: 5px 0px; background:transparent;}

ul#ui-topmenu a.ui-nav001     { background: url(../images/ui-nav-side.png) no-repeat center left; width: 132px; padding-left:6px; }
ul#ui-topmenu li:hover a.ui-nav001,
ul#ui-topmenu li a.ui-nav001:hover   { background: transparent  url('../images/ui-nav.png') no-repeat 0 -29px; width: 132px; color: #FF6600; }

ul#ui-topmenu a.ui-nav002     {  background: url(../images/ui-nav-side.png) no-repeat center left; width: 107px;padding-left:6px; }
ul#ui-topmenu li:hover a.ui-nav002,
ul#ui-topmenu li a.ui-nav002:hover   { background:transparent url('../images/ui-nav.png') no-repeat -0px -29px; width: 107px; color: #FF6600; padding-left:6px;}

ul#ui-topmenu a.ui-nav003     {  background: url(../images/ui-nav-side.png) no-repeat center left; width: 139px;padding-left:6px; }
ul#ui-topmenu li:hover a.ui-nav003,
ul#ui-topmenu li a.ui-nav003:hover   { background:transparent url('../images/ui-nav.png') no-repeat -0px -29px; width: 139px; color: #FF6600; }

ul#ui-topmenu a.ui-nav004    {  background: url(../images/ui-nav-side.png) no-repeat center left; width: 198px;padding-left:6px; }
ul#ui-topmenu li:hover a.ui-nav004,
ul#ui-topmenu li a.ui-nav004:hover  { background:transparent  url('../images/ui-nav.png') no-repeat -0px -29px; width: 198px; color: #FF6600; } 

ul#ui-topmenu a.ui-nav005    {  background: url(../images/ui-nav-side.png) no-repeat center left; width: 117px; padding-left:6px;}
ul#ui-topmenu li:hover a.ui-nav005,
ul#ui-topmenu li a.ui-nav005:hover  { background:transparent url('../images/ui-nav.png') no-repeat -0px -29px; width: 117px; color: #FF6600; }

ul#ui-topmenu a.ui-nav006   {  background: url(../images/ui-nav-side.png) no-repeat center left; width: 124px;padding-left:6px; }
ul#ui-topmenu li:hover a.ui-nav006,
ul#ui-topmenu li a.ui-nav006:hover { background: transparent url('../images/ui-nav.png') no-repeat -0px -29px; width: 116px; color: #FF6600; }

/*onpage highlighting*/
#ui-001 ul#ui-topmenu li a.ui-nav001,
#ui-002 ul#ui-topmenu li a.ui-nav002,
#ui-003 ul#ui-topmenu li a.ui-nav003,
#ui-004 ul#ui-topmenu li a.ui-nav004,
#ui-005 ul#ui-topmenu li a.ui-nav005,
#ui-006 ul#ui-topmenu li a.ui-nav006 { color: #F93!important; }

ul#ui-topmenu li .sub {
 position: absolute;
 top: 25px; left: 0;
 border:10px solid #1376C9;/*color of bg of dropdown*/
 background: #FFF url(../images/b-menu.jpg) repeat-x bottom left!important;
 float: left; width: 910px!important; display: none;
 box-shadow: 2px 2px 8px #bdbcb0;
 -webkit-box-shadow: 0px 3px 3px #666;
 -moz-box-shadow: 0px 3px 3px #666;
 -moz-border-radius-topleft: 0;  
 -webkit-border-top-left-radius: 0;
 -webkit-border-top-right-radius: 0;
  
 -moz-border-radius-topright: 0; 

 border-top-right-radius: 0; 
 border-top-left-radius: 0;
 -moz-border-radius-bottomleft: 8px; 
 
 -moz-border-radius-bottomright: 8px;
 
 -webkit-border-bottom-left-radius: 8px;
 -webkit-border-bottom-right-radius: 8px;
 
 border-bottom-left-radius: 8px;
 border-bottom-right-radius: 8px;
 padding-bottom:10px; padding-top:5px;
 }
 
ul#ui-topmenu li #sub-ui-001{
 position: absolute;
 top: 25px; left: -60px;
 border:10px solid #1376C9;/*color of bg of dropdown*/
 float: left; display: none; height:155px;
}
ul#ui-topmenu li #sub-ui-002{
 position: absolute;
 top: 25px; left: -198px;
 border:10px solid #1376C9;/*color of bg of dropdown*/
 height:80px;
 
}
ul#ui-topmenu li #sub-ui-003 {
 position: absolute;
 top: 25px; left: -312px;
 border: 10px solid #1376C9;/*color of bg of dropdown*/
 height:130px;
}
ul#ui-topmenu li #sub-ui-004{
 position: absolute;
 top: 25px; left: -457px;
 border:10px solid #1376C9;/*color of bg of dropdown*/
}
ul#ui-topmenu li #sub-ui-005{
 position: absolute;
 top: 25px; left: -660px;
 border:10px solid #1376C9;/*color of bg of dropdown*/
 height:90px;
 }
ul#ui-topmenu li #sub-ui-006{
 position: absolute;
 top: 25px; left: -783px;
 border:10px solid #1376C9;/*color of bg of dropdown*/
  height:80px;
}

/*poistion of submenu*/
ul#ui-topmenu li #sub-ui-001 ul,
ul#ui-topmenu li #sub-ui-002 ul,
ul#ui-topmenu li #sub-ui-004 ul,
ul#ui-topmenu li #sub-ui-005 ul,
ul#ui-topmenu li #sub-ui-006 ul,
ul#ui-topmenu li #sub-ui-007 ul { float: left; }



ul#ui-topmenu li .row			{ clear: both; float: left; width: 100%; margin-bottom: 10px; }
ul#ui-topmenu li #sub-ui-004 .row	{ clear: both; float: left; width: 100%; margin-bottom: 0px; }
ul#ui-topmenu li #sub-ui-006 .row	{ clear: both; float: left; width: 100%; margin-bottom: -10px; }

ul#ui-topmenu li .sub ul		{ list-style: none; width: 140px; float: left; }
ul#ui-topmenu .sub ul li		{ width: 100%; color: #333; }
ul#ui-topmenu .sub ul li h2		{ font-size: 12px; font-weight: normal; }
ul#ui-topmenu .sub ul li h2 a	{ background-image: none; color: #333; }
ul#ui-topmenu .sub ul li a {
	float: none; text-indent: 0; /*--Reset text indent--*/
	height: auto; cursor:pointer;
	display: block;	text-decoration: none; color: #333; padding: 0 0!important; font-size: 11px; }
	
ul#ui-topmenu .sub ul li a:hover { color: #F60; }


/*CORPORATE GOVERNANCE DROP DOWN MENU*/
#sub-ui-004 .row{ width: 990px!important;}
#sub-ui-004 ul.sub-ul-002 { position:relative; left: -20px!important; width:140px!important;}
#sub-ui-004 ul.sub-ul-003 { position:relative; left: -110px!important;width:160px!important; }
#sub-ui-004 ul.sub-ul-004 { position:relative; left: -140px!important;width:120px!important;}
#sub-ui-004 ul.sub-ul-005 { position:relative; left: -120px!important;width:150px!important;}

ul#ui-topmenu li .sub ul.sub-ul-001 { margin: 5px 30px;}
ul#ui-topmenu li .sub ul.sub-ul-002 { margin: 5px 10px;}
#sub-ui-001 ul.sub-ul-002 { position: relative; left:-20px!important;}/*positions second list away from image*/
ul#ui-topmenu li .sub ul.sub-ul-003 { margin: 5px 30px 0 120px; width: 150px;}
ul#ui-topmenu li .sub ul.sub-ul-004 { margin: 5px 10px; width: 150px;}
ul#ui-topmenu li .sub ul.sub-ul-005 { margin: 5px 0px; width: 150px;}



/*positions the google map icon in the contacts drop down*/
ul#ui-topmenu li .sub ul.sub-ul-googlemap { position:relative; top: -15px; left:210px; width:310px;}

/*positions the small icon images next to the related links in the Investor Relations Drop down*/
div.sub-ul-003,
div.sub-ul-004  { float: left; position: relative; top:5px; left: 0px; height: 83px;   }
div.sub-ul-003 ul li { padding-bottom:4px;}
div.sub-ul-003 ul li a { width:280px; }
div.sub-ul-003 { background: url('../images/ui-ir-ar2010.gif') no-repeat top left; width:280px; margin: 0 0!important; padding: 0 0!important;position: relative; left:0px; }
div.sub-ul-004 { background: url('../images/ui-ir-chairman.jpg') no-repeat top left;width:400px; margin: 0 0!important; padding: 0 0!important; position: relative; top:-75px; left:340px; height: 83px!important;}

div.sub-ul-003 a { margin: 0 75px; color: #333!important;  padding: 0 0!important; font: normal 11px Arial, Helvetica, sans-serif!important;  }
div.sub-ul-004 a { margin: 0 75px; color: #333!important;  padding: 0 0!important; font: normal 11px Arial, Helvetica, sans-serif!important; }

div.sub-ul-003 a:hover , div.sub-ul-004 a:hover { color: #F60!important; }
 
.ui-ir-ar2009 { position: relative; top: 10px ; left:-0px; float: none;}
.ui-ir-chairman { position: relative; top: 10px ; left:-0px; float: none;}

/*Table*/
.tbl { line-height: 18px; font: normal 12px Arial, Helvetica, sans-serif; color: #081F4B;}

.panel1 { width: 160px; height: 300px; line-height: 20px; background: url(../images/panel_03.jpg) top left no-repeat;}
.panel2 { width: 160px; height: 300px; line-height: 20px; background: url(../images/panel_04.jpg) top left no-repeat;}

/*LINKS*/
ul.op-link {margin: 0; padding: 0 0 0px 10px!important; text-align: left!important;}
ul.op-link li a {margin: 0; padding: 0 0 0px 10px!important; font: 12px Arial, Helvetica, sans-serif; color: #001F50;line-height: 18px; list-style-type: none;}
ul.op-link li a:visited {margin: 0; padding: 0 0 0px 10px!important; 
	font: 12px Arial, Helvetica, sans-serif; color: #001F50;line-height: 18px; list-style-type: none;
	}
ul.op-link li a:hover { margin: 0; padding: 0 0 0px 10px!important;	
font: 12px Arial, Helvetica, sans-serif; color: #FF6600;line-height: 18px; list-style-type: none;}

.dir-link {
	
	font-size: 12px;
	line-height:normal;
	text-align: left!important;
	padding: 5px 0 6px 0;
	color: #666; 
	float: right;
	width: 635px;
	/*margin-bottom:1em; margin between menu and rest of page*/
	}

.dir-link ul {
	margin:0;
	padding: 0px;
	list-style:none;
	
	}	
.dir-link li {
	display:inline;
	margin:0;
	padding: 0 4px 0 4px;
	
	}	
	
.dir-link a:link,
.dir-link a:visited {margin: 0; padding: 0 3px 0 3px!important; font: 12px Arial, Helvetica, sans-serif; color: #666; line-height: 18px; list-style-type: none; display: inline;}

.dir-link a:hover {margin: 0; padding: 0 3px 0 3px!important; font: 12px Arial, Helvetica, sans-serif; color: #FF6600; line-height: 18px; list-style-type: none;}

.maintextOrg { font: 12px Arial, Helvetica, sans-serif; color: #FF6600; }
.maintextgrey { font: 9px Arial, Helvetica, sans-serif; color: #999; }


/*position operations iframe holding the 3D cube animation*/
.operations #media { position: relative; top: 0; left:20px;}

/*operations drop down content-styles*/
#sub-ui-002 .sub-ul-ops { margin: 20px 60px;}
.overview, .internet, .paytv, .printmedia, .technology { display: block; float: left;}
#sub-ui-002 .sub-ul-ops .overview   { display: block; width: 107px; height: 35px; background: url(../images/ui-operations.png) no-repeat 0 0;}
#sub-ui-002 .sub-ul-ops .internet   { display: block; width: 162px; height: 35px; background: url(../images/ui-operations.png) no-repeat -130px 0 ;}
#sub-ui-002 .sub-ul-ops .paytv      { display: block; width: 162px; height: 35px; background: url(../images/ui-operations.png) no-repeat -305px 0;}
#sub-ui-002 .sub-ul-ops .printmedia { display: block; width: 172px; height: 35px; background: url(../images/ui-operations.png) no-repeat -675px 0;}
#sub-ui-002 .sub-ul-ops .technology { display: block; width: 182px; height: 35px; background: url(../images/ui-operations.png) no-repeat -480px 0;}

#sub-ui-002 .sub-ul-ops a { color: #333; padding: 0 0!important; font-size: 11px;}
#sub-ui-002 .sub-ul-ops a:hover { color: #F60;}
#sub-ui-002 .sub-ul-ops .overview a   { position: relative; top: 6px;}
#sub-ui-002 .sub-ul-ops .internet a   { position: relative; top: 6px; left: 45px; }
#sub-ui-002 .sub-ul-ops .paytv a      { position: relative; top: 6px; left: 35px;}
#sub-ui-002 .sub-ul-ops .printmedia a { position: relative; top: 6px; left: 45px;}
#sub-ui-002 .sub-ul-ops .technology a { position: relative; top: 6px; left: 57px;}
/*END operations drop down content-styles*/

/*media drop down content-styles*/
#sub-ui-005 .sub-ul-media { margin: 20px 60px 20px 150px;  }
.press, .irdeto, .other, 
.sens,.video						{ display: block; float: left;}

.clearfix { clear: both;}
#sub-ui-005 .sub-ul-media a:link,
#sub-ui-005 .sub-ul-media a:visited { color: #333; padding: 4px 28px 4px 0!important; font-size: 11px; float: left; margin-right: 10px; 
	background: url(../images/icon_nav.png) no-repeat center right; margin-bottom: 4px;}
#sub-ui-005 .sub-ul-media a:hover   { color: #F60;}


/*END media drop down content-styles*/

/*contacts drop down content-styles*/
#sub-ui-006 .sub-ul-contacts { margin: 20px 60px 0px 150px; width: 250px!important;  }
.contact, .career { display: block; float: left;}
#sub-ui-006 .sub-ul-contacts .contact   { display: block; width: 110px; height: 35px; background: url(../images/ui-contacts.png) no-repeat 0 0;}
#sub-ui-006 .sub-ul-contacts .career    { display: block; width: 100px; height: 35px; background: url(../images/ui-contacts.png) no-repeat 10px 0 ;}


#sub-ui-006 .sub-ul-contacts a { color: #333; padding: 0 0!important; font-size: 11px;}
#sub-ui-006 .sub-ul-contacts a:hover    { color: #F60;}
#sub-ui-006 .sub-ul-contacts .contact a { position: relative; top: 6px;}
#sub-ui-006 .sub-ul-contacts .career a  { position: relative; top: 6px; left: 0px; }
/*END contacts drop down content-styles*/

/*homepage flash and tabs scroller*/
.clear {
 clear: none;
}
div.button {
 display: block;
 width: 160px;
 padding-top: 0;
 padding-left:0px;
 float: left;
 margin: 0 30px;
 cursor: pointer;
 background:transparent!important; border:none!important;
}
div.button a:link, div.button a:visited {
 text-decoration: none;
 color: #000;
 background:transparent!important; border:none!important;
}
.button a:hover {
 color: #666;
}
#wrapp {
 position:relative; top:0; left:0; z-index:999;
 width:914px;
 height: 349px; 
}
#content {
 z-index: -1; overflow:hidden;
 width: 914px;
 height: 349px;
 float: right;
 background:transparent;
 position: relative;
 top: 0px;
 left:0px;
}
#mainNav {
	z-index: 999999999!important;
	width: 950px;
	height:160px;
	float:none;
	position: absolute;
	top: 213px;
	left: 23px;
}
#slideA {
 display: block;
 background: url(../images/panel00.jpg) no-repeat top right;
 width:914px;
 height: 349px;
 z-index:1;
}
#slideA-button {
 opacity: 1;
 width: 0;
}
#slideB {
 display: block;
 background:  url(../images/panel01.jpg) no-repeat top right;
 width:914px;
 height: 349px;
}
#slideB-button {
 opacity: 1;
}
#slideC {
 display: none;
 background: url(../images/panel02.jpg) no-repeat top right;
 width:914px;
 height: 349px;
}
#slideC-button {
 opacity: 1;
}
#slideD {
 display: none;
 background: url(../images/panel03.jpg) no-repeat top right;
 width:914px;
 height: 349px;
}
#slideD-button {
 opacity: 1;
}
#slideE {
 display: none;
 background: transparent url(../images/panel04.jpg) no-repeat top right;
 width:914px;
 height: 349px;
}
#slideE-button {
 opacity: 1;
}
#slideF {
 display: none;
 background: transparent url(../images/img_06.jpg) no-repeat top right;
 width:914px;
 height: 349px;
}
#slideF-button {
 opacity: 1;
}
/*position links in content slider*/
#slideB a,#slideC a,#slideD a,#slideE a{ display:block; position:relative; text-indent:-99999999999px;}
#slideB a {
 top: 100px; left: 390px;
 width: 200px;
 height: 40px;
}
#slideC a {
 top: 20px; left: 620px;
 width: 200px;
 height: 40px;
}
#slideD a {
 top: 75px; left: 300px;
 width: 200px;
 height: 40px;
}
#slideE a {
 top: 100px; left: 390px;
 width: 200px;
 height: 40px;
}

.link00 {
 z-index:9999999999999999999!important;
 position: relative;
 top: 90px;
 left: 390px;
}

.tblBox { border: 1px solid #ccc; height: 15px; font: 11px Arial, Helvetica, sans-serif; width: 210px;}
.tblSelect { font: 11px Arial, Helvetica, sans-serif; border: 1px solid #ccc;}
.button { border: 1px solid #FF6600; background: #FF6600; color: #FFF; width: 70px; font: 11px Arial, Helvetica, sans-serif;}

a.googlmap { display: block; width:305px!important; height:45px!important; border:1px solid white; padding:0 0!important; }
a.googlmap:hover {border: 1px solid #FF9933 ;}

a.btn-larger { color:white; padding:2px 6px 2px 6px; background: #F93; position:relative; top:3px;     -moz-border-radius-bottomleft: 4px;
 -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
 -webkit-border-bottom-right-radius: 4px;}

a.btn-larger:hover { background:#4CA1D9 ; }

#tooltip{
 position:absolute; z-index:999999999999999999999;
 border:2px solid #FFF;
 background:#FFF;
 padding:4px 6px;
 color:#666;
 display:none;
 font: bold 10px Arial, Helvetica, sans-serif;
 box-shadow: 0px 1px 6px #666; -webkit-box-shadow: 0px 1px 6px #666; -moz-box-shadow: 0px 1px 6px #666;
 border: 1px solid #ccc;
 }
 
 
 /*OVERLAY STYLES----------------------------------*/
/* black version of the overlay. simply uses a different background image */
div.apple_overlay.black {
 background-image: url(../images/transparent.png);
 color:#fff;
}
div.apple_overlay h2 {
 margin:10px 0 -9px 0;
 font-weight:bold;
 font-size:14px;
}
div.black h2 {
 color:#fff;
}
#triggers { 
 width: 730px; height: 300px; text-align: right;
 
}
#triggers img {
 background-color:#fff; cursor:pointer;
}

/* the overlayed element */
.apple_overlay { 
 /* initially overlay is hidden */
 display:none; 
 /* growing background image */
 background-image: url(../images/white.png); 
 /* 
  width after the growing animation finishes
  height is automatically calculated
 */
 width:640px;  
 
 /* some padding to layout nested elements nicely  */
 padding:35px;
 /* a little styling */ 
 font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image: url(../images/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/*Sitemap Styler*/

#sitemap, #sitemap ul, #sitemap li{
	margin:0;
	padding:0;
	list-style:none;
	font: 12px Arial, Helvetica, sans-serif;
}
#sitemap{}
#sitemap ul{
	display:none;
}
#sitemap li{
	line-height:200%;
	margin-top:1px;
	position:relative;
	width:100%;
}
/* IE leaves a blank space where span is added so this is to avoid that */
* html #sitemap li{
	float:left;
	display:inline;
}

#sitemap li a{padding-left:28px;}
#sitemap li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}
#sitemap li span, #sitemap li span.collapsed{background:url(../images/collapsed.gif) no-repeat 0 0;} 
#sitemap li span.expanded{background:url(../images/expanded.gif) no-repeat 0 0;}

/* second level */

#sitemap li li{
	background:#fff;
}
#sitemap li li a{padding-left:56px;}
#sitemap li li span{left:28px;}

/* third level */

#sitemap li li li a{padding-left:84px;}
#sitemap li li li span{left:56px;}

/* etc. */

/*m ferreira*/
a.ar-link { display: block; width:73px ; height: 87px; background: url(../images/icon_ar-2011.jpg) no-repeat top left; text-indent:-99999999px;
	-moz-transition: none;  
	-o-transition: none;  
	-webkit-transition: none; 
	-ms-transition:none;
	transition:none;
}
a.ar-link:hover { background: url(../images/icon_ar-2011.jpg) no-repeat top right;
	-moz-transition: none;  
	-o-transition: none;  
	-webkit-transition: none; 
	-ms-transition:none;
	transition:none;
		  }
area { cursor:pointer!important;}

.picBorder { border: 1px solid #50A1D8; width: 160px; height: 130px; margin-right: 0px; float: left!important; position: relative; top:3px; }
.dirPara { width: 425px; float: right!important; min-height: 140px; margin-bottom: 15px;}

.greyruler02 { border-bottom: #ccc solid 2px;}
.greyruler01 { border-bottom: #ccc solid 1px;}
.greyVert { border-left: #ccc solid 1px;}

.divNarrow{ width: 600px; }
.divNarrow h6 { font: bold 12px Arial, Helvetica, sans-serif; color: #4CA1D9; margin: 0; padding: 5px 0 5px 0px; width: auto;  }
.lightBlue { color: #4CA1D9;}

span.heading2 {  display: block; font: bold 12px Arial, Helvetica, sans-serif; color: #081F4B; background: url('../images/hed-corporate-gov.jpg') no-repeat top left; padding: 5px 0 15px 40px;}

.if-shareprice { position: relative; top: -12px;}
h4.sharpriceHd { font: bold 14px Arial, Helvetica, sans-serif; color: #4CA1D9; margin: 0; padding: 0 0 10px 0; position: relative; top:-6px; }

.btn_search { position: relative; top: 10px!important;}

#cse-search-results iframe { width: 635px!important;}

span.heading2 a:link,span.heading2 a:visited {  display: block; font: bold 12px Arial, Helvetica, sans-serif; color: #081F4B; }
span.heading2 a:hover { color:#ff6600; }


.websiteLink:link { display: block; width: 90px; background: url(../images/link_web.gif)  right bottom no-repeat; color: #081F4B; font-weight:bold;}
.websiteLink:visited {display: block; width: 90px; background: url(../images/link_web.gif)  right bottom no-repeat; color: #081F4B; font-weight:bold;}
.websiteLink:hover {display: block; width: 90px; background: url(../images/link_web.gif)  right bottom no-repeat; color: #666; font-weight:bold;}

a.company-vid:link,a.company-vid:visited { display: block; width: 150px; height: 116px; background: url(../images/company-vid-2010.jpg) no-repeat top left; text-indent:-9999999999px;}
a.company-vid:hover { display: block; width: ; height: ; background: url(../images/company-vid-2010.jpg) no-repeat bottom left;}

/*LISTS
--------------------------------------------------------*/
ul.Listmain {
 margin: 0 5px; padding: 0 0 15px 0;
}
ul.Listmain li {
 margin: 0 -5px; padding: 0 0 0 10px;
 font:12px Arial, Helvetica, sans-serif;
 color: #081F4B;
 background: transparent url(../images/brown_dot.gif) no-repeat left top; 
 list-style-type: none;
 line-height: 18px;
}

ul.Listblack {
 margin: 0 5px; padding: 0 0 15px 0;
}
ul.Listblack li {
 margin: 0 -5px; padding: 0 0 0 10px;
 font:12px Arial, Helvetica, sans-serif;
 color: #081F4B;
 background: transparent  url(../images/black-list.gif) no-repeat left top; 
 list-style-type: none;
 line-height: 18px;
}
	ul.Listblack li ul { margin: 0 5px; padding: 0 0 5px 0; }
	ul.Listblack li ul li {
		margin: 0 -5px; padding: 0 0 0 10px;
		font:12px Arial, Helvetica, sans-serif;
		background: transparent url(../images/black-dot.gif) no-repeat left top;
		line-height: 18px;
	}

ul.Listred{
 margin: 0 5px; padding: 0 0 15px 0;
}
ul.Listred li {
 margin: 0 -5px; padding: 0 0 0 10px;
 font:12px Arial, Helvetica, sans-serif;
 color: #081F4B;
 background: transparent  url(../images/red-list.gif) no-repeat left top; 
 list-style-type: none;
 line-height: 18px;
}
	ul.Listred li ul { margin: 0 5px; padding: 0 0 5px 0; }
	ul.Listred li ul li {
		margin: 0 -5px; padding: 0 0 0 10px;
		font:12px Arial, Helvetica, sans-serif;
		background: transparent url(../images/red-dot.gif) no-repeat left top;
		line-height: 18px;
	}

ul.Listblue {
 margin: 0 5px; padding: 0 0 15px 0;
}
ul.Listblue li {
 margin: 0 -5px; padding: 0 0 0 10px;
 font:12px Arial, Helvetica, sans-serif;
 color: #081F4B;
 background: transparent url(../images/blue-list.gif)  no-repeat left top; 
 list-style-type: none;
 line-height: 18px;
}
	ul.Listblue li ul { margin: 0 5px; padding: 0 0 5px 0; }
	ul.Listblue li ul li {
		margin: 0 -5px; padding: 0 0 0 10px;
		font:12px Arial, Helvetica, sans-serif;
		background: transparent url(../images/black-dot.gif) no-repeat left top;
		line-height: 18px;
	}

ul.Listblue2 {
 margin: 0 5px; padding: 0 0 0px 0;
}
ul.Listblue2 li {
 margin: 0 -5px; padding: 0 0 0 10px;
 font:12px Arial, Helvetica, sans-serif;
 color: #081F4B;
 background: transparent url(../images/blue-list.gif)  no-repeat left top; 
 list-style-type: none;
 line-height: 18px;
}

ul.Listpurple {
 margin: 0 5px; padding: 0 0 15px 0;
}
ul.Listpurple li {
 margin: 0 -5px; padding: 0 0 0 10px;
 font:12px Arial, Helvetica, sans-serif;
 color: #081F4B;
 background: transparent url(../images/purple-list.gif)  no-repeat left top; 
 list-style-type: none;
 line-height: 18px;
}
	ul.Listpurple li ul { margin: 0 5px; padding: 0 0 5px 0; }
	ul.Listpurple li ul li {
		margin: 0 -5px; padding: 0 0 0 10px;
		font:12px Arial, Helvetica, sans-serif;
		background: transparent url(../images/purple-dot.gif) no-repeat left top;
		line-height: 18px;
	}

ul.Listorange { 
 margin: 0 5px; padding: 0 0 15px 0;
}
ul.Listorange li {
 margin: 0 -5px; padding: 0 0 0 10px;
 font:12px Arial, Helvetica, sans-serif;
 color: #081F4B;
 background: transparent url(../images/orange-list.gif) no-repeat left top; 
 list-style-type: none;
 line-height: 18px;
}
	ul.Listorange li ul { margin: 0 5px; padding: 0 0 5px 0; }
	ul.Listorange li ul li {
		margin: 0 -5px; padding: 0 0 0 10px;
		font:12px Arial, Helvetica, sans-serif;
		background: transparent url(../images/orange-dot.gif) no-repeat left top;
		line-height: 18px;
	}

ul.Listgreen{
 margin: 0 5px; padding: 0 0 15px 0;
}
ul.Listgreen li {
 margin: 0 -5px; padding: 0 0 0 10px;
 font:12px Arial, Helvetica, sans-serif;
 color: #081F4B;
 background: transparent url(../images/green-list.gif)  no-repeat left top; 
 list-style-type: none;
 line-height: 18px;
}
	ul.Listgreen li ul { margin: 0 5px; padding: 0 0 5px 0; }
	ul.Listgreen li ul li {
		margin: 0 -5px; padding: 0 0 0 10px;
		font:12px Arial, Helvetica, sans-serif;
		background: transparent url(../images/green-dot.gif) no-repeat left top;
		line-height: 18px;
	}
	
ul.Listdash {
 margin: 0 5px; padding: 0 0 0px 0;
}
ul.Listdash li {
 margin: 0 -5px; padding: 0 0 0 10px;
 font:12px Arial, Helvetica, sans-serif;
 color: #081F4B;
 background: transparent url(../images/dash_list.gif)  no-repeat left top; 
 list-style-type: none;
 line-height: 18px;
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
	border-bottom: 1px solid white;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
.jspHorizontalBar,
.jspVerticalBar,
.jspTrack
{
	background: #fff;
}

.jspDrag
{
	margin-top: 5px;
	background:  #eee;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	height: 6px!important;
	

}

.jspTrack .jspActive,
.jspTrack .jspHover,
.jspDrag:hover
{
	background: #ff9933;
	height: 6px;

}


.jspArrow
{
	background: url('../images/ui-icons_222222_256x240.png') no-repeat;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

}

.jspVerticalBar>.jspActive,
.jspArrow:hover
{
	background-image: url('../images/ui-icons_cd0a0a_256x240.png');
}

.jspVerticalBar>.jspDisabled,
.jspVerticalBar>.jspDisabled:hover,
.jspHorizontalBar>.jspDisabled,
.jspHorizontalBar>.jspDisabled:hover
{
	background-color: transparent;
	background-image: url('../images/ui-icons_888888_256x240.png');

}

.jspVerticalBar .jspArrow
{
	height: 15px;
}

.jspHorizontalBar .jspArrow
{
	width: 15px;
}

.jspArrowUp
{
	background-position: 0 0;
}

.jspArrowDown
{
	background-position: -64px 0 !important; 
}

.jspArrowLeft
{
	background-position: -96px 0 !important;
}

.jspArrowRight
{
	background-position: -32px 0 !important;
}