/* ----------------------------------------------------

	Body Default

	----------------------------------------------------*/

* {

	margin: 0px;

	padding: 0px;

	outline: none;

	color: #353d43;

}

a {

	color: #3c3f44;

	text-decoration: none;

}

a:hover {

	color: #aeae85;

	text-decoration: none;

}

img {

	border: none;

}

ul {

	margin: 0px;

	padding: 0px;

}

li {

	list-style: none;

}

li a{

	text-decoration: none;

}



.left { float: left !important; }

.right { float: right !important; }

.text-left { text-align: left !important; }

.text-right { text-align: right !important; }

.text-center { text-align: center !important; }

/*.clear { float: left !important; clear: both !important; width: 100% !important; }*/





.clear {

	clear: both;

}

#body{

	font: normal 12px/18px Arial, sans-serif;

	text-align: left;

	text-decoration: none;

	color: #353d43;	

	background: #ffffff url(../images/bodybg.jpg) repeat-x center top;

}



/* ----------------------------------------------------

	Headings 

	----------------------------------------------------*/

h1, h2, h3, h4, h5, h6, input, textarea, select, option {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: normal;

	display: inline;

}

h2.mainhead {

	background: transparent url(../images/heads.gif) no-repeat;

	float: left;

	margin: 25px 0 10px 0;

	height: 20px;

	width: 330px; 

	text-indent: -9999px;

}



/* ----------------------------------------------------

	Main Nav 

	----------------------------------------------------*/

	#mainNav {

		position: relative;

		margin: 0px auto;

		width: 970px;

		clear: both;

		/*border: solid #000;

		border-width: 0 1px 0 1px;*/

	}

	#MunnarHolidayslogoCon {

		float: left;

		height: 40px;

		_height: 43px;

		width: 300px;

		margin: 28px 0 0 10px;

		padding: 30px 0 0 0;

	}

		#topMenuNav {

			float: right;

			clear: right;

			padding: 3px 0px 5px 0px;

			background-color: #fff;

			/*border: solid #ffca9f;

			border-width: 0 0 1px 0;*/

		}

			#topMenuNav a {

				margin: 0 0px 0 0px;

				padding: 0 12px 5px 12px;

			}

			#topMenuNav a:hover, 

			#topMenuNav a.active {

				color: #3c3f44;

				border-bottom: 1px solid #ff9f51;

				background: url(../images/top-menu-bg.gif) repeat-x left -10px;

			}

	#MainBannerCon {

		float: left;

		width: 100%;

		height: 298px;

		margin: 6px 0 7px 0;

		background: url(../images/banner-bg.jpg) no-repeat left top;

	}

		#MainBannerCon p.package {

			padding: 20px 0 0 0;

		}

			#MainBannerCon p.button {

				height: 68px;

				width: 68px;

				text-align: center;

				padding: 20px 0 0 0;

				background: url(../images/apply-button-bg.gif) no-repeat left top;

			}

	

/* ----------------------------------------------------

	Top Menu Nav 

	----------------------------------------------------*/

	ul#topMenu {

		float: right;

		width: auto;

		height: 32px;

		margin: 22px 0 0 0;

		_margin: 19px 0 0 0;

	}

		ul#topMenu li {

			float: left;

			margin: 0 1px 0 1px;

			border: solid #babcbc;

			border-width: 1px 1px 0 1px;

		}

		ul#topMenu li a {

			float: left;

			padding: 7px 15px 0 15px;

			height: 24px;

			font-size: 13px;

			color: #3c3f44;

			background: url(../images/top-menu-bg.gif) repeat-x top;

		}

		ul#topMenu li a:hover, 

		ul#topMenu li.active a:hover, 

		ul#topMenu li.active a{

			background: url(../images/top-menu-bg-ov.gif) repeat-x top;

			color: #fff;

		}

		

/* ----------------------------------------------------

	Matter Cons

	----------------------------------------------------*/

	#MatterMainCon {

		float: left;

		position: relative;

		width: 968px;

		border: solid #e7e7e7;

		border-width: 0 1px;

		background-color: #f4f3f4;

	}

		#MatterMainCon.welcome {

			background-color: #fff;

		}

		#MatterMainCon .topShadow {

			position: absolute;

			top: 0px;

			left: 0px;

			width: 100%;

			height: 13px;

			z-index: 9998;

			background: url(../images/top-shadow-bg.png) no-repeat center top;

		}

		#MatterMainCon .btmShadow {

			position: absolute;

			bottom: 0px;

			_bottom: -6px;

			left: 0px;

			width: 100%;

			height: 13px;

			z-index: 9999;

			background: url(../images/bottom-shadow-bg.png) no-repeat left bottom;

		}

	#MatterMainCon p {

		/*float: none;

		clear: right;*/

		margin: 5px 20px 4px 20px !important;

		/*_margin: 5px 10px 4px 10px;*/

		/*width: 930px;*/

		/*width: 100%;*/

		text-align: justify;

	}

		#MatterMainCon p.gallery {

			float: left;

			width: 930px;

			margin-top: 15px;

			margin-bottom: 20px;

			overflow: hidden;

		}

		#MatterMainCon p.gallery span {

			float: left;

			width: 200px;

			height: 133px;

			margin: 0 48px 0 48px;

			_margin: 0 24px 0 24px;

			padding: 5px;

			background-color: #cfcfcf;

			border: 1px solid #bbbaba;

		}

		#MatterMainCon span {

			float: right;

			clear: right;

			width: auto;

			margin: 6px 10px 6px 8px;

			border: 1px solid #ccc;

		}		

		#MatterMainCon span img {

			float: left;

		}

	#MatterMainCon h4 {

		float: left;

		clear: both;

		margin: 15px 20px 4px 20px;

		_margin: 15px 10px 4px 20px;

		width: 930px;

		font-size: 18px;

		font-weight: normal;

	}

	ul.course {

		float: left;

		clear: both;

		width: 930px;

		margin: 5px 20px 4px 20px;

		_margin: 5px 10px 4px 10px;		

	}

		ul.course li {

			float: left;

			width: 910px;

			background: url(../images/bullet-1.gif) no-repeat left center;

			padding: 0 0 0 20px;

		}

		

	#MatterMainCon #welcomeCon {

		float: left;

		clear: left;

		width: 640px;

		height: auto;

		background: #f2f1f1 url(../images/bg-art-2.jpg) no-repeat right bottom;

		border: solid #e7e7e7;

		border-width: 0 1px 0 0px;

	}

		#MatterMainCon #welcomeCon .head, 

		#MatterMainCon #MainRightPackageNav .head {

			float: left;

			clear: both;

			width: 622px;

			padding: 18px 0 0 18px;

			background: url(../images/head-bg.gif) no-repeat right top;

		}

		#MatterMainCon #welcomeCon ul.welcome {

			float: left;

			clear: left;

			width: 620px;

			padding: 0 0 15px 20px;

			margin: 8px 0 0px 0;

		}

			#MatterMainCon #welcomeCon ul.welcome li {

				float: left;

				clear: left;

				width: 592px;

				margin: 0px 0 10px 0;

				padding: 0 0 0 28px;

				background: url(../images/bullet-1.gif) no-repeat left 6px;

			}

			

	#MatterMainCon #MainRightPackageNav {

		float: right;

		clear: right;

		width: 315px;

		height: 100%;

		background: #f2f1f1 url(../images/bg-art-3.jpg) no-repeat right bottom;

		border: solid #e7e7e7;

		border-width: 0 0px 0 1px;

	}	

		#MatterMainCon #MainRightPackageNav .head {

			width: 297px;

		}

		#MatterMainCon #MainRightPackageNav ul.package {

			float: left;

			clear: both;

			width: 295px;

			padding: 0 0 23px 20px;

			_padding: 0 0 14px 20px;

		}

			#MatterMainCon #MainRightPackageNav ul.package li {

				float: left;

				width: 275px;

				padding: 0 0 0 20px;

				background: url(../images/bullet-2.gif) no-repeat left 13px;

			}

				#MatterMainCon #MainRightPackageNav ul.package li a {

					float: left;

					width: 245px;

					display: inline;

					padding: 11px 10px 10px 10px;

					color: #097cc1;

					background: url(../images/line-1.gif) repeat-x left bottom;

				}

					#MatterMainCon #MainRightPackageNav ul.package li a strong {

						color: #097cc1;

						float: left;

						font-size: 16px;

						font-weight: normal;

						cursor: pointer;

					}

					#MatterMainCon #MainRightPackageNav ul.package li a:hover {

						background-color: #e5e6f6;

					}

					

	#MatterMainCon ul.PackageIndex {

		float: left;

		width: 933px;

		margin: 15px 0 0 15px;

		_margin: 15px 0 0 7px;

	}

		#MatterMainCon ul.PackageIndex li {

			float: left;

			width: 100%;

			margin: 0 0 12px 0;

		}

		#MatterMainCon ul.PackageIndex li div.packageDetails {

			float: left;

			position: relative;

			width: 694px;

			min-height: 130px;

			background-color: #fff;

			border: 1px solid #dedcdd;

		}

			#MatterMainCon ul.PackageIndex li div.packageDetails p {

				float: left;

				clear: both;

				width: 540px;

				padding: 6px 0 0px 14px;

				margin: 5px 0 4px 0 !important;

			}

			#MatterMainCon ul.PackageIndex li div.packageDetails p.head {

				font-size: 18px;

			}

			#MatterMainCon ul.PackageIndex li div.packageDetails p.destinations {

				font-size: 17px;

			}

			#MatterMainCon ul.PackageIndex li div.packageDetails p.Rate {

				font-size: 14px;

			}

			#MatterMainCon ul.PackageIndex li div.packageDetails p.More {

				font-size: 11px;

			}

		#MatterMainCon ul.PackageIndex li div.packagePic {

			float: left;

			width: 229px;

			height: 113px;

			padding: 0px 0 0 0px;

			margin: 14px 0 0 0px;

			text-align: left;

			background: url(../images/packages-pic-bg.jpg) no-repeat left top;

		}

			#MatterMainCon ul.PackageIndex li div.packagePic img {

				float: left;

				border: solid #e0dedf;

				border-width: 1px 1px 1px 0;

			}

				#MatterMainCon ul.PackageIndex li.blue p {

					color: #0d93da;

				}

				#MatterMainCon ul.PackageIndex li.red p {

					color: #8c0000;

				}

				#MatterMainCon ul.PackageIndex li.green p {

					color: #af8000;

				}

				#MatterMainCon ul.PackageIndex li.green2 p {

					color: #038257;

				}

				

	#MatterMainCon ul.PackageIndex li div.button {

		position: absolute;

		top: 15px;

		right: 20px;

		height: 100px;

		width: 100px;

		background: url(../images/packages-button-bg.gif) no-repeat left top;

	}

		#MatterMainCon ul.PackageIndex li div.button a {

			float: left;

			height: 54px;

			width: 66px;

			margin: 26px 0 0 17px;

			text-indent: -9999px;

			overflow: hidden;

			background: url(../images/get-best-available-rates.gif) no-repeat left top;

		}

		#MatterMainCon ul.PackageIndex li div.button a:hover {

			background: url(../images/get-best-available-rates-ov.gif) no-repeat left top;

		}

	

	.PackageDetailsNav {

		float: left;

		clear: left;

		width: 510px;

		padding: 0 0 0 30px;

	}	

	.expandable {

		float: left;

		clear: left;

		width: 93px !important;

		height: 19px !important;

		line-height: 0px;

		font-size: 11px;

		cursor: pointer;

		overflow: hidden;

		border: 0;

		outline: none;	

		color: #fff !important;

		padding: 9px 0 0 25px !important;

		background: url(../images/plus.gif) no-repeat 14px top !important;

	}

	.openheader {

		background: url(../images/minus.gif) no-repeat 14px top !important;

	}

		

/* ----------------------------------------------------

	Bottom Cons

	----------------------------------------------------*/

	#BottomMainCon {

		float: left;

		width: 100%;

		height: 110px;

		background: #f0f0f0 url(../images/bottom-bg.jpg) repeat-x top;

	}

		#BottomMainCon #btmCon {

			position: relative;

			margin: 10px auto 0;

			width: 960px;

			height: 100px;

		}

			#BottomMainCon #btmCon p.address {

				float: left;

				width: 330px;

				color: #aaacae;

				margin: 3px 0 0 0;

			}

			#BottomMainCon #btmCon p.link {

				position: absolute;

				bottom:10px;

				right: 0px;

				width: 600px;

				text-align: right;

				color: #aaacae;

				font-size: 11px;

			}

			#BottomMainCon #btmCon p.link a {

				color: #aaacae;

				margin: 0 3px 0 3px;

			}

			#BottomMainCon #btmCon p.link a:hover {

				border-bottom: 1px dotted #aaacae;

			}

			

/* ----------------------------------------------------

	Common

	----------------------------------------------------*/

	p.form {

		float: right;

		width: 350px !important;

		margin-top: 30px !important;

	}

	ul.form {

		float: left;

		clear: left;

		margin: 0 0 15px 0;

		width: 500px;

		border-right: 1px dashed #ccc;

		padding: 10px 0 10px 25px;

		margin: 10px 0 0 0;

	}

		ul.form li {

			float: left;

			width: 100%;

			margin: 0 0 10px 0;

		}

		ul.form li label {

			float: left;

			width: 150px;

			font-size: 13px;

		}

		ul.form li textarea {

			float: left;

			width: 280px;

			padding: 5px 0 0 6px;

			height: 115px;

			overflow-y: auto;

			border: 1px solid #d0d0d0;

			background: url(../images/form-bg.jpg) no-repeat left top;

		}

		ul.form li input {

			float: left;

			padding: 5px 0 0 6px;

			width: 280px;

			height: 23px;

			border: 1px solid #d0d0d0;

			background: url(../images/form-bg.jpg) no-repeat left top;

		}

			ul.form li select {

				width: 50px;

			}

			ul.form li select option {

				width: 50px;

				float: left;

				clear: left;

			}

		ul.form li textarea:focus, 

		ul.form li input:focus {

			border: 1px solid #929292;

		}

		ul.form li input.button {

			float: left;

			padding: 0px 0 0 0px;

			margin: 0 10px 0 0;

			width: 80px;

			height: 26px;

			border: 1px solid #d0d0d0;

			background: url(../images/form-bg.jpg) no-repeat left top;

		}
		.h1style {

		text-decoration: none;
	
		margin-top: 0;

		margin-bottom: 0;
	
		font-size: 14px;
		} 

		.h2style {

		text-decoration: none;
	
		margin-top: 0;

		margin-bottom: 0;
	
		font-size: 14px;
		}