@charset "utf-8";

/*
URI: http://udisglutenfree.com
Description: Udi's Gluten Free Stylesheet
Version: 1.0
Author: Will Daniels
Author URL: http://mindworxmedia.com
/* --------------------------------------------- */

/* TABLE OF CONTENTS

00 - Eric Meyer Reset
01 - Global Elements - Standard Elements
02 - Typography - All Type throughout the site
03 - Main Structure - Columns, clearfix, etc.
04 - Header - Website Header
05 - Navigation - Main & Sub Navigation + Search
06 - Content
07 - Sidebar
08 - More News - 480px (re-usable) boxes
09 - Blog - Inner Blog (comments, author info)
10 - Footer

/* ----------------------------------------------*/


/* 00 - ERIC MEYER RESET
/*--------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
 form, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* 01 - GLOBAL ELEMENTS
/*--------------------------------------------------------------------------------------*/

html {
	overflow-y: scroll; /* firefox: forces scroll bar on short pages */
}

body {
	/*background: url("/images/main-bckg.png") #2e4b65 repeat-x;*/
	width: 100%;
}



li {
  color:#555;
  font-size: 0.9em;
  line-height:140%;
  list-style:square;
  margin-left:20px;
}

tr {
  height:30px;
  line-height:30px;
  font-size:80%;
}

a {
  text-decoration:none;
}





/* 02 - TYPOGRAPHY
/*--------------------------------------------------------------------------------------*/

body {
	font-family: Arial, Georgia, Helvetica, sans-serif;
}


h1, h2 {
	font-size: 1.4em;
}

h1 {
  color:#3f450c;
  border-bottom:1px solid #ccc;
  padding-bottom:8px;
  margin-bottom:15px;
}

h2 {
  color: #333;
  margin-bottom:10px;
}

h1.sub-nav {
  margin-bottom:5px;
}

h2.sub-nav {
  font-weight:normal;
  border-bottom:1px solid #ccc;
  padding-bottom:8px;
  font-size: 1.2em;
  margin-bottom:20px;
  color:#3f450c;
}

h2.recipe{
  font-weight:normal;
  padding-bottom:8px;
  font-size: 1.2em;
  margin-bottom:20px;
  color:#3f450c;
}

h3 {
  color: #444;
}

p {
  font-size: 0.9em;
  line-height:1.5em;
  text-align:left;
  margin-bottom:20px;
  color:#555;
}

p.last {
  margin-bottom:0px;
}





/* 03 - MAIN STRUCTURE
/*--------------------------------------------------------------------------------------*/

#container {
  min-height:400px;
}

.inner {
	width:925px;
	margin:0px auto;
}

.clear-both {
	clear: both;
}

#main-image {
  margin-bottom:20px;
}

.grey {
  color:#777;
}

.blue, .blue a {
  color:#0e77bb;
}

#sub-navigation {
  padding: 15px;
  margin-bottom:30px;
  margin-top:10px;
}

#sub-navigation a {
  font-weight:bold;
}


/* 03 - ERROR / FLASH MESSAGES
/*--------------------------------------------------------------------------------------*/

.flash {
	padding:10px 0px;
	margin-bottom:50px;
	font-size: 0.9em;
	text-align:center;
}

.flash.error {
	border:1px solid #e9131b;
	background:#f2c5c7;
	color:#e9131b;
}

.flash.notice {
	border:1px solid green;
	background:#a4d4a6;
	color:#green;
}


#errorExplanation ul li {
  color: red; 
  margin-left:20px;
  line-height:20px;
}

#errorExplanation h2 {
  border: 0px;
  margin-top: 15px;
  margin-bottom: 10px;
  background: red;
  color: white;
  padding: 10px; 
}

#errorExplanation {
  border-bottom: 1px solid #ccc;
  padding-bottom:10px;
  margin-bottom: 20px; 
}

#errorExplanation p {
  margin:5px auto;
}

.fieldWithErrors input {
  border: 3px solid red; 
}





/* 04 - HEADER
/*--------------------------------------------------------------------------------------*/

#header {
  background: url('/themes/udis/images/header-bckg.png');
}

#header .inner {
  width:975px;
}

.header_logo {
  float:left;
}

#header_statement {
  float:left;
  width:579px;
  margin-top:20px;
  padding-left:20px;
  font-weight:bolder;
}

#header_statement p {
  color:#fff;
  padding-top:30px;
  font-size: 1.3em;
  text-align:center; 
}

#subnavigation {
	color: #fff;
	font-size: 13px;
	line-height: 30px;
	letter-spacing:0.07em;
	text-transform: uppercase;
  background: #8E9C14;
  height:30px;
  margin-bottom:40px;
  margin-top:2px;
}

#subnavigation .inner a {
  color:#fff;
  line-height:30px;
  font-size: 13px;
  letter-spacing:0.07em;
  text-transform: uppercase;
}


#subnavigation .inner a:hover{
  color:#000;
}



#subnavigation .inner,  {
  color:#fff;
}

#navigation {
  background: #4c5412;
  height:40px;
  margin-bottom:2px;
  margin-top:2px;
}

#navigation .inner a {
  color:#fff;
  line-height:40px;
  font-size: 0.82em;
  letter-spacing:0.07em;
  text-transform: uppercase;
}


#navigation .inner a:hover{
  color:#9faf17;
}



#navigation .inner,  {
  color:#fff;
}




/* 04 - MAIN COLUMN
/*--------------------------------------------------------------------------------------*/

#main-col {
  width:600px;
  margin-right:50px;
  float:left;
}





/* 04 - SIDE BAR
/*--------------------------------------------------------------------------------------*/

#side-col {
  width:275px;
  height:auto;
  float:left;
}

.box {
  width:275px;
  height:auto;
  float:left;
  margin-bottom:2px;
}

.box h3 {
  color:#fff;
  padding:10px;
  font-weight:normal;
  padding-top:40px;
  font-size: 1.0em;
}

.box .header-twitter, .box .header-news, .box .header-blog, .header-udis-companies {
  width:275px;
  margin-bottom:2px;
}

.box .header-twitter {
  background: url('/themes/udis/images/twitter-box.png');
}

.box .header-news {
  background: url('/themes/udis/images/news-box.png');
  margin-top:0px;
}

.box .header-blog {
  background: url('/themes/udis/images/blog-box.png');
}

.box .content {
  width:255px;
  min-height:75px;
  padding:10px;
  height:auto;
  background:#ededed;
}

.box .content p {
  margin-bottom:10px;
  font-size: 0.9em;
}

.box .content a {
  color: #555;
}

.box .content .links, .box .content .links a {
  color:#0e77bb;
  font-size: 0.9em;
  margin-bottom:10px;
}

.box .header-udis-companies {
  background: url('/themes/udis/images/udis-companies-box.png');
}

.content p a {
  color: #0e77bb;
  text-decoration:underline;
}

.social-media-icons img {
  float:left;
  margin-top: -10px;
}

.view_all {
  /*top:110px;
  left:160px;
  position:relative;*/
  width:255px; 
  background:#ddd; 
  padding:8px 10px;
  text-align:right;
}

.view_all a {
  font-size: 0.9em;
  color: #0e77bb;
}




/* 04 - FOOTER
/*--------------------------------------------------------------------------------------*/

#footer {
  background: #4c5412;
  border-top:0px solid #444;
  padding-top:30px;
  height:140px;
  margin-top:40px;
}

#footer .inner {
  text-align:center;
}

#footer .inner {
  color:#fff;
}

#footer .inner p {
  color:#fff;
  text-align:center;
  font-size:0.8em;
  margin-top:10px;
}

#footer .inner a {
  color:#fff;
  line-height: 1.4em;
  font-size: 1.0em;
}




/* 00 - HOME PAGE SPECIFIC
/*--------------------------------------------------------------------------------------*/

.left, .right {
  width:268px;
  float:left;  
  padding:10px;
  border:1px solid #ccc;
  height:160px;
  margin: 0px;
}


.left {
  margin-right:20px;
}

.left h2, .right h2 {
  padding:10px;
  font-size: 0.9em;
  margin-bottom:20px;
  text-transform:uppercase;
}

.left h2 {
  background: #bab9b8;
}

.right h2 {
  background: #f9de39;
}

#SignUp font {
  font-family: Georgia, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  line-height:1.5em;
  text-align:left;
  margin-bottom:20px;
  color:#555;
}





/* 04 - PRODUCT PANEL
/*--------------------------------------------------------------------------------------*/

#products{
  margin-top:40px;
  margin-bottom:20px;
  border:1px solid #ddd;
  padding:10px;
  float:left;
}

#products .info {
  width:313px;
  margin-right:25px;
  float:left;
}

#products .picture, .product_panel_links .nav_links {
  float:left;
}

#products h2 {
  background: #afbf1d;
  padding:10px;
  font-size: 1.0em;
  margin-bottom:20px;
  text-transform:uppercase;
}

#products h3 {
  margin-bottom:10px;
  font-size: 1.0em;
}

.product_panel_links {
  float:left; 
}

.product_panel_links, .product_panel_links a {
  margin-top:18px;
  color:#0e77bb;
  text-decoration:none;
  margin-bottom:2px;
}

.product_panel_links .info_links {
  width:233px;
  float:left;
  font-size: 0.75em; 
}


.nav_links {
  width:270px;
  margin-top:-20px;
}

.nav_links, .nav_links a {
  text-align:center;
  font-size: 1.1em;
}

.cartpic {
  width:60px;
  float:left;
  margin-right:15px;
  margin-top:-25px
}





/* 00 - INGREDIENTS 
/*--------------------------------------------------------------------------------------*/

.nutritional_fact, .nutritional_fact_wide {
  float:left;
  text-align:center;
  margin-top:20px;
  margin-bottom:20px;
  padding:5px 0px;
  border: 1px solid #000;
}

.nutritional_fact_wide {
  margin-left:80px;
  margin-top:30px;
}



/* 00 - BIOS
/*--------------------------------------------------------------------------------------*/

.bio {
  border-bottom:1px solid #ccc;
  margin-bottom:20px;
}

.bio_image {
  float:left;
  width:137px;
  margin-right:23px;
}

.bio_image img {
  padding:5px;
  border: 1px solid #ccc;
}

.bio_content {
  float:left;
  width:440px;
  padding-bottom:20px;
}

.bio h3 {
  margin-bottom:2px;
}

.bio_content a {
  font-size: 0.9em;
  display:block;
  margin-bottom:5px;
}





/* 00 - PRODUCT PAGE
/*--------------------------------------------------------------------------------------*/

.product_page_links {
  text-align:center;
  margin-top:10px;
}


.product_page_links, .product_page_links a {
  color:#0e77bb;
  font-size: 0.9em;
  margin-bottom:2px;
}

.product_image {
  float:left; 
  width:190px; 
  margin-right:20px;
  margin-bottom:30px;
}


/* 00 - COMMUNITY SECTION
/*--------------------------------------------------------------------------------------*/

.media_section {
  border-bottom:#ccc 1px solid;
  padding-bottom:10px;
  margin-bottom:30px;
}

.media_section h3 {
  margin-bottom:10px;
  font-weight:normal;
  color:#3f450c;
}

.media_section p {
  margin-bottom:10px;
}


.media_section .newsletter {
  border:1px solid #ccc;
  width:268px;
  padding:10px;
  height:140px;
  margin-bottom:20px;
}

.media_section .newsletter h2 {
  padding:10px;
  font-size: 0.9em;
  margin-bottom:20px;
  text-transform:uppercase;
  background: #f9de39;
}


.feedback-form h6  {
  background:#ccc;
  font-size: 0.8em;
  padding:10px;
  margin-bottom:5px;
  font-weight:normal;
}

.feedback-form {
  margin-top:20px;
}

.feedback-form-question{
  margin-bottom:20px;
  border-bottom:1px solid #ccc;
  padding-bottom:10px;
}

.feedback-form-question textarea {
  width:100%;
  height:100px;
}

table.community-resources th{
  background:#ccc;
  padding:5px;
}

table.community-resources td {
  line-height: 1.2em;
  padding:10px 0px;
}


table.recipe-resources th{
  background:#ccc;
  padding:5px 0px 0px 4px;
}

table.recipe-resources td {
  line-height: 1.2em;
  padding:10px 0px 0px 4px;
}


/* 00 - MEDIA SECTION
/*--------------------------------------------------------------------------------------*/


.video {
  margin-bottom:20px;
}


/* 00 - ADMIN
/*--------------------------------------------------------------------------------------*/


#admin .panel {
  border:1px solid #ccc;
  padding:10px;
}

#admin .panel h2 {
  background:#555;
  color:#ffffff;
  padding:10px;
  font-weight:normal;
}

#admin .panel li {
  list-style:none;
  margin-left:0px;
}

#admin .panel a {
  background:#ccc;
  width:235px;
  display:block;
  margin-bottom:2px;
  padding:5px 10px;
}

#admin .panel a:hover {
  background:#555;
  color:#fff;
}

.admin_header {
  border-bottom:1px solid #888;
  padding-bottom:10px;
  margin-bottom:20px;
}

#admin dd {
  margin-bottom:5px;
  border-bottom:1px solid #ccc;
  padding:5px;
}

.product_header img {
  float:left;
  margin-right:20px;
  border:2px solid #ccc;
}

.no_image {
  float:left;
  margin-right:20px;
  border:2px solid #ccc;
  background: #777;
  height:95px;
  width:126px;
}

.product_header h1 {
  float:left;
  width:75%;
  margin-top:70px;
}

.product_header {
  margin-bottom:40px;
  height:99px;
}

#bio_links a {
  background:#ccc;
  display:block;
  width:600px;
  padding: 10px 0px;
}


.bio_link {
  position:relative;
}


.remove_link {
  position:absolute;
  right:0px;
  top:0px;
}







/* 00 - MISC
/*--------------------------------------------------------------------------------------*/

.about_links {
  text-align:center;
  border-bottom: 4px double #ccc;
  border-top: 4px double #ccc;
  padding: 10px 0px;
  margin-bottom:40px;
}


table.articles td, table.articles th {
  padding:7px;
}

table.articles td {
  border-bottom:1px solid #ccc;
}




/* 00 - POSSIBLY CAN DELETE
/*--------------------------------------------------------------------------------------*/

ul.nav li {
  list-style-type: none;
  text-align: center;
  cursor: pointer;
  float: left;
  width: 108px;
  height:30px;
  color:#555;
}

ul.nav li a {
  display:block;
  width: 108px;
  height:30px;
  color: #333;
}

ul.nav li a:hover {
  background: #ef8f32;  
  color:#fff;
}

.image {
  float:left;
  
}






/************** form ***************/

div.standard-form {
  margin-bottom: 30px;
  border:1px solid #ccc;
  padding:20px;
}
.standard-form fieldset {
  border: 1px dotted #ccc;
  margin-bottom: 30px;
}
.standard-form legend {
  background-color: #fff;
  color: #888;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 20px;
  letter-spacing: 0px;
  margin-left: 10px;
  padding: 0 10px;
}
.standard-form fieldset ul {
  margin: 20px 20px 30px 20px;
}
.standard-form li {
  margin-bottom: 15px;
  list-style: none;
}
.standard-form label {
  text-align: right;
  margin-top: 3px;
}
li.form-row {
  clear: left;  
}
.form-row label {
  float: left;
  width: 100px;
  margin-right: 10px;
}

.standard-form input, .standard-form textarea, .standard-form select {
  background-color: #efefef;
  border: 1px solid #ccc;
  color: #777;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 13px;
  padding: 2px;
}
.standard-form input:hover, .standard-form textarea:hover, .standard-form select:hover {
  border-color: #aaa;
}
.standard-form input:focus, .standard-form textarea:focus, .standard-form select:focus {
  background-color: #fff;
  border-color: #aaa;
  color: #333;
}
.url-field input {
  background: #efefef url(/themes/udis/images/bg-field-http.gif) no-repeat;
  padding: 2px 2px 2px 52px;
}

fieldset {
   width: 90%;
   margin-bottom: 10px;
   float:left;
}

legend {
  padding: 0 2px;
  color: #000;
	font-size: 13px;
  font-weight: bold;
}

label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
fieldset ol {
  margin: 0;
  padding: 0;
}
fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
fieldset fieldset label {
  display: block;
  width: auto;
}

em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
label {
  width: 120px; /* Width of labels */
}
fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}



em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
label {
  width: 150px; /* Width of labels */
}
fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

.content-left {
   float: left;
   width: 50%;
}

.content-right{
   float: right;
   width: 50%;
}

.error {
   color: red;
}

/* ------------------------------------------------------------------
 * CART
 * ------------------------------------------------------------------ */
#cart { margin-bottom: 1em; }
#cart th.price { text-align: right; padding-right: 1em; }
#cart th.description { text-align: left; padding-left: 1em; }
#cart table.displayBox { border: 1px solid #CCC; }
#cart th.displayBox { background-color: #EEE; border-bottom: 1px solid #CCC; color: #666; font: bold 8pt/2em Arial, sans-serif; }
#cart td.displayBox { background-color: #FEC; padding: 2px; }

      .cart_data th {
         font: bold 8pt Arial, sans-serif;
         padding: 8px;
      }
      .cart_data td {
         border-top: 1px solid white;
         font: 8pt Verdana, Tahoma, Helvetica, Arial, sans-serif;
         padding: 8px;
      }
      .cart_data .input {
         text-align: center;
      }
      .cart_data .description {
         text-align: left;
      }
      .cart_data .price {
         text-align: right;
      }

tr.cart_data th.sum { background-color: #8E9C14; border-top: 1px solid #CCC; font-weight: bold; color: #fff; }
tr.cart_data th { font: bold 8pt Arial, sans-serif; padding: 5px; }
tr.cart_data td { background-color: #fff; border-top: 1px solid #CCC; font: 8pt Verdana, Tahoma, Helvetica, Arial, sans-serif; padding: 5px; }
tr.first td { border-top: 0; }
tr.cart_data .input { text-align: center; }
tr.cart_data .description { text-align: left; }
tr.cart_data .price { color: #877755;text-align: right; }
td.cart_data .price { color: #877755;text-align: right; }
th.total { background-color: #D9E9F8; }
tr.cart_data td.total { background-color: #FFF; font-weight: bold; }

tr.cart_data th.sum a:link {
	color: #fff;
}
tr.cart_data th.sum a:visited {
	color: #fff;
}

tr.cart_data th.sum a:hover{
	color: #000;
}


/* ------------------------------------------------------------------
 * CHECKOUT PROCESS
 * ------------------------------------------------------------------ */

#displayBox { background-color: #FFF; border: 1px solid #CCC; padding: 1em; }
table.displayBox { border: 1px solid #CCC;      }
th.displayBox { background-color: #EEE; border-bottom: 1px solid #CCC; color: #666; font: bold 8pt/2em Arial, sans-serif; }
td.displayBox { background-color: #FFF; padding: 1em; }

#login, #addressBook, #payment, #instructions { margin-bottom: 1em; }
#login p { line-height: 1.2em; margin-bottom: 1em; }
#addressBook th.displayBox { padding-left: 4px; }
#orderHistory { background-color: #CCC; }
.label { color: #666; font: bold 8pt Arial, sans-serif; }
.label_required { color: #F00; font: bold 8pt Arial, sans-serif; }

#order .arrow { background-image: url(/themes/udis/images/misc/checkout_arrow_bkgd.gif); background-position: right; color: #FFF; padding-left: .5em; text-align: left; }

.headshot {
   padding: 2px 2px 2px 2px;
   border: 2px solid #dcdcdc;
}

.orders {
   width: 100%;
   border-collapse:collapse;
   border: 1px solid #ccc;
}

.orders th,td {
   padding: 4px;
}

.orders th {
   background-color: #eee;
}

.orders td {
   border: 1px solid #ccc;
}

dl.table-display
{
   float: left;
   width: 570px;
   margin: 0em 0;
   padding: 0;
   margin-bottom: 2em;
}

.table-display dt
{
   clear: left;
   float: left;
   width: 350px;
   margin: 0;
   padding: 5px;
   border-top: 1px solid #999;
   font-weight: bold;
}

.table-display dt.first
{
   border-top: 0px;
}

.table-display dd.first
{
   border-top: 0px;
}

.table-display dd
{
   float: left;
   width: 200px;
   margin: 0;
   padding: 5px;
   border-top: 1px solid #999;
}

.float-right {
   float: right;
}