/* ********************************************************* ********************************************************* * file:layout.css * version:1.4 * description:controls layout * created:01/01/2009 01:00 * original authors:Len Mclaughlin, Simeon Eleftheriadis, Mike Foskett * modified 29/03/09:Nick Mcdonald * comments:PNG fix * modified 07/04/09:Manju * comments:appended Sitemap * modified 08/04/09:Len * comments:general layout bug fixes * modified 17/04/09:Len * comments:final bug fixes * modified 26/05/09:Manju * comments:append header link * Updates:Landing, Video and Product pages * July 2010 - LM * Comments:New styles and fixes to existing styles ********************************************************* ********************************************************* */ /* ** RECIPE CONTENT */ #recipecontentbox {border:1px solid #000; width:638px; position:relative} #recipecontentbox h1 {font-weight:700; font-size:1.8em; margin:0 0 0 12px; padding-bottom:5px; line-height:18pt} #recipecontentbox h2 {font-size:15px; margin:0 12px; font-weight:700; padding-bottom:5px; line-height:100%; color:#000 !important} #recipecontentbox .rh2 {font-size:1.8em; margin:0 12px; font-weight:400; padding-bottom:5px; line-height:100%} #recipecontentbox div ul {margin:0; color:#000; padding-bottom:0; padding-left:25px; *padding-left:20px} #recipecontentbox h3 {font-size:13px; margin:0 12px} #recipecontentbox h5 {display:inline; float:left; font-size:1em; line-height:16px; margin:0 8px 0 0} *:first-child+html #recipecontentbox h5 {margin:1px 8px 0 0} #recipecontentbox ul {padding-left:0; padding-right:8px; padding-bottom:8px !important; list-style-type:disc; list-style-position:inside; margin:0 10px 20px 25px; *margin-left:30px} #recipecontentbox ul li {list-style-type:disc; list-style-position:outside; font-weight:400; padding-bottom:3px} #recipecontentbox ol {list-style-type:decimal; margin:0 10px 20px 30px; *margin-left:33px} #recipecontentbox ol li {list-style-type:decimal; padding-bottom:10px} #recipecontentbox p, #recipecontentbox ul, #recipecontentbox ol {color:#000} #recipecontentbox p {margin:0 12px 12px; line-height:16px} #recipecontentbox .recipeRSide {clear:right; float:right; width:250px; margin:0 0 15px} /* ie 6 & 7 */ *:first-child+html #recipecontentbox .recipeRSide {width:260px; margin:0 15px 15px} * html #recipecontentbox .recipeRSide {margin:0 10px 15px 0} #recipecontentbox .contentPic {padding-left:10px !important} #recipecontentbox .recipeImage {background:url(../img/image.recipe.jpg) no-repeat; width:290px; height:236px; float:right; background-position:25px 0 !important} #recipecontentbox .contentImage {background:url(../img/contentline.jpg) no-repeat; width:279px; height:161px; margin-top:-5px} #recipecontentbox .intro {font-size:1.2em; font-weight:700} #recipecontentbox .contentIntro {margin-top:20px; width:324px; line-height:18px} #recipecontentbox .videoIntro {margin-top:20px; width:610px} #recipecontentbox .gdaDetails {color:#000} #recipecontentbox .gdaDetailsValues {clear:both; float:right; background:url(../img/recipes_nutrition_bg.gif) no-repeat; width:266px; height:65px} #recipecontentbox .gdaDetailsValues ul {margin:0 !important; padding:0; width:100%} #recipecontentbox .gdaDetailsValues li {display:block; float:left; height:65px; overflow:hidden; width:50px; font-size:.9em} #recipecontentbox .gdaDetailsValues li {text-align:center} #recipecontentbox .gdaDetailsValues li.t_SAT {width:56px} #recipecontentbox .gdaDetailsValues p {font-weight:700; padding:0 !important; margin:0 0 0 1px} #recipecontentbox .gdaDetailsValues ul .hd {margin:0; padding:10px 0 0; text-align:center} #recipecontentbox .gdaDetailsValues .line1, #recipecontentbox .gdaDetailsValues .line2 {display:block; text-align:center; width:50px} #recipecontentbox .list span {font-weight:700; color:#000} #recipecontentbox .contentPic .foodIcons {padding:18px 0 !important; margin-bottom:20px !important; float:right; clear:right} #recipecontentbox .contentPic .foodIcons p {margin:0 !important; padding:0 10px 0 16px} #recipecontentbox .weeklyLink {font:700 .9em/1.2em verdana,sans-serif} /* ** MEAL OF THE WEEK */ p.motw {margin:10px 0; padding-bottom:5px; color:#fff !important; clear:left} p.motw {font-size:12px; line-height:12px !important; text-indent:12px} p.motw {margin:0 0 0 12px !important} p.motw a:link, p.motw a:visited, p.motw a:hover, p.motw a:active{color:#fff !important} p.motwIntro {padding-top:30px; margin-left:25px !important; width:380px; color:#fff !important; font-size:12px; line-height:14px !important} div.motwContent {padding:10px 0} .recipeHeadband {clear:left; margin:0 0 30px; text-indent:12px; font-weight:700; color:#fff} .recipeHeadband span.left, .recipeHeadband span.right {} .recipeHeadband span.right {font-size:.9em; margin-left:540px} .recipeHeadband span.right a {color:#fff !important; font-weight:400} #main span.right {margin-left:555px} #dessert span.right {margin-left:535px} /* ** RECIPE SEARCH RESULTS PAGE */ .sResults {color:#fff !important; font-size:14px; text-indent:12px; margin:10px 0 !important; padding:3px 0} #recipeSearchResultsGrid {width:100%} #recipeSearchResultsGrid .srHeadings {font-weight:700} #recipeSearchResultsGrid .srAction {margin-top:10px} #recipeSearchResultsGrid .srAction p a {width:150px} #recipeSearchResultsGrid p {margin:0 !important; line-height:14px} #recipeSearchResultsGrid p img {float:left; margin-right:10px} #recipeSearchResultsGrid .srRowEven {background-color:#fff; height:100%} #recipeSearchResultsGrid .srRowOdd {background-color:#d4ecec; height:100%} #recipeSearchResultsGrid .srItemLeft {float:left; width:290px; padding:10px; margin:0; border-right:10px solid #fff} #recipeSearchResultsGrid .srItemRight {float:right; width:290px; padding:10px; margin:0} #recipeSearchResultsGrid a.bullet {padding-left:20px; text-decoration:none; display:block; _width:60%} #recipeSearchResultsGrid a.bullet span {text-decoration:underline} h3 .searchResult {font-size:1.3em} /* ** MAIN CONTENT VIDEO BOX, VIDEO BOX (VIEWING AREA APPROX 512X308 / 360X219) */ #videoblock {width:557px; margin:20px 0 25px 15px} #videoblock .videoBox, #videoblock .videoBox2 {text-align:center} #videoblock .videoBox p, #videoblock .videoBox2 p {padding:0 0 12px; margin:0; text-align:left} #videoblock .noSL {width:590px; height:380px; background-color:#ffdfdf} #videoblock .mediaMsg {width:500px; margin-left:40px; padding-top:30px} /* ** STYLE FOR 'RATING IN CONTENT' AREA */ #recipecontentbox .rating, .rating .rate {float:left; display:inline; margin-right:5px; margin-left:7px} #recipecontentbox .rating {width:370px} #recipecontentbox .rating ul {margin:0; padding:0} #recipecontentbox .rating li {float:left; margin-right:5px; list-style-type:none} #recipecontentbox .rating li.star {background:url(../img/ratestar_empty.gif) no-repeat top left; height:18px; width:18px} #recipecontentbox .rating li.starFull {background:url(../img/ratestar_full.gif) no-repeat top left; height:18px; width:18px} #recipecontentbox .rating li.starHalf {background:url(../img/ratestar_halffull.gif) no-repeat top left; height:18px; width:18px} #recipecontentbox ul.star-rating {height:17px} #prevContent {width:98%; margin:20px auto; font-size:1.2em; line-height:1.2em; clear:left; padding-top:20px} #prevContent .prevImg {background:url(../img/recipe-001.jpg) no-repeat left top; width:40px; height:40px; float:left; margin-right:5px; vertical-align:bottom} #prevContent a {font-size:80%; color:#00f} .prevNext {padding:20px 0; margin-left:150px} .prevNextTop {margin-left:0; padding-bottom:10px; height:2em; width:auto} .prevNext ul, .prevNextTop ul {margin:0 !important; padding:0; width:auto; float:left} .prevNext li, .prevNextTop li {display:inline; float:left; margin-right:6px} .pnGT {float:left; margin-right:6px} .pnLT {float:left} .pnGT a, .pnLT a {text-decoration:none} /* ** COMMENT SECTION */ #commentBlock {background-color:#d1dfdf; border-bottom:1px solid #229f9e; margin:10px 0; height:auto; padding-bottom:10px} #commentBlock .cbStrip {font-weight:700; font-size:.95em; border-bottom:1px solid #229f9e; height:34px} #commentBlock .cbStrip p.cbleft {float:left; margin-top:6px; margin-left:16px} #commentBlock .cbStrip p.cbright {float:right; margin-top:6px; margin-right:16px; display:block; padding-left:20px} #commentBlock .cbStrip p.cbright a {line-height:20px} #commentBlock .commentsLogin {width:300px; color:#fff; font-size:1em; line-height:1.3em; float:left; padding-left:12px; padding-bottom:20px} /* hack for ie 6&7 */ *:first-child+html #commentBlock .commentsLogin {padding-bottom:18px} * html #commentBlock .commentsLogin {padding-bottom:15px} #commentBlock .commentsLogin .commWhy {color:#fff; font-size:15px; font-weight:700} #commentBlock .commentsLogin ul {padding-left:12px; margin:0} * html #commentBlock .commentsLogin ul {padding-left:15px} *:first-child+html #commentBlock .commentsLogin ul {padding-left:2px} #commentBlock .commentsLogin li {background:url(../img/smalltick_white.gif) no-repeat left 2px} #commentBlock .commentsLogin li {list-style-type:none !important; color:#fff; padding-left:25px} * html #commentBlock .commentsLogin li {text-indent:-15px} *:first-child+html #commentBlock .commentsLogin li {text-indent:-15px} #commentBlock .commentsLogin p.seeLink {background:url(../img/btn_normalreverse.png) no-repeat left top} #commentBlock .commentsLogin p.seelink {color:#fff; margin-bottom:8px; font-weight:700; _margin-left:10px} #commentBlock .commentsLogin .login {margin-top:10px} #commentBlock .commentsLogin .login p {text-decoration:none} #commentBlock .commentsLogin .login p a {text-decoration:underline; font-size:20px; font-weight:700; margin:0; padding-left:20px; color:#fff !important} #commentBlock .commentSignup {width:300px; margin-right:2px; font-size:1em; line-height:1.3em; float:right} #commentBlock .commentSignup .commWhy {font-size:15px; font-weight:700} #commentBlock .commentSignup ul {padding-left:12px; margin:0} * html #commentBlock .commentSignup ul {padding-left:15px} *:first-child+html #commentBlock .commentSignup ul {padding-left:2px} #commentBlock .commentSignup li {list-style-type:none !important; padding-left:25px} * html #commentBlock .commentSignup li {text-indent:-15px} *:first-child+html #commentBlock .commentSignup li {text-indent:-16px} #commentBlock .commentSignupX li {_padding-left:20px; _text-indent:-15px !important} /* not used? */ #commentBlock .commentSignup p.seeLink {margin-bottom:8px; font-weight:700; _margin-left:10px} #commentBlock .commentSignup .register {margin-top:10px} #commentBlock .commentSignup .register p {text-decoration:none} #commentBlock .commentSignup .register p a {text-decoration:underline; margin:0; padding-left:20px; font-size:20px} #commentBlock .commentsHead {display:block; padding:10px 0; font-size:1.5em; font-weight:700; text-indent:10px} #commentBlock .commentsHead a span {font-weight:400 !important; font-size:.9em} /* IE6 Only */ * html #commentBlock .cbStrip p.cbleft {margin-left:10px} * html #commentBlock .commentsLogin, * html #commentBlock .commentSignup {margin-right:8px} /* IE7 Only */ *:first-child+html #commentBlock .commentsLogin p.seeLink, *:first-child+html #commentBlock .commentSignup p.seeLink {margin-left:10px} /* ** COMMENT AREA */ #commentSection {width:638px; margin:40px 0; padding:10px 0} #commentContainer {position:relative} #commentContainer .commentsHead {color:#fff; display:block; padding:10px 0; text-indent:10px; font-size:1.3em; font-weight:700} #commentContainer .commentsHead a {color:#fff; font-weight:400} #commentContainer .commentsHead a span {color:#fff; text-decoration:underline; font-size:.7em} #commentContainer #commentEntry {} #commentContainer #commentEntry .commentEntryWrap {} #commentContainer #commentEntry .commentEntryWrap .cEntry {} #commentContainer #commentEntry .commentEntryWrap .cEntry form {margin-left:20px; padding:0} #commentContainer #commentEntry .commentEntryWrap .cEntry form label {position:absolute; top:-1000px; left:-1000px} #commentContainer #commentEntry .commentEntryWrap .cEntry form .textarea {width:590px} #commentContainer #commentEntry .commentEntryWrap .cEntry p {padding:0; margin:0; float:left} #commentContainer #commentEntry .commentEntryWrap .cEntry p.cEfootnote {position:relative; clear:left; font-size:11px; padding:10px 0 10px 20px; float:none} #commentContainer #commentEntry .commentEntryWrap .cEntry p.cEaddcomms {position:relative; background:url(../img/comments_bubble_darkgreen.png) no-repeat 20px top} #commentContainer #commentEntry .commentEntryWrap .cEntry p.cEaddcomms {width:590px; font-size:11px; padding:0 0 0 40px; text-indent:20px; margin:10px 0; text-indent:0} #commentContainer #commentEntry .commentEntryWrap .cEntry p.cEaddcomms strong {float:left} #commentContainer #commentEntry .commentEntryWrap .cEntry p.cEaddcomms span.cbright {float:right; margin-right:20px; font-weight:700} #commentContainer #commentEntry .commentEntryWrap .cEntry p.cEaddcomms span.cbright {background:url(../img/comprecipefinder_open.gif) no-repeat 0 3px; padding-left:20px} #commentContainer #commentEntry .commentEntryWrap .cEntry .postLink1 {position:relative; background:url(/assets/greenerliving/content/images/btn_white_transparent.png) no-repeat; font-size:11px; margin:5px 0 0} #commentContainer #commentEntry .commentEntryWrap .cEntry p.postLink1 {padding:2px 0} #commentContainer #commentEntry .commentEntryWrap .cEntry .postLink1 a {font-weight:700; margin-left:24px} #commentContainer #commentEntry .commentEntryWrap .cEntry .postLink2 {position:relative; background:url(/assets/greenerliving/content/images/btn_white_transparent_small.png) no-repeat left 4px; font-size:11px; margin:6px 0 0 10px} #commentContainer #commentEntry .commentEntryWrap .cEntry p.postLink2 {padding:2px 0} #commentContainer #commentEntry .commentEntryWrap .cEntry .postLink2 a {font-weight:700; margin-left:20px} #commentContainer .commentWrap {position:relative; display:block; margin:0; padding-bottom:20px} #commentContainer .commentWrap .comments {margin:0 15px} #commentContainer .commentWrap .comments {color:#fff; margin-left:18px; font-size:1em; line-height:1.3em} #commentContainer .commentWrap .comments a:link, #commentContainer .commentWrap .comments a:visited, #commentContainer .commentWrap .comments a:hover, #commentContainer .commentWrap .comments a:active {color:#fff} #commentContainer .commentWrap .commentWrap .comments ul {position:relative; list-style:none; padding-bottom:10px} #commentContainer .commentWrap .comments ul li {border-top:1px solid #fff; color:#fff; padding:8px 0} #commentContainer .commentWrap .comments ul img {float:left; margin-right:8px} #commentContainer .commentWrap .comments .comReport {border-top:1px solid #fff; padding-top:5px} /* ** SEND TO FRIEND SECTION */ #send2Friend, #send2Friend2, #send2Friend3 {margin:10px 0} #send2Friend2 .stFriend, #send2Friend3 .stFriend, #send2Friend .stFriend {background:url(../img/sendtoafriendarrow.png) no-repeat 10px -3px; width:100%; height:100%} #send2Friend2 .stFriend, #send2Friend3 .stFriend, #send2Friend .stFriend {margin:0; padding-bottom:10px} #send2Friend2 .stFriend p, #send2Friend3 .stFriend p, #send2Friend .stFriend p {margin:auto 0} #send2Friend2 .stFriend ol, #send2Friend3 .stFriend ol, #send2Friend .stFriend ol {} #send2Friend2 .stFriend ol li a, #send2Friend3 .stFriend ol li a, #send2Friend .stFriend ol li a {font-weight:700; margin-bottom:10px} #send2Friend2 .stFriend ol li span, #send2Friend3 .stFriend ol li span, #send2Friend .stFriend ol li span {font-weight:700} #send2Friend2 .stFriend .stFriendHead, #send2Friend3 .stFriend .stFriendHead, #send2Friend .stFriend .stFriendHead {padding:30px 0 10px; font-size:1.4em; font-weight:700; margin-left:12px} #send2Friend .stFriend ol li input {margin-top:10px; width:90%} #send2Friend2 p.cbright, #send2Friend3 p.cbright, /* #send2Friend p.cbright {float:right; display:block; margin-top:6px; margin-right:16px; font-weight:700; line-height:20px; padding-left:20px}*/ #send2Friend p.cbright {position:absolute; right:0; margin-top:6px; margin-right:16px; font-weight:700; font-size:11px; line-height:20px; padding-left:20px} #send2Friend .pointer, #send2Friend2 .pointer, #send2Friend3 .pointer {background:url(../img/sendtoafriendarrow.png) no-repeat left top; width:37px; height:19px} /* ** STYLE FOR 'BOOKMARKS' BLOCK */ .bookmarks {clear:both; font-weight:700; color:#000; margin:0; padding:20px 0 40px} *:first-child+html .bookmarks {padding:10px 0 40px} * html .bookmarks {padding:5px 0 40px} .bookmarks ul.horizontal {margin:0 0 0 12px !important; float:left} *html .bookmarks ul.horizontal {margin:0 0 0 5px !important} .bookmarks ul.horizontal {margin:0; padding:0 !important} .bookmarks ul.horizontal li {list-style:none !important; float:left; margin-right:10px; line-height:1.2} .bookmarks ul.horizontal li a {text-decoration:none; color:#000} .bookmarks ul.horizontal li a img {margin-right:5px; vertical-align:top} .bookmarks ul.horizontal span {color:#000; vertical-align:top; text-decoration:underline; *vertical-align:20%} .bookmarks .friend {margin-right:20px; display:none} .bookmarks .friend p {float:left; text-decoration:none} .bookmarks .friend p a {text-decoration:underline; margin:0; padding-left:20px} .bookmarks ul.vertical {margin:0 0 0 12px !important; padding:0 0 10px; _margin:0 0 0 7px} .bookmarks ul.vertical li {list-style:none !important; margin:0 5px 0 0} .bookmarks ul.vertical li a {text-decoration:none; color:#000} .bookmarks ul.vertical li a img {margin-right:10px} .bookmarks ul.vertical span {color:#000; text-decoration:underline} .bookmarks p.seeLink a {font-weight:700} .activity {clear:left; font-weight:400} .activity {padding:0 0 20px} .activity a {float:left; margin-left:12px; text-decoration:none} .activity a span {display:block; margin-top:-2px; text-decoration:underline; margin-left:20px} * html .activity a span {margin-top:-3px} p.printRecipe {padding-left:20px} #brown .printRecipe {background:url(../img/printicon_red.gif) no-repeat left top; color:#9b2206} #deepGreen .printRecipe {background:url(../img/printicon_darkgreen.gif) no-repeat left top; color:#2b9228} #shallowPurple .printRecipe {background:url(../img/printicon_purple.gif) no-repeat left top; color:#6d5c98} #pinkish .printRecipe {background:url(../img/printicon_pink.gif) no-repeat left top; color:#fa8a88} #limeGreen .printRecipe {background:url(../img/printicon_lightgreen.gif) no-repeat left top; color:#6fbd44} #skyBlue .printRecipe {background:url(../img/printicon_lightblue.gif) no-repeat left top; color:#0daaf3} #orange .printRecipe {background:url(../img/printicon_yellow.gif) no-repeat left top; color:#f4ac00} #turquiose .printRecipe {background:url(../img/printicon_turquoise.gif) no-repeat left top; color:#229f9e} #deepBlue .printRecipe {background:url(../img/printicon_darkblue.gif) no-repeat left top; color:#2f4878} /* ** STYLE FOR 'PIC CAPTION' BLOCK */ #blogPicCaption {margin:0 15px 30px 0; float:right} /* ie 6 & 7 */ *:first-child+html #blogPicCaption {margin-right:5px} * html #blogPicCaption {margin:0 0 30px} #blogPicCaption .bpcPic {padding:0; margin:0; height:171px; width:234px} #blogPicCaption #bpcContent {width:232px; color:#000; padding:0; margin:0} #blogPicCaption #bpcContent p {padding-top:5px; margin-left:15px; font:normal .9em/1.4em verdana,sans-serif} /* ** STYLE FOR 'VIDEO WALL' SECTION */ #videoWall {width:645px; color:#9b2206} #videoWall .videoWallHeader {background:url(../img/videoWallHeader.gif) top left no-repeat; width:645px; height:47px; position:relative; z-index:10} #videoWall #videoWallBox {border-bottom:1px solid #9b2206 !important; position:static !important; border-left:1px solid #9b2206; border-right:1px solid #9b2206; width:643px; margin:0; padding:0} #videoWall h4 {padding-top:8px; margin-left:20px; font-size:13px} #videoWall .video {} #videoWall ul {margin-left:20px; width:294px; float:left; _margin-left:10px} #videoWall li {margin-bottom:10px; clear:left; height:62px} #videoWall img {float:left; margin-right:10px} #videoWall a:link, #videoWall a:visited, #videoWall a:hover, #videoWall a:active{color:#9b2206; text-decoration:none; display:block; height:100%} #videoWall a:hover {background-color:#fafafa; text-decoration:underline} #videoWall li .rate {float:left} #videoWall li .vwFullstar {background:url(../img/ratestar_full.gif) no-repeat top left; height:18px; width:18px} #videoWall li .vwHalfstar {background:url(../img/ratestar_halffull.gif) no-repeat top left; height:18px; width:18px} #videoWall li .vwEmptystar {background:url(../img/ratestar_empty.gif) no-repeat top left; height:18px; width:18px} /* ** STYLE FOR 'RECYCLING' SECTION */ .recycling {border:1px solid #6d5c98; margin:20px 0; width:586px; color:#000; clear:both} .recycling .recycleBox {margin:0; padding:0 15px} .recycling .content {float:left; width:400px; padding-left:15px; border-left:1px solid #6d5c98} .recycling .content ul {padding-left:5px; line-height:11pt} .recycling .content li {list-style-type:disc; list-style-position:outside; font-weight:400} .recycling .recycleBox .content h2 {font-size:1.5em; color:#6d5c98 !important} .recycling .rImage {float:left; margin-right:20px} .recycling a:link, .recycling a:visited, .recycling a:hover, .recycling a:active{color:#6d5c98} .recycling p {margin:0; padding:0} .recycling p.seeLink {background:url(../img/btn_download.gif) top left no-repeat; height:22px; line-height:22px; margin-top:10px} .recycling p.seeLink a {font-weight:700; margin-left:30px; color:#6d5c98 !important} /* ** STYLE FOR 'DONE THAT' BLOCK */ #donethat {border:1px solid #6d5c98; margin:20px 0 20px 12px; width:586px} #donethat span, #donethat p {font-size:14px} #donethat .donethatBox {width:544px; margin:0; padding:0 20px} #donethat .donethatBox .dtTitle {font-size:1.7em; font-weight:700; color:#6d5c98} #donethat .donethatBox h2 {display:inline; padding:0 10px 0 0; margin:0; font-size:1.7em; font-weight:700} #donethat, #donethat a:link, #donethat a:visited, #donethat a:hover, #donethat a:active{color:#6d5c98} #donethat p {margin:0; padding:2px 0} #donethat .dtRemovedT {background-color:#6d5c98; color:#fff; font-size:1.4em; line-height:1.8em; text-indent:10px; margin:5px 0} #donethat .dtNum {font-size:1.4em; font-weight:700} /* ** 'STEP BY STEP WITHOUT IMAGES' BLOCK */ .stepBystep ol {margin:0 10px 20px 20px; *margin-left:25px} /* adjust for IE */ .stepBystep li {list-style-type:decimal; padding-bottom:10px} .stepBystep li h5 {font-size:12px; line-height:1em; font-weight:700; display:inline; *padding-right:20px} .stepBystep .subtitle {font-weight:700; font-size:1.1em; padding-bottom:10px} /* hacks for ie 7 */ *:first-child+html .stepBystep li h5 {line-height:14px; padding-right:5px; margin-top:3px; margin-right:-10px} /* ** 'STEP BY STEP WITH IMAGES' BLOCK */ .stepBystepImages {color:#000} .stepBystepImages ul {margin:0 0 0 12px !important; padding:0 !important} .stepBystepImages li {clear:both; list-style-type:none !important; margin-right:10px} .stepBystepImages li h5 {font-size:12px; line-height:1em; font-weight:700; display:inline; *margin-right:5px; *padding-right:5px} .stepBystepImages li p {display:inline} .stepBystepImages .subtitle {font-weight:700; font-size:1.1em; padding-bottom:10px} .sbsLeft {float:left; margin:0 15px 20px 0} .sbsRight {float:right; margin:0 0 20px 15px} /* hacks for ie 7 */ *:first-child+html .stepBystep li h5 {line-height:14px !important; margin-top:3px !important; margin-right:-10px !important} /* ** FOOD ATTRIBUTES */ .foodIcons {padding:20px 0; margin-bottom:20px; font-weight:700; color:#000} .foodIcons span {display:block; float:left; clear:left; margin-right:10px; float:left} .foodIcons p.iFreezable {background:url(../img/recipeicon_freezable.png) no-repeat; height:22px; float:left} .foodIcons p.iDairyfree {background:url(../img/recipeicon_dairyfree.png) no-repeat; height:22px; float:left} .foodIcons p.iGlutenfree {background:url(../img/recipeicon_glutenfree.png) no-repeat; height:22px; float:left} .foodIcons p.iVegetarian {background:url(../img/recipeicon_vegetarian.png) no-repeat; height:22px; float:left} .foodIcons p.iWheatfree {background:url(../img/recipeicon_wheatfree.png) no-repeat; height:22px; float:left} .foodIcons p {padding:0 10px 0 26px; margin:0 !important} #recipecontentbox .foodIcons {padding:0 0 5px !important; margin:-10px 0 0 !important; *height:18px} #recipecontentbox .foodIcons p {margin-left:12px !important; padding-top:2px} * html #recipecontentbox .foodIcons {padding-bottom:0 !important} /* hacks for ie 7 */ *:first-child+html #recipecontentbox .foodIcons {margin:-10px 0 6px !important; padding-bottom:0 !important} #recipeSearchResultsGrid .foodIcons {float:right; padding:0 !important} #recipeSearchResultsGrid .foodIcons p {margin:0 !important; padding:0 0 0 22px} /* ** THEME HEADER IMAGE */ .lineImage {margin-top:15px; background:#fff url(../img/bg.top.content.jpg) no-repeat left top; height:143px; width:640px; position:relative; z-index:10; top:-30px; left:-1px} .sponsoredby {position:absolute; top:110px; left:10px; font-weight:700; color:#fff; z-index:10} .subtitle {font-weight:700; font-size:1.1em} #contentpgPic {position:relative; float:right; margin:-12px 0 0 10px; padding-bottom:20px; z-index:10; width:280px; height:162px; right:-1px} #mrbHeader {background:url(../img/myrecipebook_header.gif) no-repeat left top; width:640px; height:133px} #contentpgHeader {background:url(../img/blog_article_header.jpg) no-repeat left top; width:640px; height:102px} #contentpgHeader, #mrbHeader {position:relative; top:-14px; z-index:10; left:-1px} #motwHeader {background:url(../img/mealoftheweek.jpg) no-repeat left top; width:100%; height:100%} #motwHeader {position:relative; top:-18px; z-index:10} /* ** GREENER GARDENING LIST */ #greenerGardening {border:1px solid #0daaf3; width:636px; color:#000; font-size:.98em; line-height:1.4em} #greenerGardening .ggBox {padding:0 20px} #greenerGardening h2 {font-size:20px; padding:5px 0 15px} #greenerGardening li {clear:left} #greenerGardening li img {float:left; margin:0 15px 20px 0} #greenerGardening li .title {font-weight:700; font-size:14px} #greenerGardening li p {margin:0; padding:0} #greenerGardening li a {text-decoration:none} #greenerGardening li span.seeLink {font-weight:700; display:block; float:left; height:15px} #greenerGardening li span.seeLink a {margin-left:20px; text-decoration:underline} /* ** STYLE FOR 'CONTENT BOXES' INSIDE CONTENT AREA */ .blockInserts {float:right; position:relative; width:234px; padding:0 0 10px; margin:0 15px 15px; clear:both} /* ie 6 */ * html .blockInserts {margin:0 0 15px} #boxInsertBody {} #boxInsertBody, #boxInsertBody p {margin:10px 0 4px 8px; padding:0} #boxInsertBody img.iconFlRight {float:right; margin-left:5px; padding:0; position:relative; right:10px} #boxInsertBody img.productImg {margin:15px} #boxInsertBody ul {margin:0 0 0 25px; color:#000; _margin-left:10px} #boxInsertBody ul {padding-bottom:10px} #boxInsertBody ul li {list-style-type:disc; padding-left:15px; _margin-left:10px} #boxInsertBody .boxTitle {font-size:1.7em; font-weight:700} #boxInsertBody .prodTitle {font-weight:700} #boxInsertBody div ul {margin:0; color:#000; padding-bottom:0; padding-left:25px; *padding-left:0} #boxInsertBody img.iconFlRight {position:static} #boxInsertBody p {padding-bottom:5px} .purple, .purple a, .purple #boxInsertBody .boxTitle, .purple #boxInsertBody .prodTitle {color:#6d5c98 !important} #boxInsertBody .boxTitle {line-height:1.1em} .purple .boxInsertHeader {background:url(../img/boxInsertHeader_purple.gif) top left no-repeat; width:234px; height:10px} .purple .boxInsertFooter {background:url(../img/boxInsertFooter_purple.gif) top left no-repeat; width:234px; height:10px} .purple #boxInsertBody {border:1px solid #6d5c98; padding-bottom:10px} .purple p.seeLink {background:url(../img/btn_purple.png) no-repeat left top; padding:0; margin:10px 0 0 12px} .green, .green a, .green #boxInsertBody .boxTitle, .green #boxInsertBody .prodTitle {color:#2b9227 !important} .green .boxInsertHeader {background:url(../img/boxInsertHeader_green.gif) top left no-repeat; width:234px; height:10px} .green .boxInsertFooter {background:url(../img/boxInsertFooter_green.gif) top left no-repeat; width:234px; height:10px} .green #boxInsertBody {border:1px solid #2b9227; padding-bottom:10px} .green p.seeLink {background:url(../img/btn_darkgreen.png) no-repeat left top; padding:0; margin:10px 0 0 12px} #boxInsertBody p.seeLink a {font-weight:700; text-decoration:underline; padding-left:20px; position:static !important} /* ** RECIPE CONTENT COLOURS */ /* ** shallowPurple #6d5c98 ** deepBlue #2f4878 ** pinkish #fa8a88 ** brown #9b2206 ** deepGreen #2b9228 ** limeGreen #6fbd44 ** skyBlue #0daaf3 ** orange #f4ac00 ** turquiose #229f9e */ #shallowPurple #recipecontentbox, #shallowPurple #recipecontentbox a, #shallowPurple #recipecontentbox .list span, #shallowPurple #recipecontentbox .contentIntro, #shallowPurple #recipecontentbox .videoIntro, #shallowPurple .stepBystepImages li h5, #shallowPurple .stepBystep li h5, #shallowPurple h5, #shallowPurple #recipecontentbox h1, #shallowPurple #recipecontentbox .rh2, #shallowPurple #recipecontentbox h3, #shallowPurple .srHeadings, #shallowPurple #greenerGardening li .title, #shallowPurple #greenerGardening h2, #shallowPurple #greenerGardening li span.seeLink a, #shallowPurple #commentEntry .commentEntryWrap .cEntry, #shallowPurple #commentEntry .commentEntryWrap .cEntry a, #shallowPurple #commentBlock .commentSignup .commentsHead, #shallowPurple #commentBlock .commentSignup .commWhy, #shallowPurple #send2Friend .stFriend ol li span, #shallowPurple #send2Friend2 .stFriend ol li span, #shallowPurple #send2Friend3 .stFriend ol li span {color:#6d5c98} #shallowPurple #recipecontentbox, #shallowPurple .videoBox, #shallowPurple #greenerGardening, #shallowPurple #blogPicCaption #bpcContent, #shallowPurple #commentSection {border:1px solid #6d5c98} #shallowPurple #recipecontentbox #commentBlock .commentsLogin, #shallowPurple #motwHeader, #shallowPurple #recipecontentbox .sResults, #shallowPurple .recipeHeadband, #shallowPurple .commentsHead, #shallowPurple #commentSection .commentWrap {background-color:#6d5c98} #shallowPurple #recipecontentbox .bullet, #shallowPurple .bookmarks p.seeLink, #shallowPurple li span.seeLink, #shallowPurple #commentBlock .commentSignup p.seeLink {background:url(../img/btn_purple.png) no-repeat left top} #shallowPurple #recipecontentbox p.addIngredients {width:220px; font-weight:400} #shallowPurple #recipecontentbox p.addIngredients {background:url(../img/btn_purple.png) no-repeat left 2px; padding:0; margin:10px 0 0} #shallowPurple #recipecontentbox p.addIngredients a {display:block; margin-left:20px; text-decoration:underline} #shallowPurple #send2Friend .stFriend, #shallowPurple #send2Friend2 .stFriend, #shallowPurple #send2Friend3 .stFriend, #shallowPurple #commentBlock .commentSignup, #shallowPurple #commentEntry .commentEntryWrap .cEntry, #shallowPurple #commentBlock .commentSignup .commentsHead {background-color:#d9d1ef} #shallowPurple #commentBlock {background-color:#d9d1ef; border-bottom:1px solid #6d5c98} #shallowPurple #commentBlock .cbStrip {border-bottom:1px solid #6d5c98} #shallowPurple #commentBlock .commentSignup li {background:url(../img/smalltick_white_transparentbkg.png) no-repeat left 2px} #shallowPurple #send2Friend p.cbright, #shallowPurple #send2Friend2 p.cbright, #shallowPurple #send2Friend3 p.cbright, #shallowPurple #commentBlock .cbStrip p.cbright {background:url(../img/comments_btn_close_purple.png) no-repeat 0 3px} #pinkish #recipecontentbox, #pinkish #recipecontentbox a, #pinkish #recipecontentbox .list span, #pinkish #recipecontentbox .contentIntro, #pinkish #recipecontentbox .videoIntro, #pinkish .stepBystepImages li h5, #pinkish .stepBystep li h5, #pinkish h5, #pinkish #recipecontentbox h1, #pinkish #recipecontentbox .rh2, #pinkish #recipecontentbox h3, #pinkish .srHeadings, #pinkish #greenerGardening li .title, #pinkish #greenerGardening h2, #pinkish #greenerGardening li span.seeLink a, #pinkish #commentEntry .commentEntryWrap .cEntry, #pinkish #commentEntry .commentEntryWrap .cEntry a, #pinkish #commentBlock .commentSignup .commentsHead, #pinkish #commentBlock .commentSignup .commWhy, #pinkish #send2Friend .stFriend ol li span, #pinkish #send2Friend2 .stFriend ol li span, #pinkish #send2Friend3 .stFriend ol li span {color:#fa8a88} #pinkish #recipecontentbox, #pinkish .videoBox, #pinkish #greenerGardening, #pinkish #blogPicCaption #bpcContent, #pinkish #commentSection {border:1px solid #fa8a88} #pinkish #recipecontentbox #commentBlock .commentsLogin, #pinkish #motwHeader, #pinkish #recipecontentbox .sResults, #pinkish .recipeHeadband, #pinkish .commentsHead, #pinkish #commentSection .commentWrap {background-color:#fa8a88} #pinkish #recipecontentbox .bullet, #pinkish .bookmarks p.seeLink, #brown li span.seeLink, #pinkish li span.seeLink, #pinkish #commentBlock .commentSignup p.seeLink {background:url(../img/btn_pink.png) no-repeat left top} #pinkish #recipecontentbox p.addIngredients {width:220px; font-weight:400} #pinkish #recipecontentbox p.addIngredients {background:url(../img/btn_pinkish.png) no-repeat left 2px; padding:0; margin:10px 0 0} #pinkish #recipecontentbox p.addIngredients a {display:block; margin-left:20px; text-decoration:underline} #pinkish #send2Friend .stFriend, #pinkish #send2Friend2 .stFriend, #pinkish #send2Friend3 .stFriend, #pinkish #commentBlock .commentSignup, #pinkish #commentEntry .commentEntryWrap .cEntry, #pinkish #commentBlock .commentSignup .commentsHead {background-color:#efe0e0} #pinkish #commentBlock {background-color:#efe0e0; border-bottom:1px solid #fa8a88} #pinkish #commentBlock .cbStrip {border-bottom:1px solid #fa8a88} #pinkish #commentBlock .commentSignup li {background:url(../img/smalltick_white_transparentbkg.png) no-repeat left 2px} #pinkish #send2Friend p.cbright, #pinkish #send2Friend2 p.cbright, #pinkish #send2Friend3 p.cbright, #pinkish #commentBlock .cbStrip p.cbright {background:url(../img/comments_btn_close_pink.png) no-repeat 0 3px} #deepBlue #recipecontentbox, #deepBlue #recipecontentbox a, #deepBlue #recipecontentbox .list span, #deepBlue #recipecontentbox .contentIntro, #deepBlue #recipecontentbox .videoIntro, #deepBlue .stepBystepImages li h5, #deepBlue .stepBystep li h5, #deepBlue h5, #deepBlue #recipecontentbox h1, #deepBlue #recipecontentbox .rh2, #deepBlue #recipecontentbox h3, #deepBlue .srHeadings, #deepBlue #greenerGardening li .title, #deepBlue #greenerGardening h2, #deepBlue #greenerGardening li span.seeLink a, #deepBlue #commentEntry .commentEntryWrap .cEntry, #deepBlue #commentEntry .commentEntryWrap .cEntry a, #deepBlue #commentBlock .commentSignup .commentsHead, #deepBlue #commentBlock .commentSignup .commWhy, #deepBlue #send2Friend .stFriend ol li span, #deepBlue #send2Friend2 .stFriend ol li span, #deepBlue #send2Friend3 .stFriend ol li span {color:#2f4878} #deepBlue #recipecontentbox, #deepBlue .videoBox, #deepBlue #greenerGardening, #deepBlue #blogPicCaption #bpcContent, #deepBlue #commentSection {border:1px solid #2f4878} #deepBlue #recipecontentbox #commentBlock .commentsLogin, #deepBlue #motwHeader, #deepBlue #recipecontentbox .sResults, #deepBlue .recipeHeadband, #deepBlue .commentsHead, #deepBlue #commentSection .commentWrap {background-color:#2f4878} #deepBlue #recipecontentbox .bullet, #deepBlue .bookmarks p.seeLink, #deepBlue li span.seeLink, #deepBlue #commentBlock .commentSignup p.seeLink {background:url(../img/btn_darkblue.png) no-repeat left top} #deepBlue #recipecontentbox p.addIngredients {width:220px; font-weight:400} #deepBlue #recipecontentbox p.addIngredients {background:url(../img/btn_darkblue.png) no-repeat left 2px; padding:0; margin:10px 0 0} #deepBlue #recipecontentbox p.addIngredients a {display:block; margin-left:20px; text-decoration:underline} #deepBlue #send2Friend .stFriend, #deepBlue #send2Friend2 .stFriend, #deepBlue #send2Friend3 .stFriend, #deepBlue #commentBlock .commentSignup, #deepBlue #commentEntry .commentEntryWrap .cEntry, #deepBlue #commentBlock .commentSignup .commentsHead {background-color:#d1d6df} #deepBlue #commentBlock {background-color:#d1d6df; border-bottom:1px solid #2f4878} #deepBlue #commentBlock .cbStrip {border-bottom:1px solid #2f4878} #deepBlue #commentBlock .commentSignup li {background:url(../img/smalltick_white_transparentbkg.png) no-repeat left 2px} #deepBlue #send2Friend p.cbright, #deepBlue #send2Friend2 p.cbright, #deepBlue #send2Friend3 p.cbright, #deepBlue #commentBlock .cbStrip p.cbright {background:url(../img/comments_btn_close_darkblue.png) no-repeat 0 3px} #brown #recipecontentbox, #brown #recipecontentbox a, #brown #recipecontentbox .list span, #brown #recipecontentbox .contentIntro, #brown #recipecontentbox .videoIntro, #brown .stepBystepImages li h5, #brown .stepBystep li h5, #brown h5, #brown #recipecontentbox h1, #brown #recipecontentbox .rh2, #brown #recipecontentbox h3, #brown .srHeadings, #brown #greenerGardening li .title, #brown #greenerGardening h2, #brown #greenerGardening li span.seeLink a, #brown #commentEntry .commentEntryWrap .cEntry, #brown #commentEntry .commentEntryWrap .cEntry a, #brown #commentBlock .commentSignup .commentsHead, #brown #commentBlock .commentSignup .commWhy, #brown #send2Friend .stFriend ol li span, #brown #send2Friend2 .stFriend ol li span, #brown #send2Friend3 .stFriend ol li span {color:#9b2206} #brown #recipecontentbox, #brown .videoBox, #brown #greenerGardening, #brown #blogPicCaption #bpcContent, #brown #commentSection {border:1px solid #9b2206} #brown #recipecontentbox #commentBlock .commentsLogin, #brown #motwHeader, #brown #recipecontentbox .sResults, #brown .recipeHeadband, #brown .commentsHead, #brown #commentSection .commentWrap {background-color:#9b2206} #brown #recipecontentbox .bullet, #brown .bookmarks p.seeLink, #brown li span.seeLink, #brown #commentBlock .commentSignup p.seeLink {background:url(../img/btn_brown.png) no-repeat left top} #brown #recipecontentbox p.addIngredients {width:220px; font-weight:400} #brown #recipecontentbox p.addIngredients {background:url(../img/btn_brown.png) no-repeat left 2px; padding:0; margin:10px 0 0} #brown #recipecontentbox p.addIngredients a {display:block; margin-left:20px; text-decoration:underline} #brown #send2Friend .stFriend, #brown #send2Friend2 .stFriend, #brown #send2Friend3 .stFriend, #brown #commentBlock .commentSignup, #brown #commentEntry .commentEntryWrap .cEntry, #brown #commentBlock .commentSignup .commentsHead {background-color:#efd7d1} #brown #commentBlock {background-color:#efd7d1; border-bottom:1px solid #9b2206} #brown #commentBlock .cbStrip {border-bottom:1px solid #9b2206} #brown #commentBlock .commentSignup li {background:url(../img/smalltick_white_transparentbkg.png) no-repeat left 2px} #brown #send2Friend p.cbright, #brown #send2Friend2 p.cbright, #brown #send2Friend3 p.cbright, #brown #commentBlock .cbStrip p.cbright {background:url(../img/comments_btn_close_red.png) no-repeat 0 3px} #deepGreen #recipecontentbox, #deepGreen #recipecontentbox a, #deepGreen #recipecontentbox .list span, #deepGreen #recipecontentbox .contentIntro, #deepGreen #recipecontentbox .videoIntro, #deepGreen .stepBystepImages li h5, #deepGreen .stepBystep li h5, #deepGreen h5, #deepGreen #recipecontentbox h1, #deepGreen #recipecontentbox .rh2, #deepGreen #recipecontentbox h3, #deepGreen .srHeadings, #deepGreen #greenerGardening li .title, #deepGreen #greenerGardening h2, #deepGreen #greenerGardening li span.seeLink a, #deepGreen #commentEntry .commentEntryWrap .cEntry, #deepGreen #commentEntry .commentEntryWrap .cEntry a, #deepGreen #commentBlock .commentSignup .commentsHead, #deepGreen #commentBlock .commentSignup .commWhy, #deepGreen #send2Friend .stFriend ol li span, #deepGreen #send2Friend2 .stFriend ol li span, #deepGreen #send2Friend3 .stFriend ol li span{color:#2b9228} #deepGreen #recipecontentbox, #deepGreen .videoBox, #deepGreen #greenerGardening, #deepGreen #blogPicCaption #bpcContent, #deepGreen #commentSection {border:1px solid #2b9228} #deepGreen #recipecontentbox #commentBlock .commentsLogin, #deepGreen #motwHeader, #deepGreen #recipecontentbox .sResults, #deepGreen .recipeHeadband, #deepGreen .commentsHead, #deepGreen #commentSection .commentWrap {background-color:#2b9228} #deepGreen #recipecontentbox .bullet, #deepGreen .bookmarks p.seeLink, #deepGreen li span.seeLink, #deepGreen #commentBlock .commentSignup p.seeLink {background:url(../img/btn_darkgreen.png) no-repeat left top} #deepGreen #recipecontentbox p.addIngredients {width:220px; font-weight:400} #deepGreen #recipecontentbox p.addIngredients {background:url(../img/btn_darkgreen.png) no-repeat left 2px; padding:0; margin:10px 0 0} #deepGreen #recipecontentbox p.addIngredients a {display:block; margin-left:20px; text-decoration:underline} #deepGreen #send2Friend .stFriend, #deepGreen #send2Friend2 .stFriend, #deepGreen #send2Friend3 .stFriend, #deepGreen #commentBlock .commentSignup, #deepGreen #commentEntry .commentEntryWrap .cEntry, #deepGreen #commentBlock .commentSignup .commentsHead {background-color:#d2efd1} #deepGreen #commentBlock {background-color:#d2efd1; border-bottom:1px solid #2b9228} #deepGreen #commentBlock .cbStrip {border-bottom:1px solid #2b9228} #deepGreen #commentBlock .commentSignup li {background:url(../img/smalltick_white_transparentbkg.png) no-repeat left 2px} #deepGreen #send2Friend p.cbright, #deepGreen #send2Friend2 p.cbright, #deepGreen #send2Friend3 p.cbright, #deepGreen #commentBlock .cbStrip p.cbright {background:url(../img/comments_btn_close_darkgreen.png) no-repeat 0 3px} #limeGreen #recipecontentbox, #limeGreen #recipecontentbox a, #limeGreen #recipecontentbox .list span, #limeGreen #recipecontentbox .contentIntro, #limeGreen #recipecontentbox .videoIntro, #limeGreen .stepBystepImages li h5, #limeGreen .stepBystep li h5, #limeGreen h5, #limeGreen #recipecontentbox h1, #limeGreen #recipecontentbox .rh2, #limeGreen #recipecontentbox h3, #limeGreen .srHeadings, #limeGreen #greenerGardening li .title, #limeGreen #greenerGardening h2, #limeGreen #greenerGardening li span.seeLink a, #limeGreen #commentEntry .commentEntryWrap .cEntry, #limeGreen #commentEntry .commentEntryWrap .cEntry a, #limeGreen #commentBlock .commentSignup .commentsHead, #limeGreen #commentBlock .commentSignup .commWhy, #limeGreen #send2Friend .stFriend ol li span, #limeGreen #send2Friend2 .stFriend ol li span, #limeGreen #send2Friend3 .stFriend ol li span {color:#6fbd44} #limeGreen #recipecontentbox, #limeGreen .videoBox, #limeGreen #greenerGardening, #limeGreen #blogPicCaption #bpcContent, #limeGreen #commentSection {border:1px solid #6fbd44} #limeGreen #recipecontentbox #commentBlock .commentsLogin, #limeGreen #motwHeader, #limeGreen #recipecontentbox .sResults, #limeGreen .recipeHeadband, #limeGreen .commentsHead, #limeGreen #commentSection .commentWrap {background-color:#6fbd44} #limeGreen #recipecontentbox .bullet, #limeGreen .bookmarks p.seeLink, #limeGreen li span.seeLink, #limeGreen #commentBlock .commentSignup p.seeLink {background:url(../img/btn_lightgreen.png) no-repeat left top} #limeGreen #recipecontentbox p.addIngredients {width:220px; font-weight:400} #limeGreen #recipecontentbox p.addIngredients {background:url(../img/btn_lightgreen.png) no-repeat left 2px; padding:0; margin:10px 0 0} #limeGreen #recipecontentbox p.addIngredients a {display:block; margin-left:20px; text-decoration:underline} #limeGreen #send2Friend .stFriend, #limeGreen #send2Friend2 .stFriend, #limeGreen #send2Friend3 .stFriend, #limeGreen #commentBlock .commentSignup, #limeGreen #commentEntry .commentEntryWrap .cEntry, #limeGreen #commentBlock .commentSignup .commentsHead {background-color:#dcefd1} #limeGreen #commentBlock {background-color:#dcefd1; border-bottom:1px solid #6fbd44} #limeGreen #commentBlock .cbStrip {border-bottom:1px solid #6fbd44} #limeGreen #commentBlock .commentSignup li {background:url(../img/smalltick_white_transparentbkg.png) no-repeat left 2px} #limeGreen #send2Friend p.cbright, #limeGreen #send2Friend2 p.cbright, #limeGreen #send2Friend3 p.cbright, #limeGreen #commentBlock .cbStrip p.cbright {background:url(../img/comments_btn_close_lightgreen.png) no-repeat 0 3px} #skyBlue #recipecontentbox, #skyBlue #recipecontentbox a, #skyBlue #recipecontentbox .list span, #skyBlue #recipecontentbox .contentIntro, #skyBlue #recipecontentbox .videoIntro, #skyBlue .stepBystepImages li h5, #skyBlue .stepBystep li h5, #skyBlue h5, #skyBlue #recipecontentbox h1, #skyBlue #recipecontentbox .rh2, #skyBlue #recipecontentbox h3, #skyBlue .srHeadings, #skyBlue #greenerGardening li .title, #skyBlue #greenerGardening h2, #skyBlue #greenerGardening li span.seeLink a, #skyBlue #commentEntry .commentEntryWrap .cEntry, #skyBlue #commentEntry .commentEntryWrap .cEntry a, #skyBlue #commentBlock .commentSignup .commentsHead, #skyBlue #commentBlock .commentSignup .commWhy, #skyBlue #send2Friend .stFriend ol li span,#skyBlue #send2Friend2 .stFriend ol li span, #skyBlue #send2Friend3 .stFriend ol li span {color:#0daaf3} #skyBlue #recipecontentbox, #skyBlue .videoBox, #skyBlue #greenerGardening, #skyBlue #blogPicCaption #bpcContent, #skyBlue #commentSection {border:1px solid #0daaf3} #skyBlue #recipecontentbox #commentBlock .commentsLogin, #skyBlue #motwHeader, #skyBlue #recipecontentbox .sResults, #skyBlue .recipeHeadband, #skyBlue .commentsHead, #skyBlue #commentSection .commentWrap {background-color:#0daaf3} #skyBlue #recipecontentbox .bullet, #skyBlue .bookmarks p.seeLink, #skyBlue li span.seeLink, #skyBlue #commentBlock .commentSignup p.seeLink {background:url(../img/btn_lightblue.png) no-repeat left top} #skyBlue #recipecontentbox p.addIngredients {width:220px; font-weight:400} #skyBlue #recipecontentbox p.addIngredients {background:url(../img/btn_lightblue.png) no-repeat left 2px; padding:0; margin:10px 0 0} #skyBlue #recipecontentbox p.addIngredients a {display:block; margin-left:20px; text-decoration:underline} #skyBlue #send2Friend .stFriend, #skyBlue #send2Friend2 .stFriend, #skyBlue #send2Friend3 .stFriend, #skyBlue #commentBlock .commentSignup, #skyBlue #commentEntry .commentEntryWrap .cEntry, #skyBlue #commentBlock .commentSignup .commentsHead {background-color:#d1dbdf} #skyBlue #commentBlock {background-color:#d1dbdf; border-bottom:1px solid #0daaf3} #skyBlue #commentBlock .cbStrip {border-bottom:1px solid #0daaf3} #skyBlue #commentBlock .commentSignup li {background:url(../img/smalltick_white_transparentbkg.png) no-repeat left 2px} #skyBlue #send2Friend p.cbright, #skyBlue #send2Friend2 p.cbright, #skyBlue #send2Friend3 p.cbright, #skyBlue #commentBlock .cbStrip p.cbright {background:url(../img/comments_btn_close_lightblue.png) no-repeat 0 3px} #orange #recipecontentbox, #orange #recipecontentbox a, #orange #recipecontentbox .list span, #orange #recipecontentbox .contentIntro, #orange #recipecontentbox .videoIntro, #orange .stepBystepImages li h5, #orange .stepBystep li h5, #orange h5, #orange #recipecontentbox h1, #orange #recipecontentbox .rh2, #orange #recipecontentbox h3, #orange .srHeadings, #orange #greenerGardening li .title, #orange #greenerGardening h2, #orange #greenerGardening li span.seeLink a, #orange #commentEntry .commentEntryWrap .cEntry, #orange #commentEntry .commentEntryWrap .cEntry a, #orange #commentBlock .commentSignup .commentsHead, #orange #commentBlock .commentSignup .commWhy, #orange #send2Friend .stFriend ol li span, #orange #send2Friend2 .stFriend ol li span, #orange #send2Friend3 .stFriend ol li span {color:#f4ac00} #orange #recipecontentbox, #orange .videoBox, #orange #greenerGardening, #orange #blogPicCaption #bpcContent, #orange #commentSection {border:1px solid #f4ac00} #orange #recipecontentbox #commentBlock .commentsLogin, #orange #motwHeader, #orange #recipecontentbox .sResults, #orange .recipeHeadband, #orange .commentsHead, #orange #commentSection .commentWrap {background-color:#f4ac00} #orange #recipecontentbox .bullet, #orange .bookmarks p.seeLink, #orange li span.seeLink, #orange #commentBlock .commentSignup p.seeLink {background:url(../img/btn_yellow.png) no-repeat left top} #orange #recipecontentbox p.addIngredients {width:220px; font-weight:400} #orange #recipecontentbox p.addIngredients {background:url(../img/btn_yellow.png) no-repeat left 2px; padding:0; margin:10px 0 0} #orange #recipecontentbox p.addIngredients a {display:block; margin-left:20px; text-decoration:underline} #orange #send2Friend .stFriend, #orange #send2Friend2 .stFriend, #orange #send2Friend3 .stFriend, #orange #commentBlock .commentSignup, #orange #commentEntry .commentEntryWrap .cEntry, #orange #commentBlock .commentSignup .commentsHead {background-color:#ffecbf} #orange #commentBlock {background-color:#ffecbf; border-bottom:1px solid #f4ac00} #orange #commentBlock .cbStrip {border-bottom:1px solid #f4ac00} #orange #commentBlock .commentSignup li {background:url(../img/smalltick_white_transparentbkg.png) no-repeat left 2px} #orange #send2Friend p.cbright, #orange #send2Friend2 p.cbright, #orange #send2Friend3 p.cbright, #orange #commentBlock .cbStrip p.cbright {background:url(../img/comments_btn_close_yellow.png) no-repeat 0 3px} #turquiose #recipecontentbox, #turquiose #recipecontentbox a, #turquiose #recipecontentbox .list span, #turquiose #recipecontentbox .contentIntro, #turquiose #recipecontentbox .videoIntro, #turquiose .stepBystepImages li h5, #turquiose .stepBystep li h5, #turquiose h5, #turquiose #recipecontentbox h1, #turquiose #recipecontentbox .rh2, #turquiose #recipecontentbox h3, #turquiose .srHeadings, #turquiose #greenerGardening li .title, #turquiose #greenerGardening h2, #turquiose #greenerGardening li span.seeLink a, #turquiose #commentEntry .commentEntryWrap .cEntry, #turquiose #commentEntry .commentEntryWrap .cEntry a, #turquiose #commentBlock .commentSignup .commentsHead, #turquiose #commentBlock .commentSignup .commWhy, #turquiose #send2Friend .stFriend ol li span, #turquiose #send2Friend2 .stFriend ol li span, #turquiose #send2Friend3 .stFriend ol li span {color:#229f9e} #turquiose #recipecontentbox, #turquiose .videoBox, #turquiose #greenerGardening, #turquiose #blogPicCaption #bpcContent, #turquiose #commentSection {border:1px solid #229f9e} #turquiose #recipecontentbox #commentBlock .commentsLogin, #turquiose #motwHeader, #turquiose #recipecontentbox .sResults, #turquiose .recipeHeadband, #turquiose .commentsHead, #turquiose #commentSection .commentWrap {background-color:#229f9e} #turquiose #recipecontentbox .bullet, #turquiose .bookmarks p.seeLink, #turquiose li span.seeLink, #turquiose #commentBlock .commentSignup p.seeLink {background:url(../img/btn_turquoise.png) no-repeat left top} #turquiose #recipecontentbox p.addIngredients {width:220px; font-weight:400} #turquiose #recipecontentbox p.addIngredients {background:url(../img/btn_turquoise.png) no-repeat left 2px; padding:0; margin:10px 0 0; clear:both; float:right} #turquiose #recipecontentbox p.addIngredients a {display:block; margin-left:20px; text-decoration:underline} #turquiose #send2Friend .stFriend, #turquiose #send2Friend2 .stFriend, #turquiose #send2Friend3 .stFriend, #turquiose #commentBlock .commentSignup, #turquiose #commentEntry .commentEntryWrap .cEntry, #turquiose #commentBlock .commentSignup .commentsHead {background-color:#d1dfdf} #turquiose #commentBlock {background-color:#d1dfdf; border-bottom:1px solid #229f9e} #turquiose #commentBlock .cbStrip {border-bottom:1px solid #229f9e} #turquiose #commentBlock .commentSignup li {background:url(../img/smalltick_white_transparentbkg.png) no-repeat left 2px} #turquiose #send2Friend p.cbright, #turquiose #send2Friend2 p.cbright, #turquiose #send2Friend3 p.cbright, #turquiose #commentBlock .cbStrip p.cbright {background:url(../img/comments_btn_close_turquoise.png) no-repeat 0 3px} /* ** RECIPE BLOCKS - RIGHT HAND SIDE */ #searchrecipe .block, #whynottry .block, #myrecipebookBlock .block, #buyingredients .block, #buynow .block, #domore .block, #learnmore .block, #externallinks .block {padding:0; margin:0} #searchrecipe .blockBody, #whynottry .blockBody, #myrecipebookBlock .blockBody, #buyingredients .blockBody, #buynow .blockBody, #domore .blockBody, #learnmore .blockBody, #externallinks .blockBody {padding:10px 0; width:177px} #searchrecipe .blockHeaderSearch .positionblockHeader, #whynottry .blockHeader .positionblockHeader, #myrecipebookBlock .blockHeader .positionblockHeader, #buyingredients .blockHeader .positionblockHeader, #buynow .blockHeader .positionblockHeader, #domore .blockHeader .positionblockHeader, #learnmore .blockHeader .positionblockHeader, #externallinks .blockHeader .positionblockHeader {position:relative; top:10px; left:10px} #searchrecipe .blockBody img, #whynottry .blockBody img, #myrecipebookBlock .blockBody img, #buyingredients .blockBody img, #buynow .blockBody img, #domore .blockBody img, #learnmore .blockBody img, #externallinks .blockBody img {float:left; margin-right:10px; clear:left} #searchrecipe .blockBody p, #whynottry .blockBody p, #myrecipebookBlock .blockBody p, #buyingredients .blockBody p, #buynow .blockBody p, #domore .blockBody p, #learnmore .blockBody p, #externallinks .blockBody p {margin-left:15px; margin-top:8px} #searchrecipe .blockBody li span, #whynottry .blockBody li span, #myrecipebookBlock .blockBody li span, #buyingredients .blockBody li span, #buynow .blockBody li span, #domore .blockBody li span, #learnmore .blockBody li span, #externallinks .blockBody li span {display:block; padding:0} /* ** BLOCK HEADER TITLES */ #searchrecipe .blockTitle {background:url(../img/comptitle_searchrecipes.png) no-repeat left top; height:20px} #whynottry .blockTitle {background:url(../img/comptitle_whynottry.png) no-repeat left top; height:20px} #myrecipebookBlock .blockTitle {background:url(../img/comptitle_recipebook.png) no-repeat left top; height:20px} #buyingredients .blockTitle {background:url(../img/comptitle_buyingredients.png) no-repeat left top; height:20px} #buynow .blockTitle {background:url(../img/comptitle_buynow.png) no-repeat left top; height:20px} #domore .blockTitle {background:url(../img/comptitle_domore.png) no-repeat left top; height:20px} #learnmore .blockTitle {background:url(../img/comptitle_learnmore.png) no-repeat left top; height:20px} #externallinks .blockTitle {background:url(../img/comptitle_externallinks.png) no-repeat left top; height:20px} #searchrecipe .blockBody li span, #whynottry .blockBody li span, #myrecipebookBlock .blockBody li span, #buyingredients .blockBody li span, #buynow .blockBody li span, #domore .blockBody li span, #learnmore .blockBody li span, #externallinks .blockBody li span {display:block; padding:0} #myrecipebookBlock .blockBody li .seeLink span {vertical-align:3px} #myrecipebookBlock p a {display:block; text-decoration:none} #myrecipebookBlock p a {white-space:nowrap} #myrecipebookBlock p a span {margin-left:20px} /* ** BLOCK LIST STYLES */ #buynow, #whynottry, #myrecipebookBlock {} #buynow ul, #whynottry ul, #myrecipebookBlock ul, #buyingredients ul {list-style:none; padding:10px 0 0 12px; margin-right:10px} #buynow ul li, #whynottry ul li, #buyingredients ul li{padding-bottom:22px; clear:left; width:auto} #myrecipebookBlock ul {line-height:130%; width:85%; list-style:none; padding:10px 0 0 15px} #myrecipebookBlock ul li {padding-bottom:10px} #buynow ul li, #buyingredients ul li {font-weight:700} #buynow span, #buyingredients span {margin-left:70px} #learnmore, #domore, #externallinks {} #learnmore p a, #domore p a, #externallinks p a {text-decoration:underline} #learnmore ul.blockNav, #domore ul.blockNav, #externallinks ul.blockNav {list-style:disc outside none !important; margin:0 0 0 2.5em; padding-right:10px} #learnmore ul.blockNav li, #domore ul.blockNav li, #externallinks .blockNav li {list-style-type:disc; padding-bottom:2px; line-height:1.2em} #learnmore .blockNav li a, #domore .blockNav li a, #externallinks .blockNav li a {padding:0} #domore ul.blockNav li {padding-bottom:6px} #buynow ul.blockNav li, #whynottry ul.blockNav li {line-height:1.2em} #domore ul.blockNav li {line-height:1.1em} #domore h3.GreenNews {color:#fff} #learnmore .lmBand {color:#fff; text-indent:10px; font-weight:700; margin:5px 0 10px} #learnmore .lmVideo {clear:left; margin-left:10px} #learnmore .lmVideo img {float:none} #searchrecipe .blockNav {margin:0 0 0 15px} #searchrecipe .blockNav li {list-style:none; padding-bottom:1px; font-weight:700} .hasJS #searchrecipe .blockNav ul.closed {display:none} .hasJS #searchrecipe .blockNav ul.open {display:block} .hasJS #searchrecipe .blockNav li.closedP {background:url(../img/comprecipefinder_open.gif) no-repeat 0 0} .hasJS #searchrecipe .blockNav li.openP {background:url(../img/comprecipefinder_close.gif) no-repeat 0 0} .hasJS #searchrecipe .blockNav li li {background:none; padding-left:20px; line-height:1.2} .hasJS #searchrecipe .blockNav li a {display:inline } .hasJS #searchrecipe .blockNav li li a {padding-left:0} .hasJS #searchrecipe .blockNav li strong {padding-left:20px} #searchrecipe a {display:block; text-decoration:none} #searchrecipe ul.blockNav li {font-weight:400; margin-top:.5em} #searchrecipe ul.blockNav li ul {} #searchrecipe a {white-space:nowrap} #searchrecipe input#q2 {width:80%} #buyingredients .save,#buyingredients .now {color:red} #buyingredients .was {color:#ccc; text-decoration:line-through} #buynow .price {color:#000; font-weight:400; text-decoration:none} /* ** COLOUR SCHEMES - FOR THE RIGHT HAND SIDE BOXES ** SEPERATION OF BLOCK COLOURS - INDEPENDANT OF PAGE COLOUR */ .pinkish .lmBand {background-color:#fa8a88 !important} .pinkish p {color:#fa8a88} .pinkish a:link, .pinkish a:visited, .pinkish a:hover, .pinkish a:active {color:#fa8a88; text-decoration:underline} .pinkish .blockHeaderSearch {background:url(../img/compheaderSearch_pink.gif) no-repeat left top; height:88px} .pinkish .blockHeader {background:url(../img/compheader_pink.gif) no-repeat left top; height:40px} .pinkish .blockBody {border-left:1px solid #fa8a88; border-right:1px solid #fa8a88; color:#fa8a88; width:179px} .pinkish .blockFooter {background:url(../img/compfooter_pink.gif) no-repeat left top; height:16px; width:179px} .pinkish .socialBox ul li.star {background:url(../img/ratestar_empty.gif) no-repeat left top; height:18px; width:18px} .pinkish .socialBox ul li.starFull {background:url(../img/ratestar_full.gif) no-repeat left top; height:18px; width:18px} .pinkish .socialBox ul li.starHalf {background:url(../img/ratestar_half.gif) no-repeat left top; height:18px; width:18px} .pinkish p.seeLink {background:url(../img/btn_pink.png) no-repeat left top; padding:0; margin:10px 0 0 12px} .pinkish p.seeLink a {font-weight:700; text-decoration:underline; padding-left:20px; position:static !important} .shallowPurple .lmBand {background-color:#6d5c98 !important} .shallowPurple p {color:#6d5c98} .shallowPurple a:link, .shallowPurple a:visited, .shallowPurple a:hover, .shallowPurple a:active {color:#6d5c98; text-decoration:underline} .shallowPurple .blockHeaderSearch {background:url(../img/compheaderSearch_purple.gif) no-repeat left top; height:88px} .shallowPurple .blockHeader {background:url(../img/compheader_purple.gif) no-repeat left top; height:40px} .shallowPurple .blockBody {border-left:1px solid #6d5c98; border-right:1px solid #6d5c98; color:#6d5c98; width:179px} .shallowPurple .blockFooter {background:url(../img/compfooter_purple.gif) no-repeat left top; height:16px; width:179px} .shallowPurple .socialBox ul li.star {background:url(../img/ratestar_empty.gif) no-repeat left top; height:18px; width:18px} .shallowPurple .socialBox ul li.starFull {background:url(../img/ratestar_full.gif) no-repeat left top; height:18px; width:18px} .shallowPurple .socialBox ul li.starHalf {background:url(../img/ratestar_half.gif) no-repeat left top; height:18px; width:18px} .shallowPurple p.seeLink {background:url(../img/btn_purple.png) no-repeat left top; padding:0; margin:10px 0 0 12px} .shallowPurple p.seeLink a {font-weight:700; text-decoration:underline; padding-left:20px; position:static !important} .brown .lmBand {background-color:#9b2206 !important} .brown p {color:#9b2206} .brown a:link, .brown a:visited, .brown a:hover, .brown a:active {color:#9b2206; text-decoration:underline} .brown .blockHeaderSearch {background:url(../img/compheaderSearch_brown.gif) no-repeat left top; width:179px; height:88px} .brown .blockHeader {background:url(../img/compheader_brown.gif) no-repeat left top; width:179px; height:40px} .brown .blockBody {border-left:1px solid #9b2206; border-right:1px solid #9b2206; color:#9b2206; width:179px} .brown .blockFooter {background:url(../img/compfooter_brown.gif) no-repeat left top; width:179px; height:16px; width:179px} .brown .socialBox ul li.star {background:url(../img/ratestar_empty.gif) no-repeat left top; height:18px; width:18px} .brown .socialBox ul li.starFull {background:url(../img/ratestar_full.gif) no-repeat left top; height:18px; width:18px} .brown .socialBox ul li.starHalf {background:url(../img/ratestar_half.gif) no-repeat left top; height:18px; width:18px} .brown p.seeLink {background:url(../img/btn_brown.png) no-repeat left top; padding:0; margin:10px 0 0 12px} .brown p.seeLink a {font-weight:700; text-decoration:underline; padding-left:20px; position:static !important} .deepGreen .lmBand {background-color:#2b9228 !important} .deepGreen p {color:#2b9228} .deepGreen a:link, .deepGreen a:visited, .deepGreen a:hover, .deepGreen a:active {color:#2b9228; text-decoration:underline} .deepGreen .blockHeaderSearch {background:url(../img/compheaderSearch_darkgreen.gif) no-repeat left top; width:179px; height:88px} .deepGreen .blockHeader {background:url(../img/compheader_darkgreen.gif) no-repeat left top; width:179px; height:40px} .deepGreen .blockBody {border-left:1px solid #2b9228; border-right:1px solid #2b9228; color:#2b9228; width:179px} .deepGreen .blockFooter {background:url(../img/compfooter_darkgreen.gif) no-repeat left top; width:179px; height:16px} .deepGreen .socialBox ul li.star {background:url(../img/ratestar_empty.gif) no-repeat left top; height:18px; width:18px} .deepGreen .socialBox ul li.starFull {background:url(../img/ratestar_full.gif) no-repeat left top; height:18px; width:18px} .deepGreen .socialBox ul li.starHalf {background:url(../img/ratestar_half.gif) no-repeat left top; height:18px; width:18px} .deepGreen p.seeLink {background:url(../img/btn_darkgreen.png) no-repeat left top; padding:0; margin:10px 0 0 12px} .deepGreen p.seeLink a {font-weight:700; text-decoration:underline; padding-left:20px; position:static !important} .limeGreen .lmBand {background-color:#6fbd44 !important} .limeGreen p {color:#6fbd44} .limeGreen a:link, .limeGreen a:visited, .limeGreen a:hover, .limeGreen a:active {color:#6fbd44; text-decoration:underline} .limeGreen .blockHeaderSearch {background:url(../img/compheaderSearch_lightgreen.gif) no-repeat left top; width:179px; height:88px} .limeGreen .blockHeader {background:url(../img/compheader_lightgreen.gif) no-repeat left top; width:179px; height:40px} .limeGreen .blockBody {border-left:1px solid #6fbd44; border-right:1px solid #6fbd44; color:#6fbd44; width:179px} .limeGreen .blockFooter {background:url(../img/compfooter_lightgreen.gif) no-repeat left top; width:179px; height:16px} .limeGreen .socialBox ul li.star {background:url(../img/ratestar_empty.gif) no-repeat left top; height:18px; width:18px} .limeGreen .socialBox ul li.starFull {background:url(../img/ratestar_full.gif) no-repeat left top; height:18px; width:18px} .limeGreen .socialBox ul li.starHalf {background:url(../img/ratestar_half.gif) no-repeat left top; height:18px; width:18px} .limeGreen p.seeLink {background:url(../img/btn_green.png) no-repeat left top; padding:0; margin:10px 0 0 12px} .limeGreen p.seeLink a {font-weight:700; text-decoration:underline; padding-left:20px; position:static !important} .skyBlue .lmBand {background-color:#0daaf3 !important} .skyBlue p {color:#0daaf3} .skyBlue a:link, .skyBlue a:visited, .skyBlue a:hover, .skyBlue a:active {color:#0daaf3; text-decoration:underline} .skyBlue .blockHeaderSearch {background:url(../img/compheaderSearch_lightblue.gif) no-repeat left top; width:179px; height:88px} .skyBlue .blockHeader {background:url(../img/compheader_lightblue.gif) no-repeat left top; width:179px; height:40px} .skyBlue .blockBody {border-left:1px solid #0daaf3; border-right:1px solid #0daaf3; color:#0daaf3; width:179px} .skyBlue .blockFooter {background:url(../img/compfooter_lightblue.gif) no-repeat left top; width:179px; height:16px} .skyBlue .socialBox ul li.star {background:url(../img/ratestar_empty.gif) no-repeat left top; height:18px; width:18px} .skyBlue .socialBox ul li.starFull {background:url(../img/ratestar_full.gif) no-repeat left top; height:18px; width:18px} .skyBlue .socialBox ul li.starHalf {background:url(../img/ratestar_half.gif) no-repeat left top; height:18px; width:18px} .skyBlue p.seeLink {background:url(../img/btn_lightblue.png) no-repeat left top; padding:0; margin:10px 0 0 12px} .skyBlue p.seeLink a {font-weight:700; text-decoration:underline; padding-left:20px; position:static !important} .deepBlue .lmBand {background-color:#2f4878 !important} .deepBlue p {color:#2f4878} .deepBlue a:link, .deepBlue a:visited, .deepBlue a:hover, .deepBlue a:active {color:#2f4878; text-decoration:underline} .deepBlue .blockHeaderSearch {background:url(../img/compheaderSearch_darkblue.gif) no-repeat left top; width:179px; height:88px} .deepBlue .blockHeader {background:url(../img/compheader_darkblue.gif) no-repeat left top; width:179px; height:40px} .deepBlue .blockBody {border-left:1px solid #2f4878; border-right:1px solid #2f4878; color:#2f4878; width:179px} .deepBlue .blockFooter {background:url(../img/compfooter_darkblue.gif) no-repeat left top; width:179px; height:16px} .deepBlue .socialBox ul li.star {background:url(../img/ratestar_empty.gif) no-repeat left top; height:18px; width:18px} .deepBlue .socialBox ul li.starFull {background:url(../img/ratestar_full.gif) no-repeat left top; height:18px; width:18px} .deepBlue .socialBox ul li.starHalf {background:url(../img/ratestar_half.gif) no-repeat left top; height:18px; width:18px} .deepBlue p.seeLink {background:url(../img/btn_darkblue.png) no-repeat left top; padding:0; margin:10px 0 0 12px} .deepBlue p.seeLink a {font-weight:700; text-decoration:underline; padding-left:20px; position:static !important} .orange .lmBand {background-color:#f4ac00 !important} .orange p {color:#f4ac00} .orange a:link, .orange a:visited, .orange a:hover, .orange a:active {color:#f4ac00; text-decoration:underline} .orange .blockHeaderSearch {background:url(../img/compheaderSearch_yellow.gif) no-repeat left top; width:179px; height:88px} .orange .blockHeader {background:url(../img/compheader_yellow.gif) no-repeat left top; width:179px; height:40px} .orange .blockBody {border-left:1px solid #f4ac00; border-right:1px solid #f4ac00; color:#f4ac00; width:179px} .orange .blockFooter {background:url(../img/compfooter_yellow.gif) no-repeat left top; width:179px; height:16px} .orange .socialBox ul li.star {background:url(../img/ratestar_empty.gif) no-repeat left top; height:18px; width:18px} .orange .socialBox ul li.starFull {background:url(../img/ratestar_full.gif) no-repeat left top; height:18px; width:18px} .orange .socialBox ul li.starHalf {background:url(../img/ratestar_half.gif) no-repeat left top; height:18px; width:18px} .orange p.seeLink {background:url(../img/btn_yellow.png) no-repeat left top; padding:0; margin:10px 0 0 12px} .orange p.seeLink a {font-weight:700; text-decoration:underline; padding-left:20px; position:static !important} .turquiose .lmBand {background-color:#229f9e !important} .turquiose p {color:#229f9e} .turquiose a:link, .turquiose a:visited, .turquiose a:hover, .turquiose a:active {color:#229f9e; text-decoration:underline} .turquiose .blockHeaderSearch {background:url(../img/compheaderSearch_turquoise.gif) no-repeat left top; width:179px; height:88px} .turquiose .blockHeader {background:url(../img/compheader_turquoise.gif) no-repeat left top; width:179px; height:40px} .turquiose .blockBody {border-left:1px solid #229f9e; border-right:1px solid #229f9e; color:#229f9e; width:179px} .turquiose .blockFooter {background:url(../img/compfooter_turquoise.gif) no-repeat left top; width:179px; height:16px} .turquiose .socialBox ul li.star {background:url(../img/ratestar_empty.gif) no-repeat left top; height:18px; width:18px} .turquiose .socialBox ul li.starFull {background:url(../img/ratestar_full.gif) no-repeat left top; height:18px; width:18px} .turquiose .socialBox ul li.starHalf {background:url(../img/ratestar_half.gif) no-repeat left top; height:18px; width:18px} .turquiose p.seeLink {background:url(../img/btn_turquoise.png) no-repeat left top; padding:0; margin:10px 0 0 12px} .turquiose p.seeLink a {font-weight:700; text-decoration:underline; padding-left:20px; position:static !important} /* MJF search recipes */ #searchForm {width:90%; margin:5px 0 0 3px; padding:0} #searchForm * {margin:0; padding:0; border:0 solid} #searchForm label {position:absolute; top:0; left:-200em} #q2 {width:90%; margin:0 auto; padding:2px .25em} #btnG {display:block; margin:.5em 0; font-weight:700; text-align:right; background:url(../img/btn_green.png) no-repeat; text-indent:20px; color:#fff} /* blockeatgreenerHeaderhome */ .blockeatgreenerHeaderhome{background:url(/assets/greenerliving/content/images/header/landing_header_eatgreener.jpg) no-repeat; height:219px; position:relative} /* blockproductHeader */ .pinkish .blockproductHeader{background:url(/assets/greenerliving/content/images/splash_images/landingsplash_pinklinetop.gif) no-repeat; width:317px; padding-top:27px} .turquiose .blockproductHeader{background:url(/assets/greenerliving/content/images/splash_images/landingsplash_turquoiselinetop.gif) no-repeat; width:317px; padding-top:27px} .deepBlue .blockproductHeader{background:url(/assets/greenerliving/content/images/splash_images/landingsplash_darkbluelinetop.gif) no-repeat; width:317px; padding-top:27px} .skyBlue .blockproductHeader{background:url(/assets/greenerliving/content/images/splash_images/landingsplash_lightbluetop.gif) no-repeat; width:317px; padding-top:27px} .shallowPurple .blockproductHeader{background:url(/assets/greenerliving/content/images/splash_images/landingsplash_purpletop.gif) no-repeat; width:317px; padding-top:27px} .brown .blockproductHeader{background:url(/assets/greenerliving/content/images/splash_images/landingsplash_brownlinetop.gif) no-repeat; width:317px; padding-top:27px} .limeGreen .blockproductHeader{background:url(/assets/greenerliving/content/images/splash_images/landingsplash_lightgreentop.gif) no-repeat; width:317px; padding-top:27px} .deepGreen .blockproductHeader{background:url(/assets/greenerliving/content/images/splash_images/landingsplash_darkgreentop.gif) no-repeat; width:317px; padding-top:27px} .orange .blockproductHeader{background:url(/assets/greenerliving/content/images/splash_images/landingsplash_orangelinetop.gif) no-repeat; width:317px; padding-top:27px} /* blockproductbarHeader */ .pinkish .blockproductbarHeader{background:url(../img/productbars/landing_groupingpinktop.gif) no-repeat left top; width:645px; height:29px} .turquiose .blockproductbarHeader{background:url(../img/productbars/landing_groupingturquoisetop.gif) no-repeat left top; width:645px; height:29px} .deepBlue .blockproductbarHeader{background:url(../img/productbars/landing_groupingdarkbluetop.gif) no-repeat left top; width:645px; height:29px} .skyBlue .blockproductbarHeader{background:url(../img/productbars/landing_groupinglightbluetop.gif) no-repeat left top; width:645px; height:29px} .shallowPurple .blockproductbarHeader{background:url(../img/productbars/landing_groupingpurpletop.gif) no-repeat left top; width:645px; height:29px} .brown .blockproductbarHeader{background:url(../img/productbars/landing_groupingbrowntop.gif) no-repeat left top; width:645px; height:29px} .limeGreen .blockproductbarHeader{background:url(../img/productbars/landing_groupinglightgreentop.gif) no-repeat left top; width:645px; height:29px} .deepGreen .blockproductbarHeader{background:url(../img/productbars/landing_groupingdarkgreentop.gif) no-repeat left top; width:645px; height:29px} .orange .blockproductbarHeader{background:url(../img/productbars/landing_groupingorangetop.gif) no-repeat left top; width:645px; height:29px} .red .blockproductbarHeader{background:url(../img/productbars/landing_groupingredtop.gif) no-repeat left top; width:645px; height:29px} .yellow .blockproductbarHeader{background:url(../img/productbars/landing_groupingyellowtop.gif) no-repeat left top; width:645px; height:29px} /* searchblockeatgreenerHeader */ .turquiose .searchblockeatgreenerHeader{} .blockeatgreenerBody{font-size:.9em; line-height:1.2em} /* searchblockeatgreenerBody */ .turquiose .searchblockeatgreenerBody {margin:0; border-left:1px solid #229f9e; border-right:1px solid #229f9e; font-size:.9em; line-height:17px} .turquiose .searchblockeatgreenerBody span{color:#229f9e; font-weight:700} .turquiose .searchblockeatgreenerBody .square{background:url(/assets/greenerliving/content/images/bullets/btn_turquiose.png) no-repeat 0 bottom; padding-left:20px; margin-left:165px; *margin-left:165px} .turquiose .searchblockeatgreenerBody .search{background:#229f9e} .turquiose .searchblockeatgreenerBody p a, .turquiose .searchblockeatgreenerBody p strong {font-weight:700; margin-left:5px} .turquiose .searchblockeatgreenerBody form{background:url(../img/search_background.png) no-repeat} .turquiose .searchblockeatgreenerBody form a {width:62px; height:17px; display:block; float:right} .turquiose .searchblockeatgreenerBody #searchbgd {background:url(/assets/greenerliving/content/images/bullets/btn_white_transparent_small.png) no-repeat} .turquiose .searchblockeatgreenerBody .sgBody {margin-top:10px} .turquiose .searchblockeatgreenerBody ul {color:#229f9e; padding:0 0 5px} .turquiose .searchblockeatgreenerBody li{color:#229f9e} .turquiose .searchblockeatgreenerBody p {margin:0 !important} /* blockeatgreenerBody */ .pinkish .blockeatgreenerBody {border-left:1px solid #fa8a88; border-right:1px solid #fa8a88; margin:0} .pinkish .blockeatgreenerBody .square {background:url(/assets/greenerliving/content/images/bullets/btn_pink.png) no-repeat left top; width:15px; height:15px} .pinkish .blockeatgreenerBody .transparent {background:url(/assets/greenerliving/content/images/bullets/btn_white_transparent_small.gif)no-repeat left top; padding:8px 0 0 10px; float:left} .pinkish .blockeatgreenerBody .blust {background:url(/assets/greenerliving/content/images/splash_images/landing_splashimage_turquoise.jpg) no-repeat left top; top:0; float:right; width:114px; height:160px; z-index:100; position:relative; margin:-27px 0 0 -1px; *margin:-27px -1px 0} .pinkish .blockeatgreenerBody .left {border-left:1px solid #fa8a88} .pinkish .blockeatgreenerBody .right {border-right:1px solid #fa8a88} .pinkish .blockeatgreenerBody form, .pinkish .blockeatgreenerBody .search {background:#fa8a88} .pinkish .blockeatgreenerBody span, .pinkish .blockeatgreenerBody li, .pinkish .blockeatgreenerBody ul li, .pinkish .blockeatgreenerBody li a {color:#fa8a88} .turquiose .blockeatgreenerBody {border-left:1px solid #229f9e; border-right:1px solid #229f9e; margin:0; height:190px} .turquiose .blockeatgreenerBody .square {background:url(/assets/greenerliving/content/images/bullets/btn_turquiose.png) no-repeat left top; width:15px; height:15px} .turquiose .blockeatgreenerBody .transparent {background:url(/assets/greenerliving/content/images/bullets/btn_white_transparent_small.gif)no-repeat left top; padding:8px 0 0 10px; float:left} .turquiose .blockeatgreenerBody .blust {background:url(/assets/greenerliving/content/images/splash_images/landing_splashimage_turquoise.jpg) no-repeat left top; top:0; float:right; width:114px; height:160px; z-index:100; position:relative; margin:-27px 0 0 -1px; *margin:-27px -1px 0} .turquiose .blockeatgreenerBody .left {border-left:1px solid #229f9e} .turquiose .blockeatgreenerBody .right {border-right:1px solid #229f9e} .turquiose .blockeatgreenerBody form, .turquiose .blockeatgreenerBody .search {background:#229f9e} .turquiose .blockeatgreenerBody span, .turquiose .blockeatgreenerBody li, .turquiose .blockeatgreenerBody ul li, .turquiose .blockeatgreenerBody li a {color:#229f9e; padding-left:5px} .blockeatgreenerBody span {font-weight:700} .blockeatgreenerBody p strong span {width:100px} .blockeatgreenerBody p a {font-weight:700; margin-left:5px} .blockeatgreenerBody p strong {margin-left:5px} .blockeatgreenerBody p {padding-left:18px; color:#000; padding-bottom:3px; padding-right:3px} /* blockproductBody */ .pinkish .blockproductBody {border-left:1px solid #fa8a88; border-right:1px solid #fa8a88; margin-top:-1px} .pinkish .blockproductBody .square{background:url(/assets/greenerliving/content/images/bullets/btn_pink.png) no-repeat left top; width:90%; height:15px} .pinkish .blockproductBody .blust{background:url(/assets/greenerliving/content/images/splash_images/landing_splashimage_pink.jpg) no-repeat top; top:0; float:right; width:114px; height:160px; z-index:100; position:relative; left:1px; margin:-26px 0 0 -1px; *margin:-26px 0 0 -1px} .pinkish .blockproductBody .left{border-left:1px solid #fa8a88} .pinkish .blockproductBody .right{border-right:1px solid #fa8a88} .pinkish .blockproductBody form, .pinkish .blockproductBody .search {background-color:#fa8a88} .pinkish .blockproductBody span strong, .pinkish .blockproductBody li, .pinkish .blockproductBody li a {color:#fa8a88} .turquiose .blockproductBody {border-left:1px solid #229f9e; border-right:1px solid #229f9e; margin-top:-1px} .turquiose .blockproductBody .square{background:url(/assets/greenerliving/content/images/bullets/btn_turquiose.png) no-repeat left top; width:90%; height:15px} .turquiose .blockproductBody .blust{background:url(/assets/greenerliving/content/images/splash_images/landing_splashimage_turquoise.jpg) no-repeat top; top:0; float:right; width:114px; height:160px; z-index:100; position:relative; left:1px; margin:-26px 0 0 -1px; *margin:-26px 0 0 -1px} .turquiose .blockproductBody .left{border-left:1px solid #229f9e} .turquiose .blockproductBody .right{border-right:1px solid #229f9e} .turquiose .blockproductBody form, .turquiose .blockproductBody .search {background-color:#229f9e} .turquiose .blockproductBody span strong, .turquiose .blockproductBody li, .turquiose .blockproductBody li a{color:#229f9e} .deepBlue .blockproductBody {border-left:1px solid #2f4878; border-right:1px solid #2f4878; margin-top:-1px} .deepBlue .blockproductBody .square{background:url(/assets/greenerliving/content/images/bullets/btn_deepblue.png) no-repeat left top; width:90%; height:15px} .deepBlue .blockproductBody .blust{background:url(/assets/greenerliving/content/images/splash_images/landing_splashimage_darkblue.jpg) no-repeat top; top:0; float:right; width:114px; height:160px; z-index:100; position:relative; left:1px; margin:-26px 0 0 -1px; *margin:-26px 0 0 -1px} .deepBlue .blockproductBody .left{border-left:1px solid #2f4878} .deepBlue .blockproductBody .right{border-right:1px solid #2f4878} .deepBlue .blockproductBody form, .deepBlue .blockproductBody .search {background:#2f4878} .deepBlue .blockproductBody span strong, .deepBlue .blockproductBody li, .deepBlue .blockproductBody li a{color:#2f4878} .skyBlue .blockproductBody {border-left:1px solid #0daaf3; border-right:1px solid #0daaf3; margin-top:-1px} .skyBlue .blockproductBody .square{background:url(/assets/greenerliving/content/images/bullets/btn_lightblue.png) no-repeat left top; width:90%; height:15px} .skyBlue .blockproductBody .blust{background:url(/assets/greenerliving/content/images/splash_images/landing_splashimage_lightblue.jpg) no-repeat top; top:0; float:right; width:114px; height:160px; z-index:100; position:relative; left:1px; margin:-26px 0 0 -1px; *margin:-26px 0 0 -1px} .skyBlue .blockproductBody .left{border-left:1px solid #0daaf3} .skyBlue .blockproductBody .right{border-right:1px solid #0daaf3} .skyBlue .blockproductBody form, .skyBlue .blockproductBody .search {background:#0daaf3} .skyBlue .blockproductBody span strong, .skyBlue .blockproductBody li, .skyBlue .blockproductBody li a{color:#0daaf3} .shallowPurple .blockproductBody {border-left:1px solid #6d5c98; border-right:1px solid #6d5c98; margin-top:-1px} .shallowPurple .blockproductBody .square{background:url(/assets/greenerliving/content/images/bullets/btn_shallowpurple.png) no-repeat left top; width:90%; height:15px} .shallowPurple .blockproductBody .blust{background:url(/assets/greenerliving/content/images/splash_images/landing_splashimage_purple.jpg) no-repeat top; top:0; float:right; width:114px; height:160px; z-index:100; position:relative; left:1px; margin:-26px 0 0 -1px; *margin:-26px 0 0 -1px} .shallowPurple .blockproductBody .left{border-left:1px solid #6d5c98} .shallowPurple .blockproductBody .right{border-right:1px solid #6d5c98} .shallowPurple .blockproductBody form, .shallowPurple .blockproductBody .search {background:#6d5c98} .shallowPurple .blockproductBody span strong, .shallowPurple .blockproductBody li, .shallowPurple .blockproductBody li a{color:#6d5c98} .brown .blockproductBody {border-left:1px solid #9b2206; border-right:1px solid #9b2206; margin-top:-1px} .brown .blockproductBody .square{background:url(/assets/greenerliving/content/images/bullets/btn_brown.png) no-repeat left top; width:90%; height:15px} .brown .blockproductBody .blust{background:url(/assets/greenerliving/content/images/splash_images/landing_splashimage_brown.jpg) no-repeat top; top:0; float:right; width:114px; height:160px; z-index:100; position:relative; left:1px; margin:-26px 0 0 -1px; *margin:-26px 0 0 -1px} .brown .blockproductBody .left{border-left:1px solid #9b2206} .brown .blockproductBody .right{border-right:1px solid #9b2206} .brown .blockproductBody form, .brown .blockproductBody .search {background:#9b2206} .brown .blockproductBody span strong, .brown .blockproductBody li, .brown .blockproductBody li a{color:#9b2206} .limeGreen .blockproductBody {border-left:1px solid #6fbd44; border-right:1px solid #6fbd44; margin-top:-1px} .limeGreen .blockproductBody .square{background:url(/assets/greenerliving/content/images/bullets/btn_lightgreen.png) no-repeat left top; width:90%; height:15px} .limeGreen .blockproductBody .blust{background:url(/assets/greenerliving/content/images/splash_images/landing_splashimage_lightgreen.jpg) no-repeat top; top:0; float:right; width:114px; height:160px; z-index:100; position:relative; left:1px; margin:-26px 0 0 -1px; *margin:-26px 0 0 -1px} .limeGreen .blockproductBody .left{border-left:1px solid #6fbd44} .limeGreen .blockproductBody .right{border-right:1px solid #6fbd44} .limeGreen .blockproductBody form, .limeGreen .blockproductBody .search {background:#6fbd44} .limeGreen .blockproductBody span strong, .limeGreen .blockproductBody li, .limeGreen .blockproductBody li a{color:#6fbd44} .deepGreen .blockproductBody {border-left:1px solid #2b9228; border-right:1px solid #2b9228; margin-top:-1px} .deepGreen .blockproductBody .square{background:url(/assets/greenerliving/content/images/bullets/btn_deepgreen.png) no-repeat left top; width:90%; height:15px} .deepGreen .blockproductBody .blust{background:url(/assets/greenerliving/content/images/splash_images/landing_splashimage_darkgreen.jpg) no-repeat top; top:0; float:right; width:114px; height:160px; z-index:100; position:relative; left:1px; margin:-26px 0 0 -1px; *margin:-26px 0 0 -1px} .deepGreen .blockproductBody .left{border-left:1px solid #2b9228} .deepGreen .blockproductBody .right{border-right:1px solid #2b9228} .deepGreen .blockproductBody form, .deepGreen .blockproductBody .search {background:#2b9228} .deepGreen .blockproductBody span strong, .deepGreen .blockproductBody li, .deepGreen .blockproductBody li a{color:#2b9228} .orange .blockproductBody {border-left:1px solid #f4ac00; border-right:1px solid #f4ac00; margin-top:-1px} .orange .blockproductBody .square{background:url(/assets/greenerliving/content/images/bullets/btn_orange.png) no-repeat left top; width:90%; height:15px} .orange .blockproductBody .blust{background:url(/assets/greenerliving/content/images/splash_images/landing_splashimage_orange.jpg) no-repeat top; top:0; float:right; width:114px; height:160px; z-index:100; position:relative; left:1px; margin:-26px 0 0 -1px; *margin:-26px 0 0 -1px} .orange .blockproductBody .left{border-left:1px solid #f4ac00} .orange .blockproductBody .right{border-right:1px solid #f4ac00} .orange .blockproductBody form, .orange .blockproductBody .search {background:#f4ac00} .orange .blockproductBody span strong, .orange .blockproductBody li, .orange .blockproductBody li a{color:#f4ac00} .blockproductBody p.text {color:#000 !important; line-height:14px; width:160px} .blockproductHeader .blockproductBody p.text a {margin:0} /* blockproductFooter */ .pinkish .blockproductFooter {background:url(/assets/greenerliving/content/images/splash_images/landingsplash_pinklinebottom.gif) #fff no-repeat bottom; width:317px; height:27px; margin-top:-27px} .turquiose .blockproductFooter {background:url(/assets/greenerliving/content/images/splash_images/landingsplash_turquoiselinebottom.gif) #fff no-repeat bottom; width:317px; height:27px; margin-top:-27px} .deepBlue .blockproductFooter {background:url(/assets/greenerliving/content/images/splash_images/landingsplash_darkbluelinebottom.gif) #fff no-repeat bottom; width:317px; height:27px; margin-top:-27px} .skyBlue .blockproductFooter {background:url(/assets/greenerliving/content/images/splash_images/landingsplash_lightbluebottom.gif) #fff no-repeat bottom; width:317px; height:27px; margin-top:-27px} .shallowPurple .blockproductFooter {background:url(/assets/greenerliving/content/images/splash_images/landingsplash_purplebottom.gif) #fff no-repeat bottom; width:317px; height:27px; margin-top:-27px} .brown .blockproductFooter {background:url(/assets/greenerliving/content/images/splash_images/landingsplash_brownlinebottom.gif) #fff no-repeat bottom; width:317px; height:27px; margin-top:-27px} .limeGreen .blockproductFooter {background:url(/assets/greenerliving/content/images/splash_images/landingsplash_lightgreenbottom.gif) #fff no-repeat bottom; width:317px; height:27px; margin-top:-27px} .deepGreen .blockproductFooter {background:url(/assets/greenerliving/content/images/splash_images/landingsplash_darkgreenbottom.gif) #fff no-repeat bottom; width:317px; height:27px; margin-top:-27px} .orange .blockproductFooter {background:url(/assets/greenerliving/content/images/splash_images/landingsplash_orangelinebottom.gif) #fff no-repeat bottom; width:317px; height:27px; margin-top:-27px} /* blockeatgreenerFooter */ .pinkish .blockeatgreenerFooter {background:url(/assets/greenerliving/content/images/splash_images/landingsplash_turquoiselinebottom.gif) #fff no-repeat bottom; width:317px; height:27px} .turquiose .blockeatgreenerFooter {background:url(/assets/greenerliving/content/images/splash_images/landingsplash_turquoiselinebottom.gif) #fff no-repeat bottom; width:317px; height:27px} /* searchblockeatgreenerFooter */ .turquiose .searchblockeatgreenerFooter {background:url(/assets/greenerliving/content/images/splash_images/landingsplash_turquoiselinebottom.gif) #fff no-repeat bottom; width:317px; height:27px; margin-top:-14px} /* blockproductbarFooter */ .pinkish .blockproductbarFooter {background:url(../img/productbars/landing_groupingpinkbottom.gif) no-repeat left bottom; ; width:645px; height:29px} .turquiose .blockproductbarFooter {background:url(../img/productbars/landing_groupingturquoisebottom.gif) no-repeat left bottom; ; width:645px; height:29px} .deepBlue .blockproductbarFooter {background:url(../img/productbars/landing_groupingdarkbluebottom.gif) no-repeat left bottom; ; width:645px; height:29px} .skyBlue .blockproductbarFooter {background:url(../img/productbars/landing_groupinglightbluebottom.gif) no-repeat left bottom; ; width:645px; height:29px} .shallowPurple .blockproductbarFooter {background:url(../img/productbars/landing_groupingpurplebottom.gif) no-repeat left bottom; ; width:645px; height:29px} .brown .blockproductbarFooter {background:url(../img/productbars/landing_groupingbrownbottom.gif) no-repeat left bottom; ; width:645px; height:29px} .limeGreen .blockproductbarFooter {background:url(../img/productbars/landing_groupinglightgreenbottom.gif) no-repeat left bottom; ; width:645px; height:29px} .deepGreen .blockproductbarFooter {background:url(../img/productbars/landing_groupingdarkgreenbottom.gif) no-repeat left bottom; ; width:645px; height:29px} .orange .blockproductbarFooter {background:url(../img/productbars/landing_groupingorangebottom.gif) no-repeat left bottom; ; width:645px; height:29px} .red .blockproductbarFooter {background:url(../img/productbars/landing_groupingredbottom.gif) no-repeat left bottom; ; width:645px; height:29px} .yellow .blockproductbarFooter {background:url(../img/productbars/landing_groupingyellowbottom.gif) no-repeat left bottom; ; width:645px; height:27px} .blockproductbarFooter p {display:none} /* ** EAT GREENER BOXES */ /* Title and Text*/ #titleText {width:160px; padding-left:5px; padding-right:5px} #titleText .title {font-size:12px; font-weight:700} #titleText .text {padding-top:3px} /* yesterday */ .yesterday {position:relative; width:160px; margin:0 auto; z-index:1} .yesterday span {position:absolute; width:153px; height:76px; top:0; left:0; z-index:-100; margin:14px 0 0 2px} .yesterday img {width:156px} .yesterday p {margin:.5em 5px; line-height:130%} .yesterday a, .yesterday a:link {font-weight:700; color:#08b; padding-bottom:1px; border-bottom:1px solid #fff} .yesterday a:visited {color:#08b; border-bottom:1px solid #fff} .yesterday a:hover {color:#2ad; border-bottom:1px solid #2ad} .yesterday a:active {color:#2ad; border-bottom:1px solid #2ad} .yesterday a:focus {color:#2ad; border-bottom:1px solid #2ad} /* green news */ #green_news {width:150px; padding-bottom:15px; margin-right:0; background:url(../img/green_news.base.png) #fff no-repeat bottom} #green_news h1 {margin:0; padding:0} #green_news h3 {border-left:1px solid #6d5c98; border-right:1px solid #6d5c98; margin:0; padding:0 10px; font-size:14px} #green_news ul {border-left:1px solid #6d5c98; border-right:1px solid #6d5c98; padding-left:25px} #green_news li {padding:.5em 10px 2px 0; list-style-type:disc; list-style-position:outside; font-weight:400; line-height:126%; font-size:90%} #green_news li.first {margin-top:0} #green_news li.last {margin-bottom:0; font-weight:700; list-style-type:none} #green_news a, #green_news a:link {color:#08b; padding-bottom:1px; border-bottom:1px solid #fff} #green_news a:visited {color:#08b; border-bottom:1px solid #fff} #green_news a:hover {color:#2ad; border-bottom:1px solid #2ad} #green_news a:active {color:#2ad; border-bottom:1px solid #2ad} #green_news a:focus {color:#2ad; border-bottom:1px solid #2ad} /* Today banner */ #leftColumn {width:642px; float:left} #introBlock p{margin:0 !important; line-height:140%} #introBlock {background:url(/assets/greenerliving/content/images/header/bg.intro.jpg); width:642px; height:219px; position:relative} #introBlock * {color:#fff} #introBlock h1 {position:absolute; top:0; left:-200em} #introBlock img{padding-top:5px} #introText {font-weight:700; width:285px; height:150px; position:absolute; left:340px; top:80px} #introText a {display:block; width:117px; height:17px; text-indent:-200em; background:url(/assets/greenerliving/content/images/get_started.gif) no-repeat; margin-top:.5em} #dishoftheday {background:url(/assets/greenerliving/content/images/header/bg.dishoftheday.png) no-repeat; position:absolute; left:auto; right:0; top:26px; width:126px; height:193px} #dishoftheday h2 {padding:5px 5px 5px 15px; font-size:1em} #dishoftheday p {padding:5px 10px} #introText p {padding:4px 0} /* Eat Greener page */ #left{width:645px; float:left} #right{width:317px; top:0; padding-left:8px; float:left} /* Eat Greener */ #eatgreener {position:relative} #eatgreener .blockeatgreenerBodyhome {position:relative; top:35px; margin-left:25px; width:332px; color:#fff !important} #eatgreener .blockeatgreenerBodyhome h3 {font-size:17px} #eatgreener .blockeatgreenerBodyhome ul {margin:0; padding-bottom:10px} #eatgreener .blockeatgreenerBodyhome li {font-weight:700; list-style-type:disc; list-style-position:inside} #eatgreener .blockeatgreenerBodyhome li a {color:#fff} #eatgreener .blockeatgreenerBodyhome p {font-size:12px; line-height:15px; padding-bottom:5px; font-weight:400} #eatgreener .blockeatgreenerBodyhome p.seeLink {background:url(../img/btn_purplereverse.png) no-repeat} #eatgreener .blockeatgreenerBodyhome p.seeLink a {font-weight:700; color:#fff; margin-left:24px} #eatgreener .kids, #eatgreener .kids a {font-weight:700; color:#300 !important} /* Greener Talk - green room */ #gtGreenRoom {width:317px} #gtGreenRoom .gtGreenRoomHeader {background:url(../img/landing_greentalk_greenroomtop.gif) no-repeat left top; height:27px} #gtGreenRoom .gtGreenRoomFooter {background:url(../img/landing_greentalk_greenroombottom.gif) no-repeat left top; height:17px} #gtGreenRoom .gtGreenRoomBody {background-color:#9b2206; color:#fff} #gtGreenRoom .gtGreenRoomBody h3 {font-size:15px; padding:10px 0 0 26px} #gtGreenRoom .gtGreenRoomBody ul {margin:5px 0 0 26px; padding:0; width:270px} #gtGreenRoom .gtGreenRoomBody li {font-size:11px; line-height:16px; padding-top:5px; clear:left} #gtGreenRoom .gtGreenRoomBody li h4 {font-size:12px} #gtGreenRoom .gtGreenRoomBody li h4 img {float:left; margin-right:5px} #gtGreenRoom .gtGreenRoomBody li h4 a {color:#fff; text-decoration:underline} #gtGreenRoom .gtGreenRoomBody li.gtGRHero {height:100px; border-bottom:1px solid #efb2a4; padding-bottom:10px; clear:left} #gtGreenRoom .gtGreenRoomBody li.gtGRNodes {} #gtGreenRoom .gtGreenRoomBody p.seeLink {background:url(/assets/greenerliving/content/images/btn_white_transparent_small.png) no-repeat; font-size:11px; margin:5px 0 0 26px} #gtGreenRoom .gtGreenRoomBody p.seeLink a {font-weight:700; color:#fff; margin-left:24px} #gtGreenRoom .gtGreenRoomBody li.gtGRHeroX p {background:url(../img/quote_open.gif) no-repeat 110px 5px} #gtGreenRoom .gtGreenRoomBody li.gtGRHeroX span {display:block; width:50px; height:36px; float:left} #gtGreenRoom .gtGreenRoomBody li.gtGRHeroX {background:url(../img/quote_close.gif) no-repeat 210px bottom} /* Ask an Expert */ #lpAskExpert {height:220px} #lpAskExpert .lpAskExpertWrap {margin:0; padding:10px 0 0 24px; width:287px; color:#fff} * html #lpAskExpert .lpAskExpertWrap .lpAskExpertWrapContent {margin-top:-5px} #lpAskExpert .lpAskExpertWrap .lpAskExpertWrapContent h3 {font-size:15px; padding-top:28px} #lpAskExpert .lpAskExpertWrap .lpAskExpertWrapContent form {margin:5px 0 10px} #lpAskExpert .lpAskExpertWrap .lpAskExpertWrapContent a {color:#fff} #lpAskExpert .lpAskExpertWrap .lpAskExpertWrapContent select {width:205px; margin-bottom:5px} #lpAskExpert .lpAskExpertWrap .lpAskExpertWrapContent textarea {width:205px; height:60px; margin-bottom:10px} #lpAskExpert .lpAskExpertWrap .lpAskExpertWrapContent p {} #lpAskExpert .lpAskExpertWrap .lpAskExpertWrapContent p.seeLink1 {background:url(/assets/greenerliving/content/images/bullets/btn_white_transparent.png) no-repeat} #lpAskExpert .lpAskExpertWrap .lpAskExpertWrapContent p.seeLink2 {background:url(/assets/greenerliving/content/images/bullets/btn_white_transparent_small.png) no-repeat} #lpAskExpert .lpAskExpertWrap .lpAskExpertWrapContent p.seeLink1 a {font-weight:700; line-height:26px; margin-left:26px} #lpAskExpert .lpAskExpertWrap .lpAskExpertWrapContent p.seeLink2 a {font-weight:700; margin-left:22px} #lpAskExpert h4 {font-size:14px; padding:55px 15px 5px 30px; color:#fff} #lpAskExpert .aeThanks {font-weight:700; padding-top:40px; padding-left:26px; width:260px; color:#fff} #lpAskExpert .aeLogin, #lpAskExpert a {font-weight:700; padding-top:20px; width:260px; color:#fff} #lpAskExpert .aeLogin {padding-left:26px} #lpAskExpert p.seeLink3 {background:url(/assets/greenerliving/content/images/bullets/btn_white_transparent_small.png) no-repeat; margin-left:26px; margin-top:10px} #lpAskExpert p.seeLink3 a {font-weight:700; padding-left:20px} /* Ecospace */ #ecospace{background:url(../img/eco.jpg) no-repeat; width:317px; height:219px} /* Greener Talk Forums */ #gtForums {} #gtForums .gtForumsHeader {background:url(../img/landing_greentalk_forumtop.gif) no-repeat left top; width:645px; height:27px} #gtForums .gtForumsFooter {background:url(../img/landing_greentalk_forumbottom.gif) no-repeat left bottom; width:645px; clear:both; height:27px} #gtForums .gtForumsBody {border-left:1px solid #9b2206; border-right:1px solid #9b2206; width:643px; display:block; float:left} #gtForums .gtForumsBody h3 {vertical-align:10px; margin-left:28px; padding-top:10px; font-size:15px} #gtForums .gtForumsBody p.gtMoreforums {display:inline; margin-left:28px; margin-top:10px; background:url(../img/btn_red.png) no-repeat left top} #gtForums .gtForumsBody p.gtMoreforums a {padding:2px 0; font-weight:700; margin-left:20px; color:#9b2206; font-size:11px} #gtForums .gtForumsBody p.seeLink {margin-left:28px; margin-top:10px; background:url(../img/btn_red.png) no-repeat left top} #gtForums .gtForumsBody p.seeLink a {font-weight:700; margin-left:20px; color:#9b2206; font-size:11px} #gtForums .gtForumsBody ul {margin:10px 0 0; padding:0} #gtForums .gtForumsBody li {background:url(../img/comments_doublebubble_red.png) no-repeat 28px 2px; font-size:11px; line-height:15px; padding:2px 0; margin-bottom:5px} #gtForums .gtForumsBody li.odd {background-color:#eedad5} #gtForums .gtForumsBody li.even {} #gtForums .gtForumsBody li h4 {margin-left:60px; font-size:9px} #gtForums .gtForumsBody li p {margin-left:28px; width:90%} #gtForums .gtForumsBody li span.gtFName {font-weight:700} #gtForums .gtForumsBody li span.gtPostcount {} #gtForums .gtForumsBody li a {text-decoration:underline; font-weight:700; color:#9b2206} /* Search green recipes */ #searchgreen {width:317px} #searchgreen form{padding:15px 0 5px; *margin-top:-5px} #searchgreen input{margin-left:22px} #searchgreen .search{border:1px solid #fff; color:#fff; display:block; font-weight:700; margin-top:5px} #searchgreen .left {float:left; padding:0 20px 0 15px} #searchgreen .right {float:right; width:150px} #searchgreen li {font-weight:400; padding-bottom:0} #searchgreen li a{display:block; text-decoration:underline} #searchgreen ul strong{color:#000} #searchgreen ul strong a {text-decoration:none} #searchgreen ul li strong a {text-decoration:underline; font-weight:400} #searchgreen #searchbgd {font-weight:700; text-align:right; text-indent:20px; color:#fff} #searchgreen .blockLinksearch {margin-left:0; margin-top:15px; padding-left:14px; padding-top:0} #searchgreen .blockLinksearch a {text-decoration:underline} /* Meal of the week */ #mealoftheWeek{width:317px} #mealoftheWeek div img {padding-bottom:-5px} /* what's this? huh? LM */ #mealoftheWeek span img {top:0; left:112px; margin:-29px 0 0 1px; float:right; z-index:100; position:relative} #mealoftheWeek ul {padding-left:15px; margin-left:5px} #mealoftheWeek li span {color:#000; list-style-type:disc; list-style-position:outside; font-weight:400; margin-left:5px; padding-left:15px} #mealoftheWeek li.first {margin-top:0; margin-left:5px; padding-left:15px} #mealoftheWeek li.last {margin-bottom:0; margin-left:5px; padding-left:15px} #mealoftheWeek p img{margin:5px 0 0} #mealoftheWeek .text{color:#000; padding-left:25px} #mealoftheWeek blockquote {margin-left:25px; line-height:1.4em; margin-bottom:5px} #mealoftheWeek .title{display:block; padding-top:10px; padding-left:25px; font-size:1.1em} #mealoftheWeek p.blockLinkmeal{margin-left:20px; margin-top:10px} #mealoftheWeek p a {display:block; text-decoration:none; white-space:nowrap} #mealoftheWeek .blockeatgreenerBody p {padding-left:25px !important} #mealoftheWeek .blockeatgreenerBody ul {padding-left:23px} #mealoftheWeek span {clear:both; float:none} .blockeatgreenerBody ul li {margin-left:10px; list-style:disc; padding-left:0 !important; line-height:1.3em; color:#000 !important} .blockeatgreenerBody ul li strong {padding:0; color:#229F9E} #mealoftheWeek .blockeatgreenerBody {height:auto} /* #mealoftheWeek .blockeatgreenerBody p {line-height:1.2em; margin-left:5px; color:#000; padding-left:25px} #mealoftheWeek .blockeatgreenerBody p strong {color:#229F9E} */ #mealoftheWeek p.blockLinkmeal {padding-left:16px !important} #mealoftheWeek p.blockLinkmeal a, #seasonalFoods p.blockLinkseasonal a {text-decoration:underline} #mealoftheWeek span.blust {background-position:6px 0 !important} /* Seasonal Foods */ #seasonalFoods{width:317px} #seasonalFoods ul {padding:0 0 20px 20px} #seasonalFoods li img{float:left; padding-right:15px} #seasonalFoods li {padding:10px 0 3px; font-weight:700; width:95%; line-height:1.3em; clear:left; list-style:none} #seasonalFoods li a {padding-left:0} #seasonalFoods li span {color:#000; font-weight:400} #seasonalFoods .save, #seasonalFoods .price, #seasonalFoods .now {color:red; padding-right:5px; font-weight:700} #seasonalFoods .save {display:block} #seasonalFoods .was{color:#ccc; padding-right:5px; font-weight:700; text-decoration:line-through; padding-left:0} #seasonalFoods p.blockLinkseasonal{margin:10px 0 0 25px !important; *margin:10px 0 0 21px !important} #seasonalFoods p a {display:block; text-decoration:none; white-space:nowrap; padding-left:0} /* My Recipe Book */ #myrecipebook{width:317px} #myrecipebook ul {padding:0 0 10px 15px; list-style:none} #myrecipebook ul li {clear:both; list-style:none} #myrecipebook li img {vertical-align:middle; padding:0 5px 6px 5px} #myrecipebook li a{padding-top:7px} #myrecipebook li .first{padding-top:0} #myrecipebook li .last{padding-bottom:5px} #myrecipebook li span {color:#000; font-weight:400} #myrecipebook .save, #myrecipebook .price, #myrecipebook .now {color:red; padding-right:5px; font-weight:700} #myrecipebook .was{color:#ccc; padding-right:5px; font-weight:700; text-decoration:line-through} #myrecipebook p.blockLinkrecipe{margin:0 0 0 25px !important; *margin:0 0 0 21px !important} #myrecipebook p a {display:block; white-space:nowrap; padding-left:15px} #myrecipebook p.seelink a {padding-left:0; margin-left:0 !important} #myrecipebook p {color:#000} #myrecipebook .title{padding:10px 0 0 25px} #myrecipebook p.blockLinkrecipe a, #myrecipelogin p.blockLinklogin a, #seasonalFoods p.blockLinkseasonal a, #mealoftheWeek p.blockLinkmeal a {float:left} #myrecipebook ul li.listRecipe {margin-left:5px} #myrecipebook ul li.listRecipe img {float:left} #myrecipebook ul li.listRecipe span {display:block; float:left; height:40px; line-height:15px; vertical-align:middle; width:80%} /* My Recipe Book login */ #myrecipelogin{width:317px} #myrecipelogin span {padding:0 0 3px 18px; margin-top:10px; display:block} #myrecipelogin p.blockLink{width:125px; margin:0 0 0 18px !important; *margin:0 0 0 21px !important} #myrecipelogin p a {display:block; text-decoration:none; padding-left:0} #myrecipelogin .text{color:#000; padding:0 0 0 10px !important; *margin:0 0 10px 10px} #myrecipelogin .left{width:177px; border:0; float:left; padding-top:10px} #myrecipelogin p.blockLink {margin-top:10px !important} #myrecipelogin p.blockLink a {text-decoration:underline} #myrecipelogin .blockeatgreenerBody div img {height:205px} /* Background Box */ #backgroundbox {background:url(../img/home/background_box.png)no-repeat; width:317px; height:219px; float:left; color:#fff} #backgroundbox h2{padding:32px 0 0 28px; color:#fff} #backgroundbox p {padding:3px 0 0 15px} #backgroundbox p a{font-weight:700; color:#fff} /* ** CALENDAR */ #calendar {width:317px; color:#fff} #calendar .calHeader {margin:0; padding:0; height:116px} #calendar .calFooter {background-color:#6d5c98; padding-top:20px} #calendar .calBody {margin:0; padding:0} #calendar .calBody .odd ul {background-color:#6d5c98} #calendar .calBody .even ul {background-color:#7c6da4} #calendar .calBody ul li {padding:5px 0 5px 28px; width:275px} #calendar .calBody ul li a {font-weight:700; color:#fff} #calendar .calBody ul li p.seeLink {background:url(/assets/greenerliving/content/images/bullets/btn_white_transparent_small.png) no-repeat} #calendar .calBody ul li p.seeLink a {font-weight:700; margin-left:20px; margin-bottom:8px} /* ** RATE BLOCK */ .filmrate {margin-bottom:20px; font-weight:700; color:#000; padding:0 0 2px 28px} .filmrate span {display:block; float:left; clear:left; margin-right:10px; float:left} .filmrate p.iFreezable {background:url(../img/recipeicon_freezable.gif) no-repeat; height:19px; float:left} .filmrate p.iDairyfree {background:url(../img/recipeicon_dairyfree.gif) no-repeat; height:19px; float:left} .filmrate p.iGlutenfree {background:url(../img/recipeicon_glutenfree.gif) no-repeat; height:19px; float:left} .filmrate p.iVegetarian {background:url(../img/recipeicon_vegetarian.gif) no-repeat; height:19px; float:left} .filmrate p.iWheatfree {background:url(../img/recipeicon_wheatfree.gif) no-repeat; height:19px; float:left} .filmrate p {padding:0 10px; margin:0} /* ** GO GREENER VIDEO BLOCK */ #videoBlock {padding:0 0 10px; width:317px; height:219px; float:left; color:#fff; font-family:verdana,sans-serif} #videoBlock .videoBox .videoBoxTitle {font-size:1.4em; margin-top:35px; padding-top:30px} #videoBlock .videoBox .videoBoxSubTitle {margin:.25em 0 .5em} #videoBlock .videoBox .videoBoxSubTitle a {font-size:12px; color:#fff; padding-top:5px; text-decoration:none} #videoBlock .videoBox .videoBoxSubTitle a:hover {text-decoration:underline} #videoBlock .videoBox .videoBoxImage {color:#fff; padding-top:5px; padding-bottom:5px} #videoBlock .XXXvideoBox, #videoBlock .videoBoxFooter {margin-left:26px} #videoBlock .videoBoxFooter a {font-size:12px; color:#fff} #lpBlogVideo {} #lpBlogVideo .lpBlogWrap {margin:0; padding:10px 0 0 24px; width:287px; color:#fff; height:219px} #lpBlogVideo .lpBlogWrap h2 {} #lpBlogVideo .lpBlogWrap .lpBlogWrapContent img {padding:10px 0} #lpBlogVideo .lpBlogWrap .lpBlogWrapContent a {color:#fff} #lpBlogVideo .lpBlogWrap .lpBlogWrapContent h3 {font-size:17px; padding-top:25px} #lpBlogVideo .lpBlogWrap .lpBlogWrapContent p {padding-top:5px} #lpBlogVideo .lpBlogWrap .lpBlogWrapContent p.seeLink {background:url(../img/btn_normalreverse.png) no-repeat} #lpBlogVideo .lpBlogWrap .lpBlogWrapContent p.seeLink a {font-weight:700; margin-left:16px; margin-bottom:8px} #videoPage {height:340px; margin:20px 0 25px 25px} /* image to silverlight */ .img2silver {width:580px; height:345px; position:relative} .img2silver img {position:absolute} /* hack for mozilla browsers */ html>/**/body .img2silver {z-index:-1} .imgOverlay {background:#000; -moz-opacity:.60; -khtml-opacity: .6; filter:alpha(opacity=60); opacity:.60; position:absolute; width:100%; height:100%; display:block} .txtOverlay {width:100%; padding:5%; position:absolute} .txtOverlay h3 {color:#fff !important; font-weight:700} .txtOverlay p {color:#fff !important; font-weight:700; margin:.5em 0} .txtOverlay a {color:#fff !important} #greenertalk {position:relative; top:0; left:0} #greenertalk .gtVideo {position:absolute; top:0; left:260px; float:none; height:219px; padding:0; zoom:1} #greenertalk .img2silver {position:absolute; width:360px; height:219px} #silverlightMedia {position:absolute; top:0; left:0; zoom:1} * html #greenertalk #silverlightMedia {left:-260px} /* Greener talk */ #greenertalk {width:645px; padding:0; margin:0; background:url(/assets/greenerliving/content/images/greenertalk.png) no-repeat scroll left top; height:219px} #greenertalk .gtVideoList {width:250px; float:left} #greenertalk .gtVideoList ul {margin:0; padding:0} #greenertalk .gtVideoList li {background:url(../img/greenertalkstrip.gif) no-repeat left top; height:34px} #greenertalk .gtVideoList li {font-size:11px; line-height:15px; font-weight:700; padding-bottom:4px} #greenertalk .gtVideoList li img {float:left; margin-right:5px} #greenertalk .gtVideoList li a {color:#000; text-decoration:none; display:block; width:240px; height:34px} #greenertalk .gtVideoList h3 {margin:38px 0 0 50px; font-size:14px; color:#fff; width:180px} #greenertalk .gtVideoList p.seeLink {background:url(/assets/greenerliving/content/images/btn_white_transparent_small.png) no-repeat; margin:10px 0 0 50px} #greenertalk .gtVideoList p.seeLink a {font-weight:700; margin-left:20px; margin-bottom:8px; color:#fff} #greenertalk .nogtSL {width:360px; height:219px; background-color:#ffdfdf} #greenertalk .gtVideo #vid1 .mediagtMsg, #greenertalk .gtVideo #vid2 .mediagtMsg, #greenertalk .gtVideo #vid3 .mediagtMsg {width:300px; margin-left:20px; padding-top:20px} /* Video wall - Featured Video */ #videowall {width:645px; padding:0; margin:0; background:url(/assets/greenerliving/content/images/header_videowall.jpg) no-repeat scroll left top; height:219px} #videowall .vwVideoContent {width:250px; _width:230px; float:left; color:#fff; margin:38px 0 10px 25px; _margin-left:10px} #videowall .vwVideoContent h2 {font-size:1.4em; width:210px} #videowall .vwVideoContent p {width:210px; font-size:.9em} #videowall .vwVideoContent p a {color:#fff; text-decoration:underline} #videowall .vwVideoContent .vwSubhead {margin-bottom:0; text-decoration:underline; font-weight:700} #videowall {position:relative; top:0; left:0} #videowall .vwVideo {position:absolute; top:0; left:260px; float:none; height:219px; padding:0; zoom:1} #videowall .img2silver {position:absolute; width:360px; height:219px} #videowall .vwSubhead {font-size:.9em} #videowall .vwSubhead {display:none} #videowall .vwVideoContent p {padding:5px 0} /* blockgreenerVideoWallHeader */ .blockgreenerVideoWallHeader{background:url(../img/header_videowall.jpg) no-repeat scroll 0 top; width:645px; height:219px} /* products */ .products {width:317px} .products ul {padding-left:25px} .products li {color:#000; list-style-type:disc; line-height:16px} .products .first {margin-top:0} .products .last {margin-bottom:0} .products img.products p {margin:5px 0 0} .products .text {color:#000 !important; line-height:16px; padding-left:10px} .products p.blockLink {position:relative; margin:10px 0 0 12px !important; line-height:140%} .products span.mark {margin-left:10px} .products .blockproductBody {padding-left:10px; height:195px; font-size:.9em} .products .blockproductBody p strong span{width:180px} .products .blockproductBody p a, .products .blockproductBody p strong {font-weight:700; margin-left:20px} .products .blockproductBody span strong {display:block; font-size:13px; font-weight:700; padding-top:5px; padding-left:10px} .products blockproductBody p.text {font-weight:700} .productBar {padding:0; margin:0} .productBar p {color:#fff; font-weight:700; padding-left:20px} /* last month winner */ #lastmonthwinner {height:219px; width:317px} #lastmonthwinner .lmwBody {float:right; padding:30px 15px 0 0; width:140px} #lastmonthwinner .lmwBody h3 {font-size:17px} #lastmonthwinner .lmwBody p {font-size:11px; line-height:15px} #lastmonthwinner .lmwBody p.seeLink {background:url(../img/btn_purplereverse.png) no-repeat left top; margin-top:5px} #lastmonthwinner .lmwBody p.seeLink a {font-weight:700; color:#000; margin-left:20px; display:block} /* how to watch videos */ #howtowatchvideos{width:316px} #howtowatchvideos .blockeatgreenerHeader {background:url(/assets/greenerliving/content/images/howtowatchvideos.jpg) no-repeat; width:316px; height:424px} #howtowatchvideos .blockeatgreenerBody {width:260px; margin-left:26px; padding-top:35px; font-size:.9em} #howtowatchvideos .blockeatgreenerBody div {padding-bottom:12px; color:#fff} #howtowatchvideos .blockeatgreenerBody div p {color:#fff} #howtowatchvideos .blockeatgreenerBody div a {color:#fff} #howtowatchvideos .blockeatgreenerBody p strong {margin-left:0} /* search forums */ #searchvideos{left:0; top:0; float:left; font-size:12px; color:#fff} #searchvideos .blockeatgreenerHeader{background:url(/assets/greenerliving/content/images/searchforums.png) no-repeat; width:179px; height:103px} #searchvideos #searchForm {padding:45px 0 0 15px; width:150px; text-decoration:underline} #searchvideos #btnG {background:url(/assets/greenerliving/content/images/btn_white_transparent_small.png) no-repeat scroll 0 0; color:#fff; display:block; font-weight:700; margin:.5em 0; text-align:right; text-indent:20px} /* forums */ #forums{left:0; top:0; float:left; font-size:12px; color:#fff} #forums .blockeatgreenerHeader{background:url(/assets/greenerliving/content/images/forums.png) no-repeat; width:637px; height:176px} #forums .textarea{width:370px; height:105px} #forums #searchForm{margin:-18px 0 0 !important; padding:0; width:600px; *margin:-18px 0 0 !important} #forums div.search{padding:13px 0 0 25px; float:left; font-weight:700} #forums fieldset{width:250px; margin:-18px 0 0 110px; *margin:-18px 0 0} #forums #q2 {width:70%} #forums p{padding:30px 0 0 25px; width:350px; margin:0} #forums #btnG {background:url(/assets/greenerliving/content/images/btn_white_transparent_small.png) no-repeat scroll 0 0; color:#fff; display:block; font-weight:700; margin:-17px -20px 0 0; text-indent:15px; text-decoration:underline; float:right; *margin:-17px 0 0} .floatingBox {clear:left; margin:10px 10px 10px 0; padding:0; width:206px !important} .floatingBox p {margin:10px; padding:0 0 0 2px} /* dans forums areas and side bar*/ .shForNav {margin:0; width:638px} .shForNav .shForNavHeader {background:url(../img/topfornav.gif) top left no-repeat; width:638px; height:28px; padding-top:10px} .shForNav .shForNavHeader a {color:#fff; text-decoration:none; font-weight:700; padding-left:120px} .shForNav .shForNavHeader a.sfnLeft {padding-left:20px} .shForNav .shfornavHold {border-left:1px solid #9b2207; border-right:1px solid #9b2207} .shForNav ul {width:300px; float:left} .shForNav ul.shfornavSix {float:left; padding-left:10px; width:326px} .shForNav ul li {width:290px; padding:5px 0 0 20px; clear:both} .shForNav ul li img {float:left; padding:10px} .shForNav ul li img.speach {float:none; padding:0; clear:left} .shForNav ul li span.shfrTex {display:block; padding-left:70px} .shForNav .shfornavBot {clear:both; background:url(../img/bottom_curve1.gif) top left no-repeat; width:638px; height:38px} .shForNav ul li a {color:#9b2206; font-weight:700} .forHowToPost {width:179px} .forHowToPostWrap {border-left:1px solid #6e5c98; border-right:1px solid #6e5c98; padding:10px; font-size:.9em} /* hack for mozilla browsers */ html>/**/body .forHowToPostWrap {margin-top:-4px} .forHowToPost p.h2post {padding:5px 0} .forHowToPost h3 {font-size:1.2em} .forHowToPostBot {background:url(../img/bottom_curve2.gif) top left no-repeat; height:33px} /* Sitemap */ .sitemap {font-size:.9em} .sitemap h1 {font:1.6em Verdana; color:#300; font-weight:700; padding-left:15px; padding-bottom:5px} .sitemap ul {margin:0; padding-left:25px} .sitemap ul li {margin-bottom:2px} /* ** STAR RATING */ .star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating {background:url(/assets/greenerliving/content/images/star.gif) left -1000px repeat-x} .star-rating {position:relative; width:125px; height:25px; overflow:hidden; list-style:none; margin:0; padding:0; background-position:left top} .star-rating li {display:inline} .star-rating a, .star-rating .current-rating {position:absolute; top:0; left:0; text-indent:-1000em; height:25px; line-height:25px; outline:none; overflow:hidden; border:none} .star-rating a:hover, .star-rating a:active, .star-rating a:focus {background-position:left bottom} .star-rating a.one-star-half {width:10%; z-index:10} .star-rating a.one-star {width:20%; z-index:9} .star-rating a.two-stars-half {width:30%; z-index:8} .star-rating a.two-stars {width:40%; z-index:7} .star-rating a.three-stars-half {width:50%; z-index:6} .star-rating a.three-stars {width:60%; z-index:5} .star-rating a.four-stars-half {width:70%; z-index:4} .star-rating a.four-stars {width:80%; z-index:3} .star-rating a.five-stars-half {width:90%; z-index:2} .star-rating a.five-stars {width:100%; z-index:1} .star-rating .current-rating {z-index:0; background-position:left center} /* for an inline rater */ .inline-rating{display:-moz-inline-block; display:-moz-inline-box; display:inline-block; vertical-align:middle} #greenHome {color:#72bc43; display:block; height:69px; left:0; position:absolute; top:22px; width:340px; text-indent:-200em} /* Greener Talk Forums (map to mzinga) */ div.ptcWidgetRecentDiscussionSummary {padding-right:0; padding-left:0; padding-bottom:0; color:#000; padding-top:0; background-color:#fff} div.ptcWidgetRecentDiscussionSummary div.ptcWidgetClearDiv {clear:both} div.ptcWidgetRecentDiscussionSummary a {line-height:15px; font-size:11px; font-weight:700; color:#9b2206; text-decoration:underline} div.ptcWidgetRecentDiscussionSummary a:link {line-height:15px; font-size:11px; font-weight:700; color:#9b2206; text-decoration:underline} div.ptcWidgetRecentDiscussionSummary a:visited {line-height:15px; font-size:11px; font-weight:700; color:#9b2206; text-decoration:underline} div.ptcWidgetRecentDiscussionSummary a:hover {line-height:15px; font-size:11px; font-weight:700; color:#9b2206; text-decoration:underline} div.ptcWidgetRecentDiscussionSummary a:active {line-height:15px; font-size:11px; font-weight:700; color:#9b2206; text-decoration:underline} div.ptcWidgetRecentDiscussionSummary div.ptcWidgetRecentDiscussionSummaryEntryEven {clear:both; float:left; width:100%; background:url(../img/comments_doublebubble_red.png) no-repeat 28px 2px; font-size:9px; line-height:15px; padding:2px 0; background-color:#fff; font-family:verdana,sans-serif; margin-bottom:5px; margin-top:5px} div.ptcWidgetRecentDiscussionSummary div.ptcWidgetRecentDiscussionSummaryEntryOdd {clear:both; float:left; width:100%; background:url(../img/comments_doublebubble_red.png) no-repeat 28px 2px; font-size:9px; line-height:15px; padding:2px 0; background-color:#eedad5; font-family:verdana,sans-serif; margin-bottom:5px; margin-top:5px} div.ptcWidgetRecentDiscussionSummary div.ptcWidgetRecentDiscussionSummaryFolder {clear:both; float:left; width:100%; font-size:9px; background:url(../img/comments_doublebubble_red.png) no-repeat 28px 2px; font-size:11px; line-height:15px; padding:2px 0; margin-bottom:5px} div.ptcWidgetRecentDiscussionSummary div.ptcWidgetRecentDiscussionSummaryFolder a {font-size:9px; text-decoration:underline; font-weight:700; color:#9b2206; margin-left:60px} div.ptcWidgetRecentDiscussionSummary div.ptcWidgetRecentDiscussionSummarySubjectLine {clear:left; float:left; width:100%; margin-left:28px} div.ptcWidgetRecentDiscussionSummary div.ptcWidgetRecentDiscussionSummarySubjectLine div.ptcWidgetRecentDiscussionSummarySubject a {float:left; color:#9b2206; font-weight:700; font-size:11px; line-height:15px; text-decoration:underline; margin-right:5px} div.ptcWidgetRecentDiscussionSummary div.ptcWidgetRecentDiscussionSummarySubjectLine div.ptcWidgetRecentDiscussionSummaryCount {clear:right; float:left} div.ptcWidgetRecentDiscussionSummaryMessage div.ptcWidgetRecentDiscussionSummaryMessageInfoLine{margin-right:5px; margin-left:28px; width:90%} div.ptcWidgetRecentDiscussionSummaryPoster {float:left; font-size:11px; margin-right:5px} div.ptcWidgetRecentDiscussionSummaryMessageDate {float:left; margin-right:5px; line-height:15px; font-size:11px} div.ptcWidgetRecentDiscussionSummaryMessageText {float:left; margin-right:5px; line-height:15px; font-size:11px} div.ptcWidgetRecentDiscussionSummaryLink {float:left; margin-right:5px; line-height:15px; font-size:11px; margin-left:28px; font-weight:700; color:#9b2206; text-decoration:underline} div.ptcWidgetRecentDiscussionSummaryDiscussionEntries {_width:582px} #recipecontentbox .socialBox {padding-top:10px} #recipecontentbox .socialBox .activity a {width:208px !important; float:left; padding:0; display:block; margin-top:5px} #recipecontentbox .socialBox .activity a span {padding-left:10px} #recipecontentbox .socialBox .activity form {float:left; padding:0; margin:0} #recipecontentbox .bookmarks ul {padding-top:20px !important} #mealoftheWeek .blockeatgreenerBody, #seasonalFoods .blockeatgreenerBody, #myrecipelogin .blockeatgreenerBody, #myrecipebook .blockeatgreenerBody {height:18em; min-height:18em; padding-bottom:10px} #recipecontentbox .contentPic .contentPic .foodIcons p.iFreezable, #recipecontentbox .contentPic .contentPic .foodIcons p.iDairyfree, #recipecontentbox .contentPic .contentPic .foodIcons p.iGlutenfree, #recipecontentbox .contentPic .contentPic .foodIcons p.iVegetarian, #recipecontentbox .contentPic .contentPic .foodIcons p.iWheatfree {padding:0 10px 0 35px !important; margin-top:10px !important} #recipecontentbox p.addIngredients {clear:both; float:right} /* temp hidden till function is built */ #recipecontentbox p.addIngredients {display:none} #pagination {clear:both; height:3em; margin-bottom:10px; background:#229F9E} #pagination p {float:left; margin:0 !important; padding-top:9px} #pagination p a {color:#fff !important} #pagination .prevNextTop {height:auto !important; float:right; padding-top:9px} #pagination .prevNextTop a {color:#fff !important; font-size:1.2em} #pagination .prevNextTop li {padding:0 10px; color:#fff} #mrbHead {position:relative; z-index:100; width:639px; height:129px} #mrbHead h2 {position:absolute; top:-12px; left:-1px; padding:40px 280px 50px 35px; margin:0; background:url(../img/recipeHeader.jpg) 0 0 no-repeat; color:#fff !important; font-size:1.1em} #shallowPurple #recipecontentbox span.sponsoredby {display:none} /* ** New GL pages 2010 */ .FOUC #glCarouselContainer {display: none} #glCarouselContainer {position:relative; width:657px} #glCarouselContainer ul {position:relative; height:268px} #glCarouselContainer ul h2 {text-align:center} #glCarouselContainer ul li {} #glCarouselContainer ul li img {position:absolute; top:0; left:0} ul#glHomeCarouselBtns {position:static; height:auto} #glHomeCarouselBtns li {float:left; display:inline; margin-right:.47em} #glHomeCarouselBtns li a {position:relative; display:block; width:160px; color:#f3f3f3; border-bottom:4px solid #fff; font-family:arial; font-size:128%; font-weight:700; line-height:210%; text-align:center; text-decoration:none} #glHomeCarouselBtns li.ui-state-default a.glCSection1 {position:relative; top:0; left:0; z-index:10; background: url(../img/tabs/Home_secnav_tabs_savemoney_colour.jpg) no-repeat 0 4px} #glHomeCarouselBtns li.ui-state-default a.glCSection2 {position:relative; top:0; left:0; z-index:10; background: url(../img/tabs/Home_secnav_tabs_seasonalfood_colour.jpg) no-repeat 0 4px} #glHomeCarouselBtns li.ui-state-default a.glCSection3 {position:relative; top:0; left:0; z-index:10; background: url(../img/tabs/Home_secnav_tabs_gogreeener_colour.jpg) no-repeat 0 4px} #glHomeCarouselBtns li.ui-state-default a.glCSection4 {position:relative; top:0; left:0; z-index:10; background: url(../img/tabs/Home_secnav_tabs_greeenertesco_colour.jpg) no-repeat 0 4px} #glCSection1 ul li li a {background:transparent url(../img/buttons/Home_secnav_savemoney_colour.gif) no-repeat 0 0; padding-left:16px} #glCSection2 ul li li a {background:transparent url(../img/buttons/Home_secnav_seasonalfood_colour.gif) no-repeat 0 0; padding-left:16px} #glCSection3 ul li li a {background:transparent url(../img/buttons/Home_secnav_gogreener_colour.gif) no-repeat 0 0; padding-left:16px} #glCSection4 ul li li a {background:transparent url(../img/buttons/Home_secnav_greenertesco_colour.gif) no-repeat 0 0; padding-left:16px} #glHomeCarouselBtns li.ui-state-default a:hover {background-position:0 -28px; border-top:4px solid #fff; line-height:160%; height:28px} #glHomeCarouselBtns li.last {margin-right:0} #glHomeCarouselBtns li.last a {*width:157px} /* fix IE */ ul#glHomeCarouselBtns li.ui-tabs-selected a.glCSection1, ul#glHomeCarouselBtns li.ui-tabs-selected a.glCSection2, ul#glHomeCarouselBtns li.ui-tabs-selected a.glCSection3, ul#glHomeCarouselBtns li.ui-tabs-selected a.glCSection4, ul#glHomeCarouselBtns li.ui-tabs-selected a:hover {position:relative; top:0; left:0; z-index:1000; line-height:210%; border-top:0 none; background:url(../img/tabs/Home_secnav_tabs_black_on.jpg) no-repeat 0 0} ul#glHomeCarouselBtns li.ui-tabs-selected a:hover {height:32px} .glcOverlay {background: url(../img/Home_promospace_blackpanel.png) no-repeat 0 0; height:61px; width:100%; position:absolute; bottom:0; left:0; font-family:arial} * html .glcOverlay {background:#000; filter:alpha(opacity=80); zoom:1} .glcOverlay h3 {font-weight:700; color:#f3f3f3; font-size:1.6em; margin-left:30px; margin-top:10px} .glcOverlay a {display:block; color:#94af7c; font-weight:700; text-decoration:none; font-size:1.1em; line-height:.9; margin-left:20px} .glcOverlay a:hover {background-position: 0 -12px !important} #glCarouselContainer div.glcOverlay ul {display:inline; float:left; margin:7px 0 0 10px; padding:0; height:auto} .glcOverlay li {float:left; display:inline} #glHomeProducts {position:relative; background:url(../img/Home_products_panel_top.gif) no-repeat 0 0; width:658px; height:auto; margin:0; clear:both; display:inline; float:left} .glHomeProdContainer {margin:14px 0 0; border-left: 1px solid #175d9b; border-right: 1px solid #175d9b; font-size:80%} .glHomeProdContainer h2 {line-height:14px; font-size:1.8em; width:50%} .glHomeProdContainer h2 img {display:block; position:absolute; top:0; left:0} .glHomeProdContainer .pList {position:relative; z-index:10; border-right:1px solid #175d9b; display:inline; float:left; margin-top:30px; padding-bottom:10px; width:163px; *width:162px} .glHomeProdContainer .pList ul {margin:0; padding:0; left:0; position:relative; top:0} .glHomeProdContainer .pList li {display:block; font-weight:700; font-size:1.4em; line-height:1.1; background-color:#fff; color:#555; *zoom:1} * html .glHomeProdContainer .pList li {position:relative} .glHomeProdContainer .pList ul:hover li img, .glHomeProdContainer .pList ul.iehover li img {-moz-opacity:.60; -khtml-opacity: .6; filter:alpha(opacity=60); opacity:.60} .glHomeProdContainer .pList ul:hover li p.productText, .glHomeProdContainer .pList ul.iehover li p.productText {color:#000; background-color:#eff7ff} .glHomeProdContainer .pList ul:hover li.buyItNow p a, .glHomeProdContainer .pList ul.iehover li.buyItNow p a {background-color:#eff7ff} .specialPNG {display:block; position:absolute; top:0; right:6px; width:57px; height:57px; z-index:1000} .doublepointsPng {background:url(../img/pings/Home_products_ping_doublepoints.png) no-repeat 0 0} .savePng {background:url(../img/pings/Home_products_ping_save.png) no-repeat 0 0} .hugedealsPng {background:url(../img/pings/Home_products_ping_hugedeals.png) no-repeat 0 0} .bigsaveCPng {background:url(../img/pings/Home_products_ping_bigsave.png) no-repeat 0 0} .bogofPng {background:url(../img/pings/Home_products_ping_bogof.png) no-repeat 0 0} .halfpricePng {background:url(../img/pings/Home_products_ping_halfprice.png) no-repeat 0 0} .youcouldsavePng {background:url(../img/pings/Home_products_ping_youcouldsave.png) no-repeat 0 0} .glHomeProdContainer li.ptrArrow {background: url(../img/Home_blue_price_panel_arrow.gif) no-repeat center 0; padding-top:7px} .glHomeProdContainer p.productText {background:#e1ebf4; margin:0 7px; padding:5px 7px; min-height:70px; *height:70px} .glHomeProdContainer li.buyItNow {} *:first-child+html .glHomeProdContainer li.buyItNow {display:inline} * html .glHomeProdContainer li.buyItNow {display:inline} .glHomeProdContainer li.buyItNow p {position:absolute; bottom:7px; margin:0 7px; padding:0} .glHomeProdContainer li.buyItNow p a {background:#e1ebf4 url(../img/buttons/Home_products_buynow_btn.gif) no-repeat 7px 0; display:block; color:#175d9b; text-decoration:none; line-height:.95; padding-left:25px} .glHomeProdContainer ul:hover li.buyItNow a, .glHomeProdContainer ul.iehover li.buyItNow a {background-position:7px -12px} .glHomeProdContainer div.last {border-right:0 none} .glHomeProdContainer .oldPrice {text-decoration:line-through; font-size:.8em} .glHomeProdContainer .currPrice {color:red} .glHomeProdContainer .from {font-size:.8em} #glHomeProducts .footer {position:relative; z-index:1; background:url(../img/Home_products_panel_bottom.gif) no-repeat 0 0; width:658px; height:14px; margin-top:-14px} .glHomeAllProducts {position:absolute; right:24px; top:0} .glHomeAllProducts a {background:url(../img/Home_products_see_all_btn.jpg) no-repeat 0 0; color:#eee; display:block; font-size:1.6em; font-weight:700; height:34px; line-height:2.2; text-decoration:none; text-indent:30px; width:163px; font-family:arial} .glHomeAllProducts a:hover {background-position: 0 -34px; color:#fff} #glHow2Vid {position:relative; background:#6fbd44 url(../img/Home_how_to_videos_panel_plusheader.gif) no-repeat 0 0; width:300px; height:152px} #glHow2Vid h2 {color:#0daaf3; font-size:12px; height:0; line-height:0; position:absolute; left:12px; top:6px} .seeAllVideos {position:absolute; left:168px; top:13px} .seeAllVideos a {background:url(../img/buttons/Home_how_to_videos_see_all_btn.png) no-repeat 0 0; color:#f3f3f3; display:block; font-size:1em; font-weight:700; height:12px; line-height:1; text-decoration:none; text-indent:16px} .seeAllVideos a:hover {background-position: 0 -12px; color:#fff} #videoCarousel {clear:both; padding-top:44px} #vcContainer {position:relative; top:0; left:35px; width:228px; zoom:1} #glHow2Vid #carouselInner {position:relative; display:block; float:left; height:102px; width:210px; padding:0 0 0 18px; overflow:hidden; background-color:#288421} ul#videoCarouselList {position:relative; left:-38px; list-style-type:none; margin:0; padding:0 38px; width:9999px} ul#videoCarouselList li {position:relative; float:left; width:230px; padding:0 18px; margin:0} ul#videoCarouselList li img {cursor:pointer; cursor:hand; border:0; display:block} ul#videoCarouselList li a {display:block; text-decoration:none} ul#videoCarouselList li span {background:#288421 url(../img/buttons/Home_how_to_videos_play_icon.gif) no-repeat 7px center; color:#fff; font-weight:700; display:block; text-indent:30px; position:relative; width:100%; z-index:1000; top:0; left:-38px; padding:4px 0 5px; cursor:pointer; cursor:hand} #leftScroll, #rightScroll {position:absolute; top:44px; z-index:1000; height:76px; width:38px; background:#3c9e39; text-align:center; zoom:1} #leftScroll {left:35px} #rightScroll {right:37px} #leftScroll img, #rightScroll img {cursor:pointer; cursor:hand; margin-top:20px} ul#videoCarouselList li a span.playbutton {background:url(../img/buttons/how_to_videos_play_btn.png) no-repeat 0 0; height:23px; left:82px; position:absolute; top:30px; width:23px; z-index:100; zoom:1} #goGreenerTop {background: #6fbd43 url(../img/gg_promo_image_example.jpg) no-repeat 0 0; width:651px; height:250px} #goGreenerTop h2 {height:0; color:#0eaaf4} * html #goGreenerTop h2 {display:none} #goGreenerTop .goGreenerTopContent {width:190px; color:#fff; left:14px; position:relative; top:68px} #goGreenerTop .goGreenerTopContent h3 {font-size:140%; padding:10px 0 0} #goGreenerTop .goGreenerTopContent p {font-size:140%} #goGreenerTop .goGreenerTopContent ul {margin:0; padding:8px 0 0} #goGreenerTop .goGreenerTopContent li {line-height:1.2; margin-bottom:7px; clear:left} #goGreenerTop .goGreenerTopContent li a {text-decoration:none; color:#fff; margin-left:18px; display:block} *:first-child+html #goGreenerTop .goGreenerTopContent li a {float:left; margin-left:8px} * html #goGreenerTop .goGreenerTopContent li a {float:left; margin-left:8px} * html #goGreenerTop .goGreenerTopContent li {margin-bottom:5px} #goGreenerTop .goGreenerTopContent li a:hover {color:#7ed3fb} #goGreenerTop .goGreenerTopContent li span {background: url(../img/buttons/gg_promopanel_btn.png) no-repeat 0 0; width:12px; height:12px; float:left; padding:0; margin:0; display:block; overflow:hidden} #goGreenerTop .goGreenerTopContent ul li:hover span, #goGreenerTop .goGreenerTopContent ul li.iehover span {background-position: 0 -12px} #ggProductsContainer {margin:15px 0} #ggProductsContainer .footer {clear:both; background:url(../img/gg_feature_pane_bottom.png) no-repeat 0 0; width:652px; height:14px} .ggProducts {background:url(../img/gg_feature_pane_top.png) no-repeat 0 0; width:652px; height:14px} .ggTabContainer {padding:0; margin-top:-4px; display:inline; float:left; height:656px} #ggTabs {} #ggTabs ul.ggButtons {margin:0; padding:0} #ggTabs .ggButtons li {float:left; display:inline; line-height:2; margin-right:8px; background:#fff url(../img/tabs/gg_feature_blue_tab-l.gif) no-repeat scroll left 1px} .ggButtons li a {color:#fff; font-weight:700; text-decoration:none; display:block; padding-left:20px; white-space:nowrap; z-index:2; top:1px; position:relative} .ggButtons li a:hover {color:#dfdfdf} .ggButtons li a span {background:url(../img/tabs/gg_feature_blue_tab-r.gif) no-repeat right top; display:inline; float:left; padding:2px 20px 6px 0} #ggTabs ul.ggContent {width:630px; padding:8px 10px 0; float:left; display:inline; border-left:1px solid #0eaaf4; border-right:1px solid #0eaaf4; height:650px} #ggTabs ul.ggContent li {position:relative; top:0; left:0; width:133px; padding:10px 12px; float:left; display:inline; text-align:center; min-height:146px} * html #ggTabs ul.ggContent li {height:142px} #ggTabs ul.ggContent li img {-moz-opacity:1; -khtml-opacity:1; filter:alpha(opacity=100); opacity:1} #ggTabs ul.ggContent li:hover, #ggTabs ul.ggContent li.iehover {background-color:#efefef} #ggTabs ul.ggContent li:hover img, #ggTabs ul.ggContent li.iehover img {-moz-opacity:.80; -khtml-opacity: .8; filter:alpha(opacity=80); opacity:.80} #ggTabs ul.ggContent li:hover h3, #ggTabs ul.ggContent li.iehover h3 {color:#1d779f} #ggTabs ul.ggContent h3 {color:#0eaaf4; font-weight:400; font-size:1em; line-height:1.2; margin-left:3px; width:130px} span.newOverlay {background:url(../img/gg_features_new_strap.png) no-repeat 0 0; display:block; position:absolute; top:10px; left:16px; width:66px; height:55px; z-index:100} #ggTabs .ggButtons li.ui-tabs-selected a {background:url(../img/tabs/gg_feature_white_tab-l.gif) no-repeat left top} #ggTabs .ggButtons li.ui-tabs-selected a span {background:url(../img/tabs/gg_feature_white_tab-r.gif) no-repeat right top; color:#0daaf3} #ggTabs .ggButtons li.ui-state-default {position:relative} #ggTabs .ggButtons li.ui-state-active {position:relative} #glHow2Vidvert {position:relative; background: url(../img/gogreener5_slices_07.gif) no-repeat 0 0; width:300px; height:346px} #howtovideo {clear:both; padding-top:90px} #howtovideos {padding-top /*\**/:70px\9} /* IE8 hack! */ #h2vContainer {position:relative; display:inline; float:left; zoom:1} #howtovideo #carouselInner {position:relative; display:block; top:0; left:0; float:left; height:213px; margin:0; overflow:hidden} ul.h2vCarouselList {position:relative; top:-66px; left:0; list-style-type:none; margin:0; padding:0 0 28px; height:9999px} ul.h2vCarouselList h4 {font-weight:700; line-height:1.2; color:#fff; float:left; margin:2px 0 0 12px; width:24%; font-size:1em} ul.h2vCarouselList li {position:relative; width:98%; top:0; left:0; min-height:66px; padding:0; margin:-1px 0 6px; display:inline; float:left; *height:66px} ul.h2vCarouselList li img {cursor:pointer; cursor:hand; border:0; margin:8px 5px 0 0; float:left; display:block} ul.h2vCarouselList li a {display:block; height:100%; color:#eee; margin-left:90px; text-decoration:none; line-height:1.2} ul.h2vCarouselList li a:hover img {-moz-opacity:.80; -khtml-opacity: .8; filter:alpha(opacity=80); opacity:.80} ul.h2vCarouselList li a:hover {color:#fff} ul.h2vCarouselList li span {display:block; line-height:1.1; padding-top:8px; background-color:#2b9228} ul.h2vCarouselList li span.playbutton {position:absolute; background:url(../img/buttons/how_to_videos_play_btn.png) no-repeat 0 0; width:23px; height:23px; left:122px; padding:0; margin:0; position:absolute !important; top:22px; z-index:100} #upScroll, #downScroll {width:100%; color:#000; zoom:1} #upScroll img, #downScroll img {position:absolute; left:168px; cursor:pointer; cursor:hand} #upScroll img {top:-28px} #downScroll img {bottom:-28px} /* Greener products page */ .FOUC #gProductsContainer {display: none} #gProductsContainer {margin:15px 0; width:531px} #gProductsContainer .footer {clear:both; background:url(../img/product_pane_bottom.jpg) no-repeat 0 0; width:531px; height:17px} .gpBlueband {position:absolute; display:block; width:100%; background-color:#175d9b; height:52px} .gTabContainer {display:inline; float:left; position:relative; top:0; left:0; min-width:530px; border-left:1px solid #175d9b; border-right:1px solid #175d9b; border-top:1px solid #175d9b; height:652px} .gTabContainer h2 {top:4px; left:-1px; clear:left; padding-bottom:41px; color:#999; position:relative; font-size:80%; width:90%} .gTabContainer h2 img {display:block; position:absolute; top:0; left:0; width:auto} #gTabs {} #gTabs ul.gButtons {margin:0; padding:0} #gTabs .gButtons li {float:left; display:inline; line-height:2; margin-right:8px; padding-left:4px; background:#fff url(../img/tabs/product_secnav_homebtn-l.gif) no-repeat left 1px} .gButtons li a {color:#175d9b; font-weight:700; text-decoration:none; display:block; padding-left:18px; white-space:nowrap; top:1px; position:relative} .gButtons li a:hover {color:#fff} .gButtons li a span {background:url(../img/tabs/product_secnav_homebtn-r.gif) no-repeat right top; font-size:120%; display:inline; float:left; padding:0 22px 2px 0} #gTabs ul.gContent {position:static; top:0; left:0; display:inline; float:left; margin:0 0 0 -12px} #gTabs ul.gContent[class] {margin:0} #gTabs .gContent li {position:relative; top:0; left:0; float:left; margin:0 0 10px 12px; text-align:center; width:162px; height:258px} #gTabs .gContent[class] li {margin:0 7px 10px} #gTabs .gContent .specialPNG {top:46px} #gTabs .gContent h3 {background-color:#e1ebf4; color:#175d9b; font-size:97%; position:relative; line-height:1.3; padding:8px 5px 4px 20px; zoom:1} #gTabs .gContent h3 span {position:absolute; top:9px; left:5px; background:url(../img/buttons/product_pane_bullitpoint.png) no-repeat 0 0; width:12px; height:12px; line-height:12px; display:block} #gTabs .gContent li p {background-color:#e1ebf4; color:#474747; padding:0 5px 15px; line-height:1.2} #gTabs .gContent li:hover .ptrArrow a img, #gTabs .gContent li.iehover .ptrArrow a img {-moz-opacity:.80; -khtml-opacity: .8; filter:alpha(opacity=80); opacity:.80} #gTabs .gContent li:hover h3 span, #gTabs .gContent li.iehover h3 span {background-position:0 -12px} #gTabs .gContent li:hover h3, #gTabs .gContent li.iehover h3 {background-color:#eff7ff} #gTabs .gContent li:hover p, #gTabs .gContent li.iehover p {background-color:#eff7ff; color:#000} #gTabs .gButtons li.ui-tabs-selected {padding-left:4px; background-position: left -29px} #gTabs .gButtons li.ui-tabs-selected a span {background-position: right -30px; padding-right:22px; color:#fff} #gTabs .gButtons li.ui-state-default {position:relative} #gTabs .gButtons li.ui-state-active {position:relative} .gSubNavContainer {background-color:#175d9b; padding: 10px 0 0} .gSubNavContainer .gpSubNav li.ui-tabs-selected {background: url(../img/product_thirdnav_white_arrow.gif) no-repeat center bottom} .gSubNavContainer .gpSubNav li.ui-tabs-selected a span {background-color:#fff; color:#175d9b; margin-bottom:7px; font-family:helvetica} .gSubNavContainer .gpSubNav li.ui-tabs-selected a:hover span {color:#175d9b} .gSubNavContainer .gpSubNav li.ui-state-default {} .gSubNavContainer .gpSubNav li.ui-state-active {} .gContent div.ptrArrow {background: url(../img/Home_blue_price_panel_arrow.gif) no-repeat center bottom; padding-bottom:7px} ul.gpSubNav {margin:0 auto 0 4px; padding:0; font-size:.9em} ul.gpSubNav li {width:74px; display:table; position:relative; overflow:hidden; line-height:1.2; min-height:42px; *height:42px} ul.gpSubNav li a {display:table-cell; vertical-align:middle; text-align:center; font-family:helvetica; float:none !important; height:42px} ul.gpSubNav li a:hover span {color:#b0d6f7} ul.gpSubNav li a span {display:block; text-align:center; color:#fff; font-weight:700; padding:5px 0; margin:0 auto 7px; padding:4px 4px 4px 2px; width:90%; font-family:helvetica} #monthHighlights {width:300px} #monthHighlights h2 {position:relative; top:10px; left:0; display:block; font-size:80%} #monthHighlights h2 img {position:absolute; top:-10px; left:0} #monthHighlights .footer {background: url(../img/product_highlights_footer.gif) no-repeat center 0; height:20px} #monthHighlightsContainer {border-left:1px solid #175d9b; border-right:1px solid #175d9b; *padding-bottom:1px} #monthHighlightsContainer ul {margin:0 14px; padding:27px 0 0} #monthHighlightsContainer li {line-height:32px; padding:0; _height:32px} #monthHighlightsContainer li a {text-decoration:none; font-weight:700; color:#175d9b; line-height:32px; _display:block} #monthHighlightsContainer li.odd {background-color:#e1ebf4} #monthHighlightsContainer li a span {background: url(../img/buttons/highlights_pane_bullitpoint_off.png) no-repeat 0 1px !important; margin-left:8px; padding-left:20px} #monthHighlightsContainer li:hover a, #monthHighlightsContainer li.iehover a {color:#000} #monthHighlightsContainer li:hover a span, #monthHighlightsContainer li.iehover a span {background: url(../img/buttons/highlights_pane_bullitpoint_on.png) no-repeat 0 1px !important} #productOffers {width:300px} #productOffers h2 {position:relative; top:10px; left:0; display:block; font-size:80%} #productOffers h2 img {position:absolute; top:-10px; left:0} #productOffers .footer {clear:both; background: url(../img/product_offers_footer.gif) no-repeat 0 0; height:14px} #prodOffersContainer {float:left; display:block; margin-top:15px; border-left:1px solid #eb2404; border-right:1px solid #eb2404} #prodOffersContainer ul {clear:both; margin:0; padding:5px 0} #prodOffersContainer li {text-align:center; color:#555; font-weight:700; margin:5px 14px; display:inline; float:left; -moz-opacity:1; -khtml-opacity: 1; filter:alpha(opacity=100); opacity:1} #prodOffersContainer .ptrArrow {width:85px; float:left; background: url(../img/product_offers_bluearrow.gif) no-repeat right center; padding-right:7px} #prodOffersContainer .productText {width:158px; background-color:#e1ebf4; padding:4px 10px; float:left} #prodOffersContainer li p {padding-bottom:4px} #prodOffersContainer li:hover .ptrArrow img, #prodOffersContainer li.iehover .ptrArrow img {-moz-opacity:.80; -khtml-opacity: .8; filter:alpha(opacity=80); opacity:.80} #prodOffersContainer li:hover .buyItNow a, #prodOffersContainer li.iehover .buyItNow a {background-position:0 -12px} #prodOffersContainer li:hover .productText, #prodOffersContainer li.iehover .productText {background-color:#eff7ff; color:#000} #prodOffersContainer li:hover .productText .buyItNow a, #prodOffersContainer li.iehover .productText .buyItNow a {background-color:#eff7ff} #prodOffersContainer .buyItNow {} #prodOffersContainer .buyItNow a {background:#e1ebf4 url(../img/buttons/Home_products_buynow_btn.gif) no-repeat 0 0; display:block; color:#175d9b; text-decoration:none; line-height:0.95; font-size:110%; padding-left:17px} #prodOffersContainer .oldPrice {text-decoration: line-through; font-size:.8em} #prodOffersContainer .currPrice {color:red} #prodOffersContainer .from {font-size:.8em} /* Go Greener page */ .glh2vButtons {position:absolute !important; top:90px; left:5px; z-index:100; width:84px} .glh2vButtons li {display:table; width:79px; overflow: hidden; height:44px} .glh2vButtons li a {display:table-cell; vertical-align:middle; font-weight:700; color:#fff; margin:0 0 0 12px; font-size:1em; text-decoration:none; line-height:1.2} .glh2vButtons[class] li a {float:none !important; padding-left:12px} .glh2vButtons li a span {background-color:#6fbd44} .glh2vButtons li a:hover {color:#eee} *:first-child+html .glh2vButtons li {height:44px} *:first-child+html .glh2vButtons li a {position:absolute; top:50%} *:first-child+html .glh2vButtons li a span {position:relative; top:-50%; display:block; width:90%} *:first-child+html .glh2vButtons li a {padding-left:0} * html .glh2vButtons li {height:44px} * html .glh2vButtons li a {position:absolute; top:50%} * html .glh2vButtons li a span {position:relative; top:-50%; display:block; width:90%} .glh2vButtons li.ui-tabs-selected {background:url(../img/gogreener5_slices_41.gif) no-repeat 0 0; outline:none} .glh2vButtons li.ui-tabs-selected a span {background-color:#2b9228} #waiting {width:100%; height:auto; display:none} #waiting p {text-align:center} .waitMod {border-left:1px solid #0eaaf4; border-right:1px solid #0eaaf4} .ggPagNav {height:20px; padding-top:10px; border-left:1px solid #0eaaf4; border-right:1px solid #0eaaf4} .ggPagNav p {margin:0 0 0 24px; padding:0} .ggPagNav .page-nav {float:left} .ggPagNav .page-nav a {display:block; float:left; color:#0daaf3; text-decoration:none; text-align:center; background: url(../img/gg_pag_button.gif) no-repeat -1px 0; height:20px; width:20px; margin:-3px 2px 0; line-height:20px} .ggPagNav .page-nav a:hover {background-position:0 -20px; color:#fff; font-weight:700} .ggPagNav .page-nav span {float:left; line-height:1; margin-right:8px; color:#0daaf3; font-weight:700} .ggPagNav .page-nav .current-page {font-weight:700} .ggPagNav .nav-prev-list, .ggPagNav .nav-next-list {float:left} .ggPagNav .nav-next-list {margin-left:5px} .ggPagNav .nav-prev-list a {background:url(../img/gg_pag_arrowleft.gif) no-repeat 0 0; display:block; float:left; padding-right:5px; height:14px; width:12px; line-height:14px; overflow:hidden} .ggPagNav .nav-next-list a {background:url(../img/gg_pag_arrowright.gif) no-repeat 0 0; display:block; float:left; padding-left:5px; height:14px; width:12px; line-height:14px; overflow:hidden} .ggPagNav .nav-prev-list a:hover, .ggPagNav .nav-next-list a:hover {background-position:0 -14px} .copyright { color:#656565; font-family:Verdana; font-size:.7em; font-weight:400; line-height:1.5em; margin-top:5px; text-align:center} #ratelayer {left:180px} /* Visible only to Opera */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { #glHomeCarouselBtns li {margin-right:.45em} .glcOverlay a {line-height:.95} #glHow2Vid h2 {top:12px} } /* Safari/Chrome hacks */ @media screen and (-webkit-min-device-pixel-ratio:0) { #ggTabs ul.ggContent h3 {margin-top:2px} .glcOverlay a {line-height:.95} #gTabs .gContent h3 span {top:7px} #prodOffersContainer .buyItNow a {line-height:1} #monthHighlightsContainer li a {display:block; line-height:2.8} }