/*

	cookie_brown: #d7be8e;
	pp_brown: #9e5c3c;
	buzz_saw: #ca6201;
	orange_something: #f4c294;

*/


/* =============== */
/* ! Reset Sheet   */
/* =============== */

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0b1
build: 1160
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,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;}li{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:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/* ================= */
/* ! Global Styles   */
/* ================= */

html {
	background: none;
}

body {
	font-family: Helvetica;
	background-color: #d7be8e;
}

a {
	color: #ca6201;
}

em { font-weight: bold; }

h1 {
	display: block;
	margin-bottom: 10px;
	font-size: 24px;
	color: #9e5c3c;
	font-weight: bold;
}

h2 {
	display: block;
	margin-bottom: 5px;
	font-size: 18px;
	color: #BF7F5F;
}

p {
	display: block;
	font-size: 14px;
	margin-bottom: 10px;
	line-height: 20px;
}

input {
	font-family: Verdana;
}

.red {
	color: red;
}

#main {
	position: absolute;
	left: 50%;
	margin-left: -500px;
	width: 1000px;
	
	background: #d7be8e;
}

#body {
	float: left;
	width: 940px;
	min-height: 450px;
	padding: 15px 30px;
	background: white;
	position: relative;
}

#focus {
	float: left;
	width: 100%;
}

#top {
	float: left;
	width: 100%;
	height: 20px;
	padding: 5px 0;
}

#top_social {
	float: right;
}

#top_social a {
	text-decoration: none;
}

#top_social img {
	vertical-align: middle;
}

/* ========== */
/* ! Header   */
/* ========== */

#header {
	float: left;
	width: 100%;
	height: 150px;
}

#h_logo {
	float: left;
	height: 100%;
	width: 261px;
}

#h_main {
	float: left;
	background-image: url('/global/fb/images/header/header.gif');
	width: 739px;
	height: 100%;
}

#h_nav {
	height: 52px;
	float: left;
	margin-top: 35px;
}

#h_nav li {
	height: 100%;
	float: left;
}

#h_nav a {
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 19px;
	text-transform: uppercase;
	color: white;
	height: 34px;
	padding-top: 18px;
	line-height: 18px;
}

#h_nav_cart {
	background-image: url('/global/fb/images/header/cart_OFF.gif');
	width: 195px;
}

#h_nav_contact {
	background-image: url('/global/fb/images/header/contact_OFF.gif');
	width: 160px;
}

#h_nav_products {
	background-image: url('/global/fb/images/header/products.gif');
	width: 131px;
	margin-right: 10px;
}

#h_nav_about {
	background-image: url('/global/fb/images/header/about_OFF.gif');
	width: 228px;
}

#h_dropdown {
	position: absolute;
	left: 0;
	top: 150px;
	z-index: 10;
	background: white;
	display: none;
}

#h_dropdown div {
	float: left;
	width: 170px;
	padding: 15px 0;
	margin: 0 15px;
}

#h_dropdown h3 {
	display: block;
	font-size: 15px;
	margin-bottom: 10px;
}

#h_dropdown ul {
	display: block;
}

#h_dropdown li {
	display: block;
	margin: 8px 0;
}

#h_dropdown a {
	display: block;
	font-size: 12px;
}

/* ========== */
/* ! Footer   */
/* ========== */

#footer {
	float: left;
	width: 100%;
	min-height: 20px;
}

#f_banner {
	display: block;
}

#f_nav {
	display: block;
	padding: 8px 10px;
	height: 12px;
	background-image: url('/global/fb/images/footer/bottomfooter.gif');
	color: #f4c294;
	font-size: 12px;
}

#f_nav ul {
	float: left;
}

#f_nav li {
	display: inline;
}

#f_nav li a {
	text-decoration: none;
	color: #f4c294;
}

#f_copyright {
	display: block;
	text-align: right;
}

#f_contact {
	display: block;
	padding: 8px 10px;
	background-color: #9e5c3c;	
	
	font-size: 12px;
	color: white;
}

#f_contact address {
	float: left;
}

#f_contact address span {
	margin-right: 10px;
}

#f_phone {
	display: block;
	text-align: right;
}

#f_phone span {
	margin-left: 10px;
}

#f_seo {
	margin-top: 15px;
	padding: 0 5px;
}

#f_seo p {
	font-size: 11px;
	line-height: normal;
	color: #9E5C3C;
}

/* ============== */
/* ! Front Page   */
/* ============== */

#front_page #body {
	padding: 0;
	width: 1000px;
}

#fr_main {
	display: block;
	background-image: url('/global/fb/images/front_page/FB-mainimage.jpg');
	height: 510px;
}

#fr_ribbon {
	float: right;
	margin-right: 25px;
	padding: 15px;
	width: 215px;
	height: 480px;
	background: white;
	overflow: hidden;
	opacity: .9;
}

#fr_ribbon_img {
	display: block;
	margin: 0 auto;
}

#fr_ribbon h1 {
	margin-top: 10px;
}

#fr_prod_description {
	line-height: 18px;
}

#fr_prod_description > * {
	display: none;
}

#fr_prod_description > *:first-child {
	display: block;
}

#fr_ribbon a {
	font-size: 13px;
}


/* ============= */
/* ! P3 Styles   */
/* ============= */

#p3_imagecol
{
	float: left;
	width: 596px;
	margin-right: 14px;
}

#p3_mainimage {
	text-align: center;
	float: left;
	width: 100%;
}

#p3_mainimage a
{
	float: left;
	width: 100%;
}

#p3_tinybpid
{
	margin-top: 15px;
	font-style: italic;
}

#p3_altimages_label {
	margin-bottom: 3px;
}

#p3_altimages {
	display: block;
}
#p3_altimages h4 { font-size: 12px; display: none; }
#p3_altimages div {
	display: block;
}

#p3_altimages a
{
	float: left;
	display: block;
	margin-right: 10px;
}

#p3_altimages img {
	float: left;
	border: 1px solid #ca6201;
}

#p3_nutrition {
	float: left;
}

#p3_infocol
{
	float: left;
	width: 330px;
	margin-top: 15px;
}

#p3_infoheader
{
	float: left;
	width: 100%;
	color: #ca6201;
	margin-bottom: 15px;
}

#p3_infoheader h1
{
	font-weight: bold;
}

#p3_infoheader h2 {
	font-size: 14px;
	margin-bottom: 0;
}

#p3_badzip
{
	float: left;
	width: 100%;
	display: none;
	margin-bottom: 15px;
	padding: 5px 0;
	font-size: 13px;
	color: white;
	background: #CC0033;
	text-align: center;
}

#p3_badzip strong {
	display: block;
}

#p3_pricedelivery {
	float: left;
	width: 328px;
	
	border-color: #ca6201;
	border-style: solid;
	border-width: 1px 1px 0 1px;
}

#p3_pricedelivery img {
	margin-bottom: 5px;
}

#p3_price {
	padding: 10px;
	float: left;
	width: 133px;
	border-right: 1px solid #ca6201;
}

#p3_pricedelivery em {
	display: block;
	text-align: center;
	font-size: 14px;
}

#p3_delivery {
	padding: 10px;
	float: left;
	width: 154px;
}

#p3_cartforms
{
	float: left;
	width: 310px;
	font-size: 11px;
	margin-bottom: 15px;
	font-weight: bold;
	background: #f4c294;
	padding: 10px 9px;
	
	border-color: #ca6201;
	border-style: solid;
	border-width: 1px;
}

#p3_addtocart {
	float: right;
}

#p3_zipfield,
#p3_quantityfield {
	float: left;
	margin-right: 5px;
	font-size: 12px;
	padding: 0 1px;
	line-height: 18px;
}

#p3_quantityfield {
	width: 25px;
}

#p3_zipfield {
	width: 45px;
}

#p3_quantitylabel
{
	float: left;
	margin-right: 5px;
	width: 50px;
}

#p3_ziplabel span,
#p3_quantitylabel span {
	font-size: 14px;
	line-height: 24px;
/*
	position: relative;
	top: 5px;
*/
}

#p3_quantitylabel img,
#p3_ziplabel img { cursor: pointer; }

#p3_ziplabel
{
	float: left;
	width: 70px;
}

#p3_formexplain
{
	float: left;
	width: 100%;
	font-size: 10px;
	margin-top: 5px;
	font-weight: normal;
	display: none;
}

#p3_alerts {
	margin-bottom: 15px;
	float: left;
	width: 100%;
}
#p3_alerts_hidden { display: none; }

#p3_nextdelivery{
	float: left;
	padding: 10px 0 10px 10px;
	height: 17px;
	background: #f5f5f5;
}

#p3_nextdelivery { width: 350px; }

#p3_nextdelivery img
{
	float: left;
	margin-right: 10px;
}

#p3_nextdelivery div {
	float: left;
	line-height: 14px;
}

#p3_nextdelivery strong { font-size: 12px; }

#p3_nextdelivery span
{
	font-size: 12px;
	color: #CC0033;
	font-weight: bold;
}

#p3_upgradeshippinglist
{
	float: left;
	width: 100%;
	margin-bottom: 5px;
	padding-bottom: 2px;
	border-bottom: 1px dashed #d1d1d1;
}

#p3_upgradeshippinglist img { vertical-align: baseline; }

#p3_description {
	float: left;
	width: 100%;
	font-size: 13px;
	margin-bottom: 5px;
}

#p3_description h2,
#p3_shipping h2 {
	display: block;
	font-size: 16px;
	margin-bottom: 05px;
	color: #ca6201;
}

#p3_description div {
	display: block;
}

#p3_shipping {
	font-size: 12px;
}

#p3_shipping p {
	margin-bottom: 10px;
}

#p3_shipping li {
	margin-bottom: 5px;
}

/* ============== */
/* ! Info Pages   */
/* ============== */

/*
.info_page h1 {
	display: block;
	margin-bottom: 10px;
	font-size: 24px;
	color: #9e5c3c;
	font-weight: bold;
}

.info_page p {
	display: block;
	font-size: 14px;
	margin-bottom: 10px;
	line-height: 20px;
}
*/

.info_subhead {
	display: block;
	font-size: 14px;
	font-weight: bold;
}

/* ================ */
/* ! Privacy Page   */
/* ================ */

#privacy #body {
	background-image: url('/global/fb/images/large_cookie_pics/privacy_cookie.jpg');
	background-position: bottom right;	
	background-repeat: no-repeat;	
}

#privacy_main ul {
	display: block;
	margin-bottom: 15px;
	font-size: 14px;	
}

#privacy_main p {
	width: 500px;
}

#privacy_main li {
	list-style-type: disc;
	list-style-position: inside;
}

/* ============== */
/* ! About Page   */
/* ============== */

#about #body {
	background-image: url('/global/fb/images/large_cookie_pics/about_cookie.jpg');
	background-position: bottom right;	
	background-repeat: no-repeat;
}

#about_main {
	float: left;
	width: 100%;
}

#about_main strong {
	font-weight: bold;
	margin-top: 25px;
	display: block;
}

#about_main h1 {
	width: 400px;
}

#about_main p {
	width: 500px;
}

/* ================ */
/* ! Contact Page   */
/* ================ */

#contact #body {
	background-image: url('/global/fb/images/large_cookie_pics/contact_us.jpg');
	background-position: bottom right;	
	background-repeat: no-repeat;		
}

#contact_main form {
	float: left;
	width: 500px;
}

#contact_main .info_subhead {
	margin-bottom: 10px;
}

#contact_main fieldset {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

#contact_main label {
	display: block;
	clear: left;
	font-size: 14px;
}

#contact_main fieldset input {
	float: left;
	width: 240px;
	margin-bottom: 10px;
}

#contact_main fieldset small {
	float: left;
	width: 50px;
	margin-left: 10px;
	line-height: 24px;
	color: #666666;
}

#contact_main textarea {
	width: 400px;
	height: 100px;
}

#contact_submit {
	display: block;
	margin-top: 20px;
}

#contact_other {
	float: left;
	width: 500px;
	margin-bottom: 10px;
}

/* ======= */
/* ! 404   */
/* ======= */

#notfound_quote {
	position: absolute;
	bottom: 25px;
	right: 25px;
	font-size: 11px;
}

/* ====================== */
/* ! Product Categories   */
/* ====================== */

#products_main {
	float: left;
	width: 100%;
}

#products_categories {
	float: left;
	width: 100%;
}

.products_categoryrow {
	float: left;
	width: 100%;
	margin-bottom: 25px;
}

.products_category:first-child {
	margin-left: 0;
}

.products_category {
	float: left;
	margin-left: 98px;
	width: 161px;	
}

.products_category a {
	display: block;
	text-decoration: none;
}

.products_category img {
	width: 161px;
	height: 174px;
}

.products_category h2 {
	display: block;
	text-align: center;
	text-decoration: underline;
	margin-top: 5px;
	font-size: 14px;
	color: #CA6201;
}


/* ========================== */
/* ! Product Category Pages   */
/* ========================== */

#category_products {
	float: left;
	width: 100%;
}

.prod_row {
	float: left;
	width: 100%;
	margin-bottom: 25px;
}

.prod_unit:first-child {
	margin-right: 25px;
}

.prod_unit {
	float: left;
	width: 457px;
/* 	background: #ebebeb; */
}

.prod_img {
	float: left;
	width: 161px;
	height: 174px;
	margin-right: 12px;
}

.prod_info {
	float: left;
	width: 284px;
}

.prod_info h2 {
	margin: 50px 0 10px 0;
}

.prod_info h4 {
	font-size: 14px;
	margin-bottom: 15px;
}

.prod_info h6 {
	font-size: 12px;
	/* color: #9e5c3c; */
}

/* ========== */
/* ! Modals   */
/* ========== */

#modal_content {
	border-color: #ca6201;
}

.modal_header
{
	float: left;
	width: 96%;
	padding: 5px 2%;
	height: 15px;
	
}

.modal_header h2
{
	float: left;
	font-size: 16px;
	line-height: 16px;
}

.modal_header img
{
	float: right;
	cursor: pointer;
}

.modal_body
{
	float: left;
	padding: 10px 5%;
	width: 90%;
}