﻿/***********************************************************************
						reset and clearing
*************************************************************************/
/* 
	**easy clearing 
	Any container with class="clearer" will expand around enclosed floated elements
*/
.clearer:after  {
	content: '[HI MUM]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearer {
	display: inline-block;
}
/*\*/
.clearer {
	display: block;
}
/* end easy clearing */

/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > .output 	{
	position: relative;
	z-index: 1000;
}

* > form 	{
	position: relative;
	z-index: 1000;
}

* > #footer 	{
	position: relative;
	z-index: 1000;
}

/********************** general ******************************/
body{
	/*background-color:#ECEAD9;	*/
	background-color:#3D3916;
	color:#000000;
	font-size:12px;
	/*font-family: "Trebuchet MS", Arial, sans-serif;*/
	font-family: Georgia;
	background-image:url(../images/template/page_bg.jpg);
	background-repeat:repeat-x;
	margin:0px 0px 0px 0px;

}

a:link		{color: #30571B; text-decoration: underline;}
a:visited	{color: #30571B; text-decoration: underline;}
a:hover		{color: #30571B; text-decoration: none;}
a:active	{color: #30571B; text-decoration: underline;}

select{
	color:#000000;
	/*font-family: "Trebuchet MS", Arial, sans-serif;*/
	font-size: 12px;
}

input{
	color:#000000;
	/*font-family: "Trebuchet MS", Arial, sans-serif;*/
	font-size: 12px;
}

div{
	color:#000000;
	/*font-family: "Trebuchet MS", Arial, sans-serif;*/
	font-size: 12px;
}

form{
	margin:0px;
}

table {
	/*font-family: "Trebuchet MS", Arial, sans-serif;*/
	font-size: 11px;
}



/* page heading */
h1{ 
	font-size:17px;
	font-weight:bold;
	/*font-family: "Trebuchet MS", Arial, sans-serif;*/
	color:#463B1D;
	line-height: 35px;
}

*html h1
{
	line-height: 50px;
}

img{
	border:0px;
	display:inline;
}

img.floatleft{
	float:left;
	padding:0px 5px 5px 0px;
}
img.floatright{
	float:right;
	padding:0px 0px 5px 5px;
}
/************************ containers *******************************/
#bodyContainer {	
	margin: 0px auto 0px auto;
	width: 770px;
	/*background-color:#ECEAD9;*/
	/*border:thin solid #343333;*/
	font-size:1px;
	position:relative;
	z-index:0;
}

#bodyContainerPrint {	
	margin: 0px auto 0px;
	width: 600px;
	background-color:#ECEAD9;
	border:thin solid #343333;
	font-size:1px;
}

#homepage_headerContainer {
	/*background-image:url('../images/template/header_bg.gif');*/
	background-image:url('../images/template/header_bg.jpg');
	background-repeat: repeat-x;
	background-position:top left;
	background-color: #FFA722;
	width:770px;
	/*height:126px; */
	height: 120px;
	position:absolute;
	z-index: 999;
}

#homepage_headerBottomPad
{
	width: 774px;
	height: 24px;
	background-color:#FFA21F;
	display:block;
	position: absolute;
	z-index: -1;
	top:120px;
}


#headerContainer {
	/*background-image:url('../images/template/header_bg.gif');*/
	background-image:url('../images/template/header_bg.jpg');
	background-repeat: repeat-x;
	background-position:top left;
	background-color: #FFA722;
	width:770px;
	/*height:126px; */
	height: 140px;
}


#headerContainerPrint {
	background-color:#F8901D;
	width:600px;
	height:120px;
}


#logoPlaceHolder {
	float:left;
	/*width:140px;*/
	width: 162px;
	margin-left: 40px;
	height: 116px;
}

*html #logoPlaceHolder {
	margin-left: 20px;
}

#navContainer {
	color:#ffffff;
	/*background-color:#F8901D;*/

	padding-top:30px;
	padding-right:10px;
	float:right;
	/*width:620px;*/ width: 500px; height:22px;
	border-bottom:1px solid #FBA140;
	font-size: 10px;
}
#navContainer a:link	{color: #ffffff; text-decoration: none;}
#navContainer a:visited	{color: #ffffff; text-decoration: none;}
#navContainer a:hover	{color: #CD8C00; text-decoration: none;}
#navContainer a:active	{color: #ffffff; text-decoration: none;}

#navRedLine {
	color:#952927;
	color:#fba140;
	background-color:#952927;
	background-color:#fba140;
	height:1px;
	border-width:0px;
}

#bannerContainer{
	width:770px;
	font-size:1px;
}

#bannerContainerPrint{
	width:600px;
	font-size:1px;
}

#bannerHrLine {
	color:#FEBD40;
	background-color:#FEBD40;
	height:1px;
	border-width:0px;
}


#bodyContentContainer {
	width:770px;
	font-size:1px;
	background-color:#F0EDC4;
}

#bodyContentContainerPrint {
	width:600px;
	font-size:1px;
	background-color:#ECEAD9;
	display:table-cell;
}

#leftColumn {
	vertical-align:top;
	float:left;
	width:515px;
	padding-left:20px;
	padding-top:20px;
	padding-right:30px;
	background-color:#F0EDC4;
	text-align:justify;
	border-right:1px solid #C8C3A2;
	line-height: 1.6em;
}

#leftColumn ul
{
	padding-left: 25px;
	padding-top: 10px;
	line-height: 2em;
}


#leftColumn span
{
	color: #74644A;
}


#rightColumn {
	vertical-align:top;
	float:right;
	width:202px;
	/*background-image:url(../images/template/right_col_bg.jpg);*/
	background-repeat:no-repeat;
	background-color:#F0EDC4;
	color:#463B1D;
}



#cartHeader {
	/*background-image:url(../images/template/cart_header_bg.jpg);*/
	background-repeat:no-repeat;
	color:#463B1D;
	font-size:10px;
	height:95px;
}

.cartLine {
	color:#C8C3A2;
	background-color:#C8C3A2;
	height:1px;
	border-width:0px;
	width:100%;
	font-size:1px;
	margin-bottom: 2px;
	white-space:nowrap;
	zoom: 1;
}

.endCartLine
{
	color:#C8C3A2;
	background-color:#C8C3A2;
	height:1px;
	border-width:0px;
	width:100%;
	font-size:1px;
	margin-bottom: 2px;
	border-bottom: 1px double #C8C3A2;

}

.subNavPanel {
	color:#463B1D;
	font-size:12px;
	font-weight:bold;
	padding: 4px 7px;
	display: list-item;
	list-style: none;
}

.subNavPanel a:link		{color: #463B1D; text-decoration: none;}
.subNavPanel a:visited	{color: #463B1D; text-decoration: none;}
.subNavPanel a:hover	{color: #463B1D; text-decoration: none;}
.subNavPanel a:active	{color: #463B1D; text-decoration: none;}

.subNavPanel img
{
	padding-right: 7px;
}

*html .subNavPanel img
{
	padding-right: 0px;
}

ul.subNavPanel {
	margin-bottom:5px;
	margin-top:5px;
	margin-left:15px;
}

li.subNavPanel  {
	list-style-type:square;
	list-style-position:inside;
	font-weight:normal;
	font-size: 11px;
}

li.subNavPanel a:link		{color: #463B1D; text-decoration: none;}
li.subNavPanel a:visited	{color: #463B1D; text-decoration: none;}
li.subNavPanel a:hover		{color: #463B1D; text-decoration: underline;}
li.subNavPanel a:active		{color: #463B1D; text-decoration: none;}


#blackFooter {
	background-color:#000000;
	width:770px;
	height:10px;
}

#footer {
	width:770px;
	font-size:11px;
	margin: 0px auto 0px;
	text-align:center;
	color: #6B6543; 
}

#footer a:link		{ color: #6B6543; text-decoration: none;}
#footer a:visited	{ color: #6B6543; text-decoration: none;}
#footer a:hover		{ color: #6B6543; text-decoration: underline;}
#footer a:active	{ color: #6B6543; text-decoration: none;}

/******************** product styles ******************************/
.productName {
	font-weight:bold;
	color:#7B5408;
}

.productDesc {
}

.productPriceList {
	font-weight:bold;
}

.subCategoryHeading {
	color:#C88900;
	font-weight:bold;
	font-size:14px;
}

.quantityText {
	color:#7D5509;
	font-weight:bold;
}

.quantityBox {
	border:thin solid #D1CEB8;
	background:#ffffff;
	width:20px;
}

.productImage {
	border:thin solid #B9B599;
}

.productDottedLine {
	background-image:url(../images/template/product_dotted_line.gif);
	background-repeat:repeat-x;
}

.productDoubleLine {
	background-image:url(../images/template/product_double_line.gif);
	background-repeat:repeat-x;
}

/********************* show cart styles **************************/
.shopping_cart_heading {
	font-weight:bold;
	color:#7C5508;
}

.shopping_cart_table {
	font-size:10px;
}


.shop_cart_doubleLine {
	background-image:url(../images/template/shop_cart_double_line.gif);
	background-repeat:repeat-x;
}

.shop_cart_total {
	color:#30571B;
	font-size:13px;
	font-weight:bold;
}

/************* order form *****************************************/
#formLine {
	
	color:#C7B185;
	background-color:#C7B185;
	height:1px;
	border-width:0px;
	width:100%;
	font-size:1px;
}

.termsCondition {
	color:#333333;
	font-size:11px;
	font-family: "Trebuchet MS", Arial, sans-serif;
}


/************************ invoices *******************************/
#invoiceBox {
	border:thin solid #B9B599;
	background-color:#F8F7EB;
}



/*********************** sub nav on right panel *******************/
.subNavText {
	color:#846114;
	font-weight:bold;
}


/**************************** general *****************************/
#errorMessage {
	color: #ff0000;
}

.mandatory {
	color: #ff0000;
}

.dark_yellow_text {
	color:#7C5508;
}

.footerText {
	font-size:9px;
	color:#666666;
}
.eventTable {

	font-weight:bold;
	color:#336633;
}
/**************************** added css *****************************/
#topNavContainer{ 
	float:right; display:inline;
	height:14px;
	padding:0px;
	margin:0px;	
	list-style:none;		
}
#topNavContainer .topNav {
	float:left;display:inline;
	/*padding:0px 9px 10px 0px;*/
	padding: 0px 15px 10px 0px;
	position:relative;
	z-index:1;
}
#topNavContainer .subTopNav { background-color:#F8901D;
	width:180px;
	position:absolute;
	top:22px; left:0px;
	border-bottom:1px solid #D27F21;	
	text-align:left;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	padding:3px 2px 3px 2px;	
	margin:0px 0px 0px 0px;
	display:none;
	list-style:none;
	border-left:1px solid #D27F21;
	border-right:1px solid #D27F21;		
	border-top:1px solid #FBA140;
}
#topNavContainer .subTopNav li {		
	position:relative;
	display:inline;
}
#topNavContainer .subTopNav .subSubTopNav {
	background-color:#F8901D;
	width:180px;
	position:absolute;
	top:-4px; left:182px;
	border-bottom:1px solid #D27F21;	
	text-align:left;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	padding:3px 2px 3px 2px;	
	margin:0px 0px 0px 0px;
	display:none;
	list-style:none;
	border:1px solid #D27F21;

}
#topNavContainer .subTopNav a {
	display:block; zoom:1;
	padding: 3px 8px 3px 8px;
	color:white;
}
#topNavContainer .subTopNav a:hover {
	background-color:#756242;
	color:white;
}
#topNavContainer .hover .subTopNav {
	display:block;
}
#topNavContainer .subTopNav li.hover .subSubTopNav {
	display:block;
}
.backtotop {
	text-align:right;
	padding:30px 0px 30px 0px;
}
a#am {
	text-decoration:none; 
	font-size:9px; 
	color:#333333;
	font-family:'Trebuchet MS', Arial, sans-serif;
}

.pics {  
    width:   200px;  
    height: 360px;
    padding: 0;  
    margin:  0; 
    display: block; 
    float:right;
    padding-left: 15px;
} 
 
.pics img {  
    padding: 15px; 
    border:  1px solid #ccc;  
    background-color: #eee; 
    top:  0; 
    left: 0 
} 

.pics img.large
{
	padding: 0 0 15px 0;
	border:none;
	background-color: transparent;
	
}

/*for new homepage*/
/*.bottom_half
{
	background-image:url(../images/homepage_c.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	height:155px;
	margin-left:4px;
	padding:5px 35px;
	position:absolute;
	top:526px;
	width:730px;
}*/
.bottom_half{
	
/*background-image:url(../images/homepage_c.jpg);
background-position:left bottom;
background-repeat:no-repeat; */
display:block;
height:210px;
margin-left:4px;
padding:5px 35px;
position:absolute;
top:540px;
width:700px;
margin-top: -50px;
background-color: #F0EDC4;

}

*html .bottom_half
{

	/*background-image:url(../images/homepage_c.jpg);
	background-position:left top;
	background-repeat:no-repeat; */
	display:block;
	height:210px;
	margin-left:4px;
	padding:5px 35px;
	position:absolute;
	top:535px;
	width:700px;
	background-color: #F0EDC4;
	z-index: -50;
}

.bottom_half h1
{
	 font-family:'Times New Roman', Times, serif; 
	 font-size: 20px; 
	 font-weight:normal; 
	 line-height: 0.5em; 
	 padding: 0px; 
	 padding-top: 0px;
}


.bottom_half p
{
	width: 420px;
	font-size: 1.2em;
	color: #443D23;
	margin-top: 40px;
	line-height: 1.5em;
	margin-left: 8px;
}

*html .bottom_half p
{
	padding-top: 10px;
}

.top_half
{
display:block;
height:410px;
margin-left:-20px;
position:absolute;
width:822px;
z-index: 80;
margin-top: -30px;
top: 150px;
}

*html .top_half
{
	z-index: -1; 
	margin-top: -30px;
}

.footer_wrap
{
	position: absolute;
	top: 710px;
	/*width: 814px;*/
	color:#746E4C;
}

.btnMakeBooking
{
	float:right;
	margin-right:30px;
	margin-top:15px;
}

*html .btnMakeBooking
{
	margin-right: 15px;
}

.homepage_audrey_link
{
display:block;
height:205px;
margin-left:490px;
margin-right:30px;
margin-top:380px;
position:absolute;
width:263px;
z-index:999;
}

.homepage_audrey_link_2
{
display:block;
height:154px;
margin-left:490px;
margin-right:30px;
margin-top:520px;
position:absolute;
width:252px;
z-index:998;
}

#link_to_suite
{
	display: block;
	background-image: url(../images/see_our_new_suite.jpg);
	background-repeat: no-repeat;
	background-position:left bottom;
	width: 254px;
	height: 153px;
	position: absolute;
	margin-left: 490px;
	margin-top: 520px;
}

p{
	margin: 20px 0;
}
