@charset "utf-8";
/* CSS Document */

/*
	HOTPRESS FRAMEWORK
	Site:
	By:Steven Waller
	Created:
*/
@import url(reset.css);
@import url(960.css);
@import url(waller-columns.css);
@import url(hotpress-module-styles.css);

/* Fonts
----------------------------------------------------------------------------------------------------*/
@font-face {
	font-family: 'TradeGothicCondEighteen';
	src: url('../fonts/tgc_____-webfont.eot');
	src: local('asdf'), url('../fonts/tgc_____-webfont.woff') format('woff'), url('../fonts/tgc_____-webfont.ttf') format('truetype'), url('../fonts/tgc_____-webfont.svg#webfontogUlynEV') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'TradeGothicBoldCondTwenty';
	src: url('../fonts/tgbc____-webfont.eot');
	src: local('asdf'), url('../fonts/tgbc____-webfont.woff') format('woff'), url('../fonts/tgbc____-webfont.ttf') format('truetype'), url('../fonts/tgbc____-webfont.svg#webfontzIRDL4sB') format('svg');
	font-weight: normal;
	font-style: normal; 
}

.TradeGothic-CondEighteen {
	font-weight: normal; 
	font-style: normal; 
	line-height:normal; 
	font-family: 'TradeGothicCondEighteen', sans-serif;
}
.TradeGothic-BoldCondTwenty {
	font-weight: normal; 
	font-style: normal; 
	line-height:normal; 
	font-family: 'TradeGothicBoldCondTwenty', sans-serif;
}

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* Headings
----------------------------------------------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h4,
h5,
h6{
	color:#000;
	font-family: 'TradeGothicBoldCondTwenty', sans-serif;
	text-transform:uppercase;
	margin-bottom:10px;
	font-weight: normal !important;
}
h1 {
	font-size: 36px;
	line-height:1;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 14px;
}

h5 {
	font-size: 12px;
}

h6 {
	font-size: 10px;
}

h1 a:link,
h1 a:visited,
h2 a:link,
h2 a:visited, 
h3 a:link, 
h3 a:visited, 
h4 a:link,
h4 a:visited,
h5 a:link, 
h5 a:visited, 
h6 a:link, 
h6 a:visited{
	color:#000;
	text-decoration:none;
}
h1 a:hover,
h1 a:active,
h2 a:hover,
h2 a:active,
h3 a:hover,
h3 a:active,
h4 a:hover, 
h4 a:active,
h5 a:hover, 
h5 a:active, 
h6 a:hover,
h6 a:active{
	color:#104b7d;
	text-decoration:none;
}
/* Spacing
----------------------------------------------------------------------------------------------------*/
p,
dl,
hr,
ol,
ul,
pre,
table,
address,
fieldset,
blockquote,
form{
	margin-bottom: 20px;
}

ol li{
	list-style: decimal;
	list-style-position:inside;
	padding-bottom:10px;
}
	ol li li{
		padding-left:25px;
	}
		ol ol{
			margin-bottom:0;
			padding-top:10px;
		}

ul li{
	padding-left:20px;
	padding-bottom:10px;
	background:url(images/bullet.gif) no-repeat left 4px;
}
	ul li li{
		padding-left:25px;
	}
		ul ul{
			margin-bottom:0;
			padding-top:10px;
		}

/* General Elements
----------------------------------------------------------------------------------------------------*/
strong {
	font-weight:bold;
	}	
em {
	font-style:italic;
}
a:link, 
a:visited { 
	text-decoration:underline; 
	color:#104b7d; 
	}	
a:hover, 
a:active { 
	text-decoration:none;
	color:#104b7d;
	outline:none;
	}
a:focus {
	outline:none;
}
button {
	margin:0; 
	padding:0;
	border:none;
	text-align:center;
	text-transform:uppercase;
	background:transparent;
	cursor:pointer;
	}	
address span {
	display:block;
	margin:0 0 10px 0;
	}	
blockquote{
	background:transparent url(images/blockquote.gif) no-repeat scroll 2px top;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:14px;
	padding-left:40px;
	float:left;
}

/* Background
----------------------------------------------------------------------------------------------------*/
body{
	background:#572600 url(images/bg-pattern.gif) repeat center top;
}
	#bg-gradient{
		background:url(images/bg-gradient.gif) repeat-x center top;	
	}
		#main-container{
			width:962px;
			margin:0 auto;
		}



/* Header
----------------------------------------------------------------------------------------------------*/
#header{
	background:url(images/body-top.png) no-repeat left bottom;
	height:161px;
}
	#logo{
		float:left;
		margin:27px 0 0 9px;
		display:inline-block;
	}
		#logo a:link,
		#logo a:visited{
			display:block;
			width:210px;
			height:102px;
			background:url(images/logo.png) no-repeat left top;
			text-indent:-9999px;
		}
		#logo a:hover,
		#logo a:active{
			background-position:left -104px;
		}
		
		/* Utility Links
		----------------------------------------------------------------------------------------------------*/
		#cat_1030663_divs{
			width:730px;
			float:right;
		}
			#cat_1030663_divs ul{
				margin:0;
				background:url(images/utility-bg-middle.gif) repeat-x left top;
				overflow:hidden;
				float:right;
				display:block;
			}
				#cat_1030663_divs li{
					background:none;
					float:left;
					display:inline;
					padding:0;
				}
					#cat_1030663_divs a:link,
					#cat_1030663_divs a:visited{
						
						font-size:10px;
						color:#fff;
						text-decoration:none;
						padding:7px 9px 10px 9px;
						text-transform:uppercase;
						display:inline-block;
					}
					#cat_1030663_divs a:hover,
					#cat_1030663_divs a:active{
						color:#CCC;
					}
					#cat_1030663_divs .first a{
						padding-left:21px;
						background:url(images/utility-bg-left.gif) no-repeat left top;
					}
					#cat_1030663_divs .last{
						padding-right:10px;
						background:url(images/utility-bg-right.gif) no-repeat right top;
					}
					#utility-facebook{
						padding:0;
					}
						#header #utility-facebook a:link,
						#header #utility-facebook a:visited{
							display:block;
							width:15px;
							height:15px;
							text-indent:-9999px;
							background:url(images/icon-facebook.gif) no-repeat 9px 7px;
						}
						#header #utility-facebook a:hover,
						#header #utility-facebook a:active{
							filter:alpha(opacity=80);
							-moz-opacity:0.80;
							-khtml-opacity: 0.80;
							opacity: 0.80;
						}
						
					#utility-twitter{
						padding:0;
					}
						#header #utility-twitter a:link,
						#header #utility-twitter a:visited{
							display:block;
							width:15px;
							height:15px;
							text-indent:-9999px;
							background:url(images/icon-twitter.gif) no-repeat 9px 7px;
						}
						#header #utility-twitter a:hover,
						#header #utility-twitter a:active{
							filter:alpha(opacity=80);
							-moz-opacity:0.80;
							-khtml-opacity: 0.80;
							opacity: 0.80;
						}
					
		/* Secondary Utility Links
		----------------------------------------------------------------------------------------------------*/
		#secondary-utility-nav{
			float:right;
			width:723px;
			margin-top:-2px;
			padding-right:7px;
			margin-bottom:46px;
		}
			#non-member-nav,
			#member-nav{
				float:right;
				padding-right:10px;
				font-size:10px;
				color:#fff;
				text-transform:uppercase;
				display:none;
			}
				#member-nav #hello{
					float:left;
					padding:10px 10px 0 0;
				}
				#cat_1036117_divs{
					float:left;
				}
				#secondary-utility-nav ul{
					overflow:hidden;
					margin:0;
					padding-top:10px;
				}
					#secondary-utility-nav li{
						float:left;
						display:inline;
						background:url(images/bar-utility.gif) no-repeat left 3px;
						padding:0 10px;
						font-size:10px;
						color:#fff;
						text-transform:uppercase;
					}
					#secondary-utility-nav li.first{
						background:none;
						padding-left:0;
					}
						#secondary-utility-nav li a:link,
						#secondary-utility-nav li a:visited{
							color:#fff;
							text-decoration:none;
						
						}
						#secondary-utility-nav li a:hover,
						#secondary-utility-nav li a:active{
							color:#CCC;
						}
					
			
			/* Shoping Cart Link
			----------------------------------------------------------------------------------------------------*/
			#catCartSummary{
				font-size:11px;
				text-transform:uppercase;
			}
				#catCartSummary .cartSummaryTable{
					background:url(images/cart-bg.gif) repeat-x left top;
					height:27px;
				}
					#catCartSummary .cartSummaryTable td{
						border:none;
						padding:5px 7px 0;
					}
						
						#catCartSummary a:link,
						#catCartSummary a:visited{
							font-size:14px;
							color:#000;
							text-decoration:none;
							background:url(images/icon-coffee-bean.gif) no-repeat left top;
							padding-left:18px;
							font-family: 'TradeGothicBoldCondTwenty', sans-serif;
						}
						#catCartSummary a:hover,
						#catCartSummary a:active{
							color:#666;
						}
						.cartSummaryLink{
							margin-left:10px;
						}
						/*.btn-shoping-cart{
							display:inline-block;
							width:92px;
							height:0;
							background:url(images/title-shoping-cart.gif) no-repeat left top;
							padding-top:16px;
							overflow:hidden;
							margin-top:1px;
							
						}
						.cartSummaryLink{
							display:inline-block;
							width:139px;
							height:0;
							background:url(images/title-view-cart.gif) no-repeat left 4px;
							padding-top:20px;
							overflow:hidden;
							margin-left:10px;
						}*/
		
/* Order History
----------------------------------------------------------------------------------------------------*/
	.order-history{
		
	}
		.order-history tr{
			
		}
			.order-history td{
				border:none;
				padding:0;
			}

	.order-history {
		border-collapse:collapse;
		border-spacing:0;
		width: 100%;
	}
		.order-history tr{
			
		}
			.order-history th{
				background:#eedfd2;
				border-top:1px solid #CCC;
				border-bottom:1px solid #CCC;
				border-right:none;
				border-left:none;
				text-align:left;
				vertical-align:top;
				width:auto;
				
			}
				.order-history th h3{
					margin:0;
				}
			.order-history td {
				border-bottom:1px solid #CCC;
				vertical-align:top;
				text-align:left;
				padding:5px 8px;
				width:auto;
			}
			.order-history .invoice-number{
				font-weight:bold;
				font-size:14px;
				width:100px;
			}
			.order-history .order-name{
				width:400px;
			}
			.order-history .invoice-date{
				width:200px;
			}
			.order-history .invoice-total{
				font-weight:bold;
				font-size:14px;
			}
			
.order-history-detail{
	width:75%;
}
.order-history-detail td{
	border:none;
}


/* Main Nav
----------------------------------------------------------------------------------------------------*/
#nav{
	float:right;
	width:728px;
	background:#fff url(images/nav-bg.gif) no-repeat right top;
}
	#nav ul{
		margin:0;
	}
		#nav li{
			float:left;
			display:inline;
			padding:0 6px;
			background:none;
		}
			#nav li a:link,
			#nav li a:visited{
				font-family: 'TradeGothicBoldCondTwenty', sans-serif;
				font-size:16px;
				padding:13px 0px 10px;
				color:#000;
				text-decoration:none;
				text-transform:uppercase;
				display:block;
			}
			#nav li.red a {color: #ff0000;}
			#nav li a:hover,
			#nav li a:active{
				padding-bottom:8px;
				border-bottom:2px solid #999;
			}
			#nav li.selected a:link,
			#nav li.selected a:visited,
			#nav li.selected a:hover,
			#nav li.selected a:active{
				padding-bottom:8px;
				border-bottom:2px solid #000;
			}
		#nav #nav-purchase{
			padding:0;
		}
			#nav #nav-purchase a:link,
			#nav #nav-purchase a:visited{
				border:0;
				padding:0;
				display:block;
				width:168px;
				height:48px;
				background:url(images/nav-purchase-coffee.gif) no-repeat left top;
				text-indent:-9999px;
			}
			#nav #nav-purchase a:hover,
			#nav #nav-purchase a:active{
				filter:alpha(opacity=95);
				-moz-opacity:0.95;
				-khtml-opacity: 0.95;
				opacity: 0.95;
			}

/* Sub Nav
----------------------------------------------------------------------------------------------------*/
#sub-nav{
	
}
	#sub-nav ul{
		
	}
		#sub-nav li{
			padding:0;
			background:url(images/grungy-line.gif) no-repeat left bottom;
			zoom:1;
		}
		#sub-nav #nav-title{
			background-image:url(images/dark-grungy-line.gif);
		}
			#sub-nav img{
				display:none;
			}
			#sub-nav a:link,
			#sub-nav a:visited{
				font-family: 'TradeGothicBoldCondTwenty', sans-serif;
				text-decoration:none;
				text-transform:uppercase;
				color:#104b7d;
				font-size:16px;
				display:block;
				
				padding:5px 10px 5px 10px;
			}
			#sub-nav a:hover,
			#sub-nav a:active{
				color:#000;
			}
			#sub-nav #nav-title a:link,
			#sub-nav #nav-title a:visited{
				font-size:21px;
				color:#000;
			}
			#sub-nav #nav-title a:hover,
			#sub-nav #nav-title a:active{
				
			}
			#sub-nav ul ul{
				display:none;
			}
			#sub-nav ul .selected ul{
				display:block;
				margin:0;
				padding:0 0 10px 0;
			}
				#sub-nav ul ul li{
					background:none;
				}
					#sub-nav ul ul a:link,
					#sub-nav ul ul a:visited{
						font-size:15px;
						padding: 3px 10px 3px 11px;
						text-transform:none;
						color:#27679e;
					}
					#sub-nav ul ul a:hover,
					#sub-nav ul ul a:active{
						color:#000;
					}
					#sub-nav ul ul ul,
					#sub-nav ul .selected ul ul{
						display:none;
					}


/* Body
----------------------------------------------------------------------------------------------------*/
#body{
	background:url(images/body-middle.png) repeat-y left top;
	padding:22px 31px 12px;
	overflow:hidden;
}

/* Article and Aside
----------------------------------------------------------------------------------------------------*/
#template-home #article{
	overflow:hidden;
	padding-top:21px;
}
	#template-home #article h3{
		margin-bottom:10px;
	}
#template-inside.two-column #article{
	float:left;
	width:660px;
}
#template-inside.two-column #aside{
	float:right;
	width:230px;
	display:inline;
	margin-right:-10px;
}

/* Hero
----------------------------------------------------------------------------------------------------*/
#slideshow{
	display:block;
	height:314px;
	width:900px;
	position:relative;
	clear:both;
	z-index:1;
	margin-bottom:-23px;
	overflow:hidden;
	
}
	.hero-controls{
		position:absolute;
		z-index:300;
		left:5px;
		top:246px;
	}
		.hero-controls li{
			background:none;
			float:left;
			display:inline;
			padding:0 5px;
		}
			.hero-controls .hero-paging a:link,
			.hero-controls .hero-paging a:visited{
				display:block;
				width:11px;
				height:11px;
				background:url(images/btn-circle.gif) no-repeat left top;
				text-indent:-9999px;
				line-height:0;
			}
			.hero-controls .hero-paging a:hover,
			.hero-controls .hero-paging a:active,
			.hero-controls .hero-paging.current a:link,
			.hero-controls .hero-paging.current a:visited{
				background-position:left bottom;
			}


		.hero-controls .hero-prev a{
			width:5px;
			height:11px;
			background:transparent url(images/icon-arrow-left.gif) no-repeat left 2px;
			text-indent:-9999px;
			display:block;
			line-height:0;
		}
		.hero-controls .hero-next a{
			width:5px;
			height:11px;
			background:transparent url(images/icon-arrow-right.gif) no-repeat left 2px;
			text-indent:-9999px;
			display:block;
			line-height:0;
		}
		.hero-paging{
			overflow:hidden;
			float:left;
		}
	.hero-descriptions{
		position:absolute;
		z-index:10;
		
	}
		.hero-descriptions ul{
			margin:0;
		}
			.hero-descriptions li{
				padding:0;
				background:none;
				display:none;
				position:absolute;
			}
				.hero-description{
					padding:35px 0 0 18px;
					width:400px;
					color:#fff;
				}
					.hero-description h1{
						color:#fff;
						text-transform:uppercase;
						line-height:1;
					}
					.hero-description h2{
						font-size:48px;
						color:#fff;
						text-transform:uppercase;
						line-height:1;
					}
					.hero-description h3{
						font-size:30px;
						color:#fff;
						font-family: 'TradeGothicCondEighteen', sans-serif;
						margin-bottom:-9px;
						text-transform:uppercase;
						line-height:1;
						padding-top:30px;
					}
					.hero-description a{
						color:#fff;	
					}
					
			
	.hero-images{
		position:absolute;
		z-index:8;
		left:0;
	}
		.hero-images ul{
			margin:0;
		}
			.hero-images li{
				background:none;
				padding:0;
				display:none;
				position:absolute;
			}
				.hero-image{
					
				}


/* Calls To Action
----------------------------------------------------------------------------------------------------*/
#ctas{
	width:900px;
	height:133px;
	background:url(images/cta-bg.gif) no-repeat left top;
	padding:24px 10px 21px;
	margin:0 0 0 -10px;
	position:relative;
	z-index:10;
}
	#ctas .section{
		float:left;
		margin:0;
		padding:0;
	}
		#ctas a:link,
		#ctas a:visited{
			display:block;
			background-repeat:no-repeat;
			background-position:top left;
			text-indent:-9999px;
			width:200px;
			height:133px;
		}
		#ctas a:hover,
		#ctas a:active{
			background-position:bottom left;
		}
		#cta-wholesale a{
			background-image:url(images/cta-accessories.jpg);
		}
		#cta-origins a{
			background-image:url(images/cta-subscriptions.jpg);
		}
		#cta-roasting a{
			background-image:url(images/cta-roasting.jpg);
		}
		#ctas #cta-newsletter{
			width:280px;
			height:133px;
			background:#104b7d;
			color:#83a8c8;
			padding:0 10px;
		}
		#ctas #cta-newsletter:hover{
			background:#0b508b;
		}
			#cta-newsletter h4{
				color:#fff;
				font-size:24px;
				margin:7px 0 0 0;
				line-height:1;
			}
			#cta-newsletter p{
				font-family: 'TradeGothicBoldCondTwenty', sans-serif;
				font-size:14px;
				text-transform:uppercase;
				color:#fff;
				margin-bottom:11px;
				
			}
				#cta-newsletter #FirstName,
				#cta-newsletter #LastName,
				#cta-newsletter #monthly-check,
				#cta-newsletter #monthly,
				#cta-newsletter #denver-check,
				#cta-newsletter #denver{
					display:none;
				}

				#cta-newsletter .lable{
					margin-right:5px;
				}
				#cta-newsletter #EmailAddress{
					border:none;
					width:207px;
					height:20px;
					background:url(images/newsletter-text.gif) no-repeat right top;
					padding:3px 0 3px 6px;
					float:left;
					margin-top:12px;
					color:#fff;
				}
				#cta-newsletter #EmailAddress.empty{
					color:#b4d1ea;
				}
				
				#cta-newsletter #catwebformbutton{
					float:right;
					margin-top:12px;
				}
				#cta-newsletter #catwebformbutton:hover{
					filter:alpha(opacity=85);
					-moz-opacity:0.85;
					-khtml-opacity: 0.85;
					opacity: 0.85;
				}
				
				#cta-newsletter #newsletter-submit {
					margin-top: -37px;
				}
				
				#cta-newsletter p#cta-social-media {
					float: left;
					margin-top: 7px;
					margin-right: 5px; 
					padding-top: 7px;
                                        width:179px;
				}	
				#cta-newsletter p#cta-social-media a:link, 
				#cta-newsletter p#cta-social-media a:visited {
					width: 38px; 
					height: 37px; 
					display: block; 
					float: right; 
					margin: 0 5px;
				}
				#cta-newsletter p#cta-social-media a:hover, 
				#cta-newsletter p#cta-social-media a:active {
					opacity: .8;
				}
				
				
				#cta-newsletter p#cta-social-media a#cta-facebook,
				#cta-newsletter p#cta-social-media a#cta-twitter {
					margin-top: -7px; 
					width: 38px; 
					height: 37px; 
					display: block;
				}
				#cta-newsletter p#cta-social-media a#cta-facebook {
					background: url(images/icon-facebook-large.png) no-repeat;
				}
				#cta-newsletter p#cta-social-media a#cta-twitter {
					background: url(images/icon-twitter-large.png) no-repeat ;
					margin-left:10px;
				}

/* Retail Locations
----------------------------------------------------------------------------------------------------*/
#retail-locations{
	float:left;
	width:290px;
	display:inline-block;
	margin-right:20px;
}
	#retail-locations .location{
		overflow:hidden;
		margin-bottom:18px;
		zoom:1;
	}
		#retail-locations .image{
			float:left;
			margin-bottom:0;
			line-height:1;
		}
		
		#retail-locations .title,
		#retail-locations .address,
		#retail-locations .link{
			float:right;
			width:215px;
			line-height:1;
		}
		#article #retail-locations .title{
			margin-bottom:0;
		}
			#retail-locations .title a:link,
			#retail-locations .title a:visited{
				color:#495132;
			}
			#retail-locations .title a:hover,
			#retail-locations .title a:active,
			#retail-locations .location:hover .title a{
				color:#000;
			}
		#retail-locations .address{
			margin-bottom:12px;
			font-family: 'TradeGothicBoldCondTwenty', sans-serif;
			text-transform:uppercase;
			font-size:14px;
			color:#572600
		}
		#retail-locations .link{
			margin-bottom:0;
		}
			#retail-locations .link a:link,
			#retail-locations .link a:visited{
				font-size:10px;
				text-transform:uppercase;
				color:#104b7d;
				padding-right:13px;
				background:url(images/icon-arrow-right.gif) no-repeat right 3px;
				text-decoration:none;
			}
			#retail-locations .link a:hover,
			#retail-locations .link a:active{
				color:#000;
			}

/* Recent News
----------------------------------------------------------------------------------------------------*/
#recent-news{
	float:left;
	display:inline-block;
	margin-right:20px;
	width:280px;
}
	#recent-news ol{
		list-style:none;
		list-style-type:none;
		list-style-position:outside;
	}
		#recent-news li{
			list-style:none;
			list-style-type:none;
			list-style-position:outside;
			text-indent:0;
			background:none;
			list-style-image:none;
			overflow:hidden;
		}
			#recent-news a:link,
			#recent-news a:visited{
				font-weight:bold;
				text-decoration:none;
				text-indent:0;	
				display:block;
			}
			#recent-news a:hover,
			#recent-news a:active{
				color:#000;
			}
			#recent-news .author{
				display:none;
			}
			#recent-news .date{
				display:block;
				float:left;
				font-size:11px;
				color:#999999;
				text-transform:uppercase;
				width:280px;
			}

/* Upcoming Events
----------------------------------------------------------------------------------------------------*/
#upcoming-events{
	float:right;
	width:290px;
}
	#upcoming-events ul{
		
	}
		#upcoming-events li{
			background:none;
			padding-left:0;
			padding-bottom:10px;
			list-style:none;
			list-style-type:none;
			list-style-position:outside;
			text-indent:0;
			background:none;
			list-style-image:none;
		}
			#upcoming-events a:link,
			#upcoming-events a:visited{
				font-weight:bold;
				text-decoration:none;
			}
			#upcoming-events a:hover,
			#upcoming-events a:active{
				color:#000;
			}
			#upcoming-events .title{
				
			}
			#upcoming-events .location{
				font-size:11px;
				text-transform:uppercase;
			}
			#upcoming-events .date{
				font-size:11px;
				color:#999999;
				text-transform:uppercase;
			}


/* Blog Side Bar
----------------------------------------------------------------------------------------------------*/
#recent-blog-posts,
#blog-tags,
#blog-archive,
#upcoming-events-side{
	margin-bottom:30px;
}
#recent-blog-posts,
#upcoming-events-side{
	padding-top:20px;	
}
	#recent-blog-posts ul,
	#blog-tags ul,
	#blog-archive ul,
	#upcoming-events-side ul{
		
	}
		#recent-blog-posts li,
		#blog-tags li,
		#blog-archive li,
		#upcoming-events-side li{
			padding:0;
			background:url(images/grungy-line.gif) no-repeat left bottom;
			zoom:1;
			margin:0;
		}
		#recent-blog-posts h3,
		#blog-tags h3,
		#blog-archive h3,
		#upcoming-events-side h3{
			background:url(images/dark-grungy-line.gif) no-repeat left bottom;
			padding-left:10px;
			margin:0;
		}
			#recent-blog-posts a:link,
			#recent-blog-posts a:visited,
			#blog-tags a:link,
			#blog-tags a:visited,
			#blog-archive a:link,
			#blog-archive a:visited,
			#upcoming-events-side a:link,
			#upcoming-events-side a:visited{
				font-family: 'TradeGothicBoldCondTwenty', sans-serif;
				text-decoration:none;
				color:#104b7d;
				font-size:15px;
				display:block;
				padding:8px 10px;
				line-height:1;
			}
			#upcoming-events-side a:link,
			#upcoming-events-side a:visited{
				padding-bottom:3px;
			}
			
			#recent-blog-posts a:hover,
			#recent-blog-posts a:active,
			#blog-tags a:hover,
			#blog-tags a:active,
			#blog-archive a:hover,
			#blog-archive a:active,
			#upcoming-events-side a:hover,
			#upcoming-events-side a:active{
				color:#000;
			}
			
			#upcoming-events-side .location{
				padding:0 10px;
				display:block;
				font-weight:bold;
				font-size:11px;
				text-transform:uppercase;
				color:#333;
				padding-bottom:3px;
			}
			#upcoming-events-side .date{
				padding:0 10px;
				display:block;
				font-size:11px;
				text-transform:uppercase;
				color:#666;
				padding-bottom:8px;
			}
			#upcoming-events-side br{
				display:none;
			}

/* Events
----------------------------------------------------------------------------------------------------*/
.event-list{
	margin-bottom:36px;
}
	.event-list .title{
		background:url("images/grungy-line.gif") repeat-x left bottom;
		margin-bottom:10px;
		padding:0 0 3px;
	}
	.event-list .location{
		text-transform:uppercase;
		margin-bottom:5px;
	}
	.event-list .date{
		
	}


/* Disqus
----------------------------------------------------------------------------------------------------*/
.disqus-comments{
	margin-bottom:20px;
}


/* Catalog
----------------------------------------------------------------------------------------------------*/
.catalog-list{
	overflow:hidden;
}
	.catalog-list li.catalogueItemNotFound{
		display:none;
	}
	.catalog-list ul{
		
	}
		.catalog-list li{
			background:none;
			padding:0;
			float:left;
			display:inline;
			margin-right:25px;
			margin-bottom:30px;
		}
			.catalog-list li img{
				width:200px;
			}
			.catalog-list li a:hover img,
			.catalog-list li a:active img{
				filter:alpha(opacity=85);
				-moz-opacity:0.85;
				-khtml-opacity: 0.85;
				opacity: 0.85;
			}


/* Product Small
----------------------------------------------------------------------------------------------------*/
.catalogueList{
	margin:0;
}
.productList{
	margin:0;
}
	.productList li{
		padding:0 0 30px 0;
		background:none;
		overflow:hidden;
		zoom:1;
	}
		.store-product-small .image{
			float:left;
			width:290px;
		}
			.store-product-small .image a:hover,
			.store-product-small .image a:active{
				filter:alpha(opacity=85);
				-moz-opacity:0.85;
				-khtml-opacity: 0.85;
				opacity: 0.85;
			}
				.store-product-small img{
					border:1px solid #dadada;
				}
		.store-product-small .details{
			float:right;	
			width:590px;
		}
			.store-product-small .description{
				margin-bottom:10px;
			}
				.store-product-small h2,
				.store-product-large h2{
					font-size:19px;
					color:#572600;
					font-family: 'TradeGothicCondEighteen', sans-serif;
					margin-bottom:5px;
					line-height:1;
				}
				
				h5 {
					font-family: 'TradeGothicBoldCondTwenty', sans-serif;
					font-style:normal;
					color:#495132;
					font-size:19px;
					display: inline;
				}
				
				h6 {
					font-size:19px;
					color:#572600;
					font-family: 'TradeGothicCondEighteen', sans-serif;
					margin-bottom:5px;
					line-height:1;	
					display: inline;
				}
					.store-product-small h2 em,
					.store-product-large h2 em{
						font-family: 'TradeGothicBoldCondTwenty', sans-serif;
						font-style:normal;
						color:#495132;
					}
				.store-product-small .price{
					font-family: 'TradeGothicBoldCondTwenty', sans-serif;
					font-size:18px;	
					margin-bottom:10px;
				}
					.store-product-small .price a:link,
					.store-product-small .price a:visited{
						color:#000;
						text-decoration:none;
						margin-right:15px;
					}
					.store-product-small .price a:hover,
					.store-product-small .price a:active{
						
					}
					
				.store-product-small p{
					margin-bottom:10px;
				}
				
			.store-product-small .more-btn a:link,
			.store-product-small .more-btn a:visited{
				font-family: 'TradeGothicBoldCondTwenty', sans-serif;
				text-decoration:none;
				text-transform:uppercase;
				background:url(images/icon-dashed-arrow.gif) no-repeat right 5px;
				padding-right:28px;
				font-size:15px;
			}
			.store-product-small .more-btn a:hover,
			.store-product-small .more-btn a:active{
				color:#000;
			}
			.store-product-small .purchase{
				overflow:hidden;
				padding-top:10px;
			}
				.store-product-small .grouping{
					float:left;
					display:inline;
					margin-right:10px;
				}
					.store-product-small .grouping select{
						
					}
						.store-product-small .grouping select option{
							
						}
				.store-product-small .quantity{
					float:left;
					display:inline;
					margin-right:10px;
				}
					.store-product-small .quantity input{
						width:30px;
						height:14px;
					}
				.store-product-small .add-to-cart{
					float:left;
					
				}
					.store-product-small .add-to-cart img{
						border:none;
						cursor:pointer;
					}

/* Product Large
----------------------------------------------------------------------------------------------------*/
.store-product-large{
	position:relative;
	height:505px;
}
	.store-product-large .details{
		float:left;
		width:450px;
		position:relative;
		z-index:4;
	}
		.store-product-large .details h2.last{
			margin-bottom:20px;
		}
		.store-product-large .details .productPoplets{
				
		}
			.store-product-large .details .productPoplets td{
				border:none;
				padding:0 5px 0 0;
				vertical-align:top;
			}
				.store-product-large .details .productPoplets td a{
					display:block;
					width:87px;
					height:87px;
					overflow:hidden;
					line-height:0;
					border:1px solid #dadada;
				}
					.store-product-large .details .productPoplets td a img{
						padding:0;
						margin:0;
					}
	.store-product-large .side-bar{
		float:right;
		width:432px;
		z-index:1;
		right:0;
	}
	.store-product-large .side-bar .image{
		float:right;
	}
		.store-product-large .side-bar .purchase{
			width:290px;
			float:right;
			padding:0 5px;
			text-align:center;
		}
			
			.store-product-large .grouping{
				margin-bottom:8px;
			}
				.store-product-large .grouping select{
					/* width:120px; */
					height:25px;
					font-size:14px;
				}
			.store-product-large .quantity{
				margin-bottom:8px;
			}
				.store-product-large .quantity .label{
					color:#495132;
					font-size:19px;
					font-family: 'TradeGothicBoldCondTwenty', sans-serif;
					padding-right:8px;
				}
				.store-product-large .quantity input{
					width:45px;
				}
			.store-product-large .add-to-cart{
				background:url(images/icon-arrow-down.gif) no-repeat center top;
				text-align:center;
				padding-top:28px;
			}
				.store-product-large .add-to-cart img{
					cursor:pointer;
				}


/* Shoping Cart
----------------------------------------------------------------------------------------------------*/
.shop-cart{
	overflow:hidden;
}
	.shop-cart table{
		
	}
		.shop-cart tr{
			
		}
			.shop-cart td{
				border:none;
				padding:0;
			}
	.shop-cart .title{
		float:left;
	}
	.shop-cart .back-to-link{
		float:right;
		padding: 13px 0 0 0px;
	}
		.shop-cart .back-to-link a:link,
		.shop-cart .back-to-link a:visited{
			text-decoration:none;
			text-transform:uppercase;
			font-size:18px;
			padding-right:18px;
			background:url(images/icon-arrow-right-large.gif) no-repeat right 2px;
			font-family:'TradeGothicBoldCondTwenty',sans-serif;
		}
		.shop-cart .back-to-link a:hover,
		.shop-cart .back-to-link a:active{
			color:#000;
			text-decoration:underline;
		}

	table.cart {
		border-collapse:collapse;
		border-spacing:0;
		width: 100%;
	}
		table.cart tr{
			
		}
			table.cart th{
				background:#eedfd2;
				border-top:1px solid #CCC;
				border-bottom:1px solid #CCC;
				border-right:none;
				border-left:none;
				
			}
				table.cart th h3{
					margin:0;
				}
			table.cart td {
				border:none;
				vertical-align:top;
				text-align:left;
				
			}
					table.cart .productitemcell{
						height:80px;
						border-bottom:1px solid #CCC;
						padding:8px 8px;
						
					}
						table.cart .productitemcell img{
							width:100px;
						}
				table.cart .remove{
					width:120px;
				}
					table.cart .remove a:link,
					table.cart .remove a:visited{
						font-size:11px;
						text-transform:uppercase;
						padding-right:18px;
						background:url(images/icon-red-x.gif) no-repeat right 1px;
						text-decoration:none;
						color:#8a2529;
					}
					table.cart .remove a:hover,
					table.cart .remove a:active{
						text-decoration:underline;
					}
				table.cart .product-image{
					width:120px;
				}
				table.cart .product-name{
					width:230px;
				}
				table.cart .unit-price{
					
				}
				table.cart .quantity{
					
				}
				table.cart .cost{
					
				}
			
	.shop-cart .cell-1{
		float:left;
		width:290px;
		display:inline;
		margin-right:20px;
	}
		.cell-1 td.discount,
		.cell-1 td.gift{
			padding:8px 0 0 0;
		}
		.cell-1 input{
			vertical-align:top;
			line-height:0;
		}
	.shop-cart .cell-2{
		float:left;
		width:280px;
		display:inline;
		margin-right:20px;
	}
		.cell-2 .shippingCountryDiv{
			display:none;
		}
		.cell-2 .shippingDiv,
		.cell-2 .shippingPostcodeDiv,
		.cell-2 #shippingCalc{
			padding-top:5px;
		}
			.cell-2 #shippingCountrySpan,
			.cell-2 #shippingSpan,
			.cell-2 #shippingPostcodeSpan{
				font-weight:bold;
				text-transform:uppercase;
				font-size:11px;
			}
	.shop-cart .cell-3{
		float:left;
		width:290px;
	}
		.cell-3 .cost-details{
			padding:3px 0;
			font-size:14px;
		}
		.cell-3 .cell-total{
			border-top:1px solid #CCC;
			padding-top:10px;
		}
		.cell-3 .cost{
			width:95px;
		}


/* Sign in
----------------------------------------------------------------------------------------------------*/
.sign-in{
	overflow:hidden;
}
	.sign-in .secure-login{
		float:left;
		display:inline;
		margin-right:50px;
	}
		.sign-in .secure-login #forgot-password-link{
			font-size:11px;
			text-transform:uppercase;
			margin-left:10px;
		}
	.sign-in #forgot-password{
		float:left;
		border-left:1px solid #999;
		padding-left:20px;
	}

/* Footer
----------------------------------------------------------------------------------------------------*/
#footer{
	background:url(images/body-bottom.png) no-repeat left top;
	padding:20px 0 20px 0;
	overflow:hidden;
	
	width: 961px; margin: 0 auto;
}
	#footer #cat_1030665_divs{
		float:left;
		width:810px;
		padding:10px 0 15px;
	}
		#footer ul{
			margin:0;
			overflow:hidden;
		}
			#footer li{
				float:left;
				display:inline;
				padding:0 8px;
				background:url(images/bar-utility.gif) no-repeat left 3px;
				line-height:1;
			}
			#footer li.first{
				background:none;
				padding-left:0;
			}
				#footer li a:link,
				#footer li a:visited{
					font-size:11px;
					color:#d5d4d4;
					text-transform:uppercase;
					text-decoration:none;
					line-height:1;
				}
				#footer li a:hover,
				#footer li a:active{
					color:#fff;
				}
	#hotpress-link{
		float:left;
		margin:0;
	}
		#hotpress-link a:link,
		#hotpress-link a:visited{
			display:block;
			width:129px;
			height:13px;
			background:url(images/hotpress.gif) no-repeat left top;
			text-indent:-9999px;
		}
		#hotpress-link a:hover,
		#hotpress-link a:active{
			filter:alpha(opacity=85);
			-moz-opacity:0.85;
			-khtml-opacity: 0.85;
			opacity: 0.85;
		}
	#artisan-brewed{
		float:right;
		margin:0;
		display:block;
			width:104px;
			height:50px;
			background:url(images/artisian-brewed.gif) no-repeat left top;
			text-indent:-9999px;
	}


/* Contact Page
----------------------------------------------------------------------------------------------------*/
.contact-columns{
	overflow:hidden;
}
	.contact-columns .col-1,
	.contact-columns .col-2,
	.contact-columns .col-3,
	.contact-columns .col-4{
		width:150px;
		float:left;
		margin-right:20px;
		display:inline;
	}
	.contact-columns .col-1{
		
	}
	.contact-columns .col-2{
		
	}
	.contact-columns .col-3{
		
	}
	.contact-columns .col-4{
		margin-right:0;
	}


/* Locations
----------------------------------------------------------------------------------------------------*/
#locations{
		
}
	#locations .location{
		float:left;
		width:320px;
		display:inline;
		margin-right:20px;
	}
	#locations .col-2{
		margin-right:0;
	}
		#locations li{
			padding-left:0;
			background:none;
		}
			#locations li strong{
				
			}

/* Featured Link
----------------------------------------------------------------------------------------------------*/
.featured{
	display:block;
	height:18px;
	background:url(images/btn-featured-left.gif) no-repeat left 1px;
	padding-left:1px;
}
	.featured a:link,
	.featured a:visited{
		height:18px;
		line-height:18px;
		background:url(images/btn-featured-right.gif) no-repeat right top;
		padding:0 30px 0 5px;
		color:#fff;
		text-decoration:none;
		font-family: 'TradeGothicBoldCondTwenty', sans-serif;
		font-size:15px;
		text-transform:uppercase;
	}
	.featured a:hover,
	.featured a:active{
		color:#CCC;
	}
	
/* Your Account
----------------------------------------------------------------------------------------------------*/
#your-account{
	overflow:hidden;
}
	#your-account .details{
		float:left;
		width:300px;
		display:inline;
		margin-right:30px;
	}
		#your-account .details ul{
			margin-bottom:10px;
		}
			#your-account .details li{
				background:none;
				padding-left:0;
			}
	#your-account #profile-edit-form{
		float:left;
		border-left: 1px solid #999;
		padding-left:20px;
	}

/* Checkout Form
----------------------------------------------------------------------------------------------------*/
#paymentForm .form-row{
	overflow:hidden;
	border-top:1px solid #CCC;
	padding:10px 0 0px 0;
	zoom:1;
}
	#paymentForm .form-detail{
		float:left;
		width:300px;
	}
	#paymentForm .form-data{
		float:right;
		width:570px;
	}
		#paymentForm em{
			font-size:11px;
			color:#666;
		}
		#paymentForm input.cat_textbox,
		#paymentForm input.cat_listbox,
		#paymentForm select.cat_dropdown{
			margin-right:20px;
			width:160px;	
		}
		#paymentForm input.cat_textbox.long,
		#paymentForm input.cat_listbox.long,
		#paymentForm select.cat_dropdown.long{
			width:345px;	
		}
		#paymentForm select.cat_dropdown_smaller{
			width:79px;
		}
		#paymentForm form td{
			padding-bottom:8px;
		}
		
		.SSL{
			float:left;
			display:inline;
			margin-right:20px;
		}
		.AuthorizeNetSeal{
			float:left;
		}
		#ccv{
			font-size:10px;
			text-transform:uppercase;
		}


/* Checkout reciept 
----------------------------------------------------------------------------------------------------*/

#checkout-recept td{
	padding:4px 0;
}
#checkout-recept .productitemcell{
	border-bottom:1px solid #CCC;
	padding:12px 6px 12px 6px;
}

/* Misc
----------------------------------------------------------------------------------------------------*/
.align-right{
	float:right;
	margin:0 0 10px 10px;
	display:inline;
}
.align-left{
	float:left;
	margin:0 10px 10px 0;
	display:inline;
}
	.blog-post .align-left{
		margin-bottom:20px;	
	}
.hide{
	display:none;
}
.show{
	display:block;
}

.dsq-textarea-wrapper textarea{
	height:300px;
}
.test{
	border:1px solid red;
}

/* MATTER CSS */

.sub-offer {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
border: 1px solid #CCCCCC;
border-radius: 5px 5px 5px 5px;
float: left;
font-size: 16px;
line-height: 22px;
margin: 10px 22px 10px 0;
overflow: auto;
padding: 10px;
width: 250px;
}
.sub-offer h3 {
font-size: 24px;
color: #1D5584;
}
.sub-offer small {
line-height: 12px;
}
.image-placeholder {
display: block;
width: 250px;
height: 150px;
float: left;
margin: 0 10px 10px 0;

}
.image-placeholder2 {
display: block;
width: 400px;
height: 280px;
float: right;
margin: 0 0 10px 10px;
}
.price {
font-family: 'TradeGothicBoldCondTwenty',sans-serif;
color:#4D821C;
font-size: 38px;
position: relative;
top: 8px;
}

.sub-offer small {
	font-size: 11px;
}

a.button {
	display: block;
	text-align: center; 
	text-decoration: none;
	padding: 5px 10px;
	width: auto;
	color: #fff;
	background: #1D5584;
	border-radius: 5px;
	border-bottom: 2px solid #0A2033;
	text-shadow: 1px 1px #0C273D;
	font-family: 'TradeGothicBoldCondTwenty',sans-serif;
	text-transform: uppercase;
	opacity: 0.9;
	letter-spacing: 0.5px;
}

a.button:hover {
	opacity: 1;
}

a.button:active {
	border-top: 2px solid #0A2033;
	border-bottom: 0px;
}

h2.offerhead {
	font-weight: normal;
	color: #4D821C;
}

.first {margin-left: 17px;}

#suboffercontainer {overflow: auto; margin-bottom: 20px;}