/***********************************************************
 Global Reset
************************************************************/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ul { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight: normal; }
q:before, q:after { content:'' }
a { text-decoration:none }
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative }
a img { border:none }
* { outline: none; }

/***********************************************************
 Let the games begin...
************************************************************/
html {
	background: #fff;
}

body {
	background: #fff;
	font-family: arial, georgia, "times new roman", times, serif;
	font-size: 11px;
	line-height: 18px; font-style: normal;
	font-weight: 400;
	color: #551900;
	margin: 0 auto;
}

div.clear {
	clear: both;
}

a {
	font-family: arial;
	font-size: 11px;
	font-weight: 400;
	color: #986133;
	text-decoration: underline;
}

small {
	font-family: Verdana;
	font-size: 9px;
	font-weight: 700;
	color: #986133;
	line-height: 100%;
}

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

.alignleft {
	float: left;
	margin-right: 10px;
}

.pad20_l {
	padding-left:20px;
}

/* 01 -  Structuring the layout
************************************************************/
div#page{
	width:994px;
	margin: auto;
	background: #FAF3E7 url(/images/gradient_b.gif) no-repeat bottom;
	padding-bottom: 32px;
}

.home div#page{
	background: #ffffff url(/images/homepage-main-bottom-gradient-20120109.jpg) no-repeat bottom;
}

.prod_page div#page{
	background: #FAF3E7 url(/images/prod_gradient_b.gif) no-repeat bottom;
}

div#container_l {
	background: #FAF3E7 url(/images/gradient_l.gif) repeat-y left;
	padding-left: 12px;
}

div#container_r {
	background: #FAF3E7 url(/images/gradient_r.gif) repeat-y right;
	padding-right: 12px;
}

div#container {}
div.col-780 {
	width: 811px;
	padding-left: 100px;
}

div.col-432 {
	width: 432px;
	padding-left: 100px;
}

div.col-489 {
	width: 489px;
	padding-left: 190px;
}

div.col-370 {
	width: 370px;
	padding-left: 150px 
}

div.col-249 {
	width: 249px;
	padding-right: 42px 
}

div.col-175 {
	width: 175px;
	padding-right: 116px;
}

div.locator{
	
	padding-left: 190px;
	z-index: 2;
}


/* 02 -  Header
************************************************************/
div#header {
	background: #F9F0E2 url(/images/bg_header.jpg) no-repeat top left;
	height: 174px;	
}

	div#header h1.logo {
		padding-left: 53px;
		padding-top: 31px;
		float: left;
	}

	div#header ul#nav {
		padding-right: 42px;
		padding-top: 53px;
		float: right;
		width: 249px;
	}
			
		div#header ul#nav li {
		}
			div#header ul#nav li a {
				margin: 0 0 10px 0;
				display:inline-block;
				color: #551900;
				background: url(/images/transparentpixel.gif);
			}
			
			
/* 03 -  Home
************************************************************/
.home h2, .home h2 a {
    text-align:center;
    font-size:70px;
    line-height:70px;
    color:#ffcf58;
    font-weight:normal;
    text-decoration:none;
    xborder:1px solid red;
}

.home h2 {
    width:400px;
    margin:0 auto;
    padding-top:180px;
}

div.image-wrapper{
	position:relative;
	display: block;
	width: 970px;
	height: 643px;
	background: url(/images/homepage-main-image-20120124.jpg) 0 0 no-repeat;
}

div.image-wrapper a.h_link{
	position:absolute;
	display:block;
	top:102px;
	left:370px;
	width:545px;
	height:180px;
	text-indent:-999em;
}
 
div.highlighted-bar{
	position:absolute;
	top:400px;
	background-repeat: repeat-x;
	background-position: bottom left;
	height:158px;
	width: 970px;
	z-index: 2;
}
 
div.hb_l{
	background: url(/images/transparentpixel.gif);
	display: block;
	width:323px;
	float:left;
	text-align:center;
	padding-top:77px;
}

div.hb_c{
	background: url(/images/transparentpixel.gif);
	width:324px;
	float:left;
	text-align:center;
	padding-top:81px;
}

div.hb_r{
	background: url(/images/transparentpixel.gif);
	width:313px;
	float:right;
	padding-top:0px;
	padding-left:10px;
	text-align:center;
}

div.locator{
	position:absolute;
	top:200px;
	right:30px;
	width:900px;
	z-index: 2;
}

.home div#footer {
	xborder:1px solid red;
	width:990px;
	padding-top:0;
}

/* 03 -  Content
************************************************************/
div#content {
	background: #FAF3E7;
	padding-top: 24px;
	margin-bottom: 20px;
	position:relative;
	xborder:1px solid green;
}

div#content.ourCoffeePage {
	padding-top: 0px;
}

p.floater {
    position:absolute;
    top:20px;
    left:285px;
    font-size:14px;
    font-weight:bold;
    color:#3C0000;
    width:470px;
    text-align:center;
}

p.floater strong {
    font-size:22px;
    display:block;
    padding-bottom:10px;
}



h2.pageheading {
	margin-top:-8px;
	margin-bottom: 36px;
}

h2.product_hd{
	margin-top:110px
}

div.entry had10_t {
	padding-top: 10px;
}

div.entry p 
{
    font-size: 13px;
	margin: 1em 0;
}

div.entry p.truffles{
	padding-top:20px;
}

div#product_list {
	background: url(/images/gradient_products.gif) repeat-x bottom;
	padding-bottom: 40px;
	margin:0 auto;
	text-align:center;
	width:970px;
}
	div#product_list ul#products {
		width:700px;	
		margin:0 auto;
		padding:0;
	}

	div#product_list ul#products li {
		display: inline;		
		margin:0 23px;
		width: 70px;
		float: left;
		height: 170px;
		text-align: center;
		overflow: hidden;
		padding-top: 15px;
	}
	
		div#product_list ul#products li:hover, div#product_list ul#products li.over, div#product_list ul#products li.selected {
			background: url(/images/arrow_active.gif) no-repeat top center;
		}
		
		div#product_list ul#products li:hover .prod_name a, div#product_list ul#products li.over .prod_name a, div#product_list ul#products li.selected .prod_name a {
			color: #986133;			
		}

		div#product_list ul#products li .prod_name a {
			color: #551900;
			text-decoration: none;
			font-size: 11px;
			line-height: 130%;
			font-weight: 700;
			height: 40px;
		}
		
		div#product_list ul#products li .prod_name a {
			display: inline-block;			
			margin-bottom: 10px;
		}
		
		div#product_list ul#products li img {
			height: 112px;
			width: 54px;
		}
		
		div#product_list ul#products li .prod_name a:hover {
			color: #986133;
		}

	div#product_list ul#products li.none {
		margin-right: 0;
	}
	
	
/* 04 -  Footer
************************************************************/
#home-footer div#footer {
	padding: 0px 0 30px 0;
	xborder:1px solid red;
	height:30px;
	width:990px;
	margin:0 auto;
	text-align:left;
}
div#footer {
	padding: 20px 0 30px 0;
	xborder:1px solid red;
	height:30px;
	width:740px;
	margin:0 auto;
	text-align:left;
}
#home-footer div.copyright {
		float: left;
		padding-left:0;
		text-align:left;
		width: 655px;
		font-weight: 400;
		font-size: 11px;
		color:#986133;
	}
	div.copyright {
		float: left;
		padding-left:0;
		text-align:left;
		width: 470px;
		font-weight: 400;
		font-size: 11px;
		color:#986133;
	}
	ul.footerlinks {
		float:left;
		margin:0;
		padding:0;
		width:249px;
		display:inline;
		color:#986133;
	}

.home ul.footerlinks {
		color:#FFF;
	}

		ul.footerlinks li {
			display:inline;
			margin:0 25px 0 0;
			padding:0;
		}
			ul.footerlinks li a {
				text-decoration: none;
				font-weight: 400;
				font-size: 11px;
				color:#986133;
			}
			ul.footerlinks li a:hover {
				color:#551900;
			}
			
div#home-footer {
	position:absolute;
	top:595px;
	right:0;
	z-index: 4;
	width: 994px;
}

div#home-footer ul.footerlinks li a {
	color:#FFF;
}

ul.footerlinks li a span {
	text-decoration:underline;
}

div#home-footer ul.footerlinks li a:hover {
	color:#dfafaf;
}


div#home-footer div.copyright {
		float: left;
		padding-left: 55px;
		font-weight: 400;
		font-size: 11px;
		color:#FFF;
}
		
/* 05 -  Footer Image
************************************************************/
div#footer-img {
	width: 994px;
	overflow: hidden;
	margin: auto;
	background: #FAF3E7;
}

div#home-footer-img {
	width: 994px;
	height: 32px;
	overflow: hidden;
	margin: auto;
}




/* 06 -  Recipe Content
************************************************************/
div#recipe_nav  
{
   width:820px; 
  margin:auto;  
height:40px;  


}
div#recipe_header
{position:relative;  margin:auto;  
height:67px;  
padding-bottom:5px;
text-align:center;


}

div#recipe_content {
	background: #FAF3E7;
	padding-top: 24px;
	margin-bottom: 20px;
	margin-left:40px;
	border:1px solid #ead9be;
	width:896px;
	height:500px;
}
ol.recipe_list_prep {
  margin-left:23px;
  margin-bottom:20px;
}

ul.recipe_list_ingr {
  margin-bottom:20px;
}

div.col-194 {
	width: 194px;
	margin-right: 26px;
	
}
div.col-200{
	width: 200px;
	margin-left: 30px ;
	padding-top:20px;	
	color:#a37f4a;
	line-height:18px;
}
div.col-325{
	width: 325px;
	margin-left: 30px; 
	padding-top:20px;
	line-height:18px;
}


div#recipe {
	
	background: url(/images/gradient_products.gif) repeat-x bottom;
	padding-bottom: 40px;
}

#couponPage h5 {
    font-weight:bold;
    color:#551900;
    padding:30px 0;
}

#couponPage h1 {
    text-indent:-5000px;
    background: transparent url('/images/coupon-page-headline.png') no-repeat 1px 1px;
    height:70px;
}

.rightColumn, .leftColumn {
    position:relative;
}

#couponPage .leftColumn {
    padding-left:86px;
    float:left;
    width:310px;
}

#couponPage .rightColumn {
    padding-left:45px;
    margin-bottom:50px;
    float:left;
    border-left:1px solid #551900;
}

#couponPage label {
    position:relative;
    top:-20px;
}

#couponPage label#ZIP {
    left:-55px;
}

#couponPage input {
    position:relative;
    left:-100px;
}

#couponPage input#ZIP {
    left:-130px;
}

#couponPage input#suButton {
    display:block;
    left:-4px;
    padding:20px 0 50px 0;
}