// Recipes
// 
// -----------------------------------------------------

body{
	
	.removeDirItem{
		color: #D9D9D9;
		cursor: pointer;
		
		&:hover{
			color: @primary;
		}
	}
	
	#bodyPadding{
	
		#mainContent{
			
			#directoryOffset{
				width: 48%;
				
				#headerContain{
					width:440px;
					color:#000;
					
					#searchContainer{
						float:right;
						margin:8px 2px 20px 0;
						z-index: 1001;
					}
					
					#listHead{
						clear: both;
						
						.itemNameGen{
							font-weight:bold;
							padding-left:10px;
						}
						
						.lessMargin{
							margin-left:187px;
							cursor:pointer;
							/*text-decoration:underline;*/
						}
					}
					
					#alphaNav, #phoneAlphaContain{
						margin:5px 0 15px;
						padding:10px 0 13px 10px;
						z-index:1000;
						
						#alphaNavLinks{
							margin-bottom:20px;
						}
						
						.letterNav a{
							color:@white;
							margin:20px 10px 0 0;
							float:left;
							font-weight:bold;
							width:31%;
							padding: 15px 0;
							text-align:center;
							background-color:@primary;
						}
						
						.letterNav a:hover{
							color:@black;
						}
						
						#column3{
							padding:12px 0 20px;
							font-size:11px;
							width:97%;
							
							a{
								font-weight:bold;
								
								&:hover{
									color:@black;
									font-weight:bold;	
								}
								
								&.whiteText{
									color:@white;
								}
							}
						}
					}
				}
				
				#display{
					#theResults{
						tr > td{
							padding: 5px 0;	
						}
						
						.itemLocation{
							margin-left:25px;
						}
						
						.itemName{
							font-weight:bold;
							padding-left:10px;
						}
					}
				}
				
				#storeHide{
					
					#storeInfo{
						width: 100%;
						
						tr > td{
							padding: 5px 0;	
						}
						
						.itemLocation{
							margin-left:25px;
						}
						
						.itemName{
							font-weight:bold;
							padding-left:10px;
						}
						
						.itemNameGen{
							cursor:pointer;
							text-decoration:underline;
						}
						
						.tablePaddingFirstTD{
							padding-left: 10px;
						}
					}
				}
				
				.grayBG{
					background-color:#eee;
				}
				
				h1,h2,h3,h4,h5,p{
					color:#000000;	
				}
				
				h3{
					font-size:14pt;	
				}
				
				h4{
					font-weight:bold;
					font-size:10pt;
				}
				
				p{
					font-size:9pt;
					padding:6px 0;
				}
				
				hr{
					background-color:#fff;
					border:#000 1px dotted;
					border-style: none none dotted;
					color:#ccc;
				}
				
				
				
				#backLink{
					float:left;
				}
				
				h3{
					margin-bottom:10px;
				}
			}
		}
	}
}


// MEDIA QUERIES
// -----------------------------------------------------

@media (max-width: 995px) {
	body{
		
		#bodyPadding{
			
			#mainContent{
				
			}
		}
	}
}

@media (max-width: 780px) { //convert the nav to a button
	body{
		
		#bodyPadding{
			
			#mainContent{
				
			}
		}
	}
}

@media (max-width: 580px) {
	body{
		
		#bodyPadding{
			
			#mainContent{
				#directoryOffset{
					width: 100%;
					
					#headerContain{
						width: 100%;
						
						#listHead{
							.lessMargin{
								float: right;
								margin: 0 30px 0 0;
							}
						}
						
						#searchContainer{
							float: none;
							margin: 0;
							width: 90%;
						}
					}
				}
			}
		}
	}
}
