@charset "utf-8";
/* global */
* {
	margin:0;
	padding:0;
	border:0;
	text-decoration:none;
}
body {
	background:#CFE0F1 url(images/bg_body.jpg) 0 0 repeat-x fixed;
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
	color:#172C6A;
}
#wrapper {
	width:988px;
	margin:26px auto 0 auto;
	background:url(images/bg_mid.gif) 0 0 repeat-y;
}
:focus {
	outline:0;
}
h1 span, h2 span {
	display:none;
}
h3 {
	background:url(images/bg_heading_left.gif) 0 0 no-repeat;
	clear:both;
}
h3 span {
	display:block;
	height:24px;
	line-height:24px;
	background:url(images/bg_heading_right.gif) 100% 0 no-repeat;
	margin-left:9px;
	font-size:14px;
	color:#FFF;
}
h4 a{
	width:100%;
	display:block;
	background: url(images/bg_heading_kit.jpg) 0 0 repeat-x;
	height:36px;
	line-height:36px;
	color:#3C4429;
	font-size:16px;
	font-weight:bold;
	text-indent:6px;
	cursor:pointer;
}
h4 a:hover {
	background-position:0 -50px;
	color:#FFF;
}
h4 a span {
	font-size:1em;
}
h5 {
	width:700px;
	height:20px;
	border-bottom:1px solid #172C6A;
	display:block;
	font-size:1.8em;
	margin: 10px;
	clear:both;

}
a {
	color:#172C6A;
}
ul, ul li {
	list-style:none;
}
ol, ol li {
	list-style-type:decimal;
}
a.thumb {
	border:3px solid #C1C59E;
}
a.thumb:hover {
	border:3px solid #7A804D;
}
a.thumb span {
	display:none;
}
.clear {
	clear:both;
}
.vertSpace {
	height:20px;
	display:block;
	width:100%;
	
	}
/* header */
#header {
	width:100%;
	height:79px;
	display:block;
	position:relative;
	overflow:visible;
	background:url(images/bg_header.gif) 0 0 no-repeat;
	border-bottom:10px solid #CFE0F1;
	margin-bottom:8px;
}
#header h1 a {
	width:306px;
	height:57px;
	display:block;
	position:absolute;
	background:url(images/logo_hbm.png) 0 0 no-repeat;
	left:15px;
	top:29px;
}
#header h2 {
	width:174px;
	height:135px;
	display:block;
	position:absolute;
	background:url(images/tagline.png) 0 0 no-repeat;
	left:348px;
	top:-13px;
}
ul#topNav {
	position:absolute;
	right:9px;
	top:48px;
}
#topNav li {
	float:left;
}
#topNav li a {
	float:left;
	background:url(images/bg_nav_tab_left.gif) 0 0 no-repeat;
	padding-left:10px;
	cursor:pointer;
}
#topNav li a span {
	float:left;
	background:url(images/bg_nav_tab_right.gif) 100% 0 no-repeat;
	height:33px;
	line-height:33px;
	display:block;
	padding:0 10px 0 0;
	color:#FFF;
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#topNav li a:hover {
	background-position: 0 -50px;
}
#topNav li a:hover span {
	background-position: 100% -50px;
}
#pageHome #topNav li#nav1 a, #pageInstructions #topNav li#nav2 a, #pageRecipes #topNav li#nav3 a, #pageBlog #topNav li#nav4 a, #pageEvents #topNav li#nav5 a, #pageContact #topNav li#nav6 a {
	background-position: 0 -100px;
	cursor:default;
}
#pageHome #topNav li#nav1 a span, #pageInstructions #topNav li#nav2 a span, #pageRecipes #topNav li#nav3 a span, #pageBlog #topNav li#nav4 a span, #pageEvents #topNav li#nav5 a span, #pageContact #topNav li#nav6 a span {
	background-position: 100% -100px;
	cursor:default;
}
#phone {
	width:200px;
	height:33px;
	background:url(images/phone.gif) 0 3px no-repeat;
	text-indent:30px;
	font-size:1.4em;
	position:absolute;
	left:610px;
	top:10px;
	font-weight:bold;
}
form#searchForm {
	position:absolute;
	top:13px;
	right:16px;
}
#searchField {
	background:#FFF url(images/bg_search_field.gif) 0 0 no-repeat;
	width:167px;
	height:18px;
	line-height:16px;
	float:left;
	font-size:1.4em;
	text-indent:24px;
	padding-top:2px;
	border:1px solid #BCBCBC;
}

#go {
	width:34px;
	height:20px;
	display:block;
	background:url(images/go.gif) 0 -1px no-repeat;
	text-indent:-200px;
	float:left;
	margin-left:5px;
}
#go:hover {
	background-position:0 -31px;
}

/* left column */
#leftColumn {
	width:205px;
	margin:0 0 0 12px;
	position:relative;
	display:block;
	padding-bottom:10px;
	float:left;
}
#leftColumn h3 span {
	text-align:center;
	padding-right:9px;
}
/* left nav */
ul#leftNav {
	margin:5px 0 20px 3px;
}
#leftNav li {
	margin-bottom:5px;
}
#leftNav li a {
	font-size:1.4em;
	font-weight:bold;
	padding-left:40px;
	background:url(images/thumbs_left_nav.gif) no-repeat;
	display:block;
	width:160px;
	height:33px;
	line-height:33px;
	border:1px solid #F6F5E1;
}
#leftNav li a:hover {
	background-color:#CFE0F1;
	border:1px solid #5373A9;
}
#leftNav li.tall a {
	line-height:16px;
}
#leftNav li#leftNav1 a {
	background-position:0 0px;
}
#leftNav li#leftNav2 a {
	background-position:0 -40px;
}
#leftNav li#leftNav3 a {
	background-position:0 -80px;
}
#leftNav li#leftNav4 a {
	background-position:0 -120px;
}
#leftNav li#leftNav5 a {
	background-position:0 -160px;
}
/* subscribe */
h3.subscribe span {
	font-size:12px;
}
form#subscribeForm {
	margin:8px 0 0 4px;
}
#subscribeField {
	background:url(images/bg_subscribe_field.gif) no-repeat 0 0;
	width:153px;
	height:18px;
	line-height:16px;
	float:left;
	font-size:1.4em;
	text-indent:29px;
	padding-top:2px;
	border:1px solid #BCBCBC;
}

#join {
	width:40px;
	height:20px;
	display:block;
	background:url(images/join.gif) 0 -1px no-repeat;
	text-indent:-200px;
	float:left;
	margin:0 0 10px 5px;
}
#join:hover {
	background-position:0 -31px;
}
.leftTextBlock {
	font-size:1.2em;
	font-weight:bold;
	padding:4px;
}
/* google map thumb */
h3.visit {
	margin:20px 0 8px 0;
}
#gMapThumb {
	width:190px;
	height:190px;
	display:block;
	background:url(images/thumb_google_map.jpg) 0 0 no-repeat;
}
#leftColumn #storeHours {
	padding:0 0 5px 0;
	font-size:1.4em;
	display:block;
	text-align:center;
}
/* content */
#content {
	position:relative;
	float:left;
	border-left:2px solid #CEE2FF;
	margin:10px 0 0 10px;
	padding:0 0 40px 10px;
}
#content h3 {
	margin:20px 0 15px 0;

}
#content h3 span{
	width:720px;
}
#content p {
	width:700px;
	margin:0 10px 15px 10px;
	display:block;
	font-size:1.4em;
	float:left;
}
/* home nav */
ul#homeNav {
	margin:5px 0 0px 10px;
	float:left;
	display:block;
}
#homeNav li {
	margin-bottom:5px;
	float:left;
}
#homeNav li a {
	font-size:1.4em;
	font-weight:bold;
	background:url(images/thumbs_large.jpg) no-repeat;
	display:block;
	width:123px;
	height:123px;
	border:3px solid #C1C59E;
	text-indent:-5000px;
	float:left;
	margin:0 15px 0 0;
}
#homeNav li a:hover {
	border:3px solid #7A804D;
}
#homeNav li.tall a {
	line-height:16px;
}
#homeNav li#homeNav1 a {
	background-position:0 0px;
}
#homeNav li#homeNav2 a {
	background-position:-144px 0;
}
#homeNav li#homeNav3 a {
	background-position:-288px 0;
}
#homeNav li#homeNav4 a {
	background-position:-432px 0;
}
#homeNav li#homeNav5 a {
	background-position:-578px 0;
}
div.homeNavLinks {
	margin:0 10px 0 10px;
}
.homeNavLinks ul {
	font-size:1.2em;
	display:block;
	width:129px;
	float:left;
	margin:0 15px 0 0;
}
.homeNavLinks ul.last {
	margin-right:0;
}
.homeNavLinks li a{
	width:100%;
	border-bottom:1px solid #C1C59E;
	padding:4px 0;
	display:block;
}
.homeNavLinks li a:hover {
	background:#E8E8B5;
	border-bottom:1px solid #7A804D;
	color:#000;
}

/* Startr Kits */
#kits {
	margin:5px 0 0px 10px;
	float:left;
	display:block;
}
.kitBox {
	width:350px;
	border:1px solid #C1C59E;
	float:left;
	position:relative;
	margin:0 5px 5px 0;
}
.kitBox a .price {
	position:absolute;
	right:5px;
	top:0;
	line-height:36px;
	color:#3C4429;
	font-size:1.2em;
	font-weight:bold;
}
.kitBox a:hover .price {
	color:#FFF;
}
.kitImage {
	display:block;
	background:#191015 url(images/kits.gif) no-repeat;
	height:150px;
	border-right:1px solid #C1C59E;
	float:left;
	width:145px;

}
#kit1 .kitImage {
	background-position:18px 25px;
}
#kit2 .kitImage {
	background-position:10px -130px;
	
}
#kit3 .kitImage {
	background-position:-130px -130px;
	background-color:#FFF;	
}
#kit4 .kitImage {
	background-position:-150px 25px;
}
.kitText {
	float:left;
	display:block;
	margin:5px 0 0 5px;
	width:190px;
	font-size:1.2em;
}

/* footer */
#footer {
	width:100%;
	height:200px;
	display:block;
	background:#CFE0F1 url(images/bg_footer.gif) 8px 0 no-repeat;
	position:relative;
}
#copyright {
	position:absolute;
	top:50px;
	right:40px;
	display:block;
	text-align:center;
	font-size:1.2em;
}
#footerLinks {
	width:100%;
	text-align:center;
	position:absolute;
	top:110px;
	left:8px;
	font-size:1.2em;
}

/* page specific styles */

/* subscribe message page */
#subscribeMessage {
	width:368px;
	padding: 50px 0 20px 0;
	margin:10px 0 0 26px;
	background:url(images/bg_subscribe_message.jpg) 0 0 no-repeat;
	font-size:1.4em;
}
#subscribeMessage p{
	padding:70px 20px 0 20px;
}
#subscribeMessage a {
	text-decoration:underline;
}
/* Contact Page Styles */
table#hours {
	font-size:1.4em;
	margin:0 0 0 10px;
}
#hours td {
	padding:5px;
	border-bottom:1px solid #172C6A;
}
table.directions th {
	background-color:#EEEEEE;
      }
#googleMapBlock {	
	width:520px;
	display:block;
	float:left;
	margin:0 0 0 20px;
}
#googleMapBlock table {
	
}
#googleMapBlock input {

	border:1px solid #7D8AA4;
}
#mapTable td {
	height:30px;
}
table.directions {
	font-size:1.4em;
}
tr#formatting {
	font-size:1.2em;
}
#map_canvas {
	border:2px solid #7986A6;
}
tr#language {
	display:none;
}
#directionsButton {
	
}
.directionsField {
	padding-left:4px;
	width:480px;
}
#formatting {
	font-size:1.4em;
}	
#formatting input {
	float:left;
	margin:2px 5px 0 30px;
}
tr#toAddressRow {
display:none;
}
/* Instructions Page */
#pageInstructions #content ul,
#pageRecipes #content ul {
	font-size:1.4em;
	margin:10px 0 0 20px;
}
#pageInstructions #content ul li,
#pageRecipes #content ul li {
	list-style:disc;
}
#pageInstructions #content ul li a,
#pageRecipes #content ul li a {
	display:block;
	width:300px;
	text-indent:2px;
	line-height:20px;
	border:1px solid #F5F5E0;
	font-weight:bold;
	
}
#pageInstructions #content ul li a:hover,
#pageRecipes #content ul li a:hover {
	background:#E8E8B5;
	border:1px solid #7A804D;
}
#pageInstructions #content ol {
	font-size:1.4em;
	margin:10px 0 0 0px;
	width:650px;
	padding-left:30px;
	
}
#pageInstructions #content ol li {
	list-style: decimal !important;
	margin:10px 0;
}
.contentCenter {
	border-top:1px solid #CEE2FF;
	padding-top:10px;
	text-align:center;
	width:680px;
	display:block;
	font-size:1.4em;
	margin-top:20px;
	clear:both;
}
#pageInstructions #content p, 
#pageRecipes #content p {
	clear:both;
}
/* Subscribe.php */
#subscribeDiv {
	font-size:1.4em;
}
#subscribeDiv a {
	text-decoration:underline;
}
#subscribeTable td {
	text-align:left;
	line-height:20px;
}
#subscribeTable {
	width:500px;
}
form#survey input {
	margin:0 5px;
}
#submitButton {
	width:62px;
	height:20px;
	display:block;
	background:url(images/submit.gif) 0 -1px no-repeat;
	text-indent:-200px;
	margin:20px 0 0 5px;
	border:none !important;

}
#submitButton:hover {
	background-position:0 -31px;
	cursor:pointer;
}
#checkBoxes td {
	line-height:30px;
}
#checkBoxes td input {
	margin:10px;
}
input.subscribeInput {
	border:1px solid #4585CC;
	padding-left:4px;
}