/******************************************** Global * *********************************************/ /*************************** Base * ****************************/ * {margin:0; padding:0; outline: none;} body, html {height: 100%; /*background-color: black;*/} body {color: #6d6e71; font-size: 11px; font-family: Georgia; background-image: url(../images/background_tile.gif);} .clear {min-height: 1px;} .clear:after {content: " "; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;} /* *html .clear {height: 1px;} */ img {float:left; border:none;} ul,ol {list-style:none;} li {float:left;} h1 {font-family: Georgia; font-size: 33px; font-weight: bold; font-style: italic;} h1.grey {font-size: 26px; color: #757464;} h1.tan-coupon {font-size: 25px; line-height: 32px; margin-top: -10px; color: #9a8551;} h1.tan {color: #f1d463;} h1.white {color: #FFFFFF;} h1.blue {color: #2faab9;} h1.account {color: #97d8e3; font-size: 29px;} h2 {font-family: Georgia; font-size: 22px; font-weight: bold; font-style: italic;} h2.blue {color: #2faab9; margin-bottom: 10px; font-size: 18px;} h2.blue a {text-decoration: none; color: #2faab9;} h2.blue a:hover {color: #66CADA;} h2.blue a:active {color: #66CADA;} h2.grey {color: #c6bca3; font-size: 19px; padding-top: 23px;} h2.account {color: #98d8e2; font-size: 21px;} h3 {font-family: Georgia; font-size: 18px; font-weight: bold; font-style: italic;} h3.grey {color: #85796a; font-size: 20px; line-height: 28px; font-weight: normal;} h3#featured-recipe-title {padding-top: 5px;} h4 {font-size: 16px; font-style: italic; font-weight: normal; line-height: 22px;} h4.grey {color: #9c9283;} h4.modal-title {color: #b9b2a0;} h4.white {color: white; font-weight: bold;} h4.green {color: #88a388; font-style: normal; font-weight: bold;} h4.white a {text-decoration: none; color: #FFFFFF;} h5 {font-size: 14px; font-weight: bold; font-style: italic; line-height: 25px;} h5.grey {color: #9c9283;} h5.grey-nonital {color: #857a6a; font-style: normal;} h6 {font-size: 12px; line-height: 16px; font-style: italic;} h6.grey {color: #857a6a;} p {font-size: 13px;} p.in-this-sub {font-size: 12px; font-style: italic; color: #b1ab99;} p.coupon-promo {font-size: 12px; font-style: italic; color: #70664d;} p.coupon-promo-t {font-size: 11px; font-family: Verdana; color: #979286;} p.italic {font-size: 15px; font-style: italic; font-weight: normal;} p.coupon-det {font-size: 12px; padding-top: 13px; line-height: 18px; color: #b0a896;} p.eleven {margin-top: 5px; font-size: 11px; font-family: Verdana; line-height: 16px; color: #828076;} p.eleven-submit-link {margin: 5px 0 15px; font-size: 11px; font-family: Verdana; line-height: 16px; color: #828076;} p.blogcontent {font-size: 11px; font-family: Verdana; line-height: 16px; color: #828076; margin-bottom: 10px;} .postdetails {float:left; font-size: 11px; font-family: Arial; line-height: 15px; color: #b5b1a5; margin: 2px 6px 2px 0px;} span.bloguser {font-weight: bold;} p.disclaimer {font-family: Verdana; font-size: 8px; color: #CCCCCC;} .account-text {font-size: 12px; line-height: 18px; font-style: italic; color: #94897a;} span.qty-measure {font-weight: bold;} a {color: #caaf2f; text-decoration: none;} a.underline {text-decoration: underline;} a:hover {color: #aa9338;} a.grey {color: #a19e9f; font-size: 11px;} a.grey:hover {color: #777777; text-decoration: underline;} a.yellow12 {color: #a78b30; font-family: Verdana; font-size:12px; line-height: 16px;} a.yellow12:hover {color: #846d2b;} a.yellow10 {color: #a78b30; font-family: Verdana; font-size:10px; line-height: 14px;} a.yellow10:hover {color: #846d2b;} a.yellow10reg {color: #caaf2f; font-family: Verdana; font-size:10px; line-height: 16px;} a.yellow10reg:hover {color: #aa9338;} a.yellow12reg {color: #caaf2f; font-family: Verdana; font-size:12px; line-height: 16px;} a.yellow12reg:hover {color: #aa9338;} /* Javascript Not Available Messages */ .noscript {margin-left: auto; margin-right: auto; width: 956px;} .noscript-inner {width: 100%; margin: 5px; text-align: center;} /* google local search for stores */ .store-labels {float: left; width: 47%; padding-left: 10px;} .gs-phone {display: none;} .gs-directions {display: none;} .gsc-input {display: none;} .gsc-search-button {display: none;} .gsc-clear-button {display: none;} .gsc-branding-text {display: none;} .gsc-branding-img {display: none;} .gsc-configLabelCell {display: none;} .gsc-resultsHeader {display: none;} .gsc-result {margin-top: 8px !important;} .gsc-keeper {background-image: none !important; padding-left: 0px !important;} .gs-watermark {display: none;} .gsc-search-box {display: none;} #selected-stores .gs-localResult {margin-bottom: 15px;} #api-content-left {float: left; width: 94%; padding-left: 10px; text-align: left;} #api-content-right {float: right; width: 40%; padding-right: 10px; text-align: left;} .selected-list-store {margin: 0px 0px 0px 0px;} #stores-title {font-family: Georgia; font-style: italic; font-size: 12px; color: #94897a;} #stores-title a {font-style: normal;} .remove-store-link a {font-family: Verdana;} #no-store {float: left; text-align: center; width: 100%; margin: 10px 0 10px 10px; font-family: Verdana; color: #9A9A99;} /*google site search */ #cse-search-results {margin-top: 10px;} .gsc-control {width: 186px !important;} .gsc-narrow {width: 400px;} #cse-search-results .gs-title {font-family: Georgia !important; font-size: 16px !important; font-style: italic; color: #706758;} #cse-search-results .gs-title b {font-family: Georgia; font-size: 16px; font-style: italic; font-weight: bold; color: #706758;} .gs-title {font-family: Georgia !important; font-size: 14px !important; margin-top:15px !important; margin-bottom: -6px !important; height: 100% !important; width:100% !important; color: #706758 !important; text-decoration: none !important;} .gs-address {margin-top:6px !important;} #selected-stores .gs-title {margin-bottom: 0px !important;} .gs-title:hover {cursor: default;} #cse-search-results .gs-title b:hover {color: #cab32f;} #cse-search-results .gs-title:hover {color: #cab32f;} #cse-search-results .gs-snippet {font-family: Verdana; font-size: 11px; line-height: 16px; color: #828076;} #cse-search-results .gs-visibleUrl-long {display: block; font-family: Verdana; font-size: 11px; color: #b4b4b4;} #cse-search-results .gs-visibleUrl-short {display: none;} .search-page-width {width: 100% !important;} h6.dropdown-main {font-style: normal; font-family: Georgia; color: #85796a;} h6.dropdown-sub {font-size: 10px; font-style: italic; font-family: Georgia; color: #b1ab99; line-height: 14px;} h6.dropdown-main:hover {color: #9f9282;} h6.dropdown-sub:hover {color: #bdb6a2;} #radio-btns {margin-left: 35px;} .print-radio {margin-right: 35px; font-size: 16px; font-style: italic;} .print-radio input {margin-right: 10px; margin-top: 25px;} #print-ul {margin-left: 95px;} .print-li {margin-right: 60px;font-size: 13px;} #promotion-share {font-style: normal; font-weight: normal; line-height: 27px;} #fakemodal-main-shadows {float: left; height: 100%; width: 884px; margin-left: 50px; background: url(../images/off_white_shadows_tile.png);} #fakemodal-main-body {float: left; height: 100%; width: 878px; margin-left: 2px; padding-bottom: 20px; text-align: center; background: url(../images/account_login_tile.gif);} #fakemodal-main-body-link {float: left; height: 100%; width: 878px; margin-left: 2px; padding-bottom: 20px; text-align: center; background: url(../images/contest_tile.gif);} #fakemodal-left-login {float: left; text-align: left; padding: 0px 34px 0px 40px; width: 169px;} #fakemodal-divider {float: left; width: 1px; height: 141px; background: url(../images/login_divider_vert.png);} #fakemodal-right-login {float: left; text-align: left; padding-left: 22px; padding-right: 16px; width: 176px;} #fakemodal-main-body input {margin-top: 8px; padding: 3px; width: 100%; height: 18px; font-family: Georgia; font-size: 16px; font-style: italic; line-height: 24px; color: #9a9a9a;} #fakemodal-main-body p {font-family: Verdana; font-size: 11px; line-height: 14px; color: #9a9a9a; font-style: normal;} #fakemodal-main-body h5 {font-family: Georgia; font-weight: bold; font-style: italic; font-size: 14px; color: #b9b2a0;} #fakemodal-forgot-pass {float: left; width: 88px; margin-top: 12px;} #fakemodal-forgot-pass a {font-family: Verdana; line-height: 14px; font-size: 11px; color: #caaf2f;} #fakemodal-forgot-pass a:hover {color: #aa9338;} #fakemodal-login-button {float: right; width: 87px; margin: 12px -16px 0px 0px;} #fakemodal-login-copy {margin-top: 50px;} #fakemodal-forgot-container {float: left; margin: 20px 24px 0px 24px; width: 440px; height: 100%;} .fakemodal-forgot-corner {float: left; width: 5px; height: 5px; background: url(../images/blue_corners.gif);} #fakemodal-forgot-topright {background-position: -5px 0px;} .fakemodal-forgot-topbottom {float: left; width: 430px; height:5px; background: url(../images/blue_px.gif);} #fakemodal-forgot-content {float: left; width: 440px; padding-top: 8px; height: 100%; background: url(../images/blue_px.gif);} #fakemodal-forgot-content input {width: 160px; margin-top: -2px;} #fakemodal-forgot-content p {float: left; padding-bottom: 15px; font-family: Verdana; font-size: 11px; line-height: 14px; color: #888787;} #fakemodal-forgot-bottomleft {background-position: 0px -5px;} #fakemodal-forgot-bottomright {background-position: -5px -5px;} #fakemodal-forgot-form {width: 266px; margin-left: 87px; margin-top: 5px; text-align: left;} #fakemodal-forgot-form-entry {float: left; width: 186px;} #fakemodal-new-container {float: left; width: 440px; height: 100%; margin: 20px 20px 0px 24px;} .fakemodal-new-hr {float: left; width: 403px; height: 1px; margin: 10px 15px 10px 17px; background: url(../images/dotted_line_horz.png);} #fakemodal-new-left {float: left; text-align: left; width: 207px; margin: 29px 0px 0px 8px;} #fakemodal-new-right {float: left; text-align: left; width: 207px;} #fakemodal-new-blue-container {float: left; margin: 0px 24px 0px 0px; width: 207px; height: 100%;} .fakemodal-new-blue-topbottom {float: left; width: 197px; height:5px; background: url(../images/blue_px.gif);} #fakemodal-new-blue-content {float: left; width: 207px; padding-top: 8px; height: 100%; background: url(../images/blue_px.gif);} #fakemodal-main-content {padding: 0px 40px 10px 40px; text-align: left;} #fakemodal-new-notify {float: left; width: 185px; margin: 20px 0 35px 10px; font-family: Verdana; color: #9A9A99;} #fakemodal-new-notify input {float: left; width: 25px; margin-top: -2px;} #account-message {float: left; width: 400px; margin: 0px 40px; color: #F00000;} .fakemodal-question {font-size: 14px; font-style: italic; padding: 40px 0px 20px 0px;} .fakemodal-question-question {float: left;} .fakemodal-question-question-store {text-align: left; padding-bottom: 5px;} .fakemodal-right-answer {float: right; line-height: 14px;} #fakemodal-box-answer {overflow: auto; float: left; width: 100%; height: 200px; border: 1px solid #CCCCCC;} #fakemodal-box-answer-store {overflow: auto; float: left; margin-left:10px; width: 50%; height: 300px; border: 1px solid #CCCCCC;} #fakemodal-nonbox-answer {float: left; width: 100%} .fakemodal-coupon-hr {float: left; width: 403px; height: 1px; margin: 18px 15px 0px 0px; background: url(../images/dotted_line_horz.png);} #fakemodal-print-notice {float: left; margin-top: 20px; margin-bottom: 20px;} #fakemodal-noqualify-rss {margin: 10px -5px;} #fakemodal-printed-message {margin: 10px 0px;} #fakemodal-share-coupon {margin: 10px 0px;} #fakemodal-main-body-bottom-shadow {float: left; margin-left: 50px; height: 6px; width: 884px; background: url(../images/off_white_shadows_bottom.png);} .validation-advice {font-family: Georgia; font-style: italic; font-size: 11px; color:#F00000;} .blue-coupon {float: left; width: 100%; height: 35px; line-height: 35px; margin: 2px;} .white-coupon {float: left; width: 406px; height: 35px; line-height: 35px; margin: 2px; background-color: #FFFFFF;} .blue-form-field {margin: 0px 0px 17px 15px; width: 162px;} .blue-form-field label {font-family: Georgia; font-style: italic; font-size: 12px; color: #94897a;} .blue-form-field-paren {font-family: Georgia; font-style: italic; font-size: 11px; color: #cdc6b6;} .blue-form-field-astricks {color: #e16032;} .blue-form-field select {width: 162px;} .submitlink-form-field {margin: 0px 41px 17px 0px; width: 100%; font-style: italic;} .recipe-submit-select {float: left; width: 150px;} .submitlink-form-field p {font-style: normal;} #fakemodal-new-warning {position: relative; padding: 15px 24px; text-align: left;} #fakemodal-new-submit {position: relative; float: left; margin-left: 85px; margin-top: 0px; margin-bottom: 10px;} #fakemodal-new-submit-link {position: relative; margin-left: 40px;} #modal {position: relative; margin: 45px 0px 0px 195px; width: 488px;} .modal-corner {float: left; width: 24px; height: 24px; background: url(../images/modal_corners.png);} #modal-top-mid {float: left; width: 440px; height: 24px; background: url(../images/modal_top_bottom_tile1.png);} #modal-top-right {background-position: -24px 0px;} #modal-mid-content {float: left; height: 100%; width: 488px; background: url(../images/modal_background_tile.png);} #modal-bottom-left {background-position: 0px -24px;} #modal-bottom-mid {float: left; width: 440px; height: 24px; background: url(../images/modal_top_bottom_tile1.png); background-position: 0px -24px;} #modal-bottom-right {float: left; background-position: -24px -24px;} #rate_it {margin-top: 23px;} /*numbered list on recipe details page */ #numbered-list {padding-top: 14px;} #numbered-list li {padding-bottom: 11px; margin-left: -2px; width: 395px; font-family: Verdana;} #numbered-list li div.left-dir {float: left; width: 22px; height: 22px; background: url(../images/numbers.png);} #numbered-list li div.right-dir {width: 370px; padding-top: 3px; padding-left: 30px; } #numbered-list li div#two {background-position: 0px -22px;} #numbered-list li div#three {background-position: 0px -44px;} #numbered-list li div#four {background-position: 0px -66px;} #numbered-list li div#five {background-position: 0px -88px;} #numbered-list li div#six {background-position: 0px -110px;} #numbered-list li div#seven {background-position: 0px -132px;} #numbered-list li div#eight {background-position: 0px -154px;} #numbered-list li div#nine {background-position: 0px -176px;} #numbered-list li div#ten {background-position: 0px -198px;} #numbered-list li div#eleven {background-position: 0px -220px;} #numbered-list li div#twelve {background-position: 0px -242px;} #numbered-list li div#thirteen {background-position: 0px -262px;} #numbered-list li div#fourteen {background-position: 0px -286px;} #numbered-list li div#fifteen {background-position: 0px -308px;} #numbered-list li div#sixteen {background-position: 0px -330px;} #numbered-list li div#seventeen {background-position: 0px -352px;} #numbered-list li div#eighteen {background-position: 0px -374px;} .sharethis {float:left; width:75px;} .sharethis a {text-decoration: none; font-family: Arial; color: #a1a0a0;} span.rss {padding-left: 0px;} div.rss-what-title {text-align: left; position: relative; margin: 12.5px 0px 0px 15px; font-family: Georgia; font-weight: bold; font-style: italic; font-size: 16px; color: #b9b2a0;} div.rss-what-text {text-align: left; margin: 10px 15px 0px 15px; font-family: Verdana; font-weight: normal; font-size: 11px; line-height: 18px; color: #7e7e7e;} span.facebook {padding-left: 20px; background: url(../images/facebook_icon.gif); background-repeat: no-repeat;} .print {height: 15px; margin-left: 5px; margin-right: 5px; padding-left: 20px; background: url(../images/print_rate.gif); background-repeat: no-repeat;} .print a {text-decoration: none; font-family: Arial; color: #a1a0a0;} .rate {margin-left: 5px; padding-left: 20px; background: url(../images/print_rate.gif); background-position: 0px -30px; background-repeat: no-repeat;} .rate a {text-decoration: none; font-family: Arial; color: #a1a0a0;} .rate a:hover span.rate {background-position: 0px -45px;} .fade-hr-sm {width: 210px; height: 1px; margin: 10px 0px 13px 0px; background: url(../images/short_divider.png); background-repeat: no-repeat;} .fade-hr-md {width: 292px; height: 26px; margin-top: 52px; background: url(../images/divider_medium.png); background-repeat: no-repeat;} .fade-hr-md-recipe-top {width: 292px; height: 12px; margin-top: 25px; background: url(../images/divider_medium.png); background-repeat: no-repeat;} .fade-hr-md-recipe-bot {width: 292px; height: 12px; margin-top: 10px; background: url(../images/divider_medium.png); background-repeat: no-repeat;} .fade-hr-md-wood {width: 265px; height: 5px; margin-top: 28px; background: url(../images/divider_wood.png); background-repeat: no-repeat;} .fade-hr-lg {float:left; width: 550px; height: 26px; margin-top: 20px; background: url(../images/long_divider.png); background-repeat: no-repeat;} .clear {clear: both;} .wrapper {position: relative; width: 970px; min-height: 100%; margin: 0 auto;} /*************************** Header * ****************************/ .header-ends {float: left; width: 2px; height:134px;} #header {float: left; width: 956px; height: 134px; background-image: url(../images/paper_main.jpg);} #logo a {float: left; height: 41px; width: 253px; margin: 15px 0px 0px 70px; background-image: url(../images/logo.png); background-position: 0px -41px;} #logo a:hover {background-position: 0px 0px;} #topnav {position: relative; margin: 102px 8px 0px 20px; font-size: 16px; font-family: Verdana;} #topnav .navleft {float: left;} #topnav .navright {float: right;} #topnav li {display: inline;} #topnav li.separator {width: 2px; height: 23px; padding: 0px 10px 0px 8px; margin: 3px 0px 0px 10px; background-image: url('../images/nav_divider.gif'); background-repeat: no-repeat;} #topnav li a {color: #b59357; text-decoration: none; font-size: 13px;} #topnav li a:hover {color: #715730;} #social-links {position:absolute; bottom:45px; right:20px;} #social-links a {float:left; width:26px; height:26px; margin:2px 0px; color:#E0DABE; font-family:Arial; background:url(../images/social-media.png) no-repeat 0px 0px;} a#social-link-facebook {background-position:0px 0px;} a#social-link-twitter {background-position:-26px 0px;} /*********Lang-Account Links in Header*******/ #lang-account-wrapper {float: right; display: inline; height: 24px; margin: 0px 10px 0px 0px; color: white;} #lang-account-wrapper a {color: #e0dabe; font-family: Arial; font-size: 11px;} #lang-account-wrapper a:hover {text-decoration: underline;} #lang-wrapper {float: left;} #lang-account-divider {float: left; width: 1px; background-image: url(../images/language_background.png); background-position: 1px -100px;} #account-wrapper {float: left;} .lang-divider {float: left; width: 1px; line-height: 24px; padding: 0px 1px 0px 0px; background-image: url(../images/language_background.png); background-position: 0px -75px; background-repeat: repeat-x;} /* US English Site */ #myaccount-wrapper {float: left;} #account-signout-wrapper {float: left;} #myaccount-leftslice {float: left; width: 4px; height: 24px; background-image: url(../images/language_background.png); background-position: 0px -25px;} #myaccount-wrapper:hover #myaccount-leftslice {background-position: 0px 0px;} #myaccount-wrapper:hover #myaccount-myaccount a {background-position: 0px -50px;} /* Alternate for the CA English Site */ #lang-french-wrapper {float: left; font-weight: bold;} #lang-french-leftslice {float: left; width: 4px; height: 24px; background-image: url(../images/language_background.png); background-position: 0px -25px;} #lang-french {float: left; height: 25px;} #lang-french a {line-height: 25px; padding: 6px 9px 5px 9px; background-image: url(../images/language_background.png); background-position: 0px -75px; background-repeat: repeat-x;} #lang-french a:hover {} #lang-french-wrapper:hover #lang-french-leftslice {background-position: 0px 0px;} #lang-french-wrapper:hover #lang-french a {background-position: 0px -50px;} /* Alternate for the CA French Site */ /* #lang-english-wrapper {float: left; font-weight: bold;} #lang-english-leftslice {float: left; width: 4px; height: 24px; background-image: url(../images/language_background.png); background-position: 0px -25px;} #lang-english {float: left; height: 25px;} #lang-english a {line-height: 25px; padding: 6px 9px 5px 9px; background-image: url(../images/language_background.png); background-position: 0px -75px; background-repeat: repeat-x;} #lang-english a:hover {} #lang-english-wrapper:hover #lang-english-leftslice {background-position: 0px 0px;} #lang-english-wrapper:hover #lang-english a {background-position: 0px -50px;} */ /* Template For Additional Languages #lang-spanish {float: left; height: 25px; font-weight: bold;} #lang-spanish a {line-height: 25px; padding: 6px 12px 5px 12px; background-image: url(../images/language_background.png); background-position: 0px -75px; background-repeat: repeat-x;} #lang-spanish a:hover {background-position: 0px -50px;} */ #account-myaccount {float: left; height: 25px;} #account-myaccount a {line-height: 25px; padding: 6px 9px 5px 9px; background-image: url(../images/language_background.png); background-position: 0px -75px; background-repeat: repeat-x;} #account-myaccount a:hover {background-position: 0px -50px;} #account-divider {float: left; width: 1px; line-height: 24px; padding: 0px 1px 0px 0px; background-image: url(../images/language_background.png); background-position: 0px -75px; background-repeat: repeat-x;} #account-signout {float: left; height: 25px;} #account-signout a {line-height: 25px; padding: 6px 12px 5px 12px; background-image: url(../images/language_background.png); background-position: 0px -75px; background-repeat: repeat-x;} #account-signout a:hover {background-position: 0px -50px;} #bottom-nav {float:left; width:958px; height:5px;} /*#topnav li ul {position: absolute; z-index: 500;}*/ #topnav li ul li {display: block;} #topnav li ul li a {color: #CCCCCC; display: block;} #topnav li ul li:hover {display: inline;} #dropdown {width: 100%; height: 100%; display: none;} .dropdown-top {position: relative; float: left; height: 10px; margin-top: 12px; background: url(../images/dropdown_corners.png);} #dropdown-top-left {width: 10px; background-position: -50px -1px;} #dropdown-top-mid {width: 62px; background-image: none; background-color: #ffffff;} #dropdown-top-right {width: 10px; background-position: -63px -1px;} .dropdown-mid {position: relative; height: 17px; background: url(../images/dropdown_corners.png);} #dropdown-mid-left {position: relative; top: 22px; width: 18px; margin-left: -17px; background-position: -42px -12px;} #dropdown-mid-mid {float: left; width: 120px; padding-left: 82px; background-color: #ffffff; background-image: url(../images/dropdown_tile_vert.png); background-position: 0px -38px; background-repeat: repeat-x;} #dropdown-mid-right {float: left; width: 20px; background-position: -63px -12px;} #dropdown-content-mid {float: left; position: absolute; overflow: visible; margin-top: 20px; background-color: #ffffff;} #dropdown-content-left {height: 200px; width: 20px; margin-left: -17px; background-image: url(../images/dropdown_tile_horz.png); background-position: -38px 0px;} #dropdown-content-right {height: 200px; float: right; width: 20px; position: relative; margin-right: -20px; background-image: url(../images/dropdown_tile_horz.png); background-position: -56px 0px;} .dropdown-hr {width: 127px; height: 1px; margin-top: 12px; margin-bottom: 12px; background: url(../images/dropdown_divider.png); background-repeat: no-repeat;} /*input with select inside div */ #input-parent {float: left; border:1px solid #b19a71; background-color: white;} #search-bar {border: none; height: 20px;} .select-box {border: none; height: 20px; width: 100px; margin-right: 2px; font-size: 13px; color: #b19a71; background-color: #ede6d9;} /* BUTTONS */ #search-btn {width:50px;} #view-nutrition-facts-btn {width:275px;} #trade-media-download-btn {width: 56px; padding:0 5px; font-family: Georgia; font-style: italic;} #trade-download-parent-btn {margin: 3px;} #promotions-btn {padding: 0px 83px;} /* #coupons-btn {padding: 0px 160px;} */ /* button with parent and children */ .parent-btn {float:left; height:25px; margin:0px 10px; line-height: 25px; font-family: Georgia; font-size: 12px; font-style: italic; color: white; text-align:center;} .parent-btn a {color: #FFFFFF;} .child-left-btn {float: left; height: 25px; width: 6px; background: url(../images/search_left.gif); background-position: 0px -50px;} .child-tile-btn {float: left; height: 25px; background: url(../images/search_tile.gif); background-position: 0px -50px;} .child-right-btn {float: left; height: 25px; width: 6px; background: url(../images/search_right.gif); background-position: 0px -50px;} .parent-btn a:hover .child-left-btn {background-position: 0px -25px;} .parent-btn a:hover .child-right-btn {background-position: 0px -25px;} .parent-btn a:hover .child-tile-btn {background-position: 0px -25px;} /*************************** Content * ****************************/ #content-main {float:left; width:100%; height:320px; margin:-5px 0px 0px 0px;} #content-page {float: left; width: 100%;} #main-slide1 {float:left; width: 878px; height: 320px; background: url(../images/banner_image1.jpg);} #main-slide2 {float:left; width: 878px; height: 320px; background: url(../images/banner_image2.jpg);} #main-slide3 {float:left; width: 878px; height: 320px; background: url(../images/banner_image3.jpg);} #main-slide3-sub-left {float:left; width: 175px; margin-top: 10px;} #main-slide3-sub-right {float:right; margin-top: 10px;} #main-slide3-sub-left p {font-size:11px; font-family: Arial;} #main-slide3-sub-right p {font-size:11px; font-family: Arial;} #slide-content1 {margin: 45px auto auto 60px;} #slide-content2 {margin: 134px auto auto 392px; width: 390px;} #slide-content3 {margin: 45px 60px auto 517px;} #slide-body1 {line-height: 20px; margin-top: 20px; width: 340px;} #slide-body2 {line-height: 20px; margin: 14px auto 16px 10px; width: 370px;} #slide-body3 {line-height: 20px; margin-top: 20px; width: 320px;} #slide-body3 p {font-size: 16px;} /*navigator arrows */ #left-arrow {position: relative; float: left; width: 45px; height: 101px; margin-top: 97px; margin-right: -3px; background: url(../images/left_arrow.png); background-position: 0px 0px;} #left-shadow {float: left; width: 2px; height: 100%; margin-left: -2px; background: url(../images/shadows.png); background-position: 0px 0px;} #left-btn {float: right; margin: 38px -18px auto auto;} #right-shadow {float: left; width: 4px; height: 100%; background: url(../images/shadows.png); background-position: 3px 0px;} #right-arrow {float: left; width: 45px; height: 101px; margin-top: 97px; margin-left: -5px; background: url(../images/right_arrow.png); background-position: 45px 0px;} #right-btn {position: relative; margin: 38px auto auto -19px;} #right-btn a:hover #right-arrow {background-position: 0px 0px;} #left-btn a:hover {} #slide-nav {float: right; width: 105px; height: 39px; margin: 0px; padding-bottom: 0px; background: url(../images/numbers_tab.png);} .slide-num a {float: left; width: 24px; height: 24px; margin: 9px auto auto 8px;} #slide-num-1 a {background: url(../images/number_1.gif); background-position: 0px -48px;} #slide-num-2 a {background: url(../images/number_2.gif); background-position: 0px -48px;} #slide-num-3 a {background: url(../images/number_3.gif); background-position: 0px -48px;} .slide-nav a:hover #slide-num-1 {background-position: 0px -24px;} /*promo area*/ #mainpromo-wrapper {position:relative; float:left; width:100%; margin:-15px 0px 0px 0px; z-index:0;} #mainpromo-content {float:left; width:882px; margin:12px 51px;} #mainpromo-topbar {position:absolute; top:0px; left:36px; width:910px; z-index:1;} #mainpromo-top-left {float:left; width:280px; height:46px; background: url(../images/promo-top-sides.png) no-repeat 0px 0px;} #mainpromo-top-center {position:relative; float:left; width:348px;} #mainpromo-top-center-top {float:left; width:348px; height:46px; background: url(../images/promo-top-center-top.png) no-repeat 0px 0px;} #mainpromo-top-center-middle {float:left; width:348px; height:82px; background: url(../images/promo-top-center-middle.jpg) no-repeat 0px 0px;} #mainpromo-top-right {float:left; width:282px; height:46px; background: url(../images/promo-top-sides.png) no-repeat -280px 0px;} #mainpromo {position:relative; float:left; width:884px; margin:2px 0px 0px 0px; background:transparent url(../images/promo-tile.png) repeat-y 0 0;} #left-promo {position:relative; float:left; width:266px; height:114px; z-index:1;} #left-promo-content {position:absolute; top:12px; left:10px; width:246px;} #left-promo-description {float:left; width:100%; margin:-2px auto; font-style: italic; text-align: center;} #mainpromo-badge {width:300px; height:82px; margin:45px auto; text-align:center;} #right-promo {float:left; width:269px; height:114px;} #right-promo-content {position:absolute; top:12px; right:10px; width:246px; z-index:1;} #right-promo-image {position:absolute; top:-10px; left:-14px;} #right-promo-text {position:relative; float:left; width:100px; margin: 12px 0 0 7px;} #mainpromo-bottom {float:left; width:882px; height:33px; margin:0px 0px 0px 0px; background:transparent url(../images/promo-bottom.png) no-repeat 0 0;} #mainpromo-coupons {} #left-promo-coupons {float:left; width:210px; padding:10px 20px 0px 28px;} #coupons-badge {float: left; width: 352px; height: 80px; margin:0px 0px 0px 6px; background: url(../images/middle_wood.jpg); background-repeat: no-repeat;} #coupons-badge-copy {float:left; margin: 2px 40px; text-align:left;} #coupons-badge p {font-family: Verdana; font-size: 11px} #right-promo-coupons {float:left; width:210px; padding:10px 20px 0px 28px;} #coupon-bottom-left-corner {float: left; width: 22px; height: 25px; background: url(../images/bottom_cream_corners.png);} /*blog page layout*/ #left-content {position: relative; width:884px; height: 100%; margin:0 auto} .left-content-shadow {float: left; width: 2px; height: 100%; margin-left: -2px; background: url(../images/shadows.png); background-position: 0px 0px; background-repeat: repeat-y;} #left-content-top {width:100%; height:15px; background:transparent url(../images/off_white_shadows_tile.png) repeat-y 0 0;} #yellow-ribbon {float:left; width:594px; height:162px; background:url(../images/yellow_ribbon.png) no-repeat;} #yellow-ribbon-content {padding: 45px 60px;} #left-content-full {float: left; width: 876px; height: 100%; padding-bottom: 15px; float: left; background:#FFFFFA url(../images/shadows.png) repeat-y;} #left-content-content {float: left; width: 560px; height: 100%; margin:0px 0px 0px 30px; min-height: 550px;} #leftshadow {position: relative; float: left; width: 2px; height: 100%; margin-left: -2px; background: url(../images/shadows.png); background-position: 0px 0px; background-repeat: repeat-y;} #left-pages-wrapper {margin: 10px; margin-top: 20px; min-width: 150px; text-align: center; font-size: 15px;} #left-pages-number-wrap {font-family: Georgia; font-weight: bold; color: #706758;} #left-pages-number-start {margin-right: 12px; font-style: italic;} #left-pages-number-end {margin-left: 12px; font-style: italic;} .left-pages-number {margin: 0px 12px;} #left-pages-number:hover {color: #c9b331;} .left-pages-active {} #right-content {position:absolute; top:149px; right:36px; width:310px;} #right-content-text {position: relative; width: 268px; height: 100%; margin: 6px; background-color: #FFFFFa;} .right-content-shadow {float: right; width: 6px; height: 100%; background: url(../images/shadows.png); background-repeat: repeat-y;} #right-content-top {position: relative; z-index: -1; height: 30px; width: 288px; background-color: #FFFFFa;} #community-return-link {margin-bottom: 15px; font-family: verdana; font-size: 11px;} #right-rss-tile {margin: 5px;} /*submit a link box */ #right-content-submit {position: relative; width: 288px; height: 232px; margin-left: 14px; top: -3px;} #left-submit-box {float: left; width: 10px;} #left-submit-top-corner {width: 10px; height: 9px; background: url(../images/side_tab_corner_top.gif);} #left-submit-side {width: 10px; height: 211px; background: url(../images/side_tab_left_tile.gif); background-repeat: repeat-y;} #left-submit-bottom-corner {width: 10px; height: 13px; background: url(../images/side_tab_corner_bottom.gif);} #middle-submit-box {float: left; width: 266px} #middle-submit-top {width: 266px; height: 2px; background: url(../images/side_tab_shadow_tile_vert.png); background-repeat: repeat-x;} #submit-box-content {position: relative; width: 266px; height: 225px; background-color: #FFFFFF;} #submit-content-div {padding: 20px;} #middle-submit-bottom {width: 266px; height: 6px; background: url(../images/side_tab_shadow_tile_vert.png); background-position: 0px -2px;} #right-submit-box {float: left; width: 7px;} #right-submit-top-corner {width: 7px; height: 7px; background: url(../images/side_tab_corner_top.png);} #right-submit-side {width: 7px; height: 219px; margin-left: 1px; background: url(../images/side_tab_shadow_tile_hor.png); background-repeat: repeat-y;} #right-submit-bottom-corner {width: 7px; height: 7px; background: url(../images/side_tab_corner_bottom.png);} /*links and submit recipe */ #right-links {padding: 27px 0px 0px 45px; font-family: Arial;} #community-links {margin-top:29px; font-weight: bold; color: #c8c4b6; text-transform: uppercase; letter-spacing: 4px;} #links {margin-bottom: 38px; line-height: 24px;} #submit-recipe {margin-left: 43px;} #submit-recipe-top {width: 213px; height: 8px; background: url(../images/narrow_submit_recipe_top.gif);} #submit-recipe-mid {width: 213px; height: 138px; background: url(../images/narrow_submit_recipe_tile.gif); background-repeat: repeat-y;} #submit-recipe-mid-text {padding: 6px 10px 10px 16px;} #submit-recipe-bottom {width: 213px; height: 8px; background: url(../images/narrow_submit_recipe_bottom.gif);} /* variety pages */ #variety-container {width: 895px; margin: 0px auto;} #variety-scroller-container {width: 895px; height: 150px; margin: 0px auto;} #variety-middlenav-container {width: 896px; height: 96px; margin: 0px auto;} #variety-middlenav-end-left {width: 8px; height: 94px; background: url(../images/variety_nav_ends.png); background-position: 0px 0px; float:left;} #variety-middlenav-sprite {width: 878px; height: 96px; background: url(../images/variety_nav_middle.jpg); background-position: 0px 0px; float:left;} #variety-middlenav-centertext {float: left; width: 371px; margin-left: 10px;} #variety-middlenav-center-title {margin-top: 20px; text-align: center; font-family: Georgia; font-weight: bold; font-style:italic; font-size: 28px; color: #857a6a;} #variety-middlenav-center-sub {margin-top: 2px; text-align: center; font-family: Georgia; font-style:italic; font-size: 13px; color: #938b73;} #variety-middlenav-end-right {width: 9px; height: 94px; background: url(../images/variety_nav_ends.png); background-position: 10px 94px; float:left;} #variety-detail-container-left {display: inline; width: 2px; min-height: 400px; background: url(../images/shadows.png); background-position: 0px 0px; background-repeat:repeat-y;} #variety-detail-container {width: 872px; min-height: 400px; margin: 0px auto 20px auto; background: url(../images/variety_big.jpg); background-position: bottom right; background-repeat: no-repeat; background-color: #FEFFF9;} #variety-detail-container-right {display: inline; width: 4px; min-height: 400px; background: url(../images/shadows.png); background-position: 0px 2px; background-repeat:repeat-y;} #variety-detail-text {width: 350px; padding: 35px} h2.variety-headline {margin-bottom: 20px; font-family: Georgia; font-style: italic; font-weight: bold; font-size: 30px; line-height: 36px; Color: #94d8e9;} h3.variety-subhead {margin-bottom: 20px; font-family: Georgia; font-style: italic; font-size: 14px; line-height: 18px; Color: #a8a8a1;} p.variety-text {margin-bottom: 10px; font-family: Verdana; font-size: 11px; line-height: 15px; Color: #828076;} .variety-btn-top-margin {margin-top: 15px;} /*variety navigation*/ #variety-vinfo-nav-wrapper {float: left; width: 115px; height: 70px; margin: 5px 5px 2.5px 0px; text-align: center;} #variety-vinfo-nav-text {margin: 25px auto auto auto; width: 95%;} #variety-ckinstr-nav-wrapper {float: left; width: 115px; height: 70px; margin: 5px 5px 5px 3.5px; text-align: center;} #variety-ckinstr-nav-text {margin: 15px auto auto auto; width: 95%;} #variety-instore-nav-wrapper {float: left; width: 115px; height: 70px; margin: 5px 5px 5px 15px; text-align: center;} #variety-instore-nav-text {margin: 25px auto auto auto; width: 95%;} #variety-community-nav-wrapper {float: left; width: 115px; height: 70px; margin: 5px -10px 5px 4px; text-align: center;} #variety-community-nav-text {margin: 25px auto auto auto; width: 95%;} #variety-nav-left {width: 8px; margin-top: -2px; background:url(../images/variety-nav-ends.png) no-repeat 0px -94px;} #variety-nav-right {width: 9px; margin-top: -2px; margin-left: -1px; background:url(../images/variety-nav-ends.png) no-repeat -8px -94px;} .variety-nav-left {background: url(../images/variety-nav-ends.png) no-repeat 0px 0px!important;} .variety-nav-right {background: url(../images/variety-nav-ends.png) no-repeat -8px 0px!important;} .variety-nav {font-family: Georgia; color: #aaa39a; font-size: 13px; line-height: 14px; vertical-align: middle;} .variety-nav:hover {color: #857a6a;} .variety-nav-selected {margin-top: 30px; color: #857a6a;} /*variety community*/ #blog-no-entry-message {float: left;} #blog-no-entry-message h4 {margin: 25px 0px;} #blog-no-entry-message a {margin: 7.5px 0px; display: block} /* account page */ #account-container {width: 884px; margin-left: 44px;} #account-main-shadow {float: left; height: 100%; width: 884px; background: url(../images/off_white_shadows_tile.png);} #account-main-body {height:100%; padding: 33px 37px 43px 37px;} #account-main-body-bottom-shadow {float: left; height: 6px; width: 100%; background: url(../images/off_white_shadows_bottom.png);} #account-header {margin-left: 20px;} #account-hr {float: left; width: 100%; height: 1px; margin: 22px 0px 20px 0px; background: url(../images/dotted_line_horz.png);} #account-left {float: left; width: 203px; margin-left: 10px;} #account-mid {float: left; width: 177px; margin-left: 39px;} #account-right {position: absolute; width: 383px; margin-left: 471px; margin-top: 41px;} #account-details {margin-top: 30px;} #account-details-edit {margin-top: 20px;} .account-top-bottom {width: 383px; background: url(../images/account_white_tab_ends.png);} #account-top {height: 11px} #account-bottom {height: 11px; background-position: 0px 11px;} #account-right-mid {padding: 10px 30px 0px 30px; width: 323px; height: 156px; background: url(../images/account_white_tab_tile.png);} .account-right-header {font-family: Georgia; font-weight: bold; font-style: italic; font-size: 18px; color: #b9b2a1;} .account-right-hr {margin: 20px 0px; height: 1px; width: 244px; background: url(../images/divider_medium.png);} #account-right-mid span {font-family: Verdana; font-size: 11px; color: #9a9a99;} #remove-account {float: right; margin:-10px 0px 10px 0px; font-family: Verdana; font-size: 11px; color: #9a9a99;} /* recipes pages */ #recipe-container {width: 884px; margin-left: 39px;} #recipe-top-left-shadow {position: relative; z-index: -1; float: left; height:24px; width: 2px; margin-top: 15px; background: url(../images/shadows.png);} #recipe-top-middle {float:left; width:100%; height:15px; margin:0 auto; background:transparent url(../images/off_white_shadows_tile.png) repeat-y 0 0;} #recipe-top-right-shadow {position: relative; z-index: -1; float: left; height:24px; width: 4px; margin-top: 15px; background: url(../images/shadows.png); background-position: -2px 0px;} #topleft-curve {float: left; width: 27px; height: 32px; margin-left: 1px; background: url(../images/indent_corners.png);} #recipe-bottom-middle {float: left; width: 826px; height: 32px; background-color: #FFFFFa;} #topright-curve {float: left; width: 30px; height: 32px; background: url(../images/indent_corners.png); background-position: -27px 0px;} /*recipe scroller */ #scroller-background {position: absolute; z-index: -10; left: 49px; height: 202px; width: 753px; background-color: #FFFFFa;} .scroller-hover-left {position: relative; display: none; float: left; width: 9px; height: 116px; margin-left: -15px; background: url(../images/rollover_lines.gif); background-repeat: no-repeat;} .scroller-hover-right {position: relative; display: none; z-index: 10; float: left; width: 9px; height: 116px; top: -132px; margin-left: 154px; background: url(../images/rollover_lines.gif); background-position: -9px 0px;} .scroller-item {float: left; width: 148px; height: 150px; margin: 15px 12px 0px 12px;} .scroller-item:hover .scroller-hover-right {display: inline;} .scroller-item:hover .scroller-hover-left {display: inline;} .scroll-arrow {float: left; height: 202px; width: 47px;} /*recipe content area */ #bottom-left-curve {position: relative; z-index: -1; float: left; height: 32px; width: 27px; margin-top: -20px; background: url(../images/indent_corners.png); background-position: 0px -32px;} #recipe-bottom-swf-middle {position: relative; z-index: -1; float: left; height: 32px; width: 827px; margin-top: -20px; background-color: #FFFFFa;} #bottom-right-curve {position: relative; z-index: -1; float: left; height: 32px; width: 30px; margin-top: -20px; background: url(../images/indent_corners.png); background-position: -27px -32px;} #recipes-main-shadow {float: left; height: 100%; width: 884px; background: url(../images/off_white_shadows_tile.png);} #recipes-main-body {height:100%} #recipes-main-body-bottom-shadow {float: left; height: 6px; width: 100%; background: url(../images/off_white_shadows_bottom.png);} #featured-recipe {float: left; margin: 26px auto 30px -8px;} #recipe-lg-left {float: left; width: 10px; height: 294px; background: url(../images/recipe_wood_end.png);} #recipe-lg-right {float: left; width: 404px; height: 294px; background: url(../images/recipe_wood.jpg);} #in-this-recipe {width: 365px; margin-top: 310px; padding-left: 40px;} .in-this-left {float: left; width: 76px; height:8px; margin:10px 6px 0px 42px; background: url(../images/title_lines.png); background-repeat: no-repeat;} .in-this-mid {float: left;} .in-this-right {float: left; width: 76px; height:8px; margin-top: 10px; margin-left: 6px; background: url(../images/title_lines.png); background-repeat: no-repeat; background-position: -76px 0px;} #in-this-mid h5 {color: #b9b2a0; font-family: Georgia; font-weight: bold; font-style: italic; font-size: 12px; line-height: 18px;} .in-this-variety-container {float: left; width: 100%; height: 113px; margin-left: 0px;} .in-this-pic {float: left; height: 113px; margin-top: 10px; margin-left: 0px;} .in-this-text {float: left; margin: 40px 0 0 10px; width: 205px;} #featured-recipe-left {float: left; height: 100%; width: 8px;} #featured-recipe-left-top {height: 34px; background: url(../images/featured_top_corner.png);} #featured-recipe-left-mid-top {height: 197px; background: url(../images/featured_left_tile.png);} #featured-recipe-left-bot {float: left; height: 9px; width: 9px; margin-left: -8px; background: url(../images/featured_bottom_corner.png);} #featured-recipe-image {width: 341px; height: 226px; margin: 30px 29px;} #featured-recipe-right {float: left; width: 324px; margin-bottom: 30px;} #featured-recipe-right-top {height: 231px; background: url(../images/featured_window.jpg);} #featured-recipe-right-mid {position: relative; height: 100%; width: 269px; margin-left: -8px; padding-left: 32px; padding-right: 32px; background: url(../images/featured_main_tile.png);} #featured-recipe-left-mid {float: left; height: 100%; width: 8px; margin-left: -8px; background: url(../images/featured_left_tile.png);} #featured-title {padding: 8px 0px 0px 30px;} #featured-recipe-pic {padding: 16px 0px 0px 30px;} #recipe-star-rating-recipe {float: left; width: 94px; height: 17px; margin: 1px 0 10px -4px; background: url(../images/rating_stars.gif); background-position: 0px 0px} #recipe-star-rating-recipes {float: left; width: 93px; height: 17px; margin: 1px 0 0 -5px; background: url(../images/stars_wood.png); background-position: 0px -67px} #featured-recipe-right-bot {height: 9px; background: url(../images/featured_main_bottom.jpg);} #recipe-link {padding: 8px 0px 8px 0px;} #recipe-det-link {float: left; margin: 2px 9px 0 0;} #play-movie-button {position: absolute; margin-top: 185px; margin-left: 98px; z-index: 200; width: 144px; height: 29px; line-height: 29px; text-align: center; color: #FFFFFF; font-size: 13px; font-weight: bold; font-style: italic; text-transform: lowercase; background: url(../images/play_movie_button.png);} #recipe-content {float: left; width: 305px; margin: 45px auto 30px 30px;} .yellow-arrow {float: left; width: 14px; height: 16px; margin: 14px auto auto 5px; background: url(../images/yellow_arrow.gif); background-repeat: no-repeat;} .yellow-link {float: left; margin-top: 12px; font-style: italic;} #recipe-info {float: right; margin: 24px -39px 0px 0px; width: 138px; height: 154px;} #recipe-info-left {float: left; width: 95px; height: 154px; background: url(../images/blue_tab.jpg);} #recipe-info-list {position: relative; z-index: 300; width: 85px; margin-top: 34px; margin-left: 26px;} #recipe-info-list ul {list-style-image: url(../images/blue_asterisk.gif); } #recipe-info-list li {margin-bottom: 8px;} #recipe-info-right {position: relative; z-index: 200; float: left; width: 43px; height: 154px; background: url(../images/blue_tab_end.png);} #recipe-note {width: 395px;} #recipe-ing {float: left; margin: 52px auto 30px 27px; width: 324px;} #recipe-dir {width: 395px;} #recipe-submit-recipe {float: left; width: 180px; margin-left: 10px; padding-top: 35px;} #recipe-submit-recipe-top {height: 8px; background: url(../images/xnarrow_submit_recipe_top.gif);} #recipe-submit-recipe-mid {height: 150px; padding-top: 5px; background: url(../images/xnarrow_submit_recipe_tile.gif); background-repeat: repeat-y;} #recipe-submit-recipe-bottom {height: 8px; background: url(../images/xnarrow_submit_recipe_bottom.gif);} #coupon-container {} #coupons-main-ls {float: left; height: 307px; width: 2px; background: url(../images/shadows.png);} #coupons-main-body {} #coupons-main-pic {float: left; position: relative; height: 307px; width: 364px;} #coupons-main-coupon {position: relative; float: left; width: 498px; height: 250px; margin-left: 0px; margin-top: 16px;} #coupon-clipping {margin-top: 25px;} #coupons-top-info {float: left; margin: 2px 0 0 20px;} #coupons-top-clip {float: right; margin-right: 18px; width: 38px; height: 25px; background: url(../images/scissors.gif);} .coupons-horz-dot {position: relative; width: 498px; height: 1px; background: url(../images/dotted_line_horz.png);} #coupons-main-coupondet {position: relative; z-index: 1; width: 458px; padding: 20px 20px; background: url(../images/dotted_line_vert_full.png);} #coupons-main-rs {float: left; height: 307px; width: 4px; background: url(../images/shadows.png); background-position: -2px 0px;} #varieties-scroller {float: left; width: 940px; height: 230px;} /* Promotion page */ #promotions-main-pic {float: left; position: relative; height: 317px; width: 510px;} #promotions-main-coupondet {position: relative; width: 340px;} #promotions-main-coupon {position: relative; float: left; width: 340px; height: 250px; margin-left: 0px; margin-top: 40px;} #promo-button {width: 340px;} #promotion-center {position: relative; float: left; height: 41px; margin-top: -1px; margin-left: -15px; margin-bottom: -5px; width: 912px;} .promotion-end {float: left; width: 15px; height: 41px; background: url(../images/contest-bar-ends.png);} #promotion-center-left {} #promotion-center-right {background-position: -15px 0px;} #promotion-center-content {float: left; text-align: center; height: 41px; width: 882px; background: url(../images/contest-bar-tile.png); line-height: 39px;} #promotion-center-content ul {list-style: disc; display: inline; color: #9c9384; font-family: Georgia; font-weight: bold; font-style: italic; font-size: 12px;} #promotion-center-content li {margin-left: 22px;} #mainpromo-promos {position: relative; margin-top: -5px;} /*Search Page*/ .search-content-wrapper {width:824px; margin:20px auto;} .search-middle-container {width:884px; margin:-5px auto;} #search-main {position:relative; float:left; width:100%; background: url(../images/off_white_shadows_tile.png) repeat-y 0px 0px;} .search-title {float:left; width:100%; color:#98D8E2; font-family:'Georgia'; font-size:29px; font-style:italic; font-weight:bold;} .search-dotted-line {float:left; width:100%; height:1px; background:url(../images/dotted_line_horz.png) repeat-x 0px 0px;} .search-header {float:left; width:818px; margin:22px 0px 24px 0px; color:#A8A8A1; font-family:'Georgia'; font-size:22px; font-style:italic; line-height:29px;} .search-header-content {margin:20px 0px 24px 0px;} .search-body {float:left; width:100%;} #search-bottom-shadow {float:left; width:100%; height:6px; margin:0px 0px -6px 0px; background: url(../images/off_white_shadows_bottom.png) no-repeat;} .search-recipe-count {font-weight: bold;} .search-terms {font-weight: bold;} .recipe-result-img {float:left; width:148px; height:98px; margin-right: 10px;} .recipe-result-div {float:left; width: 400px;} .recipe-result-div h2 {font-family: Georgia; font-style: italic; font-size: 16px; color: #706758;} .recipe-result-div h2:hover {color: #cab32f;} .recipe-result-div p.blogcontent {font-family: Verdana; font-size: 11px; line-height: 16px; color: #828076;} .recipe-result {float:left; height: 100%; width: 560px; margin: 25px 0px; } #right-search-content {position:relative; float: left; width:264px;} #left-search-content {position:relative; float: left; width: 560px;} /*Contact Us Page*/ #contact-main-wrapper {height: 100%; clear: both; padding: 0px 0px 20px 0px;} #contact-main-left {width: 50%; float: left;} #contact-main-right {width: 50%; float: right; margin-right: -45px;} #contact-form-wrapper {float: left;} #contact-form-wrapper input {margin: 0px 10px 0px 0px; font-family: Georgia; font-size: 12px; font-style: italic; height: 16px; line-height: 20px; margin-top: 2px; padding: 2px; color: #9A9A9A;} #contact-form-wrapper textarea {width: 100%; font-family: Georgia; font-size: 12px; font-style: italic; line-height: 20px; margin-top: 5px; padding: 2px; color: #9A9A9A; border: 1px solid #666666;} #contact-form-wrapper select {margin-top: 5px;} #contact-form-field-message {display: block;} #contact-form-field-message textarea {width: 375px; height: 150px;} #contact-form-field-country {width: 100%;} .contact-form-field {display: inline; float: left; margin: 5px;} .contact-form-label {font-family: Georgia; font-style: italic; font-size: 12px; color: #94897a;} #contact-form-success-message {float: right; margin: 15px 25px 20px 0px; font-family: Georgia; font-style: italic; font-size: 14px;} #contact-main-right-top {float: left; height: 10px; width: 415px; background: url(../images/contacts_top_bottom.png) no-repeat 0px 0px;} #contact-main-right-middle {float: left; height: 451px; width: 415px; background: url(../images/contacts_tile.png) repeat-y 0px 0px;} #contact-main-right-bottom {float: left; height: 12px; width: 415px; background: url(../images/contacts_top_bottom.png) no-repeat 0px -10px;} #contact-main-right-text-wrapper-cols {clear: both; float: left; margin: 0px 34px; border-bottom: 1px dashed;} #contact-main-right-text-col1 {float: left; width: 160px; margin: 8px 20px 33px 0px;} #contact-main-right-text-col2 {float: right; width: 160px; margin: 8px 0px 33px 5px;} .contact-main-right-text-country {font-family: Georgia; font-weight: bold; font-style: italic; font-size: 12px; color: #b9b2a1;} .contact-main-right-text-title {margin: 16px 0px 0px; font-family: Arial; font-weight: bold; font-size: 11px; color: #828076;} .contact-main-right-text-detail {font-family: Verdana; font-size: 11px; color: #828076;} .contact-main-right-text-detail-italic {font-family: Verdana; font-size: 11px; font-style: italic; color: #828076;} #contact-main-right-text-wrapper-bottom {clear: both; float: left; margin: 33px 34px 55px;} .contact-main-text-asterisk {color: #e16032;} /*SiteMap Page*/ .sitemap-title {margin: 25px 0px 15px;} #sitemap-page-content {float: left; width: 100%; margin-bottom: 10px; border-top: 1px dashed;} #sitemap-page-content a {color: #828076;} #sitemap-page-content a:hover {color: #caaf2f;} #sitemap-left-column ul li.sitemap-big-link {display: block; float: none; margin: 25px 0px;} #sitemap-left-column {float: left; width: 252px; height: 100%;} #sitemap-middle-column {float: left; width: 292px; height: 100%; margin-top: 25px;} #sitemap-right-column {float: left; width: 272px; height: 100%; margin-top: 25px;} .sitemap-top-item {margin-top: 0px;} .sitemap-sublist {margin-left: 10px;} .sub-item a{font-family: Verdana!important; font-weight: normal!important; font-size: 11px!important; margin-bottom: -10px;} .sitemap-big-link a {font-family: Georgia; font-style: italic; font-weight: bold; font-size: 12px; color: #828076;} .sitemap-big-link a:hover {color: #caaf2f;} .sitemap-small-link {display: block; float: none; margin: 5px 0px;} .sitemap-small-link a {font-family: Verdana; font-size: 11px; line-height: 16px; color: #828076;} .sitemap-small-link a:hover {color: #caaf2f;} .sitemap-section-title {font-family: Georgia; font-style: italic; font-weight: bold; font-size: 12px; color: #c2c2c2;} .sitemap-recipe-content a{font-size: 11px; font-style: italic;} .sitemap-recipe-content {margin-top: 15px;} .sitemap-variety {margin-top: 10px;} .sitemap-variety-content {margin: 15px 0 25px;} .sitemap-variety-title a{font-family: Georgia; font-weight: bold; font-size: 11px; color: #828076;} .sitemap-variety-links {font-family: Verdana;} /*Trade Media Page*/ #trade-media-wrapper {float: left; width: 100%;} #trade-media-header-wrapper {float: left; width: 100%;} #trade-media-header-wrapper ul, #trade-media-header-wrapper li, #trade-media-header-wrapper a {margin: 0px 3px; font-family:Verdana; font-size: 12px; color: #828076;} #trade-media-header-wrapper a:hover{text-decoration: underline; color: #828076;} .trade-media-first {margin-left: 0px!important;} .trade-media-last {margin-right: 0px!important;} #trade-media-body-wrapper {float: left; width: 100%;} .trade-media-sub-title {float: left; margin-top: 20px;} .trade-media-sub-category-wrapper {float: left; width: 100%; margin-top: 15px;} .trade-category-view {margin: 0px 10px;} .trade-media-table-border {border: 1px solid #d0d0d0;} .trade-media-table {border-top: 0px; border-collapse:collapse;} .trade-media-table-title-row {border-top: 0px !important;} .row-on {background-color: #f2f2f2;} .trade-media-table-desc-col {width: 450px;} .trade-media-table-res-col {width: 150px;} .trade-media-table-size-col {width: 90px;} .trade-media-table-type-col {width: 75px;} .trade-media-table-down-col {width: 85px;} .trade-media-table-cell-content {float: left; width: 100%; margin: 5px 10px 5px; color: #828076; font-family: Verdana; font-size: 11px; line-height: 16px;} .trade-media-table-title-content {float: left; width: 100%; margin: 4px; font-family: Verdana; font-size: 9px; color: #9c9c9c;} /*c2 button */ .c2-btn {float: left; height:23px; width: 100%; line-height: 23px; font-family: Georgia; font-size: 12px; font-style: italic; color: white;} .c2-btn a {color: #FFFFFF;} .c2-child-left-btn {float: left; height: 23px; width: 6px; background: url(../images/c2_left.gif); background-position: 0px -46px;} .c2-child-tile-btn {float: left; height: 23px; padding: 0px 68px 0px 68px; background: url(../images/c2_tile.gif); background-position: 0px -46px;} .c2-child-right-btn {float: left; height: 23px; width: 6px; background: url(../images/c2_right.gif); background-position: 0px -46px;} .c2-btn a:hover .c2-child-left-btn {background-position: 0px -23px;} .c2-btn a:hover .c2-child-right-btn {background-position: 0px -23px;} .c2-btn a:hover .c2-child-tile-btn {background-position: 0px -23px;} /*c2 button blue */ .c2-btn-blue {float: left; height:23px; width: 100%; line-height: 23px; font-family: Georgia; font-size: 12px; font-style: italic; color: white;} .c2-btn-blue a {color: #FFFFFF;} .c2-child-left-btn-blue {float: left; height: 23px; width: 6px; background: url(../images/c2_blue_left.gif); background-position: 0px -46px;} .c2-child-tile-btn-blue {float: left; height: 23px; padding: 0px 68px 0px 68px; background: url(../images/c2_blue_tile.gif); background-position: 0px -46px;} .c2-child-right-btn-blue {float: left; height: 23px; width: 6px; background: url(../images/c2_blue_right.gif); background-position: 0px -46px;} .c2-btn-blue a:hover .c2-child-left-btn-blue {background-position: 0px -23px;} .c2-btn-blue a:hover .c2-child-right-btn-blue {background-position: 0px -23px;} .c2-btn-blue a:hover .c2-child-tile-btn-blue {background-position: 0px -23px;} /*c3 button */ .c3-btn {float: left; height:25px; width: 230px; line-height: 25px; font-family: Georgia; font-size: 13px; font-style: italic; color: white;} .c3-btn a {color: #FFFFFF;} .c3-child-left-btn {float: left; height: 25px; width: 6px; background: url(../images/c3_left.gif); background-position: 0px -50px;} .c3-child-tile-btn {float: left; height: 25px; padding: 0px 64px; background: url(../images/c3_tile.gif); background-position: 0px -50px;} .c3-child-right-btn {float: left; height: 25px; width: 6px; background: url(../images/c3_right.gif); background-position: 0px -50px;} .c3-btn a:hover .c3-child-left-btn {background-position: 0px -25px;} .c3-btn a:hover .c3-child-right-btn {background-position: 0px -25px;} .c3-btn a:hover .c3-child-tile-btn {background-position: 0px -25px;} /*c3 green button */ .c3-btn-grn {float: left; height:25px; margin-top: 9px; margin-left: -7px; width: 200px; line-height: 25px; font-family: Georgia; font-size: 13px; font-style: italic; color: white;} .c3-btn-grn a {color: #FFFFFF;} .c3-child-left-btn-grn {float: left; height: 25px; width: 6px; background: url(../images/c3_left_green.gif); background-position: 0px -50px;} .c3-child-tile-btn-grn {float: left; height: 25px; padding: 0px 38px; background: url(../images/c3_tile_green.gif); background-position: 0px -50px;} .c3-child-right-btn-grn {float: left; height: 25px; width: 6px; background: url(../images/c3_right_green.gif); background-position: 0px -50px;} .c3-btn-grn a:hover .c3-child-left-btn-grn {background-position: 0px -25px;} .c3-btn-grn a:hover .c3-child-right-btn-grn {background-position: 0px -25px;} .c3-btn-grn a:hover .c3-child-tile-btn-grn {background-position: 0px -25px;} /*c4 button */ .c4-btn {position: relative; height:35px; line-height: 35px; font-family: Georgia; font-size: 16px; font-style: italic; color: white;} .c4-btn a {color: #FFFFFF;} .c4-child-left-btn {float: left; height: 35px; width: 6px; background: url(../images/c4_left.gif); background-position: 0px -70px;} .c4-child-tile-btn {float: left; height: 35px; padding: 0px 68px 0px 68px; background: url(../images/c4_tile.gif); background-position: 0px -70px;} .c4-child-right-btn {float: left; height: 35px; width: 6px; background: url(../images/c4_right.gif); background-position: 0px -70px;} .c4-btn a:hover .c4-child-left-btn {background-position: 0px -35px;} .c4-btn a:hover .c4-child-right-btn {background-position: 0px -35px;} .c4-btn a:hover .c4-child-tile-btn {background-position: 0px -35px;} .c4-btn a:active .c4-child-left-btn {background-position: 0px 0px;} .c4-btn a:active .c4-child-right-btn {background-position: 0px 0px;} .c4-btn a:active .c4-child-tile-btn {background-position: 0px 0px;} /*c5 button */ .c5-btn {position: relative; height: 50px; width: 475px; line-height: 46px; margin-top: 15px; font-family: Georgia; font-size: 18px; font-style: italic; color: white;} .c5-btn a {color: #FFFFFF; height: 50px;} .c5-child-left-btn {float: left; height: 50px; width: 8px; background: url(../images/c5_left.gif); background-position: 0px -100px;} .c5-child-tile-btn {float: left; height: 50px; background: url(../images/c5_tile.gif); background-position: 0px -100px;} .c5-child-right-btn {float: left; height: 50px; width: 6px; background: url(../images/c5_right.gif); background-position: 0px -100px;} .c5-btn a:hover .c5-child-left-btn {background-position: 0px -50px;} .c5-btn a:hover .c5-child-right-btn {background-position: 0px -50px;} .c5-btn a:hover .c5-child-tile-btn {background-position: 0px -50px;} /*c5 coupon page button */ .c5-coupon-btn {position: relative; height: 50px; width: 475px; line-height: 46px; margin-top: 15px; font-family: Georgia; font-size: 18px; font-style: italic; color: white;} .c5-coupon-btn a {color: #FFFFFF; height: 50px;} .c5-coupon-child-left-btn {float: left; height: 50px; width: 8px; background: url(../images/c5_left.gif); background-position: 0px -100px;} .c5-coupon-child-tile-btn {float: left; height: 50px; width: 445px; padding:0; text-align:center; background: url(../images/c5_tile.gif); background-position: 0px -100px;} .c5-coupon-child-right-btn {float: left; height: 50px; width: 6px; background: url(../images/c5_right.gif); background-position: 0px -100px;} .c5-coupon-btn a:hover .c5-coupon-child-left-btn {background-position: 0px -50px;} .c5-coupon-btn a:hover .c5-coupon-child-right-btn {background-position: 0px -50px;} .c5-coupon-btn a:hover .c5-coupon-child-tile-btn {background-position: 0px -50px;} /*1column dynamic page layout*/ .onecolpage-content-wrapper {width:824px; margin:19px auto 43px; height: 445px;} .onecolpage-middle-container {width:884px; margin:-5px auto;} #onecolpage-main {position:relative; float:left; width:100%; background: url(../images/off_white_shadows_tile.png) repeat-y 0px 0px;} .onecolpage-title {float:left; width:100%; color:#98D8E2; font-family:'Georgia'; font-size:29px; font-style:italic; font-weight:bold;} .onecolpage-dotted-line {float:left; width:100%; height:1px; background:url(../images/dotted_line_horz.png) repeat-x 0px 0px;} .onecolpage-header {float:left; width:818px; margin:22px 0px 24px 0px; color:#A8A8A1; font-family:'Georgia'; font-size:22px; font-style:italic; line-height:29px;} .onecolpage-header-content {margin:20px 0px 24px 0px;} .onecolpage-body {float:left; width:100%;} #onecolpage-bottom-shadow {float:left; width:100%; height:6px; margin:0px 0px -6px 0px; background: url(../images/off_white_shadows_bottom.png) no-repeat;} /*************************** Footer * ****************************/ #footer {width:550px; margin:10px auto; padding-bottom: 60px; text-align:center; font-family: Verdana;} #footer a {color: #9A9376;} #footer a:hover {color: #6D6E71;} #footer img {float:none;} /*************************** DOMINO STYLES * ****************************/ /** STYLES **/ .bold {font-weight:bold;} .italic {font-style:italic;} /** MISC **/ .tm {font-size:7px;} .use-hand {cursor:pointer;} /** MAIN PAGE ELEMENTS **/ body {margin:0 auto;} .wrapper {width:984px;} .header {position:relative; width:960px; height:134px; margin:0 auto; z-index:10} .middle-container {float:left; width:100%; height:100%;} .footer-container {float:left; width:100%;} .col-main {float:left; width:100%;} /** HOME PAGE **/ #left-arrow {width:55px; background:transparent url(../images/left_arrow.png) no-repeat 10px 0} #left-arrow:hover {background-position:-42px 0px;} #right-arrow {background:transparent url(../images/right_arrow.png) no-repeat -53px 0} #right-arrow:hover {width:55px; background-position:1px 0px} /** CMS (STATIC) PAGES **/ .cms-content-wrapper {width:824px; margin:30px auto;} .cms-middle-container {width:884px; margin:-5px auto;} #cms-main {position:relative; float:left; width:100%; background: url(../images/off_white_shadows_tile.png) repeat-y 0px 0px;} .cms-title {float:left; width:100%; color:#98D8E2; font-family:'Georgia'; font-size:29px; font-style:italic; font-weight:bold;} .cms-sub-title {float:left; width:100%; color:#A8A8A1; font-family:'Georgia'; font-style:italic; font-size:16px;} .cms-dotted-line {float:left; width:100%; height:1px; background:url(../images/dotted_line_horz.png) repeat-x 0px 0px;} .cms-header {float:left; width:818px; margin:22px 0px 24px 0px; color:#A8A8A1; font-family:'Georgia'; font-size:22px; font-style:italic; line-height:29px;} .cms-header-content {margin:20px 0px 24px 0px;} .cms-body {float:left; width:100%;} .cms-body-content {float:left; width:100%; margin:10px 0px 10px 0px; font-family:'Verdana';} .cms-body-content h3 {font-size:13px;} .cms-body-content p {font-size:11px; margin:10px 0px;} #cms-bottom-shadow {float:left; width:100%; height:6px; margin:0px 0px -6px 0px; background: url(../images/off_white_shadows_bottom.png) no-repeat;} /* terms of use */ #terms-of-use {} #terms-of-use h3{font-size:13px; margin:0px 0px 9px 0px;} #terms-of-use p{color: #828076; float: left; font-family: 'Verdana'; font-size: 11px; line-height: 16px; margin: 0 0 21px; width: 100%;} #terms-of-use-body-left {float:left; width:402px; margin-right:20px;} #terms-of-use-body-right {float:left; width:402px;} .terms-of-use-contact {float:left; width:170px; margin:0px 30px 0px 0px;} .terms-of-use-country-contact {float:left; width:100%; margin:0px 0px 10px 0px; color:#B9B2A1; font-family:'Georgia'; font-size:12px; font-style:italic; font-weight:bold;} #terms-of-use-contact-info {float:left; width:100%;} #terms-of-use-contact-info h4{color:#828076; font-family:'Georgia'; font-size:11px; font-weight:bold; text-transform:uppercase;} #terms-of-use-contact-info p{margin: 0px 0px 16px 0px;} /* terms and conditions */ #terms-and-conditions-body-left {float:left; width:402px; margin-right:20px;} #terms-and-conditions-body-right {float:left; width:402px;} #terms-and-conditions-sub-title {margin-bottom: 20px;} #terms-and-conditions-body {margin: 15px 0 15px;} /* our process */ #our-process h3{font-size:13px; margin:0px 0px 9px 0px;} #our-process p{float:left; width:100%; margin:0px 0px 21px 0px; color:#828076; font-family:'Verdana'; font-size:11px; line-height: 16px;} #our-process-body {margin:10px 0px 0px 0px;} #our-process-body-left {float:left; width:402px; margin-right:20px;} #our-process-body-right {float:left; width:402px;} /** 404 PAGE **/ #no-route-page {float:left; margin:0px 0px 25px 0px; font-family:'Arial'; color:#888888} #no-route-main {float:left;} #no-route-header-content p{font-size:15px;} #no-route-content {float:left; width:825px;} #no-route-suggestions {float:left; width:475px;} #no-route-suggestions h4{float:left; width:100%; margin:0px 0px 10px 0px; font-size:12px;} #no-route-suggestions ul{float:left; width:100%; line-height:18px;} #no-route-suggestions span{float:left; width:100%; margin:0px 0px 15px 0px;} #no-route-image {position:absolute; bottom:-4px; right:4px;} /** VARIETY PAGE **/ .microwavable {position:absolute; right:15px; bottom:28px;} .sub-variety-microwavable {position:relative; float:right; width:auto; margin:-34px 0px 0px 0px;} /* scroller*/ #variety-scroller-wrapper {width:961px; margin:0 auto;} #variety-scroller-title {position: absolute; width: 100%; margin-top: 15px; text-align: center; font-family: Georgia; font-weight: bold; font-style: italic; font-size: 13px; color: #bbb4a8} #variety-scroller-background {float:left; width:100%; height:217px; background:url(../images/variety-scroller-vbg.jpg) repeat-y 0px 0px;} #variety-scroller {width:965px; margin:15px auto;} #variety-scroller-nav {float: left; margin-left: -20px; margin-top: -40px; width: 800px;} #variety-scroller-nav-right {float: right;} #variety-scroller-nav-htolimg {float: left; width: 23px; height: 16px; background: url(../images/high_low.gif);} #variety-scroller-nav-ltohimg {float: left; width: 23px; height: 16px; background: url(../images/low_high.gif);} #variety-scroller-content-wrapper {float:left; position:relative; width:871px; margin:10px 0px 0px 0px; overflow:hidden; text-align:center;} #variety-scroller-content {float:left; width:auto; height:150px; margin:15px 0px 5px 0px; clip:rect(0px, 871px, 150px, 0px); background-color: #FFFFFF;} .variety-scroller-hover-left {position:relative; display: none; float: left; width: 9px; height: 116px; margin-left: -15px; background: url(../images/rollover_lines.gif) no-repeat;} .variety-scroller-hover-right {position:relative; display: none; float: left; width: 9px; height: 116px; top: -135px; margin-left: 154px; background: url(../images/rollover_lines.gif) -9px 0px;} .variety-scroller-item:hover .variety-scroller-hover-right {display: inline;} .variety-scroller-item:hover .variety-scroller-hover-left {display: inline;} .variety-scroller-item-title {color: #857A6A; float: left; font-size: 13px; margin-top: -5px; width: 100%;} .variety-scroller-item-sub-title {float:left; width:100%; font-style:italic; font-size: 10px;} .variety-scroller-item {position:relative; float:left; width:150px; height:125px; margin:10px 12px 0px 12px;} .variety-scroller-sub-item-end-left {float:left; width:10px; height:160px; background:url(../images/variety-scroller-sub-item-ebg.jpg) no-repeat 0px 0px;} .variety-scroller-sub-item-background {float:left; width:auto; height:160px; background:url(../images/variety-scroller-sub-item-hbg.jpg) repeat-x 0px 0px;} .variety-scroller-sub-item-end-right {float:left; width:12px; height:160px; background:url(../images/variety-scroller-sub-item-ebg.jpg) no-repeat -10px 0px;} .variety-scroller-sub-items {float:left; padding:20px 0px 0px 8px;} .variety-scroller-sub-item {float:left; width:150px; height:125px; margin:0px 7px 0px 7px;} #variety-left-scroll-arrow {background:url(../images/scroll_left_arrow.png) no-repeat 0px 0px;} #variety-right-scroll-arrow {background:url(../images/scroll_right_arrow.png) no-repeat 0px 0px;} #variety-scroller-track-wrapper {width:496px; margin:0 auto;} #variety-scroller-track {float:left; width:100%; height:14px;} #variety-scroller-track-left {position:relative; z-index:1; float:left; width:13px; height:100%; background: url(../images/scrollbar_ends.png) no-repeat 0px 0px;} #variety-scroller-track-mid {position:relative; z-index:0; float:left; width:490px; height:100%; margin:0px 0px 0px -13px; background: url(../images/scrollbar_tile.gif) repeat 0px 0px;} #variety-scroller-track-right {position:relative; z-index:1; float:left; width:13px; height:100%; margin:0px 0px 0px -11px; background: url(../images/scrollbar_ends.png) no-repeat -13px 0px;} #variety-scroller-handle {float:left; width:132px; height:14px;} #variety-scroller-handle-left {float:left; width:8px; height:100%; background:url(../images/scrollbar_yellow_ends.gif) no-repeat 0px 0px;} #variety-scroller-handle-mid {float:left; width:110px; height:100%; background:url(../images/scrollbar_yellow_tile.gif) repeat-x 0px 0px;} #variety-scroller-handle-right {float:left; width:8px; height:100%; background:url(../images/scrollbar_yellow_ends.gif) no-repeat -8px 0px;} .variety-scroller-sub-image-expand {position:relative; float:left; margin:0px 0px 0px -127px; padding-left: 20px; font-family: Georgia; font-weight: bold; font-style: italic; font-size: 11px; color: #dcd9d1} .variety-scroller-sub-image-expand span {position: absolute; left: 0; width:15px; height:15px; background:url(../images/variety-scroller-sub-item-expand.jpg) no-repeat 0px 0px;} .variety-scroller-sub-image-expand:hover {background-position:-15px 0px;} .variety-scroller-sub-image-colapse {float:left; width:15px; height:15px; margin:10px 0px 0px 5px; background:url(../images/variety-scroller-sub-item-colapse.jpg) no-repeat 0px 0px;} .variety-scroller-sub-image-colapse:hover {background-position:-15px 0px;} .variety-scroller-sub-item-slider {float:left; width:auto; margin:-10px 0px 0px 0px;} .variety-scroller-sub-item-wrapper {float:left; width:1500px} #variety-scroller-bottom-background {position:relative; float:left; width:961px; height:17px; margin:0px 0px -5px 0px; background:url(../images/variety-scroller-bottombg.png) no-repeat 0px 0px; z-index: 1;} /* page */ .variety-page-left {position:relative; float:left; width:370px; margin:10px 25px; z-index:1;} #variety-main-nav {float:left; width:895px; margin-left: -5px; text-align:center;} #variety-nav-header {float:left; width:394px; height:94px; background:url(../images/variety_nav_middle.jpg) no-repeat -242px 0px; font-style:italic;} #variety-nav-title {float:left; width:100%; margin:15px 0px 0px 0px; font-size:25px; color: #857A6A; font-size: 25px; font-weight: bold; margin: 15px 0 0;} #variety-nav-subtitle {color: #938B73; float: left; font-size: 14px; margin: 3px auto auto; width: 100%;} .variety-nav-item-link {float:left; width:75px; margin:18px 0px 0px 18px;} .variety-nav-item-link-active {float:left; width:75px; margin:28px 0px 0px 18px;} .variety-nav-item-index a, .variety-nav-item-community a, .variety-nav-item-store a, .variety-nav-item-instructions a{float:left; width:121px; height:85px;} #variety-nav-information a{background:url(../images/variety_nav_middle.jpg) no-repeat 0px -482px;} #variety-nav-instructions a{background:url(../images/variety_nav_middle.jpg) no-repeat -121px -482px;} #variety-nav-instore a{background:url(../images/variety_nav_middle.jpg) no-repeat -637px -482px;} #variety-nav-community a{background:url(../images/variety_nav_middle.jpg) no-repeat -758px -482px;} #variety-nav-information a:hover{background-position: 0px -386px;} #variety-nav-instructions a:hover{background-position: -121px -386px;} #variety-nav-instore a:hover{background-position: -637px -386px;} #variety-nav-community a:hover{background-position: -758px -386px;} #variety-nav-information.variety-nav-item-index a{background-position: 0px -194px;} #variety-nav-instructions.variety-nav-item-index a{background-position: -121px -194px;} #variety-nav-instructions.variety-nav-item-index a:hover{background-position: -121px -98px;} #variety-nav-information.variety-nav-item-instructions a{background-position: 0px -290px;} #variety-nav-information.variety-nav-item-instructions a:hover{background-position: 0px -2px;} #variety-nav-instructions.variety-nav-item-instructions a{background-position: -121px -2px;} #variety-nav-instore.variety-nav-item-store a{background-position: -637px -194px;} #variety-nav-community.variety-nav-item-store a{background-position: -758px -194px;} #variety-nav-community.variety-nav-item-store a:hover{background-position: -758px -98px;} #variety-nav-community.variety-nav-item-community a{background-position: -758px -290px;} #variety-nav-instore.variety-nav-item-community a{background-position: -637px -290px;} #variety-nav-instore.variety-nav-item-community a:hover{background-position: -637px -2px;} #variety-page-wrapper {width:884px; margin:0 auto;} #variety-page {position:relative; float:left; width:100%; min-height:500px; background: url(../images/off_white_shadows_tile.png) repeat-y 0px 0px;} #variety-page p{float:left; width:100%; margin:0px 0px 21px 0px; color:#828076; font-family:'Verdana'; font-size:11px; line-height:16px;} #variety-page-title {float:left; width:100%; color:#98D8E2; font-family:'Georgia'; font-size:28px; font-style:italic; font-weight:bold;} #variety-page-subtitle {color: #A8A8A1; float: left; font-family: 'Georgia'; font-size: 16px; font-style: italic; line-height: 22px; margin: 10px 0; width: 100%;} #variety-page-content-wrapper {float:left; width:100%; margin-top:20px;} .variety-page-content {float:left; width:100%; margin:10px 0px 20px 0px; font-family: Verdana;} .variety-in-store-content {float:left; width:100%; min-height: 455px; margin:10px 0px 20px 0px; font-family: Verdana;} .variety-page-left {float:left; width:370px; margin:0 25px 30px 25px;} .variety-page-right {float:left; width:500px;} #variety-page-image {position:relative; float:left; width:100%; min-height: 450px; margin: 0 0 -1px -4px} #variety-bottom-shadow {float:left; width:100%; height:6px; margin:0px 0px -6px 0px; background: url(../images/off_white_shadows_bottom.png) no-repeat;} #variety-page-index-background {position:absolute; bottom:-1px; right:4px; width:500px; height:370px;} #variety-page-store-background {position:absolute; bottom:0px; right:4px; width:545px; height:455px;} #variety-page-instructions-left {float:left; width:500px;} #variety-page-instructions-right {float:left; width:300px; font-style:italic;} #variety-page-instructions-right-content {float:left; width:100%; margin:15px 0px 15px 0px; background: url(../images/instructions-green-tile.gif)} #variety-page-instructions-right-top {float:left; width:300px; height: 8px; background: url(../images/instructions-green-ends.gif) no-repeat 0 0} #variety-page-instructions-right-bottom {float:left; width:300px; height: 8px; background: url(../images/instructions-green-ends.gif) no-repeat 0 -8px} #variety-page-instructions-right-content-text {margin:10px 15px 5px; line-height: 20px; font-family: Verdana; color: #929290;} .variety-page-cooking-instruction {float:left; width:100%; margin:0px 0px 10px 0px;} .variety-page-cooking-instruction-type {float:left; width:auto; padding:8px 0px 0px 0px; font-weight:bold; font-style:italic;} .variety-page-cooking-instruction-note {float:left; width:100%; font-style:italic;} .variety-page-cooking-instruction-body {float:left; font-family:Verdana; margin: 10px auto 10px;} #variety-page-cooking-instruction-icon {float:left; width:auto; margin:0px 5px 5px 0px;} .variety-instruction-divider {float:left; width:100%; height:1px; margin:5px 0px 15px 0px;} .variety-page-cooking-instruction-titlearea {float:left; width: 100%;} #variety-nutrition-ingredients {float: left; text-align: left; color: #7e9298; font-family: Arial Narrow, Arial, Helvetica; font-size: 12px; margin: 0 15px;} #variety-nutrition-ingredients-title {font-weight: bold;} #variety-nutrition-ingredients-list {line-height: 16px;} .variety-in-store-left {position:relative; float:left; width:290px; margin:0px 25px; z-index:1;} #variety-page-sizesandbrands {float:left; width:100%; margin:20px 0px 0px 0px; font-family:Georgia; font-style:italic;} #variety-page-sizesandbrands-title {float:left; width:100%; margin:0px 0px 5px 0px;} #variety-page-sizesandbrands li {width:100%;} #variety-page-additional-recipes-title {float: left; margin-bottom: 10px; font-size: 12px; line-height: 16px;} #variety-page-additional-recipes {width: 100%; margin-left: 14px;} #variety-page-additional-recipes ul li {float: left; width: 100%;} #variety-community-left-content {float: left; width:100%;} #variety-community-right-content {float: right;} #variety-left-content-full {float:left; width:600px; height:100%; background:transparent url(../images/off_white_shadows_tile.png) repeat-y 0 0;} #variety-submit-recipe {margin-top:5px; font-family: Verdana; line-height:16px; color: #828076;} /* community (blog) */ .blogpost {float:left; width:100%;} .blogcontent {float:left; width:100%; margin:0px 0px 5px 0px;} /* RECIPE PAGE */ #recipe-container {width:884px; margin:-5px auto;} #scroller-nav {position:absolute; top:147px; left:88px; float:none; width: 800px; margin:0px 0px 0px 0px;} /* BLOG */ #left-content-full {float:left; width:885px; height:100%; background:transparent url(../images/off_white_shadows_tile.png) repeat-y 0 0;} #blog-bottom-shadow {float:left; width:100%; height:6px; margin:0px 0px -6px 0px; background: url(../images/off_white_shadows_bottom.png) no-repeat;} /* COUPON */ #coupons-container {width:884px; margin:-5px auto;} #coupons-background {float:left; width:100%; margin:0 auto; background:transparent url(../images/off_white_shadows_tile.png) repeat-y 0 0;} #coupons-main-body {float:left; width:100%;} #mainpromo-coupons {float:left; width:100%; background:transparent url(../images/coupons-bottom-hbg.png) repeat-y 0 0;} #coupons-bottom {float:left; width:100%; height:33px; margin:0px 0px 0px 0px; background:transparent url(../images/coupons-bottom-shadow.png) no-repeat 0 0;} #coupons-badge-title {float:left; width:100%; margin:9px 0px 0px 0px; text-align:center;} /* scroller*/ #coupon-scroller-top-background {position:relative; float:left; width:961px; height:16px; margin:0px 0px 0px 4px; background:url(../images/variety-scroller-top-shadow.png) no-repeat 0px 0px;} #coupon-scroller-bottom-background {position:relative; float:left; width:961px; height:17px; margin:0px 0px -5px 0px; background:url(../images/variety-scroller-bottombg.png) no-repeat 0px 0px;} #coupon-scroller-wrapper {width:961px; margin:0px 0px 0px -40px;} #coupon-scroller-background {float:left; width:100%; height:200px; background:url(../images/variety-scroller-vbg.jpg) repeat-y 0px 0px;} #coupon-scroller {width:965px; margin:0 auto;} #coupon-scroller-title {position: absolute; width: 100%; text-align: center; font-family: Georgia; font-weight: bold; font-style: italic; font-size: 13px; color: #bbb4a8} #coupon-scroller-nav {float: left; margin-left: -20px; margin-top: -40px; width: 800px;} #coupon-scroller-nav-right {float: right;} #coupon-scroller-nav-htolimg {float: left; width: 23px; height: 16px; background: url(../images/high_low.gif);} #coupon-scroller-nav-ltohimg {float: left; width: 23px; height: 16px; background: url(../images/low_high.gif);} #coupon-scroller-content-wrapper {float:left; width:871px; margin:10px 0px 0px 0px; overflow:hidden; text-align:center;} #coupon-scroller-content {float:left; width:auto; height:150px; margin:15px 0px 5px 0px; clip:rect(0px, 871px, 150px, 0px); background-color: #FFFFFF;} .coupon-scroller-hover-left {position:relative; display: none; float: left; width: 9px; height: 116px; margin-left: -15px; background: url(../images/rollover_lines.gif) no-repeat;} .coupon-scroller-hover-right {position:relative; display: none; float: left; width: 9px; height: 116px; top: -135px; margin-left: 154px; background: url(../images/rollover_lines.gif) -9px 0px;} .coupon-scroller-item:hover .coupon-scroller-hover-right {display: inline;} .coupon-scroller-item:hover .coupon-scroller-hover-left {display: inline;} .coupon-scroller-item-title {color: #857A6A; float: left; font-size: 13px; margin-top: -5px; width: 100%;} .coupon-scroller-item-sub-title {float:left; width:100%; font-style:italic; font-size: 10px;} .coupon-scroller-item {position:relative; float:left; width:150px; height:125px; margin:10px 12px 0px 12px;} .coupon-scroller-sub-item-end-left {float:left; width:10px; height:160px; background:url(../images/variety-scroller-sub-item-ebg.jpg) no-repeat 0px 0px;} .coupon-scroller-sub-item-background {float:left; width:auto; height:160px; background:url(../images/variety-scroller-sub-item-hbg.jpg) repeat-x 0px 0px;} .coupon-scroller-sub-item-end-right {float:left; width:12px; height:160px; background:url(../images/variety-scroller-sub-item-ebg.jpg) no-repeat -10px 0px;} .coupon-scroller-sub-items {float:left; padding:20px 0px 0px 8px;} .coupon-scroller-sub-item {float:left; width:150px; height:125px; margin:0px 7px 0px 7px;} #coupon-left-scroll-arrow {background:url(../images/scroll_left_arrow.png) no-repeat 0px 0px;} #coupon-right-scroll-arrow {background:url(../images/scroll_right_arrow.png) no-repeat 0px 0px;} #coupon-scroller-track-wrapper {width:496px; margin:0 auto;} #coupon-scroller-track {float:left; width:100%; height:14px;} #coupon-scroller-track-left {position:relative; z-index:1; float:left; width:13px; height:100%; background: url(../images/scrollbar_ends.png) no-repeat 0px 0px;} #coupon-scroller-track-mid {position:relative; z-index:0; float:left; width:490px; height:100%; margin:0px 0px 0px -13px; background: url(../images/scrollbar_tile.gif) repeat 0px 0px;} #coupon-scroller-track-right {position:relative; z-index:1; float:left; width:13px; height:100%; margin:0px 0px 0px -11px; background: url(../images/scrollbar_ends.png) no-repeat -13px 0px;} #coupon-scroller-handle {float:left; width:132px; height:14px;} #coupon-scroller-handle-left {float:left; width:8px; height:100%; background:url(../images/scrollbar_yellow_ends.gif) no-repeat 0px 0px;} #coupon-scroller-handle-mid {float:left; width:110px; height:100%; background:url(../images/scrollbar_yellow_tile.gif) repeat-x 0px 0px;} #coupon-scroller-handle-right {float:left; width:8px; height:100%; background:url(../images/scrollbar_yellow_ends.gif) no-repeat -8px 0px;} .coupon-scroller-sub-image-expand {position:relative; float:left; margin:0px 0px 0px -127px; padding-left: 20px; font-family: Georgia; font-weight: bold; font-style: italic; font-size: 11px; color: #dcd9d1} .coupon-scroller-sub-image-expand span {position: absolute; left: 0; width:15px; height:15px; background:url(../images/variety-scroller-sub-item-expand.jpg) no-repeat 0px 0px;} .coupon-scroller-sub-image-colapse {float:left; width:15px; height:15px; margin:10px 0px 0px 5px; background:url(../images/variety-scroller-sub-item-colapse.jpg) no-repeat 0px 0px;} .coupon-scroller-sub-image-colapse:hover {background-position:-15px 0px;} .coupon-scroller-sub-item-slider {float:left; width:auto; margin:-10px 0px 0px 0px;} .coupon-scroller-sub-item-wrapper {float:left; width:1500px} /* RECIPES */ /* scroller*/ #recipe-scroller-wrapper {float:left; width:848px; margin:0px 0px 20px 10px;} #recipe-scroller-background {float:left; width:100%; height:200px; background-color: #FFFFFA;} #recipe-scroller {width:965px; margin:0 auto;} #recipe-scroller-nav {float: left; margin-left: -20px; margin-top: -40px; width: 800px;} #recipe-scroller-nav-right {float: right;} #recipe-scroller-nav-left {float: left;} #recipe-scroller-nav-order-wrapper {float: right; height: 35px; margin: -5px 10px 0px;} #recipe-scroller-nav-order-text {float: left; width: 100%; font-family: arial; font-size: 10px; color:#c2c2c2;} #recipe-scroller-nav-htolimg {float: left; width: 23px; height: 17px; background: url(../images/high_low.gif); background-position: 0px -34px;} #recipe-scroller-nav-ltohimg {float: left; width: 23px; height: 17px; background: url(../images/low_high.gif); background-position: 0px -34px;} #recipe-scroller-nav-htolimg:hover {background-position: 0px -17px;} #recipe-scroller-nav-ltohimg:hover {background-position: 0px -17px;} .recipe-scroller-nav-order-selected {background-position: 0px 0px!important;} .recipe-scroller-nav-option {font-family: Georgia; font-style: italic;} #recipe-scroller-content-wrapper {float:left; position: relative; width:771px; margin:10px 0px 0px 0px; overflow:hidden;} #recipe-scroller-content {float:left; width:848px; height:175px; margin:8px 0px; clip:rect(0px, 871px, 150px, 0px); background-color: #FFFFFA;} .recipe-scroller-hover-left {position:relative; display: none; float: left; width: 9px; height: 116px; margin-left: -15px; background: url(../images/rollover_lines.gif) no-repeat;} .recipe-scroller-hover-right {position:relative; display: none; float: left; width: 9px; height: 116px; top: -135px; margin-left: 154px; background: url(../images/rollover_lines.gif) -9px 0px;} .recipe-scroller-item:hover .recipe-scroller-hover-right {display: inline;} .recipe-scroller-item:hover .recipe-scroller-hover-left {display: inline;} .recipe-item-scroller-title {float:left; font-size: 12px; line-height: 16px; font-style: italic; text-align: left; color: #857A6A;} .recipe-scroller-item-sub-title {float:left; width:100%; font-style:italic;} .recipe-scroller-item {position:relative; float:left; width:152px; height:125px; margin:0px 21px;} .new-recipe {position: absolute; top: 7px; right: 4px; height: 20px; padding-left: 2px; padding-top: 2px; color: #FFFFFF; font-weight: bold; font-style: italic; background: url(../images/new-flag.gif) no-repeat 0 -20px;} .new-recipe span {width: 100%; height: 6px; padding: 2px 8px 4px 8px; background: url(../images/new-flag.gif) repeat-x;} .has-video {position: absolute; top: 74px; left: 0; height: 16px; padding-left: 7px; padding-right: 3px; color: #FFFFFF; font-size: 11px; font-weight: bold; font-style: italic; background: url(../images/video-flag.png) repeat-x;} .has-video span {position: absolute; right: -5px; width: 5px; height: 16px; background: url(../images/video-flag.png) no-repeat 0 -16px;} #recipe-left-scroll-arrow {background:url(../images/scroll_left_arrow.png) no-repeat 0px 0px;} #recipe-right-scroll-arrow {background:url(../images/scroll_right_arrow.png) no-repeat 0px 0px;} #recipe-scroller-track-wrapper {width:496px; margin:0 auto;} #recipe-scroller-track {float:left; width:100%; height:14px;} #recipe-scroller-track-left {position:relative; z-index:1; float:left; width:13px; height:100%; background: url(../images/scrollbar_ends.png) no-repeat 0px 0px;} #recipe-scroller-track-mid {position:relative; z-index:0; float:left; width:490px; height:100%; margin:0px 0px 0px -13px; background: url(../images/scrollbar_tile.gif) repeat 0px 0px;} #recipe-scroller-track-right {position:relative; z-index:1; float:left; width:13px; height:100%; margin:0px 0px 0px -11px; background: url(../images/scrollbar_ends.png) no-repeat -13px 0px;} #recipe-scroller-handle {float:left; width:132px; height:14px;} #recipe-scroller-handle-left {float:left; width:8px; height:100%; background:url(../images/scrollbar_yellow_ends.gif) no-repeat 0px 0px;} #recipe-scroller-handle-mid {float:left; width:110px; height:100%; background:url(../images/scrollbar_yellow_tile.gif) repeat-x 0px 0px;} #recipe-scroller-handle-right {float:left; width:8px; height:100%; background:url(../images/scrollbar_yellow_ends.gif) no-repeat -8px 0px;} /********** DROPDOWN MENU **********/ #dropdown-menu {position:absolute; top:25px; left:-25px; width:187px; z-index:-1; font-family:"Georgia"; font-size:12px;} #dropdown-menu-wrapper {float:left; width:187px;} #dropdown-menu-top {float:left; width:100%; height:30px; background:url(../images/dropdown-top.png) no-repeat 0 0;} #dropdown-menu-background {float:left; width:100%; background:url(../images/dropdown-white-bg.png) repeat-y 0 0;} #dropdown-menu-bottom {float:left; width:100%; height:16px; background:url(../images/dropdown-bottom.png) no-repeat 0 0;} #dropdown-menu-top.active {background:url(../images/dropdown-top.png) no-repeat -187px 0;} #dropdown-menu-background.active {background:url(../images/dropdown-brown-bg.png) repeat-y 0 0;} #dropdown-menu-bottom.active {background:url(../images/dropdown-bottom.png) no-repeat -189px 0;} #dropdown-menu-item-wrapper {float:left; width:165px; margin:5px 0px 5px 20px;} .dropdown-menu-item {float:left; width:100%; height:45px; margin:5px 0px;} .dropdown-menu-item span {float:left; width:100%;} .dropdown-menu-item-content {float:left; width:100%; margin:8px 0px 0px 0px;} .dropdown-menu-item-title {color:#85796A;} .dropdown-menu-item-title:hover {color:#AFA18F;} .dropdown-menu-item-title-parent {color:#85796A;} .dropdown-menu-item-sub-title {color:#B1AB99; font-size:10px; font-style:italic;} .dropdown-menu-item-divider {float:left; width:100%; height:1px; background:url(../images/dropdown-divider.png) no-repeat 0 0;} .dropdown-parent {position:relative; z-index:1;} .dropdown-sub-menu-wrapper {position:absolute; top:15px; left:176px; width:187px;} .dropdown-sub-menu-top {float:left; width:100%; height:19px; background:url(../images/dropdown-sub-top.png) no-repeat 0 0;} .dropdown-sub-menu-background {float:left; width:100%; background:url(../images/dropdown-white-bg.png) repeat-y 0 0;} .dropdown-sub-menu-bottom {float:left; width:100%; height:18px; background:url(../images/dropdown-sub-bottom.png) no-repeat 0 0;} .dropdown-sub-menu-item-wrapper {position:relative; float:left; width:100%; margin:0px 0px 0px 20px;} .dropdown-sub-menu-item {float:left; width:100%; height:45px; margin:5px 0px;} .dropdown-sub-menu-item span {float:left; width:100%;} .dropdown-sub-menu-item-content {float:left; width:100%; margin:8px 0px 0px 0px;} .active-dropdown {position:absolute; top:-8px; left:-12px; z-index:-1;} .active-dropdown-cap {float:left; width:21px; height:58px; background:url(../images/dropdown-sub-left.png) no-repeat 0 0;} .active-dropdown-background {position:relative; float:left; width:153px; height:58px; z-index:1; background:url(../images/dropdown-sub-left-bg.png) repeat-x 0 0;} /********** CAPTCHA **********/ #captcha-wrapper {float:left; width:100%; margin:0px 0px 0px 5px;} .clear {clear:both;} .captcha-image {margin:0; padding:0; width:240px; height:83px; clear:both; float:left; background-image:url('../images/captcha.gif'); background-repeat:no-repeat; border:1px solid #000000;} #contact-form-wrapper {padding-bottom:20px;} /*******************************************************Voting area********************************************************/ .voting-page{margin:0; padding:30px 0 0 30px; width:854px; position:relative;} .voting-page h1{margin:0; padding:0; color:#99d8e2; font-size:25px; font-family:georgia; font-style:italic; font-weight:bold;} .voting-content{margin:0; padding:22px 0 0 1px; width:840px; position:relative;} .voting-content p{margin:0; padding:20px 0px 0px 0px; color:#828076; font-size:11px; font-family:verdana;} .voting-content a{margin:0; padding:0; color:#cbb02d; font-size:11px; font-family:verdana;} .voting-content a:hover{color:#AA9338;} .voting-content h2{margin:0; padding:0; color:#979691; font-size:16px;} .voting-area{margin:28px 0 0 0; padding:0;} .vote-content{margin:0 19px 80px 0; padding:0; width:191px; float:left;} .vote-content img{margin:0 0 8px 0; padding:0;} p.photo-title{margin:0; padding:0 0 5px 0; color:#756e62; font-size:13px; font-family:georgia; font-style:italic;} p.photo-author{margin:0; padding:0; color:#828076; font-size:11px; font-family:verdana; font-style:italic;} a.vote-button{margin:20px 0 0 0; padding:5px 0 0 0; width:190px; height:20px; display:block; color:#ffffff; font-size:13px; font-style:italic; font-family:georgia; text-align:center; background-image:url('../images/voting-sprite.png'); background-repeat:no-repeat; background-position:0px 0px;} a.vote-button:hover{background-position:0px -25px; color:#ffffff;} .video:hover img{opacity:0.2; filter:alpha(opacity=20)} a.video-over:hover{margin:0; padding:0; width:191px; height:127px; /*position:absolute; top:0px; left:0px;*/ display:block; background-image:url('../images/voting-sprite.png'); background-repeat:no-repeat; background-position:0px -50px;} p.view-recipe{margin:0; padding:5px 0 0 0;}