.pageContainer 
{
    margin:0 auto;
    width:1000px;
}
body
{
    font-family: "Arial", "Helvetica", Sans-Serif;
	margin:0;
    padding: 0;
    color: #666666;
    border: 0;
    font-size: 12px;    
}
/* Header styles */
#header
{	float:left;
	width:568px;
    margin: 0;
    padding: 0;
    height: 98px;
    background: #fff url(topGradient.jpg) top left repeat-x;
text-align:center;
}
#headerGenrePage
{
    clear: both;
    float: left;
    margin: 0;
    padding: 0;
    width: 1000px;
    text-align: right;
    height: 98px;
    background: #fff url(topGradient.jpg) top left repeat-x;
}
div.clickableRegion
{
    cursor: pointer;
    display: inline;
    float: left;
    height: 68px;
    width: 346px;
}
.membership-area
{
    color: #666666;
    width: 315px;
    height: 40px;
    background: transparent url(memberBackground.jpg) top left no-repeat;
    font-size: 11px;
    text-align: left;
    font-weight: bold;
    padding: 5px 0px 5px 8px;
    line-height: 20px;
    float: right;
    margin: 0px 0px 15px 0px;
}

.membership-area h3
{
    margin: 0;
    font-size: 14px;
}

.LoggedIn
{
    height: 48px;
    background-image: url(Member_BackLoggedIn.gif);
    padding: 0px 0px 5px 3px;
}

.search
{
    float: right;
    width: 234px;
    height: 46px;
    background: url(searchBack.png) top left repeat-x;
    padding: 4px 2px 4px 4px;
	position: relative;
}

.search .searchTxt
{
    width: 149px;
    padding: 1px 2px;
    font-size: 11px;
    margin-bottom: 0;
}

.search .searchBtn
{
   padding:3px 0px 0px 0px;
   float:right;
}

.ac_results {
    padding: 0px;
    border: 1px solid black;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    color: #000000;
    /* 
    if width will be 100% horizontal scrollbar will apear 
    when scroll mode will be used
    */
    /*width: 100%;*/
    font: menu;
    font-size: 12px;
    /* 
    it is very important, if line-height not setted or setted 
    in relative units scroll will be broken in firefox
    */
    line-height: 16px;
    overflow: hidden;
}

.ac_loading {
    /*background: white url('ajax-loader.ashx') right center no-repeat;*/
}

.ac_over {
    background-color: #3b75d3;
    color: white !important;
}

/* Navigation styles */

/* Top Nav*/
.siteNav
{
    clear: both;
    float: right;
    margin: 0;
    padding: 0px 0px 10px 0px;
    font-size: 11px;
    font-weight: bold;
    white-space: nowrap;
    _padding-top: 10px;
}

.siteNav .HorizontalList
{
    padding: 8px 0 0 20px !important;
}

.siteNav .HorizontalList li a
{
    color: #707070;
}

/* Left Nav*/
.leftNav li, .leftNav ul
{
    list-style-image: url(arrow-LeftNav.gif);
    font-weight: bold;
    margin: 0px 0px 0px 5px;
    padding: 0px 0px 2px 0px;
}
.leftNav a:link, .leftNav a:visited
{
    color: #007bc7;
    text-decoration: none;
    font-weight: bold;
}
.leftNav a:hover, .leftNav a:active
{
    color: #007bc7;
    text-decoration: underline;
}
.leftNav li.selected
{
    font-weight: bold;
    color: #0e3045;
}
.leftNav .subnav
{
    margin: 0 0 15px 15px;
}

.leftNav .subnav li, .leftNav .subnav ul
{
    list-style-image: none;
    list-style-type: disc;
    margin: 0 0 0 5px;
    padding: 0 0 2px;
    color: #007bc7;
}

.leftNav .subnav .selected 
{
    color: #0e3045;
    font-weight: bold;
}


.leftNav .subnav a:link,
.leftNav .subnav a:visited,
.leftNav .subnav a:hover,
.leftNav .subnav a:active
{
    font-weight: normal;
}

.leftNav .subnav a.selected:link,
.leftNav .subnav a.selected:visited,
.leftNav .subnav a.selected:hover,
.leftNav .subnav a.selected:active
{
    font-weight: bold;
    color: #0e3045;
}
/* End Navigation Styles */

/* Column Container */
.colmask
{
  /*  position: relative;*/ /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    float: left;
    width: 1000px; /* width of whole page */
    overflow: hidden; /* This chops off any overhanging divs */
    margin: 10px 0 0;
}
.colmask .flexBottom
{
    display: none;
    background: url(flexBottom.gif) no-repeat;
    height: 20px;
    width: 175px;
 /*   position: absolute;
    bottom: 0;
    right: 0;*/
}
.colmaskFlex
{    
    background: url(flexBgRpt.gif) repeat-y right;
}
.colmaskFlex .flexBottom
{
    display: block;
}
/* Column Layouts */

.colleft
{
    float: left;
    width:100%;
  
   /* 
    width: 200%;
   margin-left: -175px;
    position: relative;
    right: 100%;*/
    background: #fff;
}
.col1wrap
{
    float: left;
    width: 815px;
    /*position: relative;
    left: 50%;*/
}

.col1wrap_noLeftNav
{
	 width:815px;
	 float:left;
 /*   float: left;
    width: 50%;
    position: relative;
    left: 50%;*/
}

.col1
{
/*    margin: 0 10px 0 175px;
    overflow: hidden;
    _padding: 1px;*/
}

.col2
{
	float:left;
	padding-left:8px;
/*    float: right;
    width: 175px;
    position: relative;
    left: 175px;
    z-index: 10;*/
}

.colmaskFlex .col2
{
    min-height: 27px;
  /*  background: url(flexTop.gif) no-repeat;*/
    padding-bottom: 7px;
    width:175px;
}

.col2Content
{
    padding: 0;
    margin: 0;
    background-color: #FFFFFF;
}

/* Leaderboard*/
.leaderboard
{
    margin: 0 auto;
    width: 728px;
    clear:left; 
    float:left; 
    padding-left:123px;
}

.leaderboardAdvertisement
{
    clear:right; 
    float:left; 
    width:27px;
    height:90px;
}

.adBottomAdvertisement
{
    text-align:center;
    margin-bottom: -15px;
}

.flexAd .adBottomAdvertisement, .leaderboard .adBottomAdvertisement
{
    display:none;
}

#leadwrap
{
    height: 90px;
    padding: 10px 0px;
    background-color: #f3f3f3;
}


/* FlexSpace Modules*/
.memberExclusive
{
    height: 90px;
    background: url(memberExclusive.jpg) top left no-repeat;
    color: #9d6101;
    font-weight: bold;
    padding: 50px 10px 5px;
    margin: 0 0 20px;
}

.flexSpaceAd
{
    background: #f3f3f3 url(adBackTop.gif) top left no-repeat;
    text-align: center;
    padding: 30px 0 0;
}
.flexSpaceAd .footer
{
    background: #f3f3f3 url(adBackBottom.gif) top left no-repeat;
    width: 175px;
    height: 21px;
}

/* Inner Columns - Landing Page*/
#col1A-Left
{
    width: 504px;
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#col1B-Right
{
    width: 300px;
    display: inline;
    float: right;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
}

.colRow-Full
{
    margin-bottom: 20px;
    clear: both;
}

#colInnerLeft300
{
    width: 300px;
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#colInnerRight300
{
    width: 300px;
    float: right;
    margin: 0 0 0 10px;
    padding: 0;
}


/* Inner Columns - Genre Landing Page with Left Nav*/
.col1-LeftNavBack
{
    /*margin: 0 10px 0 175px;
    position: relative;*/
    background: url(leftNavBack.gif) repeat-y;
 
}

.col1-LeftNavBack .leftNavBottom
{
 /*   position: absolute;
bottom: 0;
    left: 0;
*/
    width: 195px;
    height: 5px;
    
    background: url(leftNavBottom.gif) no-repeat;
}

#col1A-LeftNav
{
    width: 195px;
    float: left;
    margin: 0;
    padding: 0;
}

#col1B-RightContent
{
    width: 610px;
    float: right;
    margin: 0 0 0 10px;
    padding: 0;
}

#col1B-RightContentBorder
{
    width: 610px;
    float: right;
    margin: 0 0 0 10px;
    padding: 0;    
}

#col1B-RightContentBorder .mainBox .content2
{
    border-bottom: solid 1px #C0C0C0;
    margin-bottom: 0;
}

.portedContent
{
    margin: 0 30px;
}

.portedHeader
{
    margin-top: 10px !important;
}

/*Common Links*/
a, a:link, a:active, a:visited
{
    text-decoration: none;
    color: #df182f;
    font-weight: bold;
    cursor: pointer;
}
a:hover
{
    text-decoration: underline;
    color: #df182f;
}
a.redLink11:link, a.redLink11:active, a.redLink11:visited
{
    text-decoration: none;
    color: #df182f;
    font-size: 11px;
    font-weight: bold;
}
a.redLink11:hover
{
    text-decoration: underline;
    font-size: 11px;
    color: #df182f;
}
a.redLink13:link, a.redLink13:active, a.redLink13:visited
{
    text-decoration: none;
    color: #df182f;
    font-size: 13px;
    font-weight: bold;
}
a.redLink13:hover
{
    text-decoration: underline;
    font-size: 13px;
    color: #df182f;
}
a.redLink14:link, a.redLink14:active, a.redLink14:visited
{
    text-decoration: none;
    color: #df182f;
    font-size: 14px;
    font-weight: bold;
}
a.redLink14:hover
{
    text-decoration: underline;
    font-size: 14px;
    color: #df182f;
}
.redLinkNormal a, a.redLinkNormal:link, a.redLinkNormal:active, a.redLinkNormal:visited
{
    text-decoration: none;
    color: #df182f;
    font-weight: normal;
}
.redLinkNormal a
{
    text-decoration: none;
    color: #df182f;
    font-weight: normal;
}

a.redLinkNormal:hover, .redLinkNormal a:hover
{
    text-decoration: underline;
    color: #df182f;
    font-weight: normal;
}
a.graylink:link, a.graylink:visited
{
    color: #666666;
    text-decoration: none;
}
a.graylink:hover
{
    text-decoration: underline;
}

a.graylinkNormal:link, a.graylinkNormal:visited
{
    color: #666666;
    text-decoration: none;
    font-weight: normal;
}
a.graylinkNormal:hover
{
    text-decoration: underline;
}

a.blueLink11:link, a.blueLink11:visited
{
    color: #007bc7;
    text-decoration: none;
    font-size: 11px;
}

a.blueLink11:hover
{
    text-decoration: underline;
    font-size: 11px;
}

a.blueLink:link, a.blueLink:visited
{
    color: #007bc7;
    text-decoration: none;
    font-weight: normal;
}

.browseGlossary
{
    color: #cccccc;
}

.browseGlossary a.blueLink:link, .browseGlossary a.blueLink:visited
{
    font-weight: bold;
    font-size: 14px;
}

.browseGlossary h4
{
    font-size: 16px;
    color: #000000;
    margin: 10px 0;
}

.browseGlossary h5
{
    font-size: 14px;
    color: #000000;
    margin: 15px 0;
}

.browseGlossary ul
{
    margin: 0;
    padding: 0;
    color: #007bc7;
    list-style-position: inside;
}

.browseGlossary ul li
{
    padding-bottom: 3px;
}

.browseGlossary ul li a.blueLink:link, .browseGlossary ul li a.blueLink:visited
{
    font-size: 12px;
    font-weight: normal;
}

.browseProducts
{
    text-align: center;
    border-bottom: 1px #cccccc solid;
}

.browseProducts .nutritionBtns a img
{
    margin-left: 8px;
}

.browseProducts table
{
    margin: 50px 0 30px;
    width: 780px;
}

.browseVideos .row
{
    margin-bottom: 5px;
}

.browseMHP .item5-275 .moduleLinkTitle,
.browseMHP .item5-275 .moduleDesc
{
    display: block;
    padding-left: 97px;
}

.productTile
{
    float: left;
    width: 265px;
    margin: 0 15px 10px 0;
}

.productTile img
{
    float: left;
}

.productTile .details
{
    padding: 10px 0 0 120px;
}

.productTile .details input
{
    margin-top: 15px;
}

.productTile .details .padding5
{
    display: inline;
}

.productTile .details .memberReviews
{
    padding-top: 5px;
}

a.blueLink:hover
{
    text-decoration: underline;
}

.video-link
{
    background: transparent url(Icon_Video_Subgenre.gif) no-repeat;
    padding-left: 20px;
}

.linkSeeAll
{
    display: block;
    margin-top: 20px;
}

/* End Link Styles */

/* List Styles  */
/* Breadcrumbs*/
.HorizontalList
{
    height: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    color: #666666;
}

.breadCrumbs
{
    padding: 18px 0 0 10px !important;
}

.topBrandingImage
{
    width: 815px;
}

.brandedPage
{
    width: 815px;
}

.HorizontalList ul, ul.HorizontalList li
{
    display: inline;
    list-style-type: none;
    margin: 0 3px;
    color: #707070;
}

ul.HorizontalList li a
{
    color: #E2263E;
}

.HorizontalList li.breadCrumbSelected 
{
	font-weight: bold;
	color: #666666;
}

ul.listBlue
{
    margin: 0 20px 25px 0;
    padding: 0 20px 0 0;
}

.listBlue li
{
    list-style-image: url(Blue_NestedTip.gif);
    line-height: 16px;
    margin: 12px 0 12px 20px;
}

ul.listBlueGenre
{
    margin: 0;
    padding: 0;
    float: left;
    width: 165px;
    position: relative;
    clear: right;
}

.listBlueGenre li
{
    color: #007bc7;
    margin: 8px 0 0 15px;
    font-size: 12px;
}

.listBlueGenre .new
{
    background: #fff url(Icons/new.gif) 83px 0px no-repeat;
}

.listBlueGenre .newImage
{
    display: inline;
    margin: 0;
    float: none;
    position: relative;
    top: 2px;
}

.listBlueGenre a:link, .listBlueGenre a:visited
{
    color: #007bc7;
    font-weight: normal;
}

.listBlueGenre li.seeAll
{
    list-style: none;
    margin: 10px 0 0;
}

.listBlueGenre li.seeAll a:link, .listBlueGenre li.seeAll a:visited
{
    color: #df182f;
}

#flexSpaceList 
{ 
    width: 155px; 
}

ul.listNoBullet
{
    margin: 0;
    padding: 0;
}
.listNoBullet
{
    list-style-type: none;
}
.listNoBullet a
{
    font-weight: normal;
}
/* End List Styles */



/* Begin Font/Heading styles */

h1, .heading1
{
    font-size: 24px;
    font-weight: bold;
}

h1.font24, .heading24
{
    font-size: 24px;
    font-weight: bold;
}

h2, .heading2
{
    font-size: 17px;
    font-weight: bold;
}

h2.headerForImage
{
    font-size: 18px;
    color: #000000;
    margin: 0 0 15px;
}

h2.browse
{
    font-size: 20px;
    color: #666666;
    margin-bottom: 30px;
}

h3, .heading3
{
    font-size: 13px !important;
    font-weight: bold !important;
}
.bold
{
    font-weight: bold;
}
.bold span
{
    color: #007BC7;
    font-weight: normal;
}
.redSmall
{
    color: #df182f;
    font-size: 11px;
    font-weight: bold;
}
.fontBodySmall
{
    font-size: 10px;
    color: #000000;
}

.fontNobold
{
    font-weight: normal;
}
.fontBody11
{
    font-size: 11px;
    color: #333;
}
.fontBody11-black
{
    font-size: 11px;
    color: #000;
}
.fontTitle13
{
    font-size: 13px;
    font-weight: bold;
    color: #666666;
}
.fontTitle12
{
    font-size: 12px;
    font-weight: bold;
    color: #666666;
}
.fontTitle16
{
    font-size: 16px;
    font-weight: bold;
    color: #666666;
}
.fontTitle18
{
    font-size: 18px;
    font-weight: bold;
    color: #000;
}
.fontSize14
{
    font-size: 14px;
    text-indent: 0px;
}
.fontSub18
{
    font-size: 18px;
    font-weight: bold;
}
.fontBlue
{
    color: #007BC7;
}
.font000
{
    color: #000;
}
.font999
{
    color: #999;
}
.summaryContent
{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 25px;
}
/* End Font styles */

/* Start Section Heading Styles */
.sectionHeading
{
    height: 100%;
    margin: 0;
    padding: 0 0 3px;
    text-align: left;
    background-repeat: no-repeat;
}

.sectionHeading-smallBlue h2
{
    height: 30px;
    background: url(headerBlueBlank.jpg) no-repeat top left;
    margin: 10px 0 0;
    padding: 8px 0 0 8px;
    color: #fff;
}

div.SearchResults
{
    display: block;
    clear: both;
}
div.headingText
{
    margin: 0;
    padding: 0;
}
div.headingText h1
{
    margin: 0;
    padding: 15px 18px;
    color: #ffffff;
}

div.searchHeaderTitle h2
{
    color: #ffffff;
    font-size: 14px;
}

div.headingDescription
{
    padding: 10px 10px 15px;
    line-height: 14px;
    text-align: left;
    font-weight: bold;
}

div.headingDescription p
{
    margin: 0;
}
/* End Section Heading Styles */

/* Ads*/
.adContainer300x250
{
    position: relative;
    width: 300px;
    margin-bottom: 20px;
}

.advertisement
{
    text-align: center;
    margin-bottom: 20px;
}

.flexAd
{
    background-color: #f3f3f3;
}

.flexAd .advertisement
{
    padding-top: 25px;
    background: url(adBackTop.gif) no-repeat;
    margin-bottom: 0;
}

.flexAd .advertisement .adifyFlexAdvertisment
{   
    text-align:left;
    margin-left:7px;
}

.leaderboard .advertisement
{
    margin-bottom: 0px;
}

.flexCallout
{
    padding-bottom: 20px;
}

.flexCallout .moduleDesc
{
    width:175px;
}

.flexCallout .moduleDesc p, .flexCallout .moduleDesc div
{
    margin: 0 !important;
}

/* CONTENT MODULE BOXES */
/* Secondary + Navigation Box */
.mainBox
{
    margin: 0 0 20px;
    padding: 0;
}

.mainBox .header
{
    margin: 0;
    padding: 0;
    background: no-repeat top right;
    height: 1%;
}

.mainBox .header h1, .mainBox .header h2
{
    color: #ffffff !important;
    padding: 5px 5px 0 20px;
    height: 31px;
    margin: 0;
    font-size: 20px;
    background-repeat: no-repeat;
    background-position: top left;
}

.mainBox .header h3
{
    background-repeat: no-repeat;
    background-position: top left;
    font-size: 13px !important;
    font-weight: bold !important;
    padding: 5px 5px 5px 10px;
    margin: 0;
    overflow: hidden;
    line-height: 1.3;
}

.mainBox .header .LeftMenuTitle
{
    color:#ffffff;
    background-repeat: no-repeat;
    background-position: top left;
    font-size: 13px !important;
    font-weight: bold !important;
    padding: 5px 5px 5px 10px;
    margin: 0;
    overflow: hidden;
    line-height: 1.3;
}



.mainBox .header h3 a:link,
.mainBox .header h3 a:visited,
.mainBox .header h3 a:hover,
.mainBox .header h3 a:active
{
    color: #FFFFFF;
}

.mainBox .header h3 a:hover, .mainBox .header h3 a:active
{
    text-decoration: none;
}

.mainBox .content1
{
    padding: 10px 10px 10px 15px;
    margin: 0;
}

.mainBox .content2
{
    padding: 10px 22px;
    margin: 0 0 20px;
    text-align: left;
    border-right: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
    border-bottom: solid 1px #C0C0C0;
    height: 100%;
}

.mainBox .searchContent
{
    padding: 5px;
    margin: 0 0 11px;
    text-align: left;
    overflow: auto;
    position: relative;
    height: 100%;
}

.mainBox .content2 p
{
    padding: 10px 0;
    margin: 0;
}

.mainBox .feature-right-content
{
    
}

.mainBox .feature-right-content .moduleDesc, .mainBox .feature-right-content p
{
    color: #000000 !important;
}

.mainBox .feature-right-content p
{
    padding: 5px 0;
    margin: 0;
}

.mainBox .feature-right-content .prod-desc-text
{
    margin: 0;
}

.mainBox .flexSpace
{
    padding: 5px 4px;
    border: 1px solid #C0C0C0;
    border-top: none;
    font-size: 11px;
    margin-bottom: 20px;
    height: 1%;
}

.mainBox .flexSpace img
{
    margin: 0;
    padding-right: 3px;
    float: left;
}

.mainBox .flexSpace .findSimilar img
{
    height: 56px;
    width: 77px;
}

.flexSpace a:link
{
    width: 50px;
}

/* Tertiary Content Box */
.tertiaryBox
{
    margin: 0 0 20px;
    padding: 0;
}

.tertiaryBox .header
{
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-position: top right;
}

.tertiaryBox .header h3
{
    background-repeat: no-repeat;
    background-position: top left;
    padding: 5px 5px 0 7px;
    height: 20px;
    margin: 0;
}

.tertiaryBox .content1
{
    padding: 10px;
    margin: 0;
    border: 1px solid #C0C0C0;
    border-top: none;
    text-align: center;
    height: 1%;
}

.tertiaryBox .content2
{
    padding: 10px;
    margin: 0;
    border: 1px solid #C0C0C0;
    border-top: none;
    overflow: hidden;
    text-align: left;
    height: 1%;
}

.tertiaryBox .border
{
    border-bottom: 1px solid #CECECE;
    height: 5px;
    margin: 7px -10px;
}

.tertiaryBox a
{
    font-weight: bold;
}
/* END BOX STYLES */

.videoRow .sectionBorder
{
    margin: 0 0 10px;
}

.videoRow .seeAllVideos
{
    font-weight: normal;
    font-size: 12px;
    float: right;
    padding-top: 7px;
}

.videoRow h2
{
    margin: 20px 0 5px;
    padding: 0 15px;
    font-size: 18px;
}

.videoPlayIcon
{
    position: absolute;
    width: 22px;
    height: 19px;
    top: 61px;
    left: 14px;
    background: url(videoPlayIcon.gif) no-repeat;
}

.videoFeatureThumbnail
{
    float: left;
    margin: 5px 15px 5px 5px;
    border: 1px solid #dddddd;
}

.dailyRecipes .edgeSpace
{
    margin: 7px 0;
    border-color: #ddedf4;
}

/*General Search results */
.searchResults .header
{
    background-color: #67aad4;
    padding: 3px;
    background-image: none;
    width: 355px;
    margin-top: 5px;
}
.searchResults h2
{
    color: #fff;
    background-image: none;
}
.searchResults .detailSearchBox
{
    padding: 2px 10px 2px 2px;
    background-color: #67aad4;
    margin-top: 5px;
}
.searchResults .detailSearchSubmit
{
    padding: 0px;
}

.recipeSpoons
{
    float: left;
    margin-top: 2px;
    width: 55px;
}
.recipeRatingCounts
{
    float: left;
    font-size: 8px;
    margin-left: 5px;
}

.searchBlueHead
{
    background-color: #E9F4F8;
    clear: both;
    font-weight: bold;
    margin: 0;
    overflow: hidden;
    padding: 10px;
    width: 556px;
}

/*Box Type 3 - Gray border-rounded top */
.Box3-Gray{margin: 0 0 20px;
    padding: 0;
}

.recipeBox
{
    margin-bottom: 0;
}

.Box3-Gray .header
{
    margin: 0;
    padding: 0;
    background: #fff url(gray-round-top.gif) 0px 0px no-repeat;
    width: 610px;
    height: 13px;
}
.Box3-Gray h1
{
    color: #000 !important;
    font-size: 20px;
    margin: 15px 0 15px 0;
    line-height:25px;
}

.Box3-Gray .content
{
    padding: 5px 5px 20px 20px;
    margin: 0;
    border-right: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    height: 1%;
    line-height: 16px;
}

.Box3-Gray .feature-right-content
{
    float: left;
    width: 285px;
}

.Box3-Gray .prod-feature-right-content
{
    padding: 0px 0px 0px 30px;
    margin: 0;
    float: left;
    width: 400px;
    position: relative;
}
.Box3-Gray .ratings
{
    line-height: 18px;
}

.Box3-Gray .tipsControl
{
    height: 16px;
    padding: 2px 0px 2px 0px;
    margin: 0px 0px 10px 15px;
    width: 280px;
    background-color: #f9edb7;
    float: left;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    vertical-align: middle;
}
.Box3-Gray .basicArticleContent
{
    padding: 5px 7px 20px 8px;
    margin: 0;
    border-right: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    height: 1%;
    line-height: 16px;
}
.basicArticleContent .footer
{
    margin-top:20px;
}

.tipsControlThumbs .tipThumb
{
    border: 2px solid #fff;
    margin: 2px 0px 0px 0px;
    padding: 0px;
    float: left;
}

.tipsControlThumbs a.tipThumb:hover, .tipsControlThumbs .selected
{
    border: 2px solid #993333;
}
.tipsControlContentOn
{
    display: inline;
}
.tipsControlContentOff
{
    display: none;
}

.browseThumb77x56
{
    width: 77px;
    height: 56px;
}

/* Module Gradient Boxes*/
.yellowGradientBox
{
    margin: 0px 0px 20px 0px;
    padding: 10px;
    background: #ffe49b url(yellowGradientBox-back.gif) top left repeat-x;
    border: 5px solid #edca83;
    overflow: auto;
}

.yellowGradientBox .header h2
{
    color: #996600;
    font-size: 14px;
    font-weight: bold;
    font-family: "Clarendon", "Georgia", "Times New Roman", Times, serif;
    margin: 0 0 10px 0;
}

.pollContent
{
    padding: 1px;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    margin: 0;
    overflow: auto;
}

.pollContent .btnResults
{
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
}

.pollContent .radioList label
{
    position: relative;
    top: -3px;
    padding-left: 5px;
}

.pollContent .pollResults
{
    margin: 10px 0;
}

.pollContent .result
{
    margin-bottom: 5px;
}

.pollContent .result .graph
{
    width: 120px;
    background: #d4d4d4 url(PollGraphBackground.jpg) repeat-x;
    border: solid 1px #669933;
    height: 10px;
}

.pollContent .result .graph div
{
    background-color: #669933;
    height: 10px;
}

.radioList
{
    margin: 10px 0px 10px 20px;
}

.vote
{
    margin: 7px 10px 5px 20px;
}

/*Shared Content Box Items */
.content2-footer
{
    background-position: top left;
    background-repeat: no-repeat;
    width: 584px;
    height: 35px;
    margin: 5px -10px;
}


.content2 .rss
{
    float: right;
    padding: 1px 6px 0 0;
    width: auto;
}

.content2 .rss a img
{
    position: relative;
    top: 3px;
    left: 2px;
}

.rss_link
{
    background: transparent url(rss_small.png) no-repeat 0 50%;
    padding-left: 19px;
}

.rss_recipeImageLink img
{
	margin-bottom: 1em;
}

.recipe_ratings img
{
    vertical-align: middle;
}

.row
{
    margin: 0 0 30px;
    clear: both;
}

.row .moduleLinkTitle
{
    font-size: 16px;
}

.rowMargin30
{
    margin: 15px 0px 15px 5px;
    clear: both;
}

.rowMargin10
{
    margin: 15px 0px 10px 5px;
    clear: both;
    overflow: auto;
}

.rowBorder
{
    padding: 15px 10px 15px 10px;
    border-bottom: 1px #cccccc solid;
    overflow: hidden;
}

.searchResult
{
    overflow: hidden;
    padding: 12px 10px 22px;
    border-bottom: solid 1px #dddbdc;
    background-color: #eaeaea;
    color: #000000;
    width:565px;
    margin: 0 -10px;
}
.searchResult .image
{
    float: left;
    width: 110px;
}
.searchResult .recipeInfo
{
    float: left;
    margin: 5px 18px 0 20px;
    width: 288px;
}
.searchResult .recipeInfo .description
{
    margin-top: 7px;
    margin-bottom: 7px;
}
.searchResult .recipeInfo .memberGenerated  {
    color:#666666;
    margin-top:7px;
}
.searchResult .recipeInfo .creator  {
    display:inline;
}
.searchResult .searchInfo
{
    float: left;
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
    width: 406px;
    display: inline;
}
.searchResult .recipeInfo a
{
    font-size: 14px;
    font-weight: bold;
}
.searchResult .recipeInfo .recipePrepTime
{
    margin-right: 15px;
}
.searchResult .recipeRating
{
    float: left;
    margin-top: 5px;
    width:129px;
}
.searchResult .recipeRating .recipeSpoons
{
    float: none;
    width: auto;
    margin-top: 2px;
    margin-bottom: 4px;
}
.searchResult .recipeRating, .searchResult .recipeRating a
{
    font-size: 11px;
    font-weight: normal;
}

div.item600
{
    margin: 0;
}
div.item600 img
{
    float: left;
    margin-right: 1em;
}
div.item600 .rightColumn
{
    float: left;
    margin: 0px 0px 0px 25px;
    width: 400px;
}

div.item1-110
{
    display: inline-table;
    width: 110px;
    padding: 0px 10px 0px 30px;
    margin: 5px 0px 10px 0px;
    float: left;
    text-align: center;
}
div.item1-110 img
{
    padding-bottom: 10px;
    _padding-bottom: 0px;
}
div.item2-400
{
    width: 400px;
    margin: .5em;
    padding: .5em;
    clear: both;
    overflow: auto;
}
div.item2-400 img
{
    float: left;
    margin-right: 12px;
}
div.item2-400 .browseImgLink
{
    float: left;
    display: block;
    width: 110px;
    text-align: center;
    margin-right: 12px;
}
div.item2-400 .browseImgLink img
{
    float: none;
}
div.item2-400 img.imgSpacer
{
    margin-top: 15px;
}
div.item3-250
{
    width: 275px;
    clear: both;
    margin: 0px 0px 10px 0px;
    overflow: auto;
}
div.item3-250 img
{
    float: left;
    margin-right: 12px;
}
div.item4-150-0
{
    width: 158px;
    margin: 0 30px 0 0;
    padding: 0em;
    float: left;
    text-align: left;
}
div.item4-150-1
{
    width: 158px;
    margin: 0 15px 0 15px;
    padding: 0em;
    float: left;
    text-align: left;
}
div.item4-150-2
{
    width: 158px;
    margin: 0 0 0 30px;
    padding: 0em;
    float: left;
    text-align: left;
}
div.item5-275
{
    width: 270px;
    width: 265px;
    margin-right: 15px;
    float: left;
}
div.item5-275 img
{
    float: left;
    margin: 0 20px 25px 0;
}
div.item5-275 img.left-margin10
{
    float: left;
    margin-right: 10px;
}
div.item5-275 .imgSpacer
{
    float: left;
    padding-bottom: 5em;
}
div.item6-275
{
    clear: both;
    margin: 0 0 30px;
}
.browseContainer
{
    padding-left: 120px;
}
div.item6-275 img
{
    float: left;
    margin-right: 10px;
}
div.item6-275 img.arrow
{
    float: none;
    vertical-align: middle;
    margin: 0;
    width: 18px;
    height: 18px;
}

.itemPromotion
{
    margin: 0 0 15px;
    padding: 20px;
    overflow: auto;
    border: 1px #ccc solid;
    height: 1%;
}
.itemPromotionText
{
    float: left;
    width: 560px;
}
.itemPromotion img
{
    float: left;
    margin-right: 30px;
}

div.recipeRssBlock
{
    margin-bottom: 10px;
    padding: 0 5px 0 10px;
    width: auto;
}

div.recipeRssBlock a img
{
    width: 110px;
}

div.recipeRssBlock h4
{
    font-size: 17px;
    font-weight: bold;
    margin: 10px 0;
}

div.recipeRssBlock p
{
    margin: 0;
    padding-left: 122px;
}

.recipeRssSpoons
{
    font-size: 11px;
    padding-left: 10px;
}

.connectWBetty
{
     color: #000000;
}

.connectWBetty h4
{
    font-size: 16px;
    margin: 0;
}

.connectWBetty .moduleDesc
{
    font-size: 14px;
}

.connectWBetty .sectionBorder
{
    margin: 10px 0;
}

.connectWBetty .communityLink
{
    width: 213px;
    float: right;
    clear: right;
    margin: 5px 0 10px;
}

.connectWBetty .communityPost
{
    margin: 10px 0;
}

.communityPost
{
    width: 213px;
    float: right;
    margin-bottom: 20px;
    clear: right;
}

.communityPost strong
{
    font-style: italic;
    display: block;
}

/*Table Styles*/
.table-2col
{
    border: 1px solid #ccc;
    width: 100%;
}
.table-2col td
{
    padding: 5px 10px 5px 15px;
    border-bottom: 1px solid #ccc;
    line-height: 16px;
}
.table-2col th
{
    text-align: left;
    color: #666666;
    padding: 10px 20px 10px 0;
    border-bottom: 1px solid #ccc;
}
.table-2col .thread
{
    width: 392px;
    border-right: 1px solid #ccc;
}

.table-2col th.thread
{
    border-right: none;
    padding: 10px 10px 10px 15px;
}

.table-2col .bottom
{
    border-bottom: none;
    padding: 15px 10px 10px 10px;
}

#col1A-Left .table-2col .bottom
{
    padding-left: 15px;
    padding-right: 15px;
}

.table-2col .bottom .rss_link
{
    display: block;
    margin-top: 3px;
}

.table-2col .replies
{
    text-align: center;
}
/***** THUMBNAIL GALLERY CONTROL *****/
.gallery
{
    margin-top: 5px;
}

.galleryRow
{
    height: 72px;
}

.thumbnailGallerySelected
{
    float: left;
    display: inline;
    text-align: center;
    vertical-align: middle;
    width: 75px;
    height: 55px;
    background-color: White;
    margin: 0px 12px 0px 12px;
    border: solid 8px #E01831;
}

.thumbnailGallery
{
    float: left;
    display: inline;
    text-align: center;
    vertical-align: middle;
    width: 75px;
    height: 55px;
    background-color: White;
    border: solid 2px #9F3A3A;
}

.thumbBorder
{
    float: left;
    display: inline;
    text-align: center;
    vertical-align: middle;
    width: 79px;
    height: 59px;
    margin: 6px 7px 6px 7px;
}

.imageGalleryContent
{
    padding-right: 0 !important;
}

.imageGalleryContent #thumbnail
{
    margin-bottom: 18px;
    font-weight: bold;
    color: #020202;
}

.imageGalleryContent .galleryControls
{
    margin-top: 10px;
    padding: 0 18px 0 7px;
}

.imageGalleryContent input.galleryControls
{
    padding-left: 6px;
}


/*Member Comments*/
.memberComments
{
    clear: both;
    padding: 10px;
}
.memberComments .commentsHeader p
{
    margin: 5px 0 30px;
}
.memberComment
{
    clear: both;
    position: relative;
    margin-bottom: 30px;
}
.memberCommentsText
{
    padding: 0 75px 0 70px;
}
.memberCommentsImage
{
    float: left;
    margin-right: 20px;
}
.memberComment p
{
    margin: 0;
}
.memberCommentsfooter
{
    margin: 15px 0 0 70px;
    padding-bottom: 10px;
    border-bottom: dotted 3px #CCC;
}

.commentBox
{
    margin-left: 70px;
    clear: both;
}
.commentBox .header
{
    background: #fff url(commentBoxTop.gif) top left no-repeat;
    height: 9px;
    margin: 0;
    padding: 0;
    width: 535px; 
}
.commentBox .commentBody
{
    background-color: #f0f7fd;
    border-right: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
    margin: 0;
    padding: 5px 20px 10px;
    width: 493px; 
}
.commentBox .footer
{
    background: #fff url(commentBoxBottom.gif) bottom left no-repeat;
    height: 12px;
    margin: 0 0 20px;
    width: 535px;
}
.commentBox .addComments
{
    background-color: #fff;
    border: 1px solid #C0C0C0;
    margin: 5px 0 15px;
    height: 110px;
}

.commentBoxPages
{
    background-color: #efefef;
    padding: 5px;
    font-size: 11px;
    height: 15px;
    margin-bottom: 20px;
}

.commentBoxPager
{   
    font-size:11px;
    height:15px;
    color:Black; 
    background-color:#eeeeee; 
    border:1px solid #CCCCCC;     
    padding-left:10px; 
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;    
}

/*Tabbed Box*/
#ExpertTipsTabs 
{
	margin-bottom:20px;
}

.expertQuote
{
    font-size: 18px;
    color: #7b7b7a;
    font-weight: bold;
    text-align: center;
}

.expertQuote p
{
    margin: 0 0 18px;
}

.expertQuote ul
{
   list-style-position: inside;
   margin-left: 0;
   padding-left: 20px;
}

.simpleQuote .expertQuote
{
    margin-top: 10px;
    text-align: left;
}

.simpleQuote .moduleDesc
{
    margin-top: 20px;
    padding-left: 110px;
}

#tabs
{
    margin-bottom: 20px;
}
#tabs_small-1,#popular-new-tabs_small-1
{
    background: #e1f0fc url(blue-gradient.jpg) top left repeat-x;
    overflow: auto;

}
#tabs_small-2,#popular-new-tabs_small-1
{
    background: #e1f0fc url(blue-gradient.jpg) top left repeat-x;
    overflow: auto;
}
#tabs_small
{
    margin: 0px 0px 20px 0px;
}
.top-left-corner
{
    float: left;
    margin: 0;
    width: 12px;
    height: 43px;
    background: #fff url(top-left-corner.gif) bottom left no-repeat;
}

.tabBody
{
    clear: both; /*For Safari*/
    margin: 0;
}

.mhpTab
{
    background-repeat: repeat-x;
    background-position: top;
    margin: 0 -10px -10px;
    padding: 10px;
}

h3.mhpTabCat
{
    font-size: 16px !important;
    color: #000000;
    margin-left: 13px;
    position: relative;
}

.expertRecipePicks
{
    float: right;
    margin: 0;
    width: 100%;
}

.expertRecipePicks .expertQuote
{
    padding-right: 13px;
}

.expertRecipePicksContentOff
{
    display: none;
}

.tabLeftPic
{
    width: 20%;
    padding: 0px;
    margin: 5px 0 10px;
    float: left;
    text-align: center;
}

.tabLeftPic h3, .tabLeftPic h2
{
    color: #984902;
    font-size: 18px;
    font-weight: bold;
    font-family: "Clarendon", "Georgia", "Times New Roman", Times, serif;
    margin: 0 0 10px;
}

li.tabsLabel
{
    float: left;
    padding: 0px 0 0 2px;
}

.panelBeige
{
    padding: 10px;
    height: auto;
    background-color: #f6eedb;
    float: right;
    width: 458px;
    width: 75%;
}

.beigeQuote
{
    margin-bottom: 20px;
    color: #7b7b7a;
}

.beigeQuote .expertQuote
{
    text-align: left;
}

.beigeQuote .expertQuote p
{
    margin-bottom: 0;
}

.panelText
{
    height: auto;
    float: left;
    width: 300px;
    margin-left: 15px;
}

.panelText .btn
{
    margin-top: 5px;
}

.panelBrowseImages
{
    width: 130px;
    padding: 0px 9px;
    margin: 0 0 20px;
    float: left;
    text-align: center;
    position: relative;
}
.panelBrowseImages img
{
    padding-bottom: 10px;
}
.detail-equations
{
    float: left;
    padding: 35px 0 0;
    font-weight: bold;
    font-size: 18px;
    color: #2c7fb4;
}
.tips
{
    font-size: 13px;
    font-weight: bold;
    padding: 10px;
    margin: 0;
    color: #666;
}
.tipsDesc
{
    float: left;
    padding: 0px;
    margin: 0 0 5px 30px;
    width: 475px;
}

/*Search Detail Page Specific*/
.searchSort
{
    margin: 10px 0;
}
.control
{
    float: left;
    display: inline-table;
    margin-right: 2em;
}
.pages
{
    margin: 5px 0px 5px 0px;
    width: 125px;
    float: right;
    text-align: right;
}
.pages a
{
    display: inline;
    padding: 0px;
    margin: 0px 0px 0px 2px;
}
.pages .current
{
    color: #333;
    font-weight: bold;
}

/* Highlighted Features */
div.feature-highlight
{
    height: 250px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
}

#homePageRotatingFeature
{
    border: solid 1px #CCCCCC;
    margin-bottom: 20px;
    zoom: 1;
}

#homePageRotatingFeature .mainImage img
{
   float:right;
   width:578px;
   height:279px;
}

#homePageRotatingFeature .overlayContent
{
    float:left;
    width:235px;
   
    overflow:hidden;
}

#homePageRotatingFeature .overlayContent .graphicHeadline
{
  
    display:block;
}

#homePageRotatingFeature .overlayContent .innerContent
{   
    padding-left:10px;
   
}

#homePageRotatingFeature .overlayContent .featureCopy
{
    font-size: 14px;
    color: #333333;
    word-wrap:break-word;
    padding-right:10px;
}

#homePageRotatingFeature .overlayContent .CTALink img
{
        display:block;
        margin: 15px 0;
}

#homePageRotatingFeature .overlayContent .featCollection
{
   padding-left:40px;
   background-repeat:no-repeat;
   min-height:35px;
}

#homePageRotatingFeature .overlayContent .featCollection a
{
    display: block;
}

#homePageRotatingFeature .overlayContent .sponsorArea a img
{
    width:235px;
    height:103px;
}

#homePageRotatingFeature #feature-controls
{
    background-color: #FFFFFF;
    border: none;
    border-top: solid 1px #CCCCCC;
    margin-bottom: 0;
    clear:both;
}

#homePageRotatingFeature #feature-controls .bottomText
{
    display: inline;
    position: relative;
    top: -6px;
    color: #666666;
    font-size: 14px;
    font-weight: bold;
    padding-left: 14px;
}

#feature-controls
{
    height: 27px;
    border: 1px solid #C0C0C0;
    margin: 0px 0px 20px 0px;
    padding: 5px 0 0 3px;
    overflow: hidden;
    background-color: #fff !important;
}

#feature-controls ul
{
    margin: 0;
    padding: 0 3px 0 0;
}

#feature-controls li
{
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 3px;
}

#feature-controls li.right
{
    margin: 0;
    list-style-type: none;
    padding: 0px 3px 0px 0px;
    float: right;
}

#feature-controls li img
{
    cursor: pointer;
}

.featuredList
{
    margin-bottom: 15px;
    overflow: hidden;
}

.featuredList .item5-275 img
{
    margin-bottom: 25px;
}

.featuredList .moduleLinkTitle
{
    display: block;
    padding-top: 5px;
}

.featuredSeparator
{
    display: block;
    margin-bottom: 15px;
}

/* Easy Meal Finder*/

div.easymealfinder
{
    margin: 0 0 20px;
    padding: 0;
    overflow: hidden;
}
div.easymealfinder div.header
{
    width: 300px;
    height: 5px;
    background: url(emf-head.gif) no-repeat;
    overflow: hidden;
}

div.easymealfinder div.container
{
    position: relative;
    width: 298px;
    height: 278px;
    background: #bddaec url(easymealfinder_background_middle-repeat.jpg) repeat-x;
    border-left: solid 1px #a5a9b4;
    border-right: solid 1px #a5a9b4;
    border-bottom: solid 1px #a5a9b4;
    margin-top: 0;
}

div.easymealfinder div.container div.titlefolder
{
    position: absolute;
    top: -5px;
    margin-left: 7px;
    width: 55px;
    height: 34px;
    background: url(easymealfinder_header_folder.png) no-repeat;
}
div.easymealfinder div.container div.title
{
    position: absolute;
    top: 5px;
    left: 68px;
    width: 175px;
    height: 19px;
    background: url(easymealfinder_header_text.png) no-repeat;
}
div.easymealfinder div.container div.description
{
    clear: left;
    padding: 37px 10px 5px;
}
div.easymealfinder div.container div.inputdescription
{
    width: 80px;
    text-align: right;
    font-weight: bold;
    line-height: 26px;
    _line-height: 28px;
    color: #636363;
    float: left;
    display: inline;
    margin-top: 5px;
}
div.easymealfinder div.container div.input
{
    float: left;
    display: inline;
    padding-left: 20px;
    margin-top: 5px;
    font-weight: bold;
    font-size: 20px;
    width: 175px;
}
div.easymealfinder div.container div.input select
{
    width: 152px;
    color: #7e7e7e;
    font-size: 12px;
}
div.easymealfinder div.container div.error
{
    clear: left;
    float: left;
    width: 139px;
    padding: 10px 0px 0px 10px;
    color: #df182f;
    font-weight: bold;
    display: block;
}
div.easymealfinder div.container div.submitbutton
{
    float: right;
    width: 103px;
    text-align: right;
    padding: 25px 15px 15px;
}
.ingredientbox
{
    color: #7e7e7e;
    padding: 2px 3px;
    width: 144px;
    border: 1px solid #CECECE;
    font-size: 12px;
    margin-bottom: 6px; *margin-bottom:5px;
_margin-bottom:6px;
}
.ingredientboxdropdown
{
    color: #7e7e7e;
    width: 156px;
    border: 1px solid #CECECE;
    margin-bottom: 6px; *margin-bottom:5px;
_margin-bottom:6px;
}

.ingredientboxSearch
{
    border: 1px solid #CECECE;
    margin-left: 12px;
    width: 80px;
}

.easyMealFinderInput
{
    border: 1px solid #CECECE;
    margin-left: 12px;
    width: 100px;
}

/* Newsletters */
#NewsLetters
{
    background: transparent url(light_blue_background.jpg) no-repeat scroll 0 0;
    height: 465px;
    width: 720px;
}

.BCNewsLetter
{
    background: transparent url(BC_Bkrgd.jpg) no-repeat scroll 0 0;
    float: left;
    height: 333px;
    line-height: 17px;
    padding: 15px;
    width: 248px;
}

.DMENewsLetter
{
    background: transparent url(dme_bkrgd.jpg) no-repeat scroll 0 0;
    float: left;
    height: 170px;
    line-height: 17px;
    padding-left: 10px;
    width: 382px;
}

.BisquickNewsLetter
{
    background: transparent url(Bisquick_Bkgrd.jpg) no-repeat scroll 0 0;
    float: left;
    height: 163px;
    line-height: 17px;
    padding-left: 12px;
    width: 392px;
}

.socialSites
{
    background: transparent url(grey_rounded_bkgrd.jpg) no-repeat scroll 0 0;
    float: left;
    height: 88px;
    padding: 15px 0 0 15px;
    width: 219px;
}

.socialSites .Name
{
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 5px 0 6px;
}

.socialSites .SiteLink
{
    clear: both;
    width: 200px;
}

#StoreNewsLetter
{
    background: transparent url(betty_store_bkrgd.jpg) no-repeat scroll 0 0;
    clear: both;
    height: 126px;
    width: 711px;
}

#NewsLetterContainer
{
    padding: 15px 15px 15px 20px;
}


/*Newsletter CSS */
.profile p
{
    margin: 0px;
}

.profile h1
{
    font-size: 18px;
    margin: 10px 0px 0px 0px;
    color: #000000;
}

.profile h2
{
    font-size: 14px;
    margin: 10px 0px 0px 0px;
}
.profile h3
{
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0px 0px 0px;
    color: #000000;
}

.Issues
{
    background-color: #FCF7E3;
    width: 65%;
}

.Issues a
{
    cursor: pointer;
}

.Issues h1, .Issues h2, .Issues h3, .Issues p
{
    padding-left: 10px;
    margin: 0px;
}

.popup_content .CloseConfirmationButton
{
    clear: both;
    float: none;
    margin-left: 110px;
}

#ManageNewsletter, .CurrentSubscriptions, .PartnerNewsletter
{
    width: 750px;
    float: left;
    margin-right: 20px;
    margin-top: 10px;
}

#ManageNewsletter, .CurrentSubscriptions
{
    border-bottom-color: #949494;
    border-bottom-style: solid;
    border-bottom-width: thin;
}

.PartnerNewsletter
{
    margin-bottom: 120px;
}

.Subscriptions
{
    margin: 5px 50px 40px 0px;
    width: 200px;
    text-align: center;
    float: left;
}

.partnerSubscriptions
{
    width: 175px;
    margin: 10px 40px 10px 0px;
    text-align: center;
    float: left;
}

.partnerSubscriptions #eatbetterAmericaLogo, .partnerSubscriptions #bettyStoreLogo
{
    margin: 15px 0;
}

#BettyStoreSignUp
{
    margin-top: 5px;
}

.newSectionHeading
{
    clear: both;
}

#PartnerLogo
{
    height: 55px;
}

.form_button_line
{
    text-align: center;
    margin-top: 10px;
}

.form_button_line a img
{
    vertical-align: middle;
    cursor: pointer;
    padding-left: 10px;
}

.form_button_line input
{
    padding-left: 10px;
}

.popup_content
{
    width: 275px;
    margin: 10px auto;
}

.popup_content input
{
    float: left;
}

.popup_content label
{
    display: inline;
    width: 200px;
    float: left;
    padding: 0 0 10px 5px;
}

.popup_content span
{
    margin-top: 10px;
    display: block;
}

.popup_content br
{
    clear: both;
}

.muted
{
    font-size: 11px;
    color: #666666;
}

#PartnerDescription
{
    height: 99px;
}

#PartnerSignUpUrl
{ 
    margin: 0px;
}

.subscriptionDescription
{
    height: 80px;
}

/*Unsubscribe Newsletter CSS*/
.Balloon, .BettyBalloonPanel
{
    background-color: #FFFF99;
}

.EmailUnsubscribe .Balloon h1, .EmailUnsubscribe .Balloon h2, .EmailUnsubscribe .Balloon p
{
    padding: 10px 22px;
    margin: 0px;
}

.Confirmation .BettyBalloonPanel h1, .Confirmation .BettyBalloonPanel h2, .Confirmation .BettyBalloonPanel h3, .Confirmation .BettyBalloonPanel p, .Confirmation .BettyBalloonPanel ul
{
    margin: 0px;
}

.Confirmation .BettyBalloonPanel ul
{
    padding: 10px 10px 10px 25px;
}

.Confirmation .BettyBalloonPanel h1
{
    padding-bottom: 5px;
}

.Confirmation .BettyBalloonPanel h2
{
    padding-left: 10px;
}

.Confirmation p
{
    margin: 0px;
}

#ChangeEmailBalloon
{
    width: 190px;
    float: right;
    margin: 0px 30px 0px 10px;
}

#BettyBalloon
{
    width: 300px;
    float: right;
    margin: 0px 30px 0px 10px;
}

.SubmitButton
{
    margin-top: 20px;
    margin-right: 680px;
}

#ActionList
{
    line-height: 2.5em;
}

.InvalidUser
{
}

.form_button_line
{
    text-align: center;
    margin-top: 10px;
}

.form_button_line a
{
    margin-right: 10px;
}

.popup_content
{
    width: 250px;
    margin: 10px auto;
}

.popup_content input
{
    float: left;
}

.popup_content label
{
    display: inline;
    width: 200px;
    float: left;
    padding: 0 0 10px 5px;
}

.popup_content span
{
    margin-top: 10px;
    display: block;
}

.popup_content br
{
    clear: both;
}

.muted
{
    font-size: 11px;
    color: #666666;
}

/* GroceryList css */
.SubHeading
{
    clear: both;
}

/* Footer styles */
.grayFooter
{
    background: #f3f3f3 url(grayFooterTop.png) top left no-repeat;
    width: 1000px;
    margin: 10px 0 15px;
    clear: both;
}
.footerContent
{
    overflow: auto;
    padding: 13px 0 0 34px;
    height: 100%;
}
.footerContent ul
{
    float: left;
    font-size: 10px;
    padding: 0 15px 0 0;
    margin: 0;
    display: block;
    color: #007bc7;
    width: 138px;
}
.footerContent ul.footerCol5 { width: 123px; }
.footerContent ul.footerCol4 { width: 202px; }
.footerContent ul.footerCol3 { width: 178px; }
.footerContent ul.footerCol2 { width: 116px; }
.footerContent ul.footerCol1 { width: 103px; }
.footerContent ul li
{
    margin: 0;
    padding: 0 0 0 8px;
    background: url(navBlueBullet.png) no-repeat left 5px;
    list-style-type: none;
    text-indent: 0;
}
.footerContent ul li.heading a:link,
.footerContent ul li.heading a:visited,
.footerContent ul li.heading a:hover,
.footerContent ul li.heading a:active,
.footerContent ul li.heading
{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    margin: 0;
    padding: 0;
    background: none;
}
.footerContent ul li.heading span
{
    position: relative;
    bottom: 2px;
}
.footerContent ul.singlePages
{
    margin-right: 0;
    padding-right: 0;
    width: 160px;
}
.footerContent ul.singlePages li.heading a, .footerContent ul.singlePages li.heading
{
    text-transform: none;
}
.footerBottomContent
{
    overflow: auto;
    padding: 13px 0 0 34px;
    border-top: solid 1px #dadada;
    margin-top: 15px;
}
.footerBottomContent ul
{
    padding: 0 15px 0 0;
    margin: 0;
    color: #007bc7;
}
.footerBottomContent ul li
{
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
    text-indent: 0;
    padding-right: 60px;
}
.footerBottomContent ul li.footerRss { padding-right: 45px; background: url(rss_small.png) no-repeat left; padding-left: 20px; }
.footerBottomContent ul li.footerLast { padding-right: 0px; }
.footerBottomContent ul li a:link,
.footerBottomContent ul li a:visited,
.footerBottomContent ul li a:hover,
.footerBottomContent ul li a:active
{
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    padding: 0;
    background: none;
}
.grayFooter .bottom
{
    background: #f3f3f3 url(grayFooterBottom.png) bottom left no-repeat;
    height: 12px;
    width: 1000px;
}

#footer1
{
    clear: both;
    float: left;
    width: 100%;
    margin: 0;
}
.footerBar
{
    background-color: #E21832;
    padding: 5px 0 6px;
    clear: both;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}
.extendedFooterCont
{
    clear: both;
    padding-bottom: 40px;
    font-size: 10px;
}
.extendedFooterCont strong
{
    display: block;
    font-weight: bold;
    margin: 18px 0 2px;
    font-size:11px;
}
.extendedFooterCont ul.HorizontalList li
{
    margin: 0 5px 0 0;
}
.extendedFooterCont ul.HorizontalList li a
{
    color: #666666;
    font-weight: normal;
}
.extendedFooterCont .sectionHeaders
{
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    *display: inline-block;
}
.extendedFooterCont .sectionContent
{
    border-bottom: 1px solid #C0C0C0;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.extendedFooterCont .sectionHeaders strong
{
    font-weight: bold;
    font-size:11px;
    margin: 0px;
}
.extendedFooterCont .extFooterCol1
{
    float: left;
    width: 285px;
    line-height: 18px;
}
.extendedFooterCont ul 
{
    margin: 0;
    padding: 0;
    float: left;
}
.extendedFooterCont li
{
    list-style-type: none;
    line-height: 18px;
}   
.extendedFooterCont .extFooterCol2
{
    float: left;
    width: 560px;
}
.extendedFooterCont .extFooterCol2 ul
{
    width : 130px;
}
.extendedFooterCont .extFooterCol3
{
    float: left;
}
#footer .footerBar ul.HorizontalList
{
    text-align: center;
}

#footer .footerBar ul.HorizontalList li
{
    margin: 0;
}

#footer .footerBar ul.HorizontalList li a
{
    color: #FFFFFF;
}

.footerBar .divider
{
    color: #FFFFFF !important;
    margin: 0 2px !important;
}

.footerBar a, .footerBar a:visited
{
    margin: 0 5px;
    color: #ffffff;
    text-decoration: none;
}

.footerBar a:hover
{
    text-decoration: underline;
}

.footerCozi
{
    margin: 0;
    background: url(coziLogoSmall.jpg) no-repeat left;
    padding-left: 32px;
}

.footerRSS
{
    margin: 0;
    background: url(rss_small.png) no-repeat left;
    padding-left: 16px;
}

.footerCopyright
{
    margin-top: 10px;
    line-height: 18px;
}

.extendedFooterCont .footerCopyright li
{
    float: left;
} 

.footerCopyright ul li a
{
    padding: 0 3px 0 3px;
} 

.footerCopyright ul li.firstItem a
{
    padding-left: 0px;
} 

/*Styles from Common.css*/


/*Thread Table*/

.module_header_large_table
{
    background: transparent url(moduleHeaderLarge.png) no-repeat scroll 0 0;
    margin: 10px 0;
    width: 757px;
}
.module_header_large_table table
{
    border-bottom: 1px solid #CCCCCC;
    width: 757px;
}
.module_header_large_table th
{
    color: #666666;
    font-size: 14px;
    height: 16px;
    padding: 5px;
    text-align: left;
}
.module_header_large_table td.center
{
    text-align: center;
}
.module_header_large_table td.middle
{
    vertical-align: middle;
}
.module_header_large_table td.replies
{
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
}
.module_header_large_table td
{
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    padding: 10px;
    vertical-align: top;
}
.module_header_large_table tr.alternate
{
    background-color: #F4F3F3;
}
.module_header_large_table td.last
{
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 5px;
}
.module_header_large_table tfoot td
{
    border: 1px solid #CCCCCC;
}
.module_header_large_table td h4
{
    font-size: 14px;
    margin: 0;
}
.module_header_large_table td ul
{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.module_header_large_table td ul li
{
    float: left;
    padding-left: 5px;
}
.pager
{
    color: #999999;
    font-size: 14px;
    font-weight: bold;
}
/*Styles Moved from Global CSS for Community*/

.avatar_container
{
    width: 90px;
    float: left;
    text-align: center;
    overflow: hidden;
    margin: 0 10px 10px 0;
    display: inline;
}

.avatar_container a
{
    display: block;
}


.module_header_medium
{
    background: url(moduleHeaderMedium.png) no-repeat;
    height: 22px;
    overflow: hidden;
    width: 427px;
    padding: 2px 10px;
}

.module_header_medium h3, .module_header_small h3
{
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    margin: 0;
}

.module_body_medium
{
    width: 425px;
    padding: 10px;
    border: solid 1px #cccccc;
    border-top: none;
    margin-bottom: 20px;
}

.module_header_small
{
    background: url(moduleHeaderSmall.png) no-repeat;
    height: 22px;
    overflow: hidden;
    width: 280px;
    padding: 2px 10px;
}

.module_body_small
{
    width: 278px;
    padding: 10px;
    border: solid 1px #cccccc;
    border-top: none;
    margin-bottom: 20px;
}

.module_body_small h3
{
    font-size: 14px;
    margin: 0;
}

ul.red
{
    padding: 10px 0px 0px 20px;
}

ul.red li
{
    color: #e2263e;
    font-weight: bold;
}

.left_icon_link a
{
    background: url(btnPrev.jpg) top left no-repeat;
    padding: 3px 0px 3px 25px;
    float: left;
    margin: 0;
}

input.new_thread
{
    display:block;
    margin:20px 0;
}

input.new_thread_right
{
    display:block;
    margin:10px 0;
}

/*Member Login CSS */
#LoginRegisterSection
{
    background-image: url(LogIn_Landing_background_03.jpg);
    background-repeat: no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    width: 746px;
    height: 292px;
}

#HeaderSection p
{
    font-size: 16px;
    font-weight: bold;
    padding-left: 25px;
}
#LoginSection
{
    height: 250px;
    left: 20px;
    position: relative;
    top: 20px;
    width: 350px;
}
#RegisterSection
{
    height: 250px;
    left: 385px;
    position: relative;
    top: -230px;
    width: 350px;
}
#RegisterSection
{
    font-size: 13px;
}
#LoginSection #LoginHeader, #RegisterSection span
{
    font-size: 22px;
    font-weight: bold;
    margin-left: 20px;
}
#RegisterSection p
{
    margin-left: 30px;
    width: 225px;
}

#RegisterSection ul
{
    margin-left: 25px;
}

.Email, .Password
{
    font-size: 13px;
}

.LoginButton
{
    margin-left: 135px;
    margin-top: 10px;
}
.DataEntry
{
    line-height: 23px;
    margin-left: 75px;
    margin-top: 12px;
}
.RememberMeCheckBox
{
    left: 0;
    position: relative;
    top: 8px;
}
.RegisterButton
{
    margin-left: 120px;
    margin-top: 18px;
}
.DataEntry a
{
    left: 100px;
    position: relative;
    top: 2px;
}
.LoginError
{
    color: red;
    line-height: 1px;
    margin-left: 80px;
}

/* Common styles */

.container
{
    margin-top: 10px;
    width: 757px;
}

.clear
{
    clear: both;
    margin: 0;
    padding: 0;
    height: 0px;
    float: none !important;
}
img
{
    border: 0;
}

.padding15
{
    padding: 15px;
}
.padding5
{
    padding: 5px;
}
.padding-left20
{
    padding-left: 20px;
}
.margin-bottom
{
    margin-bottom: 20px;
}
.margin-bottom10
{
    margin-bottom: 10px;
}
.margin-right20
{
    margin-right: 20px;
}
.margin-left20
{
    margin-left: 20px;
}
.margin0
{
    margin: 0;
}
.margin-top0, .margin-top0 p
{
    margin-top: 0;
}

.margin-top20
{
    margin-top: 20px;
}
.fl
{
    float: left;
    margin: 0;
}
.fr
{
    float: right;
    margin: 0;
}
.fn
{
    float: none;
}
.Spacer15x55
{
    float: left;
    width: 15px;
    height: 55px;
}
.Spacer10x80
{
    float: left;
    width: 10px;
    height: 80px;
}
.Spacer5x5
{
    clear: both;
    width: 5px;
    height: 5px;
}

.moduleLinkTitle
{
    font-size: 14px;
}

p.moduleDesc, div.moduleDesc p, div.moduleDesc div
{
    margin: 5px 0 !important;
    padding: 0 !important;
}

.rb_dots
{
    border-top: 2px #999 dotted;
    height: 5px;
    margin: 8px 25px 10px 0px;
}

.gradientBg
{
    background-color: #FFFFFF;
    background-position: bottom;
    background-repeat: repeat-x;
}

.sectionBorder
{
    border-top: 1px solid #C0C0C0;
    clear: both;
    height: 10px;
    margin: 0 -10px;
}

.flexSpace .sectionBorder
{
    margin: 0;
}

.relatedContent h6
{
    font-size: 11px;
    font-weight: bold;
    color: #999999;
    text-transform: uppercase;
    margin: 15px 0 10px;
    padding-bottom: 4px;
    border-bottom: 1px solid #C0C0C0;
}

.relatedContent img
{
    margin-bottom: 10px !important;
}

.relatedContent a
{
    font-size: 11px;
}

/* flex tabs */
#flexNewPopularContent
{
    position: relative;
    margin-bottom: 20px;
}

#flexTabs
{
    position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
}

#flexTabs li
{
    position: relative;
    list-style: none;
    display: block;
    float: left;
    padding-top: 8px;
    height: 19px;
    width: 85px;
    background-repeat: no-repeat;
    text-align: center;
    top: 1px;
}

#flexTabs #linkMostPopular
{
    padding-right: 2px;
}

#flexTabs li.active
{
    width: 88px;
    height: 20px;
    z-index: 10;
}

#flexTabs li.active a:link, #flexTabs li.active a:visited, #flexTabs li.active:hover, #flexTabs li.active:active
{
    cursor: text;
    text-decoration: none;
}

#flexContentBox
{
    border: solid 1px #cccccc;
    border-bottom: none;
    background-repeat: repeat-x;
    background-position: top;
    padding: 8px 10px 20px;
    position: relative;
    clear: both;
}

#flexContentBoxBottom
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 175px;
    height: 10px;
    background-repeat: no-repeat;
    background-image: url(flex-roundedBtm.gif);
}

#flexContentBox select
{
    width: 155px;
    margin-bottom: 15px;
}

#flexContentBox ul
{
    float: none !important;
}

#flexContentBox ul li
{
    padding-bottom: 3px;
}
/* END FLEX TABS */

/* Start UserWidget */

ul#member {
margin: 0;
font-weight:bold;
width:250px;
z-index:1000;
padding:0;
}

ul#member li {
display: inline;
margin: 0 5px 0 0;
position: relative;
z-index:1000;
}

ul#member h2 {
font-size: 100%;
display: inline;
color:#DF182F;
}

ul#member li a {
color:#DF182F;
text-decoration: none;
padding: 0;
}

ul#member li a.selected {
color:#DF182F;
text-decoration: none;
padding: 0;
}

ul#member li a:hover {
color:#DF182F;
text-decoration: underline;
}

ul#member li.mega a {
padding: 0;
}

ul#member li.mega a:hover {
color:#DF182F;
text-decoration:none;
}

ul#member div {
display:none;
}

ul#member li.mega div.top-col1 { 
/*position: absolute;
top: 16px;
left: -40px;
padding-left: 0;*/
width: 90px;
height:21px;
background: url(MemRightCornerTop.png) no-repeat; 
float:left;
}

ul#member li.mega div.memberContainer-col1 {
width: 192px;
}

ul#member li.mega .navBack {
margin-left: 5px;
padding: 10px 0 2px 15px; 
background-color:#f0f7fe;
}

.navFooter {background:url(MemRightCornerBottom.png) top right no-repeat;float:left;width:58px;height:18px; }
ul#member li.mega div.membertopMiddle {height:21px; margin:0 1px 0 153px}

ul#member li.mega div.membertopLeft {
background: url(MemLeftCornerTop.png) no-repeat; 
background-color: transparent;
height:21px;
width:102px;
float:left;
}

ul#member li.mega .memberbottomLeft {background:url(MemLeftCornerBottom.png) top left no-repeat;float:left;width:33px;height:18px;}
ul#member li.mega div.memberbottomMiddle { background:url(MemMiddleBottom.png) bottom left repeat-x;float:left;width:101px;height:18px;}

ul#member li.mega .navContent {
border-right:1px solid #afddf1;
background:url(LeftSide.png) top left repeat-y;
}

ul#member li.mega .popUpPosition 
{
position: absolute; width: 192px; left: -42px;
}

ul#member li.mega div.navColumn {
padding: 0;
}

ul#member li.hovering div {
display: block;
}



ul#member li.hovering a, ul#member li.hovering a:hover, ul#member li.hovering a:visited, ul#member li.hovering a:active   {
color:#DF182F;
}

ul#member li.hovering h3  a.heading3:link, ul#member li.hovering h3 a.heading3:visited, ul#member li.hovering h3 a.heading3:active   {
color: #db1e1e;
font-size: 12px;
margin: 2px 0 5px;
text-decoration:none;
}

ul#member li.hovering h3 a.heading3:hover { text-decoration: underline; }

ul#member li.mega div a {
color: #300;
padding: 0;
background-image: none;
text-decoration: underline;
}

ul#member li div a.more {
color: #390;
font-weight: bold;
}

ul#member h3{
color: #db1e1e;
font-size: 12px;
margin: 2px 0 5px;
}

ul#member div p {
margin: 0 0 0.8em 0;
padding: 0;
}

ul#member li.mega ul.subNav  { margin:0; padding:0;}
ul#member li.mega .subNav li { list-style-type: none; color:#336699; display: block; font-weight: bold; text-transform:none; font-size:11px; line-height:12px; margin:0 0 10px 0; padding:0;}
ul#member li.mega .subNav a { color:#336699; text-decoration:none; font-weight:normal; padding-left: 7px; }
ul#member li.mega .subNav a:hover { text-decoration:underline; }

ul#submember {
background-color: #660000;
color: #fff;
margin: 0;
padding: 5px 10px;
font-weight:bold;
width:737px;
}

ul#submember li {
display: inline;
margin: 0px 0px 0px 10px;
position: relative;font-size:11px;
}

ul#submember li a {
color: #fff;
text-decoration: none;
padding: 0 0px;
}

ul#submember li a.selected {
color: #ff9999;
text-decoration: none;
padding: 0 0px;
}

ul#submember li a:hover {
color: #ff9999;
}

/* end UserWidget */

/* start navigation */

ul#menu
{
    background-color: #db1e1e;
    color: #ffffff;
    margin: 0;
    padding: 7px 10px;
    text-transform: uppercase;
    font-weight: bold;
    width: 737px;
    clear: left;
    height: 14px;
    position: relative;     
    z-index: 90;
}

/* MAIN NAVIGATION ELEMENTS */
ul#menu li
{
    display: block;
    float: left;
    margin: 0 15px 0 10px;
    position: relative;
}

ul#menu li.clear
{
    margin: 0;
}

ul#menu li a
{
    color: #ffffff;
    text-decoration: none;
    padding: 0;
    text-transform: uppercase;
}

ul#menu li a.selected
{
    color: #660000;
}

ul#menu li a:hover
{
    color: #660000;
    text-decoration: none;
}

/* SUB NAVIGATION FLYOUTS */
ul#menu .subMenu
{
    display: none;
    position: absolute;
    top: 17px;
    left: 0;
    width: 157px;
    z-index:1000;
}

ul#menu .Col1
{
    width: 157px;
}
ul#menu .Col2
{
    width: 292px;
}
ul#menu .Col3
{
    width: 427px;
}
ul#menu .Col4
{
    width: 562px;
}
ul#menu .Col5
{
    width: 697px;
}
ul#menu .Col6
{
    width: 832px;
}

ul#menu .topArrow
{
    display: none;
    background: url(navArrow.png) no-repeat;
    width: 19px;
    height: 11px;
    position: absolute;
    top: 17px;
    left: 20px;
    z-index: 2;
}

ul#menu li.hovering .subMenu, ul#menu li.hovering .topArrow
{
    display: block;
}

ul#menu li .subMenu a
{
    color: #db1e1e;
    text-decoration: none;
    display: block;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 13px;
}

ul#menu li .subMenu a:hover
{
    text-decoration:underline;
}

ul#menu .subMenu .menuTop, ul#menu .subMenu .menuBottom
{
    margin-right: 50px;
}

ul#menu .subMenu .menuTopLeft
{
    background: url('leftCornerTop.png') no-repeat left top;
    height: 21px;
}

ul#menu .subMenu .menuTopRight
{
    background: url(rightCornerTop.png) no-repeat top right;
    height: 21px;
    width: 53px;
    position: absolute;
    right: 0;
    top: 0;
}

ul#menu .subMenu .menuBottomLeft
{
    background: url(leftCornerBottom.png) top left no-repeat;
    height: 18px;
}

ul#menu .subMenu .menuBottomRight
{
    background: url(rightCornerBottom.png) no-repeat top right;
    height: 18px;
    width: 58px;
    position: absolute;
    bottom: 0;
    right: 0;
}

ul#menu .subMenu .navContent
{
    border-right: 1px solid #afddf1;
    background: url(leftSide.png) repeat-y left;
}

ul#menu .subMenu .navGradient
{
    margin-left: 5px;
    padding-left: 15px;
    background: #f0f7fe url(gradientBack.gif) repeat-x top;
}

/* SUB NAV LINK COLUMNS */
ul#menu .subMenu .navColumn
{
    padding-top: 4px;
    width: 125px;
    margin-right: 10px;
    float:left;
}

ul#menu .subMenu .navColumn .subNav
{
    margin: 0 0 0px;
    padding: 0;
}

ul#menu .subMenu .navColumn .subNav li
{
    list-style-type: none;
    color: #db1e1e;
    text-transform: none;
    font-size: 11px;
    background: url(navBlueBullet.png) no-repeat left 5px;
    margin: 0;
    padding: 0 0 4px 10px;
    float: none;
}

ul#menu .subMenu .navColumn .subNav a
{
    color: #336699;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
    text-transform: none;
    display: inline;
    margin: 0;
}

ul#menu .subMenu .navColumn .subNav a:hover
{
    text-decoration: underline;
}

ul#menu li.mega .subNav .subNavHeading
{
    color: #336699;
    font-size: 12px;
    margin: 12px 0 2px;
    background: none;
    padding: 0;
    font-weight: bold;
}

/* SECONDARY TOP NAV */
ul#subMenu
{
    background-color: #660000;
    color: #ffffff;
    margin: 0;
    padding: 5px 10px;
    font-weight: bold;
    width: 737px;
    height: 15px;
}

ul#subMenu li
{
    display: inline;
    margin: 0 0 0 10px;
    position: relative;
    font-size: 11px;
}

ul#subMenu li a
{
    color: #ffffff;
    text-decoration: none;
    padding: 0;
}

ul#subMenu li a.selected
{
    color: #ff9999;
    text-decoration: none;
    padding: 0;
}

ul#subMenu li a:hover
{
    color: #ff9999;
}

.leftNav ul li a.selected
{
    font-weight: bold;
    color: #0e3045;
}

/* end navigation */

/* start dialogstyles */

.Text_Cursor
{
	cursor: text;
    border: solid 1px #7f9db9;
    width: 160px;
    height:20px;
    font-size:16px;
}
.Text_Focus
{
	background-color: #d8ebfe;
    border: solid 1px #7f9db9;
    width: 160px;
    height: 20px;
    font-size:16px;
}
.RBDmodalbackground
{
    background-color: #555555;
    opacity: .50;
    filter: alpha(opacity=50);
    moz-opacity: 0.5;
}
.showRBD
{ 
    display: inline;
    /*visibility: visible;*/
    float: left;
    padding: 25px 20px 0px 20px;
    _padding: 25px 15px 0px 15px;
    width: 320px;
}    
.hideRBD
{
    display: none;
    /*visibility: collapse;*/
    float: left;
    padding: 0px;
    width: 0px;
    overflow: hidden;
    height: 0px;
}
.RBDPanelBorder
{
    background-color: transparent;
	width: 390px;
}
.RBDDialogTitleBar
{
	background-color: Transparent;
	height: 40px;
	width: 390px;
}
.RBDDialogTitleText
{
    background-color: #E01832;
    color: #FFFFFF;
    float: left;
    font-family: Arial,Helvetica,'Sans Serif';
    font-size: 18px;
    font-weight: bold;
    height: 20px;
    padding: 10px 0px;
    _padding: 10px 0px 9px 0px;
    width: 335px;
    text-align: left;
}
.RBDDialogTitleCloseIcon
{
    background-color: #E01832;
    float: left;
    height: 20px;
    padding: 10px 0px;
    _padding: 7px 0px;
    width: 25px;
}
.pnlRBDCentercontentPanel
{
    width:390px;
}
.RBDDialogRowClass
{
    float: left;
    text-align: left;
    margin-top: 2px;
    margin-bottom: 2px;
    width: 320px;
}
.RBDDialogLeftColumnClass
{
    float: left;
}
.RBDDialogRightColumnClass
{
    float:left;
}
.showRBDEmail
{ 
    display: block;
    visibility: visible;
    float: left;
    padding: 9px 0px 0px 15px;
    _padding: 9px 0px 0px 0px;
    width: 350px;
}
.RBDEmailRecipeRowClass
{
    float:left;
    text-align:left;
    width: 350px;
    margin-top: 2px;
    margin-bottom: 2px;
}
.RBDEmailRecipeLeftColumnClass
{
    float:left;
    text-align:left;
    width:125px;
}

.RBDEmailRecipeRightColumnClass
{
    float:left;
    text-align:Left;
    width: 224px;
}
.RBDEmailRecipeRightColumnClass1
{
    float:left;
    text-align:Right;
    width: 212px;
}
.RBDPanelBorderCell
{
    background-color: #FFFFFF;
    float: left;
    width: 360px;
    position: relative;
    top: 0px;
    left: 0px;
    _top: -3px;
}
.RBDPanelBorderCellComplete
{
    background-color: #FFFFFF;
    float: left;
    width: 360px;
    position: relative;
    text-align: left;
    _top: -3px;
}
.dialogTLdiv
{
    float: left; 
    width: 14px; 
    height: 40px;
}
.dialogTRdiv
{
    float:right; 
    width: 16px; 
    height: 40px;
}
.dialogBLdiv
{
    float: left; 
    width: 14px; 
    height: 16px;
}
.dialogBRdiv
{
    float: right; 
    width: 16px; 
    height: 16px;
}
.dialogleftedgeBG
{
    width: 14px;
    float: left;
    position: relative;
    _top: -3px;
}
.dialogleftedgeBGcomplete
{
    width: 14px;
    float: left;
    position: relative;
    _top: -3px;
}
.dialogrightedgeBG
{
    width: 16px;
    float: right;
    position: relative;
    _top: -3px;
}
.dialogrightedgeBGcomplete
{
    width: 16px;
    float: right;
    position: relative;
    _top: -3px;
}
.dialogbottomedgeBG
{
    height: 16px;
    width: 360px;
    float: left;
}
.dialogfooter
{
    float: left;
    width: 390px;
    position: relative;
    _top: -6px;
}
.RBDPanel
{
    background-color: #FFFFFF;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,'Sans Serif';
    font-size: 14px;
    width: 320px;
}
.RBDPanelRenameFolder
{
    background-color: #FFFFFF;
    color: #000000;
    float:left;
    font-family: Arial,Helvetica,'Sans Serif';
    font-size: 14px;
    width: 300px;
    _width: 250px;
    margin-left:20px;
    _margin-left:10px;
}
.RBDPanelComplete
{
    background-color: #FFFFFF;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,'Sans Serif';
    font-size: 14px;
    width: 320px;
}
.RBDPanelThanks
{
    background-color:#FFFFFF;
    color:#000000;
    /*float:left;*/
    font-family:Arial,Helvetica,'Sans Serif';
    font-size:14px;
    /*width:320px;*/
}
.RBDItalic
{
    font-size: 12px;
    font-style: italic;
}
.RBDBold
{
    font-weight: bold;
}
.RBDCopyright
{
    font-size: 12px;
}
.selectFolderDDLRBDClass
{
    font-size: 12px;
    width: 190px;
}
.txtNewFolderNameRBDClass
{
    font-size: 12px;
    height: 14px;
    margin-right: 25px;
    width: 190px;
}
.txtRenameFolderNameRBDClass
{
    width: 270px;
    font-size: 12px;
}
.RBDDialogButtonsSpacerClass
{
    margin-top: 20px;
}
.RBDDialogButtonRowClass
{
    float: right;
    margin-right: 20px;
    _margin-right: 10px;
}
.RBDDialogLinkLeftClass
{
    float: left; 
    text-align: left;
}
.RBDDialogButtonRightClass
{
    float: right; 
    text-align: right;
}
.linkButtonClass
{
    position: relative; 
    vertical-align: top; 
    top: 7px;
}
.RBDPanelRecipeNotesClass
{
    width: 360px;
}
.RBDEmailRecipeTitleClass
{
    font-size: 17px;
    text-align:left;
}
.RBDEmailRecipeResizeTableClass
{
    text-align: left;
    width: 350px;
}
.requiredAlignment {
	margin-right:0;
	margin-top:-5px;
	text-align:right;
	width:330px;        
}

/*Modal Popup Login Page*/
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.logindialogCentercontentPanel
{
    width: 340px;
}

.loginPanelBorder
{
    background-color: transparent; /*width: 390px;*/
    width: 340px;
}

.loginPanelBorderCell
{
    background-color: #FFFFFF;
    float: left; /*width:360px;*/
    width: 310px;
    position: relative;
    _top: -3px;
}

.logindialogTLdiv
{
    float: left;
    width: 14px;
    height: 40px;
}
.logindialogTRdiv
{
    float: right;
    width: 16px;
    height: 40px;
}
.logindialogBLdiv
{
    float: left;
    width: 14px;
    height: 16px;
}
.logindialogBRdiv
{
    float: right;
    width: 16px;
    height: 16px;
}

.logindialogleftedgeBG
{
    height: 260px;
    width: 14px;
    float: left;
    position: relative;
    _top: -3px;
}

.logindialogrightedgeBG
{
    height: 260px;
    width: 16px;
    float: right;
    position: relative;
    _top: -3px;
}

.logindialogbottomedgeBG
{
    height: 16px;
    width: 310px;
    float: left;
}

.logindialogfooter
{
    float: left;
    width: 340px; /*width:390px;*/
    position: relative;
    _top: -6px;
}

.loginPanel
{
    background-color: #FFFFFF;
    border-collapse: collapse;
    color: #000000;
    font-family: Arial,Helvetica, 'Sans Serif';
    font-size: 14px;
    height: 260px;
    padding: 0px;
    width: 310px; /*width:315px;*/
}

.loginDialogTitleBar
{
    background-color: Transparent; /*cursor: move;*/
    height: 40px;
    width: 340px; /*width:390px*/
}

.loginDialogTitleText
{
    background-color: #E01832;
    color: #FFFFFF;
    float: left;
    font-family: Arial,Helvetica, 'Sans Serif';
    font-size: 18px;
    font-weight: bold;
    height: 20px;
    padding: 10px 0px;
    _padding: 10px 0px 9px 0px;
    width: 285px;
    text-align: left;
}

.loginDialogTitleCloseIcon
{
    background-color: #E01832;
    float: left;
    height: 20px;
    padding: 10px 0px;
    _padding: 7px 0px;
    width: 25px;
}

.pnllogindialogCentercontent
{
    width: 390px;
}

.modalloginfailuretext
{
    color: red;
    font-size: 12px;
}

.login_message
{
    font-size:14px;
    text-align:left;
    font-weight: bold;
}

.LoginTextBox
{
    border: solid 1px #7f9db9;
    width: 160px;
    height: 22px;
}

.whiteBG
{
    background-color: #ffffff;
}

.transBG
{
    background-color: transparent;
}

.indent10
{
    padding-left: 10px;
}

.outdent10
{
    padding-right: 10px;
}

.Text_Cursor
{
    cursor: text;
    border: solid 1px #7f9db9;
    width: 160px;
    height: 22px;
    font-size: 16px;
}

.Text_Focus
{
    background-color: #d8ebfe;
    border: solid 1px #7f9db9;
    width: 160px;
    height: 22px;
    font-size: 16px;
}

.logincancelink
{
    position: relative;
    top: 10px;
    vertical-align: top;
}


/* Fix's #container not clearing inner floats in firefox */
.floatfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .floatfix
{
    height: 1%;
}
/* End hide from IE-mac */

.loginPanel .instructions {
font-size:17px;
font-weight:bold;
}

/* end dialog styles */

/* sitemap styles */
ul.sitemap,  ul.sitemap li ul,  ul.sitemap li ul li ul,  ul.sitemap li ul li ul li ul
{
    padding-left:10px;
    margin-left:10px;
}
ul.sitemap li 
{
    font-size: medium;  
}
ul.sitemap li ul li 
{
    font-size: small;   
}
ul.sitemap li ul li ul li
{
    font-size: smaller;  
}
ul.sitemap li ul li ul li ul li
{
    font-size: smaller;
}
/* end sitemap styles */

/* start coupon widget styles */
.CouponWidget { width:300px; margin-bottom:20px; color:#000000; }
.CouponWidget .HeaderImage { width:300px; height:26px; }
.CouponWidget .CouponContainer { padding-bottom:20px; }
.CouponWidget .CouponImageContainer { float:left; width:80px; }
.CouponWidget .CouponImage { width:80px; height:100px; }
.CouponWidget .CouponDescriptionContainer { float:left; width:170px; margin-left:15px; }
.CouponWidget .CouponSaveText { font-size:16px; }
.CouponWidget .SeeAllCouponsContainer { border-top:solid 1px #CCCCCC; text-align:right; padding-top:15px; padding-right:15px; padding-bottom:15px; }
.CouponWidget .SeeAllCouponsImage { width:113px; height:23px; }
.CouponWidget .CouponWidgetBody { border:solid 1px #CCCCCC; }
.CouponWidget .CouponsContainer { padding-left:15px; padding-top:15px; padding-right:15px; }
.CouponWidgetFlex { width:175px; padding-bottom:20px; color:#000000; }
.CouponWidgetFlex .HeaderImage { width:175px; height:26px; }
.CouponWidgetFlex .CouponsContainer { padding-bottom:10px; margin-bottom:10px; }
.CouponWidgetFlex .CouponImage { width:80px; height:100px; }
.CouponWidgetFlex .CouponSaveContainer { padding-top:10px; font-size:16px; }
.CouponWidgetFlex .CouponWidgetFlexBody { border:solid 1px #CCCCCC; padding-left:10px; padding-right:10px; padding-bottom:10px; padding-top:10px; }
/* end coupon widget styles */

/* begin sponsored content styles */
.sponsorBanner
{
    padding-top:10px;
}
.sponsorBannerPadBottom
{
    padding-bottom:10px;
}
.presentedBy
{
    vertical-align:middle;
}
/* end sponsored content styles */

/* begin Newsletter Opt In Widget styles */
.NewsletterOptIn
{
    background-color: #FFFFFF ;
    background-image: url(NewsletterWidgetBackground.ashx);
    background-repeat: no-repeat; 
    width: 177px;
    height: 210px; 
    padding-bottom: 20px;
    color: #666666;
    font-size:11px;
    font-weight:bold;
    padding-top: 46px;
}
.NewsletterOptIn .optinTitle
{
    text-align: center;    
    padding-bottom:11px;
    margin-top: 1px;
    margin-bottom: 1px;
    padding-top:3px;
}
.NewsletterOptIn .NewsletterSelection
{
    height: 33px; 
    padding-left: 10px; 
    font-size: 10px;
    font-weight: bold;
}
.NewsletterOptIn #emailLabel
{
    padding-top: 4px;
    text-align: left;
    padding-left: 10px;
    margin-top: 90px;
_margin-top:30px;
    margin-bottom: 1px;
}
.NewsletterOptIn #emailLabel p
{
    margin-top: 1px;
    margin-bottom: 1px;
}
.NewsletterOptIn #subscribeButton
{
    padding-top: 8px;
}
.viewNewsletter
{
    text-align:right;
}
.viewNewsletter a
{
    position:relative;
    top:-5px;
}
.viewNewsletter a, .viewNewsletter a:link, .viewNewsletter a:visited
{
    color: #007BC7;
    font-weight: bold;
    text-decoration: none;
}
.viewNewsletter a:hover
{
    text-decoration: underline;
}
.NewsletterOptIn .NewsletterSelection .viewNewsletter
{
    text-align: right; 
    padding-right: 10px;
}
.NewsletterOptIn label
{
}
.NewsletterOptIn input
{
    vertical-align: middle;
/*    padding: 0;
    margin: 0;
    position: relative;
    top: 1px;
    *overflow: hidden;
*/
}
    
/* end Newsletter Opt In Widget styles */


/* begin modal login */

 .modal_login
    {
        margin-bottom: 5px;
        padding:10px;
    }
    .modal_login_label
    {
        display: block;
        font-weight: bold;
        margin-bottom:5px;
    }
    .modal_login_validation_summary
    {
        display: block;
        color: #d00029;
        border: 1px solid #d00029;
        margin: 10px 0;
        background-color: #ffffff;
        padding:10px;
        text-align:center;
    }
    .modal_login_validation_summary ul
    {
        list-style: none none outside;
        padding:0;
        margin:0;
        
    }
    .modal_login .member_message
    {
        font-size: 14px;
        font-weight: bold;
    }
    .modal_login h2
    {
        font-size: 24px;
        color: #3797d2;
        margin: 0 0 20px 0;  
        line-height:26px;      
    }
    .modal_login .left_container
    {
        float: left;
        width: 280px;
        padding-right: 15px;
        border-right: 1px solid #cccccc;
    }
    .modal_login .right_container
    {
        float: right;
        width: 280px;
    }
    .modal_login .invalid_text
    {
        border: 2px solid #d00029;
    }
    .modal_login .modal_login_form_line
    {
        margin-bottom: 10px;
    }
    .modal_login .modal_login_form_line_float
    {
        display: inline;
        float: left;
        padding-right: 20px;
    }
    .modal_login_pages
    {
    }
    .modal_login a
    {
        font-weight: normal;
        text-decoration: underline;
    }
    .birthday_small
    {
        width: 25px;
    }
    .birthday_medium
    {
        width: 50px;
    }
    .modal_login_watermark
    {
        color: #b9b8b8;
    }
    .modal_login .modal_login_terms
    {
        padding: 10px;
        border: 1px dotted black;
        border-right: none;
        border-left: none;
        font-size: 10px;
        margin:10px 0;
    }
    .modal_login .modal_login_terms a
    {
        color: #3797d2;
        text-decoration: underline;
    }
    
    .modal_login_progress_bar
    {
        display:block;
        margin-bottom:30px;
    }
    
    /* end modal login */

/* recently viewed recipe start */

    .recently_viewed_header
    {
        background: url(GrayHeader.ashx) no-repeat;
        height: 18px;
        width: 175px;
        font-size: 12px;
        padding: 5px 10px;
        margin: 0;
    }
    .recently_viewed_body
    {
        border: 1px solid #cccccc;
        border-top: none;
        width: 183px;
        margin-bottom: 20px;
        padding: 5px;
    }
    .recently_viewed_body ul
    {
        margin: 0;
        padding-left:20px;
    }
    
    .recently_viewed_body li
    {
       color:#007bc7;
    }
    
    .recently_viewed_body a
    {
        font-weight:normal;
        color:#007bc7;
    }
    
    /* recently viewed recipe end *//*  | | | | |  | | | | |  */
/* DEFAULT PALETTE - BLUE */
/*  | | | | |  | | | | |  */
/* main page header */
.sectionHeading { background-image: url(SectionHeadingBlue-Spoons1.gif); }

/* other blue header images */
.BlueSpoons2 { background-image: url(SectionHeadingBlue-Spoons2.gif); }
.BlueSpoons3 { background-image: url(SectionHeadingBlue-Spoons3.gif); }
.BlueSpoons4 { background-image: url(SectionHeadingBlue-Spoons4.png); }
div.BlueSpoons4 div.headingText h1 { padding-top:7px; }
div.BlueSpoons4 div.headingDescription { font-size:13px;padding:0 15px 5px; }
.Snowflake { background-image: url(SectionHeadingBlue-Snowflake.gif); }
.SectionHeadingChex { background-image: url(SectionHeadingBlue-Chex.jpg);}

/* main box (navigation + secondary) header bg and corners */
.mainBox .header { background-color: #67aad4; background-image: url(box2-upright.gif); }
.mainBox .header h1, .mainBox .header h2, .mainBox .header h3 { background-image: url(box2-upleft.gif); }

/* tertiary box */
.tertiaryBox .header { background-color: #ddedf4; background-image: url(box1-upright_w805.gif); }
.tertiaryBox .header h3 { color: #666666; background-image: url(box1-upleft.gif); }

/* box tabs */
.ui-state-default, .ui-widget-content .ui-state-default { background-image: url(inactive_tab.jpg); color: #007bc7; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #007bc7; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { color: #007bc7; }
.ui-state-hover a, .ui-state-hover a:hover { color: #666666; }
.ui-state-active, .ui-widget-content .ui-state-active {  background-image: url(activeTab.jpg); color: #666666; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #666666; }

/* flex space tabs */
#flexTabs li { background-image: url(inactive_tab_small.png); }
#flexTabs li.active { background-image: url(activeTab_small.png); }
#flexTabs li.active a:link, #flexTabs li.active a:visited, #flexTabs li.active:hover, #flexTabs li.active:active { color: #666666; }
#flexTabs li a { color: #007bc7; }
#flexContentBox { background-color: #ddedf4; background-image: url(blueGradient.jpg); }

/* gradients */
.content2-footer { background-image: url(box2-content-footer.jpg); }
.mhpTab, .gradientBg { background-image: url(blueGradient.jpg); }
.mhpTab { background-color: #dff2ff; }

/*  | | | | | | | | | | |  */
/* SECONDARY PALETTE - RED */
/*  | | | | | | | | | | |  */
/* main page header */
.palette-Red .sectionHeading { background-image: url(A_Header_Primary_Red.ashx); }

/* main box (navigation + secondary) header bg and corners */
.palette-Red .mainBox .header { background-color: #ed2d3c; background-image: url(B_Header_Secondary_Right_Red.ashx); }
.palette-Red .mainBox .header h1, .palette-Red .mainBox .header h2,
.palette-Red .mainBox .header h3 { background-image: url(B_Header_Secondary_Left_Red.ashx); }

/* tertiary box */
.palette-Red .tertiaryBox .header { background-color: #ffcccc; background-image: url(C_Header_Tertiary_Right_Red.ashx); }
.palette-Red .tertiaryBox .header h3 { color: #666666; background-image: url(C_Header_Tertiary_Left_Red.ashx); }

/* box tabs */
.palette-Red .ui-state-default,
.palette-Red .ui-widget-content .ui-state-default { background-image: url(C_Tab_Off_Red.ashx); color: #660000; }
.palette-Red .ui-state-default a,
.palette-Red .ui-state-default a:link,
.palette-Red .ui-state-default a:visited { color: #660000; }
.palette-Red .ui-state-hover,
.palette-Red .ui-widget-content .ui-state-hover,
.palette-Red .ui-state-focus,
.palette-Red .ui-widget-content .ui-state-focus { color: #660000; }
.palette-Red .ui-state-hover a,
.palette-Red .ui-state-hover a:hover { color: #666666; }
.palette-Red .ui-state-active,
.palette-Red .ui-widget-content .ui-state-active {  background-image: url(C_Tab_On_Red.ashx); color: #666666; }
.palette-Red .ui-state-active a,
.palette-Red .ui-state-active a:link,
.palette-Red .ui-state-active a:visited { color: #666666; }

/* flex space tabs */
.palette-Red #flexTabs li { background-image: url(C_Tab_Off_Small_Red.ashx); }
.palette-Red #flexTabs li.active { background-image: url(C_Tab_On_Small_Red.ashx); }
.palette-Red #flexTabs li.active a:link,
.palette-Red #flexTabs li.active a:visited,
.palette-Red #flexTabs li.active:hover,
.palette-Red #flexTabs li.active:active { color: #666666; }
.palette-Red #flexTabs li a { color: #660000; }
.palette-Red #flexContentBox { background-color: #ffcccc; background-image: url(C_Background_Gradient_Red.ashx); }

/* gradients*/
.palette-Red .content2-footer { background-image: url(Divider_Gradient_Red.ashx); }
.palette-Red .mhpTab,
.palette-Red .gradientBg { background-image: url(C_Background_Gradient_Red.ashx); }
.palette-Red .mhpTab { background-color: #ffcccc; }


/* | | | | | | | | | | | | | */
/* OPTIONAL PALETTE - ORANGE */
/* | | | | | | | | | | | | | */
/* main page header */
.palette-Orange .sectionHeading { background-image: url(A_Header_Primary_Orange.ashx); }

/* main box (navigation + secondary) header bg and corners */
.palette-Orange .mainBox .header { background-color: #f59036; background-image: url(B_Header_Secondary_Right_Orange.ashx); }
.palette-Orange .mainBox .header h1, .palette-Orange .mainBox .header h2,
.palette-Orange .mainBox .header h3 { background-image: url(B_Header_Secondary_Left_Orange.ashx); }

/* tertiary box */
.palette-Orange .tertiaryBox .header { background-color: #fee3c9; background-image: url(C_Header_Tertiary_Right_Orange.ashx); }
.palette-Orange .tertiaryBox .header h3 { color: #993300; background-image: url(C_Header_Tertiary_Left_Orange.ashx); }

/* box tabs */
.palette-Orange .ui-state-default,
.palette-Orange .ui-widget-content .ui-state-default { background-image: url(C_Tab_Off_Orange.ashx); color: #328CC4; }
.palette-Orange .ui-state-default a,
.palette-Orange .ui-state-default a:link,
.palette-Orange .ui-state-default a:visited { color: #993300; }
.palette-Orange .ui-state-hover,
.palette-Orange .ui-widget-content .ui-state-hover,
.palette-Orange .ui-state-focus,
.palette-Orange .ui-widget-content .ui-state-focus { color: #993300; }
.palette-Orange .ui-state-hover a,
.palette-Orange .ui-state-hover a:hover { color: #666666; }
.palette-Orange .ui-state-active,
.palette-Orange .ui-widget-content .ui-state-active {  background-image: url(C_Tab_On_Orange.ashx); color: #666666; }
.palette-Orange .ui-state-active a,
.palette-Orange .ui-state-active a:link,
.palette-Orange .ui-state-active a:visited { color: #666666; }

/* flex space tabs */
.palette-Orange #flexTabs li { background-image: url(C_Tab_Off_Small_Orange.ashx); }
.palette-Orange #flexTabs li.active { background-image: url(C_Tab_On_Small_Orange.ashx); }
.palette-Orange #flexTabs li.active a:link,
.palette-Orange #flexTabs li.active a:visited,
.palette-Orange #flexTabs li.active:hover,
.palette-Orange #flexTabs li.active:active { color: #666666; }
.palette-Orange #flexTabs li a { color: #993300; }
.palette-Orange #flexContentBox { background-color: #fee3c9; background-image: url(C_Background_Gradient_Orange.ashx); }

/* gradients */
.palette-Orange .content2-footer { background-image: url(Divider_Gradient_Orange.ashx); }
.palette-Orange .mhpTab,
.palette-Orange .gradientBg { background-image: url(C_Background_Gradient_Orange.ashx); }
.palette-Orange .mhpTab { background-color: #fee3c9; }


/* | | | | | |  | | | | | | */
/* OPTIONAL PALETTE - GREEN */
/* | | | | | |  | | | | | | */
/* main page header */
.palette-Green .sectionHeading { background-image: url(A_Header_Primary_Green.ashx); }

/* main box (navigation + secondary) header bg and corners */
.palette-Green .mainBox .header { background-color: #cbebac; background-image: url(B_Header_Secondary_Right_Green.ashx); }
.palette-Green .mainBox .header h1, .palette-Green .mainBox .header h2,
.palette-Green .mainBox .header h3 { background-image: url(B_Header_Secondary_Left_Green.ashx); }

/* tertiary box */
.palette-Green .tertiaryBox .header { background-color: #73b136; background-image: url(C_Header_Tertiary_Right_Green.ashx); }
.palette-Green .tertiaryBox .header h3 { color: #336600; background-image: url(C_Header_Tertiary_Left_Green.ashx); }

/* box tabs */
.palette-Green .ui-state-default,
.palette-Green .ui-widget-content .ui-state-default { background-image: url(C_Tab_Off_Green.ashx); color: #336600; }
.palette-Green .ui-state-default a,
.palette-Green .ui-state-default a:link,
.palette-Green .ui-state-default a:visited { color: #336600; }
.palette-Green .ui-state-hover,
.palette-Green .ui-widget-content .ui-state-hover,
.palette-Green .ui-state-focus,
.palette-Green .ui-widget-content .ui-state-focus { color: #336600; }
.palette-Green .ui-state-hover a,
.palette-Green .ui-state-hover a:hover { color: #666666; }
.palette-Green .ui-state-active,
.palette-Green .ui-widget-content .ui-state-active {  background-image: url(C_Tab_On_Green.ashx); color: #666666; }
.palette-Green .ui-state-active a,
.palette-Green .ui-state-active a:link,
.palette-Green .ui-state-active a:visited { color: #666666; }

/* flex space tabs */
.palette-Green #flexTabs li { background-image: url(C_Tab_Off_Small_Green.ashx); }
.palette-Green #flexTabs li.active { background-image: url(C_Tab_On_Small_Green.ashx); }
.palette-Green #flexTabs li.active a:link,
.palette-Green #flexTabs li.active a:visited,
.palette-Green #flexTabs li.active:hover,
.palette-Green #flexTabs li.active:active { color: #666666; }
.palette-Green #flexTabs li a { color: #336600; }
.palette-Green #flexContentBox { background-color: #cbebac; background-image: url(C_Background_Gradient_Green.ashx); }

/* gradients */
.palette-Green .content2-footer { background-image: url(Divider_Gradient_Green.ashx); }
.palette-Green .mhpTab,
.palette-Green .gradientBg { background-image: url(C_Background_Gradient_Green.ashx); }
.palette-Green .mhpTab { background-color: #cbebac; }


/* | | | | | |  | | | | | | */
/* OPTIONAL PALETTE - AMBER */
/* | | | | | |  | | | | | | */
/* main page header */
.palette-Amber .sectionHeading { background-image: url(A_Header_Primary_Gold.ashx); }

/* main box (navigation + secondary) header bg and corners */
.palette-Amber .mainBox .header { background-color: #ecc339; background-image: url(B_Header_Secondary_Right_Gold.ashx); }
.palette-Amber .mainBox .header h1, .palette-Amber .mainBox .header h2,
.palette-Amber .mainBox .header h3 { background-image: url(B_Header_Secondary_Left_Gold.ashx); }

/* tertiary box */
.palette-Amber .tertiaryBox .header { background-color: #fde99f; background-image: url(C_Header_Tertiary_Right_Gold.ashx); }
.palette-Amber .tertiaryBox .header h3 { color: #996600; background-image: url(C_Header_Tertiary_Left_Gold.ashx); }

/* box tabs */
.palette-Amber .ui-state-default,
.palette-Amber .ui-widget-content .ui-state-default { background-image: url(C_Tab_Off_Gold.ashx); color: #996600; }
.palette-Amber .ui-state-default a,
.palette-Amber .ui-state-default a:link,
.palette-Amber .ui-state-default a:visited { color: #996600; }
.palette-Amber .ui-state-hover,
.palette-Amber .ui-widget-content .ui-state-hover,
.palette-Amber .ui-state-focus,
.palette-Amber .ui-widget-content .ui-state-focus { color: #996600; }
.palette-Amber .ui-state-hover a,
.palette-Amber .ui-state-hover a:hover { color: #666666; }
.palette-Amber .ui-state-active,
.palette-Amber .ui-widget-content .ui-state-active {  background-image: url(C_Tab_On_Gold.ashx); color: #666666; }
.palette-Amber .ui-state-active a,
.palette-Amber .ui-state-active a:link,
.palette-Amber .ui-state-active a:visited { color: #666666; }

/* flex space tabs */
.palette-Amber #flexTabs li { background-image: url(C_Tab_Off_Small_Amber.ashx); }
.palette-Amber #flexTabs li.active { background-image: url(C_Tab_On_Small_Amber.ashx); }
.palette-Amber #flexTabs li.active a:link,
.palette-Amber #flexTabs li.active a:visited,
.palette-Amber #flexTabs li.active:hover,
.palette-Amber #flexTabs li.active:active { color: #666666; }
.palette-Amber #flexTabs li a { color: #996600; }
.palette-Amber #flexContentBox { background-color: #fde99f; background-image: url(C_Background_Gradient_Gold.ashx); }

/* gradients */
.palette-Amber .content2-footer { background-image: url(Divider_Gradient_Gold.ashx); }
.palette-Amber .mhpTab,
.palette-Amber .gradientBg { background-image: url(C_Background_Gradient_Gold.ashx); }
.palette-Amber .mhpTab { background-color: #fde99f; }


/* | | | | | | | | | | | | */
/* OPTIONAL PALETTE - AQUA */
/* | | | | | | | | | | | | */
/* main page header */
.palette-Aqua .sectionHeading { background-image: url(A_Header_Primary_Aqua.ashx); }

/* main box (navigation + secondary) header bg and corners */
.palette-Aqua .mainBox .header { background-color: #7fbfbb; background-image: url(B_Header_Secondary_Right_Aqua.ashx); }
.palette-Aqua .mainBox .header h1, .palette-Aqua .mainBox .header h2,
.palette-Aqua .mainBox .header h3 { background-image: url(B_Header_Secondary_Left_Aqua.ashx); }

/* tertiary box */
.palette-Aqua .tertiaryBox .header { background-color: #cbe4e3; background-image: url(C_Header_Tertiary_Right_Aqua.ashx); }
.palette-Aqua .tertiaryBox .header h3 { color: #336666; background-image: url(C_Header_Tertiary_Left_Aqua.ashx); }

/* box tabs */
.palette-Aqua .ui-state-default,
.palette-Aqua .ui-widget-content .ui-state-default { background-image: url(C_Tab_Off_Aqua.ashx); color: #336666; }
.palette-Aqua .ui-state-default a,
.palette-Aqua .ui-state-default a:link,
.palette-Aqua .ui-state-default a:visited { color: #336666; }
.palette-Aqua .ui-state-hover,
.palette-Aqua .ui-widget-content .ui-state-hover,
.palette-Aqua .ui-state-focus,
.palette-Aqua .ui-widget-content .ui-state-focus { color: #336666; }
.palette-Aqua .ui-state-hover a,
.palette-Aqua .ui-state-hover a:hover { color: #666666; }
.palette-Aqua .ui-state-active,
.palette-Aqua .ui-widget-content .ui-state-active {  background-image: url(C_Tab_On_Aqua.ashx); color: #666666; }
.palette-Aqua .ui-state-active a,
.palette-Aqua .ui-state-active a:link,
.palette-Aqua .ui-state-active a:visited { color: #666666; }

/* flex space tabs */
.palette-Aqua #flexTabs li { background-image: url(C_Tab_Off_Small_Aqua.ashx); }
.palette-Aqua #flexTabs li.active { background-image: url(C_Tab_On_Small_Aqua.ashx); }
.palette-Aqua #flexTabs li.active a:link,
.palette-Aqua #flexTabs li.active a:visited,
.palette-Aqua #flexTabs li.active:hover,
.palette-Aqua #flexTabs li.active:active { color: #666666; }
.palette-Aqua #flexTabs li a { color: #336666; }
.palette-Aqua #flexContentBox { background-color: #cbe4e3; background-image: url(C_Background_Gradient_Aqua.ashx); }

/* gradients */
.palette-Aqua .content2-footer { background-image: url(Divider_Gradient_Aqua.ashx); }
.palette-Aqua .mhpTab,
.palette-Aqua .gradientBg { background-image: url(C_Background_Gradient_Aqua.ashx); }
.palette-Aqua .mhpTab { background-color: #cbe4e3; }
.ui-dialog
{
    text-align: left;
}
.ui-widget-header
{
    height: 40px;
    width: 390px;
    padding: 0px;
}

.ui-dialog .ui-dialog-title
{
    float: left;
    margin: 10px;
}


.ui-dialog-titlebar
{
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    display: block;
}
.ui-dialog .ui-dialog-titlebar-close
{
    height: 27px;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 14px;
    top: 7px;
    width: 27px;
}

.ui-icon
{
    height: 27px;
    width: 27px;
    text-indent: -99999px;
    background-image: url(closebutton.png);
    display: block;
}

.ui-widget-overlay
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #4c4c4c;
    opacity: .70;
    filter: Alpha(Opacity=70);
}


.popup_tile
{
    width: 364px;
    padding: 10px 16px 10px 10px;
}

.popup_footer
{
    height: 14px;
    width: 390px;
}

/* Css overides based on DialogStyle */

/* Blue390 */

.Blue390 .ui-widget-header
{
    background: url(DialogTopBlue390px.png) no-repeat;
}

.Blue390 .popup_tile
{
    background: url(DialogTileBlue390px.png) repeat-y;
}

.Blue390 .popup_footer
{
    background: url(DialogBottomBlue390px.png) no-repeat;
}

/* Red390 */

.Red390 .ui-widget-header
{
    background: url(DialogTopRed390.png) no-repeat;
}

.Red390 .popup_tile
{
    background: url(DialogTileRed390.png) repeat-y;
}

.Red390 .popup_footer
{
    background: url(DialogBottomRed390.png) no-repeat;
}

/* Red610 */

.Red610 .ui-widget-header
{
    background: url(TopRed610.png) no-repeat;
    width: 610px;
}

.Red610 .popup_tile
{
    background: url(TileRed610.png) repeat-y;
    width: 584px;
}

.Red610 .popup_footer
{
    background: url(BottomRed610.png) no-repeat;
    width: 610px;
}

/* Transparent646 */

.Transparent646 .ui-widget-header
{
    background: url(TopTransparent646.png) no-repeat;
    width: 646px;
    height: 60px;
}

.Transparent646 .popup_tile
{
    background: url(TileTransparent646.png) repeat-y;
    width: 586px;
    padding: 0 30px 10px 30px;
}

.Transparent646 .popup_footer
{
    background: url(BottomTransparent646.png) no-repeat;
    width: 646px;
    height: 24px;
}

.Transparent646 .ui-dialog-titlebar
{
    color: #000000;
}

.Transparent646 .ui-dialog-title
{
    margin: 30px 0 0 30px;
}

.Transparent646 .ui-icon
{
    background: url(closebuttonsmall.png) no-repeat;
    height: 32px;
    width: 32px;
}

.Transparent646 .ui-dialog-titlebar-close
{
    right: 3px;
    top: 3px;
    height: 32px;
    width: 32px;
}

/* VariableWidth */

.VariableWidth .ui-widget-header
{
   background: #eef8ff none;
   height:0;
   font-size:1px;
}

.VariableWidth .ui-dialog-titlebar
{
    color: #000000;
}

.VariableWidth .ui-dialog-title
{
    margin: 0;
}

.VariableWidth .ui-icon
{
    background: url(closebuttonsmall.png) no-repeat;
    height: 32px;
    width: 32px;
    behavior: url(iepngfix.htc);
}

.VariableWidth .ui-dialog-titlebar-close
{
    height: 32px;
    right: -15px;
    top: -12px;
    width: 32px;   
}

.VariableWidth-ui-dialog
{
    background-color: #eef8ff;
    border: solid 1px #6daedf;
}

.VariableWidth .ui-dialog-content
{
    padding:10px;
}

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 17px; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
/* html .ui-helper-clearfix { height:1%; }*/
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }




/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial,%20sans-serif&fwDefault=bold&fsDefault=12px&cornerRadius=10px&bgColorHeader=ffffff&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=100&borderColorHeader=cccccc&fcHeader=000000&iconColorHeader=ffffff&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=100&borderColorContent=cccccc&fcContent=000000&iconColorContent=ffffff&bgColorDefault=d2e5f3&bgTextureDefault=04_highlight_hard.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=328CC4&iconColorDefault=ffffff&bgColorHover=d2e5f3&bgTextureHover=04_highlight_hard.png&bgImgOpacityHover=100&borderColorHover=cccccc&fcHover=666666&iconColorHover=ffffff&bgColorActive=d2e5f3&bgTextureActive=05_inset_soft.png&bgImgOpacityActive=100&borderColorActive=cccccc&fcActive=666666&iconColorActive=ffffff&bgColorHighlight=ffef8f&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=25&borderColorHighlight=f9dd34&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=cd0a0a&bgTextureError=01_flat.png&bgImgOpacityError=15&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffffff&bgColorOverlay=eeeeee&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=50&opacityOverlay=40&bgColorShadow=000000&bgTextureShadow=04_highlight_hard.png&bgImgOpacityShadow=30&opacityShadow=30&thicknessShadow=3px&offsetTopShadow=-3px&offsetLeftShadow=-4px&cornerRadiusShadow=2px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Arial, sans-serif; font-size: 12px; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, sans-serif; font-size: 1em; }
/*.ui-widget-header { color: #000000; font-weight: bold; }*/
.ui-widget-header a { color: #000000; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default {  background-color: #fff; background-position: 50% 50%; background-repeat: repeat-x; font-weight: bold; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { font-weight: bold; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active {  background-color: #fff; background-position: 50% 50%; background-repeat: no-repeat; font-weight: bold; outline: none; width: 121px; height: 33px; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { outline: none; text-decoration: none; text-align: center }


/* Tabs
----------------------------------*/
#tabs { margin-top: 20px; }
.ui-tabs { padding: 0; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0; height: 33px; width:auto; }
.ui-tabs .ui-tabs-nav li { position: relative; float: right; border-bottom-width: 0 !important; margin: 0 0em -1px 3px; padding: 0; text-align:center; }
.ui-tabs .ui-tabs-nav li.left { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 3px -1px 0px; padding: 0; text-align:center; }
.ui-tabs .ui-tabs-nav .tabsLabel {float:left; padding:0px 0px 0px 2px;}
.ui-tabs .ui-tabs-nav .boxCorner { position: absolute; display: block; top: 33px; left: 0; margin: 0; background: url(tabbedBoxCorner.ashx) no-repeat left top; width: 15px; height: 15px; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 8px 0px; width:121px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 10px; display: block; border: 1px #ccc solid; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }.utility_links ul
{
    float: left;
    list-style: none none outside;
    margin: 0;
    padding: 0;
}

.utility_links li
{
    float: left;
    margin-right: 15px;
    display: inline;
}

.utility_links li.last
{
    margin-right: 0;
}

.utility_links li a, .utility_links li span
{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    padding: 4px 0 4px 25px;
    display: block;
    height: 14px;
    float: left;
    cursor: pointer;
}

.utility_links li span
{
    cursor: auto;
}

.utility_links li a.print
{
    background: url(print.gif) no-repeat;
}

.utility_links li a.email
{
    background: url(email.gif) no-repeat;
}

.utility_links li a.grocerylist
{
    background: url(grocery-list.gif) no-repeat;
}

.utility_links li a.recipebox, .utility_links li span.recipebox
{
    background: url(save-recipe.gif) no-repeat;
}

.utility_links li a.share
{
    background: url(share.png) no-repeat;
    padding: 3px 0 3px 21px;
    height: 12px;
    margin-top: 1px;
}

.utility_links li a.edit
{
    background: url(edit_ico.png) no-repeat;
}

.share_panel_container
{
    display: none;
    position: absolute;
    z-index: 100;
}


.share_panel_top
{
    background: url(share/share_top.png) no-repeat;
    height: 19px;
    width: 125px;
}

.share_panel_tile
{
    background: url(share/share_tile.png) repeat-y;
    width: 110px;
    padding-left: 15px;
}

.share_panel_tile ul
{
    list-style: none none outside;
    margin: 0;
    padding: 0;
}

.share_panel_tile li
{
    margin-bottom: 5px;
}

.share_panel_tile li.last
{
    margin: 0;
}


.share_panel_tile li a
{
    font-weight: bold;
    font-size: 11px;
    padding: 2px 0 2px 22px;
    cursor: pointer;
}

.share_panel_tile li a.facebook
{
    background: url(share/share.gif) no-repeat;
}

.share_panel_tile li a.delicious
{
    background: url(share/delicious_icon.png) no-repeat;
}

.share_panel_tile li a.stumbleupon
{
    background: url(share/icon_su.gif) no-repeat;
}

.share_panel_tile li a.digg
{
    background: url(share/16x16-digg-guy.gif) no-repeat;
}

.share_panel_tile li a.reddit
{
    background: url(share/reddit_icon.png) no-repeat;
}

.share_panel_tile li a.twitter
{
    background: url(share/twitter_icon.png) no-repeat;
    padding: 1px 0 1px 22px;
}

.share_panel_bottom
{
    background: url(share/share_bottom.png) no-repeat;
    height: 14px;
    width: 125px;
}

.share_background2
{
    float: right;
}

.share_background2 .utility_links li a.share
{
    background: url(btnSharewhite.ashx) no-repeat;
    padding: 6px 0 3px 30px;
    height: 23px;
    width: 75px;
    color: #df182f;
}

.share_background2 .utility_links li a.share:hover
{
    text-decoration: none;
}

.utility_links_recipe1 ul
{
    float: right;
}

.utility_links_recipe1 li
{
    padding: 0;
    height: 38px;
    margin: 0;
}

.utility_links_recipe1 li a
{
    padding: 0;
    height: 38px;
    text-indent: -1000em;
}

.utility_links_recipe1 li a.recipebox
{
    background: url(navSaveRecipe2.ashx) no-repeat;
    width: 107px;
}

.utility_links_recipe1 li a.email
{
    background: url(navEmail2.ashx) no-repeat;
    width: 98px;
}

.utility_links_recipe1 li a.grocerylist
{
    background: url(navGroceryList2.ashx) no-repeat;
    width: 156px;
}

.utility_links_recipe1 li a.print
{
    background: url(navPrint2.ashx) no-repeat;
    width: 100px;
}

.utility_links_recipe1 li a.share
{
    background: url(navShare2.ashx) no-repeat;
    width: 107px;
    padding: 0;
    margin-top: 0;
    height: 38px;
}

.recipe_share1 .share_panel_top
{
    background-image: url(share_top.ashx);
}

.recipe_share1 .share_panel_bottom
{
    background-image: url(share_bot.ashx);
}

.recipe_share1 .share_panel_tile
{
    background-image: url(share_mid.ashx);
}

.recipe_share1 li a
{
    color: #ffffff;
}

.recipe_share1 li a.facebook
{
    background-position: -2px 50%;
}

.utility_links_recipe2
{
    background: url(botnavtop.ashx) no-repeat;
    padding-top: 29px;
    float: right;
    width: 242px;
    margin-right: 28px;
    display: inline;
    margin-top: 25px;
}
.utility_links_recipe2 ul
{
    float: right;
}

.utility_links_recipe2 li
{
    padding: 0;
    margin: 0;
    display: block;
    float: none;
}

.utility_links_recipe2 li a
{
    padding: 0;
    height: 35px;
    width: 242px;
    text-indent: -1000em;
    background-position: top;
}

.utility_links_recipe2 li a:focus, .utility_links_recipe1 li a:focus
{
    outline-style: none;
}

.utility_links_recipe2 li a.recipebox
{
    background: url(botnav1.ashx) no-repeat;
    height: 44px;
}

.utility_links_recipe2 li a.email
{
    background: url(botnav2.ashx) no-repeat;
}

.utility_links_recipe2 li a.grocerylist
{
    background: url(botnav3.ashx) no-repeat;
}

.utility_links_recipe2 li a.print
{
    background: url(botnav4.ashx) no-repeat;
    height: 36px;
}

.utility_links_recipe2 li a.share
{
    background: url(botnav5-2.ashx) no-repeat;
    height: 61px;
}


.utility_links_recipe2 li a.share
{
    padding: 0;
    margin-top: 0;
}

.recipe_share2 .share_panel_top
{
    background-image: none;
}

.recipe_share2 .share_panel_bottom
{
    background-image: none;
}

.recipe_share2 .share_panel_tile
{
    background-image: none;
}

.recipe_share2 li
{
    display: inline;
    float: left;
    height: 14px;
    width: 58px;
}

.recipe_share2 a
{
    font-weight: bold;
    font-size: 11px;
    padding: 2px 0 2px 22px;
    cursor: pointer;
    color: #007bc7;
    display: block;
}

.recipe_share2 a.facebook
{
    background: url(share/share.gif) no-repeat;
}

.recipe_share2 a.delicious
{
    background: url(share/delicious_icon.png) no-repeat;
}

.recipe_share2 a.stumbleupon
{
    background: url(share/icon_su.gif) no-repeat;
}

.recipe_share2 a.digg
{
    background: url(share/16x16-digg-guy.gif) no-repeat;
}

.recipe_share2 a.reddit
{
    background: url(share/reddit_icon.png) no-repeat;
}

.recipe_share2 a.twitter
{
    background: url(share/twitter_icon.png) no-repeat;
    padding: 1px 0 1px 22px;
}

.recipe_share2 .share_panel_tile
{
    background-color: #FFFFFF;
    border: 1px solid #CBCBCB;
    margin-left: -10px;
    width: 225px;
    border-top: none;
}

.recipe_share2 #share_panel_left
{
    float: left;
    width: 100px;
}

.recipe_share2 #share_panel_right
{
    float: right;
    width: 100px;
}
