@charset "utf-8";
/* CSS Document */
body  {
	font: 11px Arial, Helvetica, sans-serif;
	background: url(images/background.jpg) fixed;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	line-height:18px;
}
p{ padding:5px 0; margin:0;}
a{ color:#868d49; text-decoration:none; font-weight:normal;}
a:visited{ color:#868d49; text-decoration:none; font-weight:normal;}
a:hover{ color:#999900; text-decoration:underline; font-weight:normal;}
img{ border:none;}
a.trip:link, a.trip:visited{ font-size:13px; font-weight:bold; text-decoration:none; color:#868d49;}
a.trip:hover{ font-size:13px; font-weight:bold; text-decoration:underline; color:#999900;}
.textOrange{ color:#c97d0d;}
.textDgreen{ color:#456c1e;}

a.paging:link, a.paging:visited{ color:#868d49; text-decoration:none; font-weight:normal;}
a.paging:hover{ color:#999900; text-decoration:underline; font-weight:normal;}

.headingText{ font-size:13px; font-weight:bold;}
.rishikesh #container { 
	width: 838px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.header{ height:177px; }
#follow img{ border:1px solid #9ea557; padding:1px;}
#follow{ position:absolute; top:5px; margin-left:380px; }
#aks span{color:#6c8f21; font-weight:bold; font-size:14px;}
#follow span{color:#6c8f21; font-weight:bold; font-size:14px; }
.rishikesh #container .navMenu{ margin-top:55px; margin-bottom:25px; }
.rishikesh #container .navMenu a.home:link, a.home:visited{ background:url(images/nav-home.png) no-repeat; width:221px; height:26px;}
.rishikesh #container .navMenu a.home:hover{ background:url(images/nav-home-hover.png) no-repeat; width:221px; height:26px;}

.flash{ background:url(images/rishikesh-flashHolder-img.jpg) no-repeat center; }
.rishikesh #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 259px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0px 0px;

}
.rishikesh #sidebar1 .reserve{ background:url(images/box-bgReserve.gif) no-repeat; float:right; width:218px; height:224px; padding:10px 0 0 15px; margin-bottom:5px; color:#FFFFFF;}
.rishikesh #sidebar1 .reserve select{ width:45px;}
.rishikesh #sidebar1 .reserve a, a:visited{ color:#c4d503; text-decoration:underline; font-weight:bold;}

.rishikesh #sidebar1 .offer{ background:url(images/box-bgReserve.gif) no-repeat; float:right; width:218px; height:425px; padding:10px 0 0 15px; margin-bottom:20px; color:#FFFFFF;}


.rishikesh #sidebar1 .offer a, a:visited{ color:#c4d503; text-decoration:underline; font-weight:bold;}

.rishikesh #mainContent { 
	margin: 0 253px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	
} 

.rishikesh #mainContent .content{background:url(images/rishikesh-bgRepeat.jpg) repeat-y center; padding:0 35px 0 40px; height:auto;  }
/*.rishikesh #mainContent .content .leftContent{background:url(images/rishikesh-bgRepeat.jpg) repeat-y center; padding:0 15px; height:auto; float:left; width:500px; position:relative; }*/
.rishikesh #mainContent .content .leftCln{ width:236px; height:345px; float:left; position:relative;}
.rishikesh #mainContent .content .rightCln{
	width:259px;
	height:345px;
	float:right;
	background:url(images/vertical-line.jpg) no-repeat left;
	padding-left:15px;
	position:relative;
}
.rishikesh #mainContent .content .imgborder{ border:#828846 solid 1px; padding:1px;}

.chatter{ background:url(images/bg-chatter.jpg) no-repeat; width:210px; height:55px; padding:15px 15px 0 15px;}
.pkg{ margin-top:10px;}
.pkgHead{ font-weight:bold; color:#000; text-decoration:underline;}
.pkgHead-big{ font-weight:bold; color:#7F7F7F; text-decoration:none; font-size:16px;}
.pkgHead-big2{ font-weight:bold; color:#E67300; text-decoration:none; font-size:16px;}

.rishikesh #mainContent .footer{ background:url(images/rishikesh-bgFooter.png) no-repeat; height:114px; }
.siteby { text-align:right; margin:25px 25px 0 0;}
.siteby a,a:visited { text-align:right; margin:25px 0 0 0; font-weight:normal;}
.rishikesh #mainContent .footer .fcontent{ text-align:left; padding:40px 0 0 40px;}
.rishikesh #mainContent .footer .fcontent a, a:visited{ text-decoration:none; color:#000000;}
.rishikesh #mainContent .footer .fcontent a:hover{ text-decoration:underline; color:#000000;}
.fltrt2 { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
	margin-bottom:10px;

}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin:10px 10px 0 0;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin:10px 10px 0 0;
}
.fltlft span img{ /* this class can be used to float an element left in your page */
 padding:1px;
 border:1px solid #c8c894;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	
}
.clearfloatLeft { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:left;
    height:0;
    font-size: 1px;
    line-height: 0px;
	
}
.oddRow{ margin-bottom:25px; padding-bottom:15px; background:url(images/rishikesh-HLine2.gif) no-repeat bottom left; text-align:left; height:5px;}
.price{ color:#e08504; font-weight:bold; font-size:14px;}
.break{ background:url(images/rishikesh-HLine2.gif) no-repeat left; clear:left; height:5px; }
.fltlft ul { margin:0 0 0 10px; padding:0 0 0 25px;}
.fltlft ul li{ margin:0; padding:0px 0 0 0px; list-style:url(images/list-style.gif); list-style-position:outside; vertical-align:top;}
/*=================== form css ================== */

form .fltlftlabel { /* this class can be used to float an element left in your page */
	float: left;
	width:110px;
	}
.fltlftlabel { /* this class can be used to float an element left in your page */
	float: left;
	width:125px;
	
	}	

h1{color:#bd7001; font-family:Arial, Helvetica, sans-serif; font-size:15px;}
.tabbrdr{ border:#c87702 solid 1px; background:#e1d6b7;}
.tabbrdrleft{ border-left:#c87702 solid 1px; padding-left:8px;}

.box {
	background-color: #FFECCE;
	border: 1px solid #CC8921;
}
.nav_links {
	font-size: 11px;
	color: #70521B;
	text-decoration: none;
	background-color: #DFBC7B;
	display: block;
	padding: 6px;
	border: 1px dotted #B4872C;
	font-weight: bolder;
}
.nav_links:hover {
	font-weight: bolder;
	font-size: 11px;
	color: #DFBC7B;
	text-decoration: none;
	background-color: #805E1E;
	display: block;
	border: 1px dotted #B4872C;
	padding: 6px;
}

.nav_links2 {
	
		font-weight: bolder;
	font-size: 11px;
	color: #DFBC7B;
	text-decoration: none;
	background-color: #805E1E;
	display: block;
	border: 1px dotted #B4872C;
	padding: 6px;
}
.nav_links2:hover {
	font-size: 11px;
	color: #70521B;
	text-decoration: none;
	background-color: #DFBC7B;
	display: block;
	padding: 6px;
	border: 1px dotted #B4872C;
	font-weight: bolder;
	
}
textarea {
	font-size: 12px;
	color: #70521B;
	text-decoration: none;
	background-color: #DFBC7B;
	padding: 2px;
	border: 1px dotted #CF8620;
	width : 200px;
}
input[type=text],input[type=password] {
	font-size: 12px;
	color: #70521B;
	text-decoration: none;
	background-color: #DFBC7B;
	padding: 2px;
	border: 1px solid #CF8620;
	height:13px;

}
.input15 {
	font-size: 12px;
	width:25px;
	color: #70521B;
	text-decoration: none;
	background-color: #DFBC7B;
	padding: 2px;
	border: 1px solid #CF8620;
	height:13px;

}


.button {
	font-family: Tahoma, Arial, "Times New Roman";
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #CF8620;
	border: 1px solid #BE8632;
	padding: 3px;
	height:25px;
}

.textBlack15 {font-family:"Trebuchet MS", Arial, Tahoma; font-size:15px; font-weight:bold; color:#000000;}
.textBlack21 {font-family:"Trebuchet MS", Arial, Tahoma; font-size:21px; font-weight:bold; text-transform:uppercase; color:#000000;}
.textLogin {width:350px; padding-top:10px; height:30px; border:1px solid #CCCCCC; padding-left:10px; font-size:15px; color:#949494; font-weight:bold;}
.textRed15 {font-family:"Trebuchet MS", Arial, Tahoma; font-size:15px; font-weight:bold; text-transform:uppercase; color:#CC3300;}
.textRed {font-family:"Trebuchet MS", Arial, Tahoma; font-weight:normal; color:#CC3300;}

select {
	font-family: Tahoma, Arial, "Times New Roman";
	font-size: 11px;
	color: #70521B;
	text-decoration: none;
	background-color: #DFBC7B;
	border: 1px dotted #CF8620;
}
#rooms{margin-left:8px;}

.msg-banner {
	width: 263px	;
	height: 100px;
	float:left;
	margin-top: 15px;
	padding: 30px 5px 15px 10px;
	background: url(images/msg_banner_bg.png) top left no-repeat;
	font-size: 14px;
	font-weight:bold; color:#FFF; text-decoration:underline;
}