/* GENERAL */

/*--BEGIN USER STYLE --*/

/* Only used for tidying up PDF icons */
.pdficon {

}

.empty_leftcol {

}

/*-- END USER STYLE--*/


body {
	margin: 0px;
	padding: 0px 0px 40px 0px;
	background-color: #342834;
	background-image: url("/layout/bg_tile.jpg");
	background-position: center top;
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}


h1 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 18px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
td, li, p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.lcolblock a {
	color: #8E1312;
}
div#rightcol a {
	color: #00590D;
}
div#rightcol h1, h2, h3 {
	color: #00590D;
}
	

.clear {
	clear: both;
	font-size: 1px;
	line-height: 0em;
}

/* /GENERAL */

	div#page {
		margin: 0px auto;
		padding: 0px;
		width: 836px;
		text-align: left;
	}
	
/* HEADER */

		div#header {
		
		}
			img#top_logo {
				float: left;
				width: 375px;
				height: 120px;
				border: 0px;
			}
			img#takeaway_link {
				float: right;
				width: 225px;
				height: 77px;
				border: 0px;
			}
			p#tel_nos {
				clear: both;
				padding: 0px 10px 5px 10px;
				margin: 0px;
				text-align: right;
				font-weight: bold;
				color: #DA9B00;
			}
				span.tel_no {
					color: #FFFFFF;
				}
			
			div#topnav {
				margin: 0px;
				height: 42px;
				background-image: url("/layout/topnav_bg.gif");
				background-position: top left;
				background-repeat: no-repeat;
			}
				div#topnav ul {
					margin: 0px;
					padding: 0px;
					list-style: none;
				}
					div#topnav ul li {
						float: left;
						display: inline;
						padding: 0px 58px 0px 29px;
						width: 0; /* Hack value for IE6, we'll fix in the next selector */
						height: 42px;
						line-height: 42px;
						text-align: center;
						text-decoration: none;
						white-space: nowrap; /* Required to stop IE6 wrapping text due to width: 0 */
						font-family: Georgia, Times New Roman, Times, serif;
						font-size: 13px;
						font-weight: bold;
						color: #000000;
					}
					html>body div#topnav ul li {
						width: auto;
					}
					div#topnav ul li.last {
						padding-right: 28px;
					}
					div#topnav ul li.current {
						color: #FFFFFF;
					}
						div#topnav ul li a {
							display: block;
							height: 42px;
							line-height: 42px;
							color: #000000;
							text-align: center;
							text-decoration: none;
							white-space: nowrap; /* Required to stop IE6 wrapping text due to width: 0 */
						}

						div#topnav ul li a:active, div#topnav ul li a:hover {
							color: #FFFFFF;
						}
		
/* /HEADER */

/* 2-COL LAYOUT */

		/*
			Had to use a different solution here for two matched-length columns because the 
			page background image has to show through the margins in the left column, so I couldn't 
			just use a wrapper div with a faux-columns background image because it would've blotted 
			out the page background.
			
			Found this cheaty solution, requires overflow: hidden in #cols,
			and some hacky-looking padding-bottom and margin-bottom at the foot of the left and 
			right cols (see below)
			
		*/
		div#cols {
			clear: both;
			overflow: hidden;
		}
			div#leftcol {
				float: left;
				width: 285px;
				margin: 0px 0px 0px 0px;
				padding: 0px;
			}
			div#leftcol_red {
				float: left;
				width: 285px;
				margin: 0px 0px 0px 0px;
				padding: 0px;
			}
			div#rightcol {
				float: right; /* Change this float to left and IE6 goes crazy. Can't wait for that browser to die */
				width: 546px;
				margin: 5px 0px 0px 5px;
				padding: 0px;
				background-color: #F7F6E4;
				/* hacky values to force column lengths to appear to match */
				padding-bottom: 10020px;
				margin-bottom: -10000px;
			}
			div#lcolfooter {
				clear: left;
				float: left;
				width: 285px;
				background-color: #F7F6E4;
				/* hacky values to force column lengths to appear match */
				padding-bottom: 10000px;
				margin-bottom: -10000px;
			}
			div#lcolfooter_red {
				clear: left;
				float: left; /* Change this float to left and IE6 goes crazy. Can't wait for that browser to die */
				width: 285px;
				background-color: #9B0101;
				/* hacky values to force column lengths to appear to match */
				padding-bottom: 10000px;
				margin-bottom: -10000px;
			}
			

/* /2-COL LAYOUT */

/* LH COLUMN */
		#leftcol h2 {
			margin: 4px 0px 0px 0px;
			background-color: #F7F6E4;
			border-top: 1px solid #4D4141; /* Had margin collapse issues */
			border-bottom: 1px solid #f9f9f9; /* Had margin collapse issues */
		}
		#leftcol_red h2 {
			margin-top: 4px;
			background-color: #9B0101;
			border-top: 1px solid #4D4141; /* Had margin collapse issues */
			border-bottom: 1px solid #9B0101; /* Had margin collapse issues */
		}

		.contentpad {
			padding: 0px 12px 0px 12px;
		}

		img.pdficon {
			display: block;
			float: right;
			vertical-align: top;
		}
	
	#leftcol a {
		color: #9B0101;
	}

	#leftcol h2, #leftcol_red h2 {
		font-family: Georgia, Times New Roman, Times, serif;
		padding: 9px 12px 9px 12px;
		
		
		background-image: url("/layout/sidebar_header_bg.gif");
		background-position: 0px 0px;
		background-repeat: no-repeat;
		color: #ffffff;
		font-size: 13px;
	}
	#leftcol h2.nopad, #leftcol_red h2.nopad {
		padding: 0px;
		height: 36px;
		line-height: 36px;
	}
	#leftcol p {
		background-color: #F7F6E4;
		padding: 12px;
		margin: 0px;
	}
	#leftcol p.empty_leftcol {
		margin-top: 5px;
	}
	
	#leftcol h2.current, #leftcol_red h2.current {
		height: 36px;
		line-height: 36px;
		padding: 0px 12px 0px 12px;
		background-image: url("/layout/sidebar_header_bg.gif");
		background-position: 0px -36px;
		background-repeat: no-repeat;
	}
	
		span.horiz_pad {
			display: block;
			padding: 0px 12px 0px 12px;
		}

		#leftcol h2 a, 
		#leftcol_red h2 a,
		ul#takeaway_menu li a {
			display: block;
			height: 36px;
			line-height: 36px;
			padding: 0px 12px 0px 12px;
			background-image: url("/layout/sidebar_link_bg.gif");
			background-position: 0px 0px;
			background-repeat: no-repeat;
			background-color: #9B0101;
			color: #ffffff;
			text-decoration: none;
		}
		ul#takeaway_menu li.current {
			padding: 0px 12px 0px 12px;
		}
		#leftcol h2 a:hover, 
		#leftcol h2 a:active, 
		#leftcol_red h2 a:hover, 
		#leftcol_red h2 a:active,
		ul#takeaway_menu li a:hover, 
		ul#takeaway_menu li a:active {
			background-image: url("/layout/sidebar_link_bg.gif");
			background-position: 0px -36px;
			background-color: #CB9C00;
			color: #ffffff;
		}
		
	ul#takeaway_menu {
		margin: 5px 0px 0px 0px;
		padding: 0px;
		list-style: none;
	}
		ul#takeaway_menu li {
			margin: 0px;
			height: 36px;
			padding: 0px 0px 0px 0px;
			font-family: Georgia, Times New Roman, Times, serif;
			font-weight: bold;
			line-height: 36px;
			background-image: url("/layout/sidebar_header_bg.gif");
			background-position: 0px -36px;
			background-repeat: no-repeat;
			color: #ffffff;
		}
		
		

/* /LH COLUMN */

/* RH COLUMN */

ul#maintabs {
	height: 288px;						/* UL made tall to contain the foodshot image */
	margin: 0px 0px 0px 0px;	/* as a background image (overlapping it in		*/
	vertical-align: bottom;		/* the HTML using positioning didn't work in	*/
	padding: 0px;							/* IE6 or Chrome															*/
	list-style: none;
	background-position: top left;
	background-repeat: no-repeat;
}
	img.foodshot {
		z-index: 1;
		width: 546px;
		height: 288px;
	}

	ul#maintabs li {
		position: relative; /* This positioning, plus the top: position are to */
		top: 256px;					/* place this nav at the foot of the tall UL above */
		float: left;				/* so it looks like it's overlapping the background*/
		display: inline;		/* image of the UL 																 */
		background-color: #E6E5CD;
		height: 32px;
		line-height: 32px;
		margin-right: 3px;
		font-weight: bold;
	}
	ul#maintabs li.current {
		background-color: #F7F6E4;
		padding: 0px 12px 0px 12px;
	}
	ul#maintabs li a {
		display: block;
		width: 1px;
		height: 32px;
		line-height: 32px;
		padding: 0px 12px 0px 12px;
		color: #000000;
		font-weight: bold;
		text-decoration: none;
		white-space: nowrap;
	}
	html>body ul#maintabs li a {	/* Set a width of 1 above for IE6's benefit */
		width: auto;								/* Overriding it for proper browsers here		*/
	}
	ul#maintabs li a:hover, 
	ul#maintabs li a:active {
		text-decoration: underline;
	}
div#content {
	
	padding: 0px 12px 0px 12px;
	margin: 0px;
}


/* /RH COLUMN */

/* 2-COLS CONTENT STUFF: */



/* /2-COLS CONTENT STUFF */

/* Sale Item Classes */


table.product {
	border-top: 1px solid #A2A19C;
	margin: 10px 10px 0px 10px;
}
	table.product h2 {
		padding-bottom: 6px;
	}
	table.product p {
		margin: 0px;
	}
	
	table.product h2.product_name, table.product p.price {
		font-family: Georgia, Times New Roman, Times, serif;
		font-size: 14px;
		font-weight: bold;
		color: #00590D;
		margin: 0px 0px 0px 0px;
		padding-bottom: 4px;
	}

	table.product p.short_desc {
		margin: 0px;
	}
	
	span.price {
		font-weight: bold;
		text-align: right;
		color: #00590D;
	}
	
	
	
	#contentpad label.product, #contentpad input.product {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		margin: 0px;
		padding: 0px;
		width: 40px;
	}
	label.qty {
		font-weight: bold;
		text-align: auto;
	}
	input.qty {
		margin-left: 3px;
	}
	
	table.product p textarea {
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	span.prodinfolink {
		font-weight: normal;
	}

/* /Sale Item Classes */
/* Store Process Styles */
table#cart td {
	font-size: 0.9em;
}
	table#cart table td {
		font-size: 1.1em;
	}

		table#cart .pricecolumn {
			padding-left: 10px;
		}
		
		table#cart hr {
			margin: 2px 0px 2px auto;
			padding: 0px;
			height: 1px;
			color: #000000;
			background: #000000;
			border: 0px;
			width: 75%;
			line-height: 5px;
		}

	.formimg {
		vertical-align: bottom;
	}
	
	.sm {
		font-size: 0.9em;
	}
	
	#pagereceipt {
		background-color: #FDFADE;
		color: #000000;
		margin: 0px auto;
		width: 754px;
		text-align: left;
	}
		#pagereceipt #onecolumn {
			margin: 0px auto;
			padding: 0px;
		}
			p#logo {
				text-align: center;
			}
	
	table#cart_rows {
		float: right;
		margin-top: 12px;
		width: 150px;
		color: #000000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	table#cart_rows img {
		border: 0px;
		margin-top: 0px;
	}
	table#cart_rows td {
		font-weight: bold;
		font-size: 10px;
		line-height: 13px;
	}
/* Store Process Styles */


/* Formatting for formfields */

.contentpad .formrow {
	clear: both;
  padding-top: 3px;
  margin: 0px;
  font-size: 2px;
}

.contentpad label {
	float: left;
	width: 100px;
	text-align: right;
	margin: 0px;
	padding: 0px 5px 0px 0px;
}

.contentpad label.check {
	float: left;
	width: 350px;
	text-align: left;
	margin: 2px 0px 0px 5px;
	padding: 0px 5px 0px 0px;
}

.contentpad input {
	float: left;
	width: 200px;
	text-align: left;
}
input.formimg {
	width: auto;
}

.contentpad input.check {
	float: left;
	width: 15px;
	text-align: right;
}


.contentpad textarea {
	float: left;
	width: 350px;
	height: 100px;
	text-align: left;
}

.contentpad input.submit {
	float: left;
	width: 75px;
	text-align: center;
}

input.checkout_chk {
	width: auto;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}