@charset "utf-8";
/* CSS Document */

body{margin:0;padding:0;}
img{ border: 0;outline: none}
/*========================================================================*/
/*===========  Start Default Use Classes And Ids For All Pages   =========*/
/*========================================================================*/

.wrapper{ width: 960px; display: block; margin: 0 auto; border: 0px solid #ccc; position: relative; z-index:2}
.pdlr15{ padding: 0 15px;}
.pdlr10{ padding: 0 10px;}
.pdr5{ padding: 0 5px 0 0;}
.clear{ clear: both}


/*=============================================*/
/*===========  Start Header Css Here  =========*/
/*=============================================*/
.whitebg{ background: #fff; position: relative; z-index: 5}
#left-grey-line{background: url(../images/left-div-bg.png) repeat-x; height:105px; position: absolute; left:0; width: 50%; top:0;}
#header{}
.left-bg-div{ display: table-cell; height: 70px; background: url(../images/left-div-bg.png) repeat-x;}
#logo-div{ width: 287px; height: 105px; position: relative; z-index: 5; display: inline-block }
.left-logo-panel{background: url(../images/left-div-bg.png) repeat-x; height:105px; width: 200px; display: inline-block; float: left;}
.logo{left: 30px;position: relative;top: 10px;}
.right-corner{ background: url(../images/header-corner-2.png) no-repeat; height: 105px; display: inline-block; width: 87px;float: left;}

.menu-bar{ position: relative; width: 665px; float: right; display: inline-block;top:21px; left: -63px;}
.menu-yellow-line{ position: absolute; background: url(../images/yllow-line.png) repeat-x; height:30px; width: 617px; z-index: 1}
.menu-blue-line{ position: absolute; background: url(../images/blue-line.png) repeat-x; width: 747px; height: 59px; top: 24px; left: -32px;}
.right-blue-corner{ width: 57px; height:59px; position: absolute; right: -57px; background:url(../images/right-blue-corner.png) no-repeat; top: 2px;}
.right-yellow-corner{ width: 23px; height:30px; position: absolute; right: -23px; background:url(../images/right-yellow-corner.png) no-repeat; top: -1px;}

#top-menu-yellow{ position: relative; left: 43px; top: 6px; border: 0px solid #ccc; display: block;}
#top-menu-yellow ul{ margin:0; padding:0; font-family: "MyriadProRegular"; display: table-cell;}
#top-menu-yellow ul li{ margin:0 14px 0; padding:0; font-family: "MyriadProRegular"; float: left; list-style: none; font-size: 13px; font-weight: normal;}
#top-menu-yellow ul li a{ margin: 0;padding: 0; text-decoration: none; color: #333}
.backslash{ display: table-cell; padding: 0 7px 0; font-family: "MyriadProRegular"; font-size: 13px; margin: 0px; vertical-align: top }

#top-menu-blue{ margin: 0; padding: 0; position: relative; left: 80px; top: 18px;}
#top-menu-blue ul{ margin: 0; padding: 0;}
#top-menu-blue ul li{ margin: 0; padding: 0 23px 0 23px; list-style: none; float: left; font-family: "MyriadProRegular"; font-size: 14px; color: #fff; position: relative;}
#top-menu-blue ul li a{ margin: 0; padding: 0; font-family: "MyriadProRegular"; font-size: 15px; color: #fff; text-decoration: none;}
#top-menu-blue ul li a.yellow{ color: #FFDD00;}
#top-menu-blue ul li:first-child{ padding-left: 0 }

#top-menu-blue ul li ul{ margin:0;padding:0; position: absolute; display: none;}
#top-menu-blue ul li:hover ul{ margin:0;padding:18px 0 0; position: absolute; display: block;}
#top-menu-blue ul li:hover ul:before{ position: absolute; content: ""; border-top: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; border-left: 10px solid transparent; top: 0px; left:35%}
#top-menu-blue ul li:hover ul li{ margin:0;padding:0; list-style: none; float: none; color: #002C64}

#top-menu-blue ul li:hover ul li a{ color: #002D61; padding: 10px 15px 10px; display: block; background: url(../images/white-tr-bg.png) repeat; border-bottom: 1px solid #fff; font-weight: bold}
#top-menu-blue ul li:hover ul li a:hover{ color: #333;}


#slider{ position: absolute; width: 100%; height: 689px; border:0px solid #ccc; z-index:0;overflow:hidden; top: 105px; }

.content-wrapper{ position: relative; z-index: 2;}
.tp-space-1{ height:54px;}
.space35{ height: 35px;}
.space99{ height: 55px;}
.space15{ height: 17px;}
.bottom-space{ margin-bottom: 15px;}

/*============  Start Home Page and Gallery Page Css Here  ============*/
.heading-cg{ background: url(../images/blue-transparent.png) repeat; height: 41px; padding: 0px 0px 0; display: block; line-height: 38px; margin-bottom: 15px;}
.headding-left-text{ font-family: georgia; font-size: 16px; color: #fff; display: table-cell; padding: 0 15px; width: 160px; border: 0px solid #fff;}
.contener-cg{ background: url(../images/blue-transparent.png) repeat; padding: 15px 15px;}
.contener-center{ background-color: #eff5ff; padding: 15px 15px; min-height: 620px}
.calender-contener{ width: 828px; display: block; margin: 0 auto}
.field-links{ display: table-cell; font-family: "MyriadProRegular"; color: #fff}
.calc-fields-wd{ width:70px; padding: 1px 5px 2px; border-radius: 0; border:1px solid #56758d; background: url(../images/field-bg.png) repeat-x bottom left #fff;font-family: "MyriadProRegular"; font-size: 13px;}
.field-links a{ font-family: "MyriadProRegular"; font-size: 13px; color: #fff;}

#calander-layout table tr td{ border: 1px solid #0099cc;border-left: 0px solid #0099cc;border-bottom: 0px solid #0099cc; padding: 4px 10px 3px;vertical-align: top; }
#calander-layout table tr td:first-child{border-left: 1px solid #0099cc;}
#calander-layout table tr td span{ display: block; text-align: right; color: #fff; font-family: Arial;}
#calander-layout table tr td a{ display: block; text-align: center; font-family: "Arial Rounded MT Bold"; color: #FFCC00; font-size: 12px; font-weight: normal; padding: 13px 0 5px;}
#calander-layout table tr:last-child td{border-bottom: 1px solid #0099cc; height:65px;}
#calander-layout table tr td:hover{ background: #002a50; cursor: pointer;}

.calander-heading{ background: #063a68; color: #fff; font-family: arial; height: 67px; font-weight: normal; font-size: 18px;}

.footer-cg{background: url(../images/blue-transparent.png) repeat; height: 41px; padding: 0px 15px 0; display: block; line-height: 38px; margin: 15px 0;}
.pagination-display{ display: table-cell; width: 400px; text-align: left; color: #fff; font-family: "MyriadProRegular"; font-size: 13px; font-weight: bold; float: left}

.pagination-panel{display: table-cell; 
/*                 width: 300px; */
                 border: 0px solid #fff; text-align: right; color: #fff; float: right}
.pagination-panel .item-list .pager li {
background-image: none;
display: inline;
list-style-type: none;
padding: 0; 
margin: 0;
}
.pagination-panel li a.active {
color: #fff;
font-size: 13px;
font-family: "MyriadProRegular";
font-weight: bold;
text-decoration: none;
position: relative;
top: -2px;
}
.left-arrow{ background: url(../images/pagination-arrows.png) no-repeat; width: 11px; height: 10px; display: inline-block; margin: 0 5px 0 0px}
.left-first{ background: url(../images/pagination-arrows.png) no-repeat; width: 19px; height: 10px; display: inline-block; background-position: -21px 1px;margin: 0 5px 0 0px}

.right-arrow{background: url(../images/pagination-arrows.png) no-repeat; background-position: -72px 1px; width: 19px; height: 10px; display: inline-block; margin: 0 0 0 5px}
.right-first{background: url(../images/pagination-arrows.png) no-repeat; width: 19px; height: 10px; display: inline-block; background-position: -103px 1px;margin: 0 0 0 5px}

.pagination-no{ color: #fff; font-weight: bold; font-size: 12px; position: relative; top: -2px;}
.pagination-no a{ color:#fff; font-size: 13px; font-family: "MyriadProRegular"; font-weight: bold; text-decoration: none; position: relative; top: -2px;}





/*============  Start Photo Gallery Page Css Here  ============*/
.gallery-menu-links{ display: table-cell; font-family: "MyriadProRegular"; font-weight: bold; font-size: 13px; padding: 0 0 0 15px; width: 200px; border: 0px solid #fff; color: #fff; cursor: pointer;}
.gallery-menu-links.active{ color: #FAB82A; cursor: pointer;}
.gallery-contener{ padding: 10px 9px 0px;}
.fancybox-button{ width: 190px; height: 140px; vertical-align: top; text-align: center; margin-left: 28px; margin-bottom: 28px; overflow: hidden; display: inline-block; padding: 5px; background: #3a4371; border: 1px solid #000033;}
.fancybox-button.first{ margin-left: 0;}
.fancybox-button img{ width: 190px; height: 140px;}
.fancybox-button:hover{ border: 1px solid #fab82a; background: #000033}

.fancybox-media{ width: 190px; height: 140px; vertical-align: top; text-align: center; margin-left: 28px; margin-bottom: 28px; overflow: hidden; display: inline-block; padding: 5px; background: #3a4371; border: 1px solid #000033;}
.fancybox-media.first{ margin-left: 0;}
.fancybox-media img{ width: 190px; height: 140px;}
.fancybox-media:hover{ border: 1px solid #fab82a; background: #000033}


/*=========================  Start Cruises Package Page Css Here  ===========================*/

.main-logo-contener{ margin: 108px 0 108px; position: relative; z-index: 2}
.white-scale{ background: #fff; padding: 25px 0; position: relative; z-index: 2}
.left-contener{ width: 590px; display: table-cell; vertical-align: top; padding: 0 28px 0 0}
.left-contener-second{width: 609px; display: table-cell; vertical-align: top; padding: 0 20px 0 0; float: left}
.heading-oc{ font-family: HandserifMedium; font-size: 24px; color: #002D61; font-weight: normal; margin:0 0 15px; padding: 0}
.ws-content{ font-family: "MyriadProRegular"; font-size: 16px; color: #333333; line-height: 23px;}
.center-line{ border-left: 1px solid #cccccc; width: 20px; display: table-cell; vertical-align: middle}

.right-contener{ width: 323px; display: table-cell; vertical-align: text-bottom;}
.light-blue-scale{ background: #eff5ff;padding: 20px 0}

.spacial-packageges-bg{  background: url("../images/light-blue-bg.png") no-repeat scroll center bottom rgba(0, 0, 0, 0); display: block;height: 517px;}

.image-tag{ text-align: center; margin: 0 auto 10px; display: block;}


.spacial-packageges{text-align: center; margin: 30px 0 0 13px; padding: 0; float: left; display: inline-block}
.spacial-packageges.wd306{ width: 306px;}
.spacial-packageges.wd285{ width: 285px;}
.spacial-packageges.first{ margin-left: 0px;}
.spacial-packageges h2{ color: #333333; font-family: HandserifMedium; font-size: 24px; text-decoration: none; font-weight: normal; margin: 5px 0 15px}
h2.h2-heading{ color: #333333; font-family: HandserifMedium; font-size: 24px; text-decoration: none; font-weight: normal; margin: 5px 0 15px; text-align:left}

.spacial-packageges h2 a{ color: #333333; font-family: HandserifMedium; font-size: 24px; text-decoration: none; font-weight: normal;}
.bg-contener{ background: #e7f1ff}
.spacial-packageges a.image{ overflow: hidden; display: block;}
.spacial-packageges .content{ font-family: "MyriadProRegular"; font-size: 14px; color: #333; padding: 10px 15px; min-height: 120px; text-align: left}
.more-btn{ border-radius: 2px; background: #002c64; font-family: "MyriadProRegular"; font-size: 12px; color: #fff; text-decoration: none; padding: 6px 16px; position: relative; bottom: -11px;}
.more-btn:hover{ background: #ffdc00; color: #333}

.more-btn-2{border-radius: 2px; background: #002c64; font-family: "MyriadProRegular"; font-size: 12px; color: #fff; text-decoration: none; padding: 6px 16px;}
.more-btn-2:hover{background: #ffdc00; color: #333}

.spacial-packageges .content ul{ margin: 12px 15px; padding: 0}
.spacial-packageges .content ul li{ margin: 0; padding: 0; line-height: 24px;}



/*=============================  Footer Css Start Here  ================================*/
#footer{ background: #002d63; position: relative}
.footer{ background: url(../images/footer-bg.png) no-repeat top center; padding: 18px 21px; position: relative;}

.left-info-panel{ float: left; width: 250px; border: 0px solid #fff; margin-left: 10px;}
.right-info-panel{float: right; width: 260px; border: 0px solid #fff;}
.footer-heading{ font-family: "MyriadProRegular"; font-size: 18px; color: #fff; margin: 10px 0 30px; display: block;}
.email a{ font-family: "MyriadProRegular"; font-size: 15px; color: #fff; margin: 0 0 18px; display: block;}
.inter-cnt{ font-family: "MyriadProRegular"; font-size: 14px; color: #fff; letter-spacing: 1px;}
.rgt-btm-lins{ width: 200px; border: 0px solid #ccc; float: right;}
.rgt-btm-lins a{ margin-bottom: 20px; display: block}

.copyright{ font-family: "MyriadProRegular"; font-size: 14px; color: #fff; text-align: right; display: block; line-height: 20px;}
.footer-links{ color: #fff; display:block; text-align: right; margin-top: 12px;}
.footer-links a{ color: #fff; text-align: center; font-family: "MyriadProRegular"; font-size: 15px;}
.btm-line{ border-bottom: 1px solid #fff; margin: 15px 0 15px}



.footer-left-corner{background: url("../images/footer-left-corner.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0px solid #CCCCCC;height: 32px;left: -24px;position: absolute;top: 0;width: 24px;}

#footer-menu-blue{ margin:0; padding: 6px 0 0; position: relative; display: block; width: 795px; float: right; height: 32px; background: url(../images/foote-blue-line.png) repeat-x;}

#footer-menu-blue ul{ margin: 0; padding: 0; float: right}
#footer-menu-blue ul li{ margin: 0; padding: 0 23px 0 23px; list-style: none; float: left; font-family: "MyriadProRegular"; font-size: 14px; color: #fff}
#footer-menu-blue ul li a{ margin: 0; padding: 0; font-family: "MyriadProRegular"; font-size: 15px; color: #fff; text-decoration: none;}
#footer-menu-blue ul li a.yellow{ color: #FFDD00;}
#footer-menu-blue ul li:first-child{ padding-left: 0 }

#footer-menu-yellow{ margin:0; padding: 6px 0 0; position: relative; display: block; width: 898px; float: left; height: 32px; background: url(../images/yllow-line.png) repeat-x;}
.footer-right-corner{background: url(../images/right-yellow-corner.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0px solid #CCCCCC;height: 32px;right: -24px;position: absolute;top: -1px;width: 24px;}

#footer-menu-yellow{ position: relative; top: 6px; border: 0px solid #ccc; display: block;}
#footer-menu-yellow ul{ margin:0; padding:0; font-family: "MyriadProRegular"; display: table-cell; float: right;}
#footer-menu-yellow ul li{ margin:0 14px 0; padding:0; font-family: "MyriadProRegular"; float: left; list-style: none; font-size: 13px; font-weight: normal;}
#footer-menu-yellow ul li a{ margin: 0;padding: 0; text-decoration: none; color: #333}
.backslash{ display: table-cell; padding: 0 7px 0; font-family: "MyriadProRegular"; font-size: 13px; margin: 0px; vertical-align: top }


/*=============  Popup Css  =================*/

#popup-content{}
#popup-content .content-panel{ width: 490px; display: table-cell; padding: 0 40px 0  0}
#popup-content .frm-md-line{ border-left: 1px solid #cccccc; display: table-cell}

#popup-content .cnt-heading{font-size: 16px; font-family: MyriadProRegular; color: #002C60}
#popup-content .heading{ font-family: HandserifMedium; font-size: 18px; color: #002C60; padding: 10px 0}
#popup-content .str-panel{ background: #E7F1FF; padding: 10px 15px;}
#popup-content .time-panel{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; }
#popup-content .space-line{ padding: 10px 0; border-top: 1px solid #000000; clear: both; margin-top: 15px;}
#popup-content .content{ color: #333333; font-family: MyriadProRegular; font-size: 14px; line-height: 20px; padding: 0 0 15px;}
#popup-content .space{ height: 20px;}

.vt-line{ border-left: 1px solid #cccccc; display: table-cell; padding: 0 40px 0  0}

.form-panel{ width: 410px; display: table-cell;}
.form-filed{ color: #666666; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
.form-input{ background: #f7f7f7; border: 1px solid #8b8580;color: #666666; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 5px 5px; width:85%}
.form-calender-input{background: #f7f7f7; border: 1px solid #8b8580;color: #666666; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 5px 5px; width: 82px; float: left}
.calander-img{ margin-left: 10px;position: relative;top: -2px;}
.form-time-input{background: #f7f7f7; border: 1px solid #8b8580;color: #666666; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 5px 5px; width: 72px;}
.sml-drop-select{background: #f7f7f7; border: 1px solid #8b8580;color: #666666; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 5px 5px; width: 72px;}
.package-select{background: #f7f7f7; border: 1px solid #8b8580;color: #666666; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 5px 5px;  width:100%}
.form-teatarea{ background: #f7f7f7; width:100%; border:1px solid #8b8580; padding: 5px; height: 122px}
.send-request{ background: #002c60; padding: 10px 15px; border:0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; }





@font-face {
    font-family: 'MyriadProRegular';
    src: url('../fonts/MyriadProRegular/myriadpro-regular.eot');
    src: url('../fonts/MyriadProRegular/myriadpro-regular.eot') format('embedded-opentype'),
         url('../fonts/MyriadProRegular/myriadpro-regular.woff') format('woff'),
         url('../fonts/MyriadProRegular/myriadpro-regular.ttf') format('truetype'),
         url('../fonts/MyriadProRegular/myriadpro-regular.svg#MyriadProRegular') format('svg');
}


@font-face {
    font-family: 'HandserifMedium';
    src: url('../fonts/HanSrf/hansrf.eot');
    src: url('../fonts/HanSrf/hansrf.eot') format('embedded-opentype'),
         url('../fonts/HanSrf/hansrf.woff') format('woff'),
         url('../fonts/HanSrf/hansrf.ttf') format('truetype'),
         url('../fonts/HanSrf/hansrf.svg#HandserifMedium') format('svg');
}