/*
// $Id: wrapper.css,v 1.5 2009/01/27 03:05:24 zachb Exp $
// $Revision: 1.5 $
// $Author: zachb $
//
// $Log: wrapper.css,v $
// Revision 1.5  2009/01/27 03:05:24  zachb
// *** empty log message ***
//
// Revision 1.4  2009/01/23 21:04:05  zachb
// *** empty log message ***
//
// Revision 1.3  2009/01/23 17:49:52  zachb
// *** empty log message ***
//
// Revision 1.2  2009/01/20 21:22:31  zachb
// *** empty log message ***
//
// Revision 1.1  2009/01/19 23:37:41  zachb
// initial revision
//
// Revision 1.2  2008/02/22 19:01:54  scottl
// Various changes to reference website.  Added new and updated example code modules and fixed some basic things that were missing/broken (Google Analytics, doctype, etc.)
//
//
*/

body {
	margin: 0 auto;
	text-align: center;
	background-color: #E9E4D1;
	background-image: url("../images/bk.sliver.gif");
	background-repeat: repeat-x;
	background-position: 0 0;
	font-family: Arial, sans-serif;
}
	
img {
	border: none;
}

input, select, textarea {
	font-size: 11px;
	color: #708497;
}

form 
{
	margin: 0;
}

.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}

#containerMain {
	margin: 0 auto;
	width: 988px;
	height: auto;
}

/* BEGIN HEADER STYLES */
#containerHeader {
	position: relative;
	width: 988px;
	height: 118px;
}
#boxHeaderUtitlityNav {
	position: absolute;
	top: 0;
	right: 0;
	width: 145px;
	height: 27px;
}
#boxHeaderLogo {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 442px;
	height: 106px;
}
#boxHeaderMainNav {
	bottom: 0;
	right: 0;
	width: 469px;
	height: 31px;
}
/* END HEADER STYLES */
#containerHomeContent {
	width: 988px;
	height: auto;
	overflow: auto;
	background-color: #F8F9F9;
	background-image: url("../images/bg_sub_content_home1.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	font-family: Arial, sans-serif;
	color: #7f755f;
	font-size: 12px;	
	line-height: 17px;
	text-align: left;
}

#boxHomeContentLeft {
	float: left;
	display: inline; /* added to fix IE6 double margin bug */
	width: 690px;
	height: auto;
	margin: 20px 0 0 24px;
}
#boxHomeContentLeft h1 {
	font-family: Times, serif;
	font-size: 25px;
	color: #a78c52;
	margin: 0;
}

#boxHomeContentRight {
	float: right;
	display: inline; /* added to fix IE6 double margin bug */
	width: 229px;
	height: auto;
	margin: 13px 13px 20px 0;
	
}

#boxHomeContentRight h2 {
	font-family: Times, serif;
	font-size: 20px;
	color: #a78c52;
	margin: 8px 0 0;
}

#boxHomeContentRightSnippet 
{
	padding: 0 10px 10px;
	border: 1px #cccccc solid;
	background-image: url("../images/bg_home_snipit.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #FBFAF5;
}
/* BEGIN SUB PAGE SPECIFIC STYLES */
#containerSubContent {
	width: 988px;
	height: auto;
	overflow: auto;
	background-color: #F8F9F9;
	background-image: url("../images/bg_sub_content.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	font-family: Arial, sans-serif;
	color: #7f755f;
	font-size: 12px;	
	line-height: 17px;
	text-align: left;
}
	/* BEGIN SUB NAV STYLES */
	
	#boxSubNav {
		float: left;
		display: inline; /* added to fix IE6 double margin bug */
		width: 202px;
		height: auto;
		margin: 16px 0 0 9px;
	}
	#boxSubNavBdr1 {
		width: 200px;
		height: auto;
		border-right: 1px solid #898F99;
		border-bottom: 1px solid #898F99;
		border-left: 1px solid #898F99;
	}
	#boxSubNavBdr2 {
		width: 198px;
		height: auto;
		border-right: 1px solid #f9faf2;
		border-bottom: 1px solid #f9faf2;
		border-left: 1px solid #f9faf2;
	}
	
	#txtSubNav, #txtSecNav {
		/*background-color: #f9faf4;
		background-image: url("../images/bg_sub_nav.jpg");
		background-repeat: no-repeat;
		background-position: 0 0;*/
	}
	
	#txtSubNav ul, #txtSecNav ul{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	#txtSubNav ul a, #txtSecNav ul a {
		display: block;
		font-family: Times, serif;
		font-size: 12px;
		line-height: 22px;
		padding-left: 10px;
		text-decoration: none;
		text-align: left;
		border-bottom: 1px #B2B7BD solid;
		background-color: #9AA1AB;
	}
	#txtSubNav ul a.last, #txtSecNav ul a.last {
		border: none;
	}
	#txtSubNav ul a:link, #txtSecNav ul a:link {
		color: #ffffff;
	}
	#txtSubNav ul a:visited, #txtSecNav ul a:visited {
		color: #ffffff;
	}
	#txtSubNav ul a:hover, #txtSecNav ul a:hover {
		color: #444A52;
	}
	#txtSubNav ul a:active, #txtSecNav ul a:active {
		color: #444A52;
	}
	
	#txtSubNav ul a.navOn, #txtSecNav ul a.navOn {
		color: #444A52;
	}
	
	#txtSubNav ul a.navOnlast, #txtSecNav ul a.navOnlast {
		color: #444A52;
		border: none;
	}
	
	#txtSubNav li ul a, #txtSecNav li ul a {
		padding-left: 25px;
		font-size: 12px;
	}
	
	#txtSubNav li a.navSubLast, #txtSecNav li a.navSubLast {
		padding-left: 25px;
		font-size: 12px;
		border: none;
	}
	
	/* END SUB NAV STYLES */

#boxSubTitle {
	float: left;
	display: inline; /* added to fix IE6 double margin bug */
	width: 436px;
	height: auto;
	margin: 16px 11px 8px 30px;
	text-align: left;
}
#boxSubTitleLinks 
{
	float: left;
	width: 194px;
	height: auto;
	margin: 39px 0px 8px 0px;
	text-align: right;
}
#boxSubTitleLinks A {
	font-weight: bold;
	/*font-style: italic;*/
	color: #3e4953;
}
#boxSubTitleLinks A:link {
	text-decoration: none;
	color: #3e4953;
}
#boxSubTitleLinks A:visited {
	text-decoration: none;
	color: #3e4953;
}
#boxSubTitleLinks A:hover {
	text-decoration: underline;
	color: #3e4953;
}
#boxSubTitleLinks A:active {
	text-decoration: underline;
	color: #3e4953;
}


#boxSubContentIntro {
	float: right;
	display: inline; /* added to fix IE6 double margin bug */
	width: 736px;
	height: auto;
	margin: 0 11px 12px 0;
}
/*use this id to remove top margin on first p tag in firefox*/	
#boxSubContentIntro p:first-child {margin-top:0;}
/*use this id to remove bottom margin on last p tag in firefox*/	
#boxSubContentIntro p:last-child {margin-bottom:0;}

#boxSubContentMain {
	float: right;
	display: inline; /* added to fix IE6 double margin bug */
	width: 736px;
	height: auto;
	margin: 0 11px 0 0;
	background-color: #ffffff;
	background-image: url("../images/bg_sub_content_main.gif");
	background-repeat: repeat-y;
	background-position: 0 0;
}

#boxSubContentWide 
{
	float: right;
	display: inline; /* added to fix IE6 double margin bug */
	width: 606px;
	/*min-height:400px;
    height:auto !important;
    height:400px;*/
	margin: 0 100px 0 0;
	background-color: #ffffff;
	/*background-image: url("../images/watermark.gif");
	background-position: 50px 0px;
	background-repeat: no-repeat;*/
}

#boxSubContentMainLeft {
	float: left;
	width: 230px;
	height: auto;
	background-color: #FEFEFE;
}
.txtGallery {
	font-size: 12px;
	color: #C6BEB1;
}


#boxSubContentWideRight {
	float: left;
	display: inline; /* added to fix IE6 double margin bug */
	width: 586px;
	height: auto;
	margin: 0 10px;
}

/*use this id to remove margin on first p tag in firefox*/	
#boxSubContentWideRight p:first-child {margin-top:0;}
/*use this id to remove bottom margin on last p tag in firefox*/	
#boxSubContentWideRight p:last-child {margin-bottom:0;}

#boxSubTitle h1 {
	font-family: Times, serif;
	font-size: 25px;
	font-weight: normal;
	color: #a78c52;
	line-height: 25px;
	margin: 0;
	padding: 0;
}

.txtContentSub {
	color: #7f755f;
	font-size: 12px;	
	line-height: 17px;
	text-align: left;
}
.txtContentSub A {
	font-weight: bold;
	/*font-style: italic;*/
	color: #3e4953;
}
.txtContentSub A:link {
	text-decoration: none;
	color: #3e4953;
}
.txtContentSub A:visited {
	text-decoration: none;
	color: #3e4953;
}
.txtContentSub A:hover {
	text-decoration: underline;
	color: #3e4953;
}
.txtContentSub A:active {
	text-decoration: underline;
	color: #3e4953;
}
/* BEGIN SUB PAGE SPECIFIC STYLES */

/* BEGIN FOOTER STYLES */
#containerFooter1 {
	width: 988px;
	height: 38px;
	background-color: #6B401E;
}
.txtFooter1 {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
	white-space: normal;
	line-height: 38px;
}
.padFooter {
	display: inline;
	padding-left: 15px;
	padding-right: 15px;
}
.txtFooter1 A:link {
	text-decoration: none;
	color: #ffffff;
}
.txtFooter1 A:visited {
	text-decoration: none;
	color: #ffffff;
}
.txtFooter1 A:hover {
	text-decoration: underline;
	color: #ffffff;
}
.txtFooter1 A:active {
	text-decoration: underline;
	color: #ffffff;
}

#containerFooter2 {
	width: 988px;
	height: 17px;
	overflow: auto;
}
.txtFooter2 {
	font-size: 10px;
	color: #3a4c36;
	line-height: 17px;
	white-space: normal;
}
.txtFooter2 A:link {
	text-decoration: none;
	color: #3a4c36;
}
.txtFooter2 A:visited {
	text-decoration: none;
	color: #3a4c36;
}
.txtFooter2 A:hover {
	text-decoration: underline;
	color: #3a4c36;
}
.txtFooter2 A:active {
	text-decoration: underline;
	color: #3a4c36;
}
/* END FOOTER STYLES */

#sitemap
{
	float:left;	
	width: 230px;
	margin-top: 15px;
}
.trapper 
{
	display: none;	
}
p.txtHeader1 
{
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	color: #a78c52;
	text-transform: uppercase;
}

#containerDatePicker 
{
	position:absolute;	
	margin:34px 0 0 350px;
	z-index:100;
}


/* OPEN TABLE STYLES */
#OT_searchWrapperAll {   
    width:100%;
    height:100px;/* for horizontal layout: 60px, for vertical layout: 100px */
    position: relative;
    margin:0;
    padding:0;
    /*background:#fff;*/
}

/* wrapper */

#OT_searchWrapper
{
    width:100%; 
    height:130px;/* for horizontal layout: 60px, for vertical layout: 100px */
    position: relative;
    margin:0;
    /*background-color: #f9faf4;*/
	font-family: Arial, sans-serif;
	color: #7f755f;
	font-size: 12px;
}

/* Title of Search */
	#OT_searchWrapper .OT_feedTitle
{
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 0 1px 5px;
    font-size:12px;
    font-weight:normal;
    line-height:1em;
}

/* Definition List */   
#OT_searchWrapper dl 
{
	position: absolute;
	top: 0;
    left: 0;
	padding:0;
	margin:0;
}

/* Party Size Label Wrapper - dt tag */
#OT_partySizeLbl
{
    position: absolute;
    top: 7px;/* for horizontal layout: 25px, for vertical layout: 25px */
    left: 0px; /* for horizontal layout: 0px, for vertical layout: 0px */
    margin: 0 0 0 5px;
    padding:3px 0;
    text-align:right;
    width:80px;
    display:block;
}

/* Party Size Wrapper - dd tag */    
#OT_partySize
{
    position: absolute;
    top: 7px;/* for horizontal layout: 25px, for vertical layout: 25px */
    left: 90px;/* for horizontal layout: 90px, for vertical layout: 85px */
    margin:0;
    padding:0;
}

/* Date Label Wrapper - dt tag */    
#OT_dateLbl
{
    position: absolute;
    top: 35px;/* for horizontal layout: 25px, for vertical layout: 55px */
    left: 0px;/* for horizontal layout: 105px, for vertical layout: 0px */
    margin: 0 0 0 5px;
    padding:3px 0;
    text-align:right;
    width:80px;
}

/* Date Label Wrapper - dd tag */    
#OT_date
{
    position: absolute;
    top: 35px;/* for horizontal layout: 25px, for vertical layout: 55px */
    left: 92px;/* for horizontal layout: 195px, for vertical layout: 85px */
    width:100px;
    margin:0;
    padding:0;
}

/* Time Label Wrapper - dt tag */     
#OT_timeLbl {
    position: absolute;
    top: 75px;/* for horizontal layout: 25px, for vertical layout: 55px */
    left: 0px;/* for horizontal layout: 300px, for vertical layout: 185px */
    width:80px;
    padding:3px 0;
    text-align:right;
}

/* Time Label Wrapper - dd tag */     
#OT_time {
    position: absolute;
    top: 75px;/* for horizontal layout: 25px, for vertical layout: 55px */
    left: 90px;/* for horizontal layout: 195px, for vertical layout: 85px */
    width:100px;
    margin:0;
    padding:0;
}

/* Placeholder empty dt */
#OT_empty 
{
	position:absolute;
	width:0;
	height:0;
	padding:0;
	margin:0;
	top:100px;
	left:0;
} 

/* Submit Button Wrapper - dd tag */    
    #OT_submitWrap
{
    position:relative;
    top: 105px; /* for horizontal layout: 25px, for vertical layout: 112px */
    left: 92px;/* for horizontal layout: 450px, for vertical layout: 240px */
    margin: 0 5px 0 0;
    z-index:5; /* do not change */
}

/* Wrapper for Powered By OpenTable Logo */
#OT_logo {
    position:absolute;
	top:175px; /* for horizontal layout: 80px, for vertical layout: 120px */
	left:0px; /* for horizontal layout:0px, for vertical layout: 0px */
	width:100%;
	padding:0;
	margin:0;
	display:block;
	text-align:center;
}

/* Wrapper for Text Link */   
#OT_logoLink {
	position: absolute;
	top: 135px;/* for horizontal layout: 60px, for vertical layout: 100px */
	left: 0px; /* for horizontal layout: 0px, for vertical layout: 0px */
	width:100%;
	padding:0 0 0 0;
	margin:0;
	font-size:9px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	display:block;
	text-align:center;
    }

/* text link padding */
    #OT_logoLink a
    {
	padding:0 0 0 10px;
	font-weight: bold;
	color: #3e4953;
}

#OT_logoLink A:link {
	text-decoration: none;
	color: #3e4953;
}
#OT_logoLink A:visited {
	text-decoration: none;
	color: #3e4953;
}
#OT_logoLink A:hover {
	text-decoration: underline;
	color: #3e4953;
}
#OT_logoLink A:active {
	text-decoration: underline;
	color: #3e4953;
}

/* Logo Link Border and margin*/
#OT_imglogo 
{
	border: 0;
	margin:0 0 0 0;
}

#OT_searchWrapper form {margin:0;padding:0;}
#OT_searchWrapper input.hidden {display:none;}

/* Text Form Fields*/ 
#OT_searchWrapper .feedFormField, #OT_searchWrapper .feedFormField option {
	font-size:12px;
	margin:2px 2px 2px 2px;
}
/* Text Form Field for Date field */
#OT_searchWrapper #startDate, #OT_searchWrapper .OT_feedFormfieldCalendar 
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size:12px;
	margin:0;
	width:85px;
}

#OT_searchWrapper #dateDisplay
{
	font-size:10px;
	color:#999;
 	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	float:right;
	margin:0px 30px 0px 0px;
	display:inline;
}

/*** calendar styles ***/

/* Placeholder. Don't change this */
#OT_searchWrapper .imgCal 
{
	position: absolute; 
	display: none; 
	z-index:100;
}

/* Calendar Table properties */
#OT_searchWrapper #imageCal table {
	font-size:12px;
 	width:150px;
	font-family:arial;
	font-weight: bold;
	background:#FFF;
}
#OT_searchWrapper #imageCal td {
	padding:0px 0px 0px 0;
	text-align:center;
}

/* Days in the future */
#OT_searchWrapper .clickableDays 
{	
	color: #000000; 
	text-decoration: none;
	height:18px;
}

/* Days in the past */
#OT_searchWrapper .nonclickableDays 
{	
	color: #CCCCCC;
	height:18px;
}

/* Name of the month at the top */
#OT_searchWrapper .months 
{
	color: #FFFFFF; 
	text-decoration: none 
}

/* Day of the week */
#OT_searchWrapper .weekdays
{
	color: #000000; 
	text-decoration: none; 
	color:#666666;
	background-color:#EFEFEF; 
	width:14%;
}

#widgetTemp
{
	background-color:#6E4320;
	text-align: right;
}