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

/* ------------------------------------- Main Elements ----- */

/* Seasonal bgs at the end of this sheet */

body, html{
	/* backgrounds at the bottom of this stylesheet */
	font-family: Arial, Helvetica, sans-serif;
    margin:0;
    padding:0;
    bottom:0;
	}

#wrapper{
	width:900px;
	margin:0 auto;
	}
	
h1,h2,h3,p,pre {margin:0;}

a:link, a:visited, a:active{
	color:#FFFFFF; 
	text-decoration:none;
	font-style:italic;
	}

a:hover{
	text-decoration:underline;
	}
    
.pdf_link{
	background:url(../_images/pdf_logo.png) no-repeat;
    padding-left:23px;
    }
    
hr{
	border:none 0;
	border-top:1px solid #CCCCCC;
	color:#ebebeb;
    height:1px;
    padding:0 20px;
    margin:0;
    }
	
.clearfix{
	clear:both;
}

.half{
	width:48.5%; 
	float:left; 
	margin-right:10px;
}

#body_main .right, #body_main .right p{
	text-align:right;
}

.clearfix {
  overflow: hidden;
  zoom: 1;
}

#body_main a.blue_button{
	background:#23487a;    
    font-style: normal;
    border-radius: 4px;
    padding: 4px 8px;
    display: inline-block;
    margin: 10px 2px 8px;
}

#body_main a.blue_button:hover{
	text-decoration:none;
}
	
/* ------------------------------------- External links ----- */
span.ext {
  background: url(../_images/extlink_s.png) 2px center no-repeat;
  width: 10px;
  height: 10px;
  padding-right: 12px;
  text-decoration: none;
}
span.mailto {
  background: url(../_images/extlink_s.png) -20px center no-repeat;
  width: 10px;
  height: 10px;
  padding-right: 12px;
  text-decoration: none;
}

/* Hide the extra spans when printing. */
@media print {
  span.ext, span.mailto {
    display: none;
    padding: 0;
  }
}

	
	
/* ------------------------------------- Header ----- */
	
#header{
	background:url(../_images/header_bg_charcuterie.jpg) no-repeat;
	height:142px;
	}
    
#header .umai_logo{
	width:187px;
    height:145px;
    position:absolute;
    margin:0 0 0 10px;
    background:url(../_images/_logos/umai_dry.png) no-repeat;
	}
    
#header .umai_logo{
	background-size:187px 145px !important;
}

#header .header_links{
	width:440px;
    float:right;
    position: relative;
    margin:0 0 0 10px;
    font-size:12px;
    color:#fff;
    text-align:right;
    padding:4px 6px;
	}
    
#header .header_links a{
    padding:0 5px;
	}
	
.header_logo{
	float:left;
	width:445px;
	height:77px;
	}
	
.logo{
	margin:5px 0 0 10px;
	}
	
.header_quote {
	float:left;
	width:440px;
	height:77px;
	}
	
.header_quote h3{
	color:#FFFFFF;
	font-size:15px;
	font-weight:normal;
	font-style:italic;
	margin:21px 0 0 10px;
	text-align:center;
	}
    
.translate_label{
	font-style:italic;
	width:60px; 
    float:left;
    margin:20px 0 0;
    }
    
#google_translate_element{
	margin:15px 5px 5px;
    opacity:0.75;
    }
    
#google_translate_element a{
	text-decoration:none;
    }
    
#google_translate_element:hover{
    opacity:0.99;
    }
    
/* ------------------------------------- Left Nav ----- */
	
#left_nav{
	float:left;
	width:145px;
	height:100%;
	background-color:#92867A;
	}
	
.social_icons{
	margin:5px 0 5px 12px;
    padding:6px 5px 2px;
    border:1px solid #b5aba2;
    background:#978d82;
    text-align:center;
    border-radius:4px;
    }
    
.social_icons img{
	border:none;
    margin:0 2px;
    width:32px;
    height:32px;
    }
    
    
.social_icons.left{
	text-align:left;
    padding:5px 7px;
	margin-top:10px;
	margin-bottom:10px;
	}
    
.social_icons .left img{
	border:none;
    margin:0 2px;
    width:32px;
    height:32px;
    }
    
.social_icons p{
	text-align:left;
    color:#FFFFFF;
    font-size:11px;
    margin:0 0 3px 3px;
    font-style:italic;
    }
    
.social_icons p a{
    font-size:13px;
    padding:5px 0;
    display:block;
    }
    
.social_icons input {
    background: none repeat scroll 0 0 #F7F7F7;
    border: 1px solid #DDDDDD;
    color: #555555;
    margin: 0 0 5px;
    padding: 3px 4px;
    font-size:10px;
	}

/* ------------------------------------- New Left Nav - 2014-01-30 ----- */

#left_nav{width:145px; color:#111}

#left_nav ul{
	margin:10px 0 0 8px;
	padding:0;
}

#left_nav ul li{
	margin:0;
	padding:0;
	list-style:none;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #a99f95;
}

#left_nav ul li ul{
	margin:2px 0 0 14px;
}

#left_nav ul li ul li{
	margin:0;
	list-style: url(../_images/left_nav/li-arrow.png) ;
	font-size:12px;
	font-weight: normal;
	border-bottom: none;
}

#left_nav ul a{
	color:#111;
	font-style:normal;
	padding:8px 0 8px 3px;
	display:block;
	text-decoration:none;
}

#left_nav ul ul a{
	padding:6px 0 6px 2px !important;
}

#left_nav ul a:hover{
	color:#FFF;
	font-style:normal;
	background:#a99f95;
	font-weight:bold;
}

#left_nav li.no-link{
	padding-top:8px;
	padding-left:3px;
}


/* ------------------------------------- Body ----- */
	
#body_structure{
	background:url(../_images/body_content_bg.gif) repeat-y #92867A;
	overflow:hidden;
    zoom:1;
	}
    
.cycle{
	height:263px;
    overflow:hidden;
    }
    
.cycle img{
	margin-left:3px;
    width:712px;
    height:263px;
    }

#body_main{
	background:url(../_images/body_grad_bg.gif) repeat-x #7C7065;
    float:left;
    margin:0 0 0 15px;
	width:726px;
	/* height:100%; */
	min-height:1250px;
	overflow:hidden;
	}
	
#body_main h1{
	color:#FFFFFF;
	font-size:27px;
	font-weight:normal;
	font-style:italic;
	margin:0 0 0 10px;
	}
	
#body_main h2{
	color:#FFFFFF;
	font-size:21px;
	font-weight:normal;
	font-style:italic;
	margin:0 0 0 12px;
	}
	
#body_main h4{
	color:#2B0404;
	font-size:18px;
	font-weight:normal;
	font-style:italic;
	text-decoration:underline;
	margin:0 0 0 15px;
	}
	
#body_main p{
	margin:7px 10px 8px 10px;
	color:#000000;
	font-size:14px;
	line-height:1.4em;
	text-align:justify;
	}
	
#body_main ul{
	list-style:decimal;
	color:#FFFFFF;
	font-size:15px;
	line-height:1.4em;
	}
	
#body_main li{
	color:#000000;
	}
    
#body_main .banner_image{
	margin:0 0 8px 8px;
	}
	
.six{
	font-size:20px;
	padding:0 15px 0 0;
	}
    
/* ------------------------------------- Homepage ----- */
    
#home #body_main .recipe_archive_section{
	overflow:hidden;
    zoom:1;
    clear:both;
    }
      
#home #body_main .recipe_archive_section img{
	margin:6px 6px 0 0px;
	float:left;
    }
    
#home #body_main .recipe_archive_section h1{
	font-size:14px; 
    text-align:left;
    font-weight:bold;
    font-style:normal;
    color:#000000;
    margin:10px 0 0;
    }
    
#home #body_main .recipe_archive_section p{
	font-size:12px;
    }
    
#home #body_main .recipe_archive_section p.recipe_links{
	text-align:right;
    color:#FFFFFF;
    font-size:11px;
    }
   
#home #body_main .recipe_links a{
    padding:5px;
    }
    
/* ------------------------------------- Recipe Pages ----- */
	
#recipe_page #body_main ol{
	font-size:14px;
	margin:10px;
    }

#recipe_page #body_main ol li{
	margin:10px 0;
    }
	
#recipe_page #body_main p{
	margin:15px 25px;
    font-size:14px;
    text-align:left;
    }
    
#recipe_page #body_main .subtext{
    font-size:12px;
    clear:both;
    font-style:italic;
    }
    
#recipe_page #body_main h2{
	margin:20px;
    }
    
#recipe_page #body_main h1.recipe_title{
	font-size:22px;
	margin:20px;
    }
	
#recipe_page  #body_main img{
	margin:15px 20px 15px 30px; float:right; overflow:hidden;
    }
    
#recipe_page  #body_main iframe{
	margin:0 auto; display:block; border:1px solid; padding:4px; color:#9A8B7D; border-radius:4px; background:url(_images/body_grad_bg.gif) repeat-x;
    }
	
.recipe_archive_section{
    border-bottom:1px solid #9a8b7d;
    margin:0 20px;
	overflow:hidden;
    zoom:1;
    clear:both;
    }
      
.recipe_archive_section img{
	margin:10px 15px 10px 5px;
	float:left;
    }
    
#body_main .recipe_archive_section h1{
	font-size:20px;
	margin:22px 0 7px;
    }
	
#body_main .recipe_archive_section.new img, #recipe_page #body_main img{
	width:380px;
	height:auto;
	margin-left:14px;
	border-radius:6px;
  -moz-box-shadow:    1px 1px 4px 1px #675d54;
  -webkit-box-shadow: 1px 1px 4px 1px #675d54;
  box-shadow:        1px 1px 4px 1px #675d54;
}

#body_main .recipe_archive_section.new img{
	width:142px;
	height:auto;
}
	
    
    
/* -------------------------------------Columns ----- */

#left_half {
	width: 358px;
	float:left;
	overflow:hidden;
	}
	
#right_half {
	width: 360px;
	overflow:hidden;
	}
	
/* ------------------------------------- Red Headings ----- */
	
#heading_small{ /* ------------------------------------- use h2 ----- */
	background: url(../_images/heading_small.gif) no-repeat;
	width:350px;
	margin:5px; 
	padding:6px 0 8px;
	}
	
#heading_wide{ /* ------------------------------------- use h1 ----- */
	background: url(../_images/heading_wide.gif) no-repeat;
	width:700px;
	height:40px;
	margin:10px; 
	padding:5px 5px 8px 5px;
	clear:both;
	
	/* ------------------------------------- for use without h1 ----- */
	color:#FFFFFF;
	font-size: 27px;
	font-weight: normal;
	font-style: italic;
	margin: 0 0 0 10px;
	}
	
#heading_wide h2{
	padding-top:3px;
}
	
/* ------------------------------------- Shop ----- */

#body_main .foodsaver_more{border:1px solid #9b8e81; border-radius:4px;  margin:10px 30px; padding:10px; background:url(../_images/body_grad_bg.gif) repeat-x 0 -40px;}
#body_main .foodsaver_more .quote{font-size:12px; padding:6px 15px; font-style:italic; border:1px solid #9b8e81; border-radius:4px; background:url(../_images/body_grad_bg.gif) repeat-x 0 -40px; margin:12px 30px; color:#FFFFFF;}
#body_main .foodsaver_more span{cursor:pointer; font-size:12px; padding:0 10px; color:#FFF; font-style:italic;}
#body_main .foodsaver_more span:hover{ text-decoration:underline; color:#FFF;}

#body_main .foodsaver_more li{
	padding:3px;
    }
    
.price{
	color:#FFFFFF;
	font-style:italic;
	}

#shop_table{
	margin:8px auto;
	width:680px;
	border-bottom:1px dashed #2B0404;
	}
	
#shop_table p{
	text-align:left;
	}
	
#shop_table h4{
	margin:4px 0 15px 10px;
	padding:0;
	font-size:16px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	}
	
#shop_table h2{
	margin:8px 0 4px 10px;
	padding:0;
	font-size:20px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	}


#shop_column{
	width:230px;
	height:180px;
	float:left;
	margin-left:7px;
	}
	
#shop_column p{
	margin:0;
	padding:0;
	font-size:15px;
	}
	
.payments{
	font-size:12px;
	font-style:italic;
	}
	
.payments_no_js{
	font-size:12px;
	font-style:italic;
	color: #FFFFFF;
	}
	
.payments_no_js a:link, .payments_no_js a:hover, .payments_no_js a:visited, .payments_no_js a:active{
	text-decoration:underline;
	}
	
.product a:link, .product a:hover, .product a:visited, .product a:active{
	color:#000000;
	}
	
/* ------------------------------------- Forms ----- */

#contactForm input{
	width:300px;
	background-color:#92867A;
	}
	
#contactForm label{
	font-size:15px;
	}
	
#contactForm input, textarea{
	background: url(../_images/body_grad_bg.gif) repeat scroll 0 -200px transparent;
    border: 1px solid #B5ABA2;
    border-radius: 4px 4px 4px 4px;
    font-size:14px;
    padding:4px 8px;
    color: #FFFFFF;
	}
	
#contactForm textarea{
	width:550px;
	height:200px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
	}

.warning{
	color:#FF0000;
	font-size:12px;
	} 
	
/* ------------------------------------- Footer ----- */

#footer{
	background: url(../_images/footer_bg.png) no-repeat #520f0f;
	clear:both;
	padding:40px 0;
}
	
#footer .press{
	text-align:center;
}

#footer .press a{
	display:block;
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
	font-size:15px;
	font-style:normal;
	color:#555;
	line-height:2em;
	opacity:.4;
}

#footer .press a:hover{
	text-decoration:none;
	-webkit-filter: grayscale(0);
	-webkit-filter: grayscale(0%);
	filter: color;
	filter: grayscale(0%);
	opacity:1;
}

#footer .press img{
	max-width:190px;
	margin:10px 10px 0;
}

#copyright{
	width:143px;
	height:120px;
	float:left;
}
	
#copyright p{
	font-size:9px;
	line-height:1.2em;
	color:#695E54;
	margin:45px 0 0 5px;
	text-align:center;
}
	
#footer_nav{
	width:707px;
	height:120px;
	float:left;
	}
	
#footer ul{
	margin:0px 0 9px 0;
	padding:20px 0 0 0;
    text-align:center;
	}
	
#footer li{
	list-style:none;
	display:inline;
	padding:5px;
	margin:0;
	font-size:13px;
	color:#857C73;
	}
	
#footer a{
	font-size:12px;
	color:#857C73;
	}
	
#footer p{
	font-size:10px;
	color:#695E54;
	text-align:center;
	}
	
#aws a:link, #aws a:visited, #aws a:active{
	font-size:9px;
	color:#FFFFFF;
	}
	
#aws a:hover{
	font-size:9px;
	color:#FFFFFF;
	text-decoration:none;
	border-bottom:1px dotted #FFFFFF;
	}
    
/* ------------------------------------- New Store ----- */
    
#body_main .slide h3{
    cursor:pointer;
    margin:0;
    padding:0;
    }
    
#body_main .slide form{
	float:left;
    margin:0 0 0 39px;
    padding:0;
    }
    
#body_main .slide {
	margin:0 0 15px;
    position:relative;
    }
    
#body_main .product_sale_ribbon {
    position:absolute; top:1px; right:22px;
    }
    
#body_main .slide img{
	margin:0 0 0 0px;
    }
    
#body_main .slide .product_img{
	margin:0 0 0 19px;
    }
    
#body_main .slide p{
	font-size:13px;
    clear:both;
    margin:10px 30px 5px 30px;
    }
    
#body_main .slide ul{
	font-size:13px;
    list-style:disc;
    margin-left:30px;
    }
    
#body_main .slide li{
	padding:2px 0;
    }
    
#body_main .slide ul span{
	font-size:12px;
    font-style:italic;
    padding-left:15px;
    color:;
    background:url(../_images/marker.gif) no-repeat 0 3px;
    }   
    
#body_main .slide h4{
	text-align:center;
    color:#FFFFFF;
    text-decoration:none;
    display:block; clear:both; 
    border:1px solid #9b8e81; 
    margin:5px 45px; 
    padding:4px;
    font-size:18px;
    background:url(../_images/body_grad_bg.gif) repeat-x 0 -40px;
    border-radius:4px;
    }
    
.column{
	width:360px;
    float:left;
    margin:10px 0;
    } 

/* ------------------------------------- Videos ----- */	

.videos .video-single{
	width:360px; 
	text-align:center; 
	float:left; 
	min-height:230px;
}

.video-page .video-single em{
	font-size:11px; 
	color:#fff;
}

.video-page #body_main .slide span{
	border:1px solid #CCC; 
	padding:10px 25px;
	margin:10px 15px; 
	cursor:pointer; 
	display:block; 
	clear:both; 
	background:url(_images/body_grad_bg.gif) 0 -200px; 
	color:#FFFFFF;
    border: 1px solid #B5ABA2; 
	font-weight:bold;
    border-radius: 4px 4px 4px 4px;
}
	
.video-page #body_main .slide span:hover{ 
	background:url(_images/body_grad_bg.gif) 0 -30px; 
	color:#FFFFFF;
    border: 1px solid #B5ABA2;}
    
#body_main .videos, #body_main .videos p{
	text-align:center; 
	font-size: 13px; 
	margin: 0 0; 
	padding:0 0 10px;
}

#body_main .videos a, #body_main .videos p a{ 
	font-weight:bold;
}

/* ----------------------------  Videos ----- */

body.video-page #body_main {
	width:726px;
	padding:0;
}

body.video-page #body_main .video_header{
	font-size:16px;
	margin:20px;
	text-align:center;
}

body.video-page #body_main .video_header a{
	background:#661313;
	font-style:normal;
	border-radius:4px;
	padding:4px 8px;
	display:inline-block;
	margin:5px 2px;
}

body.video-page #body_main .video_header a:hover{
	text-decoration:none;
}
    
    
/* ------------------------------------- Slider ----- */

#slider{
	margin:10px;
    }
#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:345px;
        height:124px;
		overflow:hidden;
        font-size:13px;
        font-style:italic;
        text-align:justify;
        line-height:1.4em;
		}	
    #slider li span{
    color:#ffffff;
    }     
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{
    text-align:center;
    border:1px solid #9b8e81;
    padding:5px;
    height:15px;
    width: auto;
    float:left;
    font-size:13px;
    display:block;
    margin:0 5px 0 140px;
		}	
    /* 
	#slider1next:hover, #slider1prev:hover{    
    background:#5e2828;
    border:1px solid #310909;
    }
	*/ 
    
	#nextBtn, #slider1next{ 
    text-align:center;
    border:1px solid #9b8e81;
    padding:5px;
    height:15px;
    width: auto;
    float:left;
    font-size:13px;
    display:block;
    margin:0;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  	
		}	
	#nextBtn a, #slider1next a{ 
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
    
/* Forum */
    
#forum #body_main{padding:5px;}
    
    #j_login_form{
	text-align:center;
    }
    
#j_login_form input{
	border:1px solid #b7b7b7; padding:4px; width:230px; font-size:14px; background: #EEEEEE;
    }
    
#j_login_form #remember{
	width:30px;
    }
    
#j_login_form #submit{
	width:100px;
    cursor:pointer;
    border:1px solid #b7b7b7; 
    padding:4px; 
    font-size:14px; 
    background: #EEEEEE;
    }
    
#j_login_form a{
    font-size:13px;
    }
	
/* OpenID icon style */
input.system-openid, input.com-system-openid {
   background: url(//openid.net/login-bg.gif) no-repeat;
   background-color: #fff;
   background-position: 0 50%;
   color: #000;
   padding-left: 18px;
   
}


/* System Messages */
#system-message    { margin-bottom:5px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #FFFFFF; margin-bottom: 10px; list-style: none; padding: 5px; border-top: 2px solid #ff9900; border-bottom: 2px solid #ff9900;}
#system-message dd ul li{ color: #FFFFFF; font-size:13px;}

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message { background: url(../images/_forum/cat_title_bg.gif) 0 -6px #5e2828;}

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #FFFFFF; background: url(../images/_forum/cat_title_bg.gif) 0 -6px #5e2828; border-top: 2px solid #ff9900; border-bottom: 2px solid #ff9900;}

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #FFFFFF; color: #FFFFFF; background: url(../images/_forum/cat_title_bg.gif) 0 -6px #5e2828; border-top: 2px solid #ff9900; border-bottom: 2px solid #ff9900;}
    
    
    
#tabs{border:none; background:none;font-family: Arial, Helvetica, sans-serif;
	margin:5px 10px;}
#tabs .ui-widget-content {
     border:1px solid #9b8e81; 
     margin:0 3px;
     background:url(../_images/body_grad_bg.gif) repeat-x 0 -40px;
    padding:15px 10px;
    border-top-right-radius:4px;
}
#tabs .ui-widget {
    
    font-size:12px;
}
#tabs .ui-tabs {
    padding:0;
    position: relative;
}
#tabs p {
	font-size:12px;
    margin:10px 5px;
	}
    
#tabs h1 {
	font-size:20px;
    margin:0;
	}
    
#tabs ol {
	font-size:12px;
    line-height:24px;
    margin:10px 5px 10px 18px;
    padding:0;
	}

#tabs .ui-tabs .ui-tabs-nav li a {
	font-size:13px;
    }
    
#tabs .ui-widget-header{
	background:none;
    border:none;
    }
    
#tabs .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background:url(../_images/body_grad_bg.gif) repeat-x 0 -40px;
    border:1px solid #9b8e81;
    color: #222222;
    font-weight: normal;
}
#tabs .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #FFFFFF;
    
    }
	
	
a{
	-webkit-transition: all .2s ease-in-out;
  	-moz-transition: all .2s ease-in-out;
  	-o-transition: all .2s ease-in-out;
  	transition: all .2s ease-in-out;
}
	
	
	
	
	
/* Seasonal bgs */


body, html{
	background:url(../_images/_bgs/bg-meat.jpg) no-repeat top center fixed !important;
	/* background:url(../_images/_bgs/bg-winter.jpg) no-repeat top center fixed !important; */
}

#header{
	background:url(../_images/_bgs/header_blank.png) no-repeat;
}

#header .header_links a{
	padding:0;
}

#forum #wrapper #header {
    background: url(../_images/_bgs/header_blank_forum.png) no-repeat !important;
	}

#footer{
	background: url(../_images/_bgs/footer_blank.png) no-repeat;
}

#forum #wrapper #footer{
	background: url(../_images/_bgs/footer_blank_forum.png) no-repeat !important;
}

#footer li, #footer li a{
	color:#000;
	font-weight:bold;
	font-style:normal;
}

#footer #aws p span, #footer #aws p span a{
	color:#695E54 !important;
}