/* CA Walnuts - site.css - master site styles */
/* @group GLOBALS
===================================== */
body {
font-size: 62.5%;
background: #e8ce93 url(../images/bg-body.gif) repeat-x top;
}
body.ie6 { background: red; }
sup, sub { font-size: smaller !important; line-height: 0; }
sub { vertical-align: sub; }
sup { vertical-align: super;}
textarea,
input {
font-family: Arial, Helvetica, sans-serif;
}
ul, ol, dl { margin-bottom: 1.5em; }
a {
text-decoration: underline;
color: #cf4e3d;
}
a:hover {
text-decoration: none;
}
#primary h2.sectionTitle {
position: absolute;
top: -33px;
left: 0;
width: 720px;
height: 30px;
overflow: hidden;
margin: 0;
padding-top: 3px;
font-size: 1.2em;
line-height: 30px;
font-weight: normal;
text-align: center;
text-transform: uppercase;
color: #fff;
background: url(../images/bg-primary-header-2.png) no-repeat 0 100%;
}
#primary h2.pageTitle {
margin: 0 0 .42em 0;
padding: 0 0 .5em 0;
font-size: 2.8em;
font-weight: normal;
color: #363;
background: url(../images/rule-dotted-h.gif) repeat-x 0 bottom;
}
abbr { border: none; }
a#svAsset {
margin: 0;
padding: 0;
}
#primary a#svAsset img {
float: left;
margin: 0 16px 0 0;
}
dd.summary p br { display: none; }
th { background: #e8ce93; }

.sysHelpUsDevelopRecipesYoullLove th {background: none; border: none;
	font-weight: normal; width:215px;}

#recipes .sysHelpUsDevelopRecipesYoullLove td label
{width: 30px; padding-left:20px;}


a.pdf {
display: -moz-inline-box;
display: inline-block;
padding-left: 18px;
background: url(../images/ico-page_white_acrobat.png) no-repeat 0 50%;
}
.content ul { margin-left: 1.5em; }
.content li { padding: 0; }
img.left { margin: 0 20px 0 0; }
img.right { margin: 0 0 0 20px; }
/* @group Globals - Forms
===================================== */
legend {
padding-bottom: 1.5em;
font-weight: bold;
color: #363;
}
.button {
width: 70px;
height: 22px;
border: none;
font-size: 10px;
line-height: 2.2em;
text-align: left;
text-indent: -9999px;
text-transform: uppercase;
color: #fff;
background-color: transparent;
}
a.button {
display: -moz-inline-block;
display: inline-block;
}
form li {
padding: 0;
background: transparent;
}
.requestMaterials fieldset {
margin: 0;
padding: 0 0 10px;
}
.requestMaterials label {
width: 120px;
margin: 0 10px;
padding: 0;
}
.requestMaterials input.text {
width: 240px;
}
.requestMaterials .buttons {
width: 386px;
}
.createProfileButton {
width: 121px;
background-image: url(../images/btn-create-profile.gif);
}
.getPasswordButton {
width: 120px;
background-image: url(../images/btn-get-password.gif);
}
.updateProfileButton {
width: 125px;
background-image: url(../images/btn-update-profile.gif);
}
/* @end Globals - Forms
-------------------------------- */
/* @end GLOBALS
-------------------------------- */
/* @group LAYOUT
===================================== */
#container {
width: 960px;
margin: 0 auto;
background: url(../images/bg-container-top.jpg) no-repeat;
}
#content {
clear: both;
min-height: 300px;
background: url(../images/bg-landing-content.png) no-repeat 0 165px;
}
.twoColSR #content {
background: url(../images/bg-primary-mid.png) repeat-y;
}
.content,
.sidebar {
min-height: 100px; /* Fixes odd no-content disappearing bug. */
}
#left { float: left; }
#right { float: right; }
#primary {
float: left;
position: relative;
width: 640px;
padding: 20px 40px 1px;
margin-top: 30px;
background: transparent;
}
.sidebar {
width: 240px;
overflow: hidden;
margin: 0;
}
/* @group Layout - Header
===================================== */
#header {
position: relative;
width: 960px;
height: 120px;
}
h1 {
position: absolute;
top: 5px;
left: -2px;
z-index: 99;
}
h1,
h1 a {
width: 177px;
height: 111px;
overflow: hidden;
}
h1 a {
display: block;
text-indent: -9999px;
background: url(../images/logo.png) no-repeat;
}
#skipLinks,
#skipLinks a {
width: 140px;
height: 17px;
}
#skipLinks {
float: right;
clear: both;
margin-left: 300px;
padding-right: 10px;
}
.home #skipLinks {
padding-right: 20px;
}
#skipLinks a {
display: block;
font-size: 1.2em;
line-height: 16px;
text-align: center;
text-decoration: none;
color: #fff;
background: url(../images/bg-skip-to-content.png) no-repeat;
}
#skipLinks a:hover {
text-decoration: underline;
}
#searchForm {
position: absolute;
top: 34px;
right: 0;
width: 210px;
height: 31px;
margin: 0;
padding: 0 10px 0 0;
}
#searchForm label {
position: absolute;
left: -9999px;
}
#searchForm #txtKeywords {
float: left;
width: 125px;
font-size: 1.2em;
color: #c96;
}
#searchForm .submit {
float: right;
width: 70px;
height: 22px;
padding: 2px 0 3px;
border: none;
font-size: 1em;
text-transform: uppercase;
color: #fff;
background: url(../images/btn-search.png) no-repeat;
}
/* @end Layout - Header
-------------------------------- */
/* @group Layout - Footer
===================================== */
#footer {
clear: both;
width: 940px;
margin: 0 auto;
padding-top: 7px;
border-top: 1px solid #d3a655;
}
#footer hr { display: none; }
.twoColSR #footer {
width: 720px;
margin: 0;
padding-top: 78px;
border: 0;
background: url(../images/bg-primary-bot.png) no-repeat;
}
#footer div {
float: right;
padding: 5px 8px 0 0;
text-align: right;
}
#footer p {
margin-bottom: 0;
}
#footer a {
text-decoration: none;
color: #630;
}
#footer a:hover {
text-decoration: underline;
}
#footer #footnote {
clear: both;
float: none;
text-align: left;
}
#footer #footnote p {
font-size: 1em;
}
/* @end Layout - Footer
-------------------------------- */
/* @end LAYOUT
-------------------------------- */
/* @group NAVIGATION/UI
===================================== */
/* @group Nav - Breadcrumbs
===================================== */
#crumbList {
position: absolute;
bottom: 64px;
left: 192px;
width: 520px;
margin: 0;
color: #030;
}
#crumbList li {
padding: 0;
background: none;
}
#crumbList a {
text-transform: uppercase;
color: #030;
}
#crumbList a:hover {
text-decoration: underline;
}
.home #crumbList {
display: none;
}
/* @end Nav - Breadcrumbs
-------------------------------- */
/* @group Nav - Footer
===================================== */
#footer .nav {
float: right;
margin: 0 0 5px;
padding: 0;
}
#footer .nav li {
display: inline;
margin: 0 0 0 5px;
padding: 0 0 0 6px;
border-left: 1px solid;
line-height: 1;
background: transparent;
}
#footer .nav li:first-child {
border: 0;
}
#footer .nav li a {
text-decoration: underline;
}
/* @end Nav - Footer
-------------------------------- */
/* @group Nav - Footer (lang)
===================================== */
#footer .lang {
float: left;
margin: 0 0 0 8px;
}
#footer .lang dt {
float: left;
padding-right: 5px;
font-weight: normal;
}
#footer .lang dd,
#footer .lang li {
display: inline;
margin: 0;
padding: 0 4px 0 0;
background: transparent;
}
#footer .lang a,
#footer .lang img {
border: 0;
}
/* @end Nav - Footer (lang)
-------------------------------- */
/* @group Nav - Primary
===================================== */
#navPrimary {
position: absolute;
top: 62px;
left: 4px;
padding: 0 0 20px;
background: url(../images/bg-navPrimary-bot2.png) no-repeat 0 100%;
}
#navPrimary ul {
float: left;
width: 779px;
/*min-height: 43px;*/ /* ie6? */
margin: 0;
padding: 11px 0 0 178px;
list-style: none;
background: url(../images/bg-navPrimary-top2.png);
}
#navPrimary li {
float: left;
margin: 2px 0 0 0;
padding: 0;
font-size: 13px;
line-height: 15px;
white-space: nowrap; /* IE */
background: url(../images/rule-nav-primary.gif) no-repeat 0 50%;
}
#navPrimary li.first {
padding-left: 0;
background: none;
}
#navPrimary li a {
display: block;
padding: 0 11px;
text-decoration: none;
color: #fff;
}
#navPrimary li a:hover {
text-decoration: underline;
}
#navPrimary li a.current {
color: #9f9;
}
#navPrimary li ul {
display: none;
}
/* @end Nav - Primary
-------------------------------- */
/* @group Nav - Secondary
===================================== */
.navSecondary {
margin: 0 0 2em;
padding: 0;
list-style: none;
}
.navSecondary li ul {
margin-left: 0;
list-style: none;
}
.navSecondary li {
position: relative;
margin: 0 0 1em;
line-height: 1;
}
.navSecondary li a {
display: block;
width: 100%; /* play nice in IE6 */
padding: 0;
text-decoration: none; /* IE6 Bug */
}
.navSecondary li a:hover {
text-decoration: underline;
color: #000;
}
.navSecondary li.current a {
font-weight: bold;
color: #000;
}
/* @group Nav - Secondary - Second Level
===================================== */
.navSecondary li.current ul {
margin: 10px 0 0;
padding: 0 0 0 10px;
list-style: none;
}
.navSecondary li.current ul li {
position: relative;
margin:0;
padding: 6px 0 2px 14px;
font-weight: normal;
}
.navSecondary li.current ul li.last { position: relative; }
.navSecondary li.current ul li a {
display: block;
padding: 0;
font-weight: normal;
}
.navSecondary li.current li.current a { font-weight: bold; }
/* @end Nav - Secondary - Second Level
-------------------------------- */
/* @end Nav - Secondary
-------------------------------- */
/* @group Nav - Sequential, More Results
===================================== */
#svSearchResults .moreResults,
dl.moreResults {
padding: 8px;
background: #f7f1e4;
}
#svSearchResults dt {
border-color: #963;
}
dl.moreResults dd {
margin: 0;
}
.navSequential li,
.moreResults li {
background: transparent;
}
.navSequential li.current,
.moreResults li.current,
.navSequential a,
.moreResults a {
padding: 0 3px;
}
.navSequential a:hover,
.moreResults a:hover {
color: #fff;
background: #CF4E3D;
}
/* @end Nav - Sequential, More Results
-------------------------------- */
/* @group Nav - Utility
===================================== */
.navUtility {
display: none;
list-style: none;
}
.home .navUtility {
display: block;
float: right;
clear: both;
height: 31px;
overflow: hidden;
margin: 0;
padding: 17px 20px 0 0;
}
.home .navUtility li {
float: left;
margin: 0 0 0 -1px;
padding: 0 8px;
background: url(../images/rule-nav-primary.gif) no-repeat 0 2px;
}
.home .navUtility li a {
text-decoration: none;
color: #fff;
}
.home .navUtility li a:hover {
text-decoration: underline;
}
/* @end Nav - Utility
-------------------------------- */
/* @end NAVIGATION/UI
-------------------------------- */
/* @group MODULES
===================================== */
/* @group Advanced Search
===================================== */
form.advancedSearch {}
form.advancedSearch h3 {}
form.advancedSearch h4 {
padding: 0;
border-bottom: 1px dotted #630;
font-size: 14px !important;
line-height: 20px;
text-transform: uppercase;
}
form.advancedSearch fieldset {
margin: 0;
}
form.advancedSearch ol {
padding-top: 0;
}
form.advancedSearch li {
overflow: hidden;
margin: 0;
padding: 0 0 10px;
}
form.advancedSearch label {
width: 23%;
margin: 0 1.5% 10px 0;
padding: 0;
text-align: left;
font-weight: normal;
}
form.advancedSearch label.sel {
width: 180px;
}
form.advancedSearch select {
float: right;
width: 60px;
}
form.advancedSearch .buttons {
padding: 10px 0 0;
border-top: 1px solid #c90;
}
/* @end Advanced Search
-------------------------------- */
/* @group Banner / Highlights
===================================== */
#banner {
min-height: 355px;
}
.home #banner {
min-height: 305px;
}
#banner #highlights {
float: left;
position: relative;
width: 640px;
height: 355px;
overflow: hidden;
background: url(../images/bg-highlights.png) no-repeat;
}
#banner #spotlight {
position: relative;
float: right;
width: 320px;
}
.home #banner,
.home #banner #highlights {
height: 305px;
padding: 0;
background: none;
}
.home #banner #highlights {
position: relative;
width: 630px;
background: url(../images/bg-highlights-home.png) no-repeat 100% 0;
}
#highlights h2 {
position: absolute;
width: 240px;
padding-left: 390px;
font-size: 1.2em;
line-height: 2.5em;
font-weight: normal;
text-align: center;
text-transform: uppercase;
color: #fff;
}
#highlights div.slides {
position: relative;
z-index: 2;
height: 340px;
}
#highlights dl {
height: 340px;
margin: 0;
padding: 36px 30px 0 410px;
background: transparent !important;
}
#highlights dt {
margin: 0 0 9px;
padding: 10px 0 4px;
font-size: 2.4em;
line-height: 1.2em;
font-weight: normal;
background: #fff url(../images/rule-dotted-h.gif) repeat-x bottom;
}
#highlights dt a:hover {
color: #CF4E3D;
}
#highlights .image {
position: absolute;
top: 0;
left: 10px;
}
#highlights .image img {
width: 380px;
height: 340px;
}
#highlights a {
text-decoration: none;
color: #363;
}
#highlights .summary {
font-size: 1em;
background: #fff;
}
#highlights .summary p {
margin: 0;
padding-bottom: 9px;
font-size: 1.2em !important;
}
#highlights .summary ul {
list-style: none;
}
#highlights .summary ul li {
padding: 0 0 0 14px;
font-size: 1.2em !important;
background: transparent url(../images/ico-arrow-red-r.gif) no-repeat 0 4px;
}
#highlights .summary ul li a {
color: #CF4E3D;
}
#highlights .summary ul li a:hover {
text-decoration: underline;
}
#highlights .readMore {
display: block;
height: 22px;
margin: 4px 0 0;
padding-left: 12px;
font-size: .833em !important;
background: url(../images/btn-readmore-left.gif) no-repeat;
}
.seoLanding #highlights .readMore { display: none; }
#highlights .readMore a {
float: left;
height: 16px;
padding: 6px 12px 0 0;
text-transform: uppercase;
color: #fff;
background: url(../images/btn-readmore-right.gif) no-repeat 100% 0;
}
#highlights .nav {
position: absolute;
z-index: 3;
bottom: 18px;
left: 463px;
height: 20px;
margin: 0;
padding: 0;
list-style: none;
}
#highlights .nav li {
float: left;
margin: 0;
padding: 0 8px 0 0;
background: none;
}
#highlights .nav li a {
color: #630;
background-repeat: no-repeat;
}
#highlights .nav li a:hover {
color: #930;
}
#highlights .nav li.activeLI a {
text-decoration: underline;
color: #930;
}
#highlights .controls {
left: 410px;
}
#highlights .nav .prev,
#highlights .nav .next,
#highlights .nav .playPause {
padding-top: 4px;
}
#highlights .nav .prev a,
#highlights .nav .next a,
#highlights .nav .playPause a {
display: block;
float: left;
width: 9px;
height: 9px;
text-indent: -9999px;
}
#highlights .nav .playPause a {
width: 8px;
}
#highlights .nav .prev a { background-image: url(../images/ico-prev.gif); }
#highlights .nav .next a { background-image: url(../images/ico-next.gif); }
#highlights .nav .pause a { background-image: url(../images/ico-pause.gif); }
#highlights .nav .play a { background-image: url(../images/ico-play.gif); }
#banner .nav .play { display: none; }
#banner .paused .nav .play { display: block; }
#banner .paused .nav .pause { display: none; }
.home #highlights h2 {
position: absolute;
z-index: 1;
}
.home #highlights div.slides {
width: 630px;
left: 0;
}
.home #highlights dl {
width: 630px;
height: 305px;
margin: 0;
padding: 0;
}
.home #highlights dt {
position: absolute;
z-index: 9999;
width: 590px;
padding: 10px 0 0 28px;
font-size: 40px;
line-height: 40px;
color: #fff;
background: none;
}
.home #highlights dt.releaseDate { display: none !important; }
.home #highlights dt a {
text-decoration: none;
color: #fff;
}
.home #highlights .summary {
position: absolute;
bottom: 0;
left: 10px;
z-index: 2;
width: 270px;
height: 100px;
margin: 0;
padding: 13px 10px 0;
font-size: 1em;
background: transparent url(../images/bg-slideshow-summary-home.png) no-repeat 0 100%;
background-color: transparent !important;
}
.home #highlights .summary p {
padding-bottom: 3px;
}
.home #highlights .summary .readMore,
.home #highlights .summary .readMore a {
display: inline;
float: none;
padding: 0;
font-size: 1em !important;
text-decoration: underline;
text-transform: none;
color: #cf4e3d;
background: none;
}
.home #highlights .image {
top: 0;
right: 0;
left: 15px;
}
.home #highlights .image img {
width: 615px;
height: 270px;
}
.home #highlights .nav {
bottom: 9px;
}
.home #highlights .sequence {
left: 391px;
}
.home #highlights ul {
left: 335px;
}
#banner #highlights div.corners {
position: absolute;
top: 0;
left: 10px;
z-index: 10;
width: 100%;
height: 10px;
background: url(../images/bg-slideshow-corners.png) no-repeat 0 0;
}
.home #banner #highlights div.corners {
top: 0;
right: 0;
left: 0;
background: url(../images/bg-slideshow-corners-home.png) no-repeat 100% 0;
}
.home #banner #highlights div.summary-shadow-top {
position: absolute;
bottom: 109px;
left: 0;
width: 320px;
height: 2px;
background: url(../images/bg-slideshow-summary-wrap-home.png);
}
.home #banner #highlights div.summary-shadow-right {
position: absolute;
bottom: 0;
left: 300px;
z-index: 99;
width: 20px;
height: 109px;
background: url(../images/bg-slideshow-summary-wrap-home.png) 100% 100%;
}
.home #banner #highlights div.summary-shadow-left {
position: absolute;
bottom: 0;
left: 0;
width: 10px;
height: 109px;
background: url(../images/bg-slideshow-summary-wrap-home.png) 0 100%;
}
/* @end Banner / Highlights
-------------------------------- */
/* @group Cluetip Popup
===================================== */
#cluetip {
z-index: 998 !important;
}
/* global */
#cluetip-close img {
border: 0;
}
#cluetip-title {
overflow: hidden;
}
#cluetip-title #cluetip-close {
float: right;
position: relative;
}
#cluetip-waitimage {
width: 43px;
height: 11px;
position: absolute;
background-image: url(images/wait.gif);
}
.cluetip-arrows {
display: none;
position: absolute;
top: 0;
left: -11px;
height: 22px;
width: 11px;
background-repeat: no-repeat;
background-position: 0 0;
}
#cluetip-extra {
display: none;
}
/***************************************
=cluetipClass: 'default'
-------------------------------------- */
.cluetip-default {
background-color: #f9f1e2;
}
.cluetip-default #cluetip-outer {
position: relative;
margin: 0;
background-color: #f9f1e2;
}
.cluetip-default h3#cluetip-title {
margin: 0 0 5px;
padding: 8px 10px 4px;
font-size: 1.1em;
font-weight: normal;
text-transform: uppercase;
background-color: #d97129;
color: #fff;
}
.cluetip-default #cluetip-title a {
color: #fff;
text-transform: lowercase;
}
.cluetip-default #cluetip-inner {
padding: 10px;
}
.cluetip-default div#cluetip-close {
text-align: right;
margin: 0 5px 5px;
color: #900;
}
/* default arrows */
.clue-right-default .cluetip-arrows {
background-image: url(images/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
background-image: url(images/darrowright.gif);
left: 100%;
margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
background-image: url(images/darrowdown.gif);
top: 100%;
left: 50%;
margin-left: -11px;
height: 11px;
width: 22px;
}
.clue-bottom-default .cluetip-arrows {
background-image: url(images/darrowup.gif);
top: -11px;
left: 50%;
margin-left: -11px;
height: 11px;
width: 22px;
}
/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
zoom: 1;
}
/* @end Cluetip Popup
-------------------------------- */
/* @group Featured Recipe
===================================== */
.home #banner #spotlight {
clear: none;
width: 280px;
height: 273px;
margin-top: 30px;
padding: 0 20px;
background: url(../images/bg-spotlights-home.png) no-repeat;
}
.home #banner #spotlight h3 {
background: url(../images/bg-module-header-red-wide.png) no-repeat;
}
.home #featuredRecipe dl {
margin: 0;
padding: 0 0 12px;
clear: none;
}
.home #featuredRecipe {
min-height: 103px;
margin: 0;
padding: .7em 0 0;
padding-left: 150px;
}
.home #featuredRecipe h4 {
margin: 0;
padding: 0;
font-size: 1.2em;
line-height: 1.5em;
text-transform: uppercase;
color: #cf4e3d;
}
.home #featuredRecipe dt {
margin: 0;
padding: 0;
line-height: 1.5em;
font-weight: normal;
color: #cf4e3d;
}
.home #featuredRecipe .image {
position: absolute;
top: .834em;
left: 20px;
}
.home #featuredRecipe .image img {
width: 135px;
}
.home #featuredRecipe .readMore {
display: none;
}
.home .recipeSearch {
margin: 0;
padding: 1.8em 0 0;
background: url(../images/rule-dotted-h.png) repeat-x;
}
.home .recipeSearch p {
margin-bottom: 7px;
}
.home .recipeSearch input.text {
width: 189px;
margin-right: 15px;
}
/* @end Featured Recipe
-------------------------------- */
/* @group Features
===================================== */
#features {
clear: both;
margin: 35px 0 0;
background: url(../images/bg-faux-feature-bottom.png) no-repeat 0 100%;
}
#features .column {
float: left;
position: relative;
width: 320px;
margin: 0;
padding: 0 0 50px;
background: url(../images/bg-faux-feature-top.png) no-repeat 10px 0;
}
#features .column .feature,
#features .column .svIndex {
overflow: hidden;
padding: 12px 20px 0;
}
#features .column .feature .svIndex {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
#features .column h3 {
position: absolute;
top: -30px;
left: 0;
width: 280px;
height: 30px;
padding: 0 20px;
font-size: 1.2em;
line-height: 2.5em;
font-weight: normal;
text-align: center;
text-transform: uppercase;
color: #fff;
background: url(../images/bg-module-header-green-wide.png) no-repeat;
}
#features .column.first h3 { background: url(../images/bg-module-header-red-wide.png) no-repeat; }
#features .column.last h3 { background: url(../images/bg-module-header-orange-wide.png) no-repeat; }
#features .column h4 {
margin: 0;
padding: 0;
font-size: 1.2em;
line-height: 1.5;
text-transform: uppercase;
}
#features .column dl {
position: relative;
margin: 0;
padding: 12px 0 7px;
background: url(../images/rule-dotted-h.gif) repeat-x;
}
#features .column dl.first {
padding-top: 0;
background: none;
}
#features .column dt {
position: relative;
margin: 0;
line-height: 1.5em;
font-weight: normal;
text-transform: uppercase;
color: #cb6a26;
}
#features .column dt,
#features .column dt a,
#features .column .credits {
color: #32743c;
}
#features div.first dt,
#features div.first dt a,
#features div.first .credits {
color: #CF4E3D;
}
#features div.last dt,
#features div.last dt a,
#features div.last .credits {
color: #f60;
}
#features .column dt a:hover {
text-decoration: underline;
}
#features .column dt img {
position: absolute;
top: 3px;
left: -140px;
}
#features .column dd {
margin: 0;
}
#features .column dd p {
margin-bottom: 0;
line-height: 1.5em;
color: #630;
}
#features .column dd.image {
display: none;
}
#features .column span.readMore {
display: none;
}
#features .column ul {
list-style: none;
}
#features .column ul li {
padding: 0 0 0 14px;
background: transparent url(../images/ico-arrow-red-r.gif) no-repeat scroll 0 4px
}
#features .featureGrid ul {
margin: 0 -15px 0 5px;
}
#features .featureGrid ul li {
float: left;
width: 80px;
margin: 0 15px 0 0;
padding: 0 0 20px;
list-style: none;
font-size: 1.2em;
line-height: 1.5em;
text-align: center;
background: transparent;
}
#features .featureGrid2col ul {
margin-left: 2px;
}
#features .featureGrid2col ul li {
width: 130px;
}
#features .featureGrid li a {
display: block;
padding: 0;
text-decoration: none;
color: #630;
background: transparent;
}
#features .featureGrid li a:hover {
text-decoration: none;
color: #cf4e3d;
}
#features .featureGrid li img {
display: block;
margin: 0 auto;
}
#features .featuresIllustrated dl {
min-height: 90px;
padding: 10px 0 10px 140px;
}
#features .featuresIllustrated dl.first {
/*padding-top: 10px;*/
}
#features .featuresIllustrated dd {
margin: 0;
}
#features .featuresIllustrated dd.image {
display: block;
position: absolute;
top: 7px;
left: 0;
}
#features div.contact dl {
padding-top: 0;
background: none;
}
#features div.contact dt {
margin: 0 0 10px;
padding: 0 0 8px;
background: url(../images/rule-dotted-h.gif) repeat-x 0 100%;
}
#features div.contact dd {
line-height: 1.5em;
}
#features div.contact dd.address,
#features div.contact dd.fax {
padding: 0 0 9px;
}
#features #sysExperts {
margin-top: -10px;
padding-top: 0;
}
/* @end Features
-------------------------------- */
/* @group Gallery
===================================== */
#svGallery li {
width: 22.5%;
margin: 0;
padding: 0 1%;
background: transparent;
}
/* @end Gallery
-------------------------------- */
/* @group In This Section
===================================== */
.thisSection {
z-index: 99;
padding: 12px 20px 30px;
}
.thisSection dt {
background: url(../images/bg-module-header-red.png) no-repeat;
}
.pageTools {
margin: 0;
padding: 6px 0 0;
background: url(../images/rule-dotted-h.gif) repeat-x;
}
.pageTools ul {
height: 26px;
margin: 0;
}
.pageTools ul li {
float: left;
height: 26px;
margin: 0;
padding: 0;
list-style: none;
text-align: left;
text-indent: -9999px;
cursor: pointer;
}
.pageTools ul li#print {
position: relative;
width: 83px;
background: url(../images/ico-print.png) no-repeat;
}
.pageTools ul li#print a {
display: block;
width: 83px;
height: 26px;
}
.pageTools #print ul {
position: absolute;
top: 20px;
left: -9999px;
width: 150px;
height: auto;
padding: 8px 0px;
background: #c24939;
}
.pageTools #print:hover ul,
.pageTools #print.sfhover ul {
left: 30px;
}
.pageTools #print ul li {
float: none;
height: auto;
padding: 0 11px;
text-indent: 0;
background: transparent;
}
.pageTools #print ul li a {
display: block;
height: auto;
padding: 3px 0 3px 13px;
text-decoration: none;
color: #fff;
background: url(../images/ico-arrow-white-red.gif) no-repeat 0 50%;
}
.pageTools #print ul li a:hover { text-decoration: underline; }
.pageTools ul li#sendToFriend {
width: 80px;
background: url(../images/ico-share.png) no-repeat;
}
.pageTools ul li#sendToFriend a {
display: block;
width: 100%;
height: 26px;
}
.thisSection ul.navSecondary {
margin-top: 5px;
}
.thisSection ul.navSecondary li {
margin: 0 0 6px;
padding: 0 0 0 14px;
line-height: 1.5em;
background: url(../images/ico-arrow-red-r.gif) no-repeat 0 4px;
}
.thisSection ul.navSecondary li a {
color: #630;
}
.thisSection ul.navSecondary li ul {
margin: 4px 0 0;
padding: 0 0 0 1px;
}
.thisSection ul.navSecondary li li {
background-position: 0 10px;
}
.thisSection .recipeSearch {
float: none;
margin: 0;
padding: 0;
background: none;
}
.thisSection .recipeSearch .search label {
display: none;
}
.thisSection .recipeSearch .buttons {
overflow: hidden;
padding: 8px 0 5px;
text-align: left;
}
.searchButton {
float: left;
background: url(../images/btn-search-red.png) no-repeat;
}
.submitButton {
background: url(../images/btn-submit.png) no-repeat;
}
.thisSection .recipeSearch .buttons a {
display: block;
float: left;
margin: 0 0 0 20px;
font-size: 12px;
line-height: 1.833em;
text-decoration: underline;
color: #630;
}
.thisSection .recipeSearch .buttons a:hover {
text-decoration: none;
}
.thisSection p {
color: #630;
}
.spotlight .thisSection h3 {
background: url(../images/bg-module-header-red-wide.png) no-repeat;
}
.spotlight .thisSection ul {
overflow: hidden;
margin: 0 0 1em;
}
.spotlight .thisSection ul li {
float: left;
width: 126px;
}
.spotlight .thisSection .pageTools ul {
margin: 0;
}
.spotlight .thisSection .pageTools ul li.print {
width: 83px;
}
.spotlight .thisSection .pageTools ul li.share {
width: 90px;
}
/* @end In This Section
-------------------------------- */
/* @group module
===================================== */
.module,
.thisSection,
.svMailingList,
#svFavoritesList {
clear: both;
position: relative;
width: 200px;
margin: 30px 0 0 0;
padding: 15px 20px 30px 20px;
background: url(../images/bg-module-content.png) no-repeat 0 100%;
}
.module dt,
.module h3,
.thisSection dt,
.svMailingList h3,
#svFavoritesList h3 {
position: absolute;
top: -30px;
left: 0;
width: 200px;
height: 30px;
padding: 0 20px;
font-size: 1.2em;
line-height: 2.5em;
font-weight: normal;
text-align: center;
text-transform: uppercase;
color: #fff;
}
.module dt,
.module h3 { background: url(../images/bg-module-header-orange.png) no-repeat; }
#simpleSearch.module dt { background: url(../images/bg-module-header-red.png) no-repeat; }
.aff h3,
#searchTips h3 { background: url(../images/bg-module-header-green.png) no-repeat; }
.aff img {
display: block;
margin: 0 auto;
}
#searchTips ul {
margin: 0;
padding: 0 0 1px;
list-style: none;
}
#searchTips li {
margin: 0 0 8px;
padding-left: 24px;
background-repeat: no-repeat;
background-position: 0 0;
line-height: 20px;
}
#askDietitian.module form {
float: none;
margin: 0;
}
#askDietitian.module p {
color: #693705;
}
#askDietitian.module textarea {
width: 98%;
height: 46px;
margin: 0 0 11px;
border: 1px solid #6b3a09;
font-size: 1.2em;
color: #693705;
-moz-box-shadow: 0 0 6px rgba(125,125,125, .33);
-webkit-box-shadow: 0 0 6px rgba(125,125,125, .33);
box-shadow: 0 0 6px rgba(125,125,125, .33);
}

/* @Custom Form Elements
-------------------------------- */
#recipes textarea, #recipes select {
margin: 0 0 0;}
#recipes .question p {margin:0 0 10px;}
#recipes .question {margin: 50%;}
#recipes label, p.fieldLabel
{float:left;
font-weight:normal;
text-align:left;
width:40%;
padding-left:40px;}
#recipes p strong {
	display: block;
	margin: 20px 0 10px 0;}
/* @end Custom Form Elements
-------------------------------- */

#askDietitian.module .buttons {
text-align: left;
}
#askDietitian.module .buttons input {
width: 102px;
height: 22px;
border: none;
font-size: 10px;
line-height: 2.2em;
text-align: center;
text-transform: uppercase;
color: #fff;
background: url(../images/btn-blank-orange.gif) no-repeat;
}
/* @end Module
-------------------------------- */
/* @group moduleWide
===================================== */
.spotlight .thisSection,
.spotlight .svMailingList,
.recipeSearch,
#myRecipes {
clear: both;
position: relative;
width: 280px;
margin: 30px 0 0;
padding: 15px 20px 30px;
background: url(../images/bg-module-content-wide.png) no-repeat 0 100%;
}
.spotlight .thisSection h3,
.recipeSearch h3,
#myRecipes h3,
.home #spotlight h3 {
position: absolute;
top: -30px;
left: 0;
width: 280px;
height: 30px;
padding: 0 20px;
font-size: 1.2em;
line-height: 2.5em;
font-weight: normal;
text-align: center;
text-transform: uppercase;
color: #fff;
}
/* @end moduleWide
-------------------------------- */
/* @group My Recipes
===================================== */
#myRecipes {
width: 270px;
padding: 1.2em 20px 30px 30px;
}
#myRecipes h3 {
background: url(../images/bg-module-header-orange-wide.png) no-repeat;
}
#myRecipes li {
padding: 0;
background: transparent;
}
.spotlight #myRecipes ul {
list-style: none;
}
.spotlight #myRecipes ul li {
overflow: hidden;
}
.spotlight #myRecipes ul li img {
float: left;
width: 40px;
height: 35px;
margin-right: 5px;
}
#myRecipes form {
overflow: hidden;
margin-bottom: -1em;
}
#myRecipes form p {
margin-bottom: 8px;
color: #630;
}
#myRecipes form p a {
text-decoration: underline;
color: #c63;
}
#myRecipes form label {
display: none;
}
#myRecipes form ol {
float: left;
}
#myRecipes form ol li {
margin-bottom: 8px;
}
#myRecipes form ol input {
width: 180px;
}
.loginButton {
background: url(../images/btn-login.png) no-repeat;
}
/* @end My Recipes
-------------------------------- */
/* @group Profile
===================================== */
.sysEditProfile .pageTitle {
display: none;
}
.sysEditProfile .profileTitle {
display: block;
}
form#profile {
padding: 2em 0 0;
}
#profile legend {
font-size: 1.6em;
color: #363;
}
#profile ul {
padding: 2em 0 0;
}
#profile li {
background: transparent;
}
#profile label {
width: 150px;
font-weight: normal;
}
#profile input.text {
width: 300px;
}
#profile .buttons .button {
float: right;
}
/* @end Profile
-------------------------------- */
/* @group Recipe
===================================== */
.recipe {
margin-top: -5px;
margin-bottom: 0;
padding-bottom: 5px;
}
.recipe ul {
margin: 0;
list-style: none;
}
.recipe .details {
position: relative;
width: 310px;
min-height: 250px;
overflow: hidden;
margin-bottom: 0;
padding-left: 330px;
}
.recipe .details dt {
padding-bottom: 10px;;
font-size: 2.4em;
font-weight: normal;
color: #363;
background: url(../images/rule-dotted-h.gif) repeat-x 0 100%;
}
.recipe .details .photo {
position: absolute;
top: 0;
left: 0;
width: 310px;
overflow: hidden;
}
.recipe .details .photo img {
width: 310px;
}
.recipe .stats,
.recipe .options {
width: 100%;
overflow: hidden;
padding: 5px 0;
}
.recipe .stats li,
.recipe .options li {
float: left;
margin: 0;
padding: 0 5px 0 7px;
background: url(../images/rule-recipe.gif) no-repeat 0 3px;
}
.recipe .stats li.servings,
.recipe .options li.rate {
padding-left: 0;
background: none;
}
.recipe .ratings {
margin-bottom: 0;
padding-bottom: 5px;
}
.recipe .video {}
.recipe .video a {
display: block;
padding: 0 0 0 50px;
line-height: 27px;
text-decoration: none;
color: #630;
background: url(../images/ico-video-watch.png) no-repeat 0 0;
}
.recipe .video a:hover {
text-decoration: underline;
}
.recipe .instructions {
position: relative;
overflow: hidden;
margin-bottom: 20px;
border-top: 15px solid #fff;
background: #fff url(../images/rule-dotted-v.png) repeat-y 320px 0;
}
.recipe .instructions dl {
margin-bottom: -5px;
}
.recipe .instructions dt {
width: 310px;
height: 30px;
margin-bottom: 15px;
line-height: 2.5em;
font-weight: normal;
text-align: center;
text-transform: uppercase;
color: #fff;
}
.recipe .ingredients dt {background: url(../images/bg-instruction-header-green.png) no-repeat;}
.recipe .directions dt {background: url(../images/bg-instruction-header-orange.png) no-repeat;}
.ingredients dd {
padding: 0 0 8px;
}
.ingredients dd li {
padding: 0 0 0 20px;
background: url(../images/ico-bullet-green.gif) no-repeat 2px 2px;
}
.recipe .ingredients {
float: left;
clear: none;
width: 310px;
}
.recipe .directions {
float: right;
clear: none;
width: 310px;
}
.recipe .directions li {
color: #630;
}
.recipe .directions dd ol {
margin: 0;
padding: 0 0 0 22px;
}
.recipe .directions dd ol li {
padding: 0 0 5px 0;
list-style-type: decimal;
background: none;
}
.additionalInfo .navTabs {
width: 640px;
height: 30px;
margin: 0;
border-bottom: 5px solid #c24939;
}
.additionalInfo .navTabs li {
float: left;
width: 210pxpx;
margin: 0;
padding: 0 0 0 5px;
line-height: 2.5em;
text-align: center;
text-transform: uppercase;
color: #fff;
background: none;
}
.additionalInfo .navTabs li.first {
padding: 0;
}
.additionalInfo .navTabs li.last {
width: 210px;
}
.additionalInfo .navTabs li a {
display: block;
width: 210px;
height: 30px;
text-decoration: none;
color: #fba;
background: url(../images/bg-navTabs.png) no-repeat 0 100%;
}
.additionalInfo .navTabs li a:hover {
text-decoration: underline;
}
.additionalInfo .navTabs li a.current:hover {
text-decoration: none;
}
.additionalInfo .navTabs li a.current {
color: #fff;
background-position: 0 0;
}
.additionalInfo .navTabs li.first a.current {
background-position: 0 0;
}
.additionalInfo .navTabs li.last a.current {
background-position: 100% 0;
}
.additionalInfo .tab {
overflow: hidden;
padding: 14px 9px;
border: dotted #963;
border-width: 0 1px;
}
.additionalInfo .tab ul {
margin-bottom: 0;
}
.additionalInfo .tab .column {
float: left;
width: 188px;
margin: 0;
padding: 0 9px;
}
.additionalInfo .tab ul li {
padding: 0;
background: none;
}
.additionalInfo .tab ul li strong {
font-weight: normal;
}
.additionalInfo .reviews {
padding: 0 19px 10px;
color: #630;
background: url(../images/rule-dotted-v.png) repeat-y 320px 0;
}
.recipe .reviews .submitReview {
float: left;
width: 303px;
border-top: 16px solid #fff;
}
.recipe .reviews .submitReview fieldset {
margin: 0;
padding: 0;
}
.recipe .reviews .submitReview li {
position: relative;
padding: 0;
background: transparent;
}
.recipe .reviews .submitReview legend {
margin-left: 0;
padding-bottom: 0;
padding-left: 0;
font-size: 1.2em;
font-weight: bold;
}
.recipe .reviews .submitReview label {
position: absolute;
top: 4px;
left: 7px;
width: auto;
margin: 0;
padding: 0;
font-weight: normal;
color: #c96;
background: transparent;
}
.recipe .reviews .submitReview input.text,
.recipe .reviews .submitReview textarea {
color: #630;
}
.recipe .reviews .submitReview li.rating {
width: auto;
}
.recipe .reviews .submitReview li.rating .stars {
clear: none;
width: auto;
}
.additionalInfo .reviews #svRatings {
margin-bottom: 0;
}
.additionalInfo .reviews #svRatings h3 {
float: left;
padding: 0 10px 0 0;
font-size: 1.2em;
font-weight: bold;
color: #630;
background: transparent;
}
.additionalInfo .reviews #svRatings input {
position: absolute;
left: -9999px;
}
.additionalInfo .reviews #svRatings .stars {
float: left;
}
.additionalInfo .reviews #svRatings #rateIt {
margin-bottom: 0;
}
.recipe .reviews .submitReview .buttons {
text-align: left;
}
.recipe .reviews .reviewList {
float: right;
width: 290px;
padding: 16px 0 0;
}
.recipe .reviews .review {
margin: 0;
padding-top: 15px;
background: url(../images/rule-dotted-h.gif) repeat-x;
}
.recipe .reviews .reviewList .first,
.recipe .reviews .review:first-child {
padding-top: 0;
background: transparent;
}
.recipe .reviews .review dt {
margin: 0;
}
.recipe .reviews .review .rating {
margin: 6px 0 0;
width: 75px;
color: #cb6a26;
background: transparent;
}
.recipe .reviews .review .ratings {
padding: 0;
}
.recipe .reviews .review .date {
padding-top: 9px;
color: #cb6a26;
}
.recipe .reviews .review .summary {
clear: both;
margin: 0;
padding: 0 0 3px;
}
.additionalInfo .relatedRecipes {
padding-right: 0;
padding-left: 8px;
}
.additionalInfo div.relatedRecipes ul {
overflow: hidden;
}
.additionalInfo div.relatedRecipes ul li {
float: left;
width: 200px;
padding: 0 10px 0 0;
text-align: center;
color: #630;
}
.additionalInfo .relatedRecipes h4 img {
display: block;
max-width: 200px;
max-height: 125px;
margin: 0 auto 1em;
}
.additionalInfo .relatedRecipes a {
text-decoration: none;
color: #630;
}
.additionalInfo .relatedRecipes a:hover {
text-decoration: underline;
}
/* @end Recipe
-------------------------------- */
/* @group Recipe Search
===================================== */
.recipeSearch {
padding: 1.2em 20px 2.9em;
}
.recipeSearch h3 {
background: url(../images/bg-module-header-red-wide.png) no-repeat;
}
.recipeSearch p {
margin-bottom: 5px;
color: #630;
}
.recipeSearch div {
overflow: hidden;
}
.recipeSearch form {
margin: 0;
padding-bottom: .7em;
}
.recipeSearch .search {
float: left;
}
.recipeSearch .search label {
display: none;
}
.recipeSearch .search input {
width: 194px;
}
.spotlight .recipeSearch .searchButton {
float: right;
}
.spotlight .recipeSearch .pageTools .advancedSearch {
height: 20px;
margin-right: 7px;
padding-top: 6px;
padding-right: 5px;
font-size: 12px;
text-indent: 0;
background: url(../images/rule-dotted-v.gif) repeat-y 100% 0;
}
.spotlight .recipeSearch .pageTools .advancedSearch a {
text-indent: 0;
text-decoration: underline;
color: #630;
}
#allrecipes #svPortal,
.bakingChallenge #svPortal {
padding: 15px 0 1px;
border-top: 1px dotted #963;
}
#allrecipes #svPortal dl,
#allrecipes #svPortal dl.first,
.bakingChallenge #svPortal dl,
.bakingChallenge #svPortal dl.first {
position: relative;
min-height: 74px;
margin: 0 0 1.5em;
padding: 0 0 1.5em 85px;
border-bottom: 1px dotted #963;
background: transparent;
}
.bakingChallenge #svPortal,
.bakingChallenge #svPortal dl,
.bakingChallenge #svPortal dl.first {
border-color: #e3970a;
}
#allrecipes #svPortal dt,
.bakingChallenge #svPortal dt {
margin-right: 90px;
font-size: 1.6em;
}
#allrecipes #svPortal dd.image,
.bakingChallenge #svPortal dd.image {
position: absolute;
top: 0;
left: 0;
}
#allrecipes #svPortal dd.image img,
.bakingChallenge #svPortal dd.image img {
width: 74px;
height: 74px;
}
#allrecipes #svPortal dd.features,
.bakingChallenge #svPortal dd.features {
float: left;
}
dd.features span {
display: -moz-inline-block;
display: inline-block;
width: 19px;
height: 19px;
margin: 0 5px 0 0;
text-indent: -9999px;
}
.lowCalorie { background-image: url(../images/ico-recipes-300.png); }
.vegetarian { background-image: url(../images/ico-recipes-v.png); }
.quickEasy { background-image: url(../images/ico-recipes-qe.png); }
.chefCollection { background-image: url(../images/ico-recipes-chef.png); }
#allrecipes #svPortal dd.cookTime,
.bakingChallenge #svPortal dd.cookTime {
float: left;
margin: 0 10px 0 0;
padding: 0 10px 0 0;
border-right: 1px dotted;
line-height: 20px;
}
#allrecipes #svPortal dd.prepTime,
.bakingChallenge #svPortal dd.prepTime {
float: left;
margin: 0 21px 0 0;
line-height: 20px;
}
#allrecipes #svPortal dd.ratings,
.bakingChallenge #svPortal dd.ratings {
position: absolute;
top: 0;
right: 0;
}
#allrecipes #svPortal dd.summary,
.bakingChallenge #svPortal dd.summary {
overflow: hidden;
clear: both;
padding: 3px 0;
}
#allrecipes #svPortal dd.summary .description,
.bakingChallenge #svPortal dd.summary .description {
float: none;
padding: 0 0 5px;
}
#allrecipes #svPortal dd.summary .description p,
.bakingChallenge #svPortal dd.summary .description p {
margin: 0;
}
#allrecipes #svPortal dd.summary .credits,
#allrecipes #svPortal dd.summary .comments,
.bakingChallenge #svPortal dd.summary .credits,
.bakingChallenge #svPortal dd.summary .comments {
float: left;
margin-right: 16px;
font-size: .917em;
color: #CB6A26;
}
#allrecipes #svPortal dd.summary .comments a,
.bakingChallenge #svPortal dd.summary .comments a {
color: #CB6A26;
}
.bakingChallenge #svPortal dd.summary .credits,
.bakingChallenge #svPortal dd.summary .comments,
.bakingChallenge #svPortal dd.summary .comments a {
color: #DA553C;
}
#allrecipes #svPortal dd.summary .comments a:hover,
#allrecipes #svPortal dd.summary .comments a.hover,
.bakingChallenge #svPortal dd.summary .comments a:hover,
.bakingChallenge #svPortal dd.summary .comments a.hover {
color: #32743C;
}
/* @end Recipe Search
-------------------------------- */
/* @group svFavoritesList
===================================== */
#svFavoritesList {
margin: 35px 0 0;
padding: 10px 20px 30px;
}
#svFavoritesList h3 {
background: url(../images/bg-module-header-orange.png) no-repeat;
}
#svFavoritesList p {
margin: 0 0 10px;
padding: 0 0 8px;
color: #630;
background: url(../images/rule-dotted-h.gif) repeat-x 0 100%;
}
#svFavoritesList p a {
text-decoration: none;
color: #c24939;
}
#svFavoritesList p a:hover {
text-decoration: underline;
}
#svFavoritesList p a.user {
margin-right: 4px;
padding-right: 6px;
border-right: 1px solid #630;
color: #630;
}
#svFavoritesList #favoriteList,
#recentSubmissions ul {
margin: 0;
list-style: none;
font-size: 12px;
}
#svFavoritesList #favoriteList li,
#recentSubmissions ul li {
clear: both;
overflow: hidden;
margin: 0 !important;
padding: 0 0 10px;
font-size: 11px;
line-height: 1.1;
background: transparent;
}
#svFavoritesList #favoriteList li a,
#recentSubmissions ul li a {
margin: 0;
font-size: 1.091em !important;
line-height: 1.5em;
text-decoration: none;
color: #630;
}
#recentSubmissions ul li a {
color: #7b2c18;
}
#recentSubmissions ul li a:hover {
text-decoration: underline;
}
#svFavoritesList #favoriteList li img,
#recentSubmissions ul li img {
float: left;
width: 40px;
height: 35px;
margin-right: 10px;
margin-bottom: -3px;
}
#svFavoritesList .options {
padding: 17px 0 0;
background: url(../images/rule-dotted-h.gif) repeat-x;
}
#svFavoritesList .options span {
display: block;
}
#svFavoritesList .options span a {
height: 16px;
padding: 8px 0 0 42px;
font-size: 1.2em;
line-height: 1em;
text-decoration: none;
color: #630;
background: url(../images/ico-folder.png) no-repeat;
}
#svFavoritesList #login form {
margin: 0;
}
#svFavoritesList #login form li {
padding-left: 0;
background: transparent;
}
#svFavoritesList #login form label {
font-weight: normal;
}
#svFavoritesList #login form button.submit {
display: block;
width: 70px;
height: 22px;
margin: 0;
padding: 0;
border: 0;
text-indent: -9999px;
background: url(../images/btn-login.png);
}
#svFavoritesList #login form p {
background-position: 0 13px;
padding: 22px 0 0;
margin: 0;
}
#svFavoritesList #favoriteList li.more {
padding-top: 8px;
padding-bottom: 4px;
}
ul#favoriteListMore {
padding-top: 8px;
border-top: 1px dotted;
}
/* @end svFavoritesList
-------------------------------- */
/* @group svIndex, svFeed
===================================== */
.svIndex {
margin: 0;
}
#primary .svFeed {
clear: both;
padding: 2em 0 0;
border-top: 0;
}
#primary .svFeed dl {
padding: 1em 0 0;
border-top: 1px dotted #963;
}
/* @end svIndex, svFeed
-------------------------------- */
/* @group svMailingList
===================================== */
.svMailingList {
margin: 35px 0 0;
padding: 10px 20px 30px;
}
.svMailingList h3 {
background: url(../images/bg-module-header-green.png) no-repeat;
}
.svMailingList p {
color: #630;
}
.svMailingList em { /* for confirmation message */
display: block;
padding: 11px 0 5px 20px;
font-size: 1.2em;
color: #630;
}
.svMailingList form {
float: none;
overflow: hidden;
position: relative;
margin-bottom: 0;
}
.svMailingList form legend {
display: none;
}
.svMailingList form fieldset {
margin: 0;
padding: 0;
}
.svMailingList form ol li {
margin: 0;
padding: 0;
background: none;
}
.svMailingList form ol li label {
display: none;
}
.svMailingList .buttons {
height: 22px;
padding: 8px 0 0 0;
text-align: left;
}
.svMailingList .buttons input {
width: 70px;
height: 22px;
border: none;
font-size: 10px;
line-height: 2.2em;
text-align: center;
text-transform: uppercase;
color: #fff;
background: url(../images/btn-sign-up.gif) no-repeat;
}
.spotlight .svMailingList h3 {
width: 280px;
background: url(../images/bg-module-header-green-wide.png) no-repeat;
}
.spotlight .svMailingList form {
overflow: hidden;
}
.spotlight .svMailingList form fieldset {
float: left;
}
.spotlight .svMailingList form .buttons {
float: right;
padding: 0;
}
.spotlight .svMailingList form ol {
padding: 0;
}
.spotlight .svMailingList form input.text {
width: 190px;
}
/* @end svMailingList
-------------------------------- */
/* @group svRelContent
===================================== */
div.svRelContent dt {
top: 0;
position: relative;
width: auto;
height: auto;
padding: 0;
line-height: 1.5;
text-align: left;
text-transform: none;
background: transparent;
}
div.svRelContent dt a{
color: #630
}
/* @end svRelContent
-------------------------------- */
/* @group svSessionTools
===================================== */
#navSession li {
background: transparent;
}
/* @end svSessionTools
-------------------------------- */
/* @group Portal
===================================== */
#svPortal {
clear: both;
border: 0;
}
#svPortal dl {
margin: 0;
padding: 17px 0 16px;
background: url(../images/rule-dotted-h.gif) repeat-x;
}
#svPortal dl.first {
padding: 0 0 16px;
background: none;
}
#svPortal dt {
margin: 0 0 .28em;
font-size: 1.8em;
line-height: 1em;
font-weight: normal;
color: #363;
}
#svPortal dt a {
color: #363;
}
.bakingChallenge #svPortal dt a {
color: #49A36A;
}
#svPortal dt.releaseDate {
margin: 0 0 1em;
font-size: 1.2em;
color: #cb6a26;
}
#svPortal dd {
margin: 0;
}
#svPortal dd.image {
margin-right: 10px;
}
.contentGrid #svPortal {
overflow: hidden;
}
.contentGrid #svPortal dl {
float: left;
clear: none;
width: 47%;
padding: 17px 2.5% 16px 0;
border: 0;
background: none;
}
.contentGrid #svPortal dl dd.image {
margin-right: 10px;
}
#svPortal dd.credits,
dd.credits {
float: none;
margin: 0 0 .5em;
padding: 0;
color: #CB6A26;
}
/* @end Portal
-------------------------------- */
/* @group Tabs (recipe categories)
===================================== */
#recipeCategories {
clear: both;
}
#recipeCategories .navTabs {
margin: 0;
width: 940px;
height: 30px;
padding: 0 10px 20px;
list-style: none;
background: url(../images/bg-recipe-categories-tab-header.png) no-repeat;
}
#recipeCategories .navTabs li {
float: left;
width: 229px;
height: 30px;
margin: 0 0 0 8px;
padding: 0;
background: none;
}
#recipeCategories .navTabs li.first {
margin: 0;
}
#recipeCategories .navTabs li a {
display: block;
height: 30px;
font-size: 1em;
line-height: 2.5em;
font-weight: normal;
text-align: center;
text-transform: uppercase;
text-decoration: none;
color: #9c9;
background: url(../images/bg-recipe-categories-tab.png) 0 -30px;
}
#recipeCategories .navTabs li a:hover {
text-decoration: underline;
}
#recipeCategories .navTabs li a.current {
text-decoration: none !important;
color: #fff;
background-position: 0 0;
}
#recipeCategories .tab {
width: 890px;
padding: 18px 35px 50px;
background: url(../images/bg-recipe-categories-tab-content.png) no-repeat 0 100%;
}
#recipeCategories .tab .svIndex {
margin: 0 -30px 0 0;
padding: 5px 0 0;
}
#recipeCategories .tab .svIndex dl {
float: left;
clear: none;
position: relative;
width: 200px;
overflow: hidden;
margin: 0 30px 0 0;
padding: 164px 0 40px;
}
#recipeCategories .tab .svIndex dt {
height: 1.5em;
overflow: hidden;
font-size: 1.2em;
line-height: 1.5em;
font-weight: normal;
text-align: center;
}
#recipeCategories .tab .svIndex dt a {
color: #630;
}
#recipeCategories .tab .svIndex dd.ratings {
position: absolute;
bottom: 10px;
left: 67px;
width: 69px;
height: 31px;
overflow: hidden;
}
#recipeCategories .tab .svIndex dd.image {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
#recipeCategories .tab .svIndex dd.image a {
display: block;
height: 157px;
overflow: hidden;
}
/* @end Tabs
-------------------------------- */
/* @group Teasers
===================================== */
#teasers {
position: relative;
width: 960px;
margin: 25px 0 0;
padding: 0 0 15px;
background: url(../images/bg-teasers.png) no-repeat 0 100%;
}
.home #teasers { margin-top: 20px; }
#teasers h3 {
position: absolute;
top: -20px;
left: 0;
width: 920px;
height: 20px;
margin: 0;
padding: 0 20px;
font-size: 12px;
line-height: 20px;
font-weight: normal;
text-align: center;
color: #fff;
background: url(../images/bg-teasers-header.png) no-repeat;
}
#teasers .section h3 {
position: absolute;
top: -23px;
left: 0;
width: 300px;
height: 20px;
padding: 3px 0 0 10px;
text-transform: uppercase;
background-image: none;
}
#teasers div.first h3 {
width: 300px;
padding-right: 650px;
background: url(../images/bg-teasers-header-first.png) no-repeat 0 0;
}
#teasers .section h3 a em,
#teasers .section h3 em a {
display: -moz-inline-block;
display: inline-block;
margin-left: 5px;
padding-left: 8px;
border-left: 1px dotted;
line-height: 1em;
text-transform: none;
font-style: normal;
text-decoration: underline;
}
#teasers h3 strong {
font-weight: normal;
text-transform: uppercase;
}
#teasers h3 a {
padding: 0 16px 0 0;
text-decoration: none;
color: #fff;
background: url(../images/ico-arrow-white-r.gif) no-repeat 100% 50%;
}
#teasers .section {
float: left;
clear: none;
position: relative;
min-height: 5.5em;
width: 320px;
margin: 0;
padding: 0 0 10px;
background: none;
}
#teasers.sections .section {
width: 290px;
padding: 12px 10px 10px 20px;
}
#teasers.sections div.first {
width: 280px;
padding-left: 30px;
}
#teasers.sections div.last {
width: 280px;
padding-right: 20px;
}
#teasers.sections .section p {
margin-bottom: .5em;
}
#teasers.sections .section img.left { margin-right: 10px; }
#teasers.sections .section img.right { margin-left: 10px; }
#teasers dl {
margin: 0;
}
#teasers dl.hasImage {
margin: 0;
padding-left: 100px;
}
#teasers.group dl {
float: left;
clear: none;
position: relative;
width: 280px;
min-height: 90px;
padding: 12px 20px 13px 20px;
}
#teasers.group dl.first {
padding-left: 30px;
width: 270px;
}
#teasers.group dl.hasImage {
width: 185px;
padding-left: 115px;
}
#teasers.group dl.first.hasImage {
width: 175px;
padding-left: 125px;
}
#teasers dt {
margin: 0;
line-height: 1.5em;
font-weight: normal;
text-transform: uppercase;
}
#teasers dt a {
text-decoration: none;
}
#teasers dt a:hover {
text-decoration: underline;
}
#teasers div dt,
#teasers div dt a {
color: #32743c;
}
#teasers div.first dt,
#teasers div.first dt a {
color: #CF4E3D;
}
#teasers div.last dt,
#teasers div.last dt a {
color: #f60;
}
#teasers dd {
margin: 0;
line-height: 1.5em;
}
#teasers dd.image {
position: absolute;
top: 15px;
left: 20px;
max-height: 5.5em;
overflow: hidden;
}
#teasers.group dd.image {
left: 15px;
}
#teasers.group .first dd.image {
left: 25px;
}
#teasers .section.first dd.image {
left: 30px;
}
#teasers dd.image img {
width: 90px;
}
#teasers dd .readMore {
display: none;
}
#teasers form {
margin-bottom: 0;
}
#teasers ul {
overflow: hidden;
margin: 0;
list-style: none;
}
#teasers ul li {
float: left;
width: 49%;
padding: 0;
background: transparent;
}
#teasers ul a {
display: block;
padding: 0 0 0 14px;
text-decoration: none;
color: #630;
background: url(../images/ico-arrow-red-r.gif) no-repeat 0 4px;
}
#teasers ul a:hover {
text-decoration: underline;
color: #CF4E3D;
}
#teasers .recipeFeed .image img {
width: 90px;
height: 85px;
}
/* @end Teasers
-------------------------------- */
/* @group Teasers - Home
===================================== */
.home #teasers div.first .svIndex {
margin: 0;
}
.home #teasers .first .svIndex dl {
height: 3.5em;
overflow: hidden;
padding: 11px 46px 0 30px;
}
.home #teasers .first .svIndex dt {
text-transform: none;
}
.home #teasers .first .svIndex .releaseDate {
display: none;
}
.home #teasers .newsFeed .svIndex {
width: 252px;
margin-left: 30px !important;
padding-left: 0;
height: 5.5em;
overflow: hidden;
background: transparent !important; /* keep IE happy */
}
.home #teasers .newsFeed .svIndex dl {
width: 252px;
height: 4em;
padding-right: 0;
padding-left: 0;
background: transparent !important; /* keep IE happy */
}
.home #teasers .newsFeed .svIndex dl dd {
height: 1.5em;
overflow: hidden;
}
.home #teasers .newsFeed .last p {
padding: 0;
}
.home #teasers .newsFeed ol {
position: absolute;
top: 17px;
right: 20px;
margin: 0;
}
.home #teasers .newsFeed li {
display: block;
width: 10px;
height: 8px;
margin: 0;
padding: 0 0 10px;
background: none;
}
.home #teasers .newsFeed li a {
float: left;
width: 10px;
height: 8px;
overflow: hidden;
text-indent: -9999px;
}
.home #teasers .newsFeed li.prev a { background: url(../images/ico-arrow-down.gif) no-repeat; }
.home #teasers .newsFeed li.next a { background: url(../images/ico-arrow-up.gif) no-repeat; }
.home #teasers .newsletter .svMailingList {
width: auto;
margin: 0;
padding: 0;
background: transparent;
}
.home #teasers .newsletter legend {
display: none;
}
.home #teasers .newsletter p,
.home #teasers .last p {
clear: both;
margin: 0;
padding: 11px 0 5px 20px;
}
.home #teasers .newsletter input.text,
.home #teasers .last input.text {
float: left;
width: 190px;
margin: 0 15px 0 20px;
color: #c96;
}
.home #teasers .newsletter fieldset,
.home #teasers .newsletter .buttons {
float: left;
padding: 0;
}
.home #teasers .newsletter ol {
padding: 0;
}
.home #teasers .last label {
display: none;
}
.home #teasers .searchWalnuts p label {
display: inline;
float: none;
width: auto;
margin: 0;
padding: 0;
line-height: 1;
font-weight: normal;
text-align: left;
}
/* @end Teasers - Home
-------------------------------- */
.sysSmartLiving .feature #sysExperts .summary img {
float: left;
width: 130px;
height: auto;
margin: -1.25em 0 0 -140px;
}
#userForms {
position: relative;
overflow: hidden;
margin: 2em 0 0;
padding: 0 0 10px;
background: url(../images/rule-dotted-v-orange.gif) repeat-y 50% 0;
zoom: 1;
}
#userForms #svLoginContainer {
float: left;
width: 310px;
}
#userForms #svEditProfile h2 {
line-height: 30px;
text-align: center;
color: #fff;
background: url(../images/bg-instruction-header-crimson.gif) no-repeat;
}
#userForms #svEditProfile {
float: right;
width: 310px;
}
#userForms #svLoginContainer h3 {
line-height: 30px;
text-align: center;
color: #fff;
background: url(../images/bg-instruction-header-red.gif) no-repeat;
}
#userForms #notRegistered {
display: none;
}
#userForms form {
padding: 0;
}
#userForms form ul,
#userForms form ol,
#userForms fieldset {
margin: 0;
padding: 0 0 1px;
}
#userForms form li {
padding: 0;
}
#userForms h3 {
margin-top: 0;
}
#userForms label {
position: relative;
float: left;
width: 37%;
font-weight: normal;
text-align: right;
line-height: 22px;
}
#userForms label span.required {
position: absolute;
top: 0;
right: 0;
width: 7px;
height: 6px;
text-align: left;
text-indent: -9999px;
background: transparent url(../images/icon_star.png) no-repeat 100% 0
}
#userForms input.text {
width: 55%;
}
#userForms form .buttons {
overflow: hidden;
padding-left: 126px;
text-align: left;
}
#userForms form .buttons .button {
float: left;
}
#userForms #svLoginContainer p.required {
position: absolute;
bottom: 0;
left: 45%;
margin: 0;
padding: 10px 7px 0;
background-color: #fff;
background-position: 0 12px;
}
#userForms #sendLogin {
margin: 10px 0 0;
padding: 10px 0 0;
border-top: 1px dotted #e3970a;
}
#userForms #sendLogin h3 {
margin: 0;
padding: 0;
font-size: 1.3em;
font-weight: bold;
text-transform: uppercase;
text-align: left;
color: #49A36A;
background: transparent;
}
#userForms #sendLogin p {
margin: 0 0 1em;
}
#userForms div#editProfileMsg.required { display: none; }
#userForms .loginButton {
width: 120px;
background-image: url(../images/btn-login-green.gif);
}
#iqChallengeFeatures {
width: 639px;
border-top: 1px dotted #963;
background: url(../images/bg-iq-features-bot.png) no-repeat 0 100%;
}
#iqChallengeFeatures div {
float: left;
width: 312px;
border: solid #fff;
border-width: 20px 0 0;
}
#iqChallengeFeatures div.iqc-prizes {
border-left-width: 15px;
}
#iqChallengeFeatures h3 {
height: 40px;
text-indent: -9999px;
}
#iqChallengeFeatures div.iqc-start h3 {
background-image: url(../images/iqChallenge-txt-get-started.png);
}
#iqChallengeFeatures div.iqc-prizes h3 {
background-image: url(../images/iqChallenge-txt-prizes.png);
}
#iqChallengeFeatures p {
padding: 1.3em;
line-height: 1.385;
color: #693705;
}
#iqChallengeFeatures p a {
text-decoration: none;
color: #693705;
}
#iqChallengeFeatures p a:hover {
color: #CF4E3D;
}
#iqChallengeFeatures div.iqc-start p {
width: 165px;
min-height: 133px;
padding: 10px 0 0 130px;
background: url(../images/nutritionIQ-get-started.png) no-repeat 18px 20px;
}
#iqChallengeFeatures div.iqc-prizes p {
padding: 85px 19px 0 17px;
background: url(../images/nutritionIQ-prizes.png) no-repeat 17px 0;
}
/* @end MODULES
-------------------------------- */
/* @group sIFR
===================================== */
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.
This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/
@media screen {
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
}
@media print {
.sIFR-flash {
display : none !important;
height : 0;
width : 0;
position : absolute;
overflow : hidden;
}
.sIFR-alternate {
visibility : visible !important;
display : block !important;
position : static !important;
left : auto !important;
top : auto !important;
width : auto !important;
height : auto !important;
}
}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
.sIFR-active .home #highlights dt {
font-family: Arial;
visibility: hidden;
}
}
/* @end sIFR
-------------------------------- */
/* EOF */