@charset "iso-8859-1";
@import url("htmlAttributes.css");
/**********OPT-in message popup************/
.divOptInMessage {
    position: fixed;
    /*display: inline-block;*/
   
}

.divOptInMessage .divOptInMessageContent {
    visibility: hidden;
    width: 300px;
    background-color: #ddd;
    color: #000;
    text-align: left;
    border-radius: 4px;
     font-size:14px;
     border: 1px solid #999;
    
    padding: 8px;
    position: absolute;
    z-index: 99999;
    bottom: 150%;
    left: 50%;
    /*margin-left: -120px;*/
}
 .divOptInMessage .divOptInMessageContent::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 55px;
    border-width: 5px;
    border-style: solid;
    border-color: #999 transparent transparent transparent;
}

/* The Close Button */
.divOptInMessageClose {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.divOptInMessageClose:hover,
.divOptInMessageClose:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.optinhelp{
    border: 1px solid #aaa;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    display: inline-block;
    text-align: center;
    background-color: #ddd;
}

/********************/
 
.BookingDetail
{
	font-size:18px;
	font-weight:bold;
	padding-bottom:0px;
	padding-top:0px;
	color:#7D7979;
}
.BookingRef
{
	color:#E94E1B;
}
.BookNow, .ViewOffers
{
	color: #E94E1B; 
	font-weight: bold;
}
a.CancelBooking
{
	color:#E94E1B;
	text-decoration:underline;
}
a.CancelBooking:hover
{
	color:#E94E1B;
	text-decoration:underline;
}

/***************************BRANDING*****************/
.brandHeader
{
	visibility:none;
}
.brandHeaderContent
{

}


/************Table BG*************/
.main_content
{
	
}
.MainCustom
{
    vertical-align: top;
    text-align: left;
    align-content: center;
    vertical-align: top;
    padding: 10px 10px 20px;
}

.header-box
{
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 7px;
}

.title
{
    font-size: 16px;
    border-bottom: 1px dotted #aaa;
    padding-bottom: 10px;
    color: #E94E1B;
}

.line
{
    
    border-bottom: 1px dotted #aaa;
    color: #E94E1B;
}
.offerdesc
{
    font-size: 12px;
    color: #999;
}
.title-line2
{
    font-size: 10px;
    color: #999;
}

.control-group
{
    margin-bottom: 8px;
    *zoom: 1;
}

.control-label
{
    float: left;
    width: 130px;
    padding-top: 5px;
    text-align: left;
}


.controls
{
    *display: inline-block;
    *padding-left: 10px;
    *margin-left: 0;
}

.alert
{
    padding: 8px 35px 8px 14px;
    margin-bottom: 18px;
    /*color: #c09853;*/
    color:#000000;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.alert-error
{
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.alert-info
{
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}


.booking_info
{
    background-color: #f8f8f8;
    border: 1px solid #ededed;
    padding: 10px 10px 10px;
    font-weight: normal;
}


.offerbox {
    background-color:#F5F3EE;
    border-radius:5px;
    padding:8px;
    margin-bottom:5px;
    border:1px solid #ededed
}

.offerbox-title {
	font-size:14px;
	font-weight:bold;
}
.offerbox-detail {
    font-size: 10px;
    color: #333;
}
.offerbox-action {
    padding-top:5px;
}

.input-box-normal
{
    width: 270px;
}

.input-box-large
{
    width: 450px;
}

textarea-box-large
{
    width: 450px;
}

/**********Header Fonts***************/




/*************************/


.smallFont
{
    font-size: 9px;
    font-weight: bold;
}

a.bgHyper
{
    color: #000000;
    text-decoration: none;
}

a.bgHyper:hover
{
    color: #535353;
    text-decoration: none;
}

/*********************************/

.noBorder
{
    border: 0px solid #fff;
	background-color:#FFFFFF;
}

.redBorder
{
    border: 1px solid #f00;
	background-color:#FFDE7D;
}

.slot
{
    border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: white;
    display: inline-block;
    background-color: #E94E1B;
    margin: 0px 5px 5px 0px;
    padding: 10px 19px;
}
.slot-disable
{
    border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #333;
    display: inline-block;
    background-color: #F1F2F2;
    margin: 0px 5px 5px 0px;
    padding: 10px 19px;
}

.slot-disable_offer
{
    border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #333;
    display: inline-block;
    background-color: #DADADA;
    margin: 0px 5px 5px 0px;
    padding: 10px 19px;
}

.slot:hover
{
    color: white;
    background-color: #FF6136;
}

.lightbutton
{
    border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #333;
    display: inline-block;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    background-color: #F1F2F2;
    margin: 0px 5px 5px 0px;
    padding: 5px 19px;
    border: 1px solid #E9E9E9;
}

.lightbutton:hover
{
    /*color: white;*/
    background-color: #E9E9E9;
}


a.site
{
    font-size: 12px;
    text-decoration: none;
    color: #333333;
    font-weight: bold;
}

a.site:hover
{
    font-size: 12px;
    text-decoration: none;
    color: #333333;
    font-weight: bold;
}

h1.calender
{
    font-size: 20px;
    padding-bottom: 0px;
    padding-top: 12px;
    padding-left: 12px;
}



div#preload
{
    display: none;
    visibility: hidden;
}


.image
{
    background-repeat: no-repeat;
    background-color: transparent;
    display: block;
}

hr
{
    height: 1px;
    width: 99%;
    text-align: left;
    border-bottom: 1px dotted #D1D1D1;
}


.hideDiv
{
    visibility: hidden;
}

.hiddenField
{
    visibility: hidden;
}

.showDiv
{
    visibility: visible;
}


.h114
{
	font-size:14px;
	font-weight:bold;
	padding-bottom:0px;
	padding-top:0px;
}
.h2
{
	font-weight:bold;
	font-size:11px;
	font-weight:normal;
	padding-bottom:5px;
	padding-top:0px;
}
/*=======add css==========*/
.controls_new
{
    *display: inline-block;
    *padding-left: 20px;
    *margin-left: 0;
	float:left;
	width:65%;
}
.control-label_new
{
    float: left;
    width: 130px;
    padding-top: 5px;
    text-align: left;
}
.control-group_new
{
    margin-bottom: 8px;
    *zoom: 1;
}
.new_fld{
}
.outter{
	overflow:hidden;
}
.checkbox_new{
	border:none !important;
}
.checkbox_new > input {
    border: medium none;
}
input:focus, textarea:focus, select:focus{
	outline:none !important;
}

/*====add 3-2-14=====*/




.calendar-container
{
    width:100%;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    background-color: #f8f8f8;
    border: 1px solid #ededed;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding:0px
}

.calender-cell
{
    width:40px; height:30px; display:table-cell; vertical-align:middle; 
}
.calender-cell:hover
{
    color: #FF6136;
    font-weight:bold;
}
/*========add css by esolz==============*/
.left_calendar{
	float:left;
}
.right_calendar{
	float:left;
	margin-left:15px;
}
.new_outr{
	overflow:hidden;
	margin-bottom:25px;
}
.gap{
	margin-bottom:12px;
}
.title_left{
    float: left;
    width: 415px;
}
.title_right{
	float:left;
	margin-left:35px;
}
.voucher{
	width:210px;
}
.btmgap{
	margin-bottom:14px;
}
/*=====add css ====*/

.right_calendar .control-label{
	float: none;
	width: 100%;
}

/************************************************************************************/
.offerbox {
    
    padding:0px;
   
}
.offerbox a{
	padding: 10px 40px 10px 10px;
	display: block;
	background: url(../img/arw.png) no-repeat right center;
}
.offerbox a:hover{
	background: url("../img/arw.png") no-repeat scroll right center #e94e1b;
    border-radius: 3px;
    text-decoration: none;
}
.offerbox a:hover .offerbox-title span{
	color: #fff;
}
.offerbox a:hover .offerbox-detail span{
	color: #fff;
}
.offerbox .offerbox-title span{
	color: #e94e1b;
}
.dsabl a{
	background: url(../img/arw.png) no-repeat right center #eeeeee;
	color: #aaaaaa;
	
}
.dsabl .offerbox-title span{
	color: #aaaaaa;
}
.dsabl .offerbox-detail span{
	color: #aaaaaa;
}
.dsabl a:hover{
	background: url(../img/arw.png) no-repeat right center #eeeeee;
	cursor: not-allowed;
	
	
}
.dsabl.offerbox a:hover .offerbox-title span{
	color: #aaaaaa;
}
.dsabl.offerbox a:hover .offerbox-detail span{
	color: #aaaaaa;
}
.nosdp{
	display: none;
}
@media (max-width: 989px) {
	.title_left {
    width:56%;
	}
	.title_right {
    width:43%;
	margin-left:5px;
}
}
@media (max-width: 767px) {

.voucher {
    width: 130px;
}
.title_left {
		float: left;
		width:45%;
	}
	
	.title_right {
		float: left;
		margin-left: 15px;
		width:52%;
	}
.fld_new{
		width:62%;
	}
	.namefld{
		width:80px;
	}
	.new_comnt{
		width:50% !important;
	}
	.new_drp{
		width:32% !important;
	}
}
@media (max-width: 568px) {
	.fld_new{
		width:270px;
	}
	.new_drp{
		width:135px !important;
	}
	.namefld{
		width:130px;
	}
	.new_comnt{
		width:270px !important;
	}
	.email_fld{
	width:67% !important;
}
.personal_msg{
	width:63%;
}
.left_calendar{
	width:50%;
}
.right_calendar{
	width:42%;
}
.title_left{
	float:none;
	width:100%;
}
.title_right{
	float:none;
	width:100%;
	margin-left:0px;
}
}

@media (max-width: 480px) {
	
	.control-label{
		width:119px;
	}
	
	.control-label{
	float:none;
}

#calendar > table {
    width: 100%;
}
.control-label_new{
	float:left;
	width:100px;
}
.controls_new{
	float:left;
	width:65%;
	margin-left:3px;
}
.control-group_new{
	overflow:hidden;
}
.booking_info{
	padding:10px 1% 20px;
}
.lightbutton{
	padding:5px 2%;
}

input, textarea, select{
	padding:5px 1%;
}
.input-box-normal{
	width:97%;
}
.new_fld{
	width:100%!important;
}
.control-label{
	width:auto;
}
.gap{
	margin:0 0 5px;
}
.msg_fld{
	width:98% !important;
}
.click_btn{
	width:100% !important;
}
.new_comnt{
	width:97% !important;
}
.new_drp{
	width:48.8% !important;
}
.new_drp1{
	width:49% !important;
}
.top_select {
    float: left;
    width:65% !important;
}
.outter_new{
	overflow:hidden;
}
.new_left{
	float:left;
	width:104px;
}
.left_calendar{
	float:none;
	width:100%;
	margin-bottom:15px;
}
.right_calendar{
	float:none;
	width:100%;
	margin-left:0;
}
}

/*--------- ADDED BY ESOLZ DEVELOPER --------------*/

.social_icon { float: right;margin-top:9px;padding-right:40px;   }

.fb_icon { 
            background-image:url(../img/facebookicon4.png);
            background-repeat:no-repeat;
            width:25px;
            height:25px;
            float:left;
            margin:0 20px 0 5px;
        }
         .twt_icon { 
            background-image:url(../img/twittericon4.png);
            background-repeat:no-repeat;
            width:25px;
            height:25px;
            float:left;
            
        }

         /*--------- END ADDED BY ESOLZ DEVELOPER --------------*/
        


















.control-grpot{
	overflow: hidden;
	margin: 0 -15px;
}
.grpot-lp{
	float: left;
	width: 360px;
	padding: 0 15px;
	box-sizing: border-box;
}
#form1{
	overflow: hidden;
}
.right_calendar{
	width: 392px;
}
@media (max-width: 991px) {
	.grpot-lp {
    width: 337px;
     padding: 0 8px;
}
}
@media (max-width: 680px) {
	.grpot-lp{
		width: 100%;
	}
	.control-label{
		width: 100%;
		float: none;
	}
	.grpot-lp input , .grpot-lp textarea , .grpot-lp select{
		width: 100% !important;
		box-sizing: border-box;
	}
	.grpot-lp select{
		margin-bottom: 10px;
	}
	.line{
		margin-top: 12px;
	}
	
	


}
@media (max-width: 867px) {
	.right_calendar{
		width: 58%;
	}
	.left_calendar{
		width: 40%;
	}
}
@media (max-width: 767px) {
	/*****************added on 03.04.2015*******************/
	.left_calendar{
		width: 47%;
	}
	.right_calendar{
		width: 50%;
	}
	.controls select{
		width: 48% !important;
	}
	.right_calendar .controls select{
		width: 180px !important;
	}
}
@media (max-width: 685px){
	.nw_frrespo .control-label{
		 width: 28%;
		 float: left;
	}
	.nw_frrespo .controls {
	    float: left;
	    width: 70%;
	}
	.nw_frrespo .btmgap{
		overflow: hidden;
	}
	.nw_frrespo .controls select{
		width: 100% !important;
	}
	.nw_frrespo .controls .fld_new{
		width: 100% ;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
	}
	.nw_frrespo .controls textarea{
		width: 100% !important;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
	}
	/*.title_right .btmgap:nth-child(2) .controls{
		width: 100%;
	}*/
	
	
}

@media (max-width: 611px){
	.nw_frrespo .controls {
    float: none;
    width: 100%;
}
}

@media (max-width: 585px) {
	.left_calendar{
		width: 47% !important;
	}
	.controls select{
		width: 47% !important;
	}
	
	.nw_frrespo .controls .fld_new {
	    box-sizing: border-box;
	    width: 68%;
	}
	.nw_frrespo .controls select {
    width: 68% !important;
}
	
}
@media (max-width: 520px) {
	.left_calendar{
		width: 100%;
	}
	.right_calendar{
		width: 100%;
		margin-left: 0;
	}
	.right_calendar .controls select {
   	 width: 100% !important;
	}
	.left_calendar {
    	width: 100% !important;
	}
	
	
	
	
	
}
@media (max-width: 618px) {
	.nw_frrespo .controls .fld_new {
	    box-sizing: border-box;
	    width: 75% !important;
	}
	.nw_frrespo .controls select {
    width: 75% !important;
}
.nw_frrespo .control-label{
	 box-sizing: border-box;
    padding-right: 5px;
    width: 25% !important;
    word-break: break-all;
	
	}
	.nw_frrespo .controls textarea{
		width: 75% !important;
		
	}
	.strc_nw{
		float: left;}
	.clearf{
		overflow: hidden;
	}	
	.strc_nw {
    float: left !important;
    width: 75% !important;
	}
	.nw_frrespo .strc_nw select {
    width: 100% !important;
}
}
@media (max-width: 440px) {
	.nw_frrespo .control-label{
		width: 100% !important;
		padding-right: 0;
	}
	.nw_frrespo .controls select {
    width: 100% !important;
}
.nw_frrespo .controls .fld_new{
	width: 100% !important;
}
.nw_frrespo .controls select.new_drp {
    width:100% !important;
}
.strc_nw{
	 width:100% !important;
}
.nw_frrespo .controls textarea {
    width: 100% !important;
}
}