@charset "utf-8";
/* CSS Document */
body{
	
	margin:0px;
	
	}
.clear{
	clear:both;
	}
#warpper{
	width:1200px;
	height:auto;
	margin:0 auto;
	}
#header{
	width:1200px;
	 float:left;
	background-color:#f5f5f5;
	}	
.logo {
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
	float:left;
	width:425px;
	height:58px;
	margin-left:109px;
	margin-top:25px;
	margin-right:22px;
	margin-bottom:5px;
	}
.trip-advisor {
	background-image:url(../images/trip-advisor.jpg);
	background-repeat:no-repeat;
	float:left;
	width:147px;
	height:63px;
	margin-left:51px;
	margin-top:20px;
	margin-right:67px;
	margin-bottom:5px;
	}
.help-line {
	float:left;
	width:264px;
	height:61px;
	margin-top:20px;
	margin-right:115px;
	margin-bottom:7px;
	}
.kerala-hotels-bookings-header {
	background-image:url(../images/kerala-hotels-bookings-bg.jpg);
	background-repeat:no-repeat;
	float:left;
	width:1200px;
	height:auto;
	}
#menu{
	width:900px;
	height:35px;
	margin:0 auto;
	margin-top:5px;
	padding-left:15px;

	}
#menu div{
	padding:0 13px;
	float:left;
	background-color:#FF0;
	border:1px #333 solid;
	}
#menu div a{
	font-family:Tekton Pro;
	font-size:18px;
	color:#000;
	text-decoration:none;
	line-height:27px;
	}
#menu div a:hover{
	color:#900;
	}
.kerala-hotels-bookings {
	float:left;
	width:990px;
	height:352px;
	margin-left:154px;
	}
.middle {
	width:1200px;
	float:left;
	height:auto;
	background-color:#f5f5f5;
	}
.middle-side1 {
	width:auto;
	float:left;
	height:auto;
	margin-left:145px;
	margin-top:22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	}
.middle-side11 {
	width:308px;
	float:left;
	height:auto;
	margin-left:145px;
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	}
.middle-inner {
	background-color:#6ba70f;
	width:290px;
	float:left;
	height:218px;
	margin-left:13px;
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	}
.middle-inner input{width:200px;height:20px;margin:2px 0;}
.middle-inner textarea{width:200px;height:60px;}

.middle-side2 {
	width:629px;
	float:left;
	height:auto;
	margin-top:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	}
.middle-inner1 {
	background-color:#6ba70f;
	width:606px;
	float:left;
	height:186px;
	margin-left:13px;
	margin-top:7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	}
.middle-text {
	margin-left:20px;
	margin-top:20px;
	margin-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	font-weight:100;
	line-height:20px;
	}
.middle-text1 {
	margin-left:260px;
	margin-top:10px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	font-weight:100;
	line-height:20px;
	}
.middle-side3 {
	width:230px;
	float:left;
	height:auto;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	margin-left:145px;
	}
.middle-pct {
	background-image:url(../images/middle-side.jpg);
	background-repeat:no-repeat;
	float:left;
	width:445px;
	height:46px;
	margin-left:280px;
	}
.bottom {
	background-color:#6ba70f;
	width:1200px;
	float:left;
	height:auto;
	padding-bottom:0px;
	}
.bottom-inner {
	width:890px;
	height:auto;
	margin: 0 auto;
	padding: 0 0 0 25px;
	background: #FFF;
	}
.bottom-inner1 {
	width:890px;
	height:auto;
	float:left;
	
	}
.tour-package-box {
	width:260px;
	float:left;
	height:155px;
	margin-top:8px;
	margin-right:8px;
	border: 1px solid #333;
	padding: 10px;
	}
.tour-package-box  h1 { font: normal 18px/20px arial; color: #1d1c1c; padding: 0px; margin: 0 0 10px; }
.tour-package-box img{height:79px;width:111px; border: 2px solid #6ba70f; float: right;}
.tour-package-box li { font: normal 12px/14px arial; color: #1d1c1c; line-height: 25px; margin-left: 10px; }
.tour-package-box a { border-radius: 20px; background: #f51100; font: normal 14px/16px arial; font-weight: bold; color: #FFF; padding: 8px; text-decoration: none; float: left; margin: 10px 0 0; }
.bottom1 {
	width:1200px;
	float:left;
	height:auto;
	background-color:#f5f5f5;
	}
.bottom-side1 {
	width:319px;
	float:left;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#d40606;
	font-weight:bold;
	margin-right:22px;
	}
.bottom-side2 {
	width:247px;
	float:left;
	height:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#d40606;
	font-weight:bold;
	margin-right:22px;
	}
.bottom-text {
	width:247px;
	float:left;
	height:160px;
	margin-top:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	margin-right:22px;
	font-weight:normal;
	}
.bottom-line {
	width:1200px;
	float:left;
	height:5px;
    background-color:#649438;
	margin-top:10px;
	}
.bottom-text1 {
	width:890px;
	height:auto;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	line-height:24px;
	background: #FFF;
	padding: 0 20px;
	}	
.bottom-text1 td samp { border:1px solid #000;padding:10px; float:left;}
.bottom-text1 td samp img{width:205px; height:158px; border:1px solid #000;}
.contact-box{
	width:350px;
	float:left;
	margin-left:0px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	position:relative;
		}	
 .make-my-munnar-text11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 24px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
}
#offer-box{
	width:258px;
	height:151px;
	background-image:url(../images/hotel-seller-awarded.png);
	position:absolute;
	z-index:1000;
	top:200px;
	left:-10px;
	}
.kerala-hotels-bookings-box{
	width:845px;
	height:auto;
	margin-top:22px;
	margin-left:17px;
	float:left;
	position:relative;
	border: 1px solid #999;
	background:#FFF /*url(../images/inner_thumb_bg.png) center top no-repeat*/;
	box-shadow: 0 0 5px #888;
	}
.kerala-hotels-bookings-box img{width:255px;
	height:185px;margin:10px 12px; border:2px solid #FFF; float: left;}
.kerala-hotels-bookings-box .col1 { width: 390px; float: left; }
.kerala-hotels-bookings-box .col1 p{ font: normal 14px/16px arial; }
.kerala-hotels-bookings-box .col2 { width: 150px; float: right; padding: 0 20px 0 0; }
.kerala-hotels-bookings-box .col2 p{ font: normal 14px/16px arial; text-align: right; }
.kerala-hotels-bookings-box .col2 a{ font: normal 12px/14px arial; text-align: right; border-radius: 20px; background: #ec034a; padding: 10px; color: #FFF; text-decoration: none; float: right; }

#box-text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFF;
	width:278px;
	height:auto;
	padding:5px 0;
	/*z-index:1000;
	top:0px;
	left:28px;*/
	float:left;
	/*position:absolute;*/
	font-weight:bold;
	/*background:#FFF;*/
	text-align:center;
	}
.box-text{
	width:475px;
	height:auto;
	padding:5px 0;
	float:left;

	}
.box-text h1 {font-family:Arial, Helvetica, sans-serif;
	font-size:16px; margin: 0px; padding: 15px 0 0; }
#rate-text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000;
	width:230px;
	height:auto;
	padding:5px 10px 5px 38px;
	margin:10px 0;
	/*z-index:1000;
	top:0px;
	left:28px;*/
	float:left;
	
	font-weight:bold;
	background:url(../images/rs.png) 18px center no-repeat;
	/*text-align:center;*/
	}
.middle-side12 {
	width:890px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	}
.kerala-houseboat-box {
	width:430px;
	margin-left:145px;
	height:243px;
	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	float:left;
	}
.kerala-houseboat-box1 {
	width:448px;
	height:243px;
	margin-top:25px;
	margin-left:7px;
	float:left;
	}













	
	
	
	
.slide_bg{width:899px; height:352px; background:url(images/slide_bg.png); float:left;}

.slide{width:899px; height:352px; float:left;position:relative;}
.slide_bg_otherpage{width:899px; height:352px; background:url(images/slide_bg.png) no-repeat; float:left;}

.slide_otherpage{width:899px; height:352px; float:left;}








#carrent
{
/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
width:670px;
border-collapse:collapse;
}
#carrent td, #carrent th 
{
font-size:1em;
border:1px solid #fff;
padding:3px 7px 2px 7px;
}
#carrent th 
{
font-size:14px;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#996600;
color:#ffffff;
}
#carrent tr
{
color:#000000;
background-color:#97d8f8;
}
/* example styles for validation form demo */
#register-form {
    background:#F8F6E9;
    border: 1px solid #DFDCDC;
    border-radius: 15px 15px 15px 15px;
    display: inline-block;
    margin-bottom: 30px;
    margin-left: 20px;
 /*   margin-top: 10px;*/
    padding: 5px 10px 10px;
    width: 450px;
	float:left;
}

#register-form .fieldgroup {
    background: url("form-divider.gif") repeat-x scroll left top transparent;
    display: inline-block;
    padding: 0px 10px;
    width: 340px;
	
}

#register-form .fieldgroup label {
    float: left;
    padding: 10px 0 0;
    text-align: right;
    width: 110px;
	color:#6e4710;
}

#register-form .submit {
    padding: 10px;
    width: 220px;
    height: 40px;
}

#register-form .fieldgroup label.error {
    color: #FB3A3A;
    display: inline;
    margin: 10px 0 5px 255px;
    padding: 0;
    text-align: left;
    width: 220px;
	position:absolute;
	float:right;
}


/**************Datepicker*****************************/

/* CSS Document */



table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
a.dp-choose-date {
    background: url(../images/calendar.png) no-repeat scroll 0 0 transparent;
    display: block;
    float: right;
    height: 16px;
    margin: 13px -241px 0;
    overflow: hidden;
    padding: 0;
    text-indent: -2000px;
    width: 16px;
}

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}


#register-form .fieldgroup input, #register-form .fieldgroup textarea, #register-form .fieldgroup select {
    float: right;
    height: 22px;
    margin: 4px 0;
}

input, textarea {
    -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
input, textarea, select, .uneditable-input {
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    color: #555555;
    display: inline-block;
    font-size: 13px;
    height: 18px;
    line-height: 18px;
    margin: 2px 5px;
    padding: 4px;
    width: 210px;
}
input, button, select, textarea {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
label, input, button, select, textarea {
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
}
button, input {
    line-height: normal;
} 
button{ cursor:pointer;}
button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: middle;
}
select {
    background-color: #FFFFFF;
    width: 220px;
	height:30px;
}






/*--addphp--*/
#destination{width:854px;float:left;background:#FFFFFF; border: 1px solid #333;}
#destination table{width:462px; border-collapse:collapse; float: left;   }#destination td{border:1px solid #000;padding:0 10px;
}#destination td p { padding: 0px; margin: 0px; }
#destination a { color: #06F; text-decoration: none; }
#destination b { color: #F00; }
#destination big { font-size: 20px; }

#centerbox{width:854px;float:left;background:#FFFFFF;padding:20px 0;}
#centerbox b{font:bold 16px/18px Arial, Helvetica, sans-serif;color:#333;}
#centerbox .cntr1{float:left;width:220px; height:146px;}
#centerbox img{float:right;width:220px; height:146px;border:2px solid #000;margin:10px;}
#centerbox .cntr2{float:left;width:670px;}
#centerbox .cntr2 b{font:normal 14px/16px arial;color:#000;}
#centerbox .cntr2 li{font:normal 12px/13px arial;color:#000;}

#includebx{width:854px;float:left;background:#A6CB25;}
#includebx table{width:854px; border-collapse:collapse;}
#includebx td{border:1px solid #000;padding:0 10px;}

#includebx .include{float:left;width:419px;}
#includebx .include li{font:bold 13px/14px arial;color:#000;line-height:26px;}

#includebx .exclude{float:left;width:418px;border-left:1px solid #000;}
#includebx .exclude li{font:bold 13px/14px arial;color:#000;line-height:26px;}

#includebx .exclude .highlight{width:300px;background:#FF0;border:4px solid #333;margin:10px 80px;text-align:center;padding:10px;}

.bottomlinebg{width:890px;height:20px;float:left;text-align:center;background:url(images/line.png) no-repeat;}


.hotel-details { width: 800px; float: left; border-bottom: 2px solid #333; }
.hotel table{width:550px; border-collapse:collapse; margin: 20px 0 0;}
.hotel td{border:1px solid #000;padding:0 10px;}
.hotel td a { border-radius: 10px; background: #F00; color: #FFF; text-decoration: none; padding: 5px; }

.itinerary table{width:850px; border-collapse:collapse; margin: 30px 0 0;}
.itinerary th{border:1px solid #000;padding:10px; background:#BBE3B9;}
.itinerary td{border:1px solid #000;padding:10px;}
.itinerary td a { border-radius: 10px; background: #F00; color: #FFF; text-decoration: none; padding: 5px; }
.itinerary td b { font: bold 16px/18px arial; }

.price table{width:800px; border-collapse:collapse; margin: 20px 0 0;}
.price th{border:1px solid #000;padding: 10px; background:#33CC66;}
.price td{border:1px solid #000;padding: 10px;}
.price td a { border-radius: 10px; background: #F00; color: #FFF; text-decoration: none; padding: 10px; }

.h-detils-pic  { float: left; }

.price-box { width: 200px; float: left; text-align: center; border: 1px solid #333; height: 218px; }
.dest-col-out { overflow-y:auto; height: 123px; padding-top: 20px; }
.dest-col { font-weight:bold;  }




/**************Form New*****************************/

#register-form  label {
    float: left;
    padding: 10px 0 0;
    text-align: left;
    width: 185px;
	color:#333333;
	font:bold 12px arial;
	margin: 0 10px 0 0;
}
#register-form  label input, select { width: 180px; height: 28px; border: 1px solid #bdbdbd; border-radius:5px; outline:none; float:left; }
#register-form  label textarea { width: 350px; height: 70px; border: 1px solid #bdbdbd; border-radius:5px; outline:none; float:left; }#register-form  label .error{ color: #F00; padding: 0px; }
#register-form {
    background:#F8F6E9;
    border: 1px solid #DFDCDC;
    border-radius: 15px 15px 15px 15px;
    display: inline-block;
    margin-bottom: 30px;
    margin-left: 20px;
 /*   margin-top: 10px;*/
    padding: 5px 10px 10px;
    width: 1050px;
	float:left;
}