.atf { background:url(images/commtop_bg.jpg) top left no-repeat; }
.atf .toplinks { float:right; margin:15px 5px 0 0; }
h1 { padding:16px 0 13px 12px; }


/* landing page */
.landtop { padding-top:26px; padding-left:12px; padding-bottom:20px; min-height:250px; overflow:hidden; }
.landtop .toppic { margin-top:-16px; width:311px; float:left; }
.landtop .featart { padding:15px 20px; }
.landtop .featart img { display:none; }
.landtop .featart p { margin:0 0 10px 0; }
.landtop .frteaser { margin-left:311px; padding-bottom:12px; }
.landtop .featrecipe { padding:20px 0 20px 55px; width:200px; }
.landtop .featrecipe h3 { margin:15px 0 8px 0; font-size:11px; line-height:13px; }
.landtop .featrecipe p { margin:0 0 8px 0; }
.landtop .featrecipe img { border:1px solid #C15017; }

#landtabs { margin:0 8px; height:34px; background-image:url(images/land/tabs_bg.gif); background-repeat:no-repeat; }
.rltabs-art #landtabs { background-position:0 -34px; }
.rltabs-rp #landtabs { background-position:0 -68px; }
#landtabs a { display:block; float:left; height:34px; text-indent:-9000px; outline:none; }
#landtabs .tab-art { width:110px; }
#landtabs .tab-rp { width:155px; }

.articles { margin:0 8px; padding:20px 0 0 0; background:url(images/land/articles_bg.gif) repeat-y; }
.articles .rcontent { margin:0 27px 20px 27px; border:1px solid #85391F; border-width:2px 0; background-color:#FFF; }
.articles .foot { margin:0 0 20px 0; overflow:hidden; height:5px; background:url(images/land/articles_bg.gif) -582px 0 repeat-y; }
.recipepairings { margin:0 8px; padding:20px 0 0 0; background:url(images/land/recipeparings_bg.gif) repeat-y; }
.recipepairings .rcontent { margin:0 27px 20px 27px; border:1px solid #EDAC00; border-width:2px 0; background-color:#FFF; }
.recipepairings .foot { margin:0 0 20px 0; overflow:hidden; height:5px; background:url(images/land/recipeparings_bg.gif) -582px 0 repeat-y; }

.landlist { padding:20px 20px 10px 20px; }
.landlist .pagination { padding:5px; text-align:right; }
.alistitem { padding:20px 0; background:url(../global/images/purple_dashed.gif) bottom left repeat-x; }
.alistitem h3, .alistitem p { font-size:11px; margin:0 0 10px 0; }
.alistitem .alimg { float:left; width:60px; border:1px solid #C25739; }
.alistitem .info { margin:0 0 0 100px; }
.morelink { padding:0 0 10px 0; text-align:center; }

.landtouts { padding:0 0 20px 0; overflow:hidden; }
.toutcont { padding:15px 20px 5px 20px; }
.toutcont h3 { margin:0 0 10px 0; font-size:11px; }
.toutcont p { margin:0 0 10px 0; }
.toutcont .btn { text-align:right; }
.landquiz { float:left; margin:0 0 0 10px; width:278px; background:url(images/land/quiz_bg.gif) bottom left no-repeat; }
.landquiz .toutcont { margin-left:15px; padding-left:90px; background:url(images/land/quiz_bg.jpg) 0 20px no-repeat; }
.landpoll { margin:0 0 0 310px; width:278px; background:url(images/land/poll_bg.gif) bottom left no-repeat; }

.landpoll .result p { width:125px; }
.landpoll .resultbar { position:absolute; right:0; }
.landpoll .resultbar p { float:right; width:auto; font-weight:bold; }
.landpoll .resultbar span { float:right; margin:0 5px 0 0 ; display:block; height:10px; background:url(images/land/pollbar_bg.gif) top right repeat-x; }



/* article categories */
#actabs { margin:0 8px; height:34px; background-image:url(images/articles/tabs_bg.gif); background-repeat:no-repeat; }
.actabs-c101 #actabs { background-position:0 -34px; }
.actabs-ch #actabs { background-position:0 -68px; }
.actabs-en #actabs { background-position:0 -102px; }
.actabs-su #actabs { background-position:0 -136px; }
#actabs a { display:block; float:left; height:34px; text-indent:-9000px; outline:none; }
#actabs .tab-c101 { width:120px; }
#actabs .tab-ch { width:155px; }
#actabs .tab-en { width:135px; }
#actabs .tab-su { width:160px; }

.landlist h2 { padding:0 0 5px 0; font-size:16px; font-weight:bold; text-transform:uppercase; background:none; }
.landlist .pagination { height:22px; margin:-25px 0 0 0;}
.alistcontent { margin:0 0 25px 0; }

.coffee101 h2 { border-bottom:2px solid #EDAC00; }
.coffeehealth h2 { border-bottom:2px solid #C15017; }
.entertaining h2 { border-bottom:2px solid #C7AC00; }
.sustainability h2 { border-bottom:2px solid #6D1A42; }

.coffee101 { margin:0 8px; padding:20px 0 0 0; background:url(images/articles/coffee101_bg.gif) repeat-y; }
.coffee101 .rcontent { margin:0 27px 20px 27px; border:1px solid #EDAC00; border-width:2px 0; background-color:#FFF; }
.coffee101 .foot { margin:0 0 20px 0; overflow:hidden; height:5px; background:url(images/articles/coffee101_bg.gif) -582px 0 repeat-y; }
.coffeehealth { margin:0 8px; padding:20px 0 0 0; background:url(images/articles/coffeehealth_bg.gif) repeat-y; }
.coffeehealth .rcontent { margin:0 27px 20px 27px; border:1px solid #C15017; border-width:2px 0; background-color:#FFF; }
.coffeehealth .foot { margin:0 0 20px 0; overflow:hidden; height:5px; background:url(images/articles/coffeehealth_bg.gif) -582px 0 repeat-y; }
.entertaining { margin:0 8px; padding:20px 0 0 0; background:url(images/articles/entertaining_bg.gif) repeat-y; }
.entertaining .rcontent { margin:0 27px 20px 27px; border:1px solid #C7AC00; border-width:2px 0; background-color:#FFF; }
.entertaining .foot { margin:0 0 20px 0; overflow:hidden; height:5px; background:url(images/articles/entertaining_bg.gif) -582px 0 repeat-y; }
.sustainability { margin:0 8px; padding:20px 0 0 0; background:url(images/articles/sustainability_bg.gif) repeat-y; }
.sustainability .rcontent { margin:0 27px 20px 27px; border:1px solid #6D1A42; border-width:2px 0; background-color:#FFF; }
.sustainability .foot { margin:0 0 20px 0; overflow:hidden; height:5px; background:url(images/articles/sustainability_bg.gif) -582px 0 repeat-y; }


/* article details */
.adcontent { margin:10px 30px 0 35px; }
.adcontent h3 { margin:0 0 8px 0; font-size:16px; line-height:18px; color:#C15017; }
.adcontent p { margin:0 0 8px 0; }
.adcontent ul { margin:0 0 8px 15px; }
.adcontent li { margin:0; padding-bottom:10px; }
.adcontent .indentedlist { margin:0 0 8px 250px; }

.artinfo { float:left; margin:0 20px 10px 0; padding:7px 0 0 0; width:212px; background:url(images/recipes/recipe_infobox_bg.gif) top left no-repeat; }
.artinfo .cont { padding:20px 25px; background:url(images/recipes/recipe_infobox_bg.gif) top right repeat-y; }
.artinfo .foot { height:7px; overflow:hidden; background:url(images/recipes/recipe_infobox_bg.gif) 0 -7px no-repeat; }
.artinfo .rimg { display:block; width:160px; height:120px; border:1px solid #C25739; }

.sharethoughts { margin:20px 10px 0 10px; padding:20px 20px 10px 20px; border-top:3px solid #C7AC00; }
.sharethoughts h4 { float:left; }
.sharethoughts .pagination { padding:5px 0; height:12px; text-align:right; }
.sharethoughts .reviewstopper { height:2px; background:#edac00; overflow:hidden; }
.sharethoughts .reviewbox img.rbimg { display:block; width:60px; height:46px; padding:1px; background:#dfa696; float:left; }
.sharethoughts .reviewitem p { margin-bottom:10px;  width:410px; overflow:hidden; }
.sharethoughts .crright { margin-left:100px; }
.sharethoughts .ucreview { clear:left; position:relative; top:-20px; margin:0 0 -20px 0; }
.submitcomment { margin:0 0 5px 100px; }

.sharethoughts .reviewitem p span.n { font-weight:bold; }
.sharethoughts .reviewbox { margin-bottom:4px; padding-top:20px; min-height:75px; background:url(images/articles/purple_dashed.gif) bottom repeat-x; }


/* polls */
#allpollarchive { margin:20px 0 0 0; padding:0 275px 10px 25px; min-height:365px; background:url(images/polls/poll_bg.jpg) 312px 25px no-repeat; }
#allpollarchive .expandall { margin:5px 0 25px 0; padding:0 0 20px 0; background:url(images/articles/purple_dashed.gif) bottom repeat-x; }
#allpollarchive strong { font-size:11px; color:#C15017; line-height:13px; vertical-align:top; }
#allpollarchive .votebtn { padding:5px 0 0 0; }
.pollarchivequestion { padding:0; margin:-10px 0 0 0; cursor:pointer; }
.pollarchivecontent { width:275px; padding:10px 0 20px 10px; background:url(../global/images/purple_dashed.gif) bottom left repeat-x; }
.pollarchivecontent p { padding-left:3px; width:135px; }
.result { position:relative; }
.resultbar { position:absolute; right:0; }
.resultbar p { float:right; width:25px; font-weight:bold; text-align:right; }
.resultbar span { float:right; margin:0 5px 0 0 ; display:block; height:10px; background:url(images/polls/pollbar_bg.gif) top right repeat-x; }


/* recipes landing */
#rltabs { margin:0 8px; height:34px; background-image:url(images/recipes/tabs_bg.gif); background-repeat:no-repeat; }
.rltabs-tod #rltabs { background-position:0 -34px; }
.rltabs-cp #rltabs { background-position:0 -68px; }
#rltabs a { display:block; float:left; height:34px; text-indent:-9000px; outline:none; }
#rltabs .tab-tod { width:135px; }
#rltabs .tab-cp { width:150px; }

.rsublinks { padding:7px 12px; background: #C15017 url(images/recipes/sublinks_bg.gif) bottom left repeat-x; line-height:16px; }
.rsublinks img { padding:0 4px; }
.rsublinks a, .rsublinks a:visited { font-size:11px; color:#FCBE19; font-weight:bold; text-decoration:none; letter-spacing:0.5px }
.rsublinks a:hover, .rsublinks a.Selected { color:#FAECC6; }

.typeofdish { margin:0 8px; padding:20px 0 0 0; background:url(images/recipes/typeofdish_bg.gif) repeat-y; }
.typeofdish .rcontent { margin:0 27px 20px 27px; border:1px solid #EDAC00; border-width:2px 0; background-color:#FFF; }
.typeofdish .foot { margin:0 0 20px 0; overflow:hidden; height:5px; background:url(images/recipes/typeofdish_bg.gif) -582px 0 repeat-y; }
.typeofdish h2 { border-bottom:2px solid #EDAC00; }

.coffeepairing { margin:0 8px; padding:20px 0 0 0; background:url(images/recipes/coffeepairing_bg.gif) repeat-y; }
.coffeepairing .rcontent { margin:0 27px 20px 27px; border:1px solid #85391F; border-width:2px 0; background-color:#FFF; }
.coffeepairing h2 { border-bottom:2px solid #85391F; }
.coffeepairing .foot { margin:0 0 20px 0; overflow:hidden; height:5px; background:url(images/recipes/coffeepairing_bg.gif) -582px 0 repeat-y; }

.rpagi  { height:22px; margin:-25px 0 0 0;}
.rlistcontent { margin:0 0 25px 0; }

.rcategory { padding:20px; }
.rcategory h2 { margin:0; padding:0 0 5px 0; font-size:16px; font-weight:bold; text-transform:uppercase; background:none; }
.rcategory h3 { margin:20px 0 0 0; color:#C15017; text-transform:uppercase; }
.rcategory .pagination { padding:5px 0; text-align:right; }
.rcategory .toppagination { float:right; margin:-25px 0 0 0; }
.ritem { padding:20px 0 15px 0; background:url(../global/images/purple_dashed.gif) bottom left repeat-x; }
.ritem .rimg { display:block; float:left; width:60px; height:45px; border:1px solid #C25739; }
.ritem .rdesc { margin:0 0 0 100px; font-size:12px; }
.ritem .rdesc h4 { font-size:12px; }
.ritem .rdesc h4, .ritem .rdesc p { margin:0 0 10px 0; }
.ritem .rdesc a { font-weight:bold; }


/* recipes detail */
.rdetails { margin:10px 0 0 0; }
.recipeinfo { float:left; margin:0 0 0 35px; padding:7px 0 0 0; width:212px; background:url(images/recipes/recipe_infobox_bg.gif) top left no-repeat; }
.recipeinfo p { margin:0 0 10px 0; }
.recipeinfo p strong { color:#C15017; }
.recipeinfo a { cursor:pointer; }
.recipeinfo .cont { padding:20px 25px; background:url(images/recipes/recipe_infobox_bg.gif) top right repeat-y; }
.recipeinfo .foot { height:7px; overflow:hidden; background:url(images/recipes/recipe_infobox_bg.gif) 0 -7px no-repeat; }
.recipeinfo .rimg { display:block; margin:0 0 10px 0; width:160px; height:120px; border:1px solid #C25739; }

.recipedesc { margin:0 20px 0 270px; line-height:14px; min-height:350px; }
.recipedesc h3 { margin:0 0 8px 0; font-size:16px; color:#C15017; }
.recipedesc h4 { margin:12px 0; font-size:14px; text-transform:uppercase; }
.recipedesc p { margin:0 0 8px 0; }

.ingrhdr { padding-top:15px; background:url(../global/images/purple_dashed.gif) top left repeat-x; }
.rrhdr { margin:30px 0 0 10px; }
.recipereviews { margin:0 0 -6px 0; padding:10px; background:url(images/recipes/review_bg.gif) repeat-y; }
.recipereviews h4 { margin:0 0 20px 20px; }
.recipereviews .pagination { text-align:right; }
.review { margin:10px 0; padding:10px 20px; background:url(images/recipes/review_dashed.gif) bottom left repeat-x; }
.review .rating { float:left; width:100px; }
.review .desc { margin:0 0 0 120px; }
.review .desc p { margin:0 0 10px 0; }

.ratingStar { font-size:0; width:14px; height:17px; margin:3px 0 0 0; padding:0; display: block; background-repeat: no-repeat; }
.filledRatingStar { background-image: url(../Global/images/reci_rate_on.png); }
.emptyRatingStar { background-image: url(../Global/images/reci_rate_off.png); }
.savedRatingStar { background-image:url(../Global/images/reci_rate_on.png); }



/* review overlay */
.submitreivew { display:none; position:absolute; left:404px; top:175px; margin:10px; padding:20px; width:310px; background-color:#FFF; border:1px solid #C15017; z-index:5000; }
.submitreivew h3 { padding:0 0 15px 0; margin:0 0 15px 0; background:url(../global/images/purple_dashed.gif) bottom left repeat-x;  }
.submitreivew h4 { margin:0 0 5px 0; font-size:14px; color:#C15017; }
.submitreivew .req { margin:0 0 5px 115px; }
.submitreivew .req span { color:#FF0000; }
.submitreivew fieldset { margin:0 0 5px 0; }
.submitreivew label { float:left; margin:0 10px 0 0; width:105px; text-align:right; }
.submitreivew input { width:180px; border:1px solid #6D1A42; }
.submitreivew label span { color:#FF0000; }
.submitreivew select { width:183px; border:1px solid #6D1A42; }
.submitreivew textarea { width:180px; border:1px solid #6D1A42; }
.submitreivew .commentsfs { margin:25px 0 10px 0; }
.submitreivew .submitbtn { margin:0 0 0 115px; }

.nutritionfacts { display:none; position:absolute; left:447px; top:175px; margin:10px; padding:20px; width:220px; background-color:#FFF; border:1px solid #C15017; z-index:5000; }
.nutritionfacts h3 { padding:0 0 15px 0; margin:0 0 15px 0; background:url(../global/images/purple_dashed.gif) bottom left repeat-x; }
.nutritionfacts h4 { margin:0 0 5px 0; font-size:14px; color:#C15017; }
.nuttable table { width:220px; border-collapse:collapse;  }
.nuttable td { padding:5px; border-bottom:1px solid #DDD; }
.nuttable .aps { font-weight:bold; border-bottom:none; }
.nuttable td.pdv { font-weight:bold; text-align:right; background:url(../global/images/purple_dashed.gif) bottom left repeat-x; border-bottom:none; }
.nuttable td.p { text-align:right; font-weight:bold; }
p.pdv { padding:5px; font-size:10px; }

.srdisclaim { margin:10px 0; color:#777; font-size:10px; }
.closeoverlay { float:right; }


/* quiz */
.quiztop { margin:0 0 0 11px; min-height:135px; background:url(images/quiz/pg1_bg.jpg) top right no-repeat; }
.quiztop h3 { font-size:11px; color:#C15017; }
.quiztop p { margin:40px 0 0 18px; width:325px; color:#C15017;  }

.qlegend { margin:-20px 30px 0 0; float:right; }
.q2legend { margin:0 0 -10px 310px; }
.alt .quizitem { background:url(images/quiz/alt_bg.gif) repeat-y; }
.quizitem { padding:20px 30px 5px 30px; }
.quizitem h3 { margin:0 0 10px 0; font-size:11px; }
.quizitem h3 .num { display:block; width:20px; float:left; }
.quizitem h3 .txt { display:block; margin:0 0 0 20px; }
.quizitem .q { overflow:hidden; margin:0 0 15px 0;  }
.quizitem .q .num { display:block; float:left; margin:0 0 0 20px; width:15px; font-weight:bold; }
.quizitem .q .txt { display:block; float:left; margin:0 25px 0 0; padding:0 2px; width:230px; }
.quizitem .q div { overflow:hidden; margin:0 0 15px 0; }
.quizitem .q table { border-collapse:collapse; margin:0; } 
.quizitem .q td { white-space:nowrap; }
.quizitem .q td label { padding:0 3px 0 0; }

.quizerror { margin:0 0 0 30px; }
.qerror { position:absolute; margin:5px 0 0 0; }
.quizbtn { margin:20px 0 20px 35px; }
.quizbtn p { margin:0 0 10px 0; font-weight:bold; color:#C15018; }

.quizresult { padding:0 0 0 30px; }
.quizresult .qrimg { margin:-20px 0 0 0; float:right; width:300px; }
.quizresult h3 { padding:5px 0 0 0; }
.quizresult p { margin:0 0 20px 0; }
.quizresult a { margin:0 15px 0 0; }


/* survey */
.survey { margin:20px 0 0 0; padding:0 275px 10px 25px; min-height:365px; background:url(images/polls/poll_bg.jpg) 312px 25px no-repeat; }
.survey label.q { display:block; padding-bottom:12px;}
.survey label.q span { color:Red; }
.questions { margin:0 0 15px 20px; }
.questions li { margin:0 0 10px 0; }
.questions td { padding:2px 0; }
.questions td input { float:left; }
.questions td label { display:block; margin:0 0 0 25px; padding:2px 0 0 0; }
.surveyerrors { margin:0 0 10px 0; }