﻿.clear {
	float: none;
	clear: both;
}
textarea {
	font-family: verdana, arial, sans-serif;
}
/* override default settings */
div, span, ul, p, form {
    margin: 0;
    padding: 0;
    text-align: left;    
}

body {
    margin: 0;
    padding: 0;
    background-color: white;
    font-family: verdana, arial, sans-serif;
    font-size: smaller;
    text-align: center;
}
#centering {
	width: 1000px;
	margin: 0 auto 0 auto;
}
#mainContainer {
	width: 1000px;
	background-image: url(/images/sidebarBkg.gif);
	background-repeat: repeat-y;
	background-position: right;
	float: left;
}

#mainContent {
	width: 850px;
	float: left;
	margin: 0;
	padding: 0;
	background-image: url(/images/tileBkg.gif);
	background-repeat: repeat-x;
}

	#header {
		height: 65px;
		text-align: right;
	}
	
	ul#navUser, ul#navTop {
		margin: 0 10px 0 0;
		padding: 0;
		list-style-type: none;
		float: right;
	}
	ul#navTop {
		margin-top: 20px;
	}
		ul#navUser li, ul#navTop li {
			float: left;
		}
			ul#navUser li {
				font-size: smaller;
			}
			ul#navUser li a {
				margin: auto 5px auto 5px;
			}
		ul#navTop li {
			margin-left: 3px;
		}
	#searchBar {
		padding: 0;
		float: left;
		margin: 0 0 6px 10px;
	}
	.searchBtn { vertical-align: top; margin: 0px 0 0 5px; }
		#topPromo, .topPromo {
			margin: 2px 0 0px 15px;
			float: left;	
		}
	.breadCrumb
	{
		margin-left:100px; 
		color:black;
		font-size:8pt;
		font-family:Univers, Verdana;
		width:450px;
		height:12px;
	}
	.breadCrumb a
	{
		color:#0054A5;
		
	}
	
		
#sidebar {
	width: 150px;
	float: left;
	overflow: hidden;
}
	

/**** index ****/
#index #leftContent {
	width: 512px;
	float: left;
	/*margin-top: -10px;*/
}
#index #browseCategories {
	width: 512px;
	background-image: url(/images/indexCatBkg.gif);
	background-position: bottom;
	background-repeat: no-repeat;	
	float: left;
	padding-bottom:5px;
}
	#browseCategories .itemThumb {
		float:left; margin:5px;
		height:87px;
	}
	#browseCategories .itemImg
	{
		width:115px;
		height:87px;
	}
	#browseCategories .itemDesc {
		background-color:#961B1E; width:110px; margin-top:0px; height:35px; font-weight:bold;
		z-index:100;
		padding:3px;
	}
	#browseCategories .itemDesc a {
		color:#ffffff;

		background-color:#961B1E;
	}
	
#index #featuredMeal {
	margin: 8px 0 0 8px;
	float: left;
}

#index #featuredRecipes {
	width: 823px;
	height: 287px;
	float: left;
	background-image: url(/images/indexFeatBkg.gif);
	background-repeat: no-repeat;
}

 #browseCategories a
   {
        color:white;
        text-decoration:none;
        
   }
#featuredRecipes .Recipe
{
    height:100px;
    width:260px;
    margin-left:10px;
    color:#A82C30;
    font-weight:bold;
    font-size:x-small;
    font-family:Verdana,Arial;
    float:left;
}
#featuredRecipes #viewCats
{
	margin-left:720px; margin-top:8px; color:White; font-size:x-small;
}

#featuredRecipes .Recipe p
{
    color:Black;
    float:left;
    
}
#featuredRecipes .thumb
{
    height:100px;
    float:left;
    width:115px;
}


#featuredRecipes .info
{
    height:100px;
    display:block;
}
#featuredRecipes .seperator
{
    height:4px;
    background-image:url(/Images/reviewSep.gif);
    background-repeat:repeat-x;
}
#featuredRecipes .title
{
    padding-left:20px;
    margin-top:10px;
     height:30px;
    color:white;
    font-weight:bold;
}

#featuredRecipes .Rating
{
    display:block; 
    height:18px;
}

#featuredRecipes a
{  color:#A82C30;
    font-weight:bold;
    text-decoration:none;
}

#featuredRecipes a:Hover
{
color:#F0AF45;
}

/**** recipedetails ****/

#recipedetails #leftContent {
	width: 400px;
	float: left;
	margin-top: 10px;
}

#recipedetails #recipeContent {
	float: left;
	width: 450px;
	background: url(/images/recipeContentBkg.gif) repeat-y left top;
	/*margin-top: -8px;*/
}
	#recipedetails #servingInfo {
		text-align: right;
		margin: 2px 5px 4px 0;
		color: #a92e33;
	}

	#recipedetails .recipeHeader {
		font-size: smaller;
		background: #dddddd;
		padding: 5px 0 5px 10px;
		margin-top: 1px;
		float: none;
		clear: both;
	}
		.recipeHeader a {
			text-decoration: none;
		}
	ul#ingredients, ul#cookware {
		list-style-type: none;
		padding: 5px 20px 0 20px;
		margin-bottom: 10px;
	}
		ul#ingredients li {
			width: 200px;
			float: left;
		}
		ul#cookware li {
			padding: 3px;
		}
	#ingredients h3, #directions h3 {
		margin: 10px 3px 0 20px;
		padding: 0;
		color: #a31f24;
		font-size: small;
		font-weight: bold;
	}
	/* changed ingred to 2 separate uls */
	ul.ingredients {
		list-style-type: none;
		padding: 5px 20px 0 20px;
		width: 170px;
		float: left;
	}
		ul.ingredients li {
		margin-bottom: 10px;	
		}
			
	
	ol.directions {
		list-style-type: none;
		margin-right: 10px;
		margin-left: 5px;
		padding: 0;
		/*width: 430px;*/
	}

		ol.directions li {
			padding-bottom: 10px;	
		}
		ol.directions .singlestep {
			float: left;
			width: 380px;
			text-align: left;
			margin-bottom: 10px;

		}
		ol.directions .stepnumber {
			width: 35px;
			float: left;
			text-align: center;
			margin-left: 0;
			margin-top: 3px;
		}

		

#div101{
    background: url(/images/101PopupBkg.gif);
    color: black;
    position: absolute;
    width:321px;
    height:215px;
    z-index:1000px;
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: 0;
}
    #div101 #header101 {
        height: 23px;
        color: #af3d41;
        font-size: 10pt;
        font-weight: bold;
        margin-left: 95px;
        margin-top: 9px;
        }
    #div101 #descr101 {
        height: 150px;
        width: 300px;
        margin: 5px 10px 0 10px;
        }
#divEmail {
    background: url(/images/sendFriendBkg.gif);
    width: 336px;
    height: 407px;
    position: absolute;
    z-index:1000px;
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: 0;

}
#leftContent #RecipeRate
{
    height:33px;
    padding:10px;
    text-align:center;
    font-family: Verdana, Arial;
    font-size:x-small;
}

#divEmail #EmailContent
{
	padding-left:15px;
	padding-top:25px;
}
    
#divEmail #EmailContent .row
{
    margin:0px;
    width:320px;
    height:30px;
    text-align:left;
}
#divEmail #EmailContent .label
{

width:150px; float:left; margin:0px; padding:0px;
}

.closeEmail
{
    text-align:right; 
    width:320px;
    margin-top:3px;
}
.closeEmail a
{
    color:White
}
#recipedetails #RecipeRate div {
	width:215px; float:left
}
	#recipedetails #RecipeRate p {
		float:left;color:#A31F24; line-height:18px; font-size:small
	}
/**** category ****/
#fullContent {
	width: 850px;
	float: left;
}

.repRecipes {
	background: url(/images/categoryRecipesBkg2.gif) no-repeat;
	width: 290px;
	height: 607px;
	float: left;
	list-style-type: none;
	margin: 10px 5px 5px 5px;
}

.repRecipes .Recipe
{
    height:96px;
    width:280px;
    margin-left:10px;
    color:#A82C30;
    font-weight:bold;
    font-size:x-small;
	background:url(/Images/reviewSep2.gif) repeat-x bottom;
    font-family:Verdana,Arial;
}
	.repRecipes #newestRecipe4, .repRecipes #topRecipe4 {
		background: none;
	}
	
.repRecipes .Recipe p
{
    color:Black;
    float:left;
    
}
.repRecipes .thumb
{
    height:96px;
    float:left;
}
.repRecipes .info
{
    height:96px;
    display:block;
    padding-right: 7px;
}

.repRecipes .viewCatAll
{
	width:285px;
	text-align:center;
	padding-top:3px;
}
.repRecipes .viewCatAll a
{
	color:White;
	text-decoration:none;
}

.repRecipes .info a, .repRecipes .thumb a
{
    color:#A82C30;
    font-weight:bold;
    text-decoration:none;
}

.repRecipes .info a:Hover, .repRecipes .thumb a:Hover, .repRecipes .viewCatAll a:Hover

{
color:#F0AF45;
}

.repRecipes .seperator
{
    height:1px;
    background-image:url(/Images/reviewSep2.gif);
    background-repeat:repeat-x;
    margin: 0;
    padding: 0;
    margin-right:2px;
}
.repRecipes .title
{
    padding-left: 3px;
    height:30px;
    color: white;
    font-weight:bold;
    font-family: Verdana,Arial;
}

#categoryTopContent
{
	height:265px;
}
#categoryTopContent #contentTopLeftContent
{
	float:left; 
	margin-top:1px; 
	background-image:url(/Images/categoryFliperBkg2.gif); 
	width:525px; 
	height:263px; 
	background-repeat:no-repeat
}
#categoryTopContent #contentTopRightContent
{
	margin-top:15px; 
	height:247px; 
	width:322px; 
	float:right;  
	background-image:url(/Images/browseOtherCats.gif); 
	background-repeat:no-repeat
}
/**** categories ****/
#categoriesContent {
	width: 821px;
	background: url(/images/categoriesBkg.gif) no-repeat bottom;
}
	#categoriesContent ul#repCategories {
		width: 780px;
		margin-left: 10px;
		list-style-type: none;
	}
		#categoriesContent ul#repCategories li {
			float: left;
			width: 352px;
			background: url(/images/categoriesItemBkg.gif) right;
			margin: 5px 0 10px 20px;
			background-repeat:no-repeat;
		}
		#repCategories .thumb {
			width: 115px;
			height: 88px;
			float: left;
		}
		#repCategories .description {
			float: left;
			width: 220px;
			margin: 5px 0 0 5px;
		}
			#repCategories .description a.category {
				text-decoration: none;
				color: #a31f24;
				font-size: medium;
				font-weight: bold;
			}
		.CatRandItems a.randRecipe {
			font-size: 9px;
			color: Black;
			font-weight: normal;
			text-decoration: none;
		}
	

/**** generic/standard ****/
#standardContent {
	width: 677px;
	margin-top: 2px;
	background: url(/images/standardBkg.gif) repeat-y bottom;
}
	hr.standard {
		  display : list-item;
  list-style : url(/images/standardHR.gif) inside;
filter : alpha(opacity=0);
		background-image: url(/images/standardHR.gif);
		height: 5px;
		border: 0;
		    width : 0;
		    margin-left:2px;
	}
	
		.standard2 {
		 
		background-image: url(/images/standardHR.gif);
		background-repeat:repeat-x;
		height: 5px;
		width:813px;
		margin-left:2px;
	}
	
/**** search ****/
#refineBar {
	background: url(/images/searchRefineBkg.gif) no-repeat bottom;
	margin-top: 2px;
	float: left;
	width: 175px;
}

/**** schedule ****/
#currentMonth, #nextMonth {
	margin-top: 20px;
	float: left;
}
#schedule .header {
	background: url(/images/scheduleHeaderBkg.gif) repeat-x;
	height: 30px;

	
}
	#schedule #current {
		width: 490px;
		padding-left:10px;
		padding-top:5px;
		color:#A31F24;
		font-weight:bold;
	}
	#schedule #next
	{
		margin-top:0px;
		padding-left:10px;
		padding-top:5px;
		color:#A31F24;
		font-weight:bold;
	}
#schedule #nextMonth
{
	margin-left:15px;
}	
#schedule #currentMonth {
	width: 500px;
}

#schedule #repCurrent, #schedule #repNext
 {
	height: 600px;
	background: url(/images/scheduleColBkg.gif) no-repeat;
}

#schedule #repCurrent #repCurrentFlow, #schedule #repNext #repNextFlow
{
	overflow:auto;
	height:593px;
	
	font-family:Verdana,Arial;
	font-size:x-small;
}

#repCurrent #recipe
{
display:block;
float:none; 
padding-bottom:10px; 
padding-top:10px; 
background-image:url(/images/scheduleDots.gif); 
background-repeat:repeat-y; 
background-position:center top
}
#repCurrent .category, #repNext .category
{
    background-color:#961B1E;
    height:50px;
    color:white;
    line-height:38px; 
    font-size:small;

}
#repNext .category
{
    margin-bottom:5px;
}
#repCurrent .category a,  #repNext .category a
{
    color:white;
    text-decoration:none;
}
#repCurrent .catImage,  #repNext .catImage
{
    float:left; 
    margin:5px 15px 0 5px
}

#repCurrent .recipe1
{
    float:left;
    width:160px;
    margin-left:20px;
    margin-right:80px;
   margin-bottom:8px;
}

#repCurrent .recipe1 a, #repCurrent .recipe2 a
{
    text-decoration:underline;
    color:#3F7BB1;

}

#repCurrent .recipe2
{
    display:block;
    margin-bottom:8px;
    padding-right:35px;

}
#repNext .recipe1
{
    width:220px;
    margin-left:20px;
    margin-top:4px;
   margin-bottom:4px;
   
   color:black;
}

/**** Store ***/
#dvStoreInner
{
	margin-top:10px;
	width:600px;
	text-align: left;
	margin-left:25px;
}

/***** Footer ********/
#Footer
{
	width:815px; 
	margin-top:15px;
}

#Footer .FooterPromos
{
	width:728px; 
	margin:0 auto 0 auto;
}

#Footer #FooterLinks
{
	width:300px; 
	margin:3px auto 0 auto; 
	text-align:center; 
	font-size:xx-small;
	color:#808183;
}
	
#Footer #FooterLinks a
{
	color:#808183;
	text-decoration:none;
}
	
#Footer #FooterLinks a:Hover
{
	color:#F3B758;
}
			
