@charset "utf-8";
/*group*/
.group:after { content: "."; display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; } 
.group {	display: inline-block;} 
html[xmlns] .group {	display: block;} 
* html .group {	height: 1%;}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;}
body {	line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';	content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0;}

a:link,a:visited { text-decoration: none; color: #666;}
a:hover { text-decoration: none; color: #FF6600;}

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;}

/*=LAYOUT
----------------*/
/*clear*/
#nav, #mainContent { clear: both; }
#wrapper	  {  background: #FFF; border: 1px solid #fff; padding: 0; height:auto;} 
#header		  {  display: none; margin: 0; padding: 0;}
#nav		  { display: none; margin: 0; padding: 0;  }
#mainContent  { margin: 0; width: 100%; padding: 0; float: left;}
#uiSide	      { display: none; margin: 0; padding: 0;}
#contentBlock {  width: 100%; padding: 0; margin: 0;}
#copy		  { clear: both; }

#media		 { width: 730px; height: 300px; text-align: right;}
#media2		 { width: 637px; height: 300px; text-align: right; border: 1px solid #99CCCC; float: right; color: #333; font: 11px Arial, Helvetica, sans-serif; display: none;}
#media2 .share { width: 178px; border-right: 1px solid #99CCCC; float: left; padding: 10px; height: 280px; text-align: left; }
#media2 .download { width: 178px; border-right: 1px solid #99CCCC; float: left; padding: 10px; height: 280px; text-align: left; background: url(../images/archive_bg.gif) top left no-repeat;}
#media2 .ar { width: 199px; float: right; height: 280px; text-align: left; background: url(../images/ar_2009_bg.jpg) bottom left repeat-x; padding: 10px 10px 10px 30px;  }

#media2 .arFin { width: 199px; float: left; height: 280px; text-align: left;  padding: 10px 10px 10px 30px; border-right: 1px solid #99CCCC; background: url(../images/ar_bg.gif) top left no-repeat; }
#media2 .Fin { width: 178px; border-right: 1px solid #99CCCC; float: left; padding: 10px; height: 280px; text-align: left; font: 11px Arial, Helvetica, sans-serif;}
#media2 .archive { width: 178px;  float: right; padding: 10px; height: 280px; text-align: left; background: url(../images/archive_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; display: none;}

#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; display: none;}

#agmDiv .archive { width: 178px;  float: right; padding: 10px; height: 280px; text-align: left; border-left: 1px solid #99CCCC; font-size: 11px; display: none;}
#agmDiv .current { width: 178px;  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; display: none;}

#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 30px;}
#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; display: none;}
#media4	.link	 { width: 178px;  float: left; padding: 10px; height: 280px; text-align: left;  font-size: 11px; background: url(../images/agm_bg.gif) left top no-repeat;}
#media4	.links { float: right; padding: 10px; height: auto; width: 418px; text-align: left; border-left: 1px solid #99CCCC;}
#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; display: none;}

.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;}


/*homepage layout*/
#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; display: none; }
#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-004 #uiSide li.ui004 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-013 #uiSide li.ui013 a,
.ui-014 #uiSide li.ui014 a{ cursor: default; color: #F93; }

a.napsers { float: left; display: block; width: 117px; height: 70px; background: url('../images/napers.jpg') no-repeat 0 0; position: relative; top:10px; left: 60px; }
#header a:hover { color: #F60; }
#header .search { float: left; position: relative; top: 10px; left: 468px; width: 455px; 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 { display: inline; 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; display: none; }
#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; }
#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; margin: 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; }
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 10px;}
ul.mainList li {margin: 0; padding: 0 0 0px 0px!important; font: 12px Arial, Helvetica, sans-serif; color: #081F4B;line-height: 18px; list-style: disc!important;}


/*=UI-Top Menu
-------------------------------------------------------------------------------*/
ul#ui-topmenu  { display: none; margin: 0; padding: 0; }
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; }


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;
    -moz-border-radius-topright: 0;
 -webkit-border-top-right-radius: 0;
    -moz-border-radius-bottomleft: 8px;
 -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
 -webkit-border-bottom-right-radius: 8px;
 }
 
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; 
}
ul#ui-topmenu li #sub-ui-002{
 position: absolute;
 top: 25px; left: -198px;
 border:10px solid #1376C9;/*color of bg of dropdown*/
 height: 100px;
}
ul#ui-topmenu li #sub-ui-003 {
 position: absolute;
 top: 25px; left: -312px;
 border: 10px solid #1376C9;/*color of bg of dropdown*/
}
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*/
}
ul#ui-topmenu li #sub-ui-006{
 position: absolute;
 top: 25px; left: -783px;
 border:10px solid #1376C9;/*color of bg of dropdown*/
 height: 65px;
}

/*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 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: 1.3em; 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; 
	display: block;	text-decoration: none; color: #333; padding: 0 0!important; font-size: 11px; }
	
ul#ui-topmenu .sub ul li a:hover { color: #F60; }

ul#ui-topmenu li .sub ul.sub-ul-001 { margin: 5px 30px;}
ul#ui-topmenu li .sub ul.sub-ul-002 { margin: 5px 20px;}
ul#ui-topmenu li .sub ul.sub-ul-003 { margin: 5px 50px; width: 150px;}
ul#ui-topmenu li .sub ul.sub-ul-004 { margin: 5px 20px; width: 150px;}

/*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 15px!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 10px 0;
	color: #666; 
	float: right;
	width: 637px;
	/*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;
	}	
	
.dir-link a {margin: 0; padding: 0 0 0px 10px!important;	font: 12px Arial, Helvetica, sans-serif; color: #666;line-height: 18px; list-style-type: none; display: inline;}
.dir-link a:visited {margin: 0; padding: 0 0 0px 10px!important;	font: 12px Arial, Helvetica, sans-serif; color: #666;line-height: 18px; list-style-type: none;}
.dir-link 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;}

.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: 182px; height: 35px; background: url(../images/ui-operations.png) no-repeat -480px 0;}
#sub-ui-002 .sub-ul-ops .technology { display: block; width: 172px; height: 35px; background: url(../images/ui-operations.png) no-repeat -675px 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: 57px;}
#sub-ui-002 .sub-ul-ops .technology a { position: relative; top: 6px; left: 45px;}
/*END operations 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;
 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: 210px;
 left: 23px;
}
#slideA {
 display: block;
 background: url(../images/panel00.jpg) no-repeat top right;
 width:914px;
 height: 349px;
 z-index:1;
}
#slideA-button {
 opacity: 0.9;
 width: 0;
}
#slideB {
 display: block;
 background:  url(../images/panel01.jpg) no-repeat top right;
 width:914px;
 height: 349px;
}
#slideB-button {
 opacity: 0.9;
}
#slideC {
 display: none;
 background: url(../images/panel02.jpg) no-repeat top right;
 width:914px;
 height: 349px;
}
#slideC-button {
 opacity: 0.9;
}
#slideD {
 display: none;
 background: url(../images/panel03.jpg) no-repeat top right;
 width:914px;
 height: 349px;
}
#slideD-button {
 opacity: 0.9;
}
#slideE {
 display: none;
 background: transparent url(../images/panel04.jpg) no-repeat top right;
 width:914px;
 height: 349px;
}
#slideE-button {
 opacity: 0.9;
}
#slideF {
 display: none;
 background: transparent url(../images/img_06.jpg) no-repeat top right;
 width:914px;
 height: 349px;
}
#slideF-button {
 opacity: 0.9;
}
/*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; position:relative; top: 8px; left:390px; }
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. */

.picBorder { border: 1px solid #50A1D8; width: 160px; height: 130px; margin-right: 0px; float: left!important; }
.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: 450px; }
.lightBlue { color: #4CA1D9;}