<!--

* { padding:0; margin:0;}
body { 
	margin:0;
	font:12px Arial, Helvetica, sans-serif;
	color:#5D3904;
	padding:0;
	background: #000000 url(../images/bg_tile.gif) top left  repeat;
}

#contentScroll{
	overflow:scroll;
	width:100%;
	height:466px;
	overflow-x: hidden;
}

/* ----------- Left Navigation -----------------*/
.left-nav-bg{ background:#B10011;}
table.left-nav td{ padding:5px 10px 5px 16px;  color:#FFFFFF; font:12px Arial, Helvetica, sans-serif;}
table.left-nav td a{ color:#FFFFFF; font:12px Arial, Helvetica, sans-serif; text-decoration:none;}
table.left-nav img{ border: 0; }
table.left-nav td a:hover{ font-weight:bold;}


/* ----------- top Navigation -----------------*/
td.top-nav { height:20px; padding:0; margin:0; color:#FFFFFF; font:12px Arial, Helvetica, sans-serif; background:#535D71;}
td.top-nav a {color:#FFFFFF; margin-left:8px; margin-right:7px; font:12px Arial, Helvetica, sans-serif; text-decoration:none;}
td.top-nav a:hover {text-decoration:underline;}


/* ----------- Main Content Area -----------------*/
.content-top-bg{ background:#EAB654;}
.content-top-bg h1{ font:24px Arial, Helvetica, sans-serif; font-weight:bold; color:#FFC960; padding-left:16px; margin-top:5px; margin-bottom:-7px !important;}
.content{background:#FFC960; padding-left:17px; font:12px Arial, Helvetica, sans-serif; color:#5D3904; line-height:22px;}
.content p{ margin-bottom:15px; margin-top:10px;}
.home-content{ padding:5px;padding-left:0px; background:#B4A68A; font:12px Arial, Helvetica, sans-serif; color:#5D3904; }
.viewrecipies{ background:#988C74 url(../images/view-recipe-bg.jpg) top left repeat-x; height:178px; border:1px solid #D9D0BD;}
.white-box{ width:105px; color:#FFFFFF; padding:10px; text-align:center; height:105px; background:url(../images/white-box.gif) top center no-repeat; line-height:22px;}
.white-box a{ color:#6C1422; text-decoration:underline;}
.white-box a:hover{ color:#6C1422; text-decoration:none; }
.address-box{ background-color:#7A6130; color:#FFFFFF; font:11px Arial, Helvetica, sans-serif; height:29px;}
.right-float{ float:right; margin:0 0 5px 5px;}


/* ----------- Footer Area -----------------*/
.footer{ color:#505B6E; font:11px Arial, Helvetica, sans-serif; height:31px;}
#fading_image_container {
  width: 350px;
  height: 232px;

}
#fading_image_containerinner {
  width: 380px;
  height: 252px;
float:right; margin:0 0 5px 5px;
}


.tableblock{ padding:5px; border:3px solid #866627;  font:12px Arial, Helvetica, sans-serif; color:#5D3904; line-height:20px; padding: 5px;}
.tdcontent{background:#FFC960; padding-left:17px; font:12px Arial, Helvetica, sans-serif; color:#5D3904; line-height:22px;}
A{ color:#000000; font:12px Arial, Helvetica, sans-serif; text-decoration:none;}

.bluematter-big { font-family:Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #13213C; }

.bmatterlink-big {FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #000000; FONT-FAMILY:  Arial, Helvetica, sans-serif; text-decoration:underline;}
.bmatterlink-big:link { text-decoration: underline; color: #000000; font-family:  Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold;}
.bmatterlink-big:visited { text-decoration: underline; color: #000000; font-family:  Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold;}
.bmatterlink-big:hover { text-decoration: none; color: #B10011; font-family:  Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold;}

.bmatterbig {FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #000000; FONT-FAMILY:  Arial, Helvetica, sans-serif;}

.bmatterlink-small {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY:  Arial, Helvetica, sans-serif; text-decoration:underline;}
.bmatterlink-small:link { text-decoration: underline; color: #B10011; font-family:  Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
.bmatterlink-small:visited { text-decoration: underline; color: #B10011; font-family:  Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
.bmatterlink-small:hover { text-decoration: none; color: #B10011; font-family:  Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}

.input { FONT-SIZE: 11px;
	COLOR: #464343; 
	border: 1px solid #ABABAB;
	FONT-FAMILY: "tahoma", Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	padding-left: 2px;
	height: 14px;
	padding-top: 2px; }
	
.button { background-color: #B10011; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; border:1px solid #6A000A; text-decoration: none; cursor: pointer; }

.inner-border { border:1px solid #866627; padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; line-height: 15px; font-weight: normal; }

.inner-padding {padding:7px;}
-->

/******************************* Horizontal Styles **************************************/


/* Overall Wrapper for Client Supplied Snippet */
	#OT_searchWrapperAll {   
        width:680px;
        height:90px;/* for horizontal layout: 60px, for vertical layout: 100px */
        position: relative;
        margin:0;
        padding-top:20px;
		padding-left: 25px;
		background: transparent;
}


/* wrapper */

	#OT_searchWrapper
    {
        border: none;
        background: transparent;
        font-family: Verdana, Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        width:100%;
        height:60px;/* for horizontal layout: 60px, for vertical layout: 100px */
        position: relative;
        margin:0;
    }
    
/* Title of Search */
	 #OT_searchWrapper .OT_feedTitle
    {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0 0 1px 5px;
        font-size:12px;
        font-weight:bold;
        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: 23px;/* 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:110px;
    }
    
/* Party Size Wrapper - dd tag */    
    #OT_partySize
    {
        position: absolute;
        top: 25px;/* for horizontal layout: 25px, for vertical layout: 25px */
        left: 120px;/* for horizontal layout: 120px, for vertical layout: 85px */
        margin:0;
       	padding:0;
    }

/* Date Label Wrapper - dt tag */    
    #OT_dateLbl
    {
        position: absolute;
        top: 23px;/* for horizontal layout: 25px, for vertical layout: 55px */
        left: 180px;/* for horizontal layout: 180px, for vertical layout: 0px */
        margin: 0 0 0 5px;
        padding:3px 0;
        text-align:right;
        width:55px;
    }
    
/* Date Label Wrapper - dd tag */    
    #OT_date
    {
        position: absolute;
        top: 27px;/* for horizontal layout: 25px, for vertical layout: 55px */
        left: 245px;/* for horizontal layout: 245px, for vertical layout: 85px */
        width:100px;
        margin:0;
       	padding:0;
    }
/* Time Label Wrapper - dt tag */ 

    #OT_timeLbl {
        position: absolute;
        top: 23px;/* for horizontal layout: 25px, for vertical layout: 55px */
        left: 335px;/* for horizontal layout: 335px, for vertical layout: 185px */
        width:60px;
        padding:3px 0;
        text-align:right;
    }

/* Time Label Wrapper - dd tag */     
    #OT_time {
        position: absolute;
        top: 25px;/* for horizontal layout: 25px, for vertical layout: 55px */
        left: 400px;/* for horizontal layout: 358px, for vertical layout: 185px */
    }
    
 /* 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: 25px; /* for horizontal layout: 25px, for vertical layout: 112px */
        left: 485px;/* for horizontal layout: 485px, 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:80px; /* 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;
       background:#fff;
    }
    
  /* Wrapper for Text Link */   
    #OT_logoLink {
		position: absolute;
		top: 60px;/* for horizontal layout: 60px, for vertical layout: 100px */
		left: 0px; /* for horizontal layout: 0px, for vertical layout: 0px */
		width:100%;
		padding:0 0 10px 0;
		margin:0;
		font-size:9px;
		font-family: Verdana, Arial, Helvetica, Sans-Serif;
		display:block;
		background:#fff;
     }
     
     /* text link padding */
     #OT_logoLink a
     {
		padding:0 0 0 10px;
	}

    /* Logo Link Border and margin*/
    #OT_imglogo 
    {
		border: 0;
		margin:0 0 0 10px;
	}
    
	#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%;
	}

#otrimg {
	float: left;
	height: 137px;
}