*
{
    margin: 0;
    padding: 0;
}

html 
{
    background-image:   url('/images/bg_gradient.png');
    background-repeat:  repeat-x;
    background-color:   #fef3d9;
}

body
{
    background-image:   url('/images/top_bg.png');
    background-repeat:  repeat-x;
    background-position: center top;

	font-family:		helvetica,arial,'sans serif';
    font-size:          12px;
    line-height:        18px;
    color:              #2b2214;

}

#heading
{
    border-bottom:  1px dotted #493726;
    padding-bottom: 5px;
    margin-bottom:  30px;
    display:        inline-block;
    width:          100%;
}

#right_text
{
    float:          right;
}

h1
{
    font-size:      20px;
    color:          #493726;
    float:          left;
    padding-bottom: 2px;
}

h2
{
    color:          #3b95cd;
    font-size:      16px;
    margin-bottom:  20px;
    font-weight:    normal;
    width:          auto;
}

td#left .content
{
    width:          193px;
}

td#left h2
{
    border-bottom:  1px dotted #3b95cd;
}

ul
{
    padding-left:       20px;
}

#container
{
    margin: 0 auto;

    width:  991px;

}

#global-links
{
    top:        30px;
    right:      5px;
    position:   absolute;
    border:     none;
}

#header
{
    width:                  100%;
    position:               relative;
    height:                 170px;
    z-index:                5;
}

#header-image
{
    margin-bottom:          30px;
    height:                 auto!important;
    height:                 1%;
}

#search-dropdowns
{
    position:               absolute;
    top:                    140px;
    right:                  5px;
    z-index:                0;
    width:                  500px;
}

#search-dropdowns select
{
    border:     0;
}

#search-dropdowns div.select-container
{
    /*
    border:    3px solid  #3b95cd;
    */
}

#logo
{
    position:       absolute;
    top:            60px;
    left:           40px;
}

#mainnav
{
    width:      742px;
    height:     84px;
    background-image:   url("/images/nav_bg.png");
    background-repeat:  no-repeat;
    position:   absolute;
    top:        49px; 
    left:       250px;
}

#dhtmlnav
{
    position:       absolute;
    top:            80px;
    left:           360px;
    z-index:        6;
}

#maincontent
{
    width:      988px;
}

#middlecontent
{
    width:     988px;
    border-collapse:collapse;
}

#middlecontent td
{
    vertical-align: top;
}

#leftedge,
#rightedge,
{
    width:  1px;
    background-color:   white;
    opacity:				0.4;
	filter:					alpha(opacity=40);
}

#middlesection
{
    background-color:       white;
    padding:                25px 20px 25px 25px;

    height:     450px;
}

.product-hover
{
    position: absolute;
    display:    none;
}

#left
{
    width:  223px;
    float:  left;
    vertical-align:         top;
}

#footer
{
    padding:            15px 0 15px 30px;
    background-image:   url("/images/footer_middle.png");
    background-repeat:  repeat-y;
    font-size:          11px;
}

#footer a
{
    color:          #3c3430;
}
/******************************************************************************
	Navigation
/*****************************************************************************/

a
{
    outline: none;
}

#maincontent a
{
    font-weight:    bold;
}

#maincontent a:hover
{
    text-decoration:    underline;
}

a img
{
    border: 0;
}

#mainnav a
{
    position:   relative;
}


li
{
    list-style-type:    disc;
    text-indent:0;
}

a.red:hover
{
    text-decoration: underline;
}

.menublock
{
	position:			absolute;
	z-index:			1000;
	visibility:			hidden;
    width:              240px;
}

a.menuitem
{
	display:			block;
	height:				22px;
	padding:			0px 18px;
	line-height:		22px;
	height:				22px;
    font-weight:        bold;
	white-space:		nowrap;
	font-size:			12px;
	text-decoration:	none;
    background-color:   #452200;
}

a.menuitem
{
    color:              #deb64c;
}

a.menuitem:hover
{
    color:              white;
}

a.topnav
{
	display:			inline;
	height:				21px;
	padding:			0px 8px;
	line-height:		21px;
	white-space:		nowrap;
	font-family:		helvetica,arial,'sans serif';
	font-size:			11px;
	text-decoration:	none;
}

.leftnav
{
	font-family :       arial, helvetica, verdana;
	font-size :         10px;
	text-align :		left;
	line-height:		17px;
	margin-left:		20px;
	margin-right:		20px;
	color :             rgb(0,0,0);
}

.looking
{
    padding-right :		10px;
	padding-top :		33px;
	padding-bottom :	20px;
	line-height :       10px;
    font-family :       arial, helvetica, verdana;
	font-size :         10px;
	text-align :		right;
	color:				2D3C86;
	font-weight:		bold;
}

/******************************************************************************
	Text
/*****************************************************************************/


.caption
{
	font-family :		arial, helvetica, verdana;
	font-size :         10px;
	font-style:			italic;

}

.text
{
	padding-top :       30px;
	padding-left :      0px;
	padding-right :     50px;
	line-height :       18px;
	font-family :       arial, helvetica, verdana;
	font-size :         12px;
	color :             rgb(0,0,0);
}

.descriptiontext
{
	padding-left :      13px;
	line-height :       18px;
	font-family :       arial, helvetica, verdana;
	font-size :         12px;
	color :             rgb(0,0,0);
}

.tabletext
{
	line-height :       18px;
	font-family :       arial, helvetica, verdana;
	font-size :         12px;
	color :             rgb(0,0,0);
}

.homelink
{
	line-height :       15px;
	font-family :       arial, helvetica, verdana;
	font-size :         12px;
	color :             012889;
}

.hometitle
{
    color:              #493726;
    text-transform:     uppercase;
    padding:            7px 0 7px 2px;
    width:              280px;
    border:             1px dotted #493726;
    border-left:        none;
    border-right:        none;
    display:            block;
    font-weight:        bold;
    margin-bottom:      25px;
}

.productblue
{
    line-height :       20px;
    font-family :       arial, helvetica, verdana;
	font-size :         14px;
	color:				2D3C86;
	font-weight:		bold;
}

.productgray
{
    line-height :       20px;
    font-family :       arial, helvetica, verdana;
	font-size :         14px;
	color:				gray;
	font-weight:		bold;
}

.white-footer
{
    font-family :       arial, helvetica, verdana;
	font-size :         10px;
	color:				white;
}

/******************************************************************************
	Links
/*****************************************************************************/

a
{
	text-decoration :   none;
    color:     #493726; 
}

a.home-news
{
    margin-bottom:  20px;
    display:        block;

    padding-left:   20px;
    background-image:   url("/images/blue_bullet.png");
    background-position:  0 5px;
    background-repeat:  no-repeat;
}


/******************************************************************************
	Print view
/*****************************************************************************/

.printbox
{
	height :	        280px;
	width :		        480px;
	margin-top :        20px;
	margin-left :       20px;
	margin-right :      20px;
	border:				1px dotted #000000;
}

.printtitle
{
	margin-top :        10px;
	margin-left :       10px;
	margin-right :      10px;
	line-height :       10px;
	font-family :       arial, helvetica, verdana;
	font-size :         12px;
	color :             rgb(0,0,0);
}

.printtext
{
	line-height :       10px;
	line-height :       10px;
	font-family :       arial, helvetica, verdana;
	font-size :         8px;
	color :             rgb(0,0,0);
}

#slideshow
{
    position:           relative;
    width:              725px;
    height:             260px;
}

/******************************************************************************
	Home
/*****************************************************************************/
.homepage-box
{
    width:          282px;
    margin-right:   45px;
    float:          left;
}
ul#logos
{
  margin: 0 auto;
  width: 918px;
  padding: 0; 
  list-style: none; 
  clear: both;
}
ul#logos li
{
  overflow: hidden; 
  text-indent: -9999px;
  display: inline; 
  float: left; 
  margin: 0;
  padding: 0 0 7px 0;

}
ul#logos li a
{
  background: url(/images/logos.png) no-repeat; 
  width: 100%; 
  height:100%; 
  display:block;
  outline: none;
}
ul#logos li.uncle_sam{width:174px; height: 125px;}
ul#logos li.uncle_sam a{background-position:0 0;}
ul#logos li.uncle_sam a:hover{background-position:0 -126px;}
ul#logos li.uncle_sam a.selected{background-position:0 -126px;}

ul#logos li.erewhon{width:269px; height: 125px;}
ul#logos li.erewhon a{background-position:-174px 0;}
ul#logos li.erewhon a:hover{background-position:-174px -126px;}
ul#logos li.erewhon a.selected{background-position:-174px -126px;}

ul#logos li.new_morning{width:216px; height: 125px;}
ul#logos li.new_morning a{background-position:-443px 0;}
ul#logos li.new_morning a:hover{background-position:-443px -126px;}
ul#logos li.new_morning a.selected{background-position:-443px -126px;}

ul#logos li.skinners{width:259px; height: 125px;}
ul#logos li.skinners a{background-position:-659px 0;}
ul#logos li.skinners a:hover{background-position:-659px -126px;}
ul#logos li.skinners a.selected{background-position:-659px -126px;}

.clear
{
  clear: both;
}

/******************************************************************************
	Styles
/*****************************************************************************/
.blue
{
    font-size:      16px;
    line-height:    20px;
    color:          #3b95cd;
    font-weight:    normal;
}

#right_text a,
.red
{
    color:      #bb2401;
}

#right_text a:hover
{
    text-decoration:    underline;
}


/******************************************************************************
/ Widgets
/*****************************************************************************/

a#send-your-recipe-widget
{
    display: block;
    background-image:   url("/images/widget_send_recipe.png");
    background-position:    0 0;
    background-repeat:  no-repeat;
    width:              203px;
    height:             74px; 
    margin-left:        -3px;
    margin-top:         15px;
}

a#send-your-recipe-widget:hover
{
    background-position:  0 -72px;
}

.featured-recipe-box
{
    background-image: url("/images/widget_bottom_gradient.png");
    background-repeat: repeat-x;
    background-position: left bottom;
    width:                  345px;
    height:                 54px;
    margin-right:           18px;
    margin-bottom:          20px;
    float:                  left;
    padding-top:            5px;
}

.featured-recipe-box img
{
    float:                  left;
    margin:                 0 15px;
}

.featured-recipe-box .title, 
.featured-recipe-box .title a
{
    font-size:              14px;
    font-weight:            bold;
}

.featured-recipe-box a.product
{
    color:                  #bb2401;
    font-size:              11px;
}

.featured-recipe-box a.product:hover
{
    text-decoration:        underline;
}

/*----------Tabs------------*/

#recipe-tabs
{
    margin: 0;
    padding: 0;
    margin: 35px 0 15px 0;
    height: 41px;
}

#recipe-tabs  li
{
    display: inline;
    float:left;
}

#recipe-tabs a
{
    background-position:        0 -41px;
    background-repeat:          no-repeat;
    display:    block;
    height:  41px;
}

#recipe-tabs a.active
{
    background-position:      0 0;
}

#product-tabs
{
    margin: 0;
    padding: 0;
    height: 31px;
    margin-bottom:20px;

    background-image:   url(/images/products/tabs/no_buzz.png);
    background-repeat:  repeat-x;
    background-position:    left bottom;

}

#product-tabs  li
{
    display: inline;
    float:left;
}

#product-tabs a
{
    background-position:        0 -31px;
    background-repeat:          no-repeat;
    display:    block;
    height:  31px;
}

#product-tabs a.active
{
    background-position:      0 0;
}

.tab-nav
{
	margin-bottom:		15px;
	min-height:             30px;
	border-bottom:      1px solid #73706b;
}

ul.tabs
{
	list-style-type:    none;
	line-height:        30px;
	margin:             0;
	padding:            0;
	margin-bottom:      20px;
	position:           relative;
	z-index:            0;
}

ul.tabs li.active
{
    background-image:   url("/images/tabs/active2.png");
    border-bottom:      none;
    height:             31px;
    position:           relative;
    z-index:            1;
    margin-bottom:      -1px;
}

ul.tabs li
{
    margin:             0;
    padding:            0;
    list-style-type:    none;
/*
    width:              144px;
    height:             30px;
    line-height:        30px;
*/
    float:              left;
    /*
    border-bottom:      1px solid #73706b;
    */
    font-size:          11px;
    font-weight:        bold;
    text-align:         center;
    white-space:        nowrap;
    display;            inline;
    background-image:   url("/images/tabs/inactive2.png");
}

ul.tabs a
{
    height:             30px;
    line-height:        30px;
    display:            block;
    padding:            0 10px;

    width:  auto!important;
    width:  30px;

    background-image: url(/images/tabs/inactive_right.png);
    background-position:    right top;
    background-repeat:  no-repeat;
}

ul.tabs li.active a
{
    background-image: url(/images/tabs/active_right.png);
    background-position:    right top;
    background-repeat:  no-repeat;
}

a.recipe:hover
{
    color:              #b7381a;  
}
#recipes-by-brand a,
#recipes-by-type a
{
    display:            block;
    margin:             10px 0;
    padding-left:       25px;
}

#recipes-by-brand a.usersubmitted,
#recipes-by-type a.usersubmitted
{
    background-image:   url("/images/pencil.png");
    background-repeat:  no-repeat;
}

#recipe-submission
{
    color:          #2b2214;
    font-weight:    bold;
}

#recipe-submission label
{
    padding-right:  5px;
}

#recipe-submission td
{
    padding:        5px 0;
    vertical-align: middle;
}

#recipe-submission .required
{
    color:          #990000;
}

.webform
{
  border: 1px dotted #000;
  margin: 1.0em 0;
  padding: 1.0em;
  width: 400px;
}

.webform_errors
{
  color: #c00;
}