/* CSS Document */




/*main Positioning*/

#container
{
	width: 1044px;
	margin: auto;
	padding: 0px;
}

body
{
	margin: 0;
	padding: 0;
	background-color: #004584;
}

img
{
	border: none;
}


#shadowLeft
{
	width: 15px;
	float: left;
}

#shadowTop
{
	width: 1017px;
	float: left;
}

#shadowRight
{
	width: 12px;
	float: left;
}

#contentContain
{
	width: 1009px;
	float: left;
	border-color: #002053;
	border-style: solid;
	border-width: 3px;
}

#contentMainContain
{
	width: 1009px;
	float: left;
}

#header
{
	width: 1009px;
}




#nav
{
	width: 255px;
	float: left;
}




#mainContent
{
	width: 754px;
	float: left;
	background-color: #004786;
}




#mainContent2
{
	width: 1009px;
	float: left;
	background: url(../images/int_glow_rightGradient.gif) top right repeat-y #004786;
}




#footer
{
	width: 1015px;
	color: #FFFFFF;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}




#footer a
{
	color: #FFFFFF;
	text-decoration: underline;
}







/*custom postitioning unique to each interior page*/

#familyFun
{
	margin-top: 20px;
	margin-left: 20px;
}



#momMonth
{
	margin-top: 10px;
	margin-left: 40px;
}



#games
{
	margin-left: 15px;
}





#movieNight
{
	width: 720px;
	padding-top: 20px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: White;
}



#movieNightBox
{
	padding-left: 25px;
}





#thankYou
{
	width: 500px;
	border: 1px;
	padding-top: 20px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: White;
}


.momSubmissionBox
{
	border-top-style: none;
	border-left-style: none;
	border-bottom: solid 1px black;
	border-right: solid 1px black;
}

/* BP 8/21/2008 - creating this class to resolve a issues that surfaced after the Peanuts Sweeps page was created.*/
.momSubmissionBox2
{
	border-top-style: none;
	border-left-style: none;
	border-bottom: solid 1px black;
	border-right: solid 1px black;
	width: 150px !important;
}





/*Text Styles Unique to each page*/

.movieIntroText
{
	font-size: 15px;
	line-height: 24px;
}





h1
{
	font-family: Helvetica,Arial, sans-serif;
	font-size: 20px;
	color: #ffc225;
	margin-bottom: 3px;
	margin-top: 20px;
}



h2
{
	font-family: Helvetica,Arial, sans-serif;
	font-size: 16px;
	color: #00498a;
	margin: 0px;
}



h3
{
	font-family: Helvetica,Arial, sans-serif;
	font-size: 18px;
	color: #ffc225;
	margin-bottom: 8px;
	margin-top: 0px;
}

h4
{
	font-family: 'Trebuchet MS' ,Arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #173057;
	margin-bottom: 0px;
	margin-top: 0px;
}

hr
{
	color: #f3d666;
	width: 340px;
	text-align: left;
	margin-left: 25px;
	border-style: solid;
}




.homeText
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 15px;
	color: #00498a;
	margin: 15px;
	line-height: 20px;
}



.familyNav
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: White;
	text-align: center;
	padding-top: 6px;
}




.familyNav a
{
	color: White;
	text-decoration: none;
}



.familyNav a:hover
{
	color: White;
	text-decoration: underline;
}



.boxText
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #173057;
	margin-left: 25px;
	line-height: 23px;
	width: 300px;
}
.varietiesBoxText
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #173057;
	margin-left: 25px;
	line-height: 23px;
}

.varietiesHeaderText
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: White;
}



a
{
	color: #ffc225;
}

.varietiesHeaderText a
{
	color: #ffc225;
	text-decoration: underline;
	line-height: 20px;
	font-weight: 500;
}

.varietiesDescription
{
	font-family: Arial, Helvetica,sans-serif;
	font-size: 14px;
	color: #f3d666;
	line-height: 19px;
	padding-left: 20px;
}


.ingredientsDescription
{
	font-family: Arial, Helvetica,sans-serif;
	font-size: 10px;
	width: 225px;
	color: #f3d666;
	margin-left: 80px;
	text-align: justify;
}

.properDescription
{
	font-family: Helvetica,Arial, sans-serif;
	font-size: 18px;
	color: #f3d666;
	margin-left: 25px;
	font-weight: bold;
}


.recipeHeader
{
	font-family: Helvetica,Arial, sans-serif;
	font-size: 22px;
	color: #f3d666;
}

.recipeSubhead
{
	font-family: Arial,Helvetica, sans-serif;
	font-size: 15px;
	color: #ffffff;
	text-align: center;
	padding-top: 20px;
	font-weight: bold;
}

.recipesDescription
{
	font-family: Arial, Helvetica,sans-serif;
	font-size: 14px;
	color: #ffffff;
	line-height: 19px;
	padding-left: 20px;
}

.cookupSomeFunText
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #173057;
	line-height: 20px;
}

.enhancements
{
	font-family: Arial,Helvetica, sans-serif;
	font-size: 12px;
	color: #f3d666;
	text-align: center;
}

.enhancements a
{
	color: #f3d666;
	text-decoration: none;
}

.enhancements a:hover
{
	color: #f3d666;
	text-decoration: underline;
}


.subEnhancements
{
	font-family: Arial,Helvetica, sans-serif;
	font-size: 14px;
	color: #f3d666;
	padding-left: 24px;
	padding-right: 24px;
	text-align: left;
	line-height: 18px;
}

.gameBoxText
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #173057;
	margin-left: 20px;
	line-height: 23px;
	width: 300px;
	padding-top: 15px;
}



.MovieboxText
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #173057;
	margin-left: 63px;
	line-height: 20px;
	width: 300px;
}



.boxTextInt
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #173057;
	margin-left: 15px;
	line-height: 20px;
	margin-top: 10px;
	width: 600px;
}



.tipHeader
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: White;
	margin-left: 12px;
}



.tipHeader a
{
	color: White;
	text-decoration: underline;
}



.tipHeader a:hover
{
	color: White;
	text-decoration: #173057;
}



.tipText
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #173057;
	margin-left: 10px;
	margin-top: 10px;
	line-height: 16px;
	font-style: italic;
	margin-bottom: 5px;
}



.momText
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #173057;
	margin-left: 10px;
	margin-top: 10px;
	line-height: 16px;
	font-style: italic;
	margin-bottom: 5px;
}


.momText a
{
	text-decoration: none;
	color: #173057;
}



.momText a:hover
{
	text-decoration: underline;
}



.movieHeader
{
	margin-left: 4px;
}



.movieLink
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: White;
	line-height: 30px;
}

.movieLink a:hover
{
	color: #ffc225;
}



.gameText
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10px;
	color: #173057;
	font-style: italic;
}

.gameText a
{
	color: #173057;
	text-decoration: none;
}

.gameText a:hover
{
	color: #173057;
	text-decoration: underline;
}


.surveyQuestion
{
	color: #ffffff;
	font-weight: bold;
}

.surveyError
{
	color: #d75927;
	font-weight: bold;
}


.DateChooserDropDown
{
	margin-right: 4px;
}




/* MOMS STUFF */

.container h1
{
	margin: 0px;
	font-size: 22px;
	padding-left: 50px;
	font-family: Arial, Helvetica, sans-serif;
	color: #f3d666;
	display: inline;
}
.container h3
{
	margin: 0px;
	font-size: 14px;
	padding-left: 19px;
	font-family: Arial, Helvetica, sans-serif;
	color: #f3d666;
	display: inline;
}
.header
{
	height: 35px;
	width: 550px;
}
.container
{
	width: 590px; /*background-color:#004584;*/
	padding: 30px; /*padding is for testing to show proper space around this page. Remove if it breaks the base template*/
	color: white;
}
.left
{
	width: 235px;
	height: auto;
	min-height: 220px;
	float: left;
}
.left .photo
{
	background-image: url(../images/photo-bg-2.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 230px;
	height: 210px;
	float: left;
}
.right p
{
	margin: 10px;
}
.right
{
	width: 280px;
	min-height: 130px;
	height: auto;
	float: left;
	padding: 10px;
	padding-bottom: 6px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	background-color: #175892;
	color: #f3d666;
	margin-bottom: 20px;
	line-height: 18px;
}

.right a
{
	color: #f3d666;
	font-weight: bold;
	font-style: italic;
}

.oldMoms
{
	/* har har har */
	width: 280px;
	min-height: 50px;
	height: auto;
	float: left;
	padding: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #f3d666;
	text-align: right;
}

.oldMoms a
{
	color: #f3d666;
	font-weight: bold;
	font-style: italic;
}

.momPres
{
	height: auto;
	min-height: 25px;
	width: 200px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #f3d666;
	text-align: right;
}
.pics
{
	width: 520px;
	height: 60px;
	min-height: 60px;
	clear: both;
}
.pics img
{
	border: 4px solid #002053;
}
.photos
{
	width: 130px;
	height: 60px;
	background-image: url(../images/moms60x60.gif);
	background-position: top;
	background-repeat: no-repeat;
	float: left;
	text-align: center;
}
.desc
{
	width: 130px;
	min-height: 30px;
	height: auto;
	float: left;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.desc a
{
	color: #f3d666;
	text-decoration: none;
	font-weight: bold;
}
.desc a:hover
{
	text-decoration: underline;
}
.momsbottom
{
	/* har har har */
	width: 515px;
	min-height: 100px;
	height: auto;
	padding: 10px;
	clear: both;
	background-color: #175892;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #f3d666;
	line-height: 18px;
}
.momsbottom a
{
	color: #f3d666;
	font-weight: bold;
	font-style: italic;
}
.momsbottom p
{
	margin: 10px;
}

.myContent
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #f3d666;
	padding-left: 6px;
	text-align: center;
	vertical-align: middle;
}



/*  Moms List Page */


.MomListContainer
{
	width: 650px;
	padding: 30px; /*padding is for testing to show proper space around this page. Remove if it breaks the base template*/
	color: white;
	min-height: 500px;
	height: auto; /*margin-left: 25px;*/
}
.MomListright img
{
	margin: 20px;
}
.MomListright
{
	float: left;
	width: 550px;
	height: auto;
	min-height: 120px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFF80;
	line-height: 18px;
	font-size: 11px;
}
.MomListright p
{
	margin: 0px;
	margin-left: 0px;
}
.MomListright h3
{
	margin: 0px;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #f3d666;
	margin-right: 5px;
	margin-top: 20px;
}

.momsListPager
{
	float: left;
	width: 550px;
	height: auto;
	min-height: 120px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFF80;
	line-height: 18px;
	font-size: 14px;	
}


/*   Peanuts Stuff  */

#peanutsContainer
{
	width: 634px;
	height: 495px;
	background: url( '../images/peaBG.jpg' ) top center no-repeat;
	padding: 0px 15px 0px 15px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12pt;
	color: #ffffff;
	margin-left: 25px;
	margin-top: 25px;
	margin-bottom: 0px;
}

#peanutsContainer h3
{
	padding: 0px;
	font-weight: normal;
	padding-top: 270px;
	margin-left: 310px;
	font-size: 16pt;
	text-indent: -30px;
}

/*   PROMO Page Stuff  */

#promotionsContainer
{
	width: 632px;
	height: 396px;
	background: url( '../images/promoBG.jpg' ) top left no-repeat;
	padding-left: 3px;
	margin-left: 20px;
	margin-top: 20px;
}
#promotionsContainer #spacer
{
	display: block;
	height: 38px;
	width: 100%;
	clear: both;
}
#promotionsContainer h3
{
	padding: 0px;
	margin: 0px;
}
#promotionsContainer h3 a
{
	display: block;
	width: 205px;
	height: 123px;
	text-indent: -5000px;
	float: left;
}
#promotionsContainer .peanuts
{
	background: url( '../images/promo_peanuts.jpg' );
}
#promotionsContainer .moms
{
	background: url( '../images/promo_moms.jpg' );
}

#promotionsContainer .peanutsSweeps
{
	background: url( '../images/promo_peanutssweeps_1.jpg' );
}

#promotionsContainer .coupon
{
	background: url( '../images/promo_coupon.jpg' );  /* changed to different coupon image, 12/16/08 DER */
}

#promotionsContainer .pCopy
{
	height: 22px;
	color: #ffffff;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	padding: 0px 17px 0px 17px;
}

/* PEANUTES SWEEPS */

#regShell
{
	width: 600px;
	border: 1px solid #00224f;
	padding: 0px 10px 10px 10px;
	background-color: #004079;
	color: #ffffff;
	font-family: Verdana, sans-serif;
	font-weight: normal;
}
#regBox
{
	padding: 0px 10px 10px 10px;
}

/*BP 8/25/2008 fixing the 100% issu on input boxes*/
#regBox input, #loginBox input
{
	width: 100%;
	font-size: 10pt;
	border: 1px solid #00224f;
	padding: 2px;
}

#regBox
{
	clear: both;
}
#regBox .content
{
	width: 400px;
}
#regBox .caption
{
	text-align: left;
	padding-right: 15px;
	font-size: 10pt;
	width: 100px;
	height: 30px;
}
#regBox .header2
{
	padding-top: 15px;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 11pt;
	color: #ffc225;
}

#regBox .emailTxt, #regBox .pword, #regBox .fname, #regBox .lname
{
	width: 60%;
}
#regBox .address
{
	width: 100%;
}
#regBox .city
{
	width: 30%;
}
#regBox .state
{
	width: 13%;
}
#regBox .zip
{
	width: 13%;
}
#regBox .month
{
}
#regBox .day
{
	margin-left: 2%;
}
#regBox .year
{
	margin-left: 2%;
}
#regBox .phone1
{
	width: 25px;
	margin-left: 0%;
}
#regBox .phone2
{
	width: 25px;
	margin-left: 2%;
}
#regBox .phone3
{
	width: 30px;
	margin-left: 2%;
}
#regBox .phoneCap
{
	margin-left: 32px;
}
#regBox .stateZip
{
	margin-left: 4%;
}
.optInOut input
{
	width: auto !important;
	border: 0px !important;
	margin-right: 15px;
}

.optInOut label
{
	font-size: 10pt;
}


#regBox .optBox
{
	font-size: 8pt;
	padding-left: 40px;
}
.submitButton
{
	width: 100%;
	text-align: right;
	padding-top: 30px;
}
.submitButtonInput
{
	width: 100px !important;
	border: 0px solid #011a3b;
	padding: 3px;
	background-color: #00224f;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
}
.error
{
	color: #ffffff !important;
	background-color: #b32525;
	font-size: 10pt;
	font-weight: bold;
	padding-top: 15px;
	padding-left: 15px;
	margin-top: 15px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.errorMark
{
	font-size: 11pt;
	font-weight: bold;
	color: White !important;
}

#regBox .error ul
{
	padding-top: 0px;
	margin-top: 0px;
	list-style: none;
}
#regShell .header
{
	margin-top: 10px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 21px;
	color: #ffc225;
}
#regShell .header a
{
	font-size: 8pt;
	color: #c8e5ff;
	font-weight: normal;
	display: block;
	margin-top: 6px;
	margin-right: 15px;
	text-decoration: none;
}
#regShell .header a:hover
{
	text-decoration: underline;
	color: #ffffff;
}
.errorInput
{
	background-color: #b32525;
	color: #ffffff;
}
#regBox .capcha
{
	width: 125px;
}

/* Hides error handler from displaying in test html */

#regBox .error, .errorMark
{
	xdisplay: none;
}


/* IE6 Field Adjustments to make everything pretty */
#regBox .stateZip
{
	_width: 30px;
	height: 20px;
}
#regBox .phoneCap
{
	margin-left: 12px;
	_width: 80px;
	height: 20px;
}




#promoShell
{
	width: 679px;
	color: #ffffff;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	height: 100%;
	padding: 0px 10px 0px 10px;
}
#promoShell h2
{
	height: 122px;
	width: 679px;
	text-indent: -5000px;
	background: url( '../images/promo_PeanutsSweepsHeader.jpg' ) top left no-repeat;
}
#promoShell h3
{
	font-weight: normal;
	font-size: 16pt;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 10px 0px;
	color: #ffc225;
}
#promoShell p
{
	font-size: 10pt;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 40px 0px;
}
#promoShell #formElements
{
	text-align: center;
	width: 100%;
}
#promoShell #formElements .floatForm
{
	margin-left: 20px;
	text-align: left;
}
a
{
	color: #f0bb2b;
}
a:hover
{
	color: #ffffff;
}


#loginShell
{
	width: 540px;
	border: 1px solid #00224f;
	padding: 0px 10px 10px 10px;
	background-color: #004079;
}
#loginBox
{
	padding: 0px 10px 10px 10px;
}
input
{
	width: 100%;
	font-size: 10pt;
}
#loginBox
{
	clear: both;
}
#loginBox .content
{
	width: 400px;
}
#loginBox .caption
{
	text-align: left;
	padding-right: 15px;
	font-size: 10pt;
	width: 100px;
	height: 30px;
}
#loginBox .header2
{
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 11pt;
	color: #ffc225;
}

#loginBox .submitButton
{
	text-align: right;
	padding-top: 10px;
}
#loginBox .submitButton input
{
	width: 100px;
	border: 0px solid #011a3b;
	padding: 3px;
	background-color: #00224f;
	color: #ffffff;
	font-weight: bold;
}
#loginBox .error
{
	color: #ffffff;
	background-color: #b32525;
	font-size: 10pt;
	font-weight: bold;
	padding-top: 15px;
	padding-left: 15px;
	margin-top: 15px;
}
#loginBox .error ul
{
	padding-top: 0px;
	margin-top: 0px;
	list-style: none;
}
#loginShell .header
{
	margin-top: 10px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 21px;
	color: #ffc225;
}
#loginShell .header a, #loginShell .submitButton a
{
	font-size: 8pt;
	color: #c8e5ff;
	font-weight: normal;
	display: block;
	margin-top: 6px;
	margin-right: 15px;
	text-decoration: none;
}
#loginShell .header a:hover, #loginShell .submitButton a:hover
{
	text-decoration: underline;
	color: #ffffff;
}
#loginShell .submitButton a
{
	display: inline;
}

#tipBox
{
	width: 530px;
	border: 1px solid #00224f;
	padding: 0px 15px 20px 15px;
	background-color: #004079;
	margin-top: 20px;
}
#tipBox .header
{
	margin-top: 10px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ffc225;
	margin-bottom: 5px;
}
#tipBox .content
{
	color: #ffffff;
	font-size: 10pt;
}
.errorMark
{
	font-size: 11pt;
	font-weight: bold;
}

/* Hides error box */
#loginBox .error, #loginBox .errormark
{
	display: none;
}


/* IE 6 Fix to make tips box appear properly */
#tipBox
{
	_width: 520px;
}



/* USYS */
.USYS
{
	color: #ffffff;
	font-family: Verdana, sans-serif;
	font-weight: normal;
}

.USYS p
{
	font-size: 10pt;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 40px 0px;
}

.USYS h3
{
	color:White;
}

.USYS td
{
	padding-left: 40px; 
	margin-left: 40px;
	width: 605px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	
}

.USYS_REG
{
	color: #ffffff;
	font-family: Verdana, sans-serif;
	font-weight: normal;
}

.USYS_REG p
{
	font-size: 10pt;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 40px 0px;
}

.USYS_REG h3
{
	color:White;
}

.USYS_REG td
{
	padding-left: 40px; 
	margin-left: 40px;	
	width: 605px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	xxborder: solid thin red;
}

.USYS_innerTable td
{
	padding-left: 0px !important; 
	margin-left: 0px !important;	
	margin-bottom: 10px !important;
	padding-bottom: 10px !important;
	
}