@import url(menu.css);
/*
	Peters Meats
	General Screen Styles

	Created by Chris Pearce
	chris@cstech.net.au
*/
/****************************************************************************************
																   >> General Selectors << 
*****************************************************************************************/
html, body {
	margin: 0; 
	padding: 0; 
	border: 0;
}
body {
	background-color: #f8f8f8;
	color: #000;
	font: 12px/1.4 Arial, Helvetica, sans-serif;
	text-align: left;
}
a:link, a:visited {
	text-decoration: none; 
	color: #B90213;
}
a:hover {text-decoration: underline;}
p {
	margin: 1.4em 0 0;
	padding: 0;
	line-height: 1.5;
}
a img {border: 0;}
ul, ol {
	margin: 1.4em 0 0 30px;
	padding: 0;
}
ul ul, ol ol {margin: 0.40em 0 0.80em 30px;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table td {font: 12px/1.4 Arial, Helvetica, sans-serif;}
address {font-style: normal;}
blockquote {margin: 1.4em 10px 0 20px;}
blockquote p {
	font-style: italic;
	color: #666;
}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
abbr {
	cursor: help;
	border-bottom: 1px dotted #000;
}
hr {
	color: #000; 
	background: #000; 
	height: 1px; 
	border: 0;
}
h1 {
	font: bold 19px Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0;
	padding: 0 0 0 15px;
	background-color: #B90213;
	line-height: normal;
}
#page_wide h1#page_title {
	background: url("../images/h1-bg.jpg") no-repeat 100% 0;
	padding: 17px 0 0 0;
	width: 964px;
	margin-left: 31px;
}
	#page_wide h1#page_title span {
		display: block;
		background-color: #B90213;
		margin: 0 32px 0 21px;
		padding: 5px 0 5px 15px;
	}
h2,h3,h4,h5,h6 {
	margin: 1.1em 0 -0.80em;
	padding: 0;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #333;
}
h3,h4,h5,h6 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #3f3f3f;
}
h4,h5,h6 {
	color: #B90213;
	font-size: 13px;
}

table td table td p, table td table td h1,
table td table td h2, table td table td h3,
table td table td h4, table td table td h5,
table td table td h6, table td table blockquote {margin: 0; padding: 0;}
/*-------------------------------------------CSS3---*/

/****************************************************************************************
																		     >> Layout << 
*****************************************************************************************/
												
/*-------------------------------------------Hide Elements off Screen---*/
.hide {
	position: absolute;
	top: -9999px;
}
.hide2 {display: none;}
/*-------------------------------------------Wrapper---*/
#wrapper {
	width: 995px;
	margin: 0 auto;
	text-align: left;
}
#page_wide #wrapper {background: url("../images/wrapper-bg.jpg") repeat-y 100% 0;}
/*-------------------------------------------Header---*/
#header {
	height: 236px;
	background: url("../images/header-bg.jpg") no-repeat 100% 0;
	position: relative;
	z-index: 3;
}
	#header h1 {
		position: absolute;
		top: -9px;
		left: -1px;
		background-color: transparent;
		z-index: 5;
		padding: 0;
	}
		#header h1 a {
			display: block;
			text-indent: -99999px;
			width: 170px;
			height: 217px;
			background: url("../images/logo.jpg") no-repeat 0 0;
			overflow: hidden;
		}
/*-------------------------------------------Main Content---*/
#main_content {
	background: url("../images/content-bg.jpg") no-repeat 100% 0;
	height: 348px !important;
	height /**/:364px;
	padding: 16px 0 0 52px;
}
#page_home #main_content {
	background: url("../images/content-bg-home.jpg") no-repeat 100% 0;
	position: relative;
	padding: 0;
	height: 364px !important;
}
#page_wide #main_content {
	background: url("../images/content-bg2.jpg") no-repeat 100% 100%;
	height: auto !important;
	padding: 20px 0 60px 67px;
}
	/*-------------------------------------------[HOME PAGE LAYOUT]---*/
	#page_copy_h {
		position: absolute;
		top: 48px;
		left: 420px;
		background-color: #051970;
		width: 295px !important;
		width /**/: 305px;
		padding-right: 10px;
		height: 245px;
		color: #fff;
		overflow: auto;
	}
		#page_copy_h h1 {
			text-indent: -9999px;
			background: url("../images/welcome.gif") no-repeat 0 0;
			width: 278px;
			height: 36px;
			padding: 0;
		}
	#page_home #main_content #randon_image {
		position: absolute;
		left: 53px;
		top: 16px;
		width: 338px;
		height: 316px;
	}
		#page_home #main_content #randon_image img {
			display: block;
			width: 338px;
			height: 316px;
		}
	#page_home #main_content #weekly_specials {
		background: url("../images/weekly-specials-bg.jpg") no-repeat 0 0;
		width: 193px;
		height: 261px;
		position: absolute;
		top: 42px;
		left: 755px;
	}
		#page_home #main_content #weekly_specials * {
			margin: 0;
			padding: 0;
		}
		#page_home #main_content #weekly_specials p {
			margin: 90px 16px 0 14px;
			font-size: 11px;
			color: #333;
			line-height: 1.4;
		}
		#page_home #main_content #weekly_specials p.sml_txt {
			margin-top: 0;
			font-size: 10px;
		}
		#page_home #main_content #weekly_specials a#btn_specials {
			display: block;
			background: url("../images/btn-specials.jpg") no-repeat 0 0;
			width: 119px;
			height: 33px;
			text-indent: -9999px;
			margin: 10px 0 10px 14px;
		}
		#page_home #main_content #weekly_specials a#btn_specials:hover {
			text-decoration: none;
			background-position: 0 -33px;
		}
/****************************************************************************************
												  							 >> Tables << 
*****************************************************************************************/
/*-------------------------------------------Main Table [2 Column]---*/
table#tbl_main {
	width: 911px;
	height: 316px;
	border: 0;
}
	table#tbl_main td.img_holder {
		vertical-align: top;
		width: 338px;
		height: 316px;
	}
		table#tbl_main td.img_holder img {
			width: 338px;
			height: 316px;
		}
		table#tbl_main td.img_holder table td img {
			width: 169px;
			height: 106px;
		}
		table#tbl_main td.img_holder table td.sml_img img {height: 104px;}
	table#tbl_main td.divider {
		width: 15px;
		font-size: 0;
	}
	table#tbl_main td.page_title {
		width: 573px;
		height: 31px;
		background-color: #B90213;
		vertical-align: middle;
	}
	table#tbl_main td.page_copy {
		width: 558px;
		height: 285px;
		vertical-align: top;
	}
	div.scroll_box {
		height: 270px !important;
		height /**/:285px;
		overflow: auto;
		padding: 0 10px 15px 0;
	}
/*-------------------------------------------Specials---*/
table#tbl_specials {
	width: 882px;
	border: 0;
}
	table#tbl_specials td.store {
		vertical-align: top;
		padding: 0 0 16px 0;
		background-color: transparent;
		border: 0;
	}
		table#tbl_specials td.store h2 {color: #B90213;}
	table#tbl_specials td {
		background-color: #fff;
		border: 1px dashed #999;
		vertical-align: middle;
		color: #3A3A3A;
		font: 500 14px Arial, Helvetica, sans-serif;
	}
		table#tbl_specials td img {
			width: 148px;
			height: 110px;
		}
		table#tbl_specials td p {line-height: 1.2;}
		table#tbl_specials td h1, table#tbl_specials td h2,
		table#tbl_specials td h3, table#tbl_specials td h4,
		table#tbl_specials td h5, table#tbl_specials td h6,
		table#tbl_specials td p, table#tbl_specials td blockquote {margin: 0; padding: 0;}
/*-------------------------------------------Contact Us---*/	
table#tbl_contact {
	width: 882px;
	border: 0;
}
	table#tbl_contact td.contact_info {
		width: 411px;
		vertical-align: top;
	}
		table#tbl_contact td.contact_info h2 {margin-top: 0;}
	table#tbl_contact td.divider {
		width: 60px;
		font-size: 0;
	}
/****************************************************************************************
												  							  >> Forms << 
*****************************************************************************************/
form {
	margin: 0.70em 0 1.4em 0; 
	padding: 0;
	width: 80%;
}
	form fieldset {
		border: 0;
		margin: 0;
		padding: 0;
	}
	form fieldset legend {display: none;}
	form fieldset label {
		display: block;
		font-weight: bold;
		padding-bottom: 4px;
	}
	form fieldset input, 
	form fieldset textarea,
	form fieldset select {
		font: 12px Arial, Helvetica, sans-serif;
		color: #333;
		border: 1px solid #666;
		padding: 2px;
		display: block;
		width: 100%;
	}
	form fieldset select {width: auto;}
	form fieldset textarea {
		height: 100px;
		width: 100%; 
		overflow: auto;
	}
	form fieldset input:hover,
	form fieldset input:focus,
	form fieldset textarea:hover,
	form fieldset textarea:focus {
		border: 1px solid #B90213; 
		background-color: #FFD7DB;
	}
	/*---Submit Button---*/
	form fieldset.submit {padding: 8px 0 0 0;} 
		form fieldset.submit input {
			width: 6em;
			min-width: 5em;
			padding: 1px 0.15em;
			border: 1px solid #666;
			background-color: #999;
			color: #fff;
			cursor: pointer; 
			font-weight: bold;
			display: inline;
		}
		form fieldset.submit input:hover,
		form fieldset.submit input:focus {
			background-color: #B90213; 
			border: 1px solid #B90213;
		}
	/*---Validation & Misc Styles---*/
	form fieldset em {
		font: bold 11px Verdana, Arial, Helvetica, sans-serif; 
		color: red;
	}
	form fieldset p {
		margin-top: 0.60em;
		font-size: 11px;
		color: #666;
		text-align: right;
	}
		
/****************************************************************************************
												  						>> Misc Classes << 
*****************************************************************************************/
/*-------------------------------------------Recipes Box---*/
#extraMenu {
	float: right;
	width: 140px;
	margin: 20px 0 14px 16px;
	border: 1px solid #152779;
	padding-bottom: 6px;
}
	#extraMenu * {
		margin: 0;
		padding: 0;
	}
	#extraMenu h5 {
		background-color: #152779;
		color: #fff;
		padding: 4px;
		margin-bottom: 8px;
		font-size: 12px;
	}
	#extraMenu ul {
		margin: 0 6px 0 6px;
		list-style: none;
	}
/*-------------------------------------------CMS Custom Styles---*/
p.style-price {color: #B90213;}

