/* $Header: /WebSites/affiliate/includes/desktop/css/promopage/chb_promopage.css 16    9/23/19 11:47a Shamilton $ */

/* Fonts */
.exploreshipsheader
	{font-size: 16px;}

.exploreships table tr td
	{font-size:14px;}

/* 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;margin-bottom:12px;}
.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
	{margin: 0px 0px 0px 25px; float: none;}
#multibox li
	{margin: 5px 0px 5px 10px; 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 10px 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;}

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

/* Bullet Table Styles */
.popupbody1 li,
.popupbody2 li,
.popupbody3 li,
.popupbody4 li,
.popupbody5 li
  {margin-left: 25px;}
  
.bulletgrid {width: 100%;}
.bulletgridhead {width: 100%; color: white; float: left; padding: 5px;}
.bulletgridheadcolmain {text-align: left; float: left;}
.bulletgridheadcolmain1, .bulletgridheadcolmain2, .bulletgridheadcolmain3
	{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
  { 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%; }


/* Grid Rows Structural Styles */
.gridcontainer {clear:both; width:99%;}
html > body .gridcontainer {width:99.4%;}

.gridcontainer .oddRow, .gridcontainer .evenRow {clear:both; width:100% !important; min-height:80px;}
html > body .gridcontainer .oddRow, html > body .gridcontainer .evenRow {width:97% !important;}

.rowlogo {float:left; width:35%;}
.rowlogo img {width:150px;}
.rowprice {float:left; width:22%;font-weight:bold;}
.rowbutton {float:right; width:30%;}
.rowbullets {width:100%; list-style-position:inside;}
.rowbullets li {font-size:13px;line-height:17px;}
.rowbullets .calloutbullet {list-style-type:none;font-size:13px;line-height:17px;}


/* Grid Rows Default Visual Styles */
.gridcontainer {margin-top:10px; font-family:inherit; font-size:inherit;}
.oddRow {background:#FFF;}
.evenRow {background:#FFF;}
.rowlogolink, .rowlogolink:hover, .rowbuttonlink, .rowbuttonlink:hover {text-decoration:none;}
.rowlogo {padding:10px;}
.rowprice {padding:10px; line-height:12px; vertical-align:super;}
.rowprice .leadprice {vertical-align:top;}
.rowbutton {
	margin:10px;
	padding:5px 10px;
	color:#000;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
	background:#ddd;	
}
.rowbutton:hover {background:#ccc;}
.rowthumbnail {float:left; padding:0 10px;}
.rowtext {padding:10px;}
.rowbullets {clear:both; padding:10px;}
.rowbullets .calloutbullet {margin-top:10px;}
.rowlink {padding:10px ; text-align:right;}


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

@media (min-width : 671px){
    .wth2-resultsBonusHeader{padding: 0px 0px 0px 0px;}
    .regular_offer_header{padding: 20px 0px 5px 0px;}
    .responsive_umb_bullet .accordionItem:before,
    .responsive_reg_bullet .accordionItem:before{
        padding-left: 0px;
    }
    .accordionItem.active:before{
        padding-left: 0px;
    }
    .bulletbody {
        padding: 0px 20px 10px 20px;
    }
}