/*
==========================
 *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:#01337A;
	border-bottom: 1px solid #216C8C;
	height:66px;
	
}
.container .pageHeader, 
.containerGSearch .pageHeader,
.containerFAQIndex .pageHeader{
	width: 1000px;
}


.containerOversized .pageHeader{
	width: 1471px;
}
/*Thin line in header*/
.pageHeader .topThinLine{
	border-top: 2px solid #216C8C;
	height:10px;
	padding: 0;
	margin: 0;
}
/** - <div> middle content container **/
.pageHeader .middleContent {
	float:left;
	color: #000;
	height: 60px;
	overflow: hidden;
	padding:0;
	margin:0 116px;
	width: 100%;
}
/** - header's logo container **/
.pageHeader .middleContent .logo {
	float: left;
	height: 66px;
	width:292px;
}
/** - header's GSearch fields container **/
.pageHeader .middleContent .searchBoxField {
	float: left;
	height: 66px;
	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:#01337A;
	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 {
	margin: 0 116px;
	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 0px; 
}
.container .mainArticle {
	width: 735px;
}
.containerOversized .mainArticle {
	width: 1024px;
}


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

.containerGSearch .mainArticle{
	margin: 0 0 0 292px; 	
	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: 0;
	padding: 0;	
}
.mainContent .mainArticle .textRelatedLinks ul li{
	margin: 0;
	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: 140px;
	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: 292px !important;
	display: none; /* LHS Menu will be hidden for now, because Spainbookers will currently be used as a booking platform only, and there should be no navigation on the LHS of the screen */
}
/** - 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: #01337A;
	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 #01337A;
	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: #01337A;	
	padding: 3px 10px 4px 10px !important;
}
.rightPanel .dropdownCurrent dt a {
	color: #01337A;	
	cursor: default;
	padding: 3px 10px 4px 10px !important;			
}
.rightPanel .dropdown dt a.active {
	background: #01337A;				
	border: 1px solid #01337A;
	color: #fff;
}

.rightPanel .dropdown dd ul {
	background: #FFFFFF;
	border: 1px solid #01337A;	
	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: #01337A; }
/*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 .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 .contentAffiliateLink,
.rightPanel .specificContentFoot .contentAffiliateLink{
	border-left: 1px solid #003bb3;
	border-right: 1px solid #003bb3;
	border-bottom: 1px solid #003bb3;
}

.rightPanel .specificContentTop .BU-SubContainerTopRHS,
.rightPanel .specificContentFoot .BU-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;
}

.rhs-header-image-item, .rhs-header-image {
	width: auto;
	height: auto;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.rhs-header-image-item:first-of-type {
	grid-column: 1;
	grid-row: 1 / span 2;
}

.rhs-header-image-item: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%; }

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


/** - 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;
}

.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%;
  background-color: #E8F4F8;
  border: 2px solid lightblue;
  border-radius: 8px;
  margin: 0 auto;
}

.formControl, .formControlDatepicker, select.dropdownWithDisabledHeaders {
  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+ */
}

.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: 5px;
  font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
  margin: 8px;
}

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;
}

/* New CSS styles for language links dropdowns */


/* Dropdown Button */
.btnLanguageLinks {
  background-color: #FFFFFF;
  color: #01337A;
  margin: 2px 0px;
  padding: 0px;
  width: 232px;
  border: 1px solid #01337A;
  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: #ffffff;
  width: 230px;
  font-size: 85%;
  margin-top: -2px;
  border: 1px solid #01337A;
  box-shadow: 0px 2px 4px 0px #01337A;
  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: #01337A; 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 { background-color: #102E44; }

.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; }

.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%;
}

.BkBtnBOP.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.rhs-header-tip { 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;
}

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

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


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

li.indentedText20 {
	text-indent: 20px;
}

/* 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;
  margin: 0 auto;
  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:#FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	height:66px;
	
}
.container .pageHeader, 
.containerGSearch .pageHeader,
.containerFAQIndex .pageHeader{
	width: 1000px;
}


.containerOversized .pageHeader{
	width: 1471px;
}
/*Thin line in header*/
.pageHeader .topThinLine{
	border-top: 2px solid #FFFFFF;
	height:10px;
	padding: 0;
	margin: 0;
}
/** - <div> middle content container **/
.pageHeader .middleContent {
	float:left;
	color: #000;
	height: 70px;
	overflow: hidden;
	padding:0;
	margin:0 116px;
	width: 100%;
}
/** - header's logo container **/
.pageHeader .middleContent .logo {
	float: left;
	height: 66px;
	width:292px;
}
/** - header's GSearch fields container **/
.pageHeader .middleContent .searchBoxField {
	float: left;
	height: 66px;
	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:#01337A;
	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 {
	margin: 0 116px;
	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 0px; 
}
.container .mainArticle {
	width: 735px;
}
.containerOversized .mainArticle {
	width: 1024px;
}


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

.containerGSearch .mainArticle{
	margin: 0 0 0 292px; 	
	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: 0;
	padding: 0;	
}
.mainContent .mainArticle .textRelatedLinks ul li{
	margin: 0;
	padding: 0;
}

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

.tipSection.hidden {
	display: none;
}

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

.tipSectionText {
	color: black;
	margin: 0.5em 0px;
	padding: 0px 20px 20px 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;
}

/*EndContent*/

/*StartLeftPanel*/
.leftPanel {
	float: left !important;
	margin-left: -100% !important;
	overflow: hidden !important;
	width: 292px !important;
	display: none; /* LHS Menu will be hidden for now, because Spainbookers will currently be used as a booking platform only, and there should be no navigation on the LHS of the screen */
}
/** - 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: #01337A;
	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 #01337A;
	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: #01337A;	
	padding: 3px 10px 4px 10px !important;
}
.rightPanel .dropdownCurrent dt a {
	color: #01337A;	
	cursor: default;
	padding: 3px 10px 4px 10px !important;			
}
.rightPanel .dropdown dt a.active {
	background: #01337A;				
	border: 1px solid #01337A;
	color: #fff;
}

.rightPanel .dropdown dd ul {
	background: #FFFFFF;
	border: 1px solid #01337A;	
	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: #01337A; }
/*specificContentTop and Foot*/
.rightPanel .specificContentTop,
.rightPanel .specificContentFoot{
	width: 100%;
}
.rightPanel .specificContentTop .title,
.rightPanel .specificContentTop .titleAffiliateLink,
.rightPanel .specificContentTop .titlePresellingLink,
.rightPanel .specificContentTop .content,
.rightPanel .specificContentTop .contentAffiliateLink,
.rightPanel .specificContentTop .contentPresellingLink,
.rightPanel .specificContentFoot .title,
.rightPanel .specificContentFoot .titleAffiliateLink,
.rightPanel .specificContentFoot .titlePresellingLink,
.rightPanel .specificContentFoot .content
.rightPanel .specificContentFoot .contentAffiliateLink
.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 .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 .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;
}

.rhs-header-image-item, .rhs-header-image {
	width: auto;
	height: auto;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.rhs-header-image-item:first-of-type {
	grid-column: 1;
	grid-row: 1 / span 2;
}

.rhs-header-image-item: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, .BookingButtonBOP {
  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 {
  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 {
  width: 100%;
}

.BookingButtonRHS {
  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 {
  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 {
  display: grid;
  align-items: center;
  color: inherit;
  text-decoration: inherit !important;
}

.BookingButtonTable {
  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 {
  display: flex;
  align-items: center;
  width: 100%;
}

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

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

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

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

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

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

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

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

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

.BookingUnitImage {
	vertical-align: middle;
}

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

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

td.BookingUnitBenefitFieldImage::after { 
	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 { 
	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% }
td.BookingUnitBenefitField-AR { font-size: 85%; }
td.BookingUnitBenefitField-BG { font-size: 85%; }
td.BookingUnitBenefitField-CS { font-size: 85%; }
td.BookingUnitBenefitField-DA { font-size: 85%; }
td.BookingUnitBenefitField-DE { font-size: 85%; }
td.BookingUnitBenefitField-EL { font-size: 85%; }
td.BookingUnitBenefitField-ES { font-size: 85%; }
td.BookingUnitBenefitField-ET { font-size: 85%; }
td.BookingUnitBenefitField-FI { font-size: 90%; }
td.BookingUnitBenefitField-FR { font-size: 85%; }
td.BookingUnitBenefitField-HU { font-size: 85%; }
td.BookingUnitBenefitField-IT { font-size: 85%; }
td.BookingUnitBenefitField-JA { font-size: 90%; }
td.BookingUnitBenefitField-KO { font-size: 90%; }
td.BookingUnitBenefitField-LT { font-size: 85%; }
td.BookingUnitBenefitField-NL { font-size: 100%; }
td.BookingUnitBenefitField-NO { font-size: 85%; }
td.BookingUnitBenefitField-PL { font-size: 100%; }
td.BookingUnitBenefitField-PT { font-size: 85%; }
td.BookingUnitBenefitField-RO { font-size: 85%; }
td.BookingUnitBenefitField-RU { font-size: 85%; }
td.BookingUnitBenefitField-SR { font-size: 100%; }
td.BookingUnitBenefitField-SK { font-size: 85%; }
td.BookingUnitBenefitField-SV { font-size: 100%; }
td.BookingUnitBenefitField-TL { font-size: 100%; }
td.BookingUnitBenefitField-TR { font-size: 85%; }
td.BookingUnitBenefitField-UK { font-size: 85%; }
td.BookingUnitBenefitField-ZH { font-size: 100%; }

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

.PresellingButtonRHS, .PresellingButtonBOP {
  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 {
  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 {
  font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
  color: #ffffff;
  background-color: #00deff;
  width: 100%;
  clear: both;
}

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

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

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

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

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

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

div.PresellingButtonBOP > a,
div.BU-BB-NoCartImageBOP > a {
	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.BU-BB-NoCartImageBOP > a > img.BookingButtonBOPElement,
div.BookingButtonRHS > a > img.BookingButtonRHSElement {
	flex-shrink: 0;
}


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

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

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

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

.PresellingUnitImage {
	vertical-align: middle;
}

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

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

td.PresellingUnitBenefitFieldImage::after { 
	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 { 
	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%; }
td.PresellingUnitBenefitField-AR { font-size: 85%; }
td.PresellingUnitBenefitField-BG { font-size: 85%; }
td.PresellingUnitBenefitField-CS { font-size: 100%; }
td.PresellingUnitBenefitField-DA { font-size: 100%; }
td.PresellingUnitBenefitField-DE { font-size: 100%; }
td.PresellingUnitBenefitField-EL { font-size: 85%; }
td.PresellingUnitBenefitField-ES { font-size: 85%; }
td.PresellingUnitBenefitField-ET { font-size: 100%; }
td.PresellingUnitBenefitField-FI { font-size: 90%; }
td.PresellingUnitBenefitField-FR { font-size: 85%; }
td.PresellingUnitBenefitField-HU { font-size: 85%; }
td.PresellingUnitBenefitField-IT { font-size: 85%; }
td.PresellingUnitBenefitField-JA { font-size: 90%; }
td.PresellingUnitBenefitField-KO { font-size: 90%; }
td.PresellingUnitBenefitField-LT { font-size: 100%; }
td.PresellingUnitBenefitField-NL { font-size: 90%; }
td.PresellingUnitBenefitField-NO { font-size: 100%; }
td.PresellingUnitBenefitField-PL { font-size: 100%; }
td.PresellingUnitBenefitField-PT { font-size: 85%; }
td.PresellingUnitBenefitField-RO { font-size: 85%; }
td.PresellingUnitBenefitField-RU { font-size: 85%; }
td.PresellingUnitBenefitField-SR { font-size: 100%; }
td.PresellingUnitBenefitField-SK { font-size: 100%; }
td.PresellingUnitBenefitField-SV { font-size: 100%; }
td.PresellingUnitBenefitField-TL { font-size: 100%; }
td.PresellingUnitBenefitField-TR { font-size: 85%; }
td.PresellingUnitBenefitField-UK { font-size: 85%; }
td.PresellingUnitBenefitField-ZH { font-size: 100%; }

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

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

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

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

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

.RHSBookingTextField {
	font-style: normal;
}

.RHSBookingTextFieldWithQuotes {
	font-style: italic;
}

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

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

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

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

/** - Paragraphs used in BOP **/

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

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

.BOPBookingTextField {
	font-style: normal;
}

.BOPBookingTextFieldWithQuotes {
	font-style: italic;
}

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

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

.BOPBenefitIntroField  {
	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%;
  background-color: #E8F4F8;
  border: 2px solid lightblue;
  border-radius: 8px;
  margin: 0 auto;
}

.formControl, .formControlDatepicker, select.dropdownWithDisabledHeaders {
  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+ */
}

.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: 5px;
  font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
  margin: 8px;
}

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;
}

/* New CSS styles for language links dropdowns */


/* Dropdown Button */
.btnLanguageLinks {
  background-color: #FFFFFF;
  color: #01337A;
  margin: 2px 0px;
  padding: 0px;
  width: 232px;
  border: 1px solid #01337A;
  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: #ffffff;
  width: 230px;
  font-size: 85%;
  margin-top: -2px;
  border: 1px solid #01337A;
  box-shadow: 0px 2px 4px 0px #01337A;
  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: #01337A; 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; }

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

/* 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; }


/* 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.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.rhs-header-tip { 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%;
}

li.indentedText20 {
	text-indent: 20px;
}


/* 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;
}

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