html , body{
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #474324;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #070707;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td { /* reset block elements */
	margin:0;
	padding:0;
	list-style-type: none;
} 
a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


a:hover, a:active, a:focus {
	outline: 0; /* remove outline on click */
}
a {
	color: #b51d23;
}
a:hover {
	color: #B0A000;
}


h2, h3, h4 {
	font-size: 1em;
	line-height: 1em;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	text-transform: uppercase;
}

p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 17px;
	padding-left: 0px;
}

.hide {
	display: none;
}
.clear {
	font-size: 0px;
	clear: both;
	height: 0px;
}
.container {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
img.align-left {
	float: left;
	margin-right: 12px;
	margin-top: 5px;
}
ul.common {
	margin-bottom: 22px;
}
ul.common li {
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 12px;
	line-height: 1em;
	display: block;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e9e3c3;
}
p.quote {
	font-size: 16px;
	line-height: 24px;
	font-style: italic;
	font-weight: 400;
	padding-bottom: 9px;
}

.topmast {
	background-image: url(../images/topmast-bg-tile.jpg);
	background-repeat: repeat-x;
	color: #FFF;
	text-transform: uppercase;
	line-height: 24px;
	background-position: center top;
}
.topmast .container {
	height: 188px;
}
.topmast .pad {
	position:relative;
	padding-top: 45px;
	padding-right: 30px;
	padding-left: 30px;
	height:110px;
}
.topmast a {
	color: #dde3a7;
}
.topmast a:hover {
	color: #ffffff;
}
	.topmast a.logo{
		display:block;
		position:absolute;
		top:0px;
		left:350px;
		}
.topmast .lt-col {
	float: left;
	width: 50%;
}
.topmast .rt-col {
	text-align: right;
	float: right;
	width: 50%;
}
.topmast .navigation{
	position:absolute;
	bottom:0px;
	left:0px;
	width: 960px;
	font-size:18px;
	height:28px;
	}
	.topmast .navigation ul.left{
		float:left;
		margin:0 0 0 50px;
		height:28px;
		}
		.topmast .navigation ul.left li{
			position:relative;
			float:left;
			margin:0 100px 0 0;
			height:28px;
			}
			.topmast .navigation ul.left li a{
				color:#000;
				text-decoration:none;
				}
			.topmast .navigation ul.left li:hover > ul{
					display:block;
					position:absolute;
					top:28px;
					left:0px;
					z-index:80;
						padding:7px 0 0 0;
						width:160px;
						background-color:#B9131F;
						background-image:url('../images/sub_menu_bg.png');
						border:2px solid #000;
					}
				.topmast .navigation ul.left li ul{
					display:none;
					}
				.topmast .navigation ul.left li ul:hover{
					display:block;
					}
					.topmast .navigation ul.left li ul li{
						display:block;
						position:relative;
						margin:0 0 0 5px;
						float:none;
						clear:left;
						}
						.topmast .navigation ul.left li ul li:hover > ul{
							display:block;
							position:relative;
							top:-33px;
							left:155px;
							z-index:80;
								width:270px;
								background-image:url('../images/sub_menu_bg.png');
							}
						.topmast .navigation ul.left li ul li ul{
							display:none
							}
							.topmast .navigation ul.left li ul li ul li{
								display:block;
								position:relative;
								margin:0 0 0 5px;
								float:none;
								clear:left;
								}
	.topmast .navigation ul.right{
		float:right;
		margin:0 50px 0 0;
		}
		.topmast .navigation ul.right li{
			float:left;
			margin:0 0 0 100px;
			}
			.topmast .navigation ul.right li a{
				color:#000;
				text-decoration:none;
				}
			.topmast .navigation ul li a:hover{
				text-decoration:none;
				color: #FFF;
				}
			.topmast .navigation ul li a.active{
				text-decoration:none;
				color: #FFF;
				}
				
.billboard {
	background-image: url(../images/billboard-bg.gif);
	font-size: 15px;
	line-height: 24px;
	color: #FFF;
}
.billboard .wrapper {
	background-image: url(../images/olive-branch-bg.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.billboard .pad {
	padding-top: 23px;
	padding-bottom: 60px;
	padding-right: 30px;
	padding-left: 30px;
}
.billboard .lt-col {
	float: left;
	width: 360px;
	position: relative;
}

/* start home page slideshow css */

.billboard #slideshow {
	height: 260px;
	width: 360px;
	background-image: url(../images/photo-bg.png);
}
.billboard #slideshow img {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	margin-top: 9px;
	margin-left: 9px;
}
.billboard #slideshow img.active {
    z-index:10;
}
.billboard #slideshow img.last-active {
    z-index:9;
}

/* end home page slideshow css */


.billboard .rt-col {
	float: left;
	width: 480px;
	margin-left: 60px;
}
.billboard .note {
	font-style: italic;
	color: #edc770;
}

.content {
	background-image: url(../images/body-bg.gif);
}
.content .wrapper {
	background-image: url(../images/topbar-bg.gif);
	background-repeat: repeat-x;
}
.content .container {
	background-color: #FFF;
}
.content .pad {
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}
.content .lt-col{
	float: left;
	width: 900px;
	margin-left: 30px;
	margin-right: 30px;
}
.content .lt-col p{
	margin:0px;
	padding:0 30px 0 0;
	}
.content .page_title{
	margin:0 29px;
	padding: 0 0 30px;
	font-size:40px;
	}
.content .section_title{
	margin:0px;
	padding: 0 0 20px;
	font-size:28px;
	clear:both;
	}
.content h2 {
	font-size: 18px;
	color: #9d0e16;
	margin-bottom: 19px;
}
.foot {
	background-image: url(../images/checkers-bg.gif);
	background-repeat: repeat-x;
	line-height: 1em;
	color: #e7c371;
}
.foot .container {
	background-image: url(../images/footer-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.foot .pad {
	padding-top: 60px;
	padding-right: 30px;
	padding-bottom: 180px;
	padding-left: 30px;
}
.foot .lt-col {
	float: left;
	width: 50%;
}
ul.social {
}
ul.social li {
	display: inline;
}
ul.social a {
	display: block;
	height: 24px;
	width: 24px;
	margin-right: 5px;
	float: left;
}
.foot .rt-col {
	text-align: right;
	float: right;
	width: 50%;
}

/* Temporary Code */

.recipe_button{
	float:right;
	}


/* Page Specific Code */

#home .content .lt-col, 
#home .content .mid-col, 
#home .content .rt-col {
	float: left;
	width: 260px;
	margin-left: 30px;
	margin-right: 30px;
}

#contact .content .lt-col,  
#contact .content .rt-col {
	float: left;
	width: 420px;
	margin-left: 30px;
	margin-right: 30px;
}
#contact .contact_info{
	margin:0 0 20px 0;
	}
#contact #contact_form{
	font-size:14px;
	}
	#contact #contact_form div{
		width:250px;
		height:30px;		
		}
		#contact #contact_form div input{
			float:right;
			width:150px;
			}
		#contact #contact_form textarea{
			width:250px;
			height:125px;
			}

#recipes .recipe_container{
		position:relative;
		float:left;
		margin:0 0 40px 1px;
		padding:0 30px 0 0;
		height:120px;
		width:415px;
		}
	#recipes .recipe_container h2{
			display:block;
			float:left;
			width:285px;
			font-size: 14px;
			}
		#recipes .recipe_container h2 a.recipe_link{
				display:block;
				position:relative;
				text-decoration:none;
				}
			#recipes .recipe_container h2 .smaller{
				font-size:10px;
				}
		#recipes .recipe_container a.recipe_link{
			display:block;
			position:absolute;
			bottom:0px;
			left:0px;
			}
		#recipes .recipe_container a.recipe_img{
			float:right;
			height:120px;
			}
		#recipes .recipe_container a.download{
			display:block;
			position:absolute;
			bottom:0px;
			left:40px;
			}
		#recipes .recipe_container .product_link{
			width: 285px;
			position: absolute;
			bottom: 24px;
			left: 0px;
			line-height:15px;
			}
		
		#recipes .recipe_container h2 a.recipe_link_new {
			display: block;
			position: relative;
			text-decoration: none;
			bottom: 0px;
			left: 0px;
			}
			
/* Store Layout Code */

.col2-right-layout .lt-col{
	float: left;
	width: 730px;
	margin-left: 10px;
	margin-right: 0px;
	}
.col2-right-layout .sidebar{
	margin:0 10px;
	}
	
.col2-left-layout .lt-col{
	float: right;
	width: 730px;
	margin-left: 0px;
	margin-right: 10px;
	}
.col2-left-layout .sidebar{
	margin:0 10px;
	}
	
.availability { margin:0; display: none;}
.add-to-box { display:none; }
.price-box{ display:none; }