.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 */
#overlay {width:100%; min-height:1002px; height:100%; left:0; background:#000; opacity:0.8; filter: alpha(opacity = 80); position:absolute; z-index:10;}
.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:49px; }
.rltabs-art #landtabs .tab-art { background-position:0 -49px; }
.rltabs-rp #landtabs .tab-rp { background-position:-290px -49px; }
#landtabs a { display:block; float:left; height:49px; text-indent:-9000px; outline:none; background-image:url(images/land/tabs_bg.gif); background-repeat:no-repeat; }
#landtabs .tab-art { width:290px; background-position:0 0; }
#landtabs .tab-rp { width:291px; background-position:-290px 0; }

.articles { margin:0 8px; padding:20px 0 0 0; background:url(images/land/tabs_bg.gif) -581px 0 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:6px; background:url(images/land/tabs_bg.gif) 0 -98px no-repeat; }
.recipepairings { margin:0 8px; padding:20px 0 0 0; background:url(images/land/tabs_bg.gif) -581px 0 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:6px; background:url(images/land/tabs_bg.gif) 0 -98px no-repeat; }

.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:49px; }
.actabs-c101 #actabs .tab-c101 { background-position:0 -49px; }
.actabs-ch #actabs .tab-ch { background-position:-146px -49px; }
.actabs-en #actabs .tab-en { background-position:-290px -49px; }
.actabs-su #actabs .tab-su { background-position:-435px -49px; }
#actabs a { display:block; float:left; height:49px; text-indent:-9000px; outline:none; background-image:url(images/articles/tabs_bg.gif); background-repeat:no-repeat; }
#actabs .tab-c101 { width:146px; background-position:0 0; }
#actabs .tab-ch { width:144px; background-position:-146px 0; }
#actabs .tab-en { width:145px; background-position:-290px 0; }
#actabs .tab-su { width:146px; background-position:-435px 0; }

.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/tabs_bg.gif) -581px 0 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:6px; background:url(images/articles/tabs_bg.gif) 0 -98px no-repeat; }
.coffeehealth { margin:0 8px; padding:20px 0 0 0; background:url(images/articles/tabs_bg.gif) -581px 0 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:6px; background:url(images/articles/tabs_bg.gif) 0 -98px no-repeat; }
.entertaining { margin:0 8px; padding:20px 0 0 0; background:url(images/articles/tabs_bg.gif) -581px 0 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:6px; background:url(images/articles/tabs_bg.gif) 0 -98px no-repeat; }
.sustainability { margin:0 8px; padding:20px 0 0 0; background:url(images/articles/tabs_bg.gif) -581px 0 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:6px; background:url(images/articles/tabs_bg.gif) 0 -98px no-repeat; }


/* 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:49px; }
.rltabs-tod #rltabs .tab-tod { background-position:0 -49px; }
.rltabs-cp #rltabs .tab-cp { background-position:-290px -49px; }
#rltabs a { display:block; float:left; height:49px; text-indent:-9000px; outline:none; background-image:url(images/recipes/tabs_bg.gif); background-repeat:no-repeat; }
#rltabs .tab-tod { width:290px; background-position:0 0; }
#rltabs .tab-cp { width:291px; background-position:-290px 0; }

.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/tabs_bg.gif) -581px 0 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:6px; background:url(images/recipes/tabs_bg.gif) 0 -98px repeat-y; }
.typeofdish h2 { border-bottom:2px solid #EDAC00; }

.coffeepairing { margin:0 8px; padding:20px 0 0 0; background:url(images/recipes/tabs_bg.gif) -581px 0 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:6px; background:url(images/recipes/tabs_bg.gif) 0 -98px 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; }


/* onboarding survey */
.onboarding-login { padding:25px 25px 10px 25px; min-height:405px; background:url(images/onboarding/survey_bg.jpg) no-repeat; }
.onboarding-login h1 { padding:0; }
.onboarding-login a { color:#666; text-decoration:none; }
.onboarding-login a:hover { text-decoration:underline; }
.onboarding-login .intro { padding:15px 0 40px 0; width:225px; font-size:16px; line-height:20px; }
.onboarding-login fieldset label { display:block; padding:0 0 5px 0; }
.onboarding-login fieldset input { margin:0 0 20px 0; padding:15px 15px 10px 15px; width:270px; height:20px; font-size:13px; line-height:auto; background:url(images/onboarding/input.gif) no-repeat; border:none; }
.onboarding-login fieldset input:focus { background-position:0 -45px; }
.onboarding-login .fplink { position:absolute; margin:0 0 0 175px; }
.onboarding-login .register-link { position:absolute; margin:-30px 0 0 120px; }
.onboarding-login .disclaim { padding:20px 0 0 0; font-size:10px; color:#898572; }
.onboarding-login .errors { padding:0 0 20px 0; width:225px; }

.onboard-survey { padding:25px 25px 10px 25px; min-height:365px; background:url(images/onboarding/take_survey_bg.jpg) no-repeat; }
.onboard-survey h1 { padding:0; }
.onboard-survey .intro { padding:15px 0 20px 0; width:270px; font-size:16px; line-height:20px; }
.onboard-survey label.q { display:block; padding-bottom:12px;}
.onboard-survey label.q span { color:Red; }
.onboard-survey li p { display:inline;  }
.onboard-survey label select { display:block; margin:10px 0 0 0; }
.onboard-survey. submit-btn { padding:25px 0 0 0; }
.onboard-survey .disclaim { padding:20px 0 0 0; font-size:10px; color:#898572;}
.onboard-survey .error { padding:0 0 10px 0; }

.onboard-thanks { padding:25px 25px 10px 25px; min-height:405px; background:url(images/onboarding/survey_bg.jpg) no-repeat; }
.onboard-thanks h1 { padding:0; }
.onboard-thanks .intro { padding:15px 0 20px 0; width:250px; font-size:16px; line-height:20px; }
.onboard-thanks .disclaim { padding:20px 0 0 0; font-size:10px; color:#898572; }

/* Lapsed User */
.lapsed-user-survey h1 { padding-left:10px; }
.lapsed-user-survey p { font-size:12px; margin:0 0 10px 10px; width:500px; }
.lapsed-user-survey textarea { width:500px; }
.lapsed-user-survey .feedback { margin:0 0 20px 10px; }
.lapsed-user-survey .submit { margin:0 0 0 10px; width:500px; text-align:right; }

/* Videos */
.loginland .videos-top {position: relative; padding-top:25px;}
.logiland .videos-top h1{padding-top:25px; margin-left:20px;}
#videos-content{padding-bottom:50px;}
#videos-left{float:left; width:330px; margin-left:20px;}
#videos-left .video-text{width:300px; margin-top:20px;}
#videos-left .video{margin-top:30px;}
#videos-left .video .video-title{margin-top:10px;}
#videos-left .video .video-pic{margin-top:10px;}
#videos-left .video .video-pic .videoLnk {display:block; width:321px; height:179px;}
#videos-right{float:right; width:230px; position:relative; right:-11px;}
#videos-right #videos-machine{background:url(/App_Themes/Tools/images/videos/videos-machine.png) no-repeat scroll 0 0 transparent; width:219px; height:314px; margin-top:20px;}
#videos-right h2{background: none repeat scroll 0 0 transparent; font-size: 16px; line-height: 20px; margin-bottom: 0; padding-bottom: 0; text-align: center; width: 189px; color:#653500;}
#buy-now{margin-top:10px;}
.youtubePlayer{top:82px; width:560px; height:315px; position:absolute; padding-top:15px; background:transparent; z-index:21;}
*+html .youtubePlayer {z-index:10000;}
    .btn-close {background:url(/App_Themes/Tools/images/videos/close.png) no-repeat; width:40px; height:34px; position:absolute; right:-35px; z-index:22; top:-7px; cursor:pointer; }
    .youtubeVideo {top: 300px; width:560px; z-index:21;}
.send-btn{margin-left:10px; position:relative; top:20px;}