@charset "utf-8";
/* CSS Document by Leekas Shep leekasshep@gmail.com */
/*-------base-layout--------*/
body{width:auto;
	height:auto;
	margin:0 auto;}
.outer-banner{width:1000px;
	height:auto;
	margin:0 auto;}
.outer-menu-shade{min-width:1000px;
	height:auto;
	border-top:#AAAAAA 1px solid;
	border-bottom:#AAAAAA 1px solid;
	padding:3px 0 3px 0;
	-moz-box-shadow: 0px 0px 3px #CCCCCC;
    -webkit-box-shadow: 0px 0px 3px #CCCCCC;
    box-shadow: 0px 0px 3px #CCCCCC;}
.outer-menu{min-width:1000px;
	height:100px;}
.container{width:1000px;
	height:auto;
	margin:0 auto;
	padding:10px 0 10px 0;}
.outer-footer-shade{min-width:1000px;
	height:auto;
	border-top:#AAAAAA 1px solid;
	padding:3px 0 0 0;
	-moz-box-shadow: 0px 0px 7px #CCCCCC;
    -webkit-box-shadow: 0px 0px 7px #CCCCCC;
    box-shadow: 0px 0px 7px #CCCCCC;}
.outer-footer{min-width:1000px;
	height:auto;}
/*----------global----------*/
.clr{clear:both;}
.link{text-decoration:none;}
.link:hover{text-decoration:underline;}
.link:active{text-decoration:none;}
.link2{text-decoration:none;}
.link2:hover{text-decoration:none;}
.link2:active{text-decoration:none;}
/*------icons-images------*/
.icons{background-image:url(images/images.jpg);}
.title-frame{background-position:0px 0px;}
.hot-tel-ico{background-position:-264px 0px;}
.hot-mail-ico{background-position:-264px -18px;}
.budget{background-position:-1px -62px;}
.economy{background-position:-122px -62px;}
.deluxe{background-position:-1px -153px;}
.luxury{background-position:-122px -153px;}
.srch-button{background-position:-262px -35px;}
/*-----------background-colors-----*/
body, .outer-menu-shade, .outer-footer-shade, .hot-cat-shade, .h-list-shade{background:#FFFFFF;}
.outer-menu, .outer-footer{background:#278340;}
.srch-outer-frame, .f-head{background:#23743A;}
.srch-frame, #search-frame{background:#FFFFFF;}
.qc-outer-frame, .v-list:hover, .v-list-hotels:hover, #search-frame-con{background:#E1F0F0;}
.qc-button{background:#65B1B1;}
.qc-button:active{background:#4E9A9A;}
.rc-item:hover{background:#E1F0F0;}
.more{background:#EFEFEF;}
.v-list, .v-list-hotels{background:#F3F3F3;}
.v-list-hotels-show{background:#FFFFFF;}
/*------text-formats-------*/
.hot-mail, .hot-tel{font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#278340;}
.call{font-family:Arial, Helvetica, sans-serif;
	color:#84E59E;
	font-size:42px;}
.number{font-family:Arial, Helvetica, sans-serif;
	color:#008040;
	font-size:42px;}
.hot-title{font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	text-align:center;
	padding:2px 0 2px 0;}
.menu-item{font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	text-shadow:#CCCCCC 0px 0px 1px;}
.srch-box{font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;}
.qc-box, .qc-select, .qc-area, .res-box, .res-select, .res-area{font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;}
.qc-button{font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;}
.rc-item{font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;}
.matter-head{font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#6A9486;
	text-shadow:#CCCCCC 0px 0px 1px;}
.matter-text{font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-shadow:#CCCCCC 0px 0px 1px;}
.v-title{font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	text-shadow:#CCCCCC 0px 0px 1px;}
.h-list-title{font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	text-shadow:#CCCCCC 0px 0px 1px;}
.h-list-title-sub{font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:10px;}
/*------hot-categories-------*/
.hot-cat-shade{width:auto;
	height:auto;
	float:right;
	border:#AAAAAA 1px solid;
	margin:10px 5px 10px 5px;
	padding:3px;
	-moz-box-shadow: 0px 0px 3px #CCCCCC;
    -webkit-box-shadow: 0px 0px 3px #CCCCCC;
    box-shadow: 0px 0px 3px #CCCCCC;}
.hot-cat-shade:hover{-moz-box-shadow: 0px 0px 5px #999999;
    -webkit-box-shadow: 0px 0px 5px #999999;
    box-shadow: 0px 0px 5px #999999;}
.hot-cat{width:120px;
	height:90px;
	position:relative;}
.hot-title{position:absolute;
	bottom:5px;
	left:-2px;
	width:124px;
	height:auto;
	background:#FFFFFF;
	filter: alpha(opacity=90);
	opacity: 0.9;}
/*-----------hot-contacts------------*/
.contact-frame{width:400px;
	height:90px;
	padding:10px;
	float:left;}
/*--------------menu---------------*/
.menu-pane{width:850px;
	height:auto;
	margin:0 auto;}
.menu-frame{width:550px;
	height:50px;
	margin:10px 0 0 0;
	float:right;}
/*TITLE*/
.title-frame{width:260px;
	height:61px;
	margin:20px 0 0 0;
	float:left;}
/*--------telephone-------*/
.hot-tel-frame{width:180px;
	height:auto;
	float:left;
	margin:3px 0 0 5px;}
.hot-tel-ico{width:20px;
	height:20px;
	float:left;}
.hot-tel{width:155px;
	height:auto;
	float:right;
	text-align:left;}
/*--------mail-ids---------*/
.hot-mail-frame{width:180px;
	height:auto;
	float:right;
	margin:3px 28px 0 0;}
.hot-mail-ico{width:20px;
	height:19px;
	float:left;}
.hot-mail{width:155px;
	height:auto;
	float:right;
	text-align:left;}
/*-----------navigation-menu------------*/
.menu-item-bar{width:auto;
	height:auto;
	float:right;
	margin:5px 40px 0 0;}
.menu-item{padding:5px 15px 5px 15px;
	color:#FFFFFF;
	text-decoration:none;
	border:#278340 1px solid;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px;}
.menu-item:hover{text-decoration:none;
	background:#23743A;
	border:#006633 1px solid;}
.menu-item:active{text-decoration:none;}
/*------search-bar------*/
.srch-outer-frame{width:auto;
	height:auto;
	position:relative;
	padding:4px;
	float:right;
	margin:25px 20px 0 0;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;}
.srch-frame{width:435px;
	height:auto;}
.srch-box{width:400px;
	height:17px;
	float:left;
	border:none;
	margin:2px 0 0 0;
	padding:0 0 0 3px;}
.srch-box:focus{outline:none;}
.srch-button{width:25px;
	height:23px;
	float:right;
	border:#FFFFFF 1px solid;}
/*-------search-results-------*/
#search-frame{width:auto;
	height:auto;
	padding:5px;
	position:absolute;
	z-index:1111;
	display:none;
	top:27px;
	left:4px;
	border:#CCCCCC 1px solid;}
#search-frame-con{font:12px Verdana, Arial, Helvetica, sans-serif;
	width:403px;
	height:auto;
	padding:10px;}
.search-head{color:#009966;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	text-shadow:#CCCCCC 0px 0px 1px;}
.search-head:hover{color:#006600;}
.search-sub{color:#006699;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	text-shadow:#CCCCCC 0px 0px 1px;}
/*-------quick-contact--------*/
.qc-outer-frame{width:auto;
	height:auto;
	margin:10px 10px 0 0;
	float:left;
	padding:5px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;}
.qc-box{width:150px;
	height:20px;
	margin:5px 5px 0 5px;
	border:#CCCCCC 1px solid;
	padding:0 0 0 3px;}
.qc-select{width:152px;
	height:23px;
	margin:5px 5px 0 5px;
	border:#CCCCCC 1px solid;}
.qc-area{width:150px;
	height:100px;
	margin:5px 5px 0 5px;
	border:#CCCCCC 1px solid;
	padding:0 0 0 3px;}
.qc-box:focus, .qc-area:focus{border:#999999 1px dashed;
	outline:none;}
.qc-select:focus{outline:#999999 1px dashed;}
.qc-button{width:60px;
	height:30px;
	margin:5px;
	float:right;
	border:#4A9595 1px solid;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px;}
.qc-button:hover{-moz-box-shadow: 0px 0px 2px #999999;
    -webkit-box-shadow: 0px 0px 2px #999999;
    box-shadow: 0px 0px 2px #999999;}
.qc-button:active{border:#408080 1px solid;
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;}
/*---------l-column-----------*/
.rc{width:180px;
	height:auto;
	float:right;}
.rc-item{float:left;
	padding:3px 15px 3px 15px;
	width:145px;}
.rc-item:hover{-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px;}
/*--------left-column----------*/
.lc{width:auto;
	height:auto;
	border-right:#E1F0F0 2px solid;
	margin:10px;
	padding:5px;
	float:left;}
/*---------matter----------*/
.h-matter{width:590px;
	height:auto;
	float:right;
	margin:10px 10px 0 0;}
/*---------main-right----------*/
.main-r{width:800px;
	height:auto;
	float:right;
	margin:10px 10px 10px 0;}
.main-l{width:170px;
	height:auto;
	float:left;
	margin:20px 0 10px 10px;}
/*------vertical-list------*/
.v-list{width:732px;
	margin:5px 15px 5px 0;
	height:189px;
	float:right;
	padding:0 20px 0 10px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;}
.v-title{width:100%;
	height:auto;
	margin:5px 0 0 20px;
	text-align:left;}
.v-title-more{width:100%;
	height:auto;
	margin:0 5px 5px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-shadow:#CCCCCC 0px 0px 1px;
	text-align:right;}
.v-list-hotels{width:752px;
	margin:5px 15px 5px 0;
	height:auto;
	float:right;
	padding:20px 0 20px 10px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;}
.v-list-hotels-show{width:765px;
	margin:20px 0 20px 0;
	height:auto;
	float:right;}
/*------hotel-list-------*/
.h-list-shade{width:auto;
	height:auto;
	float:left;
	border:#AAAAAA 1px solid;
	margin:5px 0 5px 10px;
	padding:3px;
	-moz-box-shadow: 0px 0px 3px #CCCCCC;
    -webkit-box-shadow: 0px 0px 3px #CCCCCC;
    box-shadow: 0px 0px 3px #CCCCCC;}
.h-list-shade:hover{-moz-box-shadow: 0px 0px 5px #999999;
    -webkit-box-shadow: 0px 0px 5px #999999;
    box-shadow: 0px 0px 5px #999999;}
.h-list{width:165px;
	height:130px;
	position:relative;}
.h-list-title-pan{position:absolute;
	top:5px;
	left:-2px;
	width:167px;
	height:auto;
	background:#FFFFFF;
	filter: alpha(opacity=90);
	opacity: 0.9;
	text-align:center;
	padding:2px 0 5px 0;
	line-height:11px;}
.h-list-title-pan-bottom{position:absolute;
	bottom:5px;
	left:-2px;
	width:167px;
	height:auto;
	background:#FFFFFF;
	filter: alpha(opacity=90);
	opacity: 0.9;
	text-align:center;
	padding:2px 0 2px 0;}
/*---------hotel-show-left-column-----------*/
.res-form{width:auto;
	height:auto;
	margin:0 20px 0 40px;
	float:right;
	padding:5px 5px 10px 5px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
	background:#E1F0F0;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	text-shadow:#FFFFFF 0px 0px 1px;}
.res-box{width:250px;
	height:20px;
	margin:5px 5px 0 5px;
	border:#CCCCCC 1px solid;
	padding:0 3px 0 3px;}
.res-cal{
    width:80px;
	height:20px;
	margin:5px 5px 0 5px;
	border:#CCCCCC 1px solid;
	background:#FFFFFF;
	padding:0 3px 0 3px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;}
.res-cal[disabled="disabled"] {
	margin:5px 5px 0 5px;
	border:#CCCCCC 1px solid;
	background:#FFFFFF;
	padding:0 3px 0 3px;}
.res-select{width:122px;
	height:23px;
	margin:5px 0 0 5px;
	border:#CCCCCC 1px solid;}
.res-area{width:250px;
	height:70px;
	margin:5px 5px 0 5px;
	border:#CCCCCC 1px solid;
	padding:0 3px 0 3px;}
.res-box:focus, .res-area:focus{border:#999999 1px dashed;
	outline:none;}
.res-select:focus{outline:#999999 1px dashed;}
.res-button{width:200px;
	height:45px;
	text-align:center;
	margin:5px 58px 0 0;
	float:right;
	border:#D54500 1px solid;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	border-radius: 4px;
	background:#FF8040;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	text-shadow:#000000 0px 0px 1px;}
.res-button:hover{-moz-box-shadow: 0px 0px 2px #999999;
    -webkit-box-shadow: 0px 0px 2px #999999;
    box-shadow: 0px 0px 2px #999999;
	background:#FF884F;}
.res-button:active{border:#802900 1px solid;
	background:#D54500;
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
	color:#CCCCCC;}
/*-----------hotel-show-micro-gallery-----------*/
.gal-shade{width:auto;
	height:auto;
	float:left;
	border:#AAAAAA 1px solid;
	margin:10px 5px 0 0;
	padding:5px 5px 2px 5px;
	background:#FFFFFF;}
.gal-shade:hover{border:#999999 1px solid;
	background:#EEEEEE;}
/*-------footer-------*/
.f-frame{width:900px;
	height:auto;
	margin:0 auto;
	padding:10px;}
.f-column{width:200px;
	height:auto;
	margin:0 10px 10px 10px;
	float:left;}
.f-column2{width:210px;
	height:auto;
	margin:0 10px 0 10px;
	float:right;
	border-left:#23743A 1px solid;}
.f-head{width:180px;
	padding:5px 10px 5px 10px;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	-moz-border-radius: 12px; 
	-webkit-border-radius: 12px; 
	border-radius: 12px;
	text-shadow:#CCCCCC 0px 0px 1px;
	text-align:left;
	margin:0 0 5px 0;}
.f-link{color:#FFFFFF;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	margin:5px 0 0 10px;
	float:left;
	text-align:left;
	width:auto;
	height:auto;
	text-shadow:#CCCCCC 0px 0px 1px;}
/*------------------about-munnar-pictures------------------*/
.munnar-pic{margin:0 10px 0 0;}
.left{float:left;}
.right{float:right;}
/*------------notification-messages--------------*/
.msgs{z-index:10;
	color:#006600;
	background:#E4FAEA;
}
.msgf{z-index:11;
	color:#990000;
	background:#FEE9E9;
}
.msgs, .msgf{font:12px Verdana, Arial, Helvetica, sans-serif;
	width:auto;
	height:auto;
	padding:5px 10px 5px 10px;
	position:fixed;
	top:0px;
	left:450px;
	text-shadow:#CCCCCC 1px 1px 3px;
	-moz-box-shadow: 0px 0px 8px #999999;
    -webkit-box-shadow: 0px 0px 8px #999999;
    box-shadow: 0px 0px 8px #999999;
}
/*------SUPPORT------*/
/*-----------call back------------*/
.cbs{
	position:relative;
	z-index:6001;
	margin-top:15px;}
.cbs input{width:200px;float:left;
	font-family:Arial, Helvetica, sans-serif;
	text-shadow:#FCFCFC 1px 1px 2px;
	font-size:12px;
	color:#333333;
	margin:6px 10px 5px 10px;}
#pcb{width:auto;
	height:179px;
	background:#F9F9F9;
	border:#CCCCCC 1px solid;
	display:none;
	position:absolute;
	right:28px;
	top:0px;}
.srch_close{width:20px;
	height:20px;
	background:url(http://travelskerala.in/images/srch-close-button-small.png) bottom left no-repeat;
	position:absolute;
	right:0px;
	top:0px;}