/* ------------------------------- INCLUDES ----------------------------------*/
/* ------------------------------- INCLUDES ----------------------------------*/

/*@import url("/includes/css/offer.css");*/

/* ------------------------------- GENERAL -----------------------------------*/
form
{
    margin: 0px;
    padding: 0px;
}
.center
{
    text-align: center;
}
.leftAlign {
    text-align: left;
}
.rightAlign {
    text-align: right;
}
h1
{
    font-size: 22px;
}
h1 a
{
    text-decoration: none;
}
h2
{
    font-size: 15px;
}
h2 a
{
    text-decoration: none;
}
h3
{
    font-size: 14px;
}
h4
{
    font-size: 12px;
}
h5
{
    font-size: 11px;
}
h1.seotext
{
    font-weight:	normal;
}
img
{
    border: none;
}
select
{
    font-size: 13px;
}
input
{
    font-size: 13px;
}
textarea
{
    font-family: Verdana, Arial, helvetica, sans-serif;
    font-size: 12px;
}
.small
{
    font-size:0.8em;
}
.normal
{
    font-weight:normal;
}
.bold
{
    font-weight:bold;
}
.clearboth{clear:both}
.blackText {
    color: #000 !important;
}
.blueText {
   color: #233d90 !important;
}
.noUnderline {
    text-decoration: none;
}
.fl{float:left;}
.fr{float:right;}
.clr {clear: both;}
.dblck{display:block;}
.hidden {display:none} /* There was an !important here, makes animation/showing/hiding stuff have to be 'removeClass' which is wrong - andrewj */

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}
.marginAuto{
	margin:0 auto;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
*/
.cf {
    *zoom: 1;
}
.pagehomePage iframe {
    width: 100% !important; /* Stops iframes being put in the gateway from overflowing */
}
iframe {
    border: none;
}
input.shadow_cell
{
    border: 1px solid black;
    padding-left : 3px;
    width: 230px;
    background: transparent url(/images/layout/text-box-shadow.gif) top left no-repeat;
}

ul.metadata
{
    display: none;
}

a {
    color: #000;
    text-decoration: none;

}
.padding-10 {
    padding: 10px;
}
 
/* --------------------------- MAIN STRUCTURE --------------------------------*/
@media screen and (max-width:1000px) {
    body, #bodyContainer, .contentWrapper {
        width: 100%;
    }
}
body
{
    background:#FFFFFF;
    font-family: Roboto, Verdana, Arial, helvetica, sans-serif;
    font-size:	11px;
    color:		#000;
    background-color: #fff;
    padding: 0;
    margin: 0 auto;
    background-image: url("/images/international_landingPage/international-landing-page-bg.png");
    background-repeat: repeat-x;
}
#bodyContainer {
    padding: 0 10px 0 10px;
    background: #FFF;
    margin:		0 auto;
    width: 960px;
}
.simpleButton {
    font-family: Roboto, Verdana, Arial;
    font-size: 15px;
    text-decoration: none;
    color: #000;
    font-weight: 500;
    background: url('/images/SEARCH_BOX/searchCircleArrow_22x22_18Jul13.png') right bottom no-repeat;
    border: none;
    cursor: pointer;
    float: right;
    padding: 5px 35px 2px 5px;
}
.simpleButton:hover {
    opacity: 0.5;
}

/****** LAYOUTS ******/
.w10 
{
    width: 10%;
}
.w20
{
    width: 20%;
}
.w30 
{
    float: left;
    width: 30%;
}
.w50 {
    width: 50%;
}
.w60 {
    width: 60%;
}
.w70 
{
    float: left;
    width: 70%;
}
.w80 
{
    width: 80%;
}
.w90 
{
    width: 90%;
}

.w100 
{
    width: 100%;
}
.contentWrapper{
    margin: 0 auto;
    width: 960px;
}


/* Homepage h1 styling */
.pagehomePage #mainHeaderContent h1 {
    font-size: 22px;
    border: 0;
    color: #223C90;
    padding: 15px 0 8px 0;
    margin: 0;
    font-weight: 800;
}
.homepageFeatured {
    font-size: 12px;
    margin: 5px 0;
}
.homepageFeatured span {
    font-weight: bold;
    color:#FF0000;
}
.homepageMessage {
    font-size: 13px;
    text-align: center;
    margin: 1px 0;
}
.homepageMessageCenter {
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    margin: 1px 0;
}
.homepageMessageContainer {
    padding: 2px;
    box-sizing: border-box;
    background: #F7F7F7;
    margin: 0 0 10px 0;
}
.consultantBlogsContainer .homepageFeatured {
    margin: 15px 5px 5px 5px;
}

/* replace table based layout */

div.content_container{
    width: 100%;
    box-sizing: border-box;
    float: left;
    top: 130px;
    position: relative;
}
.withBreadCrumbs div.content_container {
    top: 130px;	
}

.wide_content_bannerss {
    width: 960px;
    clear: both;
}

div.error
{
    border: 2px solid #AD5D5D;
    background-color: rgba(255, 204, 204, 0.69);
    padding: 0px 10px;
}
div.warning
{
    border: 2px solid #AAAA00;
    background-color: #FFFFCC;
    padding: 0px 10px;
    margin: 0px 0px 5px 0px;
}

span.hidden
{
    display: none;
}

/***************************** PAGE  STRUCTURE ********************************/



/* ---------------------------- REGISTER PAGES -------------------------------*/
h1.form
{
    text-align: center;
}

/* ----------------------------- MAIN REVIEWS --------------------------------*/


/* Review "Rate a Cruise" boxes */
.ratings
{
    padding-left: 10px;
    margin-bottom:15px;
    color: #000000;
    text-align:left;
}

#rating_form{
    text-align:center;
}



.ratings th
{
    text-align:left;
    padding: 5px;
}
.ratings td
{
    font-weight:bold;
    /*	background-color: #edf6f8;*/
}

.yourDetailsVisibleColor{
    color:#00aeef;
}


/***************************** ONLINE BOOKING ******************************/

/* -------------------------------- DEBUG -------------------------------- */
span.debug_label
{
    background-color: #FFFFFF;
}
textarea.debug_xml, span.debug_xml
{
    background-color: #FEFF98;
}
textarea.debug_amaprox, span.debug_amaprox
{
    background-color: #EEDDFF;
}
textarea.xml_out_AMA, span.xml_out_AMA
{
    background-color: #CCCCFF;
}
textarea.xml_in_AMA, span.xml_in_AMA
{
    background-color: #FFCCCC;
}
textarea.xml_cache_hit, span.xml_cache_hit
{
    background-color: #CCFFCC;
}
div.cabin_description
{
    height: 50px;
    overflow-y: scroll;
}

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


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


table#category_list_container table tbody
{
    /* prevent children from inheriting background */
    background-image: none;
}


/* --------------------- Passenger Details & Payment Forms ------------------ */
span.req
{
    color: #FF0000;
}
div.termsandconditions {
    overflow-y: scroll;
    border: 1px solid #000;
    height: 400px;
    padding: 3px;
    text-align: justify;
}


#questionReviewControlWrapper
{
    /*    margin-top: 15px;*/
    /*    background: #EDF8FC;*/
    /*    border: 2px solid #00AEEF;*/
    width: 515px;
    float:left;
}

#questionReviewControlWrapper .found_this_useful_control
{
    margin-right: 9px;
}

#questionReviewControl, #question_review_reorder_control
{
    padding: 5px;
}
#question_review_reorder_control
{
    float: right;
    text-align: right;
}

/****************************** Your details form ********************************/
.detailsDisclaimer {
    padding-left: 10px;
}
.detailsCheckboxesOther {
    padding-top: 10px;
}
.detailsButtonContainer {
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
}
.detailsButtonContainer #formsubmit {
    width: 89%;
    text-align: left;
}
#your_details_left{
    float:left;
    width:565px;
}

#your_details_right{
    color:black;
    float :right;
}

div#your_details_right img {
    float:none;
    text-align: center;
}

.cruise_line_checkbox
{
    width:260px;
    float:left;
    padding-left:10px;
}

/* breadcrumbs */
div#crumblinks
{
    margin-top: 2px;
    width:675px;
    height:20px;
    font-size:10px;
}

.active_crumb
{
    color: #000;
    font-weight: bold;
    text-decoration: none;
    margin: 1px;
}
.inactive_crumb
{
    color:#000;
    font-weight: bold;
    margin: 0px 2px 0px 2px;
}
div.breakcrumbSeperator {
    margin:0 1px;
}


.bigfont { font-size:1.5em }


#unsubscribeForm {
    margin-top: 15px;
}
#unsubscribeForm .email {
    margin-top: 3px;
    font-size: 13px;
    font-weight: bold;

}
.unsubscribeSection {box-shadow: 2px 0px 3px 1px #CCC;border-radius:5px;padding:5px;margin-top:5px;}
.unsubscribeSection h1{font-size:16pt;font-weight:bold;margin:0;}
.unsubscribeSection p{font-style:italic;margin:0 0 3px 0}
.unsubscribeSection label{color:red;font-size: 0.8em;}
.unsubscribeSection div.body {background-color:white;padding:3px}
.right{text-align:right}
ul.ticks {padding:0;list-style:none}
ul.ticks li{background:url(/images/icons/CC/black/png/checkmark_icon&16.png) 0px 0px no-repeat;padding-left:20px;margin-bottom:6px;}
.infoPanelLogin {float: right;width:380px;border-radius:5px;background-color:#E4F5F9;border:1px solid #00AEEF}
.infoPanelLogin div.checkInfo:first-child {background-color:white;margin:9px;border-radius:5px 5px 0 0;border:1px solid #ccc;padding:5px}
.infoPanelLogin div.checkInfo:last-child {background-color:white;margin:9px;border-radius: 0 0 5px 5px;border:1px solid #ccc;padding:5px}


.standardButton {
    font-family: Roboto, Verdana, Arial;
    font-size: 15px;
    text-decoration: none;
    color: #000 !important;
    font-weight: 500;
    background: url('/images/SEARCH_BOX/searchCircleArrow_22x22_18Jul13.png') right bottom no-repeat;
    padding-top: 5px;
    padding-right: 30px !important;
    border: none;
    cursor: pointer;
    text-align: right;
}
.plainButton {
    background: none;
    border: none;    
    font-size: inherit;
    font-family: inherit;
}
.plainButton.white {
    color: white;
}
a.standardButton:hover, .standardButton:hover {
    text-decoration: none !important;
    opacity: 0.8;
}


.Panel {clear:both}

ul.twoColumns li, div.twoColumns>div {display:inline-block;width:49%}
ul.threeColumns li, div.threeColumns>div  {display:inline-block;width:32.4%;margin: 0px 3px 0px 3px;float:left;}
ul.threeColumns li, div.threeColumns>div:nth-of-type(3n) {margin-right:0;
                                                          width: 32%;
}
ul.fourColumns li, div.fourColumns>div  {display:inline-block;width:24%}
ul.twoColumns ,ul.threeColumns,ul.fourColumns {
    margin: 0;
    padding: 0;
}
.switchOfficialPhotos {
    float: left;
    width: 98%;
}
.uploadPhotos {
    float: left;
    width: 98%;
}

.captionTextColour{
    color: #808080;
    padding-bottom: 0px;
    font-size: 14px;
}

.captionTextColour a{
    color:#828080 !important;
}
.headerSpan {
    font-size: 11px;
    font-style: italic;
    color:#ccc;
}
.highlightword {
    color: #FFF;
    font-style: italic;
    font-weight: normal;
}
.featuredCount{color:#CF0012;font-weight: bold;font-size: 11pt;}
.ajaxBorderBox {
    text-align: center;
    border: 3px solid #F5F5F5;
    margin: 10px;
}
.ajaxContainer > h2 {
    font-size: 20px;
}
.ajaxContainer .ajaxLoadingIcon {
    width: 40px;
    height: 40px;
    display: block;
    padding-bottom: 25px;
    margin: auto;
}
.ajaxContainer .ajaxLoadingBanner {
    width: 80%;
}
.ajaxContainer > h3
,.ajaxContainer > p {
    font-family: Arial, Verdana; 
    font-size: 14px;
    font-weight: bold;
    padding: 0;
}
.ajaxContainer > h3 {
    color: #122F94; 
}
.quickLinksMessage {
    color: #0EA2CF;
}
/* Homepage H1 */
#theSearchBoxMainContent h1#searchBoxTitle {
    font-weight: bold;
    margin: 10px 0 0 20px;
    font-size: 12pt;
    color: #000;
    background: none;
    padding: 0;
    border-bottom: none;
}
.bodyHomePage #sidebar_farright {
    margin-left: 0;
}

.lazyloadingImage {
    height: 128px;
    width: 128px;
    margin: 25px auto;
    display: block;
    border: 0;
}
.lazyloadingText {
    background: #808080;
    padding: 5px 0;
    margin: 0;
    text-align: center;
    color: #FFF;
    font-size: 24px;
    font-weight: bold;
}
.lazyloadColumnHeading {
    margin: 0 0 10px 0;
}
#topQandAContainer 
,.topPhotos
,.topReviewContainer {
    border: 1px solid #808080;
}
.latestReviewsText 
, .topQandAContainer {
    padding: 10px;
}

ul.biggerListItemFont {
    font-size: 12pt;
}/***

Responsive iFrame Wrapper

***/

/* First, define the common wrapper elements 
   Padding-top is for the fixed height header of the embedded content */

.youtubeWrapper, .vimeoWrapper, .instagramWrapper, .photoWrapper {
    position: relative;
    padding-top: 30px; height: 0; overflow: hidden;
}


/* Set the padding-bottom for 16:9 aspect ratio video from YouTube & Vimeo */ 
.youtubeWrapper, .vimeoWrapper, .photoWrapper {
    padding-bottom: 56.25%;      
}

/* Set padding-bottom for 5:6 aspect ratio Instagram content */
.instagramWrapper {
  padding-bottom: 120%;
}
    
/* For each content source, set the IFRAME to be top left and occupy 100% of width and height of the containing DIV wrapper */    
.youtubeWrapper iframe,
.youtubeWrapper object,
.youtubeWrapper embed,
.vimeoWrapper iframe,
.vimeoWrapper object,
.vimeoWrapper embed,
.instagramWrapper iframe,
.instagramWrapper object,
.instagramWrapper embed,
.photoWrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.lazyloadController {
    min-height: 400px;
}

.vertical-align-middle {
    vertical-align: middle;
}