/* Fine Cooking Stylesheet */

@import url(header.css);

body { background: #fff; color: #555555; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; text-align: center; }
form { margin: 0; padding: 0; }
.clearfloat { clear: both; float: none; height: 0px; line-height: 0px; }
img { border: 0; text-decoration: none; }

/*Footer*/
#footer { clear: both; width: 1002px; padding: 20px 0; text-align: center; font-size: 12px; line-height: 20px; color: #363636; }
/*#footer img { margin: 0 0 10px 0; }*/
#footer a { color: #363636; font-size: 12px; text-decoration: none; }*
#footer a:hover { text-decoration: underline; }*

/*Page Layouts*/
#contents { width: 1002px; margin: 0 auto; padding: 0; vertical-align: top; text-align: left; }*
#main-content { float: left; width: 1002px; margin-top: 15px; padding: 0; }*
#left { float: left; width: 650px; margin-bottom: 20px; }*
#right { float: right; width: 335px; margin-bottom: 20px; }*

#content-block { padding-top: 6px; }
.favorites #content-block { padding-top: 0; }

/*Heading styles*/
h1 { font-size: 24px; font-weight: normal; font-family: Georgia, Verdana; margin: 5px 0; }*
.how_to h1, .specialcollection h1 { color: #de9a20; }*
.recipes h1 { color: #bc5e01; }*
h2 { font-size: 14px; margin: 20px 0 10px 0; }*
/*h2.articleHead { color: #3044a8; font-size: 12px; padding: 15px 0 0 0;*/ /*clear: right; fix so tip box on right has text float next to it }*/
.panel h2.articleHead, .panelLite h2.articleHead { margin: 0 0 10px 0; padding: 0; }
h2.menu { color: #bc5e01; font-size: 16px; margin: 0 0 5px 0; text-transform: uppercase; }*
h3, #misc strong, #misc b { display: block; color: #f07802; padding: 5px 0; margin: 20px 0 10px 0; text-transform: lowercase; }*
h5 { /*color: #3B4CB3;*/ font-size: 12px; margin: 25px 0 10px 0;  }

.browse h1 { font-size: 30px; color: #ed8d03; margin: 0 0 10px 0; padding: 5px 0; }

#subfeature-list h1 { color: #ee4001; display: block; margin: 0 0 10px 0; font-size: 18px; }

/*Links*/    
a { color: #595959; }
/*a:hover { text-decoration: underline; }*/
#left a { /*color: #3B4CB3;*/ text-decoration: underline; }*
/*#left a:visited { color: #9166D7; }*/
#right a { color: #595959; }
#main-content #left a.cyor-start { color: #ff9800; font-weight: bold; font-size: 15px; text-decoration: none; display: block; margin-top: 3px; width: 145px; }

/*Ads*/
.advertising-lrec { float: left; background: #f4eed0; width: 336px; height: 280px; margin-bottom: 15px; }*
.advertising-lrec #adSpot1 { vertical-align: middle; width: 100%; height: 100%; text-align: center; }*
.advertising-lrec #adSpot1 img { vertical-align: bottom; }*
.advertising-leaderboard { float: left; padding: 10px 0; width: 1002px; background: #f4eed0; text-align: center; margin-bottom: 20px; height: auto; clear: both; }*
.advertising-leaderboard.top table { float: left; margin: 0 20px; }*
.advertising-leaderboard td div { margin: 0 auto; } /* google fix */
.home .index .advertising-leaderboard.top { display: none; }*

.rnr .advertising-leaderboard, .flashapp .advertising-leaderboard { width: 1018px; margin-left: 0; margin-top: 0; }

#sub-renew { float: left; border: 0; }*
#sub-renew img { border: 0; }*

/*email-print bar*/
#email-print { float: left; display: block; clear: both; margin-bottom: 20px; width: 620px; *width: 650px; padding: 6px 15px; color: #fff; font-weight: bold; font-size: 11px; }*
.how_to #email-print, .specialcollection #email-print { background: #de9a20; }*
.recipes #email-print { background: #f07802; }*
#email-print a { color: #fff; font-weight: bold; text-transform: uppercase; text-decoration: none; }*
#email-print a:hover { text-decoration: underline; }*
#email-print .divider { padding: 0 10px; }*

/*Images*/
.image-lead { float: right; width: 270px; margin: auto 0 15px 10px; }
.image-lead .download { text-align: center; width: 270px; float: left; margin: 0; }
.image-lead img.pdf { width: 113px; height: 18px; }
.image-vertical { float: right; width: 210px; margin: auto 0 15px 10px; }
.image-3up { float: left; width: 145px; margin: 15px 5px 10px 0; padding: 0; }
.image-3up img { width: 145px; height: auto; }
.image-2up { float: left; width: 210px; margin: 15px 8px 15px 0; }
.image-1up { float: none; width: 210px; margin: 15px 0 15px 0; }
.image-small { float: right; width: 145px; margin: auto 0 15px 10px; }
.image-lead img, .image-vertical img, .image-3up img, .image-2up img, .image-1up img, .image-small img { margin-bottom: 8px; }
.caption, #caption { display: block; width: 96%; font-size: 10px; font-weight: bold; }*
.recipes .caption, .recipes #caption, .recipes .caption a, .recipes #caption a { color: #bc5e01; }*
.how_to .caption, .how_to #caption, .specialcollection .caption, .specialcollection #caption, .how_to .caption a, .how_to #caption a, .specialcollection .caption a, .specialcollection #caption a { color: #de9a20; }*

.cyor .image-lead { width: 145px; }
.cyor .image-lead img { width: 145px; height: 142px; }
.cyor .image-lead img.arrow { width: 16px; height: 15px; position: relative; top: 2px; margin-bottom: 0; }

img.zoom-icon { float: right; width: 14px; margin-left: 6px; }

/*Text treatments*/
.subHead { display: block; font-size: 16px; margin: 5px 0; color: #636363; }*
.byline { display: block; margin: 5px 0; font-style: italic; color: #636363; }*
.teaser { font-weight: bold; display: block; }
.teenytinyCredit { font-size: 9px; color: #999; font-weight: normal; }
.contentSection { margin: 20px 0 0 0; }
.Article_Text { margin-top: 0; }
.calloutQuote { margin: 20px 40px; text-align: center; color: #bc5e01; font-weight: bold; font-size: 12px; line-height: 20px; }*
#main-content .tip { display: block; width: 550px; color: #bc5e01; margin: 10px 50px; line-height: 20px; }*
#main-content .tip a { color: #bc5e01; }*
#main-content .tip p { display: inline; }*
#issueCredits, #Article_Credits, #publication-date { font-size: 12px; margin: 10px 0 0 0; }*
.issue-link { color: #3B4CB3; text-decoration: underline; }
.download { text-align: left; width: 300px; margin: 25px auto; }
.qanda .first-letter { color: #de9a20; font-size: 18px; font-weight: bold; }*
.content-access-icon, .subfeature-scroll #scroller li .content-access-icon { /*color: #fdb406; font-weight: bold; font-size: 10px;*/ display: none; }
#center a .content-access-icon { text-decoration: none; }

/*panels and panelpopups*/
.panel, .panelLite { float: left; padding: 15px; /*background: #f6fdc5; color: #3044a8;*/ border: 1px solid #d7d7d7; margin: 10px 0 20px 0; width: 94%; }*
.panel .image-2up { margin-right: 4px; }*
.panelLite h2 { margin: 0 0 10px 0; }
.panel h2 { margin-top: 0; }

.panelPopup { float: none; display: block; clear: both; width: 100%; margin: 12px 0; }*
.panelPopup .panelPopupTeaser { float: left; display: block; width: 415px; margin: 4px 0 0 0; padding: 10px; border: 1px solid #de9a20; height: 43px; }*
.panelPopup .panelPopupTeaser h2 { font-size: 13px; margin: 0 0 5px 0; color: #de9a20; }*
#main-content .panelPopup .panelPopupTeaser a { display: block; font-size: 14px; font-weight: normal; padding: 0; text-decoration: underline; }*
.panelPopup h2.articleHead { padding: 5px 0 0 0; }*
.panelPopup img { float: left; }

/*panelpopup DHTML styles*/
.dhtmlwindow { position: absolute; border: 1px solid black; visibility: hidden; background-color: white; }
.drag-handle { /*CSS for Drag Handle*/ font-weight: bold; font-size: 15px; padding: 4px; cursor: move; overflow: hidden; width: auto; text-align: left; background-color: #de9a20; color: #fff; }
.drag-handle .drag-controls { /*CSS for controls (min, close etc) within Drag Handle*/ position: absolute; right: 1px; top: 5px; cursor: hand; cursor: pointer; }
.drag-contentarea { /*CSS for Content Display Area div*/ border-top: 1px solid black; background-color: white; height: 150px; padding: 8px 25px; overflow: auto; text-align: left; }
.drag-statusarea { /*CSS for Status Bar div (includes resizearea)*/ border-top: 1px solid gray; background-color: #F8F8F8; height: 13px; /*height of resize image*/ }
.drag-resizearea { /*CSS for Resize Area itself*/ float: right; width: 13px; /*width of resize image*/ height: 13px; /*height of resize image*/ cursor: nw-resize; font-size: 0; }

/*slideshows*/
.slideshow { float: left; display: block; width: 650px; height: 350px; padding: 10px 0 0 0; }
/*.slides { width: 525px; }*/
/*.slideshow .iimage img { margin: 15px 0 8px 0; width: 525px; }*/
.slideshow .image-1up { width: 650px; text-align: center; }
.slideshow .previous { float: left; }
.slideshow .next { float: right; }
.slideshow .number { font-size: 10px; }

/*#slideshow { display: block; height: 100%; padding: 10px 0 0 0; }
.slides { width: 100%; color: #3242A4; font-weight: bold; font-size: 11px; } 
#slideshow .iimage img { margin: 15px 0 8px 0; }
#slideshow .previous { float: left; }
#slideshow .next { float: right; }
#slideshow .number { font-size: 10px; }*/

/*Lightbox/'Click to enlarge' 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; width: 250px; height: 250px; margin: 0 auto; background-color: /*#fff*/#f6fdc5; }
#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; }
#imageDataContainer { margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; font: 10px Verdana, Helvetica, sans-serif; background-color: #f6fdc5; /*#fff*/ }
#imageData { padding: 0 10px 10px 10px; display: block; float: left; /*color: #666;*/ color: #4553ac; }
#imageData #imageDetails { width: 80%; float: left; text-align: left; }	
#imageData #caption { font-weight: bold; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em;	}			
#closeLink { width: auto; float: right; padding-bottom: 0.7em; }
#closeLink img { width: 86px; height: 21px; }
#nextLinkDetails { float: right; }
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: transparent; }

/*product attribution in item level pages*/
#product-attribution { float: left; width: 433px; padding: 8px 15px; font-size: 13px; /*background: #fbffde;*/ border: 1px solid #de9a20; }*
#product-attribution a { color: #de9a20; }*
#product-attribution h2 { margin: 0 0 5px 0; }*
#product-attribution h4 { font-size: 13px; margin: 2px 0; font-weight: bold; }
#product-attribution .product-image img { float: left; margin: 0 15px 0 0; }
#product-attribution .product-content { float: left; width: 313px; }
.buy-now-button { margin: 10px 0; }

/*custom companion content content at bottom and right of item level pages*/
#companion-content p { float: none; margin: 20px 0; padding: 0 0 0 10px; }
#companion-content a { display: block; color: #3B4CB3; font-weight: bold; margin: 0 0 3px 0; }
#companion-content p a { display: block; font-weight: bold; margin: 0 0 3px 0; text-decoration: none; }
#companion-content p a:hover { text-decoration: underline; }
#companion-content h2 { margin: 0; }  
#companion-content h1 { font-size: 14px; margin-bottom: -10px; }  

#main-content #right #companion-content p { margin: 0; padding: 0; }
#main-content #right #companion-content h1 { background: #7a7572; color: white; font-size: 10px; font-weight: bold; display: block; padding: 3px 0 3px 4px; text-transform: lowercase; margin-bottom: 10px; }
#main-content #right #companion-content a { color: #5a5c69; padding: 0 0 5px 7px; text-decoration: none; margin: 0; font-weight: normal; }
#main-content #right #companion-content a:hover { background: url(/images/arrow_related.gif) left 3px no-repeat; text-decoration: underline; }
#main-content #right #companion-content span { display: none; }

#main-content #right #subfeature-list, #main-content #right #companion-content { width: 150px; }

#center #subfeature-list, #right #subfeature-list { margin: 10px 0 20px 0; }
#center #subfeature-list a, #right #subfeature-list a { display: block; margin: 0 0 5px 0; padding: 0 0 0 10px; text-decoration: none; font-weight: bold; }
#center #subfeature-list a:hover, #right #subfeature-list a:hover { text-decoration: underline; }
#center #subfeature-list h2, #right #subfeature-list h2 { font-weight: bold; }

#right #subfeature-list { width: 172px; border: 0; margin: 0 0 20px 0; clear: none; }

#main-content #right #companion-content { width: 172px; clear: none; }

/*related content and related product boxes*/
#related-content { float: left; width: 333px; margin: 0 0 15px 0; }*
#related-content h5 { display: block; color: #bc5e01; font-family: georgia, verdana; font-size: 20px; font-weight: normal; padding: 3px 0 3px 4px; text-transform: lowercase; margin-top: 0; }*
#related-content a { display: block; color: #555555; font-size: 11px; text-decoration: none; }*
#related-content a:hover { text-decoration: underline; }*

#related-content .product { float: left; padding: 0 0 10px 0; width: 100px; margin: 0 10px 0 0; font-size: 11px; color: #555555; }*
#related-content .product a { padding: 0; margin: 3px 0; color: #bc5e01; }*
#related-content .product img { float: left; margin-right: 30px; margin-bottom: 5px; }*
#related-content .product .teaser { font-weight: normal; margin-top: 6px; }*

/*right side scroller module*/
.subfeature-scroll { float: left; width: 333px; margin-bottom: 15px; }*
.subfeature-scroll h2 { font-family: georgia; font-size: 20px; font-weight: normal; text-transform: lowercase; margin: 5px 0 10px 0;}
.how_to .subfeature-scroll h2 { color: #de9a20; }
.recipes .subfeature-scroll h2 { color: #f07802; }
.subfeature-scroll #scroller { float: left; width: 330px; height: 160px; overflow: hidden; }
.subfeature-scroll #scroller ul { display: block; height: 160px;  margin: 0; padding: 0; list-style-type: none; z-index: 1; }
.subfeature-scroll #scroller li { float: left; width: 103px; margin: 0 3px; padding: 0; font-size: 10px; }
.subfeature-scroll #scroller li a.image { display: block; width: 103px; }*
.subfeature-scroll #scroller li a.image img { width: 103px; }*
.subfeature-scroll #scroller li div { display: block; clear: none; margin: 0; padding: 0; }*
.subfeature-scroll #scroller li span { display: block; font-size: 11px; color: #555555; clear: left; margin: 2px 0; }
.subfeature-scroll #scroller li span a { text-decoration: none; }
.subfeature-scroll #scroller li span a:hover { text-decoration: underline; }
.recipes .subfeature-scroll #scroll-bar, .qa .subfeature-scroll #scroll-bar, .video .subfeature-scroll #scroll-bar, .how_to .subfeature-scroll #scroll-bar { width: 333px; margin: 0; }
.recipes .subfeature-scroll #track, .qa .subfeature-scroll #track, .video .subfeature-scroll #track, .how_to .subfeature-scroll #track { width: 303px; }

/*modules for channel pages*/
img.hdr_tag { float: left; position: relative; top: -20px; left: 10px; margin-bottom: -20px; }*

#feature-3up { display: block; clear: both; margin: 0; float: left; width: 100%; }
#feature-3up h2 { color: #555555; font-size: 14px; font-weight: bold; font-family: verdana; text-transform: lowercase; margin: 10px 0; }
#feature-3up p { float: left; margin: 0 8px 0 0; width: 115px; clear: right; }
#feature-3up p img { display: block; margin: 0 0 8px 0; width: 115px; height: 115px; }
#feature-3up p a { display: inline; color: #555555; text-decoration: none; font-weight: normal; }
#feature-3up p a:hover { text-decoration: underline; }
#feature-3up p img.icon { margin: 0; }

#feature-list { display: block; clear: both; margin: 0 0 25px 0; float: left; width: 100%; }
#feature-list a { display: inline; }
#feature-list p { float: none; margin: 20px 0; }
#feature-list p.image { float: right; padding: 0; margin: 0 5px 10px 12px; width: 145px; }
#feature-list p.image a { text-decoration: none; padding: 0; margin: 0; }
#feature-list img { float: none; display: inline; }

#feature-menu { float: left; display: block; width: 617px; clear: both; margin: 0; }*
#feature-menu #images { float: right; width: 210px; margin: 0 0 5px 10px; }*
#feature-menu #images p.large-teaser-image { float: right; width: 210px; margin: 0; }*
#feature-menu p.menu { margin-top: 0; font-size: 14px; }*
#feature-menu a { display: inline; color: #bc5e01; text-decoration: none; }*
#feature-menu a:hover { text-decoration: underline; }
#feature-menu p.menu a { font-family: georgia; font-size: 24px; }
#feature-menu strong { color: #bc5e01; }
#feature-menu ul.links { width: 390px; margin: 5px 0 0 0; list-style-type: none; list-style-position: outside; padding: 0; }
#feature-menu ul.links li { display: block; margin: 0 0 5px 0; }
#feature-menu ul.links li a { display: inline; padding: 0; margin: 0; }

#rotating-feature { float: left; width: 617px; height: 310px; margin: 15px; clear: both; }*
#rotating-feature img { width: 310px; float: left; margin-right: 5px }*
#rotating-feature img.icon { width: 58px; height: 18px; }
#rotating-feature #feature-content #buttons { float: left; width: 300px; border-left: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; }*
#rotating-feature #feature-content #buttons .thumbnail img { float: left; width: 56px; height: 56px; margin-right: 10px; }
#rotating-feature #feature-content #buttons a { display: block; padding: 10px; height: 55px; *height: 75px; color: #bc5e01; font-size: 16px; font-family: Georgia, arial, sans-serif; vertical-align: middle; text-decoration: none; border-bottom: 1px solid #d7d7d7; }*
#rotating-feature #feature-content #buttons a.current { background-color: #fefacc; padding: 10px; }*
#rotating-feature #pausePlay { display: none; margin: 0; width: 1px; height: 1px; }*

#subfeature-list { margin: 0 0 20px 0; }  
#subfeature-list a { display: block; margin: 0 0 5px 0; padding: 0 0 0 10px; background: url(/images/arrow_menu_recipe.gif) 0 3px no-repeat; }    
#subfeature-list h1 { color: #ef3f02; font-size: 14px; margin: 0 0 5px 0; text-transform: lowercase; padding: 0 0 3px 0; font-weight: bold; }  

#subfeature-rotating { float: left; margin: 0; width: 320px; margin: 10px 0 10px 10px; }
#subfeature-rotating .video-content { display: none; }
#subfeature-rotating ul { float: left; list-style-type: none; padding: 0; margin: 0; height: 60px; }
#subfeature-rotating ul li { float: left; margin-right: 6px; padding: 0; width: 53px; }
#subfeature-rotating .thumb img { width: 53px; height: 53px; border: 2px solid #fff; }
#subfeature-rotating .button { border: 0; }
#subfeature-rotating .buttonActive img { border: 2px solid #881511; }
#subfeature-rotating a.image { float: left; width: 145px; margin-right: 15px; }
#subfeature-rotating p { float: left; width: 140px; margin: 0; color: #833b01; }
#subfeature-rotating p .day { font-weight: bold; font-size: 12px; text-transform: uppercase; }
#subfeature-rotating p a { font-family: georgia, verdana; font-size: 16px; color: #833b01; text-decoration: none; text-transform: lowercase; }
#subfeature-rotating p a:hover { text-decoration: underline; }
#subfeature-rotating #active-content { float: left; display: block; margin-top: 15px; min-height: 142px; }

#feature-videos { float: left; width: 648px; margin-top: 10px; text-align: center; }
#feature-videos a.more { float: left; display: block; padding-left: 25px; color: #efa729; font-size: 14px; font-weight: bold; text-decoration: none; }
#feature-videos a.more:hover { text-decoration: underline; }

/*fix for underline on images in firefox*/    
#feature-menu p.links a img, #feature-list-left p a img, #companion-content p a img, p.directory-link a img, #feature-3up p a img.icon, #feature-list p a img, #feature-menu p.menu a img, #rotating-feature #buttons a img { float: left; position: relative; top: -2px; margin: 0 2px -4px 0; padding: 0; border: none; } 
p.directory-link a img { margin-bottom: -4px; }

.recipes #come_over_content, .recipes #cyor_content { float: left; margin: 15px; width: 617px; }

#right .subfeature-video a { float: right; color: #7b2501; text-decoration: none; background: url(/images/arrow_brown.gif) left 3px no-repeat; padding-left: 10px; margin-right: 10px; font-weight: bold; }

.doubleline-box-1002 { float: left; width: 1002px; margin-top: 25px; }*
.doubleline-box-1002 .topp, .doubleline-box-1002 .bottom { float: left; width: 1002px; height: 10px; margin: 0; padding: 0; }*
.doubleline-box-1002 .topp img { vertical-align: bottom; }*
.doubleline-box-1002 .bottom img { vertical-align: top; }*
.doubleline-box-1002 .left { float: left; background: url(/images/box_doubleline_side.gif) repeat-y left; width: 1002px; }*
.doubleline-box-1002 .right { float: left; background: url(/images/box_doubleline_side.gif) repeat-y right; width: 1002px; }*

.singleline-box-1002 { float: left; width: 1002px; margin: 25px 0; }*
.singleline-box-1002 .topp, .singleline-box-1018 .bottom { float: left; width: 1002px; height: 6px; margin: 0; padding: 0; }*
.singleline-box-1002 .topp img { vertical-align: bottom; }*
.singleline-box-1002 .bottom img { vertical-align: top; }*
.singleline-box-1002 .left { float: left; width: 1001px; border-left: 1px solid #d7d7d7; }*
.singleline-box-1002 .right { float: left; width: 1001px; border-right: 1px solid #d7d7d7; }*

.singleline-box-650 { float: left; width: 650px; margin: 0 0 30px 0; *margin: 0 0 10px 0; }*
.singleline-box-650 .topp, .singleline-box-650 .bottom { float: left; width: 650px; height: 6px; margin: 0; padding: 0; }*
.singleline-box-650 .topp img { vertical-align: bottom; }*
.singleline-box-650 .bottom img { vertical-align: top; }*
.singleline-box-650 .left { float: left; width: 649px; border-left: 1px solid #d7d7d7; }*
.singleline-box-650 .right { float: left; width: 649px; border-right: 1px solid #d7d7d7; }*

.singleline-box-489 { float: left; width: 489px; margin: 10px 0; }
.singleline-box-489 .topp, .singleline-box-489 .bottom { float: left; width: 489px; height: 6px; margin: 0; padding: 0; }*
.singleline-box-489 .topp img { vertical-align: bottom; }*
.singleline-box-489 .bottom img { vertical-align: top; }*
.singleline-box-489 .left { float: left; width: 488px; border-left: 1px solid #d7d7d7; }*
.singleline-box-489 .right { float: left; width: 488px; border-right: 1px solid #d7d7d7; }*

.singleline-box-333 { float: left; width: 333px; margin: 15px 0; }*
.singleline-box-333 .topp, .singleline-box-333 .bottom { float: left; width: 333px; height: 6px; margin: 0; padding: 0; }*
.singleline-box-333 .topp img { vertical-align: bottom; }*
.singleline-box-333 .bottom img { vertical-align: top; }*
.singleline-box-333 .left { float: left; width: 332px; border-left: 1px solid #d7d7d7; }*
.singleline-box-333 .right { float: left; width: 332px; border-right: 1px solid #d7d7d7; }*

/*Home page*/
.home #feature_left { float: left; width: 649px; }
.home #feature_right { float: right; width: 333px; }
.home #feature_right img { display: block; margin-bottom: 4px; vertical-align: top; }
.home #feature_right img#cooksclub_home { margin-left: -3px; }
.home #left { margin-top: 39px; *margin-top: 24px; }
.home #right { padding-top: 10px; }*

.home #what_is_cooking_content, .favorites #what_is_cooking_content { float: left; width: 972px; margin: 15px; }*
.home #what_is_cooking_content p, .favorites #what_is_cooking_content p { float: left; vertical-align: top; margin-right: 8px; width: 235px; } *
.home #what_is_cooking_content p a, .favorites #what_is_cooking_content p a { vertical-align: top; margin: 0; width: 100px; color: #833b01; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; }*
.home #what_is_cooking_content p a:hover, .favorites #what_is_cooking_content p a:hover { text-decoration: underline; }*
.home #what_is_cooking_content .arrow, .favorites #what_is_cooking_content .arrow { vertical-align: middle; margin-left: 5px; margin-top: 1px; }*
.home #what_is_cooking_content a.image img, .favorites #what_is_cooking_content a.image img { float: left; width: 100px; height: 100px; margin-right: 10px; }*

#ingredient_dis { float: left; padding: 10px; }*
#ingredient_dis h2 { margin: 0 0 10px 50px; font-size: 15px; color: #636363; font-weight: normal; }*
#ingredient_search { display: block; margin: 5px 0; background-color: #f6fced; height: 30px; text-align: center; }*
#ingredient_search input { vertical-align: top; }
#ingredient_search input#txtQuery { position: relative; top: 4px; }
#ingredient_dis p { float: left; width: 154px; margin: 8px 0; text-align: center; }*
#ingredient_dis a.image { display: block; margin-bottom: 5px; margin-left: 17px; *margin-left: 0px; width: 124px; height: 124px; overflow: hidden; }*
#ingredient_dis a.image .circle-image { position: absolute; }
#ingredient_dis img { vertical-align: baseline; }
#ingredient_dis a { text-decoration: none; color: #5a5c69; font-size: 11px; }*
.home #ingredient_dis a { font-size: 14px; }*
#ingredient_dis a:hover { text-decoration: underline; }*
#ingredient_dis a.more { float: left; clear: left; color:#89b93e; font-size: 12px; font-weight: bold; margin-top: 5px; width: 100%; }*

#cookstalk_challenge { float: left; width: 620px; margin: 10px; }*
#cookstalk_challenge h2 { margin: 0 0 20px 50px; font-size: 15px; color: #636363; font-weight: normal; }*
#cookstalk_challenge h2 span { font-family: Georgia, "Times New Roman", Times, serif; font-size: 21px; color: #833b01; font-weight: normal; }*
#cookstalk_challenge p { clear: left; }
#cookstalk_challenge #scroller { float: left; width: 600px; height: 75px; margin: 0 10px; overflow: hidden; }
#cookstalk_challenge #scroller ul { display: block; height: 100px; margin: 0; padding: 0; list-style-type: none; z-index: 1; }
#cookstalk_challenge #scroller li { float: left; width: 143px; margin: 0 10px 0 0; padding: 0; font-size: 10px; }
#cookstalk_challenge #scroller li a { float: left; color: #833b01; text-decoration: none; }
#cookstalk_challenge #scroller li a.image { width: 65px; display: inline; margin-right: 5px; }
#cookstalk_challenge #scroller li a.image img { width: 65px; height: 65px; }
#cookstalk_challenge #scroller li div { float: left; clear: none; width: 70px; padding: 0; }
#cookstalk_challenge #scroller li span { font-size: 9px; color: #636363; float: left; clear: left; margin: 2px 0; }
#cookstalk_challenge a.more { display: block; color: #a3990c; font-weight: bold; font-size: 12px; margin: 15px 0 0 0; text-decoration: none; clear:both;}*
#cookstalk_challenge a:hover, #cookstalk_challenge #scroller li a:hover { text-decoration: underline; }

/* wrap to make sure that image area is clickable */
#scroll-bar { float: left; clear: both; width: 600px; height: 15px; background: transparent url(/images/scroll/scroll_arrow_right.gif) no-repeat top right; border: 1px solid #d7d7d7; margin: 0 10px; }
/* left image of track */
#track-left { position: absolute; width: 11px; height: 13px; background: transparent url(/images/scroll/scroll_arrow_left.gif) no-repeat top left; }
/* horizontal track */
#track { position: absolute; width: 570px; height: 13px; margin: 0 15px; }
/* horizontal track handle */
#handle { width: 76px; height: 15px; padding-top: 2px; *padding-top: 1px; }
#handle img { vertical-align: top; }

#more_recent_contents { float: left; padding: 10px; width: 640px; }*
#more_recent_contents p { margin: 0; }
#more_recent_contents a  { text-decoration: none; color: #833b01; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; }*
#more_recent_contents a:hover { text-decoration: underline; }*

.home .feature-list-left, .home .feature-list-right { float: left; width: 314px; }*
.home .feature-list-left .type-title { color: #d68a01; font-weight: bold; text-transform: uppercase; font-size: 12px; }
.home .feature-list-left p, .home .feature-list-right p { padding: 10px; color: #363636; }*
.home .feature-list-left img, .home .feature-list-right img { float: right; width: 90px; height: 90px; margin-bottom: 6px; }*

.home #store { float: left; width: 648px; }
.home #store .subdes { font-size: 13px; }
.home #store h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #833b01; font-weight: normal; }*
.home #store a { display: block; text-decoration: none; color: #833b01; font-size: 13px; margin: 3px 0; }*
.home #store a:hover { text-decoration: underline; }*
.home #store a.more { color: #363636; font-weight: bold; font-size: 13px; margin: 8px 0 0 0; }*

#cookstalk_content { float: left; margin: 10px; font-size: 13px; width: 310px; }*
#cookstalk_content a.title { color: #833b01; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; }*
#cookstalk_content .left-half, #cookstalk_content .right-half { float: left; width: 155px; }*
#cookstalk_content .left-half { padding-right: 5px; width: 150px; }*
#cookstalk_content h2 { color: #542b10; font-size: 11px; text-transform: uppercase; } *
#cookstalk_content a { display: block; margin: 5px 0; text-decoration: none; color: #595959; }*
#cookstalk_content a:hover { text-decoration: underline; }*

/*video channel home page*/
.video .index #center { width: 735px; background: #fff; padding-left: 28px; }
.video .index #left { width: 760px; border-right: 1px solid #d6d6d6; padding-top: 0px; }
.video .index #right { width: 197px; margin-top: 70px;}
.video h1.title { float:left; height: 42px; width: 1002px; background: #fff url(/images/header_videos.gif) no-repeat; border-bottom: 1px solid #d6d6d6; }
.video h1.title span { display: none; }
.videoHomeContainer { background: #fff; float: left; width: 717px; margin: 0; padding: 0; } 
.videoHomeContainer #vtl { background: url(/images/video_channel_bluebox_top.gif) no-repeat top left; width: 717px; height: 13px; float: left; }
.videoHomeContainer #vl { background: url(/images/video_channel_bluebox_left.gif) repeat-y left; width: 717px; float: left; }
.videoHomeContainer #vr { background: url(/images/video_channel_bluebox_right.gif) repeat-y right; width: 703px; float: left; padding-left: 14px; }
.videoHomeContainer #vbl { background: url(/images/video_channel_bluebox_bottom.gif) bottom left no-repeat; width: 717px; height: 15px; margin: 0; float: left; }
.videoPlayer { float: left; margin: 0; padding: 0; width: 679px; background: #b9d187; display: block; }
.videoPlayer #tl { background: url(/images/video_channel_box_top.gif) no-repeat top left; width: 686px; height: 11px; float: left; margin-bottom: -2px; }
.videoPlayer #l { background: url(/images/video_channel_box_left.gif) repeat-y left; width: 686px; float: left; }
.videoPlayer #r { background: url(/images/video_channel_box_right.gif) repeat-y right; width: 686px; float: left; margin-bottom: -1px; }
.videoPlayer #bl { background: url(/images/video_channel_box_bottom.gif) bottom left no-repeat; width: 686px; height: 15px; margin: 0; float: left; }

.videoHomeContainer #join-box { float: left; width: 344px; background: #fff; height: 295px; margin-top: 0; margin-right: -15px; padding-top: 15px;}
.videoHomeContainer #join-teaser { width: 314px; left: -12px; font-size: 11px; background: none; padding: 0 10px; margin-top: 0; }
.videoHomeContainer #join-teaser ul { margin-top: 10px; }
.videoHomeContainer #drop-shadow { width: 314px; background: #fff; height: 200px; margin: 15px 0 0 12px;}

.flashPlayer { width: 344px; height: 300px; float: left; margin: 0 14px 20px 0; padding: 0 0 0 12px; z-index: 5; }

#related-tabs { float: left; width: 285px; font-size: 10px; margin: 0; }

#related-tabs #video-content #Abstract { width: 260px; height: 125px; overflow: auto; float: left; border: 1px solid #bababa; margin: 0 0 10px 0; padding: 3px; }
#related-tabs ul { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #d6d6d6; height: 23px; width: 296px; }
#related-tabs li { float: left; margin: 0 0px 0 0; padding: 0 0 0 5px; width: auto; border-left: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #fff;  background: #d6d6d6; }
#related-tabs a { float: left; display: block; padding: 5px 5px 5px 1px; text-decoration: none; font-weight: bold; color: #333; }
#related-tabs a:visited { color: #333; }
#related-tabs li.current { background: #fff; }
#related-tabs .tab-content { width: 275px; height: 267px; margin: -1px 0 0 0; *margin: -5px 0 0 0; padding: 10px; float: left; border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; }
#related-tabs h1 { font: bold 16px Helvetica, Arial, Verdana, san-serif; color: #3b4cb3; }#related-tabs .tab-content a { font-weight: bold; display: inline; /* for Mac/FF img overlap issue */ letter-spacing: .1px }
#related-tabs .tab-content #related-content { width: 100%; }
#related-tabs .tab-content #related-content h5 { display: none; }
#related-tabs .tab-content #related-content a { clear: both; width: 96%; padding-left: 5px; padding-top: 0; margin: 4px 0; font-weight: normal; }

#video-channels { float: left; padding: 0; margin: 10px 0 0 0; width: 679px; background: #b9d187; display: block; }
#video-channels #ctl { background: url(/images/video_channel_box_top.gif) no-repeat top left; width: 686px; height: 11px; float: left; margin-bottom: -2px; }
#video-channels #cl { background: url(/images/video_channel_box_left.gif) repeat-y left; width: 686px; float: left; }
#video-channels #cr { background: url(/images/video_channel_box_right.gif) repeat-y right; width: 686px; float: left; margin-bottom: -1px; }
#video-channels #cbl { background: url(/images/video_channel_box_bottom.gif) bottom left no-repeat; width: 686px; height: 15px; margin: 0; float: left; }

#channel-buttons { list-style: none; margin: 0 8px 0 0; padding: 0 0 0 15px; float: left; width: 165px; }

.button { width: 148px; height: 22px; margin: 0 0 2px 0; background: url(/images/background_videochannelbtn.gif) top left no-repeat; padding: 4px 2px 0 2px; text-align: center; font-weight: bold; text-decoration: none; color: #333; }
.buttonActive { width: 148px; height: 22px; margin: 0 0 2px 0; background: url(/images/background_videochannelbtn_selected.gif) top left no-repeat; padding: 4px 2px 0 2px; text-align: center; font-weight: bold; text-decoration: none; color: #333; }
#video-channels .button a, #video-channels .buttonActive a { font-weight: bold; color: #333; text-decoration: none; padding: 3px 0 0 0; font-size: 10px; }
#video-channels .button a:visited, #video-channels .buttonActive a:visited { color: #333; }
.channel-content { display: none; }

#active-channel-content { width: 475px; height: 300px; margin: 0 0 8px 0; padding: 0; text-align: left; overflow: auto; border: 1px solid #bababa; float: left; background: #fff; }

#active-channel-content .video-content { float: left; width: 30%; margin: 0 0px 10px 5px; padding: 5px 0; }
#active-channel-content a.videoTitle { float: none; display: inline-block; clear: right; font-weight: bold; font-size: 11px; color: #1f264e; text-decoration: none; }
#active-channel-content a.videoTitle:hover { text-decoration: underline; }
#active-channel-content img { float: left; margin: 0 6px 0 0; }

/*Recipe/Menu pages*/
.image-lead img.thumbnail { float: left; margin-right: 15px; } 
.serves { display: block; font-style: italic; font-weight: normal; margin: 10px 0; }*

span.lookup-link { background: url(/images/arrow_circle_bc5e01.gif) top left no-repeat; font-weight: bold; font-size: 12px; display: block; padding-left: 20px; margin: 10px 0; }*
span.lookup-link a, span.lookup-link a.visited { color: #bc5e01; display: block; margin-top: 5px; }*
.recipes span.lookup-link, .recipes span.lookup-link a, .recipes span.lookup-link a.visited  { color: #bc5e01; }*
.how_to span.lookup-link, .how_to span.lookup-link a, .how_to span.lookup-link a.visited  { color: #de9a20; }*

.extra-info { float: right; width: 200px; padding: 10px; background: #F6FDC5; border: 1px solid #C9DD3A; margin: 5px 0 0 10px; font-weight: bold; }
.extra-info b, .extra-info strong { color: #ef480c; display: block; margin-bottom: 5px; }

#main-content .ingredient { display: block; margin: 5px 0; line-height: 25px; }*
.instruction { display: block; }
.shopping-item { display: block; line-height: 18px; }
#nutrition { color: #5a5c69; margin: 10px 0; }
#menu-timeline b, #menu-timeline strong, #shopping-list b, #shopping-list strong, #menu-timeline span, #shopping-list span { display: block; margin: 0 0 3px 0; }*

.recipes hr { border-top: 1px solid #d7d7d7; border-bottom: none; }*

.recipes .rating { margin: 15px 0; font-size: 12px; }*
.recipes #left .rating a { color: #bc5e01; }*

.recipes h2 { color: #bc5e01; }

.recipes .user-review, .recipe .user-review { float: left; margin: 10px 0; width: 95%; }*
.recipes .user-review span, .recipe .user-review span { padding-bottom: 5px; display: block; }
.recipes .user-review span a, .recipe .user-review span a { padding-left: 5px; }
.recipes .user-review a.report-link, .recipe .user-review a.report-link { float: right; color: #28419b; text-decoration: none; }
.recipes .user-review a.report-link:visited, .recipe .user-review a.report-link:visited { color: #28419b; }
.recipes .user-review a.report-link:hover, .recipe .user-review a.report-link:hover { text-decoration: underline; }
.recipes .user-review .byline, .recipe .user-review .byline { display: inline; padding-right: 10px; }
.recipes .user-review .border-bottom, .recipe .user-review .border-bottom { border-bottom: 1px solid #cbcba9; padding-top: 10px; }
.recipes .border-bottom-double, .recipe .border-bottom-double { border-bottom: double #cbcba9; padding-top: 10px } 

/*.recipes #content-tab-join, .recipe #content-tab-join { border-left: 1px solid #cbcba9; border-right: 1px solid #cbcba9; border-bottom: 1px solid #cbcba9; float: left; padding: 10px 5px; width: 100%; margin-bottom: 10px; }
.recipes .cyor #content-tab-join, .recipes .recipecollection #content-tab-join { border: 0; padding: 0 5px; }
.recipes #content-tab-teaser, .recipe #content-tab-teaser { border-left: 1px solid #cbcba9; border-right: 1px solid #cbcba9; border-top: 1px solid #cbcba9; float: left; padding: 10px 5px; width: 100%; margin-top: -1px; }*/

.menu #subfeature-list { float: none; border-top: 0; border-bottom: 0; padding: 5px; margin-top: 10px; clear: none; display: block; width: 98%; }
.menu #subfeature-list a { font-weight: normal; color: #555555; background: url(/images/arrow_f07802.gif) 0 3px no-repeat; text-decoration: none; }
.menu #subfeature-list a:hover { text-decoration: underline; }

.recipe .ingredient-discovery, .readertip .ingredient-discovery { float: right; clear: right; width: 169px; margin: 15px 30px 10px 10px; text-align: center; }
.recipe .ingredient-discovery .content, .readertip .ingredient-discovery .content{ float: left; width: 167px; *width: 169px; background: #f2fad8; border-left: 1px solid #96ca2d; border-right: 1px solid #96ca2d; color: #3B4CB3; line-height: normal; }
.recipe #left .ingredient-discovery .content a, .readertip #left .ingredient-discovery .content a{ text-align: left; display: block; margin: 3px 0 3px 18px; text-decoration: none; }
.recipe #left .ingredient-discovery .content a:hover, .readertip #left .ingredient-discovery .content a:hover { text-decoration: underline; }
.recipe #left .ingredient-discovery .content a.more, .readertip #left .ingredient-discovery .content a.more { float: right; color: #71a620; margin-right: 10px; }
.recipe .ingredient-discovery .content .expanded, .readertip .ingredient-discovery .content .expanded { float: left; position: relative; top: -25px; margin-bottom: -25px; background: #f2fad8; width: 165px; }

/*Directory/Narrow pages*/
.browse #left a { color: #363636; font-size: 13px; text-decoration: none; }
.browse .content-type-icon { font-size: 13px; }
.browse #left a:hover { text-decoration: underline; }
.browse .top-half, .browse .bottom-half { float: left; width: 650px; }
.browse .top-half { margin-top: 20px; }
.browse .bottom-half { margin-bottom: 20px; }
.browse .top-half p { float: left; width: 200px; margin-bottom: 20px; }
.browse .top-half p a.image img { width: 200px; }
.browse .bottom-half p { float: left; width: 315px; margin: 10px 10px 10px 0; }
.browse .bottom-half p a.image { float: left; display: block; width: 145px; margin-right: 15px; }

.browse #sort { float: right; width: 250px; font-size: 12px; text-align: right; }
.browse img#imgSort { vertical-align: bottom; padding-bottom: 2px; }
.browse .current, .browse .paging, .browse .pagingNext, .browse .pagingPrev { margin: 0 4px; text-transform: lowercase; }

.browse hr { color: #f07802; border-top: 8px solid #f07802; height: 8px; }

.browse #ingredient_dis p { width: 72px; padding: 0; margin: 8px 5px 8px 0; }*
.browse #ingredient_search { background-color: #fff; }*
.browse #ingredient_search input#txtQuery { top: 0; }*
.browse #ingredient_dis a.image { width: 72px; height: 72px; }*

/*CYOR flex application page*/
.flashapp #right { width: 0px; background: #fff; }
.flashapp #center { width: 950px; text-align: center; padding: 13px 0; background: #666666; }

/*Special Collection pages*/
.specialcollection .page-heading { display: none; }
.specialcollection #main-content { margin-top: 0; }

/*Teaser pages*/
#join-box { float: left; width: 100%; }
.join-links { float: left; width: auto; text-align: center; }
.join-links h1 { margin-top: 0; font-size: 22px; color: #9c3f3c; }
.join-links .login { color: #6f6f6f; display: block; margin-top: 5px; }
.join-links .login a { color: #6f6f6f; text-decoration: underline; }
.join-links a#ctl00_below_fold_left_top_pJoinNow_aJoinNow { color: #9c3f3c; font-size: 16px; font-weight: bold; display: block; margin-top: 10px; text-decoration: underline; }

.join-teaser { float: left; width: auto; margin: 25px 0; }
.join-teaser ul { list-style-image: url(/images/arrow_related.gif); margin: 10px 0 0 20px; padding: 0; }
.join-teaser li { padding: 0 0 6px 0; }
.join-teaser h1 { color: #9c3f3c; margin: 0 0 10px 0; }
.join-teaser a { color: #9c3f3c; text-decoration: underline; }

/*#drop-shadow { width: 432px; background: #e4e4e4; padding: 0; margin: 25px 0 25px 12px; }*/

/*ratings and review pages - DONE*/
.rnr #main-content { background: #fff; font-size: 12px; }
/*.rnr #left { width: 615px; padding-left: 25px; padding-top: 0; }*/
.rnr #right { width: 270px; padding: 55px 40px 15px 0; }
/*.rnr #left #tl { background: url(/images/review_box_top.gif) no-repeat top left; width: 586px; height: 20px; float: left; }
.rnr #left #l { background: #fff url(/images/review_box_side.gif) repeat-y left; width: 586px; }
.rnr #left #r { background: url(/images/review_box_side.gif) repeat-y right; width: 586px; }
.rnr #left #bl { background: url(/images/review_box_bottom.gif) no-repeat bottom left; width: 586px; height: 20px; margin: 0 0 10px 0; }*/
.rnr h1 { margin-bottom: 0; }
.rnr #review-box { padding: 20px 40px; }

.rnr #ctl00_phMainContent_lblTitle { display: block; margin: 15px 0 10px 38px; font-family: Georgia, Verdana; font-size: 24px; color: #ed8d03; }
.rnr .description { width: 100%; }
.rnr #divRating { display: block; margin: 5px 0; }
.rnr #divRating img { padding: 0 1px; }
.rnr textarea { margin: 5px 0; width: 500px; height: 100px; border: 1px solid #737373; }
.rnr #ctl00_phMainContent_btnCancel { float: right; margin: 0 10px 10px 0; }
.rnr #ctl00_phMainContent_btnPreview { float: left; margin: 0 0 10px 0; }
.rnr #right ul { padding-left: 18px; margin-left: 0; }
.rnr #right ul li { padding: 3px 0; }
.rnr #ctl00_phMainContent_pnlPreview { float: left; width: 100%; margin-top: 12px; }
.rnr #ctl00_phMainContent_pnlPreview #ctl00_phMainContent_btnSubmit, .review #ctl00_phMainContent_pnlPreview #ctl00_phMainContent_btnEdit { float: left; position: relative; top: 23px; margin-right: 10px; }
.rnr .thankyou #review-box { text-align: center; }
.rnr a { color: #425cb7; }

/*Misc*/
.page-heading { margin: 0 0 30px 0; *margin: 0 0 20px 0; }

.upsell { float: none; margin-bottom: 20px; padding-top: 10px; display: block; }*
.upsell a { font-weight: bold; }*
.recipes .upsell, .recipes .upsell a { color: #bc5e01; }*
.how_to .upsell, .how_to .upsell a, .specialcollection .upsell, .specialcollection .upsell a { color: #de9a20; }*

#from-menu { display: block; margin: 5px 0 15px 0; font-size: 12px; }*
#from-menu a { font-size: 12px; }

#spacing { margin: 3px; }

#mcchannel { position: absolute; margin: -85px 0 0 20px; z-index: 9999; }

#left .marketing { float: left; width: 650px; margin-bottom: 20px; padding: 15px 0; background: #f4eed0; }

.eletter-signup { display: block; margin-bottom: 15px; }

img#cooksclub_internal { margin-bottom: 15px; *margin-bottom: 0; }

.content-type-icon { font-weight: bold; }
.how_to .content-type-icon { color: #de9a20; }
.recipes .content-type-icon { color: #bc5e01; }

/*end old stuff added back in*/

/*new stuff added*/

/********** PHP Style **********/

* a { text-decoration:none;}
* a:hover { text-decoration:underline;}
.clear{clear:both;}
#cookstalk #topnav, #discover #topnav, #topnav { z-index: 1000; }

/* hscroll begin */
.hscroll-pane {width: 600px; height: 110px; overflow: hidden; position: relative;}
.hscroll-content {left: 0px; margin: 0; padding: 0; position: relative;}
.hscroll-content ul{margin: 0; padding: 0;}
.hscroll-content li{list-style: none;}
.hscroll-track {width: 560px;}
.hscroll-handle {left: 0px; margin-top: 2px; position: relative; width: 76px; height: 11px; background: transparent url('/images/scroll/drag_bar.gif') no-repeat;}
.subfeature-scroll #scroll-bar {width: 620px; margin: 0;}
.subfeature-scroll #track {width: 590px;}
#scroll-bar, #scroll-bar_one {float: left; clear: both; height: 15px; * height:17px; /* height fix for IE */ background: transparent url(/images/scroll/scroll_arrow_right.gif) no-repeat top right; border: 1px solid #d7d7d7; margin: 0 10px;}/* left image of track */
#track-left, #track-left_one {position: absolute; width: 11px; height: 13px; background: transparent url(/images/scroll/scroll_arrow_left.gif) no-repeat top left;}
#track, #track_one {position: absolute; width: 567px; height: 13px; margin: 0 15px;}/* horizontal track handle */
#handle, #handle_one {width: 76px; height: 15px; padding-top: 2px; *padding-top: 1px;}
#handle img, #handle_one img {vertical-align: top;}

/* hscroll end */
#cookstalk .type-title  { font-size:16px; display:block; margin:0px 0 5px 0;}

/* cookstalk page */
#cookstalk .item{ width:100%;}
.cookstalk .feature-list-left, .cookstalk .feature-list-right { float:left; width:314px;}
.cookstalk .feature-list-left img, .cookstalk .feature-list-right img, .ingredient .feature-list-left img{float:left; height:69px; width:69px;}
.cookstalk #cookstalk_content h2, .cookstalk #cookstalk_main a.more {color:#A8530E;}
.cookstalk .feature-list-left p, .cookstalk .feature-list-right p {color:#363636;}
.cookstalk #more_recent_contents a, .cookstalk #blogs a {color:#BC5E01;}
.cookstalk #more_recent_contents a.more {color:#404A51; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:13px;}
.cookstalk #cookstalk_challenge h2 {margin:0 0 20px 0px;}
.cookstalk #blogs, .ingredient #blogs{float:left; padding:10px; width:630px;}
.cookstalk #more_recent_contents .item, .cookstalk #blogs .item, .ingredient #blogs .item{clear:both; margin-bottom:10px;}
.cookstalk #more_recent_contents .item p, .ingredient #more_recent_contents .item p{margin-left:78px; margin-top:0; }
.cookstalk #blogs .item p{margin-left:85px; margin-top:0; }
.cookstalk #blogs img {float:left;}
.cookstalk .subfeature-scroll {width: 600px; margin-bottom: 15px;}

/* ingredients landing page*/
.ingredient #page_heading {position: relative; clear: both; margin-bottom: 25px;}
.ingredient #page_search{position: absolute; left: 300px; top: 25px; width: 250px;}
.ingredient #page_search input {width: 155px; vertical-align: middle;}
.ingredient #page_search input.go {width: 24px; height: 24px;}

/* ingredients landing discovery */
.ingredient #ingredient_discovery{float: left; padding: 10px; width: 640px;}
.ingredient #ingredient_discovery h2{margin: 0px 0 10px 50px; font-size: 15px; color: #636363; font-weight: normal;}
.ingredient #ingredient_discovery h2 span {font-family: Georgia, "Times New Roman", Times, serif; font-size: 21px; color: #833b01; font-weight: normal;}
.ingredient #ingredient_discovery p{margin: 5px 0 0 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}

/* ingredients landing scroller */
.porthole{width: 112px; height: 112px; margin-top: 0px;}
.ingredient #ingredient_discovery .subfeature-scroll {width: 620px; margin-bottom: 15px;}
.ingredient #ingredient_discovery .subfeature-scroll #scroller {float: left; width: 620px; height: 160px;/*padding-left: 5px;*/ overflow: hidden;}
.ingredient #ingredient_discovery .subfeature-scroll #scroller li {float: left; width: 112px; margin: 0 6px; padding: 0; font-size: 12px;}
.ingredient #ingredient_discovery #scroller li a {color: #6F6F6F; float: left; text-align: center;}
.ingredient #ingredient_discovery #scroller li a.title{width: 100%; margin-top: 10px;}

/* ingredients landing what we're cooking now */
.ingredient #more_recent_contents a {color: #5E8F11;}
.ingredient .feature-list-left { float:left; width:405px;}
.ingredient .feature-list-right {float: right; width: 220px; margin-left:5px;}
.ingredient .feature-list-left .item {margin-bottom:10px;}
.ingredient .primaryimg { float: left; margin:0 5px;}
.ingredient .feature-list-right .secondaryimg {float: left; margin: 5px; }

/* ingredients landing did you know */
#ingredient_buzz, #did_u_know {padding: 10px; width:310px;}
.ingredient #did_u_know .item p{margin-top: 0;}
.ingredient #did_u_know img {float: right;}
.ingredient #did_u_know a {color: #5E8F11;}

/* ingredients landing buzz */
#ingredient_buzz_content span.dot {color: #A7E32F; font-size: 16px;}
#ingredient_buzz_content a {color: #363636; text-decoration: none;}
.ingredient .advertising-lrec {margin-bottom: 0px;}

/* ingredients detail page*/
.ingredient .detail #page_heading {position: relative; clear: both; margin-bottom: 25px;}
.ingredient .detail h1{color:#64A007; font-weight:normal;}
.ingredient .detail span.detail_fieldname{font-weight:bold;}
.ingredient .detail .floatbox {float:right; margin:10px; }
.ingredient #email-print {background:#97ca48 none repeat scroll 0 0; border:1px solid #5f940c; position:relative; width:620px;}

/* ingredients detail one image scroller  */
.subfeature-scroll_one {float: right; width: 260px; margin: 15px;}
.subfeature-scroll_one #scroller_one {width: 260px; height: 250px; overflow: hidden;}
.subfeature-scroll_one #scroller_one li {float: left; width: 256px; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-right: 10px;}
.subfeature-scroll_one #scroller_one li img {width: 260px; padding-right: 5px;}
.subfeature-scroll_one #scroll-bar_one {width: 260px; margin: 5px 0px;}
.subfeature-scroll_one #track_one {width: 230px;}

/* ingredients detail three image scroller  */
.ingredient .detail .subfeature-scroll h2{ color:#64A007;}
.ingredient .detail .subfeature-scroll #scroll-bar {margin:0; width:333px;}
.ingredient .detail .subfeature-scroll #track {width:290px;}

/* ingredients detail ads  */
.bot_right_sky { float:left; }
#related-comments{ float:left; width: 150px; padding:0px 10px; }
.detail_subtitle {font-weight:bold;}

/* ingredients detail share bar  */
.ingredient .share-bar {background: #f9fdf2; border: 1px solid #97ca48; }
.ingredient .share-bar a, .ingredient .comments h2 a {color: #64a007;}
#share_it{top: 18px; left: 150px;}
#share_it{position: absolute; padding: 10px; text-align: left; color: #666666; background-color: #f9fdf2; width: auto; height: auto; border: 1px solid #97ca48; z-index: 7;}
#share_it ul{margin: 0px; padding: 0;}
#share_it li{list-style: none; display: block; padding: 2px;}
#share_it li a{text-decoration: none; color: #528109; font-weight:normal;}
#share_it li img{ vertical-align:middle;}

/*right hand narrow menu*/
.narrow-menu { float: left; width: 326px; padding-right: 10px; margin-bottom: 20px; }
.narrow-menu .heading { display: block; color: #ff9806; font-weight: bold; margin: 7px 0 3px 0; }
.narrow-menu a { text-decoration: none; padding-right: 6px; }
.narrow-menu a:hover { text-decoration: underline; }
.narrow-menu a.remove { padding: 0; }
.narrow-menu strong span { padding-right: 35px; font-size: 12px; }

.how_to .narrow-menu .narrowed-by { display: none; }