@charset "utf-8";
/* CSS Document */

/* global styles */
HTML, FORM, BODY { height: 100%; }
*html #body { height: 100%; }
BODY { background: #e8eadd  url(http://f.chtah.com/s/22/386906276/winter_back.gif) top left repeat; margin: 0; padding: 0; text-align: center; font-family: Georgia, Times New Roman, Verdana, Arial; font-size: 67%; color: #676767; }
a {color:#3f90b2;text-decoration:none;}
a:hover {color:#01212e;text-decoration:none;}

IMG { border: none; }
INPUT { font-family: Georgia, Times New Roman, Verdana, Arial; }
DIV.clear { clear: both; }

#body { position: relative; width: 974px; min-height: 100%; background: url(http://f.chtah.com/s/22/386906276/winter_midshadow.png) top left repeat-y; margin: 0px auto; text-align: left; }
#body #fullcontent { margin: 0px 10px; }

.maincontent { margin: 10px 0px 0px 6px; }
.editorial { float: right; width: 707px; }
.editorial .article { float: left; width: 425px; position: relative; }
.editorial .content { float: left; width: 463px; position: relative; }
.editorial .resources { float: right; width: 242px; }
/* 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; }
#masthead #navigation UL.topnav { margin: 0px; padding: 0px; height: 61px; }
#masthead #navigation UL.topnav LI { float: left; list-style: none; }
#masthead #navigation .search { position: relative; width: 415px; margin: 5px 0px; text-align: right; }
#masthead #navigation .search .searchbox { position: absolute; top: 7px; left: 0px; background: url(http://f.mail-scjohnson.com/s/22/386906276/07_forms_searchback.png) top left repeat-x; border: none; font-size: 190%; color: #7f8366; padding: 5px; width: 350px; }
#masthead #navigation .search .advanced { text-align: left; margin: 3px 0px 0px 5px; }
/* end masthead */

 /* footer styles */
#pagefooter { margin-top: 30px; padding: 0px 0px 20px 4px; background: url(http://f.mail-scjohnson.com/s/22/386906276/07_forms_footershadow.png) top left repeat-x; color: #666; }
#pagefooter A { color: #666; }
#pagefooter .brands { margin-bottom: 30px; background: url( http://f.mail-scjohnson.com/s/22/386906276/07_forms_footer_scJohnson.gif) bottom right no-repeat; height: 96px; }
* html #pagefooter .brands { background-position: 782px 0; }
#pagefooter UL { margin: 0 0 0 16px; padding: 0px; clear: both; }
#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 */

/* left styles */
.sidebar { float: left; width: 237px; }
.sidebar .items { margin: 35px 5px 0px 3px; }

.leftnav { height: 392px; background: #c0391b; font-size: 150%; text-transform: lowercase; }
.leftnav .section { background: #9a2e14 url(http://f.chtah.com/s/22/386906276/winter_leftnav_back.png) bottom left no-repeat; padding: 20px 0px 33px 12px; color: #f3d1a4; font-size: 100%; }
.leftnav .section H2 { margin: 0px; padding: 0px; }
.leftnav A { color: #ebcd9b; }
.leftnav A.active { font-weight: bold; }
.leftnav A:hover { text-decoration: none; }
.leftnav UL { margin: 0px 0px 0px 15px; padding: 0px; }
.leftnav UL LI { border-top: 1px solid #d28863; list-style: none; margin-bottom: 0px; padding-top: 2px; }
.leftnav UL LI.first { border-top: none; }

.articletip { padding-bottom: 15px; margin-bottom: 40px; border-bottom: 1px solid #e5e5e5; }
.articletip .sidetip { position: relative; }
.articletip .sidetipc { cursor: pointer; }
.articletip .sidetip .tiptext { float: left; width: 115px; }
.articletip .sidetip .tiptype { float: left; padding: 0px 10px 10px 0px; }
.articletip .sidetip .tipstate { position: absolute; top: 75px; left: 70px; }

.sidebar H4 { margin: 0px; padding: 0px; color: #3f90b2; text-transform: lowercase; }
.sidebar .divider { background: #e5e5e5; height: 2px; margin: 5px 0px 10px 0px; }
/* end left styles */

/* middle styles */
.artlistintro { position: relative; margin: 0px 10px; height: 392px; }
.artlistintro .details { position: absolute; bottom: 30px; left: 0px; width: 430px; }
.artlistintro H1.pageTitle { font-size: 510%; color: #3f90b2; margin: 0px; padding: 0px; }
.artlistintro .pageDescription { position: relative; font-size: 130%; font-weight: bold; color: #842529; width: 380px; margin-bottom: 30px; }
.artlistintro .featured { position: relative; width: 430px; }
.artlistintro .featured H4 { font-size: 150%; margin: 0px 0px 5px 0px; padding: 0px; }
.artlistintro .featured .article { position: absolute; bottom: 0px; right: 0px; width: 195px; }
.artlistintro .featured .article A { display: block; padding-bottom: 5px; margin-bottom: 4px; color: #7c2d1c; font-size: 190%; font-weight: 500; text-transform: lowercase; border-bottom: 2px solid #e5e5e5; }
.artlistintro .featured .article .description { color: #423330; font-size: 130%; line-height: 180%; }

.articleheader { height: 392px; position: relative; }
.articleheader .details { position: absolute; bottom: 0px; left: 240px; width: 202px; }
.articleheader .details H1 { margin: 0px 0px 5px 0px; padding: 0px 0px 8px 0px; color: #3f90b2; font-size: 390%; text-transform: lowercase; font-weight: normal; border-bottom: 2px solid #e5e5e5; line-height: 103%; }
.articleheader .details H1 SPAN { font-size: 0px; }
.articleheader .details .description { color: #5b3334; font-size: 150%; font-weight: 500; line-height: 180%; letter-spacing: 50%; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; }

.arttools { margin: 30px 0px 20px 0px; }
.recipefinderintro { font-size: 110%; font-weight: bold; margin-bottom: 10px; }
.recipefinder SELECT { display: block; width: 100%; margin-bottom: 20px; }

.filters .filterintro { margin-bottom: 10px; padding-left: 10px; }
.filters .lists { background: #f8f9f4; padding: 7px 0px 7px 10px; }
.filters .lists SELECT { width: 23%; margin-right: 5px; }

.pager { background: #f0f1e9; padding: 10px; }
.pager .artdetails { float: left; }
.pager .paging { float: right; }
.pager INPUT { vertical-align: middle; }

#artListContainer UL { margin: 0px; padding: 0px; }
#artListContainer UL LI { list-style: none; margin: 0px 0px 10px 0px; padding: 10px 0px 0px 0px; border-top: 1px solid #ccc; }
#artListContainer UL LI IMG { float: left; margin-right: 10px; }
#artListContainer UL LI A { display: block; }
#artListContainer UL LI .art { float: left; width: 270px; }
#artListContainer UL LI .art A { display: block; margin-bottom: 5px; color: #7c2d1c; font-size: 190%; font-weight: 500; text-transform: lowercase; }

.itemhdrprimary { color: #083142; font-weight: bold; font-size: 230%; margin-bottom: 10px; }
.itemhdrsecondary { color: #3f90b2; font-weight: bold; font-size: 170%; margin-bottom: 12px; }

.recipeingredients { width: 200px; }

.textblock { margin-bottom: 30px; }
.textblock H3 { font-size: 230%; font-weight: normal; color: #3f90b2; margin: 0px 0px 15px 0px; padding: 0px; text-transform: lowercase; }
.textblock H4 { font-size: 130%; font-weight: bold; color: #7b2411; display: inline; margin: 0px; padding: 0px; }
.textblock H5 { font-size: 130%; font-weight: bold; color: #7b2411; margin: 0px; padding: 0px; }

.articleintrooverflow { margin-bottom: 15px; }

.ratingStar { font-size: 0pt; width: 22px; height: 19px; margin: 0px 0px 0px 1px; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat; }
.filledRatingStar { background-image: url(http://f.mail-scjohnson.com/s/22/386906276/07_forms_FilledStar.png); }
.emptyRatingStar { background-image: url(http://f.mail-scjohnson.com/s/22/386906276/07_forms_EmptyStar.png); }
.savedRatingStar { background-image: url(http://f.mail-scjohnson.com/s/22/386906276/07_forms_FilledStar.png); }
.artrating { float: right; width: 210px; margin: 0px -20px 10px 0px; }
.artrating .box { color: #5a3e3a; margin-left: 20px; }
.artrating .ratecount { padding: 9px 0px 13px 7px; text-transform: lowercase; background: url(http://f.mail-scjohnson.com/s/22/386906276/07_forms_rating-top.jpg) top left; }
.artrating .rating { padding: 11px 10px 11px 7px; background: url(http://f.mail-scjohnson.com/s/22/386906276/07_forms_rating-bottom.jpg) top left; }
.artrating .rating .selector { float: right; }
.artrating .rating .ratelabel { margin-top: 5px; }
.artrating UL.times { 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.utility { margin: 0px 0px 15px 0px; padding: 0px 0px 8px 0px; color: #3f90b2; font-size: 390%; text-transform: lowercase; font-weight: normal; border-bottom: 3px solid #e5e5e5; }
.feedback H4 { font-size: 150%; margin: 10px 0px; }
.feedback H4 A { display: block; color: #7b2411; }
.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 TEXTAREA { width: 350px; }
.utility .checkbox { margin-top: 4px; }
.utility .checkbox INPUT { position: relative; left: -4px; top: 2px; }
.errorsummary { margin-top: 10px; }
/* end middle styles */

/* right styles */
.resources .promo { width: 242px; height: 392px; background: green; }
.resources .mostpopular { width: 242px; height: 392px; background: #f8e0bc; }
.resources .mostpopular .items { padding: 15px 0px 0px 15px; }
.resources .mostpopular H3 { font-size: 120%; text-transform: lowercase; margin: 0px 0px 0px 0px; padding: 0px; }
/* end right styles */

/* sIFR styles */
.sIFR-flash { visibility: visible !important; margin: 0; top: 0; left: 0; z-index: -2; }
.sIFR-replaced { position: relative; visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

A.sifr-ghost { visibility: visible !important; font: bold Arial; font-size: 150% !important; letter-spacing: 150%; display: block; text-decoration: none; line-height: 0; z-index: 99; top: -1px; left: 0; width: auto; height: 100%; padding: 0px 0px 8px 0px; margin: 0; overflow: hidden; background-image: none !important; position: absolute; }
.leftnav UL LI .sIFR-alternate { display: none; position: absolute; }

.sIFR-flash + div[adblocktab=true] { display: none !important; }
.sIFR-hasFlash .mostpopular H3 { font-size: 19px; }
.sIFR-hasFlash .sidebar H4 { font-size: 17px; }
.sIFR-hasFlash .leftnav UL LI.active { font-size: 17px; }
.sIFR-hasFlash .leftnav UL LI.other { font-size: 17px; }
.sIFR-hasFlash .leftnav .section H2 { font-size: 16px; }
.sIFR-hasFlash .artlistintro .featured H4 { font-size: 22px; }
/* end sIFR */




/* UNSORTED */

.articleresource { background: #fef1de; padding-top: 15px; margin-bottom: 70px; }
.resources H3 { font-size: 200%; font-weight: normal; color: #7b2411; margin: 0px 0px 0px 15px; text-transform: lowercase; }
.resources .divider { background: #e4d8c7; height: 2px; margin: 5px 0px 10px 15px; }
.articleresource .text { margin: 0px 15px; padding-bottom: 15px; }

.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; }

.articleresourcelinks { background: #f9e0bc; margin-top: 2px; padding: 15px 0px; }

.articleresourcelinks UL { margin: 0px 0px 0px 15px; padding: 0px; }
.articleresourcelinks UL LI { list-style: none; margin: 0px 0px 5px 0px; padding: 5px 15px 0px 0px; border-top: 1px solid #e0c9a9; }
.articleresourcelinks UL LI.first { border-top: none; padding: 0px; }

H3.gallery { font-size: 200%; font-weight: normal; color: #3f90b2; margin: 0px 0px 5px 0px; padding: 0px; text-transform: lowercase; }
.articlegallery { float: right; padding: 0px 0px 15px 15px; margin-right: -20px; }
.articlegallery A.galleryother { display: none; }

.articleimagelist {  float: right; margin: 40px 0px 20px 20px; }
.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 .steps { }
.article DIV.step { line-height: 170%; margin-bottom: 20px; }
.article SPAN.step { font-size: 170%; padding-right: 12px; color: #7d1f17; }

.facts { margin: 0px 0px 0px 14px; }
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; }

UL.menu LI IMG { float: left; margin: 0px 25px 25px 0px; }

/* lightbox styles */

#lightbox { position: absolute; 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; }

#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: 49%; height: 100%; background: transparent url(http://f.mail-scjohnson.com/s/22/386906276/07_forms_blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(http://f.mail-scjohnson.com/s/22/386906276/07_forms_prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://f.mail-scjohnson.com/s/22/386906276/07_forms_nextlabel.gif) right 15% no-repeat; }

#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

#imageData { padding: 0 10px; color: #666; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }
#imageData #caption { font-weight: bold; padding-bottom: 8px; display: block; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; }

#overlay { position: fixed; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* end lightbox styles */