@import "/_a2015/System/Fonts/ProximaNova/stylesheet.css");

/* Fixed width zone. */
body { color:#262626; background-color:#D8D8DA; font-family:"Proxima Nova Regular", 'Helvetica Neue', Arial, Helvetica, sans-serif !important; font-size:12pt; }

div.fixedWidthZone { width:1758px; margin-left:auto; margin-right:auto; }

/* Header elements.  Disabled by CT*/
div.headerStrip {  height:125px;
				   background: -webkit-linear-gradient(#bebebf, #dededf); /* For Safari 5.1 to 6.0 */
				   background: -o-linear-gradient(#bebebf, #dededf); /* For Opera 11.1 to 12.0 */
				   background: -moz-linear-gradient(#bebebf, #dededf); /* For Firefox 3.6 to 15 */
				   background: linear-gradient(#bebebf, #dededf); /* Standard syntax */
			    } 

div.headerStrip div.fixedWidthZone { position:relative; }
div.headerStrip div.fixedWidthZone div.whatsOnLogo { width:800px; position:absolute; position:inherit; top:15px; left:-25px; color:white; }
.whatsOnLogo a { text-decoration:none;}
.FGVCHeaderLogo { font-size:30px; font-weight:bold; color:red;}
.FGVCHeaderLogo img { width:825px; width:900px; border:0px transparent none;}
.CoMLogoRight {float:right; padding-right:20px; padding-top:15px;}
.CoMLogoRight img{ border-width:0px;}


/* Search box. */
 div.search { width:315px; height:41px; background-image:url("/_a2015/System/images/global/WhatsOn2012/SearchBox.png"); }
div.search div.inner { width:100%; height:100%; position:relative;}
div.search div.inner input[type=text] { position:absolute; top:11px; left:10px; width:265px; color:#858585; border:0px; outline:0; }
div.search div.inner input[type=submit] { position:absolute; top:9px; right:10px; width:20px; height:20px; background-color:transparent; border:0; }
div.headerStrip div.fixedWidthZone div.search { position:absolute; top:38px; right:15px; }


/* Navigation. */
div.navigationStrip {  
					   height:60px; margin-left:auto; margin-right:auto;
				   	   background: -webkit-linear-gradient(#dadada, #e8e8e9); /* For Safari 5.1 to 6.0 */
				       background: -o-linear-gradient(#dadada, #e8e8e9); /* For Opera 11.1 to 12.0 */
				       background: -moz-linear-gradient(#dadada, #e8e8e9); /* For Firefox 3.6 to 15 */
				       background: linear-gradient(#dadada, #e8e8e9); /* Standard syntax */
			        }
			       
div.navigationStrip table { border-collapse:collapse; }
div.navigationStrip table tr td { padding:0; }
div.navigationStrip div.fixedWidthZone { position:relative; width:1800px; }
.topNavContainer { text-transform:uppercase; position:absolute; left:0; top:0; border:none; background-image:none; }
.topNavContainer td { padding:0; margin:0; }
.topNav { position:relative; top:0; border-right:0px #999999 solid; }

.topNavItem { border-left:1px #999999 solid; background-repeat:repeat-x; text-align:center; }
/* Remove the Left border on the first item of the navigation */
 div.navigationStrip #zz1_GlobalNavn0 .topNavItem  { border-left:0px #999999 solid;}

/* Change the width for the Social nav link 26/7/13 */
/*.topNavItem a { color:#fff !important; height:40px; padding:20px 0 0 0; width:132px; display:block; font-family:"Proxima Nova Regular", 'Helvetica Neue', Arial, Helvetica, sans-serif !important; font-size-adjust:0.488; font-weight:bold; font-style:normal; font-size:14px !important; }*/
.topNavItem a { color:#000 !important; height:40px; padding:20px 0 0 0; width:300px; display:block; font-family:"Proxima Nova Regular", 'Helvetica Neue', Arial, Helvetica, sans-serif !important; font-size-adjust:0.488; font-weight:bold; font-style:normal; font-size:15pt !important; letter-spacing: 1px;}
.topNavItem a:hover { color:#000 !important; text-decoration:none; background-color:transparent; }
.topNavHover a { background-image:none; background-color:transparent;}
.topNavSelected a{ background-image:none; background-color:transparent; color:#000!important;}
.topNavFlyOutsItem {color: Black; background-color:transparent;}
.topNavFlyOutsHover {color:white; background-color:transparent;}
.topNavFlyOuts {
	background-color:transparent!important;
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
div.navigationStrip .extraPixels { width:300px; }


/* Second Navigation. Detail Pages */
div.navigationStripDetails{ 
							height:50px; 
							padding-top:13px;
				   	   		background: -webkit-linear-gradient(#e5e5e5, #ffffff); /* For Safari 5.1 to 6.0 */
				       		background: -o-linear-gradient(#e5e5e5, #ffffff); /* For Opera 11.1 to 12.0 */
				       		background: -moz-linear-gradient(#e5e5e5, #ffffff); /* For Firefox 3.6 to 15 */
				       		background: linear-gradient(#e5e5e5, #ffffff); /* Standard syntax */
			        	  }

div.navigationStripDetails table { border-collapse:collapse; }
div.navigationStripDetails table tr td { padding:0; }
div.navigationStripDetails div.fixedWidthZoneDetails { position:relative; width:1265px; }
.topNavContainerDetails { text-transform:uppercase; position:absolute; left:0; top:0; border:none; background-image:none; }
.topNavContainerDetails td { padding:0; margin:0; }
.topNavDetails { position:relative; top:0; border-right:0px #bdbfbc solid; }
.topNavItemDetails {border-right:1px #bdbfbc solid; border-left:0px #bdbfbc solid; background-repeat:repeat-x; text-align:center; }
/* Change the width for the Social nav link 26/7/13 */
/*.topNavItem a { color:#fff !important; height:40px; padding:20px 0 0 0; width:132px; display:block; font-family:"Proxima Nova Regular", 'Helvetica Neue', Arial, Helvetica, sans-serif !important; font-size-adjust:0.488; font-weight:bold; font-style:normal; font-size:14px !important; }*/
.topNavItemDetails a { color:#000; height:35px; padding:15px 20px 0 20px;  display:block; font-family:"Proxima Nova Regular", 'Helvetica Neue', Arial, Helvetica, sans-serif !important; font-size-adjust:0.488; font-weight:bold; font-style:normal; font-size:13pt !important; letter-spacing: 1px;}
.topNavItemDetails a:hover { color:#000; text-decoration:none; }
.topNavHoverDetails a { background-image:none; background-color:#ea2d2c;}
.topNavSelectedDetails a{ background-image:none; background-color:#ea2d2c; color:#fff;}
.topNavFlyOutsItemDetails {color: Black; background-color:#DDDDDD;}
.topNavFlyOutsHoverDetails {color:white; background-color:#F96F00;}
.topNavFlyOutsDetails {
	background-color:#DDDDDD !important;
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
div.navigationStripDetails .extraPixels { width:300px; }



/* Full page wrapper. */
div.pageWrapper { width:1900px!important;}
div.pageWrapper { background:#D8D8DA url("/FGVC/PublishingImages/CoreSiteAssets/FGscreen_BG.jpg") no-repeat fixed center top!important; padding-bottom:26px;}
div.pageWrapper	{ 
				   	   		background: -webkit-linear-gradient(#d4d5d6, #e2e3e4); /* For Safari 5.1 to 6.0 */
				       		background: -o-linear-gradient(#d4d5d6, #e2e3e4); /* For Opera 11.1 to 12.0 */
				       		background: -moz-linear-gradient(#d4d5d6, #e2e3e4); /* For Firefox 3.6 to 15 */
				       		background: linear-gradient(#d4d5d6, #e2e3e4); /* Standard syntax */
			      }

div.pageWrapper div.fixedWidthZone { background-color:transparent; }
div.pageWrapper div.fixedWidthZone div.contentZone { padding: 0px!important; }
div.pageWrapper div.fixedWidthZone div.rowa div.col1 { width:659px; float:left; }
div.pageWrapper div.fixedWidthZone div.rowa div.col2 { width:213px; float:left; padding:0 0 0 10px; }
div.pageWrapper div.fixedWidthZone div.rowb { padding:10px 0 0; }
div.pageWrapper div.fixedWidthZone div.rowc { padding-top:6px; }

div.pageWrapper div.fixedWidthZone div.rowc div.col1 {  float:left; clear:left;  padding: 0 33px 0 13px;  background-color:#fff;}
div.pageWrapper div.fixedWidthZone div.rowc div.col1 { width:834px; height:600px; }
div.pageWrapper div.fixedWidthZone div.rowc div.col2 {  float:left; padding: 0 13px 0 35px;  background-color:#fff; }

div.pageWrapper div.fixedWidthZone div.rowca div.col1 { width:213px; float:left; }
div.pageWrapper div.fixedWidthZone div.rowca div.col2 { width:659px; float:left; padding:0 0 0 10px; }
div.pageWrapper div.fixedWidthZone div.rowcb div.col1 { width:1312px; float:left; }
div.pageWrapper div.fixedWidthZone div.rowcb div.col2 { width:420px; float:left; padding:0 0 26px 26px; }
div.pageWrapper div.fixedWidthZone div.rowd div.col1 { width:213px; float:left; }
div.pageWrapper div.fixedWidthZone div.rowd div.col2 { width:213px; float:left; padding:0 0 0 10px; }
div.pageWrapper div.fixedWidthZone div.rowd div.col3 { width:213px; float:left; padding:0 0 0 10px; }
div.pageWrapper div.fixedWidthZone div.rowd div.col4 { width:213px; float:left; padding:0 0 0 10px; }
div.pageWrapper div.fixedWidthZone div.rowe { background-color:#fff; margin:10px 0 0 0;}
div.pageWrapper div.fixedWidthZone div.rowe div.col1 { width:213px; float:left; }
div.pageWrapper div.fixedWidthZone div.rowe div.col2 { width:213px; float:left; padding:0 0 0 10px; }
div.pageWrapper div.fixedWidthZone div.rowe div.col3 { width:213px; float:left; padding:0 0 0 10px; }
div.pageWrapper div.fixedWidthZone div.rowe div.col4 { width:213px; float:left; padding:0 0 0 10px; }
div.pageWrapper div.fixedWidthZone div.rowf { margin:10px 0 0 0; }
div.pageWrapper div.fixedWidthZone div.rowf div.col1 { width:436px; float:left; }
div.pageWrapper div.fixedWidthZone div.rowf div.col2 { width:213px; float:left; padding:0 0 0 10px; }
div.pageWrapper div.fixedWidthZone div.rowf div.col3 { width:213px; float:left; padding:0 0 0 10px; }
div.pageWrapper div.fixedWidthZone div.rowg div.col1 { width:1312px; float:left; }
div.pageWrapper div.fixedWidthZone div.rowg div.col1 div.row div.col1 { width:420px; float:left; }
div.pageWrapper div.fixedWidthZone div.rowg div.col1 div.row div.col1.doubleWide { width:866px; float:left; }
div.pageWrapper div.fixedWidthZone div.rowg div.col1 div.row div.col2 { width:420px; float:left; padding:0 0 0 26px; }
div.pageWrapper div.fixedWidthZone div.rowg div.col1 div.row div.col3 { width:420px; float:left; padding:0 0 0 26px; }
div.pageWrapper div.fixedWidthZone div.rowg div.col2 { width:420px; float:left; padding:0 0 0 26px; }
div.pageWrapper div.fixedWidthZone div.rowh div.col1 { width:33%; float:left; }
div.pageWrapper div.fixedWidthZone div.rowh div.col2 { width:33%; float:left; }
div.pageWrapper div.fixedWidthZone div.rowh div.col3 { width:25%; float:left; }
div.pageWrapper div.fixedWidthZone div.rowi div.col1 { width:436px; float:left;}
div.pageWrapper div.fixedWidthZone div.rowi div.col2 { width:436px; float:left; padding: 0 0 0 10px; }
div.pageWrapper div.fixedWidthZone div.rowj div.col1 { width:100%; clear:both;}

/* Post-footer strip. */
div.postFooterStrip { background-color:#262626; height:50px; margin-top:26px; position:relative; color:#ffffff; font-size:11px !important; font-weight:bold; }
div.postFooterStrip div.centre { text-align:center; padding:20px; }
div.postFooterStrip span.col { padding-left:12px; padding-right:12px; }
div.postFooterStrip a { color:#ffffff !important; font-size:11px !important; font-weight:bold; text-decoration:none; }
div.postFooterStrip a:hover { text-decoration:underline; }

/* Fancy Box */
/*.fancybox-close { background-image: url("/FGVC/Documents/jquery.fancybox/fancy_close.png")!important;}*/
/*#fancybox-loading {background-image: url("/FGVC/PublishingImages/loading.png") !important; background-position:0px!important;}
#fancybox-loading { top:50%!important; left:30%!important;}
#fancybox-loading div { width:430px!important; height:100px!important;}*/
 
 .fancybox-skin{ padding: 55px 20px 20px 20px!important; background-color:#e2e3e4!important; opacity:1;}
 .fancybox-overlay {opacity:1; }
 
 .fancybox-close { position: absolute; top:10px!important; right:10px!important; width:25px!important; height:25px!important; cursor: pointer; z-index:8040; }
 .fancybox-close { background-image: url('/FGVC/PublishingImages/CoreSiteAssets/close.png')!important; background-size: 25px 25px; background-repeat: no-repeat; }

 .fancybox-inner { overflow:hidden!important;}

/* Fancy Box */

/* Home Page Carousel */
div.nivo-controlNav { float:right; margin-right:10px; margin-top:-50px; z-index:200; position:relative;}
div.nivo-controlNav a.nivo-control {
	display:block;
	width:22px;
	height:22px;
	background:url(/FGVC/PublishingImages/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;}
	
div.nivo-controlNav a.nivo-control.active {	background-position:0 -22px;}
div#Mainslider .nivo-directionNav a { visibility:hidden; }
div.FGVCHomeCarousel .nivo-caption { display:none!important;}

/* Home Page Carousel */


/* Detail Page Center line */
	.col2 div.CenterLine{ height:570px;  border-left:2px #bdbfbc solid; position:relative; margin-left:-32px; top:20px; }
/* Detail Page Center line */

/* Detail Contant Area */
	.ScrollContants { margin-top:20px; padding-right:15px}
	.element, .outer-container { width: 815px; height: 540px;}	
	.outer-container { border:0px transparent none; position: relative; overflow: inherit;}
	.inner-container { position:static; left: 0; overflow-x: hidden; overflow-y: scroll; width:825px;}
	
	/* hide the scroll bar if needed */
	.inner-container::-webkit-scrollbar {display:none;}	
	/* Style the scroll bar*/
	.inner-container::-webkit-scrollbar-track {	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5;}
	.inner-container::-webkit-scrollbar	{ width: 12px; background-color: #F5F5F5; }
	.inner-container::-webkit-scrollbar-thumb {	border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color:#E21D1A;}
	/* Style the scroll bar*/

	/* hide the scrool bar in IE */
	.inner-container {-ms-overflow-style:none;}
	/* hide the scrool bar in IE */

	
	a#scroll-down img{ z-index:100; position:absolute; width:70px; margin:-15px auto 0px 355px; display:block; border:0px transparent none;}
	a#scroll-up img{z-index:100; position:absolute; width:70px; margin:0px auto 10px 355px; display:block;  border:0px transparent none;}
	.#FGVCdisabled img { opacity:0.1; }
	.FGVCdisabled { display:none; }
	.FGVCHide { display:none;}
	.#ExpentElement { height:568px;}
	
/* Detail Contant Area */

/* Details Page NivoSlider */
	div.OuterFGVSSlider{ margin-top:20px; width:834px;}
	
	/* Remove the side Nav*/
	div.nivoSlider .nivo-directionNav {display:none;}
	
	div.nivoSlider .nivo-caption{ font-size:10pt!important; padding:15px; position:relative; background-color:#fff; color:#000; }
	div.nivoSlider .nivo-nextNav{ background:url("/FGVC/PublishingImages/CoreSiteAssets/nivo-arrows_520.png") no-repeat!important; background-position:-40px 0px!important; }
	div.nivoSlider .nivo-prevNav{ background:url("/FGVC/PublishingImages/CoreSiteAssets/nivo-arrows_520.png") no-repeat!important;}
	div.OuterFGVSSlider .nivoSlider { box-shadow:none;}
	
	div.nivoSlider .nivo-controlNav { float:right; margin-right:0px; margin-top:-50px; z-index:200; position:relative;}
	div.nivoSlider .nivo-controlNav a.nivo-control {
	display:block;
	width:22px;
	height:22px;
	background:url(/FGVC/PublishingImages/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;}

	div.OuterFGVSSlider .nivo-controlNav { margin-top:-90px;}
	
/* Details Page NivoSlider */

/* Details Page Site Banner */
	div.OuterDetailPageBanner { padding-top:30px;}
	div.DetailPageBanner {  line-height:70px; color:#fff;  height:65px; background-color:#e21d1a;}
	div.DetailPageBanner { text-indent:20px; font-size :28pt; font-family:"Proxima Nova Regular"; text-transform:uppercase; text-transform:uppercase;}
/* Details Page Site Banner */

/* remove all borders from images */
img { border:0px transparent none!important;}
/* remove all borders from images */

/* Remove the footer */
div.postFooterStrip{ display:none!important;} 
/* Remove the footer */

/* Search resaults */
div#searchResults{ margin-left:50px; }

div#searchResults #searchResultsGrid table tbody tr { border: 0px transparent none; }
div#searchResults #searchResultsGrid table tbody tr td { padding:5px 0px 5px 0px;}
div#searchResults #searchResultsGrid table tbody tr td a{ font-size:20px;}

div#searchResultsCount { font-size:20px; }
div#searchResultsFooter  td a{ font-size:20px; }
/* Search resaults */

/*Table of Contant webpart */
div.rwcb .col1 table#tocwp { margin-left:20px;}
/*Table of Contant webpart */

/*--------------------------------------------- iPad CSS landscape --------------------------------------------------------*/

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) 
{
html, body { width:1024px; height:1024px; overflow:hidden; }
  div.fixedWidthZone { width:1024px; margin-left:auto; margin-right:auto;}
  div.pageWrapper { width:1024px!important;margin-left:auto; margin-right:auto; } 
  div.pageWrapper { background:#DDDDDD none no-repeat fixed center top!important;}
  .topNavItem a { color:#000 !important; height:20px; padding:10px 0 0 0; width:170px; display:block; font-family:"Proxima Nova Regular", 'Helvetica Neue', Arial, Helvetica, sans-serif !important; font-size-adjust:0.488; font-weight:bold; font-style:normal; font-size:8pt !important; letter-spacing: 1px;}

  div.headerStrip {  height:100px; }
  div.navigationStripDetails{ height:50px; padding-top:13px;}
  div.navigationStrip {  height:60px; margin-left:auto; margin-right:auto;}
  
  div.pageWrapper div.fixedWidthZone div.contentZone { margin-left:45px; margin-right:auto; }

  
  div.pageWrapper div.fixedWidthZone div.rowcb div.col1 { width:696px; float:left;  }
  div.pageWrapper div.fixedWidthZone div.rowcb div.col2 { width:223px; float:left; padding:0 0 13px 13px; }
  div.pageWrapper div.fixedWidthZone div.rowg div.col1 { width:696px; float:left; }
  div.pageWrapper div.fixedWidthZone div.rowg div.col2 { width:223px; float:left; padding:0 0 0 13px; }
	img{width:100%!important;}
	
  div.pageWrapper div.fixedWidthZone div.rowg div.col1 div.row div.col1 { width:223px; float:left; }
  div.pageWrapper div.fixedWidthZone div.rowg div.col1 div.row div.col2 { width:223px; float:left; padding:0 0 0 13px; }
  div.pageWrapper div.fixedWidthZone div.rowg div.col1 div.row div.col3 { width:223px; float:left; padding:0 0 0 13px; }
  
  div.headerStrip div.fixedWidthZone div.whatsOnLogo { width:600px; position:absolute; position:inherit; top:10px; left:5px; color:white; }
  .FGVCHeaderLogo img { width:600px; border:0px transparent none;}
  
  div.headerStrip div.fixedWidthZone div.search { position:absolute; top:24px; right:15px; }
  div.navigationStrip {height:30px;}
  
  /*---------------- Content page ------------------*/
  div.rowTop { width:1024px; margin-left:auto; margin-right:auto; margin-left:-45px;}
  div.OuterDetailPageBanner { padding-top:10px;}
  div.DetailPageBanner { font-size:18pt; line-height:50px; height:45px;}
  
  div.navigationStripDetails {height:35px; padding-top:5px;}
  .topNavItemDetails a { height:25px; padding:10px 20px 0 20px; font-size:10pt !important;}	
  
  div.rowc { margin-left:-45px; }
  div.pageWrapper div.fixedWidthZone div.rowc div.col1 { width: 450px; height: 364px; float: left; margin-left:10px;}
  div.pageWrapper div.fixedWidthZone div.rowc div.col2 { width: 460px; height: 364px!important;   }

  div.col2 div.CenterLine {height:350px;}
  div.OuterFGVSSlider { margin-top: 20px; width: 450px; }
  .element, .outer-container { height: 280px; width: 450px; }	

  a#scroll-down img{ z-index:100; position:absolute; width:60px!important; margin:-15px auto 0px 195px; display:block; border:0px transparent none;}
  a#scroll-up img{z-index:100; position:absolute; width:60px!important; margin:0px auto 10px 195px; display:block;  border:0px transparent none;}

  .fancybox.frame {	overflow: scroll !important; -webkit-overflow-scrolling: touch !important;}
  .fancybox-inner { -webkit-overflow-scrolling: touch !important; overflow: scroll !important;}
  
  .fancybox-close { position: absolute; top:10px!important; right:10px!important; width:25px!important; height:25px!important; cursor: pointer; z-index:8040; }
  .fancybox-close { background-image: url("/FGVC/PublishingImages/CoreSiteAssets/close.png")!important; background-size: 25px 25px!important; background-repeat: no-repeat;  }  
  
  div.nivoSlider .nivo-nextNav{ background:url("/FGVC/PublishingImages/CoreSiteAssets/nivo-arrows_280.png") no-repeat!important; background-position:-40px 0px!important; }
  div.nivoSlider .nivo-prevNav{ background:url("/FGVC/PublishingImages/CoreSiteAssets/nivo-arrows_280.png") no-repeat!important;}

  /* Detail Page Center line */
  .col2 div.CenterLine{ height:315px!important; }
  /* Detail Page Center line */

  /* Details Page NivoSlider */	
  div.OuterFGVSSlider .nivo-controlNav { top:340px; position:absolute!important;}
  /* Details Page NivoSlider */	
   
 }