/* @override http://www.sonomagourmet.com/assets/css/main.css */

/**************************************************
Site:           Sonoma Gourmet - sonomagourmet.com
Created:        Dec 17 2009
Last Modified:  Mar 02 2010
------------------------------------------------- 
Chad Crowell, encaffeinated.com
chad@encaffeinated.com | Copyright 2010
================================================= */

/* Global Reset Styles *******************************/
/* ================================================= */
html, body, div, span, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	}
a img, :link img, :visited img {border: 0;}
table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 0px;
	}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
	}

dt {font-weight: bold; }

hr {
	border: 0;
	width: 100%;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 0;
	padding: 0;
}

strong, b {font-weight: bold;}
italic, em {font-style: italic;}

/* `Clear Floated Elements
-----------------------------------------------------*/
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}




/* Common Styles *************************************/
/* ================================================= */
body{
	background: #f1ecda url(/images/layout/body-bg.gif) repeat-x top center;
	color: #221f20;
	font-family: Arial, Helvitica, 'Liberation Sans', FreeSans, sans-serif;
	font-size: 14px;
}

h2{
	color: #9a1d23;
	font-family: Georgia, serif;
	font-size: 24px;
	padding-bottom: 20px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}
h3{
	color: #9a1d23;
	font-family: Georgia, serif;
	font-size: 18px;
	padding-bottom: 20px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}
h4{
	color: #9a1d23;
	font-size: 16px;
	padding-bottom: 10px;
}

p{
	margin-bottom: 15px;
}

a{
	color: #9a1d23;
	text-decoration: none;
}
	a:hover, a.active{
		color: #221f20;
		text-decoration: underline;
	}


/* Layout Styles *************************************/
/* ================================================= */
.mod
{
	width:930px;
	margin:0 auto;
	position:relative;
}
.col-content{
	float: left;
	margin: 0 40px 0 5px;
	width: 555px;
}
	.col-content.right{
		margin: 0 5px 0 20px;
		width: 500px;
	}
.col-content-full{
	margin: 0 40px 0 5px;
	width: 860px;
}
.col-split{
	float: left;
	margin-right: 20px;
	width: 390px;
}
	.col-split.last{margin-right: 0px;}

.col-side{
	float: right;
	width: 320px;
}
	.col-side.left{float: left;}
	#home-side{margin-top: 7px;}




/* Header Styles *************************************/
/* ================================================= */
#header{
	height: 115px;
}

	#header h1 {
		float: left;
		margin-top: 15px;
		width: 178px;
	}
	
		#header h1 a {
			background: url(/images/layout/logo.png) no-repeat;
			display: block;
			height: 93px;
			overflow: hidden;
			text-indent: -9999px;
			width: 178px;
		}
	#utilities{
		float: right;
		width: 700px;
	}	
	
	ul#nav{
		float: right;
		list-style-type: none;
	}
		ul#nav li{
			float: left;
			font-family: Georgia, serif;
			font-size: 18px;
			margin-right: 25px;
		}
			ul#nav li.last{margin-right: 0px;}
			ul#nav a{
				text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
			}
			
	#quick-search{
		float: right;
		margin: 20px 0 25px;
	}
		#quick-search input{
			float: left;
		}
		#quick-search input.text{
			background: #ede6d3;
			border: 1px solid #c9c3b5;
			height: 19px;
			margin-right: 10px;
			padding: 4px 0 0 0;
			width: 170px;
		}
		
	ul#cart-links{
		float: right;
		list-style-type: none;
		margin: 24px 0 0 5px;
	}
		ul#cart-links li{
			float: left;
		}
			ul#cart-links li div{display: inline;}
			ul#cart-links li em{
				padding: 0 10px;
			}
		
			

/* Banner Styles *************************************/
/* ================================================= */	
#banner{
	background: url(/images/layout/vineyard-bg.jpg) repeat-x center;
	height: 310px;
	margin-bottom: 30px;
}	
	#slide{
		background: url(/images/layout/banner-bg.png) no-repeat;
		height: 302px;
		padding: 8px 0 0 8px;
		width: 922px;
	}
		#slide img{display: none; margin: 8px 0 0 8px;}
			#slide img.show{display: block;}
	
/* Internal Banner Styles ****************************/
/* ================================================= */	
#internal-main{
	background: url(/images/layout/vineyard-bg.jpg) repeat-x center 30px;
	margin-bottom: 10px;
}	
	#internal-content{
		background: url(/images/layout/internal-content-bg.png) no-repeat;
		padding: 25px 30px 0px;
		min-height:400px;
  		height:auto !important;
  		height:400px;
		width: 870px;
	}
	

/* Content Styles ************************************/
/* ================================================= */	
.divider{
	border-bottom: 1px solid #cac5b8;
	clear: both;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

img.content{
	border: 2px solid #fff;
	margin-bottom: 5px;
	/* Outer Glow */
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}
	a:hover img.content{border-color:#9a1d23;}
	
	a#shop-now img{
		border: 3px solid #9a1d23;
		display: block;
		float: right;
		margin: 0 0 15px 15px;
		/* Outer Glow */
		box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
		-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
	}
	a#shop-now:hover img{border-color: #fff;}

a.btn-browse, #btn-submit{
	background: url(/images/layout/btn-browse.png) no-repeat;
	color: #fff;
	display: block;
	font-size: 12px;
	height: 19px;
	padding: 6px 0 0 0;
	text-align: center;
	width: 72px;
}

#internal-content ul, #internal-content ol{
	margin-left: 15px;
	margin-bottom: 15px;
}
	#internal-content ul.no-bullets{list-style-type: none; margin-left: 0px;}
	
#internal-content a{text-decoration: underline;}
	#internal-content a.colorbox{text-decoration: none;}

ul#breadcrumbs{
	list-style-type: none;
	margin-bottom: 15px;
	margin-left: 0px;
}
	ul#breadcrumbs li{display: inline; margin-right: 6px;}
	ul#breadcrumbs a{
		color: #8b8b8b;
		margin-right: 6px;
		text-decoration: none;
	}
		ul#breadcrumbs a:hover{text-decoration: underline;}

		
div.content-callout{
	background-color: #e7dec5;
	border: 1px solid #c9c3b5;
	float: right;
	margin: 0 0 20px 20px;
	padding: 20px;
}

/* Product Styles ************************************/
/* ================================================= */
ul.product-list{
	list-style-type: none;
	margin-left: 0px;
	margin-bottom: 0px;
}
	ul.product-list li{
		float: left;
		margin: 0 30px 20px 0;
		min-height:300px;
  		height:auto !important;
  		height:300px;
		text-align: center;
		width: 144px;
	}
		ul.product-list li.last{margin-right: 0px;}
		ul.product-list li a img{margin-bottom: 5px;}
		ul.product-list li a:hover img{border-color:#9a1d23;}
		ul.product-list li a strong{
			display: block;
			font-family: Georgia, serif;
			font-size: 18px;
			font-weight: normal;
			text-align: center;
			text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
		}


p.notification{
	background-color: #e7dec5;
	border: 1px solid #000;
	color: #000;
	padding: 5px;
}
p.instructions{
	font-size: 12px;
	font-style: italic;
}
		
p.price{	
	color: #9a1d23;
	font-family: Georgia, serif;
	font-size: 24px;
	padding-top: 3px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}
	p.price span{font-size: 14px;}

form.add-cart p{
	float: left;
	margin-right: 10px;
}
	form.add-cart label{
		float: left;
		margin: 10px 5px 0 0;
	}
	form.add-cart input#quantity{
		background: #ede6d3;
		border: 1px solid #c9c3b5;
		float: left;
		margin-top: 5px;
		padding: 5px;
		width:30px;
	}
	
p.nutrition-label a span{text-decoration: underline;}

/* Recipe Styles *************************************/
/* ================================================= */
.recipe-item h3{
		padding-bottom: 10px;
	}
	.recipe-item img.content{
		float: left;
		margin: 0 25px 25px 0;
	}
		.recipe-item.list-page img.content{margin-bottom: 10px;}
	.recipe-description{padding-left: 180px;}
		.recipe-description-detail{padding-left: 280px;}
	.recipe-info{
		background-color: #e7dec5;
		border: 1px solid #c9c3b5;
		margin-right: 0px;
		padding: 20px;
		width: 820px;
	}
		.recipe-info li{margin-bottom: 6px;}
	p.recipe-prep{	
		color: #9a1d23;
		font-family: Georgia, serif;
		font-size: 14px;
		padding-top: 3px;
		text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
	}
	

/* Search Results Styles *****************************/
/* ================================================= */
	.search-item h3{
		padding-bottom: 10px;
	}
	.search-item img.content{
		float: left;
		margin: 0 15px 10px 0;
	}

	

/* Sidebar Styles ************************************/
/* ================================================= */
.side-item{
	margin-bottom: 15px;
	overflow: hidden;
}
	.side-item.product img{
		float: left;
		margin: 0 15px 5px 0;
	}
	.side-item.product h4, .side-item.product p{padding-left: 105px;}
	
	.side-item h3{padding-bottom: 10px;}
	.side-item p{font-size: 12px;}
	
	
	#mailinglist_form input, #mailinglist_form button{float: left;}
		#mailinglist_form input.text{
			background: #ede6d3;
			border: 1px solid #c9c3b5;
			color: #9d9c9b;
			height: 19px;
			margin-right: 10px;
			padding: 4px 0 0 0;
			width: 160px;
		}
			#mailinglist_form input:focus{color: #221f20;}
		.btn-submit{
			background: url(/images/layout/btn-browse.png) no-repeat;
			border: none;
			color: #fff;
			cursor:pointer;
			display:block;
			font-size:12px;
			height: 25px;
			padding: 0;
			text-align:center;
			text-decoration:none;
			width:72px;
		}
			.btn-submit:hover{text-decoration: underline;}
		

/* Contact Form Styles *******************************/
/* ================================================= */
.contact-form, #search-form{
	background-color: #e7dec5;
	border: 1px solid #c9c3b5;
	padding: 20px;
	width: 420px;
}
	.contact-form label, #search-form label{
		display: block;
		margin-bottom: 3px;
	}
		.contact-form label em{color: #9a1d23;}
		.contact-form label.error{color: #9a1d23;}
		.contact-form input, .contact-form textarea, #search-form input, #search-form textarea{
			background: #ede6d3;
			border: 1px solid #c9c3b5;
			padding: 5px;
			width:400px;
		}
			.contact-form input.error, .contact-form textarea.error{border-color: #b8602f}

		.contact-form select{
			background: #ede6d3;
			border: 1px solid #c9c3b5;
			padding:5px;
		}
			.contact-form select.error{border-color: #b8602f;}
		
	
/* Footer Styles *************************************/
/* ================================================= */
#footer p{
	color: #8b8b8b;
	font-size: 12px;	
}
	
	
	
/* Chad */


#internal-content h3 a, #internal-content ul.product-list li a {
	text-decoration: none;
}

#internal-content h3 a:hover, #internal-content ul.product-list li a:hover {
	text-decoration: underline;
}