/* global styles */ HTML, FORM, BODY { height: 100%; } *html #body { height: 100%; } * html .clear { height: 1%; } * html .clearf { height: 1%; } BODY { margin: 0; padding: 0; text-align: center; font-family: Georgia, Times New Roman, Verdana, Arial; font-size: 12px; color: #545454; margin-top:-12px; #margin-top:0px;} A { text-decoration: none; } A:hover { text-decoration: none !important; } IMG {border: none;} INPUT { font-family: Georgia, Times New Roman, Verdana, Arial; } SELECT { font-family: Georgia, Times New Roman, Verdana, Arial; } #tck { display: none; } .htitem {*float: left; } .topic {margin-left: 5px; } html>body #body { position: relative; width: 974px; min-height: 100%; margin: 0px auto; text-align: left; } #body #fullcontent { margin: 0px 10px; } .ms-WPBody { font-family: Georgia, Times New Roman, Verdana, Arial; color: #545454; font-size: 12px; text-align: left; } .ms-WPBody A:link { text-decoration:none;} .ms-WPBody A:visited { text-decoration:none;} .ms-WPBody TD{ font-family: Georgia, Times New Roman, Verdana, Arial; font-size: 12 px;} .divider { border-bottom: 1px solid #e6e6e6; font-size: 18px; clear:both;} html>body #intro {position: relative; width : 954px; overflow: hidden; margin-left: -6px; margin-top:-7px;} #intro {position: relative; width : 952px; overflow: hidden; margin-left: -6px; margin-top:-7px;} DIV.clear { clear: both; } .spotlightsTout-new .clear{ clear: both; font-size:1px; line-height:0px } .nowrap {white-space: nowrap;} /**************************************************************************************************/ /* DO NOT CHANGE THESE LINES. THEY ARE CORRECT, MATCH PRODUCTION, AND AFFECT THE ENTIRE SITE*/ .maincontent { margin: 17px 0px 0px 6px; } html>body .maincontent { margin: 7px 0px 0px 6px; } .editorial { float: right; width: 707px; } * html .editorial { float: right; width: 707px; } .editorial .content { float: left; width: 463px; position: relative; margin-left:0px; } *html .editorial .content { float: left; width: 459px; position: relative; margin-left:0px; } /**************************************************************************************************/ .editorial .article { float: left; width: 425px; position: relative; line-height: 16px; text-align:left;} .editorial .hot TD { padding:0px; } .article .sectionheader { margin-bottom:0px; } .editorial .content .challengeform { float: left; position: relative; margin-left: 10px; } .content .challengeform h4 {*font-size:16px !important;} .editorial .content .challengearticle { float: left; position: relative; } .editorial .resources { float: right; width: 244px;} .promo { } /* right styles */ /* ie6 */ .resources {margin-right: 0px;} html>body .resources {margin-right: 0px;} .resources .promo { width: 244px; margin-top: 35px; } .resources .promo .spotlights { float: right; width:220px; } .resources .promo .spotlights h4 { font-size:17px; font-weight:bold;} html>body .resources .promo { width: 244px; margin-top: 35px; } html>body .resources .promo .spotlights { float: right; width:220px; } .resources .promo H4 { margin: 0px; padding: 0px; text-transform: lowercase; } .resources .promo .divider { background: #e5e5e5; height: 1px; margin: 5px 0px 0px 0px; font-size: 1px; line-height: 1px; } .resourcesGFC .promo .divider { background: #e5e5e5; height: 2px; margin: 5px 0px 0px 0px; font-size: 1px; line-height: 1px; border:0px; } .resources .promo A { border-bottom: 1px solid #e5e5e5; display: block; } .resources .mostpopular { width: 244px; height: 372px; background: #f2ecdf; padding-bottom:10px;} * html .resources .mostpopular { width: 244px; height: 372px; background: #f2ecdf; padding-bottom:10px; margin-left:2px;} /* ie6 */ .resources .mostpopular .items { width:208px; padding: 15px 0px 0px 15px; font-family: Georgia, Times New Roman, Verdana, Arial; font-size:12px;} .resources .mostpopular .items h3 { font-family: Georgia, Times New Roman, Verdana, Arial; font-size:20px; font-weight:bold;} html>body .resources .mostpopular .items { width: 229px; /* DW Fix */ padding: 0px 0px 0px 15px; font-family: Georgia, Times New Roman, Verdana, Arial; font-size:12px;} .resources .mostpopular .items .link { border-top: 2px solid #e0c8a4; padding-top: 10px; margin-bottom: 15px; } .resources .mostpopular OL { margin: 10px 0px 0px 0px; padding: 5px 0px 0px 24px; border-top: 2px solid #ece3cf; } .resources .mostpopular OL LI { margin-left: 0px; margin-right:5px; padding-left: 0px; border-bottom: 1px solid #ece3cf; padding: 5px 5px 5px 0px; color: #48261a;}/*added 5px padding left ssu*/ .resources .mostpopular OL LI A { } .resources .mostpopular OL LI A:hover { } .resources .mostpopular H3 { font-size: 13px; text-transform: lowercase; margin: 0px 0px 0px 0px; padding: 0px; } .resources .promotop .promo { height:auto; margin-top:0px }; .resources .promobottom { height: auto; margin-top: 35px; } .resources .promobottom1 { height: auto; margin-top: 15px; } .resourcesGFC .promobottom { height: auto; margin-top: 35px; } .resources UL.download { margin: 0px; padding: 0px; list-style: none; } .resources UL.download LI { padding: 20px 20px 20px 20px; margin:0px;} .resources UL.download LI IMG { float: left; border: 3px solid #ffffff; margin-right: 10px; } .resources UL.download LI DIV { margin-left: 30px; } .resources UL.download LI DIV A { color: #ffffff; display: block; } .resources UL.download LI DIV A.download { font-size: 13px; font-weight: bold; margin-bottom: 2px; text-transform: lowercase; } .articleresource { background: #fef1de; padding-top: 15px; } .resources .slm-layout-main { width:100%;} .resources H3 { font-size: 21px; font-weight: normal; margin: 0 0 0 15px; text-transform: lowercase; } .resources .divider { background: #e4d8c7; height: 2px; margin: 8px 0 10px 15px; font-size: 1px; line-height: 1px; } .resourcesGFC .divider { background: #e4d8c7; height: 2px; margin: 5px 0px 10px 15px; font-size: 1px; line-height: 1px; } .resources .divbtm { margin-top: 20px; height: 1px; } .resources .text { margin: 0 15px; padding-bottom: 15px; line-height: 16px; } .resources .articleresource .divider {background: none; height: 1px; margin: 4px 0 10px 15px; font-size: 1px; line-height: 1px; border-bottom:2px solid #E4D8C7;} .resources UL { margin: 0px 0px 0px 15px; padding: 0px; } .resources UL LI { list-style: none; margin: 0px 0px 5px 0px; /*padding: 0px 15px 0px 0px;*/ padding:0; } .resources .signuptout { margin-left: 0px; /* Margin to 0px from 15px */padding-top: 70px; } .articleresourcelinks { background: #f2ecdf; margin-top: 0px; padding: 15px 0px; width:244px } .articleresourcelinks UL { margin: -5px 0px 0px 15px; padding: 0px; } .articleresourcelinks UL LI { list-style: none; margin: 5px 0px 0px 0px; padding: 0px 15px 5px 0px; border-bottom: 1px solid #e0c9a9; } .articleresourcelinks UL LI.last { border-bottom: none; padding: 0px; } .resources UL.articlemorelinks { margin: 5px 0px 0px 15px; padding: 0px; } .resources UL.articlemorelinks LI { list-style: none; padding: 0px 5px 0px 0px; } .resources UL.articlemorelinks LI.first { border-top: none; padding: 0px; } .articletextblock { } .facts { margin: 0px 0px 0px 14px; } .facts .credit { margin: 10px 0px; } TABLE.nutrition { width: 100%; } TABLE.nutrition TR { } TABLE.nutrition TD { width: 50%; padding: 4px 0px 7px 0px; border-bottom: 1px solid #e5d8c7; } TABLE.nutrition TD.value { text-align: right; } TABLE.nutrition TD.value SPAN { padding-right: 15px; } .articleresource .nutritionfacts { padding-bottom:5px; } /* end right styles */ /* left styles */ .sidebar { float: left; width: 237px; } * html .sidebar { float: left; width: 237px; overflow:hidden } .sidebar .items { margin: 25px 5px 0px 3px; } .sidebar .items .finderrouter .divider{background:none; border-bottom:solid 2px #e5e5e5;} .sidebar .items .finderrouter h4 {font-size:17px; } .sidebar .challengetoutFirst { margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; border-bottom: solid 1px #e3e3e3; } .sidebar .challengetout { margin: 30px 20px 0px 0px; padding: 0px 0px 10px 0px; border-bottom: solid 1px #e3e3e3; line-height: 16px; } .sidebar .challengetout .banner { margin-left: -6px; } .sidebar .challengetout IMG { margin-left: -3px; } .sidebar H4 { margin: 0px; padding: 0px; text-transform: lowercase; } .sidebar .divider { background: #e5e5e5; height: 2px; margin: 5px 0px 10px 0px; font-size: 1px; line-height: 1px; } .articletip { width: 229px; padding-bottom: 15px; margin-bottom: 45px; } .articletip .sidetip { position: relative; width: 229px; margin-bottom: 10px; } .articletip .divider { height: 1px; } .articletip .sidetipc { cursor: pointer; } .articletip .sidetip .tiptext { float: left; width: 115px; line-height: 16px; padding-top: 8px; }/*Modified width from 115px to fix helpful Tips*/ .articletip .sidetip .tiptype { float: left; padding: 5px 10px 10px 0px; } .articletip .sidetip .tipstate { position: absolute; top: 75px; right: 10px; } .minisitemap { margin: 0px 10px 50px 3px; } .minisitemap h4 { font-size:16px; } .minisitemap A { text-transform: lowercase; } .minisitemap .intro { font-size: 15px; font-weight: bold; margin-bottom: 20px; } .minisitemap A.section { font-size: 15px; font-weight: bold; color: #666; } .minisitemap .subpages { margin-top: 5px; } .minisitemap .divider { height: 1px; margin-top: 10px; } div.pnlSubscribeMenu { visibility: hidden; margin: 0px 0px 0px 20px; } div.pnlSubscribeMenu ul { padding: 8px 0px 0px 25px; *padding: 8px 0px 0px 0px; _padding: 8px 0px 0px 0px; } @media screen and (-webkit-min-device-pixel-ratio:0) { div.pnlSubscribeMenu ul { padding: 28px 0px 0px 40px; *padding: 8px 0px 0px 0px; _padding: 8px 0px 0px 0px; } } *html div.pnlSubscribeMenu ul{padding: 8px 0px 0px 0px;} div.pnlSubscribeMenu ul li { line-height: 1; list-style-type: none; padding: 0px; margin: 0px; } div.pnlSubscribeMenu ul li .divider { background: #e5e5e5; height: 1px; margin: 7px 0px 4px 0px; font-size: 1px; line-height: 1px; width: 110px; } div.subscribeMenuBg { behavior: url( '/_layouts/SCJohnson/RightAtHome/Scripts/iepngfix.htc' ); width: 170px; height: 100px; } #pnlSubscribe .subscribeMenuItem .divider { border:none; } /* end left styles */ /* middle styles */ .previous, .next { cursor: pointer; } .landinggroup .landinggallery .next img, .landinggroup .landinggallery .previous img {behavior: url('/_layouts/SCJohnson/RightAtHome/Scripts/iepngfix.htc' ); width:26px; height:30px; display:block;} .landinggroup { margin-top: 25px; } .landinggroup H2 { margin: 0px 0px 7px 0px; padding: 0px; } .landinggroup H3 { margin: 10px 0px 7px 0px; padding: 0px 0px 10px 0px; font-size: 21px; font-weight: normal; border-bottom: 2px solid #e6e6e6; } .landinggroup H3.gfc { margin: 0px; padding: 0px; font-size: 21px; font-weight: normal; border: none; } .landinggroup .landinggallery { float: left; width: 215px; } .landinggroup .landinggallery .imagecontainer { position: relative; } .landinggroup .landinggallery .title { position: relative; height: 65px; width: 215px; margin-top:-3px; } .landinggroup .landinggallery .previous { position: absolute; top: 13px; left: 5px; display:block; float:left } .landinggroup .landinggallery .next { position: absolute; top: 13px; left: 182px;display:block; float:left } .landinggroup .landinggallery .title .text { position: absolute; top: 10px; left: 37px; font-size: 14px; height: 40px; width: 138px; text-align: center; } .landinggroup .landingpanel { float: right; width: 218px; margin-left:27px; } * html .landinggroup .landingpanel { float: right; width: 218px; margin-left:26px; } .landinggroup .landingpanel A { display: block; padding: 8px 0px 8px 0px; border-top: 2px solid #e6e6e6; font-size: 24px; } .landinggroup .landingpanel H5 { margin: 0px 0px 5px 0px; padding: 0px; font-size: 15px; } .landinggroup .callout { float: left; width: 215px; font-size: 13px; padding: 0px; background:none; border:0px } .landinggroup .submit { float: right; width: 215px; font-size: 13px; } .artlistintro { position: relative; margin: 0px 10px; height: 392px; } .artlistintro .details { position: absolute; bottom: 30px; left: 0px; width: 430px; } .artlistintro H1.pageTitle, .artlistintrosm H1.pageTitle { font-size: 54px; margin: 0px; padding: 0px; } .artlistintro H1.pageTitle{font-size: 50px;text-transform:lowercase;} .artlistintro H1.pageTitleSmaller { font-size: 41px; margin: 0px; padding: 0px; } .artlistintro .pageDescription, .artlistintrosm .pageDescription { position: relative; font-size: 16px; width: 380px; margin-bottom: 30px; font-weight: bold; } .artlistintro .featured { position: relative; width: 430px; } .artlistintro .featured H4 { font-size: 16px; margin: 0px 0px 5px 0px; padding: 0px; } .artlistintro .featured .article { position: absolute; bottom: 0px; right: 0px; width: 195px; } .artlistintro .featured .article A, .artlistintro .featured .article .title { display: block; padding-bottom: 5px; margin-bottom: 4px; font-size: 20px; font-weight: 500; text-transform: lowercase; border-bottom: 2px solid #e5e5e5; line-height: 22px; float:left; width:192px; } .pledgetitlelanding { display: block; padding-bottom: 5px; margin-bottom: 4px; font-size: 20px; font-weight: 500; text-transform: none !important; border-bottom: 2px solid #e5e5e5; line-height: 22px; float:left; width:192px; } * html .artlistintro .details div.featured span { float:left;} * html .artlistintro .featured .article A { width:189px !important;} .artlistintro .featured .article A:hover { } .artlistintro .featured .article .description { font-size: 14px; line-height: 180%; } .artlistintrosm { margin: 0px 10px; } .articleheader { height: 392px; position: relative; } .articleheader .details { position: absolute; bottom: 0px; left: 240px; width: 202px; border-bottom: solid 1px #e5e5e5; padding-bottom: 5px; } .articleheader .details H1 { margin: 0px 0px 5px 0px; padding: 0px 0px 8px 0px; font-size: 41px; text-transform: lowercase; font-weight: normal; border-bottom: 2px solid #e5e5e5; line-height: 103%; } .articleheader .details H1 SPAN { font-size: 0px; } .articleheader .details .description, .articleheaderimage .description { font-size: 16px; font-weight: 500; line-height: 180%; letter-spacing: 50%; padding-bottom: 5px; } .articleheaderimage .description { border-bottom: none; margin-bottom: 20px; } .articleheader .artheaderimage { width: 229px; } .articleheader .artheaderimage #detailimage{ position:absolute; } .articleheader .details .byline { color: #000; font-size: 12px; font-weight: bold; padding-bottom: 8px; line-height: 12px; } .articleheader .details .byline A { font-size: 12px; font-weight: normal; } .blogersintro { position: relative; margin: 0px 0px;} .blogersintro .details { position: relative; top: 0px; left: 0px; width: 697px; } .challengeintro { position: relative; margin: 0px 0px; height: 392px; } .challengeintro .details { position: absolute; bottom: 0px; left: 0px; width: 697px; } .challengeintro H1.pageTitle, .blogersintro H1.pageTitle, .artlistintrosm H1.pageTitle { font-size: 54px; margin: 0px; padding: 0px 0px 0px 0px; } .challengeintro .pageDescription, .blogersintro .pageDescription, .artlistintrosm .pageDescription { position: relative; font-size: 16px; margin-bottom: 30px; padding: 0px 150px 0px 0px; font-weight: bold; } #snt_txt { width: 200px; } .challengeintro .details .textonimage { position: absolute; bottom: 75px; right: 25px; width: 200px; } .challengeintro .details .textonimage A { color: #fff; font-size: 21px; } .challengeintro .details .textonimage A:link { color: #fff; font-size: 21px; } .challengeintro .details .textonimage A:hover { color: #fff; font-size: 21px; } .challengeintro .featured { position: relative; } .challengeintro .featured .artheaderimage { position: relative; width: 321; } .challengeintro .featured H4 { font-size: 23px; margin: 0px 0px 0px 0px; padding: 0px; } .challengeintro .featured .articlehead { position: absolute; bottom: 0px; right: 0px; width: 361px; border-bottom: 1px solid #e5e5e5; } .challengeintro .featured .articlehead .action { margin: 10px 0px 5px 0px; font-weight: bold; font-size: 14px; } .challengeintro .featured .articlehead .subtitle { display: block; padding-bottom: 5px; margin-bottom: 4px; font-size: 20px; font-weight: 500; text-transform: lowercase; border-bottom: 2px solid #e5e5e5; } .challengeintro .featured .articlehead .description { font-size: 14px; line-height: 180%; } .challengeintro .featured .articlehead .error { color: #000; font-size: 15px; line-height: 180%; padding-top: 15px; font-weight: bold; } .hcb { position: relative; margin: 0px 0px; height: 392px; } .hcb .details { position: absolute; bottom: 0px; left: 0px; width: 697px; margin-left: 3px; } .gfcHeader { background-image: url(/img/seasonal/summer/gfc_landing_topbanner.jpg); background-repeat: no-repeat; width: 704px; height: 247px; } .gfcHeader ul { position: relative; } .gfcHeader li { float: left; list-style: none; position: relative; top: 174px; left: 77px; padding: 0px 0px 0px 30px; width: 77px; text-transform: lowercase; } .challengeform .pagetitle { font-size: 28px; margin: 0px 0px 0px 0px; padding-bottom: 15px; } .challengeform .submithead { position: relative; } .challengeform .submithead .artheaderimage { position: relative; width: 151px; } .challengeform .submithead H4 { font-size: 23px; margin: 0px 0px 0px 0px; padding: 0px; } .challengeform .submithead .articlehead { position: absolute; float: right; bottom: 0px; margin-bottom: 0px; right: 0px; width: 305px; } .challengeform .submithead .articlehead { position: absolute; bottom: 0px; right: 0px; width: 305px; } .challengeform .submithead .articlehead .subtitle { display: block; padding-bottom: 5px; margin-bottom: 4px; font-size: 20px; font-weight: 500; text-transform: lowercase; border-bottom: 2px solid #e5e5e5; } .challengeform .submithead .articlehead .description { font-size: 14px; line-height: 180%; border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; } .challengeform .submithead .articlehead .error { color: #000; font-size: 15px; line-height: 180%; padding-top: 15px; font-weight: bold; } /* changed width to 460 from 463 -- jh*/ .challengeform .submithead .cleanuptitlehead { position: absolute; bottom: 0px; right: 0px; width: 460px; border-bottom: 2px solid #E5E5E5; } .challengeform .checknote { display: inline; position: relative; top: -8px; left: 10px; } .challengetable { position: relative; margin: 0px 0px 15px 0px; width: 300px; border-bottom: 1px solid #e5e5e5; padding: 0px 0px 5px 0px; } .challengetable .title { font-size: 16px; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; border-bottom: 2px solid #e5e5e5; } .challengetable .item { } .challengePreviewRow { width: 430px; border-bottom: #CCCCCC 1px solid; font-size: 16px; padding: 5px 0; } .challengePreviewLabel { width: 200px; float: left; } .challengePreviewCheckbox { float: left; } .challengePreviewDesc { font-size: 16px; margin: 40px 0 0 0; padding: 0 0 20px 0; border-bottom: #CCCCCC 2px solid; } .challengePreviewProjectTitle { margin: 20px 0; padding: 0; font-size: 16px; } .challengePreviewProjectDesc { margin: 20px 0; padding: 0 0 20px 0; border-bottom: #CCCCCC 1px solid; } .challengePreviewProjectSubmit { font-size: 16px; margin: 20px 0; } .challengearticle .craftby { position: relative; } .challengearticle .craftby .expertimage { position: relative; width: 151px; height: 97px; } .challengearticle .craftby .container { position: absolute; bottom: 0px; right: 0px; width: 298px; height: 95px; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; } .challengearticle .craftby .container .text { position: absolute; bottom: 0px; right: 0px; width: 298px; } .challengearticle .craftby .container .text .subtitle { font-size: 13px; font-weight: bolder; margin-bottom: 5px; } .challengearticle .craftby .container .text .description { padding-bottom: 10px; } .challengearticle .usercraftby { position: relative; margin-top: 30px; } /* changed width to 460 from 463 -- jh*/ .challengearticle .usercraftby .container { position: relative; width: 460px; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; } .challengearticle .usercraftby .container .text { margin-top: 8px; } .challengearticle .usercraftby .container .text .subtitle { font-size: 13px; font-weight: bolder; margin-bottom: 5px; } .challengearticle .usercraftby .container .text .description { padding-bottom: 10px; } .challengeintro .details .arthead { position: relative; margin-left: -8px; } .challengeintro .details .arthead .artimage { position: relative; width: 229px; } /* changed width to 460 from 463 -- jh*/ .challengeintro .details .arthead .articlehead { position: absolute; bottom: 0px; right: 0px; width: 460px; } .challengeintro .details .arthead .articlehead A, .challengeintro .details .arthead .articlehead .subtitle { margin: 0px 0px 5px 0px; padding: 0px 0px 8px 0px; font-size: 41px; text-transform: lowercase; font-weight: normal; border-bottom: 2px solid #e5e5e5; line-height: 103%; } .challengeintro .details .arthead .articlehead .description { font-size: 16px; font-weight: 500; line-height: 180%; letter-spacing: 50%; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; } .challengeintro .details .userprojhead { position: relative; } .challengeintro .details .pagetitle { margin: 0px 20px 15px 0px; padding: 0px 0px 8px 0px; font-size: 41px; text-transform: lowercase; } .challengeintro .details .userprojhead .artimage { position: relative; width: 356px; height: 230px; } .challengeintro .details .userprojhead .articlehead { position: absolute; bottom: 0px; right: 0px; width: 343px; } .challengeintro .details .userprojhead .subtitle { margin: 0px 0px 5px 0px; padding: 0px 0px 8px 0px; font-size: 28px; text-transform: lowercase; font-weight: normal; border-bottom: 2px solid #e5e5e5; line-height: 103%; } .challengeintro .details .userprojhead .articlehead .description { font-size: 16px; font-weight: 500; line-height: 180%; letter-spacing: 50%; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; } /*home cleaning boost*/ .challengeintro .details .userprojhead .cleanupimage { position: relative; width: 229px; height: 392px; } .challengeintro .details .userprojhead .cleanuphead { position: absolute; bottom: 0px; right: 0px; width: 460px; } .challengeintro .details .userprojhead .cleanuphead .description { font-size: 16px; font-weight: 500; line-height: 180%; letter-spacing: 50%; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; } .challengeintro .details .cleanuppagetitle { position: absolute; right: 0; bottom: 60px; width: 440px; margin: 0px 20px 15px 0px; padding: 0px 0px 8px 0px; font-size: 41px; text-transform: lowercase; } .cleanuppopupimage { bottom: 0; left: 233px; position: absolute; visibility: hidden; z-index: 1; } .cleanuppopupimagelabel { bottom: 0; left: 0px; position: absolute; z-index: 1; } .cleanupnumlist { background-color: #F2ECDF; border-top: #e5e5e5 solid 3px; } .cleanupnumlist td img { padding: 0; margin: 5px 0 0 0; } .cleanupnumlist td p { margin: 0 0 10px 0; padding: 0; } .errorsummary { color: Red; } .hcb .details h2 { font-size: 36px; margin: 0 0 0 0; } /*yeah how do you do this? no css skillz*/ #artListContainer UL LI IMG .usersubmissionthumb { float: left; margin-right: 50px; margin-left: 55px; } .ruler { border-bottom: 1px solid #e5e5e5; } .ruler2px { border-bottom: 2px solid #e5e5e5; } .addtobrowser A { display: block; width: 150px; height: 26px; } .addtobrowser A:link { background-position: 0px 0px; } .addtobrowser A:hover { background-position: 0px -29px; } .submitbutton { width: 85px; height: 26px; float: left; } .submitbutton A { display: block; width: 85px; height: 26px; } .submitbutton A:link { background-position: 0px 0px; } .submitbutton A:hover { background-position: 0px -29px; } .cancelbutton { width: 86px; height: 26px; } .cancelbutton A { display: block; width: 86px; height: 26px; } .cancelbutton A:link { background-position: 0px 0px; } .cancelbutton A:hover { background-position: 0px -29px; } .continuebutton { width: 102px; height: 26px; } .continuebutton A { display: block; width: 102px; height: 26px; } .continuebutton A:link { background-position: 0px 0px; } .continuebutton A:hover { background-position: 0px -29px; } .shareideasbutton A { display: block; width: 87px; height: 26px; } .shareideasbutton A:link { background-position: 0px 0px; } .shareideasbutton A:hover { background-position: 0px -29px; } .invitefriendbutton A { display: block; width: 144px; height: 26px; } .invitefriendbutton A:link { background-position: 0px 0px; } .invitefriendbutton A:hover { background-position: 0px -29px; } .getupdatesbutton A { display: block; width: 94px; height: 26px; } .getupdatesbutton A:link { background-position: 0px 0px; } .getupdatesbutton A:hover { background-position: 0px -26px; } .gotochallengebutton A { display: block; width: 106px; height: 26px; margin-top: 30px; behavior: url( '/_layouts/SCJohnson/RightAtHome/Scripts/iepngfix.htc' ); } .gotochallengebutton A:link { background-position: 0px 0px; } .gotochallengebutton A:hover { background-position: 0px -29px; } .gotochallengebutton2 A { display: block; width: 160px; height: 26px; margin: 40px 0px 30px 0px; } .gotochallengebutton2 A:link { background-position: 0px 0px; } .gotochallengebutton2 A:hover { background-position: 0px -29px; } .submitprojectbutton A { display: block; width: 181px; height: 26px; margin-top: 15px; border: 0; } .submitprojectbutton A:link { background-position: 0px 0px; } .submitprojectbutton A:hover { background-position: 0px -26px; } .voteforthiscraftbutton A { display: block; width: 107px; height: 26px; margin-top: 15px; border: 0; } .voteforthiscraftbutton A:link { background-position: 0px 0px; } .voteforthiscraftbutton A:hover { background-position: 0px -26px; } .submitvotebutton { width: 30px; } .submitvotebutton A { display: block; width: 73px; height: 26px; } .submitvotebutton A:link { background-position: 0px 0px; } .submitvotebutton A:hover { background-position: 0px -29px; } .sendbutton { width: 76px; } .sendbutton A { display: block; width: 76px; height: 26px; } .sendbutton A:link { background-position: 0px 0px; } .sendbutton A:hover { background-position: 0px -26px; } .commentbutton { float: right; } .commentbutton A { display: block; width: 107px; height: 26px; } .commentbutton A:link { background-position: 0px 0px; } .commentbutton A:hover { background-position: 0px -29px; } .uploadbutton { width: 89px; height: 26px; } .uploadbutton A { display: block; width: 89px; height: 26px; } .uploadbutton A:link { background-position: 0px 0px; } .uploadbutton A:hover { background-position: 0px -26px; } .previewbutton { width: 98px; height: 26px; } .previewbutton A { display: block; width: 98px; height: 26px; } .previewbutton A:link { background-position: 0px 0px; } .previewbutton A:hover { background-position: 0px -26px; } .editbutton { width: 70px; height: 26px; } .editbutton A { display: block; width: 70px; height: 26px; } .editbutton A:link { background-position: 0px 0px; } .editbutton A:hover { background-position: 0px -26px; } .shareprojectbutton { width: 180px; } .shareprojectbutton A { display: block; width: 180px; height: 26px; } .shareprojectbutton A:link { background-position: 0px 0px; } .shareprojectbutton A:hover { background-position: 0px -29px; } .winnericon { display: block; float: left; margin-right: 10px; width: 80px; height: 32px; } .blocktitle { margin: 0px 0px 10px 0px; } .blocktitle H3 { font-size: 24px; font-weight: normal; margin: 0px 0px 5px 0px; padding: 0px; text-transform: lowercase; } .blocktitleGFC { margin: 10px 0px 0px 0px; } .blocktitleGFC H3 { font-size: 24px; font-weight: normal; margin: 0px 0 10px 0; padding: 0px 0 10px 0; text-transform: lowercase; border-bottom: 2px solid #e5e5e5; } .sortable { border-collapse: collapse; } .sortable td { padding: 12px 10px 12px 0px; border-bottom: 1px solid #e5e5e5; } .sortable .header { font-size: 25px; font-weight: 500; text-transform: lowercase; } .sortable .textitem { text-transform: lowercase; } .sortable .textitem .textblock { margin-bottom: 0px; } .sortable .textitemintro { text-transform: lowercase; } .sortable .textitemintro .textblock { margin-bottom: 0px; } .arttools { margin: 30px 0px 20px 0px; } .recipefinderintro { font-size: 12px; line-height: 16px; } .recipefinder { margin-right: 25px; padding-bottom: 70px; } .recipefinder SELECT { display: block; width: 100%; margin-top: 20px; font-size: 14px; } /* ie6 */ .filters { position: relative; } .filters .filterintro { margin-bottom: 10px; padding-left: 10px; font-weight: bold; } .filters .lists { background: #f8f9f4; padding: 7px 0px 7px 10px; } .filters .lists SELECT { width: 23%; margin-right: 5px; } /* ie6 */ .pager {clear:both; height:100%; } .articleheader .artheaderimage .expand { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Images/expand.png', sizingMethod='image');} .pager { background: #f0f1e9; padding: 10px; } .pager .artdetails { float: left; width: 285px; padding-right: 10px; } .pager .paging { float: right; width: 130px; text-align: right; } .pager INPUT { vertical-align: middle; } .sorting { background: #F9F9F7; margin-top: 2px; padding: 10px; } .sorting A { font-weight: 600; margin-left: 12px; } #artListContainer UL { margin: 0px; padding: 0px 0px 7px 0px; width:100% } #artListContainer UL LI { list-style: none; margin: 0px 0px 5px 0px; padding: 10px 0px 5px 0px; border-top: 1px solid #ccc; line-height: 16px; display:block; clear:both; float:left; width:100% }/* udated code (old --> float:left; width:100% ) defect# 6690*/ * html #artListContainer UL LI {padding: 10px 0px 0px 0px;}/* udated code (old --> padding: 10px 0px 10px 0px; ) */ #artListContainer UL LI IMG { float: left; margin: auto 10px auto auto; } #artListContainer UL LI A {} #artListContainer UL LI .art {width: 270px; float: left !important; vertical-align:top; } #artListContainer UL LI .art .byline { font-size: 12px; padding: 0px 0px 5px 0px; } #artListContainer UL LI .artr SPAN { cursor: default; } #artListContainer UL LI .artr { margin-bottom: 7px; margin-top: 15px; line-height: 12px; padding-left: 5px; } #artListContainer UL LI .artr P { position: relative; font-size: 11px; padding: 0px; margin: 0px; } #artListContainer UL LI .artr .rating { padding: 0 5px 0 5px; } /*Added the below style for IE6 for rating control*/ *html #artListContainer UL LI .artr .rating SPAN{ padding:0px 0px 0px 0px; margin:12px 0px 0px 0px;} #artListContainer UL LI .art A { display: block; margin-bottom: 5px; font-size: 20px; font-weight: 500; text-transform: lowercase; line-height: 22px; vertical-align:top; } .pledgearticlelanding { display: block; margin-bottom: 5px; font-size: 20px; font-weight: 500; text-transform: none !important; line-height: 22px; vertical-align:top; } #artListContainer UL LI .art A:hover { } #artListContainer UL LI .art A.title SPAN { padding-left: 10px; font-size: 8px; } .recipeingredients { width: 200px; } .textblock { margin-bottom: 30px; line-height: 16px;} .textblock H3 { font-size: 24px; line-height: 26px; font-weight: normal; margin: 0px 0px 15px 0px; padding: 0px; text-transform: lowercase; } .textblock H4 { font-size: 14px; display: inline; margin: 0px; padding: 0px; } .textblock H5 { font-size: 14px; font-weight: bold; margin: 0px; padding: 0px; } .textblock li { margin-bottom: 15px; } .articleintrooverflow { margin-bottom: 15px; } /* hardcoded /App_Themes/Spring/ in these images below for the iepngfix.htc to be able to load them*/ .ratingStar { font-size: 0pt; width: 22px; height: 19px; margin: 0px 0px 0px 1px; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat; } div.box .filledRatingStar { behavior: url('/_layouts/SCJohnson/RightAtHome/Scripts/iepngfix.htc' ); } div.box .emptyRatingStar { behavior: url('/_layouts/SCJohnson/RightAtHome/Scripts/iepngfix.htc' ); } div.box .savedRatingStar { behavior: url('/_layouts/SCJohnson/RightAtHome/Scripts/iepngfix.htc' ); } div.tip .filledRatingStar {} div.tip .emptyRatingStar { } div.tip .savedRatingStar { } .ratingStarSmall { font-size: 0pt; width: 13px; height: 13px; margin: 0px 0px 0px 0px; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat; } * html .ratingStarSmall{height:0px;} /* hardcoded /App_Themes/Spring/ in these images below for the iepngfix.htc to be able to load them*/ div.box .filledRatingStarSmall { behavior: url('/_layouts/SCJohnson/RightAtHome/Scripts/iepngfix.htc' ); } div.box .emptyRatingStarSmall { behavior: url('/_layouts/SCJohnson/RightAtHome/Scripts/iepngfix.htc' ); } div.box .savedRatingStarSmall { behavior: url('/_layouts/SCJohnson/RightAtHome/Scripts/iepngfix.htc' ); } div.tip .filledRatingStarSmall, div.artr .filledRatingStarSmall { } div.tip .emptyRatingStarSmall, div.artr .emptyRatingStarSmall{ } div.tip .savedRatingStarSmall, div.artr .savedRatingStarSmall { } .artrating { float: right; width: 200px; margin: 0px 0px 10px 0px; } .artrating .box { width: 200px; position: relative; left: 20px; z-index: 3; } .artrating .ratecount { padding: 9px 0px 13px 7px; text-transform: lowercase; text-align: center; } .artrating .ratedby { padding-bottom:0px; float:right; padding-top: 3px; text-transform: lowercase; text-align: center; border-left: solid 2px #E2DBC9; height: 35px; width: 86px; line-height: 12px; background: url('/_layouts/images/SCJohnson/RightAtHome/ratedby.png') top right; } .artrating .ratedby .text { font-size: 9px; } .artrating .average { float:left; padding-top: 3px; text-transform: lowercase; text-align: center; height: 35px; width: 112px; line-height: 12px; padding-bottom:0px; background: url('/_layouts/images/SCJohnson/RightAtHome/average.png') top left; } .artrating .average .text { font-size: 9px; } .artrating .average .ratingDescription { font-size: 12px; line-height:12px; } .artrating .prompt { clear:both; padding: 22px 0 22px 0px; margin:0px; font-size: 16px; font-weight: bold; text-align: center; background-color: #F4F1EA; width:100%; } *html .artrating .prompt { clear:both; padding: 15px 0 22px 0px; margin:0px; font-size: 16px; font-weight: bold; text-align: center; background-color: #F4F1EA; width:100%; } .artrating .footer { background-color: #F4F1EA; height: 33px; } .artrating .rating { background-color: #F4F1EA; } .artrating .rating .selector { float: right; padding-right: 15px; } .artrating .rating .ratelabel { padding-left: 17px; padding-bottom: 20px; background-repeat: no-repeat; background-position: 55px 3px; } .artrating UL.times { position: relative; left: 20px; margin: 20px 0px 0px 0px; padding: 0px; text-align: left; } .artrating UL.times LI { margin: 0px 0px 6px 0px; padding: 0px; list-style: none; } H1.whitelist { margin: 0px 20px 15px 0px; padding: 0px 0px 8px 0px; font-size: 28px; font-weight: normal; border-bottom: 3px solid #e5e5e5; } H1.utility { margin: 5px 20px 15px 0px; padding: 0px 0px 8px 0px; font-size: 28px; text-transform: lowercase; font-weight: normal; border-bottom: 3px solid #e5e5e5; } * html .rsstools H1.utility {margin-right:0px;width:450px;float:left;} .utilityform { margin-right: 15px; } .utilityform H2 { font-size: 19px; margin: 20px 0px; } .utilityform H4 { font-size: 16px; margin: 10px 0px; } .utilityform H4 A { display: block; } .utilityform H4 A:hover { } .utilityform .checknote { display: inline; position: relative; top: -8px; left: 10px; } .utility { border: none; margin: 15px 0px 15px 0px; padding: 0px; } .utility LABEL.field { display: block; margin-bottom: 2px; } .utility INPUT.text { width: 200px; margin-bottom: 8px; } .utility SELECT { width: 200px; margin-bottom: 8px; } .utility SELECT.Narrow { margin-bottom: 8px; width: 100px; } .utility TEXTAREA { width: 350px; } .utility .checkbox { margin-top: 4px; } .utility .checkbox INPUT { position: relative; left: -4px; top: 2px; } .errorsummary { margin-top: 10px; } .submitbutton A { display: block; width: 85px; height: 26px; } .submitbutton A:link { background-position: 0px 0px; } .submitbutton A:hover { background-position: 0px -29px; } H3.gallery { font-size: 21px; font-weight: normal; margin: 0px 0px 5px 0px; padding: 0px; text-transform: lowercase; } .articlegallery { float: right; padding: 0px 0px 15px 0px; position: relative; left: 20px; } .articlegallery A.galleryother, .landinggallery A.galleryother { display: none; } .articlegallery .imagecontainer { position: relative; } .articlegallery .title { position: relative; height: 65px; width: 215px;} .articlegallery .previous { position: absolute; top: 17px; left: 5px; } .articlegallery .next { position: absolute; top: 17px; left: 182px; } .articlegallery .title .text { position: absolute; top: 15px; left: 37px; font-size: 14px; height: 40px; width: 138px; text-align: center; } .textblock .articlegallery { left: 30px; padding-top: 10px; } .articlegallery A, .landinggallery A { color: #666; } .artauthor { border-top: 2px solid #ccc; } .artauthor H5 { margin: 10px 0px 3px 0px; } UL.menu LI IMG { float: left; margin: 0px 25px 10px 0px; } UL.menu LI A { display: block; margin-bottom: 5px; font-size: 20px; font-weight: 500; text-transform: lowercase; line-height: 22px; } .advsearchdesc { margin-bottom: 10px; } .advsearchdesc SPAN { display: block; margin-top: 10px; } .advsearchbox .query { position: relative; height: 66px; } .advsearchbox .textbox { position: absolute; top: 20px; left: 15px; font-size: 19px; color: #7e8365; width: 385px; border: none; background: none; } .advsearchbox .button { position: absolute; top: 0px; right: 0px; } .advsearchbox .filters { padding: 20px; margin-top: 5px; background: #f4f4ec; } .advsearchbox .filters H3 { margin: 0px 0px 5px 0px; padding: 0px; font-size: 15px; font-weight: bold; text-transform: lowercase; } .advsearchbox .filters LABEL { padding: 0px 7px; } .advsearchbox .filters .tools LABEL { padding-left: 0px; } .advsearchbox .filters .groups .group { float: left; width: 200px; margin-top: 20px; } .searchresults { margin-bottom: 30px; } .searchresults .result { margin-top: 20px; } .searchresults .result A.title { font-size: 15px; font-weight: bold; display: block; margin-bottom: 3px; } .searchresults .result .titleline { display:block; } .refineresults .label { margin-bottom: 3px; font-weight:bold; } .refineresults A { margin-right:60px; } .expand, .expandgallary { position: absolute; height: 19px; width: 19px; behavior: url('/_layouts/SCJohnson/RightAtHome/Scripts/iepngfix.htc' ); } .expand { bottom: 2px; right: 2px; } .expandgallary { top: 117px; left: 194px; } .hottopics { margin-bottom: 40px; } .hottopics .divider { height: 3px; background: #e2e2e2; font-size: 1px; line-height: 1px; } .hottopics .htitem { padding: 15px 0px; border-bottom: 1px solid #e5e5e5; } .hottopics .htitem .thumb { float: left; } .hottopics .topic { float: right; width: 310px; } .hottopics .topic A { position: relative; top: -3px; display: block; font-size: 24px; margin-bottom: 2px; text-transform: lowercase; } .hottopics .topic A:hover { } .hottopics .topic DIV { font-size: 15px; line-height: 110%; margin-bottom: 5px; } .hottopic { margin: 20px 10px 0px 10px; } /*next line necessary to handle that sharepoint CQWP outputs a stupid table structure*/ .maincontent .mainContainer .mainContent .editorial .content .hottopic{width:440px;} .hottopic .thumb { float: left; margin-right: 10px; width:151px; height:97px;} .hottopic .top { float: left; width: 270px; } .hottopic .top .title { font-size: 26px; font-weight: normal; text-transform: lowercase; line-height: 100%; margin: 0px; padding: 0px 0px 5px 0px; } .hottopic .top .snipe, .art .snipe { padding-left: 10px; } .hottopic .description { border-top: 2px solid #e6e6e6; font-size: 14px; padding-top: 5px; margin-top: 5px; } .hottopicdivider { background: #e5e5e5; height: 1px; margin: 0px 10px 30px 10px; font-size: 1px; line-height: 1px; clear:both; } .hottopic .intro{float:left; margin-bottom:10px} .hottopic .textblock{font:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#545454; float:left; margin-bottom:0px; padding-bottom:30px;} @media screen and (-webkit-min-device-pixel-ratio:0) { .hottopic .intro{float:none;} } .aboutus .itema { float: left; width: 210px; } .aboutus .itemb { float: right; width: 204px; margin-right: 0px !important; } .aboutus .grouping { border-bottom: 1px solid #e5e5e5; margin-bottom: 30px; padding-bottom: 15px; *float:left; } .aboutus .sectionlink A.icon { float: left; margin-right: 10px; } .aboutus .sectionlink .info { float: left; width: 155px; } .aboutus .sectionlink .info A { display: block; margin-bottom: 5px; font-size: 14px; font-weight: bold; text-transform: lowercase; } .utilityform .aboutus .info A { } .aboutus .sectionlink .errorlink A { float: left; } .aboutus .sectionlink .error {} .aboutus .sectionlink .error A { display: block; margin-bottom: 5px; font-size: 14px; font-weight: bold; text-transform: lowercase; } .faqsection { font-size: 25px; font-weight: normal; margin: 0px 0px 15px 0px; padding: 0px; text-transform: lowercase; } .faqtitle { font-size: 13px; padding: 5px; cursor: pointer; } .faqbody { margin: 5px 0px 10px 20px; } .backtotop { display: block; margin-top: 10px; } .search { margin-right: 9px; } .norecipes { padding: 15px; } div.printmenu { position: absolute; visibility: hidden; font-size: 14px; } div.printmenu ul { padding: 20px 0px 0px 37px; } div.printmenu ul li { line-height: 1; list-style-type: none; padding: 0px; margin: 0px; } div.printmenu ul li .divider { background: #e5e5e5; height: 1px; margin: 7px 0px 4px 0px; font-size: 1px; line-height: 1px; width: 63px; } div.printmenuBg { background: url(/_layouts/images/SCJohnson/RightAtHome/printpopup.png) top left no-repeat; behavior: url('/_layouts/SCJohnson/RightAtHome/Scripts/iepngfix.htc' ); width: 143px; height: 82px; z-index: 500; } div.printmenuItem { z-index: 999; margin: -80px 0px 0px 0px; } div.subscribeMenuBg { behavior: url( '/_layouts/SCJohnson/RightAtHome/Scripts/iepngfix.htc' ); width: 170px; height: 100px; } div.subscribeMenuItem { z-index: 999; margin: -100px 0px 0px 0px; *margin: -110px 0px 0px -15px;} @media screen and (-webkit-min-device-pixel-ratio:0) { div.subscribeMenuItem { z-index: 999; margin: -120px 0px 0px -15px;} } /* Image cropper styles */ #croptool { border: 1px solid gray; width: 400px; } #cropper { width: 400px; height: 400px; overflow: hidden; position: relative; } #cropper #overlay { width: 400px; height: 400px; position: absolute; top: 0px; left: 0px; z-index: 50; -moz-opacity: 0.7; filter: alpha(opacity=70); } #cropper .overlay1 { background: url('/_layouts/images/SCJohnson/RightAtHome/cropoverlay_250x180.gif' ); } #cropper .overlay2 { background: url('/_layouts/images/SCJohnson/RightAtHome/cropoverlay_300x300.gif' ); } #cropper .overlay3 { background: url('/_layouts/images/SCJohnson/RightAtHome/cropoverlay_356x230.gif' ); } #cropper .overlay4 { background: url('/_layouts/images/SCJohnson/RightAtHome/cropoverlay_229x392.gif' ); } #cropper #croparea { width: 400px; height: 400px; position: absolute; z-index: 100; color: #fff; cursor: move; } #cropper .moveable { position: absolute; } #slider { width: 200px; height: 27px; background: #eee; position: relative; border-top: 1px solid gray;} #slidergrab { width: 19px; height: 20px; background: blue; position: absolute; background: url('/_layouts/images/SCJohnson/RightAtHome/handle.png' ); } div.bookmarks { position: absolute; visibility: hidden; margin: 160px 0px 0px -5px; z-index: 500; width: 160px; height: 150px; background: url('/_layouts/images/SCJohnson/RightAtHome/rollover_rss.png') top left no-repeat; behavior: url( '/_layouts/SCJohnson/RightAtHome/Scripts/iepngfix.htc' ); } div.bookmarks ul { padding: 20px 20px 20px 25px; } div.bookmarks ul li { line-height: 1; list-style-type: none; padding: 0px; margin: 0px; } div.bookmarks ul li .divider { background: #e5e5e5; height: 1px; margin: 7px 0px 4px 0px; font-size: 1px; line-height: 1px; width: 63px; } div.pnlBookmarkingTopMenu { position: absolute; visibility: hidden; margin: 0px 0px 0px -5px; z-index: 999; } div.pnlBookmarkingTopMenu ul { padding: 0px 20px 20px 25px; } div.pnlBookmarkingTopMenu ul li { line-height: 1; list-style-type: none; padding: 0px; margin: 0px; } div.pnlBookmarkingTopMenu ul li .divider { background: #e5e5e5; height: 1px; margin: 7px 0px 4px 0px; font-size: 1px; line-height: 1px; width: 63px; } div.pnlBookmarkingTopMenuBg { width: 160px; height: 150px; background: url('/_layouts/images/SCJohnson/RightAtHome/rollover_rss.png') top left no-repeat; behavior: url('/_layouts/SCJohnson/RightAtHome/Scripts/iepngfix.htc' ); z-index: 999; } div.pnlBookmarkingTopMenuItem { z-index: 999; margin: -130px 0px 0px 0px; } div.pnlBookmarkingBottomMenu { position: absolute; visibility: hidden; margin: 0px 0px 0px -5px; } div.pnlBookmarkingBottomMenu ul { padding: 0px 20px 20px 25px; } div.pnlBookmarkingBottomMenu ul li { line-height: 1; list-style-type: none; padding: 0px; margin: 0px; } div.pnlBookmarkingBottomMenu ul li .divider { background: #e5e5e5; height: 1px; margin: 7px 0px 4px 0px; font-size: 1px; line-height: 1px; width: 63px; } div.pnlBookmarkingBottomMenuBg { background: url('/_layouts/images/SCJohnson/RightAtHome/rollover_rss.png') top left no-repeat; behavior: url('/_layouts/SCJohnson/RightAtHome/Scripts/iepngfix.htc' ); width: 160px; height: 103px; z-index: 500; } div.pnlBookmarkingBottomMenuItem { z-index: 999; margin: -83px 0px 0px 0px; padding: 0px; } div.pnlBookmarkingChallengeMenu { position: absolute; visibility: hidden; margin: 0px 0px 0px -5px; z-index: 500; width: 200px; height: 150px; background: url(/_layouts/images/SCJohnson/RightAtHome/rollover_rss.png) top left no-repeat; behavior: url( '/_layouts/SCJohnson/RightAtHome/Scripts/iepngfix.htc' ); } div.pnlBookmarkingChallengeMenu ul { padding: 15px 20px 20px 15px; } div.pnlBookmarkingChallengeMenu ul li { line-height: 1; list-style-type: none; padding: 0px; margin: 0px; } div.pnlBookmarkingChallengeMenu ul li .divider { background: #e5e5e5; height: 1px; margin: 7px 0px 4px 0px; font-size: 1px; line-height: 1px; width: 100px; } /* end middle styles */ /* standardthree final */ .rssquestion { font-size: 18px; } .rsstitle { font-size: 18px; border-top: solid 1px #e5e5e5; padding-top: 12px; margin-top: 4px; margin-bottom: 4px; } @media screen and (-webkit-min-device-pixel-ratio:0) { .rsstools .utilityform .rsstitle { font-size: 18px; border-top: solid 0px #e5e5e5; padding-top: 0px; margin-top: 4px; margin-bottom: 4px; } } .rssheader { margin-right: 10px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px #e5e5e5; } .onlinetoolshdr { border-top: 1px solid #e5e5e5; padding-top: 8px; font-size: 24px; } .anchorlinks { font-size: 12px; } /* minispotlight styles - START */ .spotlightsTout { width:220px; /*height:121px;*/ border-bottom: solid 1px #E5E5E5; float:left;} .spotlightsFinePrint { font-size: 9px; /*line-height: 20px;*/ width:115px; color: rgb(153, 153, 153); } .spotlightsLink { border-bottom: 0px !important; } .spotlightsTout-new {background: url('/_layouts/images/SCJohnson/RightAtHome/newSnipe.png') no-repeat; } .spotlightsTout-bgcolor {background-color: #ffffff; } .spotlightsTout .spotlightsLink .spotlightsTout-verticalimage {margin-top:6px;} .spotlightsTout-hrimage { width:180px; /*width:220px;*/ padding-top:1px; } .spotlightsTout-horizontal-txt { width:210px; margin-left:10px; } .spotlightsTout-horizontal-txt-title { margin-bottom:5px; margin-right:8px; font-size:10px; font-weight:bold; } .spotlightsTout-horizontal-txt-desc { font-size:10px;line-height:14px;padding-right:5px; padding-bottom:10px;} .spotlightsTout-verticalimage { float: left; padding-top:2px; } .spotlightsTout-vertical-txt { } .spotlightsTout-vertical-txt-title { margin:10px 20px 5px 0; padding-right:5px; font-size:10px; font-weight:bold; } .spotlightsTout-vertical-txt-desc { font-size:10px; line-height:14px;padding-right:5px; padding-bottom:5px; margin-right: 20px;} /* minispotlight styles - END */ /*icons on left nav*/ .genericcolumntout .head-icon { position: relative; height: 43px; width: auto; } .genericcolumntout .head-icon .head { position: absolute; left: 49px; bottom: -6px; font-size: 21px; } .clear { clear: both; width: 100%; } .left { float: left; } .bottom { clear: both; } .editorial .content .gfcform { float: left; width: 461px; position: relative; margin-left: 4px; } .normal { position: absolute; top: 0px; left: 0px; display: none; } .progress { z-index:1; display: block; position: fixed; top: 50%; left: 0px; margin-top: -100px; width: 100%; text-align: center; } *html .progress { z-index:1; display: block; padding-top:270px; width: 100%; text-align: center; } .progress .indicator { height: 200px; width: 200px; margin: 0px auto; background-position: center center; background-repeat: no-repeat; cursor: wait; } .progress .indicator .state { height: 200px; width: 200px; background-position: center center; background-repeat: no-repeat; } .signuptout { margin-top: 0px; width:230px; } .signuptout .head { margin: 0px 0px 0px 3px; padding: 0px; font-size: 20px; font-weight:bold; } .signuptout P { margin: 10px 15px 13px 3px; line-height: 16px; width:220px; } .signuptout a {display: block; width: 97px; height: 26px;} .signuptout a:link {background-position: 0px 0px;} .signuptout a:hover {background-position: 0px -26px;} .genericcolumntout { margin-top: 10px; } .genericcolumntout .head { margin: 0px 0px 0px 3px; padding: 0px; font-size: 20px; } .genericcolumntout P { margin: 10px 0px 13px 3px; line-height: 16px; } .resources .shareYourThoughts{ margin-top:9px;} .shareYourThoughts a {display: block; width: 192px; height: 26px; margin-bottom:20px;} .shareYourThoughts a:link {display: block; width: 192px; height: 26px; margin-bottom:20px;} .shareYourThoughts a:hover {display: block; width: 192px; height: 26px; background-position: 1px 0px;} .viewAllOffers a {display: block; width: 132px; height: 26px;} .viewAllOffers a:link {display: block; width: 132px; height: 26px; margin-bottom:20px;} .viewAllOffers a:hover {display: block; width: 132px; height: 26px; background-position: 1px 0px;} /* end global styles */ /* masthead styles */ #masthead { margin: 0px; padding: 0px; } #masthead .logo { padding: 17px 0px 0px 20px; } #masthead #navigation { float: right; width: 706px; margin-top: 12px; font-size: 11px; } #masthead #navigation UL.topnav { margin: 0px; padding: 0px; height: 61px; } #masthead #navigation UL.topnav LI { float: left; list-style: none; } /*CSS ADDED FOR SCJBRAND LOGO */ #masthead .scjbrandlogo { padding: 0x 0px 0px 0px; float:left; } #masthead .rightathomelogo{ margin-top:14px; margin-left:18x; float:left;} /* ie6 */ #masthead #navigation .search { margin: 5px 0px; } html>body #masthead #navigation .search { width: 415px; margin: 10px 0px; text-align: right; } #masthead #navigation .search .box { position: relative; height: 36px; } #masthead #navigation .search .box INPUT { position: absolute; top: 3px; left: 7px; border: none; font-size: 20px; color: #7f8366; width: 300px; background: none; } #masthead #navigation .search .box A.button { position: absolute; top: 0px; left: 315px; } #masthead #navigation .search .box A.adv { position: absolute; top: 3px; width: 60px; left: 370px; text-align: left; } #masthead #navigation .search .box A:hover { } #masthead #navigation .search .advanced { text-align: left; margin: 3px 0px 0px 5px; } #masthead #navigation UL.subnav { float: right; margin: 7px 0px 0px 0px; padding: 0px; list-style: none; width: 240px; } #masthead #navigation UL.subnav LI { float: left; width: 120px; } #masthead #navigation UL.subnav LI DIV { border-bottom: 1px solid #ccc; margin: 0px 0px 2px 10px; padding-bottom: 1px; } #masthead #navigation UL.subnav LI A { color: #545454; } #masthead #navigation UL.subnav LI A:hover { } #masthead #navigation .shoppinglist { float:left; clear:none; margin: 0px 0px 2px 0px; padding-left:5px; padding-bottom: 1px; padding-right: 6px;}/*modified this tag to fix Defect #633*/ #masthead #navigation .shoppinglist a { color:#545454; } #masthead #navigation .langswitch { float:left; width:109px; clear:right; padding:0 6px 4px 10px; margin:0; } #masthead #navigation .langswitch a { color:#545454; } #masthead #navigation .shoppinglistimg {float:left; position: relative; width:20px; margin-top:-2px; } /* end masthead */ /* footer styles */ #pagefooter { position: relative; width: 954px; margin-top: 30px; padding: 0px 0px 20px 0px; background: url('/_layouts/images/SCJohnson/RightAtHome/Footer/footershadow.png') top left repeat-x; color: #666; font-size: 11px; line-height: 14px;} * html #pagefooter {width: 954px;} #pagefooter A { color: #666; } #pagefooter A:hover { } #pagefooter .brands .scjohnson{margin-left: 27px;margin-top:-2px} #pagefooter .brands .glade{margin-left: 25px} #pagefooter .legal { float: right; margin-right: 4px; } .progress .indicator { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Images/progressback.png', sizingMethod='image'); background-image: url('/_layouts/images/SCJohnson/RightAtHome/spacer.gif'); } #pagefooter .page { position: absolute; top:0px; right:0px; height: 96px; width: 237px; background: url(/_layouts/images/SCJohnson/RightAtHome/Footer/footerpage.png) bottom right no-repeat; z-index: 10; } /* ie6 */ #pagefooter .brands { position: relative; z-index: 100; margin-bottom: 30px; margin-left:27px; } #pagefooter .brands A { float: left; margin-top:16px; } /* ie6 */ #pagefooter .brands A { cursor: hand; } html>body #pagefooter .brands { position: relative; z-index: 100; margin-bottom: 30px; height: 96px; margin-left:9px;} html>body #pagefooter .brands A { float: left; margin-top:16px;} * html #pagefooter .brands A img{visibility:hidden;} #pagefooter UL { margin: 0px 0px 0px 20px; padding: 0px; width: 600px;} #pagefooter UL LI { float: left; list-style: none; padding: 0px 0px 0px 5px; margin: 0px 0px 0px 5px; border-left: 1px solid #b8b8b8; } #pagefooter UL LI.first { padding: 0px; margin: 0px; border-left: none; } /* end footer */ .itemhdrprimary { font-weight: bold; font-size: 25px; margin-bottom: 10px; } .itemhdrsecondary { font-weight: bold; font-size: 18px; margin-bottom: 12px; } .itemhdrsecondary h1{font-size: 18px;} /* UNSORTED */ .articleimagelist { float: right; margin: 40px 0px 20px 20px; clear:right;} .articleimagelist IMG { display: block; margin-bottom: 10px; } .article UL { margin: 0px; padding: 0px; } .article UL LI { margin: 0px 0px 10px 0px; padding: 0px; list-style: none; } .article #articleList UL LI img{ margin: 0px 25px 0px 0px; float:left;} .article #articleList ul li{ float:left; width:430px; display:block;} .article #articleList ul li a{ float:left; display:block; font-size:20px; line-height:22px;} .article #articleList .art{ float:left; display:block; width:230px;} .article #articleList .art .description{ float:left; display:block; clear:both; padding-top:5px;} .article .steps { } .article DIV.step { line-height: 16px; margin-bottom: 20px; } .article SPAN.step { font-size: 18px; padding-right: 12px; } .article .articleMiddleTout { padding-bottom:15px; } .article .articleTout { padding-bottom:15px; } #no-results{padding:10px;} .challengearticle .steps { } .challengearticle DIV.step { line-height: 170%; margin-bottom: 20px; } .challengearticle SPAN.step { font-size: 18px; padding-right: 12px; } /* lightbox styles */ #lightbox { position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img { border: none; } #outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; border-left: solid 1px #cdcdcd; border-right: solid 1px #cdcdcd; } #imageContainer { padding: 10px; } #loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer > #hoverNav { left: 0; } #hoverNav a { outline: none; } #prevLink, #nextLink { width: 10%; height: 100%; display: block; opacity: 0.7; filter: alpha(opacity = 70); } #prevLink { left: 0; margin: 10px 0px 0px 1px; float: left; background: #fff url(/_layouts/images/SCJohnson/RightAtHome/lightbox/left.gif) right 48% no-repeat; } #nextLink { right: 0; margin: 10px 1px 0px 0px; float: right; background: #fff url(/_layouts/images/SCJohnson/RightAtHome/lightbox/right.gif) left 48% no-repeat; } #imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; border-left: solid 1px #cdcdcd; border-right: solid 1px #cdcdcd; } #imageData { padding: 0 10px; } #imageData #imageDetails { width: 100%; float: left; text-align: left; } #imageData #caption { font-weight: bold; width: 70%; padding-bottom: 8px; display: block; clear: both; } #imageData #numberDisplay { display: block; width: 70%; float: left; padding-bottom: 10px; } #imageData #imageDetails #bottomNav { display: block; float: right; width: 25%; } #imageData #imageDetails #bottomNavClose { float: right; bottom: 10px; padding-bottom: 10px; } /* ie6 */ #containerShadow { font-size: 1px; line-height: 1px; height: 6px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_layouts/images/SCJohnson/RightAtHome/lightbox/shadow.png', sizingMethod='scale'); background-image: url(/_layouts/images/SCJohnson/RightAtHome/spacer.gif); } html>body #containerShadow { height: 6px; background: url(../../img/lightbox/shadow.png) top left repeat-x; margin: 0 auto; width: 100%; padding-bottom: 6px; } #overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } * html .clearfix { /* Hides from IE-mac \*/ height:1px; /* End hide from IE-mac */ } .clearfix { display:block; min-width:0; } /* end lightbox styles */ /* poll styles */ .aPoll{ position:relative; width:228px; line-height:16px; margin: 50px 0px 50px 10px; clear:both;} .pollIntro{padding:15px 10px 15px 8px;background:#fbf5ed;border-bottom:#e7eef3 2px solid; color:#5c3f38;} .pollError{background:#FFFFFF;color:#FA724C;padding:12px 10px 12px 8px;} .pollTitle{position:absolute;top:35px;left:19px;} .pollPad{width:210px;margin-left:9px;} .pollHead{width:228px; height:68px;} .pollAnswer TD {color:#917973;border-bottom:#e7eef3 2px solid; padding: 5px 5px 5px 5px;} .pollAnswer LABEL { float:left; width:165px; margin-left: 10px; position:relative; } .pollAnswer input { float:left; } .pollAnswer {color:#917973;} .pollAnswer div.pollAnswerText{padding:6px 10px 10px 10px;margin:0; } .pollAnswer p{padding:6px 0px 6px 6px;margin:0; } .pollPad .separator {color:#917973;border-bottom:#e7eef3 2px solid; height:2px;} .pollFoot{ position:relative; width:228px;} .pollFootPad{padding:20px;} #seeResults{ position:absolute;left:140px;top:24px;} .pollResult{ height:15px; border:#e7eef3 1px solid; width:178px; background:#FFFFFF;margin:6px 10px 10px 10px; } .pollResultBar{ height:15px;float:left;} .pollResultBarPercent{padding:0 3px 5px 5px;height:15px;clear:right;font-size:11px;} .pollSeparator{ height:2px; border-bottom:#e7eef3 2px solid; } /* end poll styles */ /* commenting styles */ #comments{ padding-top: 18px; line-height: 16px; clear:both;} #commentsTitle{font-size:24px;padding:10px 0;} .commentsNumber{font-size:26px;} #commentOnThis{position:relative;padding:10px 0; border-top:#E5E5E5 2px solid;border-bottom:#E5E5E5 1px solid; height:25px;} #commentOnThisNoLine{position:relative;padding:10px 0; height:25px;} #commentOnThisText{float:left;font-size:16px; width: 275px;} #recentCommentText{font-size:16px;} #commentOnThisBtn{position:absolute;right:3px;} #shownComments{} #showAllComments{ margin-top: 20px;} #hiddenComments{ display:none;} #submitComment{border-bottom:#E5E5E5 1px solid;padding:0 0 20px 0;} #commentThankyou{font-size:16px;} .comment{padding:20px 0;margin:0 0 0 0;border-bottom:#E5E5E5 1px solid;} .commentHead{padding:10px 0;} .commentDate{float:left;} .commentUser{font-weight:bold;} .commentText{line-height:16px; overflow:visible; word-wrap: break-word } .commentsPagination{position:relative;padding:0px 0;margin:10px 0;border-bottom:#E5E5E5 1px solid; height:25px;} .commentsPaginationLeft{float:left;} .commentsPaginationRight{position:absolute;right:3px;} .commentInput{width:300px;} .commentTextarea{width:400px;height:167px;} /* end commenting styles */ /* show & tell */ #snt_wrapper { position: relative; } #this_months_img_wrapper { position: absolute; left: 433px; top: -6px; z-index: 10000 } #this_months_img { behavior: url(/_layouts/SCJohnson/RightAtHome/Scripts/iepngfix.htc); height: 41px; width: 202px; } #snt_main_img { margin-left: 0px; float: left; } #snt_main_img img { border: 0; } #snt_txt_wrapper { background: #274145; float: left; height: 247px; left: 452px; top: 0; width: 247px; } #snt_txt { margin: 70px auto 0; width: 187px; } /* Ecards Begin */ #masthead .logo-ecard {padding:17px 0 0 12px;} #flashcontent { width: 708px; height: 592px; background-color: #ffffff;} .another {float:right; width:460px;} .another h4 {font-size: 24px; text-transform: lowercase; font-weight: normal; border-bottom: 3px solid #e6e6e6; margin: 0 0 8px 0; padding: 0px 0px 5px 0px;} .another div {font-size:14px; font-weight:bold; } .ecardsmain {width:708px; float:left;} .ecardsmain h3 {font-size: 30px; text-transform: lowercase; font-weight: normal; margin: 0px 0px 0px 0px;} .ecardscontent { margin:8px 0px 0px 8px;} .ecardscontent .ecardsmain .ecards .ecardsintro .getstart {font-size:12px;} .ecards {clear:both; height:144px;} .ecard {float:left; padding:6px 18px 0px 0;} .ecardrule {clear:both; border-top:2px solid #e6e6e6; display:block; margin-top:6px;} .ecardsintro {padding:34px 0px 0px 0px; float:right; width:475px;} .ecardsintro h4 {font-size: 21px;font-family: Georgia; line-height:100%; text-transform: lowercase; font-weight: normal; margin: 0px; padding: 0px 0px 8px 0px;} #ecardmodule {margin:10px 0; width:708px;} .btnseemore {font-weight:bold; padding-left:20px;} .ecardbutton {clear:both; background-image: url('/_layouts/IMAGES/SCJohnson/RightAtHome/ecards/button_bg.jpg'); background-repeat:no-repeat; width:708px; height:52px; padding-top:13px;} .a1 {width:170px; height:40px; float:left; background-image: url('/_layouts/IMAGES/SCJohnson/RightAtHome/ecards/icon_cleaning_and_organizing.jpg'); background-repeat:no-repeat; margin:30px 0 14px 0; padding-left:48px;} .a2 {width:170px; height:40px; float:right; background-image: url('/_layouts/IMAGES/SCJohnson/RightAtHome/ecards/icon_designing_for_your_home.jpg'); background-repeat:no-repeat; margin:30px 0 14px 0; padding-left:48px;} .a3 {width:170px; height:40px; float:left; background-image: url('/_layouts/IMAGES/SCJohnson/RightAtHome/ecards/icon_food_and_cooking.jpg'); background-repeat:no-repeat; margin:20px 0; padding-left:48px;} .a4 {width:170px; height:40px; float:right; background-image: url('/_layouts/IMAGES/SCJohnson/RightAtHome/ecards/icon_you_and_your_family.jpg'); background-repeat:no-repeat; margin:20px 0; padding-left:48px;} /* ecard right column */ .ecardsright {width:220px; float:right; padding-top:11px; margin-right:-1px; } .ecardsright h4 {font-size: 10px; text-transform: lowercase; font-weight: normal; border-bottom: 3px solid #e6e6e6; margin: 0px 0px 0px -1px; padding: 0px 0px 0px 0px;} .ecardicon {float:left; margin:10px 10px 10px 0;} .icontxt {float:right; margin-top:10px; width:156px;} /* ecard left column, homepage */ .ecardsleft {width:220px; float:left; padding-top:13px;} .ecardsleft H5 {border-bottom: #e6e6e6 3px solid; padding-bottom: 5px; text-transform: lowercase; margin: 0px; padding-left: 0px; padding-right: 0px; font-size: 18px; font-weight: bold; padding-top: 0px;} /* rollover buttons */ .sendone a {display: block; margin-top:8px; width: 120px; height: 26px;} .sendone a:link {background-position: 0px 0px;} .sendone a:hover {background-position: 0px -26px;} .createanother a {display: block; margin-left:256px; width: 193px; height: 26px;} .createanother a:link {background-position: 0px 0px;} .createanother a:hover {background-position: 0px -26px;} .getstart a {display:block; margin-top:25px; margin-left:-2px; width: 120px; height: 26px;} .getstart a:link {background-position: 0px 0px;} .getstart a:hover {background-position: 0px -26px;} .lovethis a {display:block; margin-left:204px; width: 307px; height: 26px;} .lovethis a:link {background-position: 0px 0px;} .lovethis a:hover {background-position: 0px -26px;} .ecardsmain .articletip .divider{ border-bottom: none; } /* Ecards End */ /* DW additions -START */ .share-cleanup { display: block; padding-left:465px; } .share-cleanup a { display: block; width: 164px; height: 26px; } .share-cleanup a:link { background-position: 0px 0px; } .share-cleanup a:hover { width: 164px; height: 26px; } .mostpopular .items .item1 { font-size:36px; font-weight:bold; } .mostpopular .items .item2 { font-size:20px; font-weight:bold; } .blocktitlefix { font-size:16px; font-weight:bold; margin: 0px 0px 15px 0px; padding: 0px; } .submitcouponbutton { width: 132px; height: 29px; } .submitcouponbutton A { display: block; background: #fff url(../../offers/OctCoupons/i/submit.gif) 0px 0px no-repeat; width: 132px; height: 29px; } .submitcouponbutton A:link { background-position: 0px 0px; } .submitcouponbutton A:hover { /*display: block; background: #fff url(../../offers/OctCoupons/i/submit_Btn_RO.jpg) 0px 0px no-repeat; width: 132px; height: 29px;*/ } .printcouponbutton { width: 132px; height: 29px; } .printcouponbutton A { display: block; width: 132px; height: 26px; } .printcouponbutton A:link { background-position: 0px 0px; } .printcouponbutton A:hover { display: block; width: 132px; height: 26px; } #ol_wrap ol li { margin:0px 0px 10px 30px; padding:0px; } #ol_wrap ol li ul { margin:5px 0px 0px 0px; padding:0px 0px 5px 0px; list-style-type:disc; } /* DW additions - END */ /* Article sponsored by lines */ .sponsoredText { color:#666666; } .sponsoredText span { color:#cc3333; } /* jqModal styles - currently only used on glade sponsored article pid=852 */ .jqmWindow { display:none; position:absolute; top:17%; left:50%; width:600px; z-index:3000; margin-left:-300px; color:#FFF; } /* The Window's CSS z-index value is respected (takes priority). If none is supplied, the Window's z-index value will be set to 3000 by default (via jqModal.js). */ .jqmOverlay { background-color:#fff; } * iframe.jqm { position:absolute; top:0; left:0; z-index:-1; width:expression(this.parentNode.offsetWidth+'px'); height:expression(this.parentNode.offsetHeight+'px'); } /* Background iframe styling for IE6. Prevents ActiveX bleed-through (