/* $Header: /WebSites/affiliate/includes/desktop/css/promopage/hb_promopage.css 13    2/25/20 12:55 Mjeffery $ */

/* Marketing Content Only*/
.tpl_contentonly .promo_seocopy {display:block;}
.tpl_contentonly h1.seoheader, .tpl_contentonly .seoheader  {display:none;}
.tpl_contentonly h2.seosubheader, .tpl_contentonly .seosubheader {display:none;}
.tpl_contentonly .mb_copytext {clear: both; margin-top:10px; float: left;}

.seo_caption_box {width: 231px; padding-right: 0px !important; padding-bottom: 10px !important; padding-left: 0px !important; font-size: 11px !important; line-height: 12px !important;}
.seo_caption_box img {width: 231px;}
.seo_caption_box_right {float: right; margin: 0px 0px 5px 8px !important;}
.seo_caption_box_left {float: left; margin: 0px 8px 5px 0px  !important;}
.seo_caption {padding: 0px 5px !important;}
.about .seocopy {line-height: 17px;}

.seo_caption_box {background: #333; color: #fff;}

.tpl_contentonly .promo_seocopy {display: block;}
.tpl_contentonly .seoheader, .tpl_contentonly .seosubheader {display: none;}
.tpl_contentonly .e-subheader-text {text-transform: capitalize;}

.tpl_contentonly .promo_seocopy ul {margin-top: 15px;}
.tpl_contentonly .promo_seocopy li {margin: 0px 0px 7px 25px; float: none;}

.tpl_contentonly .list3col {width: 100%; float: left; margin-top:10px;}
.tpl_contentonly .list3column {width: 33%;  float: left; line-height: 18px;}
.tpl_contentonly .list3columnfull {width: 100%;  float: left; line-height: 18px;}

.tpl_contentonly .list2col {width: 100%; float: left; margin-top:10px;}
.tpl_contentonly .list2column {width: 50%;  float: left; line-height: 18px;}
.tpl_contentonly .list2columnfull {width: 100%;  float: left; line-height: 18px;}


.tpl_contentonly .list3col ul, .tpl_contentonly .list2col ul, #bullet_popupchart ul, #multibox ul
	{margin-top: 10px;}
.tpl_contentonly .list3col li, .tpl_contentonly .list2col li, #bullet_popupchart li, #multibox li
	{margin: 0px 0px 0px 25px; float: none;}



.tpl_contentonly .nomargin {margin-top: 0px !important;}
.tpl_contentonly .topmargin {margin-top: 10px !important;}
.tpl_contentonly .listheader {font-weight: bold;}

.tpl_contentonly .gpp-product_Collection {float: left; clear: both; width: 98%;}
.tpl_contentonly .gpp-product_extramartgin {margin:10px 0px;}

#cruiselineloyalty .gpp-price_header {margin-bottom: 0px;}
#cruiselineloyalty .gpp-product_Collection {margin-bottom: 10px;}
#cruiselineloyalty .cruiselineloyalty_updated {width: 100%; text-align: right; font-style: italic; }
.seocopy .cruiselineloyalty_decription {float: left; width: 100%; padding-bottom: 10px;}
#cruiselineloyalty .cruiselineloyalty_decription {float: left; width: 100%;}
#cruiselineloyalty .cruiselineloyalty_logo {float: right; width: 20%; padding: 10px;}


.seocopytop ul {margin-left:18px;}
.seocopy .gpp-price_header,.gpp-price_header
  {clear:both; height:32px; margin:10px 0px; padding:10px 0px 0px 12px; border-radius:3px; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.seocopy .gpp-price_header,.gpp-price_header
  {text-transform:uppercase; font-weight:bold;}


 #bullet_popupchart, #bullet_popupchart td
	{border:1px solid #000; border-collapse:collapse;}
#bullet_popupchart td {padding:5px;}
#bullet_popupchart li {margin-bottom: 10px;}
#bullet_popupchart .vertrow {width: 15%; text-align: center; vertical-align: middle;}

/* START HTML Header Styles */
.a-container{display:none;}
/* Enhanced Header */
.homebased-redesign-header .a-container, .PB_deals .a-container{
	width:718px;
	height:240px;
	display: block;
	clear:both;
	position:relative;
	margin:20px 0;
}

.homebased-redesign-header .b-image-link, .PB_deals .b-image-link{text-decoration:none; width:100%; height:100%;}

.homebased-redesign-header .b-image, .PB_deals .b-image{
	width:718px;
	height:240px;
	z-index:1;
	position:absolute;
	top: 0;
	left: 0;
	background-image:url('/images_unique/b.gif');
	-webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

.homebased-redesign-header .c-overlay, .PB_deals .c-overlay {
	background-image:url(/images_unique/bookit/HdrOverlayGeneric_718x240.png);
	width:718px;
	height:240px;
	z-index:2;
	position:absolute;
	top:0;
	left:0;
}

.homebased-redesign-header .d-logo, .PB_deals .d-logo{
	top:20px;
	left:20px;
	position:absolute;
	width:100%; 
	height:200px; 
	background: url('/images_unique/b.gif') no-repeat; background-size: 200px auto;
}

.homebased-redesign-header .e-text-outer, .PB_deals .e-text-outer {
	bottom:10px;
	left:0px;
	position:absolute;
	width:100%;
}

.homebased-redesign-header .e-header, .homebased-redesign-header .f-caption, .homebased-redesign-header .g-copyright, .PB_deals .e-header, .PB_deals .f-caption, .PB_deals .g-copyright {
	display:table-cell;
	vertical-align:bottom;
	height:auto;
}

.homebased-redesign-header .e-header, .PB_deals .e-header {
	padding:0px 20px;
	left:0px;
}

.homebased-redesign-header .e-header-text, .PB_deals .e-header-text{
	line-height:1.2;
	font-family: "Arial Black", Arial, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	text-transform:normal;
	color:#FFFFFF;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	font-size: 34px;
}	
	
.homebased-redesign-header .e-subheader-text, .PB_deals .e-subheader-text{
	line-height:1.2;
	font-weight:normal;
	color:#FFFFFF;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	font-size: 20px;
}			

.homebased-redesign-header .f-caption, .PB_deals .f-caption {
	display:block;
	margin-top:4px;
	padding:0px 20px;
	left:0px;
	line-height:1.2;
	font-weight: normal;
	font-style:italic;
	color:#FFFFFF;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	background-color:transparent;
}

.homebased-redesign-header .g-copyright, .PB_deals .g-copyright {
	display:block;
	margin-top:8px;
	padding:0px 20px;
	left:0px;
	line-height:1.2;
	font-weight:normal;
	color:#FFFFFF;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}
/* END HTML Header Styles */

/* indent body intro */
.offers {
	height:auto;
	padding:0px;
	margin-bottom:0px;
	font-family: Arial, Verdana, sans-serif;
	font-size:11px;
	color:#000066;
}


/* Basic Copy/Cruise Deals Sections */
.basiccopy_container, .deals_container {margin:15px 0; width:100%; clear:both;}
.basiccopy_header, .deals_header {text-align:left; height:31px; line-height:31px; text-indent:10px; width:99%;}
html > body .basiccopy_header, html > body .deals_header {width:99.4%;}
.basiccopy_body, .deals_body {padding:10px 0;}
.pbdeals_copytext {padding:0 10px;}
#deals_subheader {text-indent:10px;}
.deals_column_container {clear:both;}
.deals_column {float:left;}
#deals_col1 {clear:both;}
#deals_viewalllink {text-align:right; padding:0 20px 10px 0; clear:both;}
.deals_jumplinks {margin:20px 0;}

/* Explore Ships */
.exploreships {float: left; clear: both; border-top:3px solid; border-radius: 3px; margin:10px 0px 10px 0px; padding:10px 0px 0px 10px; width: 100%;}
.exploreshipsheader {white-space:nowrap; font-weight:bold; }
.exploreshipscolumn {width:49%; float: left; padding-top: 10px;}
.shipname {display: inline;}
.shipmodule {float: left; clear: both; padding: 5px 0px;}

.about, .seocopy {float: left;}


/* Bullet Table Styles */
.popupbody1 li,
.popupbody2 li,
.popupbody3 li,
.popupbody4 li,
.popupbody5 li
  {margin-left: 25px;}
  
.bulletgrid {width: 100%;}
.bulletgridhead {width: 100%; color: #000; float: left; padding: 5px;}
.bulletgridheadcolmain {text-align: left; float: left;}
.bulletgridheadcolmain1, .bulletgridheadcolmain2, .bulletgridheadcolmain3, .bulletgridheadcolmain4
	{float: left; text-align: center;}
.bulletgridheadcolmainspacer {float: left;}
.bulletgridrow {width:100%;overflow:hidden;padding: 0px 10px;}
.bulletgridrow_col { font-weight: bold; text-align: left; float: left;  padding: 5px 0px;}
.bulletgridrow_col1, .bulletgridrow_col2, .bulletgridrow_col3, .bulletgridrow_col4
  { font-weight: bold; text-align: center; float: left; color: #000;  padding: 5px 0px;}

/* 2-Column Table */
.bullet2column .bulletgridheadcolmainspacer {}
.bullet2column .bulletgridheadcolmain, 
.bullet2column .bulletgridheadcolmain1,
.bullet2column .bulletgridheadcolmain2, 
.bullet2column .bulletgridheadcolmain3, 
.bullet2column .bulletgridrow_col, 
.bullet2column .bulletgridrow_col1, 
.bullet2column .bulletgridrow_col2
	{width: 50%; }

/* 3-Column Table */
.bullet3column .bulletgridheadcolmainspacer {}
.bullet3column .bulletgridheadcolmain,
.bullet3column .bulletgridheadcolmain1, 
.bullet3column .bulletgridheadcolmain2, 
.bullet3column .bulletgridheadcolmain3, 
.bullet3column .bulletgridrow_col, 
.bullet3column .bulletgridrow_col1, 
.bullet3column .bulletgridrow_col2, 
.bullet3column .bulletgridrow_col3
	{width: 33%; }


/* 4-Column Table */
.bullet4column .bulletgridrow_col {width: 40%;}
.bullet4column .bulletgridheadcolmain {width: 35%; }
.bullet4column .bulletgridheadcolmain1, 
.bullet4column .bulletgridheadcolmain2, 
.bullet4column .bulletgridheadcolmain3,
.bullet4column .bulletgridheadcolmain4,
.bullet4column .bulletgridrow_col1, 
.bullet4column .bulletgridrow_col2, 
.bullet4column .bulletgridrow_col3, 
.bullet4column .bulletgridrow_col4
	{width: 20%; }
.bullet4column .bulletgridheadcolmainspacer {width: 5%; }

/*** Promopage : Accordion Bullets ***/
.accordionWrapper{margin-top: 15px;list-style-type: none;}
.responsive_umb_bullet {height:auto;margin:0px;}
.responsive_umb_bullet, 
.responsive_reg_bullet{
    line-height:24px !important;
    list-style-type: none !important;
    list-style: none !important;
    text-indent: 0px;
}
.responsive_umb_bullet:hover,
.responsive_reg_bullet:hover{
    background: #eee;
}
.responsive_umb_bullet .accordionItem:before,
.responsive_reg_bullet .accordionItem:before{
    content: '\f078';
    display: inline-block;
    font: normal normal normal 12px/1 FontAwesome;
    font-size: 10px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    padding-right: 5px;
}
.responsive_umb_bullet .bullet_title, 
.responsive_reg_bullet .bullet_title,
.responsive_umb_bullet .bullet_subtitle, 
.responsive_reg_bullet .bullet_subtitle{
    font-weight:normal;
}

.accordionItem {
    background-color: none;
    color: #000;
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 13px;
    transition: 0.4s;
    display: block;
}
.accordionItem .callout{font-weight:normal;}

.accordionItem.active, 
.accordionItem:hover{
    background-color: #eee !important;
    text-decoration: none;
}
.accordionItem.active:before{
    content: '\f077';
    display: inline-block;
    font: normal normal normal 12px/1 FontAwesome;
    font-size: 10px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    padding-right: 5px;
}

.accordionItemContent {
    background: #eee;
    max-height: 0;
    max-width: 100% !important;
    overflow: hidden;
    opacity: 0;
    font-weight:normal;
    padding: 0px;
}

.accordionItemContent.show {
    opacity: 1;
    max-height: 1500px;  
    transition: 0.4s ease-in-out;
    transition-delay: 0.1s;
    transition
}
.accordionItemContent .accordionClose{
    float:right;
    margin: 0px 20px 10px;
}
.sectionheaderbg{background-color: #09C;}
.bulletgridhead{font-weight:bold;}
.wth2-resultsBonusHeader{padding: 0px;}
.regular_offer_header{padding: 20px 0px 5px 0px;font-weight: bold;font-size: 14px;}
.static_callout{color:#000;font-weight:bold;}
.static_callout:hover{background:none;}
.bulletbody{padding:0px 15px 10px;color:#000;}
.bullets .accordionItemContent br{display:block;}

@media (min-width : 671px){
    .wth2-resultsBonusHeader{padding: 0px 0px 0px 20px;}
    .regular_offer_header{padding: 20px 0px 5px 20px;}
    .responsive_umb_bullet .accordionItem:before,
    .responsive_reg_bullet .accordionItem:before{
        padding-left: 20px;
    }
    .accordionItem.active:before{
        padding-left: 20px;
    }
    .bulletbody {
        padding: 0px 20px 10px 34px;
    }
}