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

/*
================================================================================
General responsive template.
Author:       Josh Shindler , Steve Mannon , Dylan Williams, Gwyn Jones
Created:      May 2012 
================================================================================
*/

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

----------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Branding banners
2.0 - News
3.0 - Quick links
4.0 - Promotions

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

/*
--------------------------------------------------------------------------------
						Headers and sub-navigation
--------------------------------------------------------------------------------
*/

/*#corporate-wrapper #main-navigation ul ul {  margin-top: 31px; }*/
.corporate{border-bottom:#CA130B solid 4px;}
.corporate-red-bkgd {background:#CA130B; border-bottom: 4px solid #CA130B; position: relative;}
#corporate-wrapper {position: relative;}





.level1 #wrapper #primary-content #banner h1{ background:#CA130B;  float:left; color:#FFFFFF; padding:12px 0 0 12px; margin:0; overflow:hidden; filter: alpha(opacity=90); -moz-opacity:0.90; opacity:0.90; z-index:1; font-size:2em; font-weight:500; width:100%; height: 95%; position: absolute; top: 0; }
.level1 #wrapper #primary-content #banner h1 .sub-text {width:300px; font-size:0.4em; display:block; font-weight:bold; line-height:150%; padding:6px 0 0 0;}




/*Level 3 header*/

.level3  #banner{ background-color:#CA130B;}

/*Level 4,5,6 header*/





/*
----------------------------------------------------------------------------------
                    Level 1,2,3 styles with a righthand column
--------------------------------------------------------------------------------
*/

/*-------------------
Primary content
-------------------*/

/*Document releases*/


.document-release {margin-left:0!important;  width:100%!important; float:left!important;}
#corporate-wrapper #wrapper #primary-content #left-nav-content .document-release li {list-style-type:none!important; float:left; padding:0 30px 0 0; margin:0 0 0 0; font-size:0.9em;}

/*-------------------
Secondary content
-------------------*/

/*news panel*/

#corporate-wrapper #wrapper #secondary-content .holder .level-two-news img{padding:0 0 0 0;}
#corporate-wrapper #wrapper #secondary-content .holder .level-two-news a{padding:0 0 0 0; margin:0 0 0 0; font-weight:bold;}
#corporate-wrapper #wrapper #secondary-content .holder .level-two-news p{padding:0 0 0 0; margin:0 0 0 0;}
#corporate-wrapper #wrapper #secondary-content .holder .level-two-news {margin:0 0 0 0; padding:.8333em 0 .8333em 0;}

/*video panel*/

#corporate-wrapper #wrapper #secondary-content .holder #player {margin:1em 10px 1em 10px;}

/*facts and figures panel*/

#corporate-wrapper #wrapper #secondary-content .holder #facts-figures .fact-title {font-size:2.083em; padding:0 0 .2em 0; color:#CA130B}
#corporate-wrapper #wrapper #secondary-content .holder #facts-figures .fact-description{color:#666666;}

/*press releases panel*/

#corporate-wrapper #wrapper #secondary-content .holder .press-releases li a {font-weight:bold;}

/*
----------------------------------------------------------------------------------
                    Level 3,4,5 styles with a lefthand navigation
--------------------------------------------------------------------------------
*/

#left-nav .selected-page a {background-color:#CA130B!important;}
#left-nav .selected .selected-page a {background-color:#CA130B!important;}
#left-nav .selected-page ul {background-image: url(/images/global/corp-nav-arrow-bg-1st.jpg)!important;}

/*Two lists that can be hidden*/

#left-nav-content #list-top-section{border-bottom:none;  margin-bottom:0px!important;}
#left-nav-content #list-bottom-section{border-top:none; border-bottom:none; margin-top:0!important; margin-bottom:0!important;}
#left-nav-content .bottom-border{border-top:#bfbfbf dotted .0833333em; padding:0 0 0 0!important;; margin:0 0 0 0!important;}
#left-nav-content .Block .formtable{border:#bfbfbf dotted .0833333em;}
#left-nav-content .Block .formtable .grey {background:#EEEEEE;}
#left-nav-content .Block .formtable tr td {padding:1em 0 1em .8333em;}
#corporate-wrapper #left-nav-content #commentsform .Block .formtable tr th {padding:0 .8333em 0 .8333em; text-align:left;}
#left-nav-content fieldset {float:left; padding-top:1em; margin-top:1em; width:100%;}
#left-nav-content fieldset .formitem  {float:left; width:100%; padding:.5em 0 1em 0;}
#left-nav-content fieldset .formitem .form-label {float:left; width:24.3204%; text-align:right; padding-right:1.4306%; padding-top:.25em;}
#left-nav-content fieldset .formitem label,  #left-nav-content fieldset .formitem .date-label{float:left; width:40.0572%;  padding:0 2.8612% 1em 0; font-weight:bold; }
#left-nav-content #orderform fieldset .cat-order-search .formitem nobr {float:left;  margin:5px 10px 3px 0;}
#left-nav-content #orderform fieldset .cat-order-search .formitem input{float:left;height:19px; padding:3px; margin:.25em 0 .25em 0; width:28.6123%;}
#left-nav-content #orderform fieldset .cat-order-search .formitem a {float:left;margin:3px 0 3px 12px;}
#left-nav-content fieldset .check-box{margin:1em 0 1em 20px; font-weight:bold;}
#left-nav-content fieldset .check-box input{margin:0 .6666666em 0 0;}
#left-nav-content fieldset .seat-number {padding:1em 0 1em 0;font-weight:bold;}
#left-nav-content #orderform fieldset #mandatory-references {width:48.6409%; float:left; margin:1em 0 1em 0;}
#left-nav-content #orderform fieldset #additional-references {width:42.9184%; float:left; margin:1em 0 1em 0;}
#left-nav-content fieldset .formitem input {height:1.5833em; padding:.25em; margin:0 0 0 0; width:34.3347%; }
#left-nav-content fieldset .formitem .date-selection select {height:2.08333em; padding:.25em;}
#left-nav-content fieldset .formitem #slct_country,  #left-nav-content fieldset .formitem #slctSubject {height:30px; padding:3px; margin:0 0 0 0;}
#left-nav-content fieldset legend {width:98.1402%; padding:.666666em 0 0 0; margin:0 0 0 0; background:none; font:1.5em/150% Verdana, Arial, Helvetica, sans-serif normal; border-top:#d9d9d9 .0833333em dotted; float:none;  }
#left-nav-content fieldset .field-label-right {float:right; padding:1em 0 1em 0;}
#left-nav-content fieldset #marketing{width:30px; float:left; height:1.6666em; padding-bottom:30px;}
#left-nav-content fieldset .field-label-right a img {border:none;}
#left-nav-content fieldset .landingtext #mandatory_additional_info {padding:5px;}
#left-nav-content fieldset .field-label-right #send-comment {height:auto; padding:0 0 0 0;}
#left-nav-content fieldset .leftalign {float:left; font-size:1.1em; width:100%; padding:.9090em 0 .4545em 0; font-weight:bold;}
#left-nav-content fieldset #contact-info {padding:1em 0 1em 0;}
#left-nav-content fieldset #contact-info h3 {float:left; width:170px; text-align:right; padding-right:10px; padding-top:3px;}
#left-nav-content fieldset #contact-info p { padding-left:200px;}
#left-nav-content fieldset .field-label-right a img,  #left-nav-content .field-label-right a img,  #left-nav-content fieldset a img ,  #left-nav-content #orderform a img{border:none!important;}
.holder-left-nav-content {display:inline-block;}
/* CA: fix for invisible 1px image on Advance orders page (border made it visible) */
 #left-nav-content .cat-order-search img { border: none !important; }

/*Tabs*/
.ui-tabs { position: relative; padding:0px; zoom: 1; margin:5px 0 0 0;} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as fixed) */
.ui-tabs #tabs-categories, .ui-tabs #tabs-popular, .ui-tabs #tabs-news {margin:6px 4px 0 12px!important; padding:5px!important;}
.ui-tabs #tabs-categories ul, .ui-tabs #tabs-popular ul, .ui-tabs #tabs-news ul {border:solid 2px #8A0752;margin:22px 0 0 0;padding:0px;}
.ui-tabs #tabs-categories ul li, .ui-tabs #tabs-popular ul li, .ui-tabs #tabs-news ul li {padding:10px 0;margin:0 12px;border-bottom:dotted 1px #BFBFBF;}
.ui-tabs #tabs-categories ul li a, .ui-tabs #tabs-popular ul li a, .ui-tabs #tabs-news ul li a {text-decoration:none; color:#000; display:inline-block;}
.ui-tabs ul li a:hover {text-decoration:underline;}
.ui-tabs #tabs-categories ul li a:hover, .ui-tabs #tabs-popular ul li a:hover, .ui-tabs #tabs-news ul li a:hover{text-decoration:underline;}
.ui-tabs .ui-tabs-nav { margin-left: 15px; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .1em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; background-color:#807a7a; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none;  color:#fff; font:1.2em/130% Verdana, Arial, Helvetica,sans-serif; font-weight:bold;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; background-color:#8A0752; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs #tabs-news ul li a img {border:solid .0833333em #8A0752; margin-right:5px; float:left;}

/*Show hide buttons*/

#corporate-wrapper  #left-nav-content .hide-button{padding:7px 5px 6px 38px!important; font-size:0.9em;}
#corporate-wrapper  #left-nav-content .show-button{padding:7px 5px 6px 38px!important; font-size:0.9em;}

/*Foi transparency*/

#left-nav-content .grey-white-list-foi {padding:0 0 10px 0!important; margin:12px 0 20px 0!important; list-style:none; border:#bfbfbf dotted .0833333em;  }
#left-nav-content .grey-white-list-foi li{ list-style:none; padding:12px 0 12px 0!important; margin:0 10px 0 10px; width:100%; line-height:150%; border-bottom:#bfbfbf dotted .0833333em }
#left-nav-content .grey-white-list-foi li a {font-size:1.2em; clear:both; display: block;} 
#left-nav-content .grey-white-list li .foiReference {font-size:0.95em;}
#left-nav-content .grey-white-list-foi .grey{background-color:#EEEEEE;margin:0 0 0 0;}
#left-nav-content .grey-white-list-foi .grey h2 {border:none; margin:0 0 0 0; padding:0 0 0 10px;}


/* SPOCC CONTENT */
/* to get around legend tag bug in IE */
/* FF */
 #left-nav-content fieldset.spocc {position:relative; margin-top: 4em; padding-top: 0.5em;}
 #left-nav-content fieldset.spocc legend {position:absolute;top:-2.5em;width:100%;left:0;}
 #left-nav-content fieldset.nested legend { position: relative;}
/* Chrome hack */
/*@media screen and (-webkit-min-device-pixel-ratio:0) 
{
 #left-nav-content fieldset.spocc {padding-top:0.75em;}
 #left-nav-content fieldset.spocc legend {margin-top:0em;}
 #left-nav-content fieldset.no-title legend {margin-top:0em;}
}*/
/* IE hacks */
* html  #left-nav-content fieldset.spocc legend {left:-7px;margin-top:0em;}
*+html  #left-nav-content fieldset.spocc legend {left:-7px;margin-top:0em;}
/* for privacy section and other with no title */
 #left-nav-content fieldset.no-title {padding-top:1em;}
/* for small text in form */
p.form-smallprint {font-size:0.9em;}
/* for error text */
span.error-text, p.error-text, div.error-text {color:#c00;}
/* for form item error messages */
 #left-nav-content fieldset.spocc div.error-text input,  #left-nav-content fieldset.spocc div.error-text select,  #left-nav-content fieldset.spocc div.error-text textarea {border: .0833333em solid #c00; background:#fee;}
/* adds more left space for labels, overrides bold label css */
 #left-nav-content fieldset.spocc div.formitem label {width:100%; font-weight:normal;}
 #left-nav-content fieldset.spocc div.formitem label.form-label {width:32.9041%; font-weight:normal;}
 #left-nav-content fieldset.spocc div.formitem label.error { display: block; float: none; margin: 5px 0 0 34.3347%; }

 #left-nav-content fieldset.spocc div.formitem span.helpText { display: inline-block; margin: 0; }

 #left-nav-content fieldset.spocc div.formitem p.landing-text label.error { margin-left: 0; }
/* for radio buttons - labels are on radio buttons themselves, so need overriding label css */
 #left-nav-content fieldset.spocc div.formitem label.radio {width:auto;padding-right:30px;text-align:left;}
/* adds styling to select dropdown input */
 #left-nav-content fieldset.spocc div.formitem select {height:30px; padding:3px; margin:0 0 0 0; width:240px;}
/* IE bug for explanation text underneath a field - needs a margin top or wraps oddly */
* html  #left-nav-content fieldset.spocc div.formitem p {margin-top:3px;}
*+html  #left-nav-content fieldset.spocc div.formitem p {margin-top:3px;}
/* hides privacy statement but still appears to screenreaders */
 #left-nav-content fieldset.spocc legend span.privacy {position:absolute;left:-9999em;top:-9999em;visibility:hidden;}
/* send button styling */
 #left-nav-content fieldset.spocc div.label-centre {margin:20px 0 20px 240px;}
/* main page heading */
h2.heading {font-size:2.2em;}
 #left-nav-content ul.spocc {margin-left:0 !important;}
 #left-nav-content ul.spocc li {list-style:none;margin-left:0;}
 #left-nav-content ul.spocc li a {text-decoration:none;font-weight:bold;color:black;}
 #left-nav-content ul.spocc li a:hover {text-decoration:underline;}


/* Enewsletter signup */

#signup {padding:0 0 1.66666em 0;}
#signup #personalDetails{clear:both; float:left; margin-bottom:10px; width:100%;}
#signup label {float: left; width:21.4592%; padding:0.4166em 0 ;font-weight: normal; clear:both;margin:0 0 .666666em 0;}
#signup input{float: left; padding:.4166em .8332em .4166em 0px; margin:0 21.4592% .666666em 0; width:35.7653%;}
#signup p {clear:both; margin:1.25em 0!important; border-top:#CCC .0833333em dotted; padding:1.25em 0 1em 0;}
#signup input.checkbox{margin:0 0 0 0 ; float:left; padding:0 0 0 0!important; width:1.25em; clear:both; margin-right:.5em; float:left;}
#signup label.checkbox{display:block; padding:0 0 0 0!important; line-height:100%; clear:none; width:85.8369%; float:none;}
#signup .submit {clear:both; margin:.8333em 0 .8333em 0;}
#signup .asterisk {color:#C00; border-top:none; margin:0 0 0 0!important; padding:0 0 0 0; float:none;}
#signup .asterisk .black-text {color: #666; font-size:0.9em;}
*html #signup label.checkbox {line-height:150%;}
*+html #signup label.checkbox {line-height:150%;}
#signup .submit {cursor: pointer;}
#signup #termsConditions {padding:.8333em!important; border:#CCC .0833333em dotted; background-color:#efefef; font-size:0.9em;}
#smallSignup {min-height:80px; } 
#smallSignup #signup {padding:10px 10px 30px 0px; } 
#smallSignup #signup label {display:none; float: left; padding:5px 10px 4px 10px;font-weight: normal; margin:0 0 8px 0; clear:none; width:auto; background:#efefef; border-top:#999 solid 1px;border-bottom:#999 solid 1px; border-left:#999 solid 1px;}
#smallSignup #signup input{float: left; padding: 5px 10px ; margin:0 0 8px 0; width:210px; }
#smallSignup #signup #signUpNow, #signup #signUpNow {width:134px; }
#smallSignup #signup #emailSmall {float: left; margin-left:10px;  }
#smallSignup #signup .submit {clear:both;}


  
.tweet {width:92.71523%; padding:1em 3.6423%; }
.socialicons {margin: 1em 0 -0.5em 0;text-align: center; width: 100%;}
.socialiconright {margin-left: 8.5%; }
 

/* Styling for Live Chat toggle*/

#ciEvtM {z-index:100; position:absolute }
#scEvtM {display: inline; }
#sdEvtM {display: none; }
#ciEvtM img, #scEvtM img, #sdEvtM img {border: none !important; }



/* Rotating panel */

#secondary-content .holder ul#banners {position: relative; height: 140px; background:#FFF; overflow:hidden; padding: 0 !important; margin-left: 0px !important;}
#secondary-content .holder ul#banners li{border: 0px !important; }
#secondary-content .holder ul#banners li a {color: #fff!important; text-decoration: none !important; }
#secondary-content .holder ul#banners li a:hover {text-decoration:underline !important;}

#banners img {border: 0px !important; height: 105px !important; float: right !important; margin-right: 0px !important;}
.noShow {display: none; }
#betaWrapper h2 {text-align:left; color:#0066CC; font-size:1.5em;}
#betaWrapper a {text-decoration:none;}
#betaWrapperabout { background: none repeat scroll 0 0 #FCF2D9;border: 1px solid #F4D57F; border-radius: 3px 3px 3px 3px; box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.1); clear: both; color: #000000; left: 0;  margin: 10px;  padding: 5px 1%;  position: relative;  text-align: left;  width: 95.5%;z-index: 4001; 	a:visited, a:focus, a:active color: #000000; text-decoration: underline;}

#betaWrapperabout h2 {text-align: left;  color:  #0066CC; font-size:  1.5em; border-top:0!important; margin-top:0!important;}
#betaWrapperabout a { text-decoration:none;}

/* FOI page table styles */

table.foi { border: 1px solid #cccccc; }
table.foi th { background: #666666; color: #ffffff; padding: 5px; border: 1px solid #cccccc; }
table.foi td { padding: 5px; border: 1px solid #cccccc; }


@media only screen and (min-width: 120px) and (max-width: 480px) {	
.level1 #wrapper #primary-content #banner{ height:8em;  }
.level1 #wrapper #primary-content #banner h1 .sub-text {display: none; }

}

@media only screen and (min-width: 480px) and (max-width: 768px) {	
	.level1 #wrapper #primary-content #banner h1  {font-size:2.5em; }

}



@media only screen and (min-width: 768px) {

	.level1 #wrapper #primary-content #banner h1{ background:#CA130B;  float:left; color:#FFFFFF; padding:12px; margin:-110px 0 0 20px; overflow:hidden; filter: alpha(opacity=90); -moz-opacity:0.90; opacity:0.90; z-index:1; font-size:1.5em; font-weight:500; height: auto; width: auto; position: relative; }

	.level1 #wrapper #primary-content #banner h1 .sub-text {font-size:0.65em; }
}