﻿@font-face{font-family:'SunsetSerialBold';src:url('http://www.spam.com/common/fonts/sunsetserial-bold-webfont.eot');src:url('http://www.spam.com/common/fonts/sunsetserial-bold-webfont.eot?#iefix') format('embedded-opentype'),url('http://www.spam.com/common/fonts/sunsetserial-bold-webfont.woff') format('woff'),url('http://www.spam.com/common/fonts/sunsetserial-bold-webfont.ttf') format('truetype'),url('http://www.spam.com/common/fonts/sunsetserial-bold-webfont.svg#SunsetSerialBold') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'SunsetSerialHeavy';src:url('http://www.spam.com/common/fonts/sunsetserial-heavy-webfont.eot');src:url('http://www.spam.com/common/fonts/sunsetserial-heavy-webfont.eot?#iefix') format('embedded-opentype'),url('http://www.spam.com/common/fonts/sunsetserial-heavy-webfont.woff') format('woff'),url('http://www.spam.com/common/fonts/sunsetserial-heavy-webfont.ttf') format('truetype'),url('http://www.spam.com/common/fonts/sunsetserial-heavy-webfont.svg#SunsetSerialHeavy') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'SunsetSerialLight';src:url('http://www.spam.com/common/fonts/sunsetserial-light-webfont.eot');src:url('http://www.spam.com/common/fonts/sunsetserial-light-webfont.eot?#iefix') format('embedded-opentype'),url('http://www.spam.com/common/fonts/sunsetserial-light-webfont.woff') format('woff'),url('http://www.spam.com/common/fonts/sunsetserial-light-webfont.ttf') format('truetype'),url('http://www.spam.com/common/fonts/sunsetserial-light-webfont.svg#SunsetSerialLight') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'SunsetSerialRegular';src:url('http://www.spam.com/common/fonts/sunsetserial-regular-webfont.eot');src:url('http://www.spam.com/common/fonts/sunsetserial-regular-webfont.eot?#iefix') format('embedded-opentype'),url('http://www.spam.com/common/fonts/sunsetserial-regular-webfont.woff') format('woff'),url('http://www.spam.com/common/fonts/sunsetserial-regular-webfont.ttf') format('truetype'),url('http://www.spam.com/common/fonts/sunsetserial-regular-webfont.svg#SunsetSerialRegular') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'SunsetSerialMedium';src:url('http://www.spam.com/common/fonts/sunsetserial-medium-webfont.eot');src:url('http://www.spam.com/common/fonts/sunsetserial-medium-webfont.eot?#iefix') format('embedded-opentype'),url('http://www.spam.com/common/fonts/sunsetserial-medium-webfont.woff') format('woff'),url('http://www.spam.com/common/fonts/sunsetserial-medium-webfont.ttf') format('truetype'),url('http://www.spam.com/common/fonts/sunsetserial-medium-webfont.svg#SunsetSerialMedium') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'SunsetSerialXbold';src:url('http://www.spam.com/common/fonts/sunsetserial-xbold-webfont.eot');src:url('http://www.spam.com/common/fonts/sunsetserial-xbold-webfont.eot?#iefix') format('embedded-opentype'),url('http://www.spam.com/common/fonts/sunsetserial-xbold-webfont.woff') format('woff'),url('http://www.spam.com/common/fonts/sunsetserial-xbold-webfont.ttf') format('truetype'),url('http://www.spam.com/common/fonts/sunsetserial-xbold-webfont.svg#SunsetSerialXbold') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'SunsetSerialXlight';src:url('http://www.spam.com/common/fonts/sunsetserial-xlight-webfont.eot');src:url('http://www.spam.com/common/fonts/sunsetserial-xlight-webfont.eot?#iefix') format('embedded-opentype'),url('http://www.spam.com/common/fonts/sunsetserial-xlight-webfont.woff') format('woff'),url('http://www.spam.com/common/fonts/sunsetserial-xlight-webfont.ttf') format('truetype'),url('http://www.spam.com/common/fonts/sunsetserial-xlight-webfont.svg#SunsetSerialXlight') format('svg');font-weight:normal;font-style:normal}
html,body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}
img{border:0}
.clear{clear:both;display:block}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
/*\*/* html .clearfix{height:1%}
.clearfix{display:block}
/**/

a{text-decoration:none;color:#0C3477}
sup{font-size:0.6em;position:relative;vertical-align:baseline;top:-0.5em}

input[type='text']:focus { outline: none; }

a.button{display:block;height:33px;font-family:'SunsetSerialBold';font-size:16px;line-height:33px;color:#002c71 !important;text-decoration:none;text-align:center;border-radius:5px;background-color:#ffd500;background:-webkit-gradient(linear,0% 0,0% 100%,from(#ffd500),to(#ed991a));background:-webkit-linear-gradient(top,#ffd500,#ed991a);background:-moz-linear-gradient(top,#ffd500,#ed991a);background:-ms-linear-gradient(top,#ffd500,#ed991a);background:-o-linear-gradient(top,#ffd500,#ed991a);clear:both;margin:15px 0;padding:0 5px;width:280px;cursor:pointer}
a.button:hover{background:#ed991a}
a.button.loadMore{width:940px;height:64px;line-height:64px;font-size:22px;margin:25px auto}

.rounded{border-radius:5px}
.trunk {width:208px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* header */
#header{position:fixed;width:100%;background:url(/assets/image/menu_bg.png);height:49px;-moz-border-radius:0 1px;z-index:300}
#header .wrapper{width:940px;margin:0 auto;padding:9px 0 0}
#header .wrapper h1{background:url(/assets/image/logo.png) no-repeat;float:left;display:block;width:90px;height:30px;text-indent:-99999px;margin-top:1px}
#header .wrapper h1 a{display:block; height: 100%;}
#header .wrapper a.checkBtn{background:url(/assets/image/checkout_btn.png) top left no-repeat;display:block;top:10px;width:63px;height:31px;float:right;font-size:13px;font-weight:bold;line-height:31px;padding-left:40px;color:#011940;text-decoration:none}
#header .wrapper a.checkBtn:hover{background:url(/assets/image/checkout_btn.png) bottom left no-repeat}
#header .wrapper ul{margin:0 auto;padding-top:7px}
#header .wrapper ul li{display:inline;padding:0 10px}
#header .wrapper ul li a{color:#ffd500;font-family:'SunsetSerialXbold';text-decoration:none;font-size:14px;line-height:20px}
#header .wrapper ul li a:hover,#header .wrapper ul li a.active{color:#fff}

#header #doNotPress{display:block;background:url(/assets/image/do-not-press.png) no-repeat 0 0;width:146px;height:144px;text-indent:-9999px}
#header #doNotPress:hover{background-position:0 -144px}

#nav{position:relative;float:right;text-align:right!important}
#nav li.level-top{float:left}
#nav li.level-top a{display:block;color:#ffd500;font-family:'SunsetSerialXbold';text-decoration:none;font-size:14px;line-height:20px;padding:0 10px 13px 10px}
#nav li.level-top > a{text-transform:uppercase}
#nav li.level-top:hover a,
#nav li.level-top.active a{color:#fff;text-decoration:none}
#nav li.level-top.dropdown:hover a{background:url(/assets/image/mega-menu-arrow.gif) center 27px no-repeat}
#nav li.level-top.dropdown:hover > ul{visibility:visible}

#nav li.level-top > ul{position:absolute;visibility:hidden;height:auto!important;background:url(/assets/image/mega-menu-bg.gif);text-align:left;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;padding:15px;margin-left:-40px;z-index:500}
#nav li.level-top > ul li{text-align:left;padding:0!important}
#nav li.level-top > ul li h2{font-family:'SunsetSerialBold';font-weight:normal;font-size:17px;color:#3d1f00;margin:0 0 10px -1px}
#nav li.level-top > ul li a{display:block;font:12px Arial,Helvetica,sans-serif;color:#ffd500!important;background:0;text-align:left;padding:0;margin-bottom:5px}
#nav li.level-top > ul li a:hover{color:#fff!important}
#nav li.level-top > ul li ul{float:left;width:165px;padding-top:0}
#nav li.level-top > ul li ul+ul{margin-left:20px}
#nav li.level-top > ul li ul li a{font-weight:normal;color:#434343;margin-bottom:6px}

/*ul#nav li.level-top.with-button > ul{width:520px;margin-left:-100px}*/

/* footer */
#footer{height:99px;text-align:center;background:url(/assets/image/menu_bg.png);z-index:0;min-width:940px}
#footer .wrapper{width:940px;height:84px;margin:0 auto;padding:15px 0 0;position:relative}
#footer .wrapper div{float:left;width:20%;color:#6b7983;font-size:11px;line-height:17px;text-align:left}
#footer .wrapper div ul{margin:0;padding:0}
#footer .wrapper div ul li{margin:0;padding:0;list-style:none}
#footer .wrapper div a{text-decoration:none;color:#b3b9c3}
#footer .wrapper .socialIcons{display:block;padding:4px 0}
#footer .wrapper .socialIcons a{display:inline-block;width:23px;height:23px;margin-right:5px;background:url(/assets/image/sprite.png) no-repeat;text-indent:-9999px}
#footer .wrapper .socialIcons #facebook-icon{background-position:-32px -306px}
#footer .wrapper .socialIcons #twitter-icon{background-position:-65px -306px}
#footer .wrapper .socialIcons #video-icon{background-position:-98px -306px}
#footer .wrapper .socialIcons #newsletterLink{background-position:0 -306px}
#footer .wrapper .terms{font-size:10px}

.sideFlyout{background:url(/assets/image/wood.gif);position:fixed;left:0;top:200px;border-top-right-radius:5px;border-bottom-right-radius:5px}
.sideFlyout a.button{width:100%}
.sideFlyout:hover{left:8px}
.sideFlyout.expand:hover{left:0}

/* newsletter popup */
#lb-overlay{display:none;filter:alpha(opacity=60);opacity:.60;background-color:#0c3477;position:absolute;top:0;left:0;z-index:200;height:100%;width:100%}
.popup-box{float:none !important;position:absolute;right:16px;top:-227px;display:none;width:300px!important;height:266px;background:url(/assets/image/newsletter-box-bg.png) no-repeat;z-index:9999}
.popup-box a.close-window{position:absolute;right:-16px;top:-16px;display:block;width:34px;height:34px;background:url(/assets/image/sprite.png) no-repeat 0 -180px;text-indent:-9999px}
.popup-box .inner{width:268px!important;padding:15px 16px}
.popup-box .inner h3{font-family:'SunsetSerialMedium';font-size:18px;color:#0c3477;border-bottom:1px solid #ccc;padding-bottom:10px;margin:0 0 10px}
.popup-box .inner label{display:block;color:#6B7893;font-size:13px;margin-bottom:4px}
.popup-box .inner input.news-input{width:256px;background:#ffefd2;border:1px solid #ffd500;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;padding:5px;margin-bottom:8px}
.popup-box .inner a.button{width:auto;margin-top:8px}
.popup-box #unsubscribe{position:absolute;font-family:Arial;font-size:12px;width:250px;color:#0c3477 !important;left:15px;bottom:32px;cursor:pointer}
.popup-box .inner input.news-input.error{background:#f4d2d2;border-color:#8d3333}
.popup-box .inner p{color:#6B7893;font-size:13px;line-height:17px}

/* social bar */
.socialBar .tweetPlugin iframe{display:inline-block}
.socialBar .fbPlugin .fb-like.fb_iframe_widget span,
.socialBar .fbPlugin .fb-send.fb_iframe_widget span { height: 20px !important; }

/* related items */
ul.banners{clear:both;display:block;padding:0}
ul.banners li{display:block;position:relative;margin:0 12px 0 0;cursor:pointer;overflow:hidden;float:left;width:228px}
ul.banners li.odd,
ul.banners li.last{margin-right:0}
ul.banners li a{display:block}
ul.banners li img{display:block;border-radius:5px;width:220px;height:165px;margin:0 4px;position:relative}
ul.banners li span.title{display:block;position:absolute;background:url(/assets/image/tmb_recipe_title.png) no-repeat;width:208px;height:36px;left:0;bottom:5px;text-align:center;padding:12px 10px;font-family:'SunsetSerialBold'}
ul.banners li span.title > span{font-size:13px}
ul.banners li:hover span.title strong{color:#ffd500}
ul.banners .title strong{display:block;font-size:13px;color:#fff;font-weight:normal}
ul.banners .title .stars2,
ul.banners .title .starswrap{display:inline-block; height:11px;}