@charset "UTF-8";

/*
 * CLUB.CSS
 * These style definitions apply to pages in the Club Chinet area of the site.
 */

/* @group Club Chinet */

.club .content-container {background-color:#f6f6f6;padding:20px 11px 0 35px;}

.club .row {margin-top:5px;margin-bottom:5px;}
.club-single-col {margin:0 4px;padding-right:80px;}

.club-col { display:inline; width: 222px; min-height: 270px; background: #efefef; margin: 0 4px 10px; }
.club-col p {margin:0 0 1em 0;}
.club-col ul.default_list { margin: 0 0 1em 1em; }
.club-col ul.default_list li { margin: 0; }


/* @end */

/*
div#club_home { clear: both; float: left; }
*/

.icon-headline {width:222px;height:0;padding-top:124px;overflow:hidden;background-color:#efefef;background-repeat:no-repeat;background-position:0 0;}
#fma-myrecipebox {background-image:url(/img/club/club_hd_icon_myrecipes.gif);}
#fma-mytips {background-image:url(/img/club/club_hd_icon_mytips.gif);}
#fma-mymoments {background-image:url(/img/club/club_hd_icon_mymoments.gif);}

.club-col .text-node {padding:0 20px 20px;font-size:85%;}

.content-footer-generic {padding:24px 24px 38px;}
.content-footer-generic h3 {color:#8ea1c5;}

#fma-newsletter {background-color:#ddd2b6;padding:24px;color:#555454;}
.imgleft {margin:0 24px 0 0;}
#fma-newsletter h3 {color:#555454;}
#fma-newsletter h3, #fma-newsletter p {margin:0 0 5px 0;}
#fma-newsletter a {color:#555454;font-weight:bold;}

.club_delete {display:block;width:7px;height:0;padding-top:1.75em;overflow:hidden;background:transparent url(/img/club/btn_x_graybg.gif) 0 3px no-repeat;}

/* Forms */
/*
div.club_col_form input { margin-left: 10px; margin-bottom: 1.2em; }
div.club_col_form select { margin-left: 10px; margin-bottom: 1.2em; }
div.club_col_form label { margin-left: 10px; }
div.club_col_form p { margin: 0 0 10px 10px; color: #333333; }
*/

ul.club_user li a { /*color: #336699; font-weight: bold;*/ }
ul.club_user li a:hover { color: #113355; }
ul.club_user li { line-height: 1.5em; }
ul.club_user li span { margin-left: 0.4em; }
ul.club_user li span a { font-weight: normal; color: #994422; font-size: 0.8em; }
ul.club_user li span a:hover { font-weight: normal; color: #663300; font-size: 0.8em; }
#club_profile_master p { font-weight: bold; margin: 15px 15px 15px 15px; }
#club_profile_master p span { color: #353535; font-weight: normal; }
#club_profile_master p span a { color: #994422; font-weight: bold; text-decoration: underline; }
#club_profile_master p span a:hover { color: #353535; font-weight: bold; text-decoration: underline; }
#club_profile_master h1 { margin: 10px 10px; }
#club_profile_master h3 { margin: 10px 10px; }
#club_profile_master h3 span { font-size: 0.7em; color: #333333; }
#club_profile_master h3 span a { font-weight: normal; color: #994422; }
#club_profile_master input,#club_profile_master select { border: 1px solid #cacaca; padding: 4px; float: right; margin-right: 120px; margin-top: -4px; width: 180px; color: #333333; }
#club_profile_master input:focus { border: 1px solid #afafaf; background: #dfdfdf; }


/* E-mail form */
/*div#email_form { text-align: center; }
div#email_form h2 { margin-bottom: 10px; text-align: left; }
div#email_form div.email_form_row { width: 80%; margin: 0 auto 0 auto; border:1px solid #ddd; padding:5px; text-align: left; margin-bottom:5px; clear:both; }
div.email_form_row label { float: left; padding: 4px; text-align: left; }
div.email_form_row input[type=text] { width: 80%;  }*/
/*div.email_form_row div.email_form_input { margin-left: 220px; }*/


#email_form { background: #f4f4f4; }
#email_form p { padding: 16px; line-height: 1.2em; }
ul.cleanform { margin-top: -8px; }
ul.cleanform span.email_form_required, p span.email_form_required { color: #ff0000; background: #f4f4f4; }
ul.cleanform li { padding: 20px; width: 600px;  }
ul.cleanform li label { float: left; width: 200px; font-weight: bold; color: #666666; }
ul.cleanform li input, ul.cleanform li select { width: 200px; float: left; color: #333333; border: 1px solid #c7c7c7; background: #ffffff; }
ul.cleanform li label.formright { float: right; margin-right: 120px; text-align: left; }
ul.cleanform li input.formright { float: right; margin-right: 120px; }
ul.cleanform li input#club_send { width: 130px; height: 22px; border: none; }
ul.cleanform li label.formstretch { width: 450px; }
ul.cleanform li div.formbunch { width: 450px; }
ul.cleanform li div.formbunch { margin: none; padding: none; width: 180px; }
ul.cleanform li div.formbunch span { clear: both; display: block; }
ul.cleanform li div.formbunch input[type=checkbox] { margin: none; padding: none; width: 10px; }


#club_thanksjoin p { width: 80%; }


#email_preview { background: #f7f7f7; height: 350px; }
#email_preview p { padding: 3px; text-align: left; }
#email_preview p.subhead { font-size: 1.1em; font-weight: bold; }
#email_preview img { margin-right: 15px; }
#email_preview #newsletter_copy { background: pink; display: block; background: #f1f1f1; width: 180px; margin-right: 20px; padding: 13px; text-align: center; overflow: hidden; }
#email_preview #newsletter_copy p { font-size: 0.85em; }
#newsletter_preview { width:445px; }

                                                          
/* COFFE - */
.coffe_box { background: #F8F5EE url(/img/club/CoffeeCalculator.png) no-repeat left top; height: 591px; margin-bottom: 20px; } 
.coffe_box .form { padding: 7px 0 0 0; width: 510px; background: url(/img/club/CoffeeCalculator_form.png) no-repeat left 0; }
.coffe_box label { font-size: 17px; color: #9b9b9b; font-weight: normal; }
.coffe_box .left { float: left;
    height: 53px;
    margin-right: 10px;
    width: 220px; }
.coffe_box form { margin: 0 0 0 18px; }
.coffe_box input.text { width: 210px; text-indent: 2px; }
.coffe_box .required-mark { color: #9b9b9b; }

.coffe_box .checkbox_row { clear: both; margin-top: 5px; width: 360px; }
.coffe_box .checkbox_row label { display: inline-block; }




.coffe_box .text_box { padding-top: 89px; clear: both; padding-bottom: 10px;} 
.coffe_box .text_box textarea { height: 113px; width: 443px; text-indent: 2px; }
.coffe_box .checkbox { margin-right: 0; }
.coffe_box input, .coffe_box textarea { border: none; background-color: transparent; }

.coffe_box #club-submit { float: right; margin-top: 13px; margin-right: 52px; } 
.coffe_box .validation_errors { height: 198px; } 
.coffe_box .validation_errors div.form_error { margin: 0 18px; padding-top: 170px; } 
.coffe_box input.form_error { color: red; }

.coffe_thank_you { background: #F8F5EE url(/img/club/CoffeeCalculator_thankyou.png) no-repeat left top; }   
.coffe_thank_you .inner { font-size: 17px; line-height: 23px; padding: 273px 16px; width: 600px; }   
.coffe_box a { text-decoration: underline; }

.coffee_rules p { padding: 10px 0; }   
 
.clearfix { clear: both; }  

/* - COFFE */