/*
* This stylesheet is divided into sections:
*
* 1. Layout framework (main, outer elements + commonly used styles)
* 2. Typography 
* 3. Layout and styling (inner elements)
*/

@import url("reset.css"); /* include the reset stylesheet */


/*
*
* 1. Layout framework
*
*/

.block{
	display:block;
	text-indent:-9999px;
}

.hide{
	display:none;
}

.clearfloat{
		clear:both;
		font-size:1px;
		height:1px;		
		}

.indent{
padding:0 25px;
}
.horizUl li{
display:inline;
float:left;
margin-left: 0;
}

input.nobg{
background:none;
border:none;
}

.floatLeft{
float:left;
}

.floatRight{
float:right;
}

.bold, strong{
font-weight:bold;
}

.red{
color:#9f2038;
}

.small{
font-size:9px;
}

body{
	text-align:center;
	}
	
a{
	text-decoration:none;
}

a img{
	border:0;
}

.print-only {
	display: none;
}
.display-only {
	display: block;
}

.db-error{
padding:20px 10px 10px 10px;
font-family:Arial, Helvetica, sans-serif;
margin:0 20px 0px 0px;
min-height:259px;
}

.db-error span{
display:block;
font-size:14px;
font-weight:bold;
padding:10px;
padding-top: 117px;
text-align:center;
}

.db-error a.website-error, .db-error a.website-error:visited{
float:right;
padding:10px;
color:#DDD097;
font-weight:bold;
background-color:#9F2038;
}

.db-error a.website-error:hover{
color:#9F2038;
background-color:#DAC893;
}

#db-errormsg{
margin:20px 0;
border-top:4px solid #A0832E;
border-bottom:4px solid #A0832E;
padding:10px 0;
color:#58585A;
}

#outer{
	width:950px; 
	margin:0 auto; 
	text-align:left;
	}

	#header{
	height:131px;/*211px;*/
	}
	
	#btnYWMLogo{
	position:absolute; bottom:10px; right:145px;
	}
	
	#memberNav{
	height:44px;/*53px;*/
	display:block;
	}
	
	#topNav{
	height:40px;
	display:block;
	}
	
	#contentContainer{}
	
		#pageContent{
		margin-left:244px;
		width:703px;		
		}
		
		#leftColumn{
		width:223px;
		padding-left:21px;
		float:left;				
		}
	#footer{
		height:200px;
		/*margin-bottom:5px;*/
	}


/*
*
* 2. Typography
*
*/

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.4em;
color:#58585a;
}
	
	#contentContainer{}
	
		#pageContent h1{
		color:#9f2038;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:24px;
		line-height:1.3em;					 
		}

#header{font-family:Georgia, "Times New Roman", Times, serif;}


#leftColumn a{ font-family:Georgia, "Times New Roman", Times, serif;
}


/*
*
* 3. Layout and styling
*
*/

.innerContent a, .innerContent a:visited{
	color:#A0822E;
	}
	
	.innerContent a:hover{
	color:#9F2038;
	}

/* header */
#header{
background:url(../gfx/common/hdr-bg.gif) no-repeat;
color:#d8c290;
position:relative;
}
	#header a#ywmHome{
            display:none;
	/*width:293px;
	height:54px;
	position:absolute;
	right:34px;
	top:147px;
	background:url(../gfx/common/hdr-sitetitle.gif) no-repeat 0 0;*/
	}
	
	#header .tagline{
           
	background:url(../gfx/common/hdr-tagline.gif) no-repeat 0 0;
	position:absolute;
	/*right:33px;
	top:88px;*/
        right:80px;
        top:55px;
	width:635px;
	height:50px;
	}

        #btnNewsletterSignUp{
        position:absolute;
        top:0;
        right:0;
        display:block;
        width:125px; height:95px;
       

        }

	#hdrNav{
	width:420px;
	float:right;
	height:40px;
	}
		#hdrNav li a{
		height:25px;
		}
			#hdrNav .btn-login, #hdrNav .btn-login:visited{
			width:120px;
			background:url(../gfx/common/hdr-btn-login.gif) no-repeat top center;
                        margin-left:20px;
			}
			
			#hdrNav .btn-login:hover, #body-login #hdrNav .btn-login{
			background:url(../gfx/common/hdr-btn-login-on.gif) no-repeat top center;
			}
			
			#hdrNav a.btn-join, #hdrNav a.btn-join:visited{	
			width:76px;
			background:url(../gfx/common/hdr-btn-join.gif) no-repeat top left;
			margin:1px 0 0 65px;
			}
			
			#hdrNav .btn-join:hover, #body-join #hdrNav  .btn-join{
			background:url(../gfx/common/hdr-btn-join-on.gif) no-repeat top left;
			}	
						


/* Top nav */
ul#topNav{
background-color:#dac893;
position:relative;
}
	ul#topNav li{	
	margin:5px 0;
	padding-right:7px;
	border-left:2px solid #fff;
	}
	
	ul#topNav li.first{
	padding-left:235px;
	border:none;
	}	
	
		ul#topNav li a, ul#topNav li a:visited{
		color:#9f2038;							
		padding-left:12px;
		font-size:13px;
		height:30px;	
		display:inline-block;
		}									
		
		ul#topNav li a:hover{
		background:url(../gfx/common/nav-item-leftbg.gif) no-repeat 5px 0;
		color:#fff;
		}					
		
			ul#topNav li a span{
			padding-right:7px;
			display:inline-block;
			height:25px;	
			padding-top:5px;
			height:27px;	
			padding-top:3px;
			}
			
			ul#topNav li a:hover span{								
			background:url(../gfx/common/nav-item-bgright.gif) #B49A55 no-repeat top right;
			cursor:pointer;
			}
			
		
		#body-index ul#topNav li a.on{
		background:url(../gfx/common/nav-item-leftbg.gif) no-repeat 5px 0;
		color:#fff;
		}	
		
		#body-index ul#topNav li a.on span{								
		background:url(../gfx/common/nav-item-bgright.gif) no-repeat top right;
		cursor:pointer;
		}
		

#contentContainer{
background:url(../gfx/common/sbr-bg.gif) repeat-y;
background-position:22px 0;
position:relative;
}


/* Left column */

#leftColumn{
text-align:center;
position:relative;
/*margin-bottom:487px;*/
}

	#leftColumn div.top-lft-search {
		height:37px;
		background:url(../gfx/common/sbr-search-btn-bg.gif) no-repeat bottom left;
	}
	
	#leftColumn div.top-lft-search input {
		margin-top: 6px;
		width: 166px;
	}
	
	#leftColumn #btn-search, #leftColumn #btn-search:visited{
	
	display:block;
	
	width:217px;
	margin-left:3px;
	padding-top:10px;
	text-align:center;
	font-size:18px;
	color:#fff;	
	}
	
	#leftColumn #btn-search:hover{
	color:#A0822E;
	}
	
	.newsletterSignup{	
	width:150px;
	height:310px;		
	}
	
		.newsletterSignup .name{
		margin:175px 0 0 7px;
		width:133px;
		}
		
		.newsletterSignup input.name, .newsletterSignup input.email {
			color: #6F6F6F;
			text-align: center;
			width:131px;
		}
		
		.newsletterSignup .email{
		margin:5px 0 0 7px;
		width:133px;
		}
		
		.newsletterSignup .submit{
		margin:5px auto 0 auto;
		width:55px;
		display:block;
		color:#fff;
		font-size:11px;
		font-family:Georgia, "Times New Roman", Times, serif;
		}
		
		.newsletterSignup .submit:hover{
		color:#9f2038;
		cursor:pointer;
		}

	#leftColNav{
	width:153px;
	margin:15px auto;
	
	
	}
		#leftColNav ul {
			list-style: none;
		}

            


                /*
                #leftColNav li{
                    background:url(../gfx/common/btn-background.png) no-repeat top left;
                    margin:8px 0;
                }

                 #leftColNav li a{
                     padding:22px 0;
                     display:block;
                     text-transform:uppercase;
                     color:#9F2038;
                     font-size:13px;
                     font-weight:bold;
                     font-family:verdana, helvetica, sans-serif;
                 }

                 #leftColNav li a:hover{color:#A0822E;}
                */

                
		#leftColNav li{
		background:url(../gfx/common/sbr-button-bg.gif) no-repeat top left;		
		margin:8px 0;
		}


			#leftColNav li a {
			height:84px;
			background-position:50% 50%;
			background-repeat:no-repeat;
			}

                        #leftColNav li a.btn-search{
                         height:60px;
                         padding-top:24px;
                         display:block;
                         text-transform:uppercase;
                         color:#9F2038;
                         font-size:18px;
                         letter-spacing:-1px;
                         font-weight:bold;
                         font-family:verdana, helvetica, sans-serif;
                        }
                        #leftColNav li a.btn-search:hover{color:#85162D;}
			
			#leftColNav li a.btn-yourInformation, #leftColNav li a.btn-yourInformation:visited{
			background-image:url(../gfx/common/sbr-btn-yourinformation.gif);
			}
			
			#leftColNav li a.btn-yourInformation:hover{
			background-image:url(../gfx/common/sbr-btn-yourinformation-on.gif);
			}
			
			#leftColNav li a.btn-getSmsMenu, #leftColNav li a.getSmsMenu:visited{
			background-image:url(../gfx/common/sbr-btn-getsms.gif);
			}
			
			#leftColNav li a.btn-getSmsMenu:hover{
			background-image:url(../gfx/common/sbr-btn-getsms-on.gif);
			}
			
			#leftColNav li a.btn-specialsAndOffers, #leftColNav li a.specialsAndOffers:visited{
			background-image:url(../gfx/common/sbr-btn-specialsandoffers.gif);
			}
			
			#leftColNav li a.btn-specialsAndOffers:hover{
			background-image:url(../gfx/common/sbr-btn-specialsandoffers-on.gif);
			}
			
			#leftColNav li a.btn-giftVoucher, #leftColNav li a.btn-giftVoucher:hover{
			background-image:url(../gfx/common/sbr-btn-giftvoucher.gif);
			}
			
			#leftColNav li a.btn-giftVoucher:hover{
			background-image:url(../gfx/common/sbr-btn-giftvoucher-on.gif);
			}
			
			#leftColNav li a.btn-goToPlanner, #leftColNav li a.btn-goToPlanner:visited{
			background-image:url(../gfx/common/sbr-btn-gotoplanner.gif);
			}
			
			#leftColNav li a.btn-goToPlanner:hover{
			background-image:url(../gfx/common/sbr-btn-gotoplanner-on.gif);
			}
			
			#leftColNav li a.btn-viewBookmarks, #leftColNav li a.btn-viewBookmarks:visited{
			background-image:url(../gfx/common/sbr-btn-viewbookmarks.gif);
			}
			
			#leftColNav li a.btn-viewBookmarks:hover{
			background-image:url(../gfx/common/sbr-btn-viewbookmarks-on.gif);
			}
			
			#leftColNav li a.btn-recipeBox, #leftColNav li a.btn-recipeBox:visited{
			background-image:url(../gfx/common/sbr-btn-gotorecipebox.gif);
			}

			#leftColNav li a.btn-recipeBox:hover{
			background-image:url(../gfx/common/sbr-btn-gotorecipebox-on.gif);
			}		
			
			#leftColNav li a.btn-shoppingList, #leftColNav li a.btn-shoppingList:visited{
			background-image:url(../gfx/common/sbr-btn-gotoshoppinglist.gif);
			}	
			
			#leftColNav li a.btn-shoppingList:hover{
			background-image:url(../gfx/common/sbr-btn-gotoshoppinglist-on.gif);
			}
			
			#leftColNav li a.btn-makeNotes{
			background-image:url(../gfx/common/sbr-btn-makenotes.gif);
			}
			
			#leftColNav li a.btn-makeNotes:hover{
			background-image:url(../gfx/common/sbr-btn-makenotes-on.gif);
			}
                        


    #leftColAdTop{display:block; width:100%; height:25px; background:url(../gfx/common/sbr-button-bg.gif) top left;}
    #leftColAdMid{background:url(../gfx/common/bg-mid.gif) 0 2px; padding:0 10px; text-align:center; line-height:1.6em;}
    #leftColAdMid ul li{display:block; background:none;}
    #leftColAdMid ul,#leftColAdMid ul li, #leftColAdMid p, #leftColAdMid h1, #leftColAdMid h2, #leftColAdMid h3{margin:0;}
    #leftColAdMid h1, #leftColAdMid h2, #leftColAdMid h3{ color:#9F2038; font-size:16px;}
    #leftColAdBot{display:block; width:100%; height:25px; background:url(../gfx/common/sbr-button-bg.gif) bottom right;}

#leftColBot{
position:absolute;
bottom:0;
left:58px;
width:152px;
}

#leftColNav #findFood fieldset{
width:152px;
height:224px;
padding-top:100px;
background-color:#000066;
background:url(../gfx/common/sbr-find-food-bg.gif) no-repeat 50% 50%;
}

	#leftColNav #findFood label{	
	clear:both;
	text-align:center;
	height:17px;
	}
	
	#leftColNav #findFood input{
	clear:both;	
	margin-left:5px;
	width: 130px;
	}
	
	#leftColNav #findFood select{
		margin-left: 2px;
		margin-top: 18px;
		width: 134px;
		
	}
	
	#leftColNav #findFood #inputCategory{
	margin-top:17px;
	}
	
	#leftColNav #findFood #inputIngredient{
		margin-top:20px;
		margin-left:5px;
		width:130px;
	}
	
	#leftColNav #findFood #inputSeasonal{
	margin-top:14px;
	}
	
	#findFood .submit{
	width:140px;
	text-align:center;
	display:block;
	color:#5D7255;
	font-size:11px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	
	#findFood .submit:hover{
	color:#9f2038;
	cursor:pointer;
	}
	
	
	#leftColNav #btn-submitRecipe, #leftColNav #btn-submitRecipe:visited{
	background:url(../gfx/common/sbr-btn-submitarecipe.gif);
	width:153px;
	height:114px;
	margin-top:25px;
	margin-bottom:23px;	
	}
	
	#leftColNav #btn-submitRecipe:hover{
	background:url(../gfx/common/sbr-btn-submitarecipe-on.gif);	
	cursor:pointer;
	}
	
/* footer */
#footer{
background-color:#5d7255;
border-top:5px solid #dac893;
padding-bottom:6px;
}	
	
	#footer #footerNav{
	float:right;
	margin-right:50px;
	}
	
	#footer #footerNav ul.sub li{
	margin:0 0 0 50px;
	display:block;
	float:none;
	line-height:normal;
	
	}
	
		#footer #footerNav li h2 {
		font-size:14px;
		margin:10px 0 5px 50px;
		color:#dac893;
		font-family:Georgia, "Times New Roman", Times, serif;
		}
	
			#footer #footerNav ul.sub li a, #footer #footerNav ul.sub li a:visited{
			color:#fff;
			font-size:9px;
			}
			
			#footer #footerNav ul.sub li a:hover{
			color:#DAC893;
			}
/*
 page content
*/

	#pageContent h1#pagehead{
	background-repeat:no-repeat;
	height:78px;
	background-position:bottom left;
	}
		
	
	h2 {
		font-size: 24px;
		font-weight: bold;
	}

	.innerContent{
	margin:32px 40px 0 52px;	
	padding-bottom:90px;
	font-family:arial;
	}
	
	.innerContent p{
	margin:12px 0;
	font-size:12px;
	}
	
	ul#sponsors{
	position:absolute;
	bottom:23px;
	left:288px;
	width:640px;
	}
	
		ul#sponsors li{
		width:103px;
		text-align:center;
		}
		
			ul#sponsors li a{
			display:block;
			margin:0 auto;
			width:90px;
			text-align:center;
			height:79px;
			background:url(../gfx/common/content-bg-sponsorbox.gif) no-repeat top center;
			}
			
			ul#sponsors li a img{
			
			margin-top:10px;
			}
		

/*ul {
	margin-left: 20px;
}*/

.blurred-text {
	color: #6F6F6F;
}

.ui-draggable span.small a {
	font-size: 9px !important;
}
.ui-draggable span.small a:hover {
color:#9F2038!important;
}
.ui-draggable span.small a, .ui-draggable span.small a:visited {
color:#A0822E !important;
}

.ui-dialog-content {
list-style:none
}
	
/* Form Error Style */
.error {
	color: red !important;
	background-color: transparent !important; 
}

.webform div.result-msg {
	margin-left: 20px;
}

.odd.error {
	color: red;
	background-color: #F5F0DF !important; 
}

input.error , textarea.error,  select.error {
	background-color: white !important;
}

.notice {color: #550000;}

span.error {
	display: block;
	margin-left:154px;
	background-color: transparent;
}
textarea.error, #body-submit-recipe input.error {
	border: 1px solid red;
}

/* End Form Error Style */