@charset "UTF-8";

/*
GLOBAL.CSS
These style definitions apply globally and are used to define page templates and commonly used items such as navigation elements.
*/

/* === HTML TAGS ========================================================================================================== */

a:link{color:#999999;}
a:visited{color:#aaaaaa;}
a:hover,a:active{color:#B7B67C;}
a:hover { text-decoration: underline; }
body{color:#999999;font-family:'Gotham-Light', Helvetica, Verdana, sans-serif;font-size:10pt;}
input,textarea,select,option,optgroup{color:#999999;font-family:'Gotham-Light', Helvetica, Verdana, sans-serif;}

/* === NAMED ELEMENTS ===================================================================================================== */

#account{float:right; margin-top: 5px;}
#account #authentication{color:#888888;font-size:9pt;text-align:right;}
#account #authentication a:link,#account #authentication a:visited{color:#004972;}
#account #user{color:#B7B67C;font-size:18pt;font-weight:normal;text-align:right;}
#container{width:965px;margin:0 auto;padding:10px 15px 0 15px;}
#container .column_left{float:left;width:736px;overflow: hidden;}
#container .column_right{float:left;margin-left:9px;width:220px;overflow: hidden;}
#page{ width: 995px; margin: 0 auto; position: relative; }
#footer{line-height:1.35em;width:985px;margin:0 auto;padding: 20px 5px 10px 5px;font-size:93%;}
#footer h1{font-size:116%;font-weight:normal;}
#footer h2{color:#999999;font-size:93%;font-weight:bold;text-transform:uppercase;}
#footer h2 a{color:#BDCAE3; text-decoration: none; }
#footer ul{float:left;margin-left:18px;width:149px;}
#footer ul.first{margin-left:0;}
#footer .pad{margin-bottom:5px;}
#footer-about, #footer-sustainability {padding-left: 30px; display:block; height:26px; line-height:26px;}
#footer-about { background: url(/img/global/icon_aboutUs.gif) no-repeat left center;  }
#footer-sustainability { background: url(/img/global/icon_sustainability.gif) no-repeat left center; }
#footer-facebook, #footer-twitter { padding-left: 24px; display:block; height:21px;  }
#footer-facebook { background: url(/img/global/icon_facebook.gif) no-repeat left center; }
#footer-twitter { background: url(/img/global/icon_twitter.gif) no-repeat left center; }
#masthead{width:985px;margin:0 auto; padding: 5px 5px 0 5px;}
#nav-primary{background-image:url(/img/global/nav_primary_bg.gif);width: 995px;margin:0 auto; position: relative;}
#nav-primary ul{float:left;height:46px;position:relative;margin:0;}
#nav-primary ul li{display:block;height:46px; position:relative; float: left; background-image:url(/img/global/nav_primary.gif); background-repeat: no-repeat;margin-right:5px;}
#nav-primary ul li a.tab{display:block;height:0; padding-top: 46px; overflow: hidden;position: relative;}
#nav-primary ul li#home{width:87px;}
#nav-primary ul li#recipes{width:107px; background-position: 0 0;}
#nav-primary ul li#tipsEntertaining{width:222px; background-position: -109px 0;}
#nav-primary ul li#moments{width:125px; background-position: -331px 0;}
#nav-primary ul li#products{width:119px; background-position: -458px 0;}
#nav-primary ul li#clubChinet{width:147px; background-position: -579px 0;}

#nav-utility{font-size:9pt;text-align:right;}
#nav-utility li{display:inline;margin:0;padding:0 6px 0 2px; border-right: 1px solid #efefef;}
#nav-utility li.last { padding: 0 0 0 2px; border-right: none; }
#page-footer-divider { position: relative; height:1px; }
#page-footer-divider-bg{position: absolute; bottom: 0; background:url(/img/global/page_divider.png) center bottom no-repeat;height:14px; overflow: hidden; width: 100%;}
#search{float:right;margin:13px 5px 0 0;}
#search form, #search-in-results form { margin: 0; }
#search-in-results {margin:0 0 35px;}
#search #query, #search-in-results #query {border: 1px solid #d6d6d6; float:left;margin-right:8px;width:193px;padding:3px;}
#search-in-results #query { width: 624px; }
#search #submit, #search-in-results #submit { width: auto; margin: 0; }
#logo,#search #submit{float:left;}
#logo { padding-top: 15px; }
#nav-primary ul li#home a.tab:hover, body.home #nav-primary ul li#home a.tab, #nav-primary ul li#home.primary-nav-active a.tab{background:url(/img/global/nav_primary.gif) 0 -46px;}
#nav-primary ul li#recipes a.tab:hover,body.recipes #nav-primary ul li#recipes a.tab, #nav-primary ul li#recipes.primary-nav-active a.tab{background:url(/img/global/nav_primary.gif) 0 -46px;}
#nav-primary ul li#tipsEntertaining a.tab:hover,body.tips #nav-primary ul li#tipsEntertaining a.tab, #nav-primary ul li#tipsEntertaining.primary-nav-active a.tab{background:url(/img/global/nav_primary.gif) -109px -46px;}
#nav-primary ul li#moments a.tab:hover,body.moments #nav-primary ul li#moments a.tab, #nav-primary ul li#moments.primary-nav-active a.tab{background:url(/img/global/nav_primary.gif) -331px -46px;}
#nav-primary ul li#products a.tab:hover,body.products #nav-primary ul li#products a.tab, #nav-primary ul li#products.primary-nav-active a.tab{background:url(/img/global/nav_primary.gif) -458px -46px;}
#nav-primary ul li#clubChinet a.tab:hover,body.club #nav-primary ul li#clubChinet a.tab, #nav-primary ul li#clubChinet.primary-nav-active a.tab{background:url(/img/global/nav_primary.gif) -579px -46px;}

#nav-primary ul li .subnav{display:none;left:-45px;top:41px;position:absolute; }
#nav-primary ul li#recipes .subnav { left: 0; }
#nav-primary ul li#products .subnav { left: -1px;  }
#nav-primary ul li#products .subnav table ul { width: 140px; }
#nav-primary ul li .subnav .subnav-top .subnav-left { background: url(/img/global/bg/subnav_top_01.png) no-repeat; height: 10px; display: block; }
#nav-primary ul li .subnav .subnav-top .subnav-mid { background: url(/img/global/bg/subnav_top_02.png) repeat-x; height: 10px; width: auto; }
#nav-primary ul li .subnav .subnav-top .subnav-right { background: url(/img/global/bg/subnav_top_03.png) no-repeat; height: 10px; display: block; }
#nav-primary ul li .subnav .subnav-center .subnav-left { background: url(/img/global/bg/subnav_content_01.png) repeat-y; width: 10px; }
#nav-primary ul li .subnav .subnav-center .subnav-mid { background: #ffffff; padding: 5px; }
#nav-primary ul li .subnav .subnav-center .subnav-right { background: url(/img/global/bg/subnav_content_03.png) repeat-y; width: 10px; }
#nav-primary ul li .subnav .subnav-bottom .subnav-left { background: url(/img/global/bg/subnav_03.png) no-repeat; height: 10px; width: 10px; }
#nav-primary ul li .subnav .subnav-bottom .subnav-mid { background: url(/img/global/bg/subnav_04.png) repeat-x; height: 10px; }
#nav-primary ul li .subnav .subnav-bottom .subnav-right { background: url(/img/global/bg/subnav_05.png) no-repeat; height: 10px; width: 10px; }
#nav-primary ul li:hover .subnav,
#nav-primary ul li.primary-nav-active .subnav { display: block; }
#nav-primary .subnav h5 { font-size:100%; font-weight: bold;padding: 0;}
#nav-primary .subnav h5.no-children { font-weight:normal;}
#nav-primary .subnav a, 
#nav-primary ul li#home ul a:hover, 
#nav-primary ul li#recipes ul a:hover, 
#nav-primary ul li#tipsEntertaining ul a:hover, 
#nav-primary ul li#products ul a:hover, 
#nav-primary ul li#clubChinet ul a:hover { display: inline; background: none; height: auto; }
#nav-primary .subnav table { background: none; }
#nav-primary .subnav table td { text-align: left; vertical-align: top;}
#nav-primary .subnav table h5 { color:#BDCAE3; text-transform:uppercase;padding: 5px 0; width: 170px; font-size: 93%; }
#nav-primary .subnav table h5 a { height: auto; color:#BDCAE3; }
#nav-primary .subnav table ul { background: none; width: auto; float: none; height: auto; padding: 0 0 10px 0;}
#nav-primary .subnav table ul li {  background: none; float: none; width: auto; height: auto; position: relative; }
#nav-primary .subnav table ul li h5 { padding: 0; text-transform: none; }
#nav-primary .subnav table ul li h5.has-children { padding-top: 10px; text-transform: uppercase; }
#nav-primary .subnav table ul li h5 a:link, #nav-primary .subnav table ul li h5 a:visited, #nav-primary .subnav table ul li h5 a:active { color: #999999; }
#nav-primary .subnav table ul li h5 a:hover { color:#B7B67C; }
#nav-primary .subnav .tail-link a, #nav-primary .subnav .tail-link a:hover { color: #004990 !important; background: url(/img/global/bg/button-arrow-blue.gif) no-repeat 100% 62% !important; padding-right: 10px;  }
#nav-primary ul li#products .subnav table ul li h5 a { color: #BDCAE3; }

#moments-calendar-small { height: 397px; margin-bottom: 7px; }
#widget-product-carousel { height: 247px; margin-bottom: 10px;  }
object#widget-product-carousel { margin-bottom: 7px; }

/* === CLASS DEFINITIONS ================================================================================================== */

a.default-link { color: #0000ff !important; text-decoration: underline !important; }

.bg-container{background-image:url(/img/global/container_bg.gif);width:995px;}
.bg-container .container{padding: 10px 15px 15px 15px;}
.bg-container .container-bottom{background-image:url(/img/global/container_bottom.gif);height:5px;width:auto;}

ul.breadcrumb { line-height: 25px; }
ul.breadcrumb li { float: left; }
ul.breadcrumb li a { display: block; padding: 0 10px; background: url(/img/global/bg/button-arrow-gray.gif) no-repeat 100% 52%;}
ul.breadcrumb li a:link, ul.breadcrumb li a:visited, ul.breadcrumb li a:active { color: #666666; }
ul.breadcrumb li.first a { padding-left: 0; }
ul.breadcrumb li.last a, ul.breadcrumb li.only a { font-size: 153%; background: none; }
ul.breadcrumb li.only a { padding: 0; }

table.list-table ul li { margin-bottom: 10px; }

.btn-save, .btn-print, .btn-download 
{display: block; float: left;overflow: hidden;margin-right: 10px;  height: 0; padding-top: 22px;background-repeat:no-repeat; background-position: top left; }
.btn-download { background-image: url(/img/global/button_download_pdf.gif); width:110px  }
.btn-save {background-image: url(/img/global/button_save.gif); width: 58px;  }
.btn-print {background-image: url(/img/global/button_print.gif); width: 58px;  }

.hr { height: 0; overflow: hidden; border-bottom: 1px solid #e7e7e7; margin: 30px 0; }

.error-container { padding: 32px; }
/* === BASEBOX STYLES ===================================================================================================== */
#basebox-underlay {position:fixed;top:0;left:0;}

#basebox-wrapper {border: 1px solid #cccccc; padding: 15px; background-color: #ffffff;margin:0 auto;}

div.basebox-container { margin: 0 0 0 0;background: #cdcdcd; padding-bottom: 1.5em;}
div.basebox-container p { /* text-transform: uppercase; */ font-size: 1.2em;color: #000000;text-align: center;width: 100%;overflow: hidden;margin: 0 auto 0 auto;padding-top: 1.5em;}
#container div.club_button, div.basebox-container div.club_button { width: 80%; margin: 15px auto 0 auto; border: 3px solid #595959; background: #d0d0d0 url(/img/club/button-grad.gif) repeat-x; height: 52px; text-align: center; }
#container div.club_button a, div.basebox-container div.club_button a { color: #004083; text-decoration: underline; font-weight: bold; position: relative; top: 17px; font-size: 1.2em; }
#container div.club_button a:hover, div.basebox-container div.club_button a:hover { color: #336699 }
/*form#xhr_login { width: 160px; margin: 0 auto 0 auto; margin-top: 15px; }*/
form#xhr_login #club_submit { }

.modal-close { position: absolute; right: 15px; top: 15px; }
.club-modal {width:279px;background-color:#f0eada;padding:20px;color:#616161;font-size:90%;}
.club-modal form {margin:0;}
.club-modal input.text, .club-modal input.password {border:1px solid #616161;padding:4px;margin:4px 0;width:70%;}
#hd-pleasesignin {height:0;padding-top:41px;overflow:hidden;background:transparent url(/img/club/hd_pleasesignin.gif) 0 0 no-repeat;}
#hd-yourealmostin {height:0;padding-top:41px;overflow:hidden;background:transparent url(/img/club/hd_yourealmostin.gif) 0 0 no-repeat;}
#hd-areyousure {height:0;padding-top:64px;margin-bottom:25px;overflow:hidden;background:transparent url(/img/club/hd_areyousure.gif) 0 0 no-repeat;}
#hd-forgotyourpassword {height:0;padding-top:64px;margin-bottom:25px;overflow:hidden;background:transparent url(/img/club/hd_forgotyourpassword.gif) 0 0 no-repeat;}

.button-container {padding:10px 0;margin:0 auto;}
.button-container li {display:inline;float:left;margin:0 8px 8px 0;}
.button-container li a {display:block;height:0;padding-top:22px;overflow:hidden;background-color:#8ea1c5;background-repeat:no-repeat;background-position:0 0;}
.button-container li a#club_button_login {background-image:url(/img/club/btn_login.gif);width:70px;}
.button-container li a#club_button_join {background-image:url(/img/club/btn_signup.gif);width:70px;}
.button-container li a#club_button_myprofile {background-image:url(/img/club/btn_myprofile.gif);width:87px;}
.button-container li a#club_button_logout {background-image:url(/img/club/btn_logout.gif);width:87px;}
.button-container li a#btn_logintoclubchinet {background-image:url(/img/club/btn_logintoclubchinet.gif);width:180px;}
.button-container li a#btn_createanaccount {background-image:url(/img/club/btn_createanaccount.gif);width:180px;}
.button-container li a#btn_confirmdelete {background-image:url(/img/club/btn_yes.gif);width:87px;}
.button-container li a#btn_canceldelete {background-image:url(/img/club/btn_no.gif);width:87px;}
.button-container li a#btn_gotoclubchinet {background-image:url(/img/club/btn_gotoclubchinet.gif);width:180px;}

/* === ADD THIS === */
#at16lb { background: #ffffff !important; opacity: 0.5 !important; filter:alpha(opacity=50); }
#at16p { background: none !important;}