@charset "utf-8";
/* kulula holidays v5.1 - CSS v4.4.4 */
/* CSS Document */
@import url(https://web.archive.org/web/20210619225732cs_/https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic);
@import url('//web.archive.org/web/20210619225732cs_/https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css');
@font-face {
    font-family: 'Flama Semibold';
     src: url('/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/fonts/Flama-Semibold.woff') format('woff'), /* Modern Browsers */ url('/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/fonts/Flama-Semibold.ttf') format('truetype'), /* Safari, Android, iOS */ url('/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/fonts/Flama-Semibold.svg#svgFontName') format('svg'); /* Legacy iOS */
}

/*Basic layout elements */
html {
    font-family: 'Open Sans', sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #666666;
    background-color: #ffffff;
    height: 101%;
    margin: 0;
    padding: 0;
}w
a {
    outline: none;
}
/* body, h1, h2, h3, h4, h5, h6, a, td, textarea, input, select, label, legend { font-family: 'Open Sans', verdana, helvetica, sans-serif; font-size: 12px; color: #666666; }*/
select {
    border: 1px solid #CCCCCC;
    margin: 0;
    padding: 2px;
}
/* h1		{ font-size: 22px; color: #999; margin-bottom: 30px; padding: 0 0 10px 0; }
	h1 a    	{ font-size: 22px; color: #999; margin-bottom: 30px; padding: 0 0 10px 0; text-decoration:none; }
	h1 a:link	{ font-size: 22px; color: #999; margin-bottom: 30px; padding: 0 0 10px 0; text-decoration:none; }

    h1                          { font-size: 22px; color:#666666; font-weight:normal;}
    h2                          { font-size: 20px; color:#00BCE4; font-weight:bold;}
    h3                          { font-size: 16px; color:#999999; font-weight:bold;}
    h4                          { font-size: 16px; color:#72CBCB; font-weight:bold;}
    h5                          { font-size: 12px; color:#666666; font-weight:bold;}
    h6                          { font-size: 12px; color:#00BCE4; font-weight:bold;}*/

h1, .h1 {
    font-family: Flama Semibold;
    color: #000000;
    line-height: 1.1;
}
h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.3;
    color: inherit;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #666666;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
    font-size: 65%;
}
h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}
h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
    font-size: 75%;
}
h1, .h1 {
    font-size: 25px;
}
h2, .h2 {
    font-size: 20px;
}
h3, .h3 {
    font-size: 18px;
}
h4, .h4 {
    font-size: 16px;
}
h5, .h5 {
    font-size: 14px;
}
h6, .h6 {
    font-size: 13px;
}
p {
    margin: 0 0 10px;
}
/* Tables */
table {
    display: table;
}
tr {
    display: table-row;
}
thead {
    display: table-header-group;
}
tbody {
    display: table-row-group;
}
tfoot {
    display: table-footer-group;
}
col {
    display: table-column;
}
colgroup {
    display: table-column-group;
}
td, th {
    display: table-cell;
}
caption {
    display: table-caption;
}
th {
    font-weight: bold;
}
caption {
    text-align: center;
}
/* Links 
    ---------------------------------------------------------------- */
    /* Links - DEFAULT */
a, a:link, a:visited, a:active, a:focus {
    color: #8CC63F;
    text-decoration: none;
    cursor: pointer;
}
a:hover {
    color: #608828;
}
/* Custom table for for infomation display
    ----------------------------------------------------------------- */
TABLE.def-table {
    padding: 0;
    width: 100%;
    margin-top: 8px;
    border-collapse: collapse;
}
/* RESET CONTAINER */
TABLE.def-table TD.container {
    padding: 0;
    border: 0;
    width: 100%;
}
TABLE.def-table TD.container TABLE {
    padding: 0;
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}
TABLE.def-table TD.container TABLE TH {
    border-top: 0;
    border-left: 0;
}
TABLE.def-table TD.container TABLE TD {
    border-top: 0;
    border-left: 0;
}
TABLE.def-table TD.td_spacer {
    height: 8px;
    padding: 0;
}
TABLE.def-table TD.vert-top {
    vertical-align: top;
}
/*TR.CONTENT>TH&TD*/
    /* TH.HEADER */
TABLE.def-table TH {
    background-color: #9ACE8E;
    border: 1px solid #fff;
    padding: 4px 5px;
    vertical-align: middle;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
TABLE.def-table TH.hd1 {
    background-color: #9ACE8E;
    border: 1px solid #fff;
    padding: 4px 5px;
    vertical-align: middle;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
}
TABLE.def-table TH.hd2 {
    background-color: #4CD0EC;
}
TABLE.def-table TH.hd3 {
    background-color: #93D8E3;
}
TABLE.def-table TH.hd4 {
    background-color: #72CBCB;
}
/* TD.CONTENT */
TABLE.def-table TD {
    background-color: #F3F3F3;
    border: 1px solid #fff;
    padding: 4px 5px;
    vertical-align: middle;
    text-align: center;
}
TABLE.def-table TD.cnt1 {
    background-color: #F3F3F3;
    border: 1px solid #fff;
    padding: 4px 5px;
    vertical-align: middle;
}
TABLE.def-table TD.cnt2 {
    background-color: #EBEBEB;
    padding: 4px 5px;
    vertical-align: middle;
}
TABLE.def-table TD.cnt3 {
    background-color: #E2E2E2;
    padding: 4px 5px;
    vertical-align: middle;
}
TABLE.def-table TD.cnt4 {
    background-color: #D2D2D2;
    padding: 4px 5px;
    vertical-align: middle;
}
#Content {
    display: block;
    width: 960px;
    padding: 0px;
    margin: auto;
    height: auto;
}
#Content .description {
    margin: 0 20px 20px;
}
#Content .description:empty {
    display: none;
}
/* Search Panel - Hotel Selection - Scrolling Destinations - Skyscraper advert */
#Content #Row1 {
    width: 100%;
    height: auto;/*float:left;*/
}
.Content #Row1 {
    width: 100%;
    height: auto;/*float:left;*/
}
#Content #Row1 .banner-block-container {
    margin: 0 20px;
    display: block;
    height: auto;
}
#Content #Row1 .banner-block-one {
    height: 280px;
}/* Kewyn - V5 - Updated background color */
/* Collapsable horizontal advert */
#Content #Row2 {
    width: 100%;
    height: auto;
    margin: auto;
}
#Content #Row2 iframe {
}
#Content #Row2 .banner-block-container {
    margin: 0 20px;
    display: block;
    height: auto;
}
#Content #Row2 .banner-block-two {
    float: left;
    height: 280px;
    width: 450px;
}/* Kewyn - V5 - Updated background color */
#Content #Row2 .banner-block-three {
    float: right;
    height: 280px;
    width: 450px;
}/* Kewyn - V5 - Updated background color */
#Content #Row2 .marketing-ban1, #Content #Row2 .marketing-ban2 { /*background-color:#ccc; float:left; width:49%; height:280px;*/
}
#Content #Row2 .marketing-ban1 { /*margin-right:5px; text-align:center;*/
}
#Content #Row2 .marketing-ban2 { /*margin-left:5px; float:right; text-align:center;*/
}
/* Category Widget */
#Content #Row3 {
    width: 100%;
    height: auto;
    margin: 0 20px;
}
#Content #Row3 #marketingtype-wrapper {
    width: 920px;
    display: block;
}
#Content #Row3 #marketingtype-wrapper ul {
    display: block;
}
/* Bottom advert - Tabbed Offers */
#Content #Row4 {
    width: 920px;
    height: 250px;
    margin-left: 20px;
    margin-bottom: 70px;
    clear: both;
}
#Content #Row4 .bottom-section {
    width: 300px;
    margin-right: 23px;
    float: left;
}
#Content #Row4 .smallMaketingban-loggedout {
    width: 300px;
    height: 215px;
    float: left;
    text-align: center;
    margin-bottom: 10px;
}/* Kewyn - V5 - Updated background color */
#Content #Row4 #links {
    float: left;
    width: 300px;
}
#Content #Row4 #links .fanmail, #Content #Row4 #links .agentLogin {
    float: left;
    margin: 5px;
}
#Content #Row4 #links .fanmail {
    margin-right: 20px;
}
#Content #Row4 #links .agentLogin {
    margin-left: 20px;
}
.agentLogin a, .fanmail a {
    text-decoration: none;
    font-size: 14px;
}
#Content #Row4 #Ad_bottom {
    width: 300px;
    height: 250px;
    float: left;
    margin-right: 23px;
}
#Content #Row4 #tabbedoffersbox {
    height: 270px;
    float: left;
    width: 595px;
    border: 1px solid #E4E4E4;
    background-color: #FFF;
}
#Content #Row1, #Content #Row2, #Content #Row3, #Content #Row4 {
    padding-bottom: 20px;
    float: left;
}
#Content h1 {
    padding-left: 20px;
	text-transform: capitalize;
	margin-top: 0;
	display: inline-block;
}
#Content h1 a {
    text-decoration: none;
	color: #00bce4;
}
#Content h2 {
}
#Content h3 {
}
#Content h4 {
}
#Content h5 {
}

fieldset {
    border: none;
}
#minisearchbox {
    display: none;
}
/* Header */
#Header {
    z-index: 999;
    position: relative;
	background: #8BC63E;
    border-bottom: solid 10px #00bce4;
}
#Header .Content {
    width: 980px;
    margin: auto;
}
#Header .Content .Logo {
    float: left;
    padding: 0 25px 0 25px;
}
#Header .Content .Nav1 {
    float: left;
    width: 180px;
    height: 130px;
    padding-top: 25px;
}
#Header .Content .Nav1 li {
    padding: 5px 0;
    list-style-image: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/header_list.gif);
}
#Header .Content .Nav1 a {
    font-size: 16px;
    color: #999;
    text-decoration: none;
}
#Header .Content .Nav1 a:hover {
    color: #608828;
}
#Header .Content .Nav2 li {
    width: 200px;
    float: left;
    list-style-type: none;
    text-align: center;
    padding: 30px 30px;
    background-position: right;
}
#Header .Content .Nav2 a {
    font-size: 20px;
    color: #8CC63F;
    text-decoration: none;
}
#Header .Content .Nav2 a:hover {
    color: #608828;
}
#Header .Content .Text {
    font-size: 35px;
}
/* Footer */
#Footer {
    width: 100%;
    display: block;
    margin-top: 40px;
}
#Footer .Content {
    width: 100% ;
    margin: auto;
}
/* Search Panel 
	#SearchBrowsePanel				{ width:350px; height:340px; float:left; border: 1px solid #ccc; }
	#SearchPanel					{ width:350px; height:200px; background-image:url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/searchpanel_bg.png); background-repeat:no-repeat; padding-top: 50px; }
	#SearchPanel .SelectRow				{ background-color: #f7f8f7; border-bottom:1px solid #FFF; border-top:1px solid #FFF; text-align: left; line-height: 30px; padding-left:10px; font-size: 13px;}
	#Search 					{ width:90%; margin: auto; }
	#Search .content 				{ padding: 10px 0; }
	#Search .content .row		 		{ height: 25px; vertical-align:bottom;}
	#Search form 					{ margin:0; padding:0; display:inline; }
	#Search input, select, textarea 		{   border: 1px solid #CCCCCC; margin: 0; padding: 2px;}
	#Search #div_Outward_Date_Month select		{ width: 80px;}
	#Search #div_Outward_Date select		{ width: 50px;}
	#Search #div_Return_Date select			{ width: 80px;}
	#Search button, textarea, select 		{ display: inline; vertical-align: middle; margin: 0 5px 0 0; }
	#BrowseProperty					{ width:350px; height:89px; background-color: #EBEBEB; border-top: 1px solid #ccc; background-image:url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/browseproperty_bg.png); background-repeat:no-repeat; background-position:top left;}
	#BrowseProperty .content			{ width:90%; margin:auto; margin-top: 45px; }
	#BrowseProperty select				{ width:90px; }
	#SearchPanel .padder 				{padding:1px 0 2px;}
	#SearchPanel .padder label 			{margin:2px 0 6px 0px;display: block;}
	#SearchPanel #sbuttoncontainer 			{margin-top:10px;}*/

/*input[type=text] {
    width: 120px;
}
input[type=text], input[type=password], select, textarea, input.datePicker {
    margin: 0 0 10px 0;
    padding: 2px 2px 2px 5px;
    border: 1px solid #CCCCCC;
    height: 21px;
    display: inline-block;
    vertical-align: top;
	border-radius: 3px;
}
input[type=text].datePicker {
	background: #ffffff url(https://web.archive.org/web/20210619225732im_/http://www.kulula.com/Themes/kulula-responsive/Content/black/sel/selector-sprite.png) no-repeat -715px -278px;
	/* background:  url('/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/shared/button-sprite.png') no-repeat -300px -181px;
	cursor: pointer;
}
.miniformobject select {
    width: 45px;
}*/
/* Offerlisting Search Panel */
	
#OL-SearchBrowsePanel {
    width: 350px;
    height: 340px;
    border: 1px solid #ccc;
    clear: both;
}
#OL-SearchPanel {
    width: 350px;
    height: 200px;
    background-image: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/searchpanel_bg.png);
    background-repeat: no-repeat;
    padding-top: 50px;
}
#OL-SearchPanel .SelectRow {
    background-color: #f7f8f7;
    border-bottom: 1px solid #FFF;
    border-top: 1px solid #FFF;
    text-align: left;
    line-height: 30px;
    padding-left: 10px;
    font-size: 13px;
}
#OL-SearchPanel .padder {
    padding: 1px 0 2px;
}
#OL-SearchPanel .padder label {
    margin: 2px 0 6px 0px;
    display: block;
}
#OL-SearchPanel #sbuttoncontainer {
    margin-top: 10px;
}
.ui-datepicker-trigger {
    opacity: 0.5;
    cursor: default;
	display: none;
}
/* Hotel Offers - Hotel Selection Widget */
#hoteloffersbox {
    width: 420px;
    height: 340px;
    float: left;
    margin: 0 19px;
}
#hotelrow {
    float: left;
}
#hotelrow2 {
    float: left;
}
#hotel-wrapper {
    width: 200px;
    float: left;
    height: 119px;
}
#hotel-wrapper2 {
    width: 200px;
    float: left;
    height: 119px;
    padding-left: 20px;
}
#hotel-box {
    width: 200px;
    height: auto;
    float: left;
}
ul.tabs4 {
    list-style: none;
    margin: 0 !important;
    padding: 0;
    height: 10px;
    float: left;
}
ul.tabs4 li {
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 10px;
    width: 150px;
    text-align: left;
    text-decoration: none;
    color: #666666;
    padding: 0px;
    margin: 0px;
    top: 1px;
    outline: none;
}
ul.tabs4 a:active {
    outline: none;
}
#hotelinfo {
    float: left;
}
.hotelthumb {
    padding: 2px;
    width: 80px;
    height: 70px;
}
#hotel-box #hoteltext {
    padding: 1px 0 1px 2px;
}
#hotel-box #hoteltext a {
    color: #8CC63F;
}
#hotel-box #hoteltext a:hover {
    color: #00649F;
}
#hotel-box #hoteltext .hotelprice {
    font-weight: bold;
}
/*THIS WIDGET HAS BEEN EDITED - HT REVAMP */
/* Destination Scrolling Widget */		
#desttabswrapper {
    margin: 0 20px;
    border: 1px solid #E4E4E4;
    font-size: 12px;
    width: 920px;
}
#desttabswrapper ul {
}
#desttabswrapper ul li {
}
#desttabscontent {
}
#desttabswrapper #destpane .panes .div1 {
    display: none;
}
#desttabswrapper #destpane {
    display: inline-block;
    width: 100%;/*height:190px;*/ /*float: left;*/
    z-index: 1;
    background: #FDFDFD url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/worldmap.png) bottom right no-repeat;
    margin-top: -6px;
    min-height: 150px;
}
#desttabswrapper #destcontent {
    margin: 10px 0 0 10px;
}
#destcontent #scrolllink {
    text-align: right;
    width: 880px;
}
#destcontent #scrolllink a {
    color: #8CC63F;
    text-decoration: underline;
    text-indent: -8px;
}
#destpane #destmap {
}
#destcontent .desttitleone {
    color: #666666;
    text-decoration: none;
    font-size: 20px;
    font-weight: normal;
    float: left;
    width: 500px;
    margin-left: 10px;
}
/* Column list styling */
#desttabswrapper #destcontent ul.col {
    float: left;  /*margin: 20px 0;*/
    padding: 0;
    list-style: none;
    width: 900px;
}
#desttabswrapper #destcontent li.col {
    float: left;
    width: 259px;
    margin: 0 10px;
    padding: 10px 20px 10px 0;
    border-right: 1px solid #ddd;
    cursor: pointer;
}
#desttabswrapper #destcontent li.col:nth-of-type(3n+3){
	border-right: none;
}
#desttabswrapper #destcontent li.col a {
    font-size: 14px;
    color: #8CC63F;
    text-decoration: none;
    padding: 8px 0;
    margin: 0;
}
#desttabswrapper #destcontent li.col a:hover {
    color: #7DB237;
    text-decoration: underline;
}
#desttabswrapper #destcontent li.col a .hotelprice {
    font-weight: bold;
    float: right;
    color: #000000;
}
#desttabswrapper #destcontent li.col a:hover .hotelprice {
    text-decoration: underline;
}
.scrollable {
    position: relative;
    overflow: hidden;
    width: 920px;
    min-height: 170px;
}
/* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accomodate scrollable items. it's enough that you set the width and height for the root element and not for this element.*/
.scrollable .items {
    width: 20000em;
    position: absolute;
    clear: both;
}
.items div {
    float: left;
    width: 910px;
}
/* Tabs styling for Destination Tabs Widget */
	
ul.tabs6 {
    display: inline-block;
    list-style: none;
    margin: 0 !important;
    padding: 0;
	/*background-color: rgba(0, 0, 0, 0.6);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#7F000000', EndColorStr='#7F000000');*/
    width: 920px;
}
ul.tabs6 li {
    float: left;
    margin: 0 1px 0 0;
    padding: 0;
    /*background: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/tab_bg_new.png);*/
    background-repeat: repeat-x;
    background-color: #88C03D;
    min-height: 55px;
}/*Added new background - HT REVAMP*/
ul.tabs6 li a {
    display: inline-block;
    font-size: 15px;
    min-height: 58px;
    background-image: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/tab_divider_new.png);
    background-repeat: no-repeat;
    background-position: left; 
   	width: 160px;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    margin: 0;
    outline: none;
    color: #ffffff;
}
ul.tabs6 li a:active {
    outline: none;
    color: #666;
    font-size: 15px;
	background: #fdfdfd;
}
ul.tabs6 li .TAB {
    margin: 12px 0 0;
    display: inline-block;
}
ul.tabs6 li .TAB2 {
    margin: 12px 0 0;
    display: inline-block;
}

/* when mouse enters the tab move the background image */
ul.tabs6 a:hover {
    background-image: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/tab_bg_selected.png);
    background-color: #F8F7F7;
    background-repeat: repeat-x;
    color: #666;
    outline: none;
    background: -webkit-gradient(linear, left top, left bottom, from(#F8F7F7), to(#FDFDFD));
    background: -moz-linear-gradient(top, #F8F7F7, #FDFDFD);
}
/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs6 a.current, ul.tabs6 a.current:hover, ul.tabs6 li.current a {
    /*background-image: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/tab_bg_selected.png);*/
    background: #fdfdfd;
    background-repeat: repeat-x;
    cursor: default !important;
    outline: none;
    color: #666;
   /* background: -webkit-gradient(linear, left top, left bottom, from(#F8F7F7), to(#FDFDFD));
    background: -moz-linear-gradient(top, #F8F7F7, #FDFDFD);*/
}
/* End Tabs styling for Resort and Destination Tabs Widget */

/*THIS WIDGET HAS BEEN EDITED - HT REVAMP */
/* Tabbed Offers Widget */
#tabbedoffersbox {
    height: 250px;
    float: left;
    width: 645px;
    border: 1px solid #E4E4E4;
    background-color: #FFF;
}
#tabscontent {
    float: left;
}
ul.tabs {
    list-style: none;
    margin: 0 !important;
    padding: 0; /*height:50px;*/
}
ul.tabs li {
    float: left;
    padding: 0;
   	background:#8cc63f;
}/*changed backgroun*/
ul.tabs a {
    display: block;
    /*background-image: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/tab_divider_new.png);
    background-repeat: no-repeat;
    background-position: left;*/
    height: 50px;
    line-height: 50px;
    width: 198px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 17px;
    padding: 0px;
    margin: 0px;
    position: relative;
    top: 0;
    outline: none;
}
ul.tabs a:active {
    outline: none;
}
/* when mouse enters the tab move the background image */
ul.tabs a:hover {
    background-image: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/tab_bg_selected.png);
    background-repeat: repeat-x;
    outline: none;
    color: #666;
}
/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
    background-image: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/tab_bg_selected.png);
    background-repeat: repeat-x;
    cursor: default !important;
    outline: none;
    color: #666;
}
#tabbedoffersbox #content {
    width: 580px;
    float: left;
    height: auto;
    margin: 7px 7px 0 7px;
}
#tabbedoffersbox #content #contentrow {
    float: left;
    width: 580px;
	margin-bottom: 10px;
}
#tabbedoffersbox #content #contentoffers {
    width: 290px;
    height: auto;
    float: left;
}
#tabbedoffersbox #content #contentoffers #thumb {
    width: 100px;
    height: 80px;
    float: left;
    padding: 2px;
}
#tabbedoffersbox #content #contentoffers #textcontainer {
    width: 175px;
    float: left;
    margin-left: 0px;
}
#tabbedoffersbox #content #contentoffers .text01 {
    text-decoration: none;
    line-height: 15px;
    font-weight: bold;
    color: #666;
    font-size: 13px;
}
#tabbedoffersbox #content #contentoffers .text01 a {
    text-decoration: none;
    line-height: 15px;
    font-weight: bold;
    color: #666;
    font-size: 13px;
}
#tabbedoffersbox #content #contentoffers .text02 {
    display: inline-block;
    padding: 0 0 5px 0;
    font-size: 11px;
    font-weight: normal;
}
#tabbedoffersbox #content #contentoffers .text03 a {
    color: #000000;
    text-decoration: none;
    display: block;
    padding-top: 5px;
}
#tabbedoffersbox #content #contentoffers .text03 a:hover {
    color: #000000;
	text-decoration: underline;
}
#tabbedoffersbox #content #contentoffers .text03 .offerprice {
    font-weight: bold;
}
/* tab pane styling */ 
.panes > div {
    display: none;
    width: 470px;
}
/* initially all panes are hidden */ 
.panes .pane {
    display: none;
}
/* Marketing type selection - Holiday types zoom widget */
    
#marketingtype-wrapper {
    float: left;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}
ul.thumb {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 920px
}
ul.thumb li {
    padding: 0;
    float: left;
    width: 230px;
    height: 230px;
    margin: 0;
    position: relative;
}
ul.thumb li img {
    width: 230px !important;
    height: 230px !important;
    padding: 0px;
    position: absolute;
    left: 0;
    top: 0;
    -ms-interpolation-mode: bicubic;
    margin: 0;
}
ul.thumb li img.hover {
    border: none;
  
}
ul.thumb div {
    display: none;
}
ul.agent-thumb {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 920px
}
ul.agent-thumb li {
    padding: 0;
    float: left;
    width: 230px;
    height: 230px;
    margin: 0;
    position: relative;
}
ul.agent-thumb li img {
    width: 230px !important;
    height: 230px !important;
    padding: 0px;
    position: absolute;
    left: 0;
    top: 0;
    -ms-interpolation-mode: bicubic;
}
ul.agent-thumb li img.hover {
    border: none;
}
ul.agent-thumb div {
    display: none;
}
/* Click for special deals */
#Click_deal {
    height: 180px;
    border: 1px solid #E5E5E5;
    padding: 15px;
    margin-bottom: 40px;
}
#Click_deal .property {
    font-size: 16px;
    font-weight: bold;
    display: inline;
    padding-right: 20px;
}
#Click_deal .region {
    font-size: 14px;
}
#Click_deal .thumb img {
    float: left;
    display: inline-block;
    padding: 15px 20px 0 0;
}
#Click_deal .description {
    float: left;
    display: inline-block;
    padding: 18px 20px 0 0;
    width: 560px;
    font-size: 14px;
    line-height: 20px;
    height: 120px;
    overflow: hidden;
}
#Click_deal .price_description {
    font-size: 13px;
    text-align: right;
    font-weight: bold;
    color: #8CC63F;
    padding-top: 25px;
}
#Click_deal .price {
    font-size: 30px;
    font-weight: bold;
    color: #8CC63F;
}
#Click_deal .button {
    float: right;
    padding: 20px 0;
}
/* Single deal */
#Single_deal {
    width: 960px;
    margin-bottom: 50px;
    display: inline-block;
    border: 1px solid #E5E5E5;
    padding: 15px;
}
#Single_deal .property {
    font-size: 16px;
    font-weight: bold;
    display: inline;
    padding-right: 20px;
}
#Single_deal .region {
    font-size: 14px;
}
#Single_deal .gallery {
    float: left;
    display: inline-block;
    padding: 0 20px 0 0;
}
#Single_deal .gallery .thumb img {
    padding-top: 15px;
}
#Single_deal .Col1 {
    float: left;
    display: inline-block;
    width: 250px;
    padding-top: 15px;
}
#Single_deal .Col1 .price_description {
    font-size: 13px;
    font-weight: bold;
    color: #8CC63F;
}
#Single_deal .Col1 .price {
    font-size: 30px;
    font-weight: bold;
}
#Single_deal .Col1 .sellingpoint {
    font-weight: bold;
    font-size: 14px;
    color: #F48825;
    margin: 15px 0;
    height: 15px;
    overflow: hidden;
}
#Single_deal .Col1 .freetext {
    width: 200px;
    height: 125px;
    overflow: hidden;
    padding-top: 20px;
}
#Single_deal .Col1 .dates {
    width: 200px;
    margin-top: 20px;
    border: 1px solid #999;
}
#Single_deal .Col1 .dates .heading {
    background-color: #999;
    color: #FFF;
    font-weight: bold;
    padding: 5px;
}
#Single_deal .Col1 .dates .col1 {
    padding: 3px 10px;
}
#Single_deal .Col1 .dates .col2 {
    padding: 3px;
}
#Single_deal .Col1 .dates a {
    color: #8CC63F;
}
#Single_deal .Col1 .dates a:hover {
    color: #00649F;
}
#Single_deal .Col2 {
    padding-top: 15px;
    width: 570px;
    display: inline-block;
}
#Single_deal .Col2 .heading {
    font-weight: bold;
    font-size: 13px;
}
#Single_deal .Col2 ul {
    margin: 7px;
    padding-left: 15px;
}
/* Multiple deal back to top */
#Single_deal .top a {
    color: #8CC63F;
    float: right;
}
#Single_deal .top a:hover {
    color: #00649F;
}
/* Recommended deal */
#Single_deal.recommended {
    width: 960px;
    margin-bottom: 50px;
    display: inline-block;
    border: 2px solid #F48825;
    padding: 15px;
    background-image: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/recommended_bg.jpg);
    background-repeat: no-repeat;
    background-position: top right;
}
/* Multiple deals */
#Deal_List {
    margin-bottom: 80px;
}
#Deal_List .freetext {
    float: right;
    margin-top: 27px;
    width: 300px;
    height: 200px;
    overflow: hidden;
    text-align: center;
}
#Deal_List li {
    list-style: none;
    margin: 0;
    padding: 30px 0;
}
#Deal_List .col1 {
    width: 350px;
    display: inline;
    float: left;
}
#Deal_List .col1 .property {
    font-size: 16px;
    padding-right: 10px;
    font-weight: bold;
}
#Deal_List .col1 .region {
    font-size: 14px;
}
#Deal_List .col2 {
    width: 100px;
    display: inline;
    float: left;
}
#Deal_List .col2 .price_description {
    color: #8CC63F;
}
#Deal_List .col2 .price {
    font-weight: bold;
    font-size: 18px;
}
#Deal_List .col3 {
    width: 100px;
    display: inline;
    float: left;
}
#Deal_List .col3 .button {
    float: right;
}
#Group_deal {
    width: 1000px;
    margin-bottom: 50px;
    display: inline-block;
}
#Group_deal .border {
    border-bottom: 2px solid #666;
}
#Group_deal .title {
    font-size: 16px;
    font-weight: bold;
    display: inline;
    padding-right: 20px;
}
#Group_deal .property {
    font-size: 12px;
    font-weight: bold;
    color: #8CC63F;
}
#deal_freetext {
    float: left;
    margin-top: 27px;
    width: 1000px;
    height: auto;
    overflow: hidden;
}
/* Article with deals */
#Article {
    display: inline-block;
}
#Article .container {
    float: left;
    display: inline-block;
    width: 640px;
    padding: 0 30px 50px 0;
}
#Article .container .content {
    padding-bottom: 40px;
}
#Article .container .content .subHeading {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 20px;
}
#Article .container .content .subContent {
    font-size: 14px;
}
#Article .container .content .subContent a {
    color: #8CC63F;
    float: right;
}
#Article .container .content .subContent a:hover {
    color: #00649F;
}
#Article .gallery {
    float: right;
    width: 300px;
}
#Article .gallery .thumb {
    float: left;
    padding: 0 0 20px 20px;
}
/* Destination List */
#Container {
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}
#Destination_List {
    float: left;
    width: 210px;
    height: 230px;
    margin: 0 0 25px 22px;
    border: 1px solid #E5E5E5;
    vertical-align: top;
    display: inline-block;
*display: inline;
    zoom: 1;
}
#Destination_List .destination_name {
    font-size: 16px;
    padding: 10px 0 0 10px;
    text-align: left;
}
#Destination_List .destination_thumb {
    padding: 5px 0;
    width: 190px;
    height: 120px;
    padding-left: 10px;
    text-align: left;
}
#Destination_List .price_description {
    color: #666666;
    padding-left: 10px;
    text-align: left;
}
#Destination_List .price {
    font-weight: bold;
    font-size: 16px;
}
#Destination_List .button {
        border: 1px solid #7DB137;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    padding: 0;
    margin: 10px;
    text-align: center;
    width: 190px;
    height: 28px;
    line-height: 28px;
}#Destination_List .button a{
	color: #ffffff;
	font-size: 13px;
}
#Destination_List .destination_thumb img {
    width: 190px;
    height: 114px;
}
/* THIS WIDGET HAS BEEN EDITED - HT REVAMP */	
/* Catgegory List */
#Container {
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}
#Category_List {
    width: 210px;
    height: 230px;
    margin: 0 0 22px 22px;
    border: 1px solid #E5E5E5;
    vertical-align: top;
    display: inline-block;
*display: inline;
    zoom: 1;
    float: left;
}
#Category_List .category_name {
    font-size: 16px;
    padding: 10px 0 0 10px;
    text-align: left;
	text-transform: capitalize;
}
#Category_List .category_thumb {
    padding: 5px 0;
    width: 190px;
    height: 114px;
    padding-left: 10px;
    text-align: left;
}
#Category_List .category_thumb img {
    width: 190px;
    height: 114px;
}
#Category_List .price_description {
    color: #666666;
    padding-left: 10px;
    text-align: left;
} /*Changed color, font sise*/
#Category_List .price {
    font-weight: bold;
    font-size: 16px;
    color: #000000;
}
#Category_List .button {
    border: 1px solid #7DB137;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    padding: 0;
    margin: 10px;
    text-align: center;
    width: 190px;
    height: 28px;
    line-height: 28px;
}
#Category_List .button a{
	color: #ffffff;
	font-size: 13px;
}
#Container .stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0;
}
/* Lightbox Gallery */
#lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    opacity: 0.85;
    display: none;
}
#lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: normal;
}
#lightbox img {
    width: auto;
    height: auto;
}
#lightbox a img {
    border: none;
}
.lb-outerContainer {
    position: relative;
    background-color: white;
*zoom: 1;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.lb-outerContainer:after {
    content: "";
    display: table;
    clear: both;
}
.lb-container {
    padding: 10px;
}
.lb-loader {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
.lb-container > .nav {
    left: 0;
}
.lb-nav a {
    outline: none;
}
.lb-prev, .lb-next {
    width: 49%;
    height: 100%;
    background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    display: block;
}
.lb-prev {
    left: 0;
    float: left;
}
.lb-next {
    right: 0;
    float: right;
}
.lb-prev:hover {
    background: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/lightbox/prev.png) left 48% no-repeat;
}
.lb-next:hover {
    background: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/lightbox/next.png) right 48% no-repeat;
}
.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
*zoom: 1;
    width: 100%;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -ms-border-bottom-left-radius: 4px;
    -o-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -ms-border-bottom-right-radius: 4px;
    -o-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
    content: "";
    display: table;
    clear: both;
}
.lb-data {
    padding: 0 10px;
    color: #bbbbbb;
}
.lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em;
}
.lb-data .lb-caption {
    font-size: 13px;
    font-weight: bold;
    line-height: 1em;
}
.lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 11px;
}
.lb-data .lb-close {
    width: 35px;
    float: right;
    padding-bottom: 0.7em;
    outline: none;
}
.lb-data .lb-close:hover {
    cursor: pointer;
}
/* Hotel & Tours Overview */

.property-container {
    margin: 0 20px;
}
.property-container .row-1 {
    clear: both;
}
.property-container .row-1 .icon_request {
    float: left;
    display: block;
}
.property-container .row-1 .icon_request #tourtip{
	margin: 0;
}
.property-container .row-2 {
    clear: both;
}
.property-container .property-heading {
    display: inline-block;
    float: left;
    margin: 20px 0;
	width: 100%;
}
.property-container .property-heading div{
	float: right;
    display: block;
    clear: both;
    margin-top: -50px;
}
.property-container .price-container {
   /* display: inline-block;*/
    float: right;
    font-size: 16px;
    margin: 20px 0 10px 0px;
	display: none;
}
.property-container .title {
    font-size: 25px;
    color: #666;
    display: inline-block;
    float: left;
}
.property-container .star {
    margin: 0;
	display: block;
    float: left;
    width: 100%;
}
.property-container .price {
}
.property-container .price a {
    font-weight: bold;
    font-size: 22px;
    text-decoration: none;
    display: inline-block;
}
.property-container .row-2 .col-1 {
    width: 50%;
    float: left;
}
.property-container .row-2 .col-2 {
    width: 50%;
    float: right;
    text-align: right;
}
.property-container #bpageslideshow {
    vertical-align: middle;
}
.property-container #bpageslideshow .border {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    width: 448px;
    height: 280px;
    overflow: hidden;
}
.property-container #bpageslideshow .border img {
    border: none;
    margin: 0;
    padding: 0;
    display: block;
    min-width: 448px;
    min-height: 280px;
}
.property-container #bpageslideshow .next {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 80px;
    height: 280px;
    opacity: 0;
    background-image: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/general/slider-buttons.png);
    background-repeat: no-repeat;
    background-position: -70px 240px;
}
.property-container #bpageslideshow .previous {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 280px;
    opacity: 0;
    background-image: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/general/slider-buttons.png);
    background-repeat: no-repeat;
    background-position: 10px 240px;
}
.property-container #bpageslideshow .magnify {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 288px;
    height: 280px;
    opacity: 0;
    background-image: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/general/magnifying-glass.png);
    background-repeat: no-repeat;
    background-position: 120px 235px;
    margin-left: 81px;
}
.property-container #bpageslideshow a:hover.next, .property-container #bpageslideshow a:hover.previous, .property-container #bpageslideshow a:hover.magnify {
    opacity: 1
}
#bpageslideshow div:hover a.next, #bpageslideshow div:hover a.previous, #bpageslideshow div:hover a.magnify {
    opacity: 0.4;
}
.hotel-info-container {
        clear: both;
        width: 880px;
        margin: 0 20px;
        padding: 0 20px 20px;
        display: inline-block;
}
.hotel-info-container h3 {
    text-transform: none;
}
.hotel-info-container .row-2 .col-1 {
    display: block;
    width: 100%;
    float: left;
}
.hotel-info-container .row-2 .col-1 div:nth-of-type(1){
	width: 100%;
	float: left;
	border-bottom: solid 1px #ececec;
	padding: 0 0 20px;
}
.hotel-info-container .row-2 .col-1 div:nth-of-type(2){
	    float: left;
	    width: 100%;
	    padding: 0 10px 20px;
	    border-bottom: solid 1px #ececec;
}
.hotel-info-container .row-2 .col-1 div:nth-of-type(2) ul{
	list-style: disc;
	margin-left: 20px;
}
.hotel-info-container .row-2 .col-1 div:nth-of-type(3){
	width: 100%;
	float: left;
	padding: 0 10px;
}
.hotel-info-container .row-2 .col-1 div:nth-of-type(3) li { width:45%;}
.hotel-info-container .row-2 .col-2 {
    display: block;
    width: 100%;
    float: right;
	border-top:solid 1px #ececec;
	margin-top: 20px;
}
.hotel-info-container .row-2 .col-2 div:nth-of-type(1){
	    float: left;
	    width: 100%;
	    min-height: 150px;
	    padding: 0 10px 20px;
	    border-bottom: solid 1px #ececec;
}
.hotel-info-container .row-2 .col-2 div:nth-of-type(2){
	width: 100%;
	float: left;
	padding: 10px;
}
.hotel-info-container .row-2 .col-2 div:nth-of-type(2) li {width:45%;}
.hotel-info-container ul{
	padding: 0;
	margin: 0px;
	width: 100%;
	float: left;
	list-style: none;
}
.hotel-info-container li {
    margin-bottom: 15px;
    float: left;
    display: inline-block;
    padding: 0 15px;
}
.hotel-info-container li::before{
	content: "";
    display: list-item;
    position: absolute;
}
/*.hotel-info-container ul > li > ul {padding:10px 0 0 15px;}
.hotel-info-container ul > li > ul > li {width:100%;padding-right: 0px;}*/

.hotel-info-container .location h6 {
    clear: left;
    float: left;
    margin: 0;
    padding: 0;
    width: 110px;
    text-transform: none;
    margin-left: 5px;
}
.hotel-info-container .location p {
    float: left;
    margin: 0;
    padding: 0;
    width: 300px;
}
/*hotel info - value adds*/
.hotel-info-container .property-value-add {width: 850px !important;background: #f8f8f8 !important; padding: 15px !important;border: #ecebeb solid 1px !important; margin-top:20px !important;}
.hotel-info-container .property-value-add h4{font-weight: bold;margin: 0 0 10px;color:#0092b3;}
.hotel-info-container .property-value-add p.subtitle{font-style: italic;}
.hotel-info-container .property-value-add ul{list-style:disc !important;margin: 0 0 0 20px; width: auto;}
.hotel-info-container .property-value-add li{display:block;float: none;width: 100%;margin-bottom: 10px;}
/* hotel info - popup overview page*/

.property-container-popup {
    margin-right: 20px;
}
.property-container-popup .row-1 {
    clear: both;
}
.property-container-popup .row-2 {
    clear: both;
}
.property-container-popup .property-heading {
    display: inline-block;
    float: left;
    margin: 20px 0 10px 0px;
}
.property-container-popup .price-container {
    display: inline-block;
    float: right;
    font-size: 16px;
    margin: 20px 0 10px 0px;
}
.property-container-popup .title {
    font-size: 22px;
    color: #666;
}
.property-container-popup .star {
    margin: 0 0 0 10px;
}
.property-container-popup .price {
}
.property-container-popup .price a {
    font-weight: bold;
    font-size: 22px;
    text-decoration: none;
    display: inline-block;
}
.property-container-popup .row-2 .col-1 {
    width: 50%;
    float: left;
}
.property-container-popup .row-2 .col-2 {
    width: 50%;
    float: right;
    text-align: right;
}
.property-container-popup #bpageslideshow {
    vertical-align: middle;
}
.property-container-popup #bpageslideshow .border {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    width: 390px;
    height: 250px;
    overflow: hidden;
}
.property-container-popup #bpageslideshow .border img {
    border: none;
    margin: 0;
    padding: 0;
    display: block;
    min-width: 390px;
    min-height: 250px;
}
.property-container-popup #bpageslideshow .next {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 80px;
    height: 250px;
    opacity: 0;
    background-image: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/general/slider-buttons.png);
    background-repeat: no-repeat;
    background-position: -70px 200px;
}
.property-container-popup #bpageslideshow .previous {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 250px;
    opacity: 0;
    background-image: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/general/slider-buttons.png);
    background-repeat: no-repeat;
    background-position: 10px 200px;
}
.property-container #bpageslideshow .magnify {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 288px;
    height: 250px;
    opacity: 0;
    background-image: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/general/magnifying-glass.png);
    background-repeat: no-repeat;
    background-position: 120px 235px;
    margin-left: 81px;
}
.property-container-popup #bpageslideshow a:hover.next, .property-container #bpageslideshow a:hover.previous, .property-container #bpageslideshow a:hover.magnify {
    opacity: 1
}
.property-container-popup #bpageslideshow div:hover a.next, #bpageslideshow div:hover a.previous, #bpageslideshow div:hover a.magnify {
    opacity: 0.4;
}
.hotel-info-container-popup {
    clear: both;
    width: 720px;
    margin-left: 20px;
}
.hotel-info-container-popup h3 {
    text-transform: none;
}
.hotel-info-container-popup .row-2 .col-1 {
    display: block;
    width: 350px;
    float: left;
}
.hotel-info-container-popup .row-2 .col-2 {
    display: block;
    width: 350px;
    float: right;
}
.hotel-info-container-popup li {
    margin-bottom: 5px
}
.hotel-info-container-popup .location h6 {
    clear: left;
    float: left;
    margin: 0;
    padding: 0;
    width: 110px;
    text-transform: none;
    margin-left: 5px;
}
.hotel-info-container-popup .location p {
    float: left;
    margin: 0;
    padding: 0;
    width: 300px;
}
.hotel-info-container-ol {
    clear: both;
    width: 660px;
    margin-left: 20px;
}
.hotel-info-container-ol h3 {
    text-transform: none;
}
.hotel-info-container-ol .row-2 .col-1 {
    display: block;
    width: 310px;
    float: left;
}
.hotel-info-container-ol .row-2 .col-2 {
    display: block;
    width: 310px;
    float: right;
}
.hotel-info-container-ol li {
    margin-bottom: 5px
}
.hotel-info-container-ol .location h6 {
    clear: left;
    float: left;
    margin: 0;
    padding: 0;
    width: 110px;
    text-transform: none;
    margin-left: 5px;
}
.hotel-info-container-ol .location p {
    float: left;
    margin: 0;
    padding: 0;
    width: 300px;
}
#ab-section-more-information {
    width: 660px;
}
/* Deals by Departure */
#hdheader {
    font-size: 18px;
    margin: 0 0 10px;
    color: #666;
    text-transform: none;
    border-bottom: solid 1px #ddd;
    padding: 0px 0px 10px;
}
#hdbox {
	background: none;
	border: none;
    height: auto;
    width: 880px;
    float: left;
    padding: 0 20px;
    margin: 20px;
    font-size: 14px;
}
#hdtourbox {
    height: auto;
    float: left;
    margin-bottom: 10px;
}
#hdbox .hdborder {
    margin: 40px 0;
}
#hdbox .hd_date {
    width: 100px;
}
#hdbox .hd_dest {
    width: 200px;
}
#hdbox .hd_pic {
    width: 55px;
    display: none;
}
#hdbox .hd_thumb {
    width: 55px;
    height: 40px;
}
#hdbox .hd_info {
    width: 10px;
    padding: 0 15px;
    display: none;
}
#hdbox .hd_prop {
    width: 300px;
}
#hdbox .hd_nights {
}
#hdbox .hd_price {
    text-align: right;
}
#hdbox .hd_price:hover {
}
#hdbox .hd_price a {
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
    display: inline-block;
    background: #8CC63F url(/web/20210619225732im_/https://holidays.kulula.com/images/general/green-gradient.jpg);
    border-radius: 3px;
    padding: 5px 20px;
    margin-left: 5px;
}
#hdbox .hd_price a:hover {
    background: #7DB237
}
#hdbox .hd_dest b {
    color: #666;
    font-size: 16px;
}
.hd_date, .hd_dest, .hd_pic, .hd_info, .hd_nights, .hd_prop {
}
/* Acc Promo Block*/
#hdbox.acc-promo {
    margin-bottom: 0;
}
#hdbox.acc-promo a {
    text-decoration: none;
}
#hdbox.acc-promo a:hover {
    text-decoration: underline;
}
#hdbox.acc-promo .promo-head {
    background-image: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/icons/icon-promo.gif);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 40px;
    margin: 0;
    padding: 10px 0 20px 55px;
    border-bottom: 1px solid #00BCE4;
}
#hdbox.acc-promo .promo-type {
    display: inline-block;
    float: right;
    position: relative;
    top: -7px;
}
#hdbox.acc-promo .promo-left {
    display: inline-block;
    float: left;
    width: 140px;
    padding-top: 15px;
}
#hdbox.acc-promo .promo-price-from {
    font-size: 11px;
    margin-top: 5px;
}
#hdbox.acc-promo .promo-price {
    color: #00bbe3;
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
}
#hdbox.acc-promo .promo-price-nights {
    font-size: 11px;
    margin-bottom: 20px;
}
#hdbox.acc-promo .promo-mid {
    display: inline-block;
    float: left;
    width: 510px;
    padding-right: 30px;
}
#hdbox.acc-promo .promo-right {
    display: inline-block;
    float: left;
    width: 200px;
    text-align: right;
    padding-top: 25px;
}
#hdbox.acc-promo .promo-valid {
    color: #00BCE4;
    font-weight: bold;
}
#hdbox.acc-promo .promo-link {
    font-size: 12px;
    color: #8CC63F;
}
/* Static Pages */
#Static {
    width: 750px;
    margin-right: 20px;
    float: left;
    display: inline-block;
    height: 1%;
}
#Static .Nav ul {
    list-style: none;
    margin: 0 0 0 -15px;
    padding: 0;
}
#Static .Nav li {
    float: left;
    padding: 0 15px;
    border-right: 1px solid #ccc;
}
#Static .Nav a {
    color: #8CC63F;
    text-decoration: none;
    font-size: 14px;
}
#Static .Nav a:hover {
    color: #00649F;
}
#Static .Nav a:active {
    font-weight: bold;
}
/* Deals accordion Widget */
#deals-accordion {
    float: left;
    width: 790px;
    padding-top: 20px;
}
#deals-accordion h2 {
    width: 750px;
    height: 40px;
    font-size: 16px;
    background-image: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/tab_bg.png);
    background-repeat: repeat-x;
    text-indent: 20px;
    line-height: 40px;
    border: 1px solid #efefef;
    cursor: pointer;
    font-weight: normal;
}
#deals-accordion h2.current {
    width: 750px;
    height: 40px;
    font-size: 16px;
    background-image: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/tab_bg_selected.png);
    background-repeat: repeat-x;
    text-indent: 20px;
    line-height: 40px;
    margin: 0;
}
#deals-accordion .pane {
    display: none;
    width: 750px;
    font-size: 14px;
}
#deals-accordion .pane p {
    padding: 0 20px;
}
#deals-accordion .pane a {
    color: #8CC63F;
}
#deals-accordion .pane a:hover {
    color: #00649F;
}
/* Destinations results */
#Nav1 {
    float: right;
    margin-right: 20px;
    margin-top: 5px;
    width: 415px;
    display: inline-block;
}
#Nav1 ul {
    list-style: none;
    margin: 0 0 0 -15px;
    padding: 0;
}

#Nav1 li {
    float: right;
    padding: 0 15px;
    border-right: 1px solid #ccc;
}
#Nav1 li:first-child {
    border: none;
    padding: 0 0 0 15px;
}
#Nav1 a {
    color: #8CC53F;
    text-decoration: none;
    font-size: 14px;
}
#Nav1 a:hover {
    color: #7DB237;
}
#Nav2 {
    width: 922px;
    float: left;
    background-color: #333;
    font-size: 14px;
    margin-left: 20px;
}/*Changed Background color, font weight and size - HT REVAMP*/
#Nav2 ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#Nav2 li {
    float: left;
    padding: 10px 0;
    color: #FFF;
	text-transform: capitalize;
}
#Nav2 li:last-child a{
	border-right: none;
}
#Nav2 a {
    color: #8cc63f;
    text-decoration: none;
    border-right: 1px solid #444;
    padding:0 20px;
}

#Filter {
    border-bottom: 1px solid #E5E5E5;
    line-height: 40px;
    float: left;
    margin-left: 20px;
    width: 894px;
    background: #f8f8f8;
    padding: 0 14px;
}
#Filter .sort {
    font-size: 12px;
    padding-right: 5px;
    float: left;
}
#Filter .LowHigh {
    font-weight: bold;
    font-size: 12px;
}
#Filter .HighLow {
    font-weight: bold;
    font-size: 12px
}
#Filter .DefaultSort {
    font-weight: bold;
    font-size: 12px
}
#Filter input {
	vertical-align: middle;
	margin: 0px 5px;
	padding: 0px;
}
#Filter .category {
    padding-left: 10px;
}
#Filter .category select {
    font-size: 12px;
    font-weight: bold;
    color: #666;
    margin-top: 10px;
}
#Filter .destination {
    padding-left: 40px;
}
#Filter .destination select {
    width: 180px;
    font-size: 12px;
    font-weight: bold;
    color: #666;
    margin-top: 10px;
}
#Filter .Pagination {
    float: right;
}
#Filter .Pagination a {
    /* color: #8CC53F; */
    text-decoration: none;
    /* padding: 0 2px; */
    background: #00bce4;
    border-radius: 50%;
    /* padding: 4px 4px; */
    text-align: center;
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    color: #fff;
}
#Filter .Pagination a:hover {
    color: #FFFFFF;
	background:#0092b3;
}/*Changed color - HT REVAMP*/
#Filter .Pagination a:active {
    color: #ffffff;
	background: #0092b3;
    text-decoration: underline;
    font-weight: bold;
}
.banner-block-container {
    margin: 0 20px 30px;
    display: inline-block;
    height: 280px;
}
/* Deals scrolling widget */
#dealsoffersbox {
    float: left;
    width: 960px;
    margin-top: 20px;
    height: auto;
}
#deal-wrapper {
    width: 155px;
    float: left;
    height: auto;
    padding: 7px;
    border: 1px solid #E5E5E5;
    margin: 0 0 15px 17px;
}
#deal-box {
    width: 155px;
    float: left;
    margin-left: 0;
}
#deal-box div {
    margin-left: 0;
	width: 155px;
}
#deal-box div img{
	width:155px;
}
#dealinfo {
    width: 155px;
    height: 45px;
    overflow: hidden;
    float: left;
    font-size: 13px;
    margin-bottom: 10px;
    line-height: 15px;
    margin-left: 0;
}
#deal-box .dealthumb {
    width: 145px;
    height: 100px;
    margin-bottom: 10px;
}
#deal-box .price_description {
    color: #666666;
    margin-bottom: 10px;
    padding-top: 10px;
	width:155px;
}/*Changed color and padding - HT REVAMP*/
#deal-box .price_description .price {
    font-size: 16px;
}

#deal-box .price_description .price::after {
	content: ' ';
	color: #666666;
	font-weight:normal;
	font-size: 13px;
}
#deal-box .button a {
    color: #fff;
    font-size: 13px;
    text-decoration: none;
	display: block;
}
#deal-box .button {
    border: 1px solid #7DB137;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    padding: 0;
    margin-bottom: 10px;
    text-align: center;
    width: 153px;
    height: 28px;
    line-height: 28px;
}
#dealsoffersbox #dealbuttons {
    text-align: center;
    clear: both;
    display: block;
    margin: 10px 0 0;
	height: 30px;
}
#dealsoffersbox #dealbuttons a {
    background-color: #F1F7F8;
    background-image: linear-gradient(150deg,#F1F7F8 50%,#E5F4F7 51%);
    color: #0092b3;
    text-decoration: none;
    font-size: 12px;
    text-transform: uppercase;
    padding: 8px 20px;
    border-width: 1px 1px 3px 1px;
    border-style: solid;
    border-radius: 3px;
    border-color: #0092b3;
    text-align: center;
    white-space: nowrap;
    -webkit-transition: background-position .5s ease;
    transition: background-position .5s ease;
    text-overflow: ellipsis;
    overflow: hidden;
    background-size: 200% 200%;
    background-position: 0 50%;
}/*Changed color - HT REVAMP*/
#dealsoffersbox #dealbuttons a:hover {
    background-color: #CEEAF0;
    background-position: 0 100%;
    color: #0092b3;
}/*Changed color - HT REVAMP*/
/*	root element for the scrollable. when scrolling occurs this element stays still.*/
.dealsscrollable {/* required settings */
    overflow: hidden;
    width: 960px;
    height: auto;
    margin-bottom: 20px;
}
/*	root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accomodate scrollable items. it's enough that you set the width and height for the root element and not for this element.*/
.dealsscrollable .dealsitems {/* this cannot be too large */
    width: 20000em;
    clear: both;
}
.dealsitems div {
    float: left;
    width: 960px;
}
/* Resort Tabs Widget */
#resorttabswrapper {
    width: 960px;
    float: left;
    margin-bottom: 10px;
}
#resorttabswrapper #resortpane {
    width: 960px;
    height: 200px;
    margin-bottom: 10px;
    float: left;
    position: relative;
    z-index: 1;
    border: 1px solid #CCCCCC;
    overflow: scroll;
}
#resorttabswrapper #resortcontent {
    padding: 20px;
}
#resorttabswrapper #resortcontent #info {
    width: 930px;
    height: 200px;
    float: left;
    font-size: 12px;
}
/* Enquire now popup hide */	
#inline {
    display: none;
    width: 350px!important;
    height: 180px;
}
#inline-2 {
    display: none;
}
/*Hotel tabbed menu*/
.tabItems {
    list-style: none;
    margin: 0 !important;
    padding: 0;
    height: 50px;
}
.tabItems li {
    float: left;
    padding: 0;
    background: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/tab_bg.png);
    background-repeat: repeat-x;
    width: 144px;
}
.tabItems li a {
    display: block;
    background-image: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/tab_divider.png);
    background-repeat: no-repeat;
    background-position: left;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    color: #666;
    padding: 0px;
    margin: 0px;
    outline: none;
}
.tabItems a {
    display: block;
    background-image: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/tab_divider.png);
    background-repeat: no-repeat;
    background-position: left;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    color: #666;
    padding: 0px;
    margin: 0px;
    outline: none;
}
.tabItems a:active {
    outline: none;
}
/* when mouse enters the tab move the background image */
.tabItems a:hover {
    background-image: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/tab_bg_selected.png);
    background-repeat: repeat-x;
    outline: none;
    color: #666;
}
/* active tab uses a class name "selected". its highlight is also done by moving the background image. */
.tabItems a.selected, ul.tabItems a.selected:hover, ul.tabItems li.selected a {
    background-image: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/tab_bg_selected.png);
    background-repeat: repeat-x;
    cursor: default !important;
    outline: none;
    color: #666;
}
#tabheader {
    float: left;
    width: 920px;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    margin-left: 20px;
}
#tabbox {
    float: left;
    height: auto;
    width: 715px;
    border: 1px solid #CCC;
    padding: 5px 0px 5px 5px;
    font-size: 14px;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    margin-left: 20px;
}
#hoteltopbox {
    width: 455px;
    float: left;
    padding: 5px;
    margin-bottom: 5px;
    margin-left: 15px;
}
#hoteltabheader {
    float: left;
    clear: both;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    width: 920px;
    margin-left: 20px;
}
#hoteltabbox {
    float: left;
    height: auto;
    width: 920px;
    font-size: 12px;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    margin-left: 20px;
}
#hoteltabbox p {
    padding: 20px;
}
#destcontent2 {
    width: 730px;
    margin-left: 13px;
    margin-top: 5px;
}
div.freetextfloat {
	float: left;
}
div.freetextfloat .message-warning, .message-notification, .message-error{
	margin: 20px 20px 0;
}
ab-tab-overview-text {
}
#hotelpopuptabheader {
    float: left;
    clear: both;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    width: 720px;
}
#hotelpopuptabheader #hotelpopuptabbox {
    float: left;
    height: auto;
    width: 960px;
    font-size: 14px;
    border: 1px solid #E4E4E4;
}
/* Hotel info pop-up */

.popupbg {
    background-color: #FFFFFF;
}
/* Hotel and tour overview slideshow */

#slideshow {
    height: 205px;
    width: 420px;
    font: 11px Open Sans, sans-serif;
    color: #666;
    float: left;
    padding-top: 15px;
    text-align: center;
    background-color: #f9f9f9;
    margin-bottom: 20px;
    padding-bottom: 5px;
}
#slideshow img.SLIDESIMG {
    padding-bottom: 10px;
}
/*New booking journey styles*/

.roomseperator {
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #999999;
}
.roomseperator2 {
    font-size: 20px;
}
.expand {
    font: 12px 'Open Sans', sans-serif;
    color: #666;
    text-decoration: none;
}
.expand a {
    font: 12px 'Open Sans', sans-serif;
    color: #666;
    text-decoration: none;
}
.finalpriceexpand {
    font: 12px 'Open Sans', sans-serif;
    color: #FFFFFF;
    text-decoration: none;
}
.finalpriceexpand a {
    font: 12px 'Open Sans', sans-serif;
    color: #FFFFFF;
    text-decoration: none;
}
pricebg a {
    text-decoration: none;
}
.float {
    float: left;
}

.roomtitle {
    font-size: 12px;
    font-weight: bold;
    color: #666;
}
.promo {
    font-size: 12px;
    font-weight: bold;
    color: #00bce4;
}
a.promo {
    font-size: 12px;
    font-weight: bold;
    color: #00bce4;
}
.maplink {
    font-size: 12px;
    font-weight: bold;
    color: #00bce4;
}
/* links */
a:link {
    color: #8CC63F;
}
a:hover {
    color: #8CC63F;
}
a:visited {
    color: #8CC63F;
}
a:active {
    color: #8CC63F;
}
a.prinavi {
    text-decoration: none;
    color: #8CC63F;
}
a.prinavi:hover {
    text-decoration: none;
    color: #608828;
}
a.currentcriteria01 {
    text-transform: capitalize;
    color: #8CC63F;
    font-weight: bold;
    text-decoration: none;
}
a.currentcriteria01:hover {
    text-transform: capitalize;
    color: #00649F;
    font-weight: bold;
    text-decoration: none;
}
a.subnavi {
    background-color: #00BCE4;
    background-image: linear-gradient(150deg,#00bce4 50%,#00b2d8 51%);
    color: #FFFFFF;
    text-decoration: none;
    font-size: 12px;
    text-transform: uppercase;
    padding: 8px 20px;
    border-width: 1px 1px 3px 1px;
    line-height: 24px;
    border-style: solid;
    border-radius: 3px;
    border-color: #0092b3;
    text-align: center;
    white-space: nowrap;
    -webkit-transition: background-position .5s ease;
    transition: background-position .5s ease;
    text-overflow: ellipsis;
    overflow: hidden;
    background-size: 200% 200%;
    background-position: 0 50%;
}
a.subnavi:hover {
    background-color: #00A7CA;
    background-position: 0 100%;
}
a.tabnavi {
    text-transform: capitalize;
    text-decoration: none;
    color: #8CC63F;
    font-size: 10px;
    text-align: left;
}
a.tabnavi:hover {
    text-transform: capitalize;
    text-decoration: none;
    color: #00649F;
    font-size: 10px;
}
a.textnavi {
    text-decoration: none;
    color: #8CC63F;
}
a.textnavi:hover {
    text-decoration: none;
    color: #00649F;
}
a.menunavi {
    color: #fff;
    font-size: 13px;
    height: 20px;
    width: auto;
    background-image: url('/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/button_bg.jpg');
    background-repeat: repeat-x;
    display: block;
    text-align: center;
    text-indent: 7px;
    text-decoration: none;
    line-height: 19px;
}
a.menunavi:hover {
    font-size: 13px;
    color: #fff;
    width: auto;
    background-image: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/button_bg.jpg);
    background-repeat: repeat-x;
    display: block;
    height: 20px;
    text-align: center;
    text-indent: 7px;
    text-decoration: none;
}
a.subtxt04:hover {
    font-size: 10px;
    color: #FFFFFF;
    font-weight: bold;
}
.footerlinks {
    font-size: 10px;
    color: #1261AF;
    font-weight: bold;
}
.footerlinks:hover {
    font-size: 10px;
    color: #21629c;
    font-weight: bold;
}
/* text */

td p.head01 {
    padding: 0;
    margin: 0;
}
.head00 {
    font-weight: normal;
    color: #666;
    text-transform: none;
}
.head01 {
    font-size: 25px;
    font-weight: normal;
    text-align: left;
    color: #666;
    text-transform: none;
}
.head01 br, .head01 p {
    display: none;
}
.head02 {
    color: #FFFFFF;
    font-weight: bold;
}
.head04 {
    font-size: 20px;
    text-transform: none;
}
.head05 {
    font-size: 18px;
    font-weight: bold;
    color: #FF6600;
}
.heading3 {
    font-weight: bold;
    color: #FFFFFF;
}
.subheading1 {
    color: #FFFFFF;
}
.subhead00 {
    font-size: 13px;
    font-weight: bold;
    color: #666;
}
.subhead01 {
    font-weight: bold;
    color: #666;
}
.subhead02 {
    font-weight: bold;
    color: #21629c;
}
.subhead03 {
    font-weight: bold;
}
.subhead04 {
    font-size: 10px;
    font-weight: bold;
    color: #31659C;
}
.subhead05 {
    font-size: 10px;
    font-weight: bold;
    color: #1261AF;
}
.subhead06 {
    font-weight: bold;
    color: #666;
}
.subtxt00 {
    color : #5C5B60;
}
.subtxt01 {
    color: #666666;
    padding: 5px;
}
.subtxt02 {
    font-size: 16px;
    font-weight: bold;
    padding-right: 20px;
}
.subtxt03 {
    font-size: 12px;
    color: #EAB543;
    font-weight: bold;
}
.subtxt04 {
    color: #FAAA32;
    font-weight: bold;
    font-size: 14px;
}
.subtxt06 {
    color: #666;
    font-weight: normal;
    width: 625px;
}
.currentcriteria02 {
    text-transform: capitalize;
    font-size: 11px;
    color: #666;
    font-weight: bold;
}
.formobject {
    font-style: normal;
    border: solid 1px #ccc;
	height: 54px;
	border-radius: 4px;
	color: #666;
}
.adtext {
    font-size: 16px;
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
}
.agenttext {
    color: #000000;
    font-style: normal;
    font-weight: normal;
}
.homepagetxt {
    font-size: 13px;
    color: #666666;
    font-style: normal;
    font-weight: bold;
}
.errortxt {
    color: #9E0000;
}
.price {
    color: #000000;
    text-transform: none;
	display: inline-block;
}
.price::first-letter{
	font-size: 12px;
}
.price strong {
    font-weight: bold;
}
.paragraphtext {
    color: #666;
    font-weight: normal;
    text-align: left;
}
.paragraphtext .subtxt02 {
    padding-right: 0;
}
.voucherfootertext {
    font-size: 9px;
    color: #1997BB;
    font-weight: normal;
}
.paragraphtextbold {
    font-weight: bold;
    color: #02a4c6;
}
.tabletitlesmall {
    font-size: 9px;
    font-weight: normal;
    color: #FFFFFF;
}
.tabletitle {
	display: none;
    font-weight:normal;
    color: #666;
    font-size: 20px;
    text-transform: none;
    text-align: left;
}
.tableheader {
    font-weight: bold;
    color: #666;
    border: 2px solid #fff;
    outline: 1px solid #efefef;
    height: 30px;
}
.tablelabel {
    font-weight: bold;
    color: #666;
    text-align: left;
}
.extrassubtitle {
    font-size: 16px;
    padding: 10px;
    display: block;
    text-transform: none;
    width: 130px;
}
.bookingsteps {
    font-weight: bold;
    color: #666;
}
.bsstep {
    text-decoration: none;
    color: #1997BB;
    font-size: 12px;
    font-weight: bold;
}
.flightheader {
    font-weight: bold;
    text-align: center;
    text-transform: none;
    color: #FFFFFF;
	padding: 6px 0;
}
.errormessage {
    background-color: #FDD8D8;
    background-image: url("/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/flomes-error.gif");
    background-repeat: no-repeat;
    border-color: #FBA4A4;
    color: #9E0000;
    padding: 10px 10px 10px 40px;
    display: block;
    text-align: left;
    background-position: 5px;
    border: solid 1px #FBA4A4;
    width: 585px;
}
.errormessagebold {
    font-size: 16px;
    font-weight: bold;
    color: #9E0000;
}
.feedbacktitle {
    font-weight: normal;
    color: #ffffff;
}
/*.message-warning {
    background-color: #FCF3E0;
    background-image: url("/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/general/note-warning.gif");
    border: 1px solid #EAB543;
    background-position: 5px 5px;
    background-repeat: no-repeat;
    min-height: 20px;
    padding: 10px 10px 10px 45px;
    color: #666666;
    clear: both;
    margin: 10px 0;
}
.message-warning .message-title {
    font-size: 16px;
}*/
td.tabletitle {
    border-left: solid 1px #f0f0f0;
    border-right: solid 1px #f0f0f0;
    border-top: solid 1px #f0f0f0;
}
#holiday_details_div .border01, .altbg .border01 {
    border: none;
}
/* backgrounds */

.bgerror {
    background-color: #FDD8D8;
}
.menuborder {
}
.pagebg {
}
.bgtab01 {
    background-color: #FFF;
    height: 40px;
}
.bgtab02 {
    background-color: #FFFFFF;
    border-bottom: solid 1px #ccc;
}
.bgtab03 {
    background-color: #ffffff;
}
.bgtab04 {
    background-color: #efefef;
    border: 1px solid #ccc;
}
.bgtab05 {
    background-color: #efefef;
}
.bgtab06 {
    background-color: #D8E6FE;
}
.bgtab07 {
    background-color: #6AA4DD;
}
.bgtab09 {
    padding: 5px;
    border-bottom: solid 1px #cccccc;
}
.bgtab08 {
    background-color: #FF9933;
}
.bgtab10 {
    background-color: #000000;
}
.bgtab12 {
    background-color: #efefef;
}
.bgtab13 {
    background-color: #E8EAF3;
}
.bgtab14 {
}
.bgtab15 {
}
.emailfriendbg {
    background-color: #F7F7F7;
}
.footerbg {
    background-color: #FFFFFF;
}
.bsbg {
    background-color: #EFEFEF;
}
.bghighlight {
    background-color: #8c8c8c;
}
.feedbackbg {
    background-color: #304175;
}
.altbg {
}
.altbg .tabletitle {
    display: block;
    font-size: 16px;
    border: none;
}
.mainbg {
    background-color: #FFFFFF;
    float: left;
}
.selectbg {
    padding: 5px;
	display: none;
}
.selectbg td {
    border: none;
}
.selectbg1 {
    border-left: 1px solid #DBDBDB;
    border-right: 1px solid #DBDBDB;
    padding-left: 3px;
}
.horizontalline01 {
}
.horizontalline02 {
}
.advert {
    background-color: #ffffff;
}
.flighttext {
    font-weight: bold;
    color: #000000;
}
.flighttext_neg {
    font-weight: bold;
    color: #1997BB;
}
.pagetitle {
    color: #666;
    font-size: 25px;
}
.receipt {
    font-size: 10px;
    color: #1997BB;
}
.whitespacebg {
    background-color: #FFFFFF;
    height: 30px;
}
.menubg {
}
.menualtbg {
}
.pricebg {
    font-size: 16px;
    font-weight: bold;
    color: #999;
    border-bottom: solid 1px #e0e0e0;
}
.pricebg .pricetitle {
    color: #000000;
}
.pricebg .pricetitle::first-letter{
	font-size: 16px !important;
} 
/* Itinerary Styles */
.itinerarybg {
    border: 1px solid #efefef;
    margin: 0 0 10px;
    width: 250px;
    padding: 15px;
}
.itinerarytitle {
    font-size: 12px;
    font-weight: bold;
    display: block;
    margin: 10px 0;
    text-transform: none;
    border-top: solid 1px #e0e0e0;
    padding-top: 10px;
}
.itineraryttext {
    font-size: 12px;
    color: #666;
    display: block;
    margin: 0 0 15px;
}
.itineraryheaderbg {
    height: 40px;
    text-align: left;
}
.itineraryheader {
    font-size: 20px;
    font-weight: bold;
    text-transform: none;
}
.itinerary_seperator {
    background-image: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/itinerary_seperator.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
}
/*New offerlisting page*/

#ol-filter-content {
    width: 730px;
    float: left;
    margin: 10px 0 5px 10px;
}  /*Main table width throughout IBE*/
#filtertitle {
    color: #FAAA32;
    font-size: 14px;
    margin: 5px 0 5px 0px;
    text-align: justify;
    display: none;
}
#filterbox {
    width: 107%;
    height: auto;
    border: solid 1px #E5E5E5;
    float: left;
    margin: 20px 0;
    padding: 50px 3px 11px;
    background: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/filter_bg.png) no-repeat;
    display: none;
}
/*NEW OFFERLISTING PANELS

#ol-table-main {
    width: 910px;
    float: left;
    margin: 0;
}
#ol-table-content {
    width: 910px;
    margin-top: 3px;
    margin-bottom: 3px;
    text-align: left;
}
#ol-table-middle {
    width: 910px;
    padding: 0 5px 20px;
}
.ol_title {
    font-size: 25px;
    color: #666;
    padding-bottom: 20px;
}
#ol-camera {
    width: 46px;
    height: 46px;
    margin: -30px 76px 0;
    display: block;
}
#ol-hotelinfo {
    height: auto;
    width: 465px;
    padding-left: 20px;
    display: inline-block;
	font-size: 16px
}
#ol-hotelinfo::before{
	display: block;
	content: "Details";
	font-weight: bold;
	font-size: 18px;
}
#ol-hotelinfo .col1 {
    display: block;
    width: 170px;
    float: left;
    margin-top: 2px;
    margin-bottom: 2px;
    text-align: left;
    font-weight: bold;
    color: #666666;
    clear: both;
}
#ol-hotelinfo .col2 {
    color: #666666;
    display: block;
    width: 270px;
    float: left;
    margin-top: 2px;
    margin-bottom: 2px;
    text-align: left;
}
#ol-hotelinfo #row {
    width: 259px;
    float: left;
    margin-top: 8px;
    margin-bottom: 2px;
}
#ol-hotelinfo .olcontainertitle {
    font-weight: bold;
}
#ol-hotelinfo #overviewtext {
    width: 430px;
    float: left;
}
#ol-hotelinfo #overviewtext p {
    margin-top: 1em;
    margin-bottom: 1em;
}
#ol-table-middle a {
    font-size: 12px;
    text-decoration: none;
}
#ol-table-top {
    width: 549px;
}
#ol-table-col1 {
    width: 260px;
}
#ol-table-col2 {
    width: 280px;
}
#ol-price-box {
    height: 185px;
    width: 185px;
    margin-bottom: 5px;
    background: transparent url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/general/gradient-back.jpg) repeat-x;
    border: 1px solid #efefef;
    padding: 10px;
}
#ol-price-box #pricerow {
    width: 180px;
    float: left;
    margin: 5px 0 2px 2px;
}
#ol-price-box #pricerow .ol_price {
    font: bold 22px 'Open Sans', sans-serif;
    color: #00BCE4;
}
#ol-price-box #row {
    width: 180px;
    float: left;
    margin: 5px 0 2px 2px;
}
#ol-price-box #row .ol_text {
    font: 12px 'Open Sans', sans-serif;
    color: #666;
}
#ol-price-box #row .ol_pricetext {
    font: Bold 12px 'Open Sans', sans-serif;
}
.ol_sep {
}
.carrier {
    font-weight: bold;
    margin-left: 15px;
}
.ol_flighttexttitle {
    font-weight: bold;
    margin-left: 15px;
}
.ol_flighttext {
    color: #333;
}
.ol_flighttext a {
    color: #21629C;
    text-decoration: underline;
}*/

/*#ol-page-numbers {
    width: 910px;
    float: left;
    margin-top: 5px;
    text-align: right;
    font-size: 12px;
}
#ol-page-numbers a {
    padding: 5px;
    font-weight: bold;
}
#ol-changeinfobox 					{ width:710px; margin-top: 5px; padding:5px; }
#ol-changeinfobox .title 			{ color: #666666; text-indent:10px; padding-top:5px; padding-bottom: 5px;}
#ol-changeinfobox table 			{ background-color:#FFFFFF; margin:0 0 5px 5px;}
#ol-changeinfobox table .toprow 	{ background-color:#FFFFFF; color: #666666; text-indent:10px; height:30px;}
#ol-changeinfobox table .mainrow 	{ color: #000; text-indent:10px; height:30px; border-bottom: solid 1px #CCCCCC; line-height:22px;}
#ol-changeinfobox table .mainrow2 	{ text-indent:10px; height:30px; line-height:22px; border-bottom: solid 1px #CCCCCC;}
#ab-section-change-room #ol-changeinfobox table .price 		{ color:#00BCE4;}
#ol-changeinfobox table .mainrow2 strong { }*/


.loadingScreenWindow .ui-widget-content {
    background: #ffffff;
    float: left;
    min-width: 300px;
    min-height: 150px;
}
.loadingScreenWindow .ui-widget-header {
    display: none;
}
.loadingScreenWindow .ui-widget-content div.text1 {
    float: left;
    font: normal 20px 'Open Sans', sans-serif;
    color: #999999;
    margin: 40px 0 0 15px;
}
.loadingScreenWindow .ui-widget-content div.text2 {
    clear: both;
    font: normal 12px 'Open Sans', sans-serif;
    color: #666666;
    padding: 20px 10px 10px 10px;
}
.loadingScreenWindow .ui-widget-content img {
    float: left;
    margin: 10px 0 0 50px;
}
/*.ol-thumbnail-image {
    max-width: 110px;
    max-height: 65px;
    min-height: 65px;
}*/

/*Package details table*/
	
.pdetailsbox {
    border-bottom: 1px solid #EFEFEF;
    width: 100%;
}
#package_details table:nth-of-type(1){
	display: none;
}
#package_details table:nth-of-type(2) .emailbodytext2:nth-of-type(1){
	display: none;
}
#package_details .bgframe02 {
    border: 1px solid #dddddd;
    padding: 10px;
	background: #f8f8f8;
}
#package_details .bgframe02 a{
	font-weight: 100 !important;
}
#package_details .subtxt04 {
    color: #666
}
#package_details .subtxt01 {
    padding: 0;
}
#package_details .mainbg {
    float: none;
	background: #f8f8f8 !important;
}
.totalcost{
	font-size:16px;
	color: #000000;
}
.totalcost::first-letter{
	font-size: 12px;
}
/*IBE Variable table width styles*/

#variable-width-1A {
    width: 920px;
    padding-bottom: 40px;
} /*Main booking engine holder*/
#variable-width-1 {
    width: 780px;
    margin-top: 40px;
} /*Main booking engine holder*/
#variable-width-2 {
    width: 145px;
    margin: 0;
} /*Info menu table*/
#variable-width-3 {
    width: 121px;
} /*Info menu inside table*/
#variable-width-4 {
    width: 630px;
}   /*Main booking engine content*/
#variable-width-5 {
    width: 100%;
}  /*Main toolbar*/
#variable-width-6 {
    width: 630px;
	border: none;
}  /*Main table width throughout IBE*/
#variable-width-7 {
    width: 529px;
}  /*Holiday info box on offerlisting page 2*/
/* Hotdeal Styles */

.hotdealheader {
    font-size: 18px;
    font-weight: bold;
    color: #00BCE4;
    text-decoration: none;
}
.hotdealtitle {
    font-size: 14px;
    font-weight: bold;
    color: #666666;
    text-decoration: none;
    display: inline-block;
    padding-top: 5px;
}
a.hotdealtitle {
    text-decoration: none;
}
.hotdealtxt {
    font-size: 10px;
    color: #1997BB;
}
.hotdealtxtbold {
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
}
.hotdealselect {
    text-decoration: none;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
}
.hotdealborder {
    border: 1px solid #efefef;
    width: 250px;
    background: transparent url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/general/gradient-back.jpg) repeat-x;
}
.hotdealborder .altbg {
    border: none;
}
.hotdealselect:hover {
    text-decoration: none;
    color: #21629c;
}
.hotdealbg {
    height: 35px;
    border: none;
    border-bottom: 1px solid #efefef;
}
.hotdealbg td {
    border: none;
}
a.hotdealselect {
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    text-transform: none;
    text-decoration: none;
    background: -webkit-gradient(linear, left top, left bottom, from(#8BC53D), to(#7DB237));
    background: -moz-linear-gradient(top, #8BC53D, #7DB237);
    background: #85BD3A url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/general/green-gradient.jpg) repeat-x center;
    border: 1px solid #7DB137;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    padding: .15em .8em;
    margin: 8px 0;
    text-align: center;
    width: 80px;
    display: block;
}
a.hotdealselect:hover {
    text-decoration: none;
    color: #ffffff;
    background: #7DB137;
}
/* style the tooltip trigger elements */

#demo img {
    border: 0;
    cursor: pointer;
    margin: 0 8px;
}
#tourtip img {
    border: 0;
    cursor: pointer;
    margin: 0 8px;
}
.tooltip {
    display: none;
    background: transparent url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/tooltip/black_arrow.png);
    font-size: 13px;
    height: 140px;
    width: 160px;
    padding: 25px;
    color: #fff;
    line-height: 14px;
    font-weight: bold !important;
    z-index: 900;
}
.tooltip.bottom {
    height: 80px;
    background: transparent url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/tooltip/black_arrow_small.png);
    width: 150px;
}
.tooltiptext {
}
/* Customised Styles */



.footertext {
    font-size: 10px;
    color: #666666;
}
.footertextbold {
    font-size: 10px;
    color: #666666;
    font-weight: bold;
}
.sidenav {
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}
a.sidenav:hover {
    font-size: 12px;
    font-weight: bold;
    color: #21629c;
    text-decoration: none;
}
.body {
    font-size: 11px;
    color: #666666;
    font-weight: normal;
    line-height: normal;
    font-style: normal;
}
.bodyboldblue {
    font-size: 11px;
    font-weight: bold;
    color: #1261AF;
}
.advertheading {
    font-size: 17px;
    font-weight: bold;
    color: #1997BB;
}
.bodyboldorg {
    font-size: 11px;
    font-weight: bold;
    color: #1997BB;
}
.browsetext {
    font-size: 11px;
    font-weight: bold;
    color: #1997BB;
}
.ssbutton {
    font-size: 10px;
    width: 50px;
    background-color: #8CC63F;
    border: solid 1px #8CC63F;
    color: #fff;
    margin-left: 30px;
    margin-right: 30px;
    cursor: pointer;
}
.bshighlight {
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}
.bsdown {
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    text-decoration: none
}
.tabbg {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/branding/kulula-ht/dynamic/tab_up.gif);
}
.extrasbtn {
    font-size: 14px;
    color: #666;
}
.extrasbtn:hover {
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
}
.extras:hover {
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
}
.extrasbg {
	background: #f8f8f8;
	border-bottom: solid 2px #fff;
}
.extrasbg1 {
    background-color: #FFFFFF;
}
.extrasbg1 ul{
	display: none;
}
.extrasbg1 img.suppImage {
    width: 200px;
    float: left;
    margin: 20px;
}
.extrasbg1 .extrastxt {
    display: none;
}

.extrasbg1 .extras_info{
	padding: 20px;
    float: left;
	width: 330px;
}
.extrasbg1 .extras_info h4{
font-weight:bold;
margin-top:0;
}
.extrasbg1 .extras_info ul{
margin: 0px;
padding-left: 25px;
	display: block;
}
.extrasbg1 .extras_info.big{
	width: 578px;
}
.extrassep {
    background-color: #efefef;
}
.extrastitle {
    font-size: 20px;
    text-transform: none;
	margin-left: 10px;
	float: left;
}
.extrastxt {
    padding: 10px
}
.extrassubtitle2 {
    font-size: 16px;
    padding: 12px;
    width: 80%;
	background: #f8f8f8;
	
}
.extrasprice {
    font-weight: bold;
    padding-top: 10px;
    display: block;
	font-size: 13px;
}
.extrasformselect {
    font-size: 12px;
    margin: 0 0 10px 10px;
    height: 40px;
	padding: 0 5px;
    vertical-align: middle;
	border-radius: 4px;
}
.extrastitlebg {
    background-color: #efefef;
    height: 40px;
}
.extrastitletxt {
    font-size: 12px;
    color: #FFFFFF;
}
.emailbold {
    font-size: 12px;
    font-weight: bold;
    color: #666;
}
.emailtext {
    font-size: 12px;
    color: #00BCE4;
    font-weight: bold;
}
.emailbodytext {
    line-height: 18px;
    padding-bottom: 15px;
}
.emailbox {
    border-top: 1px none #EFEFEF;
    border-left: 1px none #EFEFEF;
    border-right: 2px none #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
    background: #F9FCF8;
}
.emailbodytextbold {
    padding-left: 10px;
    font-weight: bold;
}
.emailbg {
    vertical-align: top;
    padding-bottom: 15px;
}
.emailbodytext2 {
    padding-left: 8px;
    line-height: 18px;
    padding-bottom: 15px;
}
.emailbodytext2 .extras_info ul{
	margin: 0px;
	padding-left: 25px;
	display: block;
}
.emailtitle {
    font-size: 20px;
}
.emailsubtitle {
    font-size: 20px;
    color: #666;
    font-weight: normal;
}
.emailheader {
    font-size: 20px;
    color: #666666;
    text-transform: none;
}
.emailaddress {
    color: #666;
}
.emailfootertitle {
    font-size: 16px;
    font-weight: bold;
    color: #00BCE4;
}
.tableborder04 .bgtab09 {
    background: #000;
	color: #fff;
    border: none;
    padding: 15px 0;
    text-transform: none;
}
.tableborder04 .bgtab09 .expand{
	margin-left: 20px;
}
#variable-width-6 .extrasborder {
    background: none;
}
/* Extras Buttons */



.tabbgover {
    background-color: #ccc;
    border: 1px solid #ccc;
    border-bottom: none;
}
.tabbgerror {
    background-color: #efefef;
    border: 1px solid #ccc;
    border-bottom: none;
}
.tabbgup {
    background-color: #efefef;
    border: 1px solid #ccc;
    border-bottom: none;
}
.tabbgmand {
    background-color: #efefef;
    border: 1px solid #ccc;
    border-bottom: none;
}
/* table cell borders */

.browsebg1 {
    background-color: #FFFFFF;
}
.browsebg2 {
    background-color: #FFFFFF;
}
.border3 {
}
.leftborder {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #1261AF;
}
/* Side Navigation backgrounds */

.sidenavbg {
    background-color: #ffffff;
    float: right;
}
.sidenavbg2 {
    background-color: #ffffff;
    float: right;
    width: 250px;
}
/* table border frames */

.dotborder {
    border: 1px dotted #000000;
}
.extrasbrdr {
}
.tableborder01 {
    border-collapse: collapse;
}
.tableborder02 {
    border: 1px solid #efefef;
    border-collapse: collapse;
}
.tableborder03 {
    border: 1px solid #efefef;
    border-collapse: collapse;
}
.tableborder04 {
    border-collapse: collapse;
    width: 100%;
}
.tableborder05 {
    border: 1px solid #efefef;
    background-color: #F9FAFC;
}
.tableborder1 {
    border-bottom: solid 1px #efefef;
    border-right: solid 1px #efefef;
    border-left: solid 1px #efefef;
    padding: 4px;
}
.detailstableborder {
    border: 2px solid #efefef;
    border-collapse: collapse;
}
.browseborder {
    border-left: 1px solid #DBDBDB;
    border-right: 1px solid #DBDBDB;
    border-bottom: 1px solid #DBDBDB;
    padding: 20px 0;
}
.browsetableborder {
    border: 1px solid #efefef;
}
/* table border colours */

.menuborder {
}
.border01 {
    border-left: solid 1px #f0f0f0;
    border-right: solid 1px #f0f0f0;
    border-bottom: solid 1px #f0f0f0;
}
.border02 {
    background-color: #76AFDE;
}
.bgframe02 {
    border: 1px solid #666666;
}
.advertborder {
    background-color: #D2E1EF;
}
.RHborder {
    display: none;
}
.LHborder {
    display: none;
}
.extrasborder {
    background-color: #efefef;
}
/* Agent Login Page */

#sectioncontent {
    width: 630px;
    padding: 0 40px 20px 20px;
    float: left;
}
/* #sectionintro {width: 750px;font-size: 14px;padding: 0 20px; min-height:20px;} */
#sectionheader {
    font-size: 22px;
}
/*---------- AGENT LOGIN POPUP ------------------------------*/
#agent-login {
	float: left;
	margin-bottom: 30px;
}
#agent-login #sectionheader {
    font-size: 22px;
    color: #666;
    background: none;
    text-transform: none;
    margin-bottom: 6px;
}
#agent-login .agent-login-form {
    margin: 0;
}
#agent-login .agent-login-form .col-2 {
    float: left;
    width: 150px;
    vertical-align: bottom;
}
#agent-login .agent-login-form label {
    display: inline;
    float: left;
    margin-top: 6px;
    text-transform: none;
}
#agent-login .agent-login-form input {
    display: inline;
    float: left;
	height: 20px;
    width: 175px;
    margin: 5px 0;
}
#agent-login input.primary-action {
    margin:15px 0 0;
    float: right;
	height: 40px;
	width: 200px;
}
/*---------- AGENT LOGIN PAGE ------------------------------*/
#agent-login-container{
	width: 920px;
	float: left;
}
#agent-login-container .agent-container {
    float: left;
    clear: both;
}

#agent-login-container .loginbox {
    background: url("/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/shared/button-sprite.png") repeat-x scroll 0 0 transparent;
    width: 250px;
    display: block;
    overflow: hidden;
    float: left;
}
#agent-login-container .BdivContainer {
    border: 1px solid #EEEEEE;
    text-align: left;
    padding: 15px;
}
#agent-login-container .BdivContainer h3{
	padding: 0px;
	margin: 0 0 10px;
	text-transform: capitalize;
}
#agent-login-container .BdivContainer input[type="text"],#agent-login-container .BdivContainer input[type="password"]{
	width: 205px;
	margin: 10px 0;
}
#agent-login-container .BdivContainer input[type="submit"]{
	width: 230px;
	margin: 0 0 10px;
}
#agent-login-container .loginbox h3.border {
    border-bottom: 1px solid #E0E0E0;
    padding: 6px 12px 6px 0px;
    margin: 0 12px 3px 0px;
}

#agent-login-container .login-box {
    width: 230px;
    float: left
}
#agent-login-container .login-content {
    width: 610px;
    float: left;
    margin: 0 20px 20px 25px;
}
#agent-login-container .login-content h1 {
    padding-left: 0;
}
/* Loggedin Header */

#loggedin-header {
    padding-bottom: 10px;
    width: 920px;
    margin: 10px auto;
}
#loggedin-header #link1 {
    float: left;
}
#loggedin-header #link2 {
    float: right;
}
#loggedin-header .quote {
    z-index: 300;
}
/* Request a quote form */
.quote {
    background: #f9f9f9;
    border: solid 1px #91969a;
    border-top: solid 1px #959b9f;
    border-bottom: solid 1px #a2a2a3;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #5b5f62;
    display: none;
    font-weight: normal;
    position: absolute;
    width: 240px;
    z-index: 100;
}
.quote:before {
    background: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/shared/icons-set.png) no-repeat 0 -429px;
    content: ' ';
    display: block;
    height: 12px;
    position: absolute;
    width: 18px;
    top: -12px;
    left: 30px;
}
.quote h3 {
    line-height: 21px;
}
.quote strong {
    font-weight: bold;
}
.quote legend {
    display: none;
}
.quote input[type="text"], .quote input[type="email"], .quote input[type="password"] {
    font-size: 13px;
    margin: 0 0 10px 0;
    height: 18px;
    width: 218px;
}
.quote textarea {
    font-size: 13px;
    height: 80px;
    margin: 0 0 10px 0;
    padding: 7px 10px;
    width: 218px;
}
.quote input[type="submit"] {
    font-size: 13px;
    height: 32px;
    width: 100%;
}
#quote {
    padding: 14px 19px 25px 19px;
    top: 138px;
}
#quote:before {
    left: 22px;
}
#quote p {
    font-size: 13px;
    line-height: 21px;
    margin: 0 0 9px 0;
}
#quote .biggerMargin {
    margin-bottom: 18px;
}
#quote .outOfScreen {
    position: absolute;
    top: -500px;
}
/* Header
************************************************************ */
.hdr-container {
    position: relative;
    background-color: none;
    height: 90px;
}
.hdr-branding {
   /* width: 310px;*/
    float: left;
	margin-top: 20px;
}
.site-logo {
    border: none;
    display: block;
    margin-left: 30px;
    padding-top: 10px;
}
/* NAVIGATION 
----------------------------------------------------------------- */
nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
    width: 100%;
}
nav ul li {
    display: block;
}
nav ul li:hover {
}
nav ul li.current {
}
nav ul a {
    cursor: pointer;
}
nav > ul > li > ul {
    display: none;
    position: absolute;
}
nav > ul > li:hover > ul {
    display: block;
}
/* small navigation */
.Navigation {
    position: absolute;
    bottom: 0;
    right: 6px;
    width: 591px;
    background-image: url('/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/bdy/bg.gif');
    background-repeat: repeat-y;
    background-position: top right;
}
.Navigation nav {
    margin-right: 3px;
    width: 575px;
    background-image: url('/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/hdr/ang.gif');
    background-repeat: no-repeat;
    padding-left: 16px;
    height: 34px;
    background-color: #f6f6f6;
} /* navigation angle */
.Navigation ul {
    width: auto;
    display: block;
    background-color: #8BC53E;
    height: 34px;
    padding-left: 5px;
    margin: 0;
}
.Navigation ul li {
    display: block;
    float: left;
    list-style: none;
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
    border-right: 1px solid #A0CF62;
    background-color: #8BC53E;
    margin: 5px 0 -10px 0;
    padding: 5px 0;
}
.Navigation ul li.first {
    border-left: 1px solid #A0CF62;
}
.Navigation ul li.current {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    border-bottom: 0;
    border-top: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}
.Navigation ul li.current a {
    color: #8BC53E;
}
.Navigation a, .Navigation a:link, .Navigation a:hover, .Navigation a:visited {
    color: #ffffff;
    text-decoration: none;
    padding: 0 16px 0 17px;
}
.Navigation a:hover {
    text-decoration: underline;
}
/* drop down menu */
.DropDownMenu {
    position: absolute;
    right: 6px;
    top: 0;
   /* height: 103px;*/
    background-position: top right;
    display: block;
}
.DropDownMenu nav {
    margin-right: 3px;
    padding: 0;
    display: block;
    padding-left: 48px;
   /* height: 103px;*/
}
.DropDownMenu ul > li > ul {
    display: none;
    position: absolute;
    border: none;
    margin: 97px 0 0 0;
    padding: 0;
    right: 3px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-color: #FFFFFF;
    width: 962px;
    list-style: none;
}
.DropDownMenu ul > li > ul > li {
}
.DropDownMenu ul > li a {
    font-size: 13px;
}
.DropDownMenu ul li.first {
    margin-left: 76px;
}
.DropDownMenu ul.menu-drop-down {
    
    width: 540px;
    height: 103px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.DropDownMenu ul.menu-drop-down li.dropdown {
    display: block;
    float: left;
    text-align: left;
    background-color: transparent;
    border: none;
    background-repeat: no-repeat;
    margin-top: 7px;
    margin-right: 2px;
    margin-bottom: -1px;
}
.DropDownMenu ul.menu-drop-down li.dropdown a.ico {
    display: block;
    float: left;
    color: #FFFFFF;
    text-align: center;
    padding: 2px 4px 24px 5px;
    text-decoration: none;
    line-height: 24px;
}
.DropDownMenu ul.menu-drop-down li.dropdown a.ico span {
    margin: 0px 10px 0px 10px;
    height: 46px;
    width: 46px;
    text-align: center;
    background-image: url('/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/nav/ico.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
}
.DropDownMenu ul.menu-drop-down li.dropdown:hover {
    box-shadow: 1px 1px 2px #cccccc;
}
.DropDownMenu ul.menu-drop-down li.dropdown:hover a.ico {
    background-color: #FFFFFF;
    color: #8CC63F;
}
.DropDownMenu ul.menu-drop-down div.trav a.ico span {
    background-position: 0 0;
}
.DropDownMenu ul.menu-drop-down div.flig a.ico span {
    background-position: -46px 0;
}
.DropDownMenu ul.menu-drop-down div.hote a.ico span {
    background-position: -92px 0;
}
.DropDownMenu ul.menu-drop-down div.carh a.ico span {
    background-position: -138px 0;
}
.DropDownMenu ul.menu-drop-down div.pack a.ico span {
    background-position: -184px 0;
}
.DropDownMenu ul.menu-drop-down div.mana a.ico span {
    background-position: -230px 0;
}
.DropDownMenu ul.menu-drop-down div.info a.ico span {
    background-position: -276px 0;
}
.DropDownMenu ul.menu-drop-down li:hover div.trav a.ico span {
    background-position: 0 -46px;
}
.DropDownMenu ul.menu-drop-down li:hover div.flig a.ico span {
    background-position: -46px -46px;
}
.DropDownMenu ul.menu-drop-down li:hover div.hote a.ico span {
    background-position: -92px -46px;
}
.DropDownMenu ul.menu-drop-down li:hover div.carh a.ico span {
    background-position: -138px -46px;
}
.DropDownMenu ul.menu-drop-down li:hover div.pack a.ico span {
    background-position: -184px -46px;
}
.DropDownMenu ul.menu-drop-down li:hover div.mana a.ico span {
    background-position: -230px -46px;
}
.DropDownMenu ul.menu-drop-down li:hover div.info a.ico span {
    background-position: -276px -46px;
}
.DropDownMenu ul.menu-drop-down li:hover {
    background-image: none;
}
.DropDownMenu ul.menu-drop-down div.drop {
    margin: -2px 0 0 0;
    border-bottom: 3px solid #ffffff;
    padding: 20px 0 20px 30px;
    background-color: #ffffff;
    height: 197px
}
.DropDownMenu ul.menu-drop-down li.dropdown.last div.drop {
    height: 220px;
}
.DropDownMenu div.drop .colu {
    float: left;
    border-right: 1px solid #F5F5F5;
    padding: 0;
    margin-right: 20px;
}
.DropDownMenu div.drop .colu.last {
    margin: 0;
    padding: 0;
    border: none;
}
.DropDownMenu div.drop .colu.sl {
    height: 100px;
}
.DropDownMenu div.drop .colu.md {
    height: 180px;
}
.DropDownMenu div.drop .colu.lg {
    height: 220px;
}
.DropDownMenu div.drop div.head {
   	color: #000000;
    font-family: Flama Semibold;
    font-size: 16px;
    line-height: 20px;
    padding-left: 40px;
    padding: 5px 37px 5px 40px;
    background-image: url('/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/icons/ico-grey.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
}
.DropDownMenu div.drop div.flig {
    background-position: 0 -60px;
}
.DropDownMenu div.drop div.hote {
    background-position: 0 -120px;
}
.DropDownMenu div.drop div.carh {
    background-position: 0 -150px;
}
.DropDownMenu div.drop div.pack {
    background-position: 0 -180px;
}
.DropDownMenu div.drop div.info {
    background-position: 0 -210px;
}
.DropDownMenu div.drop div.depa {
    background-position: 0 -30px;
}
.DropDownMenu div.drop div.arri {
    background-position: 0 -90px;
}
.DropDownMenu div.drop div.loca {
    background-position: 0 -240px;
}
.DropDownMenu div.drop div.inte {
    background-position: 0 -270px;
}
.DropDownMenu div.drop div.cabs {
    background-position: 0 -300px;
}
.DropDownMenu div.drop div.them {
    background-position: 0 -330px;
}
.DropDownMenu div.drop div.pret {
    background-position: 0 -360px;
}
.DropDownMenu div.drop ul.list {
    display: block;
    list-style: none;
    width: auto;
    margin: 15px 37px 0 0;
    padding: 0;
    box-shadow: none;
    background: none;
}
.DropDownMenu div.drop ul.list li {
    border: 0;
    background: none;
    margin: 0;
    padding: 0 0 5px 0;
    position: relative;
}
.DropDownMenu div.drop ul.list li a {
    background: none;
    line-height: 16px;
    text-decoration: none;
    display: inline;
    padding: 0;
}
.DropDownMenu div.drop ul.list li a:hover {
    background: none;
}
.DropDownMenu div.drop ul.list li.sub {
    color: #666666;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 2px;
    margin-top: 10px;
}
.DropDownMenu div.drop ul.list li i {
    font-style: italic;
    font-size: 11px;
    margin-top: 2px;
    color: #999999;
    display: block;
    left: 100px;
    top: 0;
    position: absolute;
}
.DropDownMenu div.drop ul.list li b {
    font-size: 10px;
    color: #999999;
}
.DropDownMenu div.drop ul.list li.inf {
    font-size: 12px;
    font-weight: normal;
    color: #999999;
    line-height: 13px;
    margin-top: 15px;
}
.DropDownMenu div.drop ul.list li.inf a {
    font-size: 12px;
    line-height: 13px;
}
.DropDownMenu div.drop ul.doub {
    float: left;
}
.DropDownMenu div.more {
    position: absolute;
    bottom: 0;
    right: 0;
}
.DropDownMenu div.more a {
    text-decoration: none;
    line-height: 24px;
    font-size: 12px;
    display: block;
    color: #ffffff;
    background-color: #00BCE3;
    padding: 4px 10px 4px 10px;
}
.DropDownMenu div.more a::before{
	position: absolute;
    content: "";
    top: 0;
    left: -20px;
    width: 0;
    height: 0;
    border-right: 20px solid #00BCE3;
    border-top: 32px solid transparent;
}
.DropDownMenu div.more a:hover {
    text-decoration: underline;
}
.DropDownMenu span.more {
    position: absolute;
    bottom: 20px;
}
.DropDownMenu span.more a {
    padding: 0;
    text-decoration: none;
}
#layout-bar {
    border-top: 5px solid #00BCE4;
    width: 962px;
    margin: 0 auto;
	display: none !important;
}
/* Layout */
#layout-header {
    clear: both;
    margin: auto;
    width: 980px;
}
#branding {
}
#branding a {
}
#layout-navigation {
}
#layout-featured {
}
#layout-before-main {
}
#layout-main-container {
    display: block;
    width: 960px;
    height: auto;
}
#layout-main {
    display: block;
    width: 960px;
    height: auto;
}
#aside-first {
}
#layout-content {
    display: block;
    margin: 30px 20px 20px;
    width: 920px;
    height: auto;
}
#messages {
    display: inline-block;
    width: 100%;
    height: auto;
}
#before-content {
    display: inline-block;
    width: 100%;
    height: auto;
}
/*#content            { display: block; width: 100%; height: auto; }*/
#after-content {
    display: inline-block;
    width: 100%;
    height: auto;
}
#aside-second {
    display: block;
}
#layout-after-main {
    clear: both;
}
#layout-tripel {
}
#tripel-first {
    padding: 0 33px 0 20px;
    border-right: 1px solid #EEEEEE;
    float: left;
}
#tripel-second {
    padding: 0 43px;
    border-right: 1px solid #EEEEEE;
    float: left;
}
#tripel-third {
    padding: 0 43px;
    float: left;
}
#layout-footer {
}
#footer-quad {
    float: left;
    padding-left: 35px;
    margin-bottom: 20px;
}
#footer-quad ul {
    margin: 10px 0 0 0;
    padding: 0;
}
#footer-quad ul li {
    list-style: none;
    margin-bottom: 5px;
}
#footer-quad ul li a {
    text-decoration: none;
}
#footer-quad ul li a:hover {
    text-decoration: underline;
}
#footer-quad h4 {
    font-size: 14px;
    font-weight: bold;
    color: #666666;
    margin: 0;
    padding: 0;
}
#footer-quad-first {
    padding: 0 33px 0 25px;
    border-right: 1px solid #EEEEEE;
    float: left;
}
#footer-quad-second {
    padding: 0 43px;
    border-right: 1px solid #EEEEEE;
    float: left;
}
#footer-quad-third {
    padding: 0 43px;
    border-right: 1px solid #EEEEEE;
    float: left;
}
#footer-quad-fourth {
    padding: 0 43px;
    float: left;
}
#footer-sig {
    clear: both;
    padding: 0 20px;
}
/* Footer 
************************************************************ */
.ftr-bar {
    clear: both;
}
.ftr-bar {
    clear: both;
    text-align: center;
    position: relative;
    height: 35px;
    border-top: 1px solid #EEEEEE;
}
.ftr-bar-tag {
    background-image: url('/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/ftr/tag.png');
    background-repeat: no-repeat;
    width: 194px;
    height: 97px;
    position: absolute;
    top: -55px;
    right: 10px;
}
.ftr-content {
   /* margin: auto;*/
    width: 920px;
    overflow: hidden;
    margin: 0 0 15px 0;
    text-align: left;
}
.ftr-block {
    float: left;
    padding: 0 19px;
}
.ftr-block-rgt {
    border-right: none;
}
.ftr-block ul {
    margin: 15px 0 0 0;
    padding: 0;
}
.ftr-block ul li {
    list-style: none;
    margin-bottom: 5px;
}
.ftr-block ul li a {
    text-decoration: none;
}
.ftr-block ul li a:hover {
    text-decoration: underline;
}
.ftr-block h4 {
    font-size: 18px;
    color: #666666;
    margin: 0;
    padding: 0;
}
.ftrtd {
    text-align: center;
    background-color: #333333;
    color: #DDDDDD;
    margin-top: 20px;
    padding: 20px 15px;
    line-height: 20px;
}
.listLeftColumn {
    float: left;
    margin-right: 20px;
}
.listRightColumn {
    float: left;
}
ul.listLinks {
}
ul.listLinks li {
    color: #8CC63F;
}
#social ul {
    clear: both;
}
#social li {
    float: left;
}
a.socialLink {
    display: block;
    cursor: pointer;
    text-decoration: none;
    vertical-align: middle;
}
a:hover.socialLink {
    text-decoration: none;
}
.sm {
    background-image: url('/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/ftr/sm-28x28-v1.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display: block;
    height: 28px;
    width: 28px;
    vertical-align: middle;
    margin: 0 4px 0 0;
}
.social1 {
    background-position: 0px 0px;
} /* mobi */
.social2 {
    background-position: -28px 0px;
} /* facebook */
.social3 {
    background-position: -56px 0px;
} /* google+ */
.social4 {
    background-position: -84px 0px;
} /* twitter */
.social5 {
    background-position: -112px 0px;
} /* youtube */

.social6 { 
background-position: -140px 0px; 
} /*Instagram*/

/* Search Panel */

#tabbed-search-cont {
    width: 960px;
    margin: 0 auto;
}
#tabbed-search-cont .search-panel-container {
    padding: 0 20px;
    margin-top: 30px;
}
.menu {
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#7F000000', EndColorStr='#7F000000');
}
.menu li {
    display: block;
    position: relative;
    z-index: 1;
    float: left;
    margin: 0px 1px 0px 0px;
}
.menu li a {
    background: #88C03D;
    padding: 15px 22px;
    float: left;/* border: 1px solid #7EB13A; */
    border-bottom: solid 5px #333333;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    /*width: 175px;*/
    text-align: center;
}
.menu li a.current {
    background: #000;
    color: #fff;
    border: solid 1px #000;
    border-bottom: solid 5px #000;
    font-size: 16px;
}
.search-panel {
    background: #000;
    border: 1px solid #000;
    padding: 0 15px 15px 15px;
    z-index: 100;
    position: relative;
    box-shadow: 0 4px 5px -4px #A9A9A9;
    margin-bottom: 20px;
    border-top: 5px solid #333333;
    margin-top: -5px;
}
.search-panel.minimize, .search-panel .browse {
    background-position: top;
} /* don't remove fixed background image *//* Kewyn V5 added class*/
.search-panel .title {
    padding: 0 0 10px 0;
    margin: 10px 0 0 0;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    display: block;
    border-bottom: 1px solid #CFCFCF;
}
.search-panel .primary-action {
    position: relative;
    margin-bottom: 0;
    width: 195px;
    padding: 4px 20px;
}
.search-panel #tab3 .primary-action {
    float: left;
    bottom: -17px;
}
.search-panel label {
    display: block;
    font-weight: normal;
    padding: 5px 0;
    color: #ddd;/* height: 30px; */
    font-size: 13px;/* vertical-align: bottom; */
	text-transform: capitalize;
}
.fields-row-two label {
    height: 33px;
}
.search-panel .fields-row-one input {
}
.search-panel fieldset {
    margin: 0px;
	padding: 0px;
}
.search-panel .exp-container {
    display: block;
    margin-top: 0px;
}
.search-panel .exp-btn {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    margin: 25px 30px 10px 0;
}
.search-panel .exp-btn a {
    font-size: 11px;
    padding: 5px 30px 5px 5px;
    background-image: url("/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/general/arrow.png");
    background-repeat: no-repeat;
    background-position: right -10px;
} /* Kewyn V5 added class*/
.search-panel .exp-bottom {
    bottom: auto;
    top: 0;
}
.search-panel .exp-bottom a {
    font-size: 11px;
    background-position: right 7px;
} /* Kewyn V5 added class*/
.minimize .title .search-panel form {
    display: block;
    margin-bottom: 10px;
}
.search-panel .traveller-container {
    float: left;
    display: block;
    width: 770px;
    margin-bottom: 15px;
    margin-left: 20px;
}
.search-panel .roomlistPanel {
    float: left;
    width: 70px;
    padding: 10px 0;
    height: 100%;
}
.search-panel .party-make-up {
    margin-bottom: 3px;
}
/* Lowercase transform */

.menu li, .search-panel .title {
}
/**/

.departure, .destination, .date-of-departure, .date-of-return, .miniformobject {
    float: left;
    margin-right: 10px;
}
.departure .chosen-container{
	width: 171px !important;
}
.destination .chosen-container{
	width: 171px !important;
}
/*.datePicker {
	background: #ffffff url(/web/20210619225732im_/https://holidays.kulula.com/'images/branding/kulula-hol/selector-sprite.png') no-repeat -865px -273px;
    /*background: #ffffff url('/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/shared/button-sprite.png') no-repeat -270px -181px;
    border: solid 1px #999;
    height: 16px;
    cursor: pointer;
    width: 145px;
}*/
.fields-row-one, .fields-row-two {
    float: left;
    margin: 0;
    width: 100%;
}
.miniformobject select {
    margin-bottom: 5px;
}
.col-room, .col-adult, .col-child, col-infant {
    width: 40px
}
.col-room {
    width: 60px;
    text-align: right;
    margin-top: 22px;
}
.col-child {
    width: 85px;
}
.col-infant-cont, .col-child-cont {/* width: 200px; */
    margin-left: 30px;
}
.age-picker-panel {
    float: left;
}
.room-sep {
    border-bottom: 1px solid #555;
    padding: 10px 0;
}
.col-ages {
    display: block;
    float: left; /*remove float left if you want it to drop to next line. */
}
.guest-picker-panel {
    display: block;
}
.search-panel input.guestfield {
    width: 175px;
    cursor: pointer;
    height: 40px;
    padding: 6px 6px 6px 12px;
	border-radius: 4px;
}
.search-panel .age-def {
    font-weight: normal;
}
.search-panel .age-def .highlight {
}
.search-panel select {
	font-family: 'Open Sans', sans-serif;
    min-width: 45px;
    height: 45px;
	border-radius: 4px;
}
.search-panel input {
    width: 162px;
}
.search-panel .chosen-select {
    width: 162px;
    line-height: 49px;
    padding: 6px 30px 6px 12px;
    height: 60px;
}
.search-panel .chosen-select-dest {
    width: 250px;
}
.search-panel .date-of-departure input, .search-panel .date-of-return input {
    width: 140px;
    height: 40px;
    padding: 6px 0px 6px 12px;
    border-radius: 4px;
	color: #666;
}
.search-panel div.destination {
    display: inline-block;
    margin-bottom: 10px;
}
.search-panel #tab2 div.destination{
	width: 352px;
}
.search-panel div.destination label.label {
    display: none;
    padding-right: 8px;
	
}
.search-panel div.destination div#div_BrowseDestination {
    display: inline-block;
}
.search-panel div.destination div#div_BrowseDestination .chosen-container {
    width: 888px !important;
	font-size: 16px;
	margin-top: 10px;
}
/*end Search Panel end*/




/* check-availability Panel */

.check-availability-container {
    padding: 20px 20px 0;
    clear: both;
}
.check-availability {
    background: #333;
    border: 1px solid #ccc;
    padding: 15px;
    z-index: 0;
    margin-top: -1px;
    position: relative;
    box-shadow: 0 4px 5px -4px #A9A9A9;
}
.search-panel.exp-bottom {
    background-position: top;
} /* don't remove fixed background image *//* Kewyn V5 added class*/
#checkAvailability {
}
.check-availability .title, .checkAvailability h2 {
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    color: #ffffff;
    font-size: 18px;
    display: block;
    border-bottom: 1px solid #CFCFCF;
}
.check-availability .primary-action {
    position: relative;
    margin:10px 0 0;
	width: 195px;
}
.check-availability #destination-hotel .primary-action {
    float: left;
    bottom: -17px;
}
.check-availability label {
    display: block;
    padding: 0 0 5px 0;
	color: #ddd;
}
.check-availability .fields-row-one input {
}
.check-availability fieldset {
    margin: 0px;
	padding: 0px;

}
.check-availability .exp-container {
    display: block;
    margin-top: 5px;
}
.check-availability .exp-btn {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    margin: 25px 30px 10px 0;
}
.check-availability .exp-btn a {
    font-size: 11px;
    padding: 5px 30px 5px 5px;
    background-image: url("/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/general/arrow.png");
    background-repeat: no-repeat;
    background-position: right -10px;
} /* Kewyn V5 added class*/
.check-availability .exp-bottom {
    bottom: auto;
    top: 0;
}
.check-availability .exp-bottom a {
    font-size: 11px;
    background-position: right 7px;
} /* Kewyn V5 added class*/
.minimize .title {
    border: none;
}
.check-availability form {
    display: block;
}
.check-availability .traveller-container {
    float: left;
    display: block;
    width: 750px;
    margin-bottom: 15px;
    margin-left: 45px;
}
.check-availability .roomlistPanel {
    float: left;
    width: 70px;
    padding: 10px 0;
    height: 100%;
}
.check-availability .party-make-up {
    margin-bottom: 3px;
}
.check-availability-container .minimize {
    background-position: top;
}
.menu ul {
    background-color: rgba(0, 0, 0, 0.6);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#7F000000', EndColorStr='#7F000000');
    width: 100%;
}
.menu li, .check-availability .title {
    text-transform: inherit;
}
.menu li {
    z-index: 200;
}
/**/

.departure, .destination, .date-of-departure, .DateofReturn, .miniformobject {
    float: left;
    margin-right: 10px;
}
.miniformobject {
    float: left;
    margin-right: 15px;
}
.datePicker {
	background: #ffffff url('/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/icons/selector-sprite.png') no-repeat -713px -276px;
    /*background: #ffffff url('/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/shared/button-sprite.png') no-repeat -295px -181px;*/
    border: solid 1px #999;
    height: 16px;
    cursor: pointer;
    width: 145px;
}
.datePicker:disabled{
	background: #ccc;
	color: #999 !important;
	cursor: auto !important;
}
input[type=text].datepicker{
	font-family: 'Open Sans', sans-serif;
}
.fields-row-one, .fields-row-two {
    float: left;
    margin: 0;
    width: 100%;
}
.miniformobject select {
    margin-bottom: 5px;
}
.col-room, .col-adult, .col-child, .col-infant {
    width: 45px;
}
.col-room {
    width: 60px;
    text-align: right;
    margin-top: 22px;
    line-height: 75px;
    color: #ddd;
}
.col-infant-cont, .col-child-cont {/* width: 200px; */
    margin-left: 30px;
}
.age-picker-panel {
    float: left;
    border-left: solid 1px #555;
    margin-left: 20px;
}
#room_0_div, #room_1_div, #room_2_div, #room_3_div {
    border-bottom: 1px solid #e0e0e0;
    padding: 4px 0;
}
.col-ages {
    display: block;
    float: left; /*remove float left if you want it to drop to next line. */
}
.guest-picker-panel {
    display: block;
}
.check-availability input.guestfield {
    width: 175px;
    cursor: pointer;
    height: 40px;
    padding: 6px 6px 6px 12px;
    border-radius: 4px;
}
.check-availability .age-def {
    font-weight: normal;
}
.check-availability .age-def .highlight {
    font-weight: normal;
}
.check-availability select {
	font-family: 'Open Sans', sans-serif;
    width: 45px;
	height: 45px;
	border-radius: 4px;
	color: #666;
}
.check-availability select.chosen-select {
    width: 162px;
}
.check-availability input {
    width: 162px;
}
.check-availability .date-of-departure input, .check-availability .DateofReturn input, .check-availability .date-of-return input {
    width: 140px;
    height: 40px;
    padding: 6px 0px 6px 12px;
    border-radius: 4px;
	color: #666;
}
.check-availability #destination-hotel .width {
    width: 250px;
}
/*end Search Panel end*/



hr {
    border: 0;
    color: #ccc;
    background-color: #ccc;
    height: 1px;
    margin: 0;
}
.fields-row-one span.label, .fields-row-two span.label {
    display: block;
    font-weight: bold;
    padding: 0 0 5px;
}
.expand-minimize {
    text-align: right;
    font-size: 11px;
    padding-right: 7px;
    position: relative;
}
.expand-minimize a {
    font-size: 11px;
}
/*Bread Crumbs*/

#booking-process {
    width: 100%;
    margin-top: 10px;
    float: left;
}
#booking-process .process-bar {
    clear: left;
    border: 1px solid #EEEEEE;
    background: url('/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/general/gradient-back-progress.jpg') repeat-x;
    display: block;
    height: 38px;
    margin-bottom: 20px;
}
#booking-process .process-bar ol {
    min-height: 38px;
    margin: 0 0 0 10px;
    padding: 0;
}
#booking-process .process-bar li.stepFuture, #booking-process .process-bar li.stepFuture.firstStep, #booking-process .process-bar li.stepFuture.prevCurrent, #booking-process .process-bar li.stepFuture.prevFuture, #booking-process .process-bar li.stepFuture.prevPast {
    background: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/general/progress-icon.png) no-repeat 0 7px transparent;
}
#booking-process .process-bar li.stepCurrent.prevFuture, #booking-process .process-bar li.stepCurrent.lastStep, #booking-process .process-bar li.stepCurrent, #booking-process .process-bar li.stepCurrent.prevPast {
    background: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/general/progress-icon-current.png) no-repeat 0 7px;
}
#booking-process .process-bar li.stepCurrent.firstStep {
    background-position: 0 7px;
}
#booking-process .process-bar li.stepPast.firstStep, #booking-process .process-bar li.stepPast.prevPast {
    background: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/general/progress-icon.png) no-repeat 0 7px;
}
#booking-process .process-bar li {
    float: left;
    display: inline;
    font-size: 12px;
    text-transform: none;
    background: none;
}
#booking-process .process-bar a {
    font-weight: bold;
    text-decoration: none;
    padding: 0;
    margin: 13px 12px 11px 30px;
    display: inline-block;
    background-image: none !important;
}
#booking-process .process-bar #step-1 a {
    padding-left: 0;
}
#booking-process .process-bar .stepCurrent a {
    color: #00BCE4;
}
#booking-process .process-bar li.stepFuture a {
    color: #666666;
    cursor: default;
}
/* Hotel Overview page - property-container */

/*#Content #HeaderRow                                  { margin: 20px 0; }*/
/*#HeaderRow .hotelTitle                      { float:left; margin-top:20px; width:400px;}
#HeaderRow .priceRight                      { float:left; margin-top:20px; margin-left:10px;vertical-align: bottom;}
#HeaderRow .hotelTitle h2                   { float:left;}
#HeaderRow .priceRight .price               { color: #00bbe3;  font-size: 22px;  font-weight: bold;  line-height: 22px;}
#HeaderRow .priceRight .price a             { font-size: 22px; font-weight: bold; text-decoration:none;}
#HeaderRow .hotelTitle .star-rating         { float:left; margin-top:10px;}*/




.mainbg #bsteps {
    width: 920px;
}
.mainbg #bsteps ul {
   padding: 5px 0 5px 20px;
    clear: left;
   	background: #F8F8F8;
    display: block;
    height: 38px;
}
.mainbg #bsteps ul li {
	background: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/icons/progress-icon-v2.png) no-repeat 0 7px transparent;
	background-size: 23px;
    float: left;
    font-size: 16px;
	line-height: 38px;
    list-style: none;
    margin: 0;
    padding-left: 40px;
	text-transform: none;
	width: 130px;
}
.mainbg #bsteps ul li.current {
    color: #00BCE4;
    background: url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/icons/progress-icon-current-v2.png) no-repeat 0 7px;
	background-size: 23px;
}
/*Offer listing selection*/
#ol-table-main {
    width: 920px;
    float: left;
    margin: 0;
}
#ol-table-content {
    width: 920px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: left;
}
#ol-table-middle {
    width: 898px;
    padding: 0 10px 20px;
    border: solid 1px #ccc;
}
#ol-table-middle table{
	width: 100%;
}
.ol_title {
    font-size: 25px;
    font-weight: normal;
    color: #666;
   	padding: 20px 0 10px;
}
.ol_title img{
	display: block;
	margin: 5px 0 0;
}
#ol-camera {
    width: 46px;
    height: 46px;
    margin: -30px 76px 0;
    display: block;
}
#ol-hotelinfo {
    height: auto;
    width: 420px;
    display: inline-block;
	font-size: 16px
}
#ol-hotelinfo::before{
	display: block;
	content: "Details";
	font-weight: bold;
	font-size: 18px;
}
#ol-hotelinfo .col1 {
    display: block;
    width: 170px;
    float: left;
    margin-top: 2px;
    margin-bottom: 2px;
    text-align: left;
    font-weight: bold;
    color: #666666;
    clear: both;
}
#ol-hotelinfo .col2 {
    color: #666666;
    display: block;
    width: 230px;
    float: left;
    margin-top: 2px;
    margin-bottom: 2px;
    text-align: left;
}
#ol-hotelinfo #row {
    width: 259px;
    float: left;
    margin-top: 8px;
    margin-bottom: 2px;
}
#ol-hotelinfo .olcontainertitle {
    font-weight: bold;
	display: none;
}
#ol-hotelinfo #overviewtext {
    width: 430px;
    float: left;
	display: none;
}
#ol-hotelinfo #overviewtext p {
    margin-top: 1em;
    margin-bottom: 1em;
}
#ol-price-box {
    width: 244px;
    border: 1px solid #E5E5E5;
    margin-bottom: 5px;
	padding: 0 0 10px;
	float: left;
}
#ol-price-box #row {
    width: 244px;
    float: left;
    margin: 5px 0 0;
}
#ol-price-box #pricerow {
    width: 244px;
    float: left;
    margin: 5px 0 0;
}
#ol-price-box #pricerow .ol_price {
	color: #000000;
	font-size: 24px;
	display: inline-block;
}
#ol-price-box #pricerow .ol_price::first-letter{
	font-size: 12px;
}

#ol-price-box #row .ol_pricetext {
 
}
#ol-table-middle a {
    font-size: 12px;
    text-decoration: none;
}
#ol-price-box .tooltiptext{
	color: #00bce4;
}
#ol-price-box .tooltiptext::before{
	content: '\f05a';
	font-family: FontAwesome;
	display: inline-block;
    margin-right: 5px;
}

#ol-price-box #row .ol_text {
    font-size: 12px;
}
#ol-price-box #row a.button{
	width: 170px;
    line-height: 36px;
	height: 36px;
    padding: 0 20px;
    font-size: 16px;
    float: none;
    display: inline-block
}
#ol-changeinfobox {
    width: 100%;
    margin: 10px 0 20px;
}
#ol-changeinfobox .title {
    font-size: 18px;
    text-transform: none;
    border-bottom: solid 1px #E5E5E5;
	padding-bottom: 10px;
}
#ol-changeinfobox table:first-child  tr:first-child{
	background: #f8f8f8;
}
#ol-changeinfobox table .toprow {
    text-indent: 10px;
    height: 30px;
    text-transform: none;
    padding: 5px 0;
}
#ol-changeinfobox table .toprow:nth-of-type(n+2) {
	text-align: center;
}
#ol-changeinfobox table .mainrow2 {
    text-indent: 10px;
    height: 30px;
    line-height: 22px;
    border-bottom: solid 1px #ccc;
}
#ol-changeinfobox table .mainrow2:nth-of-type(n+2){
	display:none;
}
#ol-changeinfobox table .mainrow2 td{
	padding: 7px 0;
}
#ol-changeinfobox table .mainrow2 td:nth-of-type(n+2){
	text-align: center;
}
#ol-changeinfobox table .mainrow2 .price{
	font-weight: bold;
}
.carrier{
	font-size: 25px;
}
.ol_flighttexttitle {
	font-weight: bold;
}
#ab-section-changeinfobox-airline table tr:nth-of-type(n+2) td{
    text-indent: 10px;
    height: 30px;
    line-height: 22px;
    border-bottom: solid 1px #ccc;
	padding: 7px 0;
}
#ab-section-changeinfobox-airline table tr td:nth-of-type(1){
	width: 60%;
}
#ab-section-changeinfobox-airline table tr td:nth-of-type(2){
	width: 20%;
	text-align: center;
	display: table-cell;
}
#ab-section-changeinfobox-airline table tr td:nth-of-type(3){
	width: 10%;
	text-align: center;
}

/*#ab-section-changeinfobox-airline table tr td:nth-of-type(n+2){
	text-align: center;
}*/
#ol-changeinfobox table {
    background-color: #FFFFFF;
}
/*---------------ALTERNATIVE PACKAGES ------------*/
#alt-packages {
    border-bottom: 2px solid #ccc;
    float: left;
    text-align: left;
    margin-left: 0;
    padding: 20px 0 5px;
    width: 920px;
    font-size: 25px;
}
#alt-packages #pageNo {
    display: inline-block;
    float: right;
    font-size: 12px;
    padding-top: 15px;
}
#alt-packages #pageNo #ol-page-numbers a{
	margin: 0 5px;
}
#alt-packages-text {
    margin: 15px 0 5px;
    float: left;
    text-align: left;
    font-size: 16px;
	width: 920px;
}
#alt-packages-container {
    width: 920px;
    float: left;
    margin: 5px 0 10px 0;
}
#alt-packages-row {
    float: left;
	margin-bottom: 10px;
}
#ol-page-numbers{
	clear: both;
}
#ol-page-numbers a{
	margin: 0px 5px;
}
#alt-packages-container #ol-page-numbers a{
	margin: 0px 5px;
    background-color: #F1F7F8;
    background-image: linear-gradient(150deg,#F1F7F8 50%,#E5F4F7 51%);
    color: #0092b3;
    text-decoration: none;
    font-size: 12px;
    text-transform: uppercase;
    padding: 8px 20px;
    border-width: 1px 1px 3px 1px;
    border-style: solid;
    border-radius: 3px;
    border-color: #0092b3;
    text-align: center;
    white-space: nowrap;
    -webkit-transition: background-position .5s ease;
    transition: background-position .5s ease;
    text-overflow: ellipsis;
    overflow: hidden;
    background-size: 200% 200%;
    background-position: 0 50%;
	width: 100px;
	display: inline-block;
	vertical-align: middle;
}
#alt-packages-container #ol-page-numbers a:hover{
	background-color: #CEEAF0;
    background-position: 0 100%;
    color: #0092b3;
}
#alt-packages-offer {
    width: 200px;
    float: left;
    margin: 10px 0 10px 12px;
    padding: 7px;
    border: 1px solid #e5e5e5;
}
.alt-packages-title {
    width: 200px;
    height: 45px;
    overflow: hidden;
    float: left;
    font-size: 13px;
    margin-bottom: 10px;
    line-height: 15px;
    margin-left: 0;
	text-align: left;
}
#alt-packages-leftcol {
   text-align:left;
}
#alt-packages-leftcol .ol-thumbnail-image{
	width: 200px;
	height: 120px;
}
#alt-packages-leftcol p {
    margin: 0;
    text-align: left;
	padding: 0;
}
#alt-packages-leftcol .ol_pricetext {
    margin-top: -10px;
}
#alt-packages-leftcol .ol_price {
    font-size: 16px;
	font-weight: bold;
    color: #000000;
}
#alt-packages-leftcol #demo{
	display: none;
}
#alt-packages-rightcol div:nth-of-type(1) img{
	margin-top: -205px;
	float: left;
}
#alt-packages-rightcol div:nth-of-type(2){
	display: none;
}
#alt-packages-rightcol div:nth-of-type(3){
	display: none;
}
#alt-packages-rightcol .dealtext{
	text-align: left;
	text-transform: none;
}
#alt-packages-rightcol div:nth-of-type(5){
	text-align: center;
	margin-top: 10px;
}
#alt-packages-offer input[type="submit"]{
	width: 100%;
}

#propertyDescription {
    margin: 15px 0px 40px 20px;
    float: left;
}
#propertyDescription h2 {
    border-bottom: solid 2px #00BCE4;
    padding-left: 10px;
    padding-bottom: 10px;
    width: 900px
}
#propertyDescription .propertyCol1 {
    float: left;
    width: 400px;
    margin: 0 10px;
}
#propertyDescription .propertyCol2 {
    float: left;
    width: 400px;
    margin: 0 10px;
}
.dest-tab-title {
    margin: 30px 20px 0 20px;
}


/* Payment Details */
#payment_details .tabletitle {
    font-size: 14px;
    color: #666666;
    font-weight: bold;
    display: block;
    text-transform: none;
    padding: 0 0 10px 0;
    margin-bottom: 5px;
    border: none;
    border-bottom: 1px solid #efefef;
    height: auto;
}
#payment_details .tabletitle.payment_details_title{
	font-size:20px;
	color: #666;
	font-weight: normal;
}
#payment_details .passenger-info-txt {
    background: #f8f8f8;
    padding: 10px;
    margin: 10px 0;
}
#payment_details .bgtab09, #payment_details .tableborder1 {
    border: none;
    padding: 0;
	
}
#payment_details input.hasDatepicker {
    width: 90px;
    margin-right: 5px;
	position: relative;
}
#payment_details input#datepicker1 {
    background: #FFFFFE url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/icons/selector-sprite.png) no-repeat -390px -148px;
    background-size: 500px;
	cursor: pointer;
}
#payment_details input#datepicker2 {
    background: #FFFFFE url(/web/20210619225732im_/https://holidays.kulula.com/images/branding/kulula-hol/icons/selector-sprite.png) no-repeat -390px -148px;
    background-size: 500px;
	cursor: pointer;
}
#payment_details .subtxt03 {
    font-size: 11px;
    color: #EAB543;
    vertical-align: top;
    padding-top: 8px;
}
#payment_details textarea {
    float: left;
	border-radius: 4px;
	width:100%;
}
#payment_details  .credit_card_details{
	 background-color: #f8f8f8;
	padding: 20px;
	width: 590px;
}
#payment_details  .credit_card_details .tabletitle{
	font-size:20px;
	color: #666;
	font-weight: normal;
}
#payment_details  .credit_card_details .bgtab01,.credit_card_details .bgtab02 {
    background-color: #f8f8f8;
    height: 40px;
}
#payment_details  .credit_card_details #variable-width-6 {
    width: 590px;
}
#Total_AX .tableborder1, #Total_DI .tableborder1, #Total_MC .tableborder1, #Total_VS .tableborder1 {
    padding: 10px 20px;
    background-color: #f9f9f9;
}
#Total_AX .tableborder1 td, #Total_DI .tableborder1 td, #Total_MC .tableborder1 td, #Total_VS .tableborder1 td {
    width: auto;
}
#Total_AX .head01, #Total_DI .head01, #Total_MC .head01, #Total_VS .head01 {
    width: 100% !important;
    padding-left: 10px;
}
#Total_AX .price, #Total_DI .price, #Total_MC .price, #Total_VS .price {
    padding-left: 10px;
	font-size: 24px;
}

#Total_AX input[type="radio"], #Total_DI input[type="radio"], #Total_MC input[type="radio"], #Total_VS input[type="radio"] {
    float: left;
}

#Total_AX .tablelabel, #Total_DI .tablelabel, #Total_MC .tablelabel, #Total_VS .tablelabel{font-size: 14px; font-weight: 100 !important; display: none;}
/* New buttons */
input[type="submit"], input[type="button"], button, .button, .button:link, .button:visited {
	font-family: 'Open Sans', sans-serif;
    background-color: #8bc63e;/*IE 8 & 9*/
    background-image: linear-gradient(150deg, #8bc63e 50%, #86c139 51%);
	background-position: 0 50%;
	background-size: 200% 200%;
	border-color: #71a130;
    border-radius: 3px;
    border-style: solid;
	border-width: 1px 1px 3px 1px;
    color: #FFFFFF;
	cursor: pointer;
 	float: right;
    font-size: 16px;
    height: 40px;
    line-height: 24px;
	overflow: hidden;
    padding: 4px 20px;
    text-align: center;
    text-decoration: none;
	text-overflow: ellipsis;
	text-transform: uppercase;
    transition: background-position .5s ease;
	white-space: nowrap;
    -webkit-transition: background-position .5s ease;
   
}
input[type="submit"]:hover, input[type="button"]:hover, input[type="submit"]:active, input[type="button"]:active, input[type="submit"]:focus, input[type="button"]:focus, button:hover, .button:hover, button:active, .button:active, button:focus, .button:focus {
    text-decoration: none;
    background-color: #7DB137;/*IE 8 & 9*/
    background-position: 0 100%;
}
input[type="text"], input[type="password"] {
    border: 1px solid #CCCCCC;
	padding: 6px 10px;
	height: 40px;
    font-size: 14px;
    color: #666;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
}
.content-btn-big{
	background-color: #8bc63e;/*IE 8 & 9*/
    background-image: linear-gradient(150deg, #8bc63e 50%, #86c139 51%);
	background-position: 0 50%;
	background-size: 200% 200%;
	border-color: #71a130;
    border-radius: 3px;
    border-style: solid;
	border-width: 1px 1px 3px 1px;
    color: #FFFFFF !important;
	cursor: pointer;
 	float: right;
    font-size: 16px;
    height: 40px;
    line-height: 24px;
	overflow: hidden;
    padding: 4px 20px;
    text-align: center;
    text-decoration: none;
	text-overflow: ellipsis;
	text-transform: uppercase;
    transition: background-position .5s ease;
	white-space: nowrap;
    -webkit-transition: background-position .5s ease;
}
.content-btn-big:hover{
	text-decoration: none;
    background-color: #7DB137;/*IE 8 & 9*/
    background-position: 0 100%;
}
.content-btn-small{
	cursor: pointer;
    background: #8bc63e;
    color: #FFFFFF !important;
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    padding: 6px 24px;
    border-width: 1px 1px 3px 1px;
    line-height: 24px;
    border-style: solid;
    border-radius: 3px;
    border-color: #71a130;
    text-align: center;
    white-space: nowrap;
    -webkit-transition: background-color .5s ease;
    transition: background-color .5s ease;
    text-overflow: ellipsis;
    overflow: hidden;
}
.content-btn-small:hover{
	background: #7DB137;
    color: #FFFFFF;
    text-decoration: none;
}
.content-btn-secondary{
	background-color: #00bce4;
    cursor: pointer;
    display: inline-block;
    background-image: linear-gradient(150deg,#00bce4 50%,#00b2d8 51%);
    color: #FFFFFF !important;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    height: 60px;
    padding: 17px 24px;
    border-width: 1px 1px 3px 1px;
    line-height: 24px;
    border-style: solid;
    border-radius: 3px;
    border-color: #0092b3;
    text-align: center;
    white-space: nowrap;
    -webkit-transition: background-position .5s ease;
    transition: background-position .5s ease;
    text-overflow: ellipsis;
    overflow: hidden;
    background-size: 200% 200%;
    background-position: 0 50%;
}
.content-btn-secondary:hover{
	background-color: #00A7CA;
    background-position: 0 100%;
}
.content-btn-secondary-small{
	cursor: pointer;
    background: #00BCE4;
    color: #FFFFFF !important;
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    padding: 6px 24px;
    border-width: 1px 1px 3px 1px;
    line-height: 24px;
    border-style: solid;
    border-radius: 3px;
    border-color: #0092b3;
    text-align: center;
    white-space: nowrap;
    -webkit-transition: background-color .5s ease;
    transition: background-color .5s ease;
    text-overflow: ellipsis;
    overflow: hidden;
	font-weight: 100 !important;
}
.content-btn-secondary-small:hover{
	background: #00A7CA;
    color: #FFFFFF !important;
    text-decoration: none;
}
.content-btn-tertiary{
	background-color: #F1F7F8;
    cursor: pointer;
    display: inline-block;
    background-image: linear-gradient(150deg,#F1F7F8 50%,#E5F4F7 51%);
    color: #0092b3 !important;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    height: 60px;
    padding: 17px 24px;
    border-width: 1px 1px 3px 1px;
    line-height: 24px;
    border-style: solid;
    border-radius: 3px;
    border-color: #0092b3;
    text-align: center;
    white-space: nowrap;
    -webkit-transition: background-position .5s ease;
    transition: background-position .5s ease;
    text-overflow: ellipsis;
    overflow: hidden;
    background-size: 200% 200%;
    background-position: 0 50%;
}
.content-btn-tertiary:hover{
	background-color: #CEEAF0;
    background-position: 0 100%;
}
.content-btn-tertiary-small{
	cursor: pointer;
    background: #F1F7F8;
    color: #0092b3 !important;
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    padding: 6px 24px;
    border-width: 1px 1px 3px 1px;
    line-height: 24px;
    border-style: solid;
    border-radius: 3px;
    border-color: #0092b3;
    text-align: center;
    white-space: nowrap;
    -webkit-transition: background-color .5s ease;
    transition: background-color .5s ease;
    text-overflow: ellipsis;
    overflow: hidden;
}
.content-btn-tertiary-small:hover{
	background: #CEEAF0;
    color: #0092b3;
    text-decoration: none;
}
/* Popup styling */
.destinationname {
    font-size: 20px;
    color: #666;
    display: block;
    padding-top: 20px;
    padding-left: 105px;
}
/* Agent login page */
#AgentLoginButton {
    margin-top: 10px;
}
/*--------CUSTOM CLASSES -------------- */
/*Details Page*/
#holiday_details_div .pdetailsbox.price-row{
	
}
#holiday_details_div .pdetailsbox.price-row .price{
	display: table-cell;
	font-size: 13px; /*temporary change */
	color: #666 !important;  /*temporary change */
	
	
}

/*#holiday_details_div .pdetailsbox.price-row .price::first-letter{
	font-size: 12px;
}*/
#holiday_details_div .pdetailsbox.resort-row{
	
}
#holiday_details_div .pdetailsbox.flight-depart-row{
	
}
#holiday_details_div .pdetailsbox.flight-return-row{
	
}
#holiday_details_div .pdetailsbox.acc-row{
	
}
	/*Promotion Code */
	.promotion-code-row{
		background: #f8f8f8 !important;
	}
	.promotion-code-row tr.bgtab01{
		background: #f8f8f8 !important;
	}
	.promotion-code-row tr.bgtab01 .tablelabel{
		padding: 20px !important;
		font-weight: 100 !important;
	}
	.promotion-code-row tr.bgtab01 .tablefield{
		padding: 20px;
	}
	.promotion-code-row tr.bgtab01 .tablefield input{
		width: 200px;
		margin-left: 20px;
	}
	.promotion-code-row td.selectbg{
		display: table-cell !important;
		padding: 0;
	}
	.promotion-code-row .tabletitle{
		display: table-cell;
		padding: 10px 20px 0;
		color: #666;
	}

table#variable-width-6.booking-conditions {
    border:none;
    background-color: #fff3b8;
    padding:20px;
    box-shadow: 0 1px 7px 0 hsla(0,0%,63%,.75);

}
table#variable-width-6.booking-conditions td.mainbg {
    border:none;
    background-color: #fff3b8 !important;
}

table.tableborder01.billing-information {
    border-color: #ffffff;
	width: 630px;

}
table.tableborder01.billing-information tr td{
   padding: 5px 5px 5px;
}

table.tableborder01.billing-information .bgtab02 {
    display:none;
}

table.tableborder01.billing-information  input.formobject {    
	width: 100%;
    box-sizing: border-box;
    height: 50px;
}

table.tableborder01.billing-information select.formobject {
    background: #ffffff
}
/*Options Page*/
td.selectbg.room-title {
    display: block !important;
	width: 100%;
}
td.selectbg.room-title span {
    font-size: 20px;
}
/*Review Page*/
.cost-summary .total-price{
	font-size: 32px;
	color: #000;
}
.cost-summary .total-price::first-letter{
	font-size: 16px;	
}


/*Payment Page*/
.passenger-details select.formobject{
	height: 54px !important;
	border-radius: 4px !important;
}
.lead-passenger .tabletitle{
	font-size: 20px !important;
	font-weight: 100 !important;
	color: #666 !important;
}
.lead-passenger select.formobject{
	height: 54px !important;
	border-radius: 4px !important;
}
.credit-card{
	background: #f8f8f8;
	padding: 20px;
	width: 590px;
}
.credit-card #variable-width-6 {
	 width: 590px;
}

.credit-card select.formobject {
    background: #ffffff;
}
#Credit Card Details{
	background: #f8f8f8;
	padding: 20px;
}
#CCDetails .formobject{
	margin: 4px 0;
}
.credit-card .tabletitle{
	font-size: 20px !important;
	font-weight: 100 !important;
	color: #666 !important;
}
.credit-card .bgtab01, .credit-card .bgtab02{
	background: #f8f8f8 !important;
}
.credit-card select.formobject{
	height: 54px !important;
	border-radius: 4px !important;
}
/*Summary basket*/
.summary .price{
	color: #000;
	font-size: 24px;
}
.summary .price::first-letter{
	font-size: 12px;
}
.summary .total-price{
	text-align: right;
	color: #000;
	font-size: 32px;
}
.summary .total-price::first-letter{
	font-size:16px;
}
.errormessage{
	background-color: #f9dee7 !important;
    box-shadow: 0 1px 7px 0 hsla(0,0%,63%,.75) !important;
    background-image: none !important;
    border: none !important;
    line-height: 19px !important;
    padding: 20px !important;
}
.errormessage:before {
     content: "!";
    font-family: Flama Semibold,sans-serif;
    font-size: 20px;
    background-color: #AC0000;
    color: #fff;
    border: 4px solid #910000;
    border-radius: 50%;
    display: inline-block !important;
    width: 30px;
    height: 30px;
    text-align: center;
    margin-right: 20px;
    line-height: 30px;
}
/*Custom Messages */
/* MESSAGES
***************************************************************/
.message-warning .ico-body,
.message-notification .ico-body,
.message-Error .ico-body,
.message-Success .ico-body,
.validation-summary-errors .ico-body    { padding-left: 80px; }

.message-warning,
.message-notification,
.message-Error,
.message-Success,
.validation-summary-errors          { clear:both; box-shadow: 0 1px 7px 0 hsla(0,0%,63%,.75); margin-bottom: 20px; padding: 20px; min-height: 60px; }

.message-warning:before             { border-radius: 50%; float: left; width: 50px; height: 50px; text-align: center; line-height: 48px; }
.message-notification:before,
.message-Error:before,
.message-Success:before,
.validation-summary-errors:before   { border-radius: 50%; float: left; width: 50px; height: 50px; text-align: center; line-height: 1.2; }

.message-warning span,
.message-notification span,
.message-Error span,
.message-Success span,
.validation-summary-errors span { font-weight: bold; font-size: 16px; padding-bottom: 9px; display: inline-block; }

.message-warning                { background-color: #fff3b8; text-align: left; margin: 10px 0; }
.message-warning:before         { content: "\f0a1"; font-family: "FontAwesome"; font-size: 26px; background-color: #f0a328; color: #fff; border: 4px solid #b97811; margin: 0 20px 20px 0; }
.message-warning span           { color: #f0a328; }


.message-notification           { background-color: #cdecfa; text-align: left; margin: 10px 0; }
.message-notification:before    { content: "\f12a"; font-family: "FontAwesome",sans-serif; font-size: 33px; line-height: 50px; background-color: #2d86b3; color: #fff; border: 4px solid #206080; }
.message-notification span      { color: #206080; }

.message-Error                  { background-color: #f9dee7; text-align: left; margin: 10px 0; }
.message-Error:before           { content: "\f12a"; font-family: "FontAwesome",sans-serif; font-size: 33px;  line-height: 50px; background-color: #AC0000; color: #fff; border: 4px solid #910000; }
.message-Error span             { color: #910000; }
.message-Error h1               { font-size: 26px; color: #910000; display: inline; }
.message-Error p                { display: block; margin-bottom: 5px; }

.message-Error.small-message            { padding: 10px; min-height: 50px; font-weight: bold; color: #910000; }
.message-Error.small-message:before     { font-size: 20px; width: 30px; height: 30px; margin-right: 8px; line-height: 0.9; }
.message-Error.small-message .ico-body  { padding-left: 40px; padding-top: 5px; }

.validation-summary-errors        { background-color: #f9dee7; text-align: left; margin: 10px 0; }
.validation-summary-errors:before { content: "\f12a"; font-family: "FontAwesome",sans-serif; font-size: 33px;  line-height: 50px; background-color: #AC0000; color: #fff; border: 4px solid #910000; }
.validation-summary-errors span   { color: #910000; }

.message-Success                  { background-color: #eaf6ea ; text-align: left; margin: 10px 0; }
.message-Success:before           { content: "\f00c"; font-family: "FontAwesome"; font-size: 33px; background-color: #3fa553; color: #fff; border: 4px solid #307E40; line-height: 50px; }
.message-Success span             { color: #3fa553; }
.message-Success h1               { font-size: 26px; color: #3fa553; display: inline; }
.message-Success p                { display: block; margin: 10px 0 0; }

.message-Success.small-message            { padding: 10px; min-height: 50px; font-weight: bold; color: #3fa553; }
.message-Success.small-message:before     { font-size: 12px; width: 30px; height: 30px; margin-right: 8px;  }
.message-Success.small-message .ico-body  { padding-left: 40px; padding-top: 5px; }

/*QUOTE NOT AVAILABLE FORM*/
.unavailable-form{border: solid 1px #ccc;padding: 0 20px 20px;background: #f8f8f8;float: left;margin: 20px 0 0;}
.unavailable-form .tablelabel{display:inline-block;margin: 5px 0 10px;width: 25%;}
.unavailable-form input[type="text"]{width: 70%;display: inline-block;margin: 5px 0 10px;}
.unavailable-form .reference_number{background: #f8f8f8; border: 0}

/*
     FILE ARCHIVED ON 22:57:32 Jun 19, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:27:05 Jul 27, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.471
  exclusion.robots: 0.025
  exclusion.robots.policy: 0.016
  esindex: 0.009
  cdx.remote: 731.028
  LoadShardBlock: 169.148 (3)
  PetaboxLoader3.datanode: 243.194 (4)
  load_resource: 184.429
  PetaboxLoader3.resolve: 79.245
*/