/* --------------------------------------------
|    Recipe Detailed Listing                
 -------------------------------------------- */
.recipeTitle { color: #a90000; }	

.recipeReferences {
    background: #fff;
    margin-bottom: 10px;
    padding: 10px;
    }
.recipeReferences .recipeIngredients .recipe-ingredient .recipe-ingredient-name { width: 300px; }
.recipeReferences a {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 10px;
	display: inline-block;
	}
    
div.recipeIngredients {
    background: #fff;
    margin-bottom: 20px;
    padding: 15px;
    }
    .recipeIngredients .recipe-ingredient {
        clear:  both;
        position: relative;
        padding-bottom: 3px;
        }
        .recipeIngredients .recipe-ingredient div {
          float: left;
        	margin-right: 3px;
          position: relative;
          display: block;
          }
			.recipeIngredients .recipe-ingredient div div { margin: 0; }
        .recipeIngredients .recipe-ingredient .recipe-ingredient-name {
          float: right;
          width: 350px;
          margin-right: 0;
          display: block;
          position: relative;
          }
			.recipeIngredients .recipe-ingredient-unit-of-measure-metric .recipe-ingredient-quantity { margin-right: 3px; }
    
.recipeDirections {
    background: #fff !important;
    clear: both;
    padding: 15px;
    border: solid 1px white;
    }
    .recipeDirections ol { padding: 0 0 0 20px; margin: 0; }    
        
.recipeInfoWindows { position: relative; margin-top: 30px; }
    
.recipeInfoWindows .rTab {
    background: url(../graphics/nav/nav_matrix_tabs.gif) no-repeat;
    display: block;
    height: 23px;
    text-indent: -99999px;
    overflow: hidden;
    cursor: pointer;
    top:-24px;
    }
    
#recipeDetails .rTab {
    width: 48px;
    background-position: -551px -9px; 
    position: absolute;
    left: 0;
    }
    #recipeDetails.active .rTab {
        background-position: -551px -75px !important;
        }
    #recipeDetails .rTab.hover {
        background-position: -551px -42px;
        }
    #recipeDetails .rContent {
        background: #eee;
        padding: 10px;
        }
		
#rGreatPairings .productTitle { width: auto !important; }
    
#rGreatPairings .rTab {
    width: 91px; 
    background-position: -272px -9px;
    position: absolute;
    left: 50px;    
    }
    #rGreatPairings.active .rTab {
        background-position: -272px -75px !important;
        }
    #rGreatPairings .rTab.hover {
        background-position: -272px -42px;
        }
        
.recipeInfoWindows .rContent {
    display: none;
    visibility: hidden;
    background: #eee;
    padding: 10px;
    }

.recipeInfoWindows .active .rContent {
    display: block;
    visibility: visible;
    }
    
.recipeInfoWindows .rSubContent h2.rTitle {
    font-size: 12px;
    color: #a90000;
    }

.recipeInfoWindows .rSubContent h2.hover {
    cursor: pointer;
    text-decoration: underline;
    }

.recipeInfoWindows .rSubContent .rContent {
    display: none;
    visibility: hidden;    
    }
    .recipeInfoWindows .rSubContent .rContent .recipeReferences {
        border: 1px solid #ddd;
        margin: 0 0 10px 0;
        }
    .recipeInfoWindows .rSubContent .rContent .recipeIngredients {
        border: 1px solid #ddd;
        margin: 0 0 10px 0;
        }
    .recipeInfoWindows .rSubContent .rContent .recipeDirections {
        border: 1px solid #ddd;
        margin: 0 0 10px 0;
        }
        
.recipeInfoWindows .rSubContent.expanded .rContent {
    display: block;
    visibility: visible;
    }
    
.recipeInfoWindows .rSubContent.expanded h2.rTitle {
    text-decoration: underline;
    }

#subNav .field-field-recipe-images {
    margin-bottom: 15px;
    }
    
/* Three Recipes in */

.recipeInfoWindows .rSubContent.expanded .rSubContent .rContent {
    display: none;
    visibility: hidden;
    } 
    
.recipeInfoWindows .rSubContent.expanded .rSubContent.expanded .rContent {
    display: block;
    visibility: visible;
    }
    
/* Cook Times */

.recipeMainDetails .field-line-item { clear: both; }
.recipeMainDetails .field-label {
    float: left;
    margin-right: 2px;
		font-weight: bold;
    }
    
.field-field-cooking-time div {
    float: left;
    margin-right: 2px;
    }
    
.recipeDetailedDescription {
    clear: both;
    padding: 10px 0 1px 0;
    }
    
.field-field-recipe-serving-size .field-label { float: left; position: relative; margin-right: 2px; } 

/* Email & Print Options */     

.recipeMainDetails { position: relative; padding-bottom: 10px; }
  .recipeMainDetails .recipeMenuOptions { position: absolute; top: 0; right: 0; padding: 0; }
  .recipeMainDetails .recipeTimeFields { 
    min-height: 40px; 
    height: auto !important;
    height: 40px;
    }
  .recipeMenuOptions .email_a_friend span { color: #a90000; cursor: pointer; }
  .recipeMenuOptions .email_a_friend.hover span { color: #A90000; text-decoration: underline; }
  
/* Back Links */

.recipe-backLink { 
  background: #fff;
  padding: 5px 15px; 
  margin-top: 20px; 
  }
        
/* --------------------------------------------
|    Recipe Filters                            
 -------------------------------------------- */ 
 
#bcls-recipe-food-search-form {
		width: 223px;
    float: left;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    padding: 0 20px 0;
    display: block;
    position: relative;
    }
#bcls-recipe-drink-search-form {
		width: 225px;
    padding: 0 20px 0;
    float: left;
    position: relative;
    }
    #bcls-recipe-food-search-form .form-item, #bcls-recipe-drink-search-form .form-item { margin: 0; }    
    #bcls-recipe-food-search-form label, #bcls-recipe-drink-search-form label {
        text-transform: uppercase;
        color: #a90000;
        font-weight: bold;
        }
    #bcls-recipe-food-search-form .form-item input, #bcls-recipe-drink-search-form .form-item input {
        width: 214px;
        border: 1px solid #9a9a9a;
        margin: 0 0 27px 0;
        }
    #bcls-recipe-drink-search-form .form-item select, #bcls-recipe-food-search-form .form-item select {
        width: 214px;
        border: 1px solid #9a9a9a;
        margin: 0 0 27px 0;
        }
        
    #bcls-recipe-food-search-form .form-submit, #bcls-recipe-drink-search-form .form-submit {
        display: block;
        width: 53px;
        height: 23px;
        text-indent: -9999px;
        overflow: hidden;
        border: 0;
        margin: 0;
        padding: 23px 0 0 0;
        background: url(../graphics/btn_recipe_search.gif) no-repeat;
        cursor: pointer;
        position: relative;
        }
        #bcls-recipe-food-search-form .form-submit.hover, #bcls-recipe-drink-search-form .form-submit.hover  {
            background-position: 0 -24px;
            }
						
.view-drink-recipes { clear: both; }

#searchResultsCont #bcls-recipe-food-search-form, #searchResultsCont #bcls-recipe-drink-search-form { 
	border: none;
	width: 525px;
	padding: 0 0 0 0;
	background-position: 0 0;
	border-bottom: solid 1px #d9d9d9;
	height: 106px;
	margin-bottom: 18px;
	}
	#searchResultsCont #edit-keyword-wrapper {
		position: absolute; 
		float: right;
		}
	#searchResultsCont #edit-filter1-wrapper, #searchResultsCont #edit-hot-cold-beverage-wrapper, #searchResultsCont #edit-course-wrapper { 
		position: absolute; 
		left: 164px; 
		}
	#searchResultsCont #edit-filter2-wrapper, #searchResultsCont #edit-liquor-wrapper, #searchResultsCont #edit-holiday-wrapper  { float: right; }
	#searchResultsCont .form-submit { 
		position: absolute; 
		right: 0px;
		top: 50px;
		}
	#searchResultsCont #edit-hot-cold-beverage-wrapper { 
		position: absolute; 
		right: 163px; 
		}
	#searchResultsCont #edit-filter0-wrapper input, #searchResultsCont #edit-keyword-wrapper input { width: 150px; }
	#searchResultsCont #edit-filter2-wrapper .form-select, #searchResultsCont #edit-liquor-wrapper .form-select, #searchResultsCont #edit-holiday-wrapper .form-select { width: 150px; }
	#searchResultsCont #edit-filter1-wrapper .form-select, #searchResultsCont #edit-hot-cold-beverage-wrapper .form-select, #searchResultsCont #edit-course-wrapper .form-select { width: 200px; }
	
	
#searchResultsCont .view-drink-recipes img { width: 75px; height: 75px; margin-right: 20px; }
#searchResultsCont .view-drink-recipes .node { 
	border-bottom: 1px solid #DDDDDD;
	clear: both;
	min-height: 75px;
	height: auto !important;
	height: 75px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	} 
	#recipeViewRightSide, .field-field-recipe-images  { float: left; }  
	.recipeViewTitle a {
		font-size: 14px;
		font-weight: bold;
		margin: 0;
		padding: 0;
		}
		.resultTimesCont { float: left; } 
.resultTimesCont .recipeResult { clear: both; }
.resultTimesCont .recipeResult .field-label { font-weight: bold; float: left; }
	     
            

    
/* --------------------------------------------
|    Global Recipe Results Styles            
 -------------------------------------------- */
 
.view-content-food-recipes .node, .view-content-drink-recipes .node {
    clear: both;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom : 1px solid #ddd;
    min-height: 75px;
    height: auto !important;
    height: 75px;
    }
 
.recipeResultListing {
    clear: both;
    overflow: hidden;
    }
    .recipeResultListing a {
        font-size: 14px;
        font-weight: bold;
        padding: 0;
        margin: 0;
        }
 
.recipeResultListing .field-field-recipe-images {
    float: left;
    margin-right: 20px;
    width: 75px;
    overflow: hidden;
    height: 75px;
    } 
    .recipeResultListing .field-field-recipe-images img {
        width: 75px;
        cursor: pointer;
        }

    
.recipeResultListing .recipeResultListingDescription {
    float: none;
    width: 430px;
	clear: both;
    }
    
.view-content-food-recipes, .view-content-drink-recipes {
    overflow: hidden;
    width: 531px;
    }
    
.recipeViewRightSide {
    display: block;
    float: left;
    }   
	
.recipeViewTitle { width: 430px; }


/* --------------------------------------------
|    Individual Product Listing                
 -------------------------------------------- */

.pContent .recipeResultListing {
	border-bottom: 1px solid #000;
	margin-top: 10px;
	}
.pContent .recipeResultListing .field-items {
	background: none;
	float: none;
	padding: 0;
	width: auto !important;
	}
.pContent .recipeResultListing .field-label {
	background: none;
	border: none;
	color: #666;
	font-size: 11px;
	width: auto;
	padding: 0;
	height: auto !important;
	}
.pContent .recipeResultListing .field {
	border: none;
	min-height: 0 !important;
	height: auto !important;
	}
.pContent .recipeResultListing .field-field-recipe-images {
	float: left;
	height: 75px !important;
	margin-right: 10px;
	overflow: hidden;
	width: 75px;
	}
.pContent .recipeResultListing .field-field-preparation-time { float: left; clear: none; }
.pContent .recipeResultListing .field-field-cooking-time { float: left; clear: none; }
.pContent .recipeResultListing .field-field-preparation-time .field-items { float: left; }
.pContent .recipeResultListing .field-field-cooking-time .field-items { float: left; }
.pContent .recipeViewRightSide {
	float: left;
	width: 420px;
	}
.pContent .recipeResultListingDescription {
	width: 420px;
	clear: both;
	}
.rContent .recipeViewRightSide { width: 415px; }
.rContent .recipeViewRightSide .recipeResultListingDescription { width: auto; }
.rContent .field-field-recipe-images { margin-right: 10px; }
#productPairings .pContent .recipeResultListing {
	margin: 0;
	border-bottom: 0;
	}

.recipeDetailedDescription .email_a_friend {
	cursor: pointer;
	color: #A60000;
	}
	.recipeDetailedDescription .email_a_friend span:hover {
		text-decoration: underline;
		color: #000;
		}