/* CSS layout */

a:link
{
	color: #198DFF; 
}
a:visited
{
	color: #198DFF;
} 
a:active 
{
	color:#198DFF;
}

a:hover
{
	color:#FF8C00;
	font-weight:bold;
}


h4 { 
 margin-top:5px;
 margin-bottom:5px;
 color:#0F371F;
 font-family:Arial, Helvetica, sans-serif;
 font-size:2.8em;
 letter-spacing:0.1em;
 
 
 
 border-bottom:1px silver solid;
 line-height:1.5em }




body {
background-color:#b8c6db;
	margin-bottom: 2px;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}


div#wrapper {
	position:relative; 
	margin-left:auto; 
	margin-right:auto; 
	top: 20px; 
	width:980px;  
	background-color: #CCCCCC; 
}

div#orderwrapper {
	position:relative; 
	margin-left:auto; 
	margin-right:auto; 
	top: 20px; 
	width:640px; 
		
}

div#orderContent {
 padding: 5px;
 background-color: #FFF; 
}

div#orderHeader {
 
}

#orderfooter {
	clear: both;
	margin-left:20px; 
	margin-right:20px; 
	width: 580px;
	padding: 6px;
	font-size:x-small;
	font-weight: bold;
	text-align:center;
	color:gray;
	background-color:#eee;
	border-top:3px gray solid;
	border-bottom:1px gray solid;

}




#orderInfo {
  margin-left : 18px; 
  margin-right : 18px; 
  margin-bottom : 18px; 
  
  padding : 10px;
  
  
	font-size: 1.1em;
	border-top:3px gray solid;
	border-bottom:1px gray solid;
	border-left:1px gray solid;
	border-right:1px gray solid;
}


.orderwizard {
 margin-left : 20px;
 margin-right : 5px;
 width : 592px;
}

.side-banner {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px 0px 0px 0px;
	left: 0px;
	top: 0px;
	position: absolute;
	vertical-align: top;
}

.side-banner tr td {
vertical-align:top;
 }


#mainaera{
  left:205px; 
  position: absolute; 
  z-index: 1; 
  width: 750px;
  background:#eee;
  min-height:100%
  }


#masthead {
	width: 750px;
/*	height:246px*/
}


#mastheadleft {
	width: 600px;
  float:left;
}


#mastheadright {
  height:245px;
	width: 140px;
  float:right;
}



#mastheadright p {
  margin: 0px 0px 0px 10px;
  color:black;
  font-family:"Times New Roman", Times, serif;
  font-size:1.1em;
}


#top_nav {
  margin:0px 0px 0px 0px;
	margin-left:0px;
	width:750px;
	
}

#rightnav {
  margin:0px 0px 0px 0px;
  height: 25px;
	width: 140px;
  float:right;
}


#info {
  margin:0px 0px 0px 0px;
  position:relative;
  width:600px;
  float:left;
 
}


#right_col {
  margin:0px 0px 0px 0px;
	float: right;
	width: 140px;
	background:#eee;  
}


#right_col_slite {
  margin:0px 0px 0px 0px;
	float: right;
	width: 10px;
	background:#eee;  
}

#page_content {
  float:left;
  width:600px;
	margin-left: 0px;
	padding:4px;
	background:#fff;
	height:100%;
	min-height:100%;
}


#page_content_slide {
  float:left;
  width:730px;
	margin-left: 0px;
	padding:4px;
	background:#fff;
	height:100%;
	min-height:100%;
}


#footer {
	clear: both;
	width: 740px;
	padding: 6px;
	font-size:x-small;
	font-weight: bold;
	text-align:center;
	color:gray;
	background-color:#eee;
	border-top:3px gray solid;
	border-bottom:1px gray solid;

}


/* Styles for Navigation */


#hotelmenu {
  margin:0px 0px 0px 0px;
	width: 196px;
	text-align:left;
	font-size:x-small;
	vertical-align:top;
	background-color: #198DFF;
	font-family:verdana, helvetica, sans-serif
}

.hotelactive {
	background-color: #FFB65B;
}


#extramenu {
	width: 196px;
	text-align:left;
	font-size:x-small;
	vertical-align:top;
}

/* Styles for Navigation */


#hotelmenu ul {
  font-size:1.1em;
	list-style-type: none;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}

#hotelmenu li {
	display: block;
	border: 1px solid #D8D7CB;
}
#hotelmenu a {
  padding-top:5px;
  padding-bottom:2px;
  padding-left:8px;

	text-decoration: none;
	font-weight:bold;
	color: #000;
	display: block;
 /* padding:0px 0px 0px 5px;*/
	margin:0;
	border-bottom: 1px solid #D8D7CB;
}

#hotelmenu a:hover {
	color: #000000;
	text-decoration: none;
	border: 1px solid #E76709;
	background-color: #EA8C00;
}


.InlineHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0,7;
	font-weight: bold;
	font-style: normal;
	color: #62563C;
}

.hotelhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size:medium;
	font-weight: bold;
	font-style: normal;
  color:#62563C;

}

.hotetext {
  padding:4px;
}

.thumTable td {
  width:130px
}

.resForm {
  width: 200px;
  text-align: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: x-small;
  background-color: orange;
  float: left;
  color: #62563C;
}

.resDiv{
  width: 180px;
  text-align: right;
  font-family: Arial, Helvetica, sans-serif;
  float:left  
}


.resDropdownSmall {
  width: 50px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: x-small;
  background-color:#EBE7DE
}

.resDropdownWide {
  width: 140px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: x-small;
  background-color:#EBE7DE
}

.resText {
  width: 180px;
  text-align: left;
  height: 15px;
  text-indent: 27px;
  font-weight: bold;
  float:left
}

.resLine {
  border-color: #ff8c00;
  border-style: solid none none none;
  border-width: 1px;
  width: 196px;
  background-color: #ff8c00;
  height: 4px;
}

.resButtoms {
  width: 140px;
  height: 24px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small; 
  color:#62563C;
}

.pic400 {
  width: 400px;
  margin:10px 10px 10px 10px;
  float:left;
  clear:both;
}


ul#navigation-1 {
  margin :0; 
  padding:1px 0; 
  list-style:none; 
  width:100%; 
  height:21px; 
  border-top:1px solid #9B4E00; 
  border-bottom:1px solid #9B4E00; 
  font:normal 8pt verdana, arial, helvetica;

}


ul#navigation-1 li {
   margin:0; 
   padding:0; 
   display:block; 
   float:left; 
   position:relative; 
   width:119px; 
 }

ul#navigation-1 li a:link,
ul#navigation-1 li a:visited { 
  padding:4px 0; 
  display:block; 
  text-align:center; 
  text-decoration:none; 
  background:#9B4E00; 
  color:#ffffff; 
  width:119px; 
  height:13px; 
  }

ul#navigation-1 li:hover a,
ul#navigation-1 li a:hover,
ul#navigation-1 li a:active { 
  display:block; 
  text-align:center; 
  text-decoration:none; 
  background:#B35900; 
  color:#ffffff; 
  width:117px; 
  height:13px; 
  border-left:1px solid #ffffff; 
  border-right:1px solid #ffffff; 
  padding-top:4px;
  }
	
ul#navigation-1 li ul.navigation-2 { 
  margin:0; 
  padding:1px 1px 0; 
  list-style:none; 
  display:none; 
  background:#ffffff; 
  width:117px; 
  position:absolute; 
  top:21px; 
  left:-3px; 
  border:1px solid #9B4E00; 
  border-top:none; 
  }

ul#navigation-1 li:hover ul.navigation-2 { 
  display:block; 
  }

ul#navigation-1 li ul.navigation-2 li { 
  width :140px; 
  clear:left; 
  width:140px; 
  }

ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited { 
  clear:left; 
  background:#9B4E00; 
  width:140px; 
  border:none; 
  border-bottom:1px solid #ffffff; 
  position:relative; 
  z-index:1000; 
  text-align:left;        
  padding-top:4px;
  padding-left:6px
  
  }

ul#navigation-1 li ul.navigation-2 li:hover a,
ul#navigation-1 li ul.navigation-2 li a:active,
ul#navigation-1 li ul.navigation-2 li a:hover { 
  clear:left; 
  background:#B35900; 
  padding-top:4px;
  padding-left:6px;
  width:140px; 
  border:none; 
  border-bottom:1px solid #ffffff; 
  position:relative; 
  z-index:1000; 
  }

ul#navigation-1 li ul.navigation-2 li ul.navigation-3 { 
  display:none; 
  margin:0; 
  padding:0; 
  list-style:none; 
  position:absolute; 
  left:145px; 
  top:-2px; 
  padding:1px 1px 0 1px; 
  border:1px solid #9B4E00; 
  border-left:1px solid #9B4E00; 
  background:#ffffff; 
  z-index:900; 
  }

ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 { 
  display:block; 
  }

ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited { 
  background:#9B4E00; 
  }

ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active { 
  background:#B35900; 
  }

ul#navigation-1 li ul.navigation-2 li a span { 
  position:absolute; 
  top:0; 
  left:132px; 
  font-size:1.1em; 
  color:#B35900; 
  }

ul#navigation-1 li ul.navigation-2 li:hover a span,
ul#navigation-1 li ul.navigation-2 li a:hover span { 
  position:absolute; 
  top:0; 
  left:132px; 
  font-size:12pt; 
  color:#ffffff; 
  }
  
  
.ordercell {
  background:#FFA500;
  font-family:Arial, Helvetica, sans-serif;
  font-size:large;
  text-align:center;
  padding-bottom:10px;
  padding-top:10px;
  font-weight:bold;
  letter-spacing:0.1em;
  }


#para p{
 margin-top:3px;
 margin-bottom:6px;
 color:#333333;
 font-family:Arial, Helvetica, sans-serif;
 font-size:1.2em;
 line-height:1.3em

}




#para h4 {
 margin-top:0px;
 margin-bottom:10px;
 color:#666666;
 font-family:Arial, Helvetica, sans-serif;
 font-size:1.3em;
 letter-spacing:0.1em;
 
 border-bottom:1px silver solid;
 line-height:1.5em
}


#para h2 {
 margin-top:0px;
 margin-bottom:10px;
 color:#0F371F;
 font-family:Arial, Helvetica, sans-serif;
 font-size:1.3em;
 letter-spacing:0.1em;
 text-align :center; 
 border-bottom:1px silver solid;
 line-height:1.5em
}

#para h1 {
 margin-top:10px;
 margin-bottom:5px;
 color:black;
 font-family:Arial, Helvetica, sans-serif;
 font-size:2.2em;
 letter-spacing:0.2em;
 
}


#para .parainfobanner1 {

 background-color:#ddd;
 margin-top:10px;
 margin-bottom:10px;
 margin-left:100px;
 margin-right:100px;

 color:black;
 border-bottom:2px black solid;
 border-top:2px black solid; 
 text-align:center;
 float:none;
 font-size:0.8em;
}  


#para h5 {
 margin-top:0px;
 margin-bottom:10px;
 color:white;
 background-color:#888;
 font-family:Arial, Helvetica, sans-serif;
 font-size:1.5em;
 border-bottom:1px black solid;
}


#para h3 {
 padding-left:15px;
 padding-top:5px;
 padding-bottom:5px;
 margin-top:20px;
 margin-bottom:5px;
 margin-right:20px;
 margin-left:20px;
 background-color:orange;
 font-family:Arial, Helvetica, sans-serif;
 font-size:1.2em;
 border-bottom:1px black solid;
 clear:both;
}

#para h6 {
 padding-left:10px;
 padding-top:1px;
 padding-bottom:1px;
 margin-top:1px;
 margin-bottom:1px;
 margin-right:1px;
 margin-left:1px;
 background-color:orange;
 font-family:Arial, Helvetica, sans-serif;
 font-size:1em;
 border-bottom:1px black solid;
 clear:both;
}


#para .p3 {
 margin-right:25px;
 margin-left:25px;
 font-size:1.2em;
}


.rcPicture p { 
 margin-top:1px;
 margin-bottom:25px;
 color:black;
 font-family:"Times New Roman", Times, serif;
 font-size:1em;
 border-bottom:1px silver solid;
 font-style:italic;
}  

.mc-leftpic {
  margin: 0px 10px 10px 20px;
  background-color: white;
  width: 175px;
  height: 165px;
  float:left;
  color:black;
  font-family:"Times New Roman", Times, serif;
  font-size:1em;
  border-bottom:1px silver solid;
  font-style:italic;
  letter-spacing:0.2em;
  

}

.mc-rightpic {
  margin: 0px 20px 0px 10px;
  background-color: white;
  width: 175px;
  height: 165px;
  float:right;
  color:black;
  font-family:"Times New Roman", Times, serif;
  font-size:1em;
  border-bottom:1px silver solid;
  font-style:italic;
  letter-spacing:0.2em;

}



.mc-leftpicM0 {
  margin: 0px 10px 10px 0px;
  background-color: white;
  width: 175px;
  height: 165px;
  float:left;
  color:black;
  font-family:"Times New Roman", Times, serif;
  font-size:1em;
  border-bottom:1px silver solid;
  font-style:italic;
  letter-spacing:0.2em;
  

}


.mc-rightpicM0 {
  margin: 0px 0px 0px 10px;
  background-color: white;
  width: 175px;
  height: 165px;
  float:right;
  color:black;
  font-family:"Times New Roman", Times, serif;
  font-size:1em;
  border-bottom:1px silver solid;
  font-style:italic;
  letter-spacing:0.2em;

}


.mc-rightpich_h280 {
  margin: 0px 20px 0px 10px;
  background-color: white;
  width: 175px;
  height: 280px;
  float:right;
  color:black;
  font-family:"Times New Roman", Times, serif;
  font-size:1em;
  border-bottom:1px silver solid;
  font-style:italic;
  letter-spacing:0.2em;

}

.mc-rightpich_h280 {
  margin: 0px 20px 0px 10px;
  background-color: white;
  width: 175px;
  height: 280px;
  float:right;
  color:black;
  font-family:"Times New Roman", Times, serif;
  font-size:1em;
  border-bottom:1px silver solid;
  font-style:italic;
  letter-spacing:0.2em;

}
.mc-leftpich_h280 {
  margin: 0px 10px 0px 20px;
  background-color: white;
  width: 175px;
  height: 280px;
  float:left;
  color:black;
  font-family:"Times New Roman", Times, serif;
  font-size:1em;
  border-bottom:1px silver solid;
  font-style:italic;
  letter-spacing:0.2em;

}



.mc-rightpic280 {
  margin: 0px 20px 0px 10px;
  background-color: white;
  width: 300px;
  height: 413px;
  float:right;
  color:black;
  font-family:"Times New Roman", Times, serif;
  font-size:1em;
  border-bottom:1px silver solid;
  font-style:italic;
  letter-spacing:0.2em;

}


.mc-rightpic280C {
  margin: 0px 0px 0px 20px;
  background-color: white;
  width: 300px;
  height: 291px;
  float:right;
  color:black;
  font-family:"Times New Roman", Times, serif;
  font-size:1em;
  border-bottom:1px silver solid;
  font-style:italic;
  letter-spacing:0.2em;

}


.mc-rightpic280h {
  margin: 0px 20px 0px 10px;
  background-color: white;
  width: 250px;
  height: 413px;
  float:right;
  color:black;
  font-family:"Times New Roman", Times, serif;
  font-size:1em;
  border-bottom:1px silver solid;
  font-style:italic;
  letter-spacing:0.2em;

}


.mc-leftpic280 {
  margin: 0px 10px 0px 20px;
  background-color: white;
  width: 280px;
  height: 250px;
  float:left;
  color:black;
  font-family:"Times New Roman", Times, serif;
  font-size:1em;
  border-bottom:1px silver solid;
  font-style:italic;
  letter-spacing:0.2em;

}






#info {
  position:relative;
 
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
  width:594px; 
  height:26px; 
  font-size:0.85em; 
  position:relative; 
  z-index:100;
  border-right: 1px solid #000;
  }


/* hack to correct IE5.5 faulty box model */
* html .menu {
  width:496px; 
  w\idth:600px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
  padding:0;
  margin:0;
  list-style-type:none;
  }

.menu ul ul {width:99px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
 float:left;
 width:99px;
 position:relative;
 }


/* style the links for the top level */
.menu a, .menu a:visited {
  display:block;
  font-family:verdana, helvetica, sans-serif;
  font-size:1em; /* hh */
  text-decoration:none; 
  color:#fff; /* fff Font color of the main menu not hoover */
  width:94px; 
  height:24px; 
  border:1px solid #000; 
  border-width:1px 0 1px 1px; 
  background:#198dff;  /* xx #758279  */  
  padding-left:4px; 
  line-height:24px;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
 width:99px; w\idth:94px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
  background:#aad5ff url(drop.gif) bottom right no-repeat; /* #d4d8bd background color for 2nd-level that have 3rd-level  */
  }

/* style the second level hover */
.menu ul ul a.drop:hover{
       background:#ff6600 url(drop.gif) bottom right no-repeat; /* #c9ba65 backgorund  hover color for 3rd-level */
       } /* hhh */

.menu ul ul :hover > a.drop {
  background:#ff6600 url(drop.gif) bottom right no-repeat; /* #c9ba65 backgroun hover color for sub menues that have secomd menu*/
  }

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
       background:#daedfe; /* #e2dfa8 3rd-level background */
       }

/* style the third level hover */
.menu ul ul ul a:hover {
  background:#fbc584; /* #e2dfa8 3rd-level background hover */
  }


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
  visibility:hidden;
  position:absolute;
  height:0;
  top:25px;
  left:0; 
  width:99px;
  border-top:1px solid #000;
  }
/* another hack for IE5.5 */
* html .menu ul ul {
  top:24px;
  t\op:25px;
  }

/* position the third level flyout menu */
.menu ul ul ul{
  left:99px; 
  top:-1px; 
  width:99px;
  }

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-99px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
  position:absolute; 
  top:0; 
  left:0; 
  border-collapse:collapse;;
  }

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
  background:#99ccff;  /* xx #d4d8bd */ 
  color:#000; 
  height:auto; 
  line-height:1.1em; 
  padding:5px 10px; 
  width:78px;
  border-width:0 1px 1px 1px;}
  
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
  width :100px;
  w\idth:78px; /* hhh */
  }

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
  color:#000; 
  background:#ff8c00; /* #949e7c NOT SHOWING */
  font-weight:normal;
  }

.menu :hover > a, .menu ul ul :hover > a {
  color:#000;
  background:#ff8c00; /*++ #949e7c */
  }

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}



  .rightAD {
    border-style: solid;
    border-width: thin;
    margin: 15px auto auto auto;
    padding:5px;
    clear: both;
    width: 125;
  }



/*
  Pricetable
*/

.pricetable{
 background-color:green; 
 
 }


.pricetable table {
	border:1px solid #aaa;
	border-collapse:collapse;
	font-family:verdana, helvetica, sans-serif; 
	font-size:1.0em;
	width:600px;
}
.pricetable td,th{
	border:1px solid #000;
	border-collapse:collapse;
	padding-top:3px;
	padding-bottom:3px;
	
}	

.fn,.dp,.ar,.to {
 width:90px;
}

.fr {width:200px;
}

.pricetable caption{
	background:#FF9933;
	font-size:1.6em;
	border:1px solid #000;
	border-bottom:none;
	padding:5px;
	text-align:left;
}
.pricetable thead th{
	background:#FFC488;
}
.pricetable tbody th{
	text-align:left;
	background:#69c;
}
.pricetable tfoot td{
  padding-left:10px;
	text-align:Left;
	font-size:0.8em;
	font-weight:normal;
	background:#EEE;
}
.pricetable tbody td{
	background:#999;	
}
.pricetable tbody tr.odd td{
	background:#C7DFF8;
	}
.pricetable tbody tr.even td{
	background:#FFF;
	}



/*
  footertable
*/

.footertable{
 background-color:gray; 
 color:black;
 
 }


.footertable table {
	border:1px solid #aaa;
	border-collapse:collapse;
	font-family:arial, helvetica, sans-serif; 
	font-size:1.0em;
	width:740px;
}
.footertable td,th{
	border:1px solid #000;
	border-collapse:collapse;
	padding-top:3px;
	padding-bottom:3px;
	
}	

footertable fn, dp, ar, to {
 width:92px;
}

footertable fr {width:92px;
}

.footertable caption{

	background:#198DFF;
	font-size:1.6em;
	border:1px solid #000;
	border-bottom:none;
	padding:5px;
	text-align:center;
}
.footertable thead th{
	background:#fff;
}
.footertable tbody th{
	text-align:left;
	background:#69c;
}
.footertable tfoot td{
  padding-left:10px;
	text-align:Left;
	font-size:0.8em;
	font-weight:normal;
	background:#EEE;
}
.footertable tbody td{
	background:#999;	
}

.footertable tbody tr.odd td{
	background:#eee;
	}
.footertable tbody tr.even td{
	background:#ddd;
	}