/* Stylesheet written by COMAND Solutions - 05.18.09 - greg.croniser@comandsolutions.com */

/* Globals */
#SON * {outline: none; font-size: 12px; color: #44320a; margin:0px; padding: 0; letter-spacing: normal; line-height: normal; float: none; font-family: arial, verdana, sans; position: static; clear: none; text-indent: 0; overflow: visible; text-transform: none; visibility: visible; white-space: normal; word-spacing: normal;  background-color: transparent; border: none;}

#SON {width: 100%; text-align: center; background: #f4fff2;}
#SON p, #SON li {margin-bottom: 15px;}
#SON ul {padding-left: 25px;}
#SON form li {list-style: none;}
#SON h1, #SON h1 * {font-size: 13px;}
#SON h2, #SON h2 * {font-size: 16px; font-weight: bold;}
#SON h3, #SON h3 * {}
#SON h4, #SON h4 * {}
#SON h5, #SON h5 * {font-size: 26px; padding: 0 0 0 40px;font-family: garamond, 'Times New Roman', serif; font-weight: bold;}
#SON.Home h5 {padding: 30px 0 0 40px;}
#SON h6, #SON h6 * {font-size: 10px;}
#SON a {text-decoration: none; cursor: pointer;}
#SON a:hover {text-decoration: underline;}
#SON a img {border: none;}
#SON #SpamCheck {display: none;}
#SON .MoreLink {padding: 10px; display: block; font-weight: bold;}
#SON #about a {color:#209aa5;}


#PlaceholderGap, #Placeholder {display: none;}
#SON .Left {float: left;}
#SON .Right {float: right;}
#SON .Green  {color: #6c951e;}

/* Layout */
#SON #PageWrapper {width: 600px; margin: 0 auto 50px; padding: 20px 0 0; text-align: left; position: relative;}
#SON #TopColumn {padding: 0 0 0 10px;}
#SON.Home #TopColumn {background: url(../images/bird.gif) 375px 160px no-repeat;}
#SON #TopLeft {float: left;}
#SON #TopRight {float: right; padding: 0 3px 0 0;}
#SON #BottomLeft {float: left; width: 444px;}
#SON #BottomRight {float: right; width: 146px;}
#LeftColumn { width: 444px; float: left; margin-bottom: 50px; height:auto;}
* html #LeftColumn { width: 444px; overflow: hidden; height:auto;} 
#RightColumn {float: right; width: 146px; margin-bottom: 50px; height:auto; overflow:visible; }
* html #RightColumn {overflow: hidden; height:auto;}

#SON #Searchbox {position: absolute; left: 137px; z-index: 1000;}
#SON #Searchbox input {float: left;}
#SON #Searchbox #searchfield {width: 145px; height: 17px; padding: 2px 0 0; margin: 5px 0 0; background: #fff; border: 1px solid #817551;}
#SON #Searchbox #SearchSubmit {margin: 0 0 0 10px;}
    * html #SON #Searchbox #SearchSubmit {margin: 0 0 0 5px;}

#SON #Header{position:relative;}

#SON #Header #SponsorUnit.home{ position:absolute; z-index:100; top:40px; right:59px; height:74px; width:127px; background:url(images/sponsorunits/home.gif) no-repeat;}
#SON #Header #SponsorUnit.nestle_family{ position:absolute; z-index:100; top:40px; right:59px; height:74px; width:127px; background:url(images/sponsorunits/nestle_family.gif) no-repeat;}
#SON #Header #SponsorUnit.ovaltine{ position:absolute; z-index:100; top:40px; right:59px; height:74px; width:127px; background:url(images/sponsorunits/ovaltine.gif) no-repeat;}
#SON #Header #SponsorUnit.stouffers{ position:absolute; z-index:100; top:40px; right:59px; height:74px; width:127px; background:url(images/sponsorunits/stouffers.gif) no-repeat;}
#SON #Header #SponsorUnit.juicy_juice{ position:absolute; z-index:100; top:40px; right:59px; height:74px; width:127px; background:url(images/sponsorunits/juicy_juice.gif) no-repeat;}

#SON #NavMap{width:600px; height:187px;}
#SON #NavMap img{position:absolute; z-index:100;}
#SON #BannerNav {position:absolute; z-index:20; width:600px; height:187px; overflow:hidden; }
#SON #BannerNav img{position:absolute; z-index:1;}
#SON #BannerNav img.NoHover{z-index:10;}

/* Tip Promo */
#SON #TipPromo {margin: 0 0 0 7px; background: url(../images/bg_tip_promo.gif) repeat-y;}
#SON #TipPromo h2 a {font-family: garamond, 'Times New Roman', serif; font-size: 18px;}
#SON #TipPromo h1 {font-size: 14px;}
#SON #TipPromo .Right {display: block; margin: 0 10px 0 0;}

#SON #TipPromo .TopCap {padding: 23px 0 0; background: url(../images/tc_tip_promo.gif) no-repeat;}
#SON #TipPromo .BottomCap {width: 383px; padding: 0 14px 12px 19px; background: url(../images/bc_tip_promo2.gif) bottom left no-repeat;}
#SON #TipPromo .BottomCapHome {width: 383px; padding: 0 14px 20px 19px; background: url(../images/bc_tip_promo.gif) bottom left no-repeat;}

#SON.Home #TipPromo .BottomCap {background: url(../images/bc_tip_promo.gif) bottom left no-repeat;}
#SON.Home #TipPromo {margin: 0 0 0 7px; background: url(../images/bg_tip_promo.gif) repeat-y;}
#SON.Home #TipPromo p {margin: 0; padding-bottom: 15px;}

/* Tip Promo */
#SON #Tip {margin: 0 0 0 7px; background: url(../images/bg_tip.gif) repeat-y;}
#SON #Tip h1 {font-size: 14px; margin-bottom: 5px;}
#SON #Tip .TopCap {padding: 23px 0 0; background: url(../images/tc_tip.gif) no-repeat;}
#SON #Tip .BottomCap {width: 383px; padding: 15px 14px 20px 19px; background: url(../images/bc_tip.gif) bottom left no-repeat;}
#SON #Tip #PlaceholderGap {width: 1px; float: right; height: 140px;}
#SON #Tip #Placeholder {clear: right; width: 80px; height: 420px; float: right;}

/* Newest Promo */
#SON #NewestFeature {height: 262px;}
#SON #NewestFeature .LeftImage { float: left; position: relative;}
#SON #NewestFeature .Wrapper {float: left;}
#SON #NewestFeature h3 a {font-size: 26px; font-family: garamond, 'Times New Roman', serif;}
#SON #NewestFeature h1, #SON #NewestFeature h1 a {margin: 0 0 10px; font-size: 16px; width: 175px; }
#SON #NewestFeature .Right {font-weight: bold; text-decoration: underline; clear: both; margin: 0 0 10px;}
#SON #NewestFeature .FeatureArchiveLink {clear:both; display:block; padding:15px 0 0 0;}
#SON #NewestFeature .ChannelName a {display: block; padding: 0 20px 5px; font-family: garamond, 'Times New Roman', serif; }

#SON.Home #NewestFeature {padding: 30px 0 0; width: 408px; background: url(../images/bg_newest_promo.gif) 0 -15px no-repeat; margin: 0;}
#SON.Home #NewestFeature .Wrapper {width: 145px;}
#SON.Home #NewestFeature .LeftImage {left: -11px;}

#SON #NewestFeature {width: 414px; height: 277px; padding: 20px 0 0; background: url(../images/bg_newest_promo2.gif) no-repeat; margin-bottom: 45px}
#SON #NewestFeature .Wrapper {width: 215px;}
#SON #NewestFeature .LeftImage {left: -14px;}

#SON #NewestFeature.Recipe {width: 414px; height: 277px; padding: 20px 0 0; background: url(../images/bg_newest_promo2.gif) no-repeat; margin-bottom: 10px}

/* Expert Promo */
#SON #ExpertPromo {background: url(../images/bg_expert_promo_wide.gif) repeat-y; width:420px; margin:0 0 0 8px;}
#SON #ExpertPromo h1 {margin-bottom: 5px;}
#SON #ExpertPromo h2 a {font-family: garamond, 'Times New Roman', serif; font-size: 18px;}
#SON #ExpertPromo .Right {display: block; margin: 0 10px 10px 0; font-weight: bold; clear: both; white-space: nowrap;text-decoration: underline;}
* html #SON #ExpertPromo .Right {display: block; margin: 0 5px 10px 0;}
#SON #ExpertPromo .TopCap {padding: 23px 0 0; background: url(../images/tc_expert_promo_wide.gif) no-repeat;}
#SON #ExpertPromo .BottomCap {width: 414px; padding: 0 14px 20px 0; background: url(../images/bc_expert_promo_wide.gif) bottom left no-repeat;}
#SON #ExpertPromo .LeftImage {float: left; position: relative; left: -11px;}
#SON #ExpertPromo .Wrapper {float: left; width: 260px;}
#SON.Home #ExpertPromo .BottomCap {width: 390px; padding-left: 19px;}
#SON #ExpertPromo .BottomCap .ParentTalk {width: 390px; padding-left: 19px;}

/* Expert Featured*/
#SON #ExpertFeatured {margin: 0 0 20px 7px; background: url(../images/bg_expert_promo2.gif) repeat-y;}
#SON #ExpertFeatured .ChannelName {font-size: 24px; display: block; padding: 0 20px 5px; font-family: garamond, 'Times New Roman', serif; }
#SON #ExpertFeatured h1 {margin-bottom: 20px;}
#SON #ExpertFeatured .TopCap {padding: 23px 0 0; background: url(../images/tc_expert_promo2.gif) no-repeat;}
#SON #ExpertFeatured .BottomCap {width: 388px; padding: 0 20px 20px 10px; background: url(../images/bc_expert_promo2.gif) bottom left no-repeat;}
#SON #ExpertFeatured .LeftImage {float: left; position: relative; left: -21px;}
#SON #ExpertFeatured .Wrapper {padding: 0 10px;}
#SON #ExpertFeatured #PlaceholderGap {width: 1px; float: right; height: 230px;}
#SON #ExpertFeatured #Placeholder {clear: right; width: 90px; height: 450px; float: right;}
#SON #ExpertFeatured .RecentExpert {font-size: 24px; display: block; padding: 10px 0; font-family: garamond, 'Times New Roman', serif; }

/* Expert Promo */
#SON #Expert {margin: 0 0 0 7px; background: url(../images/bg_expert.gif) repeat-y;}
#SON #Expert .ChannelName {font-size: 24px; display: block; padding: 0 20px 5px; font-family: garamond, 'Times New Roman', serif; }
#SON #Expert h1 {font-size: 14px; margin-bottom: 5px;}
#SON #Expert .TopCap {padding: 23px 0 0; background: url(../images/tc_expert.gif) no-repeat;}
#SON #Expert .BottomCap {width: 383px; padding: 15px 14px 20px 19px; background: url(../images/bc_expert.gif) bottom left no-repeat;}
#SON #Expert #PlaceholderGap {width: 1px; float: right; height: 30px;}
#SON #Expert #Placeholder {clear: right; width: 65px; height: 450px; float: right;}

/* Snack Promo */
#SON #SnackPromo {width: 444px; background: url(../images/bg_snack_promo.gif) repeat-y;}
#SON #SnackPromo img{margin:5px 0 0 0;}
#SON #SnackPromo h2 a {font-family: garamond, 'Times New Roman', serif; font-size: 18px;}
#SON #SnackPromo .TopCap {background: url(../images/tc_snack_promo.gif) no-repeat;}
#SON #SnackPromo .BottomCap {padding: 12px 25px 10px 11px; background: url(../images/bc_snack_promo.gif) bottom left no-repeat;}
#SON #SnackPromo .LeftImage {float: left; margin-bottom: 10px; position: relative; top: -5px;}
#SON #SnackPromo .Wrapper {float: left; width: 255px; padding: 20px 10px;}
#SON #SnackPromo .Right {clear: both; display: block;}

#SON .SnackArchiveLink {font-weight: bold; padding: 0 40px 20px 0;}
#SON .SnackArchiveLink a {text-decoration: underline;}


/* Snack */
#SON #Snack {background: url(../images/bg_snack.gif) repeat-y; margin: 0 0 10px 10px; width: 418px;}
#SON #Snack .TopCap {background: url(../images/tc_snack.gif) no-repeat;}
#SON #Snack .BottomCap {background: url(../images/bc_snack.gif) bottom left no-repeat; padding: 30px 20px 150px; }
#SON #Snack .LeftImage {float: left; position: relative; width: 146px; height: 194px;}
#SON #Snack .LeftImage img {position: absolute; margin-left: -39px;}
#SON #Snack h3 a {font-size: 22px; font-family: garamond, 'Times New Roman', serif;}
#SON #Snack h1 {margin: 0 0 10px; font-size: 14px;}
#SON #Snack h2 {font-size: 12px;}
#SON #Snack .ChannelName {display: block; font-family: garamond, 'Times New Roman', serif; font-size: 26px;}
#SON #Snack #PlaceholderGap {width: 1px; float: right; height: 230px;}
#SON #Snack #Placeholder {clear: right; width: 85px; height: 450px; float: right;}
#SON #Snack p {margin: 10px 0;}
#SON #Snack li {list-style: inside;}
#SON #Snack #SendFriend {margin: 10px 0; float: left;}
#SON #Snack #SendFriend a {text-decoration: underline; font-weight: bold;}
#SON #Snack #SendFriend {margin: 10px 0;}
#SON #Snack #SendFriend a {text-decoration: underline; font-weight: bold;}
#SON #Snack #MoreChannel {margin: 10px 0; float: right;}
#SON #Snack #MoreChannel a {text-decoration: underline; font-weight: bold;}
#SON #Snack #MoreChannel {margin: 10px 0;}
#SON #Snack #MoreChannel a {text-decoration: underline; font-weight: bold;}





/* Snack Archive */
#SON #SnackArchive {background: url(../images/bg_snackarchive.gif) repeat-y; margin: 0 0 10px 10px; width: 418px;}
#SON #SnackArchive .TopCap {background: url(../images/tc_snackarchive.gif) no-repeat;}
#SON #SnackArchive .BottomCap {background: url(../images/bc_snackarchive.gif) bottom left no-repeat; padding: 30px 20px 60px 20px; }
#SON #SnackArchive .ChannelName {display: block; font-family: garamond, 'Times New Roman', serif; font-size: 26px; margin: 0 0 5px 0;}
#SON #SnackArchive h2 {margin: 0; padding: 0;}
#SON #SnackArchive .Wrapper{margin:10px 0;}
#SON #SnackArchive .LeftImage{width:150px; float:left;}
#SON #SnackArchive h2 a{margin:25px 0 0 0; display:block;}
#SON #SnackArchive p {margin: 0 0 12px 0; width: 220px; float: left;}
#SON #ChannelNav {padding: 0 24px;}
#SON #ChannelNav .PreviousLink {float: left;}
#SON #ChannelNav .NextLink {float: right;}

#SON .ArchiveLinks {height: 35px; padding: 0 20px; width:375px; position: relative; z-index: 1;}
#SON .ArchiveLinks a {font-weight: bold;}
#SON .ArchiveLinks .SnackLink {margin: 10px 90px 0 0;}

/* Parent Promo */
#SON #ParentPromo {clear: both; width: 437px; background: url(../images/bg_parent_promo.gif) repeat-y;}
#SON #ParentPromo h2 a {font-family: garamond, 'Times New Roman', serif; font-size: 18px;}
#SON #ParentPromo .TopCap {background: url(../images/tc_parent_promo.gif) no-repeat;}
#SON #ParentPromo .BottomCap {padding: 40px 25px 40px 30px; background: url(../images/bc_parent_promo.gif) bottom left no-repeat;}

/* Parent */
#SON #Parent {margin: 0 0 0 7px; background: url(../images/bg_parent.gif) repeat-y;}
#SON #Parent h1 {font-size: 14px; margin-bottom: 5px; margin: 10px 0 30px;}
#SON #Parent .TopCap {padding: 23px 0 0; background: url(../images/tc_parent.gif) no-repeat;}
#SON #Parent .BottomCap {width: 383px; padding: 15px 14px 20px 19px; background: url(../images/bc_parent.gif) bottom left no-repeat;}
#SON #Parent #PlaceholderGap {width: 1px; float: right; height: 220px;}
#SON #Parent #Placeholder {clear: right; width: 1px; height: 310px; float: right;}
#SON #Parent .ChannelName {display: block; font-family: garamond, 'Times New Roman', serif; font-size: 26px;}
#SON #Parent .TagLine {border-bottom: 1px solid #4b3f34; padding: 0 0 15px;}
#SON #Parent .Comments {margin: 0 0 20px 0; padding: 20px 0 0 0;}
#SON #Parent .SubmitTopic {font-size: 12px; float: right; text-decoration: underline;}
#SON #Parent .SubmitForm {padding: 25px 25px 175px 25px;}
#SON #Parent .SubmitForm .Submit {width: 81px; background: url(../images/btn_submit_blue.gif) no-repeat; padding: 0; cursor: pointer;}

/* Add Comment */
#SON #Parent form {padding: 28px 45px 30px 25px;}
#SON #Parent h5 {margin: 0; padding: 0;}
#SON #Parent form {padding: 25px;}
#SON #Parent span {display: block;}
#SON #Parent input, #SON #Parent textarea {margin: 0 0 20px;border-top: 1px solid #bcb99d; border-left: 1px solid #bcb99d; border-bottom: 1px solid #eef6d8; border-right: 1px solid #eef6d8; background: #f4fff2; width: 340px;}
#SON #Parent textarea {height: 100px;}
#SON #Parent .Clear, #SON #Parent .Submit {text-indent: 9999px; margin-left: 10px; display: block; height: 30px; border: none; font-size: 0;}
#SON #Parent .Clear {width: 73px; background: url(../images/btn_clear_blue.gif) no-repeat; cursor: pointer;}
#SON #Parent .Submit {width: 81px; background: url(../images/btn_submit_blue.gif) no-repeat; padding-right: 150px; cursor: pointer;}

/* Recent Features */
#SON #PromoRecentFeatures .LeftImage {float: left; margin-right: 4px;}
#SON #PromoRecentFeatures .Wrapper {float: left; width: 280px; padding: 20px 0 0;}
#SON #PromoRecentFeatures a {text-decoration: underline;}
#SON #PromoRecentFeatures h2 a {text-decoration: none; font-family: garamond, 'Times New Roman', serif; font-size: 18px;}
#SON #PromoRecentFeatures h2 a:hover {text-decoration: underline;}
#SON #PromoRecentFeatures h1 {font-size: 16px; margin-bottom: 12px;}
#SON #PromoRecentFeatures h1 a {font-size: 16px; text-decoration: none;}
#SON #PromoRecentFeatures h1 a:hover {text-decoration: underline;}


#SON #Recent1 {background: url(../images/bg_recent1.gif) repeat-y;}
#SON #Recent1 .TopCap {background: url(../images/tc_recent1.gif) no-repeat;}
#SON #Recent1 .BottomCap {padding: 17px 0 30px 1px; background: url(../images/bc_recent1.gif) bottom left no-repeat;}

#SON #Recent2 {background: url(../images/bg_recent2.gif) repeat-y;}
#SON #Recent2 .TopCap {background: url(../images/tc_recent2.gif) no-repeat;}
#SON #Recent2 .BottomCap {padding: 3px 0 20px 1px; background: url(../images/bc_recent2.gif) bottom left no-repeat;}

#SON #Recent3 {background: url(../images/bg_recent3.gif) repeat-y;}
#SON #Recent3 .TopCap {background: url(../images/tc_recent3.gif) no-repeat;}
#SON #Recent3 .BottomCap {padding: 13px 0 45px 1px; background: url(../images/bc_recent4.gif) bottom left no-repeat;}

/* Feature */
#SON #Feature {background: url(../images/bg_feature.gif) repeat-y; margin: 0 0 10px 10px; width: 418px;}
#SON #Feature .TopCap {background: url(../images/tc_feature.gif) no-repeat;}
#SON #Feature .BottomCap {background: url(../images/bc_feature.gif) bottom left no-repeat; padding: 30px 20px; }
#SON #Feature .LeftImage {float: left; position: relative; width: 149px; height: 194px;}
#SON #Feature .LeftImage img {position: absolute; margin-left: -39px;}
#SON #Feature h3 a {font-size: 22px;}
#SON #Feature h3 {display: block; padding: 0 0 10px; font-size: 26px; font-family: garamond, 'Times New Roman', serif;}
#SON #Feature h1 {margin: 0 0 10px; font-size: 16px;}
#SON #Feature h2 {font-size: 12px;}
#SON #Feature h2 em {font-size: 12px;}
#SON #Feature li {margin: 12px 20px;}
#SON #Feature .ChannelName a {display: block; padding: 0 0 10px; font-size: 26px; font-family: garamond, 'Times New Roman', serif;}
#SON #Feature #PlaceholderGap {width: 1px; float: right; height: 230px;}
#SON #Feature #Placeholder {clear: right; width: 85px; height: 450px; float: right;}

#SON #Feature #SendFriend {margin: 10px 0; float: left; padding-top:10px;}
#SON #Feature #SendFriend a {text-decoration: underline; font-weight: bold;}
#SON #Feature #SendFriend {margin: 10px 0;}
#SON #Feature #SendFriend a {text-decoration: underline; font-weight: bold;}
#SON #Feature #MoreChannel {margin: 10px 0; float: right; padding-top:10px;}
#SON #Feature #MoreChannel a {text-decoration: underline; font-weight: bold;}
#SON #Feature #MoreChannel {margin: 10px 0;}
#SON #Feature #MoreChannel a {text-decoration: underline; font-weight: bold;}


#SON #Feature #PrintFeature {margin: 10px 0; float: left; padding-top:10px;}
#SON #Feature #PrintFeature a {text-decoration: underline; font-weight: bold;}
#SON #Feature #PrintFeature {margin: 10px 0;}
#SON #Feature #PrintFeature a {text-decoration: underline; font-weight: bold;}




#SON #Feature form {margin: 0 0 250px 0;}
#SON #Feature form input {border: 1px solid #000; background: #fff; width: 200px; margin 0; padding: 0;}
#SON #Feature form textarea {border: 1px solid #000; background: #fff; width: 200px; height: 100px;}
#SON #Feature form .SendButton {margin: 10px 0 10px 230px; display: block; width: 81px; line-height; 0; font-size: 0; height: 30px; border: none; text-indent: -9999px; background: url(../images/btn_submit_blue.gif); cursor: pointer;}
#SON #Feature form td.field { padding: 5px 10px;}
#SON #Feature form label {margin: 0; padding; 0; float: left;}

/* Star Rating */
/* #SON .StarsWrapper {float: left; margin: 0 0 40px;} */
#SON .StarsWrapper {margin: 0; width: 180px;}
#SON .StarsWrapper p {padding: 25px 0;}
#SON .StarsWrapper a {padding: 0 4px 8px; text-indent: -9999px; display: block; float: left; height: 23px; width: 23px; background: url(../images/star_off.gif) no-repeat;}
#SON .StarsWrapper .StarOn, #SON .StarsWrapper a:hover {float: left; display: block; background: url(../images/star_on.gif) no-repeat;}
#SON .StarsWrapper span {display: none;}

/* Author Bio */
#SON #Bio {clear: left; width: 444px; background: url(../images/bg_bio.gif) repeat-y; margin: 0 0 50px;}
#SON #Bio .TopCap {background: url(../images/tc_bio.gif) no-repeat;}
#SON #Bio .BottomCap {padding: 0 45px 30px 25px; background: url(../images/bc_bio.gif) bottom left no-repeat;}
#SON #Bio h5 {position: relative; top: -28px; left: 10px; margin: 0 0 30px 0;}

/* Comment */
#SON .Comment {width: 444px; background: url(../images/bg_comment.gif) repeat-y; margin: 0 0 30px;}
#SON .Comment .TopCap {background: url(../images/tc_comment.gif) no-repeat;}
#SON .Comment .BottomCap {padding: 35px 45px 10px 25px; background: url(../images/bc_comment.gif) bottom left no-repeat;}
#SON .Comment h5 {position: absolute; margin-top: -25px; margin-left: 10px;}

/* Add Comment */
#SON #AddComment {width: 444px; background: url(../images/bg_add_comment.gif) repeat-y; margin: 0 0 30px;}
#SON #AddComment .TopCap {background: url(../images/tc_add_comment.gif) no-repeat;}
#SON #AddComment .BottomCap {padding: 28px 45px 30px 25px; background: url(../images/bc_add_comment.gif) bottom left no-repeat;}
#SON #AddComment h5 {position: relative; top: 8px; left: 10px;}
#SON #AddComment h3 {padding: 10px 0 0 25px;}
#SON #AddComment form {padding: 25px;}
#SON #AddComment span {display: block;}
#SON #AddComment input, #SON #AddComment textarea {margin: 0 0 20px;border-top: 1px solid #bcb99d; border-left: 1px solid #bcb99d; border-bottom: 1px solid #eef6d8; border-right: 1px solid #eef6d8; background: #f4fff2; width: 340px;}
#SON #AddComment textarea {height: 100px;}
#SON #AddComment .Clear, #SON #AddComment .Submit {text-indent: 9999px; margin-left: 10px; display: block; height: 30px; border: none; font-size: 0;}
#SON #AddComment .Clear {width: 73px; background: url(../images/btn_clear_green.gif) no-repeat; cursor: pointer;}
#SON #AddComment .Submit {width: 81px; background: url(../images/btn_submit_green.gif) no-repeat; cursor: pointer;}

/* Poll Promo */
#SON #Poll {margin: 0 0 0 7px; background: url(../images/bg_poll.gif) repeat-y;}
#SON #Poll h1 {font-size: 14px; margin-bottom: 15px; color: #4b3f34;}
#SON #Poll .TopCap {padding: 23px 0 0; background: url(../images/tc_poll.gif) no-repeat;}
#SON #Poll .BottomCap {width: 377px; padding: 15px 20px 40px 19px; background: url(../images/bc_poll.gif) bottom left no-repeat;}
#SON #Poll #PlaceholderGap {width: 1px; float: right; height: 90px;}
#SON #Poll #Placeholder {clear: right; width: 65px; height: 450px; float: right;}
#SON #Poll .ChannelName {display: block; font-size: 26px;  padding: 0 0 5px; font-family: garamond, 'Times New Roman', serif;}
#SON #Poll table {margin: 0 0 20px;}
#SON #Poll .TagLine {border-bottom: 1px solid #4b3f34; padding: 0 0 15px;}
#SON #Poll .Comments {margin: 0 0 20px 0;}

#SON #Poll #NextPoll{border-top:1px solid #6C951E; margin:15px 0;}
#SON #Poll #NextPoll form{margin:0; padding:5px;}
#SON #Poll #NextPoll h4{font-size:20px; border-bottom:1px solid #6C951E; margin:0 0 15px 0;}
#SON #Poll #NextPoll h5{font-size:16px;}
#SON #Poll #NextPoll ul{margin:15px 0 0 10px; padding:0;}
#SON #Poll #NextPoll ul li{margin:0;}
#SON #Poll #NextPoll input{width:auto;}
#SON #Poll #NextPoll input.BtnVote{background: url(../images/btn_vote_white.gif) no-repeat; width: 81px; height: 30px; margin: 0 0 0 30px; cursor: pointer; border:none;}

/* Begin Poll Results Styles */
#SON .SONPollResultsTextCell {padding: 0 5px 0 0; margin: 0; text-align: right; color: #4b3f34; font-weight: bold;}
#SON .SONPollResultsBar {background: #6c951e; height: 16px; }
#SON .SONPollResultsTable td {padding-bottom: 10px; vertical-align: top;}
#SON .SONPollResultsTable .SONPollResultsBarCell .SONPollResultsTable {width: auto; background: none; }
#SON .SONPollResultsTable .SONPollResultsBarCell .SONPollResultsTable td {padding-bottom: 0;}
#SON .SONPollResultsValueCell { font-size: 12px; font-weight: bold; color: #4b3f34; padding-left: 5px; }

/* Add Comment */
#SON #Poll form {padding: 28px 45px 30px 25px;}
#SON #Poll h5 {margin: 0; padding: 0;}
#SON #Poll form {padding: 25px;}
#SON #Poll span {display: block;}
#SON #Poll input, #SON #Poll textarea {margin: 0 0 20px;border-top: 1px solid #bcb99d; border-left: 1px solid #bcb99d; border-bottom: 1px solid #eef6d8; border-right: 1px solid #eef6d8; background: #f4fff2; width: 340px;}
#SON #Poll textarea {height: 100px;}
#SON #Poll .Clear, #SON #Poll .Submit {text-indent: 9999px; font-size: 0px; display: block; margin-left: 10px; display: block; height: 30px; border: none;}
#SON #Poll .Clear {width: 73px; background: url(../images/btn_clear_green.gif) no-repeat; cursor: pointer;}
#SON #Poll .Submit {width: 81px; background: url(../images/btn_submit_green.gif) no-repeat; cursor: pointer;}

/* Snack Promo */
#SON #Quiz {width: 444px; background: url(../images/bg_snack_promo.gif) repeat-y; position: relative;}
#SON #Quiz .TopCap {background: url(../images/tc_snack_promo.gif) no-repeat;}
#SON #Quiz .BottomCap {padding: 30px 25px; background: url(../images/bc_snack_promo.gif) bottom left no-repeat;}
#SON #Quiz .Wrapper {float: left; width: 255px; padding: 20px 10px;}
#SON #Quiz  h1 {font-size: 14px; margin-bottom: 15px;}
#SON #Quiz  h2 {margin-bottom: 5px;}
#SON #Quiz #PlaceholderGap {width: 1px; float: right; height: 90px;}
#SON #Quiz #Placeholder {clear: right; width: 65px; height: 450px; float: right;}
#SON #Quiz .ChannelName {display: block; font-size: 26px;  padding: 0 0 5px; font-family: garamond, 'Times New Roman', serif;}

/* Next Quiz */
#SON #NextQuiz {margin: 0 0 0 7px; background: url(../images/bg_expert_promo.gif) repeat-y;}
#SON #NextQuiz h1 {margin-bottom: 5px;}
#SON #NextQuiz .Right {display: block; margin: 0 10px 0 0;}
* html #SON #NextQuiz .Right {display: block; margin: 0 5px 0 0;}
#SON #NextQuiz .TopCap {padding: 23px 0 0; background: url(../images/tc_expert_promo.gif) no-repeat;}
#SON #NextQuiz .BottomCap {width: 282px; padding: 0 14px 20px 20px; background: url(../images/bc_expert_promo.gif) bottom left no-repeat;}
#SON #NextQuiz .LeftImage {float: left; margin-top: 30px; position: relative; left: -11px;}
#SON #NextQuiz .Wrapper {float: left; width: 160px;}
#SON #NextQuiz .BtnAnswer {background: url(../images/btn_answer_grey.gif) no-repeat; float: right; width: 100px; height: 30px; cursor: pointer;}

/* Search Results */
#SON #SearchPage {margin: 0 0 20px 7px; background: url(../images/bg_poll.gif) repeat-y;}
#SON #SearchPage ul {list-style: none;}
#SON #SearchPage h4 {margin-bottom: 0;}
#SON #SearchPage h4 a {font-size: 12px;}
#SON #SearchPage .ResultsPages {padding: 20px 0 0 80px;}
#SON #SearchPage .HorizList {margin-bottom: 15px; width: 100%;}
#SON #SearchPage .HorizList li {float: left; padding: 0 3px; border-right: 1px solid #ccc;}
#SON #SearchPage .HorizList .Next {border: none;}
#SON #SearchPage .HorizList li.Current, #SON .SONSearch .SONSearchLink {font-weight: bold;}
#SON #SearchPage .HorizList li.Current {font-weight: bold;}
* HTML #SON .NoBullet * {margin-left: 0;}
#SON #SearchPage .ChannelName {display: block; padding: 0 0 10px; font-size: 26px; font-family: garamond, 'Times New Roman', serif;}

/* Search */
#SON #SearchPage h1 {font-size: 14px; margin-bottom: 15px;}
#SON #SearchPage h2 {margin-bottom: 5px;}
#SON #SearchPage .TopCap {padding: 23px 0 0; background: url(../images/tc_poll.gif) no-repeat;}
#SON #SearchPage .BottomCap {width: 383px; padding: 15px 14px 100px 19px; background: url(../images/bc_poll.gif) bottom left no-repeat;}
#SON #SearchPage #PlaceholderGap {width: 1px; float: right; height: 90px;}


/* Right Column */
/* Sideboxes */
#SON #TopRight h2, #SON #RightColumn h2, #SON #BottomRight h2 {color: #774b24; font-size: 26px; text-align: center; font-family: garamond, 'Times New Roman', serif;}
#SON #TopRight h3, #SON #RightColumn h3, #SON #BottomRight h3 {color: #774b24; font-size: 14px;  text-align: center; margin: 0 0 5px;}
#SON #TopRight h4, #SON #RightColumn h4 {color: #774b24; font-size: 13px; margin: 0 0 10px;}
#SON #TopRight ul, #SON #RightColumn ul {padding: 0 0 0 10px;}

/* Sidebox Poll NEW */
#SON #SBPoll {width: 151px; background: url(../images/bg_sb_poll3.gif) bottom left no-repeat; position: relative; margin: 0px 0; overflow: hidden;}
*html .Home#SON #SBPoll {left:3px;}
#SON #SBPoll .Hed {width: 140px;}
#SON #SBPoll h3 {font-family: garamond, 'Times New Roman', serif;}
#SON #SBPoll h4 {padding: 0 0 0 10px; margin: 0 0 15px; color: #774b24; font-size: 13px;}
#SON #SBPoll .TopCap {padding: 15px 10px 0 0; background: url(../images/tc_sb_poll_new.gif) no-repeat; position: relative;}
#SON #SBPoll .BottomCap {width: 136px; background: url(../images/bc_sb_poll_new.gif) bottom left no-repeat; padding: 0 15px 60px 3px;}
#SON #SBPoll .BottomCap table {padding: 0 0 0 15px; width: 120px; margin: 0;}
#SON #SBPoll .BottomCap td {padding: 0 0 15px;}
#SON #SBPoll .BtnVote {background: url(../images/btn_vote_white.gif) no-repeat; width: 81px; height: 30px; margin: 0 0 0 30px; cursor: pointer;}
#SON #SBPoll label {cursor: pointer;}
#SON #SBPoll input {cursor: pointer;}


/* Sponsor Tool */
#SON #SBSponsorTool {position: relative; height: 329px;}
#SON #SBSponsorTool .Wrapper {position: absolute; left: -107px; text-align: center; padding: 34px 0 0; background: url(../images/bg_sponsortool.gif) no-repeat; width: 261px; height: 289px;}
#SON #SBSponsorTool .Wrapper a {padding: 0 3px 0 0;}
#NarrowTool {position: relative; margin: 0 0 10px;  z-index:1000;  background: url(../images/bg_sponsortool_narrow.gif) no-repeat; height:281px; margin-left:-18px; padding:18px 0 0 9px;}
#ExpandedSponsor{display:none; position:absolute; right:6px; top:32px; z-index:1000; height:141px; width:131px;}
/*This next line is for CSS only hoverability*/
/*#ExpandedSponsor:hover{position:absolute; right:6px; top:32px; z-index:1000; height:538px; width:500px;}*/


/* Sidebox Audio */
#SON #SBAudio {width: 146px; background: url(../images/bg_sb_green.gif) repeat-y;}
#SON #SBAudio .Hed {width: 128px; height: 50px; padding-left: 10px;}
#SON #SBAudio h4 {padding: 0 0 0 10px; margin: 0 4px 15px; color: #774b24;}
#SON #SBAudio .TopCap {padding: 20px 0 0; background: url(../images/tc_sb_green.gif) no-repeat;}
#SON #SBAudio .BottomCap {padding: 0 6px 40px; background: url(../images/bc_sb_green.gif) bottom left no-repeat;}
#SON #SBAudio p {margin: 5px 5px 20px 5px;}
#SON #SBAudio .ComingSoon {text-align: center; font-size: 26px; margin: 50px 0; font-family: garamond, 'Times New Roman', serif;}

/* Sidebox Quiz */
#SON #SBQuiz {width: 146px; background: url(../images/bg_sb_pink.gif) repeat-y; position: relative; margin-bottom: 40px;}
#SON #SBQuiz .Hed {width: 130px;}
#SON #SBQuiz h4 {padding: 0 0 0 10px; margin: 0 4px 15px; color: #774b24;}
#SON #SBQuiz .TopCap {padding: 20px 10px 0 0; background: url(../images/tc_sb_pink.gif) no-repeat; position: relative;}
#SON #SBQuiz .BottomCap {width: 146px; background: url(../images/bc_sb_pink.gif) bottom left no-repeat; padding: 0 0 13px 0;}
#SON #SBQuiz .BottomCap table {margin: 0 0 20px 15px;}
#SON #SBQuiz .BottomCap td {padding: 0 0 15px;}
#SON #SBQuiz .BtnAnswer {background: url(../images/btn_answer_white.gif) no-repeat; margin: 0 0 0 30px; position: absolute; bottom: -30px; display: block; width: 81px; height: 30px; cursor: pointer;}
#SON #SBQuiz label, #SON #SBQuiz input {cursor: pointer;}

#SON #Footer {width: 600px; margin: 50px 0; height: 42px; clear: both; background: url(../images/bg_footer.jpg) no-repeat;}
#SON #Footer a {outline: none;}
#SON #Footer ul {padding: 0;  position: relative;}
#SON #Footer li {margin: 0; list-style: none; position: absolute; text-indent: -9999; top: 0; background: url(../images/bg_footer.jpg) no-repeat;}
#SON #Footer li a {display: block; height: 40px; text-indent: -9999px;}

#SON #Footer #Nav1 {left: 17px; width: 158px; background-position: -17px 0;}
#SON #Footer #Nav2 {left: 175px; width: 145px; background-position: -175px 0;}
#SON #Footer #Nav3 {left: 320px; width: 125px; background-position: -320px 0;}
#SON #Footer #Nav4 {left: 445px; width: 135px; background-position: -445px 0;}

#SON .BottomCap .PreviousLink { float: left; }

#SON .Success *{color:#7ac52c; font-weight:bold; }
#SON .Error * {color:red;}

/* -- Alsett Clearing Method*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display: block;}