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

001  -  CSS Reset



/*001 -  CSS Reset
--------------------------------------------------------------------------*/
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;	padding: 0;	border: 0;	font-size: 100%; font: inherit;	vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, main, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

a {margin:0; padding:0;  font-size:100%; vertical-align:baseline; background:transparent;}
a, a img {text-decoration: none; outline: none;}
ins { background-color:#ff9; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;  cursor:help;}

* {	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} [hidden] {display: none;} * {margin: 0; padding: 0;} .cf:before, .cf:after {content: " "; display: table;} .cf:after { content: " "; display: block; clear: both;} .cf {*zoom: 1;} html {font-size: 100%;  height: 100%; margin-bottom: 1px; overflow-y: scroll; overflow-x: hidden; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
* {	-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}



.xxxx {display: none; /*position: fixed; bottom: 10px; left: 10px; width: 100px; height: 30px; background: pink; font-size: 0.8em; color: #666; font-family:Verdana, Geneva, sans-serif;*/}
/* 
#ghf-main-content {background-image:url(../_graphics/error.gif);}*/

body {}



/* 001 -  Core structure
--------------------------------------------------------------------------*/
/* 001 - 01 desk - main structure ----------------------------------------*/
#wrapper {
	margin: 10px auto;
	padding: 0;
	width: 95%;
	max-width: 960px;}

#wrapper.mobile{}
#wrapper.desk {}

/* 001 - 02 desk - switcher ----------------------------------------------*/
.language {
	position: absolute;
	display: block;
	top: -5px;
	right: 0;}

.language p {
	display: inline-block;
	float: left;
	color: #999;
	margin: 0 5px 0 0;
	font-size: 12px;
	line-height: 25px;}

.language a {
	display: block;
	float: left;
	width: 36px; height: 27px;
	margin: 0 0 0 5px;
	background-image:url(../_graphics/sprite.png);}
	
	.language a.en_GB {background-position: -350px 0px;}
	.language a.zh_CN {background-position: -350px -40px;}

	.language a.active-flag.en_GB, .language a.en_GB:hover {background-position: -310px 0px;}
	.language a.active-flag.zh_CN, .language a.zh_CN:hover {background-position: -310px -40px;}


/* 001 - 03 desk - banner ------------------------------------------------*/
header#ghf-banner {
	position: relative;
	display: block;
	margin-bottom: 20px}

.headerHold {overflow: hidden;}

.imgLeft, .imgRight,
.CNimgLeft, .CNimgRight {float: left;}

.imgLeft {width: 25%}
.imgRight {width: 75%}

.CNimgLeft {width: 40%}
.CNimgRight {width: 60%;}

.imgLeft img, .imgRight img,
.CNimgLeft img, .CNimgRight img	 {
	display: block;
	width: 100%;
	height: auto;}			

/*.ghf-banner-menu {display: block; margin-left: 25%;}*/

/* 001 - 04 desk - content -----------------------------------------------*/
#ghf-wrapper-inner {
	clear: both;
	overflow: hidden;}

#ghf-content-main {
	display: block;
	float: right;
	min-height: 400px;
	width: 74%;}

#ghf-sidebar {
	display: block;
	float: left;
	width: 23%;}

#ghf-sidebar aside {
	padding: 0;
	margin: 0 0 20px 0;}
	
.ghf-contentTop, .ghf-contentView {margin: 0 0 20px 0;}
.ghf-contentBottom {margin: 0 0 20px 0;}

/* 001 - 05 desk - footer ------------------------------------------------*/
#main-footer {
	clear: both;
	overflow: auto;
	border-top: 1px solid #E23827;
	margin: 20px 0 0 0;}

.footerTop {
	padding: 10px 0 5px 0;
	overflow: auto;}

.footerTopLeft {
	width: 59%;
	float: left;}

.footerTopRight {
	width: 39%;
	float: right;}

.footerTopRight p {
	clear: both;
	text-align: right;}

.footerBottom {overflow: auto;}

.footerAddy {
	float: left;
	width: 25%;}

.footerAddy p {	padding: 5px 10px 10px 0;}


@media only screen and (max-width: 759px) {
/* 001 - 01 mobile - main structure --------------------------------------*/
#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 600px;
	position: relative;
	overflow: hidden;}

/* 001 - 02 mobile - switcher --------------------------------------------*/
.language {
	position: relative;
	display: block;	
	clear: both;
	margin: ;
	padding: 10px 0 0 5px;}

.language p {display: none;}

.language a {
	display: block;
	float: left; width: 48px; height: 36px;
	margin: 0 0 0 5px;}
	
	.language a.en_GB {background-position: -260px 0px;}
	.language a.zh_CN {background-position: -260px -40px;}

	.language a.active-flag.en_GB, .language a.en_GB:hover {background-position: -210px 0px;}
	.language a.active-flag.zh_CN, .language a.zh_CN:hover {background-position: -210px -40px;}

/* 001 - 03 mobile - banner ----------------------------------------------*/
.headerHold {display: none;}
#wrapper.page-type-eng-home .headerHold, 
#wrapper.page-type-chn-home .headerHold {display: block;}

page-template-en-page {}

header#ghf-banner {
	position: relative;
	display: block;
	margin-bottom: 0;}

#ghf-banner .imgLeft   {
	width: 40%;
	float: none;
	display: block;
	margin: 0 auto;			
	padding: 10px 0 0 0;}

#ghf-banner .CNimgLeft  {
	width: 60%;
	FLOAT: NONE;
	display: block;
	margin: 0 auto;			
	padding: 10px 0 0 0;}			

#ghf-banner .imgLeft img {margin-left: 4.5%}
#ghf-banner .CNimgLeft img {margin-left: 4.5%}

#ghf-banner .imgRight,
#ghf-banner .CNimgRight {display: block; width: 100%;}

.imgLeft img, .imgRight img,
.CNimgLeft img, .CNimgRight img {
	display: block;
	float: none;
	width: 100%;
	height: auto;}

/* 001 - 04 mobile - content ---------------------------------------------*/
#ghf-wrapper-inner {
	clear: both;
	overflow: hidden;
	margin: 0 0 20px 0;}

#ghf-content-main {
	padding: 10px;
	float: none;
	width: 100%;
	margin: 0 0 10px 0;}

#ghf-sidebar {
	padding: 10px;
	float: none;
	width: 100%;}

#ghf-sidebar aside {
	padding: 0;
	margin: 0 0 20px 0;}

/* 001 - 05 mobile - footer ----------------------------------------------*/
.footerTop {
	padding: 10px 10px 5px 10px;
	overflow: auto;}

.footerTopLeft, .footerTopRight {
	float: none;
	width: 100%;
	text-align: center;
	margin: 0 0 10px 0;}

.footerTopRight p {
	clear: both;
	margin: 10px;
	text-align:center;}

.footerBottom {
	display: none;}	
}


/*002 - Font load
--------------------------------------------------------------------------*/
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(http://themes.googleusercontent.com/static/fonts/roboto/v9/Hgo13k-tfSpn0qi1SFdUfT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');}

/*003 - Core typography
----------------------------------------------------------------------------------------------*/
body {
	font-family:  'Roboto', Helvetica, Arial, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
	font-weight: normal;
	font-size: 100%;
	font-weight: 100;
	color: #666;}

h1, h2, h3, h4, h5, h6 {
	font-family:  'Roboto', Helvetica, Arial, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
	color: #E23827;
	line-height: 1em;
	font-weight: 100;}
	
	#ghf-main-content header {margin: 0 0 20px 0;}
	
	#ghf-main-content h1 {
		text-transform:uppercase;
		font-size: 2.2em;	
		margin: 0;}
		
		#ghf-main-content h1 span {color: #999; font-size: 0.8em; line-height: 0.9em;} 
		
	#ghf-main-content h2 {
		font-size: 1.6em;
		margin: 20px 0 20px 0;}
		
		#ghf-main-content h2.noMargin {margin: 0 0 20px 0;}
		#ghf-main-content h2.noMargin01 {margin: 0 0 5px 0;}
		
		#ghf-main-content header h2 {margin: 0; color: #333;}

	#ghf-main-content h3 {font-size: 1.4em; margin: 15px 0 15px 0;}
		#ghf-main-content h3.noMargin {margin: 20px 0 15px 0;}		
		#ghf-main-content h3.RSVP {margin: 0 0 -15px 0;}
		
	#ghf-main-content h4 {font-size: 1.2em; margin: 15px 0 15px 0;}
	#ghf-main-content h4.noMargin {margin: 20px 0 5px 0;}
	#ghf-main-content h5 {font-size: 1em; line-height: 1.2em; margin: 15px 0 15px 0;}
	
	#ghf-main-content p {
		color: #666; 
		font-weight: 100;
		font-size: 0.8em;
		line-height: 1.4em;
		margin: 0 0 10px 0;}
	
	#ghf-main-content p em {color: #555; font-style:italic;}

	#ghf-main-content p strong {color: #333; font-weight:bold;}
		
		#ghf-main-content .smallPrint {color: #999; font-size: 0.7em;}		

	#ghf-sidebar aside header {}
		
	#ghf-sidebar aside h2 {
		text-transform:uppercase;
		display: block;
		font-size: 1.4em;
		/*border-bottom: 1px solid #E23827;
		padding: 0 0 5px 0;*/	
		margin: 0 0 5px 0;}
		
		#ghf-sidebar aside h2 a {display: block; color: #E23827; padding: 5px; border-bottom: 1px solid #E23827;} 
		#ghf-sidebar aside h2 a:hover,
		#ghf-sidebar aside h3 a:hover {background: #E23827; color: #fff;} 
		
		#ghf-sidebar aside h3 {	text-transform:uppercase; display: block; font-size: 1em;}
		#ghf-sidebar aside h3 a {display: block; color: #E23827; padding: 5px 5px 5px 15px; position: relative;}

	#ghf-sidebar aside h3 a:before {
		content: ''; display: block; width: 6px; height: 12px; 	position: absolute;
		left: 5px; top: 50%; margin-top: -6px; background-image:url(../_graphics/sprite.png);	background-position: -200px -200px;}
		
		#ghf-sidebar aside h3 a:hover:before {background-position: -210px -200px;}



	footer p {
		color: #999;
		font-size: 0.65em;
		margin: 0 0 5px 0;
		line-height: 1.2em;}

	.footerAddy p strong {color: #333; font-weight: normal;}
		
	#ghf-main-content .quote {
		display: block;
		padding: 10px;
		background: #fafafa;
		clear: both;
		margin: 10px 30px 20px 30px;
		color: #333;
		font-style:italic;}

	#ghf-main-content a, #ghf-main-content a strong  {
		text-decoration: none;
		color: #E23827;}
		
		#ghf-main-content a:hover, #ghf-main-content a:hover strong {
			color: #333;}

	#ghf-main-content ul,
	#ghf-main-content ol {
	  margin: 20px 20px 20px 40px;
	  padding: 0;	   
	  clear: both;}
	  
	  #ghf-main-content ul {list-style:circle; }
	  #ghf-main-content ol {/*list-style:lower-alpha;*/ list-style:lower-roman; }
	  #ghf-main-content ol.exchNotes {list-style: decimal;}
	
		#ghf-main-content ul li,
		#ghf-main-content ol li {
			color: #666;
			font-size: 0.8em;
			line-height: 1.2em;
			padding: 0;
			margin: 0 0 5px 0;}
			
			#ghf-main-content ol.exchNotes li {padding: 0 0 0 20px;}
			#ghf-main-content ol li strong {font-weight: bold; color: #333;}
		
		#ghf-main-content ul li ul {margin-top: 10px; margin-bottom: 10px;}	
		#ghf-main-content ul li ul li {font-size: 1em;}

	#ghf-main-content .homeLink {
		font-family: 'Roboto', Helvetica, Arial, sans-serif; 
		padding: 1px 30px 2px 30px;
		margin: 30px 0 30px 0;
		position: relative;
		font-size: 0.8em;
		line-height: 1.4em;
		outline: 0;
		border: 0;	
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		background: #E23827;
		color: #fff}

			#ghf-main-content .homeLink:hover {
				background: #333;
				color: #fff;}

	#ghf-sidebar .newsletterText {
		color: #666; 
		font-size: 0.8em;
		line-height: 1.3em;
		margin: 0 5px 10px 5px;}


/*003 - view typography
----------------------------------------------------------------------------------------------*/
#ghf-main-content .ghf-contentView {
		color: #666; 
		font-weight: 100;
		font-size: 0.8em;
		line-height: 1.3em;
		margin: 0 0 10px 0;}

	#ghf-main-content .ghf-contentView h1 {font-size: 2.75em; margin: 0 0 20px 0;}



/*.en_GB {background: green !important;}*/
.ghf-contentView {}
.errorCom {
	margin: 20px 0 0 0;
	padding: 20px 0 10px 0; 
	border-top: 1px solid #dedede;}
	
.errorMen {
	margin: 0 0 20px 0;
	padding: 20px 0 20px 0;
	border-top: 1px solid #dedede;}

.errorCom.eng.hide,
.errorCom.chi.hide,
.errorCom.eng.zh_CN, 
.errorCom.chi.en_GB,
.errorCom.chi.en_US {display: none; margin: 0; padding: 0;}

.errorMen.hide {display: none;}

#ghf-main-content .errorMen ul {
	display: block; margin: 0 20px 0 20px;
	list-style: none;}
  
#ghf-main-content .errorMen li  {font-size: 1em; line-height: 1.2em;}
#ghf-main-content .errorMen li ul li {font-size: 0.9em; line-height: 1.2em;}
#ghf-main-content .errorMen li ul li ul li {font-size: 1em; line-height: 1.2em;}

#ghf-main-content .errorMen ul ul {margin: 5px 0 7px 20px;} 
#ghf-main-content .errorMen li a {padding-left: 10px; position: relative; display: inline-block;}
#ghf-main-content .errorMen li a:before {position: absolute; left: 0; content: "-";}
#ghf-main-content .errorMen li ul li a {padding-left: 15px;}
#ghf-main-content .errorMen li ul li a:before {content: "--";}
#ghf-main-content .errorMen li ul li ul li a {padding-left: 20px;}
#ghf-main-content .errorMen li ul li ul li a:before {content: "---";}


/*004 - Main menu
--------------------------------------------------------------------------*/
.ghf-banner-menu {margin-left: 25%;}
#wrapper.mobile .ghf-banner-menu {display: none;}
#wrapper.desk .ghf-banner-menu {display: block;}

/* 004 - 01 desk - menu --------------------------------------------------*/
#menu-wrap .nav, #menu-wrap .nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;}

#menu-wrap .nav {
	width: 100%;
	margin: 0;
	border-bottom: 1px solid #E23827;
	/*background-color: #fff;*/
	zoom:1;	}

#menu-wrap .nav:before, #menu-wrap .nav:after {
	content: "";
	display: table;	}

#menu-wrap .nav:after {clear: both;}

#menu-wrap .nav li {
	float: left;
	position: relative;	}

#menu-wrap .nav a { 
	font-weight: 100;
	float: left;
	color: #666;		
	text-decoration: none;}

#menu-wrap .nav li a {
	padding: 10px 8px 10px 8px;
	font-size: 14px;
	line-height: 18px;}

#menu-wrap .nav li ul li a {
	padding: 7px 10px 7px 10px;
	margin: 0 5px 0 5px;			
	font-size: 12px;
	line-height: 16px;}
	
	#menu-wrap .nav li ul li a span {font-size: 11px; color: #999;}

#menu-wrap .nav li a:hover,
#menu-wrap .nav li a:hover span {color: #E23827;}

/*
#menu-wrap .nav li:hover  a,  
*html #menu-wrap .nav li a:hover,
*html #menu-wrap .nav li a:hover span {color: #E23827;}
*/

#menu-wrap .nav  ul {
	margin: 30px 0 0 0;
	_margin: 0; 
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 100%;
	z-index: 100; 
	background-color: #fff;		
	width: 200px;
	border: 1px solid #E23827;}

#menu-wrap .nav li:hover > ul {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	margin: 0;}

#menu-wrap .nav ul ul {
	top: -1px;	
	margin: 0 0 0 20px;
	_margin: 0;
	border: 1px solid #E23827;}

#menu-wrap .nav ul li {
	float: none;
	display: block;
	border: 0;		
	_line-height: 0;}

#menu-wrap .nav ul li:first-child {}	
#menu-wrap .nav ul li:last-child {}

#menu-wrap .nav ul a {    
	padding: 10px;
	min-width: 150px;
	_height: 10px; 
	display: block;
	float: none;
	text-transform: none;
	border-top: 1px solid #E1E1E1;}

#menu-wrap .nav ul a:hover {color: #E23827;}
#menu-wrap .nav ul li:first-child > a {	border-top: none;	margin-top: 0px;}
#menu-wrap .nav ul li:last-child > a { border-bottom: none;	margin-bottom: 0px;}

/* top level notification for dropdown: */		
#menu-wrap .nav > li > a.wp:before {
	content: '';
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	right: -5px;
	top: 50%;
	margin-top: -7px;
	background-image:url(../_graphics/sprite.png);
	background-position: -160px -100px;}

#menu-wrap .nav > li > a.wp:hover:before {background-position: -180px -100px;}

/* drop down notification up */
#menu-wrap .nav > li > ul:before {
	content: '';
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	top: -14px;
	background-image:url(../_graphics/sprite.png);
	background-position: -160px -180px;}

/* sub level notification for dropdown: */		
#menu-wrap .nav > li > ul > li a.wp:before {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -8px;
	background-image:url(../_graphics/sprite.png);}

/* denoninator for all links - drop down */
#menu-wrap .nav ul li a:after {
	display: block;
	content: '';
	position: absolute;
	left: 5px;
	top: 50%;
	margin-top: -8px;
	width: 10px;
	height: 16px;
	background-image:url(../_graphics/sprite.png);
	background-position: -160px -160px;}

	#menu-wrap .nav ul li a:hover:after {background-position: -180px -160px;}	

/* Active menu item */
#menu-wrap .nav .nav-path-selected {color: #E23827;}

@media screen and (max-width: 960px) {
/*#menu-wrap .nav  ul {right: -11px;}*/
#menu-wrap .nav .item-1 > ul {left: 0;}
#menu-wrap .nav .item-2 > ul {left: 0;}
#menu-wrap .nav .item-3 > ul {left: 0;}
#menu-wrap .nav .item-4 > ul {left: 0;}
#menu-wrap .nav .item-5 > ul {right: -11px;}
#menu-wrap .nav .item-6 > ul {right: -11px;}
#menu-wrap .nav .item-7 > ul {right: -11px;}
#menu-wrap .nav .item-8 > ul {right: -11px;}

/*#menu-wrap .nav ul ul {right: 100%;}*/
#menu-wrap .nav .item-1 > ul ul {left: 100%;}
#menu-wrap .nav .item-2 > ul ul {left: 100%;}
#menu-wrap .nav .item-3 > ul ul {left: 100%;}
#menu-wrap .nav .item-4 > ul ul {left: 100%;}
#menu-wrap .nav .item-5 > ul ul {right: 100%;}
#menu-wrap .nav .item-6 > ul ul {right: 100%;}
#menu-wrap .nav .item-7 > ul ul {right: 100%;}
#menu-wrap .nav .item-8 > ul ul {right: 100%;}

/* drop down notification up 
#menu-wrap .nav > li > ul:before {right: 5px;}*/
#menu-wrap .nav .item-1 > ul:before {left: 5px;}
#menu-wrap .nav .item-2 > ul:before {left: 5px;}
#menu-wrap .nav .item-3 > ul:before {left: 5px;}
#menu-wrap .nav .item-4 > ul:before {left: 5px;}
#menu-wrap .nav .item-5 > ul:before {right: 5px;}
#menu-wrap .nav .item-6 > ul:before {right: 5px;}
#menu-wrap .nav .item-7 > ul:before {right: 5px;}
#menu-wrap .nav .item-8 > ul:before {right: 5px;}

/* sub level notification for dropdown: 
#menu-wrap .nav > li > ul > li a.wp:before {background-position: -160px -120px;}*/
#menu-wrap .nav .item-1 > ul > li a.wp:before {background-position: -160px -140px;}
#menu-wrap .nav .item-2 > ul > li a.wp:before {background-position: -160px -140px;}
#menu-wrap .nav .item-3 > ul > li a.wp:before {background-position: -160px -140px;}
#menu-wrap .nav .item-4 > ul > li a.wp:before {background-position: -160px -140px;}

#menu-wrap .nav .item-5 > ul > li a.wp:before {background-position: -160px -120px;}
#menu-wrap .nav .item-6 > ul > li a.wp:before {background-position: -160px -120px;}
#menu-wrap .nav .item-7 > ul > li a.wp:before {background-position: -160px -120px;}
#menu-wrap .nav .item-8 > ul > li a.wp:before {background-position: -160px -120px;}

/*#menu-wrap .nav > li > ul > li a.wp:hover:before {background-position: -180px -120px;}*/
#menu-wrap .nav .item-1 > ul > li a.wp:hover:before {background-position: -180px -140px;}
#menu-wrap .nav .item-2 > ul > li a.wp:hover:before {background-position: -180px -140px;}
#menu-wrap .nav .item-3 > ul > li a.wp:hover:before {background-position: -180px -140px;}
#menu-wrap .nav .item-4 > ul > li a.wp:hover:before {background-position: -180px -140px;}

#menu-wrap .nav .item-5 > ul > li a.wp:hover:before {background-position: -180px -120px;}
#menu-wrap .nav .item-6 > ul > li a.wp:hover:before {background-position: -180px -120px;}
#menu-wrap .nav .item-7 > ul > li a.wp:hover:before {background-position: -180px -120px;}
#menu-wrap .nav .item-8 > ul > li a.wp:hover:before {background-position: -180px -120px;}		

}


@media screen and (min-width: 961px) and (max-width: 1299px) {
/*#menu-wrap .nav  ul {right: -11px;}*/
#menu-wrap .nav .item-1 > ul {left: 0;}
#menu-wrap .nav .item-2 > ul {left: 0;}
#menu-wrap .nav .item-3 > ul {left: 0;}
#menu-wrap .nav .item-4 > ul {left: 0;}
#menu-wrap .nav .item-5 > ul {left: 0;}

#menu-wrap .nav .item-6 > ul {right: -11px;}
#menu-wrap .nav .item-7 > ul {right: -11px;}
#menu-wrap .nav .item-8 > ul {right: -11px;}

/*#menu-wrap .nav ul ul {right: 100%;}*/
#menu-wrap .nav .item-1 > ul ul {left: 100%;}
#menu-wrap .nav .item-2 > ul ul {left: 100%;}
#menu-wrap .nav .item-3 > ul ul {left: 100%;}
#menu-wrap .nav .item-4 > ul ul {left: 100%;}
#menu-wrap .nav .item-5 > ul ul {left: 100%;}

#menu-wrap .nav .item-6 > ul ul {right: 100%;}
#menu-wrap .nav .item-7 > ul ul {right: 100%;}
#menu-wrap .nav .item-8 > ul ul {right: 100%;}

/* drop down notification up 
#menu-wrap .nav > li > ul:before {right: 5px;}*/
#menu-wrap .nav .item-1 > ul:before {left: 5px;}
#menu-wrap .nav .item-2 > ul:before {left: 5px;}
#menu-wrap .nav .item-3 > ul:before {left: 5px;}
#menu-wrap .nav .item-4 > ul:before {left: 5px;}
#menu-wrap .nav .item-5 > ul:before {left: 5px;}

#menu-wrap .nav .item-6 > ul:before {right: 5px;}
#menu-wrap .nav .item-7 > ul:before {right: 5px;}
#menu-wrap .nav .item-8 > ul:before {right: 5px;}

/* sub level notification for dropdown: 
#menu-wrap .nav > li > ul > li a.wp:before {background-position: -160px -120px;}*/
#menu-wrap .nav .item-1 > ul > li a.wp:before {background-position: -160px -140px;}
#menu-wrap .nav .item-2 > ul > li a.wp:before {background-position: -160px -140px;}
#menu-wrap .nav .item-3 > ul > li a.wp:before {background-position: -160px -140px;}
#menu-wrap .nav .item-4 > ul > li a.wp:before {background-position: -160px -140px;}		
#menu-wrap .nav .item-5 > ul > li a.wp:before {background-position: -160px -140px;}	
	
#menu-wrap .nav .item-6 > ul > li a.wp:before {background-position: -160px -120px;}
#menu-wrap .nav .item-7 > ul > li a.wp:before {background-position: -160px -120px;}
#menu-wrap .nav .item-8 > ul > li a.wp:before {background-position: -160px -120px;}

/*#menu-wrap .nav > li > ul > li a.wp:hover:before {background-position: -180px -120px;}*/
#menu-wrap .nav .item-1 > ul > li a.wp:hover:before {background-position: -180px -140px;}
#menu-wrap .nav .item-2 > ul > li a.wp:hover:before {background-position: -180px -140px;}
#menu-wrap .nav .item-3 > ul > li a.wp:hover:before {background-position: -180px -140px;}
#menu-wrap .nav .item-4 > ul > li a.wp:hover:before {background-position: -180px -140px;}		
#menu-wrap .nav .item-5 > ul > li a.wp:hover:before {background-position: -180px -140px;}
		
#menu-wrap .nav .item-6 > ul > li a.wp:hover:before {background-position: -180px -120px;}
#menu-wrap .nav .item-7 > ul > li a.wp:hover:before {background-position: -180px -120px;}
#menu-wrap .nav .item-8 > ul > li a.wp:hover:before {background-position: -180px -120px;}		

}

@media screen and (min-width: 1300px) {
#menu-wrap .nav  ul {left: 0;}
#menu-wrap .nav ul ul {left: 100%;}

/* drop down notification up */	
#menu-wrap .nav > li > ul:before {left: 5px;}

/* sub level notification for dropdown: */	
#menu-wrap .nav > li > ul > li a.wp:before {background-position: -160px -140px;}
#menu-wrap .nav > li > ul > li a.wp:hover:before {background-position: -180px -140px;}
}

/* removes transition from iPad - as prevents dropdowns working */
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){
#menu-wrap .nav ul,
#menu-wrap .nav li:hover > ul {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;}	
}

@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape){
#menu-wrap .nav ul,
#menu-wrap .nav li:hover > ul {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;}	
}

/* 004 - 02 mobile - menu ------------------------------------------------*/
a.meanmenu-reveal {display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	float: left;
	width: 100%;
	position: relative;
	background: #E23827;
	padding: 4px 0;
	min-height: 50px;
	z-index: 999999;}
	
	.mean-container .mean-bar:hover {background: #383838;}

.mean-container .mean-bar:before {
	content: 'G. H. Financials';
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 28px;
	line-height: 48px;
	color: #fff;
	position: absolute;		
	left: 10px;}
.mean-container .mean-bar:before {
	content: 'G. H. Financials';
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 28px;
	line-height: 48px;
	color: #fff;
	position: absolute;		
	left: 10px;}

.mean-container a.meanmenu-reveal {
	width: 100%;
	height: 100%;
	position: absolute; 
	top: 0;
	left: 0;
	cursor: pointer;
	display: block;}

.mean-container a.meanmenu-reveal .navOpen,
.mean-container a.meanmenu-reveal .navClose {
	position: absolute;
	right: 10px;
	top: 5px;
	width: 40px;
	height: 40px;
	overflow: hidden;
	background-image:url(../_graphics/sprite.png);}

.mean-container a.meanmenu-reveal .navOpen {
	background-position: -40px 0;}

.mean-container a.meanmenu-reveal .navClose {
	background-position: 0 0;}


.mean-container .mean-nav {
	float: left;
	width: 100%;	
	background: #E23827;
	margin-top: 50px;}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
	/*border-bottom: 5px solid #E33726;*/}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;}

.mean-container .mean-nav ul li {background: #333333;}
.mean-container .mean-nav ul li ul li {background: #383838;}
.mean-container .mean-nav ul li ul li ul li {background: #3D3D3D;}

.mean-container .mean-nav ul li a {
	display: block;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 20px;
	padding: 15px 50px 15px 10px;	
	margin: 0;
	text-align: left;
	color: #fff;
	border-bottom: 1px solid #222;
	border-top: 1px solid #444;	
	text-decoration: none;
	text-transform: uppercase;}
	
	.mean-container .mean-nav ul li a span {font-size: 16px; color: #999;}

.mean-container .mean-nav ul li.mean-last a {}

.mean-container .mean-nav ul li a:hover {
	background: #252525;
	background: rgba(255,255,255,0.1);}	

.mean-container .mean-nav ul li li a { padding-left: 25px;}	
.mean-container .mean-nav ul li li li a { padding-left: 50px;}
.mean-container .mean-nav ul li li li li a { padding-left: 75px;}
.mean-container .mean-nav ul li li li li li a { padding-left: 100px;}

.mean-container .mean-nav ul li a.mean-expand {
	display: block;
	position: absolute; 
	right: 10px;
	top: 6px;
	width: 40px;
	height: 40px;
	padding: 0;
	text-indent: -99999px;
	background-image:url(../_graphics/sprite.png);
	overflow: hidden;		
	z-index: 2;
	border: none;}

.mean-container .mean-nav ul li a.mean-expand {background-position: -80px 0;}

.mean-container .mean-nav ul li a.mean-expand:hover {background-position: -80px -40px;}	
.mean-container .mean-nav ul li a.mean-expand.mean-clicked {background-position: -120px 0;} 
.mean-container .mean-nav ul li a.mean-expand.mean-clicked {background-position: -120px -40px;} 	

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;}

.mean-remove {display: none !important;}

/* 004 - 03 next / previous menu -----------------------------------------*/
.ghf-nextPrev {
	overflow: hidden;
	padding: 10px 0 0 0;
	border-top: 1px solid #dedede;}

	.ghf-nextNav { 		
		height: 50px;
		position: relative;}
	
		.ghf-mgtNav {}		
		#ghf-mgtNav a {}
		
		.ghf-nextNavPrev a, .ghf-nextNavUp a, .ghf-nextNavNext a {		
			background-image: url(../_graphics/sprite.png);
			display: block;
			position: absolute;
			margin: 0;
			width: 50px;
			height: 50px;
			text-indent: -9999px;}	

	  .ghf-nextNavPrev a {	left: 50%; margin-left: -80px;background-position: 0 -100px;}
	  .ghf-nextNavUp a {	left: 50%; margin-left: -25px; background-position: -50px -100px;}
	  .ghf-nextNavNext a {	left: 50%; margin-left: 30px; 10px; background-position: -100px -100px;}

	  .ghf-nextNavPrev a:hover {	background-position: 0 -155px;}
	  .ghf-nextNavUp a:hover {		background-position: -50px -155px;}
	  .ghf-nextNavNext a:hover {	background-position: -100px -155px;}
	

/* 005 - Market Access / ISV Pages
--------------------------------------------------------------------------*/
/* 005 - 01 ISV / Exchange page ------------------------------------------*/
.ghf-contentTop .contentLeft {width: 59%; float: left;}
.ghf-contentTop .contentRight {width: 39%; float: right;}

.logoImg {
	width: 85%;
	max-width: 230px;
	height: auto;
	display: block;
	padding: 5px;
	background: #fff;
	padding: none;
	margin: 0 auto 5px;}
	


/*
a.logoLink {
	width: 85%;
	max-width: 230px;
	height: auto;
	display: block;
	padding: 5px;
	background: #fff;
	border: 1px solid #fff;
	padding: none;
	margin: 0 auto 5px;}
	
	a.logoLink:hover {background: #f3f3f3;}

	a.logoLink img {display: block;	width: 100%; height: auto; outline: none;}
*/
#ghf-main-content a.textLink {
	font-size: 0.8em;
	color: #999;
	display: block;
	margin: 0 auto;
	text-align:center;}
	
	#ghf-main-content a.textLink:hover {color: #E23827;}

/* exchangeTable */
.exchangeTable {margin: 20px 0 0 0;}
.exchangeTable.exchange {display: block;}
.exchangeTable.isv, .exchangeTable.noshow {display: none;}
#ghf-main-content .exchangeTable h3 {margin: 0 0 10px 0; padding: 5px; background: #dedede; font-size: 1em; color: #333;}


	table#exchTab {color: #666;}

	table#exchTab .col1 {width: 5%;}
	table#exchTab .col2 {width: 60%;}
	table#exchTab .col3 {width: 35%;}	
	
	table#exchTab tr, table#exchTab th {text-align: left;}
		
	table#exchTab td {text-align:center;}
		
	table#exchTab th.heading {
			font-family: 'Roboto', Helvetica, Arial, sans-serif; 
			color: #333;
			background: #f3f3f3;
			padding: 3px 4px 4px 4px;
			font-size: 0.9em;
			line-height: 1.2em;}

			
	table#exchTab th.borderB,
	table#exchTab td.borderB {
			color: #666;
			border-bottom: 1px solid #dedede;
			font-size: 0.8em;
			line-height: 1.2em;
			padding: 2px 4px 3px 4px;}

	table#exchTab td.footNote p {
			color: #999;
			font-size: 0.65em;
			line-height: 1.2em;
			padding: 2px 4px 3px 4px;
			text-align: left;}


/* 005 - 01 ISV / Exchange page_list -------------------------------------*/
.ghf-exchangeEntry {margin: 20px 0 0 0; overflow: none;}
.ghf-exchangeImage {}
.ghf-exchangeImage a, .ghf-exchangeImage a img {display: block; width: 100%; height: auto; outline: none;}

.ghf-exchangeImage a img {border: 1px solid #dedede;}
.ghf-exchangeImage a:hover img {border: 1px solid #E23827;}
.ghf-exchangeImage a {padding: 3px; background: #f3f3f3}
.ghf-exchangeImage a:hover {background: #fff;}

.ghf-exchangeImage {
	float: left;
	width: 32%;
	margin: 0 0 5px 1%;}

@media only screen and (max-width: 759px) {
.ghf-contentTop .contentLeft , .ghf-contentTop .contentRight {float: none; display: block; width: 100%;}
.ghf-exchangeImage {width: 49%;}
}

/* 006 -  Page lists - main text
--------------------------------------------------------------------------*/
/* 006 - 01 page list: link  / link_text ---------------------------------*/
.pageList {margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: 1px solid #dedede;}
.ghf-pageList01 {}

.ghf-pageList01 .ghf-holder {
	float: left;
	width: 49%;
	margin: 0 0.5% 5px 0.5%;
	padding: 5px;
	background: #f3f3f3;}

.ghf-pageList01  .newsHolder {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #dedede;}

.ghf-pageList01 .ghf-holder a,
.ghf-pageList01  .newsHolder a {
	display: block;
	width: 100%;
	display: block;
	padding: 5px;
	background: #fff;}
	
	.ghf-pageList01 .ghf-holder a {border: 1px solid #dedede;}

.ghf-pageList01 .ghf-holder a:hover,
.ghf-pageList01 .ghf-holder a.active {background: #E23827; border: 1px solid #E23827;}
.ghf-pageList01 .newsHolder a:hover {background: #E23827;}


	#ghf-main-content .ghf-pageList01 .ghf-holder a header,
	#ghf-main-content .ghf-pageList01 .newsHolder a header {margin: 0 0 5px 0;}	
	
	#ghf-main-content .ghf-pageList01 .newsHolder a header {padding-bottom: 0px; border-bottom: 1px solid #dedede;}
	#ghf-main-content .ghf-pageList01 .newsHolder a:hover header {border-bottom: 1px solid #fff;}
	
	#ghf-main-content .ghf-pageList01 .ghf-holder a header h2,
	#ghf-main-content .ghf-pageList01 .newsHolder a header h2 {
	margin: 0;
	font-size: 1.2em;
	line-height:1.1em;
	color: #E23827;
	text-transform:uppercase;}

	#ghf-main-content .ghf-pageList01 .ghf-holder a p,
	#ghf-main-content .ghf-pageList01 .newsHolder a p {
	font-size: 0.75em;
	line-height: 1.2em;	
	margin: 0;}	
	
	#ghf-main-content .ghf-pageList01 .ghf-holder a:hover p,
	#ghf-main-content .ghf-pageList01 .newsHolder a:hover p,	
	#ghf-main-content .ghf-pageList01 .ghf-holder a:hover header h2,
	#ghf-main-content .ghf-pageList01 .newsHolder a:hover header h2 {color: #fff;}	

.ghf-pageList01 .ghf-holder a article {}
.ghf-pageList01 .ghf-holder a article.full {min-height: 50px; margin-bottom: 3px;}

.pageListSummary {}
.pageListTitle {}

	#ghf-main-content .pageListTitle p span {
		display: block;
		position: relative; 
		padding: 0 0 0 5px;
		background: none;}
	
	.pageListTitle span:before {
		position: absolute; 
		left: 0;
		content: "-";}

.newsMeta {border-bottom: 1px solid #dedede; padding: 5px 0 5px 0; }
#ghf-main-content .ghf-pageList01 .newsHolder .newsMeta {border: none;}

.newsMeta span.news {display: block; font-size: 0.8em; line-height: 1.2em; color: #333;}
.newsMeta span.event {display: block; width: 50%; float: left; font-size: 0.8em; line-height: 1.2em; color: #333;}
.newsMeta span.event span {display: inline-block; width: 60px; color: #999;}
.newsMeta span.car {display: block; font-size: 0.8em; line-height: 1.2em; color: #333;}
.newsMeta span.car span {display: inline-block; width: 100px; color: #999;}

#ghf-main-content .ghf-pageList01 .newsHolder a:hover .newsMeta span {color: #fff;}

#ghf-main-content .ghf-pageList01 .newsHolder a .newsContent {padding: 5px; background: #f3f3f3;}
#ghf-main-content .ghf-pageList01 .newsHolder a:hover .newsContent {background: #E23827;}	

/* Exchange recap specific */
#ghf-main-content .ghf-pageList01 .newsHolder.recap {	margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom: 1px solid #dedede;}
#ghf-main-content .ghf-pageList01 .newsHolder.recap a header {border-bottom: none;}
#ghf-main-content .ghf-pageList01 .newsHolder.recap a:hover header {border-bottom: none;}
#ghf-main-content .ghf-pageList01 .newsHolder.recap .newsMeta {border-bottom: none; padding: 5px 0 0 0; }

@media only screen and (max-width: 759px) {
.ghf-pageList01 .ghf-holder {
	float: none;
	width: 100%;
	margin: 0 0 5px 0;}
	
.newsMeta span.event  {float: none; width: 100%;}	
	
}

/* 006 -  Page lists - footer menu
--------------------------------------------------------------------------*/
#menu-footer {margin: 0 0 5px 0; padding: 0; list-style: none;	float: right; clear: both;}
#menu-footer li {float: left;}
#menu-footer li a {
		display: block;
		text-decoration: none;
		color: #999;
		font-size: 0.7em;
		line-height: 1.2em;
		margin: 3px 0px 3px 0;
		padding: 0 5px 0px 5px;
		border-right: 1px solid #dedede;}

#menu-footer li a:hover {color: #E23827;}
#menu-footer li:last-child a  {border-right: none;	padding-right: none;}	

@media only screen and (max-width: 759px) {
#menu-footer {margin: 0 0 10px 0; float: none; text-align: center;}	
#menu-footer li {display: inline-block; float: none;}
#menu-footer li a {padding: 10px;}
}

/* 006 -  Page lists - sidebar menu
--------------------------------------------------------------------------*/
#menu-side {}

ul#menu-side {
	margin: 0;
	padding: 0;
	list-style: none;
	clear: both;}
	
#menu-side li {display: block; border-bottom: 1px solid #dedede;}

#menu-side li a, a.sideNews  {
	display: block;
	position: relative;
	text-decoration: none;
	color: #777;
	font-size: 0.75em;
	line-height: 1.2em;
	margin: 3px 0 3px 0;
	padding: 5px;}
	
	.sideMeta {padding: 3px 0 0 10px;}

	#menu-side li a span.side {display: block; font-size: 0.9em; color: #333;}
	#menu-side li a span.sideIn {font-size: 0.9em; color: #333;}

	
	#menu-side li a:hover, a.sideNews:hover {color: #fff; background: #E23827;}
	#menu-side li a:hover span {color: #fff;}
	


#menu-side li:last-child {border-bottom: none;}

@media only screen and (max-width: 759px) {
	#menu-side li {border-bottom: none;}
	#menu-side li a {margin: 5px 0 5px 0; padding: 10px; background: #f3f3f3;}
	
}




/* 006 -  Page  - Home page link boxes
--------------------------------------------------------------------------*/
.boxHolder {margin: 20px 0 0 0;}
#ghf-main-content .boxHolder a.ghf-box h3 {margin: 0;}
#ghf-main-content .boxHolder header {margin: 0 0 5px 0;}
#ghf-main-content .boxHolder a.ghf-box p {font-size: 0.75em; margin: 0 0 5px 0;}

a.ghf-box {
	display: block; 
	padding: 5px;
	position: relative;
	background: #f3f3f3;
	border: 1px solid #efefef;
	width: 32.3333%;
	height: 100%;
	float: left; }
	
	a.ghf-box:hover {background: #E23827;}
	#ghf-main-content .boxHolder a.ghf-box:hover h3, #ghf-main-content .boxHolder a.ghf-box:hover  p {color: #fff;}
	
	a.ghf-box .boxContent {}
	
	a.ghf-box.left {}
	a.ghf-box.middle {margin: 0 1.5% 0 1.5%;}
	a.ghf-box.right {}

	a.ghf-box .arrow-link {
		position: absolute;
		border-left: 6px solid #E23827;
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;}
		
		a.ghf-box:hover .arrow-link {
			border-left: 6px solid #ffffff;}

	a.ghf-box .arrow-link {
		bottom: 7px;
		right: 7px;}		

@media only screen and (max-width: 759px) {
	a.ghf-box {width: 100%; float: none;}
	a.ghf-box.left, a.ghf-box.middle, a.ghf-box.right {margin: 0 0 10px 0;}
	
}


/*
.ghf-box {margin: 20px 0 0 0;}

.ghf-box a {
	display: block;
	margin: 0 0 10px 0;
	width: 100%;
	background: #f3f3f3;
	border: 1px solid #efefef;
	text-decoration: none;
	position: relative;}
		
  .ghf-box a:hover {
	  background: #F71200;
	  border: 1px solid #F71200;}	

#ghf-main-content .ghf-box a h1	{text-transform:capitalize;}	

	#ghf-main-content .ghf-box a:hover article h1 {color: #ffffff;}
	
	#ghf-main-content .ghf-box a article p {
		color: #666;
		font-size: 0.75em;
		line-height: 1.3em;}
	
	#ghf-main-content .ghf-box a:hover article p {
		color: #fff;}

	.ghf-box a .arrow-link {
		position: absolute;
		width: 10px;
		height: 10px;
		border-left: 7px solid #F71200;
		border-top: 7px solid transparent;
		border-bottom: 7px solid transparent;}
		
		.ghf-box a:hover .arrow-link {
			border-left: 7px solid #ffffff;}


.ghf-box {
	width: 32%;
	float: left;
	margin-right: 1%;}

	.ghf-box a article {
		padding: 10px 10px 10px 10px;}

	#ghf-main-content .ghf-box a article h1 {
		font-size: 1.6em;
		margin: 0 0 10px 0;}	

	.ghf-box a .arrow-link {
		bottom: 10px;
		right: 10px;}		



/* 006 -  Page  - News & Events 
--------------------------------------------------------------------------*/
.header_title, .header_news, .header_events,.header_car {margin: 5px 0 0 0; padding: 0 0 5px 0; border-bottom: 1px solid #dedede; clear: both;}

#ghf-main-content .header_title h4 {margin: 0; color: #333; font-size: 0.8em; line-height: 1.2em;}
#ghf-main-content h1 span.eventType {font-size: 1em; color: #333;}

#ghf-main-content h1.h1News {font-size: 1.6em;}
#ghf-main-content h1 span {color: #999; font-size: 1em; line-height: 0.9em;} 

#ghf-main-content h1 span.lower {color: #E23827; text-transform: lowercase;} 
		


/* 006 -  Page  - News & Events - on page items
--------------------------------------------------------------------------*/
#ghf-main-content p.linkPDF a,
#ghf-main-content p.linkExt a,
#ghf-main-content p.linkCal a  {
	display: block;
	position: relative;
	font-size: 14px;
	line-height: 16px;
	margin-top: 20px;
	padding: 2px 5px 2px 45px;}
	
	p.linkPDF a:before,
	p.linkExt a:before,
	p.linkCal a:before  {
		content: "";
		display: block;
		width: 40px;
		height: 20px;
		position: absolute;
		left: 0;
		top: 0;
		background: #dedede;
		background-image: url(../_graphics/sprite.png);}
		
		p.linkPDF a:before {background-position: -50px -210px;}
		p.linkExt a:before {background-position: -50px -230px;}
		p.linkCal a:before {background-position: -150px -230px;}

		#ghf-main-content p.linkPDF a:hover:before {background-position: -100px -210px;}
		#ghf-main-content p.linkExt a:hover:before {background-position: -100px -230px;}
		#ghf-main-content p.linkCal a:hover:before {background-position: -200px -230px;}

#ghf-main-content p.linkRegister a {display: block; width: 200px; font-size: 1em; text-align:center; text-transform:uppercase; padding: 5px; color: #fff; background-color: #E23827;}
#ghf-main-content p.linkRegister a:hover {background: #333;}

/* Enhanced PDF link ********************/
#ghf-main-content p.linkExPDF a {
	display: block;
	position: relative;
	font-size: 12px;
	line-height: 20px;
	margin-top: 20px;
	padding: 0px 5px 2px 45px;
	color: #999;}
	
	#ghf-main-content p.linkExPDF a strong {font-size: 16px; font-weight:normal; color: #E23827}
	#ghf-main-content p.linkExPDF a em { font-style:normal; color: #333}
	
	#ghf-main-content p.linkExPDF a:hover, 
	#ghf-main-content p.linkExPDF a:hover strong {color: #333;}
	
	
	p.linkExPDF a:before  {
		content: "";
		display: block;
		width: 32px;
		height: 33px;
		position: absolute;
		left: 5px;
		top: 0;
		background-image: url(../_graphics/sprite.png);
		background-position: -320px -80px;}	
		
		#ghf-main-content p.linkExPDF a:hover:before {background-position: -280px -80px;}



/* You Tube iFrame embed */
.ghf-embed {
    position: relative;
    padding-bottom: 62.25%; /* ratio for youtube embed */
    padding-top: 30px;
    height: auto;
    overflow: hidden;
	/*border: 2px solid #F71200;*/
	border-bottom: 5px solid #F71200;
	/*margin: 20px 10px 20px 10px;*/
	margin: 0;}

.ghf-embed iframe,
.ghf-embed object,
.ghf-embed embed, 
.ghf-embed01 iframe,
.ghf-embed01 object,
.ghf-embed01 embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}

/* You Tube iFrame embed - home page */
.embedHold {width: 75%; margin: 30px auto 20px auto;}

.ghf-embed01 {
    position: relative;
    padding-bottom: 56.3%; /* ratio for youtube embed */
    /*padding-top: 30px;*/
    height: auto;
    overflow: hidden;
	/*border: 2px solid #F71200;*/
	border-bottom: 5px solid #F71200;
	/*margin: 20px 10px 20px 10px;*/
	margin: 0;}	
	
#ghf-main-content p.embedVideo {width: 75%; margin: 30px auto 20px auto;}
#ghf-main-content p.embedVideo span.embedVideo01 {
	display: block;
	position: relative;
    padding-bottom: 56.3%; 
    height: auto;
    overflow: hidden;
	border-bottom: 5px solid #F71200; margin: 0;}	

#ghf-main-content p.embedVideo span.embedVideo01 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}	

@media only screen and (max-width: 759px) {
.embedHold {width: 100%; margin: 0 auto;}	
	
	}



/* 006 -  Download - list files from set
--------------------------------------------------------------------------*/
.ghf-download {}
#ghf-main-content .ghf-download h3 {margin: 0 0 0 20px; padding: 0;}

#ghf-main-content .ghf-download ul.fileset {margin: 20px; padding: 0;  list-style: none;}

.ghf-download ul.fileset li {display: block; margin: 0 0 5px 0;}
#ghf-main-content .ghf-download ul.fileset li a {
	display: inline-block;
	min-width: 75%;
	position: relative;
	color: #666;
	font-size: 14px;
	line-height: 16px;
	padding: 2px 5px 2px 45px;}

	.ghf-download ul.fileset li a:before {
		content: "";
		display: block;
		width: 40px;
		height: 20px;
		position: absolute;
		left: 0;
		top: 0;
		background: #dedede;
		background-image: url(../_graphics/sprite.png);
		background-position: 0 -210px;}
		
		#ghf-main-content .ghf-download ul.fileset li a:hover {color: #E23827}
		.ghf-download ul.fileset li a:hover:before {background-position: -50px -210px;}

/* 006 -  Pagination
--------------------------------------------------------------------------*/
.ccm-pagination-wrapper {margin: 0 0 20px 0; overflow: hidden;}
#ghf-main-content ul.pagination {margin: 0 15px 0 20px; padding: 0;  list-style: none;}
#ghf-main-content ul.pagination li {
	display: block; float: left;
	margin: 5px 3px 0 0; 
	padding: 0;
	height: 20px; 
	min-width: 22px;
	padding: 0;
	text-align:center;
	font-size: 12px;
	line-height: 20px;
	color: #999;
	border: none;
	overflow: hidden;}
	
	#ghf-main-content ul.pagination li.disabled,
	#ghf-main-content ul.pagination li.active {padding: 0 5px 0 5px;}
	#ghf-main-content ul.pagination li.active {background: #666; color: #fff;}

#ghf-main-content ul.pagination li a {
	display: block; width: 100%; height: 100%; 
	margin: 0;
	padding: 0 5px 0 5px;
	text-align:center;
	color: #666;
	background: #EEEEEE;}
	
	#ghf-main-content ul.pagination li a:hover {color: #fff; background: #E23827;}

#ghf-main-content ul.pagination li.prev, 
#ghf-main-content ul.pagination li.next {
	overflow: hidden; text-indent: -9999px;
	padding: 0;
	margin: 0 3px 0 0; 
	width: 30px; 
	height: 30px;}
	
	#ghf-main-content ul.pagination li.prev.disabled,
	#ghf-main-content ul.pagination li.next.disabled {background-image: url(../_graphics/sprite.png);}
	
	#ghf-main-content ul.pagination li.prev.disabled {background-position: -200px -80px;} 
	#ghf-main-content ul.pagination li.next.disabled {background-position: -240px -80px;}
	
	
	#ghf-main-content ul.pagination li.prev a, 
  	#ghf-main-content ul.pagination li.next a {background-color: transparent; background-image: url(../_graphics/sprite.png);}
	
	#ghf-main-content ul.pagination li.prev a {background-position: -200px -120px;} 
	#ghf-main-content ul.pagination li.next a {background-position: -240px -120px;}

	#ghf-main-content ul.pagination li.prev a:hover {background-position: -200px -160px;} 
	#ghf-main-content ul.pagination li.next a:hover {background-position: -240px -160px;}

ul.pagination li span.sr-only {display: none;}

/* 006 -  Contact block details / qv codes
--------------------------------------------------------------------------*/
table.content {margin: 20px auto 20px; 	color: #666;}
table.contact {width: 100%; margin: 10px 0 20px 0; }

	table.content .col1 {}
	table.content .col2, table.qvcodes .col3, table.qvcodes .col4, table.qvcodes .col5 {}	

	table.contact .col1 {width: 30%;}
	table.contact .col2 {width: 70%;}

	table.content thead {}
	table.content thead td {text-align: center; font-size: 1em; color: #333; padding: 2px 5px 3px 5px;}
	
	table.content tbody th {
		text-align: left;
		color: #333;
		font-size: 0.75em;
		padding: 3px 10px 3px 5px;
		border-bottom: 1px solid #dedede;}
			
	table.content tbody td {
		text-align: left;
		color: #666;
		font-size: 0.75em;
		padding: 3px 7px 3px 7px;
		border-bottom: 1px solid #dedede;}

	table.contact th {text-align: right; padding-right: 20px ;}			
	table.contact table td {text-align: left;}

	table.contact th, table.contact td {
			font-size: 0.8em;
			line-height: 1.2em;
			color: #666;
			padding-top: 2px;
			padding-bottom: 2px;
			line-height: 1.2em;
			font-weight:100;
			vertical-align: top;}
			
			table.contact th strong {font-weight: bold; color: #333;}
			#ghf-main-content table.contact td p.linkPDF, #ghf-main-content table.contact td p.linkPDF a {margin: 0;}

.moreInfo {
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #dedede;}
	
	#ghf-main-content .moreInfo h3 {margin: 0 0 10px 0;}
	
#ghf-main-content .moreInfo .tableHold {width: 60%; margin: 10px 0 0 20px;}
#ghf-main-content table.eventTab {width: 60%; margin: 20px 10px 20px 20px;}
	
	#ghf-main-content .moreInfo table, table.eventTab, #ghf-main-content table.eventTab p {
		color: #666;
		font-size: 0.75em;
		color: #E23827;}

	#ghf-main-content .moreInfo table .col1, #ghf-main-content table.eventTab .col1 {width: 40%;}
	#ghf-main-content .moreInfo table .col2, #ghf-main-content table.eventTab .col2 {width: 60%;}		
	
	#ghf-main-content .moreInfo table tr, 
	#ghf-main-content .moreInfo table th,	
	#ghf-main-content .moreInfo table td,
	#ghf-main-content table.eventTab tr, 
	#ghf-main-content table.eventTab th,	
	#ghf-main-content table.eventTab td {text-align: left;}
		
	#ghf-main-content .moreInfo table th.borderB,	#ghf-main-content .moreInfo table td.borderB,	
	#ghf-main-content table.eventTab th.borderB, #ghf-main-content table.eventTab td.borderB,
	#ghf-main-content .moreInfo table th.borderC,	#ghf-main-content .moreInfo table td.borderC,	
	#ghf-main-content table.eventTab th.borderC, #ghf-main-content table.eventTab td.borderC {
			padding: 4px 0 4px 0;
			line-height: 1.3em;
			vertical-align:top;}
			
	#ghf-main-content .moreInfo table th.borderB,	#ghf-main-content .moreInfo table td.borderB,	
	#ghf-main-content table.eventTab th.borderB, #ghf-main-content table.eventTab td.borderB {border-bottom: 1px solid #dedede;}

	#ghf-main-content .moreInfo table th.borderB, #ghf-main-content table.eventTab th.borderB,
	#ghf-main-content .moreInfo table th.borderC, #ghf-main-content table.eventTab th.borderC {color: #333;}	
	#ghf-main-content .moreInfo table td.borderB, #ghf-main-content	table.eventTab td.borderB,
	#ghf-main-content .moreInfo table td.borderC, #ghf-main-content table.eventTab td.borderC {color: #666;}

			
		.moreInfo table a,
		table.eventTab a {text-decoration: none; color: #E23827;}
		
		.moreInfo table a:hover, 
		table.eventTab a:hover{color: #333;}
		
		#ghf-main-content table.eventTab th.borderB strong, #ghf-main-content table.eventTab th.borderC strong,
		#ghf-main-content table.eventTab td strong	
		{font-weight: bold; color: #333;}

/* News specific */
.moreInfo p span {display: inline-block; width: 50px;}

@media only screen and (max-width: 759px) {
	.moreInfo .tableHold,
	table.eventTab  {
		width: 80%;
		margin: 10px auto;
		min-width: 280px;}

}

/* 006 -  Contact form / Newsletter
--------------------------------------------------------------------------*/
.contact-form {margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: 1px solid #dedede;}
#ghf-main-content .contact-form h2 {margin: 0 0 20px 0; }

.field {
	display: block;
	overflow: auto;
	clear: both;
	margin: 0 0 5px 0;}

.field-text label, .field-select label, .field-email label, .field-textarea label, .field-telephone label {
	display: inline-block;
	float:left;
	width: 30%;
	font-size: 0.8em;
	line-height: 1.2em;
	color: #666666;
	text-align: right;
	padding: 3px 20px 3px 0;
	position: relative;}
	
.field-text input, .field-email input, .field-select select, .field-textarea textarea, .field-telephone input,
.captcha div input,
.ccm-search-block-form input[type="text"] {
	font-family:  'Roboto', Helvetica, Arial, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;	
	font-size: 0.8em;
	line-height: 1.2em;
	padding: 2px 5px 2px 5px;
	color: #666;
	border: 1px solid #dedede;			
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;}
	
	.field-text input, .field-email input, .field-select select, .field-textarea textarea, .field-telephone input {display: inline-block; width: 50%; float: left;}
	
	.field-text input, .field-email input, .field-select select, .field-textarea textarea {margin: 0;}
	.field-captcha input {margin: 5px 0 0 0;}
	
	.ccm-search-block-form input[type="text"] {width: 60%; display: block; margin: 0 0 10px 0;}

/*.indicator {text-align: center;}*/

.field input:focus, .field input:active, .field select:focus, .field select:active, .field textarea:focus, .field textarea:active {
	border: 1px solid #E23827;	background: #fafafa;}

.field .required {
	color: #E23827;
	font-size: 1.2em;}	

.captcha {margin: 10px 0 0 0;}
.captcha label {
	display: block;
	font-size: 0.75em;
	line-height: 1.2em;
	margin: 0 0 0 30%;
	color: #666;}

.captcha div {margin: 10px 0 0 30%;}
.captcha div img {display: block; outline: none; cursor:pointer; border: 1px solid #dedede;}
.captcha div div {margin: 0;}
.captcha div input {width: 190px;}

.field-submit input, .form-actions input, 
.ccm-search-block-form input[type="submit"]  {
	font-family:  'Roboto', Helvetica, Arial, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
	padding: 1px 30px 2px 30px;	
	margin: 10px 0 0 30%;
	position: relative;
	font-size: 20px;
	line-height: 24px;
	outline: 0;
	border: 0;	
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
	background: #E23827;
	color: #fff;}
	
	.field-submit input, .form-actions input {margin: 10px 0 0 30%;} 
	.ccm-search-block-form input[type="submit"]  {margin: 0;}

	.field-submit input,
	.form-actions input {}	

	.form-actions input:hover,
	.field-submit input:hover,
	.ccm-search-block-form input[type="submit"]:hover {background: #333;}

	.alert {
		display: block;
		margin: 0 0 20px 0;
		padding: 10px;
		-webkit-border-radius:1px;
		-moz-border-radius:1px;
		border-radius:1px;
		font-size: 0.8em;
		line-height: 1.2em;}
		
		.alert .error {display: block; position: relative; font-size: 0.9em; color: #fff; margin: 10px;}
		.alert .error:before {content: "- ";}
		

	.alert.alert-danger {border: 1px solid #E23827; background: #E23827; color: #fff;}
	.alert.alert-success {border: 1px solid #E23827;}
	
	#ghf-main-content .alert.alert-success h2 {margin: 0 0 10px 0; color: #E23827 }
	#ghf-main-content .alert.alert-success p {font-size: 1em; margin: 0 0 5px 0; color: #E23827!important;}		

	span.required {color: #E23827}

/* 006a -  Contact form / Newsletter
--------------------------------------------------------------------------*/
#mc_embed_signup {margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: 1px solid #dedede;}
#ghf-main-content #mc_embed_signup h2 {margin: 0 0 20px 0;} 

.mc-field-group {	
	display: block;
	overflow: auto;	
	clear: both;
	margin: 0 0 5px 0;}	

.mc-field-group label {
	display: inline-block;
	float:left;
	width: 30%;
	font-size: 0.8em;
	line-height: 1.2em;
	color: #666666;
	text-align: right;
	padding: 3px 20px 3px 0;
	position: relative;}

.mc-field-group input {
	font-family:  'Roboto', Helvetica, Arial, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
	display: inline-block; width: 50%; float: left;	
	font-size: 0.8em;
	line-height: 1.2em;
	padding: 2px 5px 2px 5px;
	color: #666;
	border: 1px solid #dedede;			
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;}	

.mc-field-group input:focus, .mc-field-group input:active {
	border: 1px solid #E23827;	background: #fafafa;}

.mc-terms {
	width: 50%; 
	margin: 10px 0 0 30%;}

#ghf-main-content .mc-terms h4{margin: 0 0 10px 0;} 
#ghf-main-content .mc-terms p{color: #999;} 

#mc_embed_signup input[type="submit"]  {
	font-family:  'Roboto', Helvetica, Arial, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
	padding: 1px 30px 2px 30px;	
	margin: 10px 0 0 30%;
	position: relative;
	font-size: 20px;
	line-height: 24px;
	outline: 0;
	border: 0;	
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
	background: #E23827;
	color: #fff;
	text-transform: uppercase;
	cursor:pointer;}
	
	#mc_embed_signup input[type="submit"]:hover  {background: #333;}

.mc-smaller	{
	margin: 20px;
	padding: 10px 10px 0 10px;
	border: 1px solid #dedede;}
	
#ghf-main-content .mc-smaller p{color: #999; font-size: 0.75em;}
	

.mc-field-group input.mce_inline_error {background: #E23827!important; color: #fff!important;  }	
div.mce_inline_error {
	clear: both!important;
	display: block!important;
	float: none!important;
	overflow: none!important; 
	margin: 0!important;
	padding-left: 30%!important;
	color: #E23827!important;
	font-weight:100 !important;
	background: transparent!important;
	text-transform:uppercase;
 }

#mce-error-response {}
#mce-success-response {}

#mce-success-response.response {
	display: block;
	width: 50%; 
	margin: 10px 0 10px 30%;
	padding: 20px;
	background: #15D2A7;
	font-size: 0.8em; 
	line-height: 1.4em;
	color: #fff;}	


#mce-error-response.response {
	display: block;
	width: 50%; 
	margin: 10px 0 10px 30%;
	padding: 20px;
	background: #dedede;
	font-size: 0.8em; 
	line-height: 1.4em;
	color: #333;}	
		

/*Newsletter form *
.newsletterForm {
		border-top: 1px solid #dedede;
		margin: 20px 10px 20px 10px;
		padding: 10px 0 10px 0;}

	#ghf-main-content .newsletterForm h2 {
			margin: 0 0 20px 0;}
			
	.newsletterForm .field-radio h5 {
			font-size: 1em;
			margin: 10px 5% 5px 5%;}

	.field-radio {margin: 10px 0 10px 0;}
	.field-radio input[type="radio"] {margin-left: 30%;}
	.field-radio label {
			margin-left: 5px;
			font-size: 0.8em;
			color: #333;
			text-align: left;}	
				
	#ghf-content-main .newsletterForm .field-radio p {
			color: #999; 
			font-size: 0.7em;
			line-height: 1.2em;
			margin: 0 5% 10px 5%;}
*/

@media only screen and (max-width: 759px) {
.field-text label, .field-select label, .field-email label, .field-textarea label,
.field-text input, .field-email input, .field-select select, .field-textarea textarea,
.ccm-search-block-form input[type="text"], .field-telephone label, .field-telephone input,
.mc-field-group input,
.mc-field-group label
	{float: none; display: block; width: 100%; text-align: left; }

#mce-success-response.response,
#mce-error-response.response 
	{ width: 100%; margin: 10px 0 10px 0; }


#mc_embed_signup input[type="submit"] {
	margin: 10px 0 0 0; width: 100%; text-align: center;}

/*.field label span.required {position: relative; background: pink;}*/
.field-radio {margin: 10px 0 10px 0;}	
.field-radio input[type="radio"] {margin-left: 5%;}
.field-submit input {margin: 10px 0 0 5%;}	
.form-actions input {margin: 10px 0 0 0; width: 100%;}	

.captcha div {margin: 10px auto;}
.captcha div img {margin: 0 auto;}
.captcha label {margin: 0; text-align: center;}
.captcha div input {display: block; margin: 0 auto; text-align: center;}

.mc-terms {width: 100%; margin: 10px 0 0 0;}
.mc-smaller	{margin: 20px 5px 20px 5px;}
div.mce_inline_error {padding-left: 5px!important;}
}





/* 006 -  Search
--------------------------------------------------------------------------*/
.ccm-search-block-form {margin: 20px 0 20px 0; padding: 10px 0 0 0; border-top: 1px solid #dedede;}
#ghf-main-content .ccm-search-block-form h3 {margin: 0 0 20px 0;}
.ccm-search-block-form input[type="text"]{}
#ghf-main-content .ccm-search-block-form h4 {
	color: #999; 
	font-size: 1em; 
	line-height: 1.2em;
	margin: 10px 0 10px 0;
	padding: 10px;
	border: 1px solid #dedede;}
	
.searchResult {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #dedede;}
	
	.searchResult span {background: pink !important;}


/* 006 -  Locations / maps
--------------------------------------------------------------------------*/
.locationHolder {}

.ghf-locations {
	display: block;
	width: 33.333%;
	float: left;
	padding: 15px 10px 10px 10px;
	border-top: 1px solid #dedede;}

.ghf-innerLocations {border-bottom: 1px solid #dedede;}
	
#ghf-main-content .ghf-locations h3 {margin: 0 0 10px 0;}	
#ghf-main-content .ghf-locations .ghf-innerLocations p {font-size: 0.8em;	liine-height: 1.2em;}	
#ghf-main-content .ghf-locations .ghf-innerLocations strong {font-weight: normal; color: #333;}

/* table */	
.ghf-locations .tableHold {	width: 100%; margin: 10px 0 0 0;}
	
.ghf-locations table {}

.ghf-locations table .col1 {width: 20px;}
.ghf-locations table .col2 {}		

.ghf-locations table tr,
.ghf-locations table th,
.ghf-locations table td {text-align: left;}

.ghf-locations table th.borderB,
.ghf-locations table td.borderB {
		color: #666;
		font-size: 0.75em;
		padding: 2px 0 2px 0;
		line-height: 1.2em;
		font-weight:100;}
		
	.ghf-locations table a {text-decoration: none; color: #E23827;}
	
	.ghf-locations table a:hover {color: #333;}

#ghf-main-content .ghf-locations .ghf-mapLink a {
	display: block;
	width: 100%;
	margin: 10px auto;
	text-align:center;
	/*font-family: 'Roboto', Helvetica, Arial, sans-serif; */
	padding: 3px 5px 3px 5px;
	font-size: 14px;
	line-height: 16px;	
	outline: 0;
	border: 0;	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background: #E23827;
	color: #fff;}	

#ghf-main-content .ghf-locations .ghf-mapLink a:hover {background: #333;}


.googleMapCanvas, #map {
	width: 99%;
	padding-bottom: 60%;
	border: 1px solid #dedede;}
	
	/*.googleMapCanvas .div {overflow: none !important;}*/
	
	#ghf-main-content .googleMapCanvas #content, #ghf-main-content #map #content {border: 2px solid #fff; padding: 2px;}
	#ghf-main-content .googleMapCanvas #siteNotice, #ghf-main-content #map #siteNotice {width: 250px; overflow: none;}
	
	#ghf-main-content .googleMapCanvas h2, #ghf-main-content #map h2 {margin: 0; text-transform:uppercase; font-size: 1.5em;}



@media only screen and (max-width: 759px) {
.ghf-locations {
	width: 250px;
	float: none;
	margin: 0 auto;}
	
#ghf-main-content .ghf-locations h3, #ghf-main-content .ghf-locations .ghf-innerLocations p, 
.ghf-locations table tr, .ghf-locations table th, .ghf-locations table td {text-align:center;}

}

/* 006 -  Page images
--------------------------------------------------------------------------*/
#ghf-main-content p img, 
#ghf-main-content p.imageFull img,
#ghf-main-content p.imageFullAlt img,
#ghf-main-content p.imageFullNew img,
#ghf-main-content p.imageExc img, 
#ghf-main-content p.imageExc01 img,
#ghf-main-content p.imageExc02 img,
#ghf-main-content p.imageExc03 img,
#ghf-main-content p.imageNews300 img,
#ghf-main-content p.imageRight img,
#ghf-main-content p.imageRightAlt img { 
	display: block;
	outline: none;
	height: auto;
	outline: none;
	width: 100%;}
	
	#ghf-main-content p.imageExc img {max-width: 600px; margin: 0 auto;}
	#ghf-main-content p.imageExc01 img {max-width: 500px; margin: 0 auto;}
	#ghf-main-content p.imageExc02 img {max-width: 630px; margin: 0 auto;}
	#ghf-main-content p.imageExc03 img {max-width: 400px; margin: 0 auto;}
	#ghf-main-content p.imageNews300 a {display: block; max-width: 300px; margin: 20px auto;}
	
	#ghf-main-content p.imageFull img {border-bottom: 5px solid #F71200;}
	#ghf-main-content p.imageFullNew img {margin: 20px 0 20px 0;}

#ghf-main-content p.imageRight, 
#ghf-main-content p.imageRightAlt { max-width: 250px; margin: 10px;	float: right;}


@media only screen and (max-width: 759px) {
	#ghf-main-content p.imageRight {margin: 10px auto 10px;	float: none;}
	#ghf-main-content p.imageRightAlt {margin: 0 0 10px 10px;	width: 45%;}
}

/* 099 -  Exchange specific - tables & titles
--------------------------------------------------------------------------*/
table.exch {margin: 20px auto 20px; color: #666; width: 75%;}
table.exch.alt, table.exch.alt01, table.exch.alt02 {margin: 20px auto 20px; color: #666; width: 90%;}
table.exch.alt03 {margin: 20px auto 20px; color: #666; width: 100%; max-width: 400px;}


	table.exch thead {}
	table.exch thead th, table.exch thead td {font-size: 0.8em; line-height: 1.2em; color: #fff; padding: 6px 5px 7px 5px; background: #0079C1;}
	table.exch thead th {text-align: left;}
	table.exch thead td {text-align: center;}
	
	table.exch tbody th, table.exch tbody td {
		font-size: 0.75em;
		line-height: 1.2em;
		padding: 5px 10px 5px 5px;
		border-bottom: 1px solid #dedede;}
		
		table.exch tbody th.nob {border-bottom: none;}
		
		
		
		table.exch.alt01 thead th, table.exch.alt01 tbody th {width: 120px; text-align:left;}
		
		table.exch thead th strong, table.exch thead td strong,
		table.exch tbody th strong, table.exch tbody td strong {font-weight:bold;}
		
		sup, #ghf-main-content sup {vertical-align: 2px; font-size: 0.7em; color: #000;}
		#ghf-main-content table.exch thead th sup, #ghf-main-content table.exch thead td sup {vertical-align: 2px; font-size: 0.7em; color: #fff; font-weight: normal; } 
		
		#ghf-main-content table.exch thead th h4 {font-size: 1.2em; color: #fff; margin: 0;}

			
	table.exch tbody th {color: #fff; background: #39F;}
	table.exch.alt tbody th {text-align: left;}
	table.exch tbody td {text-align: center; color: #666;}
	
	table.exch tbody tr.bottomTR th, table.exch tbody tr.bottomTR td  { color: #fff; font-weight: bold; background: #0079C1;}
	
	table.exch tbody th em {line-height: 1.2em; color: #666; font-size: 0.9em; font-style:italic;}
	
	table.exch tbody th strong, table.exch tbody td strong {font-weight:bold;}
	
	#ghf-main-content ul li em {font-style:italic;}
	#ghf-main-content ul li strong { font-weight:bold; color: #333;}
	
		table.exch.alt02 thead td {text-align: left;}
		table.exch.alt02 tbody td {text-align: left; line-height: 1.4em;}
		
		table.exch.alt02 tr.shadedTR  {background: #fafafa;}

table.exch tr.highlight th {background: #0079C1;} 
table.exch tr.highlight td {background: #39F; color: #333;}

/*	
		table.exch.alt tr.leftTR td {text-align:left;}
		table.exch.alt tr.shadedTR  {background: pink;}
	
	/*sup, #ghf-main-content sup {vertical-align: super; font-size: smaller; color: red;}*/


	#ghf-main-content ul.five {list-style:decimal;}
	#ghf-main-content ul.five li {margin: 0 0 10px 0px; padding: 0 0 0 10px;}
	#ghf-main-content ul.five li strong { font-weight:bold; color: #333;}
	
	table.exch thead td.special, table.exch thead th.special {color: #fff; background: #39F;}
	table.exch thead td.specialAlt, table.exch thead th.specialAlt {color: #fff; background: #8064A2;}
	
	table.exch tbody tr.tdSum td {color: #fff; background: #8064A2;}
	table.exch tbody tr.tdSum th {color: #fff; background: #8064A2; text-align:left;}

	table.exch tbody tr.tdSumAlt td {border-bottom: 2px solid #0079C1;}
	table.exch tbody tr.tdSumAlt th {border-bottom: 2px solid #0079C1;}
	
	#ghf-main-content table.exch thead th h3, #ghf-main-content table.exch thead td h3 {margin: 0; padding: 0; color: #fff; font-size: 1.2em; text-transform:uppercase;}
	
	table.exch tbody td.highL {background: #5DB0F4; color: #fff;}
	
	


@media only screen and (max-width: 759px) {
	table.exch {width: 100%;}
}

#ghf-main-content h4.noMargin {margin-bottom: 10px;}

/* 099 -  Subscribe button
--------------------------------------------------------------------------*/
#ghf-content-main p .subscribe {
	display: block;
	margin: 20px;
	width: 200px; max-width: 75%; 
	background: #DF3726;
	color: #ffffff;
	font-size: 1.4em;
	text-transform: uppercase;
	padding: 5px 10px 5px 10px;
	text-align:center;}
	
#ghf-content-main p .subscribe:hover {background: #333333;}

p sup, #ghf-main-content p sup, h5 sup, #ghf-main-content h5 sup {vertical-align: 2px; font-size: 0.7em; color: #C00; font-weight: bold;} 

hr { 
    display: block;
	margin-top: 25px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    border-width: 1px;
	border-top: 1px dashed #dedede;
	border-bottom: none;}


/* 099 -  Social share
--------------------------------------------------------------------------*/
.socialShare {
	clear: both;
	margin: 30px 0 30px 0;}

#ghf-main-content .socialShare h4 {
	color: #999;	
	display: block;
	margin: 0 0 7px 0;
	font-size: 0.9em;
	line-height: 1em;}
	
	#ghf-main-content .socialShare div {
		display: inline-block;
		width: 30px; height: 30px;
		margin: 0 7px 0 0;
		text-indent: -9999px;
		background-image:url(../_graphics/sprite.png);
		cursor: pointer;}
		
		#ghf-main-content .socialShare div.twitter {background-position: -320px -120px;}
		#ghf-main-content .socialShare div.linkedin { background-position: -280px -120px;}
		#ghf-main-content .socialShare div.facebook {background-position: -360px -120px;}

		#ghf-main-content .socialShare div.twitter:hover {background-position: -320px -170px;}
		#ghf-main-content .socialShare div.linkedin:hover { background-position: -280px -170px;}
		#ghf-main-content .socialShare div.facebook:hover {background-position: -360px -170px;}

/*
#ghf-main-content .socialShare ul.socialList {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
	clear: both;}
	
	.socialShare ul.socialList li {
		display: inline-block;
		margin: 0;}

	.socialShare ul.socialList li a {
		display: block;
		width: 30px;
		height: 30px;
		text-indent: -9999px;
		text-indent: -9999px;
		text-decoration: none;
		margin: 0 5px 0 0;
		outline: none;
			background-image:url(../_graphics/sprite.png);}
		
		
		.socialShare ul.socialList li.linkedin a 	{ background-position: -280px -120px;}
		.socialShare ul.socialList li.twitter a 	{ background-position: -320px -120px;}
		.socialShare ul.socialList li.facebook a 	{ background-position: -360px -120px;}
		
		.socialShare ul.socialList li.linkedin a:hover 	{ background-position: -280px -170px;}
		.socialShare ul.socialList li.twitter a:hover 	{ background-position: -320px -170px;}
		.socialShare ul.socialList li.facebook a:hover 	{ background-position: -360px -170px;}

/* 099 -  Recap - new format
--------------------------------------------------------------------------*/
.recapLeft {width: 60%; float: left; padding: 0 10px 0 0;}
.recapRight {width: 40%; float: right; padding: 10px 10px 0 10px; background: #F2F8FC;}
	#ghf-main-content h3.noMargin {margin: 0 0 5px 0;}
	#ghf-main-content h3. {margin: 0 0 15px 0;}

#ghf-main-content .recapRight p img {margin: 10px auto; max-width: 90%;}


@media only screen and (max-width: 759px) {
	.recapLeft {width: 100%; float: none; padding: 0;}
	.recapRight {width: 100%; float: none; padding-bottom: 1px; margin: 20px 0 0 0;}	
	#ghf-main-content .recapRight p img {margin: 10px auto; max-width: 350px;}
}

/* 099 -  Register buttons
--------------------------------------------------------------------------*/		
#ghf-main-content p.regLink {width: 60%; margin: 0 0 0 20px;}


#ghf-main-content p.regLink a {
	display: inline-block;
	margin: 0 0 30px 40%;	
  	background: #DF3726;
  	background-image: -webkit-linear-gradient(top, #DF3726, #A02F1E);
  	background-image: -moz-linear-gradient(top, #DF3726, #A02F1E);
  	background-image: -ms-linear-gradient(top, #DF3726, #A02F1E);
  	background-image: -o-linear-gradient(top, #DF3726, #A02F1E);
 	 background-image: linear-gradient(to bottom, #DF3726, #A02F1E);
  	-webkit-box-shadow: 0px 1px 3px #666666;
  	-moz-box-shadow: 0px 1px 3px #666666;
  	box-shadow: 0px 1px 3px #666666;
  	color: #ffffff;
  	font-size: 1em;
	line-height: 1em;
	text-transform:uppercase;
  	padding: 7px 20px 7px 20px;
  	text-decoration: none;}

#ghf-main-content p.regLink a:hover {	
  	background: #444;
  	background-image: -webkit-linear-gradient(top, #666, #000);
  	background-image: -moz-linear-gradient(top, #666, #000);
  	background-image: -ms-linear-gradient(top, #666, #000);
  	background-image: -o-linear-gradient(top, #666, #000);
 	 background-image: linear-gradient(to bottom, #666, #000);}	

/* 099 -  Footer link
--------------------------------------------------------------------------*/	

.footerBottom {}
.footerBottom a.linkMuted {font-size: 0.9em; color: #dedede;}
.footerBottom a.linkMuted:hover {color: #999;}

/* 099 -  Login form
--------------------------------------------------------------------------*/		
	
.login-page {}
.login-page form {width: 100%; max-width: 400px; margin: 0 auto; border: 1px solid #dedede; padding: 10px;}
.login-page form .form-group {display: block; overflow: auto;}
.login-page form .form-group label {display: block; text-align:left; padding: 0 0 5px 0;}
.login-page form .form-group input {display: block; width: 100%; padding: 5px 10px 5px 10px; border: 1px solid #dedede; color: #666;}
.login-page form .form-group input:focus {border: 1px solid #DF3726;}

	.login-page form .form-group:nth-child(1) {margin: 0 0 20px 0;}
	.login-page form .form-group:nth-child(2) {margin: 0 0 10px 0;}
	.login-page form .form-group:nth-child(3) {margin: 0;}

.login-page form .checkbox {margin:0 0 20px 0;}
.login-page form .checkbox label {font-size: 0.8em; color: #999;}

.login-page form button {
	display: block;
	width: 100%;
	margin: 0 0 10px 0;	
  	background: #DF3726;
  	background-image: -webkit-linear-gradient(top, #DF3726, #A02F1E);
  	background-image: -moz-linear-gradient(top, #DF3726, #A02F1E);
  	background-image: -ms-linear-gradient(top, #DF3726, #A02F1E);
  	background-image: -o-linear-gradient(top, #DF3726, #A02F1E);
 	 background-image: linear-gradient(to bottom, #DF3726, #A02F1E);
  	color: #ffffff;
  	font-size: 1.2em;
	line-height: 1em;
	text-transform:uppercase;
	border: none; 
	-webkit-box-shadow: none;
  	-moz-box-shadow: none;
  	box-shadow: none;	
  	padding: 7px 20px 7px 20px;
  	text-decoration: none;
	cursor:pointer;}
	
.login-page form button:hover {	
  	background: #444;
  	background-image: -webkit-linear-gradient(top, #666, #000);
  	background-image: -moz-linear-gradient(top, #666, #000);
  	background-image: -ms-linear-gradient(top, #666, #000);
  	background-image: -o-linear-gradient(top, #666, #000);
 	 background-image: linear-gradient(to bottom, #666, #000);}	

.forgotPassword {}
#ghf-main-content .forgotPassword h4 {margin: 0 0 20px 0;} 
.forgotPassword .help-block {margin: 0 0 10px 0;}
.login-page .forgotPassword form .form-group input {margin: 0 0 10px 0;}
.login-page .forgotPassword form button {margin: 0;}

.ghf-contentView {}
.ghf-contentView .alert.alert-danger {}
.ghf-contentView .alert.alert-danger button.close {display: none;}
.ghf-contentView .alert.alert-danger div {font-size: 1.2em; text-transform:uppercase;}