/** 
 * C&W theme
 * http://www.silverstripe.com
 *
 * This typography file is included in the WYSIWYG editor and the front end. It provides
 * a place to add link styles and font styles you would like in the CMS and the Front End.
 */

 
/* GENERIC STYLES 
-------------------------------------------- */
 

div.typography {
	height: 100%;
}

/* PARAGRAPHS 
-------------------------------------------- */
.typography p { 
 	color: #666;
	margin: 0 0 18px 0;
}

/* QUOTES
-------------------------------------------- */
.typography blockquote {
	margin: 10px;
	font-size: 1.4em;
	color: #777;
	font-style: italic;
}	
.typography q {
	display:block;
	font-size: 0.8em;
	margin: 1em 1em;
	padding: 0.5em;
	border: 1px #ccc solid;
}

/* LINKS 
-------------------------------------------- */

.typography a { 
 	text-decoration: none;
 	/*color: inherit;*/
}

.typography a.page_colour_link {
	color: black;
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-image: url(../images/white_bullet.png);
	background-position: 5px 7px;	
	background-repeat: no-repeat;
	text-transform: uppercase;
}

.typography a.page_colour_link:hover {
	color: white;
}

.typography a:hover { 
	}

/* LIST STYLES 
-------------------------------------------- */
.typography ul {
	margin: 0 0 18px 24px;
	color: #666;
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
}

.typography .body_text ul {
  margin:0 0 18px;
}

#tinymce ul {
  margin:0 0 18px;
}

.typography ol {
	margin: 0 0 18px 24px;
	color: #666;
	margin: 0;
	padding: 0;
	display: block;
}

.typography .body_text ol {
  margin:0 0 18px;
}

#tinymce ol {
  margin:0 0 18px;
}

.typography ul li {
		background-repeat: no-repeat;
		background-position: 8px 8px;
		padding: 3px 0px 3px 24px;		
}

.typography ol li {
		padding: 3px 0px 3px 0px;		
}

.typography #Menu2 li {
	padding: 0px;	
}

/* set the ul's in the editor to indicate page colour */
#tinymce ul,
#tinymce ol {
	border: 1px dashed #d90e27;
}

#tinymce ul li {
	background-image: url(../images/blue_bullet.png);
}
.typography li ul,
.typography li ol {
	padding-top: 2px;
}

.typography ol  {
	padding-left: 24px;
}

.typography ul li ul li {
	font-size: 1em;
	background-repeat: no-repeat;
	background-position: 10px 8px;
	padding: 3px 0px 3px 24px;	
}

.typography ol li ol li {
	padding: 3px 0px 3px 3px;	
}
		
/* HEADER STYLES 
-------------------------------------------- */

.typography h1,
.typography h2 { 
	margin: 0;
	font-weight: 300;
	text-transform: uppercase;
}

.typography h1 {
	font-size: 27px;
	text-transform: uppercase;
	line-height: 22px;
  }

.typography h2 { 
 	font-size: 12px; 
	margin-bottom: 0px;
    text-transform: uppercase;
}

.typography h3 {
	padding-bottom: 5px;
 	font-size: 12px; 
}

.typography h4 {
	font-size: 16px;
	width: 95%;
	font-weight: 300;
	line-height: 18px;
	border-bottom: 1px solid #ccc;
	margin: 0 0 16px 0;
}
.typography h5 {
	font-size: 14px;
	font-weight: 700;
	margin: 0 0 12px 0;
}
.typography h6 {
	font-size: 13px;
	margin: 0 0 12px 0;
}

/* PRE STYLES 
-------------------------------------------- */	
.typography pre {
	font-family:"Courier New",Courier;
	display:block;
	font-size:1.2em;
	margin:2em 5em;
	padding:0.5em;
	border:1px #ccc solid;
	background:#eee;;
}

/* TABLE STYLING 
-------------------------------------------- */
.typography table {
	margin: 0 0 18px 0;
	font-size: 11px;
	color: #666;
	border-collapse:collapse;
}
	.typography tr {}
	
		.typography td {
			border:1px solid #999;
			padding:5px;
		}

/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
	text-align: left;
}
.typography .center {
	text-align: center;
}
.typography .right {
	text-align: right;
}

/* Cable & Wireless colours
-------------------------------------------- */
.white_text,
.white_text a,
.white_text a:visited, 
a.section_link:link,
a.section_link:visited,
a.section_link:hover,
div#Layout.white_page ul#Menu2 li a.section,
div#Layout.white_page ul#Menu2 li a.link:hover
{
	color: white;
}
.white_background,
.white_text a:hover,
.white_text a:active,
.white_text a.hover,
.white_text a.active,
.white_text a.active:visited {
	color: #161514;
	background-color: white;
}


.black_text,
.black_text a,
.black_text a:visited,
.black_bullet a:link,
.black_bullet a:visited,
/*.black_bullet a:hover,*/
ul#Menu2 li a.black_section,
ul#Menu2 li a.black_link:hover,
/*ul#PageControls li a:link,
#ShareMenuLinkLi a:link,*/
ul.sectors_list li a:link,
ul.sectors_list li a:visited,
div.investors_col_text ul li a:link,
div.investors_col_text ul li a:visited,
div.contact_col_text li a:link,
div.contact_col_text li a:visited,
.related_products ul li a:link,
.related_products ul li a:visited,
div#SiteMap li.SiteMapLevel2 a:link,
div#SiteMap li.SiteMapLevel2 a:visited,
div#Layout ul#TabControls li.ui-state-hover a {
	color: #161514;
}

.black_background,
.black_text a:hover,
.black_text a:active,
.black_text a.hover,
.black_text a.active,
.black_text a.active:visited{
	background-color: #161514;
	color: white;
}

.grey_link,
a.grey_link,
.grey_link a:hover,
.grey_link a:active,
.grey_link a:visited {
	color: #666666;
	text-decoration: underline;
}

div.grey_background,
div.grey_background a:link,
div.grey_background a:visited {
	background-color: #666666;
	color: white;
}
#CreditContainer {
	color: #666666;
}

/* class used to trigger rendering text as the page colour, without specifying it exactly */
.page_colour {}

#tinymce .page_colour {
	border: 1px dashed #d90e27;
}

#tinymce h1,
#tinymce h2 {
/*	padding: 14px 0 14px 0;*/
}

.red_text,
.red_text a,
.red_text a:visited,
div#Layout.red_page ul#Menu2 li a.section,
div#Layout.red_page ul#Menu2 li a.link:hover,
div#Layout.red_page div.horizontal_controls li a:hover,
div#Layout.red_page ul#PageControls li a:hover,
div#Layout.red_page ul#BreadcrumbList li a:hover,
div#OverlayContainer.red_page div.horizontal_controls li a:hover,
div#OverlayContainer.red_page ul#PopupPageControls li a:hover,
.red_page ul#TabControls li.ui-state-default a,
div.red_page ul.sectors_list li a:hover,
div.red_page ul.product_list li a:hover,
div.red_page .page_colour,
div.red_page h1.page_colour a,
div#Layout.red_page .body_text p a:link,
div#Layout.red_page .body_text p a:visited,
div#Layout.red_page .body_text li a:link,
div#Layout.red_page .body_text li a:visited,
div#OverlayContainer.red_page .body_text p a:link,
div#OverlayContainer.red_page .body_text p a:visited,
div#OverlayContainer.red_page .body_text li a:link,
div#OverlayContainer.red_page .body_text li a:visited,
#Dialog div.red_page p a:link,
#Dialog div.red_page p a:visited,
#Dialog div.red_page ul li a:link,
#Dialog div.red_page ul li a:visited,
/*div.red_page .body_text p a:link,
div.red_page .body_text p a:visited,*/
div.red_page ul.resource li a:link,
div.red_page ul.resource li a:visited,
div.red_page li.SiteMapLevel1  a,
div.red_page li.SiteMapLevel1  a:link,
div.red_page li.SiteMapLevel1  a:visited,
#SiteMap div.red_page ul.SiteMapLevel2 li.SiteMapLevel2 a:hover,
div.red_page div.product_popup_product,
.red_page .resource_link a:link,
.red_page .resource_link a:visited,
.red_page .contact_link,
.red_page li.black_bullet a:hover,
#CWFormRequired {
	color: #d90e27;
}

.red_background,
.red_text a:hover,
.red_text a:active,
div#Layout.red_page ul#PageControls li#ShareMenu,
div#Layout.red_page ul#TabControls li.ui-state-active a,
div#Layout.red_page .body_text p a:hover,
div#Layout.red_page .body_text li a:hover,
div#OverlayContainer.red_page ul#PopupPageControls li#PopupShareMenu,
div#OverlayContainer.red_page .body_text p a:hover,
div#OverlayContainer.red_page .body_text li a:hover,
div.red_page ul.resource li a:hover,
div.red_page li.SiteMapLevel1  a:hover,
div.red_page ul.resource div.hover,
div.red_page ul.resource div.hover a,
.red_page a.contact_link:hover {
	background-color: #d90e27;
	color: white;
}
div.red_page a.page_colour_link {
	background-color: #d90e27;
	color: black;
}


div.investors_col_text ul li.hover,
div.related_products ul li.hover,
div.contact_col_text ul li.hover {
	background-image: url(../images/white_bullet.png);
}

div.red_page ul li,
div.red_page li.page_colour_bullet,
div#OverlayContainer.red_page div.horizontal_controls li,
div#OverlayContainer.red_page ul#PopupPageControls li,
div#Layout.red_page div.horizontal_controls li,
div#Layout.red_page ul#PageControls li,
div#Layout.red_page ul#BreadcrumbList li {
	background-image: url(../images/red_bullet.png);
}
.green_text,
.green_text a,
.green_text a:visited,
div#OverlayContainer.green_page div.horizontal_controls li a:hover,
div#OverlayContainer.green_page ul#PopupPageControls li a:hover,
div#Layout.green_page ul#Menu2 li a.section,
div#Layout.green_page ul#Menu2 li a.link:hover,
div#Layout.green_page div.horizontal_controls li a:hover,
div#Layout.green_page ul#PageControls li a:hover,
div#Layout.green_page ul#BreadcrumbList li a:hover,
.green_page ul#TabControls li.ui-state-default a,
div.green_page ul.sectors_list li a:hover,
div.green_page ul.product_list li a:hover,
div.green_page .page_colour,
div.green_page h1.page_colour a,
div#Layout.green_page .body_text p a:link,
div#Layout.green_page .body_text p a:visited,
div#Layout.green_page .body_text li a:link,
div#Layout.green_page .body_text li a:visited,
/*div.green_page .body_text p a:link,
div.green_page .body_text p a:visited,*/
div#Layout.green_page .body_text li a:link,
div#Layout.green_page .body_text li a:visited,
div#OverlayContainer.green_page .body_text p a:link,
div#OverlayContainer.green_page .body_text p a:visited,
div#OverlayContainer.green_page .body_text li a:link,
div#OverlayContainer.green_page .body_text li a:visited,
div#OverlayContainer.green_page .body_text li a:link,
div#OverlayContainer.green_page .body_text li a:visited,
#Dialog div.green_page p a:link,
#Dialog div.green_page p a:visited,
#Dialog div.green_page ul li a:link,
#Dialog div.green_page ul li a:visited,
div.green_page ul.resource li a:link,
div.green_page ul.resource li a:visited,
div.green_page li.SiteMapLevel1 a:link,
div.green_page li.SiteMapLevel1 a:visited,
div.green_page li.SiteMapLevel2 a:hover,
#SiteMap div.green_page ul.SiteMapLevel2 li.SiteMapLevel2 a:hover,
div.green_page div.product_popup_product,
.green_page .resource_link a:link,
.green_page .resource_link a:visited,
.green_page .contact_link,
.green_page li.black_bullet a:hover {
	color: #aba300;
}
.green_background,
.green_text a:hover,
.green_text a:active,
div#Layout.green_page ul#PageControls li#ShareMenu,
div#Layout.green_page ul#TabControls li.ui-state-active a,
div#Layout.green_page .body_text p a:hover,
div#Layout.green_page .body_text li a:hover,
div#OverlayContainer.green_page ul#PopupPageControls li#PopupShareMenu,
div#OverlayContainer.green_page .body_text p a:hover,
div#OverlayContainer.green_page .body_text li a:hover,
div.green_page ul.resource li a:hover,
div.green_page li.SiteMapLevel1 a:hover,
div.green_page ul.resource div.hover,
div.green_page ul.resource div.hover a,
.green_page a.contact_link:hover {
	background-color: #aba300;
	color: white;
}
div.green_page a.page_colour_link {
	background-color: #aba300;
	color: black;
}
div.green_page ul li,
div.green_page li.page_colour_bullet,
div#Layout.green_page div.horizontal_controls li,
div#Layout.green_page ul#PageControls li,
div#OverlayContainer.green_page div.horizontal_controls li,
div#OverlayContainer.green_page ul#PopupPageControls li,
div#Layout.green_page ul#BreadcrumbList li {
	background-image: url(../images/green_bullet.png);
}
.purple_text,
.purple_text a,
.purple_text a:visited,
div#Layout.purple_page ul#Menu2 li a.section,
div#Layout.purple_page ul#Menu2 li a.link:hover,
div#Layout.purple_page div.horizontal_controls li a:hover,
div#Layout.purple_page ul#PageControls li a:hover,
div#OverlayContainer.purple_page div.horizontal_controls li a:hover,
div#OverlayContainer.purple_page ul#PopupPageControls li a:hover,
div#Layout.purple_page ul#BreadcrumbList li a:hover, 
.purple_page ul#TabControls li.ui-state-default a,
div.purple_page ul.sectors_list li a:hover,
div.purple_page ul.product_list li a:hover,
div.purple_page .page_colour,
div.purple_page h1.page_colour a,
div#Layout.purple_page .body_text p a:link,
div#Layout.purple_page .body_text p a:visited,
div#Layout.purple_page .body_text li a:link,
div#Layout.purple_page .body_text li a:visited,
div#OverlayContainer.purple_page .body_text p a:link,
div#OverlayContainer.purple_page .body_text p a:visited,
div#OverlayContainer.purple_page .body_text li a:link,
div#OverlayContainer.purple_page .body_text li a:visited,
#Dialog div.purple_page p a:link,
#Dialog div.purple_page p a:visited,
#Dialog div.purple_page ul li a:link,
#Dialog div.purple_page ul li a:visited,
/*div.purple_page .body_text p a:link,
div.purple_page .body_text p a:visited,*/
div.purple_page ul.resource li a:link,
div.purple_page ul.resource li a:visited,
div.purple_page li.SiteMapLevel1 a:link,
div.purple_page li.SiteMapLevel1 a:visited,
#SiteMap div.purple_page ul.SiteMapLevel2 li.SiteMapLevel2 a:hover,
div.purple_page div.product_popup_product,
.purple_page .resource_link a:link,
.purple_page .resource_link a:visited,
.purple_page .contact_link,
.purple_page li.black_bullet a:hover {
	color: #8c5385;
}
.purple_background,
.purple_text a:hover,
.purple_text a:active,
div#Layout.purple_page ul#PageControls li#ShareMenu,
div#Layout.purple_page ul#TabControls li.ui-state-active a,
div#Layout.purple_page .body_text p a:hover,
div#Layout.purple_page .body_text li a:hover,
div#OverlayContainer.purple_page ul#PopupPageControls li#PopupShareMenu,
div#OverlayContainer.purple_page .body_text p a:hover,
div#OverlayContainer.purple_page .body_text li a:hover,
div.purple_page ul.resource li a:hover,
div.purple_page li.SiteMapLevel1 a:hover,
div.purple_page ul.resource div.hover,
div.purple_page ul.resource div.hover a,
.purple_page a.contact_link:hover {
	background-color: #8c5385;
	color: white;
}
div.purple_page a.page_colour_link {
	background-color: #8c5385;
	color: black;
}
div.purple_page ul li,
div.purple_page li.page_colour_bullet,
div#Layout.purple_page div.horizontal_controls li,
div#Layout.purple_page ul#PageControls li,
div#OverlayContainer.purple_page div.horizontal_controls li,
div#OverlayContainer.purple_page ul#PopupPageControls li,
div#Layout.purple_page ul#BreadcrumbList li {
	background-image: url(../images/purple_bullet.png);
}

/*
._text,
._text a,
._text a:visited {

._background,
._text a:hover,
._text a:active {
*/

.orange_text,
.orange_text a,
.orange_text a:visited,
div#Layout.orange_page ul#Menu2 li a.section,
div#Layout.orange_page ul#Menu2 li a.link:hover,
div#Layout.orange_page div.horizontal_controls li a:hover,
div#Layout.orange_page ul#PageControls li a:hover,
div#OverlayContainer.orange_page ul#Menu2 li a.section,
div#OverlayContainer.orange_page ul#Menu2 li a.link:hover,
div#OverlayContainer.orange_page div.horizontal_controls li a:hover,
div#OverlayContainer.orange_page ul#PopupPageControls li a:hover,
div#Layout.orange_page ul#BreadcrumbList li a:hover,
.orange_page ul#TabControls li.ui-state-default a,
div.orange_page ul.sectors_list li a:hover,
div.orange_page ul.product_list li a:hover,
div.orange_page .page_colour,
div.orange_page h1.page_colour a,
div#Layout.orange_page .body_text p a:link,
div#Layout.orange_page .body_text p a:visited,
div#Layout.orange_page .body_text li a:link,
div#Layout.orange_page .body_text li a:visited,
div#OverlayContainer.orange_page .body_text p a:link,
div#OverlayContainer.orange_page .body_text p a:visited,
div#OverlayContainer.orange_page .body_text li a:link,
div#OverlayContainer.orange_page .body_text li a:visited,
#Dialog div.orange_page p a:link,
#Dialog div.orange_page p a:visited,
#Dialog div.orange_page ul li a:link,
#Dialog div.orange_page ul li a:visited,
/*div.orange_page .body_text p a:link,
div.orange_page .body_text p a:visited,*/
div.orange_page ul.resource li a:link,
div.orange_page ul.resource li a:visited,
div.orange_page li.SiteMapLevel1 a:link,
div.orange_page li.SiteMapLevel1 a:visited,
#SiteMap div.orange_page ul.SiteMapLevel2 li.SiteMapLevel2 a:hover,
div.orange_page div.product_popup_product,
.orange_page .resource_link a:link,
.orange_page .resource_link a:visited,
.orange_page .contact_link,
.orange_page li.black_bullet a:hover {
	color: #e56a1f;
}
.orange_background,
.orange_text a:hover,
.orange_text a:active,
div#Layout.orange_page ul#PageControls li#ShareMenu,
div#Layout.orange_page ul#TabControls li.ui-state-active a,
div#Layout.orange_page .body_text p a:hover,
div#Layout.orange_page .body_text li a:hover,
div#OverlayContainer.orange_page ul#PopupPageControls li#PopupShareMenu,
div#OverlayContainer.orange_page .body_text p a:hover,
div#OverlayContainer.orange_page .body_text li a:hover,
div.orange_page ul.resource li a:hover,
div.orange_page li.SiteMapLevel1 a:hover,
div.orange_page ul.resource div.hover,
div.orange_page ul.resource div.hover a,
.orange_page a.contact_link:hover {
	background-color: #e56a1f;
	color: white;
}
div.orange_page a.page_colour_link {
	background-color: #e56a1f;
	color: black;
}
div.orange_page ul li,
div.orange_page li.page_colour_bullet,
div#Layout.orange_page div.horizontal_controls li,
div#Layout.orange_page ul#PageControls li,
div#OverlayContainer.orange_page div.horizontal_controls li,
div#OverlayContainer.orange_page ul#PopupPageControls li,
div#Layout.orange_page ul#BreadcrumbList li {
	background-image: url(../images/orange_bullet.png);
}

.blue_text,
.blue_text a,
.blue_text a:visited,
div#Layout.blue_page ul#Menu2 li a.section,
div#Layout.blue_page ul#Menu2 li a.link:hover,
div#Layout.blue_page div.horizontal_controls li a:hover,
div#Layout.blue_page ul#PageControls li a:hover,
div#Layout.blue_page ul#PageControls li a.hover,
div#OverlayContainer.blue_page div.horizontal_controls li a:hover,
div#OverlayContainer.blue_page ul#PopupPageControls li a:hover,
div#OverlayContainer.blue_page ul#PopupPageControls li a.hover,
div#Layout.blue_page ul#BreadcrumbList li a:hover,
.blue_page ul#TabControls li.ui-state-default a,
div.blue_page ul.sectors_list li a:hover,
div.blue_page ul.product_list li a:hover,
div.blue_page .page_colour,
div.blue_page h1.page_colour a,
div#Layout.blue_page .body_text p a:link,
div#Layout.blue_page .body_text p a:visited,
div#Layout.blue_page .body_text li a:link,
div#Layout.blue_page .body_text li a:visited,
div#OverlayContainer.blue_page .body_text p a:link,
div#OverlayContainer.blue_page .body_text p a:visited,
div#OverlayContainer.blue_page .body_text li a:link,
div#OverlayContainer.blue_page .body_text li a:visited,
#Dialog div.blue_page p a:link,
#Dialog div.blue_page p a:visited,
#Dialog div.blue_page ul li a:link,
#Dialog div.blue_page ul li a:visited,
/*div.blue_page .body_text p a:link,
div.blue_page .body_text p a:visited,*/
div.blue_page ul.resource li a:link,
div.blue_page ul.resource li a:visited,
div.blue_page ul.SiteMapLevel1 li a:link,
/*div.blue_page li.SiteMapLevel1 a:visited,*/
div.blue_page ul.SiteMapLevel1 li a:visited,
#SiteMap div.blue_page ul.SiteMapLevel2 li.SiteMapLevel2 a:hover,
div.blue_page div.product_popup_product,
.blue_page .resource_link a:link,
.blue_page .resource_link a:visited,
.blue_page .contact_link,
.blue_page li.black_bullet a:hover {
	color: #7aa5d8;
}
.blue_background,
.blue_text a:hover,
.blue_text a:active,
div#Layout.blue_page ul#PageControls li#ShareMenu,
div#Layout.blue_page ul#TabControls li.ui-state-active a,
div#Layout.blue_page .body_text p a:hover,
div#Layout.blue_page .body_text li a:hover,
div#OverlayContainer.blue_page ul#PopupPageControls li#PopupShareMenu,
div#OverlayContainer.blue_page .body_text p a:hover,
div#OverlayContainer.blue_page .body_text li a:hover,
div.blue_page ul.resource li a:hover,
div.blue_page ul.resource div.hover,
div.blue_page ul.resource div.hover a,
div.blue_page ul.SiteMapLevel1 li a:hover,
.blue_page a.contact_link:hover {
	background-color: #7aa5d8;
	color: white;
}
div.blue_page a.page_colour_link {
	background-color: #7aa5d8;
	color: black;
}
div.blue_page ul li,
div.blue_page li.page_colour_bullet,
div#OverlayContainer.blue_page div.horizontal_controls li,
div#OverlayContainer.blue_page ul#PopupPageControls li,
div#Layout.blue_page div.horizontal_controls li,
div#Layout.blue_page ul#PageControls li,
div#Layout.blue_page ul#BreadcrumbList li {
	background-image: url(../images/blue_bullet.png);
}
div.blue_page_reverse {
	background-color: #7aa5d8;
}
div.blue_page_reverse h1.page_colour {
	color: white;
}


.yellow_text,
.yellow_text a,
.yellow_text a:visited,
div#Layout.yellow_page ul#Menu2 li a.section,
div#Layout.yellow_page ul#Menu2 li a.link:hover,
div#Layout.yellow_page div.horizontal_controls li a:hover,
div#Layout.yellow_page ul#PageControls li a:hover,
div#Layout.yellow_page ul#BreadcrumbList li a:hover,
div#OverlayContainer.yellow_page div.horizontal_controls li a:hover,
div#OverlayContainer.yellow_page ul#PopupPageControls li a:hover,
.yellow_page ul#TabControls li.ui-state-default a,
div.yellow_page ul.sectors_list li a:hover,
div.yellow_page ul.product_list li a:hover,
div.yellow_page .page_colour,
div.yellow_page h1.page_colour a,
div#Layout.yellow_page .body_text p a:link,
div#Layout.yellow_page .body_text p a:visited,
div#Layout.yellow_page .body_text li a:link,
div#Layout.yellow_page .body_text li a:visited,
div#OverlayContainer.yellow_page .body_text p a:link,
div#OverlayContainer.yellow_page .body_text p a:visited,
div#OverlayContainer.yellow_page .body_text li a:link,
div#OverlayContainer.yellow_page .body_text li a:visited,
#Dialog div.yellow_page p a:link,
#Dialog div.yellow_page p a:visited,
#Dialog div.yellow_page ul li a:link,
#Dialog div.yellow_page ul li a:visited,
/*div.yellow_page .body_text p a:link,
div.yellow_page .body_text p a:visited,*/
div.yellow_page ul.resource li a:link,
div.yellow_page ul.resource li a:visited,
div.yellow_page li.SiteMapLevel1 a:link,
div.yellow_page li.SiteMapLevel1 a:visited,
div.yellow_page li.SiteMapLevel2 a:hover,
#SiteMap div.yellow_page ul.SiteMapLevel2 li.SiteMapLevel2 a:hover,
div.yellow_page div.product_popup_product,
.yellow_page .resource_link a:link,
.yellow_page .resource_link a:visited,
.yellow_page .contact_link,
.yellow_page li.black_bullet a:hover {
	color: #f5ad00;
}
.yellow_background,
.yellow_text a:hover,
.yellow_text a:active,
div#Layout.yellow_page ul#PageControls li#ShareMenu,
div#Layout.yellow_page ul#TabControls li.ui-state-active a,
div#Layout.yellow_page .body_text p a:hover,
div#Layout.yellow_page .body_text li a:hover,
div#OverlayContainer.yellow_page ul#PopupPageControls li#PopupShareMenu,
div#OverlayContainer.yellow_page .body_text p a:hover,
div#OverlayContainer.yellow_page .body_text li a:hover,
div.yellow_page li.SiteMapLevel1 a:hover,
div.yellow_page ul.resource li a:hover,
div.yellow_page ul.resource div.hover,
div.yellow_page ul.resource div.hover a,
.yellow_page a.contact_link:hover {
	background-color: #f5ad00;
	color: white;
}
div.yellow_page a.page_colour_link {
	background-color: #f5ad00;
	color: black;
}
div.yellow_page ul li,
div.yellow_page li.page_colour_bullet,
div#OverlayContainer.yellow_page ul#PopupPageControls li,
div#OverlayContainer.yellow_page div.horizontal_controls li,
div#Layout.yellow_page div.horizontal_controls li,
div#Layout.yellow_page ul#PageControls li,
div#Layout.yellow_page ul#BreadcrumbList li {
	background-image: url(../images/yellow_bullet.png);
}


.grey_text,
.grey_text a,
.grey_text a:visited,
div#Layout.grey_page ul#Menu2 li a.section,
div#Layout.grey_page ul#Menu2 li a.link:hover,
div#Layout.grey_page div.horizontal_controls li a:hover,
div#Layout.grey_page ul#PageControls li a:hover,
div#OverlayContainer.grey_page ul#Menu2 li a.section,
div#OverlayContainer.grey_page ul#Menu2 li a.link:hover,
div#OverlayContainer.grey_page div.horizontal_controls li a:hover,
div#OverlayContainer.grey_page ul#PopupPageControls li a:hover,
div#Layout.grey_page ul#BreadcrumbList li a:hover,
.grey_page ul#TabControls li.ui-state-default a,
div.grey_page ul.sectors_list li a:hover,
div.grey_page ul.product_list li a:hover,
div.grey_page .page_colour,
div.grey_page h1.page_colour a,
div#Layout.grey_page .body_text p a:link,
div#Layout.grey_page .body_text p a:visited,
div#Layout.grey_page .body_text li a:link,
div#Layout.grey_page .body_text li a:visited,
div#OverlayContainer.grey_page .body_text p a:link,
div#OverlayContainer.grey_page .body_text p a:visited,
div#OverlayContainer.grey_page .body_text li a:link,
div#OverlayContainer.grey_page .body_text li a:visited,
#Dialog div.grey_page p a:link,
#Dialog div.grey_page p a:visited,
#Dialog div.grey_page ul li a:link,
#Dialog div.grey_page ul li a:visited,
/*div.grey_page .body_text p a:link,
div.grey_page .body_text p a:visited,*/
div.grey_page ul.resource li a:link,
div.grey_page ul.resource li a:visited,
div.grey_page li.SiteMapLevel1 a:link,
div.grey_page li.SiteMapLevel1 a:visited,
#SiteMap div.grey_page ul.SiteMapLevel2 li.SiteMapLevel2 a:hover,
div.grey_page div.product_popup_product,
.grey_page .resource_link a:link,
.grey_page .resource_link a:visited,
.grey_page .contact_link,
.grey_page li.black_bullet a:hover {
	color: #b3b3b3;
}
.grey_background,
.grey_text a:hover,
.grey_text a:active,
div#Layout.grey_page ul#PageControls li#ShareMenu,
div#Layout.grey_page ul#TabControls li.ui-state-active a,
div#Layout.grey_page .body_text p a:hover,
div#Layout.grey_page .body_text li a:hover,
div#OverlayContainer.grey_page ul#PopupPageControls li#PopupShareMenu,
div#OverlayContainer.grey_page .body_text p a:hover,
div#OverlayContainer.grey_page .body_text li a:hover,
div.grey_page ul.resource li a:hover,
div.grey_page li.SiteMapLevel1 a:hover,
div.grey_page ul.resource div.hover,
div.grey_page ul.resource div.hover a,
.grey_page a.contact_link:hover {
	background-color: #b3b3b3;
	color: white;
}
div.grey_page a.page_colour_link,
div.grey_page div.page_colour_link,
div.grey_page span.page_colour_link
 {
	background-color: #b3b3b3;
	color: black;
}
div.grey_page div.page_colour_link,
div.grey_page span.page_colour_link
 {
	padding:4px 10px 4px 10px;
 	font-weight: bold;
	text-transform: uppercase;
}
div.grey_page ul li,
div.grey_page li.page_colour_bullet,
div#Layout.grey_page div.horizontal_controls li,
div#Layout.grey_page ul#PageControls li,
div#OverlayContainer.grey_page div.horizontal_controls li,
div#OverlayContainer.grey_page ul#PopupPageControls li,
div#Layout.grey_page ul#BreadcrumbList li {
	background-image: url(../images/grey_bullet.png);
}



/* specific colours */
div.white_page ul.issues_list li.hover,
div.white_page ul.vacancies_list li:hover,
div.white_page div.investors_col_text ul li.hover,
div.white_page div.contact_col_text ul li.hover,
div.white_page a.ui-dialog-titlebar-close {
	background-color: #161514;
	color: white;
}
div.red_page ul.issues_list li.hover,
div.red_page ul.vacancies_list li:hover,
div.red_page div.investors_col_text ul li.hover,
div.red_page div.contact_col_text ul li.hover,
div.red_page a.ui-dialog-titlebar-close {
	background-color: #d90e27;
}
div.green_page ul.issues_list li.hover,
div.green_page ul.vacancies_list li:hover,
div.green_page div.investors_col_text ul li.hover,
div.green_page div.contact_col_text ul li.hover,
div.green_page a.ui-dialog-titlebar-close {
	background-color: #aba300;
}
div.purple_page ul.issues_list li.hover,
div.purple_page ul.vacancies_list li:hover,
div.purple_page div.investors_col_text ul li.hover,
div.purple_page div.contact_col_text ul li.hover,
div.purple_page a.ui-dialog-titlebar-close {
	background-color: #8c5385;
}

div.blue_page ul.issues_list li.hover,
div.blue_page ul.vacancies_list li:hover,
div.blue_page div.investors_col_text ul li.hover,
div.blue_page div.contact_col_text ul li.hover,
div.blue_page a.ui-dialog-titlebar-close {
	background-color: #7aa5d8;
}
div.orange_page ul.issues_list li.hover,
div.orange_page ul.vacancies_list li:hover,
div.orange_page div.investors_col_text ul li.hover,
div.orange_page div.contact_col_text ul li.hover,
div.orange_page a.ui-dialog-titlebar-close {
	background-color: #e56a1f;
}
div.yellow_page ul.issues_list li.hover,
div.yellow_page ul.vacancies_list li:hover,
div.yellow_page div.investors_col_text ul li.hover,
div.yellow_page div.contact_col_text ul li.hover,
div.yellow_page a.ui-dialog-titlebar-close {
	background-color: #f5ad00;
}

div.grey_page ul.issues_list li.hover,
div.grey_page ul.vacancies_list li:hover,
div.grey_page div.investors_col_text ul li.hover,
div.grey_page div.contact_col_text ul li.hover,
div.grey_page a.ui-dialog-titlebar-close {
	background-color: #b3b3b3;
}


div.related_products li.hover a,
div.related_products li.hover a:hover,
div#investors li.hover a,
div#investors li.hover a:hover,
div.contact_col_text li.hover a,
div.contact_col_text li.hover a:hover {
	color: white;
}

div.resource_link.hover,
div.related_products li.hover,
div#investors li.hover,
div.contact_col_text li.hover {
	cursor: pointer;
}

/*div.highlight_block:hover {
	background-color: #e8e7d5;
} */

.BottomContentLinks {
	background-color: #dcdbcf;
}

.header_text {
	font-size: 20px;
	text-transform: uppercase;
	line-height: 23px;
	color: #161514;
	letter-spacing: -0.25px;
}

.small_text {
	font-size: 12px;
}

/* font substitution */
.font_substitution {
	text-transform: uppercase;
}

/* IMAGES 
-------------------------------------------- */
.typography img {
	border: none;
}
	.typography img.right {
		float: right;
		margin-left: 20px;
	}
	.typography img.left {
		float: left;
	}
	.typography img.leftAlone {
		float: left;
	}
	.typography img.center {
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

/* UI Tabs */
.ui-tabs .ui-tabs-hide {
     display: none;
}

/* SEARCH
------------------------------------------*/
div.SearchResult a.search_link:link {
	 
}

div.searchresult a.search_link:link,
div.searchresult a.search_link:visited,
div#PageNumbers a.search_link:link,
div#PageNumbers a.search_link:visited  {
	color: #aba300;
	text-decoration: none;
}
div.searchresult a.search_link:hover,
div#PageNumbers a.search_link:hover {
	color: #aba300;
	text-decoration: underline;
}
p.search_content {
	margin-bottom: 0px;
}

h2.search_header {
	text-transform: none;
}

h2.search_query {
	text-transform: capitalize;
	font-size: 16px;
	padding-bottom: 10px;
}

/* SITEMAP
-------------------------------------------- */

div#HomeLink a:link,
div#HomeLink a:visited {
	background-color: black;
	color: white;
}
div#HomeLink a:hover {
	color: #d90e27;
}
div.SiteMapTopLevel a:link,
div.SiteMapTopLevel a:visited {
	color: black;
}

div.ContactLink a:link,
div.ContactLink a:visited,
div.SiteMapTopLevel a:hover {
	color: white;
}
div.ContactLink a:hover {
	color: black;
}