/* CSS Document */

body {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
margin: 0px 0px 0px 0px;
color: #666666;
background: #ea0000 url(/images/background.jpg) repeat-y top center;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 24px;
	line-height: normal;
}
a{
color: #0066b3;
}

p {
margin: 0px 0px 15px 0px;
font-size:12;
}

img {
border: 0px;
}

ul {
padding-left: 0px;
margin-left: 20px;
}

li {
list-style-image: url(/images/bullet.gif);
margin-bottom: 20px;
padding-left: 5px;
}

ol {
padding: 0px;
margin: 0px 0px 0px 30px;
}

ol li {
list-style-image: none;
margin: 0px;
padding: 0px;
}

#wrapper{
margin: 0px auto;
width: 800px;
text-align: left;
background-color: #FFFFFF;
}

#body {
padding: 0px 0px 20px 15px;
}

.tagline {
text-align: left;
position: relative;
z-index: 100;
}


.links {
margin-top: 15px;
text-align: left;
}

/* recipe styles */
#search_body{
background: url(/images/recipes/search_bg.jpg) no-repeat;
background-position: 0px -10px;
padding: 0px 35px 20px 15px;
}

#searchResults_body {
background: url(/images/recipes/searchResults_bg.jpg) no-repeat;
padding: 0px 35px 20px 15px;
}

#searchResults_body a {
font-weight: bold;
}

.searchBar {
float: left;
width: 320px;
padding-top: 5px;
margin-bottom: 25px;
}

.searchBarBottom {
margin: 25px 0px 0px 320px;
}

.recipeResult img {
margin-bottom: 2px;
}

.recipeResult img, .recipeResult p{
float: left;
}

.recipeResult p {
margin: 20px 0px 0px 30px;
}

#searchAdvance_body {
padding: 0px 0px 20px 15px;
}

#searchAdvance_body input{
margin-right: 8px;
float: left;
}

#searchAdvance_body label{
margin-top: 2px;
float: left;
}

#searchAdvance_body form{
margin-top: 15px;
}

.advanceInput {
width:205px;
margin-right: 7px;
}

.advanceSearchFields {
background-color: #f7fafd;
margin: 35px 0px 0px -15px;
padding: 15px 0px 30px 15px;
}

.advanceRow {
clear: left;
padding-top: 10px;
}

.col185 {
float: left;
width: 185px;
}

.col225 {
float: left;
width: 225px;
}

a.advanceSearch{
color: #ed1c24;
float: right;
margin-right: 43px;
}

#search_body form{
margin-top: 25px;
width: 340px;
}

#search_body input, select{
width: 205px;
float: left;
margin: 0px 7px 10px 0px;
}

.searchLabel {
float: left;
margin-right: 10px;
margin-top: 5px;
}

.lifestyle {
margin-left: 19px;
}

.sensational_snacking {
margin: 45px 0px 50px 0px;
float: left;
width: 400px;
}

.sensational_snackingTitle{
margin-left: 115px;
}

.sensational_snacking p{
margin-left: 230px;
}

#hundredCal_body {
padding: 0px 0px 20px 15px;
}

#hundredCal_body .sensational_snacking {
margin: 0px;
width: 348px;
}

#hundredCal_body .sensational_snacking p {
margin-left: 115px;
}

.shortCake {
margin-left: 350px;
position: absolute;
margin-top: -30px;
}

.blueTitle {
font-weight: bold;
color: #0066b3;
margin-top: 10px;
}

.redTitle {
font-weight: bold;
color: #ed1c24;
font-size: 14px;
}

.recipesBG {
background: url(/images/recipes/100calrecipe_bg.jpg) no-repeat;
padding: 20px 0px 0px 20px;
margin-top: 10px;
}

.hundredCalRecipe {
text-align: center;
float: left;
width: 163px;
margin-right: 18px;
}

.recipeImg {
width: 196px;
background-color: #0066b3;
padding: 5px 5px 10px 5px;
float: left;
font-weight: bold;
font-size: 14px;
margin: 0px 10px 0px 50px;
text-align: center;
}

.recipeImg a {
color: #FFFFFF;
text-decoration: none;
}

.recipeImg img {
border: 1px solid #FFFFFF;
margin-bottom: 10px;
}

.recipeHeader {
float: left;
width: 235px;
margin-bottom: 30px;
}

.recipeHeader p{
margin: 0px 20px 0px 15px;
}

.recipeTitle {
font-size: 22px;
font-weight: bold;
color: #0066b3;
padding: 10px 0px;
}

.recipeCaption {
font-size: 14px;
}

.printEmail {
background-color: #f1f7fb;
padding: 10px 15px;
font-weight: bold;
margin: 15px 0px 5px 0px;
}

.recipeInfoTitle {
float: left;
font-weight: bold;
text-align: right;
width: 58px;
margin: 0px 10px 7px 15px;
}

.recipeInfo {
float: left;
font-weight: bold;
width: 130px;
}

.recipeDetails {
border-top: 1px solid #e5eff7;
padding: 25px 25px 25px 50px;
width: 525px;
}

.recipeDetailTitle {
font-weight: bold;
font-size: 14px;
color: #0066b3;
margin-bottom: 5px;
}

.ingredientNum {
float: left;
width: 30px;
text-align:right;
}

.nutritionInfo {
border: 1px solid #e5eff7;
width: 350px;
color: #0066b3;
margin: 0px 0px 10px 50px;
}

.nutritionHeader {
background-color: #e5eff7;
padding: 15px 10px;
}

.nutritionRow {
clear: left;
margin: 0px 10px;
height: 20px;
}

.nutritionRowTop {
border-bottom: 1px solid #e5eff7;
margin-bottom: 5px;
padding: 5px 10px 0px 10px;
}

.nutritonDetails {
float: left;
width: 115px;
}

.nutritonAmount {
float: left;
width: 88px;
text-align: right;
}

.nutritonPercent {
float: left;
width: 125px;
text-align: right;
}

.dailyValue {
font-size: 10px;
}

.dailyValueDisclaimer {
border-top: 1px solid #e5eff7;
clear: left;
padding: 15px 10px 10px 10px;
margin-top: 10px;
}

/* our story page styles */

#ourstory_body{
padding: 0px 35px 20px 15px;
}

#ads {
width:408px;
height: 341px;
float: left;
margin: -15px 0px 10px 0px;
}

#left_column {
float: left;
margin: 20px 25px 0px 0px;
width: 315px;
}

.bunny {
margin: -45px 0px 0px 260px;
position: absolute;
}

#did_know {
margin: 30px 70px 0px 50px;
padding-bottom: 65px;
}

.did_realCreamImg {
float: left;
position: absolute;
margin-top: -75px;
}

#did_know p {
margin-left: 235px;
}

#the_buzz {
clear: both;
background-image: url(/images/recipes/100calrecipe_bg.jpg);
padding: 30px 55px 10px 40px;
}

.greatest {
float: left;
margin: 5px 20px 0px 20px;
}

a.more_info {
background: url(/images/more_info.gif) no-repeat;
margin-left: 95px;
display: block;
}

a.more_info:hover {
background: url(/images/more_info_ovr.gif) no-repeat;
}

a.watch_videos {
background: url(/images/watch_videos.gif) no-repeat;
margin-left: 170px;
display: block;
margin-bottom: 0px;
}

a.watch_videos:hover {
background: url(/images/watch_videos_ovr.gif) no-repeat;
}

a.enlarge {
background: url(/images/enlarge1.gif) no-repeat;
position: absolute;
display: block;
z-index: 200;
width: 88px;
margin: -35px 0px 0px 195px;
}

a.enlarge2 {
background: url(/images/enlarge2.gif) no-repeat;
position: absolute;
margin: -83px 0px 0px 320px;
display: block;
z-index: 200;
width: 88px;
}

/* product page styles */

#product {
float: left;
width: 162px;
margin: 20px 33px 0px 0px;
}

#product_last {
float: left;
width: 172px;
margin-top: 22px;
}

a.recipes {
background: url(/images/recipes.gif) no-repeat;
display: block;
width: 172px;
}

a.recipes:hover {
background: url(/images/recipes_ovr.gif) no-repeat;
}

a.nutritional {
background: url(/images/nutritional_info.gif) no-repeat;
display: block;
margin: -28px 0px 0px 185px;
width: 194px;
}

a.nutritional:hover {
background: url(/images/nutritional_info_ovr.gif) no-repeat;
}

.original {
margin-top: 2px;
}

.chocolate {
margin-top: 2px;
}

.size {
color: #999999;
}

.productBottomBG {
background: url(/images/product_bottom_bg.jpg) no-repeat;
padding: 25px 0px 20px 55px;
margin: 25px 80px 0px 0px;
}

.productBottomBG p {
position: relative;
z-index: 100;
}

.realCreamImg {
float: left;
margin-right: 20px;
}

.realCreamTitle {
margin-top: 50px;
}


/* Real Cream */

#realCreamNutrition {
background-image: url(/images/recipes/100calrecipe_bg.jpg);
padding: 25px 25px 10px 0px;
}

#realCreamNutrition p {
float: left;
width: 340px;
}

.realCreamRight {
margin-left: 275px;
position: absolute;
z-index: 100;
text-align: right;
margin-top: -18px;
}

.realCreamRight p {
margin-top: -55px;
}

.realCreamComparison {
margin-top: 60px;
margin-bottom: 30px;
}

/* family fun styles */

.familyfun {
float: right;
width: 373px;
margin-top: -19px;
}

.reddi_fun {
margin: 20px 0px 0px 0px;
width: 357px;
float: left;
}

.reddi_fun p {
margin: 5px 40px 0px 55px;
}

.blueBorder {
border-top: 1px solid #f0f3f6;
margin-left: -15px;
}

.familyFunBG {
background: url(/images/family_fun_bg.jpg) no-repeat;
background-position: 85px 0px;
margin-top: 35px;
}

.familyFunFeature {
float: left;
width: 390px;
margin-bottom: 25px;
}

.familyFunSwirl {
margin-right: 10px;
float: left;
}

.familyFunSwirlRight {
margin-left: 10px;
float: left;
}

.familyFunSwirlAbsolute {
float: left;
margin-top: -22px;
position: relative;
}

.familyFunFeature p {
width: 185px;
}

.familyFunCopy {
float: left;
margin: 25px 0px 0px 0px;
}

/* fun do styles */

#fundo_list1 {
text-align: left;
width: 335px;
float: left;
margin: 0px 35px 0px 0px;
border-right: 1px solid #e5eff7;
padding-right: 35px;
}

#fundo_list2 {
text-align: left;
width: 335px;
float: left;
margin: 0px;
}

.youll_need1 {
margin: 83px 0px 0px 25px;
}

.youll_need {
margin: 30px 0px 0px 25px;
}

.howto {
margin: 15px 0px 0px 25px;
}

ul.numbers {
margin-left: 3px;
}

.numbers li {
list-style-image: none;
list-style-type: none;
padding-left: 23px;
}

.one {
background: url(/images/one.gif) no-repeat;
background-position: 0px 0px;
padding-left: 0px;
}

.two {
background: url(/images/two.gif) no-repeat;
background-position: 0px 0px;
padding-left: 0px;
}

.three {
background: url(/images/three.gif) no-repeat;
background-position: 0px 0px;
padding-left: 0px;
}

.four {
background: url(/images/four.gif) no-repeat;
background-position: 0px 0px;
padding-left: 0px;
}

.five {
background: url(/images/five.gif) no-repeat;
background-position: 0px 0px;
padding-left: 0px;
}

a.back {
background: url(/images/back.gif) no-repeat;
display: block;
width: 69px;
}

a.back:hover {
background: url(/images/back_ovr.gif) no-repeat;
}

.fun_photo {
margin-left: 10px;
}

a.download {
background: url(/images/game_piece.gif) no-repeat;
display: block;
width: 207px;
position: absolute;
margin: -7px 0px 0px 0px;
}

a.download:hover, a.download2:hover {
background-position: 0px -49px;
}

a.download2 {
background: url(/images/game_board.gif) no-repeat;
display: block;
width: 202px;
position: absolute;
margin: -60px 0px 0px -5px;
}


/* popup ads */

#ad {
width: 508px;
margin: 10px auto;
}

#ad a{
color: #FFFFFF;
text-decoration: none;
}

.close {
text-align: right;
margin-right: 5px;
}

a.close {
background: url(/images/close.gif) no-repeat;
display: block;
float: right;
margin-top: -15px;
}

a.close:hover {
background: url(/images/close_ovr.gif) no-repeat;
}

#ad_links {
margin: 15px 0px 35px 0px;
}

.year {
margin: 0px 63px 0px 0px;
}

.back2 {
float: left;
}

a.back2 {
background: url(/images/back2.gif) no-repeat;
display: block;
width: 64px;
float: left;
}

a.back2:hover {
background: url(/images/back2_ovr.gif) no-repeat;
}

.next {
float: right;
margin-top: -15px;
}

a.next {
background: url(/images/next.gif) no-repeat;
display: block;
width: 63px;
float: right;
margin-top: -15px;
}

a.next:hover {
background: url(/images/next_ovr.gif) no-repeat;
}

/* Buttons */

.arrowLinkSearch:hover, a.cupcakeLink:hover, a.getRecipes:hover, a.getRecipe:hover, .hundredCalRecipe a:hover .arrowLink, a.recipeBack:hover, a.recipeNext:hover, a.submit:hover, a.reset:hover, a.getFacts:hover, a.learnMore:hover, a.enlarge:hover, a.enlarge2:hover, a.findMore:hover, a.topOff:hover, a.goRecipe:hover, a.playGame:hover, a.searchRecipes:hover {
background-position: 0px -28px;
}

.arrowLinkSearch, a.getRecipe, .arrowLink, a.cupcakeLink, a.getRecipes, a.recipeBack, a.submit, a.reset, a.getFacts, a.learnMore, a.findMore, a.topOff, a.goRecipe, a.playGame, a.searchRecipes {
background-repeat: no-repeat;
display: block;
}

.arrowLinkSearch {
background-image: url(/images/arrow.gif);
float: left;
margin-top: -3px;
}

a.getRecipe {
background-image: url(/images/recipes/get_recipe.gif);
margin-left: 125px;
}

.arrowLink {
background-image: url(/images/arrow.gif);
position: absolute;
margin: -35px 0px 0px 135px;
}

a.cupcakeLink {
float: left;
margin: 212px 0px 0px 100px;
background-image: url(/images/recipes/cupcakeVideo.gif);
}

a.getRecipes {
background-image: url(/images/recipes/get_recipes.gif);
height: 28px;
width: 115px;
}

a.searchRecipes {
background-image: url(/images/search_recipes.gif);
height: 28px;
width: 142px;
}

a.recipeBack {
background-image: url(/images/recipes/back.gif);
width: 67px;
margin-top: 10px;
}

a.recipeNext {
background-image: url(/images/recipes/next.gif);
background-repeat: no-repeat;
display: block;
float: left;
margin: -5px 0px 0px 30px;
}

a.submit {
background-image: url(/images/recipes/submit.gif);
float: left;
}

a.reset {
background-image: url(/images/recipes/reset.gif);
float: left;
margin-left: 15px;
}

a.getFacts {
background-image: url(/images/get_facts.gif);
float: right;
}

a.learnMore {
background: url(/images/learn_more.gif) no-repeat;
margin-left: 130px;
position: absolute;
z-index: 100;
}

a.findMore {
background-image: url(/images/find_more.gif);
}

a.topOff {
background-image: url(/images/top_it_off.gif);
}

a.goRecipe {
background-image: url(/images/go_recipe.gif);
}

a.playGame {
background-image: url(/images/play_game.gif);
}

/* Other */
#footer {
margin-top: 40px;
font-size: 11px;
color: #999999;
word-spacing: 3px;
}

#footer a{
color: #999999;
font-weight: normal;
}

#footer img{
margin-bottom: -10px;
}

.no_margin {
margin-right: -33px;
}

.float_left {
float: left;
}

.center {
text-align: center;
}

.marTop {
margin-top: 20px;
}

.marLeft {
margin-left: 50px;
}

.clear {
clear: both;
height: 0px;
line-height: 0px;
font-size: 0px;
}

hr {
border: none 0;
border-bottom: 1px solid #dee5ed;
height:1px;
color:#dee5ed;
overflow:hidden;
margin: 0px 0px 15px -15px;
}

.fltL {	float:left; }
.fltR {	float:right; }
.clrB { clear:both; }

.mgT5 { margin-top:5px; }
.mgT20 { margin-top:20px; }

.mgL10 { margin-left:10px; }
.mgL20 { margin-left:20px; }

.txtR{ text-align:right; }
.txtC{ text-align:center; }

.clrRed{ color: #ED0000; }