* {margin: 0; padding: 0;}
body {
background-color: #FBFBE7;
font: normal 0.8em/1.3em Trebuchet MS, Trebuchet, Arial, Sans-Serif; color: #000000;
background-image: url('../../Images/bg2.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: left top;
line-height: 15px;
}
fieldset {border: 0;}
img {border: 0; display: inline;}
a, embed, object {outline: none !important;}
.clear {clear: both; height: 0px; overflow: hidden;}
label {font-weight: bold;}
.left {float: left; display:inline;}
.right {float: right; display:inline;}
/*CLEAR FIX - apply the clearfix class to any element which acts as a container for floats */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
.clearfix {
display: block;
}
* html .clearfix {
height: 1px;
}
/* End hide from IE-mac */
* html img.png {behavior: url("UI/pngbehavior.htc");}
* html img.holidaypng {behavior: url("../UI/pngbehavior.htc");}
* html img.pinkpng {behavior: url("../UI/pngbehavior.htc");}
/* Text
======================================================== */
.bodyText {margin: 0 15px; font-size: 85%;}
.bodyText P {margin-bottom: 10px;}
.bodyText h1 {margin-bottom: 5px; margin-top: 15px;}
.bodyText ul {margin-left: 25px;}
.bodyText a, .bodyText a:visited {font-weight: bold; color: #664E41; text-decoration: none;}
.bodyText a:hover {text-decoration: underline;}
P.tagline {text-align: right; margin: 35px 40px 5px 0;}
P.note {font-size: 85%; font-weight: bold; margin-top: 10px;}
P.footnote {font-size: 85%; font-style: italic; margin-top: 20px;}
P.asterisk {font-size: 85%; font-style: italic; margin-left: 45px;}
P#register {position: relative; float: right; display:inline; margin: 0 50px 0 0; color: #664E41;}
.required {color:#B00000; font-weight: bold;}
.error {color:#B00000; font-weight: bold;}
.errorSummary { color: #B00000; font-weight: bold; margin: 15px 0; }
h1 { color: #A74E22; font-size: 17px; }
h2 { color: #FF9933; font-size: 14px; margin: 10px 0 0 0; font-family: Arial; }
h3 { color: #A74E22; font-size: 19px; font-weight: normal; font-family: Arial; }
h4 { color: #A74E22; font-size: 14px; font-weight: normal; font-family: Arial; }
/* CSS tables
=================================================*/
.row {width: 100%;}
.column {float: left; display:inline;}
.column-1-2 {float: left; display:inline; width: 45%;}
.column-2-2 {float: right; display:inline; width: 45%;}
.column-1-3 {float: left; display:inline; width: 35%;}
.column-2-3 {float: left; display:inline; width: 34%;}
.column-3-3 {float: right; display:inline; width: 30%;}
/* Forms
======================================================== */
select { font-size: 1em; }
fieldset {
display: block;
margin: 20px 0 0 0;
width: 100%;
}
fieldset h2 { color: #A74E22; }
fieldset fieldset {
margin: 15px 0 0 0;
width: auto;
}
fieldset ol {width: 100%;}
fieldset ol li {
margin: 0 0 10px 0;
width: 100%;
list-style: none;
}
fieldset ol li label {
float: left;
display: inline-block;
margin: 0 10px 0 0;
width: 120px;
font-weight: bold; font-size: 110%; text-align: right;
}
fieldset ol li .checkbox {
float: left;
display: inline;
font-weight: bold; font-size: 110%; text-align: left;
}
fieldset ol li label.checkbox {
float: none;
display: inline-block;
margin-left: 5px;
font-weight: bold; font-size: 110%; text-align: left;
width: 200px;
}
fieldset ol li label.checkbox-text {
float: left;
display: inline;
margin-left: 5px;
font-weight: bold; font-size: 110%; text-align: left;
width: 325px;
}
*+html fieldset ol li label.checkbox-text { margin-top:3px; border:#FFFFFF 1px solid; }
*html fieldset ol li label.checkbox-text { margin-top:3px; border:#FFFFFF 1px solid; }
fieldset ol li label.checkbox-text-signup {
color:#912725;
}
fieldset ol li label.state {
float: none;
display: inline-block;
margin: 0 10px 0 20px;
font-weight: bold; font-size: 110%; text-align: right;
}
* html fieldset ol li label.state {
float: none;
display: inline-block;
margin: 0 10px 0 -50px;
font-weight: bold; font-size: 110%; text-align: right;
}
*+ html fieldset ol li label.state {
float: none;
display: inline-block;
margin: 0 10px 0 -50px;
font-weight: bold; font-size: 110%; text-align: right;
}
fieldset ol li label em {
margin: 0;
font-style: normal;
}
fieldset ol li span.note {
display: block;
margin: 0 0 0 130px;
font-size: 110%;
font-style: normal;
}
select {
padding: 0;
font-size: 110%;
}
/* FORM CONTROLS
=================================================*/
fieldset.controls {margin: 15px 0;}
fieldset.controls ul {margin-left: auto; margin-right: auto; text-align: center;}
fieldset.controls li {display: inline;}
fieldset.controls li a {
margin: 0 0 0 10px;
font-size: 0.95em;
}
fieldset.controls input, .button {
background-color: #fbeddb;
text-align: center;
margin: 0 0 0 10px;
padding: 0px 0 0px 0; border: 0;
width: 100px; height: 20px;
font-size: 0.75em; color: #000000;
font-weight: bold;
border: solid 1px #A74E22;
cursor: pointer;
}
* html fieldset.controls input, * html .button {padding: 2px 0;}
fieldset fieldset.controls {margin: 10px 0 15px 0;}
/* Containers
======================================================== */
#container {
background: transparent url('../../Images/content-bg.png');
margin-left: auto;
margin-right: auto;
width: 890px;
}
* html #container {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Images/content-bg.png',sizingMethod='scale');
}
*html #container.onedeep { /* DO NOT REUSE THIS CODE WITH ANOTHER CLASS OR ADD ANOTHER CLASS TO THIS ... USE THE 'onedeep' CLASS ON YOUR PAGE IN THE 'container' DIV */
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/content-bg.png',sizingMethod='scale');
}
#homeContainer {
width: 710px;
margin: 30px auto 0 auto;
}
#flashContainer {
text-align: center;
height: 265px;
position: relative;
margin-top: 5px;
}
#homeContainer #flashContainer p {
padding-top:75px;
}
#virtualSandwichFlashContainer {
text-align: center;
height: 410px;
position: relative;
margin-top: 5px;
}
#surveyContainer {
width: 100%;
background-color: #fbeddb;
margin-left: auto;
margin-right: auto;
}
#surveyContent {
padding: 25px;
}
#surveyContent h3 {
font-weight:bold;
font-size:1.3em;
margin-top:1em;
}
#surveyContent table td.question {
padding-bottom:15px;
}
/* Top Navigation
======================================================== */
#header {
background: transparent url('../../Images/topNav.png') no-repeat;
width: 848px;
height: 83px;
margin: 0; padding: 0;
}
* html #header {
background: none;
height: 81px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Images/topNav.png',sizingMethod='scale');
}
* html #header.holiday, * html #header.pink, * html .onedeep #header {
background: none;
height: 81px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/topNav.png',sizingMethod='scale');
}
/*
* main nav
*/
#nav-main {
width: 662px;
margin: 0 0 0 181px;
padding: 15px 0 0;
}
*+html #nav-main {
margin-left: 30px;
padding: 12px 0 0 0;
}
#nav-main ul {
position: absolute;
background-image: url('../../Images/bg-topnav.gif');
background-repeat: no-repeat;
width: 662px; height: 28px;
z-index:1000;
}
#nav-main li {
position: absolute;
top: 0;
display: block;
height: 28px;
list-style: none;
}
#nav-main a {
display: block;
height: 28px;
text-indent: -9999px; text-decoration: none; overflow: hidden;
}
#gatheringsmenu, #gatheringsmenu-on {left: 0; width: 92px;}
#appetitemenu, #appetitemenu-on {left: 94px; width: 117px;}
#productsmenu, #productsmenu-on {left: 213px; width: 112px;}
#recipesideasmenu, #recipesideasmenu-on {left: 327px; width: 120px;}
#offersnewsmenu, #offersnewsmenu-on {left: 449px; width: 115px;}
#aboutmenu, #aboutmenu-on {left: 566px; width: 97px;}
#gatheringsmenu a:hover, #gatheringsmenu-on, #gatheringsmenu-on a:hover, #gatheringsmenu.hover {background: transparent url(../../Images/bg-topnav.gif) 0 -28px no-repeat;}
#appetitemenu a:hover, #appetitemenu-on, #appetitemenu-on a:hover, #appetitemenu.hover {background: transparent url(../../Images/bg-topnav.gif) -94px -28px no-repeat;}
#productsmenu a:hover, #productsmenu-on, #productsmenu-on a:hover, #productsmenu.hover {background: transparent url(../../Images/bg-topnav.gif) -213px -28px no-repeat;}
#recipesideasmenu a:hover, #recipesideasmenu-on, #recipesideasmenu-on a:hover, #recipesideasmenu.hover {background: transparent url(../../Images/bg-topnav.gif) -327px -28px no-repeat;}
#offersnewsmenu a:hover, #offersnewsmenu-on, #offersnewsmenu-on a:hover, #offersnewsmenu.hover {background: transparent url(../../Images/bg-topnav.gif) -449px -28px no-repeat;}
#aboutmenu a:hover, #aboutmenu-on, #aboutmenu-on a:hover, #aboutmenu.hover {background: transparent url(../../Images/bg-topnav.gif) -566px -28px no-repeat;}
/*
* main nav subnav
*/
#nav-main ul ul {
display: none;
padding: 0 0 7px;
width: 100%; height: auto;
}
#nav-main li:hover ul, #nav-main li.hover ul {
position: absolute;
display: block;
}
* html #nav-main li.hover ul {height: 1%;}
#nav-main ul ul li {
position: relative;
background: #F7DFB3;
height: auto;
}
* html #nav-main ul ul li {float: left;}
#nav-main ul ul li a {
padding: 3px 5px;
height: 1%;
font-size: 70%; line-height: 1.1em; color: #967872; text-indent: 0; overflow: none;
}
#nav-main ul li li a:hover {
background: transparent;
color: #843120;
}
*+html #nav-main ul ul.left li a:hover {
width:110px;
}
*+ html #nav-main ul ul.right li a:hover {
width:120px;
}
#nav-main ul ul li a:hover, #nav-main .on ul li a:hover {background: #FDEDD0;}
#nav-main li#gatheringsmenu ul, #nav-main li#gatheringsmenu-on ul {width: 260px;}
*+ html #nav-main li#gatheringsmenu ul li, *+ html #nav-main li#gatheringsmenu-on ul li {width: 250px;}
*+ html #nav-main li#gatheringsmenu ul li li, *+ html #nav-main li#gatheringsmenu-on ul li li {width: 130px;}
#nav-main li#appetitemenu ul, #nav-main li#appetitemenu-on ul {width: 260px;}
*+ html #nav-main li#appetitemenu ul li, *+ html #nav-main li#appetitemenu-on ul li {width: 250px;}
*+ html #nav-main li#appetitemenu ul li li, *+ html #nav-main li#appetitemenu-on ul li li {width: 130px;}
#nav-main li#productsmenu ul, #nav-main li#productsmenu-on ul {width: 260px;}
*+ html #nav-main li#productsmenu ul li, *+ html #nav-main li#productsmenu-on ul li {width: 250px;}
*+ html #nav-main li#productsmenu ul li li, *+ html #nav-main li#productsmenu-on ul li li {width: 130px;}
#nav-main li#aboutmenu ul, #nav-main li#aboutmenu-on ul {width: 93px;}
/*
* 2 column subnavs
*/
#nav-main ul ul ul {
background: transparent;
position: relative !important;
float: left;
padding: 0;
width: 48% !important;
}
/*
* Subnav rounded corners
*/
li#gatheringsmenu ul, li#gatheringsmenu-on ul {background: url(../../Images/bg-products.png) left bottom no-repeat;}
*+ html li#gatheringsmenu ul, *+ html li#gatheringsmenu-on ul {padding-bottom: 2px;}
li#appetitemenu ul, li#appetitemenu-on ul {background: url(../../Images/bg-products.png) left bottom no-repeat;}
*+ html li#appetitemenu ul, *+ html li#appetitemenu-on ul {padding-bottom: 2px;}
li#productsmenu ul, li#productsmenu-on ul {background: url(../../Images/bg-products.png) left bottom no-repeat;}
*+ html li#productsmenu ul, *+ html li#productsmenu-on ul {padding-bottom: 2px;}
li#recipesideasmenu ul, li#recipesideasmenu-on ul {background: url(../../Images/bg-recipesideas.png) left bottom no-repeat;}
li#offersnewsmenu ul, li#offersnewsmenu-on ul {background: url(../../Images/bg-offersnews.png) left bottom no-repeat;}
li#aboutmenu ul, li#aboutmenu-on ul {background: url(../../Images/bg-about.png) left bottom no-repeat;}
h1.homeLink { float: left; position: relative; }
h1.homeLink a {
display: block;
height: 71px;
width: 177px;
}
/* Search
======================================================== */
div#searchContainer {position:relative; font-size:85%; font-weight:bold; padding:2px 30px 0 435px; top:6px; right:0;}
div#searchContainer .text {border:#DCCDC5 1px solid; margin:0 5px 0 0; display:inline;}
div#searchContainer .searchOptions {display:inline; position:relative;}
div#searchContainer .searchOptions input {margin:0 3px 0 7px;}
div#searchContainer .searchOptions label {position:relative; top:-2px;}
div#searchContainer .searchButton {margin:-2px 0 0 10px; width:35px; height:19px;}
*html div#searchContainer .searchButton {margin-top:0;}
*+html div#searchContainer .searchButton {margin-top:0;}
/* Content Boxes
======================================================== */
#contentWrapper
{
background-repeat: no-repeat;
background-position: top left;
margin-left: 21px;
}
.contentWrapperholiday {background-image: url(../../Images/holiday/bg-holiday.gif);}
.contentWrapperappetite {background-image: url(../Images/bg-appetite.gif);}
#brownBoxWrapper {
background: transparent url('../../Images/brownTop.png');
background-position: top left;
background-repeat: no-repeat;
width: 795px;
margin-left: 30px;
padding-top: 19px;
}
* html #brownBoxWrapper {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Images/brownTop.png',sizingMethod='crop');
}
* html #brownBoxWrapper.holiday, * html #brownBoxWrapper.pink, * html .onedeep #brownBoxWrapper {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/brownTop.png',sizingMethod='crop');
}
#brownBox {
background: url("../../Images/bg_brownbox.gif") repeat-y top left #fbeddb;
width: 795px;
padding-top: 0px;
}
/* Left Navigation
======================================================== */
#brownBox #leftNavImages {
float: left;
display:inline;
width: 162px;
margin-top: 0px;
position: relative;
}
#brownBox #leftNavImages img { margin-left: 7px; margin-bottom: 5px; }
#brownBox #leftNav {
float: left;
display:inline;
width: 162px;
margin-top: 20px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 10px;
font-weight: bold;
color: #b6a79c;
position: relative;
}
#brownBox #leftNav img { margin-right: 0px; }
#brownBox #leftNav a, #brownBox #leftNav a:visited {
color: #b6a79c;
text-decoration: none;
}
#brownBox #leftNav a:hover { text-decoration: underline; }
#brownBox #leftNav ul {
list-style: none;
margin-left: 20px;
line-height: 15px;
}
#brownBox #leftNav ul li { margin: 7px 0px; cursor: hand; }
#brownBox #leftNav ul li a.active, #brownBox #leftNav ul li a:visited.active { color: #705946; }
#brownBox #leftNav ul ul.subNav {
margin-left: 5px;
font-size: 9px;
width: 130px;
line-height: 15px;
}
#brownBox #leftNav ul ul.subNav li { margin: 5px 0px;}
#brownBox #leftNav ul ul.subNav li.active, #brownBox #leftNav ul ul.subNav li.active a {
font-size: 9px;
color: #705946;
list-style: disc;
}
#brownBox #leftNav ul ul.subNav ul.tertiaryNav {
margin-left: 5px;
font-size: 9px;
width: 130px;
line-height: 15px;
}
#brownBox #leftNav ul ul.subNav li ul.tertiaryNav li { margin: 5px 0px;}
#brownBox #leftNav ul ul.subNav li.active ul.tertiaryNav li,
#brownBox #leftNav ul ul.subNav li.active ul.tertiaryNav li a {
font-weight:normal;
}
#brownBox #leftNav ul ul.subNav li.active ul.tertiaryNav li.active,
#brownBox #leftNav ul ul.subNav li.active ul.tertiaryNav li.active a {
font-size: 9px;
color: #705946;
list-style: none;
font-weight:bold;
}
#brownBox #leftNav ul li a:link.on, #brownBox #leftNav ul li a:visited.on { color:#705946; text-decoration:none; }
#brownBox #leftNav ul li a:link.off, #brownBox #leftNav ul li a:visited.off { color:#b6a79c; text-decoration:none; }
#brownBox #leftNav ul li a.on:hover, #brownBox #leftNav ul li a.off:hover { text-decoration:underline; }
#holidaySubNav { display: none; z-index:100; }
#backToSchoolSubNav { display: none; z-index:100; }
#halloweenSubNav { display: none; z-index:100; }
#superBowlSubNav { display: none; z-index:100; }
#rec_desserts { display: none; z-index:100 }
#rec_sandwiches { display: none; z-index:100 }
#rec_snacks { display: none; z-index:100 }
#rec_meal_ideas { display: none; z-index:100 }
#rec_breakfast { display: none; z-index:100 }
#whiteBox {
background-image: url('../../Images/whiteTop.gif');
background-position: top left;
background-repeat: no-repeat;
background-color: #ffffff;
width: 620px;
margin-right: 10px;
float: right;
display:inline;
color: #664E41;
padding-right:0px;
padding-bottom: 50px;
position: relative;
min-height: 600px;
height: auto !important; /* for modern browsers */
height: 600px; /* for IE5.x and IE6 */
min-height: 600px; /* for modern browsers */
}
* html #whiteBox {
background-image: url('../../Images/whiteTopIE6.gif');
padding-bottom: 100px;
}
#whiteBox .addthis_button {
position: absolute;
top: -16px; right: 15px;
width: 47px;
}
.mainImg {
padding: 10px 8px;
}
.largeMainImg {
padding: 3px 3px;
}
* html .largeMainImg {
padding: 4px 2px 0px 3px;
}
.holidayrecipemainImg {
padding:5px 0 0 4px;
}
*html .holidayrecipemainImg {
padding:5px 0 0 5px;
}
.previewImg { padding: 0px 0px 5px 7px; }
.preview3ColImg { padding: 0 0 5px 0px; }
.productImg { padding: 0px 0px 27px 9px; background-image: url('../../Images/product-spacer.gif'); background-position: bottom right; background-repeat: no-repeat; }
.detailImg { padding: 0px 0px 0px 7px; }
.recipePreviewImg { padding: 0px 16px 0px 12px; }
#whiteBox a, #whiteBox a:visited {
font-weight: bold;
color: #664E41;
text-decoration: none;
}
#whiteBox a:hover {
text-decoration: underline;
}
#whiteBox .whyibakecontent a, #whiteBox .whyibakecontent a:visited {color:#783E99;}
#whiteBox .whyibakecontent .rightcol .tanbox .content a,
#whiteBox .whyibakecontent .rightcol .tanbox .content a:visited {font-weight:normal;}
#whiteBox a.link-btn, #whiteBox a:visited.link-btn {
color: #a7372e;
font-size: 0.8em;
text-align: right;
width:100%;
display: block;
}
P#register a, P#register a:visited {
font-weight: bold;
color: #664E41;
text-decoration: none;
}
#whiteBox h1 {
margin:15px 0 0 6px;
}
#whiteBox h1.first {
margin-top:0;
}
#whiteBox .h1-bottom-border {
margin:0 0 7px 6px;
}
#whiteBox h1#distinctive-crakers {
width:173px;
height:17px;
text-indent:-8000px;
background:url('../../Images/headline-crackers-distinctive_crackers.gif') no-repeat;
}
#whiteBox h1#baked-naturals {
width:151px;
height:17px;
text-indent:-8000px;
background:url('../../Images/headline-crackers-baked_naturals.gif') no-repeat;
}
/* Home Page Callouts
======================================================== */
div#callouts {
position:relative;
z-index:9999;
display:block;
margin:9px 0 40px 0;
}
div#leftCallouts {
float:left;
display:inline;
margin-left:3px;
width:287px;
}
div#leftCallouts .callout {
margin-top:6px;
padding-top:5px;
background:url('../../Images/homepage_left_callout_divider.gif') no-repeat top left;
}
div#rightCallouts {
float:left;
display:inline;
margin-top:6px;
margin-left:7px;
width:412px;
}
div#rightCallouts .callout {
margin-left:10px;
float:left;
display:inline;
}
div#callouts div.newVarieties {
background-image: url('../../Images/homeCallout-new_varieties.jpg');
height: 153px; width: 195px;
display: block;
float: left;
display:inline;
margin: 0 5px 0 5px;
}
div#callouts div.newVarieties a.montieri {display: block; position: relative; height: 7px; width: 90px; top: 70px; left: 100px;}
* html div#callouts div.newVarieties a.montieri {top: 68px;}
div#callouts div.newVarieties a.verona {display: block; position: relative; height: 7px; width: 90px; top: 76px; left: 100px;}
* html div#callouts div.newVarieties a.verona {top: 72px;}
div#callouts div.holidayCallout {
background-image: url('../../Images/holiday/homeCallout-holiday-sweeps.jpg');
height: 153px; width: 195px;
display: block;
float: left;
display:inline;
margin: 0 5px 0 5px;
}
div#callouts div.holidayCallout a.enterNow {display: block; position: relative; height: 20px; width: 90px; top: 125px; left: 100px;}
div#callouts div.holidayCallout a.rules {display: block; position: relative; height: 10px; width: 60px; top: 105px; left: 10px;}
/* Product Landing
======================================================== */
.productTable {
}
.productTable td { width: 153px; vertical-align: top; font-size: 85%; margin-bottom: 100px; }
.productTable td P { width: 145px; height: 60px; padding: 0 0 0px 7px; }
.productTable td P.spacer { vertical-align: bottom; height: 8px; padding: 0 0 10px 7px; }
/* Product Detail
======================================================== */
#productDetailWrapper { position: relative; }
#productDetailLeft {
float: left;
display:inline;
width: 220px;
padding-top: 10px;
padding-left: 15px;
}
#productDetailLeft P { padding: 7px; font-size: 85%; }
#productDetailLeft img.headlineImg { margin: 10px 0 5px 0; }
#productDetailLeft img.flavorFeature { margin: 5px 0 15px 10px; display: block; }
#productDetailLeft img.nutritionInfo { margin: 5px 0 15px 10px; }
#productDetailRight {
float: right;
display:inline;
padding-top: 10px;
padding-right: 10px;
}
.productImage { padding-bottom: 15px; }
#productList {
background-image: url('../../Images/productBG.gif');
background-repeat: repeat-y;
/*height: 300px;*/
padding-top: 10px;
padding-left: 35px;
}
#productList img { margin: 0 10px 10px 7px; }
#productList P { width: 340px; }
#productList hr { width: 340px; }
*+html table.recipeCategories {
margin-left:12px;
}
.recipeCategories td {
width: 250px;
vertical-align: top;
padding:0;
margin:0;
}
*+html .recipeCategories td img {
padding:0;
margin:0;
}
.recipeList {
padding: 5px 0px 10px 30px;
margin-left: 10px;
margin-bottom: 15px;
font-size: 85%;
background-image: url('../../Images/detail-spacer.gif');
background-position: bottom;
background-repeat: repeat-x;
width: 260px;
}
*+html .recipeList {
padding-left:18px;
width:255px;
}
.recipeList a, .recipeList a:visited {
color: #000000;
text-decoration: none;
}
.recipeList a:hover {
text-decoration: underline;
}
.nutritionalbenefits {width:168px;margin-left:10px;}
.nutritionalbenefits img {border-style:none;}
.nutritionalbenefits a {cursor:pointer;cursor:hand;}
.nutritionalbenefits .nb_top {width:168px;height:6px;font-size:1px;background:url('../../Images/nutritionalbenefit/nutritionalbenefit_top.gif') no-repeat bottom left #FFFFFF;}
.nutritionalbenefits .nb_bottom {width:168px;height:6px;font-size:1px;background:url('../../Images/nutritionalbenefit/nutritionalbenefit_bottom.gif') no-repeat top left #FFFFFF;}
.nutritionalbenefits .nb_content {padding-left:11px;background-color:#FBEEDB;}
.nutritionalbenefits .nb_content div {padding:4px 0px;}
.nodisplay {display:none;}
#recipelistarea br {
display:none;
}
.recipelistcontainer {
float:left;
display:inline;
width:280px;
margin:0 28px 0 0;
} *html .recipelistcontainer {
margin-right:0px;
}
#holidayrecipelist {
margin:0 30px 0 13px;
width:265px;
} *html #holidayrecipelist {
margin:0 15px 0 13px;
}
#holidayrecipelist .bodyText {
margin-top:1.0em;
}
/* Recipe Detail
======================================================== */
#recipeDetailWrapper {
position: relative;
}
#recipeDetailLeft {
float: left;
display:inline;
width: 275px;
padding-top: 0px;
padding-left: 15px;
}
#recipeDetailLeft h2.recipeName {
border-bottom: dashed 1px #000000;
padding: 7px 0;
text-transform: uppercase;
}
#recipeDetailLeft P {
padding: 7px;
padding-left: 0px;
font-size: 85%;
}
#recipeDetailRight {
float: right;
display:inline;
padding-top: 10px;
padding-right: 15px;
}
#recipeNotes {
padding-left: 15px;
padding-top: 40px;
clear: both;
}
#recipeNotes textarea {
border: solid 1px #000000;
padding: 3px;
font: normal 0.9em/1.4em Trebuchet MS, Trebuchet, Arial, Sans-Serif; color: #000000;
}
ul#tabBar {
position: absolute;
top: -24px;
left: 397px;
list-style:none;
z-index:100;
}
ul#tabBar li {
float:left;
display:inline;
padding-left:1px;
background:url(../../Images/tab-divider.gif) no-repeat top left;
}
ul#tabBar li.first {
background:none;
}
ul#tabBar .addthis_button {
position: absolute;
top: 0px; left: -74px;
width: 74px;
} *html ul#tabBar .addthis_button {
left:-73px;
} *+html ul#tabBar .addthis_button {
left:-73px;
}
ul#holidayTabBar {
position: absolute;
margin-top: -24px;
margin-left: 625px;
list-style:none;
z-index:100;
}
ul#holidayTabBar .addthis_button {
position: absolute;
top: 7px; left: -74px;
width: 47px;
}
.recipeImage {
margin-top: 10px;
border: solid 1px #000000;
}
/* Footer
======================================================== */
#footer {
background-color: #e3e2df;
width: 844px;
margin: 0 auto;
color: #999999;
font-size: 11px;
padding: 3px;
}
#footer a, #footer a:visited {color: #999999;text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footerLeft {
float: left;
display:inline;
padding-left: 15px;
}
#footerRight {
text-align: right;
padding-right: 15px;
}
#footer .footerburst {font-weight:bold;}
/* Preview Promo Boxes - Fresh Breads Gateway
======================================================== */
div.newsPromo {float: left; display:inline; width:293px; height:176px; margin: 0 0 10px 10px; background:url(../../Images/newsPromoBg.gif) no-repeat top left;}
div.newsPromo img {margin-top:6px;}
div#freshBreadsRolls a { float: right; position: relative; display: block; width: 217px; height: 26px; margin: -55px 30px 25px 0; }
* html div#freshBreadsRolls a { margin-right: 15px; }
div#freshBreadsRolls { padding: 10px 8px; }
div#freshBreadsRolls .mainImg { padding: 0; }
/* Preview Promo Boxes - Breakfast Gateway
======================================================== */
div#breakfastgateway a { float: left; position: relative; display: block; width: 195px; height: 24px; margin: -56px 0px 2px 24px; }
div#breakfastgateway { padding: 10px 8px; }
div#breakfastgateway .mainImg { padding: 0; }
div#breakfast a { float: right; position: relative; display: block; width: 217px; height: 26px; margin: -65px 28px 25px 0; }
* html div#breakfast a {margin-right: 15px; }
div#breakfast { padding: 10px 8px; }
div#breakfast .mainImg { padding: 0; border: red 1px solid; display: block; position: relative; top: 66px; left: 10px; height: 21px; width: 78px; text-indent:-9999px;}
div#greatstarts {float:left; margin-left: 8px;}
* html div#greatstarts { margin-left: 4px; }
div#newfruitgrain {float:left; margin-left: 8px;}
* html div#newfruitgrain { margin-left: 4px; }
div#breakfastrecipe {float:left; background-image: url('../../Images/preview-breakfastrecipe.jpg'); height: 185px; width: 190px; margin-left: 8px; }
* html div#breakfastrecipe { margin-left: 4px; }
div#breakfastrecipe p { text-indent:-9999px; overflow:hidden; }
div#breakfastrecipe a.seeMore { display: block; position: relative; top: 133px; left: 2px; height: 22px; width: 90px; text-indent:-9999px;}
div#allbreakfastrecipe a.seeMore { display: block; position: relative; top: 112px; left: 93px; height:30px; width: 92px; text-indent:-9999px;}
div#swirlofdelight {float:left; margin-left: 8px;}
* html div#swirlofdelight { margin-left: 4px; }
div#goodisinthedetails {float:left; margin-left: 8px;}
* html div#goodisinthedetails { margin-left: 4px; }
div#slicesHeaven {float:left; background-image: url('../../Images/preview-slices_heaven.jpg'); height: 186px; width: 230px; margin-left: 8px;}
* html div#slicesHeaven { margin-left: 4px; }
div#slicesHeaven p { text-indent:-9999px; overflow:hidden; }
div#slicesHeaven a.seeMore {display: block; position: relative; top: 143px; left: 69px; height: 21px; width: 145px; text-indent:-9999px;}
div#deliFlats {position:relative; float:left; background-image: url('../../Images/preview-deli_flats.jpg'); height: 187px; width: 230px; margin-left: 8px;}
* html div#deliFlats { margin-left: 4px; }
div#deliFlats p { text-indent:-9999px; overflow:hidden; }
div#deliFlats a {display: block; position: absolute; height: 14px; width: 158px; text-indent:-9999px;}
div#deliFlats a.grilledchickenCallout {top: 133px; left: 72px;}
div#deliFlats a.mediterraneanCallout {top: 148px; left: 72px;}
div#deliFlats a.pestoCallout {top: 163px; left: 111px; width:119px;}
div#grainGoodness {float:left; background-image: url('../../Images/preview-grain_goodness.jpg'); height: 186px; width: 358px; margin-left: 12px;}
div#grainGoodness p { text-indent:-9999px; overflow:hidden; }
div#grainGoodness a.seeMore {display: block; position: relative; top: 142px; left: 206px; height: 23px; width: 144px; text-indent:-9999px;}
div#scoopWholeGrains {float:left; background-image: url('../../Images/preview-sml_weightmanagement.jpg'); height: 186px; width: 191px; margin-left: 8px;}
* html div#scoopWholeGrains { margin-left: 4px; }
div#scoopWholeGrains p { text-indent:-9999px; overflow:hidden; }
div#scoopWholeGrains a.seeAll { display: block; position: relative; top: 120px; left: 105px; height: 19px; width: 82px; text-indent:-9999px;}
div#scoopWholeGrains a.getRecipe { display: block; position: relative; top: 125px; left: 105px; height: 19px; width: 82px; text-indent:-9999px;}
div#virtualSandwichMaker {float:left; background-image: url('../../Images/preview-sandwich_maker.jpg'); height: 185px; width: 191px; margin-left: 12px;}
div#virtualSandwichMaker p { text-indent:-9999px; overflow:hidden; }
div#virtualSandwichMaker a.seeMore {display: block; position: relative; top: 142px; left: 62px; height: 19px; width: 62px; text-indent:-9999px;}
div#goodDetails {float:left; background-image: url('../../Images/preview-good_details.jpg'); height: 185px; width: 191px; margin-left: 13px;}
div#goodDetails p { text-indent:-9999px; overflow:hidden; }
div#goodDetails a.seeMore {display: block; position: relative; top: 148px; left: 16px; height: 14px; width: 163px; text-indent:-9999px;}
div#fruitappealnews {float:left; background-image: url('../../Images/preview-new_varieties.jpg'); height: 179px; width: 293px; margin: 0 0 10px 10px;}
* html div#fruitappealnews { margin-left: 5px; }
div#fruitappealnews a.montieri {display: block; position: relative; top: 83px; left: 185px; height: 7px; width: 100px;}
* html div#fruitappealnews a.montieri {top: 70px;}
div#fruitappealnews a.verona {display: block; position: relative; top: 105px; left: 185px; height: 7px; width: 100px;}
* html div#fruitappealnews a.verona {top: 96px;}
div#fruitAppeal {float:left; background-image: url('../../Images/preview-fruit_appeal.jpg'); height: 167px; width: 290px; margin-left: 7px; margin-bottom:10px;}
* html div#fruitAppeal { margin-left: 5px; }
div#fruitAppeal a.findOutMore {display: block; position: relative; top: 120px; left: 172px; height: 22px; width: 104px;}
div#realTaste {float:left; background-image: url('../../Images/preview-real_taste.jpg'); height: 167px; width: 290px; margin-left: 7px; margin-bottom:10px;}
* html div#realTaste { margin-left: 5px; }
div#realTaste a.seeMore {display: block; position: relative; top: 121px; left: 182px; height: 21px; width: 92px;}
div#goodLife {float:left; background-image: url('../../Images/preview-good_life.jpg'); height: 167px; width: 290px; margin-left: 7px; margin-bottom:10px;}
* html div#goodLife { margin-left: 5px; }
div#goodLife a.getTips {display: block; position: relative; top: 116px; left: 214px; height: 23px; width: 60px;}
div#pantryPampering {float:left; background-image: url('../../Images/preview-pantry_pampering.jpg'); height: 167px; width: 290px; margin-left: 20px; margin-bottom:10px;}
div#pantryPampering a.seeMore {display: block; position: relative; top: 120px; left: 180px; height: 23px; width: 95px;}
div#fruitAppeal {float:left; background-image: url('../../Images/preview-fruit_appeal.jpg'); height: 167px; width: 290px; margin-left: 20px; margin-bottom:10px;}
div#fruitAppeal a.seeMore {display: block; position: relative; top: 122px; left: 175px; height: 23px; width: 100px;}
div#wholeGrains {float:left; background-image: url('../../Images/preview-whole_grains.jpg'); height: 270px; width: 290px; margin-left: 7px;}
* html div#wholeGrains { margin-left: 5px; }
div#wholeGrains a.findOut {display: block; position: relative; top: 120px; left: 180px; height: 23px; width: 95px;}
div#wholeGrains a.go {display: block; position: relative; top: 185px; left: 245px; height: 20px; width: 31px;}
div#simpleJoys {float:left; background-image: url('../../Images/preview-simple_joys.jpg'); height: 270px; width: 290px; margin-left: 20px;}
div#simpleJoys a.seeMore {display: block; position: relative; top: 162px; left: 193px; height: 22px; width: 84px;}
div#simpleJoys a.getRecipe {display: block; position: relative; top: 202px; left: 163px; height: 22px; width: 114px;}
div#holidaySweeps {background-image: url('../../Images/holiday/preview-news_holiday_sweeps.jpg'); height: 179px; width: 293px;}
div#holidaySweeps a.enter {display: block; position: relative; top: 148px; left: 183px; height: 20px; width: 80px;}
div#holidaySweeps a.rules {display: block; position: relative; top: 145px; left: 120px; height: 10px; width: 50px;}
div#holidayideas {float:left; background-image: url('../../Images/holiday/preview-share_holidays.jpg'); height: 179px; width: 293px; margin-left: 10px;}
div#holidayideas a.comeIn {display: block; position: relative; top: 105px; left: 220px; height: 22px; width: 60px;}
div#holidayJoy {float:left; background-image: url('../../Images/holiday/preview-gtr_holiday_joy.jpg'); height: 179px; width: 293px; margin-left: 10px;}
* html div#holidayJoy { margin-left: 5px; }
div#holidayJoy a.comeIn {display: block; position: relative; top: 105px; left: 220px; height: 22px; width: 60px;}
div#appetizingEvent {float:left; background-image: url('../../Images/preview-gtr_appetizing_event.jpg'); height: 179px; width: 292px; margin-left: 10px;}
* html div#appetizingEvent { margin-left: 5px; }
div#appetizingEvent a.go {display: block; position: relative; top: 139px; left: 241px; height: 22px; width: 35px;}
div#chocolateIndulgence {float:left; background-image: url('../../Images/preview-gtr_chocolate_indulgence.jpg'); height: 179px; width: 297px; margin-left: 10px;}
div#chocolateIndulgence a.indulgeNow {display: block; position: relative; top: 141px; left: 196px; height: 22px; width: 78px;}
div#themeTime {float:left; background-image: url('../../Images/preview-gtr_theme.jpg'); height: 179px; width: 292px; margin-left: 10px;}
* html div#themeTime { margin-left: 5px; }
div#themeTime a.getIdeas {display: block; position: relative; top: 135px; left: 9px; height: 20px; width: 121px;}
div#entertainingIdeas {float:left; background-image: url('../../Images/preview-gtr_entertain.jpg'); height: 179px; width: 297px; margin-left: 10px;}
div#entertainingIdeas a.goTop {display: block; position: relative; top: 85px; left: 244px; height: 20px; width: 38px;}
div#entertainingIdeas a.goBottom {display: block; position: relative; top: 118px; left: 244px; height: 20px; width: 38px;}
div#setTheScene {float:left; background-image: url('../../Images/preview-gtr_set_scene.jpg'); height: 179px; width: 292px; margin-left: 10px;}
* html div#setTheScene { margin-left: 5px; }
div#setTheScene a.readMore {display: block; position: relative; top: 115px; left: 205px; height: 20px; width: 74px;}
div#enjoy {float:left; background-image: url('../../Images/preview-gtr_enjoy.jpg'); height: 179px; width: 297px; margin-left: 10px;}
div#enjoy a.goTop {display: block; position: relative; top: 95px; left: 244px; height: 20px; width: 38px;}
div#enjoy a.goBottom {display: block; position: relative; top: 127px; left: 244px; height: 20px; width: 38px;}
div#smartEating {float:left; background-image: url('../../Images/preview-smart_eating.jpg'); height: 289px; width: 239px; margin-left: 10px; margin-top: 10px;}
* html div#smartEating { margin-left: 5px; }
div#smartEating a.getTips {display: block; position: relative; top: 125px; left: 160px; height: 20px; width: 70px;}
div#cookieQuiz {float:left; background-image: url('../../Images/preview-kind_of_cookie.jpg'); height: 289px; width: 181px; margin-left: 5px; margin-top: 2px;}
div#cookieQuiz a.takeQuiz {display: block; position: relative; top: 203px; left: 13px; height: 20px; width: 90px;}
div#sandwichMaker {float:left; background-image: url('../../Images/preview-virtual_sandwich.jpg'); height: 289px; width: 166px; margin-left: 0px; margin-top: 1px;}
div#sandwichMaker a.tryIt {display: block; position: relative; top: 165px; left: 90px; height: 19px; width: 56px;}
div#margaretRudkin {float:left; background-image: url('../../Images/preview-margaret_rudkin.jpg'); height: 244px; width: 359px; margin-left: 10px; margin-top: 10px;}
div#margaretRudkin a.readMore {display: block; position: relative; top: 150px; left: 240px; height: 17px; width: 90px;}
div#history {float:left; background-image: url('../../Images/preview-heritage.jpg'); height: 238px; width: 227px; margin-left: 10px; margin-top: 10px;}
div#history a.readMore {display: block; position: relative; top: 76px; left: 121px; height: 17px; width: 90px;}
div#mediaContacts {float:left; background-image: url('../../Images/bg-media_contacts.gif'); background-repeat: no-repeat; background-position: top; height: 186px; width: 191px; margin-left: 10px; margin-top: 10px; padding-top: 30px;}
div#mediaContacts P { font-size: 85%; margin: 10px 15px 0 10px; }
* html div#mediaContacts P { padding: 10px 10px 0 0px; }
*+ html div#mediaContacts P { padding: 10px 10px 0 0px; }
div#newsroom {float:left; background-image: url('../../Images/bg-newsroom.gif'); height: 206px; width: 191px; margin-top: 10px;}
div#newsroom P { font-size: 80%; padding-top: 24px; margin-left: 12px; margin-right: 15px; }
div#newsroom a.readMore {display: block; position: relative; top: 151px; left: 11px; height: 17px; width: 90px;}
div#corpInfo {float:left; background-image: url('../../Images/bg-corp_info.gif'); height: 206px; width: 209px; margin-top: 10px;}
div#corpInfo P { font-size: 80%; padding-top: 24px; margin-left: 24px; margin-right: 15px; }
div#corpInfo a.readMore {display: block; position: relative; top: 108px; left: 25px; height: 17px; width: 90px;}
div#jopOpportunities {float:left; background-image: url('../../Images/bg-jop_opportunities.gif'); height: 206px; width: 184px; margin-top: 10px;}
div#jopOpportunities P { font-size: 80%; padding-top: 24px; margin-left: 24px; margin-right: 15px; }
div#jopOpportunities a.findOutHow {display: block; position: relative; top: 108px; left: 20px; height: 17px; width: 100px;}
.about_callouts {padding-left:10px;}
.about_callouts div {float:left;}
.about_callouts .co1 {width:191px;margin-right:5px;}
.about_callouts .co2 {width:201px;margin-right:5px;}
.about_callouts .co3 {width:201px;}
/* Left Nav Callouts
=================================================*/
div#calloutGameDayRecipe {float:left; display:inline; background-image: url('../../Images/callout-gamedayrecipes.jpg'); background-repeat: no-repeat; height: 221px; width: 151px; margin: 0px 0 10px 7px; padding-bottom:10px; }
div#calloutGameDayRecipe a.bluecheese {display: block; position: relative; top: 190px; left: 75px; height: 14px; width: 66px;}
div#calloutGameDayRecipe a.hummus {display: block; position: relative; top: 190px; left: 63px; height: 14px; width: 78px;}
div#calloutRecipes {float:left; display:inline; background-image: url('../../Images/callout-recipes.jpg'); height: 221px; width: 151px; margin: 0px 0 0 7px; }
div#calloutRecipes a {display: block; position: relative; top: 175px; left: 90px; height: 8px; width: 50px;}
div#calloutOhMyGoodness {float:left; display:inline; background-image: url('../../Images/callout-oh_my_goodness.jpg'); height: 221px; width: 151px; margin: 0px 0 0 7px; }
div#callout100Cal {float:left; display:inline; background-image: url('../../Images/callout-100_calorie.jpg'); height: 221px; width: 151px; margin: 0px 0 0 7px; }
div#callout100Cal a {display: block; position: relative; top: 175px; left: 90px; height: 8px; width: 50px;}
div#calloutPuffPastry {float:left; display:inline; background-image: url('../../Images/callout-puff_pastry.jpg'); height: 221px; width: 151px; margin: 0px 0 0 7px; }
div#calloutPuffPastry a {display: block; position: relative; top: 175px; left: 120px; height: 8px; width: 20px;}
div#calloutMoreRecipes {float:left; display:inline; background-image: url('../../Images/callout-more_recipes.jpg'); height: 221px; width: 151px; margin: 0px 0 0 7px; }
div#calloutMoreRecipes a.pfGo {display: block; position: relative; top: 162px; left: 40px; height: 8px; width: 100px;}
div#calloutMoreRecipes a.ppGo {display: block; position: relative; top: 168px; left: 60px; height: 8px; width: 80px;}
* html div#calloutMoreRecipes a.ppGo { top: 162px; }
div#calloutMoreRecipes a.ckGo {display: block; position: relative; top: 175px; left: 28px; height: 8px; width: 110px;}
* html div#calloutMoreRecipes a.ckGo { top: 160px; }
div#calloutBrowseRecipes {float:left; display:inline; background-image: url('../../Images/callout-browse_more_recipes.jpg'); height: 191px; width: 151px; margin: 0px 0 0 7px;}
div#calloutBrowseRecipes a {display: block; position: relative; top: 162px; left: 70px; height: 8px; width: 65px;}
div#calloutPFGoldfishCoupon {float:left; display:inline; background-image: url('../../Images/callout-pfgoldfish-coupon.jpg'); height: 221px; width: 151px; margin: 0px 0 15px 7px; }
div#calloutPFGoldfishCoupon a {display: block; position: relative; top: 0; left: 0; height: 221px; width: 151px; text-indent:-9999px;}
div#calloutBakedNaturalsCoupon {float:left; display:inline; background-image: url('../../Images/callout-bakednaturals-coupon.jpg'); height: 221px; width: 151px; margin: 0px 0 15px 7px; }
div#calloutBakedNaturalsCoupon a {display: block; position: relative; top: 0; left: 0; height: 221px; width: 151px; text-indent:-9999px;}
div#calloutArtOfTheCookie {float:left; display:inline; background-image: url('../../Images/callout-art_of_cookie.jpg'); height: 221px; width: 151px; margin: 0px 0 0 7px; }
div#calloutArtOfTheCookie a {display: block; position: relative; top: 160px; left: 118px; height: 8px; width: 20px;}
div#calloutPFWholeGrains {float:left; display:inline; background-image: url('../../Images/callout-pf_whold_grains.jpg'); height: 221px; width: 151px; margin: 0px 0 0 7px; }
div#calloutPFWholeGrains a {display: block; position: relative; top: 160px; left: 30px; height: 8px; width: 110px;}
div#calloutFishfulThinking {float:left; display:inline; background-image: url('../../Images/callout-fishful_thinking.jpg'); height: 221px; width: 151px; margin: 0px 0 0 7px; }
div#calloutFishfulThinking a {display: block; position: relative; top: 140px; left: 20px; height: 40px; width: 120px;}
div#calloutHearthFired {float:left; background-image: url('../../Images/callout-hearth_fired.jpg'); height: 221px; width: 151px; margin: 0px 0 0 7px; }
* html div#calloutHearthFired { margin-left: 5px; }
div#calloutHearthFired a.findMore {display: block; position: relative; top: 158px; left: 70px; height: 10px; width: 72px;}
div#calloutHearthFired a.whereBuy {display: block; position: relative; top: 165px; left: 70px; height: 12px; width: 72px;}
div#calloutFredClaus {float:left; display:inline; background-image: url('../../Images/holiday/callout-fred_claus.jpg'); height: 221px; width: 151px; margin: 0px 0 0 7px; }
div#calloutFredClaus a.enterNow {display: block; position: relative; top: 175px; left: 70px; height: 12px; width: 72px;}
div#calloutFredClaus a.officialRules {display: block; position: relative; top: 180px; left: 70px; height: 12px; width: 72px;}
div#calloutFredClausComing {float:left; display:inline; background-image: url('../../Images/holiday/callout-fred_claus_coming.jpg'); height: 221px; width: 151px; margin: 10px 0 0 7px; }
div#calloutFredClausComing a {display: block; position: relative; top: 175px; left: 120px; height: 12px; width: 30px;}
div#calloutHoliday {float:left; display:inline; background-image: url('../../Images/holiday/callout-holiday.jpg'); height: 222px; width: 151px; margin: 10px 0 0 7px; }
div#calloutHoliday a {display: block; position: relative; top: 165px; left: 118px; height: 12px; width: 20px;}
div#calloutShareTheJoys {float:left; display:inline; background-image: url('../../Images/holiday/callout-share-the-joy.jpg'); height: 221px; width: 151px; margin: 0px 0 0 7px; }
div#calloutShareTheJoys a {display: block; position: relative; top: 200px; left: 120px; height: 12px; width: 30px;}
div#calloutGoRed {float:left; display:inline; background-image: url('../../Images/callout-go_red.jpg'); background-repeat: no-repeat; height: 221px; width: 151px; margin: 0px 0 10px 7px; padding-bottom:10px; }
div#calloutGoRed a {display: block; position: relative; top: 177px; left: 74px; height: 19px; width: 70px;}
div#calloutNewVarities {float:left; display:inline; background-image: url('../../Images/callout-new_varities.jpg'); background-repeat: no-repeat; height: 221px; width: 151px; margin: 0px 0 10px 7px; padding-bottom:10px; }
div#calloutNewVarities a.montieri {display: block; position: relative; top: 173px; left: 45px; height: 7px; width: 92px;}
div#calloutNewVarities a.verona {display: block; position: relative; top: 178px; left: 50px; height: 7px; width: 90px;}
div#calloutFruitGrainProduct {float:left; display:inline; background-image: url('../../Images/callout-fruit_grain.jpg'); background-repeat: no-repeat; height: 221px; width: 151px; margin: 0px 0 10px 7px; padding-bottom:10px; }
div#calloutFruitGrainProduct a {display: block; position: relative; top: 0px; left: 0px; height: 221px; width: 151px;}
div#calloutPink {float:left; display:none; background-image: url('../../Images/callout-pink.jpg'); background-repeat: no-repeat; height: 221px; width: 152px; margin: 0px 0 10px 7px; padding-bottom:10px; }
div#calloutPink a {display: block; position: relative; top: 0px; left: 0px; height: 221px; width: 152px;}
div#calloutBakedNaturalsCoupon {float:left; background-image: url('../../Images/callout-bakednaturalscoupon.jpg'); background-repeat: no-repeat; height: 221px; width: 151px; margin: 0px 0 10px 7px; padding-bottom:10px; }
* html div#calloutBakedNaturalsCoupon { margin-left: 5px; }
div#calloutBakedNaturalsCoupon a {display: block; position: relative; top: 0px; left: 0px; height: 221px; width: 151px; text-indent:-10000px;}
div#calloutMilano100Calorie {float:left; background-image: url('../../Images/callout-100-calorie-milano.jpg'); background-repeat: no-repeat; height: 221px; width: 151px; margin: 0px 0 10px 7px; padding-bottom:10px; }
* html div#calloutMilano100Calorie { margin-left: 5px; }
div#calloutMilano100Calorie a {display: block; position: relative; top: 0px; left: 0px; height: 221px; width: 151px; text-indent:-10000px;}
div#calloutFreshBakeryNews {float:left; background-image: url('../../Images/callout-fresh-bakery-news.jpg'); background-repeat: no-repeat; height: 221px; width: 151px; margin: 0px 0 10px 7px; padding-bottom:10px; }
* html div#calloutFreshBakeryNews { margin-left: 5px; }
div#calloutFreshBakeryNews a {display: block; position: relative; top: 0px; left: 0px; height: 221px; width: 151px; text-indent:-10000px;}
div#calloutHolidayCookieHouse {float:left; background-image: url('../../Images/callout-holiday_cookie_house.jpg'); background-repeat: no-repeat; height: 221px; width: 151px; margin: 0px 0 10px 7px; padding-bottom:10px; }
* html div#calloutHolidayCookieHouse { margin-left: 5px; }
div#calloutHolidayCookieHouse a#seedetails {display: block; position: relative; top: 183px; left: 76px; height: 14px; width: 64px; text-indent:-10000px;}
div#calloutHolidayCookieHouse a#officialrules {display: block; position: relative; top: 186px; left: 70px; height: 14px; width: 70px; text-indent:-10000px;}
div#calloutDeliFlats {float:left; background-image: url('../../Images/callout-fresh-deli-flats.jpg'); background-repeat: no-repeat; height: 221px; width: 151px; margin: 0px 0 10px 7px; padding-bottom:10px; }
* html div#calloutDeliFlats { margin-left: 5px; }
div#calloutDeliFlats a {display: block; position: relative; height: 22px; width: 151px; text-indent:-10000px;}
div#calloutDeliFlats a#grilledChicken {top:136px; left:0;}
div#calloutDeliFlats a#mediterranean {top:144px; left:0;}
div#calloutDeliFlats a#pesto {top:153px; left:0; height:12px}
div#calloutNakedTruth {float:left; display:inline; background-image: url('../../Images/callout-naked_truth.jpg'); background-repeat: no-repeat; height: 221px; width: 151px; margin: 0px 0 10px 7px; padding-bottom:10px; }
div#calloutNakedTruth a {display: block; position: relative; top: 0px; left: 0px; height: 221px; width: 151px;}
div#calloutHolidayWinGive {float:left; background-image: url('../../Images/callout-holiday_win_give.jpg'); background-repeat: no-repeat; height: 221px; width: 151px; margin: 0px 0 10px 7px; padding-bottom:10px; }
* html div#calloutHolidayWinGive { margin-left: 5px; }
div#calloutHolidayWinGive a {display: block; position: relative; top: 0px; left: 0px; height: 221px; width: 151px;}
div#calloutHolidayWinGive a#play { top: 171px; left: 82px; width: 60px; height: 12px; text-indent: -9999px; }
div#calloutHolidayWinGive a#rules { top: 190px; left: 80px; width: 60px; height: 12px; text-indent: -9999px; }
div#calloutHolidayCategoryWinGive {float:left; background-image: url('../../Images/callout-holiday_win_give.jpg'); background-repeat: no-repeat; height: 221px; width: 151px; margin: 0px 0 10px 7px; padding-bottom:10px; }
* html div#calloutHolidayCategoryWinGive { margin-left: 5px; }
div#calloutHolidayCategoryWinGive a {display: block; position: relative; top: 0px; left: 0px; height: 221px; width: 151px;}
div#calloutHolidayCategoryWinGive a#play2 { top: 171px; left: 82px; width: 60px; height: 12px; text-indent: -9999px; }
div#calloutHolidayCategoryWinGive a#rules2 { top: 190px; left: 80px; width: 60px; height: 12px; text-indent: -9999px; }
div#calloutHolidayUPC {float:left; background-image: url('../../Images/callout-upc.jpg'); background-repeat: no-repeat; height: 221px; width: 151px; margin: 0px 0 10px 7px; padding-bottom:10px; }
* html div#calloutHolidayUPC { margin-left: 5px; }
div#calloutHolidayUPC a {display: block; position: relative; top: 0; left: 0; height: 221px; width: 151px; text-indent: -9999px;}
div#calloutHolidayAppetizers {float:left; display:inline; background-image: url('../../Images/Holiday/callout-holiday-appetizers.jpg'); background-repeat: no-repeat; height: 221px; width: 151px; margin: 0px 0 10px 7px; padding-bottom:10px; }
div#calloutHolidayAppetizers a {display: block; position: relative; top: 0px; left: 0px; height: 221px; width: 151px;}
div#calloutHolidayStuffing {float:left; display:inline; background-image: url('../../Images/Holiday/callout-holiday-stuffing.jpg'); background-repeat: no-repeat; height: 221px; width: 151px; margin: 0px 0 10px 7px; padding-bottom:10px; }
div#calloutHolidayStuffing a {display: block; position: relative; top: 0px; left: 0px; height: 221px; width: 151px;}
div#calloutHolidayDesserts {float:left; display:inline; background-image: url('../../Images/Holiday/callout-holiday-desserts.jpg'); background-repeat: no-repeat; height: 221px; width: 151px; margin: 0px 0 10px 7px; padding-bottom:10px; }
div#calloutHolidayDesserts a {display: block; position: relative; top: 0px; left: 0px; height: 221px; width: 151px;}
div#calloutHolidayLeftovers {float:left; display:inline; background-image: url('../../Images/Holiday/callout-holiday-sandwiches.jpg'); background-repeat: no-repeat; height: 221px; width: 151px; margin: 0px 0 10px 7px; padding-bottom:10px; }
div#calloutHolidayLeftovers a {display: block; position: relative; top: 0px; left: 0px; height: 221px; width: 151px;}
div#calloutHolidayEntrees {float:left; display:inline; background-image: url('../../Images/Holiday/callout-holiday-entrees.jpg'); background-repeat: no-repeat; height: 221px; width: 151px; margin: 0px 0 10px 7px; padding-bottom:10px; }
div#calloutHolidayEntrees a {display: block; position: relative; top: 0px; left: 0px; height: 221px; width: 151px;}
div#calloutHolidayBrunch {float:left; display:inline; background-image: url('../../Images/Holiday/callout-holiday-brunch.jpg'); background-repeat: no-repeat; height: 221px; width: 151px; margin: 0px 0 10px 7px; padding-bottom:10px; }
div#calloutHolidayBrunch a {display: block; position: relative; top: 0px; left: 0px; height: 221px; width: 151px;}
div#calloutGFHolidays {float:left; display:inline; background-image: url('../../Images/Holiday/callout-holidays.jpg'); background-repeat: no-repeat; height: 221px; width: 151px; margin: 0px 0 10px 7px; padding-bottom:10px; }
div#calloutGFHolidays a {display: block; position: relative; top: 0px; left: 0px; height: 221px; width: 151px;}
div#calloutWeightManagementBreads {float:left; display:inline; background-image: url('../../Images/callout-weightmanagement.jpg'); background-repeat: no-repeat; height: 221px; width: 151px; margin: 0px 0 10px 7px; padding-bottom:10px; }
a#WeightManagementBreads_SeeAll {display: block; position: relative; top: 189px; left: 70px; height: 12px; width: 75px;}
a#WeightManagementBreads_GetRecipe {display: block; position: relative; top: 190px; left: 70px; height: 12px; width: 75px;}
div#calloutRealTaste {float:left; display:inline; background-image: url('../../Images/callout-real_taste.jpg'); background-repeat: no-repeat; height: 221px; width: 151px; margin: 0px 0 10px 7px; padding-bottom:10px; }
a#RealTaste_SeeMore {display: block; position: relative; top: 200px; left: 70px; height: 12px; width: 75px;}
div#calloutWhenIGrowUp {float:left; display:inline; background:url("../../Images/whenigrowup/callout_whenigrowup_leftnav.gif") no-repeat top left; height: 221px; width: 151px; margin: 0px 0 10px 7px; padding-bottom:10px; }
a#WhenIGrowUp_FindOutMore {display: block; position: relative; top: 189px; left: 64px; height: 12px; width: 75px;}
a#WhenIGrowUp_OfficialRules {display: block; position: relative; top: 194px; left: 75px; height: 12px; width: 65px;}
/* Heritage & History
=================================================*/
div#body1940s { background-image: url('../../Images/bg1940s.jpg'); background-repeat: no-repeat; background-position: top; display: block; width: 558px; margin: 0 0 20px 15px; }
div#body1940s P { font-size: 80%; margin-left: 150px; padding-top: 45px; }
div#body1950s { background-image: url('../../Images/bg1950s.jpg'); background-repeat: no-repeat; background-position: top; display: block; width: 558px; margin: 20px 0 20px 15px; }
div#body1950s P { font-size: 80%; padding-top: 55px; width: 400px; margin-left: 15px; }
div#body1960s { background-image: url('../../Images/bg1960s.jpg'); background-repeat: no-repeat; background-position: top; display: block; width: 558px; margin: 0 0 20px 15px; }
div#body1960s P { font-size: 80%; margin-left: 150px; padding-top: 45px; }
div#body1970s { background-image: url('../../Images/bg1970s.jpg'); background-repeat: no-repeat; background-position: top; display: block; width: 558px; margin: 20px 0 20px 15px; }
div#body1970s P { font-size: 80%; padding-top: 55px; width: 400px; margin-left: 15px; }
div#body1980s { background-image: url('../../Images/bg1980s.jpg'); background-repeat: no-repeat; background-position: top; display: block; width: 558px; margin: 0 0 20px 15px; }
div#body1980s P { font-size: 80%; margin-left: 150px; padding: 45px 0 10px 0; }
div#body1990s { background-image: url('../../Images/bg1990s.jpg'); background-repeat: no-repeat; background-position: top; display: block; width: 558px; margin: 20px 0 20px 15px; }
div#body1990s P { font-size: 80%; padding-top: 55px; width: 390px; margin-left: 15px; }
div#bodyToday { background-image: url('../../Images/bgToday.jpg'); background-repeat: no-repeat; background-position: top; display: block; width: 558px; margin: 0 0 20px 15px; }
div#bodyToday P { font-size: 80%; margin-left: 165px; padding-top: 60px; }
/* Gatherings
======================================================== */
.partyTheme {
font-size: 85%;
margin: 25px 0;
clear: both;
}
.partyTheme div.preview {
float: left;
margin-left: 15px;
}
.partyTheme div.preview img.getRecipe {margin: 3px 0 0 112px;}
.partyThemeText { margin-left: 270px; }
.partyThemeText P { padding-right: 30px; }
.menuBox {
background: url('../../Images/menuBulletin.gif');
background-repeat: no-repeat;
background-position: left;
display: block;
height: 184px;
width: 326px;
font-size: 85%;
font-weight: bold;
padding-left: 20px;
}
.menuBox ul {
padding-top: 55px;
width: 320px;
}
.menuBox ul li {
list-style: none;
padding-top: 10px;
}
.tableIdea { font-size: 85%; clear: both; padding: 0 10px 0 10px; text-align: center; }
.tableIdea P { margin-left: 15px; text-align: left; }
.tableIdea img.previewImage { margin-top: 10px; }
.tableIdea ol { width: 370px; }
.tableIdea ol li { margin-left: 35px; margin-top: 0; text-align: left; }
.whatYouNeed {
background: url('../../Images/whatYouNeedBulletin.gif');
background-position: top left;
background-repeat: no-repeat;
height: 515px;
width: 215px;
float: right;
padding-top: 60px;
}
.whatYouNeed P {
padding-bottom: 0;
margin-bottom: 0;
}
.whatYouNeed ul {
margin-top: 0;
width: 200px;
}
.whatYouNeed ul li {
list-style: none;
padding-top: 4px;
padding-left: 17px;
text-align: left;
}
div#bringTogetherContent { padding-left: 15px; font-size: 85%; width: 350px; color: #999999; }
div#bringTogetherContent P { margin-top: 10px; }
div#tableTalk { background: url('../../Images/tableTalk.gif'); background-position: top left; display: block; height: 866px; width: 215px; float: right; margin-right: 15px; font-size: 85%; }
div#tableTalk a, div#tableTalk a:visited { font-weight: bold; color: #664E41; text-decoration: none; }
div#tableTalk a:hover { text-decoration: underline; }
div#tableTalk .headQuote { font-weight: bold; margin: 55px 20px 0 20px; font-size: 10px; }
div#tableTalk P.quote { margin: 0px 20px 0 20px; }
div#tableTalk P.spacer { margin: 15px 10px; }
div#beveragePairingsContent { padding-left: 15px; font-size: 85%; width: 350px; }
div#beveragePairingsContent div#artOfGlass { background-image: url('../../Images/bg-art_of_glass.jpg'); background-position: top; background-repeat: no-repeat; }
div#beveragePairingsContent div#artOfGlass P { padding: 50px 0 0 150px; }
div#beveragePairingsContent div#littleTouches { background-image: url('../../Images/bg-little_touches.jpg'); background-position: top; background-repeat: no-repeat; height: 217px; }
div#beveragePairingsContent div#littleTouches P { padding: 60px 110px 0 0px; }
div#beveragePairingsContent div#letsDrink { background-image: url('../../Images/bg-lets_drink.jpg'); background-position: top; background-repeat: no-repeat; margin-left: -30px; }
div#beveragePairingsContent div#letsDrink P { padding: 35px 0px 0 190px; }
div#beveragePairingsContent P { margin-top: 10px; }
div#delightfulDuos { background: url('../../Images/delightfulDuos.gif'); background-position: top left; display: block; height: 683px; width: 216px; float: right; margin-right: 15px; font-size: 85%; }
div#delightfulDuos a, div#delightfulDuos a:visited { font-weight: bold; color: #664E41; text-decoration: none; }
div#delightfulDuos a:hover { text-decoration: underline; }
div#delightfulDuos .headQuote { font-weight: bold; margin: 55px 10px 0 20px; font-size: 80%; }
div#delightfulDuos P.quote { margin: 0px 5px 0 20px; }
div#delightfulDuos P.spacer { margin: 20px 10px; }
/* Sandwhich Maker Color Key Styles */
div#colorKey{padding:10px 30px 5px 30px;}
div.keyItem{
float:left;
padding-right:20px;
}
div.colorSquare{
width:10px;
height:10px;
position:relative;
top:1px;
overflow:hidden;
float:left;
}
div.greenItem{color:#3B8022;}
div.greenItem div.colorSquare{background-color:#3B8022;}
div.blueItem{color:#2855FA;}
div.blueItem div.colorSquare{background-color:#2855FA;}
div.orangeItem{color:#FF5100;}
div.orangeItem div.colorSquare{background-color:#FF5100;}
div.clear{clear:both;}
/* Cookie Quiz */
#cookiequiz {
padding:0px 0;
color:#3E2222;
}
#cookiequizintro {
font-size:90%;
line-height:1.4em;
float:left;
width:326px;
margin-left:15px;
} *html #cookiequizintro {
margin-left:15px;
}
#cookiequizintro .divider {margin:15px 0;}
#cookiequizintro p {padding:0 0 0 13px;}
#cookiequizintro .button-submit {margin:25px 0 0 110px;}
#cookiequiz .intro-img {
float:left;
margin:0 0 0 45px;
}
#cookiequizquestions {
padding-left:15px;
color:#3E2222;
font-size:85%;
line-height:1.4em;
}
#cookiequizquestions #question-copy {
width:200px;
float:left;
}
#cookiequizquestions #question-copy .error {margin-left:45px;}
#cookiequizquestions .question-hdr {margin-left:16px;}
#cookiequizquestions .question-divider {margin:15px 0 25px 16px;}
#cookiequizquestions h2 {
font-size:1.15em;
padding-left:40px;
width:315px;
}
#cookiequizquestions h2.q1 {background:url('../../Images/quiz_bullet1.gif') no-repeat ; height: 30px; display: block;}
#cookiequizquestions h2.q2 {background:url('../../Images/quiz_bullet2.gif') no-repeat ; height: 30px; display: block;}
#cookiequizquestions h2.q3 {background:url('../../Images/quiz_bullet3.gif') no-repeat ; height: 30px; display: block;}
#cookiequizquestions h2.q4 {background:url('../../Images/quiz_bullet4.gif') no-repeat ; height: 30px; display: block;}
#cookiequizquestions h2.q5 {background:url('../../Images/quiz_bullet5.gif') no-repeat ; height: 30px; display: block;}
#cookiequizquestions table.answers {
margin:18px 0 20px 40px;
width:290px;
line-height:1.25em;
}
#cookiequizquestions table.answers input {float:left;}
#cookiequizquestions table.answers label {
display:block;
margin-left:22px;
} *html #cookiequizquestions #Question1Answers label {
margin-top:3px;
} *+html #cookiequizquestions #Question1Answers label {
margin-top:3px;
}
#cookiequizquestions table.answers td {padding-bottom:0.5em;}
#cookiequizquestions table.answers input {margin-right:8px;}
#cookiequizquestions .button-proceed {margin-left:45px;}
#cookiequizquestions .question-count {float:right;}
#cookiequizquestions .question-img {float:right;margin-right: 30px;}
#cookiequizresults {
padding-left:110px;
font-size:90%;
line-height:1.4em;
}
#cookiequizresults .divider {margin:20px 0 22px 0;}
#cookiequizresults #results-copy {
float:left;
width:398px;
}
#cookiequizresults p {
width:358px;
padding:20px 16px 0 20px;
}
#cookiequizresults #results-img {float:left;}
div#siteMapText { margin-left: 30px; }
/* Product Nutrition
======================================================== */
#productNutritionContainer {
background-color: #fbeddb;
width: 375px; height: 600px;
margin-left: auto;
margin-right: auto;
padding-top: 15px;
}
#productNutritionText {
background-color: #FFFFFF;
width: 325px;
margin: 0px auto 15px auto;
padding: 15px;
}
#productNutritionText P { margin: 10px 0px; }
#nutritionData td { width: 150px; padding: 3px 0px; }
/* Tell A Friend
======================================================== */
#tafContainer {
background-color: #fbeddb;
width: 466px; height: 385px;
margin-left: auto;
margin-right: auto;
padding-top: 15px;
}
#tafText {
background-color: #FFFFFF;
width: 400px;
margin: 0px auto 15px auto;
padding: 15px;
}
#tafText a, #tafText a:visited {font-weight: bold; color: #664E41; text-decoration: none;}
#tafText a:hover {
text-decoration: underline;
}
ol.contactUs li table {
display: inline;
position: static;
width:auto;
}
ol.contactUs li label.contactUs {
padding-left: 10px;
padding-top: 5px;
display: inline;
position: static;
width:auto;
}
ol.contactUs li table label {
text-align: left;
display: inline;
position: static;
width: auto;
clear: none;
float: right;
vertical-align: middle;
padding-top: 5px;
}
ol.contactUs li table input {
vertical-align: middle;
display: inline;
position: static;
clear: none;
text-align: left;
float: left;
width: auto;
}
/* Recipe Box
======================================================== */
div#seeRecipeBox {
background: transparent url('../../images/recipebox/bg-seerecipebox.gif') no-repeat top left;
height: 243px; width: 300px;
display: block;
margin-left: 10px; float: left;
font-size: 80%;
padding-top: 40px;
}
div#seeRecipeBox P {
padding: 10px 30px 0px 20px;
}
div#createRecipeBox {
background: transparent url('../../images/recipebox/bg-createrecipebox.gif') no-repeat top left;
height: 194px; width: 278px;
display: block;
margin-left: 15px; float: left;
font-size: 80%;
padding-top: 50px;
}
div#createRecipeBox P {
padding: 0 15px 0px 20px;
}
div#createRecipeBox img.go {float: right; margin: 10px 25px 0 0;}
div#seeAllRecipes {margin: 10px 0 0 15px;}
div#seeAllRecipes a, div#seeAllRecipes a:visited {color: #a7372e; font-size: 0.8em;}
div#seeAllRecipes .divider {
width:550px;
height:7px;
background-image: url('../../Images/searchresults-divider.gif');
background-repeat: no-repeat;
background-position: left top;
margin:10px 0;
}
/* Search Results
======================================================== */
div#searchTabBar {
position: absolute;
margin-top:-23px;
margin-left:383px;
}
div#searchResults {
margin-top:10px;
margin-left:37px;
}
div#searchResults #resipeSortContainer {
float:right;
margin:0 17px 10px 0;
} *html div#searchResults #resipeSortContainer {
margin:-10px 9px 0 0;
} *+html div#searchResults #resipeSortContainer {
margin:0 17px 0 0;
}
div#searchResults #term {
font-weight:bold;
color:#44332A;
margin-bottom:2px;
}
div#searchResults .resultsItem {margin-right:78px;}
div#searchResults .resultsItem a {
color:#A14604;
text-decoration:underline;
}
div#searchResults .resultsItem p {
margin-top:2px;
margin-bottom:0;
}
div#searchResults .resultsItem .recipeImg {
float:left;
}
div#searchResults .resultsItem .recipeInfo {
margin-left:90px;
}
div#searchResults .resultsItem .recipeInfo .removeRecipe a {
float:right;
text-decoration:none;
color:#DC6A31;
}
div#searchResults .resultsItem .recipeInfo .removeRecipe a span {
color:#664E41;
}
div#searchResults .recipeResultsItem {
min-height:80px;
margin-right:18px;
}
div#searchResults .recipeResultsItem p {
margin-top:1em;
}
div#searchResults .recipeResultsItem p.recipeCategory {
font-weight:bold;
}
div#searchResults .divider {
width:550px;
height:7px;
background-image: url('../../Images/searchresults-divider.gif');
background-repeat: no-repeat;
background-position: left top;
margin:10px 0;
}
div#searchResults .pagination {
font-weight:bold;
}
div#searchResults .pagination p {
margin-bottom:0;
}
div#searchResults .pagination .previous-next {
float:right;
color:#FF6633;
}
div#searchResults .pagination .previous-next a {
color:#FF6633;
margin-right:18px;
}
/* Articles
======================================================== */
#articles-with-sidebar {
color:#664E41;
}
#articles-with-sidebar #content {
padding-top:20px;
line-height:1.5em;
}
#articles-with-sidebar #fruitappeal-content,
#articles-with-sidebar #nakedtruth-content {
padding-top: 20px;
margin-left: 0px;
}
#articles-with-sidebar #content p {
margin-bottom:5px;
margin-left:20px;
}
#articles-with-sidebar #content img.article-hdr {
margin-left:20px;
}
#articles-with-sidebar #content img.mainImg {
margin-left:15px;
}
#articles-with-sidebar #five-cheeses {
padding-top:10px;
}
#articles-with-sidebar #chocolate {
padding-top:40px;
} *html #articles-with-sidebar #chocolate {
padding-top:20px;
} *+html #articles-with-sidebar #chocolate {
padding-top:20px;
}
#articles-with-sidebar #five-cheeses .col p, #articles-with-sidebar #chocolate .col p {
padding-bottom:10px;
width:250px;
}
#articles-with-sidebar #five-cheeses .col, #articles-with-sidebar #chocolate .col {
float:left;
width:255px;
}
#articles-with-sidebar #five-cheeses #coll, #articles-with-sidebar #chocolate #coll {
margin-right:35px;
}
#articles-with-sidebar #sidebar-container {
float:right;
width:216px;
margin-left:26px;
background:url('../../images/article_sidebar-bg.gif') repeat-y;
margin-bottom:5px;
}
#articles-with-sidebar #sidebar-container #sidebar-content {
color:#666666;
}
#articles-with-sidebar #sidebar-container #sidebar-content img {
display:block;
}
#articles-with-sidebar #sidebar-container #sidebar-content p {
margin:10px 9px 15px 25px;
font-size:0.9em;
line-height:2.5em;
}
#articles-with-sidebar #fruitappeal-sidebar-container {
float:right;
width:226px; height: 545px;
margin-left:16px;
background:url('../../Images/bg_fruitappeal_sidebar.jpg') repeat-y;
margin-bottom:5px;
}
#articles-with-sidebar #fruitappeal-sidebar-container #sidebar-content {
color:#666666;
margin-top: 70px;
}
#articles-with-sidebar #fruitappeal-sidebar-container #sidebar-content a.montieri {position: absolute; display: block; height: 90px; width: 80px; margin: 130px 0 0 15px;}
*+ html #articles-with-sidebar #fruitappeal-sidebar-container #sidebar-content a.montieri {margin: 130px 0 0 15px;}
* html #articles-with-sidebar #fruitappeal-sidebar-container #sidebar-content a.montieri {margin: 130px 0 0 15px;}
#articles-with-sidebar #fruitappeal-sidebar-container #sidebar-content a.verona {position: absolute; display: block; height: 90px; width: 80px; margin: 335px 0 0 15px;}
*+ html #articles-with-sidebar #fruitappeal-sidebar-container #sidebar-content a.verona {margin: 335px 0 0 15px;}
* html #articles-with-sidebar #fruitappeal-sidebar-container #sidebar-content a.verona {margin: 335px 0 0 15px;}
#articles-with-sidebar #fruitappeal-sidebar-container #sidebar-content img {
display:block;
}
#articles-with-sidebar #fruitappeal-sidebar-container #sidebar-content p {
margin:30px 9px 15px 20px;
font-size:0.9em;
}
#truthsnacking {
position: relative;
margin: 3px;
width: 615px;
height: 411px;
background: url(../../Images/head-nakedtruth.jpg) no-repeat;
}
.nakedtruthcontent {
padding-top: 15px;
}
#articles-with-sidebar #article-sidebar-container {
float:right;
width:217px; height: 910px;
margin-left:16px;
background:url('../../Images/bg_nakedtruth_sidebar.jpg') repeat-y;
margin-bottom:5px;
}
#articles-with-sidebar #article-sidebar-container p.intro,
#articles-with-sidebar #article-sidebar-container div.product-group {
margin: auto 20px;
font-size: .95em;
}
#articles-with-sidebar #article-sidebar-container p.intro {
margin-top: 55px;
color: #666666;
}
#articles-with-sidebar #article-sidebar-container div.product-group {
margin-top: 115px;
padding-bottom: 65px !important;
color: #999999;
position: relative;
}
#articles-with-sidebar #article-sidebar-container div.product-group h4 {
position: absolute;
top: -105px;
}
#articles-with-sidebar #article-sidebar-container div.product-group h4 a {
display: block;
overflow: hidden;
width: 175px;
height: 89px;
text-indent: -1000px;
}
#articles-with-sidebar #article-sidebar-container div.product-group p {
margin: 0;
}
#articles-with-sidebar #article-sidebar-container div.product-group p strong {
color: #333333;
}
#articles-with-sidebar #article-sidebar-container div.product-group a {
color: #953101;
}
/* Start Baked Naturals Sidebar
--------------------------------- */
#articles-with-sidebar #bakednaturals-sidebar-container {
float: right;
background: #f6ead4 url('../../Images/bakednaturals/header-sidebar.jpg') no-repeat;
color: #666;
font-size: .95em;
width: 217px;
margin-right: 10px; padding-top: 55px;
}
#articles-with-sidebar #bakednaturals-sidebar-container #sidebar-content {
background: #f6ead4 url('../../Images/bakednaturals/footer-sidebar.jpg') left bottom no-repeat;
padding-bottom: 27px;
}
#articles-with-sidebar #bakednaturals-sidebar-container p {
margin: 6px 20px auto;
}
#articles-with-sidebar #bakednaturals-sidebar-container p.intro {
margin-bottom: 20px;
}
#articles-with-sidebar #bakednaturals-sidebar-container .product-group {
background:url('../../Images/bakednaturals/divider-sidebar.gif') no-repeat;
padding: 20px 0;
position: relative;
}
#articles-with-sidebar #bakednaturals-sidebar-container .product-group h4 {
width: 217px;
text-indent: -100em;
overflow: hidden;
}
#articles-with-sidebar #bakednaturals-sidebar-container #cheese-crisps h4 {
background:url('../../Images/bakednaturals/header-cheese-crisps.jpg') no-repeat;
height: 86px;
}
#articles-with-sidebar #bakednaturals-sidebar-container #pretzel-thins h4 {
background:url('../../Images/bakednaturals/header-pretzel-thins.jpg') no-repeat;
height: 82px;
}
#articles-with-sidebar #bakednaturals-sidebar-container #wheat-crisps h4 {
background:url('../../Images/bakednaturals/header-wheat-crisps.jpg') no-repeat;
height: 81px;
}
#articles-with-sidebar #bakednaturals-sidebar-container #snack-sticks h4 {
background:url('../../Images/bakednaturals/header-snack-sticks.jpg') no-repeat;
height: 84px;
}
#articles-with-sidebar #bakednaturals-sidebar-container .product-group p strong {
color: #494949;
}
#articles-with-sidebar #bakednaturals-sidebar-container .product-group a {
color: #953101;
}
/* End Baked Naturals Sidebar
--------------------------------- */
#bakednaturalsUtility {
width: 640px;
height: 450px;
margin: -17px 0 0 -10px;
}
* html #bakednaturalsUtility {margin-right: -10px;}
#articles-with-sidebar #nakedtruth-content {
color: #999999;
width: 341px;
}
#articles-with-sidebar #bakednaturals-content {
background: url(../../Images/bakednaturals/divider.gif) bottom no-repeat;
color: #666;
width: 324px;
padding-left: 8px;
}
#articles-with-sidebar #nakedtruth-content p.intro {
width: 331px;
height: 75px;
overflow: hidden;
background: url(../../Images/nakedtruth-intro-bg.gif) left top no-repeat;
text-indent: -10000px;
}
#articles-with-sidebar #bakednaturals-content p.intro {
color: #666666;
}
#articles-with-sidebar #nakedtruth-content h3 {
margin-top: 25px;
width: 331px;
height: 33px;
overflow: hidden;
background: url(../../Images/nakedtruth-header-bg.gif) left top no-repeat;
text-indent: -10000px;
}
#articles-with-sidebar #bakednaturals-content h3 {
margin: 10px 0 10px 0;
width: 332px;
height: 110px;
overflow: hidden;
background: url(../../Images/bakednaturals/bethennys-tips.jpg) left top no-repeat;
text-indent: -10000px;
}
#articles-with-sidebar #nakedtruth-content .recipe {
margin: 15px 0 35px;
height: 150px;
}
#articles-with-sidebar #bakednaturals-content .recipe {
margin: 15px 0 5px;
height: 150px;
}
#articles-with-sidebar #nakedtruth-content .recipe img {
width: 161px;
height: 145px;
float: left;
display: block;
margin: 0 13px 0 0;
}
#articles-with-sidebar #bakednaturals-content .recipe img {
width: 156px;
height: 140px;
float: left;
display: block;
margin: 0 13px 0 0;
}
#articles-with-sidebar #nakedtruth-content .more-recipe img {
width: 121px;
height: 117px;
}
#articles-with-sidebar #bakednaturals-content .more-recipe img {
width: 161px;
height: 108px;
margin-right:25px;
}
#articles-with-sidebar #nakedtruth-content .recipe img.right,
#articles-with-sidebar #bakednaturals-content .recipe img.right {
margin: 0 0 0 13px;
float: right;
}
#articles-with-sidebar #nakedtruth-content .recipe h4 {
height: 20px;
overflow: hidden;
text-indent: -10000px;
}
#articles-with-sidebar #bakednaturals-content .recipe h4 {
height: 38px;
overflow: hidden;
text-indent: -10000px;
}
#articles-with-sidebar #nakedtruth-content .hummus h4 {
background: url(../../Images/nakedtruth-header-hummus.gif) no-repeat;
width: 93px;
}
#articles-with-sidebar #nakedtruth-content .avocado h4 {
background: url(../../Images/nakedtruth-header-avocado.gif) no-repeat;
width: 134px;
}
#articles-with-sidebar #nakedtruth-content .avocado a {
padding-left: 130pt;
}
#articles-with-sidebar #nakedtruth-content .pretzel h4 {
background: url(../../Images/nakedtruth-header-pretzel.gif) no-repeat;
width: 164px;
}
#articles-with-sidebar #bakednaturals-content .chipotle-dip h4 {
background: url(../../Images/bakednaturals/header-chipotle-dip.gif) no-repeat;
width: 138px;
height: 19px;
}
#articles-with-sidebar #bakednaturals-content .blue-cheese-dip h4 {
background: url(../../Images/bakednaturals/header-blue-cheese-dip.gif) no-repeat;
width: 111px;
margin-left: 44px;
}
#articles-with-sidebar #bakednaturals-content .basil-hummus-dip h4 {
background: url(../../Images/bakednaturals/header-basil-hummus-dip.gif) no-repeat;
width: 99px;
}
#articles-with-sidebar #bakednaturals-content .rainbow-mexican-salad h4 {
background: url(../../Images/bakednaturals/header-rainbow-mexican-salad.gif) no-repeat;
width: 113px;
margin-left: 42px;
}
#articles-with-sidebar #bakednaturals-content .blue-cheese-dip p,
#articles-with-sidebar #bakednaturals-content .blue-cheese-dip a {
width: 150px;
padding-left: 5px;
text-align: right;
}
#articles-with-sidebar #bakednaturals-content .rainbow-mexican-salad p,
#articles-with-sidebar #bakednaturals-content .rainbow-mexican-salad a {
width: 150px;
padding-left: 5px;
text-align: right;
}
#articles-with-sidebar #bakednaturals-content .tip {
background: url(../../Images/bakednaturals/bg-tip.gif) no-repeat;
color: #9c7c53;
width: 273px;
height: 52px;
padding: 10px 0 0 50px;
}
#articles-with-sidebar #bakednaturals-content .tip-tall {
background: url(../../Images/bakednaturals/bg-tip-tall.gif) no-repeat;
color: #9c7c53;
width: 273px;
height: 92px;
padding: 10px 0 0 50px;
}
#articles-with-sidebar #nakedtruth-content .more-recipe {
margin-top: 35px;
border-top: 1px dashed #664e41;
padding-top: 30px;
}
#articles-with-sidebar #nakedtruth-content .more-recipe h4 {
background: url(../../Images/nakedtruth-header-more.gif) no-repeat;
}
#articles-with-sidebar #bakednaturals-content .more-recipe {
background: url(../../Images/bakednaturals/divider.gif) no-repeat;
margin-top: 20px;
padding-top: 10px;
}
#articles-with-sidebar #bakednaturals-content .more-recipe h4 {
background: url(../../Images/bakednaturals/header-see-more.gif) no-repeat;
width: 217px;
height: 15px;
margin-bottom: 10px;
}
#articles-with-sidebar #bakednaturals-content .more-recipe a {
font-size: .95em;
margin-top: 2px !important;
}
#articles-with-sidebar #nakedtruth-content .recipe p {
margin: 3px;
}
#articles-with-sidebar #bakednaturals-content .recipe p {
margin-bottom: 0;
}
#articles-with-sidebar #nakedtruth-content .recipe a {
color: #953101;
display: block;
margin-top: 10px;
}
#articles-with-sidebar #bakednaturals-content .recipe a {
color: #953101;
display: block;
}
#articles-with-sidebar #sidebar-container #sidebar-bottom {
margin-top:25px;
}
#articles-with-sidebar #menu-recipes {
text-align:right;
margin:30px 0 20px 0;
}
#articles-with-sidebar #menu-recipes p {
line-height:1.2em;
}
#articles-with-sidebar #menu-recipes p.first {
margin-top:10px;
}
#articles-with-sidebar p.directions {
margin-top:20px;
}
#articles-with-sidebar #new-heights {
margin-left:20px;
margin-top:15px;
line-height:1.5em;
}
#articles-with-sidebar #new-heights #photo {
float:left;
}
#articles-with-sidebar #new-heights p {
margin-left:179px;
}
*html #ceasar-salad-content, *html #cheese-content {
margin-top:-5px;
}
*+html #ceasar-salad-content, *+html #cheese-content {
margin-top:-5px;
}
.whyibakecontent {
margin-left:0px;
padding-left:0px;
font-family:Trebuchet MS,Arial;
color:#666666;
font-size:8pt;
}
/* * html div.whyibakecontent {}*/
.whyibakecontent a:link, .whyibakecontent a:visited {color:#783E99;}
.whyibakecontent .bodycontent {padding-left:20px;padding-right:20px;}
.whyibakecontent .top {padding-top:10px;}
.whyibakecontent .top .desc {
background:url(../../Images/whyibake-line-rpt.gif) repeat-x bottom left;
padding:5px 0px 15px 0px;
}
.whyibakecontent .leftcol {
float:left;
width:341px;
}
.whyibakecontent .leftcol .section {
padding-top:20px;
padding-bottom:30px;
background:url(../../Images/whyibake-line-rpt.gif) repeat-x bottom left;
}
.whyibakecontent .leftcol .even .s_img {float:left;width:112px;}
.whyibakecontent .leftcol .even .s_desc {float:right;width:220px;text-align:left;}
.whyibakecontent .leftcol .odd .s_img {float:right;width:112px;}
.whyibakecontent .leftcol .odd .s_desc {float:left;width:220px;text-align:right;}
.whyibakecontent .leftcol .s_hdr {padding-bottom:5px;}
.whyibakecontent .leftcol .s_quote {padding-top:5px;}
.whyibakecontent .rightcol {
float:right;
width:215px;
color:#808080;
padding-top:10px;
}
.whyibakecontent .rightcol .tanbox .topdiv {width:215px;height:11px;background:#FFFFFF url(../../Images/whyibake-rtbox-top.gif) no-repeat bottom left;}
.whyibakecontent .rightcol .tanbox .bottomdiv {width:215px;height:11px;background:#FFFFFF url(../../Images/whyibake-rtbox-bottom.gif) no-repeat top left;}
.whyibakecontent .rightcol .tanbox .bodydiv {background-color:#F5EEE3;}
.whyibakecontent .rightcol .tanbox .title {padding-left:5px;}
.whyibakecontent .rightcol .tanbox .subtitle {
width:198px;
margin:0 auto;
padding-bottom:5px;
font-size:7pt;
text-align:center;
background:url(../../Images/whyibake-rtbox-line-rpt.gif) repeat-x bottom left;
}
.whyibakecontent .rightcol .tanbox .content {padding:0px 5px 0px 10px;}
.whyibakecontent .rightcol .tanbox .content .section {padding:5px 0px 10px 0px;background:url(../../Images/whyibake-rtbox-line.gif) no-repeat bottom center;}
.whyibakecontent .rightcol .tanbox .content .last {background-image:none;}
.whyibakecontent .rightcol .cornerbox {
position:relative;
width:205px;
margin-top:30px;
padding-bottom:10px;
text-align:center;
border:1px solid #F3E6E2;
border-width:1px 0px 1px 1px;
}
.whyibakecontent .rightcol .cornerbox div {padding-top:10px;}
.whyibakecontent .rightcol .cornerbox .borderart {position:absolute;top:-25px;right:0px;}
/*
* Holiday Pages
*/
.holiday #whiteBox {
width: 769px;
background: #ffffff url('../../Images/holiday/whiteTop.gif') no-repeat top left;
display:inline;
}
#holidayHeader {
margin: 0 0 11px 0;
position:relative;
z-index:100;
width:769px;
height:275px;
}
#holidayHeader #non-flash {
text-align:center;
margin:0 auto;
padding-top:50px;
}
#holidayPreviewBoxes {
margin-left:6px;
}
.holidayPreview {
float: left;
display:inline;
width: 245px;
height: 187px;
margin-left: 5px;
margin-bottom: 7px;
}
ul.holidayPreviews {
margin: 0 0 0 19px;
width:579px;
}
ul.moreHolidayRecipes {
list-style: none;
height:43px;
background:url(../../Images/holiday/lp-moreHolidayRecipes-bg.gif) no-repeat top left;
width:672px;
margin:16px 0 0 0;
padding-left:97px;
}
.categoryDetail ul.moreHolidayRecipes {
background:url(../../Images/holiday/moreHolidayRecipes-bg.gif) no-repeat top left;
width:560px;
margin:0 0 0 0;
padding-bottom:16px;
padding-left:28px;
}
ul.moreHolidayRecipes li {
float: left;
display:inline;
margin-right: 39px;
}
.categoryDetail ul.moreHolidayRecipes li {
margin-right:12px;
}
ul.holidayPreviews li {
float: left;
display:inline;
margin-right: 10px;
margin-top:11px;
padding-bottom:12px;
}
img.go {margin: 8px 0 0 240px;}
.holiday-col {
float: left;
display:inline;
margin: 0;
width: 286px;
}
#holidayrecipepage {
margin:0 0 0 1px;
padding-top:31px;
background:url(../../Images/holiday/holidayrecipepg-bg.gif) repeat-y top left;
} *html #holidayrecipepage {
margin-top:-4px;
margin-left:2px;
} *+html #holidayrecipepage {
margin-top:-4px;
}
#holiday-recipe-columns {
background:url(../../Images/holiday/holidayrecipepg-col-divider.gif) repeat-y 312px top;
}
#holiday-recipe-columns ul {
margin-left:8px;
}
#holidayrecipepage li {
list-style: none;
padding-left: 15px;
background:url(../../Images/holiday/icon_green_arrow.gif) 0 0.4em no-repeat;
}
#holidayrecipepage h3 {
margin-top:15px;
}
#holidayrecipepage h3.first {
margin-top:-19px;
position:relative;
z-index:100;
}
.holiday-col li {
margin-bottom: 4px;
}
.holiday-left {
margin-left:15px;
}
.holiday-right {
margin-left:19px;
width: 273px;
}
#whiteBox .topFlourish {
margin: -19px 0 0 4px;
padding-bottom: 0;
position:relative;
z-index:10;
}
.categoryDetail {
float:left;
display:inline;
width: 599px;
margin-left: -3px;
margin-right: -3px;
}
#appetizersCategoryDetail {
background:url(../../Images/holiday/recipe-category-bg-appetizers.gif) top left no-repeat;
}
#stuffingCategoryDetail {
background:url(../../Images/holiday/recipe-category-bg-stuffing.gif) top left no-repeat;
}
#brunchCategoryDetail {
background:url(../../Images/holiday/recipe-category-bg-brunch.gif) top left no-repeat;
}
#leftoversCategoryDetail {
background:url(../../Images/holiday/recipe-category-bg-leftovers.gif) top left no-repeat;
}
#entreesCategoryDetail {
background:url(../../Images/holiday/recipe-category-bg-entrees.gif) top left no-repeat;
}
#dessertsCategoryDetail {
background:url(../../Images/holiday/recipe-category-bg-desserts.gif) top left no-repeat;
}
.categoryDetail-inner {
float: left;
display:inline;
width: 569px;
margin: 0 14px;
padding-top:7px;
background: url(../../Images/holiday/bg-holiday-category.jpg) right bottom no-repeat;
position:relative;
}
.categoryDetail-inner .holiday-col {
width: 246px;
margin: 0 16px 0 18px;
}
.categoryDetail-inner .holiday-col-right {
width:246px;
margin:0;
}
.categoryDetail-inner .holiday-col-right p#view-recipes {
background:url(../../Images/holiday/bg-holiday-view-recipes-arrow.gif) no-repeat right 5px;
width:122px;
margin-bottom:2px;
}
.categoryDetail-inner .holiday-col h3 {
margin-top:2px;
}
.spotlight {
background:url(../../Images/holiday/spotlight-bg.gif) no-repeat top left;
width:233px;
padding:11px 0 9px 13px;
} *html .spotlight {
margin-bottom:-8px;
} *+html .spotlight {
margin-bottom:-8px;
}
.spotlight a.productShot {
display: block;
margin-bottom: 20px;
}
.spotlight p {
float: left;
display:inline;
}
.spotlight p img {
float: left;
display:inline;
margin: -5px 12px 25px 0;
}
.spotlight p a {
display: block;
}
.spotlight ul {
margin:0;
width:220px;
background:url(../../Images/holiday/spotlight-extras-top.gif) no-repeat top left #FFEDDA;
padding-top:15px;
} *html .spotlight ul {
margin-bottom:-10px;
} *+html .spotlight ul {
margin-bottom:-10px;
}
.spotlight ul li {
list-style:none;
background:url(../../Images/holiday/spotlight-extras-divider.gif) no-repeat top left;
padding:1px 0 0 0;
margin:0;
}
.spotlight ul li.first {
background:none;
}
.spotlight ul li.last {
margin-bottom:0;
}
div.back {
position:absolute;
bottom:8px;
right:5px;
}
div.back a {
float: right;
}
.categoryDetail .right {
padding-left: 8px;
}
.categoryDetail ul.moreHolidayRecipes {
margin: 0;
}
ul#allholidayrecipes {
list-style-type:none;
margin:0 0 90px 0;
padding:0;
background:url("../../Images/holiday/category-recipe-list-bottom.gif") bottom left no-repeat;
}
ul#allholidayrecipes li {
background:url("../../Images/holiday/category-recipe-divider.gif") 0 0.4em no-repeat;
padding:9px 0 1px 23px;
margin-bottom:0;
margin-top:0;
}
ul#allholidayrecipes li a, ul#allholidayrecipes li a:visited {
color:#95504F;
}
/*
* FruitGrain
*/
#flavorfulfruits {
width:350px;
margin:0 0 20px -3px;
}*html #flavorfulfruits {
margin-left:-5px;
}
#flavorfulfruits #hdr {
margin:10px 0 0 22px;
}
#flavorfulfruits .fruit {
min-height:88px;
margin-top:15px;
} *html #flavorfulfruits .fruit {
height:88px;
}
#flavorfulfruits .fruit img {
float:left;
}
#flavorfulfruits .fruit p {
margin-left:104px;
}
#articles-with-sidebar #sidebar-container #sidebar-content #onlyavail{
color : #999999;
display:inline;
padding:0px 0px 0px 40px;
margin : 0px 5px 0px 0px;
}
/*
* Fruit Appeal
*/
#scooponfruitbg {
background: url('../../Images/bg_scrooponfruit.png');
display: block;
height: 265px; width: 615px;
position: absolute;
top: 200px; left: 2px;
}
* html #scooponfruitbg {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Images/bg_scrooponfruit.png',sizingMethod='scale');
}
#scooponfruit {
display: block;
height: 265px; width: 615px;
position: absolute;
top: 200px; left: 2px;
}
#scooponfruit ul#fruits {
list-style: none;
margin: 35px 0 0 260px;
}
#scooponfruit ul#fruits li {
display: inline;
margin: 0 15px 0 0;
}
.fruitappealcontent {
padding-top: 200px;
}
#apple, #peach, #raspberry, #blueberry {
display: none;
position: relative;
top: 20px; left: 15px;
}
#lnkApple a.on img {background-image: url('../../Images/icon-apple-over.gif'); height: 65px; width: 65px; display: inline;}
#lnkPeach a.on img {background-image: url('../../Images/icon-peach-over.gif'); height: 65px; width: 65px; display: inline;}
#lnkRaspberry a.on img {background-image: url('../../Images/icon-raspberry-over.gif'); height: 65px; width: 65px; display: inline;}
#lnkBlueberry a.on img {background-image: url('../../Images/icon-blueberry-over.gif'); height: 65px; width: 65px; display: inline;}
#apple ul, #peach ul, #raspberry ul, #blueberry ul {
list-style: none;
position: absolute;
top: 0px; left: 225px;
}
#apple ul li, #peach ul li, #raspberry ul li, #blueberry ul li {
margin: 0 0 15px 0;
width: 350px;
font-size: 12px;
color: #333333;
}
#moving,#kick,#loosen {
display: none;
position: absolute;
left: 227px;
top: 13px;
}
#lnkMoving {
position: absolute;
left: 49px;
top: 277px;
}
#lnkKick {
position: absolute;
left: 285px;
top: 317px;
}
#lnkLoosen {
position: absolute;
left: 480px;
top: 259px;
}
/*SUSAN G. KOMEN PROMO PAGE*/
.komen {font-family:Trebuchet MS,arial;font-size:8pt;color:#666666;}
.komen .rudkin .r_img {float:left;width:143px;}
.komen .rudkin .r_desc {
float:left;
width:476px;
height:141px;
background:url(../../pink/images/pagesect6b.gif) no-repeat;
}
.komen .rudkin .r_desc div {padding-top:42px;padding-right:30px;}
.komen .rudkin .r_desc span {color:#E12246;}
.komen .callouts .co1 {
float:left;
width:216px;
height:279px;
background:url(../../pink/images/pagesect7a.gif) no-repeat;
}
.komen .callouts .co2 {
float:left;
width:191px;
height:279px;
background:url(../../pink/images/pagesect7b.gif) no-repeat;
}
.komen .callouts .co3 {
float:left;
width:212px;
height:279px;
background:url(../../pink/images/pagesect7c.gif) no-repeat;
}
.komen .callouts .text {padding-bottom:10px;}
.komen .callouts .co1 .text {padding-right:45px;}
.komen .callouts .co2 .text {padding-right:12px;}
.komen .callouts .co3 .text {padding-right:15px;}
.komen .callouts .co1 .logo {padding-left:22px;}
.komen .callouts .co1 .text, .komen .callouts .co1 .btn{padding-left:25px;}
.komen .callouts .co2 .logo, .komen .callouts .co2 .text, .komen .callouts .co2 .btn {padding-left:5px;}
.komen .callouts .co3 .logo, .komen .callouts .co3 .text{padding-left:20px;}
img.spacer-img {
display: block;
clear: both;
margin: 0 auto;
}
div#mainCookie {
width: 602px;
height: 236px;
background: url(../../Images/cookie-getway.jpg) no-repeat;
margin: 10px auto;
position: relative;
}
div#mainCookie a {
position: absolute;
top: 186px;
left: 18px;
}
div#chocolateBliss {
width: 190px;
height: 185px;
background: url(../../Images/chocolate-bliss.jpg) no-repeat;
margin: 10px 15px 10px 8px;
float:left;
position: relative;
}
div#chocolateBliss a {
display: block;
width: 190px;
height: 185px;
}
div#chocolateBliss img {
position: absolute;
top: 153px;
left: 11px;
}
div#homestyleCookies {
width:398px; height:185px;
background:url(../../Images/homestyle-cookies.jpg) no-repeat;
margin:10px auto;
float:left;
display:inline;
position:relative;
}
div#homestyleCookies a {
display: block;
width: 398px;
height: 185px;
}
div#homestyleCookies img {
position: absolute;
top: 143px;
left: 225px;
}
div#lovelyFruit {
width: 190px;
height: 185px;
background: url(../../Images/lovely-fruit.jpg) no-repeat;
margin: 10px auto 10px 8px;
float:left;
position: relative;
}
div#lovelyFruit a {
display: block;
width: 190px;
height: 185px;
}
div#lovelyFruit img {
position: absolute;
top: 153px;
left: 57px;
}
div#cookieKind {
width: 190px;
height: 185px;
background: url(../../Images/cookie-kind.jpg) no-repeat;
margin: 10px 15px;
float:left;
position: relative;
}
div#cookieKind a {
width: 190px;
height: 185px;
display: block;
}
div#cookieKind img {
position: absolute;
top: 151px;
left: 99px;
}
div#goodDetails2 {
width: 192px;
height: 185px;
background: url(../../Images/good-details.gif) no-repeat;
margin: 10px auto;
float:left;
position: relative;
}
div#goodDetails2 a {
display: block;
width: 192px;
height: 185px;
}
/*PINK*/
.pink #whiteBox {
padding:0;
color:#666666;
font-size:0.9em;
line-height:1.4em;
}
}
/* SpecialtyProductLanding.aspx */
#specialtyProducts {
margin-left:8px;
}
#specialtyProducts .productTable .spacer {
margin:23px 0 0 -8px;
}
.pink #whiteBox a {
color:#E12246;
text-decoration:underline;
}
.pink #whiteBox h1#main {
margin:0;
background:url(../../Images/pink/pink_header_top.jpg) no-repeat;
width:619px;
height:92px;
margin-left:-2px;
}
.pink .pinkBox {
margin:0 0 0 2px;
padding:0;
width:615px;
background:url(../../Images/pink/bg.jpg) left top no-repeat;
}
.pink #pinkContentBox {
background:url(../../Images/pink/pink_header_bottom.jpg) no-repeat;
} *html .pink #pinkContentBox {
margin-bottom:-5px;
} *+html .pink #pinkContentBox {
margin-bottom:-5px;
}
#pinkgame #pinkContentBox {
margin-bottom:0;
}
.pink #pinkContent {
margin:0 170px 20px 15px;
}
.pink h1,
.pink h2,
.pink h3 {
text-indent:-10000px;
margin:0;
}
.pink p {
margin-bottom:1.5em;
}
.pink sup {
font-size:0.85em;
line-height:0.85em;
}
.pink #pinkCallouts {
width:170px;
float:right;
display:inline;
margin:0;
padding:54px 0 0 0;
text-align:right;
font-size:0.9em;
margin-right:6px;
} *html .pink #pinkCallouts {
margin-right:0;
}
#pinkCallouts h1 {
width:170px !important;
text-indent:-10000px;
margin-bottom:4px;
}
#pinkCallouts h1 span {
display:none;
}
#pinkCallouts .callout {
margin-bottom:15px;
width:170px;
}
#pinkCallouts #game p {
margin-left:-12px;
width:160px;
}
#pinkCallouts #game-donation-over p {
margin-left:-12px;
width:168px;
}
#pinkCallouts #game h1 {
background:url(../../Images/pink/callout_game.png) no-repeat;
height:88px;
} *html #pinkCallouts #game h1 {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/pink/callout_game.png',sizingMethod='crop');
}
#pinkCallouts #game-donation-over h1 {
background:url(../../Images/pink/callout_game_donation_over.png) no-repeat;
height:88px;
} *html #pinkCallouts #game-donation-over h1 {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/pink/callout_game_donation_over.png',sizingMethod='crop');
}
#pinkCallouts #taf h1 {
background:url(../../Images/pink/callout_taf.png) no-repeat;
height:109px;
} *html #pinkCallouts #taf h1 {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/pink/callout_taf.png',sizingMethod='crop');
}
#pinkCallouts #inspiration h1 {
background:url(../../Images/pink/callout_inspiration.png) no-repeat;
height:137px;
} *html #pinkCallouts #inspiration h1 {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/pink/callout_inspiration.png',sizingMethod='crop');
}
#pinkCallouts #partners h1 {
background:url(../../Images/pink/callout_partners.png) no-repeat;
height:111px;
} *html #pinkCallouts #partners h1 {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/pink/callout_partners.png',sizingMethod='crop');
}
#pinkCallouts p {
padding:0 11px 5px 12px;
margin:0;
line-height:1.25em;
}
#pinkCallouts a.btn-link {
margin:0 11px 6px 0;
}
/*pink - landing*/
.pink #whiteBox #pinklanding h1#main {
background:url(../../Images/pink/pink_header_top_landing.jpg) no-repeat;
}
.pink #pinklanding #pinkContentBox {
background:url(../../Images/pink/pink_header_bottom_landing.png) no-repeat;
} *html .pink #pinklanding #pinkContentBox {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/pink/pink_header_bottom_landing.png',sizingMethod='crop');
}
.pink #pinklanding #pinkContent {
padding-top:230px;
}
.pink #pinklanding #difference {
position:relative;
width:405px;
margin:0 0 0 -15px;
}
.pink #pinklanding #difference p {
margin:-5px 0 1em 18px;
} *html .pink #pinklanding #difference p {
margin-top:-10px;
} *+html .pink #pinklanding #difference p {
margin-top:-10px;
}
.pink #pinklanding #difference p span.pink-text {
color:#E12246;
font-weight:bold;
}
.pink #pinklanding #difference img.button {
margin-left:18px;
border:none;
width:93px;
height:22px;
}
.pink #pinklanding #logos {
margin:10px 0 0 0;
display:none;
}
.pink #pinklanding #logos #komen {
margin-right:17px;
}
.pink #pinklanding #logos #three-day {
margin-right:16px;
}
.pink #pinklanding #logos #hervoice {
margin-right:13px;
}
.pink #pinklanding #logos #la-croix {
}
/*pink - inspiration*/
.pink #pinkinspiration #pinkContentBox {
background:url(../../Images/pink/pink_header_bottom_inpsiration.png) no-repeat;
} *html .pink #pinkinspiration #pinkContentBox {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/pink/pink_header_bottom_inpsiration.png',sizingMethod='crop');
}
#pinkinspiration #pinkContent {
padding-top:24px;
}
#pinkinspiration h2 {
background:url(../../Images/pink/h2_inspiration.png) no-repeat;
width:243px;
height:33px;
margin:0 0 4px -7px;
} *html #pinkinspiration h2 {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/pink/h2_inspiration.png',sizingMethod='crop');
}
/*pink - partners*/
.pink #pinkpartners #pinkCallouts {
padding-top:0;
margin-top:-15px;
}
#pinkpartners h2 {
background:url(../../Images/pink/h2_partners.png) no-repeat;
width:231px;
height:33px;
} *html #pinkpartners h2 {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/pink/h2_partners.png',sizingMethod='crop');
}
.pink #pinkpartners #intro {
padding-top:50px;
margin:0 0 20px 3px;
}
#pinkpartners #intro p {
margin:-5px 0 0 12px;
}
#pinkpartners .partner {
margin:0;
padding-bottom:47px;
}
#pinkpartners .last-partner {
padding-bottom:0;
}
#pinkpartners .partner a.logo {
float:left;
}
#pinkpartners .partner a.link {
margin-left:109px;
}
#pinkpartners .partner p {
margin-left:109px;
}
#pinkpartners h3 {
height:20px;
margin-left:109px;
}
#pinkpartners #her-voice h3 {
background:url(../../Images/pink/h3_her-voice.gif) no-repeat;
width:165px;
}
#pinkpartners #komen h3 {
background:url(../../Images/pink/h3_komen.gif) no-repeat;
width:238px;
}
#pinkpartners #three-day h3 {
background:url(../../Images/pink/h3_3-day.gif) no-repeat;
width:172px;
}
#pinkpartners #la-croix h3 {
background:url(../../Images/pink/h3_la-croix.gif) no-repeat;
width:114px;
}
#pinkpartners #her-voice .logo {
margin:20px 0 0 7px;
}
#pinkpartners #komen .logo {
margin:60px 0 0 3px;
}
#pinkpartners #three-day .logo {
margin:35px 0 0 15px;
}
#pinkpartners #la-croix .logo {
margin:25px 0 0 5px;
}
/*pink - game*/
#pinkgame h1 {display:none;}
.pink #pinkgame {
padding-bottom:0;
background:none;
}
.pink #pinkgame #pinkContentBox {
background:none;
margin-top:7px;
}
#pinkgame #flashContainer {
margin:-6px 0 0 -1px;
width:619px;
height:850px;
}
#pinkgame #flashContainer p {
font-size:1.2em;
}
#pinkgame #flashContainer p.lg-text {
font-size:1.6em;
font-weight:bold;
padding-top:100px;
}
/*pink - tell a friend*/
#pink-tafContainer {
background-color: #FBEEDB;
width: 470px;
min-height:600px;
margin:0 auto;
padding: 15px;
font-size:0.95em;
} *html #pink-tafContainer {
height:600px;
}
#pink-tafContainer #tafText {
background-color: #FFFEFA;
width: 430px;
margin: 0;
padding: 0 20px 0 20px;
color:#666666;
margin:-5px 0;
}
#pink-tafContainer #tafText h1 {
text-indent:-10000px;
background:url(../../Images/pink/h1_taf.gif) no-repeat;
margin:0 0 15px 0;
width:141px;
height:22px;
}
#pink-tafContainer #tafText p {
margin:0;
padding:0 0 1em 0;
}
#pink-tafContainer #tafText sup {
line-height:2em;
}
#pink-tafContainer #tafText p.footnote {
font-size:0.8em;
font-style:normal;
font-weight:normal;
margin:0 -19px -8px -6px;
position:relative;
z-index:10;
}
#pink-tafContainer #tafText a {
color:#E74B69;
text-decoration:underline;
font-weight:bold;
}
#pink-tafContainer #tafText .section {
width:412px;
border-top:#F9D1D9 1px solid;
margin:0;
padding:12px 9px 0 9px;
}
#pink-tafContainer #tafText .first-section {
border:none;
}
#pink-tafContainer #tafText .confirmation-section {
padding-top:45px;
padding-bottom:20px;
}
#pink-tafContainer #tafText #form-section {
padding-right:0;
}
#pink-tafContainer #tafText #msg-preview-container {
margin-left:17px;
background:url(../../Images/pink/taf_msg_top.gif) top left no-repeat;
padding-top:10px;
margin-bottom:14px;
}
#pink-tafContainer #tafText #msg-preview {
width:362px;
background:url(../../Images/pink/taf_msg_bottom.gif) bottom left no-repeat #FDEDED;
margin:0;
padding:4px 7px 0 14px;
}
#pink-tafContainer table {
margin:-7px 0 12px 0;
font-size:0.9em;
}
#pink-tafContainer table tr.group {
padding-top:20px;
}
#pink-tafContainer table td {
padding-top:10px;
}
*html #pink-tafContainer table td {
padding-top:8px;
}
#pink-tafContainer table td.label {
text-align: right;
vertical-align: middle;
padding: 2px 2px 0 0;
font-weight:bold;
white-space:nowrap;
}
#pink-tafContainer table td.right-label {
padding-left:15px;
}
#pink-tafContainer table input.text {
vertical-align: middle;
width:115px;
height:18px;
border:#999999 1px solid;
background-color:#FFFEFA;
}
#pink-tafContainer .button {
vertical-align: middle;
margin:2px auto 15px 170px;
text-align:center;
border:none;
background:none;
padding:0;
}
.instantwincontent, .instantwinrules { padding:0; margin:0; }
.instantwincontent .headerimg, .instantwinrules .headerimg { padding-left:3px;padding-top:3px; }
.instantwincontent #tellfriend { float:left; width:570px; margin:0 0 20px 20px; padding:0 0 20px 0; background: #f9f2ec url(../../Images/share/tell-friend-bottom.gif) no-repeat bottom left; }
* html .instantwincontent #tellfriend { margin-left: 10px; }
.instantwincontent #tellfriend-inner { float:left; padding-top:25px; background: #f9f2ec url(../../Images/share/tell-friend-top.gif) no-repeat top left; }
.instantwincontent .leftcol { float:left; width:255px; padding:0 0 0 30px; }
.instantwincontent .rightcol { float:left; width:275px; padding:0 0 0 10px; }
.instantwincontent .hrule { clear:left; width:480px; margin:0 35px 20px 35px; background: transparent url(../../Images/bg-dottedline.gif) repeat-x bottom left; }
.instantwincontent h3#spread-cheer { margin:0 40px 15px 20px; padding:0 0 15px 0; background: url(../../Images/bg-dottedline.gif) repeat-x bottom left; }
.instantwincontent p.desc { margin:0 40px 15px 20px; }
.instantwincontent label { display:block; font-weight:normal; margin-bottom:2px; }
.instantwincontent input { width:230px; margin-bottom:10px; color: #664e42; }
.instantwincontent h4, .instantwincontent p, .instantwincontent input.send-now { margin:15px 20px 0 20px; }
.instantwincontent p.caution { color: #a8372f; }
.instantwincontent input.send-now { width: auto; }
.instantwincontent p.tellfriend-privacy { float: right; margin: -58px 30px 0 0; }
* html .instantwincontent p.tellfriend-privacy { margin-right: 15px; }
.instantwinrules .rulesblock {padding-left:20px;padding-right:25px;}
.instantwinrules .rulesheader {padding-bottom:1px;background:url(../../Images/bg-dottedline.gif) repeat-x bottom left;}
.instantwinrules .rulestopinfo {padding:15px 10px 10px 10px;text-align:center;}
.instantwinrules .rulestopinfo div {padding-top:7px;}
.instantwinrules #ruleslist {padding-bottom:20px;}
.instantwinrules #ruleslist .section {padding-bottom:12px;}
.instantwinrules #ruleslist .section .sectionheader {padding-bottom:5px;}
.instantwinrules #ruleslist a:link, .instantwinrules #ruleslist a:visited {color:#CB5F37;text-decoration:underline;font-weight:normal;}
/* When I Grow Up Sweepstakes pages */
#whenigrowupcontainer {
background:url("../../Images/whenigrowup/bg_whenigrowup.jpg") no-repeat top left #fee9c1;
margin:2px 3px 2px 2px;
margin-bottom:-48px;
font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;
font-size:11px;
color:#666;
position:relative;
}
* html #whenigrowupcontainer {
position:relative;
margin-bottom:-98px;
}
#whenigrowupcontainer img.finnsreportcard {
position:absolute;
top:325px;
right:0;
}
* html #whenigrowupcontainer img.finnsreportcard {
right:3px;
}
#whenigrowupcontainer .inner {
background:url("../../Images/whenigrowup/bg_whenigrowup_bot.gif") no-repeat bottom left;
min-height:650px; /* 650 before padding */
padding-bottom:10px;
}
* html #whenigrowupcontainer .inner {
width:615px;
overflow:hidden;
}
#whenigrowupcontainer a {
color:#cc3300;
}
#whenigrowupcontainer strong {
color:#333;
}
#whenigrowupcontainer .header {
padding:30px 0 0 61px;
height:274px; /* 304 before padding */
}
#whenigrowupcontainer .header h1,
#whenigrowupcontainer .header h2 {
margin:0;
padding:0;
}
#whenigrowupcontainer .header h2,
#whenigrowupcontainer .header a img {
margin-left:10px;
}
#whenigrowupcontainer .header a img {
margin-top:7px;
}
#whenigrowupcontainer p.intro {
margin:0 45px 28px 70px;
position:relative;
}
#whenigrowupcontainer #grandprize {
float:left;
display:inline;
margin-left:14px;
}
* html #whenigrowupcontainer #grandprize {
position:relative;
}
#whenigrowupcontainer #howitworks {
margin:0 16px 16px 175px;
}
#whenigrowupcontainer #howitworks h2 {
margin-bottom:12px;
}
#whenigrowupcontainer #howitworks ul {
margin:0;
padding:0;
list-style:none;
}
#whenigrowupcontainer #howitworks ul li {
padding-left:26px;
margin-bottom:15px;
position:relative;
}
#whenigrowupcontainer #howitworks ul li.stepone {
background:url("../../Images/whenigrowup/whenigrowup_step1.gif") no-repeat top left;
margin-right:175px;
}
#whenigrowupcontainer #howitworks ul li.steptwo {
background:url("../../Images/whenigrowup/whenigrowup_step2.gif") no-repeat top left;
margin-right:160px;
}
#whenigrowupcontainer #howitworks ul li.stepthree {
background:url("../../Images/whenigrowup/whenigrowup_step3.gif") no-repeat top left;
}
#whenigrowupcontainer #howitworks ul li.stepfour {
background:url("../../Images/whenigrowup/whenigrowup_step4.gif") no-repeat top left;
}
* html #whenigrowupcontainer #howitworks ul li.stepfour {
clear:left;
zoom:1;
}
#whenigrowupcontainer #howitworks ul li img.samplecards {
position:relative;
margin-left:-26px;
margin-top:5px;
margin-bottom:-15px;
}
* html #whenigrowupcontainer #howitworks ul li img.samplecards {
float:left;
display:inline;
margin-left:-20px;
}
*+html #whenigrowupcontainer #howitworks ul li img.samplecards {
float:left;
display:inline;
margin-left:-20px;
}
#whenigrowupcontainer #participatingproducts {
margin-left:17px;
margin-bottom:30px;
}
#whenigrowupcontainer .disclaimer {
font-size:10px;
margin-left:30px;
padding-bottom:10px;
}
/* When I Grow Up Game Official Rules */
#whenigrowupcontainer #officialrulescontent {
margin: -10px 28px 0 30px;
}
#whenigrowupcontainer #officialrulescontent p.intro {
font-weight:bold;
text-align:center;
}
#whenigrowupcontainer #officialrulescontent p {
margin-bottom:1.5em;
}
#whenigrowupcontainer #officialrulescontent strong {
color:#666;
}
#whenigrowupcontainer #officialrulescontent p.disclaimer {
margin-left:0;
margin-top:3em;
}
/* When I Grow Up Game Over */
#whenigrowupcontainer #gameover {
margin:20px 26px 30px 72px;
}
#whenigrowupcontainer #gameover p {
margin-bottom:1.5em;
}
sup.smark {
font-family: "Lucida Sans Unicode"; /* A rare sm-supporting font. */
line-height: 0; /* keep the leading consistent in a paragraph */
font-size:75%;
}
.instantwinrules #ruleslist a:link, .instantwinrules #ruleslist a:visited {color:#CB5F37;text-decoration:underline;font-weight:normal;}
div#random-quotes-newset img{margin: 0 0 50px 0; padding: 0;} div#random-quotes-newset{float:
right; list-style: none; font-size: 12px; font-weight: bold;width: 150px; margin:
0; padding: 0;} body div.random-quotes img{margin: 50px 0 0 0; padding: 0;} body
div.random-quotes{margin: 0; padding: 0;width: 150px;font-size: 12px; font-weight:
bold;float: left;} body div.bodyText div#content div.random-quotes p.quote-description{width:
150px;margin: 0; padding: 0;color: #ec9a5e;} body div.bodyText div#content div.random-quotes
p.quote-author{width: 150px;margin: 0; padding: 0 0 15px 0;color: #a7a7a7;} body
div.clearFloat{margin: 0; padding: 0; clear: both;} body p.twistIntro{color: #666;
font-size: 12px; font-weight: bold;} div.twistbg{position: relative; width: 216px;
height: 719px; margin: 20px 0 0 0; padding: 0; background: url(../../Images/twists-sidebar.jpg)
no-repeat; font-size: 10px;} div.twistbg ul{color: #494949; font-weight: bold; margin:
5px 0 5px 10px; padding: 0;} #twist-puffpastry{position: absolute; left: 20px; top:
230px; width: 180px;margin: 0; padding: 0;} #twist-rolledwafers{position: absolute;
left: 20px; top: 580px; width: 180px;}div.twistbg a{color: #e06409;} body div.twistbg
ul{color: #494949; font-weight: bold; margin: 5px 0 5px 10px; padding: 0;} /*IE6\*/
* html body div.twistbg ul{ margin: 5px 0 5px 15px; } /*IE6*/ /*IE7*/ *:first-child+html
body div.twistbg ul{ margin: 5px 0 5px 15px;}