/*
==========================
 *Start: Grids styles
==========================
 */
/*
 *Start: Grids styles
 */
/*Aligns text in center*/
.center{
	text-align: center;
}

/*Hide section headings*/
.outlineTitle,
.pageFooter #iPadNavContainer,
.smartphoneMainNavButtonContainer,
.pageFooter .printFriendlyFootText{
  /*clip: rect(1px 1px 1px 1px);  IE6 & 7, causes some validation code errors so have just commented it out - so far no effects on how IE renders the pages */
  clip: rect(1px, 1px, 1px, 1px);
  left: -2000em;
  position: absolute;
}

/*Main container for the page layout*/
.container, 
.containerOversized,
.containerGSearch,
.containerFAQIndex {
	margin-left: auto;
	margin-right: auto;
	padding:0;	
}
.container, 
.containerGSearch,
.containerFAQIndex {
	width: 1000px !important;
}
.containerOversized {
	width: 1471px !important;         /* max-width for the liquid layout */
}
/*StartPageHeader*/


.container .pageHeader, 
.containerOversized .pageHeader,
.containerGSearch .pageHeader,
.containerFAQIndex .pageHeader{
	background:#F1F6F9;
	border-top: 4px solid #84BDDA;
	border-bottom: 1px solid #216C8C;
	height:67px;
	
}
.container .pageHeader, 
.containerGSearch .pageHeader,
.containerFAQIndex .pageHeader{
	width: 1000px;
}


.containerOversized .pageHeader{
	width: 1471px;
}
/*Thin line in header*/
.pageHeader .topThinLine{
	border-top: 2px solid #216C8C;
	height:2px;
	padding: 0;
	margin: 0;
}
/** - <div> middle content container **/
.pageHeader .middleContent {
	float:left;
	color: #000;
	height: 60px;
	overflow: hidden;
	padding:0;
	margin:0;
	width: 100%;
}
/** - header's logo container **/
.pageHeader .middleContent .logo {
	float: left;
	height: 55px;
	width:181px;
}
/** - header's GSearch fields container **/
.pageHeader .middleContent .searchBoxField {
	float: left;
	height: 55px;
	overflow: hidden;
	width: 75%;
}
/*GSearchBoxStyles*/
.pageHeader .middleContent .searchBoxField .cse-branding-right{
	float: left;
	margin-top: 13px;
	padding: 0;
	width:99.95%;
}
.pageHeader .middleContent .cse-branding-form{
	float: left;
	padding: 2px;
	width:99.9%;
}
.pageHeader .middleContent .cse-branding-form form{
	float: left;
	text-align: center;
	width:99.95%;
}
.pageHeader .middleContent .cse-branding-form form div{
	background:#21698D;
	float:left;
	margin-left: 10%;
	padding: 3px;
	width: 80%;
}
.pageHeader .middleContent .cse-branding-form form div input[type="text"]{
	width: 80%;
}
.pageHeader .middleContent .cse-branding-form form div input[type="submit"]{
	font-size: 93%;
	padding: 1px 6px;
}
/*EndPageHeader*/

.mainContent {
	
	float: left;
	width: 100%;
}

.container .mainArticle, 
.containerOversized .mainArticle,
.containerGSearch .mainArticle,
.containerFAQIndex .mainArticle {
	float: left;
	padding: 0 16px;
}

.container .mainArticle, 
.containerOversized .mainArticle {
	margin: 0 232px 0 183px; 
}
.container .mainArticle {
	width: 552px;
}
.containerOversized .mainArticle {
	width: 1024px;
}


.containerFAQIndex .mainArticle{
	margin: 0 0 0 181px; 
}

.containerGSearch .mainArticle{
	margin: 0 0 0 181px; 	
	width: 785px !important;
}



.mainContent .mainArticle .textQuickLinksNTopImage{
	float: left;
	clear: both;
	width: 100%;
}
.mainContent .mainArticle .textQuickLinks{
	float: left;
	padding: 0 6px;
	width: 39%;
	word-wrap:break-word;
}
/*QuickLink Header*/
.mainContent .mainArticle .textQuickLinks h2{
	color: #7c7b79;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
}
/*QuickLinks list*/
.mainContent .mainArticle .textQuickLinks ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.mainContent .mainArticle .textQuickLinks ul > li{
	margin: 0;
	padding: 0;
}

.imageContentTop{
	float: right;
	display: table !important;
	width: 47%;
}


.imageContentTop .imageLHS,
.imageContentTop .imageRHS,
.imageContentTop .imageLHS img,
.imageContentTop .imageRHS img{
	margin: 0 !important;
}

/*AboveFoldAd*/
.mainContent .mainArticle .adsSectionTop{ 
	display: inline !important;
	height: auto;
	width: 100%;
}
.mainContent .mainArticle .mainPageContent{
	height: auto;
	width: 100%;	
}

.mainContent .mainArticle .mainPageContent li{
	list-style-position: inside !important;
}

/*Related Links*/
.mainArticle .textRelatedLinks{
	clear: both;
	height: auto;
	margin-bottom: 16px;
	width: 100%;
}

.mainArticle .textRelatedLinks h2{
	text-align: center;	
}

.mainContent .mainArticle .textRelatedLinks ul{
	list-style: none;
	margin: 1em 0em !important; /* Adds a space between each list. */
	padding: 0;
}

.mainContent .mainArticle .textRelatedLinks ul li{
	padding: 0;
}

.tipSection {
	background-color: #DEF1FA;
	width: 100%;
	clear: both;
	border-radius: 5px;
	display: inline-block;
}

.tipSection.hidden {
	display: none;
}

.tipSectionImage {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	width: auto;
	height: 61.7px;
}

.tipSectionText {
	color: black;
	margin: 0.5em 0px;
	padding: 0px 20px 10px 20px;
	font-style: italic;
	font-size: 100%;
	text-align: justify;
}

.tipSectionText:before {
	content: '\275D';
	font-size: 16pt;
	padding-right: 2px;
	color: #191919;
}

.tipSectionText:after {
	content: '\275E';
	font-size: 16pt;
	padding: 0px;
	vertical-align: top;
	color: #191919;
}

.tipSection > .BU-BB-BOP,
.tipSection > .BU-BL-BOP,
.tipSection > .PSU-IL-BOP,
.tipSection > .PSU-IB-BOP {
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
}

/*EndContent*/

/*StartLeftPanel*/
.leftPanel {
	float: left !important;
	margin-left: -100% !important;
	overflow: hidden !important;
	width: 181px !important;
}
/** - sub container for the language link images **/
.leftPanel .langLinks { 
	float: left;
	text-align: center;
	width: 100%;
}
/** - CSS settings for the <img> tag inside the div.langLinks **/
.leftPanel .langLinks img {
	margin: 2px 4px -2px 0px;
	padding: 0px;
}
/*Language Links*/
.leftPanel .navigationLinks,
.rightPanel .navigationLinksTop{
	background-color: #3795C5;
	border: 2px solid #CFE1EB;
	color:#FFF;
	clear: both;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
}
.leftPanel .navigationLinks hr,
.rightPanel .navigationLinksTop hr{
	border: none;
	background: #CFE1EB;
	padding: 0;
	width: 100%;
}
.leftPanel .navigationLinks hr{
	margin: 4px 0;
}
.containerFAQIndex .leftPanel b.black,
.containerFAQIndex .leftPanel strong.black{
	color: #000000;	
}
.rightPanel .navigationLinksTop hr{
	margin: 0 !important;
}
.pageFooter ul.mobileSiteNavigation{
	display: none;
}

/*LeftPanel, and RightPanel navigation*/
.leftPanel ul.siteNavigation,
.rightPanel ul.siteNavigation{
	list-style: none;
	padding: 0;
}
/*LeftPanel navigation*/
.leftPanel ul.siteNavigation{
	margin: 4px;
	/*margin: 10px 0 0 0;*/
}
/*RightPanel navigation*/
.rightPanel ul.siteNavigation {
	text-align: center;
	margin: 0;
}
.leftPanel ul.siteNavigation li,
.rightPanel ul.siteNavigation li{
	margin: 0;
}
.rightPanel ul.siteNavigation li{
	padding: 4px;
}
/*LeftPanel and RightPanel Hyperlink Styles*/
.leftPanel ul.siteNavigation a:link,
.leftPanel ul.siteNavigation a:visited,
.rightPanel ul.siteNavigation a:link,
.rightPanel ul.siteNavigation a:visited{
	color: #fff;
	text-decoration: none;
}
.leftPanel ul.siteNavigation a:hover,
.rightPanel ul.siteNavigation a:hover{
	text-decoration: underline;
}
/*EndLeftPanel*/

/*StartRightPanel*/
.rightPanel {
	float: left;
	width: 232px !important; 
	margin-left: -232px !important;  
	text-align: center;
}
/*specificContentTop and Foot*/
/**/

/**StartIEQuirksModeFix**/
.rightPanel .dropdown dt, 
.rightPanel .dropdownCurrent dt {
	_height: 22px !important;
}
.rightPanel .dropdown dt a {
	_width: 218px !important;
}
.rightPanel .dropdown dt a.active { 
	_width: 226px !important;
}
.containerOversized .rightPanel .dropdown dd ul{
	_left: -115px !important;	
}
.rightPanel .dropdown dd ul {
	_left: -115px !important;	
}
.rightPanel .dropdown dd ul li{
	_height: 12px !important;
}
/**EndIEQuirksModeFix**/

.rightPanel .langLinksDrop dl {
	margin-left: 1px; /*79px;*/
	padding-top: 3px;
	padding-bottom: 3px;
	position: relative;
	text-align: center; /*right;*/
	top: 0;
	width: 100% /*just added*/
}
.rightPanel .dropdown dt, 
.rightPanel .dropdownCurrent dt {
	border: 1px solid #3795C5;
	width: 228px; /*150px;*/
}
.rightPanel .dropdown dd { 
	position: relative; 
}
.rightPanel .dropdown a, 
.rightPanel .dropdownCurrent a {
	display: block;	
	font: 13px Arial, Helvetica, sans-serif !important;		
	overflow: hidden;
	outline: 0;
	text-decoration: none;
}
.rightPanel .dropdown dt a {
	color: #3795C5;	
	padding: 3px 10px 4px 10px !important;
}
.rightPanel .dropdownCurrent dt a {
	color: #3795C5;	
	cursor: default;
	padding: 3px 10px 4px 10px !important;			
}
.rightPanel .dropdown dt a.active {
	background: #3795C5;				
	border: 1px solid #3795C5;
	color: #fff;
}

.rightPanel .dropdown dd ul {
	background: #CFE1EB;	
	border: 1px solid #3795C5;	
	color: #C5C0B0;
	display: none;
	left: 0;		
	list-style: none;	
	margin: 0;		
	padding: 2px 0 !important;
	position: absolute;
	z-index: 999;
	top: 0;
	width: 228px; /*150px;*/
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-box-shadow: 0 3px 7px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 7px rgba(0,0,0,.5);
	box-shadow: 0 3px 7px rgba(0,0,0,.5);	
}
.rightPanel .dropdown dd ul li {
	margin: 0;
}
.rightPanel .dropdown dd ul li a {
	padding: 3px 10px;
}
.rightPanel .dropdown dt a span.arrowDown {						
	background: url("/images/icon/general/arrow-down.gif") no-repeat scroll left top transparent;
	margin-left: 146px; /*128px;*/
	margin-top: -13px;
}
.rightPanel .dropdown dd ul li a span,
.rightPanel .dropdown dt a span {	
	background-repeat: no-repeat;
	cursor: pointer;
	float: left;
	height: 11px;
	margin: 2px 6px 0 0;
	width: 16px;
}
.rightPanel .dropdownCurrent dt a span {
	background-repeat: no-repeat;	
	cursor: default;
	float: left;
	height: 11px;
	margin: 2px 6px 0 0;
	width: 16px;
}
.rightPanel .dropdown dd ul li a em,
.rightPanel .dropdown dd ul li a i,
.rightPanel .dropdown dt a em,
.rightPanel .dropdown dt a i {
	cursor: pointer;
	font-style: normal;
	float: left;
	width: 100%; /*100px;*/
}
.rightPanel .dropdownCurrent dt a em,
.rightPanel .dropdownCurrent dt a i {
	cursor: default;
	font-style: normal;
	float: left;
	width: 100%; /*100px;*/
}
.rightPanel .dropdown dd ul li a em {
	color: #333;
	text-align: center; /*right;*/
}
.rightPanel .dropdown dd ul li a:hover { background-color: rgba(55,149,197,.1); }
.rightPanel .dropdown dd ul li a:hover em { color: #3795C5; }
/*specificContentTop and Foot*/
.rightPanel .specificContentTop,
.rightPanel .specificContentFoot{
	width: 100%;
}

.rightPanel .specificContentTop .title,
.rightPanel .specificContentTop .BU-SubContainerTopRHS,
.rightPanel .specificContentTop .PSU-SubContainerTopRHS,
.rightPanel .specificContentTop .content,
.rightPanel .specificContentTop .BU-SubContainerBottomRHS,
.rightPanel .specificContentTop .PSU-SubContainerBottomRHS,
.rightPanel .specificContentFoot .title,
.rightPanel .specificContentFoot .BU-SubContainerTopRHS,
.rightPanel .specificContentFoot .PSU-SubContainerTopRHS,
.rightPanel .specificContentFoot .content
.rightPanel .specificContentFoot .BU-SubContainerBottomRHS
.rightPanel .specificContentFoot .PSU-SubContainerBottomRHS {
	clear: both; 
	float: left !important;
	text-align: center;
	width: 99%;    
}



.rightPanel .specificContentTop .title,
.rightPanel .specificContentFoot .title{
	border: 1px solid black;
	font-weight: bold;
	margin-top: 2px;
}

.rightPanel .specificContentTop .content,
.rightPanel .specificContentFoot .content{
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

.rightPanel .specificContentTop .titleAffiliateLink,
.rightPanel .specificContentFoot .titleAffiliateLink{
	display: grid;
	border-left: 1px solid #003bb3;
	border-right: 1px solid #003bb3;
	border-top: 1px solid #003bb3;
	font-weight: bold;
	font-family: Arial;
	font-size: 15pt;
	color: #003bb3;
	margin-top: 2px;
}

.rightPanel .specificContentTop .BU-SubContainerBottomRHS,
.rightPanel .specificContentFoot .BU-SubContainerBottomRHS{
	border-left: 1px solid #003bb3;
	border-right: 1px solid #003bb3;
	border-bottom: 1px solid #003bb3;
}

.rightPanel .specificContentTop .PSU-SubContainerTopRHS,
.rightPanel .specificContentFoot .PSU-SubContainerTopRHS {
	display: grid;
	border-left: 1px solid #00deff;
	border-right: 1px solid #00deff;
	border-top: 1px solid #00deff;
	font-weight: bold;
	font-family: Arial;
	font-size: 15pt;
	color: #00deff;
	margin-top: 2px;
}



.rightPanel .specificContentTop .PSU-SubContainerBottomRHS,
.rightPanel .specificContentFoot .PSU-SubContainerBottomRHS {
	border-left: 1px solid #00deff;
	border-right: 1px solid #00deff;
	border-bottom: 1px solid #00deff;
}

.PSU-HeaderImageMergeRHS,
.PSU-HeaderImageRHS,
.BU-HeaderImageMergeRHS,
.BU-HeaderImageRHS {
	width: auto;
	height: auto;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.PSU-HeaderImageMergeRHS:first-of-type,
.BU-HeaderImageMergeRHS:first-of-type {
	grid-column: 1;
	grid-row: 1 / span 2;
}

.PSU-HeaderImageMergeRHS:last-of-type,
.BU-HeaderImageMergeRHS:last-of-type {
	grid-column: 1;
	grid-row: 2 / span 2;
	margin-top: 28px;
}


/** - image specific subsection container **/
.rightPanel .imagePageSpecific {
	text-align:center;
	width:100%;
}
/** - CSS properties for the  inside the div.image **/
.rightPanel .imagePageSpecific .image img {
	border:1px solid #000;
}
/** - image caption subcontainer **/
.rightPanel .imagePageSpecific .imageCaptionText,
.pageFooter a:link,
.pageFooter a:visited,
.pageFooter .footLinks p {
	color: #43606e;
}
.rightPanel .imagePageSpecific .imageCaptionText {
	font-weight:bold;
	font-size: 77%;
	height:auto;
	width:100%;
}


/** - image spacer; responsible for positioning the image in the rightPanel **/
.rightPanel .imagePageSpecific .imageSpacer {
	width:100%;
	height: 36px;
}

.rightPanel .imagePageSpecific .imagePageSpecificSpacer {
	width:100%;
	height: 36px;
}

/** - Booking button and booking link styles **/

.BU-BB-RHS, .BU-BB-BOP, .BU-BB-SmallBOP {
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
  border: none;
  border-radius: 8px;
  margin-bottom: 15px;
  margin-top: 10px;
  height: auto;
  min-height: 26px;
}

.BU-BB-Table { /**NotUsed**/ /**old style = .BkBtnTable **/
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 5px;
  height: auto;
  min-height: 26px;
}

.BU-BB-Table.FullWidth { /**NotUsed**/ /**old style = .BkBtnTable **/
  width: 100%;
}

.BU-BB-RHS {
  font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
  color: #ffffff;
  background-color: #003bb3;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}

.BU-BB-BOP {
  font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
  color: #ffffff;
  background-color: #003bb3;
  width: 100%;
  clear: both;
}

.BU-BB-SmallBOP {
  font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
  color: #ffffff;
  background-color: #003bb3;
  width: 95%;
  clear: both;
  margin-left: auto;
  margin-right: auto;
  font-weight: normal;
  margin-bottom: 3px;
  margin-top: 3px;
}

.BU-BB-SmallBOP a {
  display: grid;
  align-items: center;
  color: inherit;
  text-decoration: inherit !important;
}

.BU-BB-Table { /**NotUsed**/ /**old style = .BkBtnTable**/
  font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
  color: #ffffff;
  background-color: #003bb3;
  width: 85%;
  margin: 0 auto;
  clear: both;
  margin-top: 5px;
  margin-bottom: 5px;
}

.BU-BL-BOP {
  display: flex;
  align-items: center;
  width: 100%;
}

.BU-BB-RHS:visited, .BU-BB-BOP:visited, .BU-BB-SmallBOP:visited, .BU-BB-Table:visited {
  color: #ffffff !important;
  text-decoration: none !important;
}

.BU-BB-RHS:hover, .BU-BB-BOP:hover, .BU-BB-SmallBOP:hover, .BU-BB-Table:hover {
  background-color: #1053de;
  box-shadow: -1px -1px 0 1px black;
}

.BU-BB-RHS:active, .BU-BB-BOP:active, .BU-BB-SmallBOP:active, .BU-BB-Table:active {
  background-color: #003bb3;
  transform: translateY(4px);
}

.BU-BB-RHS span, .BU-BB-RHS img {
	padding: 4px;
	color: #ffffff;
}

.BU-BB-BOP span, .BU-BB-BOP img {
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}

.BU-BB-SmallBOP span, .BU-BB-SmallBOP img {
	text-align: center;
	padding: 4px;
	vertical-align: middle;
}

.BU-BB-SmallBOP span, .BU-BB-SmallBOP img , .BU-BB-SmallBOP td {
	padding: 4px;
	vertical-align: middle;
	margin: 0 auto;
}

.BU-BL-BOP span, .BU-BL-BOP img, .BU-BL-BOP a {
	padding: 4px 8px 4px 0px;
	vertical-align: middle;
}

.BkUnitHeader { /**NotUsed**/
	font-weight: bold;
	text-align: center;
	color: #003bb3;
}

.BkUnitImage { /**NotUsed**/
	vertical-align: middle;
}

.BU-BenefitsTableLANG-EN,
.BU-BenefitsTableLANG-AR,
.BU-BenefitsTableLANG-BG,
.BU-BenefitsTableLANG-CS,
.BU-BenefitsTableLANG-DA,
.BU-BenefitsTableLANG-DE,
.BU-BenefitsTableLANG-EL,
.BU-BenefitsTableLANG-ES,
.BU-BenefitsTableLANG-ET,
.BU-BenefitsTableLANG-FI,
.BU-BenefitsTableLANG-FR,
.BU-BenefitsTableLANG-HU,
.BU-BenefitsTableLANG-IT,
.BU-BenefitsTableLANG-JA,
.BU-BenefitsTableLANG-KO,
.BU-BenefitsTableLANG-LT,
.BU-BenefitsTableLANG-NL,
.BU-BenefitsTableLANG-NO,
.BU-BenefitsTableLANG-PL,
.BU-BenefitsTableLANG-PT,
.BU-BenefitsTableLANG-RO,
.BU-BenefitsTableLANG-RU,
.BU-BenefitsTableLANG-SR,
.BU-BenefitsTableLANG-SK,
.BU-BenefitsTableLANG-SV,
.BU-BenefitsTableLANG-TL,
.BU-BenefitsTableLANG-TR,
.BU-BenefitsTableLANG-UK,
.BU-BenefitsTableLANG-ZH {
	width: auto;
	max-width: 95%;
	margin: 0 auto;
}

td.BU-BenefitsCheckMarkImageLANG-EN,
td.BU-BenefitsCheckMarkImageLANG-AR, 
td.BU-BenefitsCheckMarkImageLANG-BG, 
td.BU-BenefitsCheckMarkImageLANG-CS, 
td.BU-BenefitsCheckMarkImageLANG-DA, 
td.BU-BenefitsCheckMarkImageLANG-DE, 
td.BU-BenefitsCheckMarkImageLANG-EL,
td.BU-BenefitsCheckMarkImageLANG-ES, 
td.BU-BenefitsCheckMarkImageLANG-ET, 
td.BU-BenefitsCheckMarkImageLANG-FI,
td.BU-BenefitsCheckMarkImageLANG-FR, 
td.BU-BenefitsCheckMarkImageLANG-HU,  
td.BU-BenefitsCheckMarkImageLANG-IT, 
td.BU-BenefitsCheckMarkImageLANG-JA, 
td.BU-BenefitsCheckMarkImageLANG-KO, 
td.BU-BenefitsCheckMarkImageLANG-LT, 
td.BU-BenefitsCheckMarkImageLANG-NL,
td.BU-BenefitsCheckMarkImageLANG-NO, 
td.BU-BenefitsCheckMarkImageLANG-PL,
td.BU-BenefitsCheckMarkImageLANG-PT,
td.BU-BenefitsCheckMarkImageLANG-RO,
td.BU-BenefitsCheckMarkImageLANG-RU,
td.BU-BenefitsCheckMarkImageLANG-SR,
td.BU-BenefitsCheckMarkImageLANG-SK,
td.BU-BenefitsCheckMarkImageLANG-SV,
td.BU-BenefitsCheckMarkImageLANG-TL,
td.BU-BenefitsCheckMarkImageLANG-TR,
td.BU-BenefitsCheckMarkImageLANG-UK,
td.BU-BenefitsCheckMarkImageLANG-ZH {
    font-family: Arial, Helvetica, sans-serif !important;
	vertical-align: top;
	color: #44bb7e;
    padding-right: 3px;
}

td.BU-BenefitsCheckMarkImageLANG-EN::after,
td.BU-BenefitsCheckMarkImageLANG-AR::after, 
td.BU-BenefitsCheckMarkImageLANG-BG::after, 
td.BU-BenefitsCheckMarkImageLANG-CS::after, 
td.BU-BenefitsCheckMarkImageLANG-DA::after, 
td.BU-BenefitsCheckMarkImageLANG-DE::after, 
td.BU-BenefitsCheckMarkImageLANG-EL::after,
td.BU-BenefitsCheckMarkImageLANG-ES::after, 
td.BU-BenefitsCheckMarkImageLANG-ET::after, 
td.BU-BenefitsCheckMarkImageLANG-FI::after,
td.BU-BenefitsCheckMarkImageLANG-FR::after, 
td.BU-BenefitsCheckMarkImageLANG-HU::after,  
td.BU-BenefitsCheckMarkImageLANG-IT::after, 
td.BU-BenefitsCheckMarkImageLANG-JA::after, 
td.BU-BenefitsCheckMarkImageLANG-KO::after, 
td.BU-BenefitsCheckMarkImageLANG-LT::after, 
td.BU-BenefitsCheckMarkImageLANG-NL::after,
td.BU-BenefitsCheckMarkImageLANG-NO::after,
td.BU-BenefitsCheckMarkImageLANG-PL::after,
td.BU-BenefitsCheckMarkImageLANG-PT::after,
td.BU-BenefitsCheckMarkImageLANG-RO::after,
td.BU-BenefitsCheckMarkImageLANG-RU::after,
td.BU-BenefitsCheckMarkImageLANG-SR::after,
td.BU-BenefitsCheckMarkImageLANG-SK::after,
td.BU-BenefitsCheckMarkImageLANG-SV::after,
td.BU-BenefitsCheckMarkImageLANG-TL::after,
td.BU-BenefitsCheckMarkImageLANG-TR::after,
td.BU-BenefitsCheckMarkImageLANG-UK::after,
td.BU-BenefitsCheckMarkImageLANG-ZH::after {
	content: '\2713';
	font-size: 20px;
	font-weight: bold;
}

.BU-BenefitsTableLANG-EN td,
.BU-BenefitsTableLANG-AR td,
.BU-BenefitsTableLANG-BG td,
.BU-BenefitsTableLANG-CS td,
.BU-BenefitsTableLANG-DA td,
.BU-BenefitsTableLANG-DE td,
.BU-BenefitsTableLANG-EL td,
.BU-BenefitsTableLANG-ES td,
.BU-BenefitsTableLANG-ET td,
.BU-BenefitsTableLANG-FI td,
.BU-BenefitsTableLANG-FR td,
.BU-BenefitsTableLANG-HU td,
.BU-BenefitsTableLANG-IT td,
.BU-BenefitsTableLANG-JA td,
.BU-BenefitsTableLANG-KO td,
.BU-BenefitsTableLANG-LT td,
.BU-BenefitsTableLANG-NL td,
.BU-BenefitsTableLANG-NO td,
.BU-BenefitsTableLANG-PL td,
.BU-BenefitsTableLANG-PT td,
.BU-BenefitsTableLANG-RO td,
.BU-BenefitsTableLANG-RU td,
.BU-BenefitsTableLANG-SR td,
.BU-BenefitsTableLANG-SK td,
.BU-BenefitsTableLANG-SV td,
.BU-BenefitsTableLANG-TL td,
.BU-BenefitsTableLANG-TR td,
.BU-BenefitsTableLANG-UK td,
.BU-BenefitsTableLANG-ZH td { 
	font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
	vertical-align: middle;
	text-align: left;
	padding: 0px 3px;
}

.BU-BenefitsTableLANG-EN td { font-size: 100% }
.BU-BenefitsTableLANG-AR td { font-size: 85%; }
.BU-BenefitsTableLANG-BG td { font-size: 85%; }
.BU-BenefitsTableLANG-CS td { font-size: 85%; }
.BU-BenefitsTableLANG-DA td { font-size: 85%; }
.BU-BenefitsTableLANG-DE td { font-size: 85%; }
.BU-BenefitsTableLANG-EL td { font-size: 85%; }
.BU-BenefitsTableLANG-ES td { font-size: 85%; }
.BU-BenefitsTableLANG-ET td { font-size: 85%; }
.BU-BenefitsTableLANG-FI td { font-size: 90%; }
.BU-BenefitsTableLANG-FR td { font-size: 85%; }
.BU-BenefitsTableLANG-HU td { font-size: 85%; }
.BU-BenefitsTableLANG-IT td { font-size: 85%; }
.BU-BenefitsTableLANG-JA td { font-size: 90%; }
.BU-BenefitsTableLANG-KO td { font-size: 90%; }
.BU-BenefitsTableLANG-LT td { font-size: 85%; }
.BU-BenefitsTableLANG-NL td { font-size: 100%; }
.BU-BenefitsTableLANG-NO td { font-size: 85%; }
.BU-BenefitsTableLANG-PL td { font-size: 100%; }
.BU-BenefitsTableLANG-PT td { font-size: 85%; }
.BU-BenefitsTableLANG-RO td { font-size: 85%; }
.BU-BenefitsTableLANG-RU td { font-size: 85%; }
.BU-BenefitsTableLANG-SR td { font-size: 100%; }
.BU-BenefitsTableLANG-SK td { font-size: 85%; }
.BU-BenefitsTableLANG-SV td { font-size: 100%; }
.BU-BenefitsTableLANG-TL td { font-size: 100%; }
.BU-BenefitsTableLANG-TR td { font-size: 85%; }
.BU-BenefitsTableLANG-UK td { font-size: 85%; }
.BU-BenefitsTableLANG-ZH td { font-size: 100%; }

/** - Preselling button and preselling link styles **/

.PSU-IB-RHS, .PSU-IB-BOP {
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
  border: none;
  border-radius: 8px;
  margin-bottom: 15px;
  margin-top: 10px;
  height: auto;
  min-height: 32px;
}

.PSU-IB-RHS {
  font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
  color: #ffffff;
  background-color: #00deff;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}

.PSU-IB-BOP {
  font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
  color: #ffffff;
  background-color: #00deff;
  width: 100%;
  clear: both;
}

.PSU-IL-BOP {
  display: flex;
  align-items: center;
  width: 100%;
}

.PSU-IB-RHS:visited, .PSU-IB-BOP:visited {
  color: #ffffff;
  text-decoration: none;
}

.PSU-IB-RHS:hover, .PSU-IB-BOP:hover {
  background-color: #3beefe;
  box-shadow: -1px -1px 0 1px black;
}

.PSU-IB-RHS:active, .PSU-IB-BOP:active {
  background-color: #00deff;
  transform: translateY(4px);
}

div.PSU-IB-RHS > a {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000000;
	text-decoration: none;
}

div.BU-BB-RHS > a {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	text-decoration: none;
}

div.PSU-IB-BOP > a,
div.BU-BB-BOP > a {
	display: flex;
	align-items: center;
	color: inherit;
	text-decoration: inherit;
}

div.PSU-IL-BOP > img,
div.PSU-IB-RHS > a > img,
div.PSU-IB-BOP > a > img,
div.BU-BL-BOP > img,
div.BU-BB-BOP > a > img,
div.BU-BB-RHS > a > img {
	flex-shrink: 0;
}


.PSU-IB-RHS span, .PSU-IB-RHS img {
	padding: 1px;
	color: #ffffff;
}

.PSU-IB-BOP span, .PSU-IB-BOP img {
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}

.PSU-IL-BOP a, .PSU-IL-BOP img {
	padding: 4px 8px 4px 0px;
	vertical-align: middle;
}

.PSU-HeaderTextBOP {
	font-weight: bold;
	text-align: center;
	color: #00deff;
}

.PSU-ImageBOP, .BU-ImageBOP {
	vertical-align: middle;
}

.BU-HeaderTextBOP {
	font-weight: bold;
	text-align: center;
	color: #003bb3;
}

.PSU-BenefitsTableLANG-EN,
.PSU-BenefitsTableLANG-AR,
.PSU-BenefitsTableLANG-BG,
.PSU-BenefitsTableLANG-CS,
.PSU-BenefitsTableLANG-DA,
.PSU-BenefitsTableLANG-DE,
.PSU-BenefitsTableLANG-EL,
.PSU-BenefitsTableLANG-ES,
.PSU-BenefitsTableLANG-ET,
.PSU-BenefitsTableLANG-FI,
.PSU-BenefitsTableLANG-FR,
.PSU-BenefitsTableLANG-HU,
.PSU-BenefitsTableLANG-IT,
.PSU-BenefitsTableLANG-JA,
.PSU-BenefitsTableLANG-KO,
.PSU-BenefitsTableLANG-LT,
.PSU-BenefitsTableLANG-NL,
.PSU-BenefitsTableLANG-NO,
.PSU-BenefitsTableLANG-PL,
.PSU-BenefitsTableLANG-PT,
.PSU-BenefitsTableLANG-RO,
.PSU-BenefitsTableLANG-RU,
.PSU-BenefitsTableLANG-SR,
.PSU-BenefitsTableLANG-SK,
.PSU-BenefitsTableLANG-SV,
.PSU-BenefitsTableLANG-TL,
.PSU-BenefitsTableLANG-TR,
.PSU-BenefitsTableLANG-UK,
.PSU-BenefitsTableLANG-ZH {
	width: auto;
	max-width: 95%;
	margin: 0 auto;
}

td.PSU-BenefitsCheckMarkImageLANG-EN,
td.PSU-BenefitsCheckMarkImageLANG-AR, 
td.PSU-BenefitsCheckMarkImageLANG-BG, 
td.PSU-BenefitsCheckMarkImageLANG-CS, 
td.PSU-BenefitsCheckMarkImageLANG-DA, 
td.PSU-BenefitsCheckMarkImageLANG-DE, 
td.PSU-BenefitsCheckMarkImageLANG-EL,
td.PSU-BenefitsCheckMarkImageLANG-ES, 
td.PSU-BenefitsCheckMarkImageLANG-ET, 
td.PSU-BenefitsCheckMarkImageLANG-FI,
td.PSU-BenefitsCheckMarkImageLANG-FR, 
td.PSU-BenefitsCheckMarkImageLANG-HU,  
td.PSU-BenefitsCheckMarkImageLANG-IT, 
td.PSU-BenefitsCheckMarkImageLANG-JA, 
td.PSU-BenefitsCheckMarkImageLANG-KO, 
td.PSU-BenefitsCheckMarkImageLANG-LT, 
td.PSU-BenefitsCheckMarkImageLANG-NL,
td.PSU-BenefitsCheckMarkImageLANG-NO, 
td.PSU-BenefitsCheckMarkImageLANG-PL,
td.PSU-BenefitsCheckMarkImageLANG-PT,
td.PSU-BenefitsCheckMarkImageLANG-RO,
td.PSU-BenefitsCheckMarkImageLANG-RU,
td.PSU-BenefitsCheckMarkImageLANG-SR,
td.PSU-BenefitsCheckMarkImageLANG-SK,
td.PSU-BenefitsCheckMarkImageLANG-SV,
td.PSU-BenefitsCheckMarkImageLANG-TL,
td.PSU-BenefitsCheckMarkImageLANG-TR,
td.PSU-BenefitsCheckMarkImageLANG-UK,
td.PSU-BenefitsCheckMarkImageLANG-ZH {
    font-family: Arial, Helvetica, sans-serif !important;
    vertical-align: top;
	color: #00deff;
	padding: 3px;
}

td.PSU-BenefitsCheckMarkImageLANG-EN::after,
td.PSU-BenefitsCheckMarkImageLANG-AR::after, 
td.PSU-BenefitsCheckMarkImageLANG-BG::after, 
td.PSU-BenefitsCheckMarkImageLANG-CS::after, 
td.PSU-BenefitsCheckMarkImageLANG-DA::after, 
td.PSU-BenefitsCheckMarkImageLANG-DE::after, 
td.PSU-BenefitsCheckMarkImageLANG-EL::after,
td.PSU-BenefitsCheckMarkImageLANG-ES::after, 
td.PSU-BenefitsCheckMarkImageLANG-ET::after, 
td.PSU-BenefitsCheckMarkImageLANG-FI::after,
td.PSU-BenefitsCheckMarkImageLANG-FR::after, 
td.PSU-BenefitsCheckMarkImageLANG-HU::after,  
td.PSU-BenefitsCheckMarkImageLANG-IT::after, 
td.PSU-BenefitsCheckMarkImageLANG-JA::after, 
td.PSU-BenefitsCheckMarkImageLANG-KO::after, 
td.PSU-BenefitsCheckMarkImageLANG-LT::after, 
td.PSU-BenefitsCheckMarkImageLANG-NL::after,
td.PSU-BenefitsCheckMarkImageLANG-NO::after, 
td.PSU-BenefitsCheckMarkImageLANG-PL::after,
td.PSU-BenefitsCheckMarkImageLANG-PT::after,
td.PSU-BenefitsCheckMarkImageLANG-RO::after,
td.PSU-BenefitsCheckMarkImageLANG-RU::after,
td.PSU-BenefitsCheckMarkImageLANG-SR::after,
td.PSU-BenefitsCheckMarkImageLANG-SK::after,
td.PSU-BenefitsCheckMarkImageLANG-SV::after,
td.PSU-BenefitsCheckMarkImageLANG-TL::after,
td.PSU-BenefitsCheckMarkImageLANG-TR::after,
td.PSU-BenefitsCheckMarkImageLANG-UK::after,
td.PSU-BenefitsCheckMarkImageLANG-ZH::after {
	content: '\25BA';
}

.PSU-BenefitsTableLANG-EN td,
.PSU-BenefitsTableLANG-AR td,
.PSU-BenefitsTableLANG-BG td,
.PSU-BenefitsTableLANG-CS td,
.PSU-BenefitsTableLANG-DA td,
.PSU-BenefitsTableLANG-DE td,
.PSU-BenefitsTableLANG-EL td,
.PSU-BenefitsTableLANG-ES td,
.PSU-BenefitsTableLANG-ET td,
.PSU-BenefitsTableLANG-FI td,
.PSU-BenefitsTableLANG-FR td,
.PSU-BenefitsTableLANG-HU td,
.PSU-BenefitsTableLANG-IT td,
.PSU-BenefitsTableLANG-JA td,
.PSU-BenefitsTableLANG-KO td,
.PSU-BenefitsTableLANG-LT td,
.PSU-BenefitsTableLANG-NL td,
.PSU-BenefitsTableLANG-NO td,
.PSU-BenefitsTableLANG-PL td,
.PSU-BenefitsTableLANG-PT td,
.PSU-BenefitsTableLANG-RO td,
.PSU-BenefitsTableLANG-RU td,
.PSU-BenefitsTableLANG-SR td,
.PSU-BenefitsTableLANG-SK td,
.PSU-BenefitsTableLANG-SV td,
.PSU-BenefitsTableLANG-TL td,
.PSU-BenefitsTableLANG-TR td,
.PSU-BenefitsTableLANG-UK td,
.PSU-BenefitsTableLANG-ZH td { 
	font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
	vertical-align: top;
	text-align: left;
	padding: 3px;
}

.PSU-BenefitsTableLANG-EN td { font-size: 100%; }
.PSU-BenefitsTableLANG-AR td { font-size: 85%; }
.PSU-BenefitsTableLANG-BG td { font-size: 85%; }
.PSU-BenefitsTableLANG-CS td { font-size: 100%; }
.PSU-BenefitsTableLANG-DA td { font-size: 100%; }
.PSU-BenefitsTableLANG-DE td { font-size: 100%; }
.PSU-BenefitsTableLANG-EL td { font-size: 85%; }
.PSU-BenefitsTableLANG-ES td { font-size: 85%; }
.PSU-BenefitsTableLANG-ET td { font-size: 100%; }
.PSU-BenefitsTableLANG-FI td { font-size: 90%; }
.PSU-BenefitsTableLANG-FR td { font-size: 85%; }
.PSU-BenefitsTableLANG-HU td { font-size: 85%; }
.PSU-BenefitsTableLANG-IT td { font-size: 85%; }
.PSU-BenefitsTableLANG-JA td { font-size: 90%; }
.PSU-BenefitsTableLANG-KO td { font-size: 90%; }
.PSU-BenefitsTableLANG-LT td { font-size: 100%; }
.PSU-BenefitsTableLANG-NL td { font-size: 90%; }
.PSU-BenefitsTableLANG-NO td { font-size: 100%; }
.PSU-BenefitsTableLANG-PL td { font-size: 100%; }
.PSU-BenefitsTableLANG-PT td { font-size: 85%; }
.PSU-BenefitsTableLANG-RO td { font-size: 85%; }
.PSU-BenefitsTableLANG-RU td { font-size: 85%; }
.PSU-BenefitsTableLANG-SR td { font-size: 100%; }
.PSU-BenefitsTableLANG-SK td { font-size: 100%; }
.PSU-BenefitsTableLANG-SV td { font-size: 100%; }
.PSU-BenefitsTableLANG-TL td { font-size: 100%; }
.PSU-BenefitsTableLANG-TR td { font-size: 85%; }
.PSU-BenefitsTableLANG-UK td { font-size: 85%; }
.PSU-BenefitsTableLANG-ZH td { font-size: 100%; }

/** - Paragraphs used on RHS panel **/

.PSU-HeaderTitleRHS-LANG-EN { margin: 0.3em 0em; }
.PSU-HeaderTitleRHS-LANG-AR { margin: 0.3em 0.3em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-BG { margin: 0.3em 0.3em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-CS { margin: 0.3em 0.3em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-DA { margin: 0.3em 0.3em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-DE { margin: 0.3em 0.3em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-EL { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-ES { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-ET { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-FI { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-FR { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-HU { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-IT { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-JA { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-KO { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-LT { margin: 0.3em 0.3em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-NL { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-NO { margin: 0.3em 0.3em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-PL { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-PT { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-RO { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-RU { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-SR { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-SK { margin: 0.3em 0.3em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-SV { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-TL { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-TR { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-UK { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-ZH { margin: 0.3em 0em; font-size: 90%; }

.BU-HeaderTitleRHS-LANG-EN { margin: 0.3em 0em; }
.BU-HeaderTitleRHS-LANG-AR { margin: 0.3em 0.3em; font-size: 90%; }
.BU-HeaderTitleRHS-LANG-BG { margin: 0.3em 0.3em; font-size: 90%; }
.BU-HeaderTitleRHS-LANG-CS { margin: 0.3em 0.3em; font-size: 90%; }
.BU-HeaderTitleRHS-LANG-DA { margin: 0.3em 0.3em; font-size: 90%; }
.BU-HeaderTitleRHS-LANG-DE { margin: 0.3em 0.3em; font-size: 90%; }
.BU-HeaderTitleRHS-LANG-EL { margin: 0.3em 0em; font-size: 90%; }
.BU-HeaderTitleRHS-LANG-ES { margin: 0.3em 0em; font-size: 90%; }
.BU-HeaderTitleRHS-LANG-ET { margin: 0.3em 0em; font-size: 90%; }
.BU-HeaderTitleRHS-LANG-FI { margin: 0.3em 0em; font-size: 90%; }
.BU-HeaderTitleRHS-LANG-FR { margin: 0.3em 0em; font-size: 90%; }
.BU-HeaderTitleRHS-LANG-HU { margin: 0.3em 0em; font-size: 90%; }
.BU-HeaderTitleRHS-LANG-IT { margin: 0.3em 0em; font-size: 90%; }
.BU-HeaderTitleRHS-LANG-JA { margin: 0.3em 0em; font-size: 90%; }
.BU-HeaderTitleRHS-LANG-KO { margin: 0.3em 0em; font-size: 90%; }
.BU-HeaderTitleRHS-LANG-LT { margin: 0.3em 0.3em; font-size: 90%; }
.BU-HeaderTitleRHS-LANG-NL { margin: 0.3em 0em; font-size: 90%; }
.BU-HeaderTitleRHS-LANG-NO { margin: 0.3em 0.3em; font-size: 90%; }
.BU-HeaderTitleRHS-LANG-PL { margin: 0.3em 0em; font-size: 90%; }
.BU-HeaderTitleRHS-LANG-PT { margin: 0.3em 0em; font-size: 90%; }
.BU-HeaderTitleRHS-LANG-RO { margin: 0.3em 0em; font-size: 90%; }
.BU-HeaderTitleRHS-LANG-RU { margin: 0.3em 0em; font-size: 90%; }
.BU-HeaderTitleRHS-LANG-SR { margin: 0.3em 0em; font-size: 90%; }
.BU-HeaderTitleRHS-LANG-SK { margin: 0.3em 0.3em; font-size: 90%; }
.BU-HeaderTitleRHS-LANG-SV { margin: 0.3em 0em; font-size: 90%; }
.BU-HeaderTitleRHS-LANG-TL { margin: 0.3em 0em; font-size: 90%; }
.BU-HeaderTitleRHS-LANG-TR { margin: 0.3em 0em; font-size: 90%; }
.BU-HeaderTitleRHS-LANG-UK { margin: 0.3em 0em; font-size: 90%; }
.BU-HeaderTitleRHS-LANG-ZH { margin: 0.3em 0em; font-size: 90%; }

.RHSBenefitField { /**NotUsed**/
	font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; 
}

.PSU-BenefitsTextIntroRHS,
.PSU-HeaderIntroTextRHS,
.BU-BenefitsTextIntroRHS,
.BU-HeaderIntroTextRHS,
.BU-AdditionalTextRHS {
	font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; 
}

.PSU-HeaderIntroTextRHS,
.BU-HeaderIntroTextRHS,
.BU-AdditionalTextRHS {
	text-align: center;
	font-weight: normal;
	font-size: 80%;
	color: #000000;
	padding: 2px;
}

.BU-AdditionalTextRHS {
	font-style: normal;
}

.PSU-HeaderIntroTextRHS,
.BU-HeaderIntroTextRHS {
	font-style: italic;
}

.PSU-HeaderIntroTextRHS:before,
.BU-HeaderIntroTextRHS:before {
	content: '\275D';
	font-size: 120%;
	padding-right: 2px;
	color: #191919;
}

.PSU-HeaderIntroTextRHS:after,
.BU-HeaderIntroTextRHS:after {
	content: '\275E';
	font-size: 120%;
	padding: 0px;
	vertical-align: top;
	color: #191919;
}

.PSU-BenefitsTextIntroRHS,
.BU-BenefitsTextIntroRHS  {
	font-weight: bold;
	text-align: center;
}

.RHSBenefitField { /**NotUsed**/
	text-align: left;
	height: 24px;
	max-width: 220px;
}

/** - Paragraphs used in BOP **/

.BOPBenefitIntroField, .BOPIntroText { /**NotUsed**/
	font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; 
}

.PSU-HeaderIntroTextBOP, .BU-HeaderIntroTextBOP {
	font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; 
}

.BOPIntroText { /**NotUsed**/
	text-align: center;
	font-weight: normal;
	font-size: 12pt;
	color: #000000;
	padding: 2px;
}

.PSU-HeaderIntroTextBOP, .BU-HeaderIntroTextBOP {
	text-align: center;
	font-weight: normal;
	font-size: 12pt;
	color: #000000;
	padding: 2px;
}

.BOPIntroText { /**NotUsed**/
	font-style: normal;
}

.PSU-HeaderIntroTextBOP, .BU-HeaderIntroTextBOP {
	font-style: italic;
}

.PSU-HeaderIntroTextBOP:before, .BU-HeaderIntroTextBOP:before {
	content: '\275D';
	font-size: 16pt;
	padding: 4px;
	color: #191919;
}

.PSU-HeaderIntroTextBOP:after, .BU-HeaderIntroTextBOP:after {
	content: '\275E';
	font-size: 16pt;
	padding: 2px;
	vertical-align: top;
	color: #191919;
}

.BOPBenefitIntroField  { /**NotUsed**/
	font-weight: bold;
	text-align: center;
}

/*EndRightPanel*/


/*StartPageFooter*/

.pageFooter{
	background: #F1F6F9;
	clear: both;
	color:#21698D;
	text-align: center;
	width: 100%;
}
/*Other sites section*/
.pageFooter .otherSites{
	margin: 0 0 0;
}
/* default styles for the footer links*/
.pageFooter a:link,
.pageFooter a:visited{
	text-decoration: none;
}
/* hover effect on the footer links */
.pageFooter a:hover{
	text-decoration: underline;
}
/* container for the navigation links in the footer */
.pageFooter .footLinks {
	background:#DBE9EF;
	border-top: 2px solid #84BDDA;
	float: left;
	width: 100%;
}
/** - footItems' top thin line **/
.pageFooter .footLinks .topThinLine {
	background:#216C8C;
	clear:both;
	float:left;
	height:1px;
	overflow:hidden;
	width:100%;
}
/* format the footer navigation links */
.pageFooter .footLinks p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;
	font-weight:bold;
	float: left;
	margin: 4px 0 4px 0;
	padding: 0;
	width: 100%;
}
/*EndPageFooter*/
/*
 *End: Grids styles
 */
 /*******************************************
 	FAQ Page Styles
  *******************************************/
/** FAQ bread crumbs**/
.breadCrumbs{
	background: #D3EDFF;
	color: #000000;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	margin: 0px 0px 15px;
	text-align: left;
	float: left; 
	width: 100%;
}
.breadCrumbs ul{
	display: block;
	list-style-position: outside;
	list-style-type: disc;
	margin: 0 0 0 16px;
	padding: 0;
	float: left;
	width: 100%;
}
.breadCrumbs ul li{
	display: inline;
	font-size: 13px;
	font-weight: 400;
	float: left;
	list-style-type: none;
	margin: 4px 4px;
	padding: 0px 5px 0px 0px;
}
.subMenuBreadCrumbs{
	background: #DEF1FF;
    border: 1px solid #B2D7F1;
	float: left;
    font: medium Arial,Helvetica,sans-serif;
    margin-bottom: 10px;
    padding: 0;
	width: 100%;
}
.subMenuBreadCrumbs ul{
	display: block;
}
.subMenuBreadCrumbs ul li{
	display: inline;
	list-style: none;
	list-style-type: none;
}
.pageDescription{
	font-style: italic;
	margin-bottom: 10px;
}

/* FAQ categories */
.categories{
	background: #F1F9FF;
	border: 1px solid #C8E3F5;
	float: left;
	clear: both;
	margin: 0px 0px 15px;
	padding: 10px;	
	width: 97%;
}
.categories h2{
	border-bottom: 1px dashed #CCCCCC;
	letter-spacing: -1px;
	margin: 0px 0px 5px;
	padding: 0px 0px 8px;	
}
.categories .categoryLinks{
	float: left; 
	width: 100%;	
}
.categories .categoryLinks .item{
	float: left;
	margin-top: 16px;
	width:33%;
	
}
.categories .categoryLinks .item .categoryTextNLink{
	clear: both;
	float: left;
	width: 100%;
}
.categories .categoryLinks .item img{
	margin-left: 5px;	
}
.categories .categoryLinks .item a{
	font-weight: 700;
	letter-spacing: -1px;
}
.categories .categoryLinks .description{
	float:left;
	font-size: small;
	width: 100%;	
}
.categories .categoryLinks .descriptionNoSubCategories{
	float:left;
	font-size: medium;
	width: 100%;	
}

/* FAQ Popular Questions/Articles */
.popularQuestions,
.recentQuestions,
.categoryPages{
	float: left;
	clear: both;
	margin: 0px 0px 15px;
	width: 100%;	
}
.popularQuestions ol,
.recentQuestions ol,
.categoryPages ol{
	color: #BDCAD3;
	font-family: "Arial";
	font-size: large;
	list-style-position: outside;
	list-style-type: decimal;
	margin: 0px 0px 0px 20px;
}
.popularQuestions ol li,
.recentQuestions ol li,
.categoryPages ol li{
	font-size: medium;
	margin: 0px;
	padding: 1px 0px 0px;
}
.popularQuestions ol li img,
.recentQuestions ol li img,
.categoryPages ol li img{
	margin-right: 3px;	
}
.categoryPages ol li p{
	color: #000000;	
	margin-left: 3px;
}
.glossaryLinks{
	float: left;
	clear: both;
	width: 100%;	
}
.glossaryLinks ul{
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}
.glossaryLinks ul li{
	display: inline;
	font-weight: 400;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0px 7px 0px 0px;
}

.formContainer {
  width: 100%;
  max-width: 100%;
  clear: both;
  background-color: #E8F4F8;
  border: 2px solid #CFE1EB;
  border-radius: 8px;
  margin: 0 auto;
}

.formContainer.inlineTable {
  border-radius: 0px;
  box-sizing: border-box;
  font-size: 85%;
}

.formControl, .formControlDatepicker, select.dropdownWithDisabledHeaders, select.TimeDropdownWithCustomColours {
  padding: 5px;
  border: 2px solid lightblue;
  border-radius: 5px;
  width: 100%;
  margin-top: 8px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

select.TimeDropdownWithCustomColours {
  -webkit-appearance: none;
  background-image: url('/images/icon/general/time-black.png');
  background-repeat: no-repeat;
  background-position: right;
  background-origin: content-box;
  cursor: pointer;
}

.formControlDatepicker {
  background-image: url('/images/icon/general/calendar-black.png');
  background-repeat: no-repeat;
  background-position: right;
  background-origin: content-box;
  cursor: pointer;
}

div.formGroup {
  padding: 2px;
  font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
  margin: 9px;
}

div.formGroup.halfSize {
  width: 46%;
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 6px;
}

input[type="checkbox"].formControl {
  width: auto;
}

div.formGroup label {
  margin: 2px;
  width: 100px;
}

.hiddenOptionItem {
 display: none;
}

select.dropdownWithDisabledHeaders option:disabled {
 color: black;
 font-weight: bold;
}

select.TimeDropdownWithCustomColours option.backgroundDropdownLightGrey[disabled] {
 color: black;
 font-weight: bold;
}

select.TimeDropdownWithCustomColours option.backgroundDropdownLightBlue[disabled] {
 color: darkblue;
 font-weight: bold;
}

/* New CSS styles for language links dropdowns */


/* Dropdown Button */
.btnLanguageLinks {
  background-color: #FFFFFF;
  color: #3795C5;
  margin: 2px 0px;
  padding: 0px;
  width: 232px;
  border: 1px solid #3795C5;
  font-size: 85%;
  cursor: pointer;
}

.btnLanguageLinks:after {
	content: '\25BE';
	font-size: 150%;
	vertical-align: middle;
	
}

/* The container <div> - needed to position the dropdown content */
.dropdownLangs {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdownLangsContent {
  display: none;
  position: absolute;
  background-color: #CFE1EB;
  width: 230px;
  font-size: 85%;
  margin-top: -2px;
  border: 1px solid #01337A;
  box-shadow: 0 3px 7px rgb(0 0 0 / 50%);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdownLangsContent a {
  padding: 4px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdownLangsContent a:hover {background-color: rgba(55,149,197,.1); }

/* Show the dropdown menu on hover */
.dropdownLangs:hover .dropdownLangsContent {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdownLangs:hover .btnLanguageLinks { background-color: #3795C5; color: #FFFFFF; }



/* Style for paragraph at the top banner */

p.topBanner { font-weight: bold; text-align: center; font-size: 120%; }
p.topBanner110 { font-weight: bold; text-align: center; font-size: 110%; }
p.topBanner100 { font-weight: bold; text-align: center; font-size: 100%; }

p.topBanner > a { vertical-align: middle; color: #00deff; text-decoration: none; }
p.topBanner110 > a { vertical-align: middle; color: #00deff; text-decoration: none; }
p.topBanner100 > a { vertical-align: middle; color: #00deff; text-decoration: none; }

/* Style for yellow label which we use on our LHS menu */

li.menuYellowLabelLHS { background-color: yellow; color: black; }



/* Legacy table row for benefits intro */

tr.BenefitIntroTableRow { height: 30px; }

/* Table cell used for indentation on CIP pages  */

td.CIP-Indent20 { width: 20px; }



/* Table for specifying LHS and RHS images */

.imageLHS.w156, .imageRHS.w156 { width: 156px; }
.imageLHS.w162, .imageRHS.w162 { width: 162px; }
.imageLHS.w163, .imageRHS.w163 { width: 163px; }
.imageLHS.w182, .imageRHS.w182 { width: 182px; }
.imageLHS.w200, .imageRHS.w200 { width: 200px; }
.imageLHS.w212, .imageRHS.w212 { width: 212px; }
.imageLHS.w214, .imageRHS.w214 { width: 214px; }
.imageLHS.w224, .imageRHS.w224 { width: 224px; }
.imageLHS.w238, .imageRHS.w238 { width: 238px; }
.imageLHS.w242, .imageRHS.w242 { width: 242px; }
.imageLHS.w250, .imageRHS.w250 { width: 250px; }
.imageLHS.w262, .imageRHS.w262 { width: 262px; }
.imageLHS.w264, .imageRHS.w264 { width: 264px; }
.imageLHS.w272, .imageRHS.w272 { width: 272px; }
.imageLHS.w275, .imageRHS.w275 { width: 275px; }
.imageLHS.w282, .imageRHS.w282 { width: 282px; }
.imageLHS.w332, .imageRHS.w332 { width: 332px; }
.imageLHS.w348, .imageRHS.w348 { width: 348px; }
.imageLHS.w439, .imageRHS.w439 { width: 439px; }
.imageLHS.w512, .imageRHS.w512 { width: 512px; }
.imageLHS.w960, .imageRHS.w960 { width: 960px; }
.imageLHS.w1017, .imageRHS.w1017 { width: 1017px; }
.imageLHS.w1024, .imageRHS.w1024 { width: 1024px; }

.imageLHS.mt8.w242, .imageRHS.mt8.w242 { margin-top: 8px; width: 242px; }

div.HalfPageImage { width: 242px; }
div.FullPageImage { width: 512px; }

/* Colors for background and foreground colors, which are usually being used inside our tables */

.foregroundRed { color: #DD0000; }
.foregroundYellow { color: #D8B800; }
.foregroundGreen { color: #006633; }
.foregroundLightGreen { color: #D2FFDC; }
.foregroundDarkGreen { color: #008076; }
.foregroundLightBlue { color: #80D2FF; }
.foregroundOrange { color: #E28B12; }
.foregroundGrey { color: #808080; }
.foregroundWhite { color: #FFFFFF; }
.foregroundBlue { color: #0000FF; }
.foregroundPurple { color: #720072; }
.foregroundLightPurple { color: #CDB5CD; }
.foregroundBrown { color: #996600; }
.foregroundPink { color: #FF66CC; }
.foregroundDarkBlue { color: #102E44; }
.foregroundDarkYellow { color: #BA8E23; }

.backgroundRed { background-color: #FF9999; }
.backgroundYellow { background-color: #FFFCC1; }
.backgroundGreen { background-color: #A1D86A; }
.backgroundLightGreen { background-color: #D2FFDC; }
.backgroundDarkGreen { background-color: #008076; }
.backgroundLightBlue { background-color: #80D2FF; }
.backgroundOrange { background-color: #FFC58C; }
.backgroundGrey { background-color: #808080; }
.backgroundWhite { background-color: #FFFFFF; }
.backgroundBlue { background-color: #6699FF; }
.backgroundPurple { background-color: #CC66FF; }
.backgroundLightPurple { background-color: #9B95C9; }
.backgroundBrown { background-color: #996828; }
.backgroundPink { background-color: #E54C95; }
.backgroundDarkBlue { background-color: #102E44; }
.backgroundDarkYellow { background-color: #BA8E23; }

.backgroundDropdownLightGrey { background-color: #CCCCCC; }
.backgroundDropdownLightBlue { background-color: #B9E0F0; }

/* Table cell content which is vertically aligned in the middle, in case there are multiple lines present in the table row */

td.verticalAlignCenter { vertical-align:middle; }

/* Cell used for indenting categories on CIP pages */

td.CIP-Indent20 {width: 20px; }



/* Label for indicating that the map search is loading */

.mapSearchLoadingLabel { color:#676767; font-size:11px; margin:10px; padding:4px; }

/* Additional CSS styles for form elements */

.formGroup > h2, .formGroup > p, .formGroup > span {
	margin: 2px;
}

.form-note {
	margin: 5px 2px;
}

hr.formSeparator {
	border-top: 2px solid #23395d;
}

div.captchaImage {
	display: flex;
	align-items: center;
	padding: 8px 0px;
}

div.captchaImage > img {
	border: 1px solid black;
	border-radius: 5px;
}

div.captchaImage > a {
	margin-left: 5px;
}

textarea#txtComments {
	max-width: 100%;
	min-width: 100%;
}

p.formAdditionalNote {
	margin: 5px 2px;
}

option.largeFont {
	font-size: 110%;
}

.BU-BB-BOP.formBtn {
	margin: 5px auto;
	min-height: 36px;
	text-align: center;
	display: block;
	width: 80%;
}

/* iframe for opting out of web browser tracking */

iframe.optOutFromTracking {
	border: 0;
	height: 150px;
	width: 600px;
}

/* Additional CSS styles which were previously used frequently as inline styles */

img.PSU-HeaderTipImageRHS,
img.BU-HeaderTipImageRHS {
    margin: 5px auto; 
}



p.alignRight { padding: 5px; text-align: right }

li.noListStyle { list-style: none }

table.ButtonsTable { text-align: center; max-width: 100% !important; width: 100% !important; }

div.albumTable { width: 580px; margin-left: 10%; }

table.PSU-TableBOP { border: 2px solid #00deff; }

td.PSU-TableBOP, td.BU-TableBOP { vertical-align: middle; padding: 5px; }

img.PSU-TipImageBOP { display: block; margin: 0 auto; }

table.BU-TableBOP { border: 2px solid #003bb3; }

/* CSS styles for adding whitespace to the left or right */

.whiteSpaceRight { padding-right: 5px; }

.whiteSpaceLeft { padding-left: 5px; }

/* Custom BOP MRKT units */

.centerDiv95 { width: 95%; margin-left: auto; margin-right: auto; }

.PSU-IB-BOP.center { margin: 0 auto; width: 95%; }

.PSU-IB-BOP.center > a {
	display: flex;
	align-items: center;
	justify-content: center;
	color: inherit;
	text-decoration: inherit;
}

.BkBtnTable > a {
	display: flex;
	align-items: center;
	color: inherit;
	text-decoration: inherit;
}

td.BU-BenefitsTextBOP { 
	font-family: inherit;
	width: 100%;
}

/* The Modal (background) */

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modalContent {
  background-color: #E8F4F8;
  border-radius: 10px;
  margin: auto;
  padding: 5px;
  border: 1px solid lightblue;
  width: 735px;
  position: relative; /* Add position relative to allow absolute positioning of form */
  animation-name: waterfall;
  animation-duration: 0.2s; /* Set the duration of the animation */
}

@keyframes waterfall {
  from { top: 100%; } /* Set the starting position of the Modal Box */
  to { top: 0%; } /* Set the final position of the Modal Box */
}

div.modalContent > form.formContainer {
  border: none !important;
}

div.modalContent > h2 {
  margin: 9px;
  padding: 2px;
  text-decoration: underline;
}


/* Close Button */
.close-modal {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin-right: 9px;
  margin-top: 9px;
}

.close-modal:hover,
.close-modal:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.modalBtn{
  font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
  color: #ffffff;
  background-color: #003bb3;
  width: 100%;
  clear: both;
  border-radius: 10px;
  margin: 0px 0px 15px;
  padding: 10px;
}

/* Weather widget */

.wthrWidget {
  display: block;
  padding: 10px;
  font-family: Arial;
  font-size: 14pt;
  background-image: linear-gradient(#1489F5, #15BBF5);
  border: 3px solid #00008B;
  border-radius: 8px;
  color: white;
  text-shadow: 1px 1px black;
  width: auto;
}

.wthrWidget #city-name {
  text-align: left;
  font-weight: bold;
  font-size: 120%;
  padding-left: 5px;
}

.wthrWidget hr {
  height: auto;
  border: 1px solid white;
}

.wthrWidget .wthrWidgetChoices {
  margin: 10px 0px;
}

.wthrWidget .wthrWidgetChoices span, .wthrWidget .wthrWidgetChoices input {
  margin-left: 5px;
}

.wthrWidget .wthrCurrentDay {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wthrWidget .wthrCurrentDay .wthrImage {
  flex: 0;
  text-align: center;
  margin-left: 20px;
  margin-right: 30px;
}

.wthrWidget .wthrCurrentDay .wthrDet {
  flex: 1;
  font-size: 100%;
}

.wthrWidget .wthrCurrentDay .wthrDet table {
  width: auto;
}

.wthrWidget .wthrCurrentDay .wthrDet table td {
  padding: 8px;
}

.wthrWidget .wthrCurrentDay .wthrDet p, .wthrWidget p {
  margin: 0.6em 0px;
}

.wthrWidget .wthrFoot p {
  margin-top: 0.6em;
  margin-bottom: 0px;
  text-shadow: none;
  font-size: 80%;
}

.wthrWidget .wthrForecastTable {
  margin-top: 0.6em;
  border-collapse: collapse;
  width: 100%;
}

.wthrWidget .wthrForecastTable td {
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  border-top: 1px solid #ccc;
}

.wthrWidget .wthrForecastTable td img {
  vertical-align: middle;
}

.wthrWidget .wthrForecastTable td:first-child {
  text-align: left;
}

.wthrWidget .wthrFoot {
	padding: 10px;
	border-top: 1px solid #ccc;
	text-align: center;
}



/*
==========================
 *End: Grids styles
==========================
 */

/* Start legacy CSS */

/*
==========================
 *Start: Grids styles
==========================
 */
/*
 *Start: Grids styles
 */
/*Aligns text in center*/
.center{
	text-align: center;
}

/*Hide section headings*/
.outlineTitle,
.pageFooter #iPadNavContainer,
.smartphoneMainNavButtonContainer,
.pageFooter .printFriendlyFootText{
  /*clip: rect(1px 1px 1px 1px);  IE6 & 7, causes some validation code errors so have just commented it out - so far no effects on how IE renders the pages */
  clip: rect(1px, 1px, 1px, 1px);
  left: -2000em;
  position: absolute;
}

/*Main container for the page layout*/
.container, 
.containerOversized,
.containerGSearch,
.containerFAQIndex {
	margin-left: auto;
	margin-right: auto;
	padding:0;	
}
.container, 
.containerGSearch,
.containerFAQIndex {
	width: 1000px !important;
}
.containerOversized {
	width: 1471px !important;         /* max-width for the liquid layout */
}
/*StartPageHeader*/


.container .pageHeader, 
.containerOversized .pageHeader,
.containerGSearch .pageHeader,
.containerFAQIndex .pageHeader{
	background:#F1F6F9;
	border-top: 4px solid #84BDDA;
	border-bottom: 1px solid #216C8C;
	height:67px;
	
}
.container .pageHeader, 
.containerGSearch .pageHeader,
.containerFAQIndex .pageHeader{
	width: 1000px;
}


.containerOversized .pageHeader{
	width: 1471px;
}
/*Thin line in header*/
.pageHeader .topThinLine{
	border-top: 2px solid #216C8C;
	height:2px;
	padding: 0;
	margin: 0;
}
/** - <div> middle content container **/
.pageHeader .middleContent {
	float:left;
	color: #000;
	height: 60px;
	overflow: hidden;
	padding:0;
	margin:0;
	width: 100%;
}
/** - header's logo container **/
.pageHeader .middleContent .logo {
	float: left;
	height: 55px;
	width:181px;
}
/** - header's GSearch fields container **/
.pageHeader .middleContent .searchBoxField {
	float: left;
	height: 55px;
	overflow: hidden;
	width: 75%;
}
/*GSearchBoxStyles*/
.pageHeader .middleContent .searchBoxField .cse-branding-right{
	float: left;
	margin-top: 13px;
	padding: 0;
	width:99.95%;
}
.pageHeader .middleContent .cse-branding-form{
	float: left;
	padding: 2px;
	width:99.9%;
}
.pageHeader .middleContent .cse-branding-form form{
	float: left;
	text-align: center;
	width:99.95%;
}
.pageHeader .middleContent .cse-branding-form form div{
	background:#21698D;
	float:left;
	margin-left: 10%;
	padding: 3px;
	width: 80%;
}
.pageHeader .middleContent .cse-branding-form form div input[type="text"]{
	width: 80%;
}
.pageHeader .middleContent .cse-branding-form form div input[type="submit"]{
	font-size: 93%;
	padding: 1px 6px;
}
/*EndPageHeader*/

.mainContent {
	
	float: left;
	width: 100%;
}

.container .mainArticle, 
.containerOversized .mainArticle,
.containerGSearch .mainArticle,
.containerFAQIndex .mainArticle {
	float: left;
	padding: 0 16px;
}

.container .mainArticle, 
.containerOversized .mainArticle {
	margin: 0 232px 0 183px; 
}
.container .mainArticle {
	width: 552px;
}
.containerOversized .mainArticle {
	width: 1024px;
}


.containerFAQIndex .mainArticle{
	margin: 0 0 0 181px; 
}

.containerGSearch .mainArticle{
	margin: 0 0 0 181px; 	
	width: 785px !important;
}


.mainContent .mainArticle .textQuickLinksNTopImage{
	float: left;
	clear: both;
	width: 100%;
}
.mainContent .mainArticle .textQuickLinks{
	float: left;
	padding: 0 6px;
	width: 39%;
	word-wrap:break-word;
}
/*QuickLink Header*/
.mainContent .mainArticle .textQuickLinks h2{
	color: #7c7b79;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
}
/*QuickLinks list*/
.mainContent .mainArticle .textQuickLinks ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.mainContent .mainArticle .textQuickLinks ul > li{
	margin: 0;
	padding: 0;
}

.imageContentTop{
	float: right;
	display: table !important;
	width: 47%;
}


.imageContentTop .imageLHS,
.imageContentTop .imageRHS,
.imageContentTop .imageLHS img,
.imageContentTop .imageRHS img{
	margin: 0 !important;
}


/*AboveFoldAd*/
.mainContent .mainArticle .adsSectionTop{ 
	display: inline !important;
	height: auto;
	width: 100%;
}
.mainContent .mainArticle .mainPageContent{
	height: auto;
	width: 100%;	
}

.mainContent .mainArticle .mainPageContent li{
	list-style-position: inside !important;
}

/*Related Links*/
.mainArticle .textRelatedLinks{
	clear: both;
	height: auto;
	margin-bottom: 16px;
	width: 100%;
}

.mainArticle .textRelatedLinks h2{
	text-align: center;	
}

.mainContent .mainArticle .textRelatedLinks ul{
	list-style: none;
	margin: 1em 0em !important; /* Adds a space between each list. */
	padding: 0;	
}

.mainContent .mainArticle .textRelatedLinks ul li{
	padding: 0;
}

.tipSection {
	background-color: #DEF1FA;
	width: 100%;
	clear: both;
	border-radius: 5px;
	display: inline-block;
}

.tipSection.hidden {
	display: none;
}

.tipSectionImage {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	width: auto;
	height: 61.7px;
}

.tipSectionText {
	color: black;
	margin: 0.5em 0px;
	padding: 0px 20px 10px 20px;
	font-style: italic;
	font-size: 100%;
	text-align: justify;
}

.tipSectionText:before {
	content: '\275D';
	font-size: 16pt;
	padding-right: 2px;
	color: #191919;
}

.tipSectionText:after {
	content: '\275E';
	font-size: 16pt;
	padding: 0px;
	vertical-align: top;
	color: #191919;
}

.tipSection.txtOnly > p {
	margin-left: 1em;
	margin-right: 1em;
}

/*EndContent*/

/*StartLeftPanel*/
.leftPanel {
	float: left !important;
	margin-left: -100% !important;
	overflow: hidden !important;
	width: 181px !important;
}
/** - sub container for the language link images **/
.leftPanel .langLinks { 
	float: left;
	text-align: center;
	width: 100%;
}
/** - CSS settings for the <img> tag inside the div.langLinks **/
.leftPanel .langLinks img {
	margin: 2px 4px -2px 0px;
	padding: 0px;
}
/*Language Links*/
.leftPanel .navigationLinks,
.rightPanel .navigationLinksTop{
	background-color: #3795C5;
	border: 2px solid #CFE1EB;
	color:#FFF;
	clear: both;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
}
.leftPanel .navigationLinks hr,
.rightPanel .navigationLinksTop hr{
	border: none;
	background: #CFE1EB;
	padding: 0;
	width: 100%;
}
.leftPanel .navigationLinks hr{
	margin: 4px 0;
}
.containerFAQIndex .leftPanel b.black,
.containerFAQIndex .leftPanel strong.black{
	color: #000000;	
}
.rightPanel .navigationLinksTop hr{
	margin: 0 !important;
}
.pageFooter ul.mobileSiteNavigation{
	display: none;
}

/*LeftPanel, and RightPanel navigation*/
.leftPanel ul.siteNavigation,
.rightPanel ul.siteNavigation{
	list-style: none;
	padding: 0;
}
/*LeftPanel navigation*/
.leftPanel ul.siteNavigation{
	margin: 4px;
	/*margin: 10px 0 0 0;*/
}
/*RightPanel navigation*/
.rightPanel ul.siteNavigation {
	text-align: center;
	margin: 0;
}
.leftPanel ul.siteNavigation li,
.rightPanel ul.siteNavigation li{
	margin: 0;
}
.rightPanel ul.siteNavigation li{
	padding: 4px;
}
/*LeftPanel and RightPanel Hyperlink Styles*/
.leftPanel ul.siteNavigation a:link,
.leftPanel ul.siteNavigation a:visited,
.rightPanel ul.siteNavigation a:link,
.rightPanel ul.siteNavigation a:visited{
	color: #fff;
	text-decoration: none;
}
.leftPanel ul.siteNavigation a:hover,
.rightPanel ul.siteNavigation a:hover{
	text-decoration: underline;
}
/*EndLeftPanel*/

/*StartRightPanel*/
.rightPanel {
	float: left;
	width: 232px !important; 
	margin-left: -232px !important;  
	text-align: center;
}
/*specificContentTop and Foot*/
/**/

/**StartIEQuirksModeFix**/
.rightPanel .dropdown dt, 
.rightPanel .dropdownCurrent dt {
	_height: 22px !important;
}
.rightPanel .dropdown dt a {
	_width: 218px !important;
}
.rightPanel .dropdown dt a.active { 
	_width: 226px !important;
}
.containerOversized .rightPanel .dropdown dd ul{
	_left: -115px !important;	
}
.rightPanel .dropdown dd ul {
	_left: -115px !important;	
}
.rightPanel .dropdown dd ul li{
	_height: 12px !important;
}
/**EndIEQuirksModeFix**/

.rightPanel .langLinksDrop dl {
	margin-left: 1px; /*79px;*/
	padding-top: 3px;
	padding-bottom: 3px;
	position: relative;
	text-align: center; /*right;*/
	top: 0;
	width: 100% /*just added*/
}
.rightPanel .dropdown dt, 
.rightPanel .dropdownCurrent dt {
	border: 1px solid #3795C5;
	width: 228px; /*150px;*/
}
.rightPanel .dropdown dd { 
	position: relative; 
}
.rightPanel .dropdown a, 
.rightPanel .dropdownCurrent a {
	display: block;	
	font: 13px Arial, Helvetica, sans-serif !important;		
	overflow: hidden;
	outline: 0;
	text-decoration: none;
}
.rightPanel .dropdown dt a {
	color: #3795C5;	
	padding: 3px 10px 4px 10px !important;
}
.rightPanel .dropdownCurrent dt a {
	color: #3795C5;	
	cursor: default;
	padding: 3px 10px 4px 10px !important;			
}
.rightPanel .dropdown dt a.active {
	background: #3795C5;				
	border: 1px solid #3795C5;
	color: #fff;
}

.rightPanel .dropdown dd ul {
	background: #CFE1EB;	
	border: 1px solid #3795C5;	
	color: #C5C0B0;
	display: none;
	left: 0;		
	list-style: none;	
	margin: 0;		
	padding: 2px 0 !important;
	position: absolute;
	z-index: 999;
	top: 0;
	width: 228px; /*150px;*/
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-box-shadow: 0 3px 7px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 7px rgba(0,0,0,.5);
	box-shadow: 0 3px 7px rgba(0,0,0,.5);	
}
.rightPanel .dropdown dd ul li {
	margin: 0;
}
.rightPanel .dropdown dd ul li a {
	padding: 3px 10px;
}
.rightPanel .dropdown dt a span.arrowDown {						
	background: url("/images/icon/general/arrow-down.gif") no-repeat scroll left top transparent;
	margin-left: 146px; /*128px;*/
	margin-top: -13px;
}
.rightPanel .dropdown dd ul li a span,
.rightPanel .dropdown dt a span {	
	background-repeat: no-repeat;
	cursor: pointer;
	float: left;
	height: 11px;
	margin: 2px 6px 0 0;
	width: 16px;
}
.rightPanel .dropdownCurrent dt a span {
	background-repeat: no-repeat;	
	cursor: default;
	float: left;
	height: 11px;
	margin: 2px 6px 0 0;
	width: 16px;
}
.rightPanel .dropdown dd ul li a em,
.rightPanel .dropdown dd ul li a i,
.rightPanel .dropdown dt a em,
.rightPanel .dropdown dt a i {
	cursor: pointer;
	font-style: normal;
	float: left;
	width: 100%; /*100px;*/
}
.rightPanel .dropdownCurrent dt a em,
.rightPanel .dropdownCurrent dt a i {
	cursor: default;
	font-style: normal;
	float: left;
	width: 100%; /*100px;*/
}
.rightPanel .dropdown dd ul li a em {
	color: #333;
	text-align: center; /*right;*/
}
.rightPanel .dropdown dd ul li a:hover { background-color: rgba(55,149,197,.1); }
.rightPanel .dropdown dd ul li a:hover em { color: #3795C5; }
/*specificContentTop and Foot*/
.rightPanel .specificContentTop,
.rightPanel .specificContentFoot{
	width: 100%;
}

.rightPanel .specificContentTop .title,
.rightPanel .specificContentTop .BU-SubContainerTopRHS,
.rightPanel .specificContentTop .titlePresellingLink,
.rightPanel .specificContentTop .content,
.rightPanel .specificContentTop .BU-SubContainerBottomRHS,
.rightPanel .specificContentTop .contentPresellingLink,
.rightPanel .specificContentFoot .title,
.rightPanel .specificContentFoot .BU-SubContainerTopRHS,
.rightPanel .specificContentFoot .titlePresellingLink,
.rightPanel .specificContentFoot .content
.rightPanel .specificContentFoot .BU-SubContainerBottomRHS
.rightPanel .specificContentFoot .contentPresellingLink {
	clear: both; 
	float: left !important;
	text-align: center;
	width: 99%;    
}

.rightPanel .specificContentTop .title,
.rightPanel .specificContentFoot .title{
	border: 1px solid black;
	font-weight: bold;
	margin-top: 2px;
}

.rightPanel .specificContentTop .content,
.rightPanel .specificContentFoot .content{
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

.rightPanel .specificContentTop .BU-SubContainerTopRHS,
.rightPanel .specificContentFoot .BU-SubContainerTopRHS{
	display: grid;
	border-left: 1px solid #003bb3;
	border-right: 1px solid #003bb3;
	border-top: 1px solid #003bb3;
	font-weight: bold;
	font-family: Arial;
	font-size: 15pt;
	color: #003bb3;
	margin-top: 2px;
}

.rightPanel .specificContentTop .contentAffiliateLink,
.rightPanel .specificContentFoot .contentAffiliateLink{
	border-left: 1px solid #003bb3;
	border-right: 1px solid #003bb3;
	border-bottom: 1px solid #003bb3;
}

.rightPanel .specificContentTop .titlePresellingLink,
.rightPanel .specificContentFoot .titlePresellingLink{
	display: grid;
	border-left: 1px solid #00deff;
	border-right: 1px solid #00deff;
	border-top: 1px solid #00deff;
	font-weight: bold;
	font-family: Arial;
	font-size: 15pt;
	color: #00deff;
	margin-top: 2px;
}

.rightPanel .specificContentTop .contentPresellingLink,
.rightPanel .specificContentFoot .contentPresellingLink{
	border-left: 1px solid #00deff;
	border-right: 1px solid #00deff;
	border-bottom: 1px solid #00deff;
}

.PSU-HeaderImageMergeRHS,
.PSU-HeaderImageRHS,
.BU-HeaderImageMergeRHS,
.BU-HeaderImageRHS {
	width: auto;
	height: auto;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.PSU-HeaderImageMergeRHS:first-of-type,
.BU-HeaderImageMergeRHS:first-of-type {
	grid-column: 1;
	grid-row: 1 / span 2;
}

.PSU-HeaderImageMergeRHS:last-of-type,
.BU-HeaderImageMergeRHS:last-of-type {
	grid-column: 1;
	grid-row: 2 / span 2;
	margin-top: 28px;
}

/** - image specific subsection container **/
.rightPanel .imagePageSpecific {
	text-align:center;
	width:100%;
}
/** - CSS properties for the  inside the div.image **/
.rightPanel .imagePageSpecific .image img {
	border:1px solid #000;
}
/** - image caption subcontainer **/
.rightPanel .imagePageSpecific .imageCaptionText,
.pageFooter a:link,
.pageFooter a:visited,
.pageFooter .footLinks p {
	color: #43606e;
}
.rightPanel .imagePageSpecific .imageCaptionText {
	font-weight:bold;
	font-size: 77%;
	height:auto;
	width:100%;
}

/** - image spacer; responsible for positioning the image in the rightPanel **/
.rightPanel .imagePageSpecific .imageSpacer {
	width:100%;
	height: 36px;
}

.rightPanel .imagePageSpecific .imagePageSpecificSpacer {
	width:100%;
	height: 36px;
}

/** - Booking button and booking link styles **/

.BookingButtonRHS, .BookingButtonBOPSmall  { /**NotUsed**/
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
  border: none;
  border-radius: 8px;
  margin-bottom: 15px;
  margin-top: 10px;
  height: auto;
  min-height: 26px;
}

.BU-BB-NoCartImageBOP {
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
  border: none;
  border-radius: 8px;
  margin-bottom: 15px;
  margin-top: 10px;
  height: auto;
  min-height: 26px;
}

.BookingButtonTable { /**NotUsed**/
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 5px;
  height: auto;
  min-height: 26px;
}

.BookingButtonTable.FullWidth { /**NotUsed**/
  width: 100%;
}

.BookingButtonRHS { /**NotUsed**/
  font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
  color: #ffffff;
  background-color: #003bb3;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}

.BU-BB-NoCartImageBOP {
  font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
  color: #ffffff;
  background-color: #003bb3;
  width: 100%;
  clear: both;
}

.BookingButtonBOPSmall { /**NotUsed**/
  font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
  color: #ffffff;
  background-color: #003bb3;
  width: 95%;
  clear: both;
  margin-left: auto;
  margin-right: auto;
  font-weight: normal;
  margin-bottom: 3px;
  margin-top: 3px;
}

.BookingButtonBOPSmallLink { /**NotUsed**/
  display: grid;
  align-items: center;
  color: inherit;
  text-decoration: inherit !important;
}

.BookingButtonTable { /**NotUsed**/
  font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
  color: #ffffff;
  background-color: #003bb3;
  width: 85%;
  margin: 0 auto;
  clear: both;
  margin-top: 5px;
  margin-bottom: 5px;
}

.BookingLinkBOP { /**NotUsed**/
  display: flex;
  align-items: center;
  width: 100%;
}

.BookingButtonRHS:visited, .BookingButtonBOPSmallLink:visited, .BookingButtonTable:visited { /**NotUsed**/
  color: #ffffff !important;
  text-decoration: none !important;
}

.BU-BB-NoCartImageBOP:visited {
  color: #ffffff !important;
  text-decoration: none !important;
}

.BookingButtonRHS:hover, .BookingButtonBOPSmall:hover, .BookingButtonTable:hover { /**NotUsed**/
  background-color: #1053de;
  box-shadow: -1px -1px 0 1px black;
}

.BU-BB-NoCartImageBOP:hover {
  background-color: #1053de;
  box-shadow: -1px -1px 0 1px black;
}

.BookingButtonRHS:active, .BookingButtonBOPSmall:active, .BookingButtonTable:active { /**NotUsed**/
  background-color: #003bb3;
  transform: translateY(4px);
}

.BU-BB-NoCartImageBOP:active {
  background-color: #003bb3;
  transform: translateY(4px);
}

.BookingButtonRHSElement { /**NotUsed**/
	padding: 4px;
	color: #ffffff;
}

.BookingButtonBOPElement { /**NotUsed**/
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}

.BookingButtonBOPSmallElement { /**NotUsed**/
	text-align: center;
	padding: 4px;
	vertical-align: middle;
}

.BookingButtonTableElement { /**NotUsed**/
	padding: 4px;
	vertical-align: middle;
	margin: 0 auto;
}

.BookingLinkBOPElement { /**NotUsed**/
	padding: 4px 8px 4px 0px;
	vertical-align: middle;
}

.BookingUnitHeader { /**NotUsed**/
	font-weight: bold;
	text-align: center;
	color: #003bb3;
}

.BookingUnitImage { /**NotUsed**/
	vertical-align: middle;
}

table.BookingUnitBenefitFields { /**NotUsed**/
	width: auto;
	max-width: 95%;
	margin: 0 auto;
}

td.BookingUnitBenefitFieldImage { /**NotUsed**/
	vertical-align: top;
	color: #44bb7e;
}

td.BookingUnitBenefitFieldImage::after { /**NotUsed**/
	content: '\2713';
	font-size: 20px;
	font-weight: bold;
}

td.BookingUnitBenefitField,
td.BookingUnitBenefitField-AR,
td.BookingUnitBenefitField-BG,
td.BookingUnitBenefitField-CS,
td.BookingUnitBenefitField-DA,
td.BookingUnitBenefitField-DE,
td.BookingUnitBenefitField-EL,
td.BookingUnitBenefitField-ES,
td.BookingUnitBenefitField-ET,
td.BookingUnitBenefitField-FI,
td.BookingUnitBenefitField-FR,
td.BookingUnitBenefitField-HU,
td.BookingUnitBenefitField-IT,
td.BookingUnitBenefitField-JA,
td.BookingUnitBenefitField-KO,
td.BookingUnitBenefitField-LT,
td.BookingUnitBenefitField-NL,
td.BookingUnitBenefitField-NO,
td.BookingUnitBenefitField-PL,
td.BookingUnitBenefitField-PT,
td.BookingUnitBenefitField-RO,
td.BookingUnitBenefitField-RU,
td.BookingUnitBenefitField-SR,
td.BookingUnitBenefitField-SK,
td.BookingUnitBenefitField-SV,
td.BookingUnitBenefitField-TL,
td.BookingUnitBenefitField-TR,
td.BookingUnitBenefitField-UK,
td.BookingUnitBenefitField-ZH { /**NotUsed**/ 
	font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
	vertical-align: middle;
	text-align: left;
	padding: 3px;
}

td.BookingUnitBenefitField { font-size: 100% } /**NotUsed**/ 
td.BookingUnitBenefitField-AR { font-size: 85%; } /**NotUsed**/  
td.BookingUnitBenefitField-BG { font-size: 85%; } /**NotUsed**/  
td.BookingUnitBenefitField-CS { font-size: 85%; } /**NotUsed**/ 
td.BookingUnitBenefitField-DA { font-size: 85%; } /**NotUsed**/ 
td.BookingUnitBenefitField-DE { font-size: 85%; } /**NotUsed**/ 
td.BookingUnitBenefitField-EL { font-size: 85%; } /**NotUsed**/ 
td.BookingUnitBenefitField-ES { font-size: 85%; } /**NotUsed**/ 
td.BookingUnitBenefitField-ET { font-size: 85%; } /**NotUsed**/ 
td.BookingUnitBenefitField-FI { font-size: 90%; } /**NotUsed**/ 
td.BookingUnitBenefitField-FR { font-size: 85%; } /**NotUsed**/ 
td.BookingUnitBenefitField-HU { font-size: 85%; } /**NotUsed**/  
td.BookingUnitBenefitField-IT { font-size: 85%; } /**NotUsed**/ 
td.BookingUnitBenefitField-JA { font-size: 90%; } /**NotUsed**/ 
td.BookingUnitBenefitField-KO { font-size: 90%; } /**NotUsed**/ 
td.BookingUnitBenefitField-LT { font-size: 85%; } /**NotUsed**/ 
td.BookingUnitBenefitField-NL { font-size: 100%; } /**NotUsed**/ 
td.BookingUnitBenefitField-NO { font-size: 85%; } /**NotUsed**/ 
td.BookingUnitBenefitField-PL { font-size: 100%; } /**NotUsed**/ 
td.BookingUnitBenefitField-PT { font-size: 85%; } /**NotUsed**/ 
td.BookingUnitBenefitField-RO { font-size: 85%; } /**NotUsed**/  
td.BookingUnitBenefitField-RU { font-size: 85%; } /**NotUsed**/ 
td.BookingUnitBenefitField-SR { font-size: 100%; } /**NotUsed**/ 
td.BookingUnitBenefitField-SK { font-size: 85%; } /**NotUsed**/ 
td.BookingUnitBenefitField-SV { font-size: 100%; } /**NotUsed**/ 
td.BookingUnitBenefitField-TL { font-size: 100%; } /**NotUsed**/  
td.BookingUnitBenefitField-TR { font-size: 85%; } /**NotUsed**/  
td.BookingUnitBenefitField-UK { font-size: 85%; } /**NotUsed**/ 
td.BookingUnitBenefitField-ZH { font-size: 100%; } /**NotUsed**/ 

/** - Preselling button and preselling link styles **/

.PresellingButtonRHS, .PresellingButtonBOP { /**NotUsed**/ 
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
  border: none;
  border-radius: 8px;
  margin-bottom: 15px;
  margin-top: 10px;
  height: auto;
  min-height: 32px;
}

.PresellingButtonRHS { /**NotUsed**/ 
  font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
  color: #ffffff;
  background-color: #00deff;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}

.PresellingButtonBOP { /**NotUsed**/ 
  font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
  color: #ffffff;
  background-color: #00deff;
  width: 100%;
  clear: both;
}

.PresellingLinkBOP { /**NotUsed**/ 
  display: flex;
  align-items: center;
  width: 100%;
}

.PresellingButtonRHS:visited, .PresellingButtonBOP:visited { /**NotUsed**/ 
  color: #ffffff;
  text-decoration: none;
}

.PresellingButtonRHS:hover, .PresellingButtonBOP:hover { /**NotUsed**/ 
  background-color: #3beefe;
  box-shadow: -1px -1px 0 1px black;
}

.PresellingButtonRHS:active, .PresellingButtonBOP:active { /**NotUsed**/ 
  background-color: #00deff;
  transform: translateY(4px);
}

div.PresellingButtonRHS > a { /**NotUsed**/ 
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000000;
	text-decoration: none;
}

div.BookingButtonRHS > a { /**NotUsed**/ 
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	text-decoration: none;
}

div.PresellingButtonBOP > a, div.BookingButtonBOP > a { /**NotUsed**/ 
	display: flex;
	align-items: center;
	color: inherit;
	text-decoration: inherit;
}

div.PresellingLinkBOP > img.PresellingLinkBOPElement, div.PresellingButtonRHS > a > img.PresellingButtonRHSElement, div.PresellingButtonBOP > a > img.PresellingButtonBOPElement, div.BookingLinkBOP > img.BookingLinkBOPElement, div.BookingButtonBOP > a > img.BookingButtonBOPElement, div.BookingButtonRHS > a > img.BookingButtonRHSElement { /**NotUsed**/ 
	flex-shrink: 0;
}


.PresellingButtonRHSElement { /**NotUsed**/ 
	padding: 1px;
	color: #ffffff;
}

.PresellingButtonBOPElement { /**NotUsed**/ 
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}

.PresellingLinkBOPElement { /**NotUsed**/ 
	padding: 4px 8px 4px 0px;
	vertical-align: middle;
}

.PresellingUnitHeader { /**NotUsed**/ 
	font-weight: bold;
	text-align: center;
	color: #00deff;
}

.PresellingUnitImage { /**NotUsed**/ 
	vertical-align: middle;
}

table.PresellingUnitBenefitFields { /**NotUsed**/ 
	width: auto;
	max-width: 95%;
	margin: 0 auto;
}

td.PresellingUnitBenefitFieldImage { /**NotUsed**/ 
	vertical-align: top;
	color: #00deff;
	padding: 3px;
}

td.PresellingUnitBenefitFieldImage::after { /**NotUsed**/ 
	content: '\25BA';
}

td.PresellingUnitBenefitField,
td.PresellingUnitBenefitField-AR,
td.PresellingUnitBenefitField-BG,
td.PresellingUnitBenefitField-CS,
td.PresellingUnitBenefitField-DA,
td.PresellingUnitBenefitField-DE,
td.PresellingUnitBenefitField-EL,
td.PresellingUnitBenefitField-ES,
td.PresellingUnitBenefitField-ET,
td.PresellingUnitBenefitField-FI,
td.PresellingUnitBenefitField-FR,
td.PresellingUnitBenefitField-HU,
td.PresellingUnitBenefitField-IT,
td.PresellingUnitBenefitField-JA,
td.PresellingUnitBenefitField-KO,
td.PresellingUnitBenefitField-LT,
td.PresellingUnitBenefitField-NL,
td.PresellingUnitBenefitField-NO,
td.PresellingUnitBenefitField-PL,
td.PresellingUnitBenefitField-PT,
td.PresellingUnitBenefitField-RO,
td.PresellingUnitBenefitField-RU,
td.PresellingUnitBenefitField-SR,
td.PresellingUnitBenefitField-SK,
td.PresellingUnitBenefitField-SV,
td.PresellingUnitBenefitField-TL,
td.PresellingUnitBenefitField-TR,
td.PresellingUnitBenefitField-UK,
td.PresellingUnitBenefitField-ZH { /**NotUsed**/ 
	font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
	vertical-align: top;
	text-align: left;
	padding: 3px;
}

td.PresellingUnitBenefitField { font-size: 100%; } /**NotUsed**/
td.PresellingUnitBenefitField-AR { font-size: 85%; } /**NotUsed**/
td.PresellingUnitBenefitField-BG { font-size: 85%; } /**NotUsed**/
td.PresellingUnitBenefitField-CS { font-size: 100%; } /**NotUsed**/
td.PresellingUnitBenefitField-DA { font-size: 100%; } /**NotUsed**/
td.PresellingUnitBenefitField-DE { font-size: 100%; } /**NotUsed**/
td.PresellingUnitBenefitField-EL { font-size: 85%; } /**NotUsed**/
td.PresellingUnitBenefitField-ES { font-size: 85%; } /**NotUsed**/
td.PresellingUnitBenefitField-ET { font-size: 100%; } /**NotUsed**/
td.PresellingUnitBenefitField-FI { font-size: 90%; } /**NotUsed**/
td.PresellingUnitBenefitField-FR { font-size: 85%; } /**NotUsed**/
td.PresellingUnitBenefitField-HU { font-size: 85%; } /**NotUsed**/
td.PresellingUnitBenefitField-IT { font-size: 85%; } /**NotUsed**/
td.PresellingUnitBenefitField-JA { font-size: 90%; } /**NotUsed**/
td.PresellingUnitBenefitField-KO { font-size: 90%; } /**NotUsed**/
td.PresellingUnitBenefitField-LT { font-size: 100%; } /**NotUsed**/
td.PresellingUnitBenefitField-NL { font-size: 90%; } /**NotUsed**/
td.PresellingUnitBenefitField-NO { font-size: 100%; } /**NotUsed**/
td.PresellingUnitBenefitField-PL { font-size: 100%; } /**NotUsed**/
td.PresellingUnitBenefitField-PT { font-size: 85%; } /**NotUsed**/
td.PresellingUnitBenefitField-RO { font-size: 85%; } /**NotUsed**/
td.PresellingUnitBenefitField-RU { font-size: 85%; } /**NotUsed**/
td.PresellingUnitBenefitField-SR { font-size: 100%; } /**NotUsed**/
td.PresellingUnitBenefitField-SK { font-size: 100%; } /**NotUsed**/
td.PresellingUnitBenefitField-SV { font-size: 100%; } /**NotUsed**/
td.PresellingUnitBenefitField-TL { font-size: 100%; } /**NotUsed**/
td.PresellingUnitBenefitField-TR { font-size: 85%; } /**NotUsed**/
td.PresellingUnitBenefitField-UK { font-size: 85%; } /**NotUsed**/
td.PresellingUnitBenefitField-ZH { font-size: 100%; } /**NotUsed**/

/** - Paragraphs used on RHS panel **/

.PSU-HeaderTitleRHS-LANG-EN, .BU-HeaderTitleRHS-LANG-EN { margin: 0.3em 0em; }
.PSU-HeaderTitleRHS-LANG-AR, .BU-HeaderTitleRHS-LANG-AR { margin: 0.3em 0.3em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-BG, .BU-HeaderTitleRHS-LANG-BG { margin: 0.3em 0.3em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-CS, .BU-HeaderTitleRHS-LANG-CS { margin: 0.3em 0.3em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-DA, .BU-HeaderTitleRHS-LANG-DA { margin: 0.3em 0.3em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-DE, .BU-HeaderTitleRHS-LANG-DE { margin: 0.3em 0.3em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-EL, .BU-HeaderTitleRHS-LANG-EL { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-ES, .BU-HeaderTitleRHS-LANG-ES { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-ET, .BU-HeaderTitleRHS-LANG-ET { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-FI, .BU-HeaderTitleRHS-LANG-FI { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-FR, .BU-HeaderTitleRHS-LANG-FR { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-HU, .BU-HeaderTitleRHS-LANG-HU { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-IT, .BU-HeaderTitleRHS-LANG-IT { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-JA, .BU-HeaderTitleRHS-LANG-JA { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-KO, .BU-HeaderTitleRHS-LANG-KO { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-LT, .BU-HeaderTitleRHS-LANG-LT { margin: 0.3em 0.3em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-NL, .BU-HeaderTitleRHS-LANG-NL { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-NO, .BU-HeaderTitleRHS-LANG-NO { margin: 0.3em 0.3em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-PL, .BU-HeaderTitleRHS-LANG-PL { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-PT, .BU-HeaderTitleRHS-LANG-PT { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-RO, .BU-HeaderTitleRHS-LANG-RO { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-RU, .BU-HeaderTitleRHS-LANG-RU { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-SR, .BU-HeaderTitleRHS-LANG-SR { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-SK, .BU-HeaderTitleRHS-LANG-SK { margin: 0.3em 0.3em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-SV, .BU-HeaderTitleRHS-LANG-SV { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-TL, .BU-HeaderTitleRHS-LANG-TL { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-TR, .BU-HeaderTitleRHS-LANG-TR { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-UK, .BU-HeaderTitleRHS-LANG-UK { margin: 0.3em 0em; font-size: 90%; }
.PSU-HeaderTitleRHS-LANG-ZH, .BU-HeaderTitleRHS-LANG-ZH { margin: 0.3em 0em; font-size: 90%; }

.RHSBenefitField, .RHSBookingTextField, .RHSBookingTextFieldWithQuotes { /**NotUsed**/
	font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; 
}

.PSU-BenefitsTextIntroRHS {
	font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; 
}

.RHSBookingTextField, .RHSBookingTextFieldWithQuotes { /**NotUsed**/
	text-align: center;
	font-weight: normal;
	font-size: 80%;
	color: #000000;
	padding: 2px;
}

.RHSBookingTextField.Parking { /**NotUsed**/
	font-style: normal;
	padding: 2px;
}

.RHSBookingTextField { /**NotUsed**/
	font-style: normal;
}

.RHSBookingTextFieldWithQuotes { /**NotUsed**/
	font-style: italic;
}

.RHSBookingTextFieldWithQuotes:before { /**NotUsed**/
	content: '\275D';
	font-size: 120%;
	padding-right: 2px;
	color: #191919;
}

.RHSBookingTextFieldWithQuotes:after { /**NotUsed**/
	content: '\275E';
	font-size: 120%;
	padding: 0px;
	vertical-align: top;
	color: #191919;
}

.PSU-BenefitsTextIntroRHS  {
	font-weight: bold;
	text-align: center;
}

.RHSBenefitField { /**NotUsed**/
	text-align: left;
	height: 24px;
	max-width: 220px;
}

/** - Paragraphs used in BOP **/

.BOPBenefitIntroField, .BOPBookingTextField { /**NotUsed**/
	font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; 
}

.PSU-HeaderIntroTextBOP, .BU-HeaderIntroTextBOP {
	font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; 
}

.BOPBookingTextField { /**NotUsed**/
	text-align: center;
	font-weight: normal;
	font-size: 12pt;
	color: #000000;
	padding: 2px;
}

.PSU-HeaderIntroTextBOP, .BU-HeaderIntroTextBOP {
	text-align: center;
	font-weight: normal;
	font-size: 12pt;
	color: #000000;
	padding: 2px;
}

.BOPBookingTextField { /**NotUsed**/
	font-style: normal;
}

.PSU-HeaderIntroTextBOP, .BU-HeaderIntroTextBOP {
	font-style: italic;
}

.PSU-HeaderIntroTextBOP:before, .BU-HeaderIntroTextBOP:before {
	content: '\275D';
	font-size: 16pt;
	padding: 4px;
	color: #191919;
}

.PSU-HeaderIntroTextBOP:after, .BU-HeaderIntroTextBOP:after {
	content: '\275E';
	font-size: 16pt;
	padding: 2px;
	vertical-align: top;
	color: #191919;
}

.BOPBenefitIntroField  { /**NotUsed**/
	font-weight: bold;
	text-align: center;
}

/*EndRightPanel*/

/*StartPageFooter*/
.pageFooter{
	background: #F1F6F9;
	clear: both;
	color:#21698D;
	text-align: center;
	width: 100%;
}
/*Other sites section*/
.pageFooter .otherSites{
	margin: 0 0 0;
}
/* default styles for the footer links*/
.pageFooter a:link,
.pageFooter a:visited{
	text-decoration: none;
}
/* hover effect on the footer links */
.pageFooter a:hover{
	text-decoration: underline;
}
/* container for the navigation links in the footer */
.pageFooter .footLinks {
	background:#DBE9EF;
	border-top: 2px solid #84BDDA;
	float: left;
	width: 100%;
}
/** - footItems' top thin line **/
.pageFooter .footLinks .topThinLine {
	background:#216C8C;
	clear:both;
	float:left;
	height:1px;
	overflow:hidden;
	width:100%;
}
/* format the footer navigation links */
.pageFooter .footLinks p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;
	font-weight:bold;
	float: left;
	margin: 4px 0 4px 0;
	padding: 0;
	width: 100%;
}
/*EndPageFooter*/
/*
 *End: Grids styles
 */
 /*******************************************
 	FAQ Page Styles
  *******************************************/
/** FAQ bread crumbs**/
.breadCrumbs{
	background: #D3EDFF;
	color: #000000;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	margin: 0px 0px 15px;
	text-align: left;
	float: left; 
	width: 100%;
}
.breadCrumbs ul{
	display: block;
	list-style-position: outside;
	list-style-type: disc;
	margin: 0 0 0 16px;
	padding: 0;
	float: left;
	width: 100%;
}
.breadCrumbs ul li{
	display: inline;
	font-size: 13px;
	font-weight: 400;
	float: left;
	list-style-type: none;
	margin: 4px 4px;
	padding: 0px 5px 0px 0px;
}
.subMenuBreadCrumbs{
	background: #DEF1FF;
    border: 1px solid #B2D7F1;
	float: left;
    font: medium Arial,Helvetica,sans-serif;
    margin-bottom: 10px;
    padding: 0;
	width: 100%;
}
.subMenuBreadCrumbs ul{
	display: block;
}
.subMenuBreadCrumbs ul li{
	display: inline;
	list-style: none;
	list-style-type: none;
}
.pageDescription{
	font-style: italic;
	margin-bottom: 10px;
}

/* FAQ categories */
.categories{
	background: #F1F9FF;
	border: 1px solid #C8E3F5;
	float: left;
	clear: both;
	margin: 0px 0px 15px;
	padding: 10px;	
	width: 97%;
}
.categories h2{
	border-bottom: 1px dashed #CCCCCC;
	letter-spacing: -1px;
	margin: 0px 0px 5px;
	padding: 0px 0px 8px;	
}
.categories .categoryLinks{
	float: left; 
	width: 100%;	
}
.categories .categoryLinks .item{
	float: left;
	margin-top: 16px;
	width:33%;
	
}
.categories .categoryLinks .item .categoryTextNLink{
	clear: both;
	float: left;
	width: 100%;
}
.categories .categoryLinks .item img{
	margin-left: 5px;	
}
.categories .categoryLinks .item a{
	font-weight: 700;
	letter-spacing: -1px;
}
.categories .categoryLinks .description{
	float:left;
	font-size: small;
	width: 100%;	
}
.categories .categoryLinks .descriptionNoSubCategories{
	float:left;
	font-size: medium;
	width: 100%;	
}

/* FAQ Popular Questions/Articles */
.popularQuestions,
.recentQuestions,
.categoryPages{
	float: left;
	clear: both;
	margin: 0px 0px 15px;
	width: 100%;	
}
.popularQuestions ol,
.recentQuestions ol,
.categoryPages ol{
	color: #BDCAD3;
	font-family: "Arial";
	font-size: large;
	list-style-position: outside;
	list-style-type: decimal;
	margin: 0px 0px 0px 20px;
}
.popularQuestions ol li,
.recentQuestions ol li,
.categoryPages ol li{
	font-size: medium;
	margin: 0px;
	padding: 1px 0px 0px;
}
.popularQuestions ol li img,
.recentQuestions ol li img,
.categoryPages ol li img{
	margin-right: 3px;	
}
.categoryPages ol li p{
	color: #000000;	
	margin-left: 3px;
}
.glossaryLinks{
	float: left;
	clear: both;
	width: 100%;	
}
.glossaryLinks ul{
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}
.glossaryLinks ul li{
	display: inline;
	font-weight: 400;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0px 7px 0px 0px;
}

.formContainer {
  width: 100%;
  max-width: 100%;
  clear: both;
  background-color: #E8F4F8;
  border: 2px solid #CFE1EB;
  border-radius: 8px;
  margin: 0 auto;
}

.formContainer.inlineTable {
  border-radius: 0px;
  box-sizing: border-box;
  font-size: 85%;
}

.formControl, .formControlDatepicker, select.dropdownWithDisabledHeaders, select.TimeDropdownWithCustomColours {
  padding: 5px;
  border: 2px solid lightblue;
  border-radius: 5px;
  width: 100%;
  margin-top: 8px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

select.TimeDropdownWithCustomColours {
  -webkit-appearance: none;
  background-image: url('/images/icon/general/time-black.png');
  background-repeat: no-repeat;
  background-position: right;
  background-origin: content-box;
  cursor: pointer;
}

.formControlDatepicker {
  background-image: url('/images/icon/general/calendar-black.png');
  background-repeat: no-repeat;
  background-position: right;
  background-origin: content-box;
  cursor: pointer;
}

div.formGroup {
  padding: 2px;
  font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
  margin: 9px;
}

div.formGroup.halfSize {
  width: 46%;
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 6px;
}

input[type="checkbox"].formControl {
  width: auto;
}

div.formGroup label {
  margin: 2px;
  width: 100px;
}

.hiddenOptionItem {
 display: none;
}

select.dropdownWithDisabledHeaders option:disabled {
 color: black;
 font-weight: bold;
}

select.TimeDropdownWithCustomColours option.backgroundDropdownLightGrey[disabled] {
 color: black;
 font-weight: bold;
}

select.TimeDropdownWithCustomColours option.backgroundDropdownLightBlue[disabled] {
 color: darkblue;
 font-weight: bold;
}

/* New CSS styles for language links dropdowns */

/* Dropdown Button */
.btnLanguageLinks {
  background-color: #FFFFFF;
  color: #3795C5;
  margin: 2px 0px;
  padding: 0px;
  width: 232px;
  border: 1px solid #3795C5;
  font-size: 85%;
  cursor: pointer;
}

.btnLanguageLinks:after {
	content: '\25BE';
	font-size: 150%;
	vertical-align: middle;
	
}

/* The container <div> - needed to position the dropdown content */
.dropdownLangs {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdownLangsContent {
  display: none;
  position: absolute;
  background-color: #CFE1EB;
  width: 230px;
  font-size: 85%;
  margin-top: -2px;
  border: 1px solid #01337A;
  box-shadow: 0 3px 7px rgb(0 0 0 / 50%);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdownLangsContent a {
  padding: 4px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdownLangsContent a:hover {background-color: rgba(55,149,197,.1); }

/* Show the dropdown menu on hover */
.dropdownLangs:hover .dropdownLangsContent {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdownLangs:hover .btnLanguageLinks { background-color: #3795C5; color: #FFFFFF; }



/* Style for paragraph at the top banner */

p.topBanner { font-weight: bold; text-align: center; font-size: 120%; }
p.topBanner110 { font-weight: bold; text-align: center; font-size: 110%; }
p.topBanner100 { font-weight: bold; text-align: center; font-size: 100%; }

p.topBanner > a { vertical-align: middle; color: #00deff; text-decoration: none; }
p.topBanner110 > a { vertical-align: middle; color: #00deff; text-decoration: none; }
p.topBanner100 > a { vertical-align: middle; color: #00deff; text-decoration: none; }

/* Style for yellow label which we use on our LHS menu */

li.menuYellowLabelLHS { background-color: yellow; color: black; }



/* Legacy table row for benefits intro */

tr.BenefitIntroTableRow { height: 30px; }

/* Table cell used for indentation on CIP pages  */

td.CIP-Indent20 { width: 20px; }



/* Table for specifying LHS and RHS images */

.imageLHS.w156, .imageRHS.w156 { width: 156px; }
.imageLHS.w162, .imageRHS.w162 { width: 162px; }
.imageLHS.w163, .imageRHS.w163 { width: 163px; }
.imageLHS.w182, .imageRHS.w182 { width: 182px; }
.imageLHS.w200, .imageRHS.w200 { width: 200px; }
.imageLHS.w212, .imageRHS.w212 { width: 212px; }
.imageLHS.w214, .imageRHS.w214 { width: 214px; }
.imageLHS.w224, .imageRHS.w224 { width: 224px; }
.imageLHS.w238, .imageRHS.w238 { width: 238px; }
.imageLHS.w242, .imageRHS.w242 { width: 242px; }
.imageLHS.w250, .imageRHS.w250 { width: 250px; }
.imageLHS.w262, .imageRHS.w262 { width: 262px; }
.imageLHS.w264, .imageRHS.w264 { width: 264px; }
.imageLHS.w272, .imageRHS.w272 { width: 272px; }
.imageLHS.w275, .imageRHS.w275 { width: 275px; }
.imageLHS.w282, .imageRHS.w282 { width: 282px; }
.imageLHS.w332, .imageRHS.w332 { width: 332px; }
.imageLHS.w348, .imageRHS.w348 { width: 348px; }
.imageLHS.w439, .imageRHS.w439 { width: 439px; }
.imageLHS.w512, .imageRHS.w512 { width: 512px; }
.imageLHS.w960, .imageRHS.w960 { width: 960px; }
.imageLHS.w1017, .imageRHS.w1017 { width: 1017px; }
.imageLHS.w1024, .imageRHS.w1024 { width: 1024px; }

.imageLHS.mt8.w242, .imageRHS.mt8.w242 { margin-top: 8px; width: 242px; }

div.HalfPageImage { width: 242px; }
div.FullPageImage { width: 512px; }

/* Colors for background and foreground colors, which are usually being used inside our tables */

.foregroundRed { color: #DD0000; }
.foregroundYellow { color: #D8B800; }
.foregroundGreen { color: #006633; }
.foregroundLightGreen { color: #D2FFDC; }
.foregroundDarkGreen { color: #008076; }
.foregroundLightBlue { color: #80D2FF; }
.foregroundOrange { color: #E28B12; }
.foregroundGrey { color: #808080; }
.foregroundWhite { color: #FFFFFF; }
.foregroundBlue { color: #0000FF; }
.foregroundPurple { color: #720072; }
.foregroundLightPurple { color: #CDB5CD; }
.foregroundBrown { color: #996600; }
.foregroundPink { color: #FF66CC; }
.foregroundDarkBlue { color: #102E44; }
.foregroundDarkYellow { color: #BA8E23; }

.backgroundRed { background-color: #FF9999; }
.backgroundYellow { background-color: #FFFCC1; }
.backgroundGreen { background-color: #A1D86A; }
.backgroundLightGreen { background-color: #D2FFDC; }
.backgroundDarkGreen { background-color: #008076; }
.backgroundLightBlue { background-color: #80D2FF; }
.backgroundOrange { background-color: #FFC58C; }
.backgroundGrey { background-color: #808080; }
.backgroundWhite { background-color: #FFFFFF; }
.backgroundBlue { background-color: #6699FF; }
.backgroundPurple { background-color: #CC66FF; }
.backgroundLightPurple { background-color: #9B95C9; }
.backgroundBrown { background-color: #996828; }
.backgroundPink { background-color: #E54C95; }
.backgroundDarkBlue { background-color: #102E44; }
.backgroundDarkYellow { background-color: #BA8E23; }

.backgroundDropdownLightGrey { background-color: #CCCCCC; }
.backgroundDropdownLightBlue { background-color: #B9E0F0; }

/* Table cell content which is vertically aligned in the middle, in case there are multiple lines present in the table row */

td.verticalAlignCenter { vertical-align:middle; }

/* Cell used for indenting categories on CIP pages */

td.CIP-Indent20 {width: 20px; }



/* Label for indicating that the map search is loading */

.mapSearchLoadingLabel { color:#676767; font-size:11px; margin:10px; padding:4px; }

/* Additional CSS styles for form elements */

.formGroup > h2, .formGroup > p, .formGroup > span {
	margin: 2px;
}

.form-note {
	margin: 5px 2px;
}

hr.formSeparator {
	border-top: 2px solid #23395d;
}

div.captchaImage {
	display: flex;
	align-items: center;
	padding: 8px 0px;
}

div.captchaImage > img {
	border: 1px solid black;
	border-radius: 5px;
}

div.captchaImage > a {
	margin-left: 5px;
}

textarea#txtComments {
	max-width: 100%;
	min-width: 100%;
}

p.formAdditionalNote {
	margin: 5px 2px;
}



option.largeFont {
	font-size: 110%;
}

.BookingButtonBOP.FormButton {
	margin: 5px auto;
	min-height: 36px;
	text-align: center;
	display: block;
	width: 80%;
}

/* iframe for opting out of web browser tracking */

iframe.optOutFromTracking {
	border: 0;
	height: 150px;
	width: 600px;
}

/* Additional CSS styles which were previously used frequently as inline styles */

img.PSU-HeaderTipImageRHS,
img.BU-HeaderTipImageRHS {
    margin: 5px auto; 
}



p.alignRight { padding: 5px; text-align: right }

li.noListStyle { list-style: none }



table.ButtonsTable { text-align: center; max-width: 100% !important; width: 100% !important; }

div.albumTable { width: 580px; margin-left: 10%; }

table.AdUnit { border: 2px solid #00deff; }

td.AdUnit { vertical-align: middle; padding: 5px; }

img.AdUnitImage { display: block; margin: 0 auto; }

/* CSS styles for adding whitespace to the left or right */

.whiteSpaceRight { padding-right: 5px; }

.whiteSpaceLeft { padding-left: 5px; }

/* Custom BOP MRKT units */

.CenterDiv95 { width: 95%; margin-left: auto; margin-right: auto; }



.PresellingButtonBOP.center { margin: 0 auto; width: 95%; }

.PresellingButtonBOP.center > a {
	display: flex;
	align-items: center;
	justify-content: center;
	color: inherit;
	text-decoration: inherit;
}

td.BookingUnitBenefitField.BOP { font-family: inherit; width: 100%; }

.BookingButtonTable > a {
	display: flex;
	align-items: center;
	color: inherit;
	text-decoration: inherit;
}


td.BookingUnitBenefitField.BOP,
td.BookingUnitBenefitField-AR.BOP,
td.BookingUnitBenefitField-BG.BOP,
td.BookingUnitBenefitField-CS.BOP,
td.BookingUnitBenefitField-DA.BOP,
td.BookingUnitBenefitField-DE.BOP,
td.BookingUnitBenefitField-EL.BOP,
td.BookingUnitBenefitField-ES.BOP,
td.BookingUnitBenefitField-ET.BOP,
td.BookingUnitBenefitField-FI.BOP,
td.BookingUnitBenefitField-FR.BOP,
td.BookingUnitBenefitField-HU.BOP,
td.BookingUnitBenefitField-IT.BOP,
td.BookingUnitBenefitField-JA.BOP,
td.BookingUnitBenefitField-KO.BOP,
td.BookingUnitBenefitField-LT.BOP,
td.BookingUnitBenefitField-NL.BOP,
td.BookingUnitBenefitField-NO.BOP,
td.BookingUnitBenefitField-PL.BOP,
td.BookingUnitBenefitField-PT.BOP,
td.BookingUnitBenefitField-RO.BOP,
td.BookingUnitBenefitField-RU.BOP,
td.BookingUnitBenefitField-SR.BOP,
td.BookingUnitBenefitField-SK.BOP,
td.BookingUnitBenefitField-SV.BOP,
td.BookingUnitBenefitField-TL.BOP,
td.BookingUnitBenefitField-TR.BOP,
td.BookingUnitBenefitField-UK.BOP,
td.BookingUnitBenefitField-ZH.BOP { 
	font-family: inherit;
	width: 100%;
}


/** CIP STYLES **/

/** Quick Links **/

.mainContent .mainArticle .quickLinks ul {
    margin: 1em 0em !important; /* Adds a space between each list. */
}

.mainContent .mainArticle .quickLinks li {
    list-style: none;
}

/** CIP Links **/
.mainContent .mainArticle .cipLinks {
}

.mainContent .mainArticle .cipLinks ul {
    list-style: none;
    margin: 1em 0em !important; /* Adds a space before and after the list. */
}

.mainContent .mainArticle .cipLinks li {
    list-style: none;
}

.mainContent .mainArticle .cipLinks li::before { /* this will set the new bullet point for the links */
    content: "\2022";
    color: #3795C5;
    font-weight: bold;
    display: inline-block; 
    width: 1em;
}

/** CIP section Heading **/

.mainContent .mainArticle .cipLinks h2::before {
    content: "\2000";
    display:block;
    vertical-align: top;
    line-height: 1px;
    padding-top: 20px;
    border-top: 1px dotted #21698D;
}

.mainContent .mainArticle .cipLinks h2 a:link {
  background-color: #DEF1FA;
  border: 1px solid #D0D0D0;
  border-radius: 8px;
  box-shadow: rgba(213, 217, 217, .5) 0 2px 5px 0;
  box-sizing: border-box;
  color: #0000EE; /* Set link color */
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
  line-height: 29px;
  padding: 8px 14px;
  position: relative;
  text-decoration: underline;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  width: 100%;
  text-align: left;
}

.mainContent .mainArticle .cipLinks h2 a:visited {
    font-size: 0.95em;
    color: #0000EE; /* Set link color */
    border: 1px solid #D0D0D0;
}

.mainContent .mainArticle .cipLinks h2 a:hover {
    background-color: #f7fafa;
}

.mainContent .mainArticle .cipLinks h2 a:focus {
  border-color: #008296;
  box-shadow: rgba(213, 217, 217, .5) 0 2px 5px 0;
  outline: 0;
}

/** END CIP STYLES **/

/**Language Link**/

/*Additional styles for the RHS drop down language link*/

.dropdownLangsContent {
    line-height: 24px;
	font-weight: bold;
}

.dropdownLangsContent a {
	font-weight: normal;
    padding: 0px !important;
}

/* Hide the Smartphone language link dropdown */
.smartphoneDropdownLangs {
	position: relative;
	display: none;
}
    
/* Show the RHS language link dropdown */
.dropdownLangs {
	position: relative;
	display: inline-block;
}

video {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 2), 0 1px 3px rgba(0, 0, 0, 2), 0 8px 10px rgba(0, 0, 0, 2);
  border-radius: 8px;
  margin-bottom: 5px;
  background-color: black;
}

td.foregroundGreen.cssIcon::after {
	content: '\2713';
	font-size: 20px;
	font-weight: bold;
}

td.foregroundRed.cssIcon::after {
	content: '\274C';
	font-size: 15px;
	font-weight: bold;
}


td.foregroundGreen.cssIcon {
	text-align: center;
}

td.foregroundRed.cssIcon {
	text-align: center;
}

.featureInfo {
	position: relative;
	cursor: help;
}

.featureInfo::after {
	content: attr(data-tooltip);
	position: absolute;
	left: 105%;
	top: 50%;
	transform: translateY(-50%);
	background-color: #06306e;
	color: white;
	padding: 12px 14px;
	border-radius: 8px;
	font-size: 12px;
	line-height: 1.4;
	width: 220px;
	z-index: 10;
	white-space: normal;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s ease-in-out;
	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
}

.featureInfo:hover::after {
	opacity: 1;
	visibility: visible;
}

/* Additional styles for tip sections */

.tipSection {
  border: 1px solid navy;
}

.tipSection.withImg {
  max-width: 552px;
  display: block;
  margin: 0 auto;
}

.tipSection.withImg > h2 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.tipSection.withImg > table {
  margin-left: auto;
  margin-right: auto;
  width: 95% !important;
}

.tipSection.withImg > table > tbody > tr > td {
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: middle;
}

/* CSS tabs */


.tabs {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.tabs > .tabsLabel:first-of-type {
    margin-left: 3px;
}

.tabsLabel {
	padding: 5px 8px;
	cursor: pointer;
	background-color: lightgray;
	border-radius: 10px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-left: 1px solid #003bb3;
	border-right: 1px solid #003bb3;
	border-top: 1px solid #003bb3;
	text-align: center;
	align-content: center;
	font-size: 14px;
}

.tabsRadio {
	display: none;
}

.tabsContent {
	order: 1;
	width: 100%;
	display: none;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #DEF1FA;
	border: 1px solid #003bb3;
	border-radius: 5px;
	box-shadow: 1px 1px 0px 0px #003bb3;
	opacity: 1;
	transition: opacity 0.5s ease;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.tabsRadio:checked+.tabsLabel {
  background-color: #DEF1FA;
  font-weight: bold;
  border-bottom: 3px solid #003bb3;
}

.tabsRadio:checked+.tabsLabel+.tabsContent {
	display: initial;
	animation: fadeIn 0.2s ease-in;
}

.tabs > div.tabsContent > table.prdctOverview > tbody > tr {
  border-bottom: 1px dotted black;
  height: 45px;
}

.tabs > div.tabsContent > table.prdctOverview > tbody > tr > td {
  padding: 5px 5px 5px 0px;
  vertical-align: middle;
  font-size: 14px;
  min-width: 50px;
}

.tabs > div.tabsContent > table.prdctOverview > tbody > tr > td:last-child {
  padding-right: 0px;
  min-width: auto;
}

.tabs > div.tabsContent > table.prdctOverview > tbody > tr > td > .BU-BB-SmallBOP {
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  width: auto;
  align-content: center;
  font-size: 12px;
}

.sunIcon::before {
  content: "\2600";
  margin-right: 5px;
}

.moonIcon::before {
  content: "\263E";
  margin-right: 5px;
}

.percentIcon::before {
  content: "\0025";
  margin-right: 5px;
}

.menuIcon::before {
  content: "\2630";
  margin-right: 5px;
}

td.sunIcon, td.moonIcon { white-space: nowrap; }

.mobileMenu { display: none; }

.MRKT-FX {
	position: fixed;
	bottom: 0;
	background: #DEF1FA;
	z-index: 9999;
	border-top: 3px solid #84BDDA;
	text-align: center;
	padding-bottom: env(safe-area-inset-bottom, 20px); /* Add this line for safe area insets */
	box-sizing: border-box; /* Ensure padding is included in the element's total width and height */
	align-content: center;
	max-width: 552px;
	width: 552px;
}

.MRKT-FX.sticky {
	position: sticky;
}

.MRKT-FX .BU-BB-BOP,
.MRKT-FX .BU-BL-BOP,
.MRKT-FX .PSU-IB-BOP,
.MRKT-FX .PSU-IL-BOP {
	margin: 8px;
	width: auto;
	max-width: 996px;
}

.MRKT-FX .BU-BB-BOP a,
.MRKT-FX .BU-BL-BOP a,
.MRKT-FX .PSU-IB-BOP a,
.MRKT-FX .PSU-IL-BOP a  {
	justify-content: center;
}