@charset "utf-8";

body {
	margin: 0;
	background: url(../graphics/bg.jpg) top;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

p {margin-bottom: 0;}

a {color: #701000; text-decoration: underline;}
a:visited {color: #450a00; text-decoration: underline;}
a:hover {color: #d18316; text-decoration: underline;}
a:active {color: #d18316; text-decoration: underline;}


/****** LAYOUT ******/

#container {
	width: 994px;
	margin: 0 auto;
	position: relative;
}

#header {
	width: 994px;
	height: 185px;
	background: url(../graphics/bg_header.jpg) no-repeat;
}

	#header a {
		width: 152px;
		height: 44px;
		margin: 114px 0 0 68px;
		display: block;
		float: left;
	}
	
	*html #header a {margin: 114px 0 0 34px;}

#top-nav {
	width: 994px;
	height: 34px;
	background: url(../graphics/bg_body.png) repeat-y;
}

	#top-nav-inside {
		width: 726px;
		height: 34px;
		margin: 0 auto;
		padding-left: 226px;
		background: url(../graphics/bg_top-nav.gif) repeat-x;
	}
	
#sub-nav {
	width: 208px;
	top: 185px;
	left: 40px;
	position: absolute;
	z-index: 50;
}

	#sub-nav-header {
		width: 184px;
		height: 73px;
		padding: 31px 0 0 24px;
		background: url(../graphics/bg_sub-nav-header.png) no-repeat;
	}
	
	#sub-nav-navigation {
		width: 180px;
		padding: 0 14px;
		background: url(../graphics/bg_sub-nav.png) repeat-y;
	}
	
	#sub-nav-footer {
		width: 208px;
		height: 42px;
		background: url(../graphics/bg_sub-nav-footer.png) no-repeat;
	}
	
#catalog {
	width: 208px;
	top: 380px;
	left: 40px;
	position: absolute;
	z-index: 51;
}
	
#body {
	width: 674px;
	padding: 30px 50px 0 270px;
	background: url(../graphics/bg_body.png) repeat-y;
}

	#content {
		width: 674px;
		padding: 15px 0 0 0;
	}
	
	#product-container {width: 674px;}
		.product-medium-image {width: 200px; float: left;}
		.product-medium-image-horiz {width: 275px; float: left;}
		.product-description {width: 459px; float: right;}
		.product-description-horiz {width: 384px; float: right;}
	
	.product-thumb-wrapper {
		width: 674px;
		padding: 20px 0 0 0;			
	}
		
		/*.product-thumb-container, .product-thumb-container-margin {
			width: 218px;
			line-height: 14px;
			font-size: 11px;
			float: left;
		}
			
		.product-thumb-container-margin {margin-left: 10px;}*/
		
		.product-thumb-container-left, .product-thumb-container-right {
			width: 332px;
			line-height: 14px;
			font-size: 11px;
		}
		
		.product-thumb-container-left {float: left;}
		.product-thumb-container-right {float: right;}
		
	

#footer {
	width: 994px;
	height: 86px;
	background: url(../graphics/bg_footer.png) no-repeat;
}




/****** LISTS ******/

#top-nav-inside ul, #top-nav-inside li {margin: 0; padding: 0; list-style: none;}
#top-nav-inside li {float: left;}

#sub-nav-navigation ul, #sub-nav-navigation li {margin: 0; padding: 0; list-style: none;}
#sub-nav-navigation li {width: 180px; height: 42px;}



/****** CUSTOM ANCHORS ******/

#top-nav-inside li a {
	height: 34px;
	display: block;
	float: left;
}

#top-nav-inside li a:hover {background-position: 0 -34px; background-repeat: no-repeat;}

	.contact-us {width: 142px; background: url(../graphics/nav/contact-us.gif) no-repeat;}
	.about-us {width: 132px; background: url(../graphics/nav/about-us.gif) no-repeat;}
	.home {width: 132px; background: url(../graphics/nav/home.gif) no-repeat;}

#sub-nav-navigation a {
	width: 180px;
	height: 42px;
	display: block;
}

#sub-nav-navigation a:hover {background-position: 0 -42px; background-repeat: no-repeat;}

	.confections {background: url(../graphics/nav/confections.gif) no-repeat;}
	.cookies {background: url(../graphics/nav/cookies.gif) no-repeat;}
	.snacks {background: url(../graphics/nav/snacks.gif) no-repeat;}
	
.product-thumb-container strong a, .product-thumb-container-margin strong a,
.product-thumb-container strong a:visited, .product-thumb-container-margin strong a:visited {color: #450a00; text-decoration: none;}
.product-thumb-container strong a:hover, .product-thumb-container-margin strong a:hover,
.product-thumb-container strong a:active, .product-thumb-container-margin strong a:active {color: #450a00; text-decoration: underline;}


/****** FORM STYLES ******/

.form {margin: 0; float: left;}

	.form br {clear: left;}
	
label {width: 90px; text-align: right; font-weight: bold; float: left;}
input, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 3px; border: 1px solid #c1a668; color: #000000;}
input {width: 220px; margin-left: 8px; margin-bottom: 8px; background: url(../graphics/bg_input_text.gif) repeat-x #ffffff; float: left;}
input.submit {width: 90px;}
textarea {width: 220px; height: 92px; margin-left: 8px; margin-bottom: 8px; background: url(../graphics/bg_text_area.gif) repeat-x #ffffff; float: left;}
	

/****** TYPOGRAPHY ******/

h1 {margin: 0;}
h2 {margin: 0; font-size: 18px; font-weight: normal; color: #450a00;}

#body h1 {
	font-size: 28px;
	color: #450a00;
	border-bottom: 1px solid #450a00;
	padding-bottom: 4px;
	font-weight: normal;
}

	#body #product-container h1 {border-bottom: none; padding-bottom: 0;}

.brown {color: #450a00;}

.line-height-18 {line-height: 18px;}
.line-height-22 {line-height: 22px;}

.product-thumb-container strong, .product-thumb-container-margin strong {font-size: 14px; color: #450a00; line-height: 16px;}
.product-thumb-container p, .product-thumb-container-margin p {margin-top: 8px;}

.right {text-align: right;}
.center {text-align: center;}

.hiddenspan {display: none;}

.contact-paragraph {width: 328px; margin: 0; float: right;}


/****** CUSTOM STYLES ******/

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

.float-right-img-frame {float: right; padding: 7px; background-color: #fff0d1; margin-left: 10px; margin-bottom: 10px;}

.clearfloats {clear: both;}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.product-thumbnail {float: left; margin-right: 8px;}