/*BASIC WEBSITE SETTINGS*/ 
* {
    color: #333;
    font-family: Helvetica Neue,Helvetica,Arial;
}
html {
	height: 100%;
	background-color: #fafafa;
	font-size 16px;
}
body {
    height: 100%;
    font-size: 1em;
	background: #ececec;
    /*  url(../images/bg_header.png) repeat-x 0 0; */
}
a { text-decoration: none; color: #235937; outline: 0 none;  }
a:hover { text-decoration: underline; }
h1 { font-family: CalvertMTStdBold; font-size:28px; color:#000; }
p { word-wrap: break-word; }
/*COMMON CLASSES*/
.clear { display:block; clear: both; }
.hidden { display: none; }

textarea{
    resize:none;
}

/* Fix dropdown width in IE6-IE8. All you need is to add this style to <select> and use custom.js*/
select.resizable { z-index: 2; position: relative;}

/**
 * Different styles for box blocks
 */
div.blue-box
{
    border: none;
    border-top: 8px solid #0D5288;
    background-color: #fff;
    margin-bottom: 10px;
}
div.bordered-box { margin-bottom: 10px; }
div.bordered-box > div { border: 1px solid #cacec6; border-top: none;background-color: #fff; }
div.bordered-box > div.content { padding: 5px; padding-bottom: 10px; }

/* fix issue with text overflow for IE7 */
fieldset legend span { display:block; width: 100%; }

input[type=submit], 
input[type=button], 
.button.green-button, 
.printPage {
    line-height: 28px !important;
    height: 28px;
    width: 85px !important;
    /* font-size: 12px; */
    /* font-family: CalvertMTStdBold; */
    color: white;
	background: #ff8400;
    /* background: url(../images/portal/save_btn.gif) no-repeat 0 0; */
    /* text-shadow: 1px 1px 2px #608D71; */
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: none;
}
.button.green-button a 
{
    line-height: 28px !important;
    color: white;
	background: #ff8400;
    text-decoration: none;
}

input[type=submit]:disabled,
input[type=button]:disabled,
.button.green-button.disabled { background-position: 0 -28px;}

.buttonRow { text-align: right;}
.buttonRow .center{ margin-left: auto; margin-right: auto;}
.button.green-button.button-big { background: url(../images/portal/archive_checked_btn.gif) no-repeat 0 0; width: 120px !important; }

/*BASIC PAGE LAYOUT */
#page { height: 100%; width: 970px; margin: 0 auto; }

/*header styles*/
#page #header {
    height: 110px;
    position: relative;
    z-index: 10;
    background-color: white;
    /* top: 25px; */
    border-bottom: #026937 50px solid;
}
#page #header #siteLogo { width:205px; height: 54px; position: absolute; top: 36px; left: 0;}
#page #header #siteLogo img { max-width:100%; max-height: 100%;}

#page #content #siteLogoSmallBottom 
{
     bottom: 3px;
    color: #6D6D6D;
    display: block;
    font-size: 8px;
    margin-left: 25px;
    margin-top: 10px;
    padding-bottom: 10px;
    text-decoration: none;
    text-transform: uppercase;
    width: 120px;
}
#page #content #siteLogoSmallBottom img {padding-top: 3px; /*max-width:100%; max-height: 100%; position: absolute; bottom: 0; left: 0; */}

/*----------------------- Header Brand Logo -----------------------------*/
#header table.header-branding td { position: relative; height: 130px; }
#header table.header-branding td.branding { vertical-align: middle; }

#header-branding {
    float: left;
    height: 110px;
    margin-left: 25px;
    position: relative;
}

    #header-branding #site-logo-small
    {
        width: 120px;
        color: #6d6d6d;
        font-size: 8px;
        text-decoration: none;
        text-transform: uppercase;
        position: absolute;
        bottom: 0px;
        left: 0px;
    }
        /*#page #header #siteLogoSmall img { position: absolute; bottom: 0; left: 0; }*/

        #site-logo-small span {padding-bottom: 3px; display: block;}

        #header-branding #coBrandLogo { min-width:205px; height: 100px; position: absolute; top: 16px; left: 0; }
        #header-branding #coBrandLogo img { max-width:100%; max-height: 100%; position: absolute; bottom: 0; left: 0; }

        #header-branding #coBrandText
        {
            /*position: absolute;
            top: 25px; left: 25px;*/
            font-size: 20px;
            line-height: 20px;
            font-family: CalvertMTStdBold;
            text-transform: uppercase;
            width: 410px;
        }
        
        #welcome-branding #coBrandText
        {
            /*position: absolute;
            top: 25px; left: 25px;*/
            font-size: 20px;
            line-height: 22px;
            font-family: CalvertMTStdBold;
            text-transform: uppercase;
        }
/*------------------ End of Header Brand logo ----------------------*/

#page #header #socialIcons
{    
    height: 38px;
    padding: 0 18px 0 12px;
    top: 4px;
    right: 5px;
    text-align: right;
    color: #fff;
    position: relative;
}

#page #header #socialIcons a { vertical-align: middle; }

#page #header #socialIcons div.leftCorner {
    width: 45px;
    height: 38px;
    /* background: url(../images/phonearea-bg.png) no-repeat left 0; */
    position: absolute;
    top: 0px;
    left: -45px;
}
#page #header #socialIcons div.rightCorner {
    width: 5px;
    height: 38px;
    /* background: url(../images/phonearea-bg.png) no-repeat right 0; */
    position: absolute;
    left: 100%;
    top: 0;
}

#page #header #socialIcons span.phoneNum {
    padding-left: 36px;
    height: 38px;
    line-height: 38px;
    /* font-family: CalvertMTStdBold; */
    font-size: 23px;
    /* background: url(../images/phone-icon.png) no-repeat left center; */
    white-space: nowrap;
    font-weight: bold;
    color: #858585;
    /* font-size: 1.4em; */
}

#page #header #socialIcons span.phoneNum span
{
    line-height:38px;
    /*font-family: CalvertMTStdBold;*/
	color: #858585;
    font-size: 14px;
    white-space: nowrap;
}

/*
#page #header #socialIcons span.phoneNum.black
{
    background: url(../images/phone-icon-black.png) no-repeat left center;
}
*/

/*Schedule for Support Phone*/
#page #header #scheduleSupport 
{
    width: 240px; 
    border: 3px solid #014b84; 
    background-color: #FFF; 
    z-index: 100; 
    position: absolute; 
    margin-top: -5px; 
    padding: 8px; 
    text-align: center; 
    color: #043459;
    font-family: CalvertMTStdBold; 
    font-size: 12px; 
    line-height:16px;
}



/*top menu*/
#page #header #topMenu { position: absolute; right: 0; top: 50px; }
#page #header #topMenu li { display: inline;/*border-right: 1px solid #235937;*/padding: 0 10px; line-height: 120%; }
#page #header #topMenu li span.active { font-weight: bold; }
#page #header #topMenu li.last-child { border-right:none;padding-right: 0px; }
#page #header #topMenu li a:hover { text-decoration: underline !important; }

/*main menu*/
#page #header #mainMenu {
    position: absolute;
    bottom: -48px;
    right: 0;
    height: 47px;
}
#page #header #mainMenu > li { float: left; height: 47px; padding: 0; border-right: 0px solid #e4e7e1; line-height: 47px; color:#fff;}
#page #header #mainMenu > li > a, 
#page #header #mainMenu > li > span.active {
    /* display: block; */
    padding: 0 10px;
    /* font-family: CalvertMTStdRegular; */
    font-size: 0.9em;
    color: #fff;
    text-align: center;
    /*font-weight: bold;*/
}

#page #header #mainMenu > li > a,
#page #header #mainMenu > li > span.active { padding: 0 6px\0/; }

#page #header #mainMenu > li > a:hover { text-decoration: none; color: #ff8400; }
#page #header #mainMenu .noArrow { width: auto; }
#page #header #mainMenu .noArrow a { background: none; }

/*submenu*/
#page #header #mainMenu>li div.submenu { display: none; position: absolute; z-index: 99999;
                                      padding: 10px; line-height: normal;
                                      border: 1px solid #e4e7e1; border-top: 0 none; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;
                                      background: #fff url(../images/bg_submenu.png) repeat-x left bottom;
									  box-shadow: 0 10px 15px rgba(128, 128, 128, 0.90);
									  -moz-box-shadow: 0 10px 15px rgba(128, 128, 128, 0.90);
									  -webkit-box-shadow: 0 10px 15px rgba(128, 128, 128, 0.90);
									  -ms-box-shadow: 0 10px 15px rgba(128, 128, 128, 0.90); 
									  overflow-y: auto;
                                      max-height: 600px;}
#page #header #mainMenu>li:hover div.submenu { display: block; }
#page #header #mainMenu>li div.submenu > ul { padding:0; background:#fff; }
#page #header #mainMenu>li div.submenu li { border-bottom:1px solid #e7ebe2; }
#page #header #mainMenu>li div.submenu li a, #page #header #mainMenu>li div.submenu li span.active {
    font-weight: bold;  font-size:13px; display:block; padding:7px 10px; line-height: 1.7; color: #333; white-space: nowrap;
}
#page #header #mainMenu>li div.submenu li a:hover, #page #header #mainMenu>li div.submenu li span.active { background: #ecedeb; text-decoration:none; }

#page #header #mainMenu>li div.submenu li span.itemTitle {cursor: pointer; display:block; line-height:20px; font-size:13px; font-weight:bold; background:none; color:#333; }
#page #header #mainMenu>li div.submenu li span.itemDesc { cursor: pointer; display:block; color:#666; font-size:12px; }

#page #header #mainMenu>li div.submenu li span.itemTitle,
#page #header #mainMenu>li div.submenu li span.itemDesc { margin: 0 10px; padding:0; }

/*main content styles*/
#page #content { min-height: 400px; background: #fff; position: relative;}


/*footer styles*/
#page #footer, 
#page #smallFooter {
    padding: 30px 40px;
    /* border-top: 4px solid #000; */
    min-height: 49px;
    background: #036936;
    color: #e7ebe2;
}

#page #bottomMenu { margin: 5px 0 10px;overflow: hidden; }
#page #bottomMenu li { float: left;border-right: 1px solid #fff;padding: 0 10px; }
#page #bottomMenu li.first-child { padding-left: 0; }
#page #bottomMenu li a { font-size: 13px; color: #fff; margin: 0 5px;}
#page #bottomMenu li.first-child a { margin-left: 0; }
#page #bottomMenu li.last-child { border-right: none; }

#page #copyright { font-size: 11px; color: #9f9e9e; }


/* Style which are shared among pages */
div.blue-box div h2,
div.bordered-box div h2 { text-align: center; text-transform: uppercase; margin: 0 0 10px;padding-top: 7px; }

#colLeft div.myProfile { }
#colLeft div.myProfile img { display: block; width: 172px; /*height: 129px;*/ margin: 10px auto; }
#colLeft div.myProfile ul li { border-top: 1px solid #e7e8e5; font-size: 13px; padding: 6px 0 6px 20px; list-style-type: none; background: url("../images/portal/left_box2_box_bullets.gif") no-repeat 9px center; }

.note { font-size: 12px; color: #777; }

/* left block with loyalty bonus info */
#colLeft div.loyaltyBonus div {
     height: 120px;
     background: #fff url(/Content/images/portal/home_left_box1_img.jpg) no-repeat bottom;
     text-align: center;
}
#colLeft div.loyaltyBonus h2 { padding-top: 7px; }
#colLeft div.loyaltyBonus p { color: #fff; font-weight: bold; font-size: 20px; padding-top: 20px;}
#colLeft div.loyaltyBonus a {color: #fff; text-decoration: underline; }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error { color: #ff0000; display: block;}
.field-validation-valid { display: none; }
.input-validation-error { border-color: #ff0000; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; color: #ff0000;}
.validation-summary-valid { display: none; }

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, 
.editor-label { margin: 1em 0 0 0; }
.display-field, 
.editor-field { margin: 0.5em 0 0 0;}
.text-box { width: 30em;}
.text-box.multi-line { height: 6.5em;}
.tri-state { width: 6em;}

 label { padding-bottom: 3px; display: inline-block;}
 
.ui-autocomplete { max-height: 250px; overflow: auto; }
.ui-autocomplete-loading { background-image: url(../images/colorbox/loading.gif); background-repeat:no-repeat; background-position:center center; }


/**
 * Styles for expandable text widget.
 */
 div.collapsableText { position: relative; }
    div.collapsableText div.animation {overflow: hidden;}
    div.collapsableText i
    {
        display: block;
        width: 13px;
        height: 13px;
        position: absolute;
        left: -25px;
        top: 3px;
        background: url(/Content/images/expandable.gif) no-repeat;
        cursor: pointer;
    }
    div.collapsableText i.opened { background-position: 0 -13px; } 
    div.collapsableText div.fullText { display: none; }
        div.collapsableText div.collapsedText span.expandLink { color: #999; cursor: pointer; }
        div.collapsableText div.collapsedText span.expandLink:hover { color: #235937; text-decoration: underline; }
    
/**
 * Emulate disabled elements.
 */
 input.disabled, textarea.disabled
 {
     background-color: #eee;
     color: #999;
 }
 
 
 /*For Error Page*/ 
 #errorPage { padding: 30px 20px; background: url(../images/portal/bgRightColShadow.png) repeat-x 0 0; min-height: 400px;}
 #errorPage dl { padding-left: 30px;}
 #errorPage dt {color: #722; margin-top: 0.5em;margin-bottom: 0.1em;}
 #errorPage dd { padding-left: 10px;}
#errorPage .error-title { font-size: 18px; color: red; line-height: 130%; }
#errorPage ul { margin: 20px 0; }
#errorPage li {display: inline; border-right: 1px solid #235937; padding: 0 10px; line-height: 120%;font-size: 14px;}
#errorPage li.first-child {padding-left: 0px; }
#errorPage li.last-child { border-right:none;padding-right: 0px; }
#errorPage li a {text-decoration: underline!important;}
 
 div.alert-message {padding: 15px 25px; background-color: #F0445C; text-align: center; font-size: 130%; margin-bottom: 10px; font-weight: bold;}
 div.alert-message > span {position: relative; color: white;}
 div.alert-message > span > i.icon {background: url('/Content/images/portal/icons-with-bg.gif') 0 -32px no-repeat; position: absolute; display: block; width: 16px; height: 16px; left: -25px; top: 4px;}
 
 div.success-message {padding: 15px 25px; background: #006622; text-align: center; font-size: 130%; margin-bottom: 10px; font-weight: bold;}
 div.success-message > span {position: relative; color: white;}
 
 /* styles for default page with just simple white background */
 #defaultPage { background: url(../images/portal/bgRightColShadow.png) repeat-x 0 0; padding: 20px 30px; }
 #defaultPage h1 { font-weight: normal;margin-bottom: 0.2em; }
 
 /*Countdown for the nearest of choosen booking */
#tourInfo div.tourBox { height: 100px;position: absolute; top: 28px;left: 19px; z-index: 5; overflow: hidden; }
#tourInfo div.tourBox > div { float: left; }

#tourInfo div.tourBox div.tourCountdown{ width: 80px;height: 100px; padding: 16px 0 0 12px;background: url(../images/portal/box2_con_txtbg1.png) no-repeat scroll 0 0 transparent;}
#tourInfo div.tourBox div.tourCountdown p {font-weight: bold; font-size: 23px;line-height: 100%; text-transform: uppercase; color: #fff; }
#tourInfo div.tourBox div.tourCountdown p strong { display:block;font-size: 24px;line-height: 100%; }

#tourInfo div.tourBox div.tourDesc{background-color: #fff;height: 87px;padding: 7px 12px 4px 7px; border: 1px solid #e5e5e5;border-left: none;border-right: none;}
#tourInfo div.tourBox div.tourDesc p { font-size: 14px; font-family: CalvertMTStdBold; color: #747474; }
#tourInfo div.tourBox div.tourDesc p strong { display: block; color: #000; font: 19px/22px CalvertMTStdBold; padding-bottom: 2px; }

#tourInfo div.tourBox div.border{height: 100px; width: 4px; height: 100px; background: url(../images/portal/box2_con_txtbg1.png) no-repeat scroll top right transparent;}

#tourInfo div.tourInfo { width: 290px; height: 63px; padding: 5px; position: absolute; left: 19px; top: 132px;background: url(../images/portal/home_text_box2bg.png) no-repeat 0 0; color: #fff; 
											font: 13px/20px "Lucida Sans Unicode","Lucida Grande",sans-serif; z-index: 4;}
#tourInfo div.tourInfo a { color: #fff; }

#header-branding #LogoWrap td {
    height: 22px;
}
#LogoWrap {
    width: 415px;
}

#errorPage .button {
    height: 21px;
    border: none;
    font-size: 12px;
    font-family: CalvertMTStdBold;
    float: left;
    color: white;
    text-align: center;
    cursor: pointer;
    text-shadow: 1px 1px 2px #608D71;
    background: url(../images/portal/save_btn.gif) no-repeat 0 0;
    width: 85px;
    display: block;
    padding-top: 7px;
}


/*
    Add one more version of buttons.
    Now it includes orange, green and disabled variants.
    Usage must be like:
    <button class="collette-button collette-button-green">
        submit button green<i class="right-border"></i>
    </button>
    or
    <a href="#" class="collette-button collette-button-orange">
        an orange<i class="right-border"></i>
    </a>
 */
.collette-button.collette-button-green { background-position: 0 -66px; }
        .collette-button.collette-button-green i.right-border { background-position: right -66px; }
        .collette-button.collette-button-green:hover { background-position: 0 -99px; }
        .collette-button.collette-button-green:hover i.right-border { background-position: right -99px; }

        .collette-button.collette-button-orange { background-position: 0 0px; }
        .collette-button.collette-button-orange i.right-border { background-position: right 0; }
        .collette-button.collette-button-orange:hover { background-position: 0 -33px;text-decoration: none; }
        .collette-button.collette-button-orange:hover i.right-border { background-position: right -33px; }

.collette-button-disabled, .collette-button[disabled="disabled"]
{
    background-position: 0 -132px !important;
    cursor: default !important;
    height: 33px !important;
    padding-top: 0 !important;
    color: #eee !important;
    -webkit-text-shadow: none;
    text-shadow: none;
}

        .collette-button-disabled i.right-border,
        .collette-button[disabled="disabled"] i.right-border { background-position: right -132px !important; }

        .collette-button
        {
            background-image: url(/Content/images/buttons.png) !important;
            background-repeat: no-repeat;
            background-position:  0 -66px;
            height: 33px;
            border: none;
            color: white;
            font-size: 1em;
            line-height: 33px;
            -webkit-text-shadow: 1px 1px #000;
            text-shadow: 1px 1px #000;
            padding: 0 3px;
            padding-left: 6px;
            cursor: pointer;
            overflow: visible;
            font-family: Verdana,Arial,sans-serif;
            text-decoration: none;
            position: relative;
            vertical-align: middle;
            display: inline-block;
            /* IE7 hack */
            zoom: 1;
            *display: inline;
        }

        .collette-button:hover{ background-position: 0 -99px; }
        .collette-button:active { padding-top: 1px; height: 32px; }
        button.collette-button
        {
            /*display: table-cell !important;*/
            vertical-align: middle;
        }
        button.collette-button:active { height: 33px; }

        .collette-button i.right-border
        {
            position: absolute;
            height: 33px;
            width: 6px;
            top: 0;
            right: -6px;
            background-image: url(/Content/images/buttons.png) !important;
            background-repeat: no-repeat;
            background-position:  right -66px;
            z-index: 1;
        }

        .collette-button:hover i.right-border { background-position: right -99px; }
/* End of one more buttons version */
ul#country-menu {
    padding: 0 50px;
}
ul#country-menu li {
    display: inline-block;
    padding: 5px 7px;
    position: relative;
}
ul#country-menu li ul {
    background: none repeat scroll 0 0 #ECECEC;
    border-color: -moz-use-text-color #333333 #333333;
    border-image: none;
    border-right: 1px solid #333333;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    box-shadow: 3px 3px 3px #333333;
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 18px;
    width: 100%;
    z-index: 1000;
}
ul#country-menu li ul li {
    border-top: 1px solid #333333;
    display: block;
    padding: 3px 5px;
    text-align: left;
}
ul#country-menu  li:hover ul, ul#country-menu li ul li a {
    display: block;
}
ul#country-menu a {
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}
ul#country-menu  a:link, ul#country-menu  a:visited {
    color: #1E1E1E;
	font-size: .65em;
}
ul#country-menu  a:hover, ul#country-menu  a:focus {
    color: #6B6B6B;
}
ul#country-menu .country {
    cursor: default;
}
ul#country-menu .country:link, ul#country-menu .country:visited, ul#country-menu .country:hover, ul#country-menu .country:focus {
    color: #1E1E1E;
}
.country > img {
    padding: 0 5px;
    position: relative;
    bottom: -3px;
}


/**************** Content page  ***************/
div.content-page {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAYCAIAAABfmbuOAAAAK3RFWHRDcmVhdGlvbiBUaW1lAHBvIDI2IElJSSAyMDEyIDE1OjE0OjE4ICswMTAwl+7rVQAAAAd0SU1FB9wDGg0PB8AIoeAAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAEZ0FNQQAAsY8L/GEFAAAAPUlEQVR42mWKMQ4AIAgDKcX/f8XNxNcp1gEjy3FtMWY3s9iXIENGoSlknaijCwrdvSyvvQBwTEAN8/3sxQK/wgMKtqyf1wAAAABJRU5ErkJggg==') /*/Content/images/portal/bgLeftColShadow.png*/ repeat-x scroll 0 0 transparent; background-color: #E7EBE2;
}

div.content-page div.content {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAcCAIAAAAm1OLhAAAAK3RFWHRDcmVhdGlvbiBUaW1lAHBvIDI2IElJSSAyMDEyIDE1OjI3OjI1ICswMTAwCmNQdAAAAAd0SU1FB9wDGg0bL9sT3k8AAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAEZ0FNQQAAsY8L/GEFAAAARElEQVR42rWLsQ0AIAzDSAP/n4XEUwWJhWYoYiCbZQdj9HKsruVM4dbe/sJk7s1Meoqn+NgDJj0uPnCA3Yc/3D3rf/MEt0wGUmNNaW8AAAAASUVORK5CYII=') /*/Content/images/portal/bgRightColShadow.png*/ repeat-x scroll 0 0 transparent; 
    background-color: #fff;
    margin: 0 25px;
    padding: 30px 25px 25px 25px;
    overflow: hidden;
    font-size: 1.1em;
    min-height: 400px;
}
div.content-page div.content h1 { border-bottom: 1px solid #DCDFD5; margin-bottom: 7px; padding-bottom: 5px; }
div.content-page div.content h2 { padding: .7em 0 .3em;font-size: 130%;font-family: CalvertMTStdBold; }

div.content-page div.content p, div.content-page div.content ul { font-size: 13px; line-height: 150%;margin-top: .7em; }

div.content-page div.content ul { padding-left: 3em; }
div.content-page div.content ul li { list-style: disc;  }